@charset "utf-8"; * { margin: 0; padding: 0; } html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0px; padding: 0px; } fieldset, img { border: none; } img { border: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ul, ol { list-style: none; } li { list-style: none; } table { border-collapse: collapse; } input { padding-top: 0px; padding-bottom: 0px; } em, i { font-style: normal; } input::-moz-focus-inner { border: none; padding: 0px; } select, input { vertical-align: middle; } select, input, textarea { font-size: 13px; margin: 0px; } input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; } textarea { resize: none; } body { font-family: "Microsoft YaHei", 微Y雅黑, "MicrosoftJhengHei", 华文l黑, STHeiti, MingLiu; background: #fff; overflow-x: hidden; overflow-y: auto; } .clearfix:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .clearit { clear: both; height: 0px; font-size: 0px; overflow: hidden; width: 100%; } @media screen and (min-width: 800px) { .max { min-width: 1200px; } .box { width: 1200px; margin: 0 auto; position: relative; } .box:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } } ul:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .max:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .left { float: left; } .right { float: right; } a { color: #333; text-decoration: none; } a:hover { color: #005197; } .header { padding-bottom: 20px; } .header .head_top { height: 35px; border-bottom: #e5e5e5 solid 1px; width: 100%; background-color: #fff; font-size: 12px; line-height: 35px; color: #333; margin-bottom: 20px; } .header .head_top p { color: #333; float: left; line-height: 35px; font-size: 12px; margin: 0; } .header .head_top ul { margin-top: 12px; overflow: hidden; } .header .head_top ul li { float: left; border-right: 1px solid #676767; padding: 0 10px; text-align: center; line-height: 1 } .header .head_top ul li a { color: #333; } .header .logo { margin: 10px 0; } .header .logo img { display: block; height: 56px; } .header .l_title { height: 56px; top: 0; margin: 10px 0 10px 20px; border-left: 1px solid #d4d4d4; float: left; padding-left: 20px; } .header p { font-size: 18px; margin: 3px 0; } .header .tel { height: 48px; position: absolute; right: 0; top: 10px; padding-left: 50px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjcuODkgMTg2LjE5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNiYTg2Zjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQyLjEsMTY5LjE1Yy01LjYtMTQuNi0yNS0zNC4xOC0zNy4xMS0zNC4xOGE5LjM5LDkuMzksMCwwLDAtNS42OCwxLjc0bC03LjYxLDUuNWMtMTEuMy0xLjQ2LTIzLjE0LTEwLjgxLTMxLjE3LTI0LjcxUzUwLjMyLDg4LjY2LDU0LjcsNzguMTdsOC42LTMuODZDNjkuNTYsNzEuNDcsNzEuNDYsNjIsNjguNSw0OC4yYy0yLjg1LTEzLjMtMTEuOS0zNC4zOS0yNC0zNC4zOWExMC44MiwxMC44MiwwLDAsMC0zLjE5LjQ5TDI5LjgxLDE4QTI0LjEsMjQuMSwwLDAsMCwxMy42OSwzNmMtNS45MywyOC40OCwxLjU4LDYzLjcsMjAuNiw5Ni42NHM0NS43OCw1Nyw3My40MSw2Ni4xNGEyNC4wNywyNC4wNywwLDAsMCwyMy42NS01bDguOTItOC4wNkMxNDIuNTYsMTgzLjcsMTQ1Ljg0LDE3OC44LDE0Mi4xLDE2OS4xNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS43MSAtMTMuODEpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcwLDYwLjE5YTg3LjgsODcuOCwwLDAsMC01MS4zOS00NCw0Ljg1LDQuODUsMCwxLDAtMyw5LjIzLDc4LjcsNzguNywwLDAsMSw1MC4zNyw5OS4yNCw0Ljg1LDQuODUsMCwwLDAsMy4xMiw2LjEyLDQuNzIsNC43MiwwLDAsMCwxLjUuMjUsNC44Niw0Ljg2LDAsMCwwLDQuNjMtMy4zNUE4Ny44Miw4Ny44MiwwLDAsMCwxNzAsNjAuMTlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzEgLTEzLjgxKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwOS40OCw0NC4wNmE1LjE5LDUuMTksMCwwLDAtMS41Mi0uMjQsNC44NSw0Ljg1LDAsMCwwLTEuNSw5LjQ3QTQ5LjQxLDQ5LjQxLDAsMCwxLDEzOCwxMTUuNTNhNC44OSw0Ljg5LDAsMCwwLDMuMTIsNi4xMyw1LjIzLDUuMjMsMCwwLDAsMS41Mi4yMyw0Ljg0LDQuODQsMCwwLDAsNC42MS0zLjM0LDU5LjEzLDU5LjEzLDAsMCwwLTM3LjgxLTc0LjQ5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjcxIC0xMy44MSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05Ny4zNCw4MS4xOWEyMCwyMCwwLDAsMSwxMi44LDI1LjIzLDQuODksNC44OSwwLDAsMCwzLjEyLDYuMTMsNS4xNyw1LjE3LDAsMCwwLDEuNS4yNCw0Ljg2LDQuODYsMCwwLDAsNC42My0zLjM2LDI5Ljc2LDI5Ljc2LDAsMCwwLTE5LTM3LjQ4LDQuNzcsNC43NywwLDAsMC0xLjUxLS4yNCw0Ljg2LDQuODYsMCwwLDAtMS41MSw5LjQ4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjcxIC0xMy44MSkiLz48L3N2Zz4=') no-repeat left center; } .header .tel span { display: block; font-size: 16px; color: #a0a0a0; margin-top: -5px; } .header .tel strong { display: block; font-family: Impact; font-size: 32px; color: #005197; } .nav { background: #005197; line-height: 65px; } .nav ul li { display: block; float: left; width: 12.5%; text-align: center; line-height: 65px; position: relative; } .nav ul li:before { content: "|"; position: absolute; right: -2px; top: 0; color: #3071a9; } .nav ul li a { display: block; color: #fff; } .nav ul li:last-child:before { content: ""; } .nav ul li a:hover, .nav ul li.hover a { background: #3ba86f; } .nav ul li .sub { width: 100%; position: absolute; top: 75px; left: 0; background: rgba(0, 0, 0, .8); z-index: 9999; opacity: 0; visibility: hidden; transition: all .6s ease 0s; } .nav ul li .sub a { display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 15px; } .nav ul li:hover .sub { top: 65px; opacity: 1; visibility: visible; } .nav ul li .sub a:hover { background: #005197; } .banner { display: none; } .fullSlide { min-width: 1200px; position: relative; height: 600px; z-index: 9; } .fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; height: 600px; } .fullSlide .bd ul { width: 100% !important; height: 600px; } .fullSlide .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; background:no-repeat center; } .fullSlide .bd li a { display: block; height: 600px; } .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; } .fullSlide .hd ul { display: block; width: 16%; margin: 0 auto; text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; height: 12px; width: 12px; margin: 5px; background: rgba(255, 255, 255, 0.7); overflow: hidden; line-height: 9999px; border-radius: 25px; transition: all .5s; } .fullSlide .hd ul .on { width: 40px; } .nybanner { width: 100%; height: 300px; margin-bottom: 0px; overflow: hidden; text-align: center; } .nybanner img { width: 100%; height: 100%; object-fit: cover; } .index_pro { background: #eee; padding-top: 50px; padding-bottom: 20px; } .lmt { text-align: center; margin-bottom: 45px; } .lmt .tit { font-size: 48px; color: #005197; font-weight: bold; line-height: 48px; } .lmt .tit span { color: #3ba86f; display: inline-block; padding-left: 24px; } .lmt .subtit { font-size: 16px; color: #333; font-weight: normal; line-height: 18px; text-align: center; margin: 0 auto; margin-top: 18px; } .index_pro .title { width: 100%; height: 50px; line-height: 50px; border-bottom: 2px solid #3ba86f; margin-bottom: 15px; background-color: #FAFAFA; background-image: -webkit-linear-gradient(top, #FFF, #F2F2F2); background-image: -o-linear-gradient(top, #FFF, #F2F2F2); background-image: -ms-linear-gradient(top, #FFF, #F2F2F2); background-image: linear-gradient(top, #FFF, #F2F2F2); background-repeat: repeat-x; } .index_pro .title a { float: right; margin-right: 10px; font-size: 15px; color: #666666 } .index_pro .title strong { display: inline-block; height: 50px; line-height: 50px; color: #fff; background: #3ba86f; padding: 0 20px; font-size: 18px; position: relative; } .index_pro .title strong:after { content: ""; width: 0; height: 0; position: absolute; right: -50px; top: 0; border-bottom: 50px solid #3ba86f; border-right: 50px solid transparent; } .index_pro .pro100 .pro_box:first-child .title { border-color: #005197; } .index_pro .pro100 .pro_box:first-child .title strong { background: #005197; } .index_pro .pro100 .pro_box:first-child .title strong:after { border-bottom-color: #005197; } .index_pro .title1 { border-bottom: 2px solid #005197 } .index_pro .title1 strong { background: #005197 } .index_pro .title1 strong:after { border-bottom: 50px solid #005197; } .pro_box { margin-bottom: 35px; } .index_pro .pro_list li { display: block; float: left; width: 23.65%; margin-right: 1.8%; background: #fff; padding: 15px; box-sizing: border-box; transition: all .5s; } .index_pro .pro_list li:last-child { margin-right: 0; } .index_pro .pro_list li .pic { display: block; width: 100%; position: relative; padding-top: 75%; overflow: hidden; } .index_pro .pro_list li img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; transition: all .5s; } .index_pro .pro_list li a.t { display: block; text-align: center; height: 30px; line-height: 40px; font-size: 16px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_pro .pro_list li .pro_c a { display: block; float: right; width: 52px; height: 28px; line-height: 28px; text-align: center; color: #fff; background: #005197; font-size: 15px; border-radius: 5px; margin-top: 10px; } .index_pro .pro_list li .pro_c p { font-size: 14px; color: #666666; line-height: 22px; } .index_pro .pro_list li:hover { box-shadow: 0px 10px 15px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .index_pro .pro_list li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .index_pro .pro_list li a.t:hover { color: #005197; } .index_pro .left { width: 49%; } .index_pro .right { width: 49%; } .index_pro .left .pro_list li { width: 48%; margin-right: 4%; } .index_pro .left .pro_list li:last-child { margin-right: 0; } .index_pro .right .pro_list li { width: 48%; margin-right: 4%; } .index_pro .right .pro_list li:last-child { margin-right: 0; } .youshi { background: url(images/youshi.jpg) center center no-repeat; padding-top: 50px; padding-bottom: 70px; } .youshi .lmt { position: relative; margin-bottom: 50px; text-align: center; } .youshi .tit { color: #fff; } .youshi .tit span { color: #fff; } .youshi .subtit { color: #fff; } .youshi ul li { display: block; float: left; width: 50%; background: #f1f1f1; } .youshi ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .youshi ul li .youshitu { width: 50%; height: 215px; position: relative; overflow: hidden; } .youshi ul li .youshitu img { display: block; width: 100%; height: 100%; object-fit: cover; } .youshi ul li .youshiwen { width: 50%; } .youshi ul li .youshiwen strong { font-size: 24px; color: #005197; display: block; padding: 44px 22px 0; } .youshi ul li .youshiwen p { font-size: 18px; color: #333; margin: 15px 22px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative; } .about { margin-top: 90px; margin-bottom: 100px; } .about .abtop { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDQ3MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDUxOTg7fTwvc3R5bGU+PC9kZWZzPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE5OS42MSIgaGVpZ2h0PSIxNjkuOTQiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTIwMCAxNTkuODggNzQ5IDE1OS44OCA3NDkgMzAwLjA2IDU1OS4yIDMwMC4wNiA1NTkuMiA0NzAgNzU4LjgxIDQ3MCA3NTguODEgNDA5LjI3IDEyMDAgNDA5LjI3IDEyMDAgMTU5Ljg4Ii8+PC9zdmc+') center center no-repeat; width: 1200px; height: 470px; position: relative; } .about .lmt { text-align: right; position: absolute; right: 0; top: 8px; } .about .lmt p { text-align: right; } .about .abtimi { padding-left: 10px; padding-top: 10px; } .about .abtimi img { width: 740px; height: 450px; background-size: 100%; float: left; } .about .abtimi b { width: 730px; height: 440px; border: #fff solid 1px; opacity: 0.4; filter: Alpha(opacity=40); position: absolute; left: 14px; top: 14px; } .about .abtimi .f_z { float: left; width: 352px; margin-left: 49px; margin-top: 176px; } .about .abtimi .f_z h3 { font-size: 24px; color: #fff; line-height: 24px; } .about .abtimi .f_z p { font-size: 14px; color: #fff; line-height: 24px; margin: 24px 0 10px 0; height: 100px; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; position: relative; } .about .abtimi .f_z a { display: block; float: right; width: 198px; height: 44px; border: #739bbe solid 1px; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; line-height: 44px; } .xbanner { background: url(images/ixbannerbg.jpg) center center no-repeat; width: 100%; height: 200px; } .xbanner .slip_tit { width: 772px; float: left; } .xbanner .slip_tit .tit1 { padding-top: 55px; font: bold 32px "microsoft yahei"; color: #fff; } .xbanner .slip_tit .tit2 { margin-top: 14px; font-size: 24px; color: #fff; } .xbanner .slip_btn { width: 300px; text-align: center; float: right; } .xbanner .slip_btn span { display: block; font-size: 15px; color: #fff; line-height: 18px; padding-top: 40px; padding-bottom: 5px; } .xbanner .slip_btn p { font-weight: bold; font-size: 34px; color: #fff; line-height: 36px; } .xbanner .slip_btn a { display: block; width: 300px; height: 46px; background: #3ba86f; margin-top: 16px; font-size: 18px; color: #fff; line-height: 46px; position: relative; border-radius: 6px; } .news { width: 100%; padding-top: 80px; overflow: hidden; background-color: #fcfcfc; padding-bottom: 100px; } .news .newsnr { height: 452px; padding-top: 30px; } .newsnr .newsnr_z { float: left; width: 380px; height: 452px; position: relative; } .newsnr .newsnr_z a { display: block; } .newsnr .newsnr_z b { width: 380px; height: 285px; overflow: hidden; display: block; } .newsnr .newsnr_z img { width: 100%; height: 100%; display: block; transition: all .36s ease; } .newsnr .newsnr_z em { display: block; width: 100px; height: 100px; background-color: #3ba86f; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0; top: 0; } .newsnr .newsnr_z em span { display: block; font-size: 60px; color: #fff; line-height: 50px; padding-top: 14px; } .newsnr .newsnr_z .dk { height: 213px; width: 100%; border-top: none; } .newsnr .newsnr_z h3 { font-size: 18px; color: #333; line-height: 18px; width: 100%; display: block; padding-top: 20px; } .newsnr .newsnr_z p { font-size: 14px; color: #666; line-height: 24px; width: 100%; margin-top: 10px; height: 87px; } .newsnr .newsnr_z i { display: block; font-size: 14px; color: #434343; margin: 0; padding: 0; width: 120px; height: 30px; line-height: 30px; text-align: center; border: #e5e5e5 solid 1px; border-radius: 6px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .newsnr .newsnr_y { float: right; width: 800px; height: 452px; } .newsnr .newsnr_y ul { display: block; width: 100%; height: 452px; margin: 0 auto; } .newsnr .newsnr_y ul li { height: 103px; width: 100%; margin: 0 auto; margin-bottom: 28px; position: relative; border-bottom: #b9b9b9 dashed 1px; padding-bottom: 28px; } .newsnr .newsnr_y ul li a { display: block; width: 100%; height: 100px; } .newsnr .newsnr_y ul li em { display: block; float: left; display: block; width: 98px; height: 98px; border: #e5e5e5 solid 1px; text-align: center; font-size: 16px; color: #333; position: absolute; left: 0; top: 0; } .newsnr .newsnr_y ul li em span { display: block; font-size: 60px; color: #333; line-height: 50px; padding-top: 14px; } .newsnr .newsnr_y ul li h3 { width: 660px; float: right; font-weight: normal; font-size: 18px; color: #333; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .newsnr .newsnr_y ul li p { width: 660px; float: right; display: block; font-size: 14px; color: #666; line-height: 22px; padding-top: 18px; font-weight: normal; } /*分页样式*/ .pglist { padding: 30px 0; width: 100%; text-align: center; clear: both; font-size: 14px; } .pglist a { color: #999; padding: 0 10px; margin: 3px; display: inline-block; vertical-align: middle; line-height: 28px; background: #fff; border: 1px solid #f2f2f2; } .pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #005197; border-color: #005197; } .footer { background: #252525; padding-top: 45px; padding-bottom: 20px; } .footer .left { width: 657px; } .footer .left dl { display: block; float: left; width: 100px; margin-right: 30px; } .footer .left dl dt { display: block; font-size: 15px; color: #fff; font-weight: bold; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .15); padding-bottom: 13px; margin-bottom: 8px; } .footer .left dl dt a { display: block; color: #fff; } .footer .left dl dt:after { content: ""; width: 7px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; } .footer .left dl dd { display: block; font-size: 14px; color: #6f6f6f; line-height: 30px; height: 30px; overflow: hidden; } .footer .left dl dd a { color: #6f6f6f; } .footer .left dl dd a:hover { color: #fff; } .footer .left dl.fo_p { width: 360px; } .footer .left dl.fo_p dd { display: block; float: left; width: 50%; } .footer .right { width: 542px; } .footer .right .con .t { display: block; font-size: 15px; color: #cbcbcb; width: 80px; height: 26px; line-height: 26px; text-align: center; background: #3c3c3c; font-weight: bold; margin-bottom: 20px; } .footer .right .con ul li { font-size: 14px; color: #8c8c8c; line-height: 32px; margin-bottom: 12px; padding-left: 40px; } .footer .right .con ul li a { color: #8c8c8c; } .footer .right .con ul li{ background: url(images/ft.png) no-repeat left top; } .footer .right .con ul li:nth-of-type(1) { background-image: url(images/ft1.png); } .footer .right .con ul li:nth-of-type(2) { background-image: url(images/ft2.png); } .footer .right .con ul li:nth-of-type(3) { background-image: url(images/ft3.png); } .footer .right .con ul li:nth-of-type(4) { background-image: url(images/ft4.png); } .footer .right .con ul li:nth-of-type(5) { background-image: url(images/ft5.png); } .footer .right .con ul li.ft1 { background-image: url(images/ft1.png); } .footer .right .con ul li.ft2 { background-image: url(images/ft2.png); } .footer .right .con ul li.ft3 { background-image: url(images/ft3.png); } .footer .right .con ul li.ft4 { background-image: url(images/ft4.png); } .footer .right .con ul li.ft5 { background-image: url(images/ft5.png); } .footer .right dl { float: right; margin-top: 15px; } .footer .right dl img { display: block; width: 168px } .footer .right dl dd { text-align: center; font-size: 14px; color: #6f6f6f; margin-top: 10px; } .links { width: 100%; line-height: 1.7; color: #fff; background-color: #3ba86f; padding: 15px 0; } .links span { font-size: 18px; font-weight: bold; display: inline-block; float: left; } .links ul li a { float: left; display: inline-block; color: #fff; margin-right: 15px; } .copyright { text-align: center; height: 60px; line-height: 60px; background: #1a1a1a; font-size: 14px; color: #a6a6a6; padding:0 20px } .copyright a { color: #a6a6a6; } #bottom { display: none; } .neiye { padding-top: 20px; padding-bottom: 30px; background: none; } .neiye .neiye-l { width: 240px; } .neiye .neiye-l .nydh { background: #fff; } .neiye .neiye-l .nydh .title { width: 240px; height: 52px; background: #005197; text-align: center; padding-top: 20px; } .neiye .neiye-l .nydh .title p a { font-size: 24px; color: #fff; font-weight: bold; } .neiye .neiye-l .nydh .ul ,.sidebar ul { width: 238px; border: 1px solid #e9e9e9; border-top: none; } .neiye .neiye-l .nydh .ul li,.sidebar ul li { display: block; width: 192px; height: 58px; line-height: 58px; border-top: 1px solid #e9e9e9; background: url(images/nydh-li.png) no-repeat 20px center; padding-left: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; transition: all .5s; } .sidebar ul.contact{ padding-top: 0; } .sidebar ul li div,.sidebar ul li ul{ display:none; } .neiye .neiye-l .nydh .ul li a { color: #575757; display: block; } .neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on { background: url(images/nydh-li-on.png) no-repeat 20px center; } .neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a { color: #005197; } .nylx{ width: 100%; margin-top: 16px; background: #fff; } .nylx .title { width: 100%; height: 50px; background: #005197; padding-left: 24px; color: #fff; font-size: 17px; font-weight: bold; line-height: 50px; box-sizing: border-box; position: relative; } .nylx .title:after { content: ""; width: 5px; height: 15px; background: #fff; border-radius: 5px; position: absolute; left: 12px; top: 17px; } .nylx .contact { width: 100%; border: 1px solid #e9e9e9; border-top: none; padding-top: 15px; box-sizing: border-box; } .nylx .contact .tel { width: 230px; margin: 0 auto; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; } .nylx .contact .tel img { display: block; margin: 0 auto; margin-bottom: 15px; } .nylx .contact .tel span { display: block; text-align: center; font-size: 14px; color: #aeaeae; } .nylx .contact .tel b { display: block; text-align: center; margin-top: 5px; font-size: 26px; color: #005197; } .nylx .dizhi { width: 225px; margin: 0 auto; font-size: 14px; color: #5d5d5d; line-height: 29px; padding-left: 5px; padding-bottom: 10px; } .neiye .neiye-r { width: 930px; } #divPrevious ul li,#divComments ul li,#divMisc ul li, #divTags li{ background-image:none; padding:0 20px; width: 198px; } #divMisc ul li { padding:10px; text-align:center; width: 218px; } #divMisc ul li img { width:auto; height:100%; } #divCalendar .contact{ border:0; padding:0; } #divCalendar div { margin-bottom: 0; } #divCalendar table { width: 100%; border-collapse: collapse } #divCalendar table, #divCalendar tr, #divCalendar th, #divCalendar td { border: 1px solid #eee } #divCalendar caption { line-height: 36px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee } #divCalendar caption a { font-size: 15px; color: #123 } #divCalendar thead { background: #f6f7f8 } #divCalendar th { height: 36px } #divCalendar td { height: 36px; text-align: center } #divCalendar td a { font-weight: 700; color: #123 } #divCalendar td a:hover { color: #f63 } #divContorPanel .contact,#divSearchPanel .contact { text-align: center; padding-bottom:20px; } #divContorPanel .cp-hello { width: 100%; margin-bottom: 10px; padding: 10px 0 10px 0; display: inline-block } #divContorPanel .cp-login a, #divContorPanel .cp-vrs a { text-align: center; line-height: 30px; border: 1px solid #ccc; padding: 4px 8px; } #divContorPanel .sidecon div { padding: 20px; text-align: center; line-height: 24px; border: 1px dotted #f0f0f0; background: #fbfbfb } #divSearchPanel input[type="text"]{ border:1px solid #005197; height:26px; line-height:26px; width:150px; } #divSearchPanel input[type="submit"]{ border:0; height:28px; line-height:28px; width:50px; color:#fff; margin-left:0px; background:#005197; } #divTags .contact{ padding:10px; } #divTags ul { overflow:hidden } #divTags li { width: auto; height: 30px; line-height: 30px; display: block; border:0; float: left; padding:0 8px; margin: 0; } #divTags .tag-count{ display:none; } .newsnav { width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .newsnav .more { float: right; font-size: 15px; color: #999; } .newsnav .more a { color: #999; } .newsnav a.more:hover { color: #005197 } .newsnav .more a:hover { color: #005197 } .newsnav p { font-size: 22px; color: #000000; padding-left: 13px; border-bottom: 2px solid #005197; height: 57px; line-height: 57px; display: inline-block; position: relative; } .newsnav p:after { content: ""; width: 5px; height: 18px; background: #005197; position: absolute; left: 0; top: 20px; } .newsnav span { display: inline-block; font-size: 13px; color: #c2c2c2; margin-left: 5px; } .newslist ul li { border-bottom: 1px solid #eee; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; margin-bottom: 20px; padding-bottom: 20px; } .newslist ul li a { display: block; overflow: hidden; } .newslist ul li h4 { font-size: 18px; margin: 0; } .newslist ul li img { display: block; float: left; width: 197px; height: 124px; object-fit: cover; margin-right: 15px; } .newslist ul li span { float: right; line-height: 24px; border: 1px solid #ddd; border-radius: 50px; padding: 0 15px; margin-top: 10px; } .newslist ul li p { margin: 10px 0 0; color: #777; line-height: 1.8; text-align: justify; } .tags a { margin-right: 5px; } .danye { font-size: 15px; line-height: 28px; color: #434343; text-align: justify; } .danye p { margin-bottom: 15px; } .danye img { max-width: 100%; } .biaoti { width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 25px; } .biaoti h1 { font-size: 24px; color: #000; font-weight: normal; } .biaoti p { font-size: 14px; color: #ccc; margin-top: 15px; } .fn { width: 100%; margin: 0 auto; margin-top: 30px; border-top: 1px solid #e8e8e8; padding-top: 10px; padding-bottom: 30px; } .fn p { font-size: 14px; line-height: 30px; color: #565656 } .fn p a { color: #565656 } .fn p a:hover { color: #005197; } .tuijian ul { width: 980px; margin-top: 10px; } .tuijian ul li { display: block; float: left; width: 435px; margin-right: 36px; height: 38px; line-height: 38px; border-bottom: 1px solid #ebebeb; padding-left: 12px; background: url(images/li.png) no-repeat left center; overflow: hidden; } .tuijian ul li span { float: right; font-size: 14px; color: #b4b4b4; margin-left: 15px; } .tuijian ul li a { color: #333; font-size: 14px; } .tuijian ul li a:hover { color: #005197; } .pro-xq .pic { float: left; width: 50%; height: 362px; margin-right: 20px; } .pro-xq .pic img { width: 100%; height: 100%; object-fit: cover; } .pro-xq .pro-js { width: calc(50% - 20px); float: left; } .pro-xq .pro-js h1 { font-size: 26px; color: #000; line-height: 1.4; margin-bottom: 14px; } .pro-xq .pro-js .pro-xx { font-size: 14px; color: #5b5b5b; line-height: 23px; height: 123px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; overflow-y: auto; } .pro-xq .pro-js .pro-xx::-webkit-scrollbar { width: 5px; height: 10px; } .pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } .pro-xq .pro-lx { padding-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .pro-xq .pro-lx .z { display: block; clear: both; color: #005197; line-height: 30px; } .pro-xq .pro-lx p { width: 260px; float: left; font-size: 16px; color: #005197; height: 50px; } .pro-xq .pro-lx p i { display: block; float: left; margin-right: 5px; width: 40px; height: 40px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzQuOTEgMTc1LjY3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNTE5Nzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzIsMTYxLjczVjE2MmMtMS4yNywwLTIuMi4xLTIuNzQuMWgtLjY1YTI1LjIsMjUuMiwwLDAsMS0xOC4wNS00Mi4zNSwyNC41NCwyNC41NCwwLDAsMSwxNy4zLTcuODZsLjc5LDBhMjQuMjYsMjQuMjYsMCwwLDEsMTQuNDQsNC43NmM2LDIuMTMsMTIuMDctLjg1LDE4LTguODNzNy4xNC0xNC4yLDMuNjgtMTguNjdhMjQuMzcsMjQuMzcsMCwwLDEtMy41OC0zLjIsNyw3LDAsMCwxLS41OC0uNjRBMjQuODMsMjQuODMsMCwwLDEsMTE4LjQsNDMuOWwuNzYsMGEyNC45MSwyNC45MSwwLDAsMSwyNC4xMiwxOS40M2MyLDYuMjUsNy4xNiwzMS0xNy42MSw2NC4yN0MxMDIuNzYsMTU4LjQsODAuNTIsMTYxLjczLDcyLDE2MS43M1ptLS44LTEyLjU2YzMuNy4wOCwyMy4xNS0uNDQsNDQuNDMtMjkuMSwyMS43NC0yOS4yLDE2Ljc5LTQ5LjY4LDE1LjU3LTUzLjQ5YTEyLjMsMTIuMywwLDAsMC0yNC40MSwyLjU5QTEyLjMxLDEyLjMxLDAsMCwwLDExMCw3N2ExLjgzLDEuODMsMCwwLDEsLjEzLjE2LDEyLjU4LDEyLjU4LDAsMCwwLDIuMjYsMiw1LjksNS45LDAsMCwxLDEuMjUsMS4wOWMzLjgzLDQuMzMsMTEuMjUsMTYuNDQtMi41OSwzNS04Ljk0LDEyLTE4LjEsMTQuNTMtMjQuMiwxNC41NGEyMy45NCwyMy45NCwwLDAsMS05LjI4LTEuOTEsNi41MSw2LjUxLDAsMCwxLTEuNDYtLjg2LDEyLjA2LDEyLjA2LDAsMCwwLTcuNS0yLjcsMTIuNDYsMTIuNDYsMCwwLDAtOSwzLjg3LDEyLjM5LDEyLjM5LDAsMCwwLDksMjAuODVzMCwwLDAsMGwuNjQtLjA4YTguMzgsOC4zOCwwLDAsMSwxLjk1LjJabTI4LjcxLDM4LjY1QTg2LjY1LDg2LjY1LDAsMCwxLDY2LDE4MWE2LjI3LDYuMjcsMCwwLDEsNC44NS0xMS41Nyw3NC4yNiw3NC4yNiwwLDAsMCwyOSw1Ljg2YzQxLjM0LDAsNzUtMzMuNzgsNzUtNzUuMjlzLTMzLjYyLTc1LjI5LTc1LTc1LjI5UzI1LDU4LjQ2LDI1LDEwMEE3NS40Miw3NS40MiwwLDAsMCwzNi40LDE0MGE2LjI1LDYuMjUsMCwxLDEtMTAuNTgsNi42N0E4Ny44OCw4Ny44OCwwLDAsMSwxMi40NywxMDBjMC00OC40MywzOS4yMy04Ny44NCw4Ny40NS04Ny44NHM4Ny40NiwzOS40LDg3LjQ2LDg3Ljg0LTM5LjIzLDg3Ljg0LTg3LjQ2LDg3Ljg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjQ3IC0xMi4xNCkiLz48L3N2Zz4=') no-repeat center; } .pro-xq .pro-lx p span { line-height: 15px; display: block; margin-bottom: 3px; } .pro-xq .pro-lx:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both; } .pro-xq .pro-lx p a span { display: block; font-size: 24px; font-weight: bold; color: #005197; line-height: 24px; } .pro-xq .pro-lx a.zx { display: inline-block; float: right; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff; font-size: 14px; background: #005197; margin-top: 5px; border-radius: 25px; } .pro-xq .pro-lx a.zx:nth-child(2) { display: none; } .pro-xq .pro-lx a.zx:hover { background: #3ba86f; } .neiye .pro_list { width: 960px; } .neiye .pro_list li { display: block; float: left; width: 296px; margin-right: 20px; background: #fff; box-sizing: border-box; transition: all .5s; border: 1px solid #e1e1e1; margin-bottom: 15px; } .neiye .pro_list li:last-child { margin-right: 0; } .neiye .pro_list li .pic { display: block; width: 100%; position: relative; padding-top: 75%; overflow: hidden; } .neiye .pro_list li img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; transition: all .5s; } .neiye .pro_list li a.t { display: block; text-align: center; height: 46px; line-height: 46px; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 10px; } .neiye .pro_list li:hover { box-shadow: 0px 10px 15px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .neiye .pro_list li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .floating_ck { position: fixed; top: 50%; right: 0; margin-top: -178px; z-index: 999; } .floating_ck dl dd { position: relative; background-color: #005197; margin-bottom: 3px; text-align: center; cursor: pointer; } .floating_ck dl dd a, .floating_ck dl dd p { width: 100%; position: relative } .floating_ck dl dd img { margin: 0 auto; text-align: center } .floating_ck dl dd p { text-align: center } .floating_ck dl dd:hover .floating_left { right: 0; } .quote, .qrcord { padding: 8px 0 4px } .floating_ck dl dd a, .floating_ck dl dd p { color: #fff; display: block; } .floating_ck dl dd a img { display: inline-block; text-align: center; margin: 0 auto } .floating_left { position: absolute; right: -300px; top: 0px; width: 300px; z-index: 999; height: 75px; line-height: 75px; background: #005197; transition: all ease .4s; } .floating_left a { color: #fff; } .floating_ewm p { color: #Fff; } .floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; } .floating_ewm .qrcord_p02 { font-size: 20px; } .submian .subright .conBox .ArticleTencont img { max-width: 100%; } /*动客服*/ .toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 100; width: 80px; } .toolbar .dd { position: relative; float: left; width: 80px; height: 80px; background: #005197; margin-top: 2px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s; } .toolbar .dd:first-child { margin-top: 0; } .toolbar .dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(images/toolbar.png) no-repeat center 0; } .toolbar .dd.qq i { background-position-y: 0; } .toolbar .dd.tel i { background-position-y: -30px; } .toolbar .dd.code i { background-position-y: -60px; } .toolbar .dd.top i { background-position-y: -90px; } .toolbar .dd span { display: block; color: #fff; } .toolbar .dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #005197; opacity: 0; transition: all .5s; } .toolbar .dd.tel .box p { font-size: 14px; margin: 15px auto 7px; } .toolbar .dd.tel .box h3 { font-size: 18px; font-weight: bold; } .toolbar .dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #005197; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; } .toolbar .dd.code .box { position: absolute; top: 0; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #005197; opacity: 0; transition: all .5s; } .toolbar .dd.code .box img { width: 140px; height: 140px; padding: 11px; } .toolbar .dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #005197; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; } .toolbar .dd:hover { background: #3ba86f; } .toolbar .dd.tel:hover .box { opacity: 1; right: 80px; } .toolbar .dd.code:hover .box { opacity: 1; right: 80px; } .subright .searchList { border-top: 1px solid #ddd; } .subright .searchList li { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .subright .searchList li:first-child { border-top: none; } .subright .searchList li:hover a h2 { color: #16a1b3; font-weight: bold; } /* 评论 */ .commen_pl * { margin: 0; padding: 0 } .commen_pl * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.msg { margin: 25px 0; padding: 0 0 25px; border-bottom: 1px solid #eee; word-wrap: break-word; } li.msgurl { text-align: right; padding: 2px 10px; } li.msggravatar { display: block; float: left; margin-right: 5px; } li.msgarticle { list-style-position: outside; padding: 10px 0 0; line-height: 160%; padding-left: 65px; } img.avatar { float: left; width: 48px; height: 48px; margin: 0 15px 0 0; } ul.msg small { color: #a6a6a6; } ul.msg h3 small { font-size: 12px; } ul.msg ul.msg { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #f1f1f1; border-bottom: none; } ul.msg ul.msg li.msgarticle { padding-bottom: 0; } ul.msg ul.msg li.msgname { padding: 0; } ul.msg.msghead { min-height: 38px; margin-bottom: 0; padding-bottom: 0; font-size: 16px; color: #448EF6; } ul.msg.msghead em { color: #f90; margin-right: 2px; font-style: normal; } ul.pagebar, ul.msghead { border: none; } ul.msghead li.tbname { padding-bottom: 10px; border-bottom: 1px solid #eee; } ul.msg:nth-last-child(2) { border-bottom: 0; } .jz-comment h3, .jz-comments h3 { padding-bottom: 15px; margin: 20px 0 15px 0; overflow: hidden; position: relative; } .jz-comment h3:after { content: ""; width: 60px; height: 2px; background: #005197; position: absolute; left: 0; bottom: 0; } .jz-comments h4 { margin-bottom: 10px; text-align: center; padding: 0 10px; font-size: 17px; font-weight: normal; margin-bottom: 8px; } .jz-comment input { line-height: 30px; height: 30px; font-size: 14px; width: 100%; border: 0; padding-left: 8px; border-radius: 0; background-color: transparent; } .jz-comment label, .jz-comments label { display: none; } .jz-comment textarea { border: 0; height: 120px; width: 100%; font-size: 14px; display: block; padding: 8px; background-color: transparent; } .jz-comment-box { border: 1px solid #ddd; padding: 4px; position: relative; margin-bottom: 6px; } .jz-comment-ul4 { float: left; width: 49.5%; } .jz-comment-ul3 { float: left; width: 32.66%; } .jz-comment .jz-comment-ul4:nth-child(2n) { float: right; } .jz-comment .jz-comment-ul3-2 { margin: 0 1%; } .jz-comment-box img.jz-code { position: absolute; right: 4px; top: 4px; height: 30px; width: auto; } .jz-comment-box input.button { line-height: 40px; height: 40px; width: 100px; background: #005197; color: #fff; position: absolute; right: 0; bottom: 0; padding: 0; } .jz-comment-textarea { width: 100%; clear: both; } .jz-red { color: #f1404b; } .reply-frm { margin-top: 15px; } .commen_pl .pagelist { box-shadow: none; } /* 评论end */ @media only screen and (max-width: 800px) { html { font-size: 18px; } } @media only screen and (max-width: 540px) { html { font-size: 16px; } } @media screen and (max-width: 800px) { .max { max-width: 780px; margin: 0 auto; } .box { width: 96%; margin: 0 auto; } .box:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .header { max-width: 800px; height: auto; margin: 0 auto; padding: 15px 0; } .header:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .header .head_top { display: none; } .header .logo { float: left; display: block; margin: 0; } .header .l_title { display: none; } .header .tel { float: right; display: block; margin-top: 5px; text-align: right; background-image: none; position: static; padding: 0; } .header .logo img { display: block; max-width: 100%; max-height: 56px; } .header .tel img { display: none } .nav .box { width: 100%; } .nav ul li:before { content: ""; } .nav ul { max-width: 800px; height: 90px; margin: 0 auto; } .nav ul li { width: 25%; height: 45px; line-height: 45px; color: #fff; display: block; float: left; font-size: 0.875rem; background: #005197; } .nav ul li a { height: 44px; border-right: 1px solid #3071a9; border-bottom: 1px solid #3071a9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav ul li .sub { display: none; } .nav ul li:last-child { background: none } .nav ul li:nth-of-type(4) { background: none } .fullSlide { display: none } .banner { display: block; margin-bottom: 800px; margin: 0 auto; } .banner img { display: block; width: 100%; } .banner .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); border-radius: 50px; transition: all .5s; } .banner .swiper-pagination-bullet-active { width: 20px; } .nybanner { display: none; } .index_pro { background: #eee; padding: 2rem 0; } .index_pro .lmt { margin-bottom: 2rem; } .lmt { margin-top: .5rem; margin-bottom: .4rem; text-align: center; right: auto; top: auto; position: relative; } .lmt .tit { font-size: 1.6rem; } .lmt .tit span { padding-left: .25rem; } .lmt .subtit { font-size: 0.875rem; margin-top: 0.4rem; } .in_title i { display: block; font-size: 0.18rem; color: #333; font-weight: normal; text-transform: uppercase; padding-top: 0.04rem; } .index_pro .title { width: 100%; height: 35px; line-height: 2.1875rem; margin-bottom: 15px; } .index_pro .title a { float: right; font-size: 0.875rem; color: #666666 } .index_pro .title strong { display: inline-block; height: 35px; line-height: 2.1875rem; color: #fff; padding: 0 15px; font-size: 1rem; } .index_pro .title strong:after { right: -35px; border-bottom-width: 35px; border-right-width: 35px; } .index_pro .title1 strong:after { border-bottom: 35px solid #3ba86f; } .index_pro .title1 { border-bottom: 2px solid #3ba86f } .index_pro .title1 strong { background: #3ba86f } .pro_box { margin-bottom: 5px; } .index_pro .left { width: 100%; float: none; } .index_pro .right { width: 100%; float: none; } .index_pro .pro_list li,.index_pro .left .pro_list li,.index_pro .right .pro_list li { width: 49%; margin-right: 2%; margin-bottom: 2%; } .index_pro .pro_list li:nth-of-type(even) { margin-right: 0; } .index_pro .pro_list li .pic { margin-bottom: 8px; } .index_pro .pro_list li a.t { font-size: 0.875rem; height: 1rem; line-height: 1; } .index_pro .pro_list li .pro_c a { display: none; } .index_pro .pro_list li .pro_c p { display: none; } .index_pro .pro_list li:hover { box-shadow: 0px 10px 15px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .index_pro .pro_list li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } .index_pro .pro_list li a.t:hover { color: #005197; } .youshi { padding: 2rem 0; background-size: cover; } .youshi .lmt { position: relative; height: 60px; } .youshi .lmt i { display: none; } .youshi .lmt .t { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0px; z-index: 5; } .youshi .lmt .t span { display: none; } .youshi .lmt .t p { text-align: center; color: #333333; font-size: 1.25rem; font-weight: bold; } .youshi .lmt .t p font { color: #3ba86f } .youshi .lmt .t strong { text-align: center; font-size: 0.75rem; color: #666666; margin-top: 5px; font-weight: normal; display: block; } .youshi .lmt .t .p { display: none; } .youshi ul li { display: block; float: left; width: 49%; margin-right: 2%; background: #f1f1f1; margin-bottom: 10px; } .youshi ul li:nth-of-type(even) { margin-right: 0; } .youshi ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .youshi ul li .youshitu { width: 100%; height: 180px; } .youshi ul li .youshiwen { width: 100%; } .youshi ul li .youshiwen strong { text-align: center; font-size: 1.125rem; padding: 1rem 0.5rem 0; } .youshi ul li .youshiwen p { text-align: center; font-size: 0.875rem; color: #333; height: 40px; margin: 0.5rem 0.5rem 1rem; } .about { margin: 2rem 0; } .about .abtop { display: block; background-image: none; width: 100%; margin: 0 auto; text-align: center; background-size: 100%; overflow: hidden; height: auto; } .about .lmt { margin-top: .5rem; margin-bottom: .4rem; text-align: center; right: auto; top: auto; position: relative; } .about .abtimi b { display: none; } .about .lmt p { text-align: center; } .about .abtimi { padding: 0; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1ODAgMzYwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNWZhZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iOTkuODgiIGhlaWdodD0iMTQ5Ljg0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI0ODAuMTIiIHk9IjIxMC4xNiIgd2lkdGg9Ijk5Ljg4IiBoZWlnaHQ9IjE0OS44NCIvPjwvc3ZnPg==') 0% 0% no-repeat; background-size: 100% auto; } .about .abtimi img { float: none; margin-top: 0.5rem; width: calc(100% - 1rem); height: auto; } .about .abtimi .f_z { float: none; width: 100%; margin: 0; } .about .abtimi .f_z h3 { display: none } .about .abtimi .f_z p { color: #333; padding: 0 0.5rem; } .about .abtimi .f_z a { display: block; float: none; display: block; height: 3rem; width: 100%; background-color: #005197; font-size: 1rem; color: #fff; line-height: 3rem; } .xbanner { background-position: top left; position: relative; height: auto; text-align: center; } .xbanner .slip_tit { width: 100%; float: none; } .xbanner .slip_btn { display: none; } .xbanner .slip_tit .tit1 { padding: 2rem 0 1rem; font-size: 1.2rem; } .xbanner .slip_tit .tit2 { margin: 0; padding: 0 0 2rem; font-size: 1rem; } .news { padding: 2rem 0; } .news .newsnr { height: auto; padding-top: 1rem; } .newsnr .newsnr_z, .newsnr .newsnr_y { float: none; width: 100%; height: auto; } .news em { display: none !important; } .newsnr .newsnr_z b { width: 100%; height: 16rem; } .newsnr .newsnr_z b img { width: 100%; height: 16rem; object-fit: cover; } .newsnr .newsnr_z i { display: none; } .newsnr .newsnr_z .dk { height: auto; } .newsnr .newsnr_y ul, .newsnr .newsnr_y ul li { height: auto; } .newsnr .newsnr_y ul li h3, .newsnr .newsnr_y ul li p { width: 100%; float: none; } .footer { background: #252525; padding-top: 5px; padding-bottom: 70px; } .footer .left { display: none; } .footer .right { width: 100%; } .footer .right .con .t { display: none; font-size: 0.9375rem; color: #cbcbcb; width: 80px; height: 26px; line-height: 1.625rem; text-align: center; background: #3c3c3c; font-weight: bold; margin-bottom: 20px; } .footer .right ul { font-size: 0.875rem; line-height: 1.5rem; color: #ccc; padding-top: 20px; } .footer .right ul li { line-height: 1.875rem; } .footer .right ul li a { color: #ccc; } .footer .right dl { float: right; margin-top: 15px; margin-left: 20px; } .footer .right dl img { display: block; width: 110px; margin: 0 auto; } .footer .right dl dd { text-align: center; font-size: 0.875rem; color: #6f6f6f; margin-top: 10px; } .links { display: none; } .copyright { display: none; } #bottom { display: block; overflow: hidden; background: #0357ab; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 9999; } #bottom li { float: left; width: 25%; position: relative; } #bottom li a { display: block; padding: 0.6rem 0; } #bottom li a img { display: block; width: 1.4rem; margin: 0 auto; } #bottom li a span { display: block; text-align: center; font-size: 0.8rem; color: #fff; margin-top: 0.5rem; } #bottom li:after { content: ''; position: absolute; top: 0; left: -1px; z-index: 9; height: 100%; width: 0; border-left: 1px solid #3b78b5; } .neiye { padding-top: 20px; padding-bottom: 30px; background: #fff !important; } .neiye .neiye-l { width: 100%; float: none; } .neiye .neiye-l .nydh { background: #fff; } .neiye .neiye-l .nydh .title { display: none; width: 100%; height: 35px; line-height: 2.1875rem; border-bottom: 2px solid #eee; margin-bottom: 15px; } .neiye .neiye-l .nydh .ul { width: 100%; border: 0; } .neiye .neiye-l .nydh .ul li { width: 24%; height: 38px; line-height: 38px; padding: 0; font-size: 0.75rem; text-align: center; float: left; background: #e6e6e6; margin-right: 1.3%; margin-bottom: 5px; } .neiye .neiye-l .nydh .ul li:nth-of-type(4n+4) { margin-right: 0; } .neiye .neiye-l .nydh .ul li a { color: #666; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on { background: #005197; } .neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a { color: #fff; } .neiye .neiye-l .nylx { display: none; } .neiye .neiye-r { float: none; width: 100%; } .newsnav { height: 38px; line-height: 38px; padding-top: 10px; } .newsnav .more { float: right; font-size: 0.875rem; color: #a0a0a0; display: none; } .newsnav .more a { color: #a0a0a0; } .newsnav a.more:hover { color: #005197 } .newsnav .more a:hover { color: #005197 } .newsnav p { font-size: 1.125rem; padding: 0; height: 37px; line-height: 37px; } .newsnav p:after { width: 0; } .newsnav span { display: inline-block; font-size: 0.8125rem; color: #c2c2c2; margin-left: 5px; } .case_li ul li:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .case_li ul li { background: #f5f7fa; margin-bottom: 15px; padding-right: 10px; box-sizing: border-box; position: relative; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .case_li ul li img { display: block; float: left; width: 150px; height: 94px; margin-right: 10px; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .case_li ul li a.tit { display: block; font-size: 1rem; color: #363636; height: 35px; line-height: 2.1875rem; font-weight: bold; overflow: hidden; } .case_li ul li span { display: none; font-size: 0.875rem; color: #8d8d8d; } .case_li ul li p { font-size: 0.8125rem; line-height: 1.375rem; height: 44px; overflow: hidden; color: #8d8d8d; margin-top: 5px; } .case_li ul li a.more { display: none; width: 23px; height: 13px; background: url(images/t.png) no-repeat center; position: absolute; right: 30px; bottom: 20px; } .case_li ul li a.tit:hover { color: #005197 } .case_li ul li img:hover { opacity: 0.8; } .case_li ul li:hover { -webkit-transform: translate3d(5px, 0px, 0); transform: translate3d(5px, 0px, 0); box-shadow: 5px 5px 15px rgba(0, 0, 0, .1) } .case_li ul li a.more:hover { -webkit-transform: translate3d(5px, 0px, 0); transform: translate3d(5px, 0px, 0); } .fenye { width: 100%; margin: 0 auto; margin-top: 25px; text-align: center; } .fenye a { display: inline-block; padding: 0 8px; text-align: center; line-height: 1.75rem; font-size: 0.875rem; color: #333; margin: 2px 4px; border-radius: 5px; background: #eee; } .fenye b, .fenye a:hover { display: inline-block; padding: 0 8px; text-align: center; line-height: 1.75rem; font-size: 0.875rem; color: #fff; margin: 2px 4px; background: #005197; border-radius: 5px; } .newslist ul li { margin-bottom: 10px; padding-bottom: 10px; } .newslist ul li img { width: 150px; height: 94px; margin-right: 10px; } .newslist ul li p { font-size: 0.8125rem; line-height: 1.375rem; height: 44px; overflow: hidden; margin-top: 5px; } .newslist ul li span { display: none; } .sideMenu { display: none; } .neiye .pro_list { margin-bottom: 0; width: 100%; } .neiye .pro_list li { width: 49%; margin-right: 2%; margin-bottom: 10px; } .neiye .pro_list li:nth-of-type(even) { margin-right: 0; } .neiye .pro_list.ipro li:nth-of-type(3) { display: none; } .neiye .pro_list li a.t { font-size: 0.875rem; height: 36px; line-height: 2.25rem; color: #666; } .neiye .pro_list li .pro_c a { display: none; } .neiye .pro_list li .pro_c p { display: none; } .pro-xq .pic { width: 100%; } .pro-xq .pro-js { width: 100%; } .pro-xq .pro-js h1 { font-size: 1.125rem; margin: 0.8rem 0; } .pro-xq .pro-js .pro-xx { font-size: 0.875rem; line-height: 1.4375rem; height: auto; padding: 10px 0; } .pro-xq .pro-lx { padding-top: 25px; padding-bottom: 20px; } .pro-xq .pro-lx p { width: 240px; font-size: 1rem; margin-bottom: 10px; } .pro-xq .pro-lx p i { width: 35px; height: 35px; background-size: 100%; } .pro-xq .pro-lx p span { line-height: 0.9375rem; font-size: 0.8125rem; } .pro-xq .pro-lx p a span { font-size: 1.25rem; line-height: 1.5rem; } .pro-xq .pro-lx a.zx { width: 100px; height: 35px; line-height: 35px; font-size: 0.875rem; } .danye { font-size: 0.875rem; line-height: 1.5rem; } .biaoti h1 { font-size: 1.125rem; } .biaoti p { font-size: 0.875rem; margin-top: 10px; } .fn p { font-size: 0.875rem; line-height: 1.875rem; } .tuijian ul { width: 100%; } .tuijian ul li { width: 100%; height: 35px; line-height: 2.1875rem; box-sizing: border-box; } .tuijian ul li span { font-size: 0.875rem; } .tuijian ul li a { display: block; font-size: 0.875rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .floating_ck { display: none } .pro-xq .pro-lx .z { display: block; clear: both; color: #005197; line-height: 1.625rem; } .toolbar { display: none; } } @media screen and (max-width: 768px) { .maximg img { max-width: 100% !important; height: auto !important } } @media screen and (max-width: 415px) { .header { padding-bottom: 10px; } .header .logo img { max-height: 50px; } .header .tel { margin-top: 0; } .header .tel strong { font-size: 1.8rem; } } @media screen and (max-width: 321px) { .header .tel { display: none } }五月天婷婷一区二区三区久久,亚洲综合乱伦中文,综合日本国产欧美,人妻放荡出轨H文系列