#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_88851 .alert-warning { display: none; margin-bottom: 0; } .design-html #laymod_88851 .alert-warning { display: block; font-size: 12px; text-align: center; position: relative; z-index: 3; } .design-html #laymod_88851 { height: 149px; } .design-html #laymod_88851 .header_wrap, .design-html #laymod_88851 #jh2_nav_15.index_mark .header_wrap { position: static; } /*妯$増鏁翠綋鎺у埗*/ #laymod_88851 { z-index: 1200; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88851 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88851 .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_88851 #jh2_nav_15.index_mark .header_wrap { position: fixed; background:rgba(33, 41, 43, 0.3); } /* logo */ #laymod_88851 .nav_logo { float: left; height: 100px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_88851 .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_88851 .nav_logo img { display: block; max-height: 80%; max-width: 100%; } /* 瀵艰埅 */ #laymod_88851 .nav_content { float: right; font-size: 0; } #laymod_88851 .nav_content .main_nav, #laymod_88851 .nav_content .main_nav ul li { display: inline-block; vertical-align: middle; } #laymod_88851 .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_88851 .index_mark .nav_content .main_nav ul li a { color: rgba(255,255,255,1); } #laymod_88851 .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_88851 .nav_content .main_nav ul li:hover a::after, #laymod_88851 .nav_content .main_nav ul li.active a:after { left: 0; width: 100%; } #laymod_88851 .nav_content .nav_btn { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; padding-left: 0.78125vw; position: relative; } #laymod_88851 .nav_content .nav_btn ul { font-size: 0; } #laymod_88851 .nav_content .nav_btn ul li { display: inline-block; vertical-align: middle; margin-left: 0.78125vw; } #laymod_88851 .nav_content .nav_btn ul li a, #laymod_88851 .index_mark.fixed .nav_content .nav_btn ul li a, #laymod_88851 .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_88851 .index_mark .nav_content .nav_btn ul li a { color: rgba(255,255,255,1); } #laymod_88851 .nav_content .nav_btn ul li.search_btn .fonticon:before { content: "\e690"; } /* 鎼滅储鍒楄〃 */ #laymod_88851 .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_88851 .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_88851 .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_88851 ::-webkit-input-placeholder { color:#999; } #laymod_88851 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_88851 .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_88851 .nav_search .search_content a .fonticon:before { content: "\e690"; } #laymod_88851 .nav_search .search_close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_88851 .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_88851 .nav_search .search_close a .fonticon:before { content: "\e74c"; } #laymod_88851 .nav_search.slideshow { top: 0; } @media(min-width: 992px) { .page-index #laymod_88851 { height: auto; } #laymod_88851 { height: 101px; } /* 浜岀骇瀵艰埅 */ #laymod_88851 .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_88851 .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_88851 .nav_content .main_nav ul li .son_list a:hover { color: rgba(193,18,41,1); } #laymod_88851 .nav_content .main_nav ul li:hover .son_list { padding: 15px 0; } #laymod_88851 .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_88851 .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_88851 .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_88851, #laymod_88851 .header_wrap { height: 61px; } .page-index #laymod_88851, .page-index #laymod_88851 .header_wrap { height: auto; } #laymod_88851 .nav_logo { height: 60px; } #laymod_88851 .nav_content .mobile_main_nav { position: absolute; top: 61px; left: 0; width: 100%; background: #fff; visibility: hidden; } #laymod_88851 #jh2_nav_15.index_mark.fixed .header_wrap, #laymod_88851 #jh2_nav_15.index_mark.showslide .header_wrap { background: #fff; } #laymod_88851 .nav_content .mobile_main_nav ul>li { line-height: 40px; border-bottom: 1px solid rgba(51,51,51,0.2); } #laymod_88851 .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_88851 .index_mark.showslide .nav_content .nav_btn ul li a {} #laymod_88851 .nav_content .mobile_main_nav ul li>a { display: inline-block; vertical-align: top; width: 85%; } #laymod_88851 .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_88851 .nav_content .mobile_main_nav ul li>.xybicon.active { transform: rotate(90deg); } #laymod_88851 .nav_content .mobile_main_nav ul li>.xybicon:after { content: "\e753"; } #laymod_88851 .nav_content .mobile_main_nav ul li.active>a, #laymod_88851 .nav_content .mobile_main_nav ul li.active>.xybicon { color: rgba(193,18,41,1); } #laymod_88851 .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_88851 .nav_content .mobile_main_nav ul li .son_list a { line-height: 30px; font-size: 13px; } #laymod_88851 .nav_content .nav_btn { margin: 0; padding: 22.5px 0; } #laymod_88851 .nav_content .nav_btn ul li { margin-left: 20px; } #laymod_88851 .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e617"; } #laymod_88851 .nav_search .search_content { padding: 10px 0; } #laymod_88851 .showslide .nav_content .nav_btn ul li.mobile_btn .fonticon:before { content: "\e74c"; } #laymod_88851 .search_content input, #laymod_88851 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_125835 #jh_bread_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_125835 #jh_bread_2>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_125835 #jh_bread_2>.bg_img { z-index:2; } #laymod_125835 .bodyCont_width { position:relative; } /*鏍囬鎺у埗*/ #laymod_125835 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_125835 .bread_img { position:relative; z-index: 1; } #laymod_125835 .bread_img>img { display:block; width:100%; position:relative; z-index: 1; } #laymod_125835 .bread_img>.bread_text { position:absolute; width:100%; height:100%; top:0; left:0; z-index: 2; } #laymod_125835 .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_125835 .bread_img>.bread_text>.container>.row { width:100%; margin-top:-5%; } #laymod_125835 .bread_warp { position:absolute; z-index: 2; bottom:0; left:0; width:100%; perspective: 2000; -webkit-perspective: 2000; } #laymod_125835 .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_125835 .bread_cont.jh_flash { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } #laymod_125835 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_125835 .bodyContContent li { color:#999; font-size:12px; line-height:4.75; float:left; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_125835 .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_125835 .bodyContContent li.bread_last a, #laymod_125835 .bodyContContent li a:hover { color:rgba(193,18,41,1); text-decoration:none; } #laymod_125835 .bodyContContent li em, #laymod_125835 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_125835 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_125835 .bodyContContent li.bread_last .xyb_line { display:none; } @media (max-width:992px) { #laymod_125835 .bread_img>.bread_text>.container { font-size:18px; } #laymod_125835 .bread_cont { padding:0 15px; } #laymod_125835 .bread_warp ul { padding:10px 0; } #laymod_125835 .bread_warp li { font-size:1.2rem; line-height:1.5; } #laymod_125835 .bread_warp li.bread_last { max-width:33%; } #laymod_125835 .bread_warp li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_125835 .bread_warp li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_125835 .bread_warp li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_125835 .bread_warp li.bread_last a { max-width:100px; } } #laymod_125835 .bodyContContent .mobile_img{ font-size: 0; } #laymod_125835 .bodyContContent .mobile_img img{ width: 100%; height: auto; } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.eot'); src: url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.woff') format('woff'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !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_88907 { position:relative; font-size: 12px; overflow: hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88907 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; background: #fff; } #laymod_88907 .bodyCont_width { position:relative; z-index:4; height: 100%; } #laymod_88907 .left_title .fl { font-size: 24px; line-height: 2; color: #333; } #laymod_88907 .left_title .fl2 { font-size: 12px; line-height: 1; color: #999; } @media (min-width: 992px) { #laymod_88907 .container { padding: 0; } #laymod_88907 .bodyContTitle { position: relative; z-index: 10; } /* 鏍囬 */ #laymod_88907 .bodyContTitle:after { content: ""; display: block; clear: both; } #laymod_88907 .left_title { float: left; } /* 鍒嗙被 */ #laymod_88907 .right_more { float: right; } #laymod_88907 .right_more .categoryList>.news_cateli { float: left; line-height: 35px; position: relative; width: 80px; margin: 10px 2px; } #laymod_88907 .right_more .categoryList>.news_cateli>a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .35s; } #laymod_88907 .right_more .categoryList>.news_cateli .sonCate1 { margin: 0; padding: 0; padding-top: 10px; position: absolute; z-index: 99; top: 35px; display: none; transition:all .35s; -webkit-animation: zoomOut 600ms ease both; -moz-animation: zoomOut 600ms ease both; -o-animation: zoomOut 600ms ease both; animation: zoomOut 600ms ease both; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 { line-height: 40px; position: relative; width: 120px; padding: 0 10px; background: rgba(255, 25, 58, 1); text-align: left; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1>a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1:nth-child(1)>a:before { content: ''; position: absolute; bottom: 40px; left: 50%; margin-left: -32px; width: 0; height: 0; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); border-bottom: 8px solid rgba(255, 25, 58, 1); } #laymod_88907 .right_more .categoryList>.news_cateli .sonCate1 .sonCate2 { display: none; position: absolute; top: 0; left: 120px; width: 120px; padding-left: 10px; box-sizing: content-box; -webkit-animation: zoomOut 600ms ease both; -moz-animation: zoomOut 600ms ease both; -o-animation: zoomOut 600ms ease both; animation: zoomOut 600ms ease both; } @keyframes zoomOut { 0% { transform: scale(.6); } 100% { transform: scale(1); } } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2 { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; text-align: center; background: rgba(255, 25, 58, 1); color: #fff; text-align: left; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2:nth-child(1)>a:before { content: ''; position: absolute; top: 12px; left: 0; margin-left: 2px; width: 0; height: 0; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; border-top: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 25, 58, 1); border-bottom: 8px solid rgba(255, 255, 255, 0); } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2>a { color: #fff; } #laymod_88907 .right_more .categoryList a { color: #959595; font-size: 13px; } #laymod_88907 .right_more .categoryList>.news_cateli:hover .sonCate1 { display: block; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1:hover .sonCate2 { display: block; } #laymod_88907 .right_more .categoryList>.news_cateli>a { text-align: center; } /* 鍒嗙被榧犳爣缁忚繃 */ #laymod_88907 .bodyContTitle .news_cate .categoryList .sonCate1 li.active, #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1:hover, #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2:hover { background: rgba(193,18,41,1); } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1.active:nth-child(1)>a:before, #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1:nth-child(1):hover>a:before { border-bottom: 8px solid rgba(193,18,41,1); } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2.active:nth-child(1)>a:before, #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2:nth-child(1):hover>a:before { border-right: 8px solid rgba(193,18,41,1); } #laymod_88907 .right_more .categoryList .news_cateli:hover>a, #laymod_88907 .right_more .categoryList .news_cateli>a.active { background: rgba(193,18,41,1); color: #fff !important; } #laymod_88907 .bodyContTitle .news_cate .categoryList .sonCate1 li.active>a { color: #fff !important; } #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1:hover>a, #laymod_88907 .right_more .categoryList>.news_cateli .news_cateli1 .news_cateli2:hover>a { color: #fff !important; } /* 鏂伴椈 */ #laymod_88907 .bodyContContent ul:after { content: ""; display: block; clear: both; } #laymod_88907 .bodyContContent li { width: 30%; float: left; margin-bottom: 20px; padding-bottom: 50px; border-top: 1px solid rgba(170, 170, 170, 0.2); } #laymod_88907 .bodyContContent li:nth-child(3n-1) { margin: 0 5%; } #laymod_88907 .bodyContContent li:nth-child(1) { transition-delay:0.2s; } #laymod_88907 .bodyContContent li:nth-child(2) { transition-delay:0.3s; } #laymod_88907 .bodyContContent li:nth-child(3) { transition-delay:0.4s; } #laymod_88907 .bodyContContent li:nth-child(4) { transition-delay:0.5s; } #laymod_88907 .bodyContContent li:nth-child(5) { transition-delay:0.6s; } #laymod_88907 .bodyContContent li:nth-child(6) { transition-delay:0.7s; } #laymod_88907 .bodyContContent li:nth-child(4), #laymod_88907 .bodyContContent li:nth-child(6) { margin-top: -130px; } #laymod_88907 .bodyContContent li:nth-child(1) a, #laymod_88907 .bodyContContent li:nth-child(3) a { height: 292px; } #laymod_88907 .bodyContContent li:nth-child(1) a .news_img, #laymod_88907 .bodyContContent li:nth-child(3) a .news_img { display: none; } #laymod_88907 .bodyContContent li a { display: block; padding-top: 20px; } #laymod_88907 .bodyContContent li .news_img { height: 130px; overflow: hidden; display:-webkit-box; display: -webkit-flex; display: flex; flex-direction:column; -webkit-flex-direction:column; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center; align-items:center; -webkit-align-items:center; } #laymod_88907 .bodyContContent li .news_img img { max-width: 100%; transition: all 0.36s ease; } #laymod_88907 .bodyContContent li .news_name { line-height: 30px; font-size: 16px; transition: all 0.36s ease; padding-top: 15px; } #laymod_88907 .bodyContContent li .news_con { transition: all 0.36s ease; font-size: 13px; line-height: 26px; height: 52px; margin-top: 13px; } #laymod_88907 .bodyContContent li .news_box { margin-top: 20px; } #laymod_88907 .bodyContContent li .news_box:after { content: ""; display: block; clear: both; } #laymod_88907 .bodyContContent li .news_box .news_more { float: left; font-size: 12px; line-height: 30px; color: #999; transition: all 0.36s ease; } #laymod_88907 .bodyContContent li .news_box .news_more i { font-family: SimSun; position: relative; left: 0; opacity: 0; transition:all .35s; color: #999; } #laymod_88907 .bodyContContent li .news_box .news_more i:after { content: ">"; } #laymod_88907 .bodyContContent li .news_box .news_time { float: right; line-height: 30px; } #laymod_88907 .bodyContContent li:hover { border-color: rgba(170,170,170,1); } #laymod_88907 .bodyContContent li:hover .news_name { color: rgba(193,18,41,1); } #laymod_88907 .bodyContContent li:hover .news_more { color: rgba(193,18,41,1); } #laymod_88907 .bodyContContent li:hover .news_img img { transform: scale(1.05); } #laymod_88907 .bodyContContent li:hover .news_box .news_more i { color: rgba(193,18,41,1); padding-left: 10px; opacity: 1; } #laymod_88907 .bodyContTitle .categoryList .fcate .sonCate .snews_cate.active .sonCate2, #laymod_88907 .bodyContTitle .categoryList .fcate.active .sonCate { display: block; } } #laymod_88907 .bodyContContent li .news_name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; } #laymod_88907 .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_88907 .bodyContContent li .news_box .news_time { font-size: 12px; line-height: 22px; color: #999; } /* 鍒嗛〉 */ #laymod_88907 .bodyContContent .pagenation { text-align: left; margin-top: 20px; font-size: 0; } #laymod_88907 .bodyContContent .pagenation div { line-height: 34px; text-align: center; display: inline-block; } #laymod_88907 .bodyContContent .pagenation div a { width: 34px; height: 34px; float: left; margin-right: 5px; } #laymod_88907 .bodyContContent .pagenation div a { color: #828282; display: block; border: 1px solid #828282; transition: all .35s; font-size: 14px; } #laymod_88907 .bodyContContent .pagenation div.pagePrev a, #laymod_88907 .bodyContContent .pagenation div.pageNext a { font-family: Simsun; } #laymod_88907 .bodyContContent .pagenation div a:hover, #laymod_88907 .bodyContContent .pagenation div.pages a.active_bg { color: #fff; border: 1px solid rgba(193,18,41,1); background-color: rgba(193,18,41,1); } #laymod_88907 .bodyContContent .pagenation .pageDisable { display: none; } @media (max-width: 991px) { #laymod_88907 { overflow: visible; } /* 鏂伴椈鍒嗙被 */ #laymod_88907 .bodyContTitle { padding: 0; position: relative; z-index: 22; } #laymod_88907 .left_title .fl { font-size: 20px; line-height: 1; } #laymod_88907 .left_title .fl2 { line-height: 2; } #laymod_88907 .bodyContTitle .sjnews_cate { height: 40px; margin-bottom:20px; position: relative; } #laymod_88907 .bodyContTitle .sjnews_cate .sjnews_title { position: absolute; height: 40px; line-height: 40px; padding: 0 15px; background: #f7f7f7; width:100%; top:0; z-index:5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88907 .bodyContTitle .sjnews_cate .sjnews_title h3 { display: block; font-size: 15px; line-height: 40px; color: #5c5c5c; } #laymod_88907 .bodyContTitle .sjnews_cate .sjnews_title i { font-size: 15px; position: absolute; right: 15px; top: 0; color: #5c5c5c; font-weight: 700; transform: rotate(90deg); transition:all .35s; } #laymod_88907 .bodyContTitle .sjnews_cate .sjnews_title.active i { transform: rotate(270deg); } #laymod_88907 .bodyContTitle .sjnews_cate .sjnews_title i:after { content: "\e60c"; } #laymod_88907 .bodyContTitle .sjcate_scroll { position: absolute; top:40px; width: 100%; overflow-y: auto; z-index: 3; height: 0; transition:all .4s ease; background: #f7f7f7; } #laymod_88907 .bodyContTitle .categoryList .fcate { position: relative; border-bottom: 1px solid rgba(142,142,142,0.2); } #laymod_88907 .bodyContTitle .sjnews_cate .categoryList .fcate a { display: block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 13px; position: relative; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: none !important; color: #5c5c5c; } #laymod_88907 .bodyContTitle .categoryList .fcate i { position: absolute; right: 15px; top: 0; text-align: right; width: 20%; height: 40px; line-height: 40px; font-size: 15px; color: #5c5c5c; } #laymod_88907 .bodyContTitle .categoryList .fcate .fc:after, #laymod_88907 .bodyContTitle .categoryList .fcate .news_cate .sc:after { content: "\e6b0"; } #laymod_88907 .bodyContTitle .categoryList .fcate .fc.active:after, #laymod_88907 .bodyContTitle .categoryList .fcate .news_cate .sc.active:after { content: "\e788"; } #laymod_88907 .bodyContTitle .categoryList .fcate .sonCate { padding: 15px; border-top: 1px solid rgba(142,142,142,0.2); } #laymod_88907 .bodyContTitle .categoryList .fcate .sonCate>li { position: relative; } #laymod_88907 .bodyContTitle .categoryList .fcate .sonCate>li>a { font-size: 12px; line-height: 32px; height: 32px; } #laymod_88907 .bodyContTitle .fcate .sonCate2 { padding: 10px; } #laymod_88907 .bodyContTitle .sjnews_cate .categoryList .fcate .sonCate .sonCate2 a { line-height: 30px; height: 30px; font-size: 12px; } #laymod_88907 .bodyContTitle .fcate .sonCate, #laymod_88907 .bodyContTitle .fcate .sonCate2 { display: none; } /* 鏂伴椈 */ #laymod_88907 .bodyContContent li { position: relative; padding-bottom: 26px; border-bottom: 1px solid rgba(170, 170, 170, 0.2); } #laymod_88907 .bodyContContent li:not(:first-child) { padding-top: 26px; } #laymod_88907 .right_more, #laymod_88907 .bodyContContent li .news_img { display: none; } #laymod_88907 .bodyContContent li .news_name { font-size: 14px; line-height: 1.5; padding-bottom: 30px; } #laymod_88907 .bodyContContent li .news_con { line-height: 21px; color:rgba(51,51,51,0.8); } #laymod_88907 .bodyContContent li .news_more { display: none; } #laymod_88907 .bodyContContent li .news_box .news_time { position: absolute; top: 22px; } #laymod_88907 .bodyContContent li:not(:first-child) .news_box .news_time { top: 48px; } #laymod_88907 .bodyContContent .sjnews_more { width: 50%; display: block; text-align: center; line-height: 35px; color: #333; margin: 0 auto; margin-top: 25px; background: #eee; } } #laymod_88907 .bodyCont_width .bodyContContent li { transform: translateY(50px); opacity: 0; transition:all .8s; } #laymod_88907 .bodyCont_width.show_active .bodyContContent li, #laymod_88907 .bodyContContent li.show_active { transform: translateY(0px); opacity: 1; } .design-html #laymod_88907 .bodyCont_width.show_active .bodyContContent li, .design-html #laymod_88907 .bodyCont_width .bodyContTitle.show_active, .design-html #laymod_88907 .bodyContContent li.show_active { opacity: 1; } /* 褰撳墠鍒嗙被棰滆壊 */ #laymod_88907 .bodyContTitle .sjnews_cate .categoryList li.active>a, #laymod_88907 .bodyContTitle .news_cate .categoryList li.active>a { color: rgba(193,18,41,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_88852 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_88852 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_88852 .bg_img { z-index:2; } #laymod_88852 .bodyCont_width { position:relative; z-index:4; } #laymod_88852 .bodyCont_width .container { padding: 0; } #laymod_88852 .bodyCont_width .container ul { font-size: 0; } /* 涓 */ #laymod_88852 .top_foot { height: 54px; line-height: 54px; background-color: rgba(250,250,250,1); } #laymod_88852 .top_foot .container { padding: 0; } #laymod_88852 .top_foot .f_friend { padding: 0; } #laymod_88852 .top_foot .f_friend>div { display: inline-block; vertical-align: top; font-size: 12px; color: rgba(102,102,102,1); } #laymod_88852 .top_foot .f_friend ul { display: inline-block; vertical-align: top; } #laymod_88852 .top_foot .f_friend ul:after { content: ""; display: block; clear: both; } #laymod_88852 .top_foot .f_friend ul li { float: left; } #laymod_88852 .top_foot .f_friend ul li a { color: rgba(102,102,102,1); font-size: 12px; display: block; margin-right: 6px; } #laymod_88852 .ql-snow .ql-editor a { text-decoration: none; color: rgba(102,102,102,1); } #laymod_88852 .top_foot .f_key { padding: 0; font-size: 12px; text-align: right; z-index: 111; } #laymod_88852 .top_foot .f_key .key_li { color: rgba(102,102,102,1); font-size: 12px; display: block; } #laymod_88852 .mid_foot .f_con { padding: 3% 0 4% 0; } /* 搴曢儴瀵艰埅 */ #laymod_88852 .mid_foot { background-color: rgba(31,31,31,1); text-align: center; } #laymod_88852 .mid_foot .f_nav ul li { display: inline-block; width: 12.5%; text-align: center; line-height: 4.3; } #laymod_88852 .mid_foot .f_nav ul li a { font-size: 14px; color: rgba(255,255,255,1); opacity: 0.4; display: block; } #laymod_88852 .mid_foot .f_line { height: 1px; width: 100%; background-color: #fff; opacity: 0.1; } /* 搴曢儴浜岀淮鐮 */ #laymod_88852 .mid_foot .f_con .f_code { padding: 0; } #laymod_88852 .mid_foot .f_con .f_code img { width: 100%; max-width: 165px; } /* 搴曢儴浜у搧鍒楄〃 */ #laymod_88852 .mid_foot .f_pro_list { text-align: left; } #laymod_88852 .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_88852 .mid_foot .f_pro_list li a { font-size: 1.2rem; line-height: 2; color: rgba(255,255,255,1); opacity: 0.25; } /* 搴曢儴鐑攢浜у搧 */ #laymod_88852 .mid_foot .f_hotpro { text-align: left; } #laymod_88852 .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_88852 .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_88852 .mid_foot .f_con .f_contact { text-align: left; } #laymod_88852 .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_88852 .mid_foot .f_con .f_contact>div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88852 .mid_foot .f_con .f_contact div a, #laymod_88852 .mid_foot .f_con .f_contact div span, #laymod_88852 .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_88852 .mid_foot .f_con .f_hot { text-align: left; } #laymod_88852 .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_88852 .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_88852 .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_88852 .bottom_foot { background-color: rgba(22,22,22,1); height: 48px; line-height: 48px; } #laymod_88852 .bottom_foot .f_copy { padding: 0; color: #666; font-size: 0; } #laymod_88852 .bottom_foot .f_copy p { display: inline-block; font-size: 12px; margin-right: 5px; vertical-align: top; } #laymod_88852 .bottom_foot .f_copy p a { color: #666; font-size: 12px; } #laymod_88852 .bottom_foot .f_supp { text-align: right; font-size: 0; } #laymod_88852 .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_88852 .top_foot .f_friend ul li a:hover span, #laymod_88852 .top_foot .f_key ul li a:hover span, #laymod_88852 .mid_foot .f_nav ul li a:hover, #laymod_88852 .mid_foot .f_pro_list li a:hover, #laymod_88852 .mid_foot .f_hotpro li a:hover, #laymod_88852 .mid_foot .f_con .f_contact div a:hover, #laymod_88852 .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_88852 .mid_foot .f_con { padding: 6% 0; } #laymod_88852 .bottom_foot { padding: 15px; height: auto; line-height: 1.6; } #laymod_88852 .mid_foot .f_con .f_code { text-align: left; padding: 0 15px; margin-bottom: 25px; } #laymod_88852 .mid_foot .f_nav ul { font-size: 0; text-align: left; padding:3% 0; } #laymod_88852 .mid_foot .f_nav ul li { width: 25%; line-height: 2; } #laymod_88852 .mid_foot .f_con .f_contact { margin-bottom: 20px; } #laymod_88852 .bottom_foot .f_supp { text-align: left; padding: 0; } #laymod_88852 .bottom_foot .f_supp a { margin-left: 0; margin-right: 10px; } #laymod_88852 .mid_foot .f_con .f_hot a { font-size: 16px; } #laymod_88852 .mid_foot .f_con .f_contact h3, #laymod_88852 .mid_foot .f_con .f_hot h3 { margin-bottom: 8px; } #laymod_88852 .bottom_foot .f_copy { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_88852 .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_701933 #jh2_foot_17 { overflow: hidden; position: relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_701933 .nav_control { text-align:center; } #laymod_701933 #jh2_foot_17 .foot_fixed { position: fixed; z-index: 1750; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_701933 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon { width: 40px; height: 133px; position: relative; cursor: pointer; text-align: center; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont:after { content: "\e944"; display: inline-block; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content { border: 1px solid #ddd; border-radius: 10px; position: relative; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont { font-size: 14px; color: #ddd; } #laymod_701933 #jh2_foot_17 .foot_fixed.this_false .fixed_content .fixed_close { display: none; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont:before { content: "\e74c"; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq { width: 100%; height: 100px; border-bottom: 1px solid #ddd; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap { padding-top: 10px; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar img { max-width: 100%; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span { display: block; font-size: 14px; line-height: 2; text-align: center; position: relative; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:nth-child(1) { padding: 6px 0; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span a { display: block; color: rgba(193,18,41,1); } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code { font-size: 0; text-align: center; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info { border-bottom: 1px solid #ddd; padding: 10px; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 100%; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { color: #000; font-size: 14px; text-align: center; line-height: 2; } #laymod_701933 #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_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont { font-size: 32px; color: #999; line-height: 55px; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont:before { content: "\e787"; } @media(max-width: 991px) { #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 80%; height: 80px; } #laymod_701933 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { font-size: 12px; line-height: 1.5; } } #laymod_701933 .share_ewm { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_701933 .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_701933 .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_701933 .share_ewm_img img { display:block; width:100%; } #laymod_701933 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; }