/* 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%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.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;}

.header{ height: 120px; line-height: 120px; position: relative; background: #fff;}
.header .logo{ width: 50%; float: left;}
.header .tel{ float: right; line-height: 30px; padding: 30px 0; background: url(../images/tel.png) no-repeat center left; padding-left: 70px;}
.header .tel span{ font-size: 1.4em; color: #999; display: block;}
.header .tel p{ font-size: 3em; color: #008dce;}

.pc-nav{ height: 60px; line-height: 60px; background: #008dce; position: relative; z-index: 1;}
.pc-nav li{ width: 14.2857%; float: left; position: relative;}
.pc-nav li > a{ display: block; font-size: 1.6em; color: #fff; text-align: center;}
.pc-nav li.on > a, .pc-nav li:hover > a{ background: #009d4b;}
.pc-nav li dl{ margin-bottom: 0; position: absolute; width: 100%; background: #fff; top: 100%; left: 50%; animation-name: layui-upbit;  animation-fill-mode: both; animation-duration: .3s; display: none; box-shadow: 0 3px 10px rgba(0,0,0,.15); border-radius: 0 0 6px 6px; overflow: hidden;}
.pc-nav li:hover dl{ display: block;}
.pc-nav li dd{ height: 45px; line-height: 45px; text-align: center; border-bottom: 1px dashed #ccc;}
.pc-nav li dd:last-child{ border-bottom: none;}
.pc-nav li dd a{ font-size: 1.4em; color: #333; display: inline-block; width: 100%;}
.pc-nav li dd:hover{ background: #008dce;}
.pc-nav li dd:hover a{ color: #fff;}

@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0,-30px,0);
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0,-30px,0) ;
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

.header .nav-btn { height: 60px; line-height: 60px; position:relative; z-index:999; float:right; padding:0;}
.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: #008dce; 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: #008dce; 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{ transform: rotate(90deg);}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-indent: 4em; font-size: 1.4em; color: #333; }
.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: 31.25vw; 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-pagination{ bottom: 15px;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 7.5px !important; border-radius: 8px; transition: all .3s;}
.banner .swiper-pagination-bullet-active{ background: #fff; width: 25px;}

.index-title{ text-align: center; line-height: 30px;}
.index-title .cn{ font-size: 3em; font-weight: bold; color: #008dcd;}
.index-title .cn span{ color: #009d4b;}
.index-title .en{ font-size: 1.4em; color: #999; text-transform: uppercase; margin-top: 5px;}

.i-service{ overflow: hidden; padding: 60px 0 0;}
.i-service .index-title{ margin-bottom: 40px;}
.i-service .hd{ width: 20%; float: left; height: 33.86vw; background: rgba(5,141,215,.9); position: relative; z-index: 1;}
.i-service .hd ul{ width: 100%; height: 100%;}
.i-service .hd li{ width: 100%; height: calc(100%/5); position: relative; border-bottom: 1px solid rgba(255,255,255,.5);}
.i-service .hd li:last-child{ border-bottom: none;}
.i-service .hd li .title{ width: 100%; height: 100%; display: table; z-index: 1;}
.i-service .hd li:hover .title{ color: #058dd7;}
.i-service .hd li .title .box{ display: table-cell; vertical-align: middle; padding-left: 15%;}
.i-service .hd li .title .cn{ font-size: 2em; color: #fff; font-weight: bold;}
.i-service .hd li .title .en{ font-size: 1.4em; color: #fff; margin-top: 10px; text-transform: uppercase;}
.i-service .hd li .text{ position: absolute; width: 39.584vw; z-index: 0; height: 100%; left: -80%; top: 0; background: #f7f7f7; display: table; line-height: 20px; padding: 0 30px; visibility: hidden; opacity: 0; transition: all .3s;}
.i-service .hd li .text p{ display: table-cell; vertical-align: middle; font-size: 1.4em; color: #999;}
.i-service .hd li:hover .text{ visibility: visible; opacity: 1; left: 0;}

.i-service .bd{ width: 100%; margin-left: -20%; height: 33.86vw; float: left; position: relative; z-index: 0;}
.i-service .bd .i-service-box{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.i-service .bd .i-service-box .swiper-container{ width: 100%; height: 100%;}
.i-service .bd .i-service-box .swiper-slide img{ position: absolute; width: 100%; height: 100%;}
.i-service .bd .i-service-box .swiper-button-next, .i-service .bd .i-service-box .swiper-button-prev{ width: 44px; height: 44px; background: rgba(0,0,0,.15); transition: all .3s; border-radius: 4px;}
.i-service .bd .i-service-box .swiper-button-prev{ left: 10%;}
.i-service .bd .i-service-box .swiper-button-next:hover, .i-service .bd .i-service-box .swiper-button-prev:hover{ background: rgba(0,0,0,.35);}
.i-service .bd .i-service-box .swiper-button-next i, .i-service .bd .i-service-box .swiper-button-prev i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 3em; color: #fff;}
.i-service .bd .i-service-box .swiper-button-next:after, .i-service .bd .i-service-box .swiper-button-prev:after{ display: none;}

.i-about{ background: url(../images/iabout-bg.jpg) no-repeat center; background-size: cover; padding: 75px 0 70px;}
.i-about .box{ overflow: hidden;}
.i-about .box .text{ float: left; padding-right: 40px; width: 57.7%;}
.i-about .box .text .index-title{ text-align: left; background: url(../images/iabout-title-bg.png) no-repeat left top; padding: 5px 2px;}
.i-about .box .text .t{ font-size: 1.8em; font-weight: bold; color: #058ed7; margin-top: 45px;}
.i-about .box .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 20px;}
.i-about .box .img{ width: 42.3%; float: left; height: 400px; position: relative;}
.i-about .box .img img{ position: absolute; width: 100%; height: 100%;}
.i-about .list{ overflow: hidden; border: 1px solid #dcdcdc; margin-top: 45px; padding: 15px 0;}
.i-about .list li{ float: left; width: 25%; text-align: center;}
.i-about .list li+li{ border-left: 1px solid #dcdcdc;}
.i-about .list li b{ font-size: 5em; color: #058dd7; position: relative;}
.i-about .list li span{ font-size: 18px; font-weight: normal; position: relative; bottom: 3px; padding-left: 5px;}
.i-about .list li p{ font-size: 1.8em; text-align: center;}

.i-case{ padding: 65px 0 40px;}
.i-case .list{ margin-top: 25px;}
.i-case .list ul{ margin: 0 -17.5px;}
.i-case .list li{ width: 33.3333%; float: left; padding: 17.5px;}
.i-case .list li .img{ overflow: hidden; width: 100%; height: 14.6vw; position: relative;}
.i-case .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-case .list li:hover .img img{ transform: scale(1.1);}
.i-case .list li .title{ font-size: 1.4em; height: 50px; line-height: 50px; text-align: center; background: #eee; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-case .list li:hover .title{ background: #008dcd; color: #fff;}

.i-zz{ background: url(../images/izz-bg.jpg) no-repeat center; background-size: cover; padding: 45px 0 75px;}
.i-zz .index-title .cn, .i-zz .index-title .cn span, .i-zz .index-title .en{ color: #fff;}
.i-zz .box{ margin-top: 55px; overflow: hidden;}
.i-zz .box .mySwiper{ padding: 0 90px;}
.i-zz .box .list{ overflow: hidden;}
.i-zz .box .list .swiper-slide{ width: 25%; padding: 0 10px;}
.i-zz .box .list .swiper-slide .img{ height: 10.42vw; width: 100%; position: relative; overflow: hidden; background: #fff;}
.i-zz .box .list .swiper-slide .img img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.i-zz .box .list .swiper-slide:hover .img img{ transform: translate(-50%,-50%) scale(1.1);}
.i-zz .box .swiper-button-next, .i-zz .box .swiper-button-prev{ width: 44px; height: 44px; background: #fff; transition: all .3s; border-radius: 100%;}
.i-zz .box .swiper-button-next i, .i-zz .box .swiper-button-prev i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 3em; color: #0877aa;}
.i-zz .box .swiper-button-next:after, .i-zz .box .swiper-button-prev:after{ display: none;}

.i-link{ padding: 45px 0 85px;}
.i-link .hd{ text-align: center; margin-top: 40px;}
.i-link .hd ul{ display: inline-block;}
.i-link .hd li{ width: 160px; float: left; padding: 0 15px;}
.i-link .hd li a{ display: block; width: 100%; height: 45px; line-height: 45px; background: #f2f2f2; font-size: 1.4em; color: #333; border-radius: 6px;}
.i-link .hd li.on a{ background: #008bce; color: #fff;}
.i-link .list{ margin-top: 35px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; display: table; width: 100%;}
.i-link .list li{ width: 25%; float: left; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; position: relative; height: 6.25vw; overflow: hidden; z-index: 0; transition: all .3s;}
.i-link .list li:hover{ box-shadow: 0 0 12px rgba(0,0,0,.35); z-index: 1;}
.i-link .list li img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.i-link .list li:hover img{ transform: translate(-50%,-50%) scale(1.1);}
.i-link .more{ text-align: center; margin-top: 40px;}
.i-link .more a{ border: 1px solid #dcdcdc; font-size: 1.4em; color: #999; width: 160px; height: 45px; line-height: 45px; border-radius: 40px; display: inline-block;}
.i-link .more a:hover{ background: #008bce; color: #fff; border-color: #008bce;}

.i-news{ background: url(../images/inews-bg.jpg) no-repeat center; background-size: cover; padding: 55px 0 80px;}
.i-news .box{ overflow: hidden; margin-top: 50px;}
.i-news .box .hots{ width: 38.5%; height: 350px; float: left; position: relative; overflow: hidden;}
.i-news .box .hots .swiper-container{ width: 100%; height: 100%;}
.i-news .box .hots .swiper-slide .img{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.i-news .box .hots .swiper-slide .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-news .box .hots .swiper-slide:hover .img img{ transform: scale(1.1);}
.i-news .box .hots .swiper-slide .title{ height: 60px; line-height: 60px; font-size: 1.6em; color: #fff; padding: 0 24% 0 20px; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news .box .hots .swiper-pagination{ width: auto; left: inherit; right: 20px; bottom: 18px}
.i-news .box .hots .swiper-pagination-bullet{ background: #fff; opacity: 1;}
.i-news .box .hots .swiper-pagination-bullet-active{ background: #058dd7;}
.i-news .box .list{ width: 61.5%; float: left; padding-left: 50px;}
.i-news .box .list li{ border-bottom: 1px solid #e5e5e5; display: block; overflow: hidden; padding: 22px 0;}
.i-news .box .list li:first-child{ padding-top: 5px;}
.i-news .box .list li:last-child{ border-bottom: none; padding-bottom: 5px;}
.i-news .box .list li .text{ float: left; width: 78%;}
.i-news .box .list li .text .t{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-news .box .list li .text .p{ font-size: 1.4em;color: #999; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-news .box .list li .date{ float: right; color: #999;}
.i-news .box .list li .date span{ font-family: "Impact"; font-size: 3em;}
.i-news .box .list li .date p{ font-family: "Impact"; font-size: 1.8em;}
.i-news .box .list li:hover .text .t, .i-news .box .list li:hover .date{ color: #058dd7;}

.footer{ background: #008dce;}
.footer .box{ overflow: hidden; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.5);}
.footer .box .foot-contact{ width: 40.77%; float: left; position: relative; overflow: hidden;}
.footer .box .foot-contact .xx{ margin-top: 28px;}
.footer .box .foot-contact .xx li{ font-size: 1.4em; color: #fff; line-height: 24px; overflow: hidden;}
.footer .box .foot-contact .xx li+li{ margin-top: 10px;}
.footer .box .foot-contact .xx li .t{ width: 10%; float: left;}
.footer .box .foot-contact .xx li .p{ width: 90%; float: left; padding-right: 20px;}
.footer .box .foot-nav{ width: 38.5%; float: left; padding: 0 6%; overflow: hidden; position: relative;}
.footer .box .foot-contact .xx li a{ color: #fff;}
.footer .box .foot-nav dl{ padding: 0 -25px;}
.footer .box .foot-nav dt{ font-size: 1.8em; color: #fff; padding-left: 25px;}
.footer .box .foot-nav dd{ line-height: 40px; margin-top: 10px; padding: 0 25px; width: 50%; float: left;}
.footer .box .foot-nav dd a{ display: block; font-size: 1.4em; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
.footer .box .foot-nav dd:last-child a{ border-bottom: none;}
.footer .box .foot-wx{ float: left; width: 20.73%; padding-left: 8.2%;}
.footer .box .foot-wx .p{ text-align: center; font-size: 1.4em; color: #fff; margin-top: 15px;}
.footer .box .foot-contact::before, .footer .box .foot-nav::before{ content: ""; position: absolute; height: 210px; width: 1px; background: rgba(255,255,255,.5); right: 0; top: 50%; transform: translateY(-50%);}
.footer .foot-copy{ overflow: hidden; padding: 15px 0; text-align: center; font-size: 1.4em; color: #fff; line-height: 24px;}
.footer .foot-copy a{ color: #fff; display: inline-block;}

.page-banner{ height: 15.63vw; position: relative; z-index: 0;}

.page-top{ height: 80px; line-height: 80px; background: #f5f5f5; overflow: hidden;}
.page-top .page-nav{ float: left;}
.page-top .page-nav li{ position: relative; float: left;}
.page-top .page-nav li+li{ margin-left: 65px;}
.page-top .page-nav li a{ font-size: 1.6em; color: #333; display: block; position: relative;}
.page-top .page-nav li a::before{ content: ""; position: absolute; width: 0; height: 2px; background: #008dcd; left: 0; bottom: 0; transition: all .3s;}
.page-top .page-nav li.on a, .page-top .page-nav li:hover a{ color: #008dcd;}
.page-top .page-nav li.on a::before, .page-top .page-nav li:hover a::before{ width: 100%;}
.page-top .mbx{ float: right; font-size: 1.4em; color: #666;}
.page-top .mbx a{ font-size: 1em; color: #666; padding: 0 5px;}
.page-top .mbx a:first-child{ padding-left: 25px; position: relative;}
.page-top .mbx a:first-child i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 1.2em;}
.page-top .mbx a:hover{ color: #008dcd;}

.page-title{ line-height: 30px; text-align: center;}
.page-title .cn{ font-size: 2.8em; color: #008bce;}
.page-title .en{ font-size: 1.4em; color: #999; margin-top: 5px; text-transform: uppercase;}

.about-box1{ padding: 50px 0 60px;}
.about-box1 .box{ overflow: hidden;}
.about-box1 .box .text{ width: 50%; float: left; padding-right: 35px;}
.about-box1 .box .text .top{ line-height: 30px;}
.about-box1 .box .text .top .cn{ font-size: 3em; color: #008bce;}
.about-box1 .box .text .top .en{ font-size: 1.4em; color: #999; margin-top: 5px;}
.about-box1 .box .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 20px;}
.about-box1 .box .img{ width: 50%; float: left; height: 370px; position: relative;}
.about-box1 .box .img img{ position: absolute; width: 100%; height: 100%;}
.about-box1 .list{ overflow: hidden; margin-top: 50px;}
.about-box1 .list ul{ margin: 0 -4.76%;}
.about-box1 .list li{ width: 20%; float: left; text-align: center; padding: 0 4.76%;}
.about-box1 .list li .icon{ height: 100px; line-height: 100px; border-bottom: 1px solid #dedede;}
.about-box1 .list li .t{ font-size: 1.4em; color: #999; margin-top: 20px;}
.about-box1 .list li .p{ margin-top: 10px; }
.about-box1 .list li .p b{ font-size: 2.4em; color: #058dd7;}
.about-box1 .list li .p span{ font-size: 14px; font-weight: normal; color: #999; position: relative; bottom: 1px; padding-left: 2px;}

.about-box2{ padding: 85px 0 90px; overflow: hidden; background: url(../images/about-box2-bg.jpg) no-repeat center; background-size: cover;}
.about-box2 .box{ width: 44%; float: right;}
.about-box2 .box .page-title{ text-align: right;}
.about-box2 .box .text{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 20px; text-indent: 2em; text-align: justify;}

.about-box3{ padding: 75px 0 60px;}
.about-box3 .list{ margin-top: 30px;}
.about-box3 .list ul{ margin: 0 -14px;}
.about-box3 .list li{ width: 33.3333%; float: left; padding: 14px;}
.about-box3 .list li .img{ width: 100%; height: 18vw; position: relative; overflow: hidden;}
.about-box3 .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.about-box3 .list li:hover .img img{ transform: scale(1.1);}

.culture-box{ padding: 50px 0 65px;}
.culture-box .list{ overflow: hidden; margin-top: 20px;}
.culture-box .list ul{ margin: 0 -30px;}
.culture-box .list li{ width:33%; padding: 20px 30px; float: left;}

.unit-box{ padding: 50px 0 40px;}
.unit-box .text{ font-size: 1.4em; line-height: 24px; color: #333; text-indent: 2em; margin-top: 20px;}
.unit-box .title{ font-size: 1.8em; font-weight: bold; color: #333; margin-top: 30px;}
.unit-box .list{ margin-top: 30px; overflow: hidden;}
.unit-box .list ul{ margin: 0 -10px;}
.unit-box .list li{ width: 25%; float: left; padding: 10px;}
.unit-box .list li .img{ border: 1px solid #dcdcdc; width: 100%; height: 5.25vw; position: relative; overflow: hidden;}
.unit-box .list li .img img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.unit-box .list li:hover .img img{ transform: translate(-50%,-50%) scale(1.1);}
.unit-box .list li .t{ font-size: 1.4em; text-align: center; color: #333; line-height: 30px; margin-top: 10px;}

.honors-box{ padding: 50px 0;}
/* .honors-box .list{ margin-top: 30px; overflow: hidden; margin-bottom: 50px;}
.honors-box .list ul{ margin: 0 -10px;}
.honors-box .list li{ padding: 10px; width: 33.3333%; float: left;}
.honors-box .list li a{ display: block; border: 1px solid #dcdcdc; padding: 20px 15px;}
.honors-box .list li:hover a{ border-color: #008bce;}
.honors-box .list li .img{ height: 340px; position: relative; width: 100%; overflow: hidden;}
.honors-box .list li .img img{ max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.honors-box .list li:hover .img img{ transform: translate(-50%,-50%) scale(1.1);}
.honors-box .list li .t{ font-size: 1.8em; font-weight: bold; color: #333; text-align: center; line-height: 30px; margin: 20px 0;}
.honors-box .list li:hover .t{ color: #008bce;} */
.honors-box .list{ padding: 0 10%; margin-top: 50px; margin-bottom: 30px;}
.honors-box .list li{ overflow: hidden;}
.honors-box .list li+li{ margin-top: 40px;}
.honors-box .list li .text{ width: 60%; float: left; font-size: 1.6em; color: #333; line-height: 36px; display: table; height: 340px;}
.honors-box .list li .text .frame{ display: table-cell; vertical-align: middle;}
.honors-box .list li .img{ width: 40%; height: 340px; position: relative; float: right; border: 1px solid #dcdcdc; overflow: hidden;}
.honors-box .list li .img img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.honors-box .list li .img:hover img{ transform: translate(-50%,-50%) scale(1.1);}


.pager-list{ text-align: center;}
.pagination>li>a, .pagination>li>span{ padding: 0; height: 50px; line-height: 50px; width: 50px; margin: 0 7.5px; font-size: 14px; border-radius: 10px !important; color: #333;}
.pagination>li i{ font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: #008dcd; color: #fff; border-color: #008dcd;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #008dcd; border-color: #008dcd;}

.style-box{ padding: 50px 0;}
.style-box .list{ margin-top: 30px;}
.style-box .list ul{ margin: 0 -14px;}
.style-box .list li{ width: 33.3333%; float: left; padding: 14px;}
.style-box .list li .img{ width: 100%; height: 18vw; position: relative; overflow: hidden;}
.style-box .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.style-box .list li:hover .img img{ transform: scale(1.1);}
.style-box .list li .t{ font-size: 1.4em; color: #333; text-align: center; line-height: 30px; margin-top: 20px;}

.business-box{ padding: 40px 0 85px;}
.business-box .list{ overflow: hidden;}
.business-box .list li{ overflow: hidden; padding: 50px 0 20px;}
.business-box .list li .text{ width: 74%; float: left;}
.business-box .list li .text .t{ font-size: 3em; color: #008dcd; line-height: 30px;}
.business-box .list li .text .p{ font-size: 1.4em; line-height: 24px; color: #333; margin-top: 20px;}
.business-box .list li .icon{ float: right; width: 85px; text-align: center;}
.business-box .list li .img{ width: 100%; height: 300px; position: relative;  margin-top: 30px; clear: left; float: left;}
.business-box .list li .img img{ position: absolute; width: 100%; height: 100%;}

.case-box{ padding: 65px 0 40px;}
.case-box .list{ margin-top: 25px; overflow: hidden;}
.case-box .list ul{ margin: 0 -17.5px;}
.case-box .list li{ width: 33.3333%; float: left; padding: 17.5px;}
.case-box .list li .img{ overflow: hidden; width: 100%; height: 14.6vw; position: relative;}
.case-box .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.case-box .list li:hover .img img{ transform: scale(1.1);}
.case-box .list li .title{ font-size: 1.4em; height: 50px; line-height: 50px; text-align: center; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.case-box .list li:hover .title{ color: #008dcd;}

.news-box{ padding: 60px 0;}
.news-box .list{ margin: 40px 0;}
.news-box .list li{ padding: 25px 20px; border: 1px solid #e5e5e5; overflow: hidden; transition: all .3s;}
.news-box .list li+li{ margin-top: 25px;}
.news-box .list li a{ display: block; overflow: hidden;}
.news-box .list li .img{ width: 27.83%; height: 190px; overflow: hidden; position: relative; float: left;}
.news-box .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.news-box .list li:hover .img img{ transform: scale(1.1);}
.news-box .list li .text{ width: 72.17%; float: left; padding-left: 30px;}
.news-box .list li .text .t{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-box .list li .text .p{ font-size: 1.4em; color: #999; line-height: 24px; margin-top: 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-box .list li .text .other{ margin-top: 30px; overflow: hidden; height: 45px; line-height: 45px;}
.news-box .list li .text .other .date{ width: 50%; float: left; font-size: 1.4em; color: #333; background: url(../images/date-icon.png) no-repeat center left; padding-left: 26px;}
.news-box .list li .text .other .btns{ width: 50%; float: left; text-align: right;}
.news-box .list li .text .other .btns span{ display: inline-block; width: 120px; text-align: center; border: 1px solid #e5e5e5; color: #666; font-size: 1.4em; border-radius: 10px; height: 45px;}
.news-box .list li:hover{ box-shadow: 0 0 12px rgba(0,0,0,.15);}
.news-box .list li:hover .text .t{ color: #008bce;}
.news-box .list li .text .other .btns span:hover{ border-color: #008bce; background: #008bce; color: #fff;}

.news-content{ padding: 60px 0;}
.news-content .title{ margin: 0; text-align: center; color: #018ccd; font-size: 2.4em; font-weight: bold; line-height: 1.75em;}
.news-content .bq{ text-align: center; padding: 20px 0;}
.news-content .bq span{ font-size: 1.4em; color: #333; display: inline-block; line-height: 20px;}
.news-content .bq .date{ background: url(../images/date-icon.png) no-repeat center left; padding-left: 26px;}
.news-content .text{ padding: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 1.4em; color: #333; line-height: 24px; }
.news-content .text p+p{ margin-top: 15px;}

.pager{ height: 30px; line-height: 30px;}
.pager a, .pager span{ font-size: 1.4em; color: #666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pager .prev{ width: 50%; float: left; text-align: left;}
.pager .next{ width: 50%; float: left;}
.pager a:hover{ color: #008bce;}

.job-box{ padding: 65px 0;}
.job-box .list{ margin-top: 50px;}
.job-box .list li+li{ margin-top: 40px;}
.job-box .list li .top{ height: 70px; line-height: 70px; background: #008dcd; font-size: 1.8em; color: #fff; text-align: center;}
.job-box .list li .top div{ width: 16.6667%; float: left;}
.job-box .list li .text{ height: 60px; line-height: 60px; background: #eee; font-size: 1.4em; color: #333; text-align: center;}
.job-box .list li .text div{ width: 16.6667%; float: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.job-box .list li .text a{ display: inline-block; width: 100px; height: 40px; border-radius: 6px; background: #dcdcdc; color: #333; line-height: 40px; text-decoration: none;}
.job-box .list li .text a:hover{ background: #008bce; color: #fff;}
.job-box .list li .box{ background: #f6fafd; padding: 20px 35px; display: none;}
.job-box .list li:first-child .box{ display: block;}
.job-box .list li .box .t{ font-size: 1.4em; color: #333; line-height: 24px; font-weight: bold;}
.job-box .list li .box .p{ font-size: 1.4em; color: #333; line-height: 24px;}

.contact-box{ padding: 60px 0 80px;}
.contact-box .box{ overflow: hidden; margin-top: 40px;}
.contact-box .box .text{ width: 46.16%; float: left;}
.contact-box .box .text li{ height: 120px; width: 100%; border: 1px solid #d2d2d2; display: table; position: relative;}
.contact-box .box .text li+li{ margin-top: 20px;}
.contact-box .box .text li:first-child{ height: 150px;}
.contact-box .box .text li .icon{ position: absolute; width: 70px; text-align: center; top: 50%; transform: translateY(-50%); left: 6%;}
.contact-box .box .text li .p{ display: table-cell; vertical-align: middle; font-size: 1.4em; color: #333; line-height: 24px; width: 100%; padding-left: 26%; padding-right: 3%;}
.contact-box .box .message{ width: 46.16%; float: right;}
.contact-box .box .message li{ overflow: hidden;}
.contact-box .box .message li+li{ margin-top: 16px;}
.contact-box .box .message li input[type="text"]{ width: 100%; height: 60px; border: none; background: #f6f7fb; padding: 0 30px;}
.contact-box .box .message li textarea{ width: 100%; height: 130px; border: none; background: #f6f7fb; padding: 15px 30px;}
.contact-box .box .message li input[type="submit"]{ width: 200px; height: 60px; border: none; background: #008dcd; color: #fff; font-size: 1.6em;}

.contact-box .map{ width: 100%; height: 400px; margin-top: 45px;}
.contact-box .map img{ max-width: none;}

.links{ background: #008dce; border-bottom: 1px solid #fff; padding: 20px 0; line-height: 30px; font-size: 1.4em; color: #fff;}
.links a{ color: #fff;}
.links a+a{ margin-left: 1%; display: inline-block;}
.links a:hover{ text-decoration: underline;}

.zdxf{ position: fixed; bottom: 16%; right: 20px; z-index: 99;}
.zdxf li{ width: 48px; height: 48px; background: #fff; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(0,0,0,.12); position: relative; margin-bottom: 12px;}
.zdxf li > a{ display: block;}
.zdxf li > a svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); fill: #2b2b2b; }
.zdxf li .box{ position: absolute; top: 50%; transform: translate(-110%,-50%); background: #fff; border-radius: 6px; box-shadow: 0 0 8px 0 rgba(0,0,0,.12); font-size: 1.4em; color: #333; max-width: 250px; width: max-content; padding: 15px; display: none;}
.zdxf li .box::after{ background: #fff; content: ""; filter: drop-shadow(2px -2px 1px rgba(0,0,0,.05)); height: 8px; position: absolute; right: -12px; top: 50%; transform: translate(-100%,-50%) rotate(45deg); width: 8px;}
.zdxf li .box p{ text-align: center;}
.zdxf li .box img{ width: 110px; margin: 5px 0;}
.zdxf li:hover{ background: #008dcd;}
.zdxf li:hover > a svg{ fill: #fff;}
.zdxf li:hover .box{ display: block;}




@media (min-width: 1366px){
.container{ width: 1300px; padding: 0;}

.unit-box .list li:nth-child(4n-3){ clear: left;}
}
@media (max-width:1365px) and (min-width: 1200px){

.i-service .hd{ width: 20%; height: 40.86vw;}
.i-service .hd li .title .cn{ font-size: 1.8em;}
.i-service .hd li .title .en{ font-size: 1.2em; margin-top: 5px;}
.i-service .hd li .text{ width: 60.584vw;}
.i-service .bd{ width: 100%; height: 40.86vw; margin-left: -20%;}
.i-service .bd .i-service-box .swiper-button-prev{ left: 12%;}

.unit-box .list li:nth-child(4n-3){ clear: left;}
}
@media (max-width:1199px) and (min-width:992px){
.pc-nav li dl{ width: 120%;}
.banner{ height: 400px;}

.i-service .hd{ width: 30%; height: 40.86vw;}
.i-service .hd li .title .cn{ font-size: 1.8em;}
.i-service .hd li .title .en{ font-size: 1.2em; margin-top: 5px;}
.i-service .hd li .text{ width: 80.584vw;}
.i-service .bd{ width: 100%; height: 40.86vw; margin-left: -30%;}
.i-service .bd .i-service-box .swiper-button-prev{ left: 12%;}

.footer .box .foot-contact .xx li .t{ width: 12%;}
.footer .box .foot-contact .xx li .p{ width: 88%;}

.page-top .page-nav li+li{ margin-left: 40px;}

.honors-box .list li .text{ height: 280px;}
.honors-box .list li .img{ height: 280px;}

.unit-box .list li:nth-child(4n-3){ clear: left;}
}
@media (max-width:991px) and (min-width: 768px){
.header{ height: 100px; width: 100%; position: fixed; z-index: 999; box-shadow: 0 3px 5px rgba(0,0,0,.15);}
.header .container{ width: 100%; padding: 0 15px;}
.header .logo{ width: 74.6%; height: 100px; line-height: 100px;}
.header .logo img{ height: 60px;}
.header .tel{ display: none;}
.header .nav-btn{ height: 100px; line-height: 100px;}
.nav .nav-top{ height: 100px; line-height: 100px;}
.pc-nav{ display: none;}
.banner{ height: 320px; margin-top: 100px;}

.index-title .cn{ font-size: 2.4em;}
.index-title .en{ font-size: 1.2em; margin-top: 2px;}

.i-service .hd{ width: 40%; height: 45.86vw;}
.i-service .hd li .title .cn{ font-size: 1.8em;}
.i-service .hd li .title .en{ font-size: 1.2em; margin-top: 5px;}
.i-service .hd li .text{ width: 80.584vw;}
.i-service .bd{ width: 100%; height: 45.86vw; margin-left: -40%;}
.i-service .bd .i-service-box .swiper-button-prev{ left: 14%;}

.i-about .box .text{ width: 100%; padding-right: 0;}
.i-about .box .text .index-title{ padding: 8px 2px;}
.i-about .box .img{ width: 100%; margin-top: 20px;}
.i-about .list li b{ font-size: 3em;}
.i-about .list li b span{ font-size: 14px;}
.i-about .list li p{ font-size: 1.4em;}

.i-zz .box .list .swiper-slide{ width: 33.3333%;}
.i-zz .box .list .swiper-slide .img{ height: 14.42vw;}

.i-link .list li{ width: 33.3333%; height: 10.25vw;}

.footer .box .foot-contact{ width: 80%;}
.footer .box .foot-contact .xx li .t{ width: 8%;}
.footer .box .foot-contact .xx li .p{ width: 92%;}
.footer .box .foot-contact::before, .footer .box .foot-nav::before{ display: none;}
.footer .box .foot-nav{ display: none;}
.footer .box .foot-wx{ width: 20%; padding-left: 0;}

.page-banner{ margin-top: 100px; height: 20.63vw;}
.page-top .container{ width: auto;}
.page-top .page-nav li+li{ margin-left: 15px;}
.page-top .page-nav li a{ font-size: 1.4em;}
.page-top .mbx{ font-size: 1.2em;}

.about-box1 .box .text{ width: 100%; padding-right: 0;}
.about-box1 .box .text .top .cn{ font-size: 2.4em;}
.about-box1 .box .text .top .en{ font-size: 1.2em;}
.about-box1 .box .img{ width: 100%; margin-top: 20px;}
.about-box1 .list ul{ margin: 0 -15px;}
.about-box1 .list li{ padding: 0 15px;}

.page-title .cn{ font-size: 2.4em;}
.page-title .en{ font-size: 1.2em; margin-top: 2px;}

.unit-box .list li{ width: 33.3333%;}
.unit-box .list li:nth-child(3n-2){ clear: left;}
.unit-box .list li .img{ height: 9.25vw;}

.honors-box .list{ padding: 0;}
.honors-box .list li .text{ height: 280px; font-size: 1.4em; line-height: 30px;}
.honors-box .list li .img{ height: 280px;}

.job-box .container{ width: auto;}
.job-box .list li .top{ font-size: 1.6em;}
.job-box .list li .text{ font-size: 1.2em;}
}
@media (max-width: 767px){
.header{ height: 60px; width: 100%; position: fixed; box-shadow: 0 3px 5px rgba(0,0,0,.15); z-index: 999;}
.header .logo{ width: 78%; height: 60px; line-height: 60px;}
.header .logo img{ height: 45px;}
.header .tel{ display: none;}
.pc-nav{ display: none;}

.banner{ margin-top: 60px; height: 170px;}
.banner .swiper-pagination{ bottom: 5px;}
.banner .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 5px !important;}
.banner .swiper-pagination-bullet-active{ width: 20px;}

.index-title .cn{ font-size: 1.8em;}
.index-title .en{ font-size: 1.2em; margin-top: 0;}

.i-service{ padding-top: 20px;}
.i-service .index-title{ margin-bottom: 20px;}
.i-service .hd{ width: 40%; height: 85.22vw;}
.i-service .hd li .title .box{ padding-left: 3%; transform: scale(.8); width: 120%;}
.i-service .hd li .title .cn{ font-size: 1.4em; font-weight: normal;}
.i-service .hd li .title .en{ font-size: 1.2em; margin-top: 5px;}
.i-service .hd li .text{ display: none;}
.i-service .bd{ width: 100%; height: 85.22vw; margin-left: -40%;}
.i-service .bd .i-service-box .swiper-button-prev{ left: 18%;}

.i-about{ padding: 20px 0;}
.i-about .box .text{ width: 100%; padding-right: 0;}
.i-about .box .text .index-title{ padding: 8px 2px; background-size: 70%; background-position:  center left;}
.i-about .box .text .t{ margin-top: 5px;}
.i-about .box .text .p{ font-size: 1.3em; margin-top: 10px;}
.i-about .box .img{ width: 100%; margin-top: 20px; height: 220px;}
.i-about .list li{ width: 50%;}
.i-about .list li:nth-child(-n+2){ margin-bottom: 15px;}
.i-about .list li:nth-child(3){ border-left: none;}
.i-about .list li b{ font-size: 2.6em;}
.i-about .list li b span{ font-size: 12px;}
.i-about .list li p{ font-size: 1.3em;}

.i-case{ padding: 20px 0;}
.i-case .list{ margin-top: 0;}
.i-case .list ul{ margin: 0 -7.5px;}
.i-case .list li{ width: 50%; padding: 7.5px;}
.i-case .list li .img{ height: 30.6vw;}
.i-case .list li .title{ height: 45px; line-height: 45px; font-size: 1.3em;}

.i-zz{ padding: 20px 0;}
.i-zz .box{ margin-top: 20px;}
.i-zz .box .mySwiper{ padding: 0;}
.i-zz .box .list .swiper-slide{ width: 50%;}
.i-zz .box .list .swiper-slide .img{ height: 31.42vw;}
.i-zz .box .swiper-button-next, .i-zz .box .swiper-button-prev{ display: none;}

.i-link{ padding: 20px 0;}
.i-link .hd{ margin-top: 20px;}
.i-link .hd ul{ width: 100%;}
.i-link .hd li{ width: 25%; float: left; padding: 0 5px;}
.i-link .hd li a{ height: 40px; line-height: 40px; font-size: 1.2em;}
.i-link .list{ margin-top: 20px;}
.i-link .list li{ width: 50%; height: 17.25vw;}
.i-link .more{ margin-top: 20px;}
.i-link .more a{ width: 120px; height: 40px; line-height: 40px; font-size: 1.2em;}

.i-news{ padding: 20px 0 0;}
.i-news .box{ margin-top: 20px;}
.i-news .box .hots{ width: 100%; height: 270px;}
.i-news .box .hots .swiper-slide .title{ font-size: 1.3em; height: 45px; line-height: 45px;}
.i-news .box .hots .swiper-pagination{ bottom: 12px;}
.i-news .box .list{ width: 100%; padding-left: 0;}
.i-news .box .list li{ padding: 20px 0 !important;}
.i-news .box .list li .text .t{ font-size: 1.6em;}
.i-news .box .list li .text .p{ font-size: 1.3em; margin-top: 5px;}
.i-news .box .list li .date span{ font-size: 2.4em;}
.i-news .box .list li .date p{ font-size: 1.4em;}

.footer .box{ padding-top: 20px;}
.footer .box .foot-contact{ width: 70%;}
.footer .box .foot-contact .foot-logo img{ height: 45px;}
.footer .box .foot-contact .xx{ margin-top: 20px;}
.footer .box .foot-contact .xx li{ font-size: 1.3em;}
.footer .box .foot-contact .xx li+li{ margin-top: 5px;}
.footer .box .foot-contact .xx li .t{ width: 16%;}
.footer .box .foot-contact .xx li .p{ width: 84%;}
.footer .box .foot-contact::before, .footer .box .foot-nav::before{ display: none;}
.footer .box .foot-nav{ display: none;}
.footer .box .foot-wx{ width: 30%; padding: 15% 0 0 3%;}
.footer .foot-copy{ font-size: 1.2em; line-height: 20px;}

.page-banner{ margin-top: 60px; height: 20.63vw;}
.page-top{ height: 45px; line-height: 45px;}
.page-top .page-nav{ display: none;}
.page-top .mbx{ font-size: 1.2em; float: left;}

.about-box1{ padding: 20px 0;}
.about-box1 .box .text{ width: 100%; padding-right: 0;}
.about-box1 .box .text .top .cn{ font-size: 1.8em;}
.about-box1 .box .text .top .en{ font-size: 1.2em; margin-top: 0;}
.about-box1 .box .text .p{ font-size: 1.3em; margin-top: 15px;}
.about-box1 .box .img{ width: 100%; margin-top: 20px; height: 220px;}
.about-box1 .list{ margin-top: 10px;}
.about-box1 .list ul{ margin: 0 -15px;}
.about-box1 .list li{ padding: 0 15px; width: 33.3333%;}
.about-box1 .list li .icon{ height: 70px; line-height: 70px;}
.about-box1 .list li .icon img{ max-width: 30px; max-height: 30px;}
.about-box1 .list li .t{ margin-top: 10px;}
.about-box1 .list li .p{ margin-top: 5px;}
.about-box1 .list li .p b{ font-size: 1.8em;}
.about-box1 .list li .p b span{ font-size: 12px;}

.page-title .cn{ font-size: 1.8em;}
.page-title .en{ font-size: 1.2em; margin-top: 0;}

.about-box2{ padding: 20px 0;}
.about-box2 .box{ width: 100%;}
.about-box2 .box .text{ font-size: 1.3em; margin-top: 10px;}

.about-box3{ padding: 20px 0;}
.about-box3 .list{ margin-top: 10px;}
.about-box3 .list ul{ margin: 0 -7.5px;}
.about-box3 .list li{ width: 50%; padding: 7.5px;}
.about-box3 .list li .img{ height: 32vw;}

.culture-box{ padding: 20px 0 0;}
.culture-box .list{ overflow: hidden; margin-top: 20px;}
.culture-box .list ul{ margin: 0 -30px;}
.culture-box .list li{ width: 100%; padding: 0 30px 20px; float: left;}

.unit-box{ padding: 20px 0;}
.unit-box .text{ font-size: 1.3em; margin-top: 10px;}
.unit-box .list{ margin-top: 20px;}
.unit-box .list ul{ margin: 0 -7.5px;}
.unit-box .list li{ width: 50%; padding: 0 7.5px;}
.unit-box .list li:nth-child(2n-1){ clear: left;}
.unit-box .list li .img{ height: 16.25vw;}
.unit-box .list li .t{ margin-top: 5px;}

.honors-box{ padding: 20px 0;}
.honors-box .list{ padding: 0; margin: 20px 0;}
.honors-box .list li+li{ margin-top: 30px;}
.honors-box .list li .text{ width: 100%; font-size: 1.3em; line-height: 28px; height: auto; margin-top: 10px;}
.honors-box .list li .img{ width: 100%;}
.honors-box .list li .img{ height: 200px;}

.pagination>li>a, .pagination>li>span{ width: 40px; height: 40px; line-height: 40px; border-radius: 4px !important; font-size: 12px; margin: 0 5px;}
.pagination>li i{ font-size: 18px;}

.style-box{ padding: 20px 0;}
.style-box .list{ margin-top: 10px;}
.style-box .list ul{ margin: 0 -7.5px;}
.style-box .list li{ width: 50%; padding: 7.5px;}
.style-box .list li .img{ height: 32vw;}
.style-box .list li .t{ margin-top: 10px;}

.business-box{ padding: 20px 0;}
.business-box .list li{ padding: 20px 0;}
.business-box .list li .text{ width: 90%; padding-right: 5%;}
.business-box .list li .text .t{ font-size: 1.8em;}
.business-box .list li .text .p{ font-size: 1.3em; margin-top: 10px; text-align: justify;}
.business-box .list li .icon{ width: 10%;}
.business-box .list li .icon img{ max-height: 38px;}
.business-box .list li .img{ height: 150px; margin-top: 15px;}

.case-box{ padding: 20px 0;}
.case-box .list{ margin-top: 10px;}
.case-box .list ul{ margin: 0 -7.5px;}
.case-box .list li{ width: 50%; padding: 7.5px;}
.case-box .list li .img{ height: 30.6vw;}
.case-box .list li .title{ height: 45px; line-height: 45px; font-size: 1.3em;}

.news-box{ padding: 20px 0;}
.news-box .list{ margin: 10px 0;}
.news-box .list li{ padding: 15px;}
.news-box .list li .img{ width: 100%;}
.news-box .list li .text{ width: 100%; padding-left: 0; margin-top: 10px;}
.news-box .list li .text .t{ font-size: 1.6em;}
.news-box .list li .text .p{ font-size: 1.3em; margin-top: 5px;}
.news-box .list li .text .other{ margin-top: 10px; height: 35px; line-height: 35px;}
.news-box .list li .text .other .date{ font-size: 1.2em;}
.news-box .list li .text .other .btns span{ font-size: 1.2em; height: 35px; width: 100px; border-radius: 4px;}

.news-content{ padding: 20px 0;}
.news-content .title{ font-size: 1.6em; font-weight: normal;}
.news-content .bq span{ font-size: 1.2em;}

.pager{ height: auto;}
.pager .prev{ width: 100%;}
.pager .next{ width: 100%;}
.pager .next>a, .pager .next>span{ float: inherit;}

.job-box{ padding: 20px 0;}
.job-box .container{ width: auto;}
.job-box .list{ margin-top: 10px;}
.job-box .list li+li{ margin-top: 20px;}
.job-box .list li .top{ font-size: 1.3em; height: 45px; line-height: 45px;}
.job-box .list li .top div{ width: 20%;}
.job-box .list li .top div:nth-child(5){ display: none;}
.job-box .list li .text{ font-size: 1.2em; height: 40px; line-height: 40px;}
.job-box .list li .text div{ width: 20%;}
.job-box .list li .text div:first-child{ -webkit-line-clamp: 2; line-height: 18px; height: 40px; display: table; padding: 0 5px;}
.job-box .list li .text div:first-child span{ display: table-cell; vertical-align: middle;}
.job-box .list li .text div:nth-child(5){ display: none;}
.job-box .list li .text a{ width: 90%; height: 30px; line-height: 30px; border-radius: 4px;}
.job-box .list li .box{ padding: 15px;}
.job-box .list li .box .t, .job-box .list li .box .p{ font-size: 1.3em;}

.contact-box{ padding: 20px 0;}
.contact-box .box{ margin-top: 20px;}
.contact-box .box .text{ width: 100%;}
.contact-box .box .text li{ height: 100px;}
.contact-box .box .text li .icon{ left: 4%;}
.contact-box .box .text li .icon img{ max-width: 38px; max-height: 38px;}
.contact-box .box .text li .p{ font-size: 1.2em;}
.contact-box .box .message{ width: 100%; margin-top: 20px;}
.contact-box .box .message li input[type="text"]{ height: 50px;}
.contact-box .box .message li input[type="submit"]{ height: 50px; font-size: 1.4em;}
.contact-box .map{ height: 300px; margin-top: 40px;}

.zdxf li{ width: 38px; height: 38px;}
}