@charset "utf-8"; html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } html, body { min-height: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol { list-style: none; } img { border: none; vertical-align: middle; } a { text-decoration: none; color: #232323; } table { border-collapse: collapse; table-layout: fixed; } .quickbar_nav { display: none; } /* slick */ /* .slick-loading .slick-list { background: #fff url("../img/ajax-loader.gif") center center no-repeat; } */ /* Icons */ /* @font-face { font-family: "slick"; font-weight: normal; font-style: normal; src: url("./fonts/slick.eot"); src: url("../fonts/slick.eot") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); } */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "鈫?; } [dir="rtl"] .slick-prev:before { content: "鈫?; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "鈫?; } [dir="rtl"] .slick-next:before { content: "鈫?; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "鈥?; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*鍙充晶鎮诞*/ .quickbar_nav_one { width: 40px; height: auto; position: fixed; right: 26px; top: 50%; z-index: 9999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .quickbar_nav_one ul li { padding: 3px 0; position: relative; } .quickbar_nav_one ul li .icon { text-align: center; line-height: 40px; font-size: 26px; display: block; width: 40px; height: 40px; border-radius: 6px; overflow: hidden; cursor: pointer; box-shadow: 0 0 3px #b7b7b7; background-color: rgba(255, 255, 255, 0.5); } .quickbar_nav_one ul li .icon img { /* older safari/Chrome browsers */ -webkit-opacity: 0.6; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.6; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0.6; /* IE9 + etc...modern browsers */ opacity: 0.6; /* IE 4-9 */ filter: alpha(opacity=60); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } .quickbar_nav_one ul li .seabtn { /* older safari/Chrome browsers */ -webkit-opacity: 0.6; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.6; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0.6; /* IE9 + etc...modern browsers */ opacity: 0.6; /* IE 4-9 */ filter: alpha(opacity=60); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); width: 100%; height: 100%; background: url(../img/icon3.png) center no-repeat; border: none; } .quickbar_nav_one ul li:hover .icon img, .quickbar_nav_one ul li:hover .seabtn { /* older safari/Chrome browsers */ -webkit-opacity: 1; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1; /* IE9 + etc...modern browsers */ opacity: 1; /* IE 4-9 */ filter: alpha(opacity=100); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .quickbar_nav_one ul li .li_hover { display: none; position: absolute; right: 50px; top: 2px; text-align: center; font-weight: bold; color: #333333; border-radius: 6px; box-shadow: 0 0 6px #d6d6d6; min-height: 24px; padding: 8px 0; width: 190px; background-color: rgba(255, 255, 255, 0.8); } .quickbar_nav_one ul li .li_hover:before { content: ""; border-left: 6px solid rgba(214, 214, 214, 0.8); border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: -12px; top: 14px; } .quickbar_nav_one ul #share_btn .r_share { width: 140px; padding: 0 6px; height: auto; overflow: hidden; } .quickbar_nav_one ul .r_share .share-icon { width: 64px !important; padding: 5px 8px; } .quickbar_nav_one ul .r_share .share-icon img { width: 100%; height: auto; } .quickbar_nav_one ul .r_share dt.title { font-size: 12px; font-weight: normal; } .quickbar_nav_one ul li#search_btn .li_hover { width: 190px; } #search_btn form#quickbar_form { background: none; position: relative; bottom: 0; left: 0; padding: 0 5px; } #search_btn form#quickbar_form input#quickbar_kw { color: #333; background-color: #ffffff; font-size: 14px; } #search_btn form#quickbar_form span.s_ipt_w { width: 78%; font-weight: normal; color: #333; } #search_btn form#quickbar_form span.s_btn_wr { width: 22%; background: #ccc; font-weight: normal; color: #333; } #search_btn form#quickbar_form span.s_btn_wr .s_btn{ border: none; } .quickbar_nav_one ul li .li_hover.ewmimg { width: 96px; height: 100px; padding: 5px 0; background: #fff; } .quickbar_nav_one ul li .li_hover.ewmimg img { width: 85px; } .quickbar_nav_one ul li .sea_input { width: 150px; padding: 0; } .quickbar_nav_one ul li .sea_input input { width: 130px; height: 40px; border: none; padding: 0 10px; outline: none; border-radius: 6px; } /*澶у浘杞挱*/ #model_banner { width: 100%; position: relative; overflow: hidden; } #model_banner .banner_img img { width: 100%; max-width: none; max-height: none; } .slick-dotted.slick-slider { margin-bottom: 0; } #model_banner .slick-dots { bottom: 16px; } #model_banner .slick-dots li { width: 10px; height: 10px; margin: 0 4px; } #model_banner .slick-dots li button { width: 10px; height: 10px; background: #e0dbda; padding: 0; transition: 400ms; border-radius: 50%; } #model_banner .slick-dots li.slick-active button { background: #005baa; transition: 400ms; } .slick-dots li button:before { display: none; } /*鍥剧墖鍒楄〃1*/ .model-imglist { width: 100%; height: auto; padding-bottom: 40px; } .model-imglist ul { width: 100%; height: auto; overflow: hidden; } .model-imglist ul li a { display: block; width: 100%; height: auto; overflow: hidden; } .model-imglist ul li .pimg { width: 100%; height: auto; overflow: hidden; position: relative; } .model-imglist ul li .pimg img { width: 100%; } .model-imglist ul li a:hover .pimg img { transform: scale(1.1, 1.1); transition: 1s transform; } .model-imglist-one ul li { width: 33.33%; float: left; padding: 7px 0.83%; } .model-imglist-one ul li p { width: 100%; height: 52px; line-height: 52px; overflow: hidden; text-align: center; font-size: 18px; color: #333333; } .model-imglist-one ul li a:hover p { color: #005baa; font-weight: bold; } /*鍥剧墖鍒楄〃2*/ .model-imglist-two ul li { width: 33.33%; float: left; padding: 10px 0.83%; } .model-imglist-two ul li .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 0; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0; /* IE9 + etc...modern browsers */ opacity: 0; /* IE 4-9 */ filter: alpha(opacity=0); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .model-imglist-two ul li .pimg em span { display: block; width: 48px; height: 48px; background: #005baa url(../img/icon7.png) center no-repeat; border-radius: 50%; position: absolute; left: 50%; top: 80%; margin-left: -24px; margin-top: -24px; } .model-imglist-two ul li a:hover .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 1; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1; /* IE9 + etc...modern browsers */ opacity: 1; /* IE 4-9 */ filter: alpha(opacity=100); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .model-imglist-two ul li a:hover .pimg em span { top: 50%; } .model-imglist-two ul li p { width: 100%; height: 60px; line-height: 60px; overflow: hidden; text-align: center; font-size: 18px; color: #333333; background: #f5f5f5; position: relative; } .model-imglist-two ul li a:hover p:before { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid #005baa; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -20px; left: 50%; margin-left: -10px; } .model-imglist-two ul li a:hover p { background: #005baa; color: #fff; font-weight: bold; } /*鍥剧墖鍒楄〃3*/ .model-imglist-three ul li { width: 25%; float: left; padding: 14px 0.75%; } .model-imglist-three ul li a { display: block; width: auto; padding: 4%; padding-bottom: 0; border: 2px solid #e6e6e6; height: auto; overflow: hidden; } .model-imglist-three ul li p { height: 52px; line-height: 52px; padding: 0 5px; font-size: 18px; color: #333333; overflow: hidden; } .model-imglist-three ul li a:hover { border: 2px solid #005baa; } .model-imglist-three ul li a:hover p { font-weight: bold; color: #005baa; background: url(../img/icon6.png) right center no-repeat; } .moder_leftright_r .model-imglist-three ul li { width: 33.33%; padding: 14px 0.9%; } /*鍥剧墖鍒楄〃4*/ .model-imglist-four ul li { width: 33.33%; float: left; padding: 10px 0.83%; } .model-imglist-four ul li .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 0; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0; /* IE9 + etc...modern browsers */ opacity: 0; /* IE 4-9 */ filter: alpha(opacity=0); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .model-imglist-four ul li .pimg em span { display: block; width: 100%; height: auto; line-height: 32px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; position: absolute; left: 0; top: 80%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .model-imglist-four ul li .pimg em span i { font-size: 14px; display: block; } .model-imglist-four ul li a:hover .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 1; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1; /* IE9 + etc...modern browsers */ opacity: 1; /* IE 4-9 */ filter: alpha(opacity=100); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .model-imglist-four ul li a:hover .pimg em span { top: 50%; } /*pc椤电爜*/ .model_page { width: 100%; height: auto; overflow: hidden; text-align: center; padding: 30px 0; } .model_page a { padding: 5px 0; margin: 0 16px; } .model_page span { padding: 5px 0; margin: 0 16px; } .model_page a.prev, .model_page a.next { font-family: "骞煎渾"; font-weight: bold; } .model_page a.on, .model_page a:hover { color: #005baa; border-bottom: 1px solid #005baa; } /*鎵嬫満椤电爜*/ .model-phone-page { width: 100%; height: auto; text-align: center; margin: 14px 0; } .model-phone-page a { display: inline-block; padding: 4px 5%; border: 1px solid #e6e6e6; font-size: 14px; margin: 0 0.5%; } .model-phone-page span { display: inline-block; padding: 4px 5%; border: 1px solid #e6e6e6; font-size: 14px; margin: 0 0.5%; } .model-phone-page span i { color: #005baa; } /*鍐呴〉鍒嗙被*/ /*涓婁笅甯冨眬*/ .updown_posnav_yiji { width: 100%; height: 60px; background: #f5f5f5; margin-bottom: 30px; } .updown_posnav .nav_item { height: 100%; text-align: center; } .updown_posnav .nav_item .slick-slide { outline: none; } .updown_posnav .nav_item a { outline: none; display: block; width: 100%; height: 60px; line-height: 60px; color: #333333; font-size: 16px; } .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on { background: #fff; color: #005baa; } .updown_fenlei .cont_nav { padding-top: 23px; } .updown_fenlei .cont_nav .one { width: 100%; height: auto; } .updown_fenlei .cont_nav .one .o_li { width: 18.33%; height: auto; float: left; position: relative; margin-right: 10px; margin-bottom: 10px; } .updown_fenlei .cont_nav .one .one_a { display: block; width: 100%; padding: 0 12px; height: 40px; line-height: 40px; font-size: 14px; color: #333333; background: #f2f2f2; position: relative; text-align: center; } .updown_fenlei .cont_nav .one .one_a i { display: block; width: 16px; height: 40px; background: url(../img/icon4.png) center no-repeat; background-size: 100% auto; float: right; } .updown_fenlei .cont_nav .one .o_li a:hover i { background: url(../img/icon4_h.png) center no-repeat; background-size: 100% auto; } .updown_fenlei .cont_nav .one .o_li a.ez i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); background: url(../img/icon4_h.png) center no-repeat; background-size: 100% auto; } .updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez { color: #fff; background: #005baa; font-weight: bold; text-align: left; } .updown_fenlei .cont_nav .one .second { display: none; width: 100%; height: auto; overflow: hidden; position: absolute; top: 42px; left: 0; border: 1px solid #e6e6e6; background: #fff; z-index: 2; } .updown_fenlei .cont_nav .one .e_li { width: 100%; float: unset; margin-right: 0; } .updown_fenlei .cont_nav .one .second li { margin: 0; } .updown_fenlei .cont_nav .one .second li a { display: block; padding: 0 16px; color: #808080; height: 40px; line-height: 40px; font-size: 14px; } .updown_fenlei .cont_nav .one .second li a:hover { color: #333333; } .updown_fenlei .cont_nav .one .second li .third { display: none; background: #f7f7f7; height: auto; overflow: hidden; } #model_contant_main.moder_updown { padding-top: 15px; } .model_contant.model_leftright { background: #f7f7f7; position: relative; } .model_contant.model_leftright:after { content: ""; width: 360px; background: #fff; height: 100%; position: absolute; right: 0; top: 0; } .model_leftright_l { width: 20.833%; height: auto; float: left; overflow: hidden; } .model_leftright_l .l_posnav { width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; background: #005baa; } .model_leftright_l .cont_nav { width: 100%; height: auto; margin-top: 10px; border-top: 1px solid #e6e6e6; } .model_leftright_l .cont_nav .one .o_li { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .model_leftright_l .cont_nav .one .o_li a { display: block; padding: 0 5%; height: 60px; line-height: 60px; font-size: 16px; color: #333333; } .model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez { background: #fff; color: #005baa; font-weight: bold; } .model_leftright_l .cont_nav .one .o_li .one_a i { display: block; width: 12px; height: 60px; background: url(../img/icon6.png) center no-repeat; float: right; } .model_leftright_l .cont_nav .one .o_li a.ez i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .model_leftright_l .cont_nav .second { display: none; background: #fff; } .model_leftright_l .cont_nav .second .e_li { border-bottom: none; } .model_leftright_l .cont_nav .second .e_li a { font-size: 14px; color: #808080; height: 50px; line-height: 50px; padding-left: 10%; position: relative; } .model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x { color: #005baa; } .model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before { content: ""; width: 2px; height: 14px; background: #005baa; position: absolute; top: 18px; left: 6%; } .model_leftright_l .cont_nav .third { display: none; } .model_leftright_l .cont_nav .second .third li a { padding-left: 14%; } .model_leftright_l .cont_nav .second .third li a:hover:before { display: none; } .moder_leftright_r { width: 79.167%; float: right; padding-bottom: 25px; padding-left: 3.167%; background: #fff; position: relative; z-index: 2; } .moder_leftright_r .r_posnav { width: 100%; height: 44px; line-height: 44px; margin: 23px 0; } .moder_leftright_r .r_posnav p { width: auto; border-bottom: 4px solid #005baa; font-size: 20px; font-weight: bold; color: #333333; display: inline-block; } .moder_leftright_r .r_posnav span { float: right; color: #808080; font-size: 14px; } .moder_leftright_r .r_posnav span a { color: #808080; margin: 0 3px; } .moder_leftright_r .r_posnav span a:hover { color: #005baa; } /*鎵嬫満鍐呴〉鍒嗙被涓嬫媺*/ .model-classify { width: 100%; position: relative; z-index: 6; } .model-classify .model-classify-posnav { height: 40px; padding: 0 14px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; background: #005baa; } .model-classify .model-classify-posnav .model-classify-btn { display: block; float: right; height: 40px; font-weight: normal; font-size: 14px; } .model-classify .model-classify-posnav .model-classify-btn i { margin-left: 8px; display: inline-block; } .model-classify .model-classify-posnav .model-classify-btn i img { width: 15px; } .model-classify .model-classify-posnav .model-classify-btn.down i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .model-classify-nav { display: none; width: 100%; height: auto; /* max-height: 320px; overflow-y: scroll; */ position: absolute; top: 44px; left: 0; border-top: 1px solid #e6e6e6; background: #fff; } .model-classify-nav .one .o_li { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .model-classify-nav .one .o_li a.one_a { padding: 0 14px; display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333333; background: #f7f7f7; overflow: hidden; } .model-classify-nav .one .o_li a.ez { background: #fff; color: #005baa; font-weight: bold; } .model-classify-nav .one .o_li .one_a i { display: block; width: 12px; height: 40px; background: url(../img/icon6.png) center no-repeat; float: right; } .model-classify-nav .one .o_li a.ez i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .model-classify-nav .second { display: none; } .model-classify-nav .second .e_li { border-bottom: none; } .model-classify-nav .second a { padding: 0 23px; display: block; height: 38px; line-height: 38px; font-size: 14px; color: #808080; position: relative; overflow: hidden; } .model-classify-nav .second a.sen_x { color: #005baa; } .model-classify-nav .second a.sen_x:before { content: ""; width: 2px; height: 12px; background: #005baa; position: absolute; left: 14px; top: 13px; } .model-classify-nav .third { display: none; } .model-classify-nav .third li a { padding: 0 34px; } /*鎵嬫満鍐呴〉鍒嗙被涓嬫媺end*/ /*澶氬浘璇︽儏椤?/ #model_contant_main .model_dec_adress { width: 100%; height: 48px; line-height: 48px; margin: 34px 0; border-bottom: 1px solid #e6e6e6; } #model_contant_main .model_dec_adress .back { font-size: 18px; } #model_contant_main .model_dec_adress span { float: right; font-size: 14px; color: #808080; } #model_contant_main .model_dec_adress a { color: #808080; } #model_contant_main .model_dec_adress a:hover { color: #005baa; } .model-dectil { width: 100%; } .model-dectil .model-dectil-img { width: 54.1%; margin: 0 auto; padding: 20px 0 50px; } .model-dectil .model-dectil-img .pimg img { width: 100%; } .model-dectil-img .slick-dots { bottom: -25px; } .model-dectil-img .slick-dots li { width: 10px; height: 8px; margin: 0 4px; } .model-dectil-img .slick-dots li button { width: 8px; height: 8px; border: 1px solid #1c60ac; padding: 0; transition: 400ms; border-radius: 50%; } .model-dectil-img .slick-dots li.slick-active button { background: #005baa; transition: 400ms; } .model-dectil-title { font-size: 24px; color: #333; text-align: center; margin: 18px 0 24px; } .model-dectil-title span { display: block; font-size: 14px; color: #808080; margin-top: 10px; } .model-dectil-bottom { padding: 8px 20px; background: #fafafa; height: 84px; margin: 40px 0 80px; } .model-dectil-bottom .model-dectil-chose { width: 80%; float: left; } .model-dectil-bottom .model-dectil-chose a { display: block; width: 100%; height: 42px; line-height: 42px; overflow: hidden; font-size: 14px; color: #808080; } .model-dectil-bottom .model-dectil-chose a:hover { color: #005baa; } .model-dectil-bottom .model-dectil-share { width: 20%; float: right; margin-top: 22px; } .model-dectil-share #bdshare span { height: 34px; } .model-dectil-share #bdshare a { display: inline-block; padding: 20px 12px; } .model-dectil-share #bdshare a.shareCount { width: 42px; padding: 0; } /*缂╃暐鍥捐鎯呴〉*/ .model-dectil-imgtwo { padding: 6px 30px; background: #f7f7f7; margin: 50px auto; max-width:800px; } .model-dectil-imgtwo .model-dectil-slick2 { width: 100%; height: auto; overflow: hidden; padding: 24px 0; } .model-dectil-imgtwo .model-dectil-slick2 .slider-for { width: 72.6%; float: left; } .model-dectil-imgtwo .model-dectil-slick2 .pimg { width: 100%; height: auto; overflow: hidden; } .model-dectil-imgtwo .model-dectil-slick2 .pimg img { width: 100%; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav { width: 23.4%; float: right; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .pimg { margin-bottom: 7px; position: relative; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .pimg em { display: block; width: 100%; height: 100%; background: #000; /* older safari/Chrome browsers */ -webkit-opacity: 0.5; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.5; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0.5; /* IE9 + etc...modern browsers */ opacity: 0.5; /* IE 4-9 */ filter: alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); position: absolute; top: 0; left: 0; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-slide { outline: none; cursor: pointer; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-current .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 0; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0; /* IE9 + etc...modern browsers */ opacity: 0; /* IE 4-9 */ filter: alpha(opacity=0); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev { width: 100%; height: 24px; left: 0; top: -16px; /* older safari/Chrome browsers */ -webkit-opacity: 1 !important; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1 !important; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1 !important; /* IE9 + etc...modern browsers */ opacity: 1 !important; /* IE 4-9 */ filter: alpha(opacity=100) !important; /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next { width: 100%; height: 24px; right: 0; top: unset; bottom: -34px; /* older safari/Chrome browsers */ -webkit-opacity: 1 !important; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1 !important; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1 !important; /* IE9 + etc...modern browsers */ opacity: 1 !important; /* IE 4-9 */ filter: alpha(opacity=100) !important; /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before { content: ""; border-bottom: 12px solid #005baa; border-top: 12px solid transparent; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -12px; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before { content: ""; border-top: 12px solid #005baa; border-bottom: 12px solid transparent; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -12px; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover { border-bottom: 1px solid #005baa; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover { border-top: 1px solid #005baa; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-disabled:hover { border: none; } /*鍥炬枃鍒楄〃1*/ .model-imgtextlist { width: 100%; height: auto; padding-bottom: 50px; } .model-imgtextlist ul { width: 100%; height: auto; overflow: hidden; } .model-imgtextlist ul li a { display: block; width: 100%; height: auto; overflow: hidden; } .model-imgtextlist ul li .nimg { width: 100%; height: auto; overflow: hidden; position: relative; } .model-imgtextlist ul li .nimg img { width: 100%; } .model-imgtextlist-one ul li { border: 1px solid #e6e6e6; padding: 2%; margin-bottom: 30px; } .model-imgtextlist-one ul li .imgtextlist-l { width: 70%; float: left; } .model-imgtextlist-one ul li .imgtextlist-l .time { padding-left: 28px; line-height: 30px; color: #808080; background: url(../img/icon8.png) left center no-repeat; margin: 8px 0; } .model-imgtextlist-one ul li .imgtextlist-l dt { width: 100%; height: 40px; overflow: hidden; line-height: 40px; font-size: 16px; font-weight: bold; color: #333333; } .model-imgtextlist-one ul li .imgtextlist-l dd { font-size: 14px; color: #808080; height: 48px; line-height: 24px; overflow: hidden; margin-top: 14px; } .model-imgtextlist-one ul li a:hover .imgtextlist-l dt { color: #005baa; } .model-imgtextlist-one ul li .imgtextlist-r { width: 25%; float: right; } .moder_leftright_r .model-imgtextlist-one ul li .imgtextlist-l { width: 64%;margin-left: 3%; } .moder_leftright_r .model-imgtextlist-one ul li .imgtextlist-r { width: 33%; } /*鍥炬枃鍒楄〃2*/ .model-imgtextlist-two ul li { border-bottom: 1px solid #e6e6e6; padding: 30px 0; } .model-imgtextlist-two ul li .imgtextlist-l { width: 258px; float: left; } .model-imgtextlist-two ul li .imgtextlist-r { margin-left: 288px; } .model-imgtextlist-two ul li .imgtextlist-r dt { width: 100%; height: 42px; line-height: 42px; font-size: 16px; color: #333333; overflow: hidden; } .model-imgtextlist-two ul li .imgtextlist-r dd { width: 100%; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #808080; margin: 12px 0; } .model-imgtextlist-two ul li .imgtextlist-r .time { color: #808080; font-size: 14px; } .model-imgtextlist-two ul li a:hover .imgtextlist-r dt { color: #005baa; font-weight: bold; } /*鍥炬枃鍒楄〃3*/ .model-imgtextlist-three ul li { border-bottom: 1px solid #e6e6e6; padding: 24px 0; } .model-imgtextlist-three ul li .imgtextlist-l { width: 230px; float: left; } .model-imgtextlist-three ul li .imgtextlist-r { margin-left: 260px; padding: 20px 0; height: auto; overflow: hidden; } .model-imgtextlist-three ul li .imgtextlist-r dl { width: 84%; float: left; } .model-imgtextlist-three ul li .imgtextlist-r dt { width: 100%; height: 20px; line-height: 20px; font-weight: bold; font-size: 16px; color: #333333; overflow: hidden; } .model-imgtextlist-three ul li .imgtextlist-r dd { width: 100%; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #808080; margin-top: 20px; } .model-imgtextlist-three ul li a:hover .imgtextlist-r dt { color: #005baa; } .model-imgtextlist-three ul li .imgtextlist-r .time { width: 11%; float: right; border-left: 1px dashed #e6e6e6; } .model-imgtextlist-three ul li .imgtextlist-r .time p { width: 118px; height: 88px; display: table-cell; text-align: center; vertical-align: middle; font-size: 12px; color: #005baa; line-height: 32px; } .model-imgtextlist-three ul li .imgtextlist-r .time p span { display: block; font-size: 38px; } .moder_leftright_r .model-imgtextlist-three ul li .imgtextlist-r dl { width: 76%; } /*鍥炬枃鍒楄〃4*/ .model-imgtextlist-four ul li { width: 31.67%; float: left; padding: 14px 0.83%; } .model-imgtextlist-four ul li a { padding-bottom: 97px; position: relative; } .model-imgtextlist-four ul li .imgtextlist-text { width: 100%; background: #f5f5f5; position: absolute; bottom: 0; left: 0; } .model-imgtextlist-four ul li .imgtextlist-text dl { padding: 12px 4%; min-height: 76px; } .model-imgtextlist-four ul li .imgtextlist-text dt { font-size: 16px; color: #333333; width: 100%; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 5px; } .model-imgtextlist-four ul li .imgtextlist-text dd { width: 100%; height: 0; color: #94c1e8; overflow: hidden; line-height: 24px; font-size: 14px; margin: 4px 0; } .model-imgtextlist-four ul li .imgtextlist-text p { color: #808080; } .model-imgtextlist-four ul li a:hover .nimg img { transform: scale(1.1, 1.1); transition: 1s transform; } .model-imgtextlist-four ul li a:hover .imgtextlist-text { background: #005baa; } .model-imgtextlist-four ul li a:hover .imgtextlist-text dt { color: #fff; } .model-imgtextlist-four ul li a:hover .imgtextlist-text dd { height: 48px; } .model-imgtextlist-four ul li a:hover .imgtextlist-text p { color: #94c1e8; } .moder_leftright_r .model-imgtextlist-four ul li { width: 48.5%; float: left; padding: 15px 1.5%; } .moder_leftright_r .model-imgtextlist-four ul li:nth-child(2n) { padding-right: 0; } .moder_leftright_r .model-imgtextlist-four ul li:nth-child(2n + 1) { padding-left: 0; } /*鏂囧瓧鍒楄〃1*/ .model-textlist { width: 100%; height: auto; padding-bottom: 50px; } .model-textlist-one ul li { width: 100%; height: auto; overflow: hidden; padding: 28px 0; border-bottom: 1px solid #e6e6e6; } .model-textlist-one ul .textlist-lifirst { width: 100%; height: auto; overflow: hidden; background: #fafafa; } .model-textlist-one ul .textlist-lifirst .textlist-img { width: 386px; float: left; } .model-textlist-one ul .textlist-lifirst .textlist-img .timg { width: 100%; height: auto; overflow: hidden; } .model-textlist-one ul .textlist-lifirst .textlist-img .timg img { width: 100%; } .textlist-lifirst .textlist-img .slick-dots { bottom: 10px; text-align: right; width: 97%; } .textlist-lifirst .textlist-img .slick-dots li { width: 10px; height: 10px; margin: 0 5px; border-bottom: none; padding: 0; } .textlist-lifirst .textlist-img .slick-dots li button { width: 10px; height: 10px; background: #fff; padding: 0; transition: 400ms; border-radius: 50%; } .textlist-lifirst .textlist-img .slick-dots li.slick-active button { background: #005baa; transition: 400ms; } .model-textlist-one ul .textlist-lifirst .textlist-text { margin-left: 414px; padding-right: 10px; } .model-textlist-one ul .textlist-lifirst .textlist-text dt { width: 100%; height: 46px; line-height: 30px; font-size: 18px; font-weight: bold; color: #333333; overflow: hidden; padding-top: 16px; } .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-time { padding-left: 28px; line-height: 34px; color: #808080; background: url(../img/icon8.png) left center no-repeat; } .model-textlist-one ul .textlist-lifirst .textlist-text dd { width: 100%; height: 48px; overflow: hidden; line-height: 24px; font-size: 14px; color: #808080; margin: 14px 0 20px; } .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more { width: 158px; height: 38px; line-height: 38px; font-size: 14px; color: #808080; border: 1px solid #cccccc; display: block; text-indent: 10px; background: url(../img/icon9.png) 90% center no-repeat; } .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover { color: #fff; border: 1px solid #005baa; background: #005baa url(../img/icon10.png) 90% center no-repeat; } .model-textlist-one ul li .newtime { width: 118px; height: auto; text-align: center; font-size: 14px; color: #808080; border-right: 1px solid #e6e6e6; float: left; } .model-textlist-one ul li .newtime span { display: block; font-size: 30px; } .model-textlist-one ul li .textlist-r { margin-left: 150px; } .model-textlist-one ul li .textlist-r dt { width: 100%; height: 44px; line-height: 44px; overflow: hidden; font-size: 16px; color: #333333; } .model-textlist-one ul li .textlist-r .textlist-hover { width: 100%; height: 0; overflow: hidden; } .textlist-r .textlist-hover dd { width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #808080; overflow: hidden; } .textlist-r .textlist-hover p { color: #808080; margin-top: 6px; } .model-textlist-one ul li:hover { border-bottom: 1px solid #005baa; } .model-textlist-one ul li:hover dt { color: #005baa; font-weight: bold; } .model-textlist-one ul li:hover .newtime { padding: 39px 0; } .model-textlist-one ul li:hover .textlist-r .textlist-hover { height: 78px; } /*鏂囧瓧鍒楄〃2*/ .model-textlist-two ul li { width: 100%; height: auto; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .model-textlist-two ul li a { display: block; width: 100%; height: auto; overflow: hidden; } .model-textlist-two ul li .textlist-l { width: 88%; float: left; } .model-textlist-two ul li .textlist-l dt { width: 100%; height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; color: #333333; } .model-textlist-two ul li .textlist-l dd { width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #808080; overflow: hidden; margin: 5px 0; } .model-textlist-two ul li .textlist-l p { color: #808080; } .model-textlist-two ul li .newtime { width: 82px; height: 102px; padding: 0 10px; background: #ccc; color: #fff; float: right; } .model-textlist-two ul li .newtime p { width: 62px; height: 102px; display: table-cell; text-align: center; vertical-align: middle; font-size: 14px; line-height: 28px; } .model-textlist-two ul li .newtime p span { display: block; border-bottom: 1px solid #fff; font-size: 36px; line-height: 42px; } .model-textlist-two ul li a:hover .textlist-l dt { color: #005baa; font-weight: bold; } .model-textlist-two ul li a:hover .textlist-l p { color: #005baa; } .model-textlist-two ul li a:hover .newtime { background: #005baa; } /*鏂囧瓧鍒楄〃3*/ .model-textlist-three ul li { width: 100%; height: auto; overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #e6e6e6; } .model-textlist-three ul li a { display: block; height: 40px; overflow: hidden; padding-left: 18px; position: relative; font-size: 16px; color: #333333; line-height: 40px; } .model-textlist-three ul li a:before { content: ""; width: 6px; height: 6px; background: #005baa; position: absolute; left: 0; top: 17px; } .model-textlist-three ul li a dt { width: 90%; height: 40px; overflow: hidden; font-size: 16px; color: #333333; line-height: 40px; float: left; font-weight: normal; } .model-textlist-three ul li a span { float: right; font-size: 14px; line-height: 40px; color: #808080; font-weight: normal !important; } .model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt { color: #005baa; font-weight: bold; } /*鏂囧瓧鍒楄〃4*/ .model-textlist-four ul li { width: 100%; height: auto; overflow: hidden; padding: 10px 0; } .model-textlist-four ul li a { display: block; padding: 15px 20px; height: auto; overflow: hidden; background: #f5f5f5; } .model-textlist-four ul li .newtime { width: 130px; height: auto; padding-right: 28px; text-align: right; font-size: 14px; color: #808080; border-right: 1px solid #e6e6e6; float: left; } .model-textlist-four ul li .newtime span { display: block; font-size: 30px; } .model-textlist-four ul li .textlist-r { margin-left: 160px; } .model-textlist-four ul li .textlist-r dt { font-size: 16px; color: #333333; height: 50px; width: 100%; line-height: 50px; overflow: hidden; } .model-textlist-four ul li .textlist-r dd { width: 100%; height: 0; color: #83c1f7; font-size: 14px; line-height: 24px; overflow: hidden; } .model-textlist-four ul li a:hover { background: #005baa; } .model-textlist-four ul li a:hover .textlist-r dt { color: #fff; font-weight: bold; } .model-textlist-four ul li a:hover .textlist-r dd { height: 48px; } .model-textlist-four ul li a:hover .newtime { padding: 24px 0; padding-right: 28px; color: #fff; } /*鎼滅储缁撴灉1*/ #model_contant_main .model_seach { padding: 17px 30px; background: #f5f5f5; margin: 20px 0; } #model_contant_main .model_seach .model-seachdiv { padding: 14px 0; border-bottom: 1px dashed #e6e6e6; } .model_seach .model-seachdiv form { width: 454px; height: 44px; border: 1px solid #e6e6e6; } .model_seach .model-seachdiv form .input { outline: none; width: 369px; height: 42px; float: left; background: #fff; border: none; text-indent: 15px; } .model_seach .model-seachdiv form .seabtn { width: 83px; float: left; height: 42px; background: #005baa; color: #fff; border: none; } .model_seach dd { font-size: 16px; color: #333; margin: 14px 0 10px; } /*鎼滅储缁撴灉2*/ #model_contant_main .model-result { font-size: 18px; color: #808080; text-align: center; padding: 35px 0; } .model-result-two ul li { width: 100%; height: auto; overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #e6e6e6; } .model-result-two ul li a { display: block; height: 40px; overflow: hidden; font-size: 16px; color: #333333; line-height: 40px; position: relative; } .model-result-two ul li a i { margin-right: 10px; } .model-result-two ul li a:hover { color: #005baa; font-weight: bold; } /*渚ц竟瀵艰埅*/ .opacity2, .opacity3 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } .model-leftnav { width: 70%; height: 100%; background: #fff; position: fixed; top: 0px; left: 0; z-index: 44; } .model-leftnav-top { padding: 0 5%; margin: 0; height: 58px; overflow: hidden; line-height: 58px; font-size: 18px; font-weight: bold; color: #fff; background: #005baa; text-align: center; } .model-leftnav-top span { display: inline-block; height: 100%; padding-left: 45px; background: url(../img/icon15.png) left center no-repeat; background-size: 32px auto; } .model-leftnav-main { width: 100%; height: 90%; overflow-y: scroll; } .model-leftnav-main .nnav { width: 100%; height: auto; overflow: hidden; } .model-leftnav-main .nnav li { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .model-leftnav-main .nnav li a.ce { display: block; height: 44px; line-height: 44px; padding-left: 15px; position: relative; color: #333333; font-size: 16px; } .model-leftnav-main .nnav .yiji.xz a.ce { color: #005baa; } .model-leftnav-main .nnav .yiji dl { padding-right: 15px; padding-left: 5px; width: 40px; height: 44px; line-height: 44px; float: right; z-index: 3; position: relative; } .model-leftnav-main .nnav .yiji dl img { width: 100%; } .model-leftnav-main .nnav .yiji dl span { width: 20px; height: 20px; } .model-leftnav-main .nnav .yiji dl .icon1 { display: none; } .model-leftnav-main .nnav .yiji.xz .er_icon .icon1, .model-leftnav-main .nnav .yiji .erji.tz .icon1, .model-leftnav-main .nnav .yiji .erji.tz .threeji.fz .icon1 { display: block; } .model-leftnav-main .nnav .yiji .erji.tz .threeji .icon1 { display: none; } .model-leftnav-main .nnav .yiji .erji.tz .threeji .icon2 { display: block; } .model-leftnav-main .nnav .yiji.xz .er_icon .icon2, .model-leftnav-main .nnav .yiji .erji.tz .icon2, .model-leftnav-main .nnav .yiji .erji .threeji.fz .icon2 { display: none; } .model-leftnav-main .nnav li a.er { padding-left: 28px; color: #333; font-size: 16px; display: block; height: 40px; line-height: 40px; position: relative; } .model-leftnav-main .nnav .yiji dl.thr_icon, .model-leftnav-main .nnav .yiji dl.four_icon { height: 40px; line-height: 40px; } .model-leftnav-main .nnav li.tz a.er { color: #005baa; } .model-leftnav-main .nnav li.tz a.er:before { content: ""; width: 3px; height: 12px; background: #005baa; position: absolute; top: 14px; left: 18px; } .model-leftnav-main .nnav li .menu_body { display: none; } .model-leftnav-main .nnav li .menu_body li { border-bottom: none; padding: 0; } .model-leftnav-main .nnav li .thr_body, .model-leftnav-main .nnav li .thr_body .four_body { display: none; } .model-leftnav-main .nnav li .thr_body a { padding-left: 42px; color: #333; font-size: 14px; display: block; height: 40px; line-height: 40px; overflow: hidden; } .model-leftnav-main .nnav li .four_body a.four { color: #666; height: 32px; line-height: 32px; overflow: hidden; } .page-prev { transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); } .page-next { transform: translate3d(70%, 0, 0); -ms-transform: translate3d(70%, 0, 0); -webkit-transform: translate3d(70%, 0, 0); -o-transform: translate3d(70%, 0, 0); -moz-transform: translate3d(70%, 0, 0); } .page-active { transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .page-in { -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); } .page-out { -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; display: block !important; } /*渚ц竟瀵艰埅缁撴潫*/ @media (min-width: 1440px) and (max-width: 1920px) { .container { width: 1400px; } } @media (min-width: 992px) and (max-width: 1200px) { .model-imgtextlist-one ul li .imgtextlist-l .time, .model-imgtextlist-one ul li .imgtextlist-l dd { margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .updown_posnav_yiji { height: 50px; } .updown_posnav .nav_item a { height: 50px; line-height: 50px; } .updown_fenlei .cont_nav .one .o_li { width: 23.5%; } .model-imglist ul li p { height: 50px; line-height: 50px; font-size: 16px; } .model-imglist-four ul li .pimg em span { font-size: 16px; line-height: 24px; } .model-dectil .model-dectil-img { width: 64%; } .model-imgtextlist-one ul li .imgtextlist-l .time, .model-imgtextlist-one ul li .imgtextlist-l dd { margin: 0; } .model-imgtextlist-one ul li .imgtextlist-r { width: 28%; } .model-imgtextlist-two ul li .imgtextlist-l { width: 240px; } .model-imgtextlist-two ul li .imgtextlist-r { margin-left: 260px; } .model-imgtextlist-three ul li .imgtextlist-l { width: 210px; } .model-imgtextlist-three ul li .imgtextlist-r { margin-left: 230px; } .model-imgtextlist-three ul li .imgtextlist-r .time { width: 14%; } .model-imgtextlist-four ul li { width: 50%; } .model-textlist-one ul .textlist-lifirst .textlist-img { width: 348px; } .model-textlist-one ul .textlist-lifirst .textlist-text { margin-left: 368px; } .model-textlist-one ul .textlist-lifirst .textlist-text dd { margin: 10px 0 14px; } .model-textlist-three ul li a dt { width: 88%; } .model-textlist-four ul li a { padding: 15px; padding-left: 0; } .moder_leftright_r .model-imglist-one ul li { width: 50%; } } @media (max-width: 767px) { #quickbar-wrap { /* padding-top: 58px;*/ padding-bottom: 56px; } #quickbar-wrap .model_wrapper { padding-top: 0 !important; } .model_contant { padding: 16px 3%; } #model_banner .slick-dots { bottom: 10px; } /*鍥剧墖鍒楄〃1*/ .model-imglist, .model-imgtextlist, .model-textlist { overflow: hidden; padding: 0; } .model-imglist ul { width: 100%; height: auto; overflow-y: hidden; } .model-imglist ul li { width: 50%; padding: 5px; float: left; } .model-imglist ul li:nth-child(2n + 1) { padding-left: 0; } .moder_leftright_r .model-imglist-three ul li{width: 50%;} .model-imglist ul li:nth-child(2n) { padding-right: 0; } .model-imglist ul li p { height: 40px; line-height: 40px; font-size: 16px; } .model-imglist-two ul li .pimg em { display: none; } .model-imglist-four ul li .pimg em { /* older safari/Chrome browsers */ -webkit-opacity: 1; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 1; /* IE9 + etc...modern browsers */ opacity: 1; /* IE 4-9 */ filter: alpha(opacity=100); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); height: 32px; bottom: 0; } .model-imglist-four ul li .pimg em span { top: 0 !important; height: 100%; font-weight: normal; font-size: 16px; -webkit-transform: translate(0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .model-imglist-four ul li .pimg em span i { display: none; } .model-dectil .model-dectil-img { width: 90%; margin: 0 auto; padding: 20px 0 30px; } .model-dectil-title { font-size: 18px; } .model-dectil-title span { font-size: 12px; margin-top: 6px; } .model-dectil-bottom { margin: 20px 0; padding: 6px 15px; } .model-dectil-bottom .model-dectil-chose a { height: 32px; line-height: 32px; } .model-dectil-imgtwo { padding: 0; background: none; margin: 0; } .model-dectil-imgtwo .model-dectil-slick2 .slider-for { width: 100%; float: unset; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav { width: 100%; float: unset; margin-top: 8px; padding: 0 6%; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-slide { padding: 0 2px; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev { width: 4%; height: 30px; left: 0; top: 50%; border-right: 1px solid #005baa; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after { content: ""; border-right: 7px solid #005baa; border-left: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; right: 0; top: 8px; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-arrow.slick-disabled { border: none !important; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next { width: 4%; height: 30px; right: 0; top: 50%; border-left: 1px solid #005baa; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after { content: ""; border-left: 7px solid #005baa; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; left: 0; top: 8px; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before, .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before { display: none; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover { border-bottom: none; } .model-imgtextlist-one ul li { margin-bottom: 20px; } .model-imgtextlist-one ul li .imgtextlist-l, .model-imgtextlist-one ul li .imgtextlist-r { float: left; width: 100%; } .model-imgtextlist-one ul li .imgtextlist-l .time, .model-imgtextlist-one ul li .imgtextlist-l dd { margin: 0; } .model-imgtextlist-one ul li .imgtextlist-l { padding: 0; } .model-imgtextlist-one ul li .imgtextlist-l .time{height: 20px;line-height: 20px;font-size: 14px;padding-left: 20px;background-size: 14px auto;} .model-imgtextlist-one ul li .imgtextlist-l dt{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;} .model-imgtextlist-one ul li .imgtextlist-l dd { height: 44px;line-height: 22px; } .model-imgtextlist-two ul li, .model-imgtextlist-three ul li { padding: 20px 0; } .model-imgtextlist-two ul li .imgtextlist-l { width: 100%; } .model-imgtextlist-two ul li .imgtextlist-r { margin-left: 0; padding-top: 6px; width: 100%; height: auto; overflow: hidden; } .model-imgtextlist-two ul li .imgtextlist-r dd { margin-top: 0; } .model-imgtextlist-three ul li .imgtextlist-l { width: 100%; float: unset; } .model-imgtextlist-three ul li .imgtextlist-r { margin: 0; padding-top: 14px; padding-bottom: 0; width: 100%; height: auto; } .model-imgtextlist-three ul li .imgtextlist-r dl { width: 100%; margin-bottom: 4px; } .model-imgtextlist-three ul li .imgtextlist-r dd { margin-top: 10px; height: auto; max-height: 72px; } .model-imgtextlist-four ul li { width: 100%; padding: 10px 0; } .model-imgtextlist-four ul li a { padding-bottom: 0; } .model-imgtextlist-four ul li .imgtextlist-text { position: relative; } .model-imgtextlist-four ul li .imgtextlist-text dl { padding: 8px 3%; } .model-imgtextlist-four ul li .imgtextlist-text dt { height: 38px; margin-bottom: 0; color: #333333 !important; } .model-imgtextlist-four ul li .imgtextlist-text dd { height: 48px; color: #808080; } .model-imgtextlist-four ul li .imgtextlist-text p { color: #808080 !important; } .model-textlist-one ul .textlist-lifirst .textlist-img { width: 100%; float: unset; } .model-textlist-one ul .textlist-lifirst .textlist-text { margin-left: 0; height: auto; overflow: hidden; width: 100%; padding: 12px; } .model-textlist-one ul .textlist-lifirst .textlist-text dt { font-size: 16px; height: 30px; padding-top: 0; } .model-textlist-one ul .textlist-lifirst .textlist-text dd { margin: 0; } .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more { width: 30%; height: 30px; line-height: 30px; font-size: 12px; margin-top: 10px; } .model-textlist-one ul li { padding: 20px 0; } .model-textlist-one ul li .newtime { width: 74px; font-size: 12px; } .model-textlist-one ul li .newtime span { font-size: 26px; } .model-textlist-one ul li .textlist-r { margin-left: 88px; } .model-textlist-one ul li .textlist-r dt { height: 22px !important; line-height: 22px; margin-bottom: 6px; } .model-textlist-one ul li .textlist-r .textlist-hover { height: 24px; } .model-textlist-two ul li .textlist-l { width: 82%; } .model-textlist-two ul li .newtime { width: 16%; padding: 0 4px; } .model-textlist-two ul li .newtime p { font-size: 12px; } .model-textlist-two ul li .newtime p span { font-size: 28px; } .model-textlist-three ul li { padding-top: 6px; } .model-textlist-three ul li a dt { width: 100%; } .model-textlist-three ul li a span { line-height: 14px; float: left; } .model-textlist-four ul li a { padding: 12px; padding-left: 0; background: #f5f5f5 !important; } .model-textlist-four ul li .newtime { width: 82px; padding-right: 10px; } .model-textlist-four ul li .newtime span { font-size: 22px; } .model-textlist-four ul li .textlist-r { margin-left: 94px; } .model-textlist-four ul li .textlist-r dt { height: 32px; line-height: 32px; color: #333333 !important; } .model-textlist-four ul li .textlist-r dd { height: 24px; color: #808080; } #model_contant_main.moder_search_result .model-textlist-three ul li, .model-result-two ul li { padding: 8px 0; } #model_contant_main .model_seach { padding: 6px 12px; } .model_seach .model-seachdiv form { width: 100%; height: 40px; } .model_seach .model-seachdiv form .input { width: 80%; height: 38px; } .model_seach .model-seachdiv form .seabtn { width: 20%; height: 38px; } #model_contant_main .model-result { padding: 20px 0 10px; font-size: 16px; } .model_contant.model_leftright { background: none; } .model_contant.model_leftright:after { display: none; } .moder_leftright_r { width: 100%; padding-left: 0; background: none; padding: 16px 0 0; } } @media (max-width: 360px) { .model-classify-nav { max-height: 258px; } }