@charset "utf-8"; /*CSS Common*/ body{margin: 0; padding: 0; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; font-size: 15px; color: #333; text-align: center; background: #fff; line-height: 26px; margin-left: auto; margin-right: auto; overflow-x: hidden;} a{color: #333; text-decoration: none; outline-style: none; outline-color: invert; outline-width: medium; -webkit-tap-highlight-color: transparent; transition: all 0.3s; -ms-transition: all 0.3s;} a:link{text-decoration: none;} a:hover{color: #196cb6;} a img{border: 0 none;} a{outline: none;} a:focus{outline: none;} h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{margin: 0; padding: 0;} ul,li,dl,dd,dt{padding: 0; margin: 0; list-style: none;} input,button,textarea{font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; outline: none; resize: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;} em,i{font-style: normal;} img{display: block;} video{outline: none;} .clear{clear: both; height: 0; overflow: hidden; display: block;} .hide{display: none;} .font{font-family: 'SimSun';} .omit{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .omit-two{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .omit-three{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .animate{transition: all 0.3s; -ms-transition: all 0.3s;} .scale img{transition: all 0.6s; -ms-transition: all 0.6s;} .scale img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);} .scale_box img{transition: all 0.6s; -ms-transition: all 0.6s;} .scale_box:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);} .center{display: flex; justify-content: center; align-items: center;} .center_vertical{display: flex; align-items: center;} .center_horizontal{display: flex; justify-content: center;} .row{display: flex; flex-direction: row; flex-wrap: wrap;} .row_box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .column{display: flex; flex-direction: column; flex-wrap: wrap;} .column_box{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;} .con{padding: 80px 0; display: flex; justify-content: space-between;} .content{padding: 0 0 90px 0; display: flex; justify-content: space-between;} .container{max-width: 1560px; width: 82%; margin: 0 auto; padding: 0; text-align: left;} /*header*/ #header{position: fixed; width: 100%; margin: 0 auto; text-align: center; top: 0; left: 0; right: 0; z-index: 9;} #header .header_con{height: 100px;} #header .logo img:nth-child(2){display: none;} #header .lang{margin-top: 8px;} #header .lang>em{display: inline-block; cursor: pointer;} #header .lang>em:nth-child(2){margin-left: 12px;} #header .lang>em>img:nth-child(2){display: none;} #header .header_search{width: 100%; height: 85px; background: #fff; position: absolute; left: 0; top: 100px; z-index: 9; border-top: 1px solid #e4e6e7; box-shadow: 0 5px 12px -5px rgba(0,0,0,0.1); display: none;} #header .header_search form{width: 500px; height: 46px; margin: 0 auto; border: 1px solid #e4e6e7; margin-top: 18px; overflow: hidden;} #header .header_search input[type="text"]{width: 450px; height: 46px; border: 0; padding: 0 20px; box-sizing: border-box; font-size: 15px;} #header .header_search button{cursor: pointer; padding-right: 18px; border: 0; background: none;} #header .lang_list{width: 100px; background: #fff; box-shadow: 0 1px 15px 1px rgba(0,0,0,0.1); border-radius: 8px; padding: 10px; position: absolute; top: 90px; right: 0; z-index: 10; display: none;} #header .lang_list>a{display: block; line-height: 2;} .header_box{background: #fff; box-shadow: 0 1px 12px 2px rgba(0,0,0,0.05);} .header_box .logo img:nth-child(1){display: none;} .header_box .logo img:nth-child(2){display: block !important;} .header_box .lang>em>img:nth-child(1){display: none;} .header_box .lang>em>img:nth-child(2){display: block !important;} .header_box .menu>ul>li>a{color: #333;} .header_box .menu>ul>li>a:hover{color: #196cb6;} .header_box .menu>ul>li>a.on{color: #196cb6;} /*menu*/ .menu>ul>li{padding: 0 25px; text-align: center; position: relative; z-index: 10;} .menu>ul>li:last-child{padding-right: 0;} .menu>ul>li>a{display: block; font-size: 16px; color: #fff; height: 100px; line-height: 100px; box-sizing: border-box;} .menu>ul>li>a::after{content: ''; width: 0; height: 3px; background-color: #196cb6; display: block; position: relative; top: -56px; left: 0; right: 0; display: inline-block; transition: all 0.3s; -ms-transition: all 0.3s;} .menu>ul>li>a:hover{color: #fff;} .menu>ul>li>a:hover::after{width: 100%;} .menu>ul>li>a.on{color: #fff;} .menu>ul>li>dl{width: 200px; position: absolute; left: 50%; top: 100px; margin-left: -100px; background: #fff; padding: 15px 5px 20px; box-shadow: 0 5px 12px -5px rgba(0,0,0,0.1); box-sizing: border-box; z-index: 9; display: none;} .menu>ul>li>dl>dd{line-height: 1.4; padding: 10px 0;} .menu>ul>li>dl>dd>a{font-size: 16px; padding: 0 20px; font-size: 15px;} /*banner*/ .banner{height: 100vh;} .banner .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;} .banner .swiper-slide .mark{position: absolute; background-color: rgba(0,0,0,.1); top: 0; right: 0; margin: auto; bottom: 0; left: 0; z-index: 3;} .banner .swiper-slide .container{position: absolute; top: 0; right: 0; margin: auto; bottom: 0; left: 0; z-index: 2;} .banner .swiper-slide .desc{color: #fff;} .banner .swiper-slide .desc>span{font-size: 70px; display: block; line-height: 1;} .banner .swiper-slide .desc>p{font-size: 24px; margin-top: 25px;} .banner .swiper-slide .desc>a{width: 158px; height: 40px; line-height: 40px; background-color: #196cb6; text-align: center; font-size: 16px; color: #fff; display: block; margin-top: 30px; border-radius: 25px;} .banner .swiper-slide .desc>a:hover{background-color: #f0833f;} .banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover;} .banner .swiper-pagination{width: 100%; bottom: 20px;} .banner .swiper-pagination-bullet{margin: 0 6px !important;} .banner .swiper-pagination-bullet{background: #fff; opacity: 1; width: 64px; height: 4px; border-radius: 0;} .banner .swiper-pagination-bullet-active{background: #196cb6;} .banner .swiper-button-next,.banner .swiper-button-prev{width: 15px; height: 24px; background-size: 15px 24px; margin-top: -12px;} .banner .swiper-button-prev{left: 20px;} .banner .swiper-button-next{right: 20px;} .banner .down_ico{width: 20px; position: absolute; bottom: 60px; left: 60px; z-index: 10; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.4; animation: down 1.6s infinite;} .banner .down_ico img{margin-top: 10px;} @keyframes down{ 0%{transform: translate(0, 0);} 50%{transform: translate(0, -10px);} 100%{transform: translate(0, 0);} } /*banner_inside*/ .banner_inside{height: 68vh;} .banner_inside .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: cover;} .banner_inside .swiper-slide .desc{color: #fff; font-size: 65px; line-height: 1;} .banner_inside .swiper-slide .desc>span{font-size: 24px; font-family: Arial; text-transform: uppercase; display: block;} .banner_inside .swiper-slide .desc>em{display: block; margin-top: 15px; letter-spacing: 4px;} .banner_inside .swiper-slide .desc>i{font-size: 24px; display: block; margin-top: 25px;} .banner_inside .swiper-pagination{bottom: 12px;} .banner_inside .swiper-pagination-bullet{margin: 0 5px !important;} .banner_inside .swiper-pagination-bullet{background: #fff; opacity: 1; width: 10px; height: 10px;} .banner_inside .swiper-pagination-bullet-active{background: #196cb6;} .banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{width: 15px; height: 24px; background-size: 15px 24px; margin-top: -12px;} .banner_inside .swiper-button-prev{left: 20px;} .banner_inside .swiper-button-next{right: 20px;} /*home_pro*/ #home_pro{width: 100%; position: relative;} #home_pro .home_pro_dh{margin: 85px 0; position: relative;} #home_pro .home_pro_dh .swiper-container{width: calc(100% - 180px);} #home_pro .home_pro_dh .swiper-slide{text-align: center; font-size: 16px;} #home_pro .home_pro_dh .swiper-slide .img{width: 66px; height: 66px; border-radius: 50%; background-color: #fff; margin: auto;} #home_pro .home_pro_dh .swiper-slide .img>img:nth-child(2){display: none;} #home_pro .home_pro_dh .swiper-slide:hover .img{background-color: #196cb6;} #home_pro .home_pro_dh .swiper-slide:hover .img>img:nth-child(1){display: none;} #home_pro .home_pro_dh .swiper-slide:hover .img>img:nth-child(2){display: block;} #home_pro .home_pro_dh .swiper-slide span{display: block; margin-top: 15px;} #home_pro .home_pro_dh .ico{position: absolute; width: 100%; height: 1px; background-color: #e6e6e6; top: 35px;} #home_pro .home_pro_dh .more>i{width: 66px; height: 66px; line-height: 66px; display: block; text-align: center; background-color: #196cb6; color: #fff; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; left: 0; margin-top: -54px; font-size: 26px; z-index: 2;} #home_pro .home_pro_dh .more>i:hover{background-color: #f0833f;} #home_pro .home_pro_dh .more>i.right{left: auto; right: 0;} #home_pro .home_pro_con{margin-left: 9%; position: relative;} #home_pro .home_pro_con .dh{width: 380px; text-align: left; margin-top: 85px;} #home_pro .home_pro_con .dh>span{font-size: 42px; display: block; line-height: 1;} #home_pro .home_pro_con .dh>em{font-size: 26px; display: block; margin-top: 20px; font-weight: bold; font-family: Arial;} #home_pro .home_pro_con .dh>a{width: 175px; height: 46px; line-height: 46px; background-color: #196cb6; color: #fff; border-radius: 30px; text-align: center; margin-top: 50px; display: block;} #home_pro .home_pro_con .dh>a:hover{background-color: #f0833f;} #home_pro .home_pro_con .swiper-container{width: calc(100% - 380px);} #home_pro .home_pro_con .swiper-container .swiper-slide{position: relative;} #home_pro .home_pro_con .swiper-container .swiper-slide>a{width: calc((100% - 20px)/2); height: calc((30vw - 20px)/2); margin-bottom: 20px; background-color: #f6f6f6; flex-direction: row-reverse;} #home_pro .home_pro_con .swiper-container .swiper-slide>a:nth-child(1){height: 30vw; margin-right: 20px; display: block;} #home_pro .home_pro_con .swiper-container .swiper-slide>a:last-child{position: absolute; bottom: 0; right: 0;} #home_pro .home_pro_con .swiper-container .swiper-slide .img{width: 50%; height: 100%; overflow: hidden;} #home_pro .home_pro_con .swiper-container .swiper-slide .img>img{max-width: 90%; max-height: 90%; object-fit: contain;} #home_pro .home_pro_con .swiper-container .swiper-slide span{width: 40%; font-size: 24px; line-height: 1.6; text-align: left; display: block; padding-left: 5%; box-sizing: border-box;} #home_pro .home_pro_con .swiper-container .swiper-slide>a:nth-child(1) .img{width: 100%; height: 70%;} #home_pro .home_pro_con .swiper-container .swiper-slide>a:nth-child(1) span{width: 60%; padding-left: 10%;} #home_pro .home_pro_con .swiper-box{display: none;} #home_pro .home_pro_con a.more_ico{width: 94px; height: 32px; line-height: 32px; text-align: center; background-color: #9d9d9d; border-radius: 15px; cursor: pointer; position: absolute; z-index: 2; top: 50%; right: 20%; margin-top: -26px;} #home_pro .home_pro_con a.more_ico:hover{background-color: #196cb6;} /*home_news*/ #home_news{width: 100%; background: url(../images/news_bg.jpg) no-repeat center; background-size: cover; padding: 130px 0; margin-top: 100px;} #home_news .home_news_dh{width: 220px;} #home_news .home_news_dh>span{font-size: 42px; display: block; line-height: 1;} #home_news .home_news_dh>em{font-size: 26px; display: block; margin-top: 20px; font-weight: bold; font-family: Arial;} #home_news .home_news_dh>.ico{margin-top: 75px;} #home_news .home_news_dh>.ico>em{width: 50px; height: 50px; line-height: 50px; border: 1px solid #ddd; font-size: 30px; text-align: center; border-radius: 50%; margin-right: 15px; cursor: pointer;} #home_news .home_news_dh>.ico>em:hover{border-color: #196cb6; color: #196cb6;} #home_news .home_news_dh>a{width: 175px; height: 46px; line-height: 46px; background-color: #196cb6; color: #fff; border-radius: 30px; text-align: center; margin-top: 50px; display: block;} #home_news .home_news_dh>a:hover{background-color: #f0833f;} #home_news .home_news_con{width: calc(100% - 220px); padding-left: 8%; box-sizing: border-box;} #home_news .home_news_con .swiper-slide em{display: block; line-height: 1.2; font-family: Arial;} #home_news .home_news_con .swiper-slide em>i{font-size: 50px; font-weight: bold; display: block;} #home_news .home_news_con .swiper-slide span{display: block; height: 56px; margin-top: 30px; font-size: 18px; line-height: 1.6;} #home_news .home_news_con .swiper-slide .img{width: 100%; height: 12vw; overflow: hidden; margin-top: 40px;} #home_news .home_news_con .swiper-slide .img>img{width: 100%; height: 100%; object-fit: cover;} #home_news .home_news_con .swiper-slide p{margin: 40px 0; font-size: 16px; line-height: 2;} /*home_about*/ #home_about{width: 100%; padding: 130px 0;} #home_about .home_about_dh>.dh{width: 175px;} #home_about .home_about_dh>.dh>span{font-size: 42px; display: block; line-height: 1;} #home_about .home_about_dh>.dh>em{font-size: 26px; display: block; margin-top: 20px; font-weight: bold; font-family: Arial;} #home_about .home_about_dh>.dh>a{width: 175px; height: 46px; line-height: 46px; background-color: #196cb6; color: #fff; border-radius: 30px; text-align: center; margin-top: 50px; display: block;} #home_about .home_about_dh>.dh>a:hover{background-color: #f0833f;} #home_about .home_about_dh .desc{width: calc(100% - 175px); padding-left: 12%; box-sizing: border-box; font-size: 16px; line-height: 2;} #home_about .home_about_dh .desc ul{margin-top: 60px;} #home_about .home_about_dh .desc ul>li{width: 25%;} #home_about .home_about_dh .desc ul>li>span>i{font-size: 48px; font-weight: bold; display: block; line-height: 1; font-family: Arial; margin-right: 10px;} #home_about .home_about_dh .desc ul>li>em{margin-top: 10px; display: block;} #home_about .home_about_dh .desc ul>li>p{width: 70%; height: 12px; background-color: #e8f0f8; margin-top: -15px;} #home_about .home_about_dh .desc ul>li:hover>span>i{color: #196cb6;} #home_about .home_about_con{margin-top: 100px; position: relative;} #home_about .home_about_con .img{width: 100%; height: auto; overflow: hidden;} #home_about .home_about_con .img>img{width: 100%; height: 100%; max-width: 1551px; object-fit: cover;} #home_about .home_about_con>img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer;} #home_about .video{position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(0,0,0,.8); z-index: 10; display: none; align-items: center; justify-content: center;} #home_about .video>.box{width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9;} #home_about .video>.box i{width: 40px; height: 40px; position: relative; display: block;} #home_about .video>.box i::before, #home_about .video>.box i::after{content: ''; width: 32px; height: 3px; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -16px; transform: rotate(45deg); background-color: #fff;} #home_about .video>.box i::after{transform: rotate(-45deg);} #home_about .video video{width: 90%; height: 80vh; object-fit: cover;} /*home_market*/ #home_market{width: 100%; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; padding: 270px 0 130px 0; margin-top: -280px; box-sizing: border-box;} #home_market .home_market_con .desc{width: 25%;} #home_market .home_market_con .desc span{font-size: 42px; display: block; line-height: 1;} #home_market .home_market_con .desc em{font-size: 26px; display: block; margin-top: 20px; font-weight: bold; font-family: Arial;} #home_market .home_market_con .desc p{margin-top: 40px; font-size: 18px;} #home_market .home_market_con a.more{width: 148px; height: 40px; line-height: 40px; display: block; text-align: center; background-color: #196cb6; color: #fff; border-radius: 25px; cursor: pointer; margin-top: 50px;} #home_market .home_market_con a.more:hover{background-color: #f0833f;} #home_market .home_market_con .desc>ul{margin-top: 55px;} #home_market .home_market_con .desc>ul>li{flex: 1; margin-right: 10%; text-align: center;} #home_market .home_market_con .desc>ul>li:last-child{margin-right: 0;} #home_market .home_market_con .desc>ul>li>span{font-size: 20px; display: block;} #home_market .home_market_con .desc>ul>li>em{font-size: 60px; display: block; font-family: Arial; line-height: 1; font-weight: bold; color: #196cb6; margin: 20px 0;} #home_market .home_market_con .desc>ul>li>em:hover{color: #f0833f;} #home_market .home_market_con .desc>ul>li>p{width: 80%; font-size: 16px; line-height: 1.6; margin: 0 auto;} #home_market .home_market_con .img{width: 75%; justify-content: flex-end; position: relative; transition: all 0.5s;} #home_market .home_market_con .img>img{max-width: 100%; max-height: 100%;} #home_market .home_market_con .img>img:nth-child(2){position: absolute; inset: 0; margin: auto;} #home_market .home_market_con .img:hover{transform: scale(1.05); -webkit-transform: scale(1.05);} /*left*/ #left{width: 100%; height: 85px; border-bottom: 1px solid #ededed;} #left .left_dh>ul>li a{height: 86px; line-height: 86px; display: block; padding: 0 25px; margin: 0 20px; font-size: 17px; box-sizing: border-box; text-align: center; border-bottom: 2px solid transparent;} #left .left_dh>ul>li a.on{border-color: #196cb6; color: #196cb6;} /*left_pro*/ #left_pro{width: 275px; border-right: 1px solid #e5e5e5;} #left_pro .left_dh>span{font-size: 36px; display: block;} #left_pro .left_dh>ul{margin-top: 40px;} #left_pro .left_dh>ul>li a{line-height: 1.4; display: block; padding: 20px 0; font-size: 18px; box-sizing: border-box; cursor: pointer;} #left_pro .left_dh>ul>li a.on{color: #196cb6; font-weight: bold;} #left_pro .left_dh dl{display: none;} #left_pro .left_dh dl>dd>a{line-height: 1.4; display: block; padding: 8px 10px; font-size: 16px; box-sizing: border-box;} #left_pro .left_dh dl>dd>a.on{color: #196cb6; font-weight: bold;} /*content*/ #right{width: 100%;} #right .right_dh{font-size: 16px;} #right .right_con{min-height: 200px;} #right .right_box{clear: both; overflow: hidden; font-size: 16px; line-height: 2.2; padding: 70px 0 0 0;} #right .right_box img{max-width: 100%; height: auto !important; display: inline-block;} #right .right_box video{max-width: 100%; height: auto;} #right .right_box iframe{max-width: 100%;} /*local*/ .local{text-align: right; margin-top: -40px; margin-bottom: 40px; justify-content: flex-end;} .local img{width: 16px; height: 14px; margin-right: 10px;} .local a{margin-right: 5px;} .local a:last-child{margin-left: 5px;} /*about*/ .about_profile{width: 100%; margin-bottom: 70px;} .about_profile .dh{width: 28%; padding-top: 70px;} .about_profile .dh>span{font-size: 30px; display: block;} .about_profile ul{box-sizing: border-box;} .about_profile ul>li{padding: 50px 0 60px 0; border-bottom: 1px solid #e6e6e6; padding-right: 65px;} .about_profile ul>li:last-child{padding-bottom: 0; border-bottom: 0;} .about_profile ul>li .box>span{display: block; font-size: 20px;} .about_profile ul>li .box>em{margin-top: 25px; display: block;} .about_profile ul>li:first-child .box>em>i{font-family: Arial; font-size: 55px; font-weight: bold; line-height: 1; color: #196cb6; margin-right: 10px;} .about_profile ul>li:last-child .box>em{margin-top: 20px;} .about_profile ul>li img{max-width: 105px; height: auto;} .about_profile .desc{width: 72%; text-align: left; padding-left: 65px; box-sizing: border-box; padding-top: 70px; border-left: 1px solid #e6e6e6;} .about_profile .desc>span{font-size: 20px; color: #196cb6; display: block; font-weight: bold; text-align: center;} .about_profile .desc>.desc_box{margin-top: 30px; font-size: 16px; line-height: 1.8;} .about_profile .swiper-container{margin-top: 80px;} .about_profile .swiper-wrapper{padding-bottom: 70px;} .about_profile .swiper-slide{position: relative;} .about_profile .swiper-slide .img{width: 100%; height: 18vw; overflow: hidden;} .about_profile .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} .about_profile .swiper-slide .img:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);} .about_profile .swiper-slide span{background-color: rgba(25,108,182,.8); position: absolute; bottom: 0; right: 0; z-index: 2; padding: 5px 25px; color: #fff;} .about_profile .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 0.3; margin: 0 5px;} .about_profile .swiper-pagination-bullet-active{background-color: #196cb6; width: 26px; border-radius: 6px; opacity: 1;} .about_culture{background: url(../images/about_bg3.jpg) no-repeat center; background-size: cover; padding: 75px 0;} .about_culture .dh{color: #fff;} .about_culture .dh>span{font-size: 30px; display: block;} .about_culture .desc{margin-top: 30px; font-size: 16px; line-height: 2;} .about_culture .list_con{margin-top: 48px; position: relative;} .about_culture .list_con .img{width: 80%; overflow: hidden;} .about_culture .list_con .img>img{max-width: 100%; max-height: 100%; object-fit: cover;} .about_culture .list_con .list_box{width: 35%; height: 20vw; background-color: #fff; padding: 5%; box-sizing: border-box; color: #333; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2;} .about_culture .list_con .swiper-slide>span{font-size: 16px; display: block;} .about_culture .list_con .swiper-slide>em{font-size: 20px; display: block; font-weight: bold;} .about_culture .list_con .swiper-slide{height: 100%;} .about_culture .list_con .swiper-slide>.spec span{font-size: 28px; color: #196cb6; display: block; line-height: 1.4;} .about_culture .list_con .swiper-slide>.spec p{font-size: 18px; line-height: 2; margin-top: 15px;} .about_culture .list_con .ico{position: absolute; bottom: -30px; right: 8.5%;} .about_culture .list_con .ico>em{width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background-color: #f0833f; text-align: center; color: #fff; font-size: 30px; cursor: pointer; margin: 0 5px;} .about_history{background: url(../images/about_bg2.jpg) no-repeat center; background-size: cover; padding: 75px 0;} .about_history .dh>span{font-size: 36px; display: block;} .about_history .dh>em{font-size: 16px; display: block; font-family: Arial; text-transform: uppercase; margin-top: 20px;} .about_history .list{margin-top: 70px;} .about_history .preview{width: 100%; margin: 110px 0 40px 0; position: relative; border-top: 1px solid #dedede;} .about_history .preview>a{width: 52px; height: 52px; font-size: 26px; background-color: #196cb6; color: #fff; position: absolute; top: 50%; margin-top: -55px; z-index: 2; cursor: pointer; border-radius: 50%;} .about_history .preview>a:hover{background-color: #f0833f;} .about_history .preview .arrow-left{left: 0;} .about_history .preview .arrow-right{right: 0;} .about_history .preview .swiper-container{width: 90%; height: auto; margin: 0 auto; margin-top: -31px;} .about_history .preview .swiper-slide{width: 25%; height: auto; cursor: pointer; text-align: center; font-size: 24px; font-weight: bold; font-family: Arial;} .about_history .preview .swiper-slide em{content: '';background: url(../images/about_history_ico_on.png) no-repeat center; width: 32px; height: 32px; display: block; margin: 0 auto; padding-top: 30px;} .about_history .preview i{color: #fff; transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; line-height: 2;} .about_history .preview .swiper-slide-thumb-active{color: #196cb6;} .about_history .preview .swiper-slide-thumb-active em{background-image: url(../images/about_history_ico_on.png);} .about_history .view{width: 45%; position: relative; left: 20px;} .about_history .view::after{content: ''; position: absolute; left: -20px; bottom: -20px; width: 100%; height: 100%; background: #196cb6;} .about_history .view .swiper-container{width: 100%; height: auto;} .about_history .view .swiper-slide{display: flex; align-items: center; justify-content: center; overflow: hidden;} .about_history .view .swiper-slide .img{width: 100%; height: auto;} .about_history .view .swiper-slide .img>img{width: 100%; height: 100%; object-fit: cover;} .about_history .view .swiper-slide .img>em{width: 100%; height: 100%; background-color: #196cb6; display: block;} .about_history .note{width: 48%; position: relative;} .about_history .note .swiper-container{width: 100%; height: auto;} .about_history .note .swiper-slide{display: flex; align-items: center; justify-content: center; overflow: hidden;} .about_history .note .swiper-slide .desc{width: 100%; box-sizing: border-box; font-size: 16px;} .about_history .note .swiper-slide .desc span{font-size: 52px; font-weight: bold; color: #196cb6; display: block; line-height: 1;} .about_history .note .swiper-slide .desc p{line-height: 2.8; margin-top: 50px;} .about_honor{width: 100%; padding: 85px 0 30px 0;} .about_honor .dh>span{font-size: 30px; display: block;} .about_honor .dh>.desc{width: 100%; margin: 35px auto 50px; font-size: 16px; line-height: 2;} .about_honor .swiper-wrapper{padding-bottom: 80px;} .about_honor .swiper-slide .img{width: 100%; height: 24vh; margin: 0 auto; overflow: hidden;} .about_honor .swiper-slide img{width: 100%; height: 100%; object-fit: contain; transition: all 0.6s; -ms-transition: all 0.6s;} .about_honor .swiper-slide:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} .about_honor .swiper-slide span{font-size: 16px; text-align: center; display: block; margin-top: 15px;} .about_honor .swiper-scrollbar{background: #f1f4f6;} .about_honor .swiper-scrollbar-drag{background: #196cb6; height: 8px; top: -2px;} /*list_pro*/ .list_pro{width: calc(100% - 276px); padding-left: 80px; box-sizing: border-box;} .list_pro .box>span{font-size: 24px; display: block; line-height: 1; margin-bottom: 50px;} .list_pro li{width: 48%; background-color: #f9f9f9; margin-left: 4%; margin-bottom: 4%;} .list_pro li:nth-child(2n+1){margin-left: 0;} .list_pro li .img{width: 100%; height: calc(100% - 210px); overflow: hidden;} .list_pro li .img>img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s; display: inline-block;} .list_pro li:hover .img>img{transform: scale(1.06); -webkit-transform: scale(1.06);} .list_pro li .desc{height: 210px; padding: 35px; box-sizing: border-box;} .list_pro li .desc>span{font-size: 20px; display: block; line-height: 1.4;} .list_pro li .desc>p{margin-top: 10px; color: #666;} .list_pro li .desc>em{width: 60px; height: 30px; line-height: 28px; border: 1px solid #196cb6; text-align: center; color: #196cb6; text-align: center; display: block; font-size: 18px; border-radius: 20px; margin-top: 45px; transition: all 0.3s; -ms-transition: all 0.3s;} .list_pro li:hover .desc>em{background-color: #196cb6; color: #fff;} /*display*/ .dis_big>span{font-size: 26px; font-weight: bold; display: block;} .dis_big>em{font-size: 17px; display: block; margin-top: 15px;} .dis_pic{justify-content: flex-start; margin-top: 70px;} .dis_pic .box{width: 90%; position: relative; max-width: 865px;} .dis_pic .swiper-container{width: 80%;} .dis_pic .swiper-wrapper{padding-bottom: 60px;} .dis_pic .swiper-pagination-bullet{width: 30px; height: 3px; border-radius: 0; background-color: #cacaca; opacity: 1;} .dis_pic .swiper-pagination-bullet-active{background-color: #196cb6;} .dis_pic .swiper-slide img{width: 100%; height: auto; max-width: 706px;} .dis_pic .ico>em{width: 38px; height: 76px; line-height: 76px; position: absolute; top: 50%; margin-top: -68px; display: block; text-align: center; font-size: 40px; cursor: pointer;} .dis_pic .ico>em.ico_left{left: 0;} .dis_pic .ico>em.ico_right{right: 0;} .dis_pic .ico>em:hover{background-color: #9f9f9f; color: #fff;} .dis_spec{margin-top: 50px;} .dis_spec>p{font-size: 16px; line-height: 2;} .dis_spec>dl{margin-top: 25px;} .dis_spec>dl>dd{height: 38px; line-height: 38px; padding: 0 20px; background-color: #f6f6f6; text-align: center; margin-right: 12px; margin-bottom: 12px;} .dis_spec>dl>dd:hover{background-color: #196cb6; color: #fff;} .dis_note{width: 100%; margin-top: 50px; padding-top: 45px; border-top: 1px solid #e6e6e6;} .dis_note .box{width: auto;} .dis_note .box>a{font-size: 15px; padding: 0 25px; margin-bottom: 0; position: relative;} .dis_note .box>a:hover{color: #333;} .dis_note .box>a::before{content: ''; display: block; width: 1px; height: 20px; background-color: #e6e6e6; margin-top: 15px; display: block; position: absolute; left: 0; top: -10px;} .dis_note .box>a:first-child{font-size: 26px; padding-left: 0;} .dis_note .box>a:first-child::before{display: none;} .dis_note .box>a:last-child::after{display: none;} .dis_note .box>a:not(:first-child){opacity: 0.6;} .dis_note .box>a.curr{color: #196cb6; opacity: 1;} .dis_note .box>a>img{margin-right: 10px;} .dis_note .ico{font-size: 18px; font-weight: bold;} .dis_note .ico>img{margin-right: 10px;} .dis_note .ico>a{color: #196cb6;} .dis_note .desc{margin-top: 20px;} .dis_note .desc>p{font-size: 16px; line-height: 2;} .dis_note .desc{margin-top: 35px;} .dis_download{margin-top: 50px;} .dis_download dl>dd{width: 360px; height: 82px; line-height: 82px; background-color: #f6f6f6; font-size: 18px; font-weight: bold; text-align: center; margin-right: 20px; cursor: pointer;} .dis_download dl>dd .img{width: 56px; height: 56px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 8px 2px rgba(0,0,0,.06); margin-right: 20px;} .dis_pic .video{position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(0,0,0,.8); z-index: 10; display: none; align-items: center; justify-content: center;} .dis_pic .video>.ico_box{width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9;} .dis_pic .video>.ico_box i{width: 40px; height: 40px; position: relative; display: block;} .dis_pic .video>.ico_box i::before, .dis_pic .video>.ico_box i::after{content: ''; width: 32px; height: 3px; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -16px; transform: rotate(45deg); background-color: #fff;} .dis_pic .video>.ico_box i::after{transform: rotate(-45deg);} .dis_pic .video video{width: 90%; height: 80vh; object-fit: cover;} .dis_prolist{margin-top: 80px;} .dis_prolist>span{font-size: 36px; display: block; padding-bottom: 55px;} .dis_prolist>ul{border: 1px solid #e6e6e6;} .dis_prolist>ul>li{width: calc(100% / 3); padding: 70px 70px 40px; box-sizing: border-box; border-left: 1px solid #e6e6e6;} .dis_prolist>ul>li:nth-child(3n+1){border-left: 0;} .dis_prolist>ul>li .img{width: 100%; height: auto; overflow: hidden;} .dis_prolist>ul>li .img>img{max-width: 100%; max-height: 100%; object-fit: contain; transition: all 0.6s; -ms-transition: all 0.6s; display: inline-block;} .dis_prolist>ul>li:hover .img>img{transform: scale(1.06); -webkit-transform: scale(1.06);} .dis_prolist>ul>li span{font-size: 20px; display: block; margin-top: 50px;} .dis_prolist>ul>li em{width: 128px; height: 40px; line-height: 40px; background-color: #196cb6; color: #fff; display: block; margin: 30px auto 0; text-align: center; opacity: 0; border-radius: 25px; transition: all 0.3s; -ms-transition: all 0.3s;} .dis_prolist>ul>li:hover em{opacity: 1;} /*list_share*/ ul.list_share li{width: 235px; margin-left: 20px; margin-bottom: 20px;} ul.list_share li:nth-child(4n+1){margin-left: 0;} ul.list_share li .img{width: 235px; height: 180px; margin: 0 auto; overflow: hidden;} ul.list_share li img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} ul.list_share li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} ul.list_share li span{display: block; padding-top: 10px;} /*share_list*/ ul.share_list li{width: 235px; margin-left: 20px; margin-bottom: 20px;} ul.share_list li:nth-child(4n+1){margin-left: 0;} ul.share_list .img{width: 235px; height: 180px; margin: 0 auto; border: 1px solid #e6e6e6; box-sizing: border-box; display: flex; align-items: center; justify-content: center; overflow: hidden;} ul.share_list .img img{max-width: 100%; max-height: 100%; transition: all 0.5s; -ms-transition: all 0.5s;} ul.share_list li:hover img{transform: scale(1.08); -webkit-transform: scale(1.08);} ul.share_list li span{display: block; padding-top: 10px; text-align: center;} /*table*/ table{width: 100%; border-width: 1px; border-color: #eee; border-collapse: collapse;} table th{border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #e8e8e8;} table td{border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #fff;} /*list_img_news*/ .list_img_news{margin-top: 70px;} .list_img_news .swiper-container{padding-bottom: 50px;} .list_img_news .swiper-slide{background-color: #f6f6f6;} .list_img_news .swiper-slide .desc{width: 45%; padding: 6%; box-sizing: border-box;} .list_img_news .swiper-slide .desc>.box>em{width: 106px; height: 36px; line-height: 36px; background-color: #196cb6; border-radius: 20px; color: #fff; text-align: center; display: block; margin-right: 15px;} .list_img_news .swiper-slide .desc>.box>i{color: #333;} .list_img_news .swiper-slide .desc>span{font-size: 24px; color: #196cb6; display: block; margin-top: 30px;} .list_img_news .swiper-slide .desc>p{margin-top: 20px; color: #333; font-size: 16px; line-height: 1.8;} .list_img_news .swiper-slide .img{width: 55%; height: 26vw; overflow: hidden;} .list_img_news .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} .list_img_news .swiper-slide .img:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);} .list_img_news .swiper-pagination{width: auto; bottom: 25%; left: 6%;} .list_img_news .swiper-pagination-bullet{width: 8px; height: 8px; background: none; opacity: 1; border: 1px solid #b5b5b5;} .list_img_news .swiper-pagination-bullet-active{background: #196cb6; border-color: #196cb6;} .list_img_news>ul li{width: 100%; padding: 50px 0; border-bottom: 1px solid #e6e6e6;} .list_img_news>ul li:last-child{border-bottom: 0;} .list_img_news>ul li .img{width: 382px; height: 242px; overflow: hidden;} .list_img_news>ul li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} .list_img_news>ul li .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} .list_img_news>ul li .desc{width: calc(100% - 382px); padding-left: 4%; box-sizing: border-box; font-size: 15px;} .list_img_news>ul li span{font-size: 20px; display: block; font-weight: bold; margin: 15px 0;} .list_img_news>ul li p{color: #666; line-height: 1.8; margin-top: 1%;} .list_img_news>ul li em{display: block; color: #888; margin-top: 2%;} .list_img_news>ul li i{width: 128px; height: 40px; line-height: 40px; background-color: #196cb6; color: #fff; display: block; text-align: center; border-radius: 25px; margin-top: 4%;} .list_img_news .news_search{position: relative;} .list_img_news .news_search form>.list_item{width: 230px; height: 48px; border: 1px solid #e6e6e6; margin-right: 15px; position: relative;} .list_img_news .news_search form>.list_item input{width: 230px; height: 48px; border: 0; background: none; padding: 0 15px; box-sizing: border-box; cursor: pointer;} .list_img_news .news_search form>.list_item i{padding-right: 15px; font-size: 22px;} .list_img_news .news_search form>.list_item ul{position: absolute; top: 48px; left: -1px; width: 100%; background-color: #fff; border: 1px solid #e6e6e6; border-top: 0; padding-bottom: 15px; box-shadow: 3px 3px 5px rgba(0,0,0,.05); z-index: 2; display: none;} .list_img_news .news_search form>.list_item ul>li{padding: 5px 15px; cursor: pointer;} .list_img_news .news_search form>.list_item ul>li:hover{color: #196cb6;} .list_img_news .news_search .box{width: 330px; height: 48px; border: 1px solid #e6e6e6; padding: 0 15px; box-sizing: border-box;} .list_img_news .news_search .box button{width: 70px; height: 46px; border: 0; background: #196cb6; cursor: pointer; margin-right: -15px;} .list_img_news .news_search .box button img{margin: auto;} .list_img_news .news_search .box input{width: 230px; height: 46px; border: 0; background: none;} /*list_pic_news*/ ul.list_pic_news li{width: 300px; margin: 0 8px; height: 260px;} ul.list_pic_news li .img{width: 300px; height: 200px; overflow: hidden;} ul.list_pic_news li img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} ul.list_pic_news li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} ul.list_pic_news li span{display: block; padding-top: 10px;} /*dis_news*/ #dis_news{max-width: 1000px; margin: auto;} #dis_news .news_title{font-weight: bold; font-size: 26px; text-align: center; line-height: 1.4;} #dis_news .news_date{color: #888; text-align: center; line-height: 2; font-size: 15px;} #dis_news .news_content{text-align: center; font-size: 16px; margin-top: 40px; line-height: 2.2;} /*market*/ .market_con{padding: 90px 0;} .market_con .desc{width: 25%;} .market_con .desc>span{font-size: 30px; display: block;} .market_con .desc>ul{margin-top: 100px;} .market_con .desc>ul>li{flex: 1; margin-right: 10%; text-align: center;} .market_con .desc>ul>li:last-child{margin-right: 0;} .market_con .desc>ul>li>span{font-size: 24px; display: block;} .market_con .desc>ul>li>em{font-size: 72px; display: block; font-family: Arial; line-height: 1; font-weight: bold; color: #196cb6; margin: 30px 0 20px 0;} .market_con .desc>ul>li>p{font-size: 18px; line-height: 1.6;} .market_con .img{width: 75%; justify-content: flex-end; position: relative;} .market_con .img>img{max-width: 100%; max-height: 100%;} .market_con .img>img:nth-child(2){position: absolute; inset: 0; margin: auto;} .market_domestic{padding: 90px 0; background: url(../images/market_bg.jpg) no-repeat center; background-size: cover;} .market_domestic .desc{width: 45%;} .market_domestic .desc>span{font-size: 30px; display: block;} .market_domestic .desc>ul{margin-top: 100px;} .market_domestic .desc>ul>li{margin-right: 8%; text-align: center; align-items: baseline;} .market_domestic .desc>ul>li:last-child{margin-right: 0;} .market_domestic .desc>ul>li>span{font-size: 18px; display: block; line-height: 1;} .market_domestic .desc>ul>li>em{font-size: 72px; display: block; font-family: Arial; line-height: 1; font-weight: bold; color: #196cb6; margin-right: 10px;} .market_domestic .spec{font-size: 16px; margin-top: 50px; line-height: 2.2;} .market_domestic .img{width: 50%; justify-content: flex-end; position: relative; transition: all 0.5s;} .market_domestic .img>img{max-width: 100%; max-height: 100%;} .market_domestic .img>img:nth-child(2){position: absolute; inset: 0; margin: auto;} .market_domestic .img:hover{transform: scale(1.05); -webkit-transform: scale(1.05);} .market_external{padding: 90px 0;} .market_external .desc{width: 35%;} .market_external .desc>span{font-size: 30px; display: block;} .market_external .desc>p{font-size: 24px; line-height: 1; font-weight: bold; color: #196cb6; margin-top: 100px;} .market_external .spec{font-size: 16px; margin-top: 50px; line-height: 2.2;} .market_external .img{width: 60%; justify-content: flex-end; position: relative; transition: all 0.5s;} .market_external .img>img{max-width: 100%; max-height: 100%;} .market_external .img>img:nth-child(2){position: absolute; inset: 0; margin: auto;} .market_external .img:hover{transform: scale(1.05); -webkit-transform: scale(1.05);} .market_list{margin-top: 70px;} .market_list .left{width: 390px; background-color: #f6f6f6;} .market_list .left>span{background-color: #196cb6; height: 60px; line-height: 60px; display: block; padding-left: 30px; color: #fff; font-size: 26px; border-top: 4px solid #f0833f;} .market_list .left ul>li{cursor: pointer;} .market_list .left ul>li>span{font-size: 18px; line-height: 1.4; padding: 15px 30px; border-bottom: 1px solid #dcdcdc;} .market_list .left ul>li>span>i{font-size: 26px; color: #196cb6;} .market_list .left dl{border-bottom: 1px solid #dcdcdc; padding: 0 30px; display: none;} .market_list .left dl>dd>a{padding-bottom: 15px; display: block;} .market_list .left dl>dd:first-child>a{padding-top: 20px;} .market_list .left dl>dd:last-child>a{padding-bottom: 20px;} .market_list .list{width: calc(100% - 390px); padding-left: 70px; box-sizing: border-box;} .market_list .list>span{font-size: 30px; display: block;} .market_list .list>span:hover{color: #196cb6;} .market_list .list>i{width: 50px; height: 3px; background-color: #196cb6; margin: 25px 0; display: block;} .market_list .list>.desc{line-height: 2;} /*service*/ .service_con{margin-top: 70px;} .service_con .left{width: 390px; background-color: #f6f6f6;} .service_con .left>span{background-color: #196cb6; height: 60px; line-height: 60px; display: block; padding-left: 30px; color: #fff; font-size: 26px; border-top: 4px solid #f0833f;} .service_con .left ul>li{cursor: pointer;} .service_con .left ul>li>span{font-size: 18px; line-height: 1.4; padding: 15px 30px; border-bottom: 1px solid #dcdcdc;} .service_con .left ul>li>span>i{font-size: 26px; color: #196cb6;} .service_con .left dl{border-bottom: 1px solid #dcdcdc; padding: 0 30px; display: none;} .service_con .left dl>dd>a{padding-bottom: 15px; display: block;} .service_con .left dl>dd:first-child>a{padding-top: 20px;} .service_con .left dl>dd:last-child>a{padding-bottom: 20px;} .service_con .list{width: calc(100% - 390px); padding-left: 70px; box-sizing: border-box;} .service_con .list>span{font-size: 30px; display: block;} .service_con .list>span:hover{color: #196cb6;} .service_con .list>i{width: 50px; height: 3px; background-color: #196cb6; margin: 25px 0; display: block;} .service_con .list>.desc{line-height: 2;} /*technology*/ .technology{margin-top: 70px;} .technology .dh>span{font-size: 36px; display: block;} .technology .desc{font-size: 16px; line-height: 2; margin-top: 45px;} .technology>ul{margin-top: 60px;} .technology>ul>li{width: 32%; margin-left: 2%; background-color: #f6f6f6; text-align: center; padding: 70px 0; box-sizing: border-box;} .technology>ul>li:nth-child(3n+1){margin-left: 0;} .technology>ul>li .img{width: 60px; height: 60px; overflow: hidden; margin: auto; position: relative;} .technology>ul>li img{margin: auto; width: 60px; height: auto; margin-top: 0; transition: all 0.5s;} .technology>ul>li:hover img:nth-child(1){margin-top: -60px;} .technology>ul>li>span{font-size: 30px; display: block; margin-top: 30px; transition: all 0.5s;} .technology>ul>li>i{width: 32px; height: 2px; background-color: #196cb6; display: block; margin: 30px auto 20px;} .technology>ul>li>p{width: 60%; margin: auto; font-size: 16px; line-height: 2;} .technology>ul>li:hover>span{color: #196cb6;} .technology .list{margin-top: 50px; background-color: #f6f6f6;} .technology .list .img{width: 50%; overflow: hidden;} .technology .list .img>img{width: 100%; height: 100%; object-fit: cover;} .technology .list .desc{width: 50%; padding: 60px 6%; box-sizing: border-box;} .technology .list .desc>span{display: block; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 30px;} .technology .list ul>li{width: 50%; margin-bottom: 30px;} .technology .list ul>li .ico>img{width: 20px; height: auto; margin-right: 10px;} .technology .list ul>li:first-child p{color: #196cb6; font-weight: bold; font-size: 18px;} .technology .list ul>li:last-child{width: 100%;} /*download*/ .download{margin-top: 70px;} .download .dh>span{font-size: 36px; display: block;} .download ul{margin-top: 20px; border-bottom: 1px solid #e6e6e6;} .download ul>li>a{padding: 30px 5px; margin-right: 60px; font-size: 20px; border-bottom: 2px solid transparent; box-sizing: border-box; display: block;} .download ul>li>a.on{color: #196cb6; border-bottom-color: #196cb6;} .download .list dl>dd>a{padding: 30px 0; border-bottom: 1px solid #e6e6e6; font-size: 18px; line-height: 1.4; cursor: pointer;} .download .list dl>dd>a>i{font-size: 24px; margin-right: 5px;} .download .list dl>dd>.box_con{padding: 32px 0; border-bottom: 1px solid #e6e6e6; display: none;} .download .list dl>dd>.box_con .item_box{margin: 0 12% 0 3%; padding: 15px 20px; box-sizing: border-box; cursor: pointer;} .download .list dl>dd>.box_con .item_box:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,.06);} .download .list dl>dd>.box_con .img{width: 56px; height: 56px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 8px 2px rgba(0,0,0,.06); margin-right: 20px;} .download .video{position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(0,0,0,.8); z-index: 10; display: none; align-items: center; justify-content: center;} .download .video>.box{width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9;} .download .video>.box i{width: 40px; height: 40px; position: relative; display: block;} .download .video>.box i::before, .download .video>.box i::after{content: ''; width: 32px; height: 3px; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -16px; transform: rotate(45deg); background-color: #fff;} .download .video>.box i::after{transform: rotate(-45deg);} .download .video video{width: 90%; height: 80vh; object-fit: cover;} /*recruit*/ .recruit{margin-top: 70px;} .recruit>.box{background: #77787c; height: 68px; line-height: 68px; display: flex; justify-content: space-between; color: #fff; border-top: 5px solid #196cb6; border-radius: 5px 5px 0 0;} .recruit>.box>span{width: 20%; display: inline-block; text-align: center; font-size: 18px;} .recruit>.box>span:nth-child(2){width: 30%;} .recruit>.box>span:last-child{width: 10%;} .recruit .list_box ul>li{border-bottom: 1px solid #e6e6e6; font-size: 16px;} .recruit .list_box ul>li:nth-child(2n){background: #fafafa;} .recruit .list_box ul>li>.list_dh{display: flex; justify-content: space-between; cursor: pointer; transition: all 0.5s;} .recruit .list_box ul>li>.list_dh>span{width: 20%; height: 68px; line-height: 1.4; display: flex; align-items: center; justify-content: center; text-align: center;} .recruit .list_box ul>li>.list_dh>span:nth-child(2){width: 30%;} .recruit .list_box ul>li>.list_dh>span:last-child{width: 10%;} .recruit .list_box ul>li>.list_dh>span>a{color: #196cb6; border-bottom: 1px solid #196cb6;} .recruit .list_box ul>li>.list_dh>span>i{color: #196cb6; font-size: 16px; font-weight: lighter; margin-left: 8px;} .recruit .list_box ul>li>.list_desc{border-top: 1px solid #e9e9e9; padding: 50px; line-height: 2.2; display: none;} .recruit .list_box ul>li>.list_desc .spec{color: #196cb6; font-weight: bold; line-height: 2;} .recruit .list_box ul>li>.list_desc>span{font-size: 28px; font-weight: bold; display: block;} .recruit .list_box ul>li>.list_desc .title{border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-top: 15px;} .recruit .list_box ul>li>.list_desc .title>dl>dd{padding-right: 12px;} .recruit .list_box ul>li>.list_desc .title>dl>dd:nth-child(2){color: #bfbfbf;} .recruit .list_box ul>li>.list_desc .title>dl>dd:nth-child(4){color: #bfbfbf;} .recruit .list_box ul>li>.list_desc .title>dl>dd:nth-child(5){padding-right: 5px;} .recruit .list_box ul>li>.list_desc .desc{margin-top: 30px;} .recruit .list_box ul>li:hover>.list_dh{background-color: #196cb6;} .recruit .list_box ul>li:hover>.list_dh>span{color: #fff;} .recruit .list_box ul>li:hover>.list_dh>span>a{color: #fff;} .recruit .list_box ul>li:hover>.list_dh>span>i{color: #fff;} .recruit .recruit_box .swiper-container{padding-bottom: 70px;} .recruit .recruit_box .swiper-slide{background-color: #f6f6f6;} .recruit .recruit_box .swiper-slide .desc{width: 45%; padding: 6%; box-sizing: border-box;} .recruit .recruit_box .swiper-slide .desc>.box>em{width: 106px; height: 36px; line-height: 36px; background-color: #196cb6; border-radius: 20px; color: #fff; text-align: center; display: block; margin-right: 15px;} .recruit .recruit_box .swiper-slide .desc>.box>i{color: #333;} .recruit .recruit_box .swiper-slide .desc>span{font-size: 24px; color: #196cb6; display: block; margin-top: 30px;} .recruit .recruit_box .swiper-slide .desc>p{margin-top: 20px; color: #333; font-size: 16px; line-height: 1.8;} .recruit .recruit_box .swiper-slide .img{width: 55%; height: 26vw; overflow: hidden;} .recruit .recruit_box .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} .recruit .recruit_box .swiper-slide .img:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);} .recruit .recruit_box .swiper-pagination{width: auto; bottom: 25%; left: 6%;} .recruit .recruit_box .swiper-pagination-bullet{width: 8px; height: 8px; background: none; opacity: 1; border: 1px solid #b5b5b5;} .recruit .recruit_box .swiper-pagination-bullet-active{background: #196cb6; border-color: #196cb6;} .recruit .list .title{width: 30%; position: relative;} .recruit .list .title>span{font-size: 36px; color: #196cb6; display: block; transition: all 0.3s;} .recruit .list .title>span:hover{color: #f0833f;} .recruit .list .title>em{display: block; font-size: 18px; margin-top: 20px; font-family: Arial;} .recruit .list .title>.ico{margin-top: 100px;} .recruit .list .title>.ico>em{width: 50px; height: 50px; line-height: 50px; border: 1px solid #e6e6e6; font-size: 30px; text-align: center; border-radius: 50%; margin-right: 15px; cursor: pointer;} .recruit .list .title>.ico>em:hover{border-color: #196cb6; color: #196cb6;} .recruit .list .desc{width: 70%; line-height: 2; font-size: 16px;} .recruit .list .list_con{margin-top: 65px;} .recruit .list .swiper-slide .img{width: 100%; height: 18vw; overflow: hidden;} .recruit .list .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;} .recruit .list .swiper-slide .img:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);} /*contact*/ .contact{margin-top: 70px;} .contact>span{font-size: 30px; display: block;} .contact>ul{margin-top: 55px;} .contact>ul>li{width: 22%; margin-bottom: 40px; border-left: 1px solid #e6e6e6; box-sizing: border-box; text-align: center; transition: all 0.3s;} .contact>ul>li:nth-child(4n+1){border-left: 0;} .contact>ul>li:nth-child(2){width: 34%;} .contact>ul>li:nth-child(6){width: 34%;} .contact>ul>li .img{margin: auto;} .contact>ul>li .img>img{width: 24px; height: auto; margin-right: 6px;} .contact>ul>li .img>span{color: #666; transition: all 0.3s;} .contact>ul>li em{margin-top: 15px; font-size: 16px; font-weight: bold; display: block;} .contact>ul>li:hover{color: #196cb6;} .contact>ul>li:hover .img>span{color: #196cb6;} .contact>dl{margin-top: 30px; background-color: #f6f6f6; padding: 50px 0; border-radius: 100px;} .contact>dl>dd{padding: 0 70px; font-size: 16px; font-weight: bold;} .contact>dl>dd img{max-width: 96px; margin-right: 20px; height: auto;} .contact_form{margin-top: 70px;} .contact_form>span{font-size: 30px; display: block;} /*page*/ .page{text-align: center; line-height: 30px; min-height: 30px; clear: both; margin-top: 20px;} /*pages*/ .pages{width: 100%; margin: 0 auto; margin-top: 30px; text-align: center;} .pages a{border: 1px solid #ccc; padding: 8px 14px; margin: 0 5px; color: #333 !important;} .pages a:hover,.pages a.active{background: #196cb6; color: #fff !important; border-color: #196cb6;} .pages span{border: 1px solid #ccc; padding: 8px 14px; margin: 0 3px; cursor: pointer;} .pages span:hover,.pages span.layui-laypage-curr{background: #196cb6; color: #fff; border-color: #196cb6;} .pageBtn,.pageSelect{display: none;} /*animate*/ @keyframes rotate{ from{transform: rotate(0deg);} to{transform: rotate(360deg);} } /*map*/ .map{width: 100%; height: 400px; border: 1px solid #ccc;} .map img{max-width: inherit !important;} .shadow,.pop,.anchorBL{display: none;} /*form*/ #onlineMsgForm{width: 100%; margin: 30px auto 0; font-size: 15px;} #onlineMsgForm .formMsgItem{margin-top: 15px;} #onlineMsgForm .formMsgItem .formMsgTitle{width: 100px; display: none;} #onlineMsgForm .formMsgItem{width: calc((100% - 30px)/3); display: inline-block; margin-left: 15px;} #onlineMsgForm .formMsgItem:nth-child(2){margin-left: 0;} #onlineMsgForm .formMsgItem:nth-child(5){margin-left: 0;} #onlineMsgForm .formMsgItem:nth-child(8){width: 100%; margin-left: 0; padding-top: 20px;} #onlineMsgForm .formMsgItem:nth-child(8) .layui-form-checkbox>div{font-size: 15px;} #onlineMsgForm .formMsgItem:nth-child(8) .formMsgInput{margin-top: 30px;} #onlineMsgForm .formMsgItem:nth-child(8) .formMsgTitle{display: block; font-weight: bold; font-size: 20px;} #onlineMsgForm .formMsgItem:nth-child(8) .layui-form-checkbox[lay-skin=primary]{width: 20%; margin-bottom: 25px;} #onlineMsgForm .formMsgItem:nth-child(8) .layui-form-checked[lay-skin=primary]>i{border-color: #196cb6!important; background-color: #196cb6;} #onlineMsgForm .formMsgItem:nth-child(8) .layui-form-checkbox:hover>i{border-color: #196cb6!important;} #onlineMsgForm .formMsgItem:nth-child(9){width: 100%; display: block; margin-left: 0;} #onlineMsgForm .formMsgCode{margin-left: 0; display: block;} #onlineMsgForm .formMsgSubmit{margin-left: 0; width: auto;} #onlineMsgForm .textareaItem{display: flex; align-items: baseline;} #onlineMsgForm .formMsgItem .layui-input{height: 48px; border: 1px solid #e6e6e6; border-radius: 0; display: inline-block; padding-left: 20px;} #onlineMsgForm .formMsgItem .layui-input:focus{border-color: #196cb6 !important; box-shadow: none;} #onlineMsgForm .formMsgItem .layui-select{height: 48px; border: 1px solid #e6e6e6; border-radius: 0;} #onlineMsgForm .formMsgItem .layui-select:focus{border-color: #196cb6 !important; box-shadow: none;} #onlineMsgForm .formMsgItem .layui-textarea{width: 100%; height: 230px; border: 1px solid #e6e6e6; resize: none; padding: 15px 10px; border-radius: 0; padding-left: 20px;} #onlineMsgForm .formMsgItem .layui-textarea:focus{border-color: #196cb6 !important; box-shadow: none;} #onlineMsgForm .formMsgItem:nth-last-child(2) .formMsgInput{display: flex; align-items: center;} #onlineMsgForm .formMsgItem:nth-last-child(2) .layui-input{width: 100px;} #onlineMsgForm .formMsgItem:nth-last-child(2) img{width: 80px; height: 48px; display: inline-block; margin-left: 15px;} #onlineMsgForm .layui-btn{width: 180px; height: 48px; margin: 20px auto 0; background-color: #196cb6; display: block; border-radius: 30px; font-size: 16px;} #onlineMsgForm .layui-btn:hover{opacity: 0.9;} /*float*/ .float{position: fixed; right: 20px; bottom: 20%; z-index: 99;} .float li{margin: 10px 0; flex-direction: row-reverse;} .float li .ico{cursor: pointer;} .float li .img{width: 42px; height: 42px; background-color: #999;} .float li .img>img{width: 23px; height: auto;} .float li p{padding: 0 25px; height: 42px; line-height: 42px; background-color: #fff; box-shadow: 0 2px 10px 2px rgba(0,0,0,.1); display: none;} .float li .ico:hover .img{background-color: #196cb6;} .float li .ico:hover + p{display: block;} /*nav*/ #footer_nav{background: #eff2f5;} #footer_nav .footer_nav_con{width: 100%; margin: 0 auto; padding: 100px 0;} #footer_nav .footer_nav_con a{color: #8b8e93; font-size: 15px;} #footer_nav .footer_nav_con a:hover{color: #196cb6;} #footer_nav .footer_nav_con .pic{width: 290px;} #footer_nav .footer_nav_con .pic .ico{margin-top: 40px;} #footer_nav .footer_nav_con .pic .ico>span{font-size: 30px; font-family: 'Impact'; font-weight: bold; margin-left: 12px; color: #196cb6;} #footer_nav .footer_nav_con .pic .desc{margin-top: 15px; color: #8b8e93;} #footer_nav .footer_nav_con .pic .qcode{margin-top: 25px;} #footer_nav .footer_nav_con .pic .qcode .img{margin-right: 35px; text-align: center;} #footer_nav .footer_nav_con .pic .qcode .img>span{display: block; color: #8b8e93; margin-top: 10px;} #footer_nav .footer_nav_con .list_box{width: calc(100% - 338px); padding-left: 10%; box-sizing: border-box;} #footer_nav .footer_nav_con .list>a{font-size: 17px; display: block; margin-bottom: 25px; color: #333;} #footer_nav .footer_nav_con .list>ul>li{line-height: 2.6; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*footer*/ #footer{padding: 30px 0; background: #196cb6; color: #fff; border-top: 1px solid rgba(255,255,255,.1);} #footer a{color: #fff;} #footer a:hover{color: #196cb6;} #footer .footer_con{margin: 0 auto; text-align: center;} #footer .footer_con .copyright:nth-child(2){display: none;} #footer .footer_copy{text-align: center; padding: 15px 0;} /*go_top*/ .go_top{width: 50px; height: 50px; background: #222; color: #fff; font-size: 16px; position: fixed; bottom: 60px; right: 20px; text-align: center; cursor: pointer; display: none;} .go_top em{text-align: center; display: block; line-height: 1; padding-top: 3px;} /*media*/ @media (min-width: 1100px){ .header{display: none;} } @media screen and (max-width: 1800px){ .about_profile ul>li{padding-right: 30px;} #home_pro .home_pro_con .swiper-container .swiper-slide span{font-size: 20px;} } @media screen and (max-width: 1632px){ #home_pro .home_pro_dh a.more{top: -32px;} #home_pro .home_pro_dh .more>i{margin-top: -66px;} } @media screen and (max-width: 1560px){ .menu>ul>li{padding: 0 20px;} .about_profile ul>li img{max-width: 80px;} } @media screen and (max-width: 1440px){ .container{width: 90%;} #home_pro .home_pro_con .swiper-container .swiper-slide span{font-size: 18px;} } @media screen and (max-width: 1300px){ .container{width: 92%;} .menu>ul>li{padding: 0 16px;} .menu>ul>li>a{font-size: 15px;} .about_profile ul>li img{max-width: 60px;} .about_profile ul>li:first-child .box>em>i{font-size: 45px;} .about_profile ul>li:last-child .box>em{font-size: 14px;} } @media screen and (max-width: 1200px){ .container{width: 94%;} .menu>ul>li{padding: 0 12px;} } /*public*/ @media screen and (max-width: 1099px){ html,body{overflow: auto; overflow-x: hidden;} #header{display: none;} .content{padding: 0 0 30px 0;} .container{min-width: 94%; width: 94%;} .con{padding: 0;} /*header*/ .header{width: 100%; height: 60px; line-height: 60px; background: #fff; position: fixed; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; z-index: 999;} .header .logo img{height: 22px;} .header .nav{width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 60px; border-top: 1px solid #f0f0f0; overflow-y: scroll; display: none;} .header .nav ul li>a{display: block; font-size: 15px; color: #454545; line-height: 16px; text-align: left; padding: 14px 20px; border-bottom: 1px solid #f0f0f0;} .header .nav ul li>a:hover{background: #196cb6; color: #fff;} .header .nav ul li .lang{margin-top: 20px;} .header .nav ul li .lang>a{padding: 0 10px; font-size: 15px;} .header .header_icon{position: fixed; top: 0; right: 0; height: 60px; width: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent;} .header .header_icon span,.header .header_icon span::after,.header .header_icon span::before{position: absolute; background-color: #196cb6; height: 2px; width: 24px;} .header .header_icon span{left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .header .header_icon span::after{content: ''; left: 0; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);} .header .header_icon span::before{content: ''; left: 0; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px);} .header_top{height: 60px;} /*banner*/ .banner{height: calc(100vh - 60px);} .banner .swiper-slide{background-size: cover; background-position: 70% center;} .banner .swiper-slide .desc{width: 60%;} .banner .swiper-slide .desc>span{font-size: 20px; font-weight: bold;} .banner .swiper-slide .desc>p{font-size: 15px; line-height: 1.6; margin-top: 15px;} .banner .swiper-slide .desc>a{width: 100px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px;} .banner .swiper-pagination{bottom: 10px;} .banner .swiper-pagination-bullet{margin: 0 4px !important;} .banner .swiper-pagination-bullet{width: 28px; height: 2px;} .banner .swiper-button-prev{left: 10px;} .banner .swiper-button-next{right: 10px;} .banner .down_ico{left: 3%; bottom: 3%; font-size: 15px; line-height: 1.2;} .banner .down_ico img{margin-top: 6px;} /*banner_inside*/ .banner_inside{height: 30vh;} .banner_inside .swiper-slide{background-size: cover;} .banner_inside .swiper-slide .desc>span{font-size: 14px;} .banner_inside .swiper-slide .desc>em{font-size: 20px; margin-top: 8px; letter-spacing: 1px; font-weight: bold;} .banner_inside .swiper-slide .desc>i{font-size: 15px; margin-top: 12px;} .banner_inside .swiper-pagination{bottom: 10px;} .banner_inside .swiper-pagination-bullet{margin: 0 4px !important;} .banner_inside .swiper-pagination-bullet{width: 8px; height: 8px;} .banner_inside .swiper-button-prev{left: 10px;} .banner_inside .swiper-button-next{right: 10px;} /*home_pro*/ #home_pro .container{width: 100%; min-width: 100%;} #home_pro .home_pro_dh{margin: 30px 0 40px; padding: 0 3%; box-sizing: border-box; padding-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,.08); display: block;} #home_pro .home_pro_dh .swiper-container{width: 100%;} #home_pro .home_pro_dh a.more{width: 100px; height: 32px; line-height: 32px; font-size: 15px; top: -30px;} #home_pro .home_pro_dh .swiper-slide .img{width: 46px; height: 46px;} #home_pro .home_pro_dh .swiper-slide .img img{width: 30px; height: auto;} #home_pro .home_pro_dh .ico{top: 24px;} #home_pro .home_pro_dh .more{width: 100%; display: block; text-align: center;} #home_pro .home_pro_dh .more>i{position: static; margin: 20px 5px 0; display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 22px;} #home_pro .home_pro_con{width: 94%; margin: 0 auto;;} #home_pro .home_pro_dh .swiper-slide span{margin-top: 10px;} #home_pro .home_pro_con{display: block;} #home_pro .home_pro_con .dh{width: 100%; margin-top: 5px; position: relative;} #home_pro .home_pro_con .dh>span{font-size: 20px; font-weight: bold;} #home_pro .home_pro_con .dh>em{font-size: 16px; margin-top: 6px; font-weight: normal;} #home_pro .home_pro_con .dh>a{width: 100px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px; position: absolute; top: -12px; right: 0;} #home_pro .home_pro_con .swiper-container{width: 94%; margin: 0 auto; margin-top: 30px; display: none;} #home_pro .home_pro_con .swiper-box{display: block; margin-top: 30px;} #home_pro .home_pro_con .swiper-box .swiper-slide{background-color: #f6f6f6; padding: 20px 0;} #home_pro .home_pro_con .swiper-box .swiper-slide .img{width: 100%; height: 160px; overflow: hidden;} #home_pro .home_pro_con .swiper-box .swiper-slide .img>img{max-width: 80%; max-height: 80%; object-fit: contain;} #home_pro .home_pro_con .swiper-box .swiper-slide span{width: 80%; margin: auto; display: block; margin-top: 10px;} #home_pro .home_pro_con a.more_ico{position: static; margin: 20px auto; width: 80px; height: 28px;} /*home_news*/ #home_news{padding: 30px 0; margin-top: 30px;} #home_news .home_news_dh{width: 100%; position: relative;} #home_news .home_news_dh>span{font-size: 20px; font-weight: bold;} #home_news .home_news_dh>em{font-size: 16px; margin-top: 6px; font-weight: normal;} #home_news .home_news_dh>.ico{margin-top: 25px; top: -20px; right: 0; position: absolute;} #home_news .home_news_dh>.ico>em{width: 36px; height: 36px; line-height: 36px; font-size: 22px; margin-right: 10px; } #home_news .home_news_dh>a{width: 100px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px;} #home_news .home_news_con{width: 100%; padding-left: 0; margin-top: 25px;} #home_news .home_news_con .swiper-slide em>i{font-size: 32px;} #home_news .home_news_con .swiper-slide span{font-size: 16px; margin-top: 15px;} #home_news .home_news_con .swiper-slide .img{height: 220px; margin-top: 20px;} #home_news .home_news_con .swiper-slide p{margin: 15px 0; font-size: 15px;} /*home_about*/ #home_about{padding: 30px 0;} #home_about .home_about_dh{position: relative;} #home_about .home_about_dh>.dh{width: 100%; position: relative;} #home_about .home_about_dh>.dh>span{font-size: 20px; font-weight: bold;} #home_about .home_about_dh>.dh>em{font-size: 16px; margin-top: 6px; font-weight: normal;} #home_about .home_about_dh>.dh>a{width: 100px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px; position: absolute; top: -12px; right: 0;} #home_about .home_about_dh .desc{width: 100%; padding-left: 0; margin-top: 15px; font-size: 15px;} #home_about .home_about_dh .desc ul{margin-top: 20px;} #home_about .home_about_dh .desc ul>li>span>i{font-size: 32px;} #home_about .home_about_dh .desc ul>li{width: 50%; margin-bottom: 5%;} #home_about .home_about_dh .desc ul>li>em{margin-top: 5px;} #home_about .home_about_con{margin-top: 20px;} #home_about .home_about_con .img{height: 160px; border-radius: 0 30px 0 30px;} #home_about .home_about_con>img{width: 36px;} #home_about .video>.box{top: 70px;} #home_about .video video{height: auto;} /*home_market*/ #home_market{padding: 110px 0 30px 0; margin-top: -100px;} #home_market .home_market_con .desc{width: 100%; position: relative;} #home_market .home_market_con .desc span{font-size: 20px; font-weight: bold;} #home_market .home_market_con .desc em{font-size: 16px; margin-top: 6px; font-weight: normal;} #home_market .home_market_con .desc p{font-size: 15px; margin-top: 10px;} #home_market .home_market_con .desc>ul{margin-top: 25px;} #home_market .home_market_con .desc>ul>li>span{font-size: 17px;} #home_market .home_market_con .desc>ul>li>em{font-size: 36px; margin: 15px 0;} #home_market .home_market_con .desc>ul>li>p{font-size: 15px;} #home_market .home_market_con a.more{width: 100px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px; position: absolute; top: -12px; right: 0;} #home_market .home_market_con .img{width: 100%; margin-top: 25px;} /*content*/ /*right*/ #right{width: 100%;} #right .right_dh{font-size: 15px;} #right .right_con{min-height: 320px; padding: 0;} #right .right_con img{max-width: 100%; padding: 0 !important;} #right .right_con iframe{max-width: 100%; height: auto;} #right .right_con video{max-width: 100%; height: auto;} #right .right_con table{width: 100% !important;} #right .right_box{padding: 30px 0 0 0; font-size: 15px;} #right .right_icon{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 2px; position: relative;} #right .right_icon span{width: 5px; height: 5px; border-radius: 50%; background: #222; display: block;} #right .right_icon span::before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #222; display: block; position: absolute; left: 0;} #right .right_icon span::after{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #222; display: block; position: absolute; right: 0;} /*left*/ #left{height: 45px;} #left .left_dh>ul{white-space: nowrap; overflow-x: scroll; display: block; text-align: center;} #left .left_dh>ul>li{margin: 0 2px; display: inline-block;} #left .left_dh>ul>li a{height: 46px; line-height: 46px; font-size: 15px; padding: 0 8px; margin: 0;} #left .left_dh>ul>li a.on{border-width: 2px;} .mask{position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none;} /*left_pro*/ .pro{display: block;} #left_pro{width: 100%; border-right: 0;} #left_pro .container{width: 100%; min-width: 100%;} #left_pro .left_dh>span{font-size: 20px; font-weight: bold;} #left_pro .left_dh>ul{margin-top: 10px; display: flex; flex-wrap: wrap;} #left_pro .left_dh>ul>li{width: 48%; margin-left: 4%;} #left_pro .left_dh>ul>li:nth-child(2n+1){margin-left: 0;} #left_pro .left_dh>ul>li a{padding: 6px 0; font-size: 15px;} #left_pro .left_dh dl>dd>a{padding: 6px 0; font-size: 15px;} /*local*/ .local{margin: 20px 0;} /*about*/ .about_profile{margin-bottom: 0;} .about_profile .dh{width: 100%; padding-top: 30px;} .about_profile .dh>span{font-size: 20px; font-weight: bold;} .about_profile ul>li{padding: 15px 0;} .about_profile ul>li .box>span{font-size: 15px;} .about_profile ul>li .box>em{margin-top: 10px;} .about_profile ul>li:first-child .box>em>i{font-size: 32px;} .about_profile ul>li img{max-width: 60px !important;} .about_profile ul>li:last-child .box>em{margin-top: 0;} .about_profile .desc{width: 100%; border-left: 0; padding-left: 0; padding-top: 25px;} .about_profile .desc>span{font-size: 17px;} .about_profile .desc>.desc_box{margin-top: 15px; font-size: 15px;} .about_profile .swiper-container{margin-top: 20px;} .about_profile .swiper-slide .img{height: 220px;} .about_profile .swiper-wrapper{padding-bottom: 50px;} .about_profile .swiper-pagination-bullet{width: 8px; height: 8px;} .about_profile .swiper-pagination-bullet-active{width: 26px;} .about_culture{margin-top: 15px; padding: 35px 0;} .about_culture .dh>span{font-size: 20px; font-weight: bold;} .about_culture .desc{margin-top: 15px; font-size: 15px;} .about_culture .list_con{margin-top: 25px;} .about_culture .list_con .img{width: 100%;} .about_culture .list_con .list_box{width: 100%; position: static; height: auto;} .about_culture .list_con .swiper-slide>.spec span{font-size: 18px;} .about_culture .list_con .swiper-slide>.spec p{font-size: 15px; margin-top: 5px;} .about_culture .list_con .ico{bottom: -18px;} .about_culture .list_con .ico>em{width: 36px; height: 36px; line-height: 36px; font-size: 22px; margin: 0 4px;} .about_history{padding: 35px 0;} .about_history .dh>span{font-size: 20px; font-weight: bold;} .about_history .list{margin-top: 25px;} .about_history .list .list_con{display: block;} .about_history .view{width: 97%; left: 3%;} .about_history .view::after{left: -3%; bottom: -4%;} .about_history .view .swiper-slide{display: block;} .about_history .view .swiper-slide .img{width: 100%;} .about_history .note{width: 100%;} .about_history .note .swiper-slide .desc{width: 100%; margin-top: 30px;} .about_history .note .swiper-slide .desc span{font-size: 26px;} .about_history .note .swiper-slide .desc p{margin-top: 20px; line-height: 2;} .about_history .preview{margin: 50px 0 0 0;} .about_history .preview>a{width: 36px; height: 36px; line-height: 36px; font-size: 22px; margin-top: -48px;} .about_history .preview .swiper-container{width: 80%;} .about_history .preview .swiper-slide{font-size: 18px;} .about_honor{padding: 30px 0 10px 0;} .about_honor .dh>span{font-size: 20px; font-weight: bold;} .about_honor .dh>.desc{margin: 10px 0 20px 0; font-size: 15px;} .about_honor .swiper-slide .img{height: 130px;} .about_honor .swiper-slide span{font-size: 15px; margin-top: 10px;} .about_honor .swiper-wrapper{padding-bottom: 40px;} .about_honor .swiper-scrollbar-drag{height: 6px; top: -1px;} /*list_pro*/ .list_pro{width: 100%; margin: 30px 0 20px 0;} .list_pro .box>span{font-size: 20px; margin-bottom: 20px; font-weight: bold; color: #196cb6;} .list_pro li{width: 100%; margin-left: 0;} .list_pro li .img{height: calc(100% - 140px);} .list_pro li .desc{height: 140px; padding: 20px;} .list_pro li .desc>span{font-size: 16px;} .list_pro li .desc>p{margin-top: 6px;} .list_pro li .desc>em{margin-top: 20px; width: 50px; height: 22px; line-height: 20px;} /*display*/ .dis_pro .left_dh{display: none;} .dis_big{margin-top: -15px;} .dis_big>span{font-size: 17px;} .dis_big>em{font-size: 15px; margin-top: 10px;} .dis_pic{margin-top: 30px; display: block;} .dis_pic .box{width: 100%;} .dis_pic .swiper-wrapper{padding-bottom: 40px;} .dis_pic .swiper-container{width: 80%;} .dis_pic .ico>em{width: 26px; font-size: 22px;} .dis_spec{margin-top: 10px;} .dis_spec>p{font-size: 15px;} .dis_spec>dl{margin-top: 20px;} .dis_spec>dl>dd{width: 100%; margin-left: 0; margin-bottom: 3%; margin-right: 0; box-sizing: border-box; text-align: left;} .dis_spec>dl>dd:nth-child(2n+1){margin-left: 0;} .dis_note{margin-top: 20px; padding-top: 25px;} .dis_note .ico{display: none;} .dis_note .box>a:first-child{font-size: 18px;} .dis_note .box>a{padding: 0 20px;} .dis_note .box>a::before{height: 16px; margin-top: 16px;} .dis_note .desc{margin-top: 20px;} .dis_note .desc p{font-size: 15px;} .dis_download{margin-top: 30px;} .dis_download dl>dd{width: 48%; margin-left: 4%; margin-right: 0; height: 62px; line-height: 62px; font-size: 16px;} .dis_download dl>dd:nth-child(2n+1){margin-left: 0;} .dis_download dl>dd .img{width: 40px; height: 40px; margin-right: 12px;} .dis_download dl>dd .img img{width: 20px;} .dis_pic .video>.ico_box{top: 70px;} .dis_prolist{margin-top: 15px; margin-bottom: 30px;} .dis_prolist>span{font-size: 18px; padding-bottom: 15px;} .dis_prolist>ul>li{width: 100%; padding: 15px 15px 25px; border-bottom: 1px solid #e6e6e6; border-left: 0;} .dis_prolist>ul>li:last-child{border-bottom: 0;} .dis_prolist>ul>li span{font-size: 16px; margin-top: 10px;} .dis_prolist>ul>li em{display: none;} /*list_share*/ ul.list_share li{width: 48%; margin-left: 4%; margin-bottom: 4%;} ul.list_share li:nth-child(2n+1){margin-left: 0;} ul.list_share li .img{width: 100%; height: 120px;} ul.list_share li span{padding-top: 5px;} /*share_list*/ ul.share_list li{width: 48%; margin-left: 4%; margin-bottom: 4%;} ul.share_list li:nth-child(2n+1){margin-left: 0;} ul.share_list li .img{width: 100%; height: 100%;} ul.share_list li span{padding-top: 5px;} /*list_news*/ .list_news{padding: 30px 0 40px 0;} /*list_img_news*/ .list_img_news{margin-top: 30px;} .list_img_news .swiper-slide a{flex-direction: column-reverse;} .list_img_news .swiper-slide .desc{width: 100%;} .list_img_news .swiper-slide .img{width: 100%; height: 220px;} .list_img_news .swiper-slide .desc{padding: 5%; padding-bottom: 16%; height: 220px;} .list_img_news .swiper-slide .desc>span{font-size: 17px; margin-top: 20px;} .list_img_news .swiper-slide .desc>p{font-size: 15px; margin-top: 6px;} .list_img_news .swiper-slide .desc>.box>em{width: 100px; height: 32px; line-height: 32px;} .list_img_news .swiper-pagination{bottom: 10%; left: 5.5%;} .list_img_news .swiper-container{padding-bottom: 25px;} .list_img_news>ul li{width: 100%; padding: 25px 0;} .list_img_news>ul li .img{width: 40%; height: 90px;} .list_img_news>ul li .desc{width: 60%;} .list_img_news>ul li span{font-size: 16px; margin: 0;} .list_img_news>ul li i{width: 100px; height: 32px; line-height: 32px;} .list_img_news .news_search form>.list_item{width: 100%; height: 42px; margin-right: 0; margin-bottom: 10px;} .list_img_news .news_search form>.list_item input{width: 100%; height: 42px;} .list_img_news .news_search form>input{width: 100%; height: 42px; margin-right: 0; margin-bottom: 10px;} .list_img_news .news_search .box{width: 100%; height: 42px;} .list_img_news .news_search .box input{height: 40px;} .list_img_news .news_search .box button{width: 60px; height: 40px;} .list_img_news .news_search img{width: 18px;} .list_img_news .news_search form>.list_item ul{top: 42px;} /*list_pic_news*/ ul.list_pic_news li{width: 48%; margin-left: 4%; margin-bottom: 4%;} ul.list_pic_news li:nth-child(2n+1){margin-left: 0;} ul.list_pic_news li .img{width: 100%; height: 120px;} ul.list_pic_news li span{font-size: 15px;} ul.list_pic_news li p{padding-top: 5px;} /*dis_news*/ #dis_news{width: 100%;} #dis_news img{height: auto !important; display: block !important;} #dis_news .news_title{font-size: 17px; line-height: 1.6;} #dis_news .news_date{padding: 5px 0;} #dis_news .news_content{margin-top: 15px; font-size: 15px;} /*market*/ .market_con{padding: 30px 0;} .market_con .desc{width: 100%;} .market_con .desc>span{font-size: 20px; font-weight: bold;} .market_con .desc>ul{margin-top: 25px;} .market_con .desc>ul>li>span{font-size: 17px;} .market_con .desc>ul>li>em{font-size: 36px; margin: 15px 0;} .market_con .desc>ul>li>p{font-size: 15px;} .market_con .img{width: 100%; margin-top: 20px;} .market_domestic{padding: 30px 0;} .market_domestic .desc{width: 100%;} .market_domestic .desc>span{font-size: 20px; font-weight: bold;} .market_domestic .desc>ul{margin-top: 25px;} .market_domestic .desc>ul>li>em{font-size: 36px; margin-right: 6px;} .market_domestic .desc>ul>li>span{font-size: 15px;} .market_domestic .spec{margin-top: 15px; font-size: 15px;} .market_domestic .img{width: 100%; margin-top: 20px;} .market_external{padding: 30px 0 10px 0;} .market_external .desc{width: 100%;} .market_external .desc>span{font-size: 20px; font-weight: bold;} .market_external .desc>p{font-size: 16px; margin-top: 25px;} .market_external .spec{margin-top: 15px; font-size: 15px;} .market_external .img{width: 100%; margin-top: 20px;} .market_list{margin-top: 30px;} .market_list .left{width: 100%;} .market_list .left>span{font-size: 17px; height: 40px; line-height: 40px; padding-left: 20px;} .market_list .left ul>li>span{font-size: 15px; padding: 5px 20px;} .market_list .left dl>dd>a{padding-bottom: 10px;} .market_list .left dl>dd:first-child>a{padding-top: 10px;} .market_list .left dl>dd:last-child>a{padding-bottom: 10px;} .market_list .list{width: 100%; padding-left: 0; margin-top: 25px;} .market_list .list>span{font-size: 20px; font-weight: bold;} .market_list .list>i{margin: 15px 0;} /*service*/ .service_con{margin-top: 30px;} .service_con .left{width: 100%;} .service_con .left>span{font-size: 17px; height: 40px; line-height: 40px; padding-left: 20px;} .service_con .left ul>li>span{font-size: 15px; padding: 5px 20px;} .service_con .left dl>dd>a{padding-bottom: 10px;} .service_con .left dl>dd:first-child>a{padding-top: 10px;} .service_con .left dl>dd:last-child>a{padding-bottom: 10px;} .service_con .list{width: 100%; padding-left: 0; margin-top: 25px;} .service_con .list>span{font-size: 17px;} .service_con .list>i{margin: 15px 0;} /*technology*/ .technology{margin-top: 30px;} .technology .dh>span{font-size: 20px; font-weight: bold;} .technology .desc{font-size: 15px; margin-top: 10px;} .technology>ul{margin-top: 25px;} .technology>ul>li{width: 100%; margin-left: 0; padding: 20px; margin-bottom: 4%;} .technology>ul>li .img{width: 36px; height: 36px;} .technology>ul>li img{width: 36px;} .technology>ul>li>span{font-size: 16px; margin-top: 10px;} .technology>ul>li>i{margin: 15px auto;} .technology>ul>li>p{width: 90%; font-size: 15px;} .technology .list{margin-top: 10px;} .technology .list .img{width: 100%;} .technology .list .desc{width: 100%; padding: 10px 20px;} .technology .list .desc>span{padding-bottom: 20px; margin-bottom: 20px;} .technology .list ul>li{margin-bottom: 20px;} .technology .list ul>li:first-child p{font-size: 15px;} .technology .list ul>li:nth-child(1){width: 45%;} .technology .list ul>li:nth-child(2){width: 55%;} /*download*/ .download{margin-top: 30px;} .download .dh>span{font-size: 20px; font-weight: bold;} .download ul{margin-top: 10px;} .download ul>li>a{padding: 10px 5px; margin-right: 20px; font-size: 16px;} .download .list dl>dd>a{padding: 15px 5px; font-size: 15px;} .download .list dl>dd>a span{width: 90%;} .download .list dl>dd>a>i{font-size: 16px;} .download .list dl>dd>.box_con{padding: 15px 0;} .download .list dl>dd>.box_con .box_list{display: block;} .download .list dl>dd>.box_con .item_box{margin: 0; width: 100%; padding: 5px 0;} .download .list dl>dd>.box_con .img{width: 40px; height: 40px; margin-right: 12px;} .download .list dl>dd>.box_con .img img{width: 20px;} .download .video>.box{top: 70px;} /*recruit*/ .recruit{margin-top: 30px;} .recruit .recruit_box .swiper-slide a{flex-direction: column-reverse;} .recruit .recruit_box .swiper-slide .desc{width: 100%;} .recruit .recruit_box .swiper-slide .img{width: 100%; height: 220px;} .recruit .recruit_box .swiper-slide .desc{padding: 5%; padding-bottom: 16%; height: 220px;} .recruit .recruit_box .swiper-slide .desc>span{font-size: 17px; margin-top: 20px;} .recruit .recruit_box .swiper-slide .desc>p{font-size: 15px; margin-top: 6px;} .recruit .recruit_box .swiper-slide .desc>.box>em{width: 100px; height: 32px; line-height: 32px;} .recruit .recruit_box .swiper-pagination{bottom: 10%; left: 5.5%;} .recruit .recruit_box .swiper-container{padding-bottom: 25px;} .recruit .list .title{width: 100%; margin-top: 5px;} .recruit .list .title>span{font-size: 20px; font-weight: bold;} .recruit .list .title>em{font-size: 15px; margin-top: 5px;} .recruit .list .title>.ico{margin-top: 20px;} .recruit .list .title>.ico>em{width: 36px; height: 36px; line-height: 36px; font-size: 22px; margin-right: 10px;} .recruit .list .desc{width: 100%; margin-top: 20px; font-size: 15px;} .recruit .list .list_con{margin-top: 25px;} .recruit .list .swiper-slide .img{height: 220px;} .recruit>.box{height: 46px; line-height: 46px;} .recruit>.box>span{width: 32%; font-size: 16px; height: 46px;} .recruit>.box>span:last-child{width: 32%;} .recruit>.box>span:nth-child(2){display: none;} .recruit>.box>span:nth-child(3){display: none;} .recruit .list_box ul>li>.list_dh>span{width: 32%; font-size: 15px; height: 50px;} .recruit .list_box ul>li>.list_dh>span:last-child{width: 32%;} .recruit .list_box ul>li>.list_dh>span:nth-child(2){display: none;} .recruit .list_box ul>li>.list_dh>span:nth-child(3){display: none;} .recruit .list_box ul>li>.list_desc{padding: 20px 0 20px 0;} .recruit .list_box ul>li>.list_desc>span{font-size: 17px;} .recruit .list_box ul>li>.list_desc .title{margin-top: 5px; display: block; padding-bottom: 15px;} .recruit .list_box ul>li>.list_desc .title>dl>dd{font-size: 15px;} .recruit .list_box ul>li>.list_desc .title>em{font-size: 15px;} .recruit .list_box ul>li>.list_desc .desc{margin-top: 15px; font-size: 15px;} .recruit .list_box ul>li>.list_desc .spec{font-size: 15px;} /*contact*/ .contact{margin-top: 30px;} .contact>span{font-size: 20px; font-weight: bold;} .contact>ul{margin-top: 25px;} .contact>ul>li{width: 48%; border-left: 0; margin-bottom: 25px;} .contact>ul>li:nth-child(2){width: 48%;} .contact>ul>li:nth-child(6){width: 48%;} .contact>ul>li .img{justify-content: flex-start;} .contact>ul>li em{font-size: 14px; margin-top: 10px; text-align: left;} .contact>dl{padding: 20px; border-radius: 30px; margin-top: 15px;} .contact>dl>dd{width: 50%; display: block; padding: 0; text-align: center; font-size: 15px;} .contact>dl>dd img{max-width: 80px !important; margin: auto;} .contact>dl>dd span{height: 50px; margin-top: 10px; display: block;} .contact_form{margin-top: 30px;} .contact_form>span{font-size: 20px; font-weight: bold;} /*form*/ #onlineMsgForm{width: 100%; margin-top: 10px; font-size: 15px;} #onlineMsgForm .formMsgItem{width: 100%; margin-left: 0; margin-bottom: 5px;} #onlineMsgForm .formMsgItem .layui-input{height: 40px; padding-left: 15px;} #onlineMsgForm .textareaItem{display: block;} #onlineMsgForm .formMsgItem .formMsgCon{width: 100%; display: block; margin-top: -10px;} #onlineMsgForm .formMsgItem .formMsgTitle{width: auto; padding-bottom: 5px;} #onlineMsgForm .formMsgItem .layui-textarea{height: 136px;} #onlineMsgForm .formMsgItem:nth-last-child(2) .layui-input{width: 60%;} #onlineMsgForm .formMsgItem:nth-last-child(2) img{height: 36px; margin-left: 10px;} #onlineMsgForm .formMsgItem:nth-child(8){padding-top: 0;} #onlineMsgForm .formMsgItem:nth-child(8) .formMsgInput{margin-top: 20px;} #onlineMsgForm .formMsgItem:nth-child(8) .layui-form-checkbox[lay-skin=primary]{width: 50%; margin-bottom: 20px;} #onlineMsgForm .layui-btn{width: 160px; height: 40px; margin: 10px auto 10px; font-size: 16px;} /*pages*/ .pages{width: 100%; margin: 0 auto; margin-top: 15px; text-align: center;} .pages a{padding: 5px 10px;} .pages span{padding: 5px 10px; margin: 0 3px;} .layui-laypage{display: none;} .pageBtn,.pageSelect{display: inline-block;} .pageSelect>select{border: 0; background: none;} /*float*/ .float{right: 3%;} .float li .img{width: 32px; height: 32px;} .float li .img>img{width: 18px;} .float li p{height: 32px; line-height: 32px;} /*livechat*/ #livechat{display: none;} /*nav*/ #footer_nav{display: none;} /*footer*/ #footer{padding: 15px 0;} #footer .footer_con{width: 96%; margin: 0 auto; text-align: center;} #footer .footer_con .copyright:nth-child(1){display: none;} #footer .footer_con .copyright:nth-child(2){display: block;} #footer .footer_copy{margin: 0 auto; width: 94%; padding: 15px 0;} }