#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_88845 .alert-warning { display: none; margin-bottom: 0; } .design-html #laymod_88845 .alert-warning { display: block; font-size: 12px; text-align: center; position: relative; z-index: 3; } .design-html #laymod_88845 { height: 149px; } .design-html #laymod_88845 .header_wrap, .design-html #laymod_88845 #jh2_nav_15.index_mark .header_wrap { position: static; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88845 { z-index: 1200; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88845 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88845 .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_88845 #jh2_nav_15.index_mark .header_wrap { position: fixed; background:rgba(33, 41, 43, 0.3); } /* logo */ #laymod_88845 .nav_logo { float: left; height: 100px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88845 .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_88845 .nav_logo img { display: block; max-height: 80%; max-width: 100%; } /* 瀵艰埅 */ #laymod_88845 .nav_content { float: right; font-size: 0; } #laymod_88845 .nav_content .main_nav, #laymod_88845 .nav_content .main_nav ul li { display: inline-block; vertical-align: middle; } #laymod_88845 .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_88845 .index_mark .nav_content .main_nav ul li a { color: rgba(255,255,255,1); } #laymod_88845 .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_88845 .nav_content .main_nav ul li:hover a::after, #laymod_88845 .nav_content .main_nav ul li.active a:after { left: 0; width: 100%; } #laymod_88845 .nav_content .nav_btn { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; padding-left: 0.78125vw; position: relative; } #laymod_88845 .nav_content .nav_btn ul { font-size: 0; } #laymod_88845 .nav_content .nav_btn ul li { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; } #laymod_88845 .nav_content .nav_btn ul li a, #laymod_88845 .index_mark.fixed .nav_content .nav_btn ul li a, #laymod_88845 .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_88845 .index_mark .nav_content .nav_btn ul li a { color: rgba(255,255,255,1); } #laymod_88845 .nav_content .nav_btn ul li.search_btn .fonticon:before { content: "\e690"; } /* 鎼滅储鍒楄〃 */ #laymod_88845 .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_88845 .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_88845 .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_88845 ::-webkit-input-placeholder { color:#999; } #laymod_88845 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_88845 .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_88845 .nav_search .search_content a .fonticon:before { content: "\e690"; } #laymod_88845 .nav_search .search_close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_88845 .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_88845 .nav_search .search_close a .fonticon:before { content: "\e74c"; } #laymod_88845 .nav_search.slideshow { top: 0; } @media(min-width: 992px) { .page-index #laymod_88845 { height: auto; } #laymod_88845 { height: 101px; } /* 浜岀骇瀵艰埅 */ #laymod_88845 .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_88845 .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_88845 .nav_content .main_nav ul li .son_list a:hover { color: rgba(193,18,41,1); } #laymod_88845 .nav_content .main_nav ul li:hover .son_list { padding: 15px 0; } #laymod_88845 .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_88845 .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_88845 .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_88845, #laymod_88845 .header_wrap { height: 61px; } .page-index #laymod_88845, .page-index #laymod_88845 .header_wrap { height: auto; } #laymod_88845 .nav_logo { height: 60px; } #laymod_88845 .nav_content .mobile_main_nav { position: absolute; top: 61px; left: 0; width: 100%; background: #fff; visibility: hidden; } #laymod_88845 #jh2_nav_15.index_mark.fixed .header_wrap, #laymod_88845 #jh2_nav_15.index_mark.showslide .header_wrap { background: #fff; } #laymod_88845 .nav_content .mobile_main_nav ul>li { line-height: 40px; border-bottom: 1px solid rgba(51,51,51,0.2); } #laymod_88845 .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_88845 .index_mark.showslide .nav_content .nav_btn ul li a {} #laymod_88845 .nav_content .mobile_main_nav ul li>a { display: inline-block; vertical-align: top; width: 85%; } #laymod_88845 .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_88845 .nav_content .mobile_main_nav ul li>.xybicon.active { transform: rotate(90deg); } #laymod_88845 .nav_content .mobile_main_nav ul li>.xybicon:after { content: "\e753"; } #laymod_88845 .nav_content .mobile_main_nav ul li.active>a, #laymod_88845 .nav_content .mobile_main_nav ul li.active>.xybicon { color: rgba(193,18,41,1); } #laymod_88845 .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_88845 .nav_content .mobile_main_nav ul li .son_list a { line-height: 30px; font-size: 13px; } #laymod_88845 .nav_content .nav_btn { margin: 0; padding: 22.5px 0; } #laymod_88845 .nav_content .nav_btn ul li { margin-left: 20px; } #laymod_88845 .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e617"; } #laymod_88845 .nav_search .search_content { padding: 10px 0; } #laymod_88845 .showslide .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e74c"; } #laymod_88845 .search_content input, #laymod_88845 textarea { -webkit-appearance: none; } } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot'); src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.svg#xybicon') 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; } @font-face { font-family: 'Conv_Montserrat-Bold'; src: url('//cdn.jihuinet.com/wechat/upload/Montserrat-Bold.ttf'); src: local('芒藴潞'), url('//cdn.jihuinet.com/wechat/upload/Montserrat-Bold.ttf') format('truetype'); } /*妯$増鏁翠綋鎺у埗*/ #laymod_125834 #jh_bread_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_125834 #jh_bread_2>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_125834 #jh_bread_2>.bg_img { z-index:2; } #laymod_125834 .bodyCont_width { position:relative; } /*鏍囬鎺у埗*/ #laymod_125834 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_125834 .bread_img { position:relative; z-index: 1; } #laymod_125834 .bread_img>img { display:block; width:100%; position:relative; z-index: 1; } #laymod_125834 .bread_img>.bread_text { position:absolute; width:100%; height:100%; top:0; left:0; z-index: 2; } #laymod_125834 .bread_img>.bread_text>.container { height:100%; /*display*/ 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; font-size:36px; color:#000; line-height:1.3; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; text-align:left; font-weight:bold; } #laymod_125834 .bread_img>.bread_text>.container>.row { width:100%; margin-top:-5%; } #laymod_125834 .bread_warp { position:absolute; z-index: 2; bottom:0; left:0; width:100%; perspective: 2000; -webkit-perspective: 2000; } #laymod_125834 .bread_cont { background:#fff; padding:0 55px; transition:all 2s cubic-bezier(.075,.82,.165,1) 0.1s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0.1s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0.1s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0.1s; transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -o-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; } #laymod_125834 .bread_cont.jh_flash { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } #laymod_125834 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_125834 .bodyContContent li { color:#999; font-size:12px; line-height:4.75; float:left; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_125834 .bodyContContent li a { color:#999; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_125834 .bodyContContent li.bread_last a, #laymod_125834 .bodyContContent li a:hover { color:rgba(193,18,41,1); text-decoration:none; } #laymod_125834 .bodyContContent li em, #laymod_125834 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_125834 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_125834 .bodyContContent li.bread_last .xyb_line { display:none; } @media (max-width:992px) { #laymod_125834 .bread_img>.bread_text>.container { font-size:18px; } #laymod_125834 .bread_cont { padding:0 15px; } #laymod_125834 .bread_warp ul { padding:10px 0; } #laymod_125834 .bread_warp li { font-size:1.2rem; line-height:1.5; } #laymod_125834 .bread_warp li.bread_last { max-width:33%; } #laymod_125834 .bread_warp li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_125834 .bread_warp li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_125834 .bread_warp li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_125834 .bread_warp li.bread_last a { max-width:100px; } } #laymod_125834 .bodyContContent .mobile_img{ font-size: 0; } #laymod_125834 .bodyContContent .mobile_img img{ width: 100%; height: auto; } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @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'); } .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; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88905 #jh_nybanner_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88905 #jh_nybanner_2 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88905 #jh_nybanner_2 .bodyCont_width { position:relative; } /*鏍囬鎺у埗*/ #laymod_88905 #jh_nybanner_2 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_88905 #jh_nybanner_2 .nybanner_2 { } #laymod_88905 #jh_nybanner_2 .nybanner_2 a { width:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*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_88905 #jh_nybanner_2 .nybanner_2 a img { max-width:100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:1500px) { #laymod_88905 #jh_nybanner_2 .nybanner_2 a { background-size:100% auto; } } /* 榛樿寮曞叆闃块噷浜戝浘鏍 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot'); src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.svg#xybicon') 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; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88904 #jh_company_5 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88904 #jh_company_5>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88904 #jh_company_5>.bg_img { z-index:2; } #laymod_88904 .bodyCont_width { position:relative; } /*鏍囬鎺у埗*/ #laymod_88904 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_88904 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; text-align: center; color:#333; } #laymod_88904 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; text-align: center; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_88904 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_88904 .mod_cont { overflow:hidden; } #laymod_88904 .cont1 { border-bottom:1px dotted #e3e3e3; margin:0 0 70px 0; } #laymod_88904 .cont1 .company_info { color:#6a6a6a; font-size:13px; line-height:2; text-align:justify; margin:0 0 90px 0; } #laymod_88904 .cont1 .company_info p { text-indent:30px; } #laymod_88904 .cont1 .company_info img { max-width:100%; } #laymod_88904 .cont1 .company_data { margin:0 0 90px 0; } #laymod_88904 .cont1 .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_88904 .cont1 .company_data li { font-size:16px; color:#ccc; text-align:center; line-height:1; width:28%; } #laymod_88904 .cont1 .company_data .info_p { font-size:60px; color:#7b7b7b; margin:0 0 23px 0; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_88904 .cont2 { border-bottom:1px dotted #e3e3e3; margin:0 0 20px 0; text-align:center; } #laymod_88904 .cont2 .title { font-size:24px; line-height:1.2; margin:0 0 40px 0; color:#7b7b7b; } #laymod_88904 .cont2 .cont { font-size:13px; color:#6a6a6a; line-height:2; width:70%; margin:0 auto 30px auto; } #laymod_88904 .cont3 { overflow:hidden; } #laymod_88904 .cont3_title { font-size:20px; color:#333; line-height:1; margin:0 0 29px 0; } #laymod_88904 .cont3_p { font-size:13px; color:#999; margin:0 0 40px 0; line-height:1; } #laymod_88904 .cont3 ul { margin:0 -1%; _margin:0 -0.5%; overflow:hidden; } #laymod_88904 .cont3 li { float:left; display: inline-block; position: relative; overflow: hidden; margin:0 0 20px 0; } #laymod_88904 .cont3 li>img { display:block; width:100%; margin:0 0 20px 0; } #laymod_88904 .cont3 li>.p { font-size:14px; color:#666; line-height:1.8; text-align:justify; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:992px) { #laymod_88904 .bodyContTitle .fl { font-size:20px; margin:0 0 8px 0; } #laymod_88904 .cont1 .company_info, #laymod_88904 .cont1 .company_data, #laymod_88904 .cont1 { margin:0 0 35px 0; } #laymod_88904 .cont1 .company_data li { width:33%; margin:0; } #laymod_88904 .cont1 .company_data .info_p { margin:0 0 10px 0; font-size: 30px; } #laymod_88904 .cont2 .title { font-size:18px; margin:0 10% 20px 10%; } #laymod_88904 .cont2 .cont { width:100%; } } 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; } /*妯$増鏁翠綋鎺у埗*/ #laymod_478866 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_478866 #jh2_cpdetail_2 { overflow:hidden; } #laymod_478866 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_478866 .bg_img { z-index:2; } #laymod_478866 .bodyCont_width { position:relative; opacity: 1; z-index:4; } #laymod_478866 .bodyCont_width.container { padding: 0; } /*鏍囬鎺у埗*/ #laymod_478866 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_478866 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; color:#333; text-align: center; } #laymod_478866 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; text-align: center; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_478866 .bodyContContent { position:relative; z-index: 4; } #laymod_478866 .pinch-zoom img { left: 0; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_478866 .bodyContContent p { font-size:14px; line-height:2; color:#666; } #laymod_478866 .bodyContContent p strong { color:#000; } #laymod_478866 .bodyContTitle img, #laymod_478866 .bodyContContent img { max-width:100%; } /*鐩存帴鎺у埗灏忎簬991px灞忓箷鏃禼ss*/ @media (max-width:991px) { #laymod_478866 .bodyCont_width.container { padding: 0 15px; } } /*768<= ipad鍖洪棿 <=1366*/ @media (min-width:768px) and (max-width:1366px) { #laymod_478866 .ql-size-12, #laymod_478866 .ql-size-13, #laymod_478866 .ql-size-14, #laymod_478866 .ql-size-15, #laymod_478866 .ql-size-16 { font-size:1.35vw; } #laymod_478866 .ql-size-17, #laymod_478866 .ql-size-18, #laymod_478866 .ql-size-19, #laymod_478866 .ql-size-20, #laymod_478866 .ql-size-21 { font-size:1.55vw; } #laymod_478866 .ql-size-22, #laymod_478866 .ql-size-23, #laymod_478866 .ql-size-24, #laymod_478866 .ql-size-25, #laymod_478866 .ql-size-26 { font-size:1.75vw; } #laymod_478866 .ql-size-27, #laymod_478866 .ql-size-28, #laymod_478866 .ql-size-29, #laymod_478866 .ql-size-30, #laymod_478866 .ql-size-31 { font-size:1.95vw; } #laymod_478866 .ql-size-32, #laymod_478866 .ql-size-33, #laymod_478866 .ql-size-34, #laymod_478866 .ql-size-35, #laymod_478866 .ql-size-36 { font-size:2.15vw; } #laymod_478866 .ql-size-37, #laymod_478866 .ql-size-38, #laymod_478866 .ql-size-39, #laymod_478866 .ql-size-40, #laymod_478866 .ql-size-41 { font-size:2.35vw; } #laymod_478866 .ql-size-42, #laymod_478866 .ql-size-43, #laymod_478866 .ql-size-44, #laymod_478866 .ql-size-45, #laymod_478866 .ql-size-46 { font-size:2.55vw; } #laymod_478866 .ql-size-47, #laymod_478866 .ql-size-48, #laymod_478866 .ql-size-49, #laymod_478866 .ql-size-50, #laymod_478866 .ql-size-51 { font-size:2.75vw; } #laymod_478866 .ql-size-52, #laymod_478866 .ql-size-53, #laymod_478866 .ql-size-54, #laymod_478866 .ql-size-55, #laymod_478866 .ql-size-56 { font-size:2.95vw; } #laymod_478866 .ql-size-57, #laymod_478866 .ql-size-58, #laymod_478866 .ql-size-59, #laymod_478866 .ql-size-60, #laymod_478866 .ql-size-61 { font-size:3.15vw; } #laymod_478866 .ql-size-62, #laymod_478866 .ql-size-63, #laymod_478866 .ql-size-64, #laymod_478866 .ql-size-65, #laymod_478866 .ql-size-66 { font-size:3.35vw; } #laymod_478866 .ql-size-67, #laymod_478866 .ql-size-68, #laymod_478866 .ql-size-69, #laymod_478866 .ql-size-70, #laymod_478866 .ql-size-71 { font-size:3.55vw; } } /*鎵嬫満绔尯闂 <=767*/ @media (max-width:767px){ #laymod_478866 .ql-size-12, #laymod_478866 .ql-size-13, #laymod_478866 .ql-size-14, #laymod_478866 .ql-size-15, #laymod_478866 .ql-size-16 { font-size:3.75vw; } #laymod_478866 .ql-size-17, #laymod_478866 .ql-size-18, #laymod_478866 .ql-size-19, #laymod_478866 .ql-size-20, #laymod_478866 .ql-size-21 { font-size:4vw; } #laymod_478866 .ql-size-22, #laymod_478866 .ql-size-23, #laymod_478866 .ql-size-24, #laymod_478866 .ql-size-25, #laymod_478866 .ql-size-26 { font-size:4.25vw; } #laymod_478866 .ql-size-27, #laymod_478866 .ql-size-28, #laymod_478866 .ql-size-29, #laymod_478866 .ql-size-30, #laymod_478866 .ql-size-31 { font-size:4.5vw; } #laymod_478866 .ql-size-32, #laymod_478866 .ql-size-33, #laymod_478866 .ql-size-34, #laymod_478866 .ql-size-35, #laymod_478866 .ql-size-36 { font-size:5vw; } #laymod_478866 .ql-size-37, #laymod_478866 .ql-size-38, #laymod_478866 .ql-size-39, #laymod_478866 .ql-size-40, #laymod_478866 .ql-size-41 { font-size:5.25vw; } #laymod_478866 .ql-size-42, #laymod_478866 .ql-size-43, #laymod_478866 .ql-size-44, #laymod_478866 .ql-size-45, #laymod_478866 .ql-size-46 { font-size:5.5vw; } #laymod_478866 .ql-size-47, #laymod_478866 .ql-size-48, #laymod_478866 .ql-size-49, #laymod_478866 .ql-size-50, #laymod_478866 .ql-size-51 { font-size:5.75vw; } #laymod_478866 .ql-size-52, #laymod_478866 .ql-size-53, #laymod_478866 .ql-size-54, #laymod_478866 .ql-size-55, #laymod_478866 .ql-size-56 { font-size:6vw; } #laymod_478866 .ql-size-57, #laymod_478866 .ql-size-58, #laymod_478866 .ql-size-59, #laymod_478866 .ql-size-60, #laymod_478866 .ql-size-61 { font-size:6.25vw; } #laymod_478866 .ql-size-62, #laymod_478866 .ql-size-63, #laymod_478866 .ql-size-64, #laymod_478866 .ql-size-65, #laymod_478866 .ql-size-66 { font-size:6.5vw; } #laymod_478866 .ql-size-67, #laymod_478866 .ql-size-68, #laymod_478866 .ql-size-69, #laymod_478866 .ql-size-70, #laymod_478866 .ql-size-71 { font-size:6.75vw; } } *, ::after, ::before { -webkit-box-sizing:border-box; box-sizing:border-box; } 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; } /*妯$増鏁翠綋鎺у埗*/ #laymod_478276 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_478276 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_478276 .bg_img { z-index:2; } #laymod_478276 .bodyCont_width { position:relative; padding: 0; } /*鏍囬鎺у埗*/ #laymod_478276 .bodyContTitle { margin:0; position:relative; z-index: 3; } #laymod_478276 .bodyContTitle p { display:block; width:100%; text-align:center; } #laymod_478276 .bodyContTitle p:nth-child(1) { font-size:24px; line-height:1.5; color:#333; } #laymod_478276 .bodyContTitle p:nth-child(2) { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_478276 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_478276 li a { display: block; width: 100%; position: relative; text-decoration: inherit; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; color: #000; } #laymod_478276 li a:after { content: ""; position: absolute; width: 100%; height: 0px; top: 0; left: 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; z-index: -1; } #laymod_478276 .cate li a span { display: block; text-align: center; max-height:222px; overflow:hidden; } #laymod_478276 .cate li a span img { width: 100%; } #laymod_478276 .hotpro_word { padding-top: 25px; padding-bottom: 43px; position: relative; z-index: 1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_478276 .hotpro_word:after { content: ""; position: absolute; width: 100%; height: 0; background: rgba(193,18,41,1); bottom: 0; z-index: -1; left: 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; z-index: -1; } #laymod_478276 li a:hover { color: rgba(193,18,41,1); } #laymod_478276 li a:hover:after { height: 100%; } #laymod_478276 li a:hover .hotpro_word:before { width: 0; right: 0; } #laymod_478276 li a:hover .hotpro_word:after { width: 100%; height: 5px; transition-delay: 0.3s; left: 0; } #laymod_478276 .hotpro_word p:nth-child(1) { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_478276 .hotpro_word p:nth-child(2) { font-size: 14px; line-height: 22px; padding: 0 22px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } @media (min-width:992px) { #laymod_478276 .hotpro_word { padding-top: 12px; padding-bottom: 23px; } #laymod_478276 .container { padding: 0; } #laymod_478276 .bodyContContent .hotpro_list1 { padding-left: 0; } #laymod_478276 .bodyContContent .hotpro_list2 { padding: 0 7.5px; } #laymod_478276 .bodyContContent .hotpro_list3 { padding-right: 0; } #laymod_478276 .hotpro_word { padding: 0 0 65px 0; } #laymod_478276 li a span { text-align: left; } #laymod_478276 li a span img { max-width: 370px; } #laymod_478276 .hotpro_word p:nth-child(1) { line-height: 1; font-size: 14px; padding: 17px 0 12px 0; } #laymod_478276 .hotpro_word p:nth-child(2) { font-size: 12px; line-height: 18px; padding: 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_478276 .hotpro_word:after { background: none; } } @media (max-width:991px) { #laymod_478276 .bodyContTitle p:nth-child(1) { font-size:20px; line-height:1; } #laymod_478276 .bodyContTitle p:nth-child(2) { font-size:12px; line-height:2; } #laymod_478276 .bodyContContent ul li { padding: 0; } #laymod_478276 .cate li a span { text-align: left; } #laymod_478276 .hotpro_word { padding-top: 0; padding-bottom: 20px; } #laymod_478276 .hotpro_word p { display:none; } #laymod_478276 .hotpro_word p:nth-child(1) { font-size: 14px; padding: 12px 0 8px 0; display:block; } #laymod_478276 .hotpro_word p:nth-child(2) { font-size: 12px; line-height: 18px; padding: 0; display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_478276 .hotpro_word:after { background: none; } } @media (min-width:768px) and (max-width: 1200px) { #laymod_478276 .container { width: 100%; } #laymod_478276 .bodyContContent ul li { width: 33.3333%; } } @media (min-width:768px) and (max-width: 992px) { #laymod_478276 .bodyContContent ul li:nth-child(1) { padding-right: 10px; } #laymod_478276 .bodyContContent ul li:nth-child(2) { padding:0 5px; } #laymod_478276 .bodyContContent ul li:nth-child(3) { padding-left: 10px; } } @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_88846 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88846 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88846 .bg_img { z-index:2; } #laymod_88846 .bodyCont_width { position:relative; z-index:4; } #laymod_88846 .bodyCont_width .container { padding: 0; } #laymod_88846 .bodyCont_width .container ul { font-size: 0; } /* 涓 */ #laymod_88846 .top_foot { height: 54px; line-height: 54px; background-color: rgba(250,250,250,1); } #laymod_88846 .top_foot .container { padding: 0; } #laymod_88846 .top_foot .f_friend { padding: 0; } #laymod_88846 .top_foot .f_friend>div { display: inline-block; vertical-align: top; font-size: 12px; color: rgba(102,102,102,1); } #laymod_88846 .top_foot .f_friend ul { display: inline-block; vertical-align: top; } #laymod_88846 .top_foot .f_friend ul:after { content: ""; display: block; clear: both; } #laymod_88846 .top_foot .f_friend ul li { float: left; } #laymod_88846 .top_foot .f_friend ul li a { color: rgba(102,102,102,1); font-size: 12px; display: block; margin-right: 6px; } #laymod_88846 .ql-snow .ql-editor a { text-decoration: none; color: rgba(102,102,102,1); } #laymod_88846 .top_foot .f_key { padding: 0; font-size: 12px; text-align: right; z-index: 111; } #laymod_88846 .top_foot .f_key .key_li { color: rgba(102,102,102,1); font-size: 12px; display: block; } #laymod_88846 .mid_foot .f_con { padding: 3% 0 4% 0; } /* 搴曢儴瀵艰埅 */ #laymod_88846 .mid_foot { background-color: rgba(31,31,31,1); text-align: center; } #laymod_88846 .mid_foot .f_nav ul li { display: inline-block; width: 12.5%; text-align: center; line-height: 4.3; } #laymod_88846 .mid_foot .f_nav ul li a { font-size: 14px; color: rgba(255,255,255,1); opacity: 0.4; display: block; } #laymod_88846 .mid_foot .f_line { height: 1px; width: 100%; background-color: #fff; opacity: 0.1; } /* 搴曢儴浜岀淮鐮 */ #laymod_88846 .mid_foot .f_con .f_code { padding: 0; } #laymod_88846 .mid_foot .f_con .f_code img { width: 100%; max-width: 165px; } /* 搴曢儴浜у搧鍒楄〃 */ #laymod_88846 .mid_foot .f_pro_list { text-align: left; } #laymod_88846 .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_88846 .mid_foot .f_pro_list li a { font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; } /* 搴曢儴鐑攢浜у搧 */ #laymod_88846 .mid_foot .f_hotpro { text-align: left; } #laymod_88846 .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_88846 .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_88846 .mid_foot .f_con .f_contact { text-align: left; } #laymod_88846 .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_88846 .mid_foot .f_con .f_contact>div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88846 .mid_foot .f_con .f_contact div a, #laymod_88846 .mid_foot .f_con .f_contact div span, #laymod_88846 .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_88846 .mid_foot .f_con .f_hot { text-align: left; } #laymod_88846 .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_88846 .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_88846 .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_88846 .bottom_foot { background-color: rgba(22,22,22,1); height: 48px; line-height: 48px; } #laymod_88846 .bottom_foot .f_copy { padding: 0; color: #666; font-size: 0; } #laymod_88846 .bottom_foot .f_copy p { display: inline-block; font-size: 12px; margin-right: 5px; vertical-align: top; } #laymod_88846 .bottom_foot .f_copy p a { color: #666; font-size: 12px; } #laymod_88846 .bottom_foot .f_supp { text-align: right; font-size: 0; } #laymod_88846 .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_88846 .top_foot .f_friend ul li a:hover span, #laymod_88846 .top_foot .f_key ul li a:hover span, #laymod_88846 .mid_foot .f_nav ul li a:hover, #laymod_88846 .mid_foot .f_pro_list li a:hover, #laymod_88846 .mid_foot .f_hotpro li a:hover, #laymod_88846 .mid_foot .f_con .f_contact div a:hover, #laymod_88846 .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_88846 .mid_foot .f_con { padding: 6% 0; } #laymod_88846 .bottom_foot { padding: 15px; height: auto; line-height: 1.6; } #laymod_88846 .mid_foot .f_con .f_code { text-align: left; padding: 0 15px; margin-bottom: 25px; } #laymod_88846 .mid_foot .f_nav ul { font-size: 0; text-align: left; padding:3% 0; } #laymod_88846 .mid_foot .f_nav ul li { width: 25%; line-height: 2; } #laymod_88846 .mid_foot .f_con .f_contact { margin-bottom: 20px; } #laymod_88846 .bottom_foot .f_supp { text-align: left; padding: 0; } #laymod_88846 .bottom_foot .f_supp a { margin-left: 0; margin-right: 10px; } #laymod_88846 .mid_foot .f_con .f_hot a { font-size: 16px; } #laymod_88846 .mid_foot .f_con .f_contact h3, #laymod_88846 .mid_foot .f_con .f_hot h3 { margin-bottom: 8px; } #laymod_88846 .bottom_foot .f_copy { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88846 .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_701932 #jh2_foot_17 { overflow: hidden; position: relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_701932 .nav_control { text-align:center; } #laymod_701932 #jh2_foot_17 .foot_fixed { position: fixed; z-index: 1750; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_701932 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon { width: 40px; height: 133px; position: relative; cursor: pointer; text-align: center; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont:after { content: "\e944"; display: inline-block; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content { border: 1px solid #ddd; border-radius: 10px; position: relative; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont { font-size: 14px; color: #ddd; } #laymod_701932 #jh2_foot_17 .foot_fixed.this_false .fixed_content .fixed_close { display: none; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont:before { content: "\e74c"; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq { width: 100%; height: 100px; border-bottom: 1px solid #ddd; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap { padding-top: 10px; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar img { max-width: 100%; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span { display: block; font-size: 14px; line-height: 2; text-align: center; position: relative; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:nth-child(1) { padding: 6px 0; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span a { display: block; color: rgba(193,18,41,1); } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code { font-size: 0; text-align: center; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info { border-bottom: 1px solid #ddd; padding: 10px; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 100%; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { color: #000; font-size: 14px; text-align: center; line-height: 2; } #laymod_701932 #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_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont { font-size: 32px; color: #999; line-height: 55px; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont:before { content: "\e787"; } @media(max-width: 991px) { #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 80%; height: 80px; } #laymod_701932 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { font-size: 12px; line-height: 1.5; } } #laymod_701932 .share_ewm { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_701932 .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_701932 .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_701932 .share_ewm_img img { display:block; width:100%; } #laymod_701932 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; }