/* commom css start */ @charset "utf-8"; * {margin: 0;padding: 0;box-sizing: border-box;} @font-face {font-family: "microsoft yahei";} html {font-family: "microsoft yahei";} body, button, input, select, textarea {font: 90% "microsoft yahei"!important;} input,textarea {font-size: 100%;-webkit-appearance : none;} input:focus, select:focus, textarea:focus{border: 1px solid #66A6FF !important;outline:0 !important;} table {border-collapse: collapse;border-spacing: 0;table-layout:fixed;} ol, ul {list-style: none;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: bold;} a {color: #323232;text-decoration: none;display: inline-block;} a:hover {text-decoration: none;} img {max-width: 100%;border: none;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;overflow: hidden;} .clearfix {zoom: 1;} i{font-style: normal;} .fl, .fr {display: inline;} .fl {float: left;} .fr {float: right;} .main {width: 1400px;margin: 0 auto;/*max-width: 96%;*/} .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .ellipsis2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .ellipsis3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .menu {position: fixed;top:0;left: 0;width: 100%;height: 90px;z-index:999;background: rgba(255,255,255,1);box-shadow: 2px 1px 5px #c3c9ce;} .nav {width: 60%;float:right;} /*.nav ul {width: 100%} .nav li {float: left;overflow: hidden;width: calc(100% / 9);height: 90px;line-height: 90px;transition: ease 0.65s;} .nav li:hover a {font-weight:bold} .nav li.active a {font-weight:bold} .nav li a {display: block;text-align:center;} .nav li a h2 {font-size: 16px;color: #000;font-weight: normal;} .nav li.active a h2,.nav li:hover a h2{font-weight: bold;color:#000;}*/ .nav .dropdown { float: left;font-size: 16px;width:calc(100% / 8);height: 90px;line-height: 90px;text-align: center;} .nav .dropdown i {display:none;} .nav .dropdown.active {background-color: #1D6FDF;color:#fff;} .nav .dropdown.active a {color:#fff;} .nav li a {color: #000;display:block;width:100%;} .nav .menunav,.nav .nav-btn {display: none;} .nav .dropdown.active .menunav {z-index: 9;position: absolute;display: block;} .nav .dropdown.active .menunav li {border-top: 1px solid #44a0f0;background-color: #1D6FDF;height: 56px;line-height: 56px;width: 105px;} .nav .dropdown.active .menunav li:hover{background-color: #44a0f0;} .logo {height:90px;} .logo a {overflow:hidden;display: block;margin:auto;position: relative;width:100%;height:100%;} .logo a .img1 {position: relative;height:90px;float:left;} .logo a .img3 {vertical-align: middle;position: absolute;width: 180px;top:0;bottom:0;left:0;right:0;margin:auto;} /*第一页*/ #fp-nav {display: none;} .section {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;overflow: hidden;} .center-wrap {position: relative;z-index: 1;width:100%;height: 100%;margin: 0 auto;} .bannerBox {position: absolute; width: 100%; height: 100%; right: 0;top: 0px; z-index: 20; } .bannerBox .banner li {height: 100%; line-height: 0; } .bannerBox .banner li img {line-height: 0;max-width: none;height:100%;transition: transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition: transform 5.5s ease 0s, opacity 2s ease 0s; opacity: 0;} .bannerBox .banner li img.imghide {display: none; } .bannerBox .banner li a {display: block;height: 100vh;} .bannerBox .banner li.imgIn img {opacity: 1; transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); } .bannerBox .banner {z-index: 30; overflow: hidden;height: 100%; } .bannerBox .flex-control-nav {display: block; position: absolute; left: 0px; bottom: 30px; z-index: 99; width: 100%;font-size: 0;} .bannerBox .flex-control-nav li {margin-left: 0;display: inline-block;margin:0 4px;position: relative; } .bannerBox .flex-control-nav li a {display: block; width: 30px;height: 6px;position: relative;border-radius: 10px; background: #ffffff; transition: 300ms ease-in-out; overflow: hidden;} .bannerBox .flex-control-nav li span {display: block; text-indent: 888px; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 0;height: 6px; background: #1f6abd; border-radius: 10px; } .bannerBox .flex-control-nav li a.flex-active { transition: 500ms linear; background: #1f6abd; } .bannerBox .flex-control-nav li a.flex-active span{opacity: 1; width: 100%; transition: 3500ms linear; } .index_banner_text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:999;color: #fff;font-size: 50px;text-align:center;} .index_banner_text h3 {font-size:82px;text-shadow: 2px 3px 8px #1f6abd85;} .index_banner_text h4 {font-size:30px;text-shadow: 5px 5px 8px #1f6a85;} /*第二页*/ .page2 {background:url("../images/home_about_back.jpg") no-repeat center right;} .page2_img {opacity: 1;width: 35%;left: 15%;position: absolute;top: 50%;transform: translateY(-50%);} .active .page2_img {position: absolute;top: 55%;left: 15%;transform: translateY(-50%);-webkit-animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both;animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both} @-webkit-keyframes fade-data {0%{opacity:0}to{opacity:1}} @keyframes fade-data {0%{opacity:0}to{opacity:1}} .page2 .page2_text {width:45%;position: absolute;top: 50%;right: -50%;transform: translateY(-50%);} .active .page2_text {-webkit-animation:fade-right .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both;animation:fade-right .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both} @-webkit-keyframes fade-right {0%{opacity:0;right: -50%;}to{opacity:1;right: 0;}} @keyframes fade-right {0%{opacity:0;right: -50%;}to{opacity:1;right: 0;}} .page2 .page2_text .page2_content {position:relative;overflow:hidden;} .page2 .page2_text .page2_content h3 {font-size: 32px;font-weight: bold;color: #000;opacity:1;line-height: 120px;float:left;} .page2 .page2_text .page2_content .line{float:right;height:1px;background:#1f6abd;width:calc( 100% - 430px);margin-top:59.5px;} .page2 .page2_text p {line-height: 30px;color:#888;width:60%;} .page2 .page2_text .more {position:relative;overflow:hidden;} .page2 .page2_text .more a {width:110px;height: 40px;line-height: 40px;text-align:left;display: block;margin-top: 60px; transition: all 1s;color:#888;background:url("../images/arrow.png") no-repeat center right;} .page2 .page2_text .more a:hover {color:#1f6abd;font-weight:bold;background-position: 90%;} .active .fade {-webkit-animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both;animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both} .active .fade2 {-webkit-animation:fade-data .9s cubic-bezier(.215,.61,.355,1) .8s 1 normal both;animation:fade-data .8s cubic-bezier(.215,.61,.355,1) .8s 1 normal both} .active .fade3 {-webkit-animation:fade-data 1.3s cubic-bezier(.215,.61,.355,1) 1.1s 1 normal both;animation:fade-data 1.1s cubic-bezier(.215,.61,.355,1) 1.1s 1 normal both} .active .fade4 {-webkit-animation:fade-data 1.7s cubic-bezier(.215,.61,.355,1) 1.4s 1 normal both;animation:fade-data 1.4s cubic-bezier(.215,.61,.355,1) 1.4s 1 normal both} /*第三页*/ .page3 {position:relative;} .page3 .title {width:1400px;margin:90px auto 0;height:90px;} .page3 .title h3 {float:left;line-height:90px;font-size:30px;} .page3 .title .more {float:right;position:relative;overflow:hidden;line-height:90px;} .page3 .title .more a {width:110px;height: 90px;line-height: 90px;text-align:left;display: block;transition: all 1s;color:#888;background:url("../images/arrow.png") no-repeat center right;} .page3 .title .more a:hover {color:#1f6abd;font-weight:bold;background-position: 90%;} .page3 .cont {width:100%;height:calc(100% - 180px);position:relative;overflow:hidden;} .page3 .cont .page3_slide {width:100%;height:100%;position:relative;} .page3 .cont .page3_slide .swiper-container{width:100%;height:100%;} .page3 .cont ul {width:100%;height:100%;position:relative;} .page3 .cont ul li {position: relative;overflow: hidden;/*float:left;width:calc((100% - 90px) / 4);margin:0 15px;*/height:100%;cursor:pointer;} .page3 .cont ul li.l1 {background:url("../images/yewu1.png") no-repeat center center;} .page3 .cont ul li.l2 {background:url("../images/yewu2.png") no-repeat center center;} .page3 .cont ul li.l3 {background:url("../images/yewu3.png") no-repeat center center;} .page3 .cont ul li.l4 {background:url("../images/yewu4.png") no-repeat center center;} .page3 .cont ul li.l5 {background:url("../images/yewu5.png") no-repeat center center;} .page3 .cont ul li a {display: block;position: relative;overflow: hidden;width:100%;height:100%;} .page3 .cont ul li img {position: absolute;top: calc(50% - 42.5px);left: calc(50% - 42.5px);/*transform: translate(-50%, -50%);*/z-index:999;width:85px;height:85px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .page3 .cont ul li .tit {position: absolute;text-align:center;color:#fff;bottom:25%;z-index:3;font-size:40px;width:100%;} .page3 .cont ul li .box {position: absolute;width:100%;height:100%;background:rgba(140,140,140,0.7);z-index:2;} .page3 .cont ul li:hover img {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .page3 .cont ul li.l1:hover .box{animation: changecolor1 2s infinite alternate;} .page3 .cont ul li.l2:hover .box{animation: changecolor2 2s infinite alternate;} .page3 .cont ul li.l3:hover .box{animation: changecolor3 2s infinite alternate;} .page3 .cont ul li.l4:hover .box{animation: changecolor4 2s infinite alternate;} .page3 .cont ul li.l5:hover .box{animation: changecolor5 2s infinite alternate;} @keyframes changecolor1{ 0% { background: rgba(140,140,140,0.7); } 100% { background: rgba(48,93,167,0.8); } } @keyframes changecolor2{ 0% { background: rgba(140,140,140,0.7); } 100% { background: rgba(114,56,151,0.8); } } @keyframes changecolor3{ 0% { background: rgba(140,140,140,0.7); } 100% { background: rgba(53,84,141,0.8); } } @keyframes changecolor4{ 0% { background: rgba(140,140,140,0.7); } 100% { background: rgba(47,172,183,0.8); } } @keyframes changecolor5{ 0% { background: rgba(140,140,140,0.7); } 100% { background: rgba(241,235,122,0.8); } } /*第四页*/ .page4 {position:relative;} .page4 .main {z-index:2;position: relative;width:100%;height:100%;background: url("../images/home_tese_back.jpg") no-repeat center;overflow:hidden;} .page4 .main .title {width:1400px;margin:90px auto 0;height:90px;} .page4 .main .title h3 {float:left;line-height:90px;font-size:30px;color:#fff;} .page4 .main .title .more {float:right;position:relative;overflow:hidden;line-height:90px;} .page4 .main .title .more a {width:110px;height: 90px;line-height: 90px;text-align:left;display: block;transition: all 1s;color:#fff;background:url("../images/arrow2.png") no-repeat center right;} .page4 .main .title .more a:hover {font-weight:bold;background-position: 90%;} .page4 .main .cont {width:1400px;height:calc(100% - 240px);margin:0 auto;} .page4 .main .page4_slide {width:100%;height:100%;position:relative;} .page4 .main .page4_slide .swiper-container{width:100%;height:100%;} .page4 .main .page4_slide ul li {height:100%;} .page4 .main .page4_slide ul li a {display: block;height: auto;position: relative;width:100%;height:100%;overflow:hidden;} .page4 .main .page4_slide ul li a .page4_img {width:100%;height:80%;} .page4 .main .page4_slide ul li img {width:100%;height:100%;object-fit:cover} .page4 .main .page4_slide ul li a .page4_slide_info {width:100%;height:20%;background:#fff;padding:5% 10%;} .page4 .main .page4_slide ul li a h3 {width: 100%;font-size: 20px;height:50%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;font-weight: bold;position: relative;} .page4 .main .page4_slide ul li a p {width: 100%;font-size: 16px;height:50%;overflow: hidden;color:#1f6abd;} .page4 .main .page4_slide ul li a:hover p{font-weight:bold;} /*第五页*/ .page5 {position:relative;} .page5 .main {z-index:2;position: relative;width:100%;height:100%;background: url("../images/home_hyys_back.jpg") no-repeat center;overflow:hidden;} .page5 .main .title {width:1400px;margin:90px auto 0;height:120px;} .page5 .main .title h3 {line-height:90px;font-size:30px;color:#fff;} .page5 .main .title span {display:block;line-height:30px;font-size:18px;color:#fff;} .page5 .main .title span em {font-size:18px;color:#E54641;font-style: normal;} .page5 .main .cont {width:1400px;margin:20px auto 0;} .page5 .main .cont ul li {width:calc(100% / 4);height: auto;color: #fff;float: left;text-align: center;position: relative;padding:20px 40px;} .page5 .main .cont ul li:nth-child(2) {margin-top:50px;} .page5 .main .cont ul li:nth-child(4) {margin-top:50px;} .page5 .main .cont ul li p {font-size: 18px;line-height: 30px;text-align: center;margin-bottom: 25px;} .page5 .main .cont ul li .d_yuan {width: 130px;height: 130px;border-radius: 50%;margin: 0 auto;} .page5 .main .cont ul li .d_yuan .pic {width: 130px;height: 130px;border-radius: 50%;margin: 0 auto;} .page5 .main .cont ul li .d_xian {width: 1px;height: 150px;background: #fff;margin: 0 auto;} /*.page5 .main .cont ul li .x_yuan {width: 12px;height: 12px;border: 1px solid #fff;border-radius: 50%;margin: 0 auto;padding: 2px;} .page5 .main .cont ul li .x_yuan span {width: 100%;height: 100%;background: #fff;border-radius: 50%;margin: 0 auto;display: block;}*/ /*第六页*/ .page6 {position:relative;} .page6 .main {z-index:2;position: relative;width:1400px;height:100%;overflow:hidden;} .page6 .main .title {width:100%;margin:90px auto 0;height:90px;} .page6 .main .title h3 {float:left;line-height:90px;font-size:30px;} .page6 .main .title .more {float:right;position:relative;overflow:hidden;line-height:90px;} .page6 .main .title .more a {width:110px;height: 90px;line-height: 90px;text-align:left;display: block;transition: all 1s;color:#888;background:url("../images/arrow.png") no-repeat center right;} .page6 .main .title .more a:hover {color:#1f6abd;font-weight:bold;background-position: 90%;} .page6 .main .title2 {height:60px;font-size: 24px;} .page6 .main .title3 {height:85px;line-height:85px;font-size: 24px;} .page6 .main .page_text {position:relative;overflow:hidden;width: calc((100% - 60px) / 2);} .page6 .main .page_text:first-child {float:left;} .page6 .main .page_text:last-child {float:right;} .page6 .main .page_text ul.u1 {width:100%;position:relative;overflow:hidden;} .page6 .main .page_text ul.u1 li {width: 100%;position:relative;overflow:hidden;float:left;} .page6 .main .page_text ul.u1 li:first-child {margin-right:60px;} .page6 .main .page_text ul.u1 li a {width:100%;display:block;position:relative;overflow:hidden;} .page6 .main .page_text ul.u1 li a img {width:100%;display:block;} .page6 .main .page_text ul.u1 li a div {width:100%;padding:15px;} .page6 .main .page_text ul.u1 li a div h3 {width:100%;font-size:16px;color:#000;line-height:30px;height:30px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;position: relative;margin-bottom:10px;} .page6 .main .page_text ul.u1 li a div p {width:100%;font-size:16px;color:#B6B6B6;line-height:20px;height:40px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;position: relative;margin-bottom:10px;} .page6 .main .page_text ul.u1 li a div i {color:#1D6FDF;font-size:14px;} .page6 .main .page_text ul.u1 li:hover h3 {color:#1f6abd;} .page6 .main .page_text ul.u2 {width:100%;position:relative;overflow:hidden;} .page6 .main .page_text ul.u2 li {width: 100%;position:relative;overflow:hidden;float:left;} .page6 .main .page_text ul.u2 li:nth-child(2n+1) {margin-right:60px;} .page6 .main .page_text ul.u2 li a {position:relative;overflow:hidden;display:block;width:calc(100% - 30px);margin:10px auto;border-bottom:1px solid #d7d7d7;padding-bottom: 15px;} .page6 .main .page_text ul.u2 li .time {float:left;width:15%;} .page6 .main .page_text ul.u2 li .time .time1 {font-size:22px;font-weight:bold;} .page6 .main .page_text ul.u2 li .time .time2 {font-size:20px;color:#898989} .page6 .main .page_text ul.u2 li .cont {float:left;width:85%;background:url("../images/line.png") no-repeat 0 center;padding-left:15px;} .page6 .main .page_text ul.u2 li .cont h3 {font-size:18px;line-height:24px;} .page6 .main .page_text ul.u2 li .cont p {font-size:12px;color:#898989;height:40px;line-height:20px;position:relative;overflow:hidden;} .page6 .main .page_text ul.u2 li:hover h3 {color:#1f6abd;} .footer {background:#000;background-size:100% auto;} .footer:before {position: absolute;display: block;content: '';width: 100%;height: calc(100% - 40px);top: 0;left: 0;z-index: 1;background-color: rgba(49,45,46,0.9)} .footer .main {padding: 70px 0;position: relative;z-index:99;width:1400px;} .footer_center {width: 127px;font-size: 14px;color: #fff;text-align: center;} .footer_left,.footer_right {width: calc((100% - 127px) / 2);font-size: 16px;color: #fff;line-height: 30px;} .footer_left a {color: #fff;} .footer_right {text-align: right;} .footer_right dt {color: #1D6FDF;font-size: 18px;font-weight: bold;} .footer_left img {margin-top: 15px;} .footer_code {width: 100%;height: 127px;background: url("../images/code_p.png") no-repeat;padding: 10px;margin-bottom: 5px;} .footer_code img {width: 100%;height: 100%;} .footer_top {width: 100%;height: 40px;background-color: rgba(49,45,46,0.9);position: relative;} .footer_left, .footer_right {width: calc((100% - 127px) / 2)} .footer_code {width:127px;margin: 0 auto;} .top_icon {width: 80px;height: 80px;border-radius: 50%;background: #1D6FDF url("../images/top.png") no-repeat center 15px;position: absolute;left: 50%;transform: translateX(-50%);z-index:999;cursor: pointer;} .pc_box {display: block;} .m_box {display: none;} .secwen.animate {opacity: 1;filter: alpha(opacity=100);/*transform: translateY(0);*/transition: 0.5s;} .secwen {opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .5s;} .animate.add1 {transition-delay: .1s;} .animate.add2 {transition-delay: .2s;} .animate.add3 {transition-delay: .3s;} .animate.add4 {transition-delay: .4s;} .animate.add5 {transition-delay: .5s;} .animate.add6 {transition-delay: .6s;} .nav-btn {display: none;} /*其他列表页头部及公用banner*/ .public_banner {position:relative;margin-top:90px;} .public_banner .banner li {position:relative;height: auto; line-height: 0; } .public_banner .banner li img {line-height: 0;max-width: 100%;height:auto !important;transition: transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition: transform 5.5s ease 0s, opacity 2s ease 0s; opacity: 1;} /*栏目页面部分*/ .content {width:100%;/*background:#F6F6F6;*/position:relative;overflow: hidden;} .content .main {width:1250px;position:relative;margin:0 auto 60px;background:#fff;padding:25px;} .content .main .tit {width:100%;position:relative;overflow: hidden;margin:20px auto;height:60px;line-height:60px;border-bottom:1px solid #3e3e3e;} .content .main .tit h3 {font-size:30px;float:left;} .content .main .tit span {font-size:24px;float:left;display:block;line-height:72px;margin-left:10px;color:#202020;} .content .main .title {width:100%;height:auto;position:relative;overflow:hidden;padding:30px 10px 10px;} .content .main .title .head {width:100%;height:auto;position:relative;overflow:hidden;text-align:center;} .content .main .title .head h3 {font-size:30px;} .content .main .title .head i {display:block;font-size:15px;} .content .main .title .about_cont {width:100%;height:auto;position:relative;overflow:hidden;margin:40px auto;} .content .main .title .about_cont p {text-indent:2em;font-size:16px;line-height:40px;} .content .main .yewu {width:100%;height:auto;position:relative;overflow:hidden;margin:30px auto;} .content .main .yewu ul {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .yewu ul li {width:100%;height:auto;position:relative;overflow:hidden;margin:50px auto;float:left;} .content .main .yewu ul li.l1 .img {float:left;width:45%;position:relative;} .content .main .yewu ul li.l1 .cont {float:right;width:55%;position:relative;padding:60px 0 60px 60px;} .content .main .yewu ul li.l2 .img {float:right;width:45%;position:relative;} .content .main .yewu ul li.l2 .cont {float:left;width:55%;position:relative;padding:60px 60px 60px 0;} .content .main .yewu ul li .cont h3 {font-size:30px;} .content .main .yewu ul li .cont i {display:block;font-size:18px;line-height:60px;color:#303030;} .content .main .yewu ul li .cont p {font-size:18px;line-height:50px;color:#303030;margin-top:20px;} .content .main .article {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;} .content .main .article .ab {width:100%;height:100%;position:relative;overflow:hidden;background:#F9FCF3;} .content .main .article p {text-indent:2em;font-size:16px;line-height:32px;} .content .main .article_list {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;} .content .main .article_list ul {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .article_list ul li {float:left;width:calc((100% - 100px) / 3);height:auto;position:relative;overflow:hidden;margin:25px;} .content .main .article_list ul li:nth-child(3n+1) {margin-left:0px;} .content .main .article_list ul li:nth-child(3n) {margin-right:0px;} .content .main .article_list ul li a {display:block;position:relative;overflow:hidden;} .content .main .article_list ul li a img {width:100%;display:block;height: 240px;} .content .main .article_list ul li a p {text-align:center;width:100%;line-height:40px;height:40px;font-size:16px;overflow:hidden;} .content .main .content_info {padding: 30px 10px 10px 10px;} .content .main .content_head {text-align: center;font-size: 24px;color: #303030;} .content .main .content_time span {color: #666;font-size: 14px;margin-right: 10px;} .content .main .content_newstext {border-top: 1px solid #e9e9e9;margin-top: 40px;padding: 60px 0 45px 0;color: #666;font-size: 16px;line-height: 30px;text-align: justify;} .content .main .content_newstext img {height: auto !important;} .content .main .content_newstext_dan {color: #666;font-size: 16px;line-height: 30px;text-align: justify;} .content .main .content_newstext_dan img {height: auto !important;} .content .main .article_list2 {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;} .content .main .article_list2 ul {padding: 0 0 20px 0;} .content .main .article_list2 li {width: 100%;padding:20px 0;margin-bottom: 20px;background-color: #fff;position: relative;border-bottom:1px dashed #DBDBDB;} .content .main .article_list2 li a {display: block;} .content .main .article_list2 .news_img {width: 290px;} .content .main .article_list2 .news_img img {transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;} .content .main .article_list2 .news_more {width: 30px;margin-top:20px;margin-bottom:15px;} .content .main .article_list2 .news_info {width: calc(100% - 290px - 96px);padding:0 2% 0 2%;font-size: 14px;color: #303030;line-height: 26px;} .content .main .article_list2 .news_info h3 {font-size: 18px;color: #303030;line-height: 30px;} .content .main .article_list2 .news_info time {margin: 10px 0;display: block;} .content .main .article_list2 .news_more span {display: block;height: 10px;background: url("../images/more.png") no-repeat right center;position: relative;} .content .main .addtel {width:100%;position:relative;overflow:hidden;} .content .main .addtel .address {width:50%;position:relative;overflow:hidden;float:left;} .content .main .addtel .address h3 {height:40px;line-height:40px;padding-left:50px;background:url("../images/contract_icon1.png") no-repeat center left;font-size:24px;} .content .main .addtel .address p {line-height:40px;font-size:20px;} .content .main .addtel .tel {width:50%;position:relative;overflow:hidden;float:left;} .content .main .addtel .tel h3 {height:40px;line-height:40px;padding-left:50px;background:url("../images/contract_icon2.png") no-repeat center left;font-size:24px;} .content .main .addtel .tel p {height:40px;line-height:40px;font-size:20px;} .content .contract {width:100%;position:relative;overflow:hidden;height:auto;} .content .contract .contcode {max-width:1250px;margin:0 auto;} .content .contract .contcode p {line-height:60px;font-size:24px;padding:25px;} .content .contract .contcode .code {width:100%;text-align:center;} .content .contract .contcode .code i {display:block;width:100%;font-size:24px;} .content .contract .contact_map {width:100%;min-height:400px;margin-top:50px;} .content .contract .contact_map div {width:100%;height:400px;} .content .main .recruit_info {width:100%;height:auto;position:relative;overflow:hidden;border:1px solid #ddd;} .content .main .recruit_info .recruit {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .recruit_info .recruit .one {width:100%;height:80px;line-height:80px;position:relative;overflow:hidden;background:url("../images/recruit_icon1.png") no-repeat 10px center;border-bottom:1px solid #ddd;cursor:pointer;} .content .main .recruit_info .recruit .one h3 {float:left;font-size:24px;margin-left:60px;} .content .main .recruit_info .recruit .one p {float:left;font-size:14px;} .content .main .recruit_info .recruit .one i {float:right;margin-right:20px;} .content .main .recruit_info .recruit .one i img {vertical-align: middle;} .content .main .recruit_info .recruit.kai .one i img {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .content .main .recruit_info .recruit .two {width:100%;position:relative;overflow:hidden;padding:20px 0;} .content .main .recruit_info .recruit .two ul {position:relative;overflow:hidden;} .content .main .recruit_info .recruit .two ul li {position:relative;overflow:hidden;float:left;min-width:120px;margin:10px 20px;text-align:center;border:1px solid #808080;border-radius:5px;padding:5px 20px;color:#808080;} .content .main .recruit_info .recruit .three {width:100%;position:relative;overflow:hidden;padding:20px;border-bottom:1px solid #ddd;font-size: 16px;line-height: 36px;} .pages {margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 20px;} .pages * {display: inline-block;font-size: 14px;} .pages a, .pages b {padding: 9px 15px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;display: inline-block;width: auto;font-size: 14px;height: 38px;line-height:20px;} .pages b {background: #1D6FDF;border-color: #1D6FDF;color: #ffffff;cursor: default;} .pages .current {background: #1D6FDF;border-color: #1D6FDF;color: #ffffff;cursor: default;} .pages a:last-child {border-right: 1px solid #e4eaec;} .pages a.to_right {border-right: 1px solid #e4eaec;} .pages a.to_right_hui {border-right: 1px solid #e4eaec;} @media screen and (max-width:768px){ .content .main .content_newstext img {width:100% !important;} .content .main .content_newstext table {width:100% !important;} .public_banner .banner li img {width:100%;height:140px !important;} .content .main {width:100%;margin:0 auto;padding:0 10px;} .content .main .title .bot {display:none;} .content .main .article_list ul li {width: calc((100% - 50px) / 2);margin:12.5px;} .content .main .article_list ul li:nth-child(3n+1) {margin-left:12.5px;} .content .main .article_list ul li:nth-child(3n) {margin-right:12.5px;} .content .main .article_list ul li a img {height:120px;} .content .main .article_list2 ul {padding:0;} .content .main .article_list2 li {margin:0;padding: 20px 0 0;} .content .main .article_list2 .news_img {width:100%;} .content .main .article_list2 .news_img img {width:100%;} .content .main .article_list2 .news_info {width:100%;padding:0;} .content .main .article .about_left {width:100%;padding-right:10px;} .content .main .yewu ul li {margin:0 auto;} .content .main .yewu ul li.l1 .img {width:100%;} .content .main .yewu ul li.l1 .cont {width:100%;padding:10px 0} .content .main .yewu ul li.l2 .img {width:100%;} .content .main .yewu ul li.l2 .cont {width:100%;padding:10px 0} .content .main .addtel {padding:15px;} .content .main .addtel .address {width:100%;} .content .main .addtel .tel {width:100%;} .content .main .recruit_info {width:auto;margin:20px;} .content .main .recruit_info .recruit .one p{display:none;} .content .main .recruit_info .recruit .two ul li{min-width:auto;padding:5px;margin:10px;} .content .main .recruit_info .recruit .three{padding:10px;} .pc_box {display: none;} .m_box {display: block;} .nav .nav-btn {display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background:#1D6FDF;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;text-align: center;width: 40px;z-index: 1020;position: fixed;right: 10px;top: 1rem;} .nav-btn-icon {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;} .nav-btn-icon span {-webkit-transform: rotate(0deg);background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;} .nav-btn-icon span:first-child {-webkit-transform-origin: left center;top: 0;transform-origin: left center;} .nav-open .nav-btn-icon span:first-child {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);} .nav-btn-icon span:nth-child(2) {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(2) {opacity: 0;width: 0;} .nav-btn-icon span:nth-child(3) {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);} /*.nav .nav-level {width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 66px;background: #fff;z-index:99;display: none;border-top: 1px solid #1D6FDF;padding-bottom:66px;overflow: auto;} .nav li {width: 100%;line-height: 40px;text-align: left;} .nav li span {display: none;}*/ .nav {background: none;height: 0;/*margin-top: 150px;*/} .nav .dropdown {display: block;height:auto;line-height:40px;} .nav .dropdown a {width:60%;display:inline-block;color:#fff;} .nav .dropdown i {display:block;float:right;color:#fff;} .nav .dropdown .a1.kai i {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .nav .dropdown,.nav .dropdown .menunav {width: 100%;text-align:left;} .nav .dropdown a {margin-left:20px;} .nav .dropdown i {margin-right:20px;} .nav .dropdown .menunav {background:#44a0f0;} .nav .dropdown .menunav a {margin-left:40px;font-size: 14px;} .nav .dropdown.active {background-color: #1D6FDF;} .nav .nav-level {width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 66px;background: #1D6FDF;z-index:99;display: none;border-top: 1px solid #1D6FDF;padding-bottom:66px;overflow: auto;} .menu {height: 66px;line-height: 66px;background:none;background-color: #fff;box-shadow: 0 0 10px #ddd;} .menu2 {height: 66px;line-height: 66px;background:none;background-color: #fff;box-shadow: 0 0 10px #ddd;} .menu2 .nav ul {width:100%;} .menu2 .nav ul li {float:none;height:40px;line-height:40px;width:100%;} .public_banner {margin-top:66px;} .bannerBox {height: auto;position: static;margin-top: 66px;} .page2_img {display: none;} .page2 {padding: 20px 0;} .pt100 {padding-top: 20px;} .page2 .page2_text {width:100%;padding:0 2%;height:auto;float:none;display:block;position:relative;top:0;right:0;transform: none;} .page2 .page2_text .page2_content h3 {font-size:24px;text-align:center;line-height:40px;width:100%;} .page2 .page2_text .page2_content .line {display:none;} .page2 .page2_text p {width:100%;} .page2 .page2_text .more a {margin-top:0;} .page_title h5 span {display:none;} /*.more a {width: 100px;margin-top: 10px;}*/ .page3 .title {width:100%;margin-top:0;padding:0 10px;} .page3 .cont {height:600px;} .page4 .main .title {width:100%;margin-top:0;padding:0 10px;} .page4 .main .cont {width:100%;} .page4 .main .page4_slide ul li a .page4_slide_info{background:none;} .page4 .main .page4_slide ul li a h3 {color:#fff;} .page4 .main .page4_slide ul li a p {color:#fff;} .page5 .main {background-size:cover;} .page5 .main .title {width:100%;margin-top:0;padding:0 10px;} .page5 .main .cont {width:100%;} .page5 .main .cont ul li {width:100%;} .page5 .main .cont ul li:first-child {margin-top:20px;} .page5 .main .cont ul li:last-child {margin-top:0;margin-bottom:20px;} .page5 .main .cont ul li .d_xian {display:none;} .page6 .main {width:100%;} .page6 .main .page_text {width:100%;padding:0 10px;} .page6 .main .title {margin:0 auto;} .page6 .main .page_text ul.u2 li .time {width:20%} .page6 .main .page_text ul.u2 li .cont {width:80%} .content .main .title .left {width:100%;} .content .main .title .right {width:100%;} .footer {background: #2F2A2C;} .footer .main {padding: 20px 0;max-width: 96%;} .footer_left, .footer_right {width: 100%;text-align: left;font-size: 14px;} .footer_left img {display: none;} .footer_center {width: 100%;} .footer_code {width: 127px;margin: 0 auto;} .footer_container p.m_box {margin: 0 auto;margin-bottom: 30px;text-align: center;} .footer_top {height: 50px;} .bannerBox .banner li a {height: auto;} .content .main .contact_info .contact_tip li{border-bottom: none;} .content .main .contact_info .contact_tip li span{width: 100%;border-bottom:1px solid #ddd;line-height: 45px;font-size: 14px;} .content_head {font-size: 20px;} .content_time span {font-size: 12px;} .content_newstext {padding: 30px 0 20px 0;} .news_more {display: none;} .news_container li {padding: 10px;} .news_img {width: 40%;} .news_info h3 {font-size: 16px;} .news_info p {font-size: 12px;text-align: justify;} .news_info time {margin: 0;} .factory_good dd span {font-size: 22px;width: 50px;height: 50px;line-height: 50px;} .product_slide .swiper-slide a {display:block;} .search_icon a {display:none;} .logo {height:66px;margin-left:10px;width:180px;} .logo a img {} .menu2 .logo {height:66px;} .menu2 .logo a img {} /*.nav li a {padding-left:10px;background-image: none !important;} .nav li a h2 {background: none;color: #303030;} .nav li {height: 40px;} .nav li:nth-of-type(5) {margin-left: 0;} .nav li.active,.nav li:hover {background-color: #1D6FDF;background-image: none;} .nav li.active a h2, .nav li:hover a h2 {color: #fff;}*/ .product_slide {background:none;} .product_slide_img img {height: 224px;} .search_icon {display:none;} .index_banner_text {display:none;} .index_banner_mob {display:block;height:200px;position:relative;width:100%;text-align:center;} .index_banner_mob img {width:100%;height:100%;position:relative;z-index:99;} .index_banner_mob h3 {position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);z-index:100;color:#fff;font-size:20px;} .fooetr_code:nth-of-type(2) {float:left !important;margin-left:15px;} .footer:before {display:none;} }