#jh_nav_2 .nav_top { } @media (min-width: 1200px) { .visible-lg-block { display: none!important; } } #jh2_foot_9 .downfoot { display: none!important; } #jh2_productcate_8 .bodyContContent ul li .category-name { display: none!important; } #jh2_productcate_8 .bodyContTitle:after { background: rgb(236 106 37)!important; } #jh2_company_4 .bodyCont_width .swiper-container-about .about-item .item_title:after { background: rgb(236 106 37)!important; } #jh2_nav_11 .bodyCont_width .element.style { display: none!important; } #zykj_product_zh .bodyCont_width .pro_list .pro_name { display: none; } #zykj_product_zh .pro_list .pro_type:after { display: none; } #zykj_product_zh .bodyCont_width .pro_list .pro_type { height: auto; padding-bottom: 0; } #zykj_product_zh .bodyContTitle .fl { font-weight: 500!important; } @media (max-width: 992px) { #laymod_1271939 .ql-size-16 { font-size: 3.45vw!important; } } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_1273084 #jh_nav_4 { position:relative; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; z-index: 1500; } #laymod_1273084 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_1273084 #jh_nav_4 .bodyCont_width { background:#fff; height:70px; padding:0; transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -webkit-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; width:100%; position:relative; z-index: 10; } #laymod_1273084 #jh_nav_4 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; 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; } #laymod_1273084 #jh_nav_4 .bodyCont_width>.bg_img { z-index:2; } #laymod_1273084 #jh_nav_4.fix_nav .bodyCont_width { box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -o-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); right:0; top:0; position:fixed; } .design-html #laymod_1273084 #jh_nav_4.fix_nav { padding:0 0 0 0; } .design-html #laymod_1273084 #jh_nav_4.fix_nav .bodyCont_width { position: relative; } #laymod_1273084 #jh_nav_4 .bodyContContent { margin:0 auto; height:100%; position:relative; width:100%; z-index: 3; } /*导航logo*/ #laymod_1273084 #jh_nav_4 .logo { height:100%; position:absolute; left:4.16667%; overflow:hidden; top:0; width:200px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; z-index: 2; } #laymod_1273084 #jh_nav_4 .logo a { width:100%; height:100%; position:relative; display:block; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; /*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:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_1273084 #jh_nav_4 .logo a span.logo_text { font-size:16px; color:#000; line-height: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_1273084 #jh_nav_4 .logo img { display:block; max-height:90%; max-width:100%; margin:0 auto; 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_1273084 #jh_nav_4 .nav_list { height:auto; margin:0 auto; position:relative; float:none; text-align:center; z-index: 3; } #laymod_1273084 #jh_nav_4 .nav_list>ul { width:100%; height:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*vertical*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap; -webkit-box-lines:single;/*multiple*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li { margin:0 2%; _margin:0 1%; position:relative; padding:22px 0; /*display*/ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:center; -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li>a { display:inline-block; position:relative; padding:0; z-index: 1; font-size:14px; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; color:#000; line-height:26px; 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; white-space: nowrap; } #laymod_1273084 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont { float:right; 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-size: 25px; display: inline-block; color:#000; line-height:1; } #laymod_1273084 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont:after { content:"\e71d"; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li.active_bg>a, #laymod_1273084 #jh_nav_4 .nav_list>ul>li.move_bg>a { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4 .nav_list>ul>li>a>span.nav_line { display:block; height:1px; width:0; left:50%; bottom: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; background:rgba(2,68,135,1); position:absolute; z-index: -1; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li.active_bg>a>span.nav_line, #laymod_1273084 #jh_nav_4 .nav_list>ul>li.move_bg>a>span.nav_line { width:100%; left:0; } #laymod_1273084 #jh_nav_4 .nav_list li>ul { background:#fff; display:none; position:absolute; top:100%; left:-20px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.3); overflow:hidden; border-top:1px solid #eee; min-width:162px; max-width:230px; } #laymod_1273084 #jh_nav_4 .nav_list li.move_bg>ul { overflow:visible; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li a { padding:0 17px; line-height:48px; margin:0; min-width:142px; overflow:hidden; text-overflow:ellipsis; position:relative; text-align:left; font-size:14px; max-height:48px; display:block; color:rgba(0,0,0,0.55); } #laymod_1273084 #jh_nav_4 .nav_list li>ul li a>dd { line-height:44px; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li a>i { display:inline; 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; position:absolute; right:10px; top:0; margin:0; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li#nav_lan a { font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_1273084 #jh_nav_4 .nav_list ul.nav_ul_son li>ul { left:150%; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; display:block; overflow:hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } #laymod_1273084 #jh_nav_4 .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_1273084 #jh_nav_4 .nav_list ul.nav_ul_son li.move_bg>ul { left:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:visible; } /*手机端导航栏目*/ #laymod_1273084 #jh_nav_4 .mobile_style .nav_list { position:absolute; top:156%; left:0; width:100%; margin:0; padding:0 0 72px 0; height:auto; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.3); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list.bbxx { top: 100%; } #laymod_1273084 #jh_nav_4 .mobile_style_out .nav_list { top:100%; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list>ul { display: block; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list>ul, #laymod_1273084 #jh_nav_4 .mobile_style .nav_list>ul>li { width:100%; text-align:left; margin:0; _margin:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list>ul>li>a { line-height:1; padding: 15px; text-align:left; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>ul { position:relative; width:100%; box-shadow:0 0 0 rgba(0,0,0,0); border-top:0 none; left:auto; top:auto; max-width:inherit; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height:45px; padding:0 30px; max-height:45px; border-radius:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; display:none; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont { position:absolute; height:45px; display:block; width:30px; right:6px; z-index: 2; top:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li li>i.iconfont { height:45px; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li li li a { padding-left:45px; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li li li li a { padding-left:60px; } /*导航搜索框*/ #laymod_1273084 #jh_nav_4 .nav_search { height:34px; width:auto; position:absolute; top:17px; right:4.16667%; z-index: 4; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn { display:block; width:34px; height:34px; text-align:center; line-height:34px; font-size:20px; position:relative; overflow:hidden; float:left; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn span:before { content:"\e690"; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn em:before { content:"\e635"; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn span { display:block; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); height:34px; width:34px; position:absolute; 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; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn.active_bg span { top:-34px; } #laymod_1273084 #jh_nav_4 .nav_search>a.nav_btn em { color:rgba(2,68,135,1); display:block; height:34px; width:34px; position:absolute; bottom:-34px; left:0; font-style:normal; 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_1273084 #jh_nav_4 .nav_search>a.nav_btn.active_bg em { bottom:0; } #laymod_1273084 #jh_nav_4 .nav_search_list { display:none; position: absolute; right:62%; width:262px; top:48px; padding:15px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); border:1px solid rgba(153,153,153,0.6); } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #laymod_1273084 #jh_nav_4 .nav_search_list span { content:""; width:10px; height:10px; display: block; background-color: #fff; position: absolute; top:-6px; right:17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top:1px solid rgba(153,153,153,0.6); border-left:1px solid rgba(153,153,153,0.6); } #laymod_1273084 #jh_nav_4 .nav_search_list .search_text { width: 170px; padding: 0 10px; border: none; outline: none; float: left; height: 40px; font-size: 14px; color: #ccc; background-color: #eee; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } #laymod_1273084 #jh_nav_4 .nav_search_list .search_text::-webkit-input-placeholder { color:rgba(204,204,204,0.6); } #laymod_1273084 #jh_nav_4 .nav_search_list .search_btn { float: left; padding: 0 5px; width: 60px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 14px; background-color: #999; color: #fff; position: relative; z-index: 5; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } /*导航语言栏目*/ #laymod_1273084 #jh_nav_4 .nav_search>.nav_lan { width:auto; float:left; text-align:center; overflow:hidden; } #laymod_1273084 #jh_nav_4 .nav_search>.nav_lan>a { font-size:14px; line-height:34px; color:#000; padding:0; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); 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; float:left; } /*侧边菜单*/ #laymod_1273084 #jh_nav_4 .nav_right_menu { float:left; width:0; height:34px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=50); 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; margin:0; } #laymod_1273084 #jh_nav_4.fix_nav .nav_right_menu { margin:0; width:34px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1273084 #jh_nav_4 .nav_right_menu a { display:block; width:100%; height:100%; position:relative; } #laymod_1273084 #jh_nav_4 .nav_right_menu a span, #laymod_1273084 #jh_nav_4 .nav_right_menu a:before, #laymod_1273084 #jh_nav_4 .nav_right_menu a:after { display:block; width:80%; height:2px; background:#000; position:absolute; left:10%; 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_1273084 #jh_nav_4 .nav_right_menu a:before { top:20%; content:""; } #laymod_1273084 #jh_nav_4 .nav_right_menu a span { top:50%; margin:-1px 0 0 0; } #laymod_1273084 #jh_nav_4 .nav_right_menu a:after { bottom:20%; content:""; } #laymod_1273084 #jh_nav_4.fix_nav .nav_right_menu a.active_bg:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:45%; } #laymod_1273084 #jh_nav_4.fix_nav .nav_right_menu a.active_bg span { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_1273084 #jh_nav_4.fix_nav .nav_right_menu a.active_bg:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); bottom:50%; } /*侧边导航栏*/ #laymod_1273084 #jh_nav_4 .nav_side_menu { position:fixed; right:-100%; top:0; background:#fff; width:50%; height:100%; padding:70px 20px 0 0; /*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:space-between; justify-content:space-between;/*主轴上对齐*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; z-index: 1; transition:all 0.8s ease-out 0s; -moz-transition:all 0.8s ease-out 0s; -webkit-transition:all 0.8s ease-out 0s; -o-transition:all 0.8s ease-out 0s; } #laymod_1273084 #jh_nav_4 .nav_side_menu.active_bg { right:0; box-shadow:0 0 5px rgba(0,0,0,0.3); } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_logo { width:200px; height:70px; overflow:hidden; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_logo a { display:block; width:100%; height: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:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_logo a img { max-width:100%; max-height:90%; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_contact { padding:0 40px 20px 0; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_contact, #laymod_1273084 #jh_nav_4 .nav_side_menu .side_contact em { text-align:right; font-size:12px; line-height:2; color:#999; font-style:normal; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_contact a { color:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_ul { padding:0 40px 0 0; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_ul li { padding:10px 0; text-align:right; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_ul li a { font-size:24px; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; font-weight:bold; color:#000; line-height:1; text-align:right; display:inline-block; position:relative; padding:0 0 2px 0; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4 .nav_side_menu .side_ul li a span.nav_line { display:block; width:0; height:2px; background:rgba(2,68,135,1); position:absolute; bottom:0; right:0; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4 .side_bg { position:fixed; width:100%; height:100%; z-index: 0; background:#000; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } /*手机端搜索框*/ #laymod_1273084 #jh_nav_4 .mobile_style .nav_search { display:block !important; width:100%; top:100%; background:#fff; height:auto; right:0; padding:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_search>a { display:none; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_search .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_search .nav_search_list>span { display:none; } #laymod_1273084 #jh_nav_4 .mobile_style_out .nav_search .nav_search_list { display:none !important; border:1px solid #ccc; right:-8px; width:262px; top:48px; padding:15px; } /*手机端导航栏菜单按钮*/ #laymod_1273084 #jh_nav_4 .nav_botton { height:34px; width:34px; position:absolute; top:50%; margin:-17px 0 0 0; right:4.16667%; display:none; } #laymod_1273084 #jh_nav_4 .nav_botton>a { background:rgba(2,68,135,1); display:block; width:34px; height:34px; color:#fff; text-align:center; line-height:34px; font-size:20px; position:relative; overflow:hidden; border-radius: 4px; } #laymod_1273084 #jh_nav_4 .nav_botton>a span { 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; position:absolute; display:block; width:100%; height:100%; top:0; left:0; z-index: 2; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_botton>a span { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; } #laymod_1273084 #jh_nav_4 .mobile_style_out .nav_botton>a span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_1273084 #jh_nav_4 .nav_botton>a em { 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; position:absolute; display:block; width:100%; height:100%; top:0; left:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; font-style:normal; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_botton>a em { transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari and Chrome */ -o-transform:rotate(90deg); /* Opera */ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_1273084 #jh_nav_4 .mobile_style_out .nav_botton>a em { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ -o-transform:rotate(0deg); /* Opera */ } @media (max-width: 1360px) { #laymod_1273084 #jh_nav_4 .nav_list>ul>li { margin:0 1%; } } @media (max-width: 1200px){ #laymod_1273084 #jh_nav_4 .nav_list>ul>li>a, #laymod_1273084 #jh_nav_4 .nav_list li>ul li a { font-size:12px; } #laymod_1273084 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont { font-size:15px; } } #laymod_1273084 #jh_nav_4.active_false .mobile_style .nav_list li:hover>i.iconfont:after { height:0; margin:0; } #laymod_1273084 #jh_nav_4.active_false .nav_list li>ul li a:hover { background:rgba(2,68,135,1); color:#fff; } #laymod_1273084 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_side_menu .side_contact a:hover { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_right_menu a:hover:after { background:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_right_menu a:hover span { background:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_right_menu a:hover:before { background:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_search>.nav_lan>a:hover { color:rgba(2,68,135,1); text-decoration:none; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1273084 #jh_nav_4.active_false .nav_search_list .search_btn:hover { background-color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_search>a.nav_btn:hover em { color:#000; } #laymod_1273084 #jh_nav_4.active_false .nav_search>a.nav_btn:hover span { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_list>ul>li>a:hover>span.nav_line { width:100%; left:0; } #laymod_1273084 #jh_nav_4.active_false .nav_list>ul>li:hover>a, #laymod_1273084 #jh_nav_4.active_false .nav_list>.nav_ul>li:hover>.iconfont { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .logo a:hover span.logo_text { color:rgba(2,68,135,1); } #laymod_1273084 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover span.nav_line { width:100%; } /*不同屏幕*/ @media (max-width: 991px) { #laymod_1273084 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_1273084 #jh_nav_4 .bodyCont_width { height:70px; } /* 手机logo */ #laymod_1273084 #jh_nav_4 .logo a { text-align:left; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -webkit-box-pack:start; -moz-box-pack:start; box-pack:start; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_1273084 #jh_nav_4 .logo img { max-height:60px; margin:0; } #laymod_1273084 #jh_nav_4 .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_1273084 #jh_nav_4 .nav_list>ul>li>a>span.nav_line, #laymod_1273084 #jh_nav_4 .nav_list { display:none; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li { display: block; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_1273084 #jh_nav_4 .nav_list li>ul li a>i:before { display: none; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont { width: 12%; line-height: 1; padding: 0; text-align: right; box-sizing: content-box; right: 0; top:0; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_1273084 #jh_nav_4 .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li { padding: 0; margin: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* 手机二级导航 */ #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>ul { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0,0,0,0.1); } #laymod_1273084 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_1273084 #jh_nav_4 .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_1273084 #jh_nav_4 .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_1273084 #jh_nav_4 .nav_search_list .search_btn { width: 20%; } } #laymod_1273084 #jh_nav_4.active_true.fix_nav { padding:70px 0 0 0; } #laymod_1273084 #jh_nav_4.active_true .bodyCont_width { height:70px; } /* 手机logo */ #laymod_1273084 #jh_nav_4.active_true .logo a { text-align:left; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -webkit-box-pack:start; -moz-box-pack:start; box-pack:start; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_1273084 #jh_nav_4.active_true .logo img { max-height:60px; margin:0; } #laymod_1273084 #jh_nav_4.active_true .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_1273084 #jh_nav_4.active_true .nav_botton { display: block !important; } #laymod_1273084 #jh_nav_4.active_true .nav_list>ul>li>a>span.nav_line, #laymod_1273084 #jh_nav_4.active_true .nav_list { display:none; } #laymod_1273084 #jh_nav_4.active_true .nav_list>ul>li { display: block; } #laymod_1273084 #jh_nav_4.active_true .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_1273084 #jh_nav_4.active_true .nav_list li>ul li a>i:before { display: none; } #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont { width: 12%; line-height: 1; padding: 0; text-align: right; box-sizing: content-box; right: 0; top:0; } #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_1273084 #jh_nav_4.active_true .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_1273084 #jh_nav_4.active_true .nav_list>ul>li { padding: 0; margin: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* 手机二级导航 */ #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>ul { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0,0,0,0.1); } #laymod_1273084 #jh_nav_4.active_true .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_1273084 #jh_nav_4.active_true .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_1273084 #jh_nav_4.active_true .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_1273084 #jh_nav_4.active_true .nav_search_list .search_btn { width: 20%; } #laymod_1273084 #jh_nav_4.active_true .nav_search>.nav_lan, #laymod_1273084 #jh_nav_4.active_true .nav_search>a.nav_btn { display: none !important; } #laymod_1273084 #jh_nav_4.active_true .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } /*模版整体控制*/ #laymod_1273091 { position:relative; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273091 #jh2_advers_2 { overflow:hidden; } #laymod_1273091 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1273091 .bodyCont_width>.bg_img { z-index:2; background-repeat: no-repeat; background-size: cover; background-position: center; } #laymod_1273091 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_1273091 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_1273091 .nybanner_1 a { display:block; width:100%; height:100%; } #laymod_1273091 .nybanner_1 a .container { text-align:center; position:relative; height: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_1273091 .nybanner_1 a .container .cont { width:100%; } #laymod_1273091 .nybanner_1 a .container>p { width:100%; text-align:center; } #laymod_1273091 .nybanner_1 a p:nth-child(1) { margin:0 0 2% 0; display:block; font-size:24px; line-height:1.4; color:#fff; } #laymod_1273091 .nybanner_1 a p:nth-child(2) { margin:0; display:block; font-size:16px; line-height:1.4; color:#fff; } @media(min-width: 993px) { #laymod_1273091 .nybanner_1 { height:260px; } } /*直接控制小于991px屏幕时css*/ @media (max-width:992px) { #laymod_1273091 .bodyCont_width>.bg_img { background-image: url(//cdn.jihui88.com/upload//r//r2//ripzx//picture//2019//04//26/8fa908a3-c6bb-4e70-b6e9-ce2b801a013d.jpg) !important; } #laymod_1273091 .nybanner_1 { height:150px; } #laymod_1273091 .nybanner_1 a p:nth-child(1) { font-size:18px; } #laymod_1273091 .nybanner_1 a p:nth-child(2) { font-size:13px; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_1273091 .nybanner_1 { height:200px; } } /*768<= ipad区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_1273091 .ql-size-12, #laymod_1273091 .ql-size-13, #laymod_1273091 .ql-size-14, #laymod_1273091 .ql-size-15, #laymod_1273091 .ql-size-16 { font-size:1vw; } #laymod_1273091 .ql-size-17, #laymod_1273091 .ql-size-18, #laymod_1273091 .ql-size-19, #laymod_1273091 .ql-size-20, #laymod_1273091 .ql-size-21 { font-size:1.1vw; } #laymod_1273091 .ql-size-22, #laymod_1273091 .ql-size-23, #laymod_1273091 .ql-size-24, #laymod_1273091 .ql-size-25, #laymod_1273091 .ql-size-26 { font-size:1.2vw; } #laymod_1273091 .ql-size-27, #laymod_1273091 .ql-size-28, #laymod_1273091 .ql-size-29, #laymod_1273091 .ql-size-30, #laymod_1273091 .ql-size-31 { font-size:1.3vw; } #laymod_1273091 .ql-size-32, #laymod_1273091 .ql-size-33, #laymod_1273091 .ql-size-34, #laymod_1273091 .ql-size-35, #laymod_1273091 .ql-size-36 { font-size:1.4vw; } #laymod_1273091 .ql-size-37, #laymod_1273091 .ql-size-38, #laymod_1273091 .ql-size-39, #laymod_1273091 .ql-size-40, #laymod_1273091 .ql-size-41 { font-size:1.5vw; } #laymod_1273091 .ql-size-42, #laymod_1273091 .ql-size-43, #laymod_1273091 .ql-size-44, #laymod_1273091 .ql-size-45, #laymod_1273091 .ql-size-46 { font-size:1.6vw; } #laymod_1273091 .ql-size-47, #laymod_1273091 .ql-size-48, #laymod_1273091 .ql-size-49, #laymod_1273091 .ql-size-50, #laymod_1273091 .ql-size-51 { font-size:1.7vw; } #laymod_1273091 .ql-size-52, #laymod_1273091 .ql-size-53, #laymod_1273091 .ql-size-54, #laymod_1273091 .ql-size-55, #laymod_1273091 .ql-size-56 { font-size:1.8vw; } #laymod_1273091 .ql-size-57, #laymod_1273091 .ql-size-58, #laymod_1273091 .ql-size-59, #laymod_1273091 .ql-size-60, #laymod_1273091 .ql-size-61 { font-size:1.9vw; } #laymod_1273091 .ql-size-62, #laymod_1273091 .ql-size-63, #laymod_1273091 .ql-size-64, #laymod_1273091 .ql-size-65, #laymod_1273091 .ql-size-66 { font-size:2vw; } #laymod_1273091 .ql-size-67, #laymod_1273091 .ql-size-68, #laymod_1273091 .ql-size-69, #laymod_1273091 .ql-size-70, #laymod_1273091 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_1273091 .ql-size-12, #laymod_1273091 .ql-size-13, #laymod_1273091 .ql-size-14, #laymod_1273091 .ql-size-15, #laymod_1273091 .ql-size-16 { font-size:3vw; } #laymod_1273091 .ql-size-17, #laymod_1273091 .ql-size-18, #laymod_1273091 .ql-size-19, #laymod_1273091 .ql-size-20, #laymod_1273091 .ql-size-21 { font-size:3.25vw; } #laymod_1273091 .ql-size-22, #laymod_1273091 .ql-size-23, #laymod_1273091 .ql-size-24, #laymod_1273091 .ql-size-25, #laymod_1273091 .ql-size-26 { font-size:3.5vw; } #laymod_1273091 .ql-size-27, #laymod_1273091 .ql-size-28, #laymod_1273091 .ql-size-29, #laymod_1273091 .ql-size-30, #laymod_1273091 .ql-size-31 { font-size:3.75vw; } #laymod_1273091 .ql-size-32, #laymod_1273091 .ql-size-33, #laymod_1273091 .ql-size-34, #laymod_1273091 .ql-size-35, #laymod_1273091 .ql-size-36 { font-size:4vw; } #laymod_1273091 .ql-size-37, #laymod_1273091 .ql-size-38, #laymod_1273091 .ql-size-39, #laymod_1273091 .ql-size-40, #laymod_1273091 .ql-size-41 { font-size:4.25vw; } #laymod_1273091 .ql-size-42, #laymod_1273091 .ql-size-43, #laymod_1273091 .ql-size-44, #laymod_1273091 .ql-size-45, #laymod_1273091 .ql-size-46 { font-size:4.5vw; } #laymod_1273091 .ql-size-47, #laymod_1273091 .ql-size-48, #laymod_1273091 .ql-size-49, #laymod_1273091 .ql-size-50, #laymod_1273091 .ql-size-51 { font-size:4.75vw; } #laymod_1273091 .ql-size-52, #laymod_1273091 .ql-size-53, #laymod_1273091 .ql-size-54, #laymod_1273091 .ql-size-55, #laymod_1273091 .ql-size-56 { font-size:5vw; } #laymod_1273091 .ql-size-57, #laymod_1273091 .ql-size-58, #laymod_1273091 .ql-size-59, #laymod_1273091 .ql-size-60, #laymod_1273091 .ql-size-61 { font-size:5.25vw; } #laymod_1273091 .ql-size-62, #laymod_1273091 .ql-size-63, #laymod_1273091 .ql-size-64, #laymod_1273091 .ql-size-65, #laymod_1273091 .ql-size-66 { font-size:5.5vw; } #laymod_1273091 .ql-size-67, #laymod_1273091 .ql-size-68, #laymod_1273091 .ql-size-69, #laymod_1273091 .ql-size-70, #laymod_1273091 .ql-size-71 { font-size:5.75vw; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot'); src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff') format('woff'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_1273085 #jh_bread_1 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273085 #jh_bread_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1273085 #jh_bread_1>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_1273085 .border_top { background:#ededed; height:0px; position:relative; z-index: 4; } #laymod_1273085 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_1273085 .bodyContContent { position:relative; z-index: 4; } #laymod_1273085 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_1273085 .bread_cont { overflow:hidden; position:relative; } #laymod_1273085 .bread_cont>ul { margin-bottom:0; } #laymod_1273085 .bread_cont>ul:after { content: ""; display: block; clear: both; } #laymod_1273085 .bodyContContent li { color:#ccc; font-size:14px; line-height:43px; float:left; } #laymod_1273085 .bodyContContent li.hidea { display: none; } #laymod_1273085 .bodyContContent li a { color:#ccc; 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_1273085 .bodyContContent li.bread_last a, #laymod_1273085 .bodyContContent li a:hover { color:rgba(2,68,135,1); text-decoration:none; } #laymod_1273085 .bodyContContent li em, #laymod_1273085 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_1273085 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_1273085 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_1273085 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_1273085 .nav_m_search { border:1px solid #eee; background:#fff; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*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; position:absolute; width:220px; height:32px; top:50%; right:0; margin:-16px 0 0 0; -moz-border-radius: 16px -khtml-border-radius: 16px -webkit-border-radius: 16px border-radius: 16px -moz-border-radius-bottomleft:16px -moz-border-radius-bottomright:16px -khtml-border-radius: 16px -webkit-border-bottom-left-radius:16px -webkit-border-bottom-right-radius: 16px border-bottom-left-radius: 16px border-bottom-right-radius: 16px } #laymod_1273085 .nav_m_search form { display:block; width:80%; } #laymod_1273085 .nav_m_search input { width:100%; background:none; border:0 none; height:100%; line-height:30px; color:#000; text-indent:10%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_1273085 .nav_m_search a { display:block; width:19%; background:none; font-size:14px; line-height:30px; height:100%; text-align:center; color:#000; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_1273085 .nav_m_search a:before { content:"\e7bb"; } #laymod_1273085 .nav_m_search a:hover { color:rgba(2,68,135,1); } #laymod_1273085 .nav_m_search input::-webkit-input-placeholder { color:#666; } #laymod_1273085 .nav_m_search input::-moz-placeholder { color:#666; } #laymod_1273085 .nav_m_search input::-ms-input-placeholder { color:#666; } /*表单错误提示语*/ #laymod_1273085 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_1273085 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media(min-width:992px){ #laymod_1273085 .bread_cont { padding:0; } } @media (max-width:991px) { /*顶部线条控制*/ #laymod_1273085 .border_top { height:0; } #laymod_1273085 .bodyContContent ul { padding:10px 0; } #laymod_1273085 .bodyContContent ul:after { content: ""; display: block; clear: both; } #laymod_1273085 .bodyContContent li { font-size:1.2rem; line-height:1.6; } #laymod_1273085 .bodyContContent li.bread_last { max-width:33%; } #laymod_1273085 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_1273085 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_1273085 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_1273085 .bodyContContent li.bread_last a { max-width:100px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } ul,ol,li { list-style:none; padding:0; margin:0; } i,em { font-style:normal; } 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_1273095 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273095 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1273095 .bg_img { z-index:2; } #laymod_1273095 .bodyCont_width { position:relative; z-index:4; } #laymod_1273095 .bodyContContent .container, #laymod_1273095 .container div { padding: 0; } #laymod_1273095 .container { padding: 0; } #laymod_1273095 .module_list:after, #laymod_1273095 .module .module2 ul:after, #laymod_1273095 .module .form_block:after { content: ""; display: block; clear: both; } /* 标题 */ #laymod_1273095 .bodyContTitle .row { margin: 0 auto; text-align: center; } #laymod_1273095 .bodyContTitle .row .fl { font-size: 24px; line-height: 2; color: #efefef; } #laymod_1273095 .bodyContTitle .row .fl2 { font-size: 12px; color: #efefef; opacity: 0.6; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } /* 访客 */ #laymod_1273095 .module { margin: 0 auto; } #laymod_1273095 .module .module1 .h1 { font-weight: 400; font-size: 18px; line-height: 1; margin-bottom: 18px; color: rgba(0,0,0,1); } #laymod_1273095 .module .module1 .span { display: block; line-height: 2.4; font-size: 14px; margin-bottom: 49px; color: rgba(0,0,0,1); opacity: 0.5; } /* 联系方式 */ #laymod_1273095 .module .module2 { padding-top: 34px; } #laymod_1273095 .module .module2 .h1 { text-align: center; line-height: 4; font-size: 18px; font-weight: 400; color: rgba(0,0,0,1); } #laymod_1273095 .module .module2 ul li { line-height: 2.4; width: auto; } #laymod_1273095 .module .module2 ul li .pxyz, #laymod_1273095 .module .module2 ul li .pjz { font-size: 14px; display: inline-block; color: rgba(0,0,0,1); opacity: 0.5; float:left; } #laymod_1273095 .module .module2 ul li .pjz { max-width:96%; } /* 地图 */ #laymod_1273095 .bodyContContent .module .module3 { display: flex; display: -webkit-flex; flex-wrap: wrap; padding-bottom: 65px; width: 100%; padding-top: 49px; } #laymod_1273095 .bodyContContent .module3 .map_box { padding: 0 15px 0 0; } #laymod_1273095 .bodyContContent .module3 .map_box .map { height: 100%; overflow: hidden; position: relative; } #laymod_1273095 .map #container1273095 { position:relative; width:auto; height:100%; } #laymod_1273095 .map #container1273095:before { content: ""; display:block; position: absolute; top:0; left:0; right:0; bottom:0; pointer-events: auto; z-index: 999 } #laymod_1273095 .map.click #container1273095:before { pointer-events: none; } #laymod_1273095 .bodyContContent .module3 .amap-info-content { padding: 5px 10px; } #laymod_1273095 .bodyContContent .module3 .amap-info-content span { display: block; line-height: 1.6; } /* 留言 */ #laymod_1273095 .bodyContContent .module4 { padding-top: 40px; } #laymod_1273095 .bodyContContent .module4 p { position: relative; z-index: 1; overflow: hidden; } #laymod_1273095 .bodyContContent .module4 .form_block p input, #laymod_1273095 .bodyContContent .module4 .form_block p textarea { width: 100%; height: 56px; padding: 0 16px; margin-bottom: 25px; border-bottom: 5px solid rgba(0,0,0,1); color: rgba(0,0,0,1); font-size: 14px; line-height: 4; font-family: "Microsoft Yahei"; position: relative; background: none; outline: none; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; text-align: left; } #laymod_1273095 .bodyContContent .module4 .form_block p input::-webkit-input-placeholder, #laymod_1273095 .bodyContContent .module4 .form_block p textarea::-webkit-input-placeholder { color: currentColor; opacity: 0.5; } #laymod_1273095 .bodyContContent .module4 .form_block p input:focus::-webkit-input-placeholder, #laymod_1273095 .bodyContContent .module4 .form_block p textarea:focus::-webkit-input-placeholder { color: rgba(2,68,135,1); } #laymod_1273095 .bodyContContent .module4 .form_block p input:focus, #laymod_1273095 .bodyContContent .module4 .form_block p textarea:focus { border-bottom: 5px solid rgba(2,68,135,1); } #laymod_1273095 .bodyContContent .module4 .form_block p img { position: absolute; right: 15px; top: 50%; margin-top: -25px; } #laymod_1273095 .bodyContContent .module4 .form_block .send_btn { color: rgba(2,68,135,1); border-color: rgba(2,68,135,1); } /* 下划线 */ #laymod_1273095 .module .border { border-bottom: 1px dotted rgba(0,0,0,1); opacity: 0.25; float: left; width: 100%; } #laymod_1273095 .bodyContContent .module .module3 .code img { max-width: 100%; } #laymod_1273095 .active_false .bodyContContent .module4 .form_block p input:hover, #laymod_1273095 .active_false .bodyContContent .module4 .form_block p textarea:hover { border-bottom: 5px solid rgba(2,68,135,1); } #laymod_1273095 .active_false .bodyContContent .module4 .form_block p input:hover::-webkit-input-placeholder, #laymod_1273095 .active_false .bodyContContent .module4 .form_block p textarea:hover::-webkit-input-placeholder { color: rgba(2,68,135,1); } #laymod_1273095 .active_false .bodyContContent .module4 .form_block p.input_btn:hover::before { height: 100%; } #laymod_1273095 .active_false .bodyContContent .module4 .form_block p.input_btn:hover input { color: rgba(255,255,255,1); } @media (min-width: 768px) { #laymod_1273095 .bodyContContent .module4 .form_block p.input_btn:before { content: ""; display: block; width: calc(100% - 30px); height: 0; position: absolute; bottom: 25px; background: rgba(2,68,135,1); z-index: -1; -webkit-transition: 1s cubic-bezier(.075,.82,.165,1); transition: 1s cubic-bezier(.075,.82,.165,1); } #laymod_1273095 .module .module2 ul li .pjz { max-width:94%; } } /*768<= ipad区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_1273095 .module_list>ul { margin:0 -15px; } } @media (max-width:767px) { #laymod_1273095 .bodyContTitle .row .fl { font-size:5vw; line-height: 1; } #laymod_1273095 .bodyContTitle .row .fl2 { font-size:3vw; line-height: 2; } #laymod_1273095 .bodyContContent .module3 .map_box { padding: 0 15px; } #laymod_1273095 .module .module2 ul li { width: auto; } #laymod_1273095 .module .module2 ul li .pxyz, #laymod_1273095 .module .module2 ul li .pjz { font-size: 3vw; } #laymod_1273095 .module .module2 ul li .pjz { max-width:89%; } #laymod_1273095 .bodyContContent .module3 .map_box .map { height: 300px; } #laymod_1273095 .bodyContContent .module .module3 .code { text-align: center; margin-top: 40px; padding:0 15px; } #laymod_1273095 .bodyContContent .module .module3 .code img { width:100%; max-width:inherit; } #laymod_1273095 .module1 div { padding: 0 15px; } #laymod_1273095 .module .module1 .h1 { font-size: 3.6vw; margin-bottom: 12px; } #laymod_1273095 .module .module2 { padding-top: 15px; padding-bottom: 30px; } #laymod_1273095 .module .module2 .h1 { font-size: 3.6vw; line-height: 3; margin: 0; } #laymod_1273095 .module .module1 .span { line-height: 2; font-size: 3.2vw; margin-bottom: 30px; } #laymod_1273095 .bodyContContent .module .module3 .code img { max-width: 100%; } #laymod_1273095 .bodyCont_width .com_code { text-align: center; padding: 0 15px; margin-top:40px; } #laymod_1273095 .bodyCont_width .com_code img { width: 100%; } #laymod_1273095 input, #laymod_1273095 textarea { border-radius: 0; -webkit-appearance: none; } } 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_1273093 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273093 .bodyContContent { background-color: rgba(255,255,255,1); } #laymod_1273093 .bodyContContent .bodybg { z-index: 1; width: 85%; margin: 0 auto; background-color: rgba(2,68,135,1); } #laymod_1273093 .bodyContContent>.bg_img { z-index:2; } #laymod_1273093 .bodyCont_width { opacity: 1; } #laymod_1273093 .bodyCont_width .bodyorder { position:relative; z-index:4; max-width: 1170px; margin: 0 auto; text-align: center; } #laymod_1273093 .bodyCont_width .bodyorder .title_edit { line-height: 1; color: #fff; } #laymod_1273093 .bodyCont_width .bodyorder a { display: inline-block; padding: 2% 20%; position: relative; font-size: 12px; background-color: #fff; } #laymod_1273093 .bodyCont_width .bodyorder>a>span { line-height: 1; color: rgba(2,68,135,1); } @media (min-width: 992px) { #laymod_1273093 .bodyCont_width .bodyorder { padding-top: 4%; padding-bottom: 3%; } #laymod_1273093 .bodyCont_width .bodyorder .title_edit { font-size: 14px; width: 70%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2.5%; } #laymod_1273093 .bodyCont_width .bodyorder a { border: 1px solid; border-color: rgba(2,68,135,1); } #laymod_1273093 .bodyCont_width .bodyorder a:before { content: ""; position: absolute; background-color: rgba(2,68,135,1); height: 100%; width: 0; left: 0; top: 0; transition: all .35s ease-out; -webkit-transition: all .35s ease-out; } #laymod_1273093 .bodyCont_width .bodyorder a span { font-size: 20px; display: block; font-weight: 700; position: relative; transition: all .35s ease-out; -webkit-transition: all .35s ease-out; } #laymod_1273093 .bodyCont_width .bodyorder a:hover { border-color: #fff; } #laymod_1273093 .bodyCont_width .bodyorder a:hover:before { width: 100%; } #laymod_1273093 .bodyCont_width .bodyorder>a:hover>span { color: #fff; } } @media (max-width:991px) { #laymod_1273093 .bodyContContent .bodybg { padding: 8% 4%; } #laymod_1273093 .bodyCont_width .bodyorder p { line-height: 1.5; padding-bottom: 4%; } #laymod_1273093 .bodyCont_width .bodyorder .title_edit { font-size: 12px; margin-bottom:15px; } } /* 默认引入阿里云图标 */ @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; } img { border:0 none; } i,em { 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; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_1273094 #hzh_Foot_482 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273094 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1273094 .bg_img { z-index: 3; } #laymod_1273094 .bodyCont_width { position:relative; z-index:4; } #laymod_1273094 .bodyCont_width .bodyContContent { padding: 0 30px; overflow: hidden; margin-top: 60px; margin-bottom: 30px; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li { width: 25%; float: left; } #laymod_1273094 .bodyCont_width .bodyContContent #foot1 { padding: 0 90px 0 0; } #laymod_1273094 .bodyCont_width .bodyContContent #foot2 { padding: 0 90px; } #laymod_1273094 .bodyCont_width .bodyContContent #foot3 { padding: 0 0 0 90px; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_title { font-size: 12px; color: #000; margin-bottom: 25px; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_add { font-size: 12px; line-height: 2; color: #252525; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_phone>div, #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_cel>div, #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_email>div, #laymod_1273094 .bodyCont_width .bodyContContent .foot_li>div .f_inline { display: inline-block; vertical-align: top; font-size: 12px; line-height: 2; color: #959595; } /* 分享 */ #laymod_1273094 .bodyCont_width .share { margin-top: 25px; } #laymod_1273094 .bodyCont_width .share ul { display: flex; } #laymod_1273094 .bodyCont_width .share ul li { margin-right: 5px; } #laymod_1273094 .bodyContContent .share a { display: inline-block; } #laymod_1273094 .bodyContContent .share ul li a { display: flex; align-items: center; width: 24px; height: 30px; } #laymod_1273094 .bodyContContent .share ul li a img { max-width: 100%; } #laymod_1273094 .bodyContContent .share a i { font-size: 24px; display: block; opacity: 0.58; color:#000; } #laymod_1273094 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_1273094 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_1273094 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_1273094 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_1273094 .bodyContContent .share .facebookt .iconfont:after { content: "\e98e"; } #laymod_1273094 .bodyContContent .share .skype .iconfont:after { content: "\e996"; } #laymod_1273094 .bodyContContent .share .twitter .iconfont:after { content: "\e992"; } #laymod_1273094 .bodyContContent .share .instagram .iconfont:after { content: "\e98f"; } #laymod_1273094 .active_bg { z-index: 1900; } #laymod_1273094 .bodyContContent .fixed_win { position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: -1; visibility: hidden; opacity: 0; transition: all .35s ease-out; display: flex; align-items: center; justify-content: center; } #laymod_1273094 .bodyContContent .share li.active .fixed_win { opacity: 1; visibility: visible; z-index: 1900; } #laymod_1273094 .bodyContContent .fixed_win .fixed_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; z-index: 0; } #laymod_1273094 .bodyContContent .fixed_win .fixed_wrap { display: block; width: 300px; height: 300px; position: relative; z-index: 1; } #laymod_1273094 .bodyContContent .fixed_win .fixed_wrap img { max-width: 100%; max-height: 100%; } /* 新闻 */ #laymod_1273094 .bodyCont_width .foot_news .news-list li { margin-bottom: 25px; } #laymod_1273094 .bodyCont_width .foot_news .news-list a { display: -webkit-flex; display: flex; } #laymod_1273094 .bodyCont_width .foot_news .news-list a .news_img { width: 50px; height: 50px; overflow: hidden; border-radius: 50px; margin-right: 15px; } #laymod_1273094 .bodyCont_width .foot_news .news-list a .news_txt { display: flex; flex-wrap: wrap; width: calc(100% - 65px); } #laymod_1273094 .bodyCont_width .foot_news .news-list a .news_txt span { display: block; width: 100%; font-size: 12px; } #laymod_1273094 .bodyCont_width .foot_news .news-list a .news_txt .news_name { color: #000; overflow : hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; max-width:100%; } #laymod_1273094 .bodyCont_width .foot_news .news-list a .news_txt .news_time { color: #959595; } #laymod_1273094 .bodyCont_width .foot_info>ul li { margin-bottom: 7px; } #laymod_1273094 .bodyCont_width .foot_info>ul li a { line-height: 24px; font-size: 12px; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; color: #959595; } #laymod_1273094 .bodyCont_width .foot_about .f_con { font-size: 12px; line-height: 24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #959595; } #laymod_1273094 .bodyCont_width .foot_about .f_title2 { color: #000; font-size: 12px; line-height: 26px; margin: 12px 0; } #laymod_1273094 .bodyCont_width .foot_about .link_list .none_show:after { content: ""; display: block; clear: both; } #laymod_1273094 .bodyCont_width .foot_about .link_list .swiper-slide { width: 20%; float: left; } #laymod_1273094 .bodyCont_width .foot_about .link_list .swiper-slide .logo_img { height:70px; 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_1273094 .bodyCont_width .foot_about .link_list .swiper-slide img { max-width: 85%; max-height:100%; display: block; } @media(min-width: 768px) { #laymod_1273094 .bodyCont_width .foot_info>ul li a:hover { padding-left: 10px; } } @media(max-width: 767px) { #laymod_1273094 .bodyCont_width .bodyContContent { margin-top: 25px; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li .f_title, #laymod_1273094 .bodyCont_width .foot_about .f_title2 { margin-bottom: 10px; font-size: 14px; } #laymod_1273094 .bodyCont_width .share { margin-top: 10px; } #laymod_1273094 .bodyCont_width .bodyContContent #foot1 { margin-bottom: 15px; } #laymod_1273094 .bodyCont_width .bodyContContent { padding: 0 15px; } #laymod_1273094 .bodyCont_width .bodyContContent .foot_li { width: 100%; padding: 0 !important; } } @media(min-width: 600px) and (max-width: 992px) { #laymod_1273094 .bodyCont_width .bodyContContent .foot_li { width: 33.333%; padding: 0 !important; } } @media(min-width: 993px) and (max-width: 1024px) { #laymod_1273094 .bodyCont_width .bodyContContent #foot1, #laymod_1273094 .bodyCont_width .bodyContContent #foot2, #laymod_1273094 .bodyCont_width .bodyContContent #foot3 { padding: 0; } } @media only screen and (min-device-width : 993px) and (max-device-width : 1366px) { #laymod_1273094 .bodyCont_width .bodyContContent #foot1, #laymod_1273094 .bodyCont_width .bodyContContent #foot2, #laymod_1273094 .bodyCont_width .bodyContContent #foot3 { padding: 0; } } @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; } img { border:0 none; } i,em { font-style:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_1273086 { position:relative; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1273086.active { z-index:2000; } #laymod_1273086 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1273086 .bg_img { z-index:2; } #laymod_1273086 .bodyCont_width, #laymod_1273086 .bodyContContent { position:relative; z-index: 4; opacity: 1; } /* gotop */ #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop i { font-size: 16px; color: #a8a8a8; } #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop i:after { content: "\e65f"; } /* 图标 */ #laymod_1273086 .bodyContContent .foot_bottom .share a { display: inline-block; width: 14px; height: 14px; padding: 0 5px; cursor: pointer; box-sizing: content-box; } #laymod_1273086 .bodyContContent .foot_bottom .share a i { font-size: 14px; color: #000; } #laymod_1273086 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_1273086 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_1273086 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_1273086 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_1273086 .bodyContContent .wechat_div { position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: 500; visibility: hidden; opacity: 0; transition: all .35s ease-out; } #laymod_1273086 .bodyContContent .wechat_div.active { opacity: 1; visibility: visible; } #laymod_1273086 .bodyContContent .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_1273086 .bodyContContent .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width:300px; } #laymod_1273086 .bodyContContent .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } /* li */ #laymod_1273086 .bodyContContent .foot_bottom .foot_ul a { font-size: 12px; color: #282828; } #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind .foot_copyright, #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind>a { color: #282828; font-size: 12px; } @media(min-width: 993px) { #laymod_1273086 .bodyContContent { padding: 0 30px; } #laymod_1273086 .bodyContContent .foot_bottom:after { content: ""; display: block; clear: both; } /* gotop */ #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop { float: right; cursor: pointer; padding: 0 5px; margin-left: 10px; text-align: center; } /* 图标 */ #laymod_1273086 .bodyContContent .foot_bottom .share { font-size: 0; float: right; } #laymod_1273086 .bodyContContent .foot_bottom .foot_ul { float: right; } /* li */ #laymod_1273086 .bodyContContent .foot_bottom .foot_ul a { display: inline-block; padding: 0 8px; } #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind { float: left; } #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind .foot_copyright, #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind>a { display: inline-block; } /* hover */ #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop i:hover, #laymod_1273086 .bodyContContent .foot_bottom .share a:hover, #laymod_1273086 .bodyContContent .foot_bottom .foot_ul a:hover, #laymod_1273086 .bodyContContent .foot_bottom .share a:hover .pcfont { color: rgba(2,68,135,1); } } @media(max-width: 992px) { #laymod_1273086 { overflow: visible; } #laymod_1273086 .bodyContContent .foot_bottom { padding: 25px 7.14286% 45px 7.14286%; } #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop { position: absolute; top: 25px; right: calc(1 / 14 * 100% - 5px); } #laymod_1273086 .bodyContContent .foot_bottom .foot_gotop i { font-size: 24px; } #laymod_1273086 .bodyContContent .foot_bottom .share { margin-bottom: 2vw; } #laymod_1273086 .bodyContContent .foot_bottom .share a { padding: 0 15px 0 0; } #laymod_1273086 .bodyContContent .foot_bottom .foot_ul a { display: inline-block; padding: 5px 5px 5px 0; line-height: 14px; } #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind { position: absolute; left: 7.14286%; bottom: 5px; line-height: 1.6; } #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind .foot_copyright, #laymod_1273086 .bodyContContent .foot_bottom .foot_copybind>a { margin-right: 5px; display: inline-block; } } @media only screen and (min-device-width : 993px) and (max-device-width : 1366px) { #laymod_1273086 .bodyCont_width { margin: 20px 0 !important; padding: 0 !important; } }