/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, 微软雅黑, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; object-fit: cover;}
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%;}
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
/* html.on { overflow: hidden; height: 100%; } */
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

::-webkit-scrollbar-track{background-color:#f7f7f7}
::-webkit-scrollbar{width:3px; height: 3px;}
::-webkit-scrollbar-thumb{background-color:#c1c1c1}

.container-box{ width: 100%; padding: 0 60px; overflow: hidden;}

.business-con-box .text img , .about-box img, .news-con img{ max-width:100%; height: auto !important; }


.header{ height: 150px; line-height: 150px;}
.header .logo{ width: 28.67%; float: left;}
.header .pc-nav{ width: 52.99%; float: left; padding: 0 2% 0 3%;}
.header .pc-nav li{ width: 16.6666%; float: left; padding: 0 1.4%;}
.header .pc-nav li a{ display: block; width: 100%; height: 100%; position: relative; font-size: 1.8em; color: #333; text-align: center; font-weight: bold;}
.header .pc-nav li.on a, .header .pc-nav li a:hover{ color: #1181c5;}
.header .pc-nav li.on a::before{ content: ""; position: absolute; width: 100%; height: 3px; background: #1181c5; bottom: 0; left: 50%; transform: translateX(-50%);}
.header .pc-search{ width: 18.34%; height: 120px; padding-left: 30px; float: left; display: table;}
.header .pc-search .box{ display: table-cell; vertical-align: middle; position: relative; }
.header .pc-search input[type="text"]{ width: 80%; height: 45px; float: left; border: none; padding: 0 15px; background: #f4f4f4; font-size: 1.4em; color: #333; border-radius: 6px 0 0 6px;}
.header .pc-search input[type="submit"]{ width: 20%; height: 45px; float: left; position: relative; z-index: 0; border: none; background: #1181c5; border-radius: 6px; }
.header .pc-search i{ position: absolute; width: 20%; height: 45px; right: 0; top: 50%; transform: translateY(-50%);  pointer-events: none;}
.header .pc-search i img{ width: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.header .search{ padding:0 15px; text-align:right;}
.header .search > img{ width: 34px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #1181c5; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding-right: 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#1181c5; color:#fff; line-height:40px;}
.header .search-box select{ position: absolute; width: 18%; top: 0; left: 0; height: 100%; padding: 0 10px; font-size: 1.4em; color: #333; border: none;}


.header .nav-btn { height: 60px; line-height: 60px; position:relative; z-index:999; float:right; padding:0; width: auto; }
.header .nav-btn .text { font-size: 20px; color: #1181c5; margin-right: 10px; }
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #1181c5; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 100%; height: 100%; top: 0; right: -100%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #1181c5; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left; height: 60px; line-height: 60px;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li{ width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; position: relative;}
.nav li>a { display: inline-block; width: 80%; padding-left: 30px; height: 100%; font-size: 1.4em; color: #333; }
.nav li i{ position: absolute; font-size: 1.8em; color: #333; right: 20px; top: 18px; transition: all .3s;}
.nav li.on > i, .nav li dd.on > i{ transform: rotate(90deg);}
.nav li.on > a{ color: #1181c5;}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; position: relative;}
.nav li dd i{ top: 14px;}
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 80%; line-height: 45px; text-indent: 4em; font-size: 1.4em; color: #333; }
.nav li dd.on > a{ color: #1181c5;}
/* .nav li dd .nav-box{ display: none; }
.nav li dd .nav-box a{ border-top: 1px dashed #ccc; text-indent: 6em; }
.nav li dd .nav-box a:hover{ color: #1181c5;} */
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ height: 30.8vw; position: relative; z-index: 0;}
.banner .swiper-container, .banner .swiper-wrapper{ width: 100%; height: 100%;}
.banner .swiper-slide a{ display: inline-block; width: 100%; height: 100%;}
.banner .swiper-button-next{ right: -50px;}
.banner .swiper-button-prev{ left: -50px;}
.banner:hover .swiper-button-next{ right: 10px;}
.banner:hover .swiper-button-prev{ left: 10px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 36px; height: 36px; border-radius: 100%; margin-top: -18px; background: rgba(31,45,61,.23); transition: all .3s;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{ color: #fff; font-size: 1.4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.banner .swiper-pagination{ bottom: 15px;}
.banner .swiper-pagination-bullet{ width: 40px; height: 5px; background: #fff; opacity: 1; margin: 0 7.5px !important; border-radius: 0; transition: all .3s;}
.banner .swiper-pagination-bullet-active{ background: #1181c5; width: 40px;}

.index-ys{ padding: 30px 0 0;}
.index-ys .title{ padding: 0 32%;}
.index-ys .list{ margin-top: 2.8125vw;}
.index-ys .list ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.index-ys .list li{ width: 20%; float: left; padding: 0 2.5px;}
.index-ys .list li .t{ font-size: 1.5vw; line-height: 1; color: #004098; font-weight: bold; text-align: center;}
.index-ys .list li .box{ width: 100%; height: 16vw; background: url(../images/iys-bg.png) no-repeat center; background-size: 100% 100%; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; padding: 20% 0;}
.index-ys .list li:nth-child(-n+2) .box{ padding: 14% 0;}
.index-ys .list li .box p{ display: block; width: 100%; text-align: center; color: #004098; font-size: .9vw; padding: 0 15px;}


.index-box{ margin-top: 65px; overflow: hidden;}

.i-about{ width: 33.33%; float: left; padding-right: 2%;} /*width: 25%;*/
.i-about .t{ font-size: 2.4em; line-height: 26px; color: #1181c5; font-weight: bold; padding-bottom: 20px; position: relative;}
.i-about .t::before{ content: ""; position: absolute; width: 50px; height: 2px; background: #1181c5; left: 0; bottom: 0;}
.i-about .p{ font-size: 1.4em; line-height: 24px; color: #666; margin-top: 12px; height: 192px; overflow: hidden;}
.i-about .p p{ text-indent: 2em;}
.i-about .btns{ margin-top: 30px;}
.i-about .btns a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #1181c5; text-align: center;}
.i-about .btns a span{ display: inline-block; padding-right: 25px; position: relative; color: #fff; font-size: 1.4em; letter-spacing: .8px;}
.i-about .btns a span i{ position: absolute; width: 18px; top: 50%; transform: translateY(-50%) rotateY(180deg); right: 0; transition: all .3s;}
.i-about .btns a:hover span i{ right: -5px;}

.i-video{ width: 33.33%; height: 273px; float: left; position: relative; overflow: hidden; margin-top: 47px;}/* width: 22%;*/
.i-video img{ position: absolute; width: 100%; height: 100%; z-index: 0; transition: all .3s;}
.i-video:hover a > img{ transform: scale(1.1);}
.i-video .btns{ position: absolute; z-index: 1; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,.3);}
.i-video .btns i{ position: absolute; width: 66px; height: 66px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.poptrox-popup .caption{ font-size: 1.6em;}


.news-nav { margin-bottom:15px; font-size:1.4em; }
.news-nav a { padding: 5px 15px; display:inline-block; }
.news-nav a.on { color:#fff; background: #1181c5; }

.i-news{ width: 33.33%; float: left; padding-left: 20px;}/*width: 53%;*/
/* .i-news li{ overflow: hidden;}
.i-news li+li{ margin-top: 20px;}
.i-news li .img{ width: 32.51%; height: 125px; float: left; position: relative; overflow: hidden;}
.i-news li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-news li:hover .img img{ transform: scale(1.1);}
.i-news li .text{ width: 67.49%; float: left; padding-left: 25px;}
.i-news li .text .title{ margin: 0; font-size: 1.8em; color: #333; font-weight: bold; line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news li .text .date{ font-size: 1.4em; color: #333; line-height: 1.5; margin-top: 10px;}
.i-news li .text .p{ font-size: 1.4em; color: #999; line-height: 1.5; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.i-news li:hover .text .title{ color: #1181c5;} */

.i-news .top{ font-size: 1.8em; font-weight: bold; color: #1181c5; padding-bottom: 10px; position: relative; margin-bottom: 10px;}
.i-news .top::before{ content: ""; position: absolute; width: 45px; height: 2px; background: #1181c5; left: 0; bottom: 0;}
.i-news .list{ width: 100%; float: left; padding-left: 30px;} /*width: 46%;*/
.i-news .list li{ border-bottom: 1px dashed #bfbfbf; padding-bottom: 10px;}
.i-news .list li+li{ padding-top: 10px;}
.i-news .list li .title{ line-height: 24px;}
.i-news .list li .title h4{ margin: 0; font-size: 1.6em; line-height: inherit; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news .list li .title .date{ width: 100%; font-size: 1.2em; color: #999;}
.i-news .list li .p{ font-size: 1.4em; line-height: 24px; color: #333; margin-top: 1px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news .list li:hover .title h4{ color: #1181c5;}
.i-news .pic-list{ width: 54%; float: left; display: none;}
.i-news .pic-list ul{ margin: -10px;}
.i-news .pic-list li{ width: 100%; float: left; padding: 10px 10px 0;}
.i-news .pic-list li:nth-child(-n+2){ margin-bottom: 0;}
.i-news .pic-list li .img{ width: 100%; height: 250px; position: relative; overflow: hidden;}
.i-news .pic-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-news .pic-list li:hover .img img{ transform: scale(1.1);}
.i-news .pic-list li .t{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news .pic-list li:hover .t{ color: #1181c5;}


.i-business{ margin: 56px -6px 50px; overflow: hidden;}
.i-business .swiper-slide{ width: 16.6666%; padding: 0 6px;}
.i-business .swiper-slide .box{ position: relative;}
.i-business .swiper-slide .img{ height: 210px; width: 100%; position: relative; overflow: hidden;}
.i-business .swiper-slide .img img{ position: absolute; width: 100%; height: 100%; z-index: 0; transition: all .3s;}
.i-business .swiper-slide:hover .img img{ transform: scale(1.1);}
.i-business .swiper-slide .t{ position: absolute; left: 0; bottom: 0; margin: 0; height: 50px; line-height: 50px; width: 100%; text-align: center; background: rgba(0,0,0,.5); font-size: 1.4em; font-weight: bold; color: #fff; padding: 0 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-business .swiper-slide:hover .t{ background: #1181c5;}
.i-business .swiper-button-next{ right: -50px;}
.i-business .swiper-button-prev{ left: -50px;}
.i-business:hover .swiper-button-next{ right: 10px;}
.i-business:hover .swiper-button-prev{ left: 10px;}
.i-business .swiper-button-next, .i-business .swiper-button-prev{ width: 36px; height: 36px; border-radius: 100%; margin-top: -18px; background: rgba(31,45,61,.23); transition: all .3s;}
.i-business .swiper-button-next::after, .i-business .swiper-button-prev::after{ display: none;}
.i-business .swiper-button-next i, .i-business .swiper-button-prev i{ color: #fff; font-size: 1.4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.footer{ background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; overflow: hidden; padding: 30px 0;}
.footer .foot-logo{ float: left; width: 25.6%; height: 180px; line-height: 180px; padding-right: 4%; border-right: 1px solid rgba(255,255,255,.5); padding-left: 6%;}
.footer .foot-contact{ float: left; width: 32.28%; padding: 0 4.45%; border-right: 1px solid rgba(255,255,255,.5); height: 180px; display: table;}
.footer .foot-contact ul{ display: table-cell; vertical-align: middle;}
.footer .foot-contact li{ position: relative; padding-left: 30px; line-height: 24px; font-size: 1.4em; color: #fff;}
.footer .foot-contact li+li{ margin-top: 15px;}
.footer .foot-contact li a{ color: #fff;}
.footer .foot-contact li i{ position: absolute; width: 20px; left: 0; top: 50%; transform: translateY(-50%);}
.footer .foot-nav{ width: 24.6%; height: 180px; display: table; border-right: 1px solid rgba(255,255,255,.5); float: left; text-align: center;}
.footer .foot-nav .frame{ display: table-cell; vertical-align: middle;}
.footer .foot-nav ul{  width: 300px; margin: 0 auto;}
.footer .foot-nav li{ width: 50%; float: left; line-height: 35px; margin-top: 10px; padding: 0 30px;}
.footer .foot-nav li:nth-child(-n+2){ margin-top: 0;}
.footer .foot-nav li span{ display: inline-block; padding-left: 25px; position: relative; color: #fff; font-size: 1.4em;}
.footer .foot-nav li span i{ position: absolute; width: 18px; top: 50%; transform: translateY(-50%) rotateY(180deg); left: 0;}
.footer .foot-nav li:hover span{ text-decoration: underline;}
.footer .foot-wx{ width: 17.52%; height: 180px; float: left; padding-left: 4.616%; display: table; padding-right: 5%;}
.footer .foot-wx .frame{ display: table-cell; vertical-align: middle;}
.footer .foot-wx .img{ padding: 5px; background: #fff;}
.footer .foot-wx .img img{ width: 100%;}
.footer .foot-wx .t{ font-size: 1.4em; color: #fff; margin-top: 15px; text-align: center;}
.footer-copy{ line-height: 24px; font-size: 1.4em; color: #fff; text-align: center; padding: 15px 0; background: #1181c5;}
.footer-copy a{ color: #fff; margin-left: 5px; display: inline-block;}

.page-banner{ height: 450px; position: relative;}
.page-banner .page-banner-text{ position: absolute; font-weight: bold; color: #fff; left: 9.5%; top: 42%; transform: translateY(-50%);}
.page-banner .page-banner-text .en{ font-size: 2.4em; text-transform: uppercase; line-height: 24px; padding-bottom: 18px; position: relative;}
.page-banner .page-banner-text .en::before{ content: ""; position: absolute; width: 60px; height: 2px; background: #fff; left: 0; bottom: 0;}
.page-banner .page-banner-text .cn{ font-size: 3em; margin-top: 16px;}

.page-banner .mbx{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.3); font-size: 1.4em; color: #fff;}
.page-banner .mbx span{ position: relative; display: inline-block; padding-left: 25px;}
.page-banner .mbx span i{ position: absolute; font-size: 1.2em; left: 0; top: 50%; transform: translateY(-50%);}
.page-banner .mbx a{ color: #fff; margin-right: 2px;}
.page-banner .mbx a+a{ margin-left: 2px;}
.page-banner .mbx a:hover{ text-decoration: underline;}

.page-nav{ min-height: 85px; line-height: 85px; background: #f7f7f7;}
.page-nav .container-box{ display: flex;}
.page-nav .page-title{ height: 30px; line-height: 30px; font-size: 2.4em; font-weight: bold; color: #333; padding-left: 48px; position: relative; float: left; margin-top: 28px;}
.page-nav .page-title i{ position: absolute; width: 28px; left: 0; top: 50%; transform: translateY(-50%);}
.page-nav .page-nav-list{ flex: 1;}
.page-nav .page-nav-list li{ margin-left: 24px; float: left;}
.page-nav .page-nav-list li a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #e5e5e5; font-size: 1.4em; color: #333;}
.page-nav .page-nav-list li.on a, .page-nav .page-nav-list li:hover a{ background: #1181c5; color: #fff;}

.page-main{ padding: 70px 0 60px; overflow: hidden;}
.page-main .page-title{ height: 36px; line-height: 30px; font-size: 3em; font-weight: bold; color: #333; position: relative; text-align: center; padding-bottom: 6px;}
.page-main .page-title span{ position: relative; z-index: 1;}
.page-main .page-title::before{ content: ""; position: absolute; width: 150px; height: 10px; background: #1181c5; left: 50%; transform: translateX(-50%); bottom: 0;}
.page-main .video-box{ margin-top: 50px; height: 36.46vw; position: relative; overflow: hidden;}
.page-main .video-box video{ width: 100% !important; height: 100% !important;}
.page-main .video-box .VideoBtn{ position: absolute; width: 92px; height: 92px; top: 48%; left: 50%; transform: translate(-50%,-50%); z-index: 99; cursor: pointer;}

.about-box{ font-size: 1.6em; color: #333; line-height: 1.8; margin-top: 45px;}
.about-box .ckeditor-html5-video{ width: 50%; float: left;}
.about-box img{ max-width: 100%; height: auto !important; }
.about-box p+p { margin-top: 10px; }

.culture-list{ margin-top: 70px; overflow: hidden; margin-bottom: 30px;}
.culture-list li{ width: calc( (100% - 117px) / 4 ); margin-right: 39px; float: left;}
.culture-list li:last-child{ margin-right: 0;}
.culture-list li .box{ position: relative;}
.culture-list li .img{ position: relative; height: 20.834vw;}
.culture-list li .img img{ position: absolute; z-index: 0; width: 100%; height: 100%;}
.culture-list li .img i{ position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; background: rgba(0,0,0,.5);}
.culture-list li .text{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; padding: 0 10%;}
.culture-list li .text .t{ font-size: 2.4em; color: #fff; font-weight: bold; text-align: center; line-height: 30px;}
.culture-list li .text .p{ font-size: 1.4em; color: #fff; line-height: 24px; text-align: center; margin-top: 20px;}

.zz-list{ margin-top: 50px; overflow: hidden;}
.zz-list li{ width: calc( (100% - 117px) / 4 ); margin-right: 39px; float: left; margin-top: 50px;}
.zz-list li:nth-child(-n+4){ margin-top: 0;}
.zz-list li:nth-child(4n){ margin-right: 0;}
.zz-list li .img{ border: 1px solid #e5e5e5; padding: 12px 15px; width: 100%; height: 15.625vw;}
.zz-list li:hover .img{ border: 1px solid #1181c5;}
.zz-list li .img span{ display: block; overflow: hidden; position: relative; width: 100%; height: 100%;}
.zz-list li .img span img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.zz-list li:hover .img span img{ transform: scale(1.1);}
.zz-list li .text{ padding: 12px 0 15px; border-bottom: 1px solid #e5e5e5;}
.zz-list li:hover .text{ border-bottom: 1px solid #1181c5;}
.zz-list li .text .title{ line-height: 30px; display: flex;}
.zz-list li .text .title h4{ text-align:center; margin: 0; width: 100%; font-size: 1.8em; color: #333; line-height: 30px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.zz-list li .text .title .date{ flex-shrink: 0; font-size: 1.8em; color: #1181c5; float: right; margin-left: 20px;}
.zz-list li .text .p{ font-size: 1.4em; color: #999; line-height: 24px; text-transform: uppercase; margin: 5px 0;}
.zz-list li:hover .text .title h4{ color: #1181c5;}

.zzjg-box{ padding: 3.7vw 0; text-align: center;}

.history-box{ margin-top: 70px;}
.history-box .mySwiper2{ padding: 0 90px 32px; position: relative;}
.history-box .mySwiper2 .list{ position: relative; overflow: hidden;}
.history-box .mySwiper2 .swiper-slide{ width: 11.11%; float: left; padding: 0 10px; cursor: pointer;}
.history-box .mySwiper2 .swiper-slide .num{ line-height: 30px; font-size: 3em; font-weight: bold; color: #999; text-align: center;}
.history-box .mySwiper2 .swiper-slide .icon{ text-align: center; height: 20px; margin-top: 20px;}
.history-box .mySwiper2 .swiper-slide .icon i{ display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: #999;}
.history-box .mySwiper2 .swiper-slide-thumb-active .num{ font-size: 3.4em; color: #1181c5;}
.history-box .mySwiper2 .swiper-slide-thumb-active .icon i{ background: #1181c5;}
.history-box .mySwiper2 .line{ height: 1px; width: 100%; border-bottom: 1px dashed #d2d2d2; position: absolute; z-index: 0; left: 0; bottom: 10px;}

.history-box .swiper-button-next{ right: 0px;}
.history-box .swiper-button-prev{ left: 0px;}
.history-box .swiper-button-next, .history-box .swiper-button-prev{ width: 48px; height: 48px; border-radius: 100%; margin-top: -18px; background: rgba(31,45,61,.23); transition: all .3s;}
.history-box .swiper-button-next::after, .history-box .swiper-button-prev::after{ display: none;}
.history-box .swiper-button-next i, .history-box .swiper-button-prev i{ color: #fff; font-size: 2.4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.history-box .mySwiper{ padding: 46px 90px 10px;}
.history-box .mySwiper .list{ overflow: hidden;}
.history-box .mySwiper .frame{ border: 1px solid #e5e5e5; padding: 24px; overflow: hidden;}
.history-box .mySwiper .frame .img{ width: 51.06%; height: 20.834vw; overflow: hidden; float: left; position: relative;}
.history-box .mySwiper .frame .img img{ position: absolute; width: 100%; height: 100%;}
.history-box .mySwiper .frame .text{ width: 48.94%; float: left; padding: 35px 0 0 50px;}
.history-box .mySwiper .frame .text .t{ font-size: 2.4em; color: #333; font-weight: bold; line-height: 30px;}
.history-box .mySwiper .frame .text .p{ font-size: 1.4em; line-height: 24px; color: #333; margin-top: 25px;}

.page-sj-nav{ margin-top: 40px; overflow: hidden;}
.page-sj-nav li{ width: calc( (100% - 210px) / 8 ); margin-left: 30px; height: 50px; line-height: 50px; float: left;}
.page-sj-nav li:first-child{ margin-left: 0;}
.page-sj-nav li a{ display: block; text-align: center; width: 100%; background: #eee; font-size: 1.4em; color: #333;}
.page-sj-nav li a span{ display: inline-block; position: relative; padding-left: 25px;}
.page-sj-nav li a span::before{ content: ""; position: absolute; width: 10px; height: 10px; border: 1px solid #1181c5; border-radius: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.page-sj-nav li.on a, .page-sj-nav li:hover a{ background: #1181c5; color: #fff;}
.page-sj-nav li.on a span::before, .page-sj-nav li:hover a span::before{ border-color: #fff;}

.hot-business{ border: 1px solid #bfbfbf; overflow: hidden; margin-top: 50px;}
.hot-business .mySwiper{ padding: 30px 40px 30px 35px;}
.hot-business .list{ overflow: hidden;}
.hot-business .list a{ display: flex;}
.hot-business .img{ width: 32.56%; height: 23.5vw; overflow: hidden; position: relative;}
.hot-business .img img{ position: absolute; width: 100%; height: 100%;}
.hot-business .box{ flex: 1; float: left; width: 49.44%; padding-left: 55px;}
.hot-business .box .t{ font-size: 2.4em; font-weight: bold; color: #333; line-height: 28px; margin: 1.56vw 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.hot-business .box .p{ font-size: 1.4em; color: #999; line-height: 30px; padding: 1.32vw 0; text-align: justify; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.hot-business .box .p p{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.hot-business .box .p span{ color: #333;}
.hot-business .box .btns{ margin-top: 3.2vw;  }
.hot-business .box .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #1181c5; text-align: center;}
.hot-business .box .btns span b{ display: inline-block; padding-right: 25px; position: relative; color: #fff; font-size: 1.4em; font-weight: normal; letter-spacing: .8px;}
.hot-business .box .btns span i{ position: absolute; width: 18px; top: 50%; transform: translateY(-50%) rotateY(180deg); right: 0; transition: all .3s;}
.hot-business .box .btns span:hover i{ right: -5px;}
.hot-business .box .tel{ font-size: 2.6em; color: #333; font-weight: bold; margin-top: 1.28vw;}
.hot-business .box .tel span{ font-size: 1.4rem; font-weight: normal;}

.hot-business .swiper-button-next{ right: 0;}
.hot-business .swiper-button-prev{ left: 0;}
.hot-business .swiper-button-next, .hot-business .swiper-button-prev{ width: 50px; height: 100px; border-radius: 0; margin-top: -50px; background: rgba(0,0,0,.5); transition: all .3s;}
.hot-business .swiper-button-next::after, .hot-business .swiper-button-prev::after{ display: none;}
.hot-business .swiper-button-next i, .hot-business .swiper-button-prev i{ color: #fff; font-size: 3.2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.business-list{ margin-top: 10px; overflow: hidden;}
.business-list li{ width: calc( (100% - 240px) / 5 ); margin-right: 60px; margin-top: 50px; float: left;} 
.business-list li:nth-child(5n){ margin-right: 0;}
.business-list li .img{ width: 100%; height: 12.85vw; position: relative; overflow: hidden;}
.business-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.business-list li:hover .img img{ transform: scale(1.1);}
.business-list li .t{ height: 50px; line-height: 50px; padding: 0 15px; margin: 0; width: 100%; text-align: center; background: #eee; font-size: 1.4em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-list li:hover .t{ background: #1181c5; color: #fff;}

.advantage-box{ overflow: hidden;}
.advantage-box .top{ padding: 20px 0 25px; font-size: 2.4em; text-align: center; color: #333; margin-bottom: 45px; position: relative;}
.advantage-box .top i{ position: absolute; width: 70px; height: 4px; background: #1181c5; bottom: 0; left: 50%; transform: translateX(-50%);}
.advantage-box .box{ background: #f5f5f5; padding: 75px 0 55px; overflow: hidden;}
.advantage-box .box li{ width: calc( (100% - 90px) / 3 ); margin-left: 45px; min-height: 15.63vw; background: #fff; border-radius: 16px; float: left;}
.advantage-box .box li:first-child{ margin-left: 0;}
.advantage-box .box li .frame{ padding: 3.2vw 6.4% 1.2vw;}
.advantage-box .box li .frame .t{ font-size: 2.4em; color: #1181c5; font-weight: bold; text-align: center; line-height: 24px; padding-bottom: 20px; position: relative;}
.advantage-box .box li .frame .t i{ position: absolute; width: 60px; height: 3px; background: #d2d2d2; bottom: 0; left: 50%; transform: translateX(-50%);}
.advantage-box .box li .frame .p{ font-size: 1.4em; line-height: 24px; color: #333; text-indent: 2em; margin-top: 2.35vw;}

.business-con-top{ margin-top: 30px; border: 1px solid #bfbfbf; overflow: hidden; padding: 30px 40px 30px 35px; display: flex;}
.business-con-top .img{ width: 32.56%; height: 23.5vw; overflow: hidden; position: relative;}
.business-con-top .img img{ position: absolute; width: 100%; height: 100%;}
.business-con-top .box{ flex: 1; float: left; width: 49.44%; padding-left: 55px;}
.business-con-top .box .t{ font-size: 2.4em; font-weight: bold; color: #333; line-height: 28px; margin: 1.56vw 0;}
.business-con-top .box .p{ font-size: 1.4em; color: #999; line-height: 30px; padding: 1.32vw 0 0; text-align: justify; border-top: 1px solid #dcdcdc;}
.business-con-top .box .p span{ color: #333;}
.business-con-top .box .tel{ font-size: 2.6em; color: #333; font-weight: bold; margin-top: 1.28vw; padding-bottom: 8px;}
.business-con-top .box .tel span{ font-size: 1.4rem; font-weight: normal;}

.business-con-box{ margin-top: 55px;}
.business-con-box .top{ border-bottom: 1px solid #d9d9d9;}
.business-con-box .top span{ display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 1.8em; font-weight: bold; color: #fff; background: #1181c5; }
.business-con-box .text{ padding: 55px 0; font-size: 1.6em; color: #333; line-height: 1.8;}
.business-con-box .text p+p{ margin-top: 10px; }

.case-list{ margin-top: 10px; overflow: hidden;}
.case-list li{ width: calc( (100% - 135px) / 3 ); margin-right: 45px; margin-top: 40px; float: left;}
.case-list li:nth-child(3n){ margin-right: 0;}
.case-list li .img{ width: 100%; height: 14vw; position: relative; overflow: hidden;}
.case-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.case-list li:hover .img img{ transform: scale(1.1);}
.case-list li .box{ display: flex;  padding: 20px 0;}
.case-list li .box .text{ width: 100%; padding-right: 15px;}
.case-list li .box .text .t{ font-size: 1.8em; line-height: 20px; color: #333; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.case-list li:hover .box .text .t{ color: #1181c5;}
.case-list li .box .text .date{ font-size: 1.4em; color: #999; line-height: 16px; margin-top: 10px;}
.case-list li .box .btns{ flex: 1;}
.case-list li .box .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; background: transparent; border: 1px solid #d2d2d2; text-align: center; margin-top: 3px;}
.case-list li .box .btns span b{ display: inline-block; padding-right: 25px; position: relative; color: #999; font-size: 1.4em; font-weight: normal; letter-spacing: .8px;}
.case-list li .box .btns span i{ position: absolute; width: 18px; top: 50%; transform: translateY(-50%) rotateY(180deg); right: 0; transition: all .3s; background: url(../images/more-icon2.svg) no-repeat center; width: 18px; height: 18px; background-size: 18px;}
.case-list li .box .btns span:hover i{ right: -5px;}
.case-list li:hover .box .btns span{ border-color: #1181c5; background: #1181c5;}
.case-list li:hover .box .btns span b{ color: #fff;}
.case-list li:hover .box .btns span i{ background: url(../images/more-icon.svg) no-repeat center; background-size: 18px;}

.case-list2 li{ width: calc( (100% - 90px) / 3 ); margin-right: 45px; margin-top: 40px; float: left;}
.case-list2 li:nth-child(3n){ margin-right: 0;}
.case-list2 li .imgs{ width: 100%; height: 15.63vw; position: relative; overflow: hidden;}
.case-list2 li .imgs .img{ position: absolute; width: 49%; height: 100%; left: 0;}
.case-list2 li .imgs .img:last-child{ left: inherit; right: 0;}
.case-list2 li .imgs .img img{ position: absolute; width: 100%; height: 100%;}
.case-list2 li .imgs .img p{ position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,.5); font-size: 1.4em; color: #fff; height: 40px; line-height: 40px; text-align: center;}

.news-list{ margin-top: 4.2vw;}
.news-list li+li{ margin-top: 45px;}
.news-list li a{ display: flex;}
.news-list li .img{ width: 23.1%; overflow: hidden; float: left; margin-right: 50px; position: relative;}
.news-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.news-list li:hover .img img{ transform: scale(1.1);}
.news-list li .text{ flex: 1;}
.news-list li .text .t{ font-size: 1.8em; font-weight: bold; margin: 0; color: #333; line-height: 30px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list li:hover .text .t{ color: #1181c5;}
.news-list li .text .p{ font-size: 1.4em; line-height: 24px; color: #999; margin: 1.4vw 0 2.67vw; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list li .text .date{ float: left; height: 40px; line-height: 40px; font-size: 1.4em; color: #333;}
.news-list li .text .more{ float: right;}
.news-list li .text .more span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; background: transparent; border: 1px solid #d2d2d2; text-align: center;}
.news-list li .text .more span b{ display: inline-block; padding-right: 25px; position: relative; color: #999; font-size: 1.4em; font-weight: normal; letter-spacing: .8px;}
.news-list li .text .more span i{ position: absolute; width: 18px; top: 50%; transform: translateY(-50%) rotateY(180deg); right: 0; transition: all .3s; background: url(../images/more-icon2.svg) no-repeat center; width: 18px; height: 18px; background-size: 18px;}
.news-list li .text .more span:hover i{ right: -5px;}
.news-list li:hover .text .more span{ border-color: #1181c5; background: #1181c5;}
.news-list li:hover .text .more span b{ color: #fff;}
.news-list li:hover .text .more span i{ background: url(../images/more-icon.svg) no-repeat center; background-size: 18px;}

.news-con{ overflow: hidden;}
.news-con .title{ margin: 0; font-size: 3em; text-align: center; color: #333; font-weight: bold; line-height: 30px;}
.news-con .bq{ text-align: center; padding: 20px 0; line-height: 30px; border-bottom: 1px solid #ececec;}
.news-con .bq span{ font-size: 1.4em; color: #333; margin: 0 12.5px; display: inline-block;}
.news-con .text{ padding: 35px 0; font-size: 1.6em; color: #333; line-height: 1.8;}

.news-con .text p+p { margin-top: 10px; }

.contact-box{ margin-top: 4.2vw; display: flex;}
.contact-box .map{ width: 66.78%; float: left;}
.contact-box .map img{ max-width: none;}
.contact-box .box{ width: 33.22%; float: left; background: #1181c5; padding: 58px 40px 50px 72px; flex: 1;}
.contact-box .box .t{ font-size: 2.4em; color: #fff; font-weight: bold; line-height: 24px; position: relative; padding-bottom: 28px;}
.contact-box .box .t i{ position: absolute; width: 120px; height: 3px; background: #fff; left: 0; bottom: 0;}
.contact-box .box .p{ margin-top: 34px;}
.contact-box .box .p li{ position: relative; padding-left: 30px; line-height: 24px; font-size: 1.4em; color: #fff;}
.contact-box .box .p li+li{ margin-top: 10px;}
.contact-box .box .p li a{ color: #fff;}
.contact-box .box .p li i{ position: absolute; width: 20px; left: 0; top: 50%; transform: translateY(-50%);}
.contact-box .box .contact-logo{ float: left; margin-top: 60px;}
.contact-box .box .contact-wx{ float: right; margin-top: 30px;}

.message-box{ padding: 20px 0 0;}
.message-box .page-title{ height: 36px; line-height: 30px; font-size: 3em; font-weight: bold; color: #333; position: relative; text-align: center; padding-bottom: 6px;}
.message-box .page-title span{ position: relative; z-index: 1;}
.message-box .page-title::before{ content: ""; position: absolute; width: 150px; height: 10px; background: #1181c5; left: 50%; transform: translateX(-50%); bottom: 0;}
.message-box .box{ margin-top: 50px; background: #f4f4f4;}
.message-list{ padding: 4.2vw 0; overflow: hidden;}
.message-list li{ width: calc( (100% - 2.5%) / 5 ); height: 50px; padding: 15px; float: left; background: #fff; margin-right: 1.6%; display: flex;}
.message-list li:last-child{ width: 15.6%; margin-right: 0; background: transparent; display: block; padding: 0;}
.message-list li .icon{ width: 40px; height: 20px; line-height: 20px; position: relative; border-right: 1px solid #dadada;}
.message-list li .icon i{ position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.message-list li .input{ flex: 1; position: relative;}
.message-list li .input input{ height: 20px; width: 100%; border: none; line-height: 20px; padding: 0 15px; font-size: 1.4em; color: #333;}
.message-list li .input img{ position: absolute; height: 35px; width: 90px; right: 0; top: 50%; transform: translateY(-50%);}
.message-list li input[type="submit"], .message-list li input[type="reset"]{ width: 47%; height: 50px; font-size: 1.4em; color: #fff; border: none;}
.message-list li input[type="submit"]{ float: left; background: #1181c5;}
.message-list li input[type="reset"]{ float: right; background: #bfbfbf;}





.pager-list{ text-align:center; margin-top: 80px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 5px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:36px; line-height:34px !important; padding:0 14px !important;  background:#f4f4f4 !important; border-radius:0 !important;}
.pager-list li a:hover{ background: #1181c5 !important; color:#fff !important; border:1px solid #1181c5;}
.pager-list li.active>*{ color:#fff !important; background:#1181c5 !important; border:1px solid #ddd;}
.pager-list li.disabled>*{ cursor:auto; background:#f4f4f4; color:#333;}
.pager-list li.active>span:hover, .pager-list li.active>a:hover{ background:#1181c5 !important; border:1px solid #1181c5; color: #fff !important;}
.pager-list li i{ font-size: 1.2em; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;}


.pager{ line-height: 50px; background: #eee;}
.pager a{ font-size: 1.4em; color: #666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pager a:hover{ color: #1181c5; text-decoration: underline;}
.pager .prev{ width: 50%; float: left; padding: 0 35px; text-align: left;}
.pager .next{ width: 50%; float: left; padding: 0 35px; text-align: right;}







@media (min-width: 767px){
    .business-con-box .text p { text-indent: 2em; }    
    .about-box p { text-indent: 2em; }    
    .news-con .text p { text-indent: 2em; }    
}
@media (min-width: 1366px){
.container{ width: 1300px; padding: 0;}



}
@media (max-width:1365px) and (min-width: 1200px){
.header{ height: 120px; line-height: 120px;}
.header .logo{ width: 24.06%;}
.header .pc-nav{ width: 60.94%;}
.header .pc-nav li{ padding: 0 1.4%;}
.header .pc-search{ width: 15%; padding-left: 0;}

.banner{ height: 26.44vw;}



.i-news{ padding-left: 20px;}
.i-business .swiper-slide{ width: 20%;}

.footer .foot-nav{ width: 27.6%;}
.footer .foot-nav ul{ width: auto;}
.footer .foot-wx{ width: 14.52%; padding-left: 3.6%;}

.history-box .mySwiper2 .swiper-slide{ width: 16.6667%;}

.contact-box .box{ padding: 40px 30px;}
.message-list li{ width: calc( (100% - 60px) / 4 );}
.message-list li:nth-child(4){ margin-right: 0;}
.message-list li:last-child{ width: 23.5%; margin-top: 15px;}
}
@media (max-width:1199px) and (min-width:992px){
.container-box{ padding: 0 30px;}
.header{ height: 120px; line-height: 120px;}
.header .logo{ width: 26.5%;}
.header .pc-nav{ width: 57.5%;}
.header .pc-nav li{ padding: 0 1.5%;}
.header .pc-nav li a{ font-size: 1.6em;}
.header .pc-search{ width: 16%;}

.banner{ height: 28.44vw;}

.index-ys .list li{ width: 33.33%; padding: 0 4%;}
.index-ys .list li:nth-child(-n+3){ margin-bottom: 30px;}
.index-ys .list li .t{ font-size: 2vw;}
.index-ys .list li .box{ height: 20vw;}
.index-ys .list li .box p{ font-size: 1.2vw;}

.i-news{ padding-left: 20px;}
.i-business .swiper-slide{ width: 25%;}
.i-business .swiper-slide .img{ height: 220px;}

.footer .foot-contact{ width: 56.28%;}
.footer .foot-nav{ display: none;}
.footer .foot-wx{ width: 18.12%; padding-left: 4.6%;}

.page-banner{ height: 260px;}
.page-banner .page-banner-text .en{ font-size: 1.8em; padding-bottom: 12px;}
.page-banner .page-banner-text .en::before{ width: 40px;}
.page-banner .page-banner-text .cn{ font-size: 2.4em; margin-top: 10px;}

.history-box .mySwiper2 .swiper-slide{ width: 20%;}

.page-sj-nav li{ width: calc( (100% - 120px) / 4 );}
.page-sj-nav li:nth-child(4n-3){ margin-left: 0;}
.page-sj-nav li:nth-child(-n+4){ margin-bottom: 30px;}

.business-list li{ width: calc( (100% - 120px) / 5 ); margin-right: 30px; margin-top: 30px;}

.advantage-box .box li .frame{ padding: 3.2vw 6.4%;}

.case-list li{ width: calc( (100% - 60px) / 3 ); margin-right: 30px; margin-top: 30px;}
.case-list li:nth-child(4n){ margin-right: 30px;}
.case-list li:nth-child(3n){ margin-right: 0;}
.case-list li .imgs{ height: 20.63vw;}

.contact-box .map{ width: 56.78%;}
.contact-box .box{ padding: 40px 30px;}
.message-list li{ width: calc( (100% - 60px) / 3 );}
.message-list li:nth-child(3){ margin-right: 0;}
.message-list li:nth-child(-n+3){ margin-bottom: 15px;}
.message-list li:last-child{ width: 31.5%;}
}
@media (max-width:991px) and (min-width: 768px){
.container-box{ padding: 0 30px;}
.header{ height: 80px; line-height: 80px; position: fixed; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.35); z-index: 999;}
.header .logo{ width: 75%;}
.header .logo img{ height: 60px;}
.header .pc-nav, .header .pc-search{ display: none;}

.header .nav-btn{ height: 80px; line-height: 80px;}
.nav .nav-top{ height: 80px; line-height: 80px;}

.banner{ height: 28.44vw; margin-top: 80px;}

.index-ys{ padding: 30px 0 10px;}
.index-ys .list li{ width: 33.33%; padding: 0 1%;}
.index-ys .list li:nth-child(-n+3){ margin-bottom: 30px;}
.index-ys .list li .t{ font-size: 2.5vw;}
.index-ys .list li .box{ height: 25vw;}
.index-ys .list li .box p{ font-size: 1.4vw;}

.index-box{ margin-top: 35px;}
.i-about{ width: 100%; padding-right: 0; margin-bottom: 35px;}
.i-about .p{ height: auto;}
.i-video{ width: 33.33%; margin-top: 0; height: 320px;}
.i-news{ width: 66.66%; padding-left: 20px;}
.i-news li .text{ padding-left: 15px;}

.i-business .swiper-slide{ width: 33.3333%;}
.i-business .swiper-slide .img{ height: 250px;}

.footer .foot-logo{ padding-right: 3%; width: 30.6%;}
.footer .foot-contact{ width: 48.28%;}
.footer .foot-nav{ display: none;}
.footer .foot-wx{ width: 21.12%; padding-left: 4.6%;}

.page-banner{ height: 260px; margin-top: 80px;}
.page-banner .page-banner-text{ font-weight: normal;}
.page-banner .page-banner-text .en{ font-size: 1.6em; padding-bottom: 12px;}
.page-banner .page-banner-text .en::before{ width: 40px;}
.page-banner .page-banner-text .cn{ font-size: 2.2em; margin-top: 12px;}

.page-nav .container-box{ display: block;}
.page-nav .page-title{ width: 100%;}
.page-nav .page-nav-list{ width: 100%; overflow: hidden; line-height: 50px; padding: 15px 0 20px;}
.page-nav .page-nav-list ul{ margin: 0 -15px;}
.page-nav .page-nav-list li{ width: 20%; margin-left: 0; padding: 0 15px;}
.page-nav .page-nav-list li+li{ margin-left: 0;}
.page-nav .page-nav-list li a{ width: 100%;}

.page-main{ padding: 40px 0 30px;}
.page-main .page-title{ font-size: 2.4em; height: 30px;}
.page-main .page-title::before{ height: 5px; width: 120px;}
.page-main .video-box .VideoBtn{ width: 65px; height: 65px;}

.culture-list li{ width: calc( (100% - 78px) / 2 );}
.culture-list li:nth-child(-n+2){ margin-bottom: 40px;}
.culture-list li:nth-child(2n){ margin-right: 0;}
.culture-list li .img{ height: 41.33vw;}

.zz-list{ margin-top: 40px;}
.zz-list li{ width: calc( (100% - 78px) / 3 ); margin-top: 30px;}
.zz-list li:nth-child(4){ margin-top: 30px;}
.zz-list li:nth-child(-n+3){ margin-top: 0;}
.zz-list li:nth-child(4n){ margin-right: 39px;}
.zz-list li:nth-child(3n){ margin-right: 0;}
.zz-list li .img{ height: 19.625vw;}
.zz-list li .text .title h4{ font-size: 1.6em;}
.zz-list li .text .title .date{ font-size: 1.6em;}
.zz-list li .text .p{ font-size: 1.2em; line-height: 20px;}

.history-box .mySwiper2 .swiper-slide{ width: 25%;}
.history-box .mySwiper .frame .img{ width: 100%; height: 34vw;}
.history-box .mySwiper .frame .text{ padding-left: 0; width: 100%;}

.page-sj-nav li{ width: calc( (100% - 120px) / 4 );}
.page-sj-nav li:nth-child(4n-3){ margin-left: 0;}
.page-sj-nav li:nth-child(-n+4){ margin-bottom: 30px;}

.hot-business .list a{ display: block;}
.hot-business .img{ width: 100%; height: 40vw;}
.hot-business .box{ width: 100%; padding-left: 0;}
.hot-business .box .t{ margin: 3.2vw 0;}

.business-list li{ width: calc( (100% - 60px) / 3 ); margin-right: 30px; margin-top: 30px;}
.business-list li:last-child{ display: none;}
.business-list li .img{ height: 22.55vw;}
.business-list li:nth-child(5n){ margin-right: 30px;}
.business-list li:nth-child(3n){ margin-right: 0;}

.advantage-box .box li{ width: 100%; margin-right: 0; margin-left: 0;}
.advantage-box .box li+li{ margin-top: 30px;}
.advantage-box .box li .frame{ padding: 3.2vw 6.4%;}

.business-con-top{ display: block;}
.business-con-top .img{ width: 100%; height: 66.25vw;}
.business-con-top .box{ width: 100%; padding-left: 0;}
.business-con-top .box .t{ margin: 3.2vw 0;}

.case-list{ margin-top: 20px;}
.case-list li{ width: calc( (100% - 15px) / 2 ); margin-right: 15px; margin-top: 15px;}
.case-list li:nth-child(4n){ margin-right: 15px;}
.case-list li:nth-child(2n){ margin-right: 0;}
.case-list li .imgs{ height: 31.63vw;}

.news-con .title{ font-size: 2.4em;}

.message-box .page-title{ font-size: 2.4em; height: 30px;}
.message-box .page-title::before{ height: 5px; width: 120px;}

.contact-box{ display: block;}
.contact-box .map{ width: 100%; height: 300px;}
.contact-box .box{ width: 100%; padding: 40px 30px;}
.message-list li{ width: calc( (100% - 60px) / 2 );}
.message-list li:nth-child(2){ margin-right: 0;}
.message-list li:nth-child(-n+4){ margin-bottom: 15px;}
.message-list li:last-child{ width: 45.5%;}

.pager-list{ margin-top: 40px;}
}
@media (max-width: 767px){
.container-box{ padding: 0 15px;}
.header{ position: fixed; width: 100%; background: #fff; height: 60px; line-height: 60px; z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,.15);}
.header .logo{ width: 60%;}
.header .logo img{ height: 45px;}
.header .pc-nav, .header .pc-search{ display: none;}
.header .search > img{ width: 28px;}

.banner{ height: 35vw; margin-top: 60px;}
.banner .swiper-slide a{ background-position: 10% center !important;}
.banner .swiper-pagination{ bottom: 5px;}
.banner .swiper-pagination-bullet{ height: 2px; width: 20px;}

.index-ys{ padding: 20px 0 10px;}
.index-ys .title{ padding: 0 24%;}
.index-ys .list{ margin-top: 20px;}
.index-ys .list li{ width: 50%; padding: 0 2.5px;}
.index-ys .list li:nth-child(-n+3){ margin-bottom: 30px;}
.index-ys .list li .t{ font-size: 1.6em;}
.index-ys .list li .box{ height: 38vw; margin-top: 15px; }
.index-ys .list li .box p{ font-size: 1.2em; transform: scale(.75); padding: 0;}

.index-box{ margin-top: 20px;}
.i-about{ width: 100%; padding-right: 0; margin-bottom: 20px;}
.i-about .t{ font-size: 1.8em; padding-bottom: 15px;}
.i-video{ width: 100%; height: 240px; margin-top: 0;}
.i-video .btns i{ width: 45px; height: 45px;}
.i-news{ width: 100%; padding-left: 0; margin-top: 20px;}
/* .i-news li .text{ padding-left: 15px;}
.i-news li .img{ height: 100px;}
.i-news li .text .title{ font-size: 1.6em;}
.i-news li .text .date{ margin-top: 2px;}
.i-news li .text .p{ margin-top: 5px; -webkit-line-clamp: 2;} */
.i-news .list{  margin-top: 10px; padding-left: 0; width: 100%;}
.i-news .top{ margin-bottom: 15px;}
.i-news .pic-list{ width: 100%; padding-right: 0;}
.i-news .pic-list li{ width: 100%; float: left; padding: 5px;}
.i-news .pic-list li+li{ margin-top: 0;}
/* .i-news .pic-list li .img{ height: 120px;} */


.i-business{ margin: 20px -6px;}
.i-business .swiper-slide{ width: 50%;}
.i-business .swiper-slide .img{ height: 158px;}

.footer{ padding: 20px 0;}
.footer .foot-logo{ padding: 0 25% 15px; width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,.5); height: auto; line-height: 100px;}
.footer .foot-contact{ width: 72.28%; padding-left: 0; height: 200px;}
.footer .foot-nav{ display: none;}
.footer .foot-wx{ width: 27.72%; padding-left: 4.6%; height: 200px;}
.footer .foot-wx .img{ padding: 0;}

.footer-copy{ font-size: 1.2em;}

.page-banner{ height: 120px; margin-top: 60px;}
.page-banner .page-banner-text{ font-weight: normal; top: 36%; left: 3.5%;}
.page-banner .page-banner-text .en{ font-size: 1.2em; padding-bottom: 5px;}
.page-banner .page-banner-text .en::before{ width: 30px; height: 1px;}
.page-banner .page-banner-text .cn{ font-size: 1.6em; margin-top: 8px;}
.page-banner .mbx{ height: 45px; line-height: 45px; font-size: 1.2em;}
.page-banner .mbx span{ padding-left: 16px;}
.page-banner .mbx span i{ top: 46%;}

.page-nav{ min-height: 60px;}
.page-nav .container-box{ display: block;}
.page-nav .page-title{ width: 100%; font-size: 1.8em; padding-left: 32px; margin-top: 15px;}
.page-nav .page-title i{ width: 22px;}
.page-nav .page-nav-list{ width: 100%; overflow: hidden; line-height: 46px; padding: 10px 0 15px;}
.page-nav .page-nav-list ul{ margin: 0 -5px;}
.page-nav .page-nav-list li{ width: 33.3333%; margin-left: 0; padding: 0 5px;}
.page-nav .page-nav-list li+li{ margin-left: 0;}
.page-nav .page-nav-list li a{ width: 100%;}

.page-main{ padding: 20px 0;}
.page-main .page-title{ font-size: 1.8em; height: 30px; padding-bottom: 0;}
.page-main .page-title::before{ height: 2px; width: 100px;}
.page-main .video-box{ margin-top: 20px; height: 52.46vw;}
.page-main .video-box .VideoBtn{ width: 30px; height: 30px;}

.about-box{ margin-top: 20px; line-height: 28px;}

.culture-list{ margin: 20px 0 5px;}
.culture-list li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
.culture-list li .img{ height: 42.5vw;}
.culture-list li .text .t{ font-size: 1.8em;}
.culture-list li .text .p{ margin-top: 5px;}

.zz-list{ margin-top: 20px;}
.zz-list li{ width: calc( (100% - 10px) / 2 ); margin-top: 10px !important; margin-right: 10px;}
.zz-list li:nth-child(4){ margin-top: 10px;}
.zz-list li:nth-child(-n+2){ margin-top: 0 !important;}
.zz-list li:nth-child(4n){ margin-right: 10px;}
.zz-list li:nth-child(2n){ margin-right: 0;}
.zz-list li .img{ height: 32vw;}
.zz-list li .text{ padding: 10px 0;}
.zz-list li .text .title{ display: inline-block; width: 100%; line-height: 22px;}
.zz-list li .text .title h4{ font-size: 1.4em; line-height: 22px;}
.zz-list li .text .title .date{ font-size: 1.4em; margin-left: 0; width: 100%;}
.zz-list li .text .p{ font-size: 1.2em; line-height: 18px; margin-bottom: 0;}

.zzjg-box{ padding: 20px 0 5px;}

.history-box{ margin-top: 30px;}
.history-box .mySwiper2{ padding: 0 40px 10px;}
.history-box .mySwiper2 .swiper-slide{ width: 33.3333%;}
.history-box .mySwiper2 .swiper-slide .num{ font-size: 2.4em; line-height: 24px;}
.history-box .mySwiper2 .swiper-slide .icon{ margin-top: 10px; height: 12px;}
.history-box .mySwiper2 .swiper-slide .icon i{ width: 10px; height: 10px;}
.history-box .swiper-button-next, .history-box .swiper-button-prev{ width: 26px; height: 26px; top: 82%;}
.history-box .swiper-button-next i, .history-box .swiper-button-prev i{ font-size: 1.6em;}
.history-box .mySwiper2 .line{ bottom: 4px;}
.history-box .mySwiper{ padding: 20px 0 5px;}
.history-box .mySwiper .frame{ padding: 15px;}
.history-box .mySwiper .frame .img{ width: 100%; height: 34vw;}
.history-box .mySwiper .frame .text{ padding-left: 0; width: 100%; padding-top: 20px;}
.history-box .mySwiper .frame .text .t{ font-size: 1.8em; line-height: 20px;}
.history-box .mySwiper .frame .text .p{ margin-top: 15px;}

.page-sj-nav{ margin-top: 25px;}
.page-sj-nav li{ width: calc( (100% - 20px) / 3 ); margin-top: 10px; margin-left: 10px;}
.page-sj-nav li:nth-child(3n-2){ margin-left: 0;}
.page-sj-nav li:nth-child(-n+3){ margin-top: 0;}
.page-sj-nav li a span{ padding-left: 20px;}

.hot-business{ margin-top: 25px;}
.hot-business .mySwiper{ padding: 20px;}
.hot-business .list a{ display: block;}
.hot-business .img{ width: 100%; height: 65vw;}
.hot-business .box{ width: 100%; padding-left: 0;}
.hot-business .box .t{ margin: 4.2vw 0; font-size: 1.8em;}
.hot-business .box .btns{ margin-top: 20px;}
.hot-business .box .tel{ font-size: 1.8em; margin-top: 15px;}
.hot-business .swiper-button-next, .hot-business .swiper-button-prev{ width: 30px; height: 60px; margin-top: -30px; top: 20%;}
.hot-business .swiper-button-next i, .hot-business .swiper-button-prev i{ font-size: 2.4em;}

.business-list li{ width: calc( (100% - 10px) / 2 ); margin-right: 10px; margin-top: 10px;}
.business-list li .img{ height: 36.55vw;}
.business-list li:nth-child(5){ margin-right: 10px;}
.business-list li:nth-child(2n){ margin-right: 0;}

.advantage-box .top{ font-size: 1.8em; padding: 10px 0 15px; margin-bottom: 20px;}
.advantage-box .top i{ height: 1px; width: 40px;}
.advantage-box .box{ padding: 20px 0;}
.advantage-box .box li{ width: 100%; margin-right: 0; margin-left: 0;}
.advantage-box .box li+li{ margin-top: 30px;}
.advantage-box .box li .frame{ padding: 6.2vw 6.4%;}
.advantage-box .box li .frame .t{ font-size: 1.8em; padding-bottom: 15px;}
.advantage-box .box li .frame .t i{ height: 1px; width: 50px;}

.business-con-top{ display: block; margin-top: 0; padding: 20px;}
.business-con-top .img{ width: 100%; height: 65.55vw;}
.business-con-top .box{ width: 100%; padding-left: 0;}
.business-con-top .box .t{ margin: 4.2vw 0; font-size: 1.8em;}
.business-con-top .box .p{ padding-top: 15px;}
.business-con-top .box .tel{ font-size: 1.8em; margin-top: 15px; padding-bottom: 0;}

.business-con-box{ margin-top: 30px;}
.business-con-box .top span{ width: 120px; height: 40px; line-height: 40px; font-size: 1.6em; font-weight: normal;}
.business-con-box .text{ padding: 20px 0;}

.case-list{ margin-top: 15px;}
.case-list li{ width: calc( (100% - 10px) / 2 ); margin-right: 10px; margin-top: 10px;}
.case-list li:nth-child(4n){ margin-right: 10px;}
.case-list li:nth-child(2n){ margin-right: 0;}
.case-list li .imgs{ height: 31.63vw;}
.case-list li .imgs .img p{ height: 35px; line-height: 35px; font-size: 1.2em;}
.case-list li .box{ padding: 10px 0; display: block;}
.case-list li .box .text .t{ font-size: 1.5em;}
.case-list li .box .text .date{ font-size: 1.2em; margin-top: 5px;}
.case-list li .box .btns{ display: none;}

.news-list li+li{ margin-top: 20px;}
.news-list li .img{ width: 35%; margin-right: 15px;}
.news-list li .text .t{ font-size: 1.6em; font-weight: normal;}
.news-list li .text .p{ -webkit-line-clamp: 2;}
.news-list li .text .date{ height: 35px; line-height: 35px;}
.news-list li .text .more span{ width: 100px; height: 35px; line-height: 35px;}
.news-list li .text .more span b{ font-size: 1.2em;}

.news-con .title{ font-size: 1.8em;}
.news-con .bq{ padding: 5px 0 10px;}
.news-con .text{ padding: 15px 0;}

.contact-box{ display: block;}
.contact-box .map{ width: 100%; height: 300px;}
.contact-box .box{ width: 100%; padding: 30px 20px;}
.contact-box .box .t{ font-size: 1.8em; padding-bottom: 15px;}
.contact-box .box .t i{ width: 80px; height: 1px;}
.message-list li{ width: 100%; margin-right: 0;}
.message-list li+li{ margin-top: 15px;}
.message-list li:last-child{ width: 100%;}
.message-box .box{ margin-top: 20px;}
.message-box .page-title{ font-size: 1.8em; height: 30px; padding-bottom: 0;}
.message-box .page-title::before{ height: 2px; width: 100px;}

.pager-list{ margin-top: 20px;}
.pager-list li>*{ font-size: 1.2em; padding: 0 12px !important;}

.pager{ margin: 10px 0;}
.pager .prev{ width: 100%; border-bottom: 1px dashed #c1c1c1; padding: 0 20px;}
.pager .next{ width: 100%; padding: 0 20px;}
.pager .next>a, .pager .next>span{ float: left;}
}