@charset "utf-8"; body { font-family: "微软雅黑"!important; font: 14px Microsoft YaHei!important; line-height: 24px; background: #f8f9fb; } body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img { margin: 0; padding: 0; } li, ol { list-style: none; } a, img, textarea { border: none; outline: none; } i, em { font-style: normal; } a { text-decoration: none; color: #000; } a:focus { text-decoration: none; } a:focus, a:hover { text-decoration: none!important; outline: none; outline-offset: 0; } label { font-weight: normal; width: 100%; } a:focus { outline: none; outline-offset: 0; } .fl { float: left; } .fr { float: right; } .cl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .transition { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slick-slide { outline: none!important; height: auto; } #wrap_index { overflow: hidden; position: relative; } @media (min-width: 1250px) { .container { width: 1200px; padding: 0; margin: 0 auto; } } @media (min-width: 1380px) { .container { width: 1300px; padding: 0; margin: 0 auto; } } @media (min-width: 1650px) { .container { width: 1600px; padding: 0; margin: 0 auto; } } .clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom: 1; } a:hover { color: #007d6d } /*header*/ #header { position: absolute; z-index: 90; width: 100%; top: 25px; } #header .head_bot { background: rgba(255, 255, 255, 0.65); } .logo { width: 32%; height: 90px; } .logo a { display: table-cell; width: 100%; height: 90px; vertical-align: middle; } .logo img { max-width: 100%; max-height: 100%; } #header .pc_Menu { width: 66%; } .pc_Menu .menul { width: 100%; height: 90px; } .pc_Menu .menul .firstli { position: relative; width: 14.2857%; float: left; height: 90px; text-align: center; transition: 300ms; } .pc_Menu .menul .firstli>a { display: block; position: relative; box-sizing: border-box; width: 100%; height: 90px; line-height: 90px; color: #333333; overflow: hidden; font-size: 16px; } .pc_Menu .menul .firstli.cur>a, .pc_Menu .menul .firstli:hover>a { background: #007d6d; color: #FFFFFF; } .pc_Menu .secdulBox { display: none; position: absolute; width: 100%; top: 90px; left: 50%; transform: translateX(-50%); } .pc_Menu .secdulBox .secdli { position: relative; text-align: center; background: rgba(255, 255, 255, 0.65); } .pc_Menu .secdulBox .secdli a { position: relative; font-size: 14px; display: block; height: 45px; line-height: 45px; color: #555; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .pc_Menu .secdulBox .secdli.current a, .pc_Menu .secdulBox .secdli a:hover { color: #FFFFFF; background: #007d6d; } /*手机头部*/ .model-header { width: 100%; height: 60px; padding: 0 10px; z-index: 30; position: relative; } .model-header .model-header-logo { width: 40%; float: left; height: 60px; } .model-header .model-header-logo a { display: table-cell; vertical-align: middle; width: 300px; height: 60px; } .model-header .model-header-logo a img { max-width: 100%; max-height: 100%; } .model-header .model-navbtn { width: 32px; height: 60px; line-height: 42px; float: right; padding: 16px 0; } .model-header .model-navbtn img { max-width: 100%; } /*main*/ @media (max-width:991px) { .logo, .logo a { height: 60px; } .pc_Menu .menul { height: 60px; } .pc_Menu .menul .firstli:after { width: 20px; height: 6px; } .pc_Menu .menul .firstli.cur:after, .pc_Menu .menul .firstli:hover:after { bottom: 8px; } .pc_Menu .menul .firstli>a { font-size: 14px; height: 60px; line-height: 60px; padding: 0 3px; } .pc_Menu .secdulBox { top: 60px; border-radius: 5px; } .pc_Menu .secdulBox .secdli a { font-size: 14px; height: 32px; line-height: 32px; } } /*颜色重写*/ /*banner*/ #model_banner .banner_img img { position: relative; width: 100%; left: 50%; transform: translateX(-50%); } #model_banner .banner_img a { display: block; width: 100%; overflow: hidden; } .slick .slick-prev:before, .slick .slick-next:before { content: ""; } #model_banner .slick-prev, #model_banner .slick-next { width: 46px; height: 84px; } #model_banner .slick-prev { opacity: .2; left: 60px; z-index: 9; background: url("../images/arw.png") no-repeat center; transform: translateY(-50%) rotate(180deg); } #model_banner .slick-next { opacity: .2; right: 60px; background: url("../images/arw.png") no-repeat center; } #model_banner .slick-prev:hover, #model_banner .slick-next:hover { opacity: 1; } #model_banner .slick-dots li { margin: 0 10px; } #model_banner .slick-dots li button { background: #fff; opacity: .6; } #model_banner .slick-dots li.slick-active button { background: #fff; opacity: .6; } #model_banner .slick-dots li.slick-active button:after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border: 1px solid #cfc7c0; border-radius: 50%; } #model_banner .slick-dots { bottom: 10px; } .model-textlist-one ul li:hover { border-bottom: 1px solid #007d6d; } .model-textlist-one ul li:hover dt { color: #007d6d; } .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover { border: 1px solid #007d6d; background: #007d6d url(../images/icon10.png) 90% center no-repeat; } .updown_fenlei .cont_nav .one .one_a i { background: url(../images/icon4.png) center no-repeat; } .model-classify-nav .one .o_li .one_a i { background: url(../images/icon6.png) center no-repeat } .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on, #model_contant_main .model_dec_adress a:hover { color: #007d6d; } .updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez { background-color: #007d6d; } #model_contant_main .model_dec_adress a:hover, #model_contant_main .model_dec_adress a.cur { color: #007d6d; } .model-dectil-bottom .model-dectil-chose a:hover { color: #007d6d; } .model-dectil-img .slick-dots li button { border: 1px solid #007d6d; } .model-dectil-img .slick-dots li.slick-active button { background: #007d6d; } .model_seach .model-seachdiv form .seabtn, .model-textlist-three ul li a:before { background: #007d6d; } .model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt { color: #007d6d; } .model_page a.on, .model_page a:hover, .model_page a.on, .model_page a.current { color: #007d6d; border-bottom: 1px solid #007d6d; } .model-textlist-four ul li a:hover { background: #007d6d; } .model-textlist-two ul li a:hover .textlist-l dt, .model-textlist-two ul li a:hover .textlist-l p { color: #007d6d; } .model-textlist-two ul li a:hover .newtime { background: #007d6d; } .model-imgtextlist-two ul li a:hover .imgtextlist-r dt, .model-imgtextlist-one ul li a:hover .imgtextlist-l dt, .model-imgtextlist-three ul li a:hover .imgtextlist-r dt, .model-imgtextlist-three ul li .imgtextlist-r .time p { color: #007d6d; } .model-imgtextlist-four ul li a:hover .imgtextlist-text, .model-imglist-two ul li a:hover p { background: #007d6d; } .model-imglist-two ul li .pimg em span { background: #007d6d url(../images/icon7.png) center no-repeat } .model-imglist-three ul li a:hover { border: 2px solid #007d6d; } .model-imglist-three ul li a:hover p { color: #007d6d; background: url(../images/icon6.png) right center no-repeat; } .model_leftright_l .cont_nav .one .o_li .one_a i { background: url(../images/icon6.png) center no-repeat; } /*手机端*/ .model-classify .model-classify-posnav { background: #007d6d; } /*底部导航*/ .model-fixed { background: #007d6d!important; } .model-classify-nav .one .o_li a.ez, .model-classify-nav .second a.sen_x { color: #007d6d; } .model-classify-nav .second a.sen_x:before { background: #007d6d; } .model-phone-page span i { color: #007d6d; } .model-leftnav-top { background: #007d6d; } .model-fixed .fnavbox li a, .fnavbox li dd { color: #fff!important; } /*左右布局*/ .model_leftright_l .l_posnav { background: #007d6d; } .model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez { color: #007d6d; } .model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x { color: #007d6d; } .model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before { background: #007d6d; } .model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x { color: #007d6d; } .moder_leftright_r .r_posnav p { border-bottom: 4px solid #007d6d; } .moder_leftright_r .r_posnav span a:hover { color: #007d6d; } /*内页产品详情箭头*/ .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before { border-bottom: 12px solid #007d6d; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before { border-top: 12px solid #007d6d; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover { border-bottom: 1px solid #007d6d; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover { border-top: 1px solid #007d6d; } @media (min-width:768px) { .model-textlist-four ul li .textlist-r dd { color: #fff; } .model-imgtextlist-four ul li a:hover .imgtextlist-text p, .model-imgtextlist-four ul li .imgtextlist-text dd { color: #fff; } } @media (max-width:640px) { .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after { border-left: 7px solid #007d6d; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next { border-left: 1px solid #007d6d; } .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after { border-right: 7px solid #007d6d; } } @media (max-width: 767px) { .model-textlist-four ul li .textlist-r dt { text-overflow: ellipsis; white-space: nowrap; } .model-dectil-text img { max-width: 100%; } } #quickbar-wrap { padding-bottom: 0 } .content1 { margin-top: -70px; } .content1 .items { border: 2px solid #e9e9e9; } .content1 .items .item { background: #FFFFFF; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; padding-left: 2.2%; padding-right: 2.2%; padding: 35px; transition: 350ms; } .content1 .items .item:hover { background: #007D6D; } .content1 .items .item .icon { height: 75px; width: 75px; text-align: center; } .content1 .items .item .icon i { height: 100%; display: block; width: 100%; border-radius: 50%; overflow: hidden; border: 1px solid #d7d7d7; background: #cccccc; text-align: center; font-size: 35px; line-height: 70px; color: #fff; transition: 350ms; } .content1 .items .item:hover .icon i { background: #007D6D; } .content1 .items .item .txt { padding-left: 6.8%; width: calc(100% - 75px); } .content1 .items .item .txt .p1 { font-size: 18px; line-height: 32px; color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content1 .items .item .txt .p2 { font-size: 14px; color: #666666; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden; text-overflow: ellipsis; } .content1 .items .item:hover .txt .p1, .content1 .items .item:hover .txt .p2 { color: #FFFFFF; } @media only screen and (max-width: 992px) { .content1 .container { padding-left: 0; padding-right: 0; } .content1 .items { border: 3px solid #e9e9e9; border-right: 0; border-left: 0; } .content1 .items .item { border-bottom: 3px solid #e9e9e9; border-left: 0.75px solid #e8e8e8; border-right: 0.75px solid #e8e8e8; padding: 10px 5px 12px 12px; } .content1 .items .item .icon { height: 48px; width: 48px; } .content1 .items .item .icon i { font-size: 20px; line-height: 48px; } .content1 .items .item .txt .p1 { font-size: 14px; line-height: 14px; margin-bottom: 2px; } .content1 .items .item .txt .p2 { font-size: 12px; line-height: 14px; -webkit-line-clamp: 2; height: 28px; } .content1 .items .item:nth-child(n+3) { border-bottom: 0; } } .content2 { padding-top: 90px; padding-bottom: 190px; } .content2 .items{ margin-left: 17.5px; margin-right: 17.5px; } .model-leftnav { z-index: 10005 !important; } .model-fixed { z-index: 10003 !important; } .opacity2, .opacity3 { z-index: 10001 !important; } .content2 .slick-prev, .content2 .slick-next { z-index: 10000 !important; } .content2 .items .item { padding-left: 17.5px; padding-right: 17.5px; } .content2 .items .item>div { position: relative; border: 1px solid #eeeeee; overflow: hidden; } .content2 .items .item .pic { display: block; } .content2 .items .item .pic img { display: block; width: 100%; margin: 0 auto; } .content2 .items .item .txt_p { position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 72px); width: 100%; height: 72px; line-height: 72px; color: #FFFFFF; font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; background: rgba(51, 51, 51, 0.8); transition: 350ms; padding: 0 15px; } .content2 .items .item:hover .txt_p { top: 100%; } .content2 .items .item .txt { position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; width: 100%; transition: 350ms; } .content2 .items .item .txt span { display: block; padding: 50px 15px 42px; background: rgba(51, 51, 51, 0.8); } .content2 .items .item .txt:before { content: ""; position: absolute; height: 3px; width: 56px; left: 50%; transform: translateX(-50%); background: #007D6D; top: 92px; } .content2 .items .item .txt .p1 { font-size: 16px; line-height: 16px; color: #FFFFFF; margin-bottom: 50px; text-align: center; white-space: nowrap; display: block; overflow: hidden; padding: 0 15px; text-overflow: ellipsis; transition: 350ms; } .content2 .items .item .txt .p2 { display: -webkit-box; text-align: center; padding: 0 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 25px; font-size: 14px; height: 75px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; transition: 350ms; } .content2 .items .item:hover .txt { width: 86.8%; bottom: calc(50% - 116.5px); } .content2 .slick-prev { left: -10px; background: url(../images/slick_prev.png) no-repeat center 100%; } .content2 .slick-next { right: -10px; background: url(../images/slick_next.png) no-repeat center 100%; } .content2 .slick-prev, .content2 .slick-next { width: 55px; height: 55px; border-radius: 50%; z-index: 20; } .content2 .slick-prev:before, .content2 .slick-next:before { font-size: 0; } .content2 .slick-dots { bottom: -100px; } .content2 .slick-dots li { width: 40px; height: 40px; margin: 0 3px; border-radius: 50%; position: relative; transition: 350ms; } .content2 .slick-dots li.slick-active { border: 1px solid #007d6d; } .content2 .slick-dots li button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; margin: auto; max-height: 100%; max-width: 100%; background: url(../images/point.png) no-repeat center; transition: 350ms; } .content2 .slick-dots li.slick-active button { background: url(../images/point_cur.png) no-repeat center; } @media only screen and (max-width: 992px) { .content2 { padding-top: 34px; padding-bottom: 70px; } .content2 .container { padding-right: 25px; padding-left: 25px; } .content2 .slick-prev, .content2 .slick-next { width: 27.5px; height: 27.5px; background-size: 100%; } .content2 .slick-prev { left: -13.75px; } .content2 .slick-next { right: -13.75px; } .content2 .items .item .txt_p { height: 35px; line-height: 35px; top: calc(100% - 35px); font-size: 12px; } .content2 .slick-dots li { width: 20px; height: 20px; margin: 0 8px; } .content2 .slick-dots { bottom: -50px; } .content2 .slick-dots li button { background-size: 35%; background-position-x: center; background-position-y: center; } .content2 .slick-dots li.slick-active button { background-size: 35%; background-position-x: center; background-position-y: center; } } .content3 { background-position: center; background-size: auto 100%; background-repeat: no-repeat; } .content3 .item { border-right: 1px solid #FFFFFF; position: relative; overflow: hidden; } .content3 .item a { display: block; padding: 300px 0 415px; } .content3 .item .bg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; transition: 400ms; background: rgba(0, 0, 0, 0.3); } .content3 .item:hover .bg { right: 100%; } .content3 .item:nth-child(even) a { padding: 485px 0 230px; } .content3 .item .p1 { font-size: 85px; line-height: 85px; color: #FFFFFF; padding-left: 50px; display: block; overflow: hidden; position: relative; margin-bottom: 38px; } .content3 .item .p1:before { position: absolute; content: ""; width: 30px; height: 6px; top: calc(50% - 3px); left: 0; background: #FFFFFF; } .content3 .item .p2 { font-size: 30px; line-height: 30px; color: #FFFFFF; padding-left: 48px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; margin-bottom: 32px; } .content3 .item .icon { display: block; height: 50px; margin-left: 50px; width: 50px; transition: 400ms; } .content3 .item:hover .icon { background: url(../images/add_icon.png) no-repeat center; background-size: 100%; } .content3 .item .icon:hover { transform: rotate(180deg); } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .content3 .item .p1 { font-size: 60px; line-height: 60px; } .content3 .item .p2 { font-size: 24px; line-height: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1400px) { .content3 .item { padding-left: 0; padding-right: 0; width: 33.3% !important; border-bottom: 1px solid #FFFFFF; } .content3 .item:nth-child(n+4) { border-bottom: 0; } .content3 .item a { padding: 125px 0 225px; } .content3 .item:nth-child(even) a { padding: 225px 0 125px; } .content3 .item .p1 { font-size: 42px; line-height: 42px; padding: 0 25px; margin-bottom: 18px; } .content3 .item .p1:before { width: 15px; height: 3px; top: calc(50% - 1.5px); } .content3 .item .p2 { font-size: 15px; line-height: 15px; padding: 0 24px; margin-bottom: 0; } .content3 .item .icon { display: block; height: 35px; margin-left: 24px; width: 35px; transition: 400ms; margin-top: 20px; } } @media only screen and (max-width: 992px) { .content3 .item { padding-left: 0; padding-right: 0; border-bottom: 1px solid #FFFFFF; } .content3 .item:nth-child(n+4) { border-bottom: 0; } .content3 .item a { padding: 105px 0 195px; } .content3 .item:nth-child(even) a { padding: 195px 0 105px; } .content3 .item .p1 { font-size: 42px; line-height: 42px; padding: 0 25px; margin-bottom: 18px; } .content3 .item .p1:before { width: 15px; height: 3px; top: calc(50% - 1.5px); } .content3 .item .p2 { font-size: 15px; line-height: 15px; padding: 0 24px; margin-bottom: 0; } } .part .container .title { padding: 90px 0 68px; position: relative; } .part .title .p1 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #dddddd; font-size: 60px; line-height: 48px; text-align: center; font-weight: bold; text-transform: uppercase; width: 70%; margin: 0 auto; height: 48px; } .part .title .p2 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #007D6D; font-size: 30px; line-height: 30px; text-align: center; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 68px; left: 50%; transform: translateX(-50%); width: 70%; } .content4 { background-position: center; background-size: auto 100%; background-repeat: no-repeat; } .content4 .inner .txt { padding-left: 20px; } .content4 .inner .txt .single { padding-bottom: 24px; border-bottom: 1px solid #dfdede; } .content4 .inner .txt .single .p1 { line-height: 50px; display: block; white-space: nowrap; color: #007D6D; font-weight: bold; font-size: 18px; overflow: hidden; text-overflow: ellipsis; } .content4 .inner .txt .single .p2 { font-size: 14px; color: #cccccc; line-height: 24px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; } .content4 .inner .txt .single .p3 { font-size: 14px; color: #555; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px; overflow: hidden; text-overflow: ellipsis; } .content4 .inner .items { padding-top: 24px; } .content4 .inner .item p { line-height: 36px; height: 36px; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 350ms; } .content4 .inner .item:hover p { color: #007D6D; transform: translateX(20px); } .content4 .inner .item p span { margin-right: 36px; color: #555555; } .content4 .inner .video { padding-left: 75px; } .content4 .inner .more { width: 165px; height: 34px; line-height: 34px; display: block; margin: 65px auto 215px; border: 1px solid #007D6D; text-align: left; color: #FFFFFF; background: #007D6D; font-size: 16px; border-radius: 15px; transition: 350ms; padding: 0 20px; box-sizing: content-box; } .content4 .inner .more i { display: block; height: 100%; width: 26px; position: relative; transition: 350ms; } .content4 .inner .more i img { position: absolute; top: 0; bottom: 0; display: block; margin: auto; max-width: 100%; } .content4 .inner .more:hover { text-decoration: inherit !important; } .content4 .inner .more:hover i { transform: translateX(15px); } @media only screen and (max-width: 992px) { .part .container .title { padding: 42px 0 44px; } .part .title .p1 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #dddddd; font-size: 30px; line-height: 26px; text-align: center; font-weight: bold; text-transform: uppercase; width: 70%; margin: 0 auto; height: 26px; } .part .title .p2 { font-size: 16px; line-height: 16px; bottom: 44px; } .content4 .container { padding-left: 10px; padding-right: 10px; } .content4 .inner .txt { padding-left: 0; padding-right: 0; margin-bottom: 18px; } .content4 .inner .txt .single { padding-bottom: 12px; } .content4 .inner .txt .single .p1 { line-height: 14px; font-size: 14px; margin-bottom: 12px; } .content4 .inner .txt .single .p2 { font-size: 12px; line-height: 12px; margin-bottom: 4px; } .content4 .inner .txt .single .p3 { font-size: 12px; line-height: 18px; -webkit-line-clamp: 3; height: auto; max-height: 54px; } .content4 .inner .items { padding-top: 10px; } .content4 .inner .item p { line-height: 24px; height: 24px; font-size: 12px; padding-left: 4px; } .content4 .inner .item p span { margin-right: 30px; color: #555555; } .content4 .inner .video { padding-left: 0; padding-right: 0; overflow: hidden; } .content4 .inner .more { width: 80px; height: 20px; line-height: 20px; margin: 32px auto 80px; font-size: 12px; padding: 0 10px; } .content4 .inner .more i { width: 16px; } } .content5 { padding-bottom: 65px; } .content5 .items { margin-left: -7px; margin-right: -7px; } .content5 .item { width: 20%; float: left; padding-left: 7px; padding-right: 7px; margin-bottom: 26px; } .content5 .item .pic { border: 1px solid #f1efef; display: block; } .content5 .item .pic img { display: block; max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 992px) { .content5 .container{ padding-left: 10px; padding-right: 10px; } .content5 .items { margin-left: -5px; margin-right: -5px; } .content5 .item { width: 50%; float: left; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .content5 { padding-bottom: 25px; } } .footer_top { background: #007D6D; padding: 35px 0 30px; } .footer_top .menul { width: 90.5%; margin: 0 auto; } .footer_top li { position: relative; } .footer_top a { font-size: 16px; color: #FFFFFF; line-height: 16px; display: block; overflow: hidden; text-align: center; position: relative; } .footer_top li:after { content: ""; position: absolute; height: 16px; width: 2px; background: #FFFFFF; right: -1px; top: 0; } .footer_top li:last-child:after { display: none; } #footer { background: #323232; } #footer .copyright { padding: 22px 0 25px; text-align: center; } #footer .copyright_con, #footer .copyright p, #footer .copyright a { color: #fff; line-height: 24px; font-size: 14px; } @media only screen and (max-width: 992px) { #footer .copyright { padding: 10px 0 65px; text-align: center; } #footer .copyright_con, #footer .copyright p, #footer .copyright a { color: #fff; line-height: 20px; font-size: 12px; } } .model-dectil img, .model-imglist img { max-width: 100% !important; } @media only screen and (max-width:1450px ) { .content2 .items{ width: 80%; margin: 0 auto; } } @media only screen and (max-width:992px ) { .content2 .items{ width: 100%; margin: 0 auto; } }