body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td { margin: 0;padding: 0;} html {overflow-y: scroll;overflow-x: hidden;} html, body {color: #333333; font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;} a {color: #333333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} a:hover {color: #e39200;text-decoration: none;} img {border: 0 none; max-width: 100%;} ol, ul, li {list-style: none;} div, ul, li {margin: 0px;padding: 0px;list-style-type: none;} input[type="submit"], input[type="reset"] {cursor: pointer;} textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;} .clear {clear: both;} .fl {float: left;} .fr {float: right;} .ov {overflow: hidden;} .text_center{text-align: center;} input, textarea, select {outline: none;} button:disabled{color: #ccc;} i,em{font-style: normal;} h1,h2,h3,h4,b{font-weight: normal;} @font-face{ font-family: 'SourceHanSerifCN-Heavy'; src:url('../fonts/SourceHanSerifCN-Heavy.eot'); src:url('../fonts/SourceHanSerifCN-Heavy.woff') format('woff'), url('../fonts/SourceHanSerifCN-Heavy.ttf') format('truetype'), url('../fonts/SourceHanSerifCN-Heavy.svg') format('svg'); } @media (min-width: 1300px){ html, body{font-size: 16px;} } @media (min-width: 992px) and (max-width: 1299px){ html, body{font-size: 15px;} } @media (min-width: 768px) and (max-width: 991px){ html, body{font-size: 14px;} } @media (max-width: 767px) { html, body{font-size: 14px;} } @media (min-width: 768px){ } #fp-nav{display: none;} #fp-nav ul li:last-child {display: none;} .middle{display: table-cell; vertical-align: middle; } .fp-viewing-0 .navbar-default{background: none; box-shadow: 0px 0px 0px 0px #ccc;} .navbar-brand.white{display: none;} .fp-viewing-0 .navbar-brand.white{display: block;} .fp-viewing-0 .navbar-brand.blank{display: none;} .navbar-default{box-shadow: 6px -6px 6px 6px #ccc;text-align: center;} .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background: none; color: #e39200;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none; color: #e39200;} .navbar-nav>li{} @media (min-width: 1500px){ .nav_height{height: 105px;} .navbar-brand{height: 105px; padding: 15px 15px;} .navbar-brand img{height: 75px;} .navbar-nav>li{padding: 21px 25px;} .navbar-nav>li>a{padding: 20px 5px;} .ind_padding{padding-top: 105px;} .xinzeng2{ display:none;} /*.dropdown-menu{top: 105px; padding: 35px 0px;} .fixed_nav{width: 300px;} .fixed_img{padding-left: 85px; } .fixed_img .img{width: 450px; height: 150px;}*/ } @media (min-width: 1300px) and (max-width: 1499px){ .nav_height{height: 100px;} .navbar-brand{height: 100px; padding: 15px 15px;} .navbar-brand img{height: 70px;} .navbar-nav>li{padding: 18px 22px;} .navbar-nav>li>a{padding: 20px 5px;} .ind_padding{padding-top: 100px;} .xinzeng2{ display:none;} /*.dropdown-menu{top: 100px; padding: 30px 0px;} .fixed_nav{width: 300px;} .fixed_img{padding-left: 85px; } .fixed_img .img{width: 450px; height: 150px;}*/ } @media (min-width: 992px) and (max-width: 1299px){ .nav_height{height: 90px;} .navbar-brand{height: 90px; padding: 15px 15px;} .navbar-brand img{height: 60px;} .navbar-nav>li{padding: 18px 15px;} .navbar-nav>li>a{padding: 15px 5px;} .ind_padding{padding-top: 90px;} .xinzeng2{ display:none;} /*.dropdown-menu{top: 90px; padding: 30px 0px;} .fixed_nav{width: 300px;} .fixed_img{padding-left: 85px; } .fixed_img .img{width: 450px; height: 150px;}*/ } @media (min-width: 768px) and (max-width: 991px){ .nav_height{height: 80px;} .navbar-brand{height: 80px; padding: 15px 15px;} .navbar-brand img{height: 50px;} .navbar-nav>li{padding: 16px 10px;} .navbar-nav>li>a{padding: 12px 3px;} .ind_padding{padding-top: 80px;} .xinzeng2{ display:none;} /*.dropdown-menu{top: 80px; padding: 30px 0px;} .fixed_nav{width: 300px;} .fixed_img{padding-left: 85px;} .fixed_img .img{width: 350px; height: 150px;}*/ } @media (max-width: 767px) { .nav_height{height: 60px;} .navbar-brand{padding: 10px 15px; height: 60px;} .navbar-brand img{height: 40px;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(255,255,255,0);} .navbar-collapse{background: rgba(255,255,255,0.8);} .navbar-default .navbar-toggle{border-color: rgba(255,255,255,0); width: 34px; height: 24px; margin-top: 18px; } .navbar-toggle .icon-bar{display: none;} .navbar-default .navbar-toggle{background: url(../images/closehui.png) center center no-repeat; background-size: auto 100%;} .navbar-default .navbar-toggle.collapsed{background: url(../images/wap_menu_07.png) center center no-repeat; background-size: auto 100%;} .fp-viewing-0 .navbar-default .navbar-toggle{background: url(../images/closebai.png) center center no-repeat; background-size: auto 100%;} .fp-viewing-0 .navbar-default .navbar-toggle.collapsed{background: url(../images/wap_menu_03.png) center center no-repeat; background-size: auto 100%;} .navbar-fixed-top .navbar-collapse{max-height: 100%;} .dropdown-menu{text-align: center;} /*.fixed_img{display: none;} .fixed_nav a{display: block; text-align: center; line-height: 2;}*/ } @media (min-width: 768px){ .navbar-default .navbar-nav>li>a{border-bottom: 3px rgba(25,255,255,0) solid;} .navbar-default .navbar-nav li:hover a{ border-color: #e39200;} .navbar-default .navbar-nav li:hover .dropdown-menu{display: block;} .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background: none; border-color: #e39200;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none; border-color: #e39200;} .caret{display: none;} .navbar-right .dropdown-menu{right: auto; left: 0px; width: 100%; min-width: 100%; text-align: center; background: rgba(0,0,0,0.4); border:1px #999 solid; font-size: 14px;} .dropdown-menu>li>a{color: #fff; padding: 5px 10px;white-space: normal;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: rgba(204,204,204,0.3); color: #fff;} .navbar-right li:nth-child(4) .dropdown-menu{width: 140px; left: 50%; margin-left: -70px;} .navbar-right li:nth-child(5) .dropdown-menu{width: 180px; left: 50%; margin-left: -90px;} /*.dropdown-menu{width: 100%; min-width: 100%; position: fixed; left: 0px; border-width: 0px;} .fixed_menu{float: right;} .fixed_nav{float: left; font-size: 14px;} .fixed_nav a{float: left; width: 50%; line-height: 2.6;} .fixed_img{float: right; border-left: 1px #e5e5e5 solid;} .fixed_img .img img{width: 100%; height: 100%; object-fit: cover;}*/ } .pageNext {position: absolute; left: 50%; transform: translateX(-50%); z-index: 99; animation:animation1 3s infinite; animation-timing-function: linear;} .pageNext a {display: block; width: 100%; height: 100%;} .pageNext.pc_display a{ background: url(../images/btn_xai_03.png) no-repeat center;} .pageNext.wap_display a{ background: url(../images/wap_xia.png) no-repeat center; background-size: 100%;} .ind_yewu .pageNext.wap_display a,.ind_news .pageNext.wap_display a,.ind_brand .pageNext.wap_display a{ background: url(../images/wap_xia2.png) no-repeat center; background-size: 100%;} @keyframes animation1{ 0% {bottom: 30px;} 25% {bottom: 26px;} 50% {bottom: 30px; } 75% {bottom: 34px;} 100% {bottom: 30px;} } @media (max-width: 767px) { .pc_banner{display: none;} .pageNext{bottom: 1em; width: 2em; height: 2em;} .xinzeng{display: none;} } @media (min-width: 768px){ .wap_banner{display: none;} .pageNext{bottom: 30px; width: 66px; height: 64px;} } .pc_banner,.pc_banner .swiper,.pc_banner .swiper-wrapper,.pc_banner .swiper-slide{height: 100%;} .wap_banner,.wap_banner .swiper,.wap_banner .swiper-wrapper,.wap_banner .swiper-slide{height: 100%;} .banner .swiper-slide{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;} .banner .swiper-slide .ani{position: absolute;left: 0px; top: 0px; width: 100%; text-align:center;} .banner .swiper-slide .ani img{} .pc_banner .swiper-button-next{right: 5%;} .pc_banner .swiper-button-prev{left: 5%;} .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{color: #fff;} .banner .swiper-slide .img{transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s;transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); width: 100%; height:100%; object-fit: cover; position: absolute; left: 0px; top: 0px;} .banner .swiper-slide-active .img{transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);} .wap_banner .swiper-pagination span{height:8px; width: 8px; border-radius: 50%; background: #fff;} .wap_banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;} .footer{color: #fff; background: #2a3644; font-size: 14px; line-height: 2.2;} .footer a{color: #fff;} .foot_top{position: relative;} .foot_top .a-top{position: absolute; right: 0px; bottom: 0px; background: url(../images/index_114.png) center center no-repeat; width: 45px; height: 45px;} .foot_ul li{float: left;} .foot_ul li h3{line-height: 2.2;} .foot_nav a{display: block;} .foot_ul .foot_erweima{float: right; text-align: center;} .foot_ul .foot_erweima p{background: #e39200; } .foot_bot{text-align:center;} .foot_bot span{display: inline-table;} @media (min-width: 1500px){ .foot_top{margin-bottom: 40px;} .foot_ul{padding: 70px 0px;} .foot_nav{width: 190px;} .foot_ul li:first-child,.foot_ul li:nth-child(2){width: 170px;} .foot_contact{width: 400px; margin-left: 30px;} } @media (min-width: 1300px) and (max-width: 1499px){ .foot_top{margin-bottom: 35px;} .foot_ul{padding: 60px 0px;} .foot_nav{width: 170px;} .foot_ul li:first-child,.foot_ul li:nth-child(2){width: 140px;} .foot_contact{width: 385px; margin-left: 25px;} } @media (min-width: 992px) and (max-width: 1299px){ .foot_top{margin-bottom: 30px;} .foot_ul{padding: 50px 0px;} .foot_nav{width: 150px;} .foot_ul li:first-child,.foot_ul li:nth-child(2){width: 100px;} .foot_contact{width: 300px; margin-left: 15px;} } @media (min-width: 768px) and (max-width: 991px){ .foot_top{margin-bottom: 25px;} .foot_ul{padding: 40px 0px;} .foot_nav{width: 208px;} .foot_ul li:first-child{width: 190px;} .foot_ul li:nth-child(4){float: right; width: auto;} .foot_ul .foot_contact{width: 500px; clear: both; margin-top: 30px;} .foot_ul .foot_erweima{margin-top: 30px;} } @media (max-width: 767px) { .foot_top{display: none;} .foot_bot{padding: 0.5rem 0px;} .foot_bot span{display: block;} } @media (min-width: 768px){ .foot_ul .foot_erweima{width: 140px;} .foot_ul li h3{font-size: 16px;} .foot_link a{margin-right: 15px;} .foot_bot{padding: 10px 0px; border-top: 1px #fff solid;} } .ind_brand{background: url(../images/indexbg_07.jpg) center center no-repeat;} .ind_brand_list a{float: left; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #eee; overflow: hidden; text-align: center;} .ind_brand_list a img{transition: all 0.5s;} .ind_brand_list a:hover{ box-shadow: 0px 0px 10px #ccc;} .ind_brand_list a:hover img {transform: scale(1.15);} .ind_brand_list a .middle{width: 900px;} @media (min-width: 1500px){ .ind_brand_list{padding-top: 30px;} .ind_brand_list a{margin-top: 20px;} .ind_brand_list a.one{height: 244px;} .ind_brand_list a.one .middle{height: 244px;} .ind_brand_list a.one img{max-height: 200px;} .ind_brand_list a.four,.ind_brand_list a.two{height: 112px;} .ind_brand_list a.four img,.ind_brand_list a.two img{max-height: 100px;} .ind_brand_list a.four .middle,.ind_brand_list a.two .middle{height: 112px;} } @media (min-width: 1500px) and (max-width: 1700px){ .ind_brand .ind_brandkuang{padding: 0px 8%;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_brand .ind_brandkuang{padding: 0px 8%;} .ind_brand_list{padding-top: 20px;} .ind_brand_list a{margin-top: 15px;} .ind_brand_list a.one{height: 185px;} .ind_brand_list a.one .middle{height: 185px;} .ind_brand_list a.one img{max-height: 170px;} .ind_brand_list a.four,.ind_brand_list a.two{height: 85px;} .ind_brand_list a.four img,.ind_brand_list a.two img{max-height: 70px;} .ind_brand_list a.four .middle,.ind_brand_list a.two .middle{height: 85px;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_brand .ind_brandkuang{padding: 0px 8%;} .ind_brand_list{padding-top: 12px;} .ind_brand_list a{margin-top: 12px;} .ind_brand_list a.one{height: 162px;} .ind_brand_list a.one .middle{height: 162px;} .ind_brand_list a.one img{max-height: 150px;} .ind_brand_list a.four,.ind_brand_list a.two{height: 75px;} .ind_brand_list a.four img,.ind_brand_list a.two img{max-height: 60px;} .ind_brand_list a.four .middle,.ind_brand_list a.two .middle{height: 75px;} } @media (min-width: 768px) and (max-width: 991px){ .ind_brand .ind_brandkuang{padding: 0px 8%;} .ind_brand_list{padding-top: 10px;} .ind_brand_list a{margin-top: 10px;} .ind_brand_list a.one{height: 170px;} .ind_brand_list a.one .middle{height: 170px;} .ind_brand_list a.one img{max-height: 160px;} .ind_brand_list a.four,.ind_brand_list a.two{height: 80px;} .ind_brand_list a.four img,.ind_brand_list a.two img{max-height: 70px;} .ind_brand_list a.four .middle,.ind_brand_list a.two .middle{height: 80px;} } @media (max-width: 767px) { .ind_brandkuang{padding: 0px 4%;} .ind_brand_list {position: absolute; top: 22%;left: 0px; width: 100%; padding: 0px 3%;} .ind_brand_list a{margin-top: 0.6em;margin-left:1.3%; margin-right:1.3%;} .ind_brand_list a img{max-width: 70%;} .ind_brand_list a.wone{width: 64.067%;} .ind_brand_list a.wtwo,.ind_brand_list a.wthree{width: 30.733%;height: 5em;} .ind_brand_list a.wone{height: 16em;} .ind_brand_list a.one .middle{height: 16em;} .ind_brand_list a.wtwo img,.ind_brand_list a.wthree img{max-height: 4.5em;} .ind_brand_list a.wtwo .middle,.ind_brand_list a.wthree .middle{height: 5em;} /*.ind_brand_list a.one{height: 10.6em;} .ind_brand_list a.one .middle{height: 10.6em;} .ind_brand_list a.one img{max-height: 9em;} .ind_brand_list a.four,.ind_brand_list a.two{height: 5em;} .ind_brand_list a.four img,.ind_brand_list a.two img{max-height: 4.5em;} .ind_brand_list a.four .middle,.ind_brand_list a.two .middle{height: 5em;}*/ } @media (min-width: 768px){ .ind_brand_list{margin: 0px -1.3895%;} .ind_brand_list a{ margin-left:1.389%; margin-right:1.389%;} .ind_brand_list a img{max-width: 80%;} .ind_brand_list a.one{width: 47.222%;} .ind_brand_list a.four,.ind_brand_list a.two{width: 22.222%;} } .ind_title{color: #666666;} .ind_title h2{font-style: italic;} .ind_title h3{display: inline-table;} .ind_more{ letter-spacing: 4px; font-size: 14px;} .ind_more i{display: inline-table; background: #e39200; color:#fff; width: 30px; height: 30px; border-radius: 50%; text-align:right; line-height: 30px;;} @media (min-width: 1500px){ .ind_title h2{font-size: 44px; margin-bottom: 10px;} .ind_title h3{font-size: 26px;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_title h2{font-size: 40px; margin-bottom: 9px;} .ind_title h3{font-size: 22px;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_title h2{font-size: 36px; margin-bottom: 8px;} .ind_title h3{font-size: 18px;} } @media (min-width: 768px) and (max-width: 991px){ .ind_title h2{font-size: 30px; margin-bottom: 7px;} .ind_title h3{font-size: 16px;} } @media (max-width: 767px) { .ind_title{position: absolute; left: 2%; top: 90px;} .ind_title h2{font-size: 1.8em;} .ind_title h3{font-size: 1.3em;} } @media (min-width: 768px){ } .ind_newstab .tab a{display: inline-table; text-align: center;} .ind_newstab .tab a.on{background: #e39200; color: #fff;} .ind_newstab li{display: none;} .ind_newsimg h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.8;} .ind_newsimg p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #999; font-size: 14px; line-height: 1.8;} .ind_newsimg .img{border-radius: 8px; overflow: hidden;} .ind_newsimg .img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s} .ind_newsimg:hover .img img{transform: scale(1.15);} .ind_newslist{border-top: 1px #bfbfbf solid;} .ind_newslist a{display: block; position: relative; color: #999;} .ind_newslist a p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ind_newslist a span{position: absolute; right: 0px ;top: 0px; display: inline-table; color: #999;} .ind_newslist a:hover{color: #e39200;} @media (min-width: 1500px){ .ind_newstab{padding-top: 60px;} .ind_newstab .tab{ top: -40px; line-height: 40px;} .ind_newstab .tab a{width: 130px; border-radius: 20px; margin-right: 20px;} .ind_newsimg p{margin-top: 15px;} .ind_newsimg .img{margin-top: 15px; height: 350px;} .ind_newslist a{line-height: 4;} .ind_newslist p{width: 80%;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_newstab{padding-top: 400px;} .ind_newstab .tab{ top: -38px; line-height: 38px;} .ind_newstab .tab a{width: 120px; border-radius: 19px; margin-right: 18px;} .ind_newsimg p{margin-top: 14px;} .ind_newsimg .img{margin-top: 14px; height:280px;} .ind_newslist a{line-height: 3.3;} .ind_newslist p{width: 80%;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_newstab{padding-top: 30px;} .ind_newstab .tab{ top: -36px; line-height: 36px;} .ind_newstab .tab a{width: 110px; border-radius: 18px; margin-right: 15px;} .ind_newsimg p{margin-top: 12px;} .ind_newsimg .img{margin-top: 12px; height:245px;} .ind_newslist a{line-height: 3;} .ind_newslist p{width: 80%;} } @media (min-width: 768px) and (max-width: 991px){ .ind_newstab{padding-top: 20px;} .ind_newstab .tab{ top: -32px; line-height: 32px;} .ind_newstab .tab a{width: 100px; border-radius: 16px; margin-right: 10px;} .ind_newsimg p{margin-top: 10px;} .ind_newsimg .img{margin-top: 10px; height:190px;} .ind_newslist a{line-height: 2.5;} .ind_newslist p{width: 80%;} } @media (max-width: 767px) { .pc_block{display: none;} .ind_newstab {position: absolute; top: 24%;left: 0px; width: 100%; padding: 0px 3%;} .ind_newstab .tab{line-height: 2.4; text-align: center;} .ind_newstab .tab a{border-radius: 1.3em;padding: 0px 1.2em;} .ind_newstab .content{margin-top: 1.5em;} .ind_newsimg h3{font-size: 1.1em; margin-top: 0.4em;} .ind_newsimg p{margin-top: 0.3em; display: none;} .ind_newsimg .img{margin-top: 0.6em; height:12em;} .ind_newslist{margin-top: 0.6em; padding-top: 0.6em;} .ind_newslist a{line-height: 2; padding: 0.3em 0px; font-size: 1.1em;} .ind_newslist a:nth-child(7){display: none;} .ind_newslist p{width: 100%;} .ind_newslist a span{display: none;} } @media (min-width: 768px){ .wap_block{display: none;} .ind_newstab{position: relative;} .ind_newstab .tab{width: 54%;position: absolute; right: 0px;} .ind_newsimg{float: left; width: 41%;} .ind_newsimg h3{font-size: 16px;} .ind_newslist{float: right; width: 54%;} .ind_newslist{padding-top: 10px;} } .ind_about_con{color: #999; overflow: hidden;} .ind_biao{justify-content: space-between;} .ind_biao li{float: left; font-size: 14px;} .ind_biao li .title{color: #e39200;} .ind_biao li .desc{line-height: 1.4; color: #999;} @media (min-width: 1500px){ .ind_about_con{width: 40%; margin: 60px 0px;} .ind_biao{margin-top: 100px;} .ind_biao li .title i{font-size: 48px;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_about_con{width: 40%; margin: 40px 0px;} .ind_biao{margin-top: 60px;} .ind_biao li .title i{font-size: 40px;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_about_con{width: 40%; margin: 25px 0px;} .ind_biao{margin-top: 40px;} .ind_biao li .title i{font-size: 34px;} } @media (min-width: 768px) and (max-width: 991px){ .ind_about_con{width: 40%; margin: 25px 0px;} .ind_biao{margin-top: 40px;} .ind_biao li .title i{font-size: 30px;} } @media (max-width: 767px) { .ind_about{background: url(../images/wap_index_02.jpg) center center no-repeat; background-size: cover;} .ind_about .ind_padding{padding-top: 60px;} .ind_about .container{padding-right: 0px; padding-left: 0px;} .ind_aboutdw{padding-bottom: 1em;} .ind_about_img{text-align: right;} .ind_about_img img{max-width: 65%;} .ind_about_con{margin: 0.8em 4% 0px; font-size: 13px; line-height: 2;} .pc_display{display: none;} .ind_aboutdw .ind_more{display: none;} .ind_biao{padding: 1em 2% 0px; background: #d6d8da;} .ind_biao li{width: 50%; text-align:center;} .ind_biao li .title i{font-size: 2em; line-height: 1.3;} .ind_biao li p{display: inline-table; font-size: 0.8rem;} } @media (min-width: 768px){ .ind_about{background: url(../images/indexbg_02.jpg) center center no-repeat #d7d8da; background-size: cover;} .ind_about_con{height: 185px; font-size: 14px; line-height: 2.2;} .wap_display{display: none;} .ind_biao{display: flex; text-align: center;} } @media (max-width: 1000px){ .ind_about{background-size: 150%;} } .ind_yewulist a{float: left; background: #f6f7fa; border-radius: 10px; overflow: hidden; position: relative;} .ind_yewulist a .imgbg{display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8;} .ind_yewulist a .imgbg img{width: 100%; height: 100%; object-fit: cover;} .ind_yewulist a .word{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9;} .ind_yewulist a h3{line-height: 2;} .ind_yewulist a .img{display: table-cell; vertical-align: middle; text-align: center;} @media (min-width: 1500px){ .ind_yewulist{padding-top: 30px;} .ind_yewulist a{ margin-top: 25px; height: 210px;} .ind_yewulist a .word{padding: 0px 30px;} .ind_yewulist a .middle{height: 210px;} .ind_yewulist a .img{height: 50px;} .ind_yewulist a h3{font-size: 24px; margin-top: 15px;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_yewulist{padding-top: 25px;} .ind_yewulist a{ margin-top: 20px; height: 160px;} .ind_yewulist a .word{padding: 0px 25px;} .ind_yewulist a .middle{height: 160px;} .ind_yewulist a .img{height: 50px;} .ind_yewulist a h3{font-size: 20px; margin-top: 13px;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_yewulist{padding-top: 20px;} .ind_yewulist a{ margin-top: 16px; height: 140px;} .ind_yewulist a .word{padding: 0px 20px;} .ind_yewulist a .middle{height: 140px;} .ind_yewulist a .img{height: 50px;} .ind_yewulist a h3{font-size: 18px; margin-top: 10px;} } @media (min-width: 768px) and (max-width: 991px){ .ind_yewulist{padding-top: 18px;} .ind_yewulist a{ margin-top: 13px; height: 150px;} .ind_yewulist a .word{padding: 0px 16px;} .ind_yewulist a .middle{height: 150px;} .ind_yewulist a .img{height: 50px;} .ind_yewulist a h3{font-size: 16px; margin-top: 10px;} } @media (max-width: 767px) { .ind_yewulist{position: absolute; top: 22%; left: 0px; width: 100%; padding: 0px 3%;} .ind_yewulist a{width: 49%; margin-top: 0.6em; height: 7.6em;} .ind_yewulist a:nth-child(2n){float: right;} .ind_yewulist a .word{padding: 0px 16px;} .ind_yewulist a .middle{height: 7.6em;} .ind_yewulist a .img{height: 4em;} .ind_yewulist a .img img{max-height: 4em;} .ind_yewulist a h3{font-size: 1.1em;} } @media (min-width: 768px){ .ind_yewulist a{width: 23.6%; margin-right: 1.86666%;} .ind_yewulist a:nth-child(4n){margin-right: 0px;} .ind_yewulist a.small{width: 18.8%;} .ind_yewulist a.big{width: 38%; color: #fff;} .ind_yewulist a.big .imgbg{display: block;} } .ind_case{background: url(../images/indexbg_05.jpg) center center no-repeat; background-size: 100% 100%; overflow: hidden;} .ind_caseqh .tab>a{text-align: center;} .ind_caseqh .tab>a.on{background: #e39200; color: #fff;} .ind_caseqh li{left: 100%; position: relative;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;} .ind_caseqh li.lishow{left: 0px;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{color: #999;} .ind_caseqh li .swiper-button-prev:hover:after,.ind_caseqh li .swiper-button-next:hover:after{color: #e39200;} /*.ind_caseqh li .swiper-button-prev{left: 0px; background: url(../images/index_47hui.png) center center no-repeat;} .ind_caseqh li .swiper-button-next{right: 0px; background: url(../images/index_50hui.png) center center no-repeat;} .ind_caseqh li .swiper-button-prev:hover{left: 0px; background: url(../images/index_47.png) center center no-repeat;} .ind_caseqh li .swiper-button-next:hover{right: 0px; background: url(../images/index_50.png) center center no-repeat;}*/ .ind_caseqh li .swiper-pagination{bottom: 0px; display: none;} .ind_caseqh li .swiper-pagination span{height:6px; width: 6px; border-radius: 3px; background: #fff; opacity: 1;} .ind_caseqh li .swiper-pagination span.swiper-pagination-bullet-active{width: 20px;} .ind_caseqh .content li a{display: block; background: #fff; box-shadow: 0px 0px 10px #eee; border-radius: 10px; overflow: hidden;} .ind_caseqh .content li .img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;} .ind_caseqh .content li .desc{line-height: 1.6;} .ind_caseqh .content li .desc h3{line-height: 1.5;} .ind_caseqh .content li .desc p{color: #999;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;} .ind_caseqh .content li a:hover img{transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);} @media (min-width: 1500px){ .ind_case_title{top: 18%;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{font-size: 30px;} .ind_caseqh{width: 1400px; padding-top: 30px;} .ind_caseqh .tab{float: left; width: 265px; padding: 0px 30px;} .ind_caseqh .tab>a{margin-bottom: 10px; line-height: 40px; border-radius: 20px;} .ind_caseqh .tab .ind_more{margin-top: 60px;} .ind_caseqh .content{float: right; width: 1135px;} .ind_caseqh .content ul{height: 550px;} .ind_caseqh .content li{width: 1200px; padding: 0px 65px;} .ind_caseqh .content li .img{height: 320px;} .ind_caseqh .content li .desc{padding: 30px 4%;} .ind_caseqh .content li .desc h3{font-size: 16px; margin-bottom: 8px;} } @media (min-width: 1300px) and (max-width: 1499px){ .ind_case_title{top: 16%;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{font-size: 28px;} .ind_caseqh{width: 1200px; padding-top: 30px;} .ind_caseqh .tab{float: left; width: 240px; padding: 0px 26px;} .ind_caseqh .tab>a{margin-bottom: 8px; line-height: 40px; border-radius: 20px;} .ind_caseqh .tab .ind_more{margin-top: 40px;} .ind_caseqh .content{float: right; width: 960px;} .ind_caseqh .content ul{height: 420px;} .ind_caseqh .content li{width: 960px; padding: 0px 65px;} .ind_caseqh .content li .img{height: 246px;} .ind_caseqh .content li .desc{padding: 25px 4%;} .ind_caseqh .content li .desc h3{font-size: 15px; margin-bottom: 8px;} } @media (min-width: 992px) and (max-width: 1299px){ .ind_case_title{top: 15%;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{font-size: 26px;} .ind_caseqh{width: 970px; padding-top: 30px;} .ind_caseqh .tab{float: left; width: 220px; padding: 0px 22px;} .ind_caseqh .tab>a{margin-bottom: 8px; line-height: 40px; border-radius: 20px;} .ind_caseqh .tab .ind_more{margin-top: 30px;} .ind_caseqh .content{float: right; width: 750px;} .ind_caseqh .content ul{height: 350px;} .ind_caseqh .content li{width: 750px; padding: 0px 60px;} .ind_caseqh .content li .img{height: 190px;} .ind_caseqh .content li .desc{padding: 20px 4%;} .ind_caseqh .content li .desc h3{font-size: 16px; margin-bottom: 8px;} } @media (min-width: 768px) and (max-width: 991px){ .ind_case{background-size: 100% 150%;} .ind_caseqh{padding-top: 30px;} .ind_case_bg{background: url(../images/indexabout_07.png) bottom left no-repeat; background-size: 100% 26%;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{font-size: 24px;} .ind_caseqh .tab{text-align: center;} .ind_caseqh .tab>a{display: inline-table; padding: 0px 20px; line-height: 40px; border-radius: 20px;} .ind_caseqh .tab .ind_more{display: none;} .ind_caseqh .content{margin-top: 40px;} .ind_caseqh .content ul{height: 350px; overflow: hidden; position: relative;} .ind_caseqh .content li{padding: 0px 60px; position: absolute; width: 100%;} .ind_caseqh li.lishow{left: 0px;} .ind_caseqh .content li .img{height: 190px;} .ind_caseqh .content li .desc{padding: 15px 4%;} .ind_caseqh .content li .desc h3{font-size: 16px; margin-bottom: 8px;} .ind_caseqh .content li .desc p{ -webkit-line-clamp: 2; display: none;} } @media (max-width: 767px) { .ind_case{background: url(../images/wap_index_04.jpg) center center no-repeat;background-size: 100% 100%; } .ind_case_bg {position: absolute; top: 24%;left: 0px; width: 100%; padding: 0px 3%;} .ind_caseqh li .swiper-button-prev:after,.ind_caseqh li .swiper-button-next:after{font-size: 1.4em;} .ind_caseqh li .swiper-button-prev{left: 0px;} .ind_caseqh li .swiper-button-next{right: 0px;} .ind_caseqh .tab{text-align: center;} .ind_caseqh .tab>a{display: inline-table; padding: 0px 0.6em; line-height: 2.4; border-radius: 1.3em;} .ind_caseqh .tab .ind_more{display: none;} .ind_caseqh .content{margin-top: 1em;} .ind_caseqh .content ul{height: 350px; overflow: hidden; position: relative;} .ind_caseqh .content li{padding: 0px 2em; position: absolute; width: 100%;} .ind_caseqh li.lishow{left: 0px;} .ind_caseqh .content li .img{height: 15em;} .ind_caseqh .content li .desc{padding: 1em 4%;} .ind_caseqh .content li .desc h3{font-size: 1.2em; margin-bottom: 0.3em;} .ind_caseqh .content li .desc p{ -webkit-line-clamp: 6;} } @media (min-width: 992px){ .ind_case_title{position: absolute; left: 0px; width: 100%;} .ind_case_bg{overflow: hidden;position: absolute; left: 0px; bottom: 0px; width: 100%;} .ind_case_bg2{border-top-left-radius: 20px; width: 130%; background: #fff; background-size:100% 28%;} .ind_caseqh .tab{background: #fff;} .ind_caseqh .tab>a{display: block;} .ind_caseqh .content ul{background: url(../images/indexabout_07.png) bottom left no-repeat; width: 130%; position: relative; background-size: 100% 26%;} .ind_caseqh .content li{position: absolute; top: 0px;} .ind_caseqh .content li .desc p{font-size: 14px; -webkit-line-clamp: 2; display: none;} } .main_ban{display: none;} .bread_crumb{color: #9c9c9c;} .bread_crumb a{color: #9c9c9c;} .bread_crumb a:hover{color: #e39200;} .bread_crumb span{background: url(../images/joinus_05.png) center left no-repeat; padding-left: 22px;} .main_cate01 a{display: inline-table; color: #000;} .main_cate01 a:hover,.main_cate01 a.act{color: #e39200; border-bottom: 2px #e39200 solid;} .main_cate02{text-align:center;} .main_cate02 a{display: inline-table; background: #eeeeee;} .main_cate02 a:hover,.main_cate02 a.act{background: #e39200; color: #fff;} @media (min-width: 1500px){ .location{line-height: 65px;} .main_cate01 a{margin-right: 60px;} .main_cate02 a{line-height: 40px; border-radius: 20px; padding: 0px 30px; margin: 4px 6px;} } @media (min-width: 1300px) and (max-width: 1499px){ .location{line-height: 60px;} .main_cate01 a{margin-right: 45px;} .main_cate02 a{line-height: 38px; border-radius: 19px; padding: 0px 25px; margin: 4px 5px;} } @media (min-width: 992px) and (max-width: 1299px){ .location{line-height: 55px;} .main_cate01 a{margin-right: 30px;} .main_cate02 a{line-height: 36px; border-radius: 18px; padding: 0px 13px; margin: 4px 4px;} } @media (min-width: 768px) and (max-width: 991px){ .location{line-height: 50px;} .main_cate01 a{margin-right: 12px;} .main_cate02 a{line-height: 32px; border-radius: 16px; padding: 0px 20px; margin: 3px 3px;} } @media (max-width: 767px) { .location{line-height: 2;} .bread_crumb{padding: 0.3em 0px;} .main_cate01{text-align:center;} .main_cate01 a{margin: 0px 0.3em;} .main_cate02 a{line-height: 2.4em; border-radius: 1.2em; padding: 0px 1em; margin: 0.2em 0.2em;} } @media (min-width: 768px){ .location{box-shadow: 0px 0px 5px 10px #eee;} .bread_crumb{float: right; font-size: 14px;} .main_cate01{float: left;} } @media (min-width: 1500px){ .main_ptb{padding: 60px 0px;} .main_pt{padding-top: 60px;} .main_pb{padding-bottom: 60px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_ptb{padding: 50px 0px;} .main_pt{padding-top: 50px;} .main_pb{padding-bottom: 50px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_ptb{padding: 40px 0px;} .main_pt{padding-top: 40px;} .main_pb{padding-bottom: 40px;} } @media (min-width: 768px) and (max-width: 991px){ .main_ptb{padding: 30px 0px;} .main_pt{padding-top: 30px;} .main_pb{padding-bottom: 30px;} } @media (max-width: 767px) { .main_ptb{padding: 1.6rem 0px;} .main_pt{padding-top: 1.6rem;} .main_pb{padding-bottom: 1.6rem;} } .main_page{text-align: center;} .main_page a,.main_page span{display: inline-table; width: 30px; height: 30px; line-height: 30px; border:1px solid #d9d9d9; border-radius: 4px;} .main_page .nums{ width:50px;} .main_page a:hover,.main_page span.current{border-color:#e39200; color: #e39200;} .main_page .next{ width:80px; height:30px;} .main_page .prev{ width:80px; height:30px;} .main_joinuslistselect{text-align:center;} .main_joinuslistselect select{ border: 1px #dcdcdc solid; color: #979797;} .main_joinuslist a{border:1px #dcdcdc solid; font-size: 14px;} .main_joinuslist .mjoinuslist_top .img{float: left; text-align:center; background: #f6f6f6; display: none;} .main_joinuslist .mjoinuslist_top .desc{position: relative;} .main_joinuslist .mjoinuslist_top span{position: absolute; right: 0px; top: 0px; color: #e10707;} .main_joinuslist .mjoinuslist_top h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_joinuslist .mjoinuslist_top p{color: #999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_joinuslist .mjoinuslist_bot{color: #999;/*display: flex; text-align: center;justify-content: space-between;*/ text-align: right;} .main_joinuslist .mjoinuslist_bot i{display: none;} .main_joinuslist a:hover{border-color: #e39200;} @media (min-width: 1500px){ .main_joinuslistselect select{width: 270px; margin: 0px 8px; height: 42px; text-indent: 10px;} .main_joinuslist{padding: 40px 0px;} .main_joinuslist a{margin: 20px 0px; padding: 24px;} .main_joinuslist .mjoinuslist_top{margin-bottom: 12px;} .main_joinuslist .mjoinuslist_top .img,.main_joinuslist .mjoinuslist_top .img .middle{width: 90px; height: 90px;} .main_joinuslist .mjoinuslist_top .desc{} .main_joinuslist .mjoinuslist_top h3{font-size: 18px; margin-bottom: 15px; width: 60%;} .main_joinuslist .mjoinuslist_top span{font-size: 18px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_joinuslistselect select{width: 250px; margin: 0px 8px; height: 40px; text-indent: 10px;} .main_joinuslist{padding: 35px 0px;} .main_joinuslist a{margin: 16px 0px; padding: 20px;} .main_joinuslist .mjoinuslist_top{margin-bottom: 10px;} .main_joinuslist .mjoinuslist_top .img,.main_joinuslist .mjoinuslist_top .img .middle{width: 80px; height: 80px;} .main_joinuslist .mjoinuslist_top .desc{} .main_joinuslist .mjoinuslist_top h3{font-size: 16px; margin-bottom: 15px; width: 60%;} .main_joinuslist .mjoinuslist_top span{font-size: 16px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_joinuslistselect select{width: 230px; margin: 0px 8px; height: 40px; text-indent: 10px;} .main_joinuslist{padding: 30px 0px;} .main_joinuslist a{margin: 14px 0px; padding: 16px;} .main_joinuslist .mjoinuslist_top{margin-bottom: 10px;} .main_joinuslist .mjoinuslist_top .img,.main_joinuslist .mjoinuslist_top .img .middle{width: 80px; height: 80px;} .main_joinuslist .mjoinuslist_top .desc{} .main_joinuslist .mjoinuslist_top h3{font-size: 15px; margin-bottom: 15px; width: 50%;} .main_joinuslist .mjoinuslist_top span{font-size: 15px;} } @media (min-width: 768px) and (max-width: 991px){ .main_joinuslistselect select{width: 210px; margin: 0px 8px; height: 40px; text-indent: 10px;} .main_joinuslist{padding: 20px 0px;} .main_joinuslist a{margin: 14px 0px; padding: 16px; display: block;} .main_joinuslist .mjoinuslist_top{margin-bottom: 10px;} .main_joinuslist .mjoinuslist_top .img,.main_joinuslist .mjoinuslist_top .img .middle{width: 80px; height: 80px;} .main_joinuslist .mjoinuslist_top .desc{} .main_joinuslist .mjoinuslist_top h3{font-size: 15px; margin-bottom: 15px; width: 50%;} .main_joinuslist .mjoinuslist_top span{font-size: 15px;} } @media (max-width: 767px) { .main_joinuslistselect select{width: 30%; height: 2.4em; text-indent: 0.4em;} .main_joinuslist{padding: 1em 0px;} .main_joinuslist a{margin: 0.8em 0px; padding: 1em; display: block; line-height: 1.6;} .main_joinuslist .mjoinuslist_top{margin-bottom: 10px;} .main_joinuslist .mjoinuslist_top .img,.main_joinuslist .mjoinuslist_top .img .middle{width: 20%; height: 4.5em;} .main_joinuslist .mjoinuslist_top .img img{height: 3em;} .main_joinuslist .mjoinuslist_top .desc{} .main_joinuslist .mjoinuslist_top h3{font-size: 1.05em; margin-bottom: 0.8em; width: 50%; line-height: 1.6;} .main_joinuslist .mjoinuslist_top span{font-size: 1.05em;} } @media (min-width: 992px){ .main_joinuslist a{float: left; width: 48.5%;line-height: 2;} .main_joinuslist a:nth-child(2n){float: right;} .main_joinuslist a h3{line-height: 2;} } .main_newtui .mnewtuia{display: block;} .main_newtui .mnewtuia .img{border-radius: 10px; overflow: hidden;} .main_newtui .mnewtuia .img img{width: 100%; height: 100%; object-fit: cover;} .main_newtui .mnewtuia .desc{line-height: 1.8;} .main_newtui .mnewtuia .desc span{color: #e39200;} .main_newtui .mnewtuia .desc h3{color: #e39200; line-height: 2;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_newtui .mnewtuia .desc p{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; color: #6c6c6c;} .main_newlist a{display: block; border-bottom: 1px #dcdcdc solid;} .main_newlist a .time{float: left; text-align: right;} .main_newlist a .time i,.main_newlist a em{display: block;} .main_newlist a .desc{float: right; line-height: 2;} .main_newlist a .desc h3{line-height: 2;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_newlist a .desc p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_newlist a:hover{background: #e39200; color: #fff;} @media (min-width: 1500px){ .main_newtui .mnewtuia{margin-bottom: 20px;} .main_newtui .mnewtuia .img{width: 350px; height: 210px;} .main_newtui .mnewtuia .desc{width: 980px;} .main_newtui .mnewtuia .desc h3{font-size: 24px; margin-top: 10px;} .main_newtui .mnewtuia .desc p{margin-top: 6px;-webkit-line-clamp: 3;} .main_newlist{padding: 50px 0px;} .main_newlist a{padding: 35px 70px 35px 40px;} .main_newlist a .time i{font-size: 32px;} .main_newlist a .desc{width: 1200px; padding-right: 120px;} .main_newlist a .desc h3{font-size: 18px; margin-bottom: 3px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_newtui .mnewtuia{margin-bottom: 18px;} .main_newtui .mnewtuia .img{width: 350px; height: 210px;} .main_newtui .mnewtuia .desc{width: 780px;} .main_newtui .mnewtuia .desc h3{font-size: 22px; margin-top: 8px;} .main_newtui .mnewtuia .desc p{margin-top: 6px;-webkit-line-clamp: 3;} .main_newlist{padding: 45px 0px;} .main_newlist a{padding: 30px 60px 30px 30px;} .main_newlist a .time i{font-size: 30px;} .main_newlist a .desc{width: 1000px; padding-right: 110px;} .main_newlist a .desc h3{font-size: 17px; margin-bottom: 3px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_newtui .mnewtuia{margin-bottom: 15px;} .main_newtui .mnewtuia .img{width: 330px; height: 204px;} .main_newtui .mnewtuia .desc{width: 600px;} .main_newtui .mnewtuia .desc h3{font-size: 20px; margin-top: 6px;} .main_newtui .mnewtuia .desc p{margin-top: 6px;-webkit-line-clamp: 3;} .main_newlist{padding: 40px 0px;} .main_newlist a{padding: 25px 50px 25px 25px;} .main_newlist a .time i{font-size: 30px;} .main_newlist a .desc{width: 800px; padding-right: 100px;} .main_newlist a .desc h3{font-size: 16px; margin-bottom: 3px;} } @media (min-width: 768px) and (max-width: 991px){ .main_newtui .mnewtuia{margin-bottom: 12px;} .main_newtui .mnewtuia .img{width: 260px; height: 160px;} .main_newtui .mnewtuia .desc{width: 465px;} .main_newtui .mnewtuia .desc h3{font-size: 18px; margin-top: 6px;} .main_newtui .mnewtuia .desc p{margin-top: 6px;-webkit-line-clamp: 3;} .main_newlist{padding: 30px 0px;} .main_newlist a{padding: 20px 40px 20px 20px;} .main_newlist a .time i{font-size: 30px;} .main_newlist a .desc{width: 600px; padding-right: 80px;} .main_newlist a .desc h3{font-size: 16px; margin-bottom: 3px;} } @media (max-width: 767px) { .main_newtui .mnewtuia{margin-bottom: 0.8em;} .main_newtui .mnewtuia .img{margin-top: 1em} .main_newtui .mnewtuia .desc{} .main_newtui .mnewtuia .desc h3{font-size: 1.2em; margin-top: 0.3em;} .main_newtui .mnewtuia .desc p{margin-top: 0.2em;-webkit-line-clamp: 3;} .main_newlist{padding: 1.6em 0px;} .main_newlist a{padding: 1em 2%;} .main_newlist a .time i{font-size: 2em;} .main_newlist a .desc{width: 80%;} .main_newlist a .desc h3{font-size: 1.1em; margin-bottom: 0.2em;} } @media (min-width: 768px){ .main_newtui .mnewtuia .desc{float: left;} .main_newtui .mnewtuia .img{float: right;} .main_newlist a .desc{background: url(../images/newslistbtn_03.png) center right no-repeat; background-size:auto 50%;} } .main_more a{display: inline-table; color: #fff; background: #e39200; line-height: 2;} @media (min-width: 1500px){ .main_more a{padding: 4px 40px; border-radius: 20px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_more a{padding: 4px 35px; border-radius: 20px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_more a{padding: 3px 30px; border-radius: 19px;} } @media (min-width: 768px) and (max-width: 991px){ .main_more a{padding: 2px 30px; border-radius: 18px;} } @media (max-width: 767px) { .main_more a{padding: 0.1em 2em; border-radius: 1.2em;} } @media (min-width: 768px){ } .main_news{line-height: 2;} .main_news .title{text-align: center; line-height: 1.6;} .main_news .time{color: #999999;text-align: center;} .main_news .time span{display: inline-table;} .main_news .content{color: #696969; border-bottom: 1px #e5e5e5 solid; border-top: 1px #e5e5e5 solid;} .prev_next{line-height: 2;} .prev_next a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .prev_next,.prev_next a{color: #696969;} .prev_next span{display: block;} @media (min-width: 1500px){ .main_news .title{font-size: 22px;} .main_news .time{margin-top: 15px;} .main_news .content{padding: 35px 0px; margin: 25px 0px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_news .title{font-size: 20px;} .main_news .time{margin-top: 12px;} .main_news .content{padding: 30px 0px; margin: 22px 0px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_news .title{font-size: 18px;} .main_news .time{margin-top: 10px;} .main_news .content{padding: 25px 0px; margin: 20px 0px;} } @media (min-width: 768px) and (max-width: 991px){ .main_news .title{font-size: 16px;} .main_news .time{margin-top: 8px;} .main_news .content{padding: 20px 0px; margin: 15px 0px;} } @media (max-width: 767px) { .main_news .title{font-size: 1.2rem;} .main_news .time{margin-top: 0.3rem;} .main_news .content{padding: 1rem 0px; margin: 0.6rem 0px;} .prev_next .prev,.prev_next .next{margin: 0.2em 0px;} } @media (min-width: 768px){ .prev_next{position: relative;} .prev_next .prev,.prev_next .next{max-width: 45%;} .prev_next .prev{float: left;} .prev_next .next{float: right;} } .main_caselist a{border-radius: 6px; overflow: hidden; box-shadow: 0px 0px 15px #ccc; line-height: 1.6;} .main_caselist a .img{border-radius: 6px; overflow: hidden;} .main_caselist a img{width: 100%; height: 100%; object-fit: cover;transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;} .main_caselist a h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.6;} .main_caselist a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #999; } .main_caselist a:hover img{transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);} @media (min-width: 1500px){ .main_caselist{padding: 40px 0px;} .main_caselist a{width: 31%; margin: 25px 0px;} .main_caselist a:nth-child(3n-1){margin: 25px 3.5%;} .main_caselist a .img{height: 278px;} .main_caselist a .desc{padding: 25px 4%;} .main_caselist a h3{font-size: 18px; margin-bottom: 10px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_caselist{padding: 35px 0px;} .main_caselist a{width: 31%; margin: 22px 0px;} .main_caselist a:nth-child(3n-1){margin: 22px 3.5%;} .main_caselist a .img{height: 238px;} .main_caselist a .desc{padding: 20px 4%;} .main_caselist a h3{font-size: 17px; margin-bottom: 8px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_caselist{padding: 30px 0px;} .main_caselist a{width: 32%; margin: 16px 0px;} .main_caselist a:nth-child(3n-1){margin: 16px 2%;} .main_caselist a .img{height: 198px;} .main_caselist a .desc{padding: 18px 4%;} .main_caselist a h3{font-size: 16px; margin-bottom: 6px;} } @media (min-width: 768px) and (max-width: 991px){ .main_caselist{padding: 25px 0px;} .main_caselist a{width: 32%; margin: 10px 0px;} .main_caselist a:nth-child(3n-1){margin: 10px 2%;} .main_caselist a .img{height: 154px;} .main_caselist a .desc{padding: 1em 4%;} .main_caselist a h3{font-size: 1.1em; margin-bottom: 0.2em;} } @media (max-width: 767px) { .main_caselist{padding: 1em 3%;} .main_caselist a{margin: 1em 0px; display: block;} .main_caselist a .img{max-height: 17em;} .main_caselist a .desc{padding: 14px 4%;} .main_caselist a h3{font-size: 15px; margin-bottom: 5px;} } @media (min-width: 768px){ .main_caselist a{float: left;} .main_caselist a p{font-size: 14px; height: 45px;} } .ban{overflow:hidden;} .ban2{position:relative; overflow:hidden;} .ban2 ul{ position:absolute; left:0; top:0;} .ban2 ul a{display: block;} .ban2 ul a img{width: 100%; height: 100%; object-fit: cover;} .min_pic{position: relative;} .num1{overflow:hidden; position:relative; margin: 0px auto;} .num1 ul{ position:absolute; left:0; top:0;} .num1 ul li{padding:2px;} .num1 ul li a{display: block;} .num1 ul li a img{width: 100%; height: 100%; object-fit: cover;} .num1 ul li.on{ border:2px solid red; padding:0;} .prev_btn1,.next_btn1{text-align:center; height:100%; cursor:pointer; position: absolute; top: 0px; background: #f3f3f3;} .prev_btn1{left: 0px; background:url(../images/case_btn_13.png) center center no-repeat #f3f3f3;} .next_btn1{right: 0px; background:url(../images/case_btn_16.png) center center no-repeat#f3f3f3;} .prev1,.next1{position:absolute; top:50%;transform: translate(-50%,-50%); width:28px;height:51px;z-index:9;cursor:pointer;} .prev1{left:20px;} .next1{right:20px;} .main_casetop .desc{line-height: 2.2;} .main_casetop .desc h3{line-height: 2;} .main_casetop .desc p{color: #5f5f5f;} @media (min-width: 1500px){ .main_casetop{position: relative; margin-top: 50px;} .ban{width:660px;} .ban2{width:660px; height:430px;} .ban2 ul li{width:660px; height:430px;} .min_pic{width:660px; position: absolute; right: 0px; bottom: 0px;} .num1{height:89px; width:612px;} .num1 ul li{ width:136px; height:89px; margin:0px 8px;} .num1 ul li a{height: 85px;} .main_casetop .desc{width: 660px;} .main_casetop .desc h3{margin-bottom: 20px; font-size: 24px;} .main_casetop .desc .middle{height: 300px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_casetop{position: relative; margin-top: 45px;} .ban{width:570px;} .ban2{width:570px; height:370px;} .ban2 ul li{width:570px; height:370px;} .min_pic{width:570px; position: absolute; right: 0px; bottom: 0px;} .num1{height:77px; width:510px;} .num1 ul li{ width:116px; height:77px; margin:0px 6px;} .num1 ul li a{height: 73px;} .main_casetop .desc{width: 570px;} .main_casetop .desc h3{margin-bottom: 16px; font-size: 20px;} .main_casetop .desc .middle{height: 260px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_casetop{position: relative; margin-top: 40px;} .ban{width:470px;} .ban2{width:470px; height:302px;} .ban2 ul li{width:470px; height:302px;} .min_pic{width:470px; position: absolute; right: 0px; bottom: 0px;} .num1{height:64px; width:410px;} .num1 ul li{ width:95px; height:64px; margin:0px 4px;} .num1 ul li a{height: 60px;} .main_casetop .desc{width: 470px;} .main_casetop .desc h3{margin-bottom: 10px; font-size: 16px;} .main_casetop .desc .middle{height: 220px;} .main_casetop .desc p{line-height: 1.5;} } @media (min-width: 768px) and (max-width: 991px){ .main_casetop{position: relative; margin-top: 30px;} .ban{width:400px;} .ban2{width:400px; height:260px;} .ban2 ul li{width:400px; height:260px;} .min_pic{width:400px; margin-top: 15px;} .num1{height:57px; width:360px;} .num1 ul li{ width:85px; height:57px; margin:0px 2px;} .num1 ul li a{height: 53px;} .main_casetop .desc{width: 300px;} .main_casetop .desc h3{margin-bottom: 10px; font-size: 16px; line-height: 1.6;} .main_casetop .desc .middle{height: 330px;} .main_casetop .desc p{line-height: 1.8;} } @media (max-width: 767px) { .main_casetop{position: relative; margin-top: 1.6em;} .ban{width:370px; margin: 0px auto;} .ban2{width:370px; height:240px;} .ban2 ul li{width:370px; height:240px;} .min_pic{margin-top: 15px;} .prev_btn1,.next_btn1{width:18px;} .num1{height:52px; width:330px;} .num1 ul li{ width:78px; height:52px; margin:0px 2px;} .num1 ul li a{height: 48px;} .main_casetop .desc{margin-top: 1.2em;} .main_casetop .desc h3{margin-bottom: 0.6em; font-size: 1.2em;} .main_casetop .desc .middle{} } @media (min-width: 992px) { } @media (min-width: 768px){ .ban{float: left;} .main_casetop .desc{float: right;} .prev_btn1,.next_btn1{width:20px;} } .main_casecon{border-top: 1px #e39200 solid; font-size: 14px; line-height: 2.2; color: #5f5f5f;} .main_title01 h2{color: #f3f3f3} .main_title01 h3{color: #e39200;} @media (min-width: 1500px){ .main_casecon{margin-top: 70px; padding: 60px 0px;} .main_casetui .main_caselist{padding: 30px 0px;} .main_title01 h2{font-size: 72px;} .main_title01 h3{font-size: 24px; margin-top: -30px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_casecon{margin-top: 60px; padding: 50px 0px;} .main_casetui .main_caselist{padding: 25px 0px;} .main_title01 h2{font-size: 64px;} .main_title01 h3{font-size: 22px; margin-top: -30px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_casecon{margin-top: 50px; padding: 40px 0px;} .main_casetui .main_caselist{padding: 20px 0px;} .main_title01 h2{font-size: 56px;} .main_title01 h3{font-size: 20px; margin-top: -26px;} } @media (min-width: 768px) and (max-width: 991px){ .main_casecon{margin-top: 40px; padding: 30px 0px;} .main_casetui .main_caselist{padding: 15px 0px;} .main_title01 h2{font-size: 48px;} .main_title01 h3{font-size: 18px; margin-top: -24px;} } @media (max-width: 767px) { .main_casecon{margin-top: 1.6em; padding: 1.4em 0px;} .main_casetui .main_caselist{padding: 0.8em 3%;} .main_title01 h2{font-size: 3em;} .main_title01 h3{font-size: 1.4em; margin-top: -1em;} } @media (min-width: 768px){ } /* 滚动内容样式 */ .scroll_main {display: block;} /* 滚动内容区样式 */ .scroll_wrap {width: 100%; position: relative;} /* 滚动内容样式 */ .scroll_wrap .scroll_cont {height: 100%; overflow: hidden;} /* 滚动条 */ .scroll_wrap .scroll_bar {position: absolute;top:0; right:0; width: 3px; height: 100%; background-color: #e5e5e5;} /* 滚动块 */ .scroll_wrap .scroll_slider {position: absolute; top: 0; left: 0px; width: 3px; height: 40px; background-color: #e39200; border-radius:5px; opacity: .5} .scroll_wrap .scroll_slider:hover{opacity: 1} .main_yewu{background: #f6f7fb; line-height: 2;} .yewu_title h1{color: #f3f3f3;text-transform:uppercase;} .yewu_title h3{color: #e39200;} .main_yewugundong{} .main_yewugundong .mySwiper{height: 100%;} .main_yewugundong .swiper-slide {height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .main_yewugundong .swiper-scrollbar-drag{background: #e39200;} .main_yewu .right img{width: 100%; height: 100%; object-fit: cover;} @media (min-width: 1500px){ .main_yewu{margin: 50px 0px;} .main_yewu .left{padding: 50px 0px; width: 670px;} .yewu_title h1{font-size: 72px;} .yewu_title h3{font-size: 24px; margin-top: -24px;} .main_yewu .scroll_main{margin-top: 35px;} .main_yewu .scroll_wrap{height: 224px;} .main_yewugundong{height: 224px;margin-top: 35px;} .main_yewugundong .swiper-slide{padding-right: 20px;} .main_yewu .right{width: 688px; height: 450px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_yewu{margin: 45px 0px;} .main_yewu .left{padding: 35px 0px; width: 570px;} .yewu_title h1{font-size: 64px;} .yewu_title h3{font-size: 22px; margin-top: -22px;} .main_yewu .scroll_main{margin-top: 25px;} .main_yewu .scroll_wrap{height: 224px;} .main_yewugundong{height: 224px;margin-top: 25px;} .main_yewugundong .swiper-slide{padding-right: 18px;} .main_yewu .right{width: 600px; height: 390px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_yewu{margin: 40px 0px;} .main_yewu .left{padding: 25px 0px; width: 450px;} .yewu_title h1{font-size: 56px;} .yewu_title h3{font-size: 20px; margin-top: -20px;} .main_yewu .scroll_main{margin-top: 20px;} .main_yewu .scroll_wrap{height: 180px;} .main_yewugundong{height: 180px;margin-top: 20px;} .main_yewugundong .swiper-slide{padding-right: 16px;} .main_yewu .right{width: 490px; height: 320px;} } @media (min-width: 768px) and (max-width: 991px){ .main_yewu{margin: 30px 0px;} .main_yewu .left{padding: 25px 0px;} .yewu_title h1{font-size: 48px;} .yewu_title h3{font-size: 18px; margin-top: -18px;} .main_yewu .scroll_main{margin-top: 20px;} .main_yewu .scroll_bar{display: none;} .main_yewugundong{height: 224px;margin-top: 20px;} .main_yewugundong .swiper-slide{padding-right: 15px;} .main_yewu .right{text-align:center;} } @media (max-width: 767px) { .main_yewu{margin: 1.6em 0px; padding: 0px 3%;} .main_yewu .left{padding: 1.2em 0px;} .yewu_title h1{font-size: 2em;} .yewu_title h3{font-size: 1.4em; margin-top: -1em;} .main_yewu .scroll_main{margin-top: 1em;} .main_yewu .scroll_bar{display: none;} .main_yewugundong{height: 20em;margin-top: 1em;} .main_yewugundong .swiper-slide{padding-right: 1em;} .main_yewu .right{text-align:center; padding-bottom: 1em;} } @media (min-width: 992px){ .main_yewu .left{float: left;} .main_yewu .right{float: right;} } #map{width: 100%; height: 100%;} .BMap_Marker img{max-width: 9999999%;} .BMap_pop img{max-width: 20px;} .BMap_Marker label{max-width: 1000px;} .main_contact li{background: #f6f7fa; border-radius: 10px; cursor: pointer;} .main_contact li .img{width: 24%; float: left; border-right: 1px #dcdcdc solid;} .main_contact li.mcontact01 .img{background: url(../images/contact_03.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact02 .img{background: url(../images/contact_06.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact03 .img{background: url(../images/contact_14.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact04 .img{background: url(../images/contact_11.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact01:hover .img{background: url(../images/contact_03hover.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact02:hover .img{background: url(../images/contact_06hover.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact03:hover .img{background: url(../images/contact_14hover.png) center center no-repeat; background-size: auto 60%;} .main_contact li.mcontact04:hover .img{background: url(../images/contact_11hover.png) center center no-repeat; background-size: auto 60%;} .main_contact li .desc{float: left; line-height: 1.7; width: 76%;} .main_contact li .desc h3{line-height: 2;} .main_contact li .desc p{color: #646464;} .main_contact li:hover{color: #e39200;} .main_contact li:hover p{color: #e39200;} @media (min-width: 1500px){ .main_contact{margin-bottom: 50px;} .main_contact li{padding: 40px 0px; margin: 20px 0px;} .main_contact li .img{height: 130px;} .main_contact li .desc{padding: 6px 130px 6px 35px;} .main_contact li .desc h3{font-size: 18px; margin-bottom: 8px;} .main_contact li .desc p{font-size: 22px} .main_ditu{height: 550px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_contact{margin-bottom: 40px;} .main_contact li{padding: 35px 0px; margin: 18px 0px;} .main_contact li .img{height: 124px;} .main_contact li .desc{padding: 6px 100px 6px 30px;} .main_contact li .desc h3{font-size: 18px; margin-bottom: 8px;} .main_contact li .desc p{font-size: 20px} .main_ditu{height: 500px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_contact{margin-bottom: 35px;} .main_contact li{padding: 25px 0px; margin: 15px 0px;} .main_contact li .img{height: 112px;} .main_contact li .desc{padding: 5px 60px 5px 20px;} .main_contact li .desc h3{font-size: 16px; margin-bottom: 8px;} .main_contact li .desc p{font-size: 18px} .main_ditu{height: 450px;} } @media (min-width: 768px) and (max-width: 991px){ .main_contact{margin-bottom: 25px;} .main_contact li{padding: 25px 0px; margin: 15px 0px;} .main_contact li .img{height: 98px;} .main_contact li .desc{padding: 5px 30px 5px 15px;} .main_contact li .desc h3{font-size: 14px; margin-bottom: 5px;} .main_contact li .desc p{font-size: 16px} .main_ditu{height: 450px;} } @media (max-width: 767px) { .main_contact{margin-bottom: 1.6em;} .main_contact li{padding: 1em 0px; margin: 1em 0px;} .main_contact li .img{height: 7em;} .main_contact li .desc{padding: 0.2em 2em 0.2em 1em;} .main_contact li .desc h3{font-size: 1em; margin-bottom: 0.2em;} .main_contact li .desc p{font-size: 1.2em} .main_ditu{height: 400px;} } @media (min-width: 768px){ .main_contact li{float: left; width: 48%;} .main_contact li:nth-child(2n){float: right;} } .main_honorlist a{box-shadow: 0px 0px 10px #eee; border-radius: 10px; overflow: hidden; text-align: center; float: left;} .main_honorlist a img{width: 100%; height: 100%; object-fit: cover;} @media (min-width: 1500px){ .main_honorlist{padding: 40px 0px;} .main_honorlist a{width: 31%; margin: 20px 0px; padding: 20px 24px 10px;} .main_honorlist a:nth-child(3n-1){margin: 20px 3.5%;} .main_honorlist a .img{height: 260px;} .main_honorlist a .title{padding: 5px 0px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_honorlist{padding: 30px 0px;} .main_honorlist a{width: 31%; margin: 15px 0px; padding: 16px 20px 6px;} .main_honorlist a:nth-child(3n-1){margin: 18px 3.5%;} .main_honorlist a .img{height: 225px;} .main_honorlist a .title{padding: 5px 0px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_honorlist{padding: 24px 0px;} .main_honorlist a{width: 32%; margin: 12px 0px; padding: 14px 16px 4px;} .main_honorlist a:nth-child(3n-1){margin: 12px 2%;} .main_honorlist a .img{height: 190px;} .main_honorlist a .title{padding: 5px 0px;} } @media (min-width: 768px) and (max-width: 991px){ .main_honorlist{padding: 20px 0px;} .main_honorlist a{width: 32%; margin: 10px 0px; padding: 12px 10px 2px;} .main_honorlist a:nth-child(3n-1){margin: 10px 2%;} .main_honorlist a .img{height: 150px;} .main_honorlist a .title{padding: 4px 0px;} } @media (max-width: 767px) { .main_honorlist{padding: 1.6em 0px;} .main_honorlist a{margin: 0.8em 0px; padding: 0.5em 2% 0.2em; width: 48.5%;} .main_honorlist a:nth-child(2n){float: right;} .main_honorlist a .img{height: 8em;} .main_honorlist a .title{margin: 0.4em 0px; height: 3.6em; line-height: 1.8; overflow: hidden;} } @media (min-width: 768px){ .main_honorlist a .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2;} } .main_zizhilist li{background: #f6f7fa; line-height: 2.2; border-radius: 10px; overflow: hidden;} .main_zizhilist li .title{line-height: 2; color: #e39200;} @media (min-width: 1500px){ .main_zizhilist{padding-top: 30px;} .main_zizhilist li{width: 31%; margin: 20px 0px; padding: 20px 15px;} .main_zizhilist li:nth-child(3n-1){margin: 20px 3.5%;} .main_zizhilist li .title{font-size: 18px;} .main_zizhilist li .desc{height: 185px; margin-top: 10px} } @media (min-width: 1300px) and (max-width: 1499px){ .main_zizhilist{padding-top: 25px;} .main_zizhilist li{width: 31%; margin: 18px 0px; padding: 18px 13px;} .main_zizhilist li:nth-child(3n-1){margin: 18px 3.5%;} .main_zizhilist li .title{font-size: 17px;} .main_zizhilist li .desc{height: 185px; margin-top: 9px} } @media (min-width: 992px) and (max-width: 1299px){ .main_zizhilist{padding-top: 20px;} .main_zizhilist li{width: 31%; margin: 15px 0px; padding: 15px 10px;} .main_zizhilist li:nth-child(3n-1){margin: 15px 3.5%;} .main_zizhilist li .title{font-size: 16px;} .main_zizhilist li .desc{height: 185px; margin-top: 8px} } @media (min-width: 768px) and (max-width: 991px){ .main_zizhilist{padding-top: 18px;} .main_zizhilist li{width: 32%; margin: 12px 0px; padding: 12px 8px;} .main_zizhilist li:nth-child(3n-1){margin: 12px 2%;} .main_zizhilist li .title{font-size: 15px;} .main_zizhilist li .desc{height: 216px; margin-top: 7px} } @media (max-width: 767px) { .main_zizhilist{padding-top: 1em;} .main_zizhilist li{margin: 1em 0px; padding: 1em 8px;} .main_zizhilist li .title{font-size: 1.1em;} .main_zizhilist li .desc{margin-top: 0.6em} } @media (min-width: 768px){ .main_zizhilist li{float: left; font-size: 14px;} } .main_culture li{text-align: center; line-height: 2; cursor: pointer;} .main_culture li h3{line-height: 2;} .main_culture li .desc{color: #646464;} .main_culture li:hover .title{color: #e39200;} @media (min-width: 1500px){ .main_culture li{width: 33.333%; border-right: 1px #e5e5e5 solid; padding: 50px 0px;} .main_culture li:nth-child(3n){border-right: 0px #e5e5e5 solid;} .main_culture li:nth-child(1),.main_culture li:nth-child(2),.main_culture li:nth-child(3){ border-bottom: 1px #e5e5e5 solid;} .main_culture li .img{height: 70px;} .main_culture li .title{font-size: 24px;} .main_culture li .desc{height: 160px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_culture li{width: 33.333%; border-right: 1px #e5e5e5 solid; padding: 40px 0px;} .main_culture li:nth-child(3n){border-right: 0px #e5e5e5 solid;} .main_culture li:nth-child(1),.main_culture li:nth-child(2),.main_culture li:nth-child(3){ border-bottom: 1px #e5e5e5 solid;} .main_culture li .img{height: 70px;} .main_culture li .title{font-size: 22px;} .main_culture li .desc{height: 160px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_culture li{width: 33.333%; border-right: 1px #e5e5e5 solid; padding: 30px 0px;} .main_culture li:nth-child(3n){border-right: 0px #e5e5e5 solid;} .main_culture li:nth-child(1),.main_culture li:nth-child(2),.main_culture li:nth-child(3){ border-bottom: 1px #e5e5e5 solid;} .main_culture li .img{height: 70px;} .main_culture li .title{font-size: 20px;} .main_culture li .desc{height: 150px;} } @media (min-width: 768px) and (max-width: 991px){ .main_culture li{width: 50%; border-right: 1px #e5e5e5 solid; padding: 30px 0px;} .main_culture li:nth-child(2n){border-right: 0px #e5e5e5 solid;} .main_culture li:nth-child(1),.main_culture li:nth-child(2),.main_culture li:nth-child(3),.main_culture li:nth-child(4){ border-bottom: 1px #e5e5e5 solid;} .main_culture li .img{height: 70px;} .main_culture li .title{font-size: 18px;} .main_culture li .desc{height: 140px;} } @media (max-width: 767px) { .main_culture li{border-bottom: 1px #e5e5e5 solid; padding: 2em 0px;} .main_culture li .img{height: 5em;} .main_culture li .title{font-size: 1.2em;} } @media (min-width: 768px){ .main_culture li{float: left;} } .main_jgzuzhi{text-align: center;} @media (min-width: 1500px){ .main_jgzuzhi{padding: 80px 0px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_jgzuzhi{padding: 70px 0px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_jgzuzhi{padding: 60px 0px;} } @media (min-width: 768px) and (max-width: 991px){ .main_jgzuzhi{padding: 40px 0px;} } @media (max-width: 767px) { .main_jgzuzhi{padding: 2em 3%;} } @media (min-width: 768px){ } .main_jgyewulist a{display: block; line-height: 2;} .main_jgyewulist a .title{background: url(../images/jgyewuline_06.jpg) left bottom no-repeat;background-size: auto 8%; padding-bottom: 10px; line-height: 1.5;} .main_jgyewulist a span{display: inline-table; background: #eeeeee; } .main_jgyewulist a .desc{color: #616161;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;} .main_jgyewulist a:hover span{background: #e39200; color: #fff;} @media (min-width: 1500px){ .main_jgyewulist{padding: 70px 0px;} .main_jgyewulist a .word{padding: 0px 60px;} .main_jgyewulist a .middle{height: 400px;} .main_jgyewulist a .title{font-size: 24px;} .main_jgyewulist a .desc{margin: 30px 0px; -webkit-line-clamp: 4;} .main_jgyewulist a span{padding: 4px 40px; border-radius: 20px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_jgyewulist{padding: 60px 0px;} .main_jgyewulist a .word{padding: 0px 50px;} .main_jgyewulist a .middle{height: 344px;} .main_jgyewulist a .title{font-size: 22px;} .main_jgyewulist a .desc{margin: 25px 0px; -webkit-line-clamp: 4;} .main_jgyewulist a span{padding: 4px 35px; border-radius: 20px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_jgyewulist{padding: 50px 0px;} .main_jgyewulist a .word{padding: 0px 30px;} .main_jgyewulist a .middle{height: 278px;} .main_jgyewulist a .title{font-size: 20px;} .main_jgyewulist a .desc{margin: 20px 0px; -webkit-line-clamp: 4;} .main_jgyewulist a span{padding: 3px 30px; border-radius: 19px;} } @media (min-width: 768px) and (max-width: 991px){ .main_jgyewulist{padding: 40px 0px;} .main_jgyewulist a .word{padding: 0px 20px;} .main_jgyewulist a .middle{height: 214px;} .main_jgyewulist a .title{font-size: 18px;} .main_jgyewulist a .desc{margin: 15px 0px; -webkit-line-clamp: 3;} .main_jgyewulist a span{padding: 2px 25px; border-radius: 18px;} } @media (max-width: 767px) { .main_jgyewulist{padding: 1.6em 3%;} .main_jgyewulist a .word{padding: 1em 3%;} .main_jgyewulist a .title{font-size: 1.2em;} .main_jgyewulist a .desc{margin: 0.8em 0px; -webkit-line-clamp: 3;} .main_jgyewulist a span{padding: 0.1em 2em; border-radius: 1.2em;} } @media (min-width: 768px){ .main_jgyewulist a .img{width: 50%; float: left;} .main_jgyewulist a .word{width: 50%; float: right;} .main_jgyewulist a:nth-child(2n) .img{float: right;} } .main_teamlist a{background: #f6f7fa;border-radius: 10px; overflow: hidden;} .main_teamlist a .img{float: left; border-radius: 10px; overflow: hidden;} .main_teamlist a .img img{width:100%; height: 100%; object-fit: cover;} .main_teamlist a .desc{float: right; line-height: 1.6;} .main_teamlist a h3{color: #e39200; line-height: 1.6;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .main_teamlist a h4{line-height: 1.6; margin: 5px 0px;} .main_teamlist a p{color: #5b5b5b;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .main_teamlist a span{display: inline-table; border:1px #e39200 solid; color: #e39200;} @media (min-width: 1500px){ .main_teamlist{padding-bottom: 30px;} .main_teamlist a{margin: 20px 0px;} .main_teamlist a .middle{height: 300px;} .main_teamlist a .img{width: 230px; height: 300px;} .main_teamlist a .desc{width: 449px; padding: 0px 50px 0px 25px;} .main_teamlist a h3{font-size: 18px;} .main_teamlist a h4{font-size: 18px;} .main_teamlist a p{margin-bottom: 35px;} .main_teamlist a span{padding: 4px 40px; border-radius: 20px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_teamlist{padding-bottom: 25px;} .main_teamlist a{margin: 18px 0px;} .main_teamlist a .middle{height: 260px;} .main_teamlist a .img{width: 200px; height: 260px;} .main_teamlist a .desc{width: 382px; padding: 0px 40px 0px 20px;} .main_teamlist a h3{font-size: 17px;} .main_teamlist a h4{font-size: 17px;} .main_teamlist a p{margin-bottom: 30px;} .main_teamlist a span{padding: 4px 35px; border-radius: 20px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_teamlist{padding-bottom: 20px;} .main_teamlist a{margin: 15px 0px;} .main_teamlist a .middle{height: 234px;} .main_teamlist a .img{width: 180px; height: 234px;} .main_teamlist a .desc{width: 290px; padding: 0px 30px 0px 18px;} .main_teamlist a h3{font-size: 16px;} .main_teamlist a h4{font-size: 16px;} .main_teamlist a p{margin-bottom: 20px;} .main_teamlist a span{padding: 2px 30px; border-radius: 18px;} } @media (min-width: 768px) and (max-width: 991px){ .main_teamlist{padding-bottom: 20px;} .main_teamlist a{margin: 15px 0px;} .main_teamlist a .middle{height: 194px;} .main_teamlist a .img{width: 150px; height: 194px;} .main_teamlist a .desc{width: 213px; padding: 0px 20px 0px 15px;} .main_teamlist a h3{font-size: 15px;} .main_teamlist a h4{font-size: 15px;} .main_teamlist a p{margin-bottom: 10px;} .main_teamlist a span{padding: 0px 25px; border-radius: 16px;} } @media (max-width: 767px) { .main_teamlist{padding-bottom: 1em;} .main_teamlist a{margin: 1em 0px; display: block;} .main_teamlist a .middle{height: 13em;} .main_teamlist a .img{width: 38%; height: 13em;} .main_teamlist a .desc{width: 62%; padding: 0px 1.6em 0px 1em;} .main_teamlist a h3{font-size: 1.1em;} .main_teamlist a h4{font-size: 1.1em;} .main_teamlist a p{margin-bottom: 0.8em;} .main_teamlist a span{padding: 0.1em 2em; border-radius: 1.2em} } @media (min-width: 768px){ .main_teamlist a{float: left; width:48.5%;} .main_teamlist a:nth-child(2n){float: right;} } .main_teammore a{display: block; line-height: 2;} .main_teammore a .img{border-radius: 10px; overflow: hidden;} .main_teammore a img{width: 100%; height: 100%; object-fit: cover;} .main_teammore a h3{line-height: 2; color: #e39200;} .main_teammore a p{color: #626262; font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;} .main_teammore a span{display: inline-table; background: #f4f4f4;} .main_teammore a:hover span{background: #e39200; color: #fff;} @media (min-width: 1500px){ .main_teammore{padding-bottom: 30px;} .main_teammore a{margin-bottom: 45px;} .main_teammore a .middle{height: 313px;} .main_teammore a .img{width: 38%;} .main_teammore a .desc{width: 58%;} .main_teammore a h3{font-size: 24px;} .main_teammore a p{height: 112px; margin:20px 0px 40px; -webkit-line-clamp: 4;} .main_teammore a span{padding: 4px 40px; border-radius: 20px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_teammore{padding-bottom: 25px;} .main_teammore a{margin-bottom: 40px;} .main_teammore a .middle{height: 268px;} .main_teammore a .img{width: 38%;} .main_teammore a .desc{width: 58%;} .main_teammore a h3{font-size: 22px;} .main_teammore a p{height: 112px; margin:15px 0px 30px; -webkit-line-clamp: 4;} .main_teammore a span{padding: 4px 35px; border-radius: 20px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_teammore{padding-bottom: 20px;} .main_teammore a{margin-bottom: 35px;} .main_teammore a .middle{height: 217px;} .main_teammore a .img{width: 38%;} .main_teammore a .desc{width: 58%;} .main_teammore a h3{font-size: 20px;} .main_teammore a p{height: 84px; margin:12px 0px 24px; -webkit-line-clamp: 3;} .main_teammore a span{padding: 3px 30px; border-radius: 19px} } @media (min-width: 768px) and (max-width: 991px){ .main_teammore{padding-bottom: 15px;} .main_teammore a{margin-bottom: 30px;} .main_teammore a .middle{height: 168px;} .main_teammore a .img{width: 38%;} .main_teammore a .desc{width: 58%;} .main_teammore a h3{font-size: 18px;} .main_teammore a p{height: 84px; margin:8px 0px 16px; -webkit-line-clamp: 3;} .main_teammore a span{padding: 2px 30px; border-radius: 18px;} } @media (max-width: 767px) { .main_teammore{padding:0px 15% 1em;} .main_teammore a{margin-bottom: 1em;} .main_teammore a .middle{display: block;} .main_teammore a .desc{padding: 1em 0px;text-align: center;} .main_teammore a h3{font-size: 1.1em; margin-bottom: 0.3em;} .main_teammore a p{margin:0.6em 0px 1.2em; -webkit-line-clamp: 4; display: none;} .main_teammore a span{padding: 0.1em 1.5em; border-radius: 1.2em; font-size: 0.9em;} } @media (min-width: 768px){ .main_teammore a .img{float: left;} .main_teammore a .desc{float: right;} } .main_teamshow_top{text-align: center;} .main_teamshow_top .img{display: inline-table; border-radius: 15px;overflow: hidden;} .main_teamshow_top h3{line-height: 2; color: #e39200;} .main_teamshow_bot{line-height: 2; border-bottom: 1px #dcdcdc solid;} @media (min-width: 1500px){ .main_teamshow_top h3{margin-top: 20px; font-size: 24px;} .main_teamshow_bot{padding: 60px 0px; margin-bottom: 40px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_teamshow_top h3{margin-top: 18px; font-size: 22px;} .main_teamshow_bot{padding: 50px 0px; margin-bottom: 30px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_teamshow_top h3{margin-top: 15px; font-size: 20px;} .main_teamshow_bot{padding: 40px 0px; margin-bottom: 25px;} } @media (min-width: 768px) and (max-width: 991px){ .main_teamshow_top h3{margin-top: 15px; font-size: 20px;} .main_teamshow_bot{padding: 40px 0px; margin-bottom: 25px;} } @media (max-width: 767px) { .main_teamshow_top h3{margin-top: 1em; font-size: 1.2em;} .main_teamshow_bot{padding: 1.6em 0px; margin-bottom: 1em;} } @media (min-width: 768px){ } .main_video{background: url(../images/aboutbg_02.jpg) center center no-repeat; text-align: center; background-size:100% 100%;} .main_video video{max-width: 100%;} @media (min-width: 1500px){ .main_video{padding: 60px 0px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_video{padding: 50px 0px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_video{padding: 40px 0px;} } @media (min-width: 768px) and (max-width: 991px){ .main_video{padding: 30px 0px;} } @media (max-width: 767px) { .main_video{padding: 1.8em 0px;} } @media (min-width: 768px){ } .main_biao{text-align: center;} .main_biao li{float: left; font-size: 14px; background: url(../images/aboutline_03.jpg) center right no-repeat;} .main_biao li .title{color: #e39200;} .main_biao li .desc{line-height: 1.4; color: #999;} @media (min-width: 1500px){ .main_biao{margin: 80px 0px;} .main_biao li{padding: 0px 65px;} .main_biao li .title i{font-size: 44px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_biao{margin: 60px 0px;} .main_biao li{padding: 0px 53px;} .main_biao li .title i{font-size: 34px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_biao{margin: 50px 0px;} .main_biao li{padding: 0px 37px;} .main_biao li .title i{font-size: 30px;} } @media (min-width: 768px) and (max-width: 991px){ .main_biao{margin: 40px 0px;;} .main_biao li{padding: 0px 20px;} .main_biao li .title i{font-size: 26px;} } @media (max-width: 767px) { .main_biao{padding: 1.6em 2%;} .main_biao li{width: 50%;} .main_biao li .title i{font-size: 2em;} .main_biao li p{display: inline-table; font-size: 0.8rem;} } @media (min-width: 768px){ .main_biao li:nth-child(1){padding-left: 0px; text-align: left;} .main_biao li:nth-child(7){padding-right: 0px; text-align: right; background: none;} } .main_about .left{line-height: 2;} .main_atitle{ background: url(../images/jgyewuline_06.jpg) left bottom no-repeat; background-size: auto 10%; padding-bottom: 10px;} .main_about .left .scroll_main{font-size: 14px;} .main_aboutgundong{} .main_aboutgundong .mySwiper{height: 100%;} .main_aboutgundong .swiper-slide {height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .main_aboutgundong .swiper-scrollbar-drag{background: #e39200;} .main_about .right .img{width: 100%; height: 100%; border-radius: 10px ;overflow: hidden;} .main_about .right img{width: 100%; height: 100%; object-fit: cover;} @media (min-width: 1500px){ .main_about .left{width: 655px;} .main_atitle{font-size: 24px;} .main_about .left .scroll_main{margin-top: 36px; ;} .main_about .left .scroll_wrap{height: 702px; padding-right: 20px;} .main_aboutgundong{height: 702px;margin-top: 36px;} .main_aboutgundong .swiper-slide{padding-right: 20px;} .main_about .right{width: 700px; height: 800px;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_about .left{width: 560px;} .main_atitle{font-size: 22px;} .main_about .left .scroll_main{margin-top: 30px; ;} .main_about .left .scroll_wrap{height: 672px; padding-right: 18px;} .main_aboutgundong{height: 672px;margin-top: 30px;} .main_aboutgundong .swiper-slide{padding-right: 18px;} .main_about .right{width: 620px; height: 758px;} } @media (min-width: 992px) and (max-width: 1299px){ .main_about .left{width: 450px;} .main_atitle{font-size: 20px;} .main_about .left .scroll_main{margin-top: 20px; ;} .main_about .left .scroll_wrap{height: 504px; padding-right: 16px;} .main_aboutgundong{height: 504px;margin-top: 20px;} .main_aboutgundong .swiper-slide{padding-right: 16px;} .main_about .right{width: 480px; height: 586px;} } @media (min-width: 768px) and (max-width: 991px){ .main_about .left{width: 350px;} .main_atitle{font-size: 18px;} .main_about .left .scroll_main{margin-top: 15px; ;} .main_about .left .scroll_wrap{height: 392px; padding-right: 14px;} .main_aboutgundong{height: 392px;margin-top: 15px;} .main_aboutgundong .swiper-slide{padding-right: 15px;} .main_about .right{width: 380px; height: 464px;} } @media (max-width: 767px) { .main_about .left{} .main_atitle{font-size: 1.2em;} .main_about .left .scroll_main{margin: 1em 0px;} .main_about .left .scroll_wrap .scroll_bar{display: none;} .main_aboutgundong{height: 24em;margin: 1em 0px;} .main_aboutgundong .swiper-slide{padding-right: 1em;} .main_about .right{} } @media (min-width: 768px){ .main_about .left{float: left;} .main_about .right{float: right;} } .main_zerenlistimg{position: relative;} .main_zerenlistimg .mySwiper p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .main_zerenlistimg .mySwiper .swiper-slide { height: 100%; line-height: 1.8;} .main_zerenlistimg .mySwiper .swiper-slide-thumb-active {box-shadow: 0px 0px 10px #ccc;} .main_zerenlistimg .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{top: auto;} .main_zerenlistimg .swiper-button-next{background: url(../images/zeren_19.png) center center no-repeat; background-size: 100%; text-indent: -999999px;} .main_zerenlistimg .swiper-button-prev{background: url(../images/zeren_16.png) center center no-repeat; background-size: 100%; text-indent: -999999px;} .main_zerenlistword dl {display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.6;} .main_zerenlistword dl:nth-child(2){color: #e39200;} .main_zerenlistword dl dt {display: inline-block; text-align: right; position: relative; box-sizing: content-box;} .main_zerenlistword dl dt:after {display: block; position: absolute; right: 0; top: 0; height: 500%; content: ''; width: 1px; background: #ccc} .main_zerenlistword dl dd {display: inline-block; line-height: 1.6;} .main_zerenlistword2 .mySwiper{height: 100%;} .main_zerenlistword2 .swiper-slide {height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .main_zerenlistword2 .swiper-scrollbar-drag{background: #e39200;} .main_zerenlistword2 dl {display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.6;} /*.main_zerenlistword2 dl:nth-child(2){color: #e39200;}*/ .main_zerenlistword2 dl dt {display: inline-block; text-align: right; position: relative; box-sizing: content-box;} .main_zerenlistword2 dl dt:after {display: block; position: absolute; right: 0; top: 0; height: 500%; content: ''; width: 1px; background: #ccc} .main_zerenlistword2 dl dd {display: inline-block; line-height: 1.6;} @media (min-width: 1500px){ .main_zerenlistimg .mySwiper2 .swiper-slide{height: 500px;} .main_zerenlistimg .mySwiper{margin-top: 40px;} .main_zerenlistimg .mySwiper .img{height: 152px;} .main_zerenlistimg .mySwiper p{margin: 10px 4%;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{bottom: 150px; width: 38px; height: 38px;} .main_zerenlistimg .swiper-button-prev{left: -50px;} .main_zerenlistimg .swiper-button-next{right: -50px;} .main_zerenlistword .scroll_wrap{height: 500px;} .main_zerenlistword .scroll_cont{padding-right: 20px;} .main_zerenlistword dl{margin-bottom: 10px;} .main_zerenlistword dl dt{margin-right: 7%; padding-right: 7%; width: 124px;padding-bottom: 16px; font-size: 18px;} .main_zerenlistword dl dd{ width: 72%;} .main_zerenlistword2{height: 500px;} .main_zerenlistword2 .swiper-slide{padding-right: 20px;} .main_zerenlistword2 dl{margin-bottom: 10px;} .main_zerenlistword2 dl dt{margin-right: 7%; padding-right: 7%; width: 124px;padding-bottom: 16px; font-size: 18px;} .main_zerenlistword2 dl dd{ width: 72%;} } @media (min-width: 1300px) and (max-width: 1499px){ .main_zerenlistimg .mySwiper2 .swiper-slide{height: 430px;} .main_zerenlistimg .mySwiper{margin-top: 35px;} .main_zerenlistimg .mySwiper .img{height: 200px;} .main_zerenlistimg .mySwiper p{margin: 10px 4%;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{bottom: 150px; width: 36px; height: 36px;} .main_zerenlistimg .swiper-button-prev{left: -48px;} .main_zerenlistimg .swiper-button-next{right: -48px;} .main_zerenlistword .scroll_wrap{height: 430px;} .main_zerenlistword .scroll_cont{padding-right: 20px;} .main_zerenlistword dl{margin-bottom: 10px;} .main_zerenlistword dl dt{margin-right: 7%; padding-right: 7%; width: 115px;padding-bottom: 16px; font-size: 17px;} .main_zerenlistword dl dd{ width: 72%;} .main_zerenlistword2{height: 430px;} .main_zerenlistword2 .swiper-slide{padding-right: 18px;} .main_zerenlistword2 dl{margin-bottom: 10px;} .main_zerenlistword2 dl dt{margin-right: 7%; padding-right: 7%; width: 115px;padding-bottom: 16px; font-size: 17px;} .main_zerenlistword2 dl dd{ width: 72%;} } @media (min-width: 992px) and (max-width: 1299px){ .main_zerenlistimg .mySwiper2 .swiper-slide{height: 346px;} .main_zerenlistimg .mySwiper{margin-top: 30px;} .main_zerenlistimg .mySwiper .img{height: 162px;} .main_zerenlistimg .mySwiper p{margin: 10px 4%;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{bottom: 150px; width: 32px; height: 32px;} .main_zerenlistimg .swiper-button-prev{left: -44px;} .main_zerenlistimg .swiper-button-next{right: -44px;} .main_zerenlistword .scroll_wrap{height: 346px;} .main_zerenlistword .scroll_cont{padding-right: 20px;} .main_zerenlistword dl{margin-bottom: 10px;} .main_zerenlistword dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword dl dd{ width: 72%;} .main_zerenlistword2{height: 346px;} .main_zerenlistword2 .swiper-slide{padding-right: 16px;} .main_zerenlistword2 dl{margin-bottom: 10px;} .main_zerenlistword2 dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword2 dl dd{ width: 72%;} } @media (min-width: 768px) and (max-width: 991px){ .main_zerenlistimg .mySwiper2 .swiper-slide{height: 536px;} .main_zerenlistimg .mySwiper{margin-top: 25px;font-size: 14px; padding: 10px 10px;} .main_zerenlistimg .mySwiper .img{height: 170px;} .main_zerenlistimg .mySwiper p{margin: 10px 4%;height: 76px;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{bottom: 150px; width: 32px; height: 32px;} .main_zerenlistimg .swiper-button-prev{left: -44px;} .main_zerenlistimg .swiper-button-next{right: -44px;} .main_zerenlistword{margin-top: 30px;} .main_zerenlistword .scroll_wrap{height: 346px;} .main_zerenlistword .scroll_cont{padding-right: 20px;} .main_zerenlistword dl{margin-bottom: 10px;} .main_zerenlistword dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword dl dd{ width: 72%;} .main_zerenlistword2{height: 346px; margin-top: 20px;} .main_zerenlistword2 .swiper-slide{padding-right: 15px;} .main_zerenlistword2 dl{margin-bottom: 10px;} .main_zerenlistword2 dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword2 dl dd{ width: 72%;} } @media (max-width: 767px) { .main_zerenlistimg .mySwiper2 .swiper-slide{height: 20em;} .main_zerenlistimg .mySwiper{margin-top: 1em;font-size: 14px; padding: 10px 10px;} .main_zerenlistimg .mySwiper .img{height: 8.5em;} .main_zerenlistimg .mySwiper p{margin: 10px 4%;height: 76px;} .main_zerenlistimg .swiper-button-prev,.main_zerenlistimg .swiper-button-next{bottom: 120px; width: 32px; height: 32px;} .main_zerenlistimg .swiper-button-prev{left: 0px;} .main_zerenlistimg .swiper-button-next{right: 0px;} .main_zerenlistword{margin-top: 30px;} .main_zerenlistword .scroll_wrap{height: 346px;} .main_zerenlistword .scroll_cont{padding-right: 20px;} .main_zerenlistword dl{margin-bottom: 10px;} .main_zerenlistword dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword dl dd{ width: 72%;} .main_zerenlistword2{height: 24em; margin-top: 1em;} .main_zerenlistword2 .swiper-slide{padding-right: 1em;} .main_zerenlistword2 dl{margin-bottom: 10px;} .main_zerenlistword2 dl dt{margin-right: 7%; padding-right: 7%; width: 100px;padding-bottom: 16px; font-size: 16px;} .main_zerenlistword2 dl dd{ width: 72%;} } @media (min-width: 992px){ .main_zerenlist{position: relative;} .main_zerenlistimg .mySwiper2{width: 50%; margin: 0px;} .main_zerenlistimg .mySwiper{font-size: 14px; padding: 10px 10px;} .main_zerenlistimg .mySwiper p{height: 76px;} .main_zerenlistword{width: 50%;position: absolute; right: 0px; top: 0px;} .main_zerenlistword2{width: 50%;position: absolute; right: 0px; top: 0px;} } @media (min-width: 1023px) and (max-width: 1024px){ @media screen and (orientation: portrait){ body{ position:absolute; width: 100vh; height: 100vw; top: 0; left: 100vw; -webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform:rotate(90deg); transform-origin: 0% 0%; } } @media screen and (orientation: landscape) { body { position:absolute; top:0; left:0; width: 100vw; height: 100vh; } } } @media (min-width: 1500px){ } @media (min-width: 1300px) and (max-width: 1499px){ } @media (min-width: 992px) and (max-width: 1299px){ } @media (min-width: 768px) and (max-width: 991px){ } @media (max-width: 767px) { } @media (min-width: 768px){ } @media (min-width: 1500px){ } @media (min-width: 1300px) and (max-width: 1499px){ } @media (min-width: 992px) and (max-width: 1299px){ } @media (min-width: 768px) and (max-width: 991px){ } @media (max-width: 767px) { } @media (min-width: 768px){ } @media (min-width: 1500px){ } @media (min-width: 1300px) and (max-width: 1499px){ } @media (min-width: 992px) and (max-width: 1299px){ } @media (min-width: 768px) and (max-width: 991px){ } @media (max-width: 767px) { } @media (min-width: 768px){ }