@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #000;background-color: #fff;font-family: "Source Han Sans CN","Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
  margin: 0;
  padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;font-size: 1px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #000;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #9c081e;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {text-transform: uppercase;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}
.auto-1260{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1280{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1366{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1535{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1400{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1440{max-width: 1200px; width: 96%; margin:0 auto;}
.auto-1600{max-width: 1200px; width: 96%; margin:0 auto;}

.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f44{font-size: 44px;}
.card {
	padding: 3.125% 0 5.21%;
}
.index-about .auto-1260 .box .txt .conetnet p{text-align:justify;text-indent:2em;color:#666;line-height:2;}
.index-pro{ background-color:#f5f5f5;}
.index-exh{background-color: #efefef;}
.strategy{background-color: #F2F3F5;}
.qui-single{}
.qui-single .con{color:#666;font-size:16px;line-height:2;}
.qui-single .con img{ max-width:100%;}
.qui-single .con p{text-indent:2em;text-transform: uppercase;}
.qui-single .con p img{ padding:10px;}
.qui-single .con .rongyu1{width:100%}
.qui-single .con .rongyu1 li{width:315px; overflow:hidden; float:left;display:inline; height:459px;}
.qui-single .con .rongyu1 li img{width:280px; height:429px;border:5px solid #ccc;}
.qui-single .con .rongyu1 li p{ width:100%; text-align:center;}

.qui-single .con .rongyu2{width:100%}
.qui-single .con .rongyu2 li{width:315px; overflow:hidden; float:left;display:inline; height:250px;}
.qui-single .con .rongyu2 li img{height:170px;border:2px solid #ccc; margin:0 auto; display:block;}
.qui-single .con .rongyu2 li p{ width:100%; text-align:center; font-size:14px;text-transform: uppercase;}

.qui-single .qui-tecbox1{background-color:#e9e9e9;}
.qui-single .quiabtbox .ytable .quiinfo p{text-indent: 2em; font-size: 14px; color: rgb(51, 51, 51); line-height: 2;text-transform: uppercase;}


.qui-single .qui-tecbox3{}
.qui-single .qui-tecbox3 .quiadvbox ul li .quiinfo p{font-size: 14px; color: rgb(51, 51, 51); line-height: 2;text-transform: uppercase;}
.qui-single .qui-tecbox3 .quiadvbox ul li{ margin-bottom:15px;}
.qui-single .qui-tecbox3 .quiadvbox ul li .quipic{ width:110px;}
.qui-single .qui-tecbox3 .quiadvbox ul li .quipic img{width:99px; height:99px;}

.qui-single .qui-yiju{color:#333333;font-size:14px;line-height:2; padding:20px; font-style:normal;text-transform: uppercase;}
.qui-single .qui-yiju strong{font-size:20px;}




.portrait .txt .list span{
	color:#333333;font-size:18px;

}

/*CSS badoo style pagination*/

DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}

@media(max-width:1024px){
    .f16{font-size: 15px;}
    .f18{font-size: 17px;}
    .f20{font-size: 18px;}
    .f22{font-size: 19px;}
    .f24{font-size: 20px;}
    .f28{font-size: 24px;}
    .f30{font-size: 24px;}
    .f44{font-size: 34px;}
	.qui-single .con p img{ display:block; width:100%;}	
	.qui-single .con .rongyu1{width:100%}
	.qui-single .con .rongyu1 li{width:50%; overflow:hidden; float:left;display:inline; height:215px;}
	.qui-single .con .rongyu1 li img{width:135px; height:170px;border:5px solid #ccc;}
	.qui-single .con .rongyu1 li p{ width:100%; text-align:center;}	
	
	.qui-single .con .rongyu2{width:100%}
	.qui-single .con .rongyu2 li{width:50%; overflow:hidden; float:left;display:inline; height:250px;}
	.qui-single .con .rongyu2 li img{height:170px;border:5px solid #ccc;}
	.qui-single .con .rongyu2 li p{ width:100%; text-align:center;text-transform: uppercase;}	
	
	.qui-single .qui-tecbox3 .quiadvbox .ytable .quipic img{ display:block; margin:0 auto; width:80px; height:80px;}
		
	.portrait{
		display:none;
	
	}	
	
	
	
}
@media(max-width:640px){
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 16px;}
    .f22{font-size: 17px;}
    .f24{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f44{font-size: 24px;}
}

@font-face {
    font-family: "SourceHan Sans CN";
    font-display: swap;
    src: url('../fonts/SourceHanSansCN/webfont.eot'); /* IE9 */
    src: url('../fonts/SourceHanSansCN/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSansCN/webfont.woff2') format('woff2'),
    url('../fonts/SourceHanSansCN/webfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/SourceHanSansCN/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSansCN/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}


.header{background-color: #fff; position: relative; z-index: 20;}
.header .auto-1535{ position: relative;}
.header-logo{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; max-width: 140px; display: table; height: 100%;}
.header-logo a{display: table-cell; vertical-align: middle;}
.header-logo a img{max-height: 100%;width: 100%;}

.header-nav li em{font-style: normal; display: block;}
.header-nav li em a{font-size: 16px; font-weight: bold;}



.header-search{float: right; padding: 38px 0; margin-right: 1.88%;}
.header-search .search-box{position: relative;}
.header-search .search-box input{padding: 0 30px 0 20px; border-radius: 14px; line-height: 28px; height: 28px; border: 1px solid #b7b7b7; width: 180px; font-size: 12px;}
.header-search .search-box a{width: 20px; height: 100%; background: url(../images/icon_search.png) center center no-repeat; position: absolute; right: 15px; top: 0; cursor: pointer; z-index: 2;}

.header-zx{float: right;padding: 33px 0px 34px;}
.header-zx a{line-height: 30px;font-size: 16px;display: block; border: 2px solid #0068b7;}
.header-zx a span{ background-color: #0068b7; display: block;margin: 1px; padding: 0 20px;transition: .3s;}
@media(min-width:1025px){
    .header-nav {float: right; margin-right: 15px;}
    .header-nav li{float: left; padding: 33px 5px 34px; position: relative;}
    .header-nav li em a{line-height: 30px; display: block; margin: 1px; padding: 0 15px;transition: .3s;}
    .header-nav li em{border: 2px solid transparent; transition:.3s;}

    .header-nav li.active em{border-color: #9c091f}
    .header-nav li.active em a{background-color: #9c091f; color: #fff;}

    .header-nav li .sub{position: absolute; min-width: 100%; left: 50%; transform: translateX(-50%);top: 100%; padding-top: 5px;display: none;}
    .header-nav li .sub dl{border-radius: 5px; background-color: #fff; text-align: center;}
    .header-nav li .sub dl::before{content: ''; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; position: absolute ;top: -4px; left: 50%; transform: translateX(-50%);}
    .header-nav li .sub dl dd{line-height: 30px; border-bottom: 1px solid #eee;}
    .header-nav li .sub dl dd:last-child{border-bottom: 0;}
    .header-nav li .sub dl dd a{white-space: nowrap;}
}
@media(max-width:1366px){
    .header-logo{left: 0;}
    .header-nav li em a{padding: 0 10px;}
    .header-nav li{padding: 33px 4px 34px;}
}

@media(max-width:1024px){
    .header-logo{max-width: 100px;}
    .header-search{padding: 18px 0; margin-right: 15px;}
    .header-zx a span{padding: 0 10px;}
    .header-search .search-box input{width: 130px;}
    .header-zx{padding: 14.5px 0;}
    .header-nav li{padding: 0 ;}
    .header .header-nav {position: absolute;right: -100%;top: 100%;width: 220px;border-radius: 0 0 0 5px;padding: 10px 20px;transition: 0.5s;background-color: #0068b7;}
    .header .header-nav li {transform: translateX(50px);opacity: 0;transition: 0.5s 0.1s;}
    .header .header-nav li:nth-child(2) {-delay: 0.2s;}
    .header .header-nav li:nth-child(3) {transition-delay: 0.3s;}
    .header .header-nav li:nth-child(4) {transition-delay: 0.4s;}
    .header .header-nav li:nth-child(5) {transition-delay: 0.5s; }
    .header .header-nav li:nth-child(6) {transition-delay: 0.6s;}
    .header .header-nav li:nth-child(7) {transition-delay: 0.7s;}
    .header .header-nav li:nth-child(8) {transition-delay: 0.8s;}
    .header .header-nav li:nth-child(9) {transition-delay: 0.9s;}
    .header .header-nav li:nth-child(10) {transition-delay: 1s;  }
    .header .header-nav li em {line-height: 40px;border-top: solid 1px rgba(255, 255, 255, 0.4);display: block;font-style: normal;text-align: center;}
    .header .header-nav li em a {color: #fff;  }
    .header .header-nav li:first-of-type em { border-top: 0; }
    .header .header-nav li .sub {  display: none;text-align: center; background-color: #0162aa; }
    .header .header-nav li .sub dd {line-height: 40px;}
    .header .header-nav li .sub dd a {color: #fff;}
    .header .header-nav li.has-sub em {position: relative;}
    .header .header-nav li.has-sub em i {position: absolute;width: 40px;height: 100%;transition: 0.3s;right: 0;top: 0;}
    .header .header-nav li.has-sub em i::before {position: absolute;content: '';width: 12px;height: 2px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%); }
    .header .header-nav li.has-sub em i::after {position: absolute;content: '';width: 2px;height: 12px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%); }
    .header .header-nav li.has-sub em.active i {transform: rotate(45deg); }
    .header .header-nav.active {right: 0;}
    .header .header-nav.active li {transform: translateX(0) !important;opacity: 1 !important;}
    .header #open-menu {width: 30px;height: 35px;margin: 15px 0;float: right;margin-left: 15px;position: relative;}
    .header #open-menu i {width: 100%;height: 3px;background-color: #0068b7;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.3s;}
    .header #open-menu::before {content: '';width: 100%;height: 3px;background-color: #0068b7;position: absolute;left: 0;right: 0;top: 5px;margin: auto;transition: all 0.3s;}
    .header #open-menu::after {content: '';width: 100%;height: 3px;background-color: #0068b7;position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;transition: all 0.3s;}
    .header #open-menu.active i { opacity: 0;}
    .header #open-menu.active::before {bottom: 5px; transform: rotateZ(45deg);}
    .header #open-menu.active::after {top: 5px;transform: rotateZ(-45deg);}
}

.bottom{}
.bottom .info {padding-top: 3.125%; background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding-bottom: 15px; background-color:#fff;}
/* .bottom .info .auto-1600{padding-right: 10.625%;} */
.bottom .left{float: left; width: 24.625%; padding-right: 15px;}
.bottom .left .logo{    
    max-width: 200px;
    margin-bottom: 5.8%;
    margin-top: -4%;}
.bottom .left .phone{
    font-size: 12px;
    color: #615f5f;
    line-height: 1.5;
    /* padding-left: 30px; */
    /* background: url(../images/phone.png) left bottom no-repeat; */
    margin-bottom: 1%;
}
.bottom .left .email{
    font-size: 12px;
    /* padding-left: 30px; */
    color: #615f5f;
    /* background: url(../images/mailbox.png) 7px center no-repeat; */
    margin-bottom: 1%;
}
.bottom .left .address{
    font-size: 12px;
    /* padding-left: 30px; */
    color: #615f5f;
    margin-bottom:1%;
}
.bottom.pad .info{padding-top: 7.3%;}
.singlepage .content .bt {padding: 10px 20px;background: #0068b7;color: #fff;font-size: 20px;margin-bottom: 0px;}

.singlepage .content .bttow {padding: 20px 0px;}
.singlepage .content .towha {
    font-size: 20px;
    color: #0068b7;
}
.singlepage .newcon{
	
}
.singlepage .newcon p{
	text-indent:2em;
	text-transform: uppercase;
}
.singlepage .newcon img,.singlepage .newcon p img,.singlepage .newcon p iframe{
	display:block;
	margin:15px auto;
	width:600px;
	height:auto;
}

.bottom .nav{float: left;}
.bottom .nav li{float: left;margin-right: 2.6vw;}
.bottom .nav li:last-of-type{margin-right: 0;}
.bottom .nav li em{display: block; font-style: normal; margin-bottom: 33%;line-height: 1;}
.bottom .nav li em a{font-size: 14px; font-weight: bold;color: rgb(89, 87, 87);}
.bottom .nav li em a:hover,.bottom .nav li .sub dd a:hover{color: #9c091f;}
.bottom .nav li .sub dd a{font-size: 12px;color: rgb(137, 137, 137);line-height: 1.667;}


.bottom .qrcode{float: right;}
.bottom .qrcode .item{display: inline-block; margin-left: 15px; text-align: center;}
.bottom .qrcode .item .pic{width: 120px; height: 120px; background: url(../images/qr-bg.png) ; background-size: 100% 100%;margin-bottom: 7px;padding: 10px;}
.bottom .qrcode .item .pic .img{width: 100%; height: 100%;position: relative;background-color: #fff;}
.bottom .qrcode .item .pic .img img{position: absolute;left: 0;top: 0; right: 0; bottom: 0; margin: auto;max-height: 100%;}
.bottom .qrcode .item .txt{line-height: 27px;}
.bottom .qrcode .item .txt img{width: 27px; margin-right: 3px;}


.bottom .copyright{text-align: center; line-height: 30px; padding: 0.78% 0 ; background-color: #989898; color: #fff;}
.bottom .copyright a{color: #fff;}
.bottom .copyright a:hover{color: #9c091f;}


@media(min-width:1921px){
    .bottom .nav li{margin-right: 50px;}
}
@media(max-width:1366px){
    /* .bottom .info .auto-1600{padding-right: 5%;} */
    .bottom .qrcode .item .pic{width: 110px; height: 110px;}
}
@media(max-width:1024px){
	.bottom .copyright span{display:none;}
    .bottom .info .auto-1600{padding-right: 0;}
    .bottom .left{width: 275px;margin: 0 auto 2%; float: none;}
    .bottom .nav{width: 100%; float: none;}
    .bottom .nav li{width: 16.666%; margin-right: 0;}
    .bottom .qrcode{float: none; text-align: center;}
}
@media(max-width:768px){
    .bottom .nav li{width: 100% !important; float: none; border: 1px solid #ddd; margin-bottom: 2%;position: relative;padding: 0 2%;}
    .bottom .sub{ display: none;}
    .bottom .sub dd{border-top: 1px solid #ddd; line-height: 40px;}
    .bottom .nav li em{padding-bottom: 0; line-height: 40px; margin-bottom: 0;position: relative;}
    .bottom .nav li em::after{content:'';width: 10px; height: 10px; background-color: transparent; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; left: auto; border-top: 2px solid #ddd; border-right: 2px solid #ddd; transform: rotateZ(45deg); transition: all .3s;}
    .bottom .nav li em::before{content: ''; width: 100%; height: 100%; left: 0; top: 0;z-index: 1; position: absolute;}
    .bottom .nav li em.active::after{transform: rotateZ(135deg);}
}

.right-menu{ position: fixed; right: 0; bottom: 65px; z-index: 10;}
.right-menu li{width: 70px;height: 70px; font-size: 0; float: right; clear: both;transition: .3s; position: relative;} 
.right-menu li .icon{width: 70px; height: 70px; background-color: #009fff; border-bottom: 1px solid #fff; background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline-block; transition: all .3s;}
.right-menu li:last-child .icon{border-bottom: 0;}
.right-menu li.message .icon{background-image: url(../images/message.png);}
.right-menu li.phone .icon{background-image: url(../images/tel.png);}
.right-menu li.qq .icon{background-image: url(../images/qq.png);}
.right-menu li.gettop .icon{background-image: url(../images/gettop.png);}

.right-menu .sub{font-size: 24px; width: calc(100% - 70px); overflow: hidden; display: inline-block; background-color: #0084ff; transition: .3s;}
.right-menu .sub a{white-space: nowrap; color: #fff;line-height: 70px;}

.right-menu li.message .sub{width:0; height: 0; position: absolute; right: 100%; top: 0;}
.right-menu li.message .sub img{position: absolute; left: 0;top: 0; bottom: 0; right: 0; margin: auto; max-width: 90%; max-height: 90%;}


.right-menu li.active .icon{background-color: #0084ff; border-bottom: 0;}
.right-menu li.active.phone{width: 260px;}
.right-menu li.active.message .sub{width: 130px; height: 130px;}
.right-menu li.active.qq{width: 260px;}
@media(max-width:768px){
    .right-menu{display: none;}
}
/* banner */
.pc_ban{display: block;width: 100%;}
.wap_ban{display: none;}
@media(max-width:1024px){
    .pc_ban{display: none;}
    .wap_ban{display: block;}
}
.banner{position: relative;}
.banner .txt{position: absolute; width: 96%; max-width: 1600px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; text-align: center;}
.banner .txt h2{color: #fff; font-weight: normal; letter-spacing: 4px; margin-bottom: 5.6%;}
.banner .txt a{display: inline-block; width: 149px; height: 46px; border-radius: 23px; text-align: center; color: #fff; background-color: #1158e8; line-height: 46px;}
/* indexx-banner */
.index-banner .item{position: relative;}
.index-banner .txt{position: absolute; width: 96%; max-width: 1600px; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.index-banner .txt pre{text-align: center; font-size: 20px; color: #fff;line-height: 2.4;font-weight: 100;}
.index-banner .txt h2{font-size: 70px; color: #fff;}
.index-banner .txt a{display: inline-block; width: 130px; height: 50px; text-align:  center; line-height: 50px; color: #fff; font-size: 22px; border-radius: 4px; background-color: #3baede; transition: .3s;margin-top: 4.375%;}
.index-banner .txt a:hover{background-color: #0068b7;}

.slick-arrow{width: 33px; height: 64px; background: url(../images/slick-arrow01.png) center center no-repeat; opacity: 0.5; background-size: contain; position: absolute; top: 0; bottom: 0;  z-index: 5; margin: auto; border: 0; font-size: 0; transition: .3s; cursor: pointer;}
.slick-arrow:hover{opacity: 1;}
.slick-prev{left: 4%;}
.slick-next{right: 4%; transform: rotateY(180deg);}
@media(max-width:1024px){
    .slick-arrow{width: 20px; height: 30px;}
}

.arrow_red .slick-arrow{background: url(../images/slick-arrow02.png) center center no-repeat;background-size: contain; }
@media(max-width:1024px){
    .index-banner .txt h2{font-size: 24px;}
    .index-banner .txt pre{font-size: 16px;}
    .index-banner .txt a{width: 100px; font-size: 14px; height: 35px; line-height: 35px;}
    .index-banner .slick-arrow{height: 30px;}
    .index-banner .slick-prev{left: 2%;}
    .index-banner .slick-next{right: 2%; }
}

.card{padding: 4.1667% 0 5.21%;}
/* 栏目标题 */
.col-title {text-align: center; margin-bottom: 70px;}
.col-title .cn{font-family: "宋体";font-weight: bold;  line-height: 1; font-weight: bold;}
.col-title .en{ font-family: "Times New Roman"; line-height: 18px; margin-top: 6px;}

.col-title .en span{position: relative; display: inline-block; min-width: 155px;}
.col-title .en span::before,.col-title .en span::after{content: ''; width: 86px; height: 16px; position: absolute; top: 0; bottom: 0;margin: auto; background: url(../images/col-title.png) center left no-repeat; background-size: contain;}
.col-title .en span::before{right: 100%;}
.col-title .en span::after{left: 100%; transform: rotateY(180deg);}

.col-title.white .en span::before,.col-title.white .en span::after{background: url(../images/col-title-white.png) center left no-repeat; background-size: contain;}
@media(max-width:1024px){
    .col-title { margin-bottom: 30px;}
}


.index-about .box{border: 2px solid #9c091f; margin-left: 7.93%;padding: 3.6%;  padding-left: 47%; position: relative; margin-bottom: 30px;}
.index-about .box .logo{max-width: 140px; margin-bottom: 5%;}
.index-about .box .logo img{width: 100%;}

.index-about .box .txt {padding: 8.8% 0 15.8%;}
.index-about .box .txt h2{color: rgb(156, 9, 31);line-height: 1.2; margin-bottom: 1.76%;}
.index-about .box .txt .content{line-height: 1.714;}
  

.index-about .box .pic{width: 56.7%; position: absolute; left: -8.6%; top: 12%;}
.index-about .btn{padding-left:52.85% ;}
 
 @media(max-width:1024px){
    .index-about .box{padding-left: 50%;}
 }
 @media(max-width:768px){
    .index-about .box{padding-left: 0; margin-left: 0; padding-left: 3.6%;}
    .index-about .box .pic{position: static; width: 100%;}
 }
.moreBtn{display: inline-block; width: 145px; height: 43px; text-align: center; line-height: 37px; color: #fff !important; border: 2px solid #9c091f; padding: 2px;}
.moreBtn span{display: block; width: 100%; height: 100%; background-color: #9c091f;}
@media(max-width:1024px){
    .moreBtn{width: 120px; height: 35px; line-height: 30px;}
}
.index-pro .item{float: left; width: 44.5%; margin-right: 11%; border: 2px solid #ddd; margin-bottom: 2.38%; }
.index-pro .item:nth-of-type(2n){margin-right: 0;}
.index-pro  a{padding: 4.49% 0;}
.index-pro .item .pic{width: 130px; text-align:  right;}
.index-pro .item .pic .icon{display: inline-block;border-radius: 50%; border: 1px solid #ddd;}
.index-pro .item .pic .img{width: 70px; height: 70px; margin: 8px; background-color: #9c081e; border-radius: 50%; position: relative; transition: 1.5s;}
.index-pro .item .pic .img img{position: absolute; left: 0;top: 0;right: 0; bottom: 0; margin: auto; max-width: 57%; max-height: 57%;}

.index-pro .item .txt{text-align:  center;}
.index-pro .item:hover .pic .img{transform: rotateY(360deg);}
@media(max-width:768px){
    .index-pro .item{width: 100%; margin-right: 0;}
    .index-pro .item .pic .img{width: 50px; height: 50px;}
    .index-pro .item .pic{width: 80px;}
}

.culture{padding-bottom: 2.9%;}
.culture .col-title{margin-bottom: 50px;}
.culture .slick-box{position: relative;padding:  7.25% 6.875%; border-top: 1px dashed #a8a7a7; border-bottom: 1px dashed #a8a7a7;}

.culture .slick-box .slick-slider{position: static;}
.culture .slick-box li{width: 33.33%;}
.culture .slick-box li a{display: block; padding: 0 7.4%;}

.culture .slick-box li .pic{border: 1px solid #000;margin-bottom: 12.8%;}
.culture .slick-box li .pic figure{padding-top: 53.4%; }
@media(max-width:1024px){
    .culture .slick-box{padding: 7.25% 30px;}
    .culture  .slick-prev{left: 0;}
    .culture  .slick-next{right: 0;}
}
@media(max-width:640px){
    .culture .slick-box li a{padding: 0;}
}

.strategy .slick-box{position: relative;padding:  0 11%; }
.strategy .slick-box .slick-slider{position: static;}
.strategy .slick-box li {padding: 0 20px;}
.strategy .slick-box li a{display: block;  border-radius: 5px; background-color: rgba(255, 255, 255,0.659); text-align: center; padding-top: 21.27%; padding-bottom: 11.7%;}
.strategy .slick-box li .pic{width: 120px ; height: 120px; position: relative; margin: 0 auto 13.297%; }
.strategy .slick-box li .pic img{position: absolute; left: 0;top: 0; right: 0; bottom: 0; margin: 0; max-height: 100%;}
  
.strategy .slick-box li h2{ color: #1158e8; font-weight: normal; margin-bottom: 6.65%;}
.strategy .slick-box li p{color: #333; line-height: 1.5; height: 3em;}
@media(max-width:1024px){
    .strategy .slick-box{padding: 0 30px;}
    .strategy .slick-next{right: 0;}
    .strategy .slick-prev{left: 0;}
}
@media(max-width:640px){
    .strategy .slick-box li{padding: 0;}
    .strategy .slick-box li .pic{width: 90px; height: 90px;}
}
.value {padding-bottom: 0;}
.value .item{float: left; width: 45%; margin-right: 10%; margin-bottom: 7.8%;}
.value .item:nth-of-type(2n){margin-right: 0;}

.value .item .pic{width: 140px;}
.value .item .pic figure{padding-top: 100%;}
.value .item .txt{padding-left: 3.5%; padding-top: 3.5%; vertical-align: top;}

.value .item .txt h2{ color: rgb(156, 9, 31);}
.value .item .txt p{color: rgb(51, 51, 51);}

@media(max-width:768px){
    .value .item{width: 100%;margin-right: 0; margin-bottom: 2%;}
}

.speech .txt{float: left; width: 50%; text-align: justify;padding-right: 6.4%; padding-top: 4.28%;}

.speech .txt .btn{text-align: right; margin-top: 5.45%;}
.speech .txt .btn a{width: 157px; height: 40px; line-height: 40px; text-align: center; display: inline-block; color: #fff; font-size: 16px; border-radius: 20px; background-color: #004ea2;}

.speech .pic{width: 50%; float: left;}
/* .speech .pic figure{padding-top: 82.3%;} */

.speech .slick-box{padding: 32%; position: relative; overflow: hidden; width: 118%;}
.speech .item{position: absolute; width:69%; height: 100%; transition: all .5s; top: 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.speech .pic{width: 50%; float: left;overflow: hidden;}
.speech .pic figure{position: absolute; width: 100%; height: 100%;}
.speech .item a{width: 115px; height: 115px; position: absolute; left: 0;top: 0;right: 0; bottom: 0; margin: auto; background-image: url(../images/play.png); background-size: contain; background-repeat: no-repeat; background-position: center center; display: none;z-index: 2;}
.speech .item::before{content: ''; width: 100%; height: 100%;position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5);z-index: 1; transition: all .3s;}
.speech .item.active a{display: block;}
.speech .item.active::before{background-color: rgba(255, 255, 255, 0.5);}
@media(max-width:768px){
    .speech .txt{width: 100%; float: none; padding-right: 0;}
    .speech .pic{width: 100%; margin-top: 2%;}
}



.video-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .video-box .ytable{height: 100%;}
  .video-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 0;
  }
  .video-box .video-container {
    display: inline-block;
    max-width: 80%;
    position: relative;
    z-index: 5;
    min-width: 40%;
  }
  .video-box .video-container h3 {
    margin: 0;
    background-color: #fff;
    color: #333;
    font-size: 18px;
    padding: 10px;
    text-align: left;
  }
  .video-box .video-container h3.notitle {
    background: none;
    height: 40px;
  }
  .video-box .video-container h3.notitle .close:before {
    color: #fff;
  }
  .video-box .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 999;
    width: 40px;
    height: 40px;
    text-align: center;
    /*border-radius: 100%;  border: 2px solid #fff; */
  }
  .video-box .close:before {
    content: "×";
    font-family: "宋体";
    font-size: 32px;
    color: #000;
    line-height: 40px;
  }
  .video-box video {
    position: relative;
    width: 100%;
    max-height: 100%;
    background: #000;
    object-fit: fill;
    z-index: 1;
  }

.technical .item{width: 27.43%;margin-right: 8.855%;float: left;}
.technical .item:nth-of-type(3n){margin-right: 0;}
.technical .item a{display: block; background-color: #fff; text-align: center; padding: 25.78% 0;}
.technical .item .icon{width: 80px; height: 80px; position: relative; margin: 0 auto 15.625%; }
.technical .item .icon img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.technical .item .txt{color: rgb(6, 92, 206); font-weight: bold;}

@media(max-width:640px){
    .technical .item{width: 100%; margin-right: 0; margin-bottom: 2%;}
    .technical .item a{padding: 15% 0;}
}


.product{padding-bottom: 0;}
.product .item{float: left; margin-right: 2%; margin-bottom: 25px;}
.product .item .pic{padding-top: 180px; position: relative; background-color: #efefef;}
.product .item .pic img{position: absolute;left: 0; top: 0;right: 0; bottom: 0; margin: auto; max-width: 70%; max-height: 90%;}
.product .item .txt{background-color: #004fa2; color: #fff; text-align: center; padding: 10px;}
.product .item .txt h2{font-weight: normal; margin-top: 8px;}


.product .item:nth-of-type(6n+1){width: 28.92%;}
.product .item:nth-of-type(6n+1) .pic{padding-top: 462px;}

.product .item:nth-of-type(6n+2){width: 28.92%;}
.product .item:nth-of-type(6n+3){width: 38.16%; margin-right: 0;}
.product .item:nth-of-type(6n+4){width: 28.92%;}
.product .item:nth-of-type(6n+5){width: 18.57%;}
.product .item:nth-of-type(6n+6){width: 17.59%; margin-right: 0;}
@media(max-width:640px){
    .product .item{width: 100% !important; margin-right: 0; float: none;}
}



.slick-dots{text-align: center; padding: 20px 0; box-sizing: content-box; height: 10px; vertical-align: bottom;font-size: 0;}
.slick-dots li{width: 25px; height: 5px; background-color: #ddd; margin: 0 2px; cursor: pointer; transition: all .3s; display: inline-block; vertical-align: bottom;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{height: 8px; background-color: #065cce;}

.area{padding-bottom: 2%;}
.area .left{float: left; width: 47.57%; margin-right: 2%;}
.area .right{width: 50.43%; float: left ; max-width: 520px;}


.area .left figure{height: 476px;}
.area .left .item{position: relative;}
.area .left h2{position: absolute;width:100%; line-height: 50px; padding-left: 20px; padding-right: 150px; background-color: rgba(14, 14, 14,0.7); color: #fff; left: 0; bottom: 0; font-weight: normal;}
.area .slick-dots{position: absolute; right: 0; bottom: 0; z-index: 2;}


.area .right .item:first-of-type{padding-top: 0;}
.area .right .item{padding: 13px 0; border-bottom: 1px solid #b8b8b8;}
.area .right .item .index{width: 65px; height: 65px; background-color: #f0f0f0; color: #666; font-size: 26px; text-align: center; line-height: 65px; transition: .3s;}
.area .right .item h2{padding-left: 20px; font-size: 14px; color: rgb(103, 102, 102);}
  
.area .right .item:hover .index{background-color: #065cce;color: #fff;}
.area .right .item:hover h2{color: #9c091f;}
@media(max-width:768px){
    .area .left{width: 100%; float: none; margin-right: 0;}
    .area .right{width: 100%; float: none; max-width: none; margin-top: 2%;}
}


.basis {margin-bottom: 5.21%;}
.basis .auto-1400{position: relative;}
.basis .slick-list{padding-top: 80px !important; padding-bottom: 85px !important;}
.basis .bg_cover{padding-top: 67%;}
.basis .txt{text-align: center; color: rgb(91, 94, 102); display: none; padding-top:3.4%;}
.basis .txt h3{font-size: 12px;}
.basis .txt .center{display: inline-block; text-align: right;}
.basis .item{transition: .3s;}
.basis .item.slick-current .txt{display: block; }
.basis .item.slick-current{transform: scale(1.5); z-index: 5; position: relative;}
.basis .slick-prev{left: -33px;}
.basis .slick-next{right: -33px; }
.basis .item.prevshow{transform: translateX(50px);}
.basis .item.nextshow{transform: translateX(-50px);}
.basis .moreBtn{position: absolute; right: 50px; bottom: 10px; z-index: 10;}
@media(max-width:1400px){
    .basis .slick-prev{left: 0;}
    .basis .slick-next{right: 0; }
}
@media(max-width:1024px){
    .basis .txt .center{transform: scale(0.75) translateX(-15%); transform-origin: top center;}
    .basis .item.prevshow{transform: translateX(0);}
    .basis .item.nextshow{transform: translateX(0);}
}


.news-list{position: relative;}
.news-list .col-title{margin-bottom: 40px;}
.news-list::before{content: ''; width: 100%; height: 100%; background-size: 100% auto; background-image: url(../images/newsbg1.png); background-position: center top; position: absolute; left: 0; top: 0; background-repeat: no-repeat;}
.news-list::after{content: ''; width: 100%; height: 100%; background-size: 100% auto; background-image: url(../images/newsbg2.png); background-position: center bottom; position: absolute; left: 0; bottom: 0; background-repeat: no-repeat;}
.news-list .auto-1400{position: relative;z-index: 1;}
.news-nav{text-align: center; margin-bottom: 3.57%;}
.news-nav a{display: inline-block;width: 145px;height: 43px;text-align: center;line-height: 37px;color: #fff !important;border: 2px solid #efefef;padding: 2px; margin: 0 5px;background-color: #efefef; font-weight: bold;}
.news-nav a span{display: block;width: 100%;height: 100%;background-color: #efefef; color: #3e3a39;}

.news-nav a.active{border: 2px solid #9c091f;}
.news-nav a.active span{background-color: #9c091f; color: #fff;}

@media(max-width:1024px){
    .news-nav a{width: 120px;}
}
@media(max-width:640px){
    .news-nav a{width: 90px;}
}
.news-list .list .item:first-of-type{border-top: 1px dashed #a8a7a7;}
.news-list .list .item{padding: 2.14% 0; border-bottom: 1px dashed #a8a7a7;}
.news-list .list .pic{width: 287px;overflow: hidden;}
.news-list .list .pic figure{padding-top: 65.5%; transition: .3s;}
.news-list .list .txt{padding-left: 1.78%;  color: rgb(89, 87, 87);}
.news-list .list .txt h2{line-height: 2;}
.news-list .list .txt p{line-height: 2; height: 6em; margin-bottom: 2.727%;}
.news-list .list .item:hover .pic figure{transform: scale(1.1);}
.news-list .list .item:hover .txt h2{color: #9c091f;}
.news-list .list .item:hover .txt .more{color: #9c091f;}
@media(max-width:1024px){
    .news-list .list .pic{width: 220px;}
}
@media(max-width:640px){
    .news-list .list .pic{width: 180px;}
    .news-list .list .txt p{-webkit-line-clamp:2;height: 4em;}
}

.Pages{text-align: center; padding-top: 4.8%;}
.Pages a{display: inline-block; width: 34px; height: 34px; background-color: #efefef; text-align: center; line-height: 34px;}
.Pages .a_prev,.Pages .a_next{width: 70px; margin: 0 2px;}
.Pages .a_cur{background-color: #9c091f; color: #fff;}
.Pages .p_cur,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .p_count,
.Pages .a_end{display: none;}
.Pages .num{font-style: normal;}


.video-list .item{width: 31.33%; margin-right: 3%; float: left; text-align: center; margin-bottom: 3%; position: relative; overflow: hidden;}
.video-list .item:nth-of-type(3n){margin-right: 0;}

.video-list .item .pic{overflow: hidden; position: relative;}
.video-list .item .txt{line-height: 2;}

.video-list .item .pic::before{content: ''; width: 100%; height: 100%;left: 0; top: 0; position: absolute; background-color: rgba(255, 255, 255, 0.4); z-index: 1; opacity: 0; transition: .3s;}
.video-list .item .open-video{width: 60px; height: 60px; position: absolute; left: 0;top: 0; right: 0; bottom: 150%; margin: auto; transition: .3s;    background-image: url(../images/play.png);background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 5;}
.video-list .item figure{padding-top: 65.5%; transition: .3s;}
.video-list .item:hover figure{transform: scale(1.1);}
.video-list .item:hover .open-video{bottom: 0;}
.video-list .item:hover .pic::before{opacity: 1;}
@media(max-width:768px){
    .video-list .item{width: 49%; margin-right: 2%;}
    .video-list .item:nth-of-type(3n){margin-right: 2%;}
    .video-list .item:nth-of-type(2n){margin-right: 0;}
}
@media(max-width:480px){
    .video-list .item{width: 100%; margin-right: 0;}
}
.singlepage .title{border-bottom: 1px dashed #a8a7a7; text-align: center; padding: 2% 0;}
.singlepage .title h1{line-height: 1.5; margin-bottom: 0px;}
.singlepage .content{padding: 5% 0; line-height: 2; text-align: justify;}


.model .box{border: 2px solid #e7e7e7; padding:  3.125% 2.75%; position: relative;}
.model .box::before{content: ''; width: 10px; height: 10px; border-top: 2px solid #e7e7e7; border-right: 2px solid #e7e7e7;position:  absolute;background-color:#fff;    left: 50%; top: 0; transform: translate(-50%,-55%) rotateZ(-45deg);}
.model .box .ytable{padding-top: 3.75%; border-top: 1px solid #eee; height: 100%;}
.model .box .ytable .ytable-cell{height: 100%;}
.model .pic{width:63.54%; padding-right: 4px; overflow: hidden;}
.model .pic figure{padding-top: 48.39%; transition: .3s; height: 100%;}
.model .txt{width: 36.46%; vertical-align: top; position: relative; padding: 5.5% 1.83%;}
.model .txt::before{content: ''; width: 100% ; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 78, 162,0.949);}
.model *{position: relative;z-index: 1;}
.model .txt{ color: #fff; }
.model .txt a{color: #fff;}
.model .txt h2{font-weight: normal; text-decoration: underline; line-height: 1.644; min-height: 11.508em;}
.model .txt a{display: block; text-align: right;}
.model.card{padding-bottom: 0;}
@media(max-width:768px){
    .model .box .ytable,.model .box .ytable-cell{display: block; width: 100%;}
}

/* .service .txt{display: none;} */
.service .list {padding-top: 323px; padding-bottom: 225px;}
.service .list .icon{width: 90px; height: 90px; border: 4px solid #2679ad; border-radius: 50%; position: relative; background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 2;}
.service .list .icon img{position: absolute; left: 0; top: 0;right: 0; bottom: 0; margin: auto; max-width: 65%; max-height: 65%;}
.service .list .box {font-size:0; line-height:normal;}

.service .list .item{display:inline-block; position: relative;  width: 22.6%; margin-right: 1.75%; margin-bottom: 150px;}
/* .service .list .item:nth-of-type(5n){margin-right: 0;} */
.service .list h2{background-color: #2679ad; border-radius: 10px; border: 2px solid #fff; color: #fff; font-weight: normal; padding: 6% 0;padding-left: 50px; margin-left: 45px;font-size: 16px !important; text-align:left;}
.service .list .item::after{content: ''; width:200px; height: 65px;position: absolute; right: 0; transform: translateX(60%);}
.service .list .item:nth-of-type(odd)::after{background-image: url(../images/sowrd01.png); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.service .list .item:nth-of-type(even)::after{background-image: url(../images/sowrd02.png); background-size: contain; background-repeat: no-repeat; background-position: center center; top: -65px;}
.service .list .item:nth-of-type(5n)::after{display: none;}

.service .list .box:nth-child(2n){text-align:right;}
.service .list .box:nth-child(2n) .item {float:right;}
.service .list .box:nth-child(2n) .item:after {transform:rotate(180deg); right:50%;}
.service .list .box:nth-child(2n) .item:nth-child(2n+1):after{bottom:auto; top:100%; background-image: url(../images/sowrd02.png);}
.service .list .box:nth-child(2n) .item:nth-child(2n):after{top:auto; bottom:100%; background-image: url(../images/sowrd01.png);}
.service .list .box:nth-child(2n) .item:nth-child(4):after {transform:rotate(90deg); bottom:auto; top:91px; left:-137px;}
.service .list .item.last:after {display:none;}
.service .list .item:nth-of-type(4):after {
    transform: rotate(90deg);
    top: 91px;
    right: -137px;
}
.service .list .item:nth-of-type(12):after {
    transform: rotate(90deg);
    top: 91px;
    right: -137px;
}

@media(min-width:1200px){
    .service .list .item:nth-of-type(5)::after{
        background-image: url(../images/sowrd02.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        top: -65px;
        transform: rotate(90deg);
        top: 91px;
        right: -137px;
        content: '';
    }

    .service .list .item:nth-of-type(5)::before{
        background-image: url(../images/sowrd02.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        top: 100px;
        content: '';
        width: 200px;
        left: -135px;
        height: 65px;
        position: absolute;
        transform: rotate(271deg);
        transform: scaleX(-1) rotate(90deg);
    }
    .service .list .item:nth-of-type(6)::after{
        transform: scaleX(-1);
        right: -125px;
    }
    .service .list .item:nth-of-type(6)::before{
        content: '';
        width: 200px;
        height: 65px;
        position: absolute;
        transform: scaleX(-1);
        right: 165px;
        top: 60px;
        background-image: url(../images/sowrd01.png);
    }
    .service .list .item:nth-of-type(7)::after{
        transform: scaleX(-1);
        right: -125px;
    }
    .service .list .item:nth-of-type(8)::after{
        transform: scaleX(-1);
        right: -125px;
        display: none;
    }
    .service .list .item:nth-of-type(12):after {
        transform: rotate(90deg);
        top: 91px;
        right: -137px;
    }
    .service .list .item:nth-of-type(5){
        animation-delay: 8s !important;
        
    }




    .service .list .item:nth-of-type(6){
        animation-delay: 7s !important;
    }
    .service .list .item:nth-of-type(7){
        animation-delay: 6s !important;
    }
    .service .list .item:nth-of-type(8){
        animation-delay: 5s !important;
    }



    /* .service .list .item:nth-of-type(8) .txt{
        bottom: auto;
    }
    .service .list .item:nth-of-type(8) .con{
        background-image: url(../images/txt-bg-centeron.png);
        top: 40px;
    }
    .service .list .item:nth-of-type(8) .txt::before {
        background-image: url(../images/txt-bg-bottom.png);
        transform: rotate(180deg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 80px;
    }
    .service .list .item:nth-of-type(8) .txt::after {
        background-image: url(../images/txt-bg-top.png);
        transform: rotate(180deg);
        background-position: top center;
        background-repeat: repeat-y;
        background-position: bottom center;
        background-repeat: repeat-y;
        overflow: hidden;
        height: 40px;
    }
    .service .list .item:nth-of-type(7) .txt{
        bottom: auto;
    }
    .service .list .item:nth-of-type(7) .con{
        background-image: url(../images/txt-bg-centeron.png);
        top: 40px;
    }
    .service .list .item:nth-of-type(7) .txt::before {
        background-image: url(../images/txt-bg-bottom.png);
        transform: rotate(180deg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 80px;
    }
    .service .list .item:nth-of-type(7) .txt::after {
        background-image: url(../images/txt-bg-top.png);
        transform: rotate(180deg);
        background-position: top center;
        background-repeat: repeat-y;
        background-position: bottom center;
        background-repeat: repeat-y;
        overflow: hidden;
        height: 40px;
    }
    .service .list .item:nth-of-type(6) .txt{
        bottom: auto;
    }
    .service .list .item:nth-of-type(6) .con{
        background-image: url(../images/txt-bg-centeron.png);
        top: 40px;
    }
    .service .list .item:nth-of-type(6) .txt::before {
        background-image: url(../images/txt-bg-bottom.png);
        transform: rotate(180deg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 80px;
    }
    .service .list .item:nth-of-type(6) .txt::after {
        background-image: url(../images/txt-bg-top.png);
        transform: rotate(180deg);
        background-position: top center;
        background-repeat: repeat-y;
        background-position: bottom center;
        background-repeat: repeat-y;
        overflow: hidden;
        height: 40px;
    }
    .service .list .item:nth-of-type(5) .txt{
        bottom: auto;
    }
    .service .list .item:nth-of-type(5) .con{
        background-image: url(../images/txt-bg-centeron.png);
        top: 40px;
    }
    .service .list .item:nth-of-type(5) .txt::before {
        background-image: url(../images/txt-bg-bottom.png);
        transform: rotate(180deg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 80px;
    }
    .service .list .item:nth-of-type(5) .txt::after {
        background-image: url(../images/txt-bg-top.png);
        transform: rotate(180deg);
        background-position: top center;
        background-repeat: repeat-y;
        background-position: bottom center;
        background-repeat: repeat-y;
        overflow: hidden;
        height: 40px;
    } */

/* .service .list .item:nth-of-type(6) {
    right: -24.5%;
    animation-delay: 6s !important;
}

.service .list .item:nth-of-type(7) {
    right: -24.5%;
    animation-delay: 7s !important;
}
.service .list .item:nth-of-type(7) .txt {
    top: 68px;
    bottom: auto;
    left: 30%;
}
.service .list .item:nth-of-type(7) .txt::before {
    background-image: url(../images/txt-bg-bottom.png);
    transform: rotate(180deg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 80px;
}
.service .list .item:nth-of-type(7) .txt::after {
    background-image: url(../images/txt-bg-top.png);
    transform: rotate(180deg);
    background-position: top center;
    background-repeat: repeat-y;
    background-position: bottom center;
    background-repeat: repeat-y;
    overflow: hidden;
    height: 40px;
}
.service .list .item:nth-of-type(7) .txt {
    left: 0%;    top: 68px;
    bottom: auto;
}
.service .list .item:nth-of-type(7) .con{
    background-image: url(../images/txt-bg-centeron.png);
    top: 40px;
    left: 1px;
}
.service .list .item:nth-of-type(6) .con{
    background-image: url(../images/txt-bg-centeron.png);
    top: 40px;
    left: 1px;
}
.service .list .item:nth-of-type(5) .txt {
    left: 0%;    top: 68px;
    bottom: auto;
}
.service .list .item:nth-of-type(5) .con{
    background-image: url(../images/txt-bg-centeron.png);
    top: 40px;
    left: 1px;
}


.service .list .item:nth-of-type(6) .txt {
    left: 0%;    top: 68px;
    bottom: auto;
}
.service .list .item:nth-of-type(6) .txt::before {
    background-image: url(../images/txt-bg-bottom.png);
    transform: rotate(180deg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 80px;
}
.service .list .item:nth-of-type(6) .txt::after {
    background-image: url(../images/txt-bg-top.png);
    transform: rotate(180deg);
    background-position: top center;
    background-repeat: repeat-y;
    background-position: bottom center;
    background-repeat: repeat-y;
    overflow: hidden;
    height: 40px;
}

.service .list .item:nth-of-type(5) {
    right: -24.5%;
}

.service .list .item:nth-of-type(5)::before {
    content: '';
    background-image: url(../images/sowrd02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -64px;
    right: -13px;
    transform: translateX(60%);
}
.service .list .item:nth-of-type(6):after {
    background-image: url(../images/sowrd01.png);
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform: scaleX(-1);
    right: -125px;
}
.service .list .item:nth-of-type(5):after {
    background-image: url(../images/sowrd01.png);
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.service .list .item:nth-of-type(7):after {
    background-image: url(../images/sowrd01.png);
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
} */
}
.fene{
    display: none;
}
.service .list .item .txt{position: absolute; min-width: 250px; bottom: 100%;left: 30%; padding: 40px 0 80px ; opacity: 0; transition: opacity .3s; z-index: -999;}
.service .list .item .txt *{position: relative;z-index: 2;}
.service .list .item .ding{width: 49px; height: 52px; position: absolute;left: -27px; top: -10px; z-index: 1;}
.service .list .item .des{letter-spacing: 2px;}
.service .list .item  .title{white-space: nowrap; margin-bottom: 30px;}
.service .list .item  .title .cn{display: inline-block;}
.service .list .item  .title .en{display: inline-block; color: #000;}

.service .list .item .txt::before{content: ''; width: 100%; height: 40px; position: absolute;  top: 0;left: 0; background-image: url(../images/txt-bg-top.png); background-position: top center; background-repeat: repeat-y; overflow: hidden;background-size:100% 100% ;}
.service .list .item .txt::after{content: ''; width: 100%; height: 80px;position: absolute;bottom: 0;left: 1px; background-image: url(../images/txt-bg-bottom.png); background-position: bottom center; background-repeat: repeat-y; overflow: hidden;background-size:100% 100% ;}
.service .list .item .con{background-image: url(../images/txt-bg-center.png); background-position: top center; background-repeat: repeat-y; padding: 0 27px 0 15px;min-height: 120px; background-size:100% auto ;}
.service .list .item:hover .txt{opacity: 1;z-index: 2;}

@media(max-width:1200px){
    .service .list .item{width: 32%; margin-bottom: 134px; margin-right: 2%;}
    .service .list .item:nth-of-type(5n){margin-right: 2%;}
    .service .list .item:nth-of-type(3n){margin-right: 2%;}
    .service .list .item:nth-of-type(5n)::after{display: block;}
    .service .list .item:nth-of-type(3n)::after{display: none;}
    .service .list .item:last-of-type::after{display: none;}
}

@media(max-width:768px){
    .service .list .item{width: 49%;  margin-right: 2%; display:block;}
    .service .list .item:nth-of-type(3n){margin-right: 2%;}
    .service .list .item:nth-of-type(2n){margin-right: 2%;}
    .service .list .item:nth-of-type(2n)::after{display: none;}
    .service .list .item:nth-of-type(3n)::after{display: block;}
    .service .list .item:last-of-type::after{display: none;}
    .service .list .icon{width: 50px; height: 50px;}
    .service .list h2{margin-left: 20px; padding: 3% 0; padding-left: 30px;}
    .service .list{padding: 5% 0;}
    .service .list .item:nth-of-type(2n) .txt{right: 0; left: auto; width: 180px;min-width: auto;}
    .service .list .item .title{white-space: normal;}
	
	.service .list .box:nth-child(2n) .item {float:none;}
}
.guarantee .list{margin-left: -17px; margin-right: -17px;}
.guarantee .list .item{padding: 0 17px;}
.guarantee .list .item .box{background-color: #eee; padding: 34px 27px;}
.guarantee .list .item .box figure{padding-top: 89.27%; }
.guarantee .list .item h2{ text-align: center; font-weight: normal; line-height: 1; margin: 10.5% 0;}

.guarantee .list .item a{display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background-color: #004fa2; color: #fff; margin: 0 auto;}


.partner .item{width: 19.6%; margin-right: 0.5%; margin-bottom: 0.5%; float: left;overflow: hidden;}
.partner .item:nth-of-type(5n){margin-right: 0;}
.partner .item a{display: block; padding-top: 47.6%; position: relative; background-color: #d8eff8; transition: .3s;}
.partner .item a img{position: absolute; left: 0; top: 0;right: 0; bottom: 0; margin: auto; max-height: 50%; max-width: 50%; transition: all .3s;}
.partner .item .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 100%;transition: .3s; text-align: center;transition: all .3s;}
.partner .item .txt span{display: block; color: #fff; line-height: 1.5;}

.partner .item:hover a{background-color: #3baede;}
.partner .item:hover a img{opacity: 0;}
.partner .item:hover .txt{top: 0;}
@media(max-width:640px){
    .partner .item{width: 49%; margin-right: 2%; }
    .partner .item:nth-of-type(3n){margin-right: 2%;}
    .partner .item:nth-of-type(2n){margin-right: 0;}
}



.case{padding-bottom: 0;}
.case .box{padding: 2% 0; background-color: #f5f5f5;}

.team .item{padding: 0 30px;}

.team .item .bg_cover{padding-top: 92.3%;}
.team .item .txt{padding: 9.6% 11.54% 15.38%; text-align: center;}
.team .item  a{display: block; border-radius: 10px; border: 1px solid transparent; transition: .3s; overflow: hidden;}
.team .item .name{ color: #000; line-height: 20px;}
.team .item .position{color: rgb(153, 153, 153); float: right; line-height: 20px;}

.team .item.item:hover a{border: 1px solid #52b8e2; transition: .3s;}

.arrow_circle .slick-arrow{width: 65px; height: 65px; border-radius: 50%; background-image: url(../images/slick-arrow03.png);}
.arrow_circle .slick-next{right: -60px;}
.arrow_circle .slick-prev{left: -60px;}


@media(max-width:1366px){
    .arrow_circle .slick-next{right: -2%;}
    .arrow_circle .slick-prev{left: -2%;}
}
@media(max-width:1024px){
    .arrow_circle .slick-arrow{width: 40px; height: 40px;}
}


.project{padding-bottom: 0;}
.project .title{ color: rgb(51, 51, 51); line-height: 1.5; padding-bottom: 15px; border-bottom: 2px dashed #939292;}
.project .content{color: rgb(51, 51, 51);line-height: 1.667; padding-top: 10px;border-bottom: 2px dashed #939292;}

.project .pic{padding: 7px 0; float: left; width: 33.456%;}
.project .txt{width: 66.544%; float: left; padding-right: 3.66%;}

.project .txt .more{margin-top: 3.5%; }
.project .txt .more a{color: rgb(41, 122, 236);}
@media(max-width:768px){
    .project .pic{width: 100%; float: none;}
    .project .txt{width: 100%; float: none; padding-right: 0;}
}

.portrait {
    padding-bottom: 0;
    padding-top: 0;
}
.portrait .pic{width: 180px;}
.portrait .pic .img{border-radius: 50%; overflow: hidden;}
.portrait .txt{padding-left: 2.9%;}
.portrait .txt .label{ letter-spacing: 4px; padding: 0 16px; display: inline-block; line-height: 50px;  color: #fff;background-color: #1158e8;box-shadow: 0px 5px 5px 0px rgba(17, 88, 232, 0.16); margin-bottom: 4.36%;}
.portrait .txt .list .item{    width: 48%;display: inline-block; padding-left: 36px; line-height: 24px; position: relative; margin-right: 1.67%; margin-bottom: 1%;}
.portrait .txt .list {
    display: flex;
    flex-wrap: wrap;
}
.portrait .txt .list .item::before{content: ''; width: 17px; height: 17px; border: 1px solid #1158e8; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.portrait .box{padding: 5.21% 0; background-color: #efefef;}
@media(max-width:768px){
    .portrait .pic{width: 120px;}
    .portrait .txt .label{line-height: 40px; height: 40px;}
}


.support{padding-bottom: 0;}
.support .item{width: 49%; margin-right: 2%; float: left; margin-bottom: 2%;}
.support .item:nth-of-type(2n){margin-right: 0;}
.support .item .ytable,.support .item .ytable-cell{height: 100%;}
.support .item .pic{width: 270px; height: 100%; overflow: hidden;}
.support .item .pic figure{height: 100%;  transition: all .3s; padding-top: 83.33%;}
.support .item .txt{padding-left: 4.48%;}
.support .item .txt h2{ color: rgb(51, 51, 51); margin-bottom: 2.7%;}
.support .item .txt p{line-height: 2;color: rgb(102, 102, 102); height: 6em; margin-bottom: 13.51%;}
.support .item .txt .more{width: 120px; height: 40px;line-height: 40px; text-align: center; color: #fff; background-color: #1158e8; box-shadow: 0px 3px 10px 0px rgba(17, 88, 232, 0.75);}
.support .item:hover .pic figure{transform: scale(1.1);}



@media(max-width:1024px){
    .support .item .pic{width: 180px;}
}
@media(max-width:768px){
    .support .item{width: 100%; margin-right: 0;}
    .support .item .pic{width: 150px;}
    .support .item .txt p{-webkit-line-clamp:2;height: 4em;}
}


.joining .box{padding: 9.79% 0; background-color: #efefef; text-align: center;}
.joining .box a{display: inline-block; padding: 0 10px; height: 50px; line-height: 50px; background-color: #1158e8; box-shadow: 0px 3px 10px 0px rgba(17, 88, 232, 0.75); color: #fff;}
@media(max-width:768px){
    .joining .box a{line-height: 40px; height: 40px;}
}

.search{padding: 5.21% 0;}
.search .item{padding-right: 100px; border-bottom: 1px dashed #eee; position: relative;}
.search .item a{line-height: 40px;} 
.search .item .time{position: absolute; width: 100px; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:640px){
    .search .item{padding-right: 75px;}
    .search .item .time{width: 70px; font-size: 12px;}
}

.index-news .left{width: 48.4%; float: left;}
.index-news .left .item{position: relative;}
.index-news .left .bg_cover{padding-top: 65.57%; height: 400px;}
.index-news .left .txt{line-height: 44px; position: absolute; width: 100%; text-align: center; left: 0; bottom: 0 ; background-color: rgba(69, 68, 67, 0.8); color: #fff;}


.index-news .right{width: 51.6%; float: left; padding-left: 2.38%;}
.index-news .btn{text-align: right; margin-top: 3%;}
.index-news .right .item{padding: 30px 0; border-bottom: 1px solid #e2e3e3;}
.index-news .right .item:first-of-type{padding-top: 0; }
.index-news .right .time{width: 70px; text-align: center; color: rgb(79, 66, 77);border-right: 1px solid #e2e3e3;}
.index-news .right .time .day{font-size: 45px;line-height: 1;}
.index-news .right .des{padding-left: 15px;}
.index-news .right .des h2{color: rgb(0, 0, 0);line-height: 1.2; margin-bottom: 15px;}
.index-news .right .des p{ color: rgb(89, 87, 87);line-height: 1.714; height: 3.428em;text-transform: uppercase;}
@media(max-width:768px){
    .index-news .left{width: 100%; float: none;}
    .index-news .left .bg_cover{ height: auto;}
    .index-news .right{width: 100%; padding-left: 0; float: none; padding-top: 30px;}
}

  
.index-exh .item{width: 26.875%; margin-right: 9.6875% ; float: left; text-align: center;}
.index-exh .item:nth-of-type(3n){margin-right: 0;}
.index-exh .item .pic{padding: 10px; margin-bottom: 14.7%; border: 1px solid #9c091f;}

.index-exh .item .bg_cover{padding-top: 74.51%; display: block;}
@media(max-width:640px){
    .index-exh .item{width: 100%; margin-right: 0; margin-bottom: 5%;}
    .index-exh .item .pic{margin-bottom: 3%;}
}


/* 地图 */

@media(max-width:640px){
.Map002681 .map{margin:0  -50px; padding-bottom: 120%;}
    .Map002681 .map-list{max-width: 230px;}
    .Map002681 .area_box .pic img{width: 80px; height: 80px;}
    .Map002681 .area_box .info b{font-size: 18px;}
    .Map002681 .area_box .info span{font-size: 14px;}
    .Map002681 .area_box .txt p{padding: 0; font-size: 12px;}
}

#col30 .more{display: inline-block;background: #ea5433;color: #fff;padding: 0 20px;position: relative;}
#col30 .more:after{position: absolute; content: ''; width: 6px; height: 4px; background: #fff;top: 50%; margin-top: -2px;right: 0; transition: 0.3s;}
#col30 .more:hover:after{width: 0;}
#col30 .more span{display: block;line-height: 50px;position: relative; padding-left: 44px;}
#col30 .more span:before{position: absolute; left: 0; top: 50%; width: 18px; height: 10px; margin-top: -5px; content: '';background: url(../images/Floor002844-more.png) no-repeat right center;transition: 0.3s;}
#col30 .more:hover span:before{ width: 30px;}

#col30 .title{color: #333;}
#col30 .title .cn{font-size: 34px; }
#col30 .title .en{font-size: 42px;  font-family: "DINBold";}
@media(min-width:1025px) and (max-width:1366px){
#col30 .title .cn{font-size: 28px; }
#col30 .title .en{font-size: 36px;}
}
@media(max-width:640px){
#col30 .title .cn{font-size: 5vw; }
#col30 .title .en{font-size:6vw;}
#col30 .cn{margin-bottom: 1vw;}
}


#col30 .ytable-cell{position: relative;}
#col30 .map{z-index: 2;}
#col30 .map > img{display: block;width: 100%;}
#col30 .map .inner{position: relative; z-index: 1;max-width: 911px;width: 96%;}
#col30 .map dl{position: absolute; width: 5vw; height: 5vw;}
#col30 .map dt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
#col30 .map dt i{position: absolute;border-radius: 50%;background: rgba(160,160,160,0.2);}
#col30 .map dt i:not(:last-child){animation: ripple 3000ms ease-out 300ms infinite;}
#col30 .map dt i:nth-child(1){left: 13%;top: 13%;right: 13%;bottom: 13%;}
#col30 .map dt i:nth-child(2){left: 25%;top: 25%;right: 25%;bottom: 25%;}
#col30 .map dt i:nth-child(3){background: rgb(155,155,155);width: 7px; height: 7px; left: 50%; top: 50%; margin: -4px 0 0 -4px;}
#col30 .map dd{width: inherit;position: absolute; right: 85%;background:#dedede;color: #333;padding: 0 20px;line-height: 40px; top: 50%; margin-top: -36px; width: auto; display: none;border-radius: 4px;}
#col30 .map dd:after{position: absolute; content: ''; border:26px solid transparent; border-bottom-color: #dedede; border-bottom-width: 13px;bottom: 0; right: -23px; }
/* #col30 .map dl.on{ z-index: 10;} */
#col30 .map dl.on dd{ display: block;}
#col30 .map dl.left dd{right: auto;left: 85%;}
#col30 .map dl.left dd:after{right: auto; left: -23px;}
#col30 .info{border: 1px solid #ccc;background: #fff; z-index: 5;}

#col30{  padding:0% 0} 
#col30 .auto{padding:15px;background:#f6f6f6;}
#col30 .info > .inner{width: 90%; margin: 0 auto;padding: 2vw 0;position: relative; z-index: 10;}
#col30 .info .tit-info{margin: 4vw 0; padding:1vw 0; padding-left: 24px;border-left: 1px solid #000e75;}
#col30 .info .main dd{display: block;}
#col30 .info .main dd h2{margin: 0;font-size: 24px;color: #333; position: relative;}
#col30 .info .main dd h2:before{position: absolute;background: #000e75;width: 9px; height: 9px; content: ''; left: -29px; top: 50%; margin-top: -4px;}
#col30 .info .main dd p{line-height: 24px;color: #666;/*max-height: 96px;min-height: 96px;*/max-width: 380px;margin: 1vw 0 0 0;}
@media(min-width:1025px){
/* #col30 .map{width: 61.153%;} */
#col30 .info:after,
#col30 .info:before{position: absolute; content: '';top: 50%;border:43px solid transparent;}
/* #col30 .map:after{ border-top-color: #ccc;border-top-width:32px; right: -43px; margin-top: -32px;} */
#col30 .info:before{border-width:32px;border-top-width:24px;border-top-color: #fff; left: -22px;margin-top: -26px;}
#col30 .info:after{ border-top-color: #000e75;border-top-width:32px; left: -20px; margin-top: -36px;}
#col30 .info .inner{max-width: 352px; background: #fff;}
#col30 .map dl{ width: 2vw; height: 2vw;}
}
@media(max-width:1024px){
#col30 .ytable,
#col30 .ytable-cell{display: block;}
#col30 .info{padding-bottom: 5vw;}
#col30 .map{width: 90%; margin: 0 auto;}
#col30 .map dl{width: 10vw;height: 10vw;}
}
@media(max-width:640px){
#col30 .map dl.on dd{display: none;}
}


.Map002681{width: 100%;max-width: 1200px;margin: 0 auto;    position: relative;}
.Map002681:before {
    content: '点击地图可查看省内工程案例';
    position: absolute;
    top: 20%;
    width: 100%;
    max-width: 20px;
    height: auto;
    border-radius: 10px;
    padding: 10px 20px;
    color: #2093bc;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
}
.Map002681 .inner{ position:relative;}
.Map002681 .map{ overflow:hidden; position:relative; padding-bottom:75%}
.Map002681 #mapChina{ position:absolute; left:0; width:100%;height:100%; top:0;}
.Map002681 .map-list{ position:absolute; right:0; top:0; width:100%; max-width:400px;}
.Map002681 .close{ position:absolute; top:15px; right:15px; display:block; cursor:pointer; width:16px; height:16px; background:url(../images/chinamap_close.png) no-repeat;}
.Map002681 .area_box{ position:relative; border-radius:10px;  display:none;color: #333; background-size:cover; box-shadow:0 0 10px #eaeaea; z-index: 10;}
.Map002681 .area_box.on{ display:block;}
.Map002681 .area_box .pic { text-align:center; padding:4% 0}
.Map002681 .area_box .pic img{ width:136px; height:136px; border-radius:100px; border:solid 3px #7ac735}
.Map002681 .area_box .ewm{ text-align:center; padding:4% 0}
.Map002681 .area_box .ewm img{ max-width:120px;}
.Map002681 .area_box .area{ font-size:20px; background-color:#79c733; color:#fff; padding:3% 8%; border-radius:10px 10px 0 0 ; display:none}
.Map002681 .area_box .info{ line-height:30px; padding:0; margin:0}
.Map002681 .area_box .info b{ display:block; font-size:20px; color:#79c733;}
.Map002681 .area_box .info span{ display:block; font-size:16px; font-weight:normal; color:#666666}
.Map002681 .area_box .txt{ background-color:#79c733; color:#fff; padding:8%; border-radius:0 0 10px 10px;}
.Map002681 .area_box .txt p{ padding:5px 0; margin:0; font-size:14px;}
.Map002681 .area_box .no{ display:block; text-align:center; padding:5% 0}
@media(max-width:1024px){
  .Map002681 .inner{padding-right: 0;padding-top: 300px;}
  .Map002681 .map-list{margin-top: 0!important;max-width: 100%;width: 100%;}
  .Floor002844 .info .main dd p{max-width: 100%;}
  .Map002681 #echartsMap{left: 0;}
}


.policy .box{background-color: #efefef; padding: 4.6875% 0 3.65%;}
.policy .box .pic{width: 255px;}
.policy .box .txt{ color: rgb(51, 51, 51);line-height: 1.667; padding-left: 4.1667%; vertical-align: top; padding-top: 3%;text-align: justify;}
.policy .box .more{text-align: right;}
.policy .box .more a{ color:#297aec ;}
@media(max-width:640px){
    .policy .box .ytable,.policy .box .ytable-cell{display: block ; width: 100% ; padding: 2% 0;}
    .Map002681:before{
        left: 0;
        right: 0;    max-width: 100%;
    }
}

/* 2021.12.15 */
.header{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.header.up{
    position: fixed;
    width: 100%;
}

.index-banner .slick-box .slick-dots{
    position: absolute;
    bottom: 0;
    z-index: 11;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.index-banner .slick-box .slick-dots li.slick-active{
    height: 5px;
    background-color: #ff3f3f;
    width: 50px;
}
.index-banner .slick-box .slick-dots li{
    width: 35px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
}

/* 2021.12.15 */
#col29 .partner_btn{
    width: 100%;
}
#col29 .partner_btn a{
    float: right;
    font-size: 18px;
    color: #297aec;
    margin-top: 30px;
}

#jr01 .box ul li{
    float: left;
    width: 25%;
    list-style: none;
    text-align: center;
}
#jr01 .box ul li .imgbox{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding-top: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#jr01 .box ul li p{
    margin: 15px 0;
    color: #333333;
}
#jr01 .box ul li span{
   color: #333333;
}
@media(max-width:790px){
    #jr01 .box ul li{
        width: 50%;
        margin-bottom: 2%;
    }
    #jr01 .box ul li .imgbox{
        padding-top: 50%;
    }
}
@media(max-width:480px){
    #jr01 .box ul li{
        width: 50%;
        margin-bottom: 2%;
    }
    #jr01 .box ul li span{
        font-size: 12px;
     }
}

#col33 .btn{
    width: 100%;
}
#col33 .btn a{
    float: right;
    font-size: 14px;
    color: #297aec;
    border: 1px solid #297aec;
    background-color: transparent;
    padding: 5px 20px;
    text-align: center;
}



/**/
.quiabtbox .quipic{width: 33.7606837607%;vertical-align: top;}
.quiabtbox_2 .quipic{width: 60%;}
.quiabtbox .quipic img{width: 100%;}
.quiabtbox .quiinfo{padding-left: 45px;vertical-align: top;}
.quiabtbox_2 .quiinfo{padding-left: 0;padding-right: 25px;}
.quiabtbox .quiinfo p{padding: 6px 0;}

.qui-honorlist .ULLIST{
        padding: 10px 0 40px;
        column-count: 3;
        column-gap: 0;
   
}
.qui-honorlist .ULLIST .li{
    padding: 11px;
    text-align: center;
    box-sizing: border-box;
    break-inside: avoid;
    padding-top: 0%;
}
.qui-honorlist .ULLIST .li .ytable-cell{height: auto;}
.qui-honorlist .ULLIST .li .ytable-cell img{box-shadow: 0px 0px 20px rgb(34 24 21 / 35%);}

@media(max-width:1300px){
.qui-honorlist .ULLIST .li{padding: 1%;}
.qui-honorlist .ULLIST{margin: -1%;padding: 0 0;}
.qui-honorlist .ULLIST .li .ytable-cell img{max-height: 180px;box-shadow: 0 2px 5px rgba(34, 24, 21, .35);}
.qui-honorlist .ULLIST .li .ytable-cell{height: 180px;}

}
@media(max-width:500px){
.qui-honorlist .ULLIST .li .ytable-cell img{max-height: 80px;}
.qui-honorlist .ULLIST .li .ytable-cell{height: 80px;}

.news-nav a{margin: 2px;}

.quiabtbox .quipic{display: table-header-group;}
.quiabtbox .quiinfo{padding-top: 16px;padding-left: 0;}

.quiabtbox .quiinfo p{padding: 3px 0;}

}


.qui-arealist .ULLIST{margin: 0 -20px;padding: 0 0;font-size: 0;}
.qui-arealist .ULLIST .li{width: 33.333333333333333%;display: inline-block;vertical-align: top;padding: 0 20px;text-align: center; margin-bottom:20px;}
.qui-arealist .ULLIST .li .qui-hover{display: block;overflow: hidden;}
.qui-arealist .ULLIST .li .qui-pic{padding-bottom: 69.4189602446%;height: 0;position: relative;overflow: hidden;}
.qui-arealist .ULLIST .li .qui-pic img{display: block;position: absolute;left: 0;top: 0;min-height: 100%;}
.qui-arealist .ULLIST .li .h3{color: #337ca4;font-size: 20px;line-height: 1.2;margin: 10px 0;}

@media(max-width:1300px){
.qui-arealist .ULLIST .li{padding: 1%;}
.qui-arealist .ULLIST{margin: -1%;padding: 0 0;}

}
@media(max-width:640px){
.qui-arealist .ULLIST .li{width: 50%;}
.qui-arealist .ULLIST .li .h3{font-size: 16px;}
}

.qui-proinfo .ULLIST .li .quiimg{width: 36%;padding-right: 70px;border-right: 1px solid #c3c4c4;vertical-align: top;}
.qui-proinfo .ULLIST .li .quiinfo{padding-left: 70px;vertical-align: top;color: #000;line-height: 1.75;}
.qui-proinfo .ULLIST .li{padding: 60px;}
.qui-proinfo .ULLIST .li:nth-child(even){background-color: #efefef;}
.qui-proinfo .ULLIST .li .h3{font-size: 16px;margin-bottom: 10px;}
.qui-proinfo .ULLIST .li .quitxt{white-space: pre-wrap;text-align: justify;}

@media(max-width:1180px){
.header-nav li em a{padding: 0;}
}

@media(max-width:1024px){
.qui-proinfo .ULLIST .li{padding: 20px;}
.qui-proinfo .ULLIST .li .quiimg{padding-right: 20px;}
.qui-proinfo .ULLIST .li .quiinfo{padding-left: 20px;}

}
@media(max-width:640px){
.qui-proinfo .ULLIST .li .quiimg{display: table-header-group;border: 0;}
.qui-proinfo .ULLIST .li .quiinfo{padding: 20px 0 0;}

}

.qui-tecbox{padding: 80px 40px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.quiadvbox .ULLIST{font-size: 0;margin: 0 -15px;}
.quiadvbox .ULLIST li{display: inline-block;vertical-align: middle;font-size: 16px;width: 100%;padding: 15px;text-align: justify;}
.quiadvbox .ULLIST li .quipic{width: 120px;padding-right: 20px;}

@media(max-width:1024px){
.qui-tecbox{padding: 40px 20px;}
}
@media(max-width:640px){
.quiadvbox .ULLIST{margin: -1%;}
.quiadvbox .ULLIST li{width: 100%;padding: 1%;}
.quiadvbox .ULLIST li .quipic{display: table-header-group;padding-right: 0;text-align: center;}
.quiadvbox .ULLIST li .quipic img{width: 60px;}
.quiadvbox .ULLIST li .quiinfo{padding-top: 10px;}


}

.quivideo video,
.quivideo iframe{display: block;max-width: 625px;margin:0 auto 2%;width: 100%;height: 400px;}
.qui-newsbtn{border-top: 1px dashed #595757;padding-top: 20px;line-height: 28px;}

.singlepage .time{padding-top: 10px;}
.quivideoinfo .time .span{padding: 0 10px;}
.quivideoinfo .content p{padding: 3px 0;}

.qui_box_all{position: relative;padding: 30px 0;}

.qui_left{width: 220px;float: left;}

.qui_right{margin-left: 250px;}

.qui_loc{padding: 25px 0;border-bottom: 1px dashed #595757;font-size: 18px;text-align: right;}

.qui_menu .qui_top{background: #0068b7;color: #fff;font-size: 12px;text-align: center;padding: 27px 10px 27px 76px;line-height: 1.2;position: relative;text-transform: uppercase;}
.qui_menu .qui_top:after{content: '';position: absolute;left: 0;top: 0;width: 66px;height: 100%;background: #000;}
.qui_menu .qui_top:before{content: '';position: absolute;left: 66px;top: 50%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #000;}
.qui_menu .qui_top .h3{font-weight: normal;font-size: 20px;margin-bottom: 8px;}

.qui_menu .ULLIST>li>a{display: block;background: url(../images/menubg.png) bottom center no-repeat;line-height: 20px;font-size: 16px;color: #000;text-align: center;padding: 15px;}
.qui_menu .ULLIST>li.active>a{color: #9c091f;}

.qui_menu .ULLIST>li.quiGoTop>a{background: #0068b7;color: #fff;margin-top: -2px;}
.qui_menu .ULLIST>li.quiGoTop>a span{display: inline-block;vertical-align: top;padding-right: 20px;background: url(../images/quitop.png) right center no-repeat;}

@media(max-width:1024px){
.qui_left{width: 100%;float: none;}
.qui_loc,
.qui_menu .qui_top{display: none;}

.qui_right{margin-left: 0;}
.qui_menu .ULLIST>li.quiGoTop{display: none!important;}

.qui_menu .ULLIST{font-size: 0;text-align: center;}
.qui_menu .ULLIST>li{display: inline-block;vertical-align: top;margin: 2px;}
.qui_menu .ULLIST>li>a{padding:10px 5px;background-size: auto 1px;}

.qui_box_all{padding-bottom: 0;}

}

@media(max-width:640px){
#m50{display: none!important;}
}

.index-banner .item img{
    width: 100%;
}

.zb .xunjia ul li{
   
}
.zb .xunjia ul li:hover{
    background-color: rgba(0, 0, 0, 0.2);
}


/* 案例列表 */
.qui-hover .qiu-tit{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
}

.qui-hover .mask{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    display: none;
}
.qui-hover .mask .qiu-text{
    font-size: 14px;
}
.qui-arealist .ULLIST .li .qui-hover{
    position: relative;
}
.qui-hover:hover .qiu-tit{
    display: none;
}
.qui-hover:hover .mask{
    display: block;
}


/* 2022.2.28 */
@keyframes move {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.banner .txt a{
    display: none;
}
.speech .txt .btn a {
    width: auto;
    padding: 0 15px;
}

.hl_itembox{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.hl_itembox .hl_words{
    position: relative;
    width: fit-content;
    animation:move 10s linear infinite;
    padding-left:50px;
    -webkit-animation:move 10s linear infinite;
}
.hl_itembox .hl_words::before{
    position: absolute; 
    right:-100%;
    content:attr(text);
}

/*PicList002925 */
@font-face {
    font-family: 'bebas-neue';
    src: url("https://work.gzwhir.com:51932/Build/Content/Resoures/whirfonts/bebas-neue.woff") format("woff");
    font-display: swap;
    }
    .PicList002925{background: #f5f5f5;padding: 3.125vw 0;overflow: hidden;}
    .PicList002925 .auto{max-width: 1400px;}
    .PicList002925 .title{margin-bottom: 2.5vw; text-align: center;}
    .PicList002925 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;}
    .PicList002925 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;}
    @media(max-width:768px){
    .PicList002925 .title{padding-bottom: 6vw;}
    }
    @media(max-width:640px){
    .PicList002925 .title .cn{font-size: 6vw;}
    }
    
    .PicList002925 .list{padding: 0 3.4375vw;}
    .PicList002925 .list ul{margin: 0 -2vw;}
    .PicList002925 li{float: left; text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top 70% left;}
    .PicList002925 li a{display: block;position: relative; z-index: 3;}
    .PicList002925 li .pic{padding-bottom: 1.98vw;}
    .PicList002925 li .Ispic{
        
        background-repeat: no-repeat;
        /* padding-bottom: 100%; */
        background-size: contain;
        background-position: center;
    }
    .PicList002925 li figure img{

        max-height: 190px;
        background: rgba(255,255,255,.8);
        border-right: 4px solid rgba(0,0,0,.08);
        border-top: 2px solid rgba(0,0,0,.05);
        border-left: 2px solid rgba(0,0,0,.05);
        padding: 10px;
        position: relative;
    }
    .PicList002925 li .tit{margin-top: 1.303vw; margin-bottom: 2.08vw; padding: 0 5%;}
    .PicList002925 li .tit aside{font-size: 16px; line-height: 1.25em;height: 2.5em;}
    @media(min-width:769px){
    .PicList002925 li{       width: 33.3%;
        margin: 0 !important;}
    .PicList002925 li:first-child:before,
    .PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;
        /* background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f5f5f5;  */
        width:7.4375vw;left: -2vw;}
    .PicList002925 li:last-child:before,
    .PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;
        /* background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f5f5f5;  */
        width:7.4375vw;right: -2vw;}
    }
    @media(max-width:768px){
    .PicList002925 .list{padding: 0 6vw;}
    .PicList002925 li{width:50%;}
    .PicList002925 li .pic{padding-bottom: 7vw;}
    .PicList002925 li .tit{margin-bottom: 5vw;}
    .PicList002925 li:first-child:before,
    .PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f5f5f5; width:7.4375vw;left: -3vw;}
    .PicList002925 li:last-child:before,
    .PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f5f5f5; width:7.4375vw;right: -3vw;}
    .PicList002925 li .tit aside{font-size: 3vw;}
    }