#jh2_foot_5 .container .f_key{ display: none; } .CompanyAdvantage54 #jh2_advantage_1 .bodyContContent .cate>ul { padding: 0 15px; } @media (max-width: 767px){ #jh2_imgtxt_68 .bg_img{ height: 100vw; } #jh2_imgtxt_68 .bg_img .look_content{ width: 100%; top: 15%; } #jh2_imgtxt_68 .bg_img .look_link{ padding: 0; } #jh_company_5 .ql-align-left{ padding: 0 !important; } #jh_contact_5 .contactus .p.dz{ width: 100% !important; } } #jh_contact_5 .message_form{ padding-top: 20px; } @media (max-width: 991px){ #laymod_88621 .nav_logo img { max-height: 49% !important; }} @media (max-width: 991px){ #laymod_88843 .nav_logo img { max-height: 49% !important; }} .Company132 #jh_company_6 .jh_company_data .company_data li.data_3 { display: none; } .ContactUs76 #jh_contact_5 .contactus .p:nth-child(4) { width:20%; } .ContactUs76 #jh_contact_5 .contactus .p:nth-child(6) { width:30%; } /* 20210116 */ #jh2_news_34 .bodyContContent li .news_img { display:box; display:-webkit-box; /* iOS 6-, Safari 3.1-6 */ display:-webkit-flex; /* Chrome */ display:-moz-box; /* Firefox 19 */ display:-ms-flexbox; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_473n7wba376wdn29.eot'); src: url('//at.alicdn.com/t/font_249974_473n7wba376wdn29.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_473n7wba376wdn29.woff') format('woff'), url('//at.alicdn.com/t/font_249974_473n7wba376wdn29.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_473n7wba376wdn29.svg#iconfont') format('svg'); } @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_ogxycd184a38fr.eot'); src: url('//at.alicdn.com/t/font_249974_ogxycd184a38fr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_ogxycd184a38fr.woff') format('woff'), url('//at.alicdn.com/t/font_249974_ogxycd184a38fr.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_ogxycd184a38fr.svg#xybicon') format('svg'); } .fonticon:before, .fonticon:after { font-family:"iconfont"; font-style:normal; } .xybicon { font-family: "xybicon"; font-style: normal; } ul,ol,li { list-style:none; padding:0; margin:0; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /* 璁捐椤典唬鐮 */ #laymod_88621 .alert-warning { display: none; margin-bottom: 0; } .design-html #laymod_88621 .alert-warning { display: block; font-size: 12px; text-align: center; position: relative; z-index: 3; } .design-html #laymod_88621 { height: 149px; } .design-html #laymod_88621 .header_wrap, .design-html #laymod_88621 #jh2_nav_15.index_mark .header_wrap { position: static; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88621 { z-index: 1200; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88621 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88621 .header_wrap { width: 100%; height: 101px; background: #fff; border-bottom: 1px solid rgba(255,255,255,0); position: absolute; top: 0; left: 0; z-index: 999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 #jh2_nav_15.index_mark .header_wrap { position: fixed; background:rgba(33, 41, 43, 0.3); } /* logo */ #laymod_88621 .nav_logo { float: left; height: 100px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .nav_logo a { height: 100%; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*涓昏酱涓婂榻愶紙妯酱锛?/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*浜ゅ弶杞村榻愶紙鍨傜洿锛?/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_88621 .nav_logo img { display: block; max-height: 80%; max-width: 100%; } /* 瀵艰埅 */ #laymod_88621 .nav_content { float: right; font-size: 0; } #laymod_88621 .nav_content .main_nav, #laymod_88621 .nav_content .main_nav ul li { display: inline-block; vertical-align: middle; } #laymod_88621 .nav_content .main_nav ul li a { display: block; height: 101px; padding: 0 0.78125vw; color: #333; line-height: 100px; position: relative; font-family: "Calibri"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 14px; } #laymod_88621 .index_mark .nav_content .main_nav ul li a { color: rgba(255,255,255,1); } #laymod_88621 .nav_content .main_nav ul li>a:after { content: ""; display: block; width: 0; height: 3px; background: rgba(193,18,41,1); position: absolute; bottom: 0; left: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .nav_content .main_nav ul li:hover a::after, #laymod_88621 .nav_content .main_nav ul li.active a:after { left: 0; width: 100%; } #laymod_88621 .nav_content .nav_btn { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; padding-left: 0.78125vw; position: relative; } #laymod_88621 .nav_content .nav_btn ul { font-size: 0; } #laymod_88621 .nav_content .nav_btn ul li { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; } #laymod_88621 .nav_content .nav_btn ul li a, #laymod_88621 .index_mark.fixed .nav_content .nav_btn ul li a, #laymod_88621 .index_mark.showslide .nav_content .nav_btn ul li a { color: #333; font-size: 14px; line-height: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .index_mark .nav_content .nav_btn ul li a { color: rgba(255,255,255,1); } #laymod_88621 .nav_content .nav_btn ul li.search_btn .fonticon:before { content: "\e690"; } /* 鎼滅储鍒楄〃 */ #laymod_88621 .nav_search { display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: -100%; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .nav_search .search_content { text-align: center; font-size: 0; padding: 30px 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .nav_search .search_content input { display: inline-block; vertical-align: middle; width: 50%; max-width: 400px; height: 40px; line-height: 40px; border: 1px solid #f5f5f5; border-radius: 3px; padding: 0 10px; color: #333; background:none; font-size: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 ::-webkit-input-placeholder { color:#999; } #laymod_88621 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_88621 .nav_search .search_content a { display: inline-block; vertical-align: middle; margin-left: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: rgba(193,18,41,1); color: #fff; font-size: 18px; } #laymod_88621 .nav_search .search_content a .fonticon:before { content: "\e690"; } #laymod_88621 .nav_search .search_close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_88621 .nav_search .search_close a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: rgba(193,18,41,1); color: #fff; font-size: 18px; } #laymod_88621 .nav_search .search_close a .fonticon:before { content: "\e74c"; } #laymod_88621 .nav_search.slideshow { top: 0; } @media(min-width: 992px) { .page-index #laymod_88621 { height: auto; } #laymod_88621 { height: 101px; } /* 浜岀骇瀵艰埅 */ #laymod_88621 .nav_content .main_nav ul li .son_list { position: absolute; padding: 0; transition: 0.5s padding; background-color: #f1f1f1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } #laymod_88621 .nav_content .main_nav ul li .son_list a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 13px; visibility: hidden; height: 0; padding-top: 0; padding-bottom: 0; margin: 0; color: #333; transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility; z-index: 99; box-sizing: content-box; } #laymod_88621 .nav_content .main_nav ul li .son_list a:hover { color: rgba(193,18,41,1); } #laymod_88621 .nav_content .main_nav ul li:hover .son_list { padding: 15px 0; } #laymod_88621 .nav_content .main_nav ul li:hover .son_list a { overflow: hidden; height: 16px; line-height: 16px; padding: 5px 10px; background: transparent; white-space: nowrap; visibility: visible; transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color; } #laymod_88621 .nav_content .nav_btn:before { content: ""; display: block; width: 1px; height: 13px; position: absolute; top: 1.5px; left: 0; background:rgba(255,255,255,0.5); } .page-index #laymod_88621 .nav_content .nav_btn:before { content: ""; display: block; width: 1px; height: 13px; position: absolute; top: 1.5px; left: 0; background:rgba(255, 255, 255, 0.5); } } @media(max-width: 991px) { #laymod_88621, #laymod_88621 .header_wrap { height: 61px; } .page-index #laymod_88621, .page-index #laymod_88621 .header_wrap { height: auto; } #laymod_88621 .nav_logo { height: 60px; } #laymod_88621 .nav_content .mobile_main_nav { position: absolute; top: 61px; left: 0; width: 100%; background: #fff; visibility: hidden; } #laymod_88621 #jh2_nav_15.index_mark.fixed .header_wrap, #laymod_88621 #jh2_nav_15.index_mark.showslide .header_wrap { background: #fff; } #laymod_88621 .nav_content .mobile_main_nav ul>li { line-height: 40px; border-bottom: 1px solid rgba(51,51,51,0.2); } #laymod_88621 .nav_content .mobile_main_nav ul li a { display: block; width: 100%; text-align: left; color: #333; font-size: 14px; padding-left: 15px; font-family: "Calibri"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88621 .index_mark.showslide .nav_content .nav_btn ul li a {} #laymod_88621 .nav_content .mobile_main_nav ul li>a { display: inline-block; vertical-align: top; width: 85%; } #laymod_88621 .nav_content .mobile_main_nav ul li>.xybicon { display: inline-block; vertical-align: top; width: 15%; text-align: center; font-size: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #333; } #laymod_88621 .nav_content .mobile_main_nav ul li>.xybicon.active { transform: rotate(90deg); } #laymod_88621 .nav_content .mobile_main_nav ul li>.xybicon:after { content: "\e753"; } #laymod_88621 .nav_content .mobile_main_nav ul li.active>a, #laymod_88621 .nav_content .mobile_main_nav ul li.active>.xybicon { color: rgba(193,18,41,1); } #laymod_88621 .nav_content .mobile_main_nav ul li .son_list { padding: 10px 15px; display: none; border-top: 1px solid rgba(51,51,51,0.2); } #laymod_88621 .nav_content .mobile_main_nav ul li .son_list a { line-height: 30px; font-size: 13px; } #laymod_88621 .nav_content .nav_btn { margin: 0; padding: 22.5px 0; } #laymod_88621 .nav_content .nav_btn ul li { margin-left: 20px; } #laymod_88621 .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e617"; } #laymod_88621 .nav_search .search_content { padding: 10px 0; } #laymod_88621 .showslide .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e74c"; } #laymod_88621 .search_content input, #laymod_88621 textarea { -webkit-appearance: none; } } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_kvn9lkiemaa.eot'); src: url('//at.alicdn.com/t/font_249974_kvn9lkiemaa.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_kvn9lkiemaa.woff') format('woff'), url('//at.alicdn.com/t/font_249974_kvn9lkiemaa.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_kvn9lkiemaa.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } #laymod_125957 #owl-demo .owl-item a { display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center; } #owl-demo .owl-item img{ display: block; max-width:100%; margin:0 auto; } #laymod_125957 .bodyContContent { position: relative; } #laymod_125957 .bodyContContent .nothing_s img { max-width: 100%; display: block; } #laymod_125957 #owl-demo .owl-pagination .owl-page span { background: #000; } @media (min-width: 768px) { #laymod_125957 #owl-demo .owl-pagination { width: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #laymod_125957 #owl-demo .owl-pagination .owl-page { width: 20px; height: 28px; line-height: 28px; text-align: center; position: relative; } #laymod_125957 #owl-demo .owl-pagination .owl-page span { width: 4px; height: 4px; margin: 0 auto; line-height: 28px; opacity: 1; transition:all .35s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #laymod_125957 #owl-demo .owl-pagination .owl-page:hover span { width: 6px; height: 6px; } #laymod_125957 #owl-demo .owl-controls .owl-buttons { position: absolute; width: 150px; left: 50%; bottom: 0; height: 65px; margin-left: -600px; background: #fff; } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-prev { margin: 0; background: none; height: 65px; line-height: 65px; text-align: center; position: absolute; left: 0; width: 50%; border-radius: 0; } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-next { margin: 0; background: none; height: 65px; line-height: 65px; text-align: center; position: absolute; right: 0; width: 50%; border-radius: 0; } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-prev i, #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-next i { font-size: 20px; transition: 0.36s ease; color:rgba(48,48,48,0.4); } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-prev:hover i, #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-next:hover i { font-size: 22px; color: #303030; } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-prev:after { content: ""; position: absolute; top: 50%; right: 0px; width: 1px; height: 18px; margin-top: -7px; background:rgba(48,48,48,0.2); } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-prev i:after { content: "\e626"; } #laymod_125957 #owl-demo .owl-controls .owl-buttons .owl-next i:after { content: "\e627"; } /* 灏廱anner */ #laymod_125957 #sliderDirThemb { width: 180px; position: absolute; bottom: 0; left: 50%; height: 65px; overflow: hidden; margin-left: -450px; transition:all .35s; opacity: 0 !important; visibility: hidden; } #laymod_125957 #sliderDirThemb.active { opacity: 1 !important; visibility: visible; } #laymod_125957 #sliderDirThemb .owl-wrapper img { width: 100%; display: block; } } @media (max-width: 767px) { #laymod_125957 #owl-demo .owl-buttons { display: none; } #laymod_125957 #owl-demo .owl-pagination { position: absolute; bottom: 5px; width: 100%; text-align: center; } #laymod_125957 #owl-demo .owl-pagination .owl-page { width: 5px; height: 5px; margin: 0 5px; } #laymod_125957 #owl-demo .owl-pagination .owl-page span { width: 5px; height: 5px; margin: 0; } } .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .grabbing{cursor:url(grabbing.png) 8 8,move} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease} .owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both} @-webkit-keyframes empty{ 0%{opacity:1} } @-moz-keyframes empty{ 0%{opacity:1} } @keyframes empty{ 0%{opacity:1} } @-webkit-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-moz-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-webkit-keyframes backSlideOut{ 25%{opacity:.5;-webkit-transform:translateZ(-500px)} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} } @-moz-keyframes backSlideOut{ 25%{opacity:.5;-moz-transform:translateZ(-500px)} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} } @keyframes backSlideOut{ 25%{opacity:.5;transform:translateZ(-500px)} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} } @-webkit-keyframes backSlideIn{ 0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-webkit-transform:translateZ(-500px)} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)} } @-moz-keyframes backSlideIn{ 0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)} } @keyframes backSlideIn{ 0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;transform:translateZ(-500px)} 100%{opacity:1;transform:translateZ(0) translateX(0)} } @-webkit-keyframes scaleToFade{ to{opacity:0;-webkit-transform:scale(.8)} } @-moz-keyframes scaleToFade{ to{opacity:0;-moz-transform:scale(.8)} } @keyframes scaleToFade{ to{opacity:0;transform:scale(.8)} } @-webkit-keyframes goDown{ from{-webkit-transform:translateY(-100%)} } @-moz-keyframes goDown{ from{-moz-transform:translateY(-100%)} } @keyframes goDown{ from{transform:translateY(-100%)} } @-webkit-keyframes scaleUpFrom{ from{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpFrom{ from{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpFrom{ from{opacity:0;transform:scale(1.5)} } @-webkit-keyframes scaleUpTo{ to{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpTo{ to{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpTo{ to{opacity:0;transform:scale(1.5)} } .owl-theme .owl-controls{text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center} #tianxi_proCate.category_pc{ width: 100%; padding: 30px 0; } #tianxi_proCate.category_pc .cate_content{ width: 1170px; padding: 0 15px; margin: 0 auto; } #tianxi_proCate.category_pc .cate_content .swiper-wrapper{ overflow: hidden; } #tianxi_proCate.category_pc .cate_content .swiper-slide{ width: 165px; float: left; margin-left: 30px; } #tianxi_proCate.category_pc .cate_content .swiper-slide:first-child{ margin-left: 0; } #tianxi_proCate.category_pc .cate_content .swiper-slide a{ width: 165px; height: 165px; display: block; padding: 15px; text-align: center; background-color: #fafafa; transition: all 0.4s; -webkit-transition: all 0.4s; } #tianxi_proCate.category_pc .swiper-slide a:hover{ background-color: #df0d29; } #tianxi_proCate.category_pc .swiper-slide .cate_pic{ width: 100px; height: 100px; display: inline-block; overflow: hidden; } #tianxi_proCate.category_pc .swiper-slide a:hover .cate_pic img{ position: relative; left: -100px; -webkit-filter: drop-shadow(100px 0 #fff); filter: drop-shadow(100px 0 #fff); } #tianxi_proCate.category_pc .swiper-slide .cate_name{ display: block; font-size: 14px; color: #000; line-height: 24px; margin-top: 11px; transition: all 0.4s; -webkit-transition: all 0.4s; } #tianxi_proCate.category_pc .swiper-slide a:hover .cate_name{ color: #fff; } /* 绉诲姩绔 */ #tianxi_proCate.category_mobile{ width: 100%; padding: 6vw 0; } #tianxi_proCate.category_mobile .cate_content{ padding: 0 3vw; overflow: hidden; } #tianxi_proCate.category_mobile .cate_content .swiper-wrapper{ overflow: hidden; } #tianxi_proCate.category_mobile .cate_content .swiper-slide{ width: 40vw; float: left; margin: 0 3vw; } #tianxi_proCate.category_mobile .cate_content .swiper-slide a{ width: 40vw; height: 40vw; display: block; padding: 3vw; text-align: center; background-color: #fafafa; transition: all 0.4s; -webkit-transition: all 0.4s; } #tianxi_proCate.category_mobile .swiper-slide.swiper-slide-active a{ background-color: #df0d29; } #tianxi_proCate.category_mobile .swiper-slide .cate_pic{ width: 25vw; height: 25vw; display: inline-block; overflow: hidden; } #tianxi_proCate.category_mobile .swiper-slide .cate_pic img{ width: 100%; height: 100%; } #tianxi_proCate.category_mobile .swiper-slide.swiper-slide-active a .cate_pic img{ position: relative; left: -25vw; -webkit-filter: drop-shadow(25vw 0 #fff); filter: drop-shadow(25vw 0 #fff); } #tianxi_proCate.category_mobile .swiper-slide .cate_name{ display: block; font-size: 3.5vw; color: #000; line-height: 6vw; margin-top: 2vw; transition: all 0.4s; -webkit-transition: all 0.4s; } #tianxi_proCate.category_mobile .swiper-slide.swiper-slide-active a .cate_name{ color: #fff; } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_exk5ifbc62c.eot'); src: url('//at.alicdn.com/t/font_249974_exk5ifbc62c.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_exk5ifbc62c.woff') format('woff'), url('//at.alicdn.com/t/font_249974_exk5ifbc62c.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_exk5ifbc62c.svg#iconfont') format('svg'); } .iconfont { font-family: 'iconfont'; font-style: normal; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88766 { position:relative; overflow:hidden; z-index: 500; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88766 .module-section-inner{overflow:hidden;} #laymod_88766 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88766 .bg_img { z-index: 3; } #laymod_88766 .bodyCont_width { position:relative; padding: 0; z-index:4; } #laymod_88766 .bodyCont_width .bodyContTitle .fl { font-size: 14px; letter-spacing: 5px; font-weight: 700; color: #000; line-height: 1; text-align: center; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a { display: block; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic { position: relative; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic img { max-width: 100%; display: block; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt { margin-top: 25px; text-align: center; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_name { font-size: 12px; line-height: 1; color: #000; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_price { font-size: 0; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_price span { display: inline-block; line-height: 1; font-size: 12px; margin: 0 2px; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_price .price1 { color: #ff5241; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_price .price2 { text-decoration: line-through; color: #999; } @media(min-width: 768px) { #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_concon { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; background: rgba(255,255,255,0.7); } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .read { display: inline-block; margin-top: 1em; border: 0; width: auto; padding: 0; color: #000; position: relative; line-height: 30px; font-size: 11px; letter-spacing: 3px; top: 50%; left: 0; right: 0; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .read:before { content: ""; position: absolute; bottom: 0; left: 15%; width: 70%; height: 1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #000; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a:hover .pro_pic .pro_concon { opacity: 1; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .read:hover:before { width: 100%; left: 0; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_icon .bx:after { content: "\e6d4"; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_icon .dc:after { content: "\e800"; } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_icon { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-26px); -moz-transform: translateY(-26px); -ms-transform: translateY(-26px); -o-transform: translateY(-26px); transform: translateY(-26px); } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_icon .bx { position: absolute; left: 25%; width: auto; font-size: 18px; color: #000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_icon .dc { position: absolute; right: 25%; font-size: 18px; color: #000; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } @media(max-width: 767px) { #laymod_88766 .bodyCont_width .bodyContContent .pro_ul>div a .pro_pic .pro_concon { display: none; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt { margin-top: 20px; margin-bottom: 30px; } #laymod_88766 .bodyCont_width .bodyContContent .pro_txt .pro_name { margin-bottom: 8px; } #laymod_88766 .swiper-wrapper { display:block; } } /*妯$増鏁翠綋鎺у埗*/ #laymod_88767 { position:relative; overflow:hidden; z-index: 500; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88767 .module-section-inner{overflow:hidden;} #laymod_88767 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88767 .bg_img { z-index:2; } #laymod_88767 .bodyCont_width { position:relative; z-index:4; } #laymod_88767 .bodyCont_width .bodyContTitle .fl { font-size: 24px; text-align: center; color: #fff; } #laymod_88767 .bodyCont_width .bodyContTitle .fl2 { font-size: 12px; text-align: center; color: rgba(255,255,255,0.3); } #laymod_88767 .bodyCont_width .swiper ul:after { content: ""; display: block; clear: both; } #laymod_88767 .bodyCont_width .swiper li a { display: block; text-align: center; padding: 45px 0; transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_88767 .bodyCont_width .swiper li a .h4 { font-size: 16px; line-height: 1; margin: 0 0 17px 0; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } #laymod_88767 .bodyCont_width .swiper li a .span { font-size: 12px; line-height: 1.8; color:rgba(255,255,255,0.5); padding: 0 6.4%; height: 84px; overflow: hidden; } @media(min-width: 768px) { #laymod_88767 .bodyCont_width .bodyContContent { padding: 0; } #laymod_88767 .bodyCont_width .swiper li a:hover { background: rgba(193,18,41,1); } } @media(max-width: 767px) { #laymod_88767 .bodyCont_width .swiper li a { padding: 15px 0 } #laymod_88767 .bodyCont_width .swiper-pagination { width: calc(100% - 30px); } #laymod_88767 .bodyCont_width .swiper-pagination span { margin: 0 5px; } #laymod_88767 .bodyCont_width .swiper-pagination span, #laymod_88767 .bodyCont_width .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.eot'); src: url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.svg#xybicon') format('svg'); } @font-face { font-family: 'Conv_Helvet'; src: url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.eot'); src: local('鈽?), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.woff') format('woff'), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.ttf') format('truetype'), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.svg') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88817 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88817 #jh_company_6>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88817 #jh_company_6>.bg_img { z-index:2; } #laymod_88817 .bodyCont_width { position:relative; z-index:4; } /*鏍囬鎺у埗*/ #laymod_88817 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_88817 .jh_company_info { padding:107px 0 145px 0; position:relative; } #laymod_88817 .company_info { position:relative; } #laymod_88817 .company_img { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 0; } #laymod_88817 .company_left { background:rgba(193,18,41,1); padding:62px 45px 102px 45px; } #laymod_88817 .company_left .title { font-size:12px; color:#000; line-height:1; margin-bottom:20px; } #laymod_88817 .company_left .title_1 { font-size:24px; } #laymod_88817 .company_left .p { font-size:14px; line-height:2.14; text-indent:2rem; color:#000; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); text-align:justify; margin:0 0 30px 0; } #laymod_88817 .company_left a { display:inline-block; padding:10px 37px; font-size: 12px; background:#fff; color:#000; -moz-border-radius: 22px; -khtml-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; -moz-border-radius-bottomleft:22px; -moz-border-radius-bottomright:22px; -khtml-border-radius: 22px; -webkit-border-bottom-left-radius:22px; -webkit-border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #laymod_88817 .company_left a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3); } #laymod_88817 .company_right { padding:0; overflow:hidden; position:absolute; right:0; top:0; height:100%; float:none; } #laymod_88817 .company_right img { display:block; height:100%; } #laymod_88817 .jh_company_data { padding:80px 0; background:rgba(255,255,255,1); } #laymod_88817 .jh_company_data .company_data ul { width:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*涓昏酱涓婂榻?/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*浜ゅ弶杞村榻?/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_88817 .jh_company_data .company_data li { font-size:16px; color:#888; text-align:center; line-height:1; width:25%; position:relative; } #laymod_88817 .jh_company_data .company_data .info_p { font-size:50px; margin:0 0 10px 0; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; position:relative; line-height:0.8; } #laymod_88817 .jh_company_data .company_data .info_p span { position:relative; display:inline; } #laymod_88817 .jh_company_data .company_data .info_p span i { font-style:normal; font-family: 'Conv_Helvet'; } #laymod_88817 .jh_company_data .company_data .info_p sub { font-size:12px; line-height:1; position:absolute; left:102%; bottom:10px; white-space:nowrap; } #laymod_88817 .jh_company_data .company_data span.jh_line { position:absolute; width:1px; height:100%; right:0; top:0; background:#eee; } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:992px) { #laymod_88817 .jh_company_info { padding:53px 0 73px 0; } #laymod_88817 .company_left { padding:32px 15px 52px 15px; } #laymod_88817 .company_right { position:relative; right:auto; top:auto; height:auto; } #laymod_88817 .company_right img { width:100%; height:auto; } #laymod_88817 .jh_company_data { padding:40px 0; } #laymod_88817 .jh_company_data .company_data ul { } #laymod_88817 .jh_company_data .company_data li { width:50%; margin:0 0 40px 0; } #laymod_88817 .jh_company_data .company_data li.data_2 span.jh_line { display:none; } #laymod_88817 .jh_company_data .company_data .info_p { font-size:35px; } } /*妯$増鏁翠綋鎺у埗*/ #laymod_88776 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88776 .bg_img { position: relative; z-index: 1; width:100%; height:500px; } #laymod_88776 .bg_color { z-index:2; position: absolute; width: 100%; height: 100%; opacity: 0; top:0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; background-color: rgba(0,0,0,0.7); } #laymod_88776 .bg_img { position:relative; z-index: 4; } #laymod_88776 .bg_img .fl { color: #959595; font-size: 12px; line-height: 1.8em; letter-spacing: 4px; } #laymod_88776 .bg_img .fl2 { color: #fff; font-size: 24px; line-height: 1.8em; letter-spacing: 14px; } #laymod_88776 .bg_img .look_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; opacity: 0; z-index: 50; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } #laymod_88776 .bg_img .look_link { font-size: 11px; line-height: 26px; text-transform: uppercase; letter-spacing: 3px; padding: 15px 0; display: inline-block; position: relative; color: #fff; } #laymod_88776 .bg_img .look_link:after { content: ""; width: 55%; height: 1px; display: block; position: absolute; left: 50%; background: #fff; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; transform: translateX(-50%); } .design-html #laymod_88776 .bg_color, .design-html #laymod_88776 .look_content { opacity: 1; } @media(min-width: 768px) { #laymod_88776 #jh2_imgtxt_68:hover .bg_color, #laymod_88776 .bg_img:hover .look_content { opacity: 1; } #laymod_88776 .bg_img .look_link:hover::after { width: 95%; } } @media(max-width: 767px) { #laymod_88776 .bg_img .fl, #laymod_88776 .bg_img .fl2 { line-height: 1.6em; } #laymod_88776 .bg_img .bg_color, #laymod_88776 .bg_img .look_content { opacity: 1; } } @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_xk8kw3me3spgmn29.eot'); src: url('//at.alicdn.com/t/font_249974_xk8kw3me3spgmn29.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_xk8kw3me3spgmn29.woff') format('woff'), url('//at.alicdn.com/t/font_249974_xk8kw3me3spgmn29.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_xk8kw3me3spgmn29.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88839 { position:relative; font-size: 12px; overflow: hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88839 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; background: rgba(255,255,255,1); } #laymod_88839 .bodyCont_width { position:relative; z-index:4; height: 100%; } #laymod_88839 .left_title .fl { font-size: 24px; line-height: 2; color: #333; } #laymod_88839 .left_title .fl2 { font-size: 12px; line-height: 1; color: #999; } @media (min-width: 992px) { #laymod_88839 .bodyContContent li { margin-bottom: 20px; padding-bottom: 50px; } } @media (min-width: 992px) { #laymod_88839 .bodyCont_width { padding: 0; } #laymod_88839 .bodyContTitle { overflow: hidden; } #laymod_88839 .left_title { float: left; } #laymod_88839 .right_more { float: right; } #laymod_88839 .right_more .categoryList a { color: #959595; font-size: 12px; display: inline-block; line-height: 30px; margin: 0 15px; } #laymod_88839 .right_more .categoryList a:hover, #laymod_88839 .right_more .categoryList a.active { color: rgba(193,18,41,1); } /* 鏂伴椈 */ #laymod_88839 .bodyContContent ul:after { content: ""; display: block; clear: both; } #laymod_88839 .bodyContContent li { width: 30%; float: left; border-top: 1px solid rgba(204, 204, 204, 0.2); } #laymod_88839 .bodyContContent li:nth-child(3n-1) { margin: 0 5%; } #laymod_88839 .bodyContContent li:nth-child(1) { transition-delay:0.2s; } #laymod_88839 .bodyContContent li:nth-child(2) { transition-delay:0.3s; } #laymod_88839 .bodyContContent li:nth-child(3) { transition-delay:0.4s; } #laymod_88839 .bodyContContent li:nth-child(4) { transition-delay:0.5s; } #laymod_88839 .bodyContContent li:nth-child(5) { transition-delay:0.6s; } #laymod_88839 .bodyContContent li:nth-child(6) { transition-delay:0.7s; } #laymod_88839 .bodyContContent li:nth-child(4), #laymod_88839 .bodyContContent li:nth-child(6) { margin-top: -130px; } #laymod_88839 .bodyContContent li:nth-child(1) a, #laymod_88839 .bodyContContent li:nth-child(3) a { height: 292px; } #laymod_88839 .bodyContContent li:nth-child(1) a .news_img, #laymod_88839 .bodyContContent li:nth-child(3) a .news_img { display: none; } #laymod_88839 .bodyContContent li a { display: block; padding-top: 20px; } #laymod_88839 .bodyContContent li .news_img { height: 130px; overflow: hidden; } #laymod_88839 .bodyContContent li .news_img img { max-width: 100%; transition: all 0.36s ease; } #laymod_88839 .bodyContContent li .news_name { line-height: 30px; font-size: 16px; transition: all 0.36s ease; padding-top: 15px; } #laymod_88839 .bodyContContent li .news_con { transition: all 0.36s ease; font-size: 13px; line-height: 26px; height: 52px; margin-top: 13px; } #laymod_88839 .bodyContContent li .news_box { margin-top: 20px; } #laymod_88839 .bodyContContent li .news_box:after { content: ""; display: block; clear: both; } #laymod_88839 .bodyContContent li .news_box .news_more { float: left; font-size: 12px; line-height: 30px; color: #999; transition: all 0.36s ease; } #laymod_88839 .bodyContContent li .news_box .news_time { float: right; line-height: 30px; } #laymod_88839 .bodyContContent li:hover { border-color: rgba(204,204,204,1); } #laymod_88839 .bodyContContent li:hover .news_name { color: rgba(193,18,41,1); } #laymod_88839 .bodyContContent li:hover .news_more { color: rgba(193,18,41,1); } #laymod_88839 .bodyContContent li:hover .news_img img { transform: scale(1.05); } } #laymod_88839 .bodyContContent li .news_name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; } #laymod_88839 .bodyContContent li .news_con { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:rgba(51,51,51,0.4); } #laymod_88839 .bodyContContent li .news_box .news_time { font-size: 12px; line-height: 22px; color: #999; } @media (max-width: 991px) { #laymod_88839 .left_title .fl { font-size: 20px; line-height: 1; } #laymod_88839 .left_title .fl2 { font-size: 12px; line-height: 2; } #laymod_88839 .bodyContContent li { position: relative; padding-bottom: 26px; border-bottom: 1px solid rgba(204, 204, 204, 0.2); } #laymod_88839 .bodyContContent li:not(:first-child) { padding-top: 26px; } #laymod_88839 .right_more, #laymod_88839 .bodyContContent li .news_img { display: none; } #laymod_88839 .bodyContContent li .news_name { font-size: 14px; line-height: 1.5; padding-bottom: 30px; } #laymod_88839 .bodyContContent li .news_con { line-height: 21px; color:rgba(51,51,51,0.8); } #laymod_88839 .bodyContContent li .news_more { display: none; } #laymod_88839 .bodyContContent li .news_box .news_time { position: absolute; top: 22px; } #laymod_88839 .bodyContContent li:not(:first-child) .news_box .news_time { top: 48px; } #laymod_88839 .bodyContContent .sjnews_more { width: 50%; display: block; text-align: center; line-height: 35px; color: #333; margin: 0 auto; margin-top: 25px; background: #eee; } } #laymod_88839 .bodyContTitle { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(1) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(2) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(3) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(4) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(5) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyContContent li:nth-child(6) { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88839 .bodyCont_width.show_active .bodyContTitle, #laymod_88839 .bodyCont_width.show_active .bodyContContent li, #laymod_88839 .bodyCont_width .bodyContTitle.show_active, #laymod_88839 .bodyContContent li.show_active { transform: translateY(0px); opacity: 1; } @font-face { font-family: 'Conv_AVANTGARDEGOTHICC-BOOK'; src: url('//cdn.jihuinet.com/wechat/upload/AVANTGARDEGOTHICC-BOOK.eot'); src: local('芒藴潞'), url('//cdn.jihuinet.com/wechat/upload/AvantGardeGothicC-Book.woff') format('woff'), url('//cdn.jihuinet.com/wechat/upload/AVANTGARDEGOTHICC-BOOK.ttf') format('truetype'), url('//cdn.jihuinet.com/wechat/upload/AVANTGARDEGOTHICC-BOOK.svg') format('svg'); font-weight: normal; font-style: normal; } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_bd6q070jcqouhaor.eot'); src: url('//at.alicdn.com/t/font_249974_bd6q070jcqouhaor.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_bd6q070jcqouhaor.woff') format('woff'), url('//at.alicdn.com/t/font_249974_bd6q070jcqouhaor.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_bd6q070jcqouhaor.svg#iconfont') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } textarea { resize:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88697 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88697 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88697 .bg_img { z-index:2; } #laymod_88697 .bodyCont_width { position:relative; z-index:4; } #laymod_88697 .bodyCont_width .container { padding: 0; } #laymod_88697 .bodyCont_width .container ul { font-size: 0; } /* 涓 */ #laymod_88697 .top_foot { height: 54px; line-height: 54px; background-color: rgba(250,250,250,1); } #laymod_88697 .top_foot .container { padding: 0; } #laymod_88697 .top_foot .f_friend { padding: 0; } #laymod_88697 .top_foot .f_friend>div { display: inline-block; vertical-align: top; font-size: 12px; color: rgba(102,102,102,1); } #laymod_88697 .top_foot .f_friend ul { display: inline-block; vertical-align: top; } #laymod_88697 .top_foot .f_friend ul:after { content: ""; display: block; clear: both; } #laymod_88697 .top_foot .f_friend ul li { float: left; } #laymod_88697 .top_foot .f_friend ul li a { color: rgba(102,102,102,1); font-size: 12px; display: block; margin-right: 6px; } #laymod_88697 .ql-snow .ql-editor a { text-decoration: none; color: rgba(102,102,102,1); } #laymod_88697 .top_foot .f_key { padding: 0; font-size: 12px; text-align: right; z-index: 111; } #laymod_88697 .top_foot .f_key .key_li { color: rgba(102,102,102,1); font-size: 12px; display: block; } #laymod_88697 .mid_foot .f_con { padding: 3% 0 4% 0; } /* 搴曢儴瀵艰埅 */ #laymod_88697 .mid_foot { background-color: rgba(31,31,31,1); text-align: center; } #laymod_88697 .mid_foot .f_nav ul li { display: inline-block; width: 12.5%; text-align: center; line-height: 4.3; } #laymod_88697 .mid_foot .f_nav ul li a { font-size: 14px; color: rgba(255,255,255,1); opacity: 0.4; display: block; } #laymod_88697 .mid_foot .f_line { height: 1px; width: 100%; background-color: #fff; opacity: 0.1; } /* 搴曢儴浜岀淮鐮 */ #laymod_88697 .mid_foot .f_con .f_code { padding: 0; } #laymod_88697 .mid_foot .f_con .f_code img { width: 100%; max-width: 165px; } /* 搴曢儴浜у搧鍒楄〃 */ #laymod_88697 .mid_foot .f_pro_list { text-align: left; } #laymod_88697 .mid_foot .f_pro_list .lng { margin-bottom: 18px; font-size: 1.4rem; color: rgba(255,255,255,1); opacity: 0.6; line-height: 1; } #laymod_88697 .mid_foot .f_pro_list li a { font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; } /* 搴曢儴鐑攢浜у搧 */ #laymod_88697 .mid_foot .f_hotpro { text-align: left; } #laymod_88697 .mid_foot .f_hotpro .lng { margin-bottom: 18px; font-size: 1.4rem; color: rgba(255,255,255,1); opacity: 0.6; line-height: 1; } #laymod_88697 .mid_foot .f_hotpro li a { font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 搴曢儴鑱旂郴鏂瑰紡 */ #laymod_88697 .mid_foot .f_con .f_contact { text-align: left; } #laymod_88697 .mid_foot .f_con .f_contact .lng { margin-bottom: 18px; font-size: 1.4rem; color: rgba(255,255,255,1); opacity: 0.6; line-height: 1; } #laymod_88697 .mid_foot .f_con .f_contact>div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88697 .mid_foot .f_con .f_contact div a, #laymod_88697 .mid_foot .f_con .f_contact div span, #laymod_88697 .mid_foot .f_con .f_contact div .pxyz { display: inline-block; font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; } /* 搴曢儴鍔犵洘 */ #laymod_88697 .mid_foot .f_con .f_hot { text-align: left; } #laymod_88697 .mid_foot .f_con .f_hot .lng { margin-bottom: 18px; font-size: 1.4rem; color: rgba(255,255,255,1); opacity: 0.6; line-height: 1; } #laymod_88697 .mid_foot .f_con .f_hot a { display: block; font-size: 2.6rem; color: rgba(255,255,255,1); margin-bottom:4px; opacity: 0.8; line-height: 1; font-family: 'Conv_AVANTGARDEGOTHICC-BOOK'; } #laymod_88697 .mid_foot .f_con .f_hot .span { font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 搴曢儴鐗堟潈 */ #laymod_88697 .bottom_foot { background-color: rgba(22,22,22,1); height: 48px; line-height: 48px; } #laymod_88697 .bottom_foot .f_copy { padding: 0; color: #666; font-size: 0; } #laymod_88697 .bottom_foot .f_copy p { display: inline-block; font-size: 12px; margin-right: 5px; vertical-align: top; } #laymod_88697 .bottom_foot .f_copy p a { color: #666; font-size: 12px; } #laymod_88697 .bottom_foot .f_supp { text-align: right; font-size: 0; } #laymod_88697 .bottom_foot .f_supp a { display: inline-block; color: #666; font-size: 12px; margin-left: 5px; vertical-align: top; } @media (min-width: 767px) { /* 榧犳爣缁忚繃hover */ #laymod_88697 .top_foot .f_friend ul li a:hover span, #laymod_88697 .top_foot .f_key ul li a:hover span, #laymod_88697 .mid_foot .f_nav ul li a:hover, #laymod_88697 .mid_foot .f_pro_list li a:hover, #laymod_88697 .mid_foot .f_hotpro li a:hover, #laymod_88697 .mid_foot .f_con .f_contact div a:hover, #laymod_88697 .bottom_foot .f_supp a:hover { color: rgba(193,18,41,1); transition: all .35s; -webkit-transition: all .35s; opacity: 1; } } @media (max-width: 767px) { #laymod_88697 .mid_foot .f_con { padding: 6% 0; } #laymod_88697 .bottom_foot { padding: 15px; height: auto; line-height: 1.6; } #laymod_88697 .mid_foot .f_con .f_code { text-align: left; padding: 0 15px; margin-bottom: 25px; } #laymod_88697 .mid_foot .f_nav ul { font-size: 0; text-align: left; padding:3% 0; } #laymod_88697 .mid_foot .f_nav ul li { width: 25%; line-height: 2; } #laymod_88697 .mid_foot .f_con .f_contact { margin-bottom: 20px; } #laymod_88697 .bottom_foot .f_supp { text-align: left; padding: 0; } #laymod_88697 .bottom_foot .f_supp a { margin-left: 0; margin-right: 10px; } #laymod_88697 .mid_foot .f_con .f_hot a { font-size: 16px; } #laymod_88697 .mid_foot .f_con .f_contact h3, #laymod_88697 .mid_foot .f_con .f_hot h3 { margin-bottom: 8px; } #laymod_88697 .bottom_foot .f_copy { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88697 .mid_foot .f_con .f_hot .lng { margin-bottom:10px; } } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } #laymod_701930 #jh2_foot_17 { overflow: hidden; position: relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_701930 .nav_control { text-align:center; } #laymod_701930 #jh2_foot_17 .foot_fixed { position: fixed; z-index: 1750; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_701930 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon { width: 40px; height: 133px; position: relative; cursor: pointer; text-align: center; } #laymod_701930 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont { font-size: 12px; border-radius: 100%; display: inline-block; padding: 4px; border: 1px solid rgba(193,18,41,1); color: rgba(193,18,41,1); z-index: 11; position: relative; background: #fff; } #laymod_701930 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont:after { content: "\e944"; display: inline-block; } #laymod_701930 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .foot_off_txt { color: #fff; font-size: 17px; letter-spacing: 2px; padding: 10px 10px; min-height: 120px; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center; margin-top: -10px; writing-mode: vertical-rl; text-align:center; justify-content: center; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content { border: 1px solid #ddd; border-radius: 10px; position: relative; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close { position: absolute; top: -12px; right: 5px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 24px; height: 24px; text-align: center; line-height: 22px; border-radius: 50%; background: #F9FAFB; border: 1px solid #ddd; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont { font-size: 14px; color: #ddd; } #laymod_701930 #jh2_foot_17 .foot_fixed.this_false .fixed_content .fixed_close { display: none; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont:before { content: "\e74c"; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq { width: 100%; height: 100px; border-bottom: 1px solid #ddd; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap { padding-top: 10px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar { width: 75px; height: 75px; border-radius: 50%; overflow: hidden; display: block; margin: 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 4px 12px #ccc; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar img { max-width: 100%; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span { display: block; font-size: 14px; line-height: 2; text-align: center; position: relative; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:nth-child(1) { padding: 6px 0; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:after { content: ""; position: absolute; bottom: 0; display: block; height: 1px; width: 100%; background: #ddd; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span a { display: block; color: rgba(193,18,41,1); } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel p { color: #000; font-size: 14px; line-height: 1; text-align: center; margin-top: 10px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code { font-size: 0; text-align: center; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info { border-bottom: 1px solid #ddd; padding: 10px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 100%; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { color: #000; font-size: 14px; text-align: center; line-height: 2; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 50%; height: 55px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont { font-size: 32px; color: #999; line-height: 55px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont:before { content: "\e787"; } @media(max-width: 991px) { #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 80%; height: 80px; } #laymod_701930 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { font-size: 12px; line-height: 1.5; } } #laymod_701930 .share_ewm { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_701930 .share_ewm .share_ewm_bg { position:absolute; top:0; left:0; z-index: 0; background:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); width:100%; height:100%; } #laymod_701930 .share_ewm_img { width:220px; background:#fff; overflow:hidden; padding:10px 10px 0 10px; position:absolute; z-index: 1; left:50%; top:50%; margin:-135px 0 0 -120px; } #laymod_701930 .share_ewm_img img { display:block; width:100%; } #laymod_701930 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; }