.header-box { width: 100%; height: 120px; background: rgba(255, 255, 255, 1); position: fixed; z-index: 2000; } .fix_height { width: 100%; } .w1600 { margin-right: auto; margin-left: auto; width: 1600px; } .w1400 { margin-right: auto; margin-left: auto; width: 1400px; } .logo { margin-top: 10px; margin-left: 45px; } .c1 { color: #0046a0; } .nav { margin-left: 100px; } .nav span { display: inline-block; width: 40px; height: 120px; float: left; } .nav .nli { text-align: center; float: left; height: 120px; position: relative; } .nav .nli.active a { color: #0046a0; } .nav .nli>a { display: block; color: #333333; font-size: 18px; font-weight: 500; transition: all 0.3s ease 0s; line-height: 120px; } .nav li.active a, .nav li:hover a { color: #0046a0; } .top_right { overflow: hidden; margin-left: 60px; } .top_right .last-p { margin-right: 20px; color: #0046a0; font-size: 24px; } .top_right .dianhua { font-size: 18px; color: #333333; font-weight: bold; } .top_right img { float: left; margin-top: 40px; margin-right: 10px; } .top_right p { float: left; line-height: 100px; margin-right: 25px; } .top_right i { background: url(../images/ico-wb.png) no-repeat 0 0; display: inline-block; width: 19px; height: 19px; margin-top: 40px; margin-right: 10px; } .top_right em { background: url(../images/ico-wx.png) no-repeat 0 0; display: inline-block; width: 19px; height: 19px; margin-top: 40px; } .banner { width: 100%; position: relative; height: auto; overflow: hidden; } .banner .bd { position: relative; z-index: 0; text-align: center; } .banner .bd img { width: 100%; height: auto; } .banner .hd { width: 100%; height: 8px; position: absolute; z-index: 1; bottom: 30px; left: 0; text-align: center; } .banner { width: 100%; position: relative; height: auto; overflow: hidden; } .banner .hd ul .on { background: #029b83; width: 7px; height: 7px; } .banner .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 7px; height: 7px; margin: 0 5px; background: #ffffff; border-radius: 50%; line-height: 9999px; position: relative; vertical-align: middle; } .banner .hd ul .on { background: #ff0000; width: 27px; border-radius: 3px; height: 6px; } .banner-qiehuan-btn { position: absolute; padding: 0 115px; box-sizing: border-box; width: 100%; height: 45px; overflow: hidden; top: 50%; margin-top: -22.5px; } .banner-qiehuan-btn a.prev { display: block; width: 45px; height: 45px; float: left; cursor: pointer; background: url(../images/fx-ico_03.png) 0 0 no-repeat; } .banner-qiehuan-btn a.next { display: block; width: 45px; height: 45px; float: right; cursor: pointer; background: url(../images/fx-ico_12.png) 0 0 no-repeat; } .banner-qiehuan-btn a.prev:hover { background: url(../images/fx-ico_05.png) 0 0 no-repeat; } .banner-qiehuan-btn a.next:hover { background: url(../images/fx-ico_10.png) 0 0 no-repeat; } .l { float: left; } .r { float: right; } .nav li i { width: 0; height: 2px; background: #0046a0; display: block; margin: 0 auto; transition: 0.3s; bottom: 30px; position: absolute; margin-left: -7px; } .nav li.active i, .nav li:hover i { width: calc(100% + 17px); } .logo-titr { float: right; overflow: hidden; } .logo-titr i { background: url(../images/index_06.png) no-repeat 0 0; display: inline-block; width: 31px; height: 31px; margin-top: 45px; margin-right: 10px; float: left; } .logo-titr-r { float: right; margin-top: 35px; } .logo-titr-r p { font-size: 14px; color: #666666; } .logo-titr-r span { font-size: 24px; color: #000000; } .logo-tit { float: left; margin-left: 25px; margin-top: 28px; } .logo-tit span { font-size: 18px; color: #333333; margin-bottom: 15px; } .logo-tit p { font-size: 22px; font-weight: bold; color: #0046a0; } .index-tit-box { text-align: center; margin-top: 60px; margin-bottom: 40px; } .index-tit-box span { font-size: 30px; color: #000000; font-weight: bold; } .index-tit-box p { font-size: 16px; color: #666666; margin-top: 5px; } .in-cpxl-nav { text-align: center; } .in-cpxl-nav ul { overflow: hidden; display: inline-block; } .in-cpxl-nav li { width: 266px; height: 96px; text-align: center; line-height: 96px; color: #333333; font-size: 18px; float: left; background: #f1f1f1; } .in-cpxl-nav li.active { color: #ffffff; background: #0046a0; } .in-cpxl-box-top { overflow: hidden; padding-left: 80px; padding-top: 60px; padding-bottom: 60px; box-shadow: 0px 0px 15px #f2f2f2; } /* .in-cpxl-box { padding-left: 80px; padding-top: 60px; padding-bottom: 60px; box-shadow: 0px 0px 20px #f2f2f2; } */ .in-cpxl-box-top-l { float: left; } .in-cpxl-box-top-r { float: right; width: 800px; margin-left: 60px; margin-right: 30px; } .in-cpxl-box-top-r h1 { margin-top: 80px; font-size: 24px; color: #d61717; margin-bottom: 35px; } .in-cpxl-nav { height: 96px; } .in-cpxl-box-top-r span { font-size: 15px; color: #333333; margin-bottom: 40px; } .in-cpxl-box-top-r i { width: 600px; height: 1px; background: #eaeaea; margin-bottom: 40px; } .in-cpxl-box-top-r p { font-size: 14px; color: #666666; margin-bottom: 60px; } .in-cpxl-box-top-r em { background: url(../images/index_16.png) no-repeat 0 0; width: 45px; height: 5px; } .in-cpxl-box-bott { padding: 35px 0; } .in-cpxl-box-bott ul { overflow: hidden; } .in-cpxl-box-bott li { float: left; width: 33%; border-right: 1px solid #eaeaea; text-align: center; } .in-cpxl-box-bott li:last-child { border-right: none; } .in-cpxl-box-bott p { display: inline-block; font-size: 18px; line-height: 30px; color: #333333; margin-left: 25px; margin-right: 35px; vertical-align: middle; } .in-cpxl-box-bott span { font-size: 24px; color: #d61717; font-weight: bold; } .in-cpxl-box-bott li:hover p { color: #d61717; } .cpxl-ico1 { background: url(../images/in-cpxl-ico_11.png) no-repeat 0 0; width: 29px; height: 37px; display: inline-block; vertical-align: middle; } .in-cpxl-box-bott li:hover .cpxl-ico1 { background: url(../images/in-cpxl-ico_13.png) no-repeat 0 0; } .cpxl-ico2 { background: url(../images/in-cpxl-ico_03.png) no-repeat 0 0; width: 37px; height: 37px; display: inline-block; vertical-align: middle; } .in-cpxl-box-bott li:hover .cpxl-ico2 { background: url(../images/in-cpxl-ico_05.png) no-repeat 0 0; } .cpxl-ico3 { background: url(../images/in-cpxl-ico_16.png) no-repeat 0 0; width: 37px; height: 37px; display: inline-block; vertical-align: middle; } .in-cpxl-box-bott li:hover .cpxl-ico3 { background: url(../images/in-cpxl-ico_08.png) no-repeat 0 0; } .in-cpxl-box-bott li em { background: url(../images/index_30.png) no-repeat 0 0; width: 22px; height: 22px; display: inline-block; vertical-align: middle; } .in-cpxl-box-bott li:hover em { background: url(../images/index_33.png) no-repeat 0 0; } .footer_top { background: #333333; overflow: hidden; padding: 60px 0; } .footer_top-l { float: left; } .footer_top-l p { font-size: 15px; color: #cccccc; margin-bottom: 10px; } .footer_top-l span { font-size: 30px; color: #ffffff; font-weight: bold; margin-bottom: 20px; } .zxkf { width: 200px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; color: #ffffff; font-size: 15px; display: block; background: #0046a0; margin-bottom: 40px; } .footer_top-l-bott ul { overflow: hidden; } .footer_top-l-bott li { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #4d4d4d; font-size: 15px; color: #cccccc; } .footer_top-l-bott li a { color: #cccccc; } .footer_top-l-bott li:last-child { border-right: none; } .footer_top-cent { float: left; overflow: hidden; margin-left: 150px; } .footer_top-cent ul { margin-right: 100px; float: left; } .footer_top-cent a { display: block; } .footer_top-cent li { margin: 25px 0; } .footer_top-cent li:first-child { margin-top: 0px; } .footer_top-cent li span { font-size: 18px; color: #cccccc; } .footer_top-cent li p { font-size: 14px; color: #cccccc; } .footer_top-r { float: right; text-align: center; } .footer_top-r p { margin-top: 10px; } .footer_bott { height: 50px; background: #111111; line-height: 50px; } .footer_bott-yq i { display: inline-block; background: url(../images/index_68.png) no-repeat 0 0; width: 19px; height: 20px; vertical-align: middle; } .footer_bott-yq p { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 20px; color: #ffffff; font-size: 16px; } .footer_bott-yq ul { display: inline-block; vertical-align: middle; } .footer_bott-yq ul a { display: inline-block; vertical-align: middle; } .footer_bott-yq ul li { color: #cccccc; font-size: 14PX; margin-right: 20px; } .index-tit-box-imglist ul { overflow: hidden; } .index-tit-box-imglist li { float: left; position: relative; margin-right: 50px; } .index-tit-box-imglist li img { width: 410px; height: 298px; } .index-tit-box-imglist li:last-child { margin-right: 0px; } .zyfw-imgl-bottp, .index-tit-box-imglist li.active img { display: none; animation: hideIndex 0.5s; -moz-animation: hideIndex 0.5s; -webkit-animation: hideIndex 0.5s; -o-animation: hideIndex 0.5s; } .index-tit-box-imglist li.active { width: 680px; height: 298px; } .index-tit-box-imglist li.active .fuceng { display: block; animation: hideIndex 0.5s; -moz-animation: hideIndex 0.5s; -webkit-animation: hideIndex 0.5s; -o-animation: hideIndex 0.5s; } @keyframes hideIndex { 0% { opacity: 0; transform: translate(800px, 0) } 100% { opacity: 1; transform: translate(0, 0) } } .fuceng { width: 680px; height: 298px; background: #ffffff; transition: 0.3s; display: none; box-sizing: border-box; padding: 60px 50px; } .fuceng span { font-size: 18px; color: #333333; margin-bottom: 50px; } .fuceng p { font-size: 14px; color: #666666; margin-bottom: 60px; } .fuceng i { background: url(../images/index_16.png) no-repeat 0 0; width: 45px; height: 5px; } .index-zyfw { background: #f1f1f1; font-size: 18px; padding: 60px 0; } .index-tit-box-zyfw { margin-top: 0px; } .zyfw-imgl-bottp { height: 50px; line-height: 50px; color: #ffffff; text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); } .in-cpxl-box { display: none; } .in-cpxl-box.active { display: block; animation: hideIndex 0.5s; -moz-animation: hideIndex 0.5s; -webkit-animation: hideIndex 0.5s; -o-animation: hideIndex 0.5s; } @keyframes hideIndex { 0% { opacity: 0; transform: translate(800px, 0) } 100% { opacity: 1; transform: translate(0, 0) } } .index-tit-box-yyal { margin-bottom: 30px; } .in-yyal-top-nav ul { display: inline-block; } .in-yyal-top-nav { text-align: center; margin-bottom: 30px; } .in-yyal-top-nav li { display: inline-block; } .in-yyal-top-nav li:hover span { color: #0046a0; } .in-yyal-top-nav li span { font-size: 16px; color: #666666; display: inline-block; } .in-yyal-top-nav li p { margin: 0 50px; display: inline-block; } .in-yyal-top-al-list { margin-top: 15px; } .in-yyal-top-al-list .bd ul { overflow: hidden; } .in-yyal-top-al-list .bd li { float: left; margin-right: 40px; margin-left: 5px; margin-top: 10px; margin-bottom: 20px; width: 460px; box-shadow: 0px 0px 20px #efefef; overflow: hidden; } .in-yyal-top-al-list .bd li:hover { box-shadow: 0px 0px 20px #c5d5e9; } .in-yyal-top-al-list .bd li:hover .yyal-top-al-list-bott p { color: #0046a0; } .in-yyal-top-al-list .bd li:hover .yyal-top-al-list-bott i { background: url(../images/in-an-ico_03.png) no-repeat 0 0; } /* .in-yyal-top-al-list li:last-child { margin-right: 0px; } */ .in-yyal-top-al-list li img { width: 500px; height: 322px; } .in-yyal-top-al-list li:hover img { transform: scale(1.05); } .yyal-top-al-list-bott { overflow: hidden; box-sizing: border-box; padding: 40px; } .yyal-top-al-list-bott p { font-size: 16px; color: #666666; margin-bottom: 5px; } .yyal-top-al-list-bott span { font-size: 14px; color: #999999; } .yyal-top-al-list-bott i { float: right; background: url(../images/index_54.png) no-repeat 0 0; width: 17px; height: 7px; margin-top: 15px; } .in-yyal-top-al-list .hd { text-align: center; margin-top: 30px; margin-bottom: 60px; } .in-yyal-top-al-list .hd ul { display: inline-block; } .in-yyal-top-al-list .hd ul li { display: inline-block; cursor: pointer; } .in-yyal-top-al-list .hd ul li em { background: url(../images/index-qh_05.png) no-repeat 0 0; width: 13px; height: 13px; margin-right: 30px; } .in-yyal-top-al-list .hd ul li.on em { background: url(../images/index-qh_03.png) no-repeat 0 0; } .in-about-bg { background: #f1f1f1; padding: 60px 0; } .in-about-bg .w1600 { overflow: hidden; } .al-top-nav li.on span, .al-top-nav li:hover span { color: #0046a0; } .in-about-box-l { float: left; width: 776px; margin-top: 30px; } .in-about-box-l-top span { font-size: 50px; color: #0046a0; } .in-about-box-l-top i { width: 55px; height: 2px; background: #cccccc; margin-bottom: 35px; margin-top: 35px; display: block; } .in-about-box-l-top h1 { font-size: 20px; color: #333333; margin-bottom: 40px; } .in-about-box-l-top p { font-size: 15px; color: #666666; line-height: 36px; margin-bottom: 50px; } .in-about-box-l-bott ul { overflow: hidden; } .in-about-box-l-bott li { float: left; margin-right: 120px; } .in-about-box-l-bott li .in-about-box-l-bott-sh { overflow: hidden; } .in-about-box-l-bott li .in-about-box-l-bott-sh span { font-size: 40px; color: #d61717; display: inline-block } .in-about-box-l-bott li .in-about-box-l-bott-sh h2 { font-size: 16px; color: #333333; display: inline-block } .in-about-box-l-bott li .in-about-box-l-bott-sh p { font-size: 15px; color: #666666; } .in-about-box-r { float: right; } .in-news-list-r li { overflow: hidden; border-bottom: 1px solid #f1f1f1; padding-bottom: 22px; padding-top: 22px; } .in-news-list-r-l { float: left; text-align: center; border-right: 1px solid #f1f1f1; padding-right: 30px; } .in-news-list-r-l span { font-size: 30px; color: #000000; } .in-news-list-r-l p { font-size: 16px; color: #666666; margin-bottom: 15px; } .in-news-list-r-r span { font-size: 16px; color: #333333; } .in-news-list-r-r p { font-size: 14px; color: #888888; line-height: 26px; margin-top: 15px; } .in-news-list-l img { width: 778px; height: 542px; } .in-news-list { overflow: hidden; } .in-news-list-l { float: left; } .in-news-list-r { float: left; width: 752px; margin-left: 70px; } .in-news-list-r-r { float: right; width: 560px; box-sizing: border-box; padding-left: 30px; } .in-news-box { padding-bottom: 70px; } .cp-list li { overflow: hidden; position: relative; margin-bottom: 20px; } .cp-list li img { width: 625px; height: 450px; } .cp-list-l { overflow: hidden; float: left; } .cp-list-r { float: right; padding-left: 50px; padding-top: 70px; width: 775px; height: 450px; box-sizing: border-box; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .cp-list-r span { font-size: 24px; color: #000000; margin-bottom: 30px; } .cp-list-r p { font-size: 15px; color: #333333; } .cp-list-r em { width: 520px; height: 1px; background: #eaeaea; margin: 35px 0; } .cp-xq { font-size: 14px; color: #666666; line-height: 28px; width: 520px; } .cp-list-r i { background: url(../images/product_4.png) no-repeat 0 0; width: 78px; height: 78px; position: absolute; right: 50px; top: 180px; } .cp-list-box { padding: 60px 0; } .hengxian { height: 3px; background: #0046a0; width: 0px; position: absolute; transition: 0.3s; bottom: 0; right: 0; } .cp-list li:hover .hengxian { width: 725px; } .cp-list li:hover .cp-list-r i { background: url(../images/product_5.png) no-repeat 0 0; } .cp-list li:hover img { transform: scale(1.05); } .ny-titp { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff !important; } .ny-titp span { font-size: 40px; } .ny-titp i { background: #898989; width: 55px; height: 2px; margin: 30px 0; display: block; } .ny-titp p { font-size: 18px; } .al-top-nav { padding: 35px 0; } .al-top-nav ul { overflow: hidden; } .al-top-nav li { float: left; margin-right: 85px; } .al-top-nav li p { font-size: 16px; color: #666666; } .al-top-nav li.on p, .al-top-nav li:hover p { color: #0046a0; } .al-list li:nth-of-type(3n) { margin-right: 0px; } .al-list .bd li { width: 445px; margin-right: 16px; } .al-list .bd li img { width: 445px; height: 230px; } .al-list { padding-top: 50px; margin-top: 0px; } .al-list .bd li:hover { box-shadow: 0px 10px 20px #c5d5e9; } .al-list-box { border-top: 1px solid #e5e5e5; } .page { margin: 40px 0; position: relative; overflow: hidden; text-align: center; } .page a { display: inline-block; width: 30px; height: 30px; color: #333333; background: #ffffff; border: 1px solid #e5e5e5; vertical-align: middle; text-align: center; line-height: 30px; margin-right: 10px; font-size: 15px; } .page a:last-child { margin-right: 0px !important; } .page a:hover { color: #ffffff; background: #0046a0; } .news-list-box { padding: 60px 0; } .news-box-firstli .cp-list-r { box-sizing: border-box; border-top: none; border-bottom: none; border-right: none; height: 340px; width: 850px; float: left; padding-left: 0px; margin-left: 60px; } .news-box-firstli li:hover .hengxian { width: 850px; } .news-box-firstli .cp-xq { width: 825px; font-size: 14px; color: #888888; } .news-box-firstli li img { width: 490px; height: 340px; } .news-box-firstli .cp-list-r span { font-size: 18px; color: #333333; margin-bottom: 40px; } .news-box-firstli .cp-list-r p { font-size: 30px; color: #888888; margin-bottom: 40px; } .news-box-firstli li:hover span { color: #0046a0; } .news-box-li-list { float: none; width: 100%; margin-left: 0px; } .news-box-li-list .in-news-list-r-r { width: 1210px; float: left; padding-left: 100px; } .news-box-li-list a { width: 100%; } .news-box-li-list .in-news-list-r-l { padding-right: 100px; } .news-box-li-list .in-news-list-r-r span { font-size: 18px; } .news-box-li-list .in-news-list-r-r p { line-height: 26px; } .news-box-li-list li { padding-bottom: 50px; padding-top: 50px; } .news-box-li-list .in-news-list-r-l p { margin-top: 5px; } .news-box-li-list li:hover .in-news-list-r-r span { color: #0046a0; } .contact-box-tit { padding: 60px 0; } .contact-box-tit span { font-size: 32px; color: #333333; margin-bottom: 10px; } .contact-box-tit p { font-size: 16px; color: #666666; } .contact-box-lxlist ul { overflow: hidden; } .contact-box-lxlist li { width: 25%; float: left; margin-bottom: 70px; } .contact-box-lxlist i { float: left; margin-right: 10px; } .lx-r { float: left; } .lx-r p { font-size: 15px; color: #666666; } .lx-r span { font-size: 26px; color: #333333; margin-top: 5px; } .lx-ico1 { background: url(../images/contact_05.png) no-repeat 0 0; width: 36px; height: 36px; margin-top: 8px; } .lx-ico3 { background: url(../images/contact_09.png) no-repeat 0 0; width: 39px; height: 33px; margin-top: 11px; margin-right: 7px !important; } .lx-ico4 { background: url(../images/contact_12.png) no-repeat 0 0; width: 29px; height: 29px; margin-top: 15px; margin-right: 17px !important; } .lx-ico5 { background: url(../images/contact_15.png) no-repeat 0 0; width: 31px; height: 23px; margin-top: 21px; margin-right: 15px !important; } .con-ly { margin-right: auto; margin-left: auto; width: 1000px; padding-bottom: 65px; padding-top: 45px; } .con-ly-input-list { text-align: center; } .con-ly-input-list ul { overflow: hidden; } .con-ly-input-list li { width: 320px; height: 52px; line-height: 50px; margin-right: 17px; float: left; border: 1px solid #e5e5e5; } .con-ly-input-list li:last-child { margin-right: 0px; } .con-ly-input-list li input { float: left; text-indent: 35px; outline: none; color: #666666; font-size: 14px; width: 100%; height: 50px; } .textarea { width: 994px; height: 305px; margin-top: 20px; outline: none; font-size: 14px; text-indent: 35px; line-height: 30px; color: #999999; border: 1px solid #e5e5e5; resize: none; } .con-ly-input-list li input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: #999999; font-size: 14px; } .ypsq-btn-sub { width: 175px; text-align: center; height: 40px; line-height: 40px; margin-top: 30px; color: #ffffff; font-size: 15px; outline: none; border: 0; background-color: #0046a0; } .con-ly-tit { text-align: center; } .con-ly-tit span { font-size: 32px; color: #333333; } .con-ly-tit p { font-size: 16px; color: #666666; margin-bottom: 30px; margin-top: 15px; } .srev-fwzx .w1400 { overflow: hidden; } .srev-fwzx-l { float: left; } .srev-fwzx-l img { width: 700px; height: 465px; float: left; } .srev-fwzx-r { width: 700px; height: 465px; float: left; box-sizing: border-box; padding-left: 50px; padding-top: 50px; } .srev-fwzx-r-top span { font-size: 30px; color: #333333; } .srev-fwzx-r-top i { width: 95px; height: 1px; background: #5d5d5d; margin: 30px 0; display: block; } .srev-fwzx-r-top p { font-size: 16px; color: #666666; line-height: 28px; } .srev-fwzx-r-bott { margin-top: 60px; margin-left: -15px; } .srev-fwzx-r-bott ul { overflow: hidden; } .srev-fwzx-r-bott li { float: left; /* margin-right: 100px; */ width: 180px; } .fwzx-r-bott-top { width: 88px; height: 88px; background: #f3f3f3; text-align: center; margin-bottom: 20px; margin: 0 auto; position: relative; } .fwzx-r-bott-top i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fwzx-ico1 { background: url(../images/zyfw_08.png) no-repeat 0 0; width: 26px; height: 30px; } .fwzx-ico2 { background: url(../images/zyfw_11.png) no-repeat 0 0; width: 28px; height: 28px; } .fwzx-ico3 { background: url(../images/zyfw_14.png) no-repeat 0 0; width: 30px; height: 24px; } .srev-fwzx-r-bott span { font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 5px; margin-top: 15px; } .srev-fwzx-r-bott p { font-size: 15px; color: #666666; line-height: 28px; } .fwzx-r-bott-bott { text-align: center; } .srev-fwzx { padding: 60px 0; border-bottom: 1px solid #e5e5e5; } .srev-jjfa { padding: 60px 0; border-bottom: 1px solid #e5e5e5; } .srev-jjfa-top { text-align: center; } .srev-jjfa-top span { font-size: 32px; color: #333333; margin-bottom: 15px; } .srev-jjfa-top div { width: 25px; height: 4px; margin: 0 auto; background: #000000; } .srev-jjfa-cent ul { overflow: hidden; } .srev-jjfa-cent li { float: left; overflow: hidden; position: relative; width: 216px; } .srev-jjfa-cent li:last-child { float: left; overflow: hidden; position: relative; width: 100px; } .srev-jjfa-cent-l { float: left; text-align: center; } .srev-jjfa-cent-l p { margin-top: 15px; font-size: 15px; color: #666666; } .srev-jjfa-cent-yuan { width: 100px; height: 100px; background: #ffffff; border-radius: 50%; text-align: center; box-shadow: 0px 5px 15px #ededed; } .srev-jjfa-cent-yuan i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .jjfa-list-ico1 { background: url(../images/zyfw_34.png) no-repeat 0 0; width: 26px; height: 24px; } .jjfa-list-ico2 { background: url(../images/zyfw_27.png) no-repeat 0 0; width: 23px; height: 26px; } .jjfa-list-ico3 { background: url(../images/zyfw_29.png) no-repeat 0 0; width: 26px; height: 25px; } .jjfa-list-ico4 { background: url(../images/zyfw_31.png) no-repeat 0 0; width: 26px; height: 26px; } .jjfa-list-ico5 { background: url(../images/zyfw_21.png) no-repeat 0 0; width: 26px; height: 30px; } .jjfa-list-ico6 { background: url(../images/zyfw_24.png) no-repeat 0 0; width: 28px; height: 28px; } .jjfa-list-ico7 { background: url(../images/zyfw_37.png) no-repeat 0 0; width: 37px; height: 22px; } .srev-jjfa-cent-r { float: right; width: 116px; height: 1px; background: #f2f2f2; position: absolute; right: 0px; top: 50px; } .srev-jjfa-cent { padding: 40px 0; } .srev-jjfa-bott-p { width: 900px; margin: 0 auto; font-size: 15px; text-align: center; color: #666666; margin-bottom: 35px; line-height: 28px; } .srev-jjfa-bott { text-align: center; } .dongxiao_link-a { line-height: 40px; text-align: center; background: #f0f0f0; width: 150px; font-size: 15px; height: 40px; color: #333333; } .srev-dwfw { padding: 60px 0; background: #ffffff; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .srev-dwfw .in-about-box-l { float: left; width: 650px; margin-top: 40px; } .srev-dwfw .in-about-box-l-top p { font-size: 15px; color: #666666; line-height: 36px; margin-bottom: 40px; width: 565px; } .srev-dwfw .in-about-box-l-top i { width: 25px; height: 4px; background: #000000; margin-bottom: 30px; margin-top: 30px; display: block; } .srev-dwfw .in-about-box-l-top span { font-size: 32px; color: #333333; } .in-about-box-l-bott-b { margin-top: 40px; overflow: hidden; } .in-about-box-l-bott-b i { background: url(../images/zyfw_50.png) no-repeat 0 0; display: inline-block; width: 34px; height: 35px; margin-top: 10px; margin-right: 10px; float: left; } .in-about-box-l-bott-b-r p { font-size: 15px; color: #666666; } .in-about-box-l-bott-b-r span { font-size: 28px; color: #333333; } .in-about-box-l-bott-b-r { float: left; } .ser-jszc-top { text-align: left; } .ser-jszc-top div { /* margin: unset; */ margin: 30px 0px; } .ser-jszc ul { overflow: hidden; } .ser-jszc li { float: left; width: 50%; } .ser-jszc-l { float: left; } .ser-jszc-l img { width: 307px; height: 406px; } .ser-jszc-r { float: left; padding-left: 40px; padding-top: 60px; } .ser-jszc-r span { font-size: 22px; color: #333333; } .ser-jszc-r p { width: 318px; font-size: 15px; color: #666666; margin-top: 40px; margin-bottom: 70px; line-height: 28px; } a.dongxiao_link-a:hover { background: #0046a0; color: #ffffff; } .ser-jszc-box { padding: 60px 0; border-bottom: 1px solid #e5e5e5; } .ser-zlxz ul { overflow: hidden; } .ser-zlxz li { float: left; width: 33%; overflow: hidden; } .ser-zlxz li img { float: left; width: 216px; height: 265px; } .ser-zlxz-r p { font-size: 20px; line-height: 30px; color: #333333; } .ser-zlxz-r { float: left; padding-left: 50px; padding-top: 80px; } .ser-zlxz-r i { background: url(../images/zyfw_67.png) no-repeat 0 0; width: 25px; height: 26px; margin-top: 35px; } .case_ny-nav { width: 100%; height: 56px; line-height: 56px; background: url(../images/case_ny-bg_02.png) no-repeat; background-size: 100% 100%; overflow: hidden; } .case_ny-nav .l i { background: url(../images/case_ny_ico1.png) no-repeat 0 0; width: 15px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; } .case_ny-nav a.r p { display: inline-block; color: #ffffff; } .case_ny-nav .l a { display: inline-block; color: #ffffff; } .case_ny-nav .r i { background: url(../images/case_ny_ico2.png) no-repeat 0 0; width: 19px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; } .case_ny-top { overflow: hidden; } .case_ny-top-l { width: 815px; height: 525px; background: #ffffff; border: 1px solid #e5e5e5; text-align: center; position: relative; float: left; box-sizing: border-box; } .case_ny-top-l img { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .case_ny-top-r { padding-left: 70px; padding-top: 95px; float: left; width: 585px; box-sizing: border-box; } .case_ny-top-r span { font-size: 24px; color: #0046a0; } .hengxianb { background: #e5e5e5; width: 500px; height: 1px; margin: 30px 0; } .case_ny-js { font-size: 16px; color: #666666; line-height: 36px; margin-bottom: 50px; } .case-ny-kf { width: 145px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #e5e5e5; margin-right: 10px; display: inline-block; } .case-ny-kf2 { width: 180px; } .case-ny-kf i.case-ny-ico-kfzx { background: url(../images/case_ny-icoa_03.png) no-repeat 0 0; width: 21px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 5px; } .case-ny-kf i.case-ny-ico-tel { background: url(../images/case_ny-icoa_06.png) no-repeat 0 0; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 5px; } .case-ny-kf p { font-size: 14px; color: #666666; display: inline-block; vertical-align: middle; } .case_ny-top { padding: 60px 0; background: #ffffff; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .case-ny-anjs span { margin-top: 45px; margin-bottom: 35px; font-size: 22px; color: #333333; } .case-ny-anjs-p { font-size: 15px; color: #666666; line-height: 36px; } .case_ny-top-t { overflow: hidden; } .xgal-top-ico1 { background: url(../images/case_ny_07.png) no-repeat 0 0; display: inline-block; width: 143px; height: 13px; vertical-align: middle; } .xgal-top-ico2 { background: url(../images/case_ny_09.png) no-repeat 0 0; display: inline-block; width: 143px; height: 13px; vertical-align: middle; } .case-ny-xgal-top p { font-size: 26px; color: #333333; margin: 0 15px; display: inline-block; } .case-ny-xgal-top { text-align: center; margin-bottom: 30px; } .case-ny-xgal { padding-top: 60px; } .about_gsgk { position: relative; overflow: hidden; } .about_gsgk-l { float: left; width: 695px; height: 385px; background: #f7f7f7; text-align: center; z-index: 2; } .about_gsgk-r { float: right; width: 645px; margin-left: 60px; padding-top: 30px; } .about_gsgk div { overflow: hidden; } .about_gsgk-l i { background: url(../images/about-en-ico_03.png) no-repeat 0 0; width: 481px; height: 57px; } .about_gsgk-l p { font-size: 20px; color: #666666; margin-top: 25px; } .about_gsgk-l-p { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .about_gsgk-r span { font-size: 32px; color: #333333; } .about_gsgk-r em { width: 16px; height: 4px; background: #333333; display: block; margin-top: 25px; margin-bottom: 40px; } .about_gsgk-r-jj { font-size: 15px; color: #666666; line-height: 30px; } .about_gsgk img { position: absolute; bottom: 0px; left: 0px; z-index: 1; } .about_gsgk { padding-bottom: 90px; padding-top: 60px; border-bottom: 1px solid #e5e5e5; } .about-left-tit span { font-size: 32px; color: #333333; display: block; } .about-left-tit em { width: 16px; height: 4px; background: #333333; margin-top: 25px; margin-bottom: 45px; } .about-qywh-list li { overflow: hidden; margin-bottom: 50px; } .about-qywh-list-l { float: left; width: 695px; } .about-qywh-list-l img { width: 695px; height: 450px; } .about-qywh-list-r { float: left; width: 645px; padding-top: 80px; } .about-qywh-list-r span { font-size: 22px; color: #0046a0; margin-bottom: 30px; } .about-qywh-list-r p { font-size: 15px; color: #666666; margin-bottom: 50px; line-height: 26px; } .about-qywh-list li:nth-child(even) .about-qywh-list-r { margin-right: 40px; } .about-qywh-list li:nth-child(odd) .about-qywh-list-r { margin-left: 40px; } .about-qywh { padding: 60px; border-bottom: 1px solid #e5e5e5; } .about-cxyhz-tit { text-align: center; } .about-cxyhz-tit p { width: 970px; margin: 0 auto; font-size: 15px; color: #666666; line-height: 26px; } .about-cxyhz-tit em { margin-bottom: 15px; } .about-cxyhz ul { overflow: hidden; text-align: center; margin-top: 45px; } .about-cxyhz li { float: left; width: 445px; margin-right: 32px; overflow: hidden; } .about-cxyhz li img { width: 445px; height: 285px; } .about-cxyhz li:hover img { transform: scale(1.05); } .about-cxyhz li p { font-size: 15px; color: #666666; margin-top: 20px; } .about-cxyhz li:last-child { margin-right: 0px; } .about-hz { overflow: hidden; padding: 60px 0; } .about-hz-l { float: left; width: 745px; } .about-hz-l ul { overflow: hidden; } .about-hz-l li { float: left; width: 140px; margin-right: 10px; margin-bottom: 10px; } .about-hz-l li:nth-of-type(5n) { margin-right: 0px; } .about-hz-l li img { float: left; width: 140px; height: 140px; } .about-hz-r { float: left; width: 620px; margin-left: 35px; } .about-hz-box-l-top { margin-top: 70px; } .about-hz-box-l-top span { font-size: 65px; font-weight: bold; color: #0046a0; } .about-hz-box-l-top h1 { line-height: 36px; } .about-hz-box-l-top p { line-height: 30px; } .about-hz-box-l-top em { width: 25px; height: 4px; background: #000000; margin-bottom: 30px; margin-top: 30px; display: block; } .about-fw { width: 100%; height: 252px; background: url(../images/about_26.png) no-repeat; background-size: 100% 100%; text-align: center; position: relative; } .about-fw div.w1400 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fw-dongxiao_link-a { background: #0046a0; color: #ffffff; width: 145px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; margin-top: 25px; } .about-fw-nr span { font-size: 32px; color: #333333; } .about-fw-nr em { width: 25px; height: 4px; display: block; margin: 15px auto; background: #000000; } .prod_ny-top-l { border: none; overflow: hidden; width: 835px; text-align: center; position: relative; float: left; box-sizing: border-box; height: 450px; background: #ffffff; } .prod_ny-top-r { width: 555px; padding-top: 10px; } .prod_ny-top-l ul { width: 200px; height: 450px; margin-right: 10px; float: left; } .prod_ny-top-l li { width: 200px; height: 145px; margin-bottom: 15px; } .prod_ny-top-l li:last-child { margin-bottom: 0px; } .prod_ny-top-l .datupian { width: 625px; height: 450px; float: left; } .prod_ny-top-r h1 { font-size: 15px; color: #333333; margin: 20px 0; } .prod_ny-top-r .case_ny-js { line-height: 26px; font-size: 14px; } .case-ny-kf i.case-ny-ico-kfzxa { background: url(../images/product_ny_10.png) no-repeat 0 0; width: 17px; height: 16px; } .case-ny-kf i.case-ny-ico-tela { background: url(../images/product_ny_13.png) no-repeat 0 0; width: 14px; height: 14px; } .prod_ny-nav { width: 100%; height: 45px; background: #e5e5e5; } .prod_ny-nav ul { overflow: hidden; } .prod_ny-nav a { float: left; } .prod_ny-nav li { width: 155px; height: 45px; color: #000000; font-size: 16px; line-height: 45px; text-align: center; } .prod_ny-nav li:hover, .prod_ny-nav li.on { background: #0046a0; color: #ffffff; } .prod_ny-cpxq { padding: 60px 0; background: #ffffff; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .prod_ny-cpxq-con { line-height: 36px; font-size: 15px; color: #666666; } .prod_ny-cpxq-con-img { text-align: center; margin-bottom: 50px; } .prod-ny-xgclist ul { overflow: hidden; } .prod-ny-xgclist a { float: left; } .prod-ny-xgclist li { width: 445px; margin-right: 30px; text-align: center; } .prod-ny-xgclist a:last-child li { margin-right: 0px; } .prod-ny-xgclist li img { width: 445px; height: 285px; } .prod-ny-xgclist li p { font-size: 16px; color: #666666; margin-top: 20px; } .prod-ny-xgcp { padding: 60px 0; background: #ffffff; border-top: 1px solid #e5e5e5; overflow: hidden; } .cp-ny-top p { font-weight: bold; } /* 5.20 */ .page a.prev, .page a.prev_disabled { display: none; } .page a.next, .page a.next_disabled { display: none; } .page span.current { display: inline-block; width: 30px; height: 30px; color: #333333; background: #ffffff; border: 1px solid #e5e5e5; vertical-align: middle; text-align: center; line-height: 30px; margin-right: 10px; font-size: 15px; } .in-news-list-r-r div { font-size: 14px; color: #888888; line-height: 26px; margin-top: 15px; } .about-qywh-list li:nth-child(even) .about-qywh-list-l { float: right; } .about-qywh-list li:nth-child(evev) .about-qywh-list-r { float: left; } .news-show-left .news-views { font-size: 15px !important; line-height: 30px !important; } #map { height: 500px; } #map img { max-width: none !important; max-height: none !important; } .BMapLib_SearchInfoWindow .BMapLib_bubble_top { display: none; } .BMapLib_SearchInfoWindow { width: 180px !important; border: none !important; background-color: #0046A0 !important; color: #ffffff; font-size: 15px; left: 605px !important; bottom: -205px !important; } .BMapLib_SearchInfoWindow .BMapLib_bubble_content { padding: 0px !important; line-height: 40px; height: 40px !important; text-align: center; width: 180px; } .BMapLib_SearchInfoWindow .BMapLib_trans { display: none; } .map-con { vertical-align: middle; } .map-con p { display: inline-block; vertical-align: middle; color: #fff; font-size: 15px; } .map-con i { background: url(../images/con-ico_03.png) no-repeat 0 0; width: 16px; height: 16px; margin-right: 12px; display: inline-block; vertical-align: middle; } .footer_top-cent a li { font-size: 14px; color: #cccccc; } .footer_top-cent a li:hover { color: #ffffff; } .footer_top-cent a li:hover p { color: #ffffff; } .in-yyal-top-ny-list .bd li { width: 425px; margin-left: 20px; margin-right: 20px; } .prod_ny-nav.nav_fix { width: 100%; top: 120px; box-sizing: border-box; z-index: 2000; overflow: hidden; position: fixed; } /* 5.23 */ .in-yyal-top-nav a:last-child li p { display: none; } .in-about-jt i { margin-top: 50px; background: url(../images/index_16.png) no-repeat 0 0; width: 45px; height: 5px; } .in-about-jt:hover i { margin-left: 20px; } .fuceng:hover i { margin-left: 20px; } .in-cpxl-box-top-r:hover em { margin-left: 20px; } em { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .in-cpxl-box-top-l img { width: 624px; height: 449px; } /* 5.24 */ .prod_ny-nav a.on li { color: #ffffff; background: #0046A0; } button { outline: none; } .vimgview { position: fixed; left: 50%; top: 30%; width: 500px; margin-left: -250px; z-index: 999; display: none; } .vimgview .pagest { width: 500px; box-sizing: border-box; background: #fff; border-radius: 5px; border: 1px solid #e1e1e1; margin: 0 auto; padding: 30px; } .vimgview .forem { width: 500px; box-sizing: border-box; background: #fff; border-radius: 5px; border: 1px solid #e1e1e1; margin: 0 auto; padding: 30px; display: none; } .vimgview .pagest h6 { text-align: center; font-size: 20px; color: #111; } .vimgview .pagest .text { width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; font-size: 16px; box-sizing: border-box; display: block; padding: 10px 12px; margin: 20px 0; } .vimgview .pagest .btn { display: block; width: 100%; } .vimgview .pagest .btn .dat { display: none; } .vimgview .pagest .btn a, .vimgview .pagest .btn button { width: 32%; margin-right: 2%; float: left; background: rgba(13, 40, 176, 0.8); color: #fff; font-size: 16px; line-height: 40px; height: 40px; border-radius: 5px; text-align: center; cursor: pointer; display: block; } .vimgview .pagest .btn a, .vimgview .pagest .btn button { width: 32%; margin-right: 2%; float: left; background: rgba(13, 40, 176, 0.8); color: #fff; font-size: 16px; line-height: 40px; height: 40px; border-radius: 5px; text-align: center; cursor: pointer; display: block; } .vimgview .pagest .btn button:last-of-type { margin-right: 0; } .vimgview .forem p { text-align: center; font-size: 14px; } .vimgview .forem .inp { border: 1px solid #e1e1e1; border-radius: 5px; font-size: 16px; box-sizing: border-box; display: block; padding: 10px 12px; width: 100%; margin-top: 20px; } .vimgview .forem .formbtn { margin-top: 20px; } .vimgview .forem .formbtn input { width: 45%; margin-right: 10%; background: rgba(13, 40, 176, 0.8); color: #fff; font-size: 16px; line-height: 40px; height: 40px; border-radius: 5px; text-align: center; cursor: pointer; display: block; } .vimgview .pagest .btn a, .vimgview .pagest .btn button { width: 32%; margin-right: 2%; float: left; background: rgba(13, 40, 176, 0.8); color: #fff; font-size: 16px; line-height: 40px; height: 40px; border-radius: 5px; text-align: center; cursor: pointer; display: block; } .vimgview .forem .formbtn input:last-of-type { margin-right: 0; } .vimgview .forem h6 { text-align: center; font-size: 20px; color: #111; } input, button { padding: 0; border: none; background: none; outline: none; font-family: "微软雅黑", 'PingFang SC', Helvetica; } .in-news-list-l a { overflow: hidden; } .in-news-list-l img:hover { transform: scale(1.05); } .in-news-list-r li:hover .in-news-list-r-r span { color: #0046A0; } .about-hz-l li:hover img { transform: scale(1.05); } /* 5.28适配 */ .header-box div { overflow: hidden; } @media screen and (max-width: 1600px) and (min-width: 1400px) { .w1600 { width: 1340px; } .w1400 { width: 1340px; } .nav { margin-left: 10px; } .logo { margin-left: 15px; } .nav .nli>a { font-size: 16px; } .nav span { width: 30px; } .in-cpxl-box-top-l { width: 50%; } .in-cpxl-box-top-l img { width: 100%; } .in-cpxl-box-top-r { width: 50%; box-sizing: border-box; margin: 0; padding: 0 30px; } .in-cpxl-box-top { padding-left: 40px; } .fuceng { width: 100%; } .index-tit-box-imglist li { margin-right: 2%; } .index-tit-box-imglist li.active { width: 40%; } .index-tit-box-imglist li { width: 28%; } .index-tit-box-imglist li img { width: 100%; } .in-yyal-top-al-list .bd li { width: 430px; margin-right: 27px; margin-left: 0px; } .in-yyal-top-al-list li img { width: 100%; } .in-yyal-top-al-list .bd ul { padding-left: 5px !important; } /* .case-ny-xgal .in-yyal-top-al-list .bd ul { padding-left: 10px !important; } .in-yyal-top-al-box .in-yyal-top-al-list .bd ul { padding-left: 10px !important; } */ .in-about-box-l { padding-left: 20px; box-sizing: border-box; width: 50%; margin-top: 0px; } .in-about-box-r { width: 50%; } .in-about-box-l-top p { margin-bottom: 20px; } .in-about-jt i { margin-top: 20px; } .in-news-box .in-news-list-r { width: 50%; box-sizing: border-box; margin-left: 0px; padding-left: 30px; } .in-news-box .in-news-list-l { width: 50%; } .in-news-box .in-news-list-l img { width: 100%; height: auto; } .in-news-list-r-r { width: 80%; padding-left: 10px; float: left; } .in-news-list-r li { padding: 15px 0; } .cp-list-l { width: 50%; } .cp-list-l img { width: 100% !important; } .cp-list-r { width: 50%; padding-left: 20px; } .cp-list a { width: 100%; } .cp-list li:hover .hengxian { width: 96%; } .cp-list-r i { right: 20px; } .prod_ny-top-l { width: 60%; } .prod_ny-top-r { width: 40%; padding-left: 30px; padding-right: 30px; } .prod_ny-top-l .datupian { width: 73%; } .prod-ny-xgclist a { width: 32%; margin-right: 2%; } .prod-ny-xgclist a:nth-of-type(3n) { margin-right: 0; } .prod-ny-xgclist li img { width: 100%; height: auto; } .srev-fwzx-l { width: 50%; } .srev-fwzx-l img { width: 100%; height: auto; } .srev-fwzx-r { width: 50%; } .srev-fwzx-r-bott { margin-top: 30px; } .srev-jjfa-cent li { width: 14.2%; } .srev-jjfa-cent li:first-child { margin-left: 46px; } .ser-jszc-r { padding-left: 20px; padding-right: 20px; } .footer_top-cent { margin-left: 80px; } .footer_top-cent ul { margin-right: 60px; } .case_ny-top-l { width: 50%; } .case_ny-top-r { width: 40%; } .about_gsgk-l { width: 50%; } .about_gsgk-r { width: 50%; box-sizing: border-box; margin-left: 0px; padding-left: 30px; padding-right: 30px; } .about-qywh-list-l { width: 50%; } .about-qywh-list-l img { width: 100%; height: auto; } .about-qywh-list-r { width: 50%; padding-left: 40px; box-sizing: border-box; } .about-qywh-list li:nth-child(odd) .about-qywh-list-r { margin-left: 0px; } .about-qywh-list li:nth-child(even) .about-qywh-list-r { margin-right: 0px; padding-right: 40px; padding-left: 0px; } .srev-dwfw .in-about-box-l { width: 50%; margin-top: 0px; } .about-hz-l { width: 50%; } .about-hz-l li { width: 19%; margin-right: 1%; } .news-box-firstli li img { width: 100%; height: 462px; } .news-box-firstli .cp-list-r { width: 50%; height: 462px; margin-left: 0px; padding: 0 30px; padding-top: 100px; } .news-box-firstli .cp-xq { width: 100%; } .news-box-li-list .in-news-list-r-r { width: 80%; padding-left: 100px; } } @media (max-width: 1399px) { .w1600 { width: 93%; margin: 0 auto; } .w1400 { width: 93%; margin: 0 auto; } .nav { margin-left: 10px; } .logo { margin-left: 5px; } .nav .nli>a { font-size: 14px; } .nav span { width: 20px; } .in-cpxl-box-top-l { width: 50%; } .in-cpxl-box-top-l img { width: 100%; } .in-cpxl-box-top-r { width: 50%; box-sizing: border-box; margin: 0; padding: 0 30px; } .in-cpxl-box-top { padding-left: 40px; } .fuceng { width: 100%; } .index-tit-box-imglist li { margin-right: 2%; } .index-tit-box-imglist li.active { width: 40%; } .index-tit-box-imglist li { width: 28%; } .index-tit-box-imglist li img { width: 100%; } .in-yyal-top-al-list .bd li { width: 380px; margin-right: 20px; margin-left: 0px; } .in-yyal-top-al-list li img { width: 100%; } .in-yyal-top-al-list .bd ul { padding-left: 5px !important; } .in-about-box-l { padding-left: 20px; box-sizing: border-box; width: 50%; margin-top: 0px; } .in-about-box-r { width: 50%; } .in-about-box-l-top p { margin-bottom: 20px; } .in-about-jt i { margin-top: 20px; } .in-news-box .in-news-list-r { width: 50%; box-sizing: border-box; margin-left: 0px; padding-left: 30px; } .in-news-box .in-news-list-l { width: 50%; } .in-news-box .in-news-list-l img { width: 100%; height: auto; } .in-news-list-r-r { width: 70%; padding-left: 10px; float: left; } .in-news-list-r li { padding: 5px 0; } .in-news-list-r-r p { margin-top: 5px; } .footer_top-cent { margin-left: 40px; } .cp-list-l { width: 50%; } .cp-list-l img { width: 100% !important; } .cp-list-r { width: 50%; padding-left: 20px; } .cp-list a { width: 100%; } .cp-list li:hover .hengxian { width: 96%; } .cp-list-r i { right: 20px; } .prod_ny-top-l { width: 60%; } .prod_ny-top-r { width: 40%; padding-left: 30px; padding-right: 30px; } .prod_ny-top-l .datupian { width: 73%; } .prod-ny-xgclist a { width: 32%; margin-right: 2%; } .prod-ny-xgclist a:nth-of-type(3n) { margin-right: 0; } .prod-ny-xgclist li img { width: 100%; height: auto; } .srev-fwzx-l { width: 50%; } .srev-fwzx-l img { width: 100%; height: auto; } .srev-fwzx-r { width: 50%; } .srev-fwzx-r-bott { margin-top: 30px; } .srev-jjfa-cent li { width: 14.2%; } .srev-jjfa-cent li:first-child { margin-left: 46px; } .ser-jszc-r { padding-left: 20px; padding-right: 20px; width: 50%; box-sizing: border-box; } .ser-jszc-r p { width: 100%; } .footer_top-cent ul { margin-right: 20px; } .ser-zlxz li img { width: 50%; } .ser-zlxz-r { width: 50%; box-sizing: border-box; padding-left: 25px; padding-right: 25px; } .case_ny-top-r.prod_ny-top-r { width: 40%; } .prod_ny-top-l .datupian { width: 67%; } .prod_ny-top-l ul { width: 30%; } .prod-ny-xgclist a { width: 32%; margin-right: 2%; } .prod-ny-xgclist li { width: 100%; margin-right: 0px; } .ser-jszc-l img { width: 100%; } .ser-jszc-l { width: 50%; } .case_ny-top-l { width: 50%; } .case_ny-top-r { width: 50%; } .about_gsgk-l { width: 50%; } .about_gsgk-r { width: 50%; box-sizing: border-box; margin-left: 0px; padding-left: 30px; padding-right: 30px; } .about-qywh-list-l { width: 50%; } .about-qywh-list-l img { width: 100%; height: auto; } .about-qywh-list-r { width: 50%; padding-top: 20px; padding-left: 40px; box-sizing: border-box; } .about-qywh-list li:nth-child(odd) .about-qywh-list-r { margin-left: 0px; } .about-qywh-list li:nth-child(even) .about-qywh-list-r { margin-right: 0px; padding-right: 40px; padding-left: 0px; } .srev-dwfw .in-about-box-l { width: 50%; margin-top: 0px; } .about-hz-l { width: 50%; } .about-hz-l li { width: 19%; margin-right: 1%; } .about-hz-l li img { width: 100%; height: 100%; } .about-hz-r { width: 50%; margin-left: 0px; padding-left: 20px; box-sizing: border-box; } .news-box-firstli li img { width: 100%; height: 462px; } .news-box-firstli .cp-list-r { width: 50%; height: 462px; margin-left: 0px; padding: 0 30px; padding-top: 100px; } .news-box-firstli .cp-xq { width: 100%; } .news-box-li-list .in-news-list-r-r { width: 80%; padding-left: 100px; } } .in-about-box-r img { width: 750px; height: auto; }