@media (max-width: 767px){ #laymod_112311 { display:none; } #laymod_111930 #jh_message_2 .message_form #verifyPic { max-width:38%; } } #laymod_112379 #xyb_cert_6>.bg_img { display:none !important; } #g_web #xyb_cert_6 .bodyContTitle { background:rgba(0,87,158,1); padding:15px 0; } #g_web #xyb_cert_6 .bodyContTitle .fl, #g_web #xyb_cert_6 .bodyContTitle .fl2, #g_web #xyb_cert_6 .bodyContTitle .fl span, #g_web #xyb_cert_6 .bodyContTitle .fl2 span { color:#fff !important; } #g_web #xyb_cert_6 .cert_content .swiper-button-prev { background-image: url(http://cdn.jihui88.com/upload//d//d2//dfwj_xyb//picture//2019//04//16/f83635f1-2f8b-424c-8d71-a6875792c3b2.png); } #g_web #xyb_cert_6 .cert_content .swiper-button-next { background-image: url(http://cdn.jihui88.com/upload//d//d2//dfwj_xyb//picture//2019//04//16/01e093d2-85ed-41dd-a015-3f3b048299ce.png); } /*xyb_fullpage_7*/ #g_web #xyb_fullpage_7 .pro img { width:17%; margin:0 4%; } #xyb_product_41 .bodyCont_width .pro_list span.pro_price { display: none; } #xyb_proinfo_40 .pro_shop_attr .product-attr-outer { display: none; } #xyb_fullpage_7 .f_more a:last-child { display: none; } #xyb_talent_1 .bodyCont_width .graphic_cont li dd span { white-space: inherit; line-height: 1.2; } #xyb_foot_26 .foot2_share .f_wx .xybicon:before, #xyb_nav_30 .nav1_share .f_wx .xybicon:before { content: "\ea29"; } #xyb_nav_30 .nav1_share li.f_dy a { display: none; } #xyb_nav_30 .nav_shop a.shop_1, #xyb_nav_30 .nav_shop a.shop_3 { display: none; } #nav_shop a { pointer-events: none; } #nav_shop .nav_ul_son a { pointer-events: auto; } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_ji8deum2n9.eot'); src: url('//at.alicdn.com/t/font_249974_ji8deum2n9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_ji8deum2n9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_ji8deum2n9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_ji8deum2n9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_111924 #xyb_nav_30 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1700; } #laymod_111924 #xyb_nav_30.fix_nav { z-index: 1900; } #laymod_111924 .bodyCont_width { position:relative; z-index:4; } #laymod_111924 .bodyContContent { position:relative; z-index: 4; } #laymod_111924 #xyb_nav_30.fix_nav .bodyContContent { padding-bottom:80px; } /*nav1*/ #laymod_111924 .nav1 { background-color:#333; overflow:hidden; } #laymod_111924 .nav1 .nav1_l { float:left; color:#fff; font-size:12px; line-height:40px; } #laymod_111924 .nav1 .nav1_r { float:right; } #laymod_111924 .nav1_r_li { float:left; font-size:12px; line-height:40px; color:#fff; } #laymod_111924 .nav1_line { width: 1px; height: 6px; display: block; background: #5c5c5c; margin-top:17px; } /*导航栏1-分享*/ #laymod_111924 .nav1_share { padding:6px 10px 0 0; overflow:hidden; } #laymod_111924 .nav1_share li { float:left; margin:0 2px; _margin:0 1px; } #laymod_111924 .nav1_share li>a { display:block; width:28px; height:28px; position:relative; text-align:center; line-height:28px; overflow:hidden; } #laymod_111924 .nav1_share li>a i { font-size:20px; color:#737373; position:relative; z-index: 1; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; display:block; width:100%; } #laymod_111924 .nav1_share li>a:hover i.icon_top { transform: translateY(-28px); -webkit-transform: translateY(-28px); -moz-transform: translateY(-28px); -ms-transform: translateY(-28px); -o-transform: translateY(-28px); } #laymod_111924 .nav1_share li>a i.icon_bottom { color:#fff; position:absolute; top:28px; left:0; z-index: 2; } #laymod_111924 .nav1_share li>a:hover i.icon_bottom { top:0; } #laymod_111924 #xyb_nav_30.active_bg { z-index: 1900; } #laymod_111924 .nav1_share .fixed_win { position:fixed; z-index: -1; width:0; height:0; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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; top:50%; left:50%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; } #laymod_111924 .active_bg .nav1_share .fixed_win { } #laymod_111924 .active_bg .nav1_share .fixed_win.active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); width:100%; height:100%; left:0; top:0; z-index: 1900; } #laymod_111924 .nav1_share .fixed_win>.fixed_bg { background:#000; opacity:0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); position:absolute; z-index: 0; top:0; left:0; display:block; width:100%; height:100%; } #laymod_111924 .nav1_share .fixed_wrap { display:block; width:400px; height:400px; position:relative; z-index: 1; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius: 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fff; overflow:hidden; } #laymod_111924 .nav1_share .fixed_wrap>img { width:75%; margin:7.5% auto 0 auto; display:block; } #laymod_111924 .nav1_share .fixed_wrap>.fixed_close { display:block; width:12%; position:absolute; right:0; top:0; cursor: pointer; } #laymod_111924 .nav1_share .fixed_wrap>.fixed_close img { width:100%; display:block; height:auto; } #laymod_111924 .nav1_share .fixed_wrap>.fixed_text { display: block; width:100%; text-align:center; font-size:24px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color:#000; } /*导航栏1-电话*/ #laymod_111924 .nav1_tel { padding:0 16px; } #laymod_111924 .nav1_tel a { font-size:15px; color:#fff; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111924 .nav1_tel a:hover { color:rgba(0,87,158,1); } /*导航栏1-语言*/ #laymod_111924 .nav1_lan { padding:0 0 0 10px; color:#858585; font-size:13px; } #laymod_111924 .nav1_lan a { color:#858585; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111924 .nav1_lan a:hover { color:#fff; } /*导航栏2*/ #laymod_111924 .nav2 { background-color:#fff; } #laymod_111924.fullpage_nav .nav2 { background-color:rgba(255,255,255,0.73); } #laymod_111924 .fix_nav .nav2 { position:fixed; top:0; left:0; width:100%; box-shadow:0 3px 5px rgba(0,0,0,0.3); } #laymod_111924 .nav2_in { height:80px; } /*导航栏2-logo*/ #laymod_111924 .nav2_in .nav_logo { float:left; max-width:16.67%; height: 100%; } #laymod_111924 .nav2_in .nav_logo a { width:100%; height: 100%; 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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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_111924 .nav2_in .nav_logo img { display:block; max-width:100%; max-height:100%; } /*导航栏2-栏目*/ #laymod_111924 .nav2 .nav_menu { float:left; margin:0 0 0 22px; } #laymod_111924 .nav2 .nav_menu li { float:left; position:relative; } #laymod_111924 .nav_menu a { display:block; padding:0 22px; position:relative; } #laymod_111924 .nav_menu a>span { width:100%; text-align:center; font-size:18px; line-height:80px; color:#333333; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #laymod_111924 .nav_menu .active_bg a>span, #laymod_111924 .nav_menu a:hover>span { color:rgba(0,87,158,1); } #laymod_111924 .nav_menu a>em { display:block; width:0; height:2px; background:rgba(0,87,158,1); position:absolute; bottom:0; left:50%; 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: 1; } #laymod_111924 .nav_menu .active_bg a>em, #laymod_111924 .nav_menu a:hover>em { width:100%; left:0; } #laymod_111924 .nav2 .nav_menu li.nav_sj, #laymod_111924 .nav_menu a>i { display:none; } #laymod_111924 .nav_menu .nav_ul_son { background:#fff; display:none; position:absolute; left:-22px; top:100%; padding:0 22px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -o-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; } #laymod_111924 .nav_ul_son li { float:left; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); 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; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_111924 .active_bg .nav_ul_son li { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); } #laymod_111924 .nav_ul_son li a { font-size:15px; line-height:3; color:#999; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #laymod_111924 .nav_ul_son li a:hover { color:rgba(0,87,158,1); } /*导航2-电脑搜索*/ #laymod_111924 #nav_pc_search { position:relative; } #laymod_111924 #nav_pc_search a.pc_search_btn { 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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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; padding:0 !important; overflow:hidden; position:relative; height:80px; } #laymod_111924 #nav_pc_search strong { display:inline-block; position:relative; z-index: 1; 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; font-weight:normal; font-size:24px; width:24px; height:24px; text-align:center; line-height:1; color:#000; } #laymod_111924 #nav_pc_search.active_bg strong.icon_prev { transform: translateX(-24px); -webkit-transform: translateX(-24px); -moz-transform: translateX(-24px); -ms-transform: translateX(-24px); -o-transform: translateX(-24px); } #laymod_111924 #nav_pc_search strong.icon_next { position:absolute; right:-24px; top:50%; margin:-12px 0 0 0; color:rgba(0,87,158,1); } #laymod_111924 #nav_pc_search.active_bg strong.icon_next { right:0; } #laymod_111924 #nav_pc_search .mid_search_list { position:absolute; top:50%; left:100%; width:0; background:#fcfcfc; height:40px; margin:-20px 0 0 20px; 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; overflow:hidden; } #laymod_111924 #nav_pc_search.active_bg .mid_search_list { width:250px; } #laymod_111924 #nav_pc_search .mid_search_list form { display:block; width:100%; height:100%; position:relative; z-index: 1; } #laymod_111924 #nav_pc_search .mid_search_list input { margin:0; padding:0; background:none; width:100%; height:100%; color:#666; text-indent:5px; line-height:40px; } #laymod_111924 #nav_pc_search .s_keywords { position:absolute; z-index: 2; height:24px; top:50%; left:5px; margin:-12px 0 0 0; min-width:60%; overflow:hidden; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #laymod_111924 #nav_pc_search .s_keywords.active_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width:0; display:none; } #laymod_111924 #nav_pc_search .s_keywords a { display:inline-block !important; height:24px; line-height:24px; padding:0 10px; background:#dedede; color:#999; font-size:14px; 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; margin:0 6px 0 0; } #laymod_111924 #nav_pc_search .s_keywords a:hover { color:#fff; background:rgba(0,87,158,1); } /*导航2-按钮*/ #laymod_111924 .nav_botton, #laymod_111924 .mob_nav_search, #laymod_111924 .nav_m_search { display:none; } /*导航栏2-购物车*/ #laymod_111924 .nav_shop { float:right; height:80px; 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_111924 .nav_shop a { margin:0 0 0 4px; _margin:0 0 0 2px; display:inline-block; float:left; width:32px; height:32px; background:url(//cdn.jihui88.com/upload//d//d2//dfwj_xyb//picture//2018//10//11/4223f0a2-fb1d-4aee-a95a-606ee46efb39.png) no-repeat 0 0; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #laymod_111924 .nav_shop a.shop_0 { background: none; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } #laymod_111924 .nav_shop a.shop_0 i { font-size: 20px; color: #000; position: relative; z-index: 1; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; display: block; } #laymod_111924 .nav_shop a.shop_0 i.icon_bottom { color: rgba(0,87,158,1); position: absolute; top: 28px; left: 50%; z-index: 2; transform: translateX(-50%); } #laymod_111924 .nav_shop a.shop_0 i:before { content: "\ea29"; } #laymod_111924 .nav_shop a:hover { background-position:0 -32px; } #laymod_111924 .nav_shop a.shop_0:hover { background-position:0; } #laymod_111924 .nav_shop a.shop_0:hover i.icon_top { transform: translateY(-28px); -webkit-transform: translateY(-28px); } #laymod_111924 .nav_shop a.shop_0:hover i.icon_bottom { top: 5px; } #laymod_111924 .nav_shop a.shop_2 { background-position:-32px 0; } #laymod_111924 .nav_shop a.shop_2:hover { background-position:-32px -32px; } #laymod_111924 .nav_shop a.shop_3 { background-position:-64px 0; } #laymod_111924 .nav_shop a.shop_3:hover { background-position:-64px -32px; } #laymod_111924 .nav_shop a.shop_4 { background-position:-96px 0; display:none; } #laymod_111924 .nav_shop a.shop_4:hover { background-position:-96px -32px; } /*768<= ipad区间 <=1366*/ @media (min-width:768px) and (max-width:1366px) { /*导航栏2-栏目*/ #laymod_111924 .nav2 .nav_menu { margin:0 0 0 11.0px; } #laymod_111924 .nav_menu a { padding:0 11.0px; } #laymod_111924 .nav_menu a>span { font-size:14px; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_111924 #xyb_nav_30.mob_active_bg { z-index: 1900; } #laymod_111924 #xyb_nav_30.fix_nav .bodyContContent { padding-bottom:50px; } /*导航栏1*/ #laymod_111924 .nav1 { display:none; } /*导航栏2*/ #laymod_111924 .nav2_in { height:50px; 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; position:relative; } /*导航栏2-logo*/ #laymod_111924 .nav2_in .nav_logo { float:none; max-width:50%; } /*导航栏2-导航*/ #laymod_111924 .nav2 .nav_menu { background:#fff; position:absolute; width:100%; top:100%; left:0; padding:0 15px; display:none; overflow-y:auto; overflow-x:hidden; height:100%; z-index: 1; margin:0; } #laymod_111924 .nav_menu li { border-bottom:1px solid #eaeaea; float:none; width:100%; } #laymod_111924 .nav_menu a>span, #laymod_111924 .nav_menu a>em, #laymod_111924 .nav2 .nav_menu li.nav_pc { display:none; } #laymod_111924 .nav2 .nav_menu li.nav_sj, #laymod_111924 .nav_menu a>i { display:inline-block; } #laymod_111924 .nav_menu a>i { font-size:4vw; line-height:3; color:#666; font-style:normal; } #laymod_111924 .nav_menu .nav_ul_son { display:none !important; } /*导航2-按钮*/ #laymod_111924 .nav_botton { display:inline-block; position:absolute; left:15px; top:50%; margin:-17px 0 0 0; width:40px; height:34px; z-index: 2; } #laymod_111924 .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_111924 .nav_botton span { display:block; width:26px; height:2px; background:rgba(0,87,158,1); position:absolute; left:10px; 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; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } #laymod_111924 .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(0,87,158,1); border-radius:2px; position:absolute; left:-10px; top:50%; margin:-2px 0 0 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_111924 .nav_botton a.mob_active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_111924 .nav_botton span.botton-line_1 { top:8px; } #laymod_111924 .nav_botton a.mob_active_bg>span.botton-line_1 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:50%; } #laymod_111924 .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_111924 .nav_botton a.mob_active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_111924 .nav_botton span.botton-line_3 { bottom:8px; } #laymod_111924 .nav_botton a.mob_active_bg>span.botton-line_3 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:50%; } /*搜索*/ #laymod_111924 .mob_nav_search { position:absolute; right:15px; top:50%; width:40px; height:40px; text-align:center; line-height:1; margin:-20px 0 0 0; color:#000; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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_111924 .mob_nav_search i { font-size:6vw; } #laymod_111924 .mob_nav_search img { display:block; width:100%; height:auto; } #laymod_111924 .nav_m_search { box-shadow:0 5px 5px rgba(0,0,0,0.3); top:100%; left:0; height:0; background:#fff; 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; position:absolute; 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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*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; padding:0; width:100%; overflow:hidden; } #laymod_111924 .nav_m_search.active_bg { height:50px; padding:5px 15px; } #laymod_111924 .nav_m_search .search_btn { display:inline-block; width:40px; text-align:center; } #laymod_111924 .nav_m_search .search_btn i { font-size:4vw; color:#666; line-height:1; } #laymod_111924 .nav_m_search form { display:inline-block; width:calc(100% - 40px); height:100%; } #laymod_111924 .nav_m_search input { background:none; border:0 none; margin:0; padding:0; font-size:4vw; line-height:40px; color:#666; } #laymod_111924 input[type="text"], #laymod_111924 textarea { -webkit-appearance: none; //去掉边框阴影 } #laymod_111924 ::-webkit-input-placeholder { color:#666; } #laymod_111924 :-moz-placeholder {/* Firefox 18- */ color:#666; } #laymod_111924 ::-moz-placeholder{/* Firefox 19+ */ color:#666; } #laymod_111924 :-ms-input-placeholder { color:#666; } /*电商模块*/ #laymod_111924 .nav2_in>.nav_shop { display:none; } #laymod_111924 .nav_shop { float:left; } #laymod_111924 .nav_shop a { padding:0; } } /*表单错误提示语*/ #laymod_111924 #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_111924 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } 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_111925 #jh2_advers_3 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_111925 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_111925 .bodyCont_width { position:relative; opacity: 1; } /*标题控制*/ #laymod_111925 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_111925 .nybanner_2 { } #laymod_111925 .nybanner_2 a { width:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_111925 .nybanner_2 a.active { cursor: unset; } #laymod_111925 .nybanner_2 a img { max-width:100%; } #laymod_111925 .alert-warning { text-align: center; margin: 0; } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_8y2so7t9uv4.eot'); src: url('//at.alicdn.com/t/font_249974_8y2so7t9uv4.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_8y2so7t9uv4.woff') format('woff'), url('//at.alicdn.com/t/font_249974_8y2so7t9uv4.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_8y2so7t9uv4.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*模版整体控制*/ #laymod_111926 #xyb_bread_3 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_111926 #xyb_bread_3>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_111926 #xyb_bread_3>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_111926 .border_top { background:rgba(0,87,158,1); height:0px; position:relative; z-index: 4; } #laymod_111926 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_111926 .bodyContContent { position:relative; z-index: 4; } #laymod_111926 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_111926 .bread_cont { overflow:hidden; position:relative; } #laymod_111926 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_111926 .bodyContContent li { color:#ccc; font-size:14px; line-height:43px; float:left; } #laymod_111926 .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_111926 .bodyContContent li.bread_last a, #laymod_111926 .bodyContContent li a:hover { color:rgba(0,87,158,1); text-decoration:none; } #laymod_111926 .bodyContContent li em, #laymod_111926 .bodyContContent li .xyb_line { padding:0 0.7rem 0 0.5rem; font-style:normal; font-size:12px; } #laymod_111926 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_111926 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_111926 .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_111926 .nav_m_search form { display:block; width:80%; } #laymod_111926 .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_111926 .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_111926 .nav_m_search a:before { content:"\e7bb"; } #laymod_111926 .nav_m_search a:hover { color:rgba(0,87,158,1); } #laymod_111926 ::-webkit-input-placeholder { color:#666; } #laymod_111926 :-moz-placeholder {/* Firefox 18- */ color:rgba(0,0,0,0.6); } #laymod_111926 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0,0,0,0.6); } #laymod_111926 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } /*表单错误提示语*/ #laymod_111926 #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_111926 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media (max-width:767px) { #laymod_111926 .bread_cont { padding:0; } /*顶部线条控制*/ #laymod_111926 .border_top { height:0; } #laymod_111926 .bodyContContent ul { padding:10px 0; } #laymod_111926 .bodyContContent li { font-size:3vw; line-height:1.6; } #laymod_111926 .bodyContContent li.bread_last { max-width:33%; } #laymod_111926 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_111926 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_111926 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_111926 .bodyContContent li.bread_last a { max-width:100px; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_111926 { display: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; } 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 { text-decoration:none; } /*模版整体控制*/ #laymod_111930 #jh_message_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_111930 #jh_message_2>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_111930 #jh_message_2>.bg_img { z-index:2; } #laymod_111930 #jh_message_2 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_111930 #jh_message_2 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_111930 #jh_message_2 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; text-align: center; color:#333; } #laymod_111930 #jh_message_2 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; text-align: center; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_111930 #jh_message_2 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_111930 #jh_message_2 .message_form input, #laymod_111930 #jh_message_2 .message_form textarea { display:block; border:0 none; font-size:1.2rem; background:#f5f5f5; color:#333; line-height:3.5rem; height:3.5rem; margin:0 0 1rem 0; padding-top:0; padding-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; position:relative; } #laymod_111930 #jh_message_2 ::-webkit-input-placeholder { color:#333; } #laymod_111930 #jh_message_2 :-moz-placeholder {/* Firefox 18- */ color:#333; } #laymod_111930 #jh_message_2 ::-moz-placeholder{/* Firefox 19+ */ color:#333; } #laymod_111930 #jh_message_2 :-ms-input-placeholder { color:#333; } #laymod_111930 #jh_message_2 .message_form input.pro_bg, #laymod_111930 #jh_message_2 .message_form textarea.pro_bg { background-color:rgba(0,87,158,1); } #laymod_111930 #jh_message_2 .pro_bg::-webkit-input-placeholder { color:#fff; } #laymod_111930 #jh_message_2 .pro_bg:-moz-placeholder {/* Firefox 18- */ color:#fff; } #laymod_111930 #jh_message_2 .pro_bg::-moz-placeholder{/* Firefox 19+ */ color:#fff; } #laymod_111930 #jh_message_2 .pro_bg:-ms-input-placeholder { color:#fff; } #laymod_111930 #jh_message_2 .message_form textarea { height:12.5rem; line-height:2; resize:none; } #laymod_111930 #jh_message_2 .message_form .liuyan { display:block; background:rgba(0,87,158,1); -moz-border-radius: 22px; -khtml-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; -moz-border-radius-bottomleft:22px; -moz-border-radius-bottomright:22px; -khtml-border-radius: 22px; -webkit-border-bottom-left-radius:22px; -webkit-border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; color:rgba(255,255,255,1); font-size:1.4rem; line-height:3.5rem; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; } #laymod_111930 #jh_message_2 .message_form #verifyPic { height:3.5rem; } #laymod_111930 #jh_message_2 .mes_share { clear:both; color:#333; font-size:14px; line-height:2; } #laymod_111930 #jh_message_2 .mes_share_btn a { background-color:transparent !important; transform: scale(0.8, 0.8); webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); 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_111930 #jh_message_2 .mes_share_btn a .at-icon { fill:#333 !important; 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; } @media (min-width: 992px) { #laymod_111930 #jh_message_2 .message_form .liuyan:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); text-decoration:none; background:rgba(0,87,158,1); color:#fff; } #laymod_111930 #jh_message_2 .mes_share_btn a:hover { background-color:transparent !important; } #laymod_111930 #jh_message_2 .mes_share_btn a:hover .at-icon { fill:rgba(0,87,158,1) !important; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } } @media (max-width: 991px) { #laymod_111930 #jh_message_2 .bodyContTitle .fl { font-size:20px; margin:0 0 4px 0; } } /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'xybicon'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_0xl0d4kq4pnq.woff2?t=1717640663961') format('woff2'), url('//at.alicdn.com/t/c/font_249974_0xl0d4kq4pnq.woff?t=1717640663961') format('woff'), url('//at.alicdn.com/t/c/font_249974_0xl0d4kq4pnq.ttf?t=1717640663961') format('truetype'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_111927 #xyb_foot_26 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_111927 #xyb_foot_26>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_111927 #xyb_foot_26>.bg_img { z-index:2; } #laymod_111927 .bodyCont_width { position:relative; z-index:4; } #laymod_111927 .bodyContContent { position:relative; z-index: 4; } /*页脚1*/ #laymod_111927 .foot1 { overflow:hidden; padding:22px 0 25px 0; } #laymod_111927 .foot1 li { width:25%; float:left; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*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_111927 .foot1 .foot1_l { width:66px; } #laymod_111927 .foot1 .foot1_l img { display:block; width:100%; height:auto; } #laymod_111927 .foot1 .foot1_r { width:calc(100% - 66px); padding:0 0 0 5%; } #laymod_111927 .foot1 .foot1_text1, #laymod_111927 .foot1 .foot1_text1 p, #laymod_111927 .foot1 .foot1_text1 strong, #laymod_111927 .foot1 .foot1_text1 span { font-size:17px; line-height:1.7; color:#000; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100%; text-align:left; } #laymod_111927 .foot1 .foot1_text2, #laymod_111927 .foot1 .foot1_text2 p, #laymod_111927 .foot1 .foot1_text2 strong, #laymod_111927 .foot1 .foot1_text2 span { font-size:13px; line-height:1.9; color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100%; text-align:left; } #laymod_111927 .foot1 .foot1_text1 a, #laymod_111927 .foot1 .foot1_text2 a { color:#999; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot1 .foot1_text1 a:hover, #laymod_111927 .foot1 .foot1_text2 a:hover { color:rgba(0,87,158,1) !important; } #laymod_111927 .foot1 .foot1_text1 img, #laymod_111927 .foot1 .foot1_text2 img { display:none; } /*页脚2*/ #laymod_111927 .foot2 { background-color:#333; padding:50px 0 30px 0; overflow:hidden; } #laymod_111927 .foot2_pc { 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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_111927 .foot2_pc .foot2_l { width:73%; 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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_111927 .foot2_pc .foot2_r { width:27%; padding:0 0 0 6.25%; } #laymod_111927 .foot2_pc .foot2_ul { float:left; border-right:1px solid #525252; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_111927 .foot2_pc .foot2_ul_frist { /*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; } #laymod_111927 .foot2_pc .foot2_ul_wrap { min-width:33%; } #laymod_111927 .foot2_pc .foot2_title { line-height:1; margin-bottom:17px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100%; font-size:17px; color:#ccc; } #laymod_111927 .foot2_pc .foot2_title p, #laymod_111927 .foot2_pc .foot2_title strong, #laymod_111927 .foot2_pc .foot2_title span, #laymod_111927 .foot2_pc .foot2_title a { font-size:17px; color:#ccc; line-height:1; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot2_pc .foot2_title a:hover { color:#fff; } #laymod_111927 .foot2_pc .foot2_cont { line-height:2.23; overflow:hidden; width:100%; font-size:13px; color:#999; } #laymod_111927 .foot2_pc .foot2_cont p, #laymod_111927 .foot2_pc .foot2_cont strong, #laymod_111927 .foot2_pc .foot2_cont span, #laymod_111927 .foot2_pc .foot2_cont a { font-size:13px; color:#999; line-height:2.23; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot2_pc .foot2_cont a:hover { color:#fff; } #laymod_111927 .foot2_mob { display:none; } .design-html #laymod_111927 .foot2_mob { display:block; } /*页脚2-分享*/ #laymod_111927 .foot2_share { overflow:hidden; } #laymod_111927 .foot2_share li { float:left; margin:0 16px 0 0; _margin:0 8px 0 0; } #laymod_111927 .foot2_share li>a { display:block; width:24px; height:24px; position:relative; text-align:center; line-height:1; overflow:hidden; } #laymod_111927 .foot2_share li>a i { font-size:24px; color:#4d4d4d; position:relative; z-index: 1; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; display:block; } #laymod_111927 .foot2_share li>a:hover i.icon_top { transform: translateY(-24px); -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -ms-transform: translateY(-24px); -o-transform: translateY(-24px); } #laymod_111927 .foot2_share li>a i.icon_bottom { color:#fff; position:absolute; top:24px; left:0; z-index: 2; } #laymod_111927 .foot2_share li>a:hover i.icon_bottom { top:0; } #laymod_111927 #xyb_foot_26.active_bg { z-index: 1900; } #laymod_111927 .foot2_share .fixed_win { position:fixed; z-index: -1; width:0%; height:0%; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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; top:50%; left:50%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; } #laymod_111927 .active_bg .foot2_share .fixed_win { width:100%; height:100%; left:0; top:0; z-index: 1900; } #laymod_111927 .active_bg .foot2_share .fixed_win.active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_111927 .foot2_share .fixed_win>.fixed_bg { background:#000; opacity:0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); position:absolute; z-index: 0; top:0; left:0; display:block; width:100%; height:100%; } #laymod_111927 .foot2_share .fixed_wrap { display:block; width:400px; height:400px; position:relative; z-index: 1; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius: 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fff; overflow:hidden; } #laymod_111927 .foot2_share .fixed_wrap>img { width:75%; margin:7.5% auto 0 auto; display:block; } #laymod_111927 .foot2_share .fixed_wrap>.fixed_close { display:block; width:12%; position:absolute; right:0; top:0; cursor: pointer; } #laymod_111927 .foot2_share .fixed_wrap>.fixed_close img { width:100%; display:block; height:auto; } #laymod_111927 .foot2_share .fixed_wrap>.fixed_text { display: block; width:100%; text-align:center; font-size:24px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color:#000; } #laymod_111927 .foot2_tel { clear:both; } #laymod_111927 .foot2_tel_top { color:#ccc; background:#666; font-size:13px; line-height:40px; margin-top:14px; text-align:center; } #laymod_111927 .foot2_tel_top a { font-size:17px; color:#ccc; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot2_tel_top a:hover { color:rgba(0,87,158,1); } .design-html #laymod_111927 .foot2_tel_bottom { display:block; } #laymod_111927 .foot2_tel_bottom { color:#9a9a9a; font-size:3w; display:none; line-height:1.8; text-align:justify; } /*页脚3*/ #laymod_111927 .foot3 { background-color:#333; overflow:hidden; clear:both; } #laymod_111927 .foot3_in { overflow:hidden; } #laymod_111927 .foot3_in .foot3_l { float:left; color:#999999; font-size:13px; line-height:4.69; } #laymod_111927 .foot3_in .foot3_l i { font-style:normal; } #laymod_111927 .foot3_in .foot3_l a { color:#999999; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot3_in .foot3_l a:hover { color:rgba(0,87,158,1); } #laymod_111927 .foot3_in .foot3_r { float:right; text-align:right; color:#999999; font-size:13px; line-height:4.69; } #laymod_111927 .foot3_in .foot3_r a { color:#999999; margin:0 0 0 15px; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_111927 .foot3_in .foot3_r a:hover { color:rgba(0,87,158,1); } /*768<= ipad区间 <=1366*/ @media (min-width:768px) and (max-width:1366px) { /*页脚1*/ #laymod_111927 .foot1 { padding:1vh 0 2vh 0; } #laymod_111927 .foot1 .foot1_l { width:40px; } #laymod_111927 .foot1 .foot1_r { width:calc(100% - 40px); } #laymod_111927 .foot1 .foot1_text1, #laymod_111927 .foot1 .foot1_text1 p, #laymod_111927 .foot1 .foot1_text1 strong, #laymod_111927 .foot1 .foot1_text1 span { font-size:1.5vw; } #laymod_111927 .foot1 .foot1_text2, #laymod_111927 .foot1 .foot1_text2 p, #laymod_111927 .foot1 .foot1_text2 strong, #laymod_111927 .foot1 .foot1_text2 span { font-size:1.3vw; } /*页脚2*/ #laymod_111927 .foot2 { padding:3vh 0 1.5vh 0; } #laymod_111927 .foot2_pc .foot2_title, #laymod_111927 .foot2_pc .foot2_title p, #laymod_111927 .foot2_pc .foot2_title strong, #laymod_111927 .foot2_pc .foot2_title span, #laymod_111927 .foot2_pc .foot2_title a { font-size:1.5vw; } #laymod_111927 .foot2_pc .foot2_title { margin-bottom:0.5vh; } #laymod_111927 .foot2_pc .foot2_cont, #laymod_111927 .foot2_pc .foot2_cont p, #laymod_111927 .foot2_pc .foot2_cont strong, #laymod_111927 .foot2_pc .foot2_cont span, #laymod_111927 .foot2_pc .foot2_cont a { font-size:1.3vw; line-height:2; } #laymod_111927 .foot2_share li { margin:0 0 0 1vw; } #laymod_111927 .foot2_share li>a { width:16px; height:16px; } #laymod_111927 .foot2_share li>a i { font-size:16px; } #laymod_111927 .foot2_tel_top span { display:none; } #laymod_111927 .foot2_tel_top a { font-size:1.6vw; } /*页脚3*/ #laymod_111927 .foot3_in .foot3_l, #laymod_111927 .foot3_in .foot3_r { font-size:1.5vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { /*页脚1*/ #laymod_111927 .foot1 { display:none; } /*页脚2*/ #laymod_111927 .foot2 { padding:3vh 0 1.5vh 0; } #laymod_111927 .foot2_pc { flex-direction:column-reverse;/*row*/ -webkit-flex-direction:column-reverse; -webkit-box-flex-direction:column-reverse; } #laymod_111927 .foot2_pc .foot2_l { width:100%; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_111927 .foot2_pc .foot2_r { width:calc(100% + 30px); margin:0 -15px; padding:0; border-bottom:1px solid #565656; } #laymod_111927 .foot2_pc .foot2_r .foot2_title { display:none; } #laymod_111927 .foot2_pc .foot2_l .foot2_ul { width:100% !important; border-right:0 none; border-bottom:1px solid #454545; -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; } #laymod_111927 .foot2_pc .foot2_l .foot2_ul:nth-child(4) { border-bottom:0 none; } #laymod_111927 .foot2_l .foot2_ul_wrap { /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -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; min-width:100%; } #laymod_111927 .foot2_l .foot2_title { margin-bottom:0; width:auto; } #laymod_111927 .foot2_pc .foot2_title, #laymod_111927 .foot2_pc .foot2_title p, #laymod_111927 .foot2_pc .foot2_title strong, #laymod_111927 .foot2_pc .foot2_title span, #laymod_111927 .foot2_pc .foot2_title a, #laymod_111927 .foot2_pc .foot2_cont, #laymod_111927 .foot2_pc .foot2_cont p, #laymod_111927 .foot2_pc .foot2_cont strong, #laymod_111927 .foot2_pc .foot2_cont span, #laymod_111927 .foot2_pc .foot2_cont a { font-size:3vw; line-height:2.5; } #laymod_111927 .foot2_pc .foot2_title, #laymod_111927 .foot2_pc .foot2_title p, #laymod_111927 .foot2_pc .foot2_title strong, #laymod_111927 .foot2_pc .foot2_title span, #laymod_111927 .foot2_pc .foot2_title a { color:#999; } #laymod_111927 .foot2_pc .foot2_cont, #laymod_111927 .foot2_pc .foot2_cont p, #laymod_111927 .foot2_pc .foot2_cont strong, #laymod_111927 .foot2_pc .foot2_cont span, #laymod_111927 .foot2_pc .foot2_cont a { color:#666; } #laymod_111927 .foot2_pc .foot2_cont p { margin:0 0 0 8%; } #laymod_111927 .foot2_l .foot2_cont { /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -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; width:80%; } #laymod_111927 .foot2_r .foot2_ul_wrap { position:relative; } #laymod_111927 .foot2_share { position:absolute; right:15px; top:0; } #laymod_111927 .foot2_share .fixed_wrap { width:60%; height:auto; padding:0 0 2vh 0; } #laymod_111927 .foot2_share .fixed_wrap>.fixed_text { font-size:4vw; } #laymod_111927 .foot2_mob { display:block; } #laymod_111927 .foot2_tel { margin:0 15px; } #laymod_111927 .foot2_tel_top { background:none; text-align:left; } #laymod_111927 .foot2_tel_top span { display:block; width:100%; font-size:3.5vw; line-height:1; } #laymod_111927 .foot2_tel_top a { font-size:4.5vw; color:#fff; line-height:2; } #laymod_111927 .foot2_tel_bottom { display:block; padding-bottom:3vh; } #laymod_111927 .foot2_share li { margin:0 0 0 1vw; } #laymod_111927 .foot2_share li>a { width:16px; height:16px; } #laymod_111927 .foot2_share li>a i { font-size:16px; } /*页脚3*/ #laymod_111927 .foot3 { background-color:#212121; padding:2% 0; } #laymod_111927 .foot3_in .foot3_l { float:none; text-align:center; width:100%; line-height:2; font-size:2.5vw; } #laymod_111927 .foot3_in .foot3_l a { font-size:2.5vw; } #laymod_111927 .foot3_in .foot3_l .mk_clear { display:block; width:100%; clear:both; } #laymod_111927 .foot3_in .foot3_r { display:none; } #laymod_111927 .icp { display: block; } } /*手机端区间 <=375*/ @media (max-width:375px) { #laymod_111927 .foot2_pc .foot2_cont p { margin:0 0 0 7%; } } /*手机端区间 <=320*/ @media (max-width:320px) { #laymod_111927 .foot2_pc .foot2_cont p { margin:0 0 0 3%; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.eot'); src: url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.woff') format('woff'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_111928 #xyb_contact_10 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1900; } #laymod_111928 #xyb_contact_10>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_111928 #xyb_contact_10>.bg_img { z-index:2; } #laymod_111928 .bodyCont_width { position:relative; z-index:4; } #laymod_111928 .bodyContContent { position:relative; z-index: 4; } /*设计页提示语*/ #laymod_111928 .mk_hide { display:none; position:relative; z-index: 10; text-align:center; } .design-html #laymod_111928 .mk_hide { display:block; } /*侧边工具*/ #laymod_111928 .side_tool { width:63px; position:fixed; bottom:50px; right:2%; } #laymod_111928 .side_tool li { width:100%; height:100%; margin-bottom:1px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background:#9b9b9b; overflow:hidden; position:relative; } #laymod_111928 .side_tool li a { display:block; width:100%; height:100%; padding:11px; position:relative; background:none; margin:0; z-index: 1; } #laymod_111928 .side_tool .tb { display:block; width:100%; height:100%; font-size:41px; line-height:1; text-align:center; color:#fff; position:relative; z-index: 1; font-weight:normal; } #laymod_111928 .side_tool .tool_name { display:block; width:100%; height:100%; position:absolute; z-index: 2; padding:11px; top:100%; 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; background:#dedede; font-size:18px; line-height:21px; color:#666; text-align:center; } #laymod_111928 .side_tool li.active_bg a .tool_name, #laymod_111928 .side_tool a:hover .tool_name { top:0; } /*返回顶部*/ #laymod_111928 .backtop { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=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_111928.active_bg .backtop, #laymod_111928 .scroll_back_top .backtop { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } /*一键分享*/ #laymod_111928 .side_tool li .bds_more { z-index: 3; position:absolute; top:0; left:0; } .bdshare_popup_box { display:none !important; } /*弹窗登入和注册*/ #laymod_111928 #xyb_contact_10.active_bg { z-index: 1901; } #laymod_111928 .login_reg_style { position:fixed; z-index: -1; width:0; height:0; top:50%; left:50%; /*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; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; } #laymod_111928 .login_reg_style.active_bg { z-index: 1900; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); width:100%; height:100%; left:0; top:0; } #laymod_111928 .login_reg_style>.login_reg_bg { position:absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_111928 .login_reg_style.active_bg>.login_reg_bg { opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); z-index: 0; } #laymod_111928 .login_reg_style.active_bg.move_bg>.login_reg_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: -1; } #laymod_111928 .login_reg_wrap { background:#fff; max-width:550px; width:100%; max-height:520px; height:100%; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:2% 95px; position:relative; z-index: 2; perspective: 2000; -webkit-perspective: 2000; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_111928 .active_bg .login_reg_wrap { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_111928 .active_bg.move_bg .login_reg_wrap { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_111928 .login_reg_wrap .win_close { color:#999; font-size:28px; line-height:1; position:absolute; right:10px; top:10px; 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; z-index:10; } #laymod_111928 .login_reg_wrap .win_close:before { content:"\e635"; } #laymod_111928 .login_reg_wrap .win_close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); color:rgba(0,87,158,1); } #laymod_111928 .login_reg_in { position:relative; } #laymod_111928 .win_from { width:100%; transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_111928 .nav_login_win{ position:relative; z-index: 2; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); top:auto; left:auto; } #laymod_111928 .nav_login_win.move_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); z-index: 1; position:absolute; top:0; left:0; } #laymod_111928 .nav_reg_win { position:absolute; z-index: 1; left:0; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } #laymod_111928 .nav_reg_win.move_bg { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); position:relative; top:auto; left:auto; } #laymod_111928 .win_from .win_from_title { font-size:24px; line-height:50px; margin:0 0 20px 0; text-align:center; color:rgba(0,87,158,1); } #laymod_111928 .win_from label { display:block; width:100%; position:relative; margin:0 0 20px 0; overflow:hidden; border:1px solid #ccc; } #laymod_111928 .win_from label i { display:block; position:absolute; top:0; left:0; width:45px; height:45px; line-height:45px; font-size:20px; text-align:center; color:#999; font-weight: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_111928 .win_from label.login_1 i:before { content:"\e759"; } #laymod_111928 .win_from label.login_2 i:before { content:"\e75b"; } #laymod_111928 .win_from label.login_3 i:before { content:"\e76c"; } #laymod_111928 .win_from input { display:block; height:45px; line-height:45px; text-indent:50px; color:#000; font-size:12px; width:100%; 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-weight:normal; } #laymod_111928 .win_from.nav_reg_win input { text-indent:15px; } #laymod_111928 .win_from input.input-randCode { width:70%; float:left; } #laymod_111928 .win_from #verifyPic { position: absolute; right: 1%; top: 50%; transform: translateY(-50%); height: 25px; } #laymod_111928 .win_from .from_btn1, #laymod_111928 .win_from .from_btn2 { border:0 none; } #laymod_111928 .win_from .from_btn1 input.submit { background:rgba(0,87,158,1); color:#fff; height:40px; line-height:40px; text-indent:0; } #laymod_111928 .win_from .from_btn2 input.submit { text-indent:0; border:1px solid rgba(0,87,158,1); color:rgba(0,87,158,1); height:40px; line-height:40px; background:none; } #laymod_111928 ::-webkit-input-placeholder { color:#999; } #laymod_111928 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_111928 ::-moz-placeholder{/* Firefox 19+ */ color:#999; } #laymod_111928 :-ms-input-placeholder { color:#999; } /*第三方登录*/ #laymod_111928 .quick-login_title { display:inline-block; line-height:30px; color:#999; font-size:13px; vertical-align: top; } #laymod_111928 #wxLoginBtn, #laymod_111928 #qqLoginBtn { font-size:30px; line-height:30px; 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_111928 #wxLoginBtn:before { content:"\e74a"; } #laymod_111928 #qqLoginBtn:before { content:"\e786"; } #laymod_111928 #wxLoginBtn:hover, #laymod_111928 #qqLoginBtn:hover { color:rgba(0,87,158,1); } /*768<= ipad区间 <=1366*/ @media (min-width:768px) and (max-width:1366px) { #laymod_111928 .side_tool { width:auto; bottom:2%; right:0; } #laymod_111928 .side_tool li a { padding:1px; } #laymod_111928 .side_tool .tool_name { padding:0.5vw; font-size:0.6vw; line-height:1.3; } } /*直接控制小于767px屏幕时css*/ @media (max-width:767px) { #laymod_111928 .side_tool { width:7%; bottom:2%; right:0; } #laymod_111928 .side_tool li a { padding:1px; } #laymod_111928 .side_tool .tb { font-size:30px; } #laymod_111928 .side_tool .tool_name { padding:1vw; font-size:3vw; line-height:1.3; } #laymod_111928 .login_reg_wrap { padding:2% 15px; width:90%; height:auto; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.eot'); src: url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.woff') format('woff'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_111929 #xyb_fullcontrol_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_111929 .bodyCont_width { position:relative; z-index:4; } #laymod_111929 .bodyContContent { position:relative; z-index: 4; } /*设计页提示语*/ #laymod_111929 .mk_hide { display:none; position:relative; z-index: 10; text-align:center; min-height:20px; } .design-html #laymod_111929 .mk_hide { display:block; } @media (min-width:1230px) { .container { /*未开启独立主体宽度控制,则开启统一主体宽度控制*/ width:1200px; } .page-message .container { } .page-message .container_pc { width:1170px; } } #g_body { } .module-section { background:none; } .row { margin-right:0; margin-left:0; } .container { padding-left:0 !important; padding-right:0 !important; } @media (min-width:768px) and (max-width:1366px) { .row { margin-right:0; margin-left:0; } .container { padding-left:0 !important; padding-right:0 !important; } } .design-html #laymod_111929 .alert { padding:0 !important; } .bodyContTitle .fl { } #g_body .ql-toolbar { z-index: 2000; }