/* 全局 */
/*
@font-face {
  font-family: oswald;
  src:url(../../doitphp/views/source/oswald.ttf) format("truetype");
  font-alias:Oswald-Regular
}
@font-face {
  font-family: pfhj;
  src:url(../../doitphp/views/source/pfhj.ttf) format("truetype");
  font-alias:pfhj-Regular
}
*/
html,body{ background-color: #fefefe; color: rgba(0,0,0,1); font-size:14px; font-family: Arial,"微软雅黑"; }
/*
.oswald{ font-family: oswald; }
.pfhj{ font-family: pfhj; }
*/
i,u{ font-style: normal; text-decoration:none }
a:hover{color:#113773}
table{ }
.img { text-align: center; }
.img img {vertical-align: middle;}
.text-center { text-align: center; }
.color01{ color: #EB5401; } /*主色调*/
.color02{ color: #333333; } /*次色调*/
.color03{ color: #666666; } /*辅助色调*/
.font20{ font-size:20px; }
.font18{ font-size:18px; }
.font16{ font-size:16px; }
.bold{ font-weight:bold;  }
.fl{ float:left; }
.fr{ float:right; }
.m0{ margin:0px 0 !important; }
.p0{ padding:0px 0 !important; }
.d-n{ display:none;}
.d-b{ display:block;}
.pos-r{ position:relative; }
.pos-a{ position:absolute; }
.pos-f{ position: fixed; }
.tl{ text-align:left; }
.tc{ text-align:center; }
.blank50  { display: block;margin: 0px auto; clear: both; height: 50px; font-size: 1px; overflow: hidden; }
.blank80  { display: block;margin: 0px auto; clear: both; height: 80px; font-size: 1px; overflow: hidden; }
.blank100 { display: block;margin: 0px auto; clear: both; height: 100px; font-size: 1px; overflow: hidden; }
.blank150 { display: block;margin: 0px auto; clear: both; height: 150px; font-size: 1px; overflow: hidden; }
/*文本溢出*/
.ellipsis {/*让长段文本不换行*/white-space: nowrap;/*设置文本超出元素宽度部分隐藏*/overflow-x: hidden;/*设置文本超出部分用省略号显示*/text-overflow: ellipsis; }
.ellipsis-multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiline2{ -webkit-line-clamp: 2; /* 定义显示的行数 */ }
.multiline3{ -webkit-line-clamp: 3; /* 定义显示的行数 */ }
/**/
.layui-btn { height: 48px;  line-height: 48px;}
.layui-btn-my { background-color: #113773; }
.layui-container { position: relative; z-index: 1; }
.swiper-button-prev{ background-image:url(../common/images/fleche_left.png); background-size: auto; margin-top: -37px;}
.swiper-button-next{ background-image:url(../common/images/fleche_right.png); background-size: auto; margin-top: -37px;}
.onepage-pagination { right: 30px; top: 42%;}

/* 面板 */
.global-panel{ border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
.global-panel-title{position: relative; height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 16px;}
.global-panel .panel-right { position: absolute; right: 10px; color: #999;}
.global-panel-main{padding: 10px 10px;}
.global-panel-border{border: 1px solid #e6e6e6; box-shadow: none;}
.global-panel-border .global-panel-title{border-bottom: 1px solid #e6e6e6;}

/*大标题*/
.global-title { display:block; text-align: center; padding: 50px 0; color: #333; }
.global-title h2 { display:block; font-size:20px; }
.global-title h2 span{ display:block; font-size: 34px; line-height: 40px; }
.global-title p { display:block; font-size:20px; color:#939393; text-transform: uppercase; }
.global-title .title-line{ display:block; height:10px; margin:10px 0; position: relative; background:url(../images/tit-line.png) center 0px no-repeat;}

/* 头部 */
.global-header{	display:block; padding:0px 0; position: fixed; left: 0;right: 0;top: 0; z-index: 1000; /*background:rgba(0,0,0,.2); box-shadow: 0 0 15px rgb(0 0 0 / 50%);*/ }
.global-header .logo{ display:inline-block; padding: 10px 0; height:80px; }
.global-header .logo img{ max-height: 100%; vertical-align:middle; }
.global-header .top-right{ float: right; display:block; text-align:right;  padding: 0 0px 0 0px; }
.global-header .global-top{ display: flex; flex-direction: row; justify-content: flex-end; /* 右对齐 */ }
.global-header .global-top .global-nav{ display:block; position:relative; z-index:99; margin:0px 0; }

.global-header .global-top .tool{ display: flex; flex-direction: row; justify-content: flex-end; /* 右对齐 */ }
/*语言*/
.global-header .tool .language{ margin: 0 20px 0 20px; }
.global-header .tool .language a{ display: flex; align-items: center; justify-content: flex-end; height:100px; line-height:100px; color: #FFF; text-transform: uppercase; }
.global-header .tool .language svg {display:inline-block;width: 20px;height: 20px; fill: #FFF; margin:0 5px 0 0; }
.global-header .tool .language a:hover { }
.global-header .tool .language a:hover svg{ }
/*导航*/
.global-header .tool .cnhamburger {
	margin:0 0px 0 0px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; background:#113773;
	border-radius:50%; position:relative; z-index:999; cursor:pointer; align-self:center; 
}
.global-header .tool .cnhamburger:after { content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border:1px solid #aaa; border-radius:50%; opacity:0; transform:translate(-50%,-50%)}
.global-header .tool .cnhamburger.is-open { background:#222}
.global-header .tool .cnhamburger.is-open:after { opacity:1}
.global-header .tool .cnhamburger .cn-hamburger__icon { position:relative; display:block; width:13px; height:3px}
.global-header .tool .cnhamburger .cn-hamburger__icon>span { display:block; position:absolute; top:0; left:50%; width:3px; height:3px; background:#fff; border-radius:50%;  transform:translateX(-50%)}
.global-header .tool .cnhamburger .cn-hamburger__icon>span:first-child { transform:translateX(calc(-50% - 6px)); transition:transform .3s}
.global-header .tool .cnhamburger .cn-hamburger__icon>span:last-child { transform: translateX(calc(-50% + 6px)); transition: transform .3s;}
.global-header .tool .cnhamburger.is-open .cn-hamburger__icon>span:first-child { width:20px; height:2px; border-radius:0; transform:translateX(-50%) rotate(45deg); transition:transform .3s,width .3s .3s}
.global-header .tool .cnhamburger.is-open .cn-hamburger__icon>span:nth-child(3) { width:20px; height:2px; border-radius:0; transform:translateX(-50%) rotate(-45deg); transition:transform .3s,width .3s .3s}
.global-header .tool .menuBox { width: 100%; height: auto; position: fixed; left: 0; top: 0; z-index: 99; background: #222222f5; display: flex; opacity: 0; visibility: hidden; transform: scale(1.1); transition: all 0.5s; }
.global-header .tool .menuBox.is-open { opacity: 1; visibility: visible; transform: scale(1);}
.global-header .tool .menuBox ul{ display:block; padding: 50px 15%; width: 100%; }
.global-header .tool .menuBox ul li { display: block; width: calc(100% / 5); float: left; }
.global-header .tool .menuBox ul li a { font-size: 20px; line-height: 2; color: #fff; position: relative; }
.global-header .tool .menuBox ul li span.folder a:after{ position: absolute; z-index: 999; content:"/"; display:block;padding: 0 5px;right: -20px;bottom: 0;font-size: 14px;}
.global-header .tool .menuBox ul li a:hover { color: #FFF; }
.global-header .tool .menuBox ul li ul { padding:0; display: flex; flex-wrap: wrap; padding-top: 15px;}
.global-header .tool .menuBox ul li ul li{ width:100%; padding:0; }
.global-header .tool .menuBox ul li ul li a { font-size: 14px; padding: 5px 20px; color: #ccc; position: relative;}
.global-header .tool .menuBox ul li ul li a::before { content: ""; dispaly: block; width: 3px; height: 2px; background: #fff; transition: all 0.5s; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.global-header .tool .menuBox ul li ul li a:hover:before { width:15px }

/*主导航*/
.global-header .global-nav{ display:block; position:relative; z-index:99; margin:0px 0; text-align: right; }
.global-header .global-nav a{ display:block; font-size: 14px; color:#FFF; }
.global-header .global-nav a:hover{ }
.global-header .global-nav ul{ line-height: normal; }
.global-header .global-nav ul li{ position:relative; margin:25px; line-height:50px; text-align:center; display:inline-block; cursor:pointer; }
.global-header .global-nav ul li:hover{ }
.global-header .global-nav ul li:hover > span > a{ }
.global-header .global-nav ul li:hover:after{ position: absolute; z-index: 999; content:""; display:block; margin:0 auto; left:0px; right:0; height: 4px; background:#ed5d00; }
.global-header .global-nav ul li:hover > ul { opacity: 1; visibility: visible; margin:0px 0 0 0; z-index: 999; }
/*二级*/
.global-header .global-nav ul li ul{
	position: absolute; width: 100%; top:100%; z-index: 999; opacity: 0; visibility: hidden; background:#ffffff; transition: margin .15s, opacity .15s;
	display:none;
}
.global-header .global-nav ul li ul li{ width:100%; line-height:40px; padding:10px 0; }
.global-header .global-nav ul li ul li a{ color:#333; font-size:14px; }
.global-header .global-nav ul li ul li:hover{ background:none; }
.global-header .global-nav ul li ul li:hover > aa{ color:#113773; }
/*三级*/
.global-header .global-nav ul li ul li ul{ position:absolute; left:100%; top:0; }
.global-header .global-nav ul li ul li a{ color:#333; }
/*产品下级*/
.global-header .global-nav ul li ul.model_goods{ width:260px; text-align:left; }
.global-header .global-nav ul li ul.model_goods li{ width:190px; padding:10px 30px 10px 30px; text-align:left; }
.global-header .global-nav ul li ul.model_goods li:hover{ background:none; }
/*应用领域*/
.global-header .global-nav ul li ul.cate_3{ width:260px; text-align:left; }
.global-header .global-nav ul li ul.cate_3 li{ width:130px; }

/**/
.global-header.black{background:#666;}
.global-header.white{background:#f8f8f8;}
.global-header.white a{background:#000;}

.global-header.headerActive { }
.global-header.headerActive .global-nav{ display:none; }

.global-header.headerSub { background: rgba(255,255,255,1); transition: background-color 0.5s; box-shadow: 0 0 15px rgb(0 0 0 / 30%); }
.global-header.headerSub a{ color:#000; }
.global-header.headerSub .language a{ color: #000; }
.global-header.headerSub .language svg { fill: #000;}

/**/
.block-video{display:block; padding:0 0 0; height: 100vh; color:#696969; overflow:hidden; position: relative; z-index:1; }
.block-video::before { width: 100%; height: 100%; content: ''; position: absolute; bottom: 0; left: 0; z-index: 2; background: url(../images/top-mv.png); transition: all .6s;}
.block-video .video{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; }
.block-video .video video{ position: absolute; z-index: 4; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
.block-video .text01{ display: block; position: absolute; width:100%; top:35%; z-index:5; text-align: center;}
/***/
.scrool-down {position:absolute;left:0;right:0;bottom:40px;color:#fff;z-index:10;width:100%;max-width:1540px;margin:0 auto;text-align:center}
.scrool-down span { text-transform:uppercase;color:#fff;display:block;font-family:arial;line-height:20px;margin-top:12px;font-size:12px;opacity:1}
.scrool-down i {display:block;width:20px; height:30px;border-radius:12px; border:2px #fff solid; position:relative; margin:0 auto}
.scrool-down i:before {
	content:""; display:block; width:4px; height:10px; background:#fff; border-radius:2px;
	position:absolute; left:50%; top:3px; transform:translate(-50%,0); animation:scrollmouse 2s linear infinite;
}

/**/
.block-goods{ display:block; padding:0px 0 0; height: 100%; color:#696969; overflow:hidden; }
.block-goods .global-title{position: absolute; padding:150px 0 0; z-index: 100; width: 100%; color: #fff; display:none; }
.block-goods ul { width: 100%; height: 100%; display: flex; justify-content: space-between;}
.block-goods ul li { width: calc(100% / 3); overflow: hidden; background: rgba(0,0,0,0.8); position: relative; height: 100%; transition: all ease .5s;  max-height: 100vh;}
.block-goods ul li>img { opacity: 0.8; height: 100%; width: 100%; object-fit: cover; filter: grayscale(90%); transition: .5s;}
.block-goods ul li>a { position: absolute; transition: all ease .5s; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; left: 0; right: 0; margin-top: 50px;}
.block-goods ul li>a img { width: clamp(4.625rem, 2.943rem + 8.41vw, 9.25rem); display: none; margin: 0 auto;}
.block-goods ul li>a h3 { color: #fff; margin-top: 30px; margin-bottom: 15px; line-height: 1.2; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center;}
.block-goods ul li>a p { text-align: center; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #fff; font-family: arial; margin: 0; line-height: 1; color: #fff; font-size: 20px; margin-bottom: 25px; opacity: 0; transition: all ease 1s; text-align: center;}
.block-goods ul li>a span { color: #fff; bottom: 0; opacity: 0; transition: all ease 1.2s; text-align: center; display: block; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.block-goods ul li:hover { background: rgb(0 70 105 / 0%); width:50%; }
.block-goods ul li:hover img{ filter: grayscale(0%); opacity: 1;}
.block-goods ul li:hover>a { padding-bottom: 30px; margin-top: 0; transition: all ease 1.2s;}
.block-goods ul li:hover>a p { opacity: 1;}
.block-goods ul li:hover>a span { opacity: 1;}
/**/
.block-zhanlue{
	display:block; padding: 0px 00; height: 100%; overflow:hidden;
	background: url(../images/bg_zhanlu.jpg) no-repeat center center; background-size: cover;
}
.block-zhanlue .global-title{ display:block; padding:100px 0 0px; z-index: 100; width: 100%; text-align: center; color: #113773; }
.block-zhanlue .global-title img{ margin:20px 0 20px; height:25px; }
.block-zhanlue .zhanlueArea {width: 100%; display: flex; position: relative; }
.block-zhanlue .zhanlueArea .bgimg{ margin:auto; width:100%;height: 100%;}
.block-zhanlue .zhanlueArea .bgtxt{ position: absolute; width: 100%; height: 100%; top:0; }
.block-zhanlue .zhanlueArea .item{ position: absolute; }
.block-zhanlue .zhanlueArea .item img { width: 55px; height: 55px; object-fit: contain; transition: all 0.5s; }
.block-zhanlue .zhanlueArea .item:hover img { transform:scale3d(1.2, 1.2, 1.2); }
.block-zhanlue .zhanlueArea .item.cbox-1 { top: 15%; left: 16%; }
.block-zhanlue .zhanlueArea .item.cbox-2 { top: 40%; left: 19%; }
.block-zhanlue .zhanlueArea .item.cbox-3 { top: 60%; left: 30%; }
.block-zhanlue .zhanlueArea .item.cbox-4 { top: 23%; left: 45%; }
.block-zhanlue .zhanlueArea .item.cbox-5 { top: 26%; right: 42%; }
.block-zhanlue .zhanlueArea .item.cbox-6 { top: 73%; right: 44%; }
.block-zhanlue .zhanlueArea .item.cbox-7 { top: 10%; right: 30%; }
.block-zhanlue .zhanlueArea .item.cbox-8 { top: 25%; right: 20%; }
.block-zhanlue .zhanlueArea .item.cbox-9 { top: 40%; right: 22%; }
.block-zhanlue .zhanlueArea .item.cbox-10{ top: 68%; right: 14%; }
/**/
.block-aboutus{
	display:block; position: relative; padding: 0; height: 100%; overflow:hidden;
	background: url(../images/bg_about2.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;
}
.block-aboutus .aboutusArea{ position: absolute; bottom: 15%; right: 0; left: 20%; width: 60%; text-align: center; }
.block-aboutus .aboutusArea .item{ display:block; margin:0 auto; max-width:260px; }
.block-aboutus .aboutusArea .item span{ display:block; margin:20px; font-size: 38px; }
.block-aboutus .aboutusArea .item a{display:block; color:#fff; font-size: 14px; text-align:center; padding:15px; background:-webkit-linear-gradient(-180deg,#0072ff,#104985); border-radius:50px; }

/* 底部 */
.global-footer-index {
	background:#282828; margin:0px 0 0 0; padding:10px 0 10px; color: #fff; position: relative;z-index: 10; font-size: 14px;
	transition-property: bottom,width, background; transition-duration: .25s, 1s;
}
.global-footer-index .copyright{ margin:0px 0 0; line-height:22px; text-align: center; font-size:14px; color:#a29e9e; }
.global-footer-index .copyright a{padding:0 6px; font-weight: 300; color:#a29e9e; }
.global-footer-index.footerActive { bottom: 40px; animation: slideInFromBottom .2s ease forwards; }

/* 底部 */
.global-footer { background-color: rgba(45,56,70,1); color:rgba(255,255,255,0.5); margin:0px 0 0 0; padding:50px 0 1px; margin:0px 0 0;color: #fff; position: relative;z-index: 10; font-size: 14px; }
.global-footer .footer-contact{
	display:block; padding:80px 0 0px; line-height:30px; font-size:14px; color:rgba(255,255,255,0.5); background: url(../images/logo_footer.png) no-repeat left 0px; background-size: 250px auto;
	border-right: 1px solid rgba(255, 255, 255, 0.1); margin: 0 30px 0 0;
}
.global-footer .footer-contact a{ color:rgba(255,255,255,0.5); }
.global-footer .footer-cate{
	display:block; margin:20px 0 30px; padding: 0 0 0 50px; min-height:300px;
}
.global-footer .footer-cate h3{ display:block; font-size: 16px; }
.global-footer .footer-cate ul{  display:block; padding: 20px 0 0; }
.global-footer .footer-cate ul li a{  display:block; line-height: 35px; color:rgba(255,255,255,0.5); }
.global-footer .footer-cate ul li a:hover{  display:block;  color:#ffffff;  }
.global-footer .footer-map {
	display:block; width: 120px; margin:20px auto 20px; padding: 0 0 0 80px; text-align:center; line-height:40px;
	border-left: 1px solid rgba(255,255,255,0.1);
}
.global-footer .footer-map img{ max-width: 100%; display:block; }
.global-footer .footer-map span{ display:block; }
.global-footer .copyright{ margin:0px 0 0; height:60px; line-height:60px; text-align: left; font-size:14px; border-top: 1px solid rgba(0, 0, 0, 0.18); color:#a29e9e; }
.global-footer .copyright a{padding:0 6px; font-weight: 300; color:rgba(255,255,255,0.5); }

/*内页banner*/
.sub_banner{ display: block; height:450px; margin:0px auto 0; background-position: center 20%; background-size: cover; }
.sub_banner .text{ width: 100%; line-height: 1.5; padding: 150px 0 30px; }
.sub_banner .text h1{font-size: 40px; }
.sub_banner .text p{ flex:1; font-size: 24px; }
.sub_banner .text::before,
.sub_banner .text::after { content: ""; display: block; width: 16px; height: 16px; background: #0059ca; border-radius: 50%; position: absolute; bottom: 0; animation: puBanner 1.7s;}
.sub_banner .text::after { opacity: 0.6; margin: 0 0 0 10px;}
.sub_banner .text::before,.sub_banner .text::after{ background:#fff; }

/*当前位置*/
.sub_left{ display:flex; }
.sub_left .sub_menu{ display:blcok; line-height: 45px; flex:1; }
.sub_left .sub_menu li { display:inline-block; padding:20px 0; margin:0 20px 0 0; }
.sub_left .sub_menu li a { display: block; background: #eee; padding: 0 40px; font-size: 15px; color: #333; white-space: nowrap; transition: .4s; border-radius: 10px; text-align: center;}
.sub_left .sub_menu li a.active,
.sub_left .sub_menu li a:hover { background:#042862; color:#fff; }
.sub_left .sub_pos{display:blcok; background:url(../images/iso_home.png) left center no-repeat; background-size: 15px; padding:20px 0px 20px 20px; line-height: 45px; text-align: right; font-size:12px;}

/**/
.sub-content{ display:block; padding: 0px 0 0;  position: relative; z-index: 10; }
.sub-content .about-us{ display:block;  }
.sub-content .about-us .title{ display:block; padding: 50px 0; text-align: center; font-size: 48px; }
.sub-content .about-us .con{
  display:flex; flex-wrap:wrap; flex-direction:row; border-radius:20px;
  background: url(../images/about-index-us.jpg) no-repeat right bottom #F7F7F7; 
}
.sub-content .about-us .con .left{flex: 0 0 25%;align-self: center; text-align: center; }
.sub-content .about-us .con .left .p_num{ font-size: 70px; text-align: center; line-height: 1.5;}
.sub-content .about-us .con .left .p_plus{ font-size: 16px; text-align: center; line-height: 1.5; }
.sub-content .about-us .con .right{flex: 0 0 75%; align-self: left; position: relative;  margin: 45px 0; }
.sub-content .about-us .con .right::after { position: absolute; top: 0; left:0; content: ""; width: 1px; height:100%; background:#b5b5b5; }
.sub-content .about-us .con .right p { display:block; margin: 0px 5% 0px 5%; line-height: 2; }
/**/
.sub-content .about-advance{ display:block; }
.sub-content .about-advance{ padding: 0 0; }
.sub-content .about-advance .title{ display:block; padding: 50px 0; text-align: center; font-size: 48px; }
.sub-content .about-advance .con{ display:block; padding:0 100px 80px; line-height: 2; font-size: 16px; }
/**/
.sub-content .about-advance2{
  display:block; margin: 0 auto; padding: 10% 0; font-size: 16px;;
  background: url(../images/about-index-advance.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;
}
.sub-content .about-advance2 .con{ display:block; font-size: 16px;;line-height: 2;  padding:0 50px 0px 0; }
/**/
.sub-content .about-branch{
  display:block; padding: 50px 0 100px 0;
  background: url(../images/about-index-branch.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;
}
.sub-content .about-branch .title{ display:block; padding: 0 0 50px 0; text-align: center; font-size: 48px; }
.sub-content .about-branch .con{ }
.sub-content .about-branch .con .branch-list{ display:block; }
.sub-content .about-branch .con .branch-list .item{display: flex; flex-wrap: wrap; flex-direction: row; text-align: center; background: #fff; padding: 40px 30px; box-shadow: 5px 5px 30px rgba(0,0,0,0.15); border-radius: 10px;}
.sub-content .about-branch .con .branch-list .item:hover .image {transform:rotateY(360deg);}
.sub-content .about-branch .con .branch-list .item .image { width: 80%; height: auto; max-width: 210px; margin: 0 auto; transition: all 1.5s; }
.sub-content .about-branch .con .branch-list .item .image img{max-width: 100%;}
.sub-content .about-branch .con .branch-list .item .tit { width: 100%; font-size: 16px;; margin: 20px 0;}
.sub-content .about-branch .con .branch-list .item .txt{ line-height: 1.5; font-size: 14px; color: #999999; /*两行截断*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; }
.sub-content .about-branch .con .branch-list .item .btn { display: block; width: 160px; line-height: 1.5; margin:20px auto 0; padding: 10px; text-align: center; color: rgba(0,0,0,1); font-size: 14px; border: 1px solid rgba(0,0,0,1); border-radius: 30px; }
.sub-content .about-branch .con .branch-list .item .btn:hover { background:rgba(218,101,26,1); color: rgba(255,255,255,1); border: 1px solid rgba(218,101,26,1); }
/**/
.sub-content .about-oper{
  display:block; padding: 0 0 50px 0;
  background: url(../images/about-index-oper.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;
}
.sub-content .about-oper .title{ display:block; padding: 50px 0; text-align: center; font-size: 48px; }
.sub-content .about-oper .con{ display:block; padding: 0 50px; }
.sub-content .about-oper .con .img { overflow:hidden; }
.sub-content .about-oper .con .img::before { width: 0%; height: 1px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #d1291a; z-index: 1; transition: .6s;; }
.sub-content .about-oper .con .img img { width:100%; height:100%; object-fit:contain; transition:.6s; }
.sub-content .about-oper .con .img:hover img { transform:scale(1.1); }
.sub-content .about-oper .con .img:hover { box-shadow:0px 12px 15px 5px rgb(0 0 0 / 5%); }
.sub-content .about-oper .con .img:hover::before { width: 100%; }
/**/
.sub-content .about-concept{
  display:block; padding: 0 0 100px 0; background: url(../images/about-joinus.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;
}
.sub-content .about-concept .title{ display:block; padding: 50px 0 0; text-align: center; font-size: 48px; }
.sub-content .about-concept .memo{ display:block; padding: 30px 0; text-align: center; font-size: 16px; }
.sub-content .about-concept .con{ display:block; padding: 0 0px;  box-shadow: 1px 5px 10px 1px rgba(0, 0, 0, .25); background: url(../images/about-joinus-item.png) no-repeat right bottom #fff; background-size: auto; }
.sub-content .about-concept .con .item { display:block; margin:0 0; padding:30px 30px; min-height: 200px; }
.sub-content .about-concept .con .layui-col{ position:relative }
.sub-content .about-concept .con .layui-col::before { content: ""; position: absolute; top:0; left: 0px; bottom: 0px; right:0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.sub-content .about-concept .con .item span{ display:block; font-size:14px; padding:0px 0px; text-transform: uppercase; color: #999; }
.sub-content .about-concept .con .item h3{ display:block; font-size: 16px; line-height:30px; color: #DA651A; font-weight: bold; }
.sub-content .about-concept .con .item p{ display:block; padding:10px 0px 0; font-size: 14px; line-height:26px; }

/**/
.sub-content .contact-us { display:block; margin:30px 0 0; padding: 50px 50px; background: url(../images/sub-contact.jpg) no-repeat center center; background-size: cover; border-radius: 10px; }
.sub-content .contact-us .title{ display:block; padding:0 0 40px; line-height:1.5; background: url(../images/iso07.jpg) no-repeat left bottom; background-size:25px; margin: 0 0 20px; }
.sub-content .contact-us .title span { font-size: 16px;; color: rgba(0,65,151,1); font-weight: bold; }
.sub-content .contact-us .title p { font-size: 34px; color: rgba(51,51,51,1); }
.sub-content .contact-us .con{ display:block; padding:0 0 0 40px; border-left: 1px solid rgba(204,204,204,1); }
.sub-content .contact-us .con .item{ padding: 20px 0 20px 70px; font-size: 16px; color: rgba(102,102,102,1); background-size:60px; line-height:30px; }
.sub-content .contact-us .con .item a{ font-weight:bold; }
.sub-content .contact-us .con .item p{ font-weight:bold; color:#333; }
.sub-content .contact-us .con .item.tel{ background: url(../images/iso08.png) no-repeat left center; }
.sub-content .contact-us .con .item.email{ background: url(../images/iso09.png) no-repeat left center; }
.sub-content .contact-us .con .item.add{ background: url(../images/iso10.png) no-repeat left center; }
.sub-content .contact-us .baidu-map{ display:block; width:100%; margin: 20px 0 0 0; padding: 40px 30px 0 0px; background: url(../images/iso07.jpg) no-repeat left top; background-size:25px; }
.sub-content .contact-form{ display:block; margin:30px 0 30px; padding: 40px 40px 40px; background: url(../images/sub-form.jpg) no-repeat center center; background-size: cover; border-radius: 10px }
.sub-content .contact-form .title{ margin:0px 0 30px; font-size: 34px; text-align: center; color: rgba(0,0,0,1); }
.sub-content .contact-form .con{ display:block; }

/**/
.sub-content .yingyong_index { transition:all ease .2s; display:flex; justify-content:space-between; position:relative; max-width:100%; height:100vh; overflow:hidden; max-height:860px; }
.sub-content .yingyong_index .title{ display:none; position: absolute; padding:100px 0 0; z-index: 100; width: 100%; color: #fff; text-align: center; }
.sub-content .yingyong_index .item { width:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; position:static;}
.sub-content .yingyong_index .item .text { display:flex; flex-wrap:wrap; flex-direction:row; width:calc(100% - 1px); height:100%; background:rgba(0,0,0,30%); position:relative; z-index:1; transition:all ease .3s; }
.sub-content .yingyong_index .item .text .tit { position: relative; display:block; color:#fff; margin:0 auto; text-align: center; padding:10px 10px; opacity:0.5; top: 45%; }
.sub-content .yingyong_index .item .text .tit h3 { font-size:14px; line-height:50px;line-height: 2; }
.sub-content .yingyong_index .item .text .tit p{ font-size:11px; text-transform: uppercase; letter-spacing: -1px; }
.sub-content .yingyong_index .image { overflow:hidden; margin-left:auto; margin-right:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%;  width:100%; z-index:0; opacity:0; transition:all ease .3s; }
.sub-content .yingyong_index .image img { width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.sub-content .yingyong_index .item.show { }
.sub-content .yingyong_index .item.show .text{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }
.sub-content .yingyong_index .item.show .text .tit { opacity:1; color:#fff; transition: all ease 1.2s; top: 40%; }
.sub-content .yingyong_index .item.show .image{ opacity:1; }
.sub-content .yingyong_block { display:block; padding:0px 0px; }
.sub-content .yingyong_block .title{ display:block; text-align:center; margin:50px 0 50px; }
.sub-content .yingyong_block .title h1{ font-size:20px; line-height:2; font-weight:bold; }
.sub-content .yingyong_block .title p{ display:block; font-size:12px; line-height:1.5; text-transform: uppercase; }
.sub-content .yingyong_block .conbox{display:block; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); margin:0 0px; height: auto; height: 624px; position: relative; }
.sub-content .yingyong_block .conbox .swiper-container{	width: 100%; height: auto; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.8); }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper{ }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide{height: 312px; overflow:hidden; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide::after{content: ''; width: calc(100% - 1px); height: calc(100% - 1px); border: 1px solid rgb(0 0 0 / 20%); top: 0px; left: 0px; position: absolute; z-index:0;}
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con{display:block; width: 100%; height: 100%; color: #042862; font-size:14px; position: relative; z-index: 1; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con .item-tit{ display:block; padding:30px 0px 10px 30px; font-size: 20px; font-size:bold; line-height: 1.2; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con .item-tit span{ display:block; margin-left:0px; font-size: 16px; transition:.6s; line-height: 2; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con .item-hidden{display:block; padding:10px 30px 0px 30px; opacity: 0;  transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0);}
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con .item-hidden .memo{ line-height:1.5; font-size: 14px; display:none; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con .item-hidden .more{ display: block; width: 160px; padding: 5px 20px; color: #fff; margin-top: 15px; border: 1px solid #fff; border-radius: 3px; text-align: center;}
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con:hover{  background: rgb(218, 101, 26, .7); color: #fff; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con:hover .item-tit span{ margin-left:0px; }
.sub-content .yingyong_block .conbox .swiper-container .swiper-wrapper .swiper-slide .item-con:hover .item-hidden{ transform: translate3d(0, 0, 0); opacity: 1; }
.sub-content .yingyong_block .conbox .swiper-button-prev{ left: -80px; width: 75px; height: 75px; background-position: -75px 0; }
.sub-content .yingyong_block .conbox .swiper-button-next{ right: -80px; width: 75px; height: 75px; background-position: -75px 0; }
.sub-content .yingyong_block .conbox .swiper-button-disabled {  background-position: 0 0; }
.sub-content .yingyong_block .conbox .item-image{  }
.sub-content .yingyong_block .conbox .item-image .imageBg {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -2; background-repeat: no-repeat;  background-size: cover !important; transition: all ease .3s; opacity: 0;}
.sub-content .yingyong_block .conbox .item-image .imageBg.hover{ opacity: 1;  }
/**/
.sub-content .yingyong-detail { display:block; }
.sub-content .yingyong-detail .yingyong-detail__gallery{ display:block; position: relative; height:600px; }
.sub-content .yingyong-detail .yingyong-detail__gallery .swiper-container{ display:block; height:100%; }
.sub-content .yingyong-detail .yingyong-detail__gallery .swiper-container .swiper-slide{ background-position: center center; background-size: cover; }
.sub-content .yingyong-detail .yingyong-detail__gallery .swiper-container .swiper-slide img{ height:100%; width:100%; }
.sub-content .yingyong-detail .yingyong-detail__gallery .swiper-button-prev{ left: 3%; width: 75px; height: 75px; background-position: 0 0; }
.sub-content .yingyong-detail .yingyong-detail__gallery .swiper-button-next{ right: 3%; width: 75px; height: 75px; background-position: -75px 0; }
/**/
.sub-content .yingyong-detail .yingyong-detail__editor{ display:block; padding:50px 0; }
.sub-content .yingyong-detail .yingyong-detail__editor img{ max-width:100%; }
/**/
.sub-content .yingyong-detail .yingyong-detail__advance{ display:block; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_youdian{
	display:none; padding: 0px 0px;
}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_youdian .cont{ display:block; text-align:center; padding: 100px 0px; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_youdian .cont span{ display:block; font-size:20px; line-height:2; font-weight:bold; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_youdian .cont span font{ color:#0055c7; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_youdian .cont p{ display:block;  line-height:1.5; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_fuwu{
	display:block; background: url(../images/fuwu-bg.jpg) no-repeat center center; background-size: cover;
}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_fuwu .cont{ display:block; text-align:left; padding: 150px 100px 200px; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_fuwu .cont span{ display:block;font-size:20px;line-height:2;color:#0055c7;font-weight: bold;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_fuwu .cont p{ display:block; position: relative; font-size:14px; line-height:1.5;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_fuwu .cont p::after { position: absolute; top:30px; left:0; content: ""; width:37px; height:17px; background: url(../images/iso14.png) no-repeat 0px 0px;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_guige {
	display:block; background: url(../images/guige-bg.jpg) no-repeat center center; background-size: cover;
}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_guige .cont{ display:block; text-align:center; padding:100px 0px; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_guige .cont span{ display:block;font-size:20px;line-height:2;color:#0055c7;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_guige .cont p{ display:block; position: relative; font-size:14px; line-height:1.5;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_guige .cont p::after { position: absolute; top:30px; left:0; content: ""; width:100%; height:17px; background: url(../images/iso14.png) no-repeat center 0px;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_zhichi{
	display:block; background: url(../images/zhichi-bg.jpg) no-repeat center center; background-size: cover;
}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_zhichi .cont{ display:block; text-align:right; padding: 150px 100px 200px; }
.sub-content .yingyong-detail .yingyong-detail__advance .advance_zhichi span{ display:block; font-size:20px;line-height:2;color:#0055c7;font-weight: bold;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_zhichi p{ display:block; position: relative; font-size:14px; line-height:1.5;}
.sub-content .yingyong-detail .yingyong-detail__advance .advance_zhichi p::after { position: absolute; top:30px; left:0; content: ""; width:100%; height:17px; background: url(../images/iso14.png) no-repeat right 0px;}

/**/
.sub-content .sub-goods-index{ display:block; position: relative; padding: 50px 0; margin:50px 0 50px; border-radius:20px; background: #F7F7F7; }
.sub-content .sub-goods-index .title{ display:block; padding: 0px 0 50px; text-align: center; font-size: 40px; color:#333  }
.sub-content .sub-goods-index .conbox{  }
.sub-content .sub-goods-index .conbox .cate-child-item{ padding:0 0px;  background: rgb(255, 255, 255, .8); border:1px solid #F5F5F5; border-radius: 10px; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-img{ display: block; background: rgb(255 255 255 / 0%); transition: all ease .3s; position: relative; overflow: hidden; text-align: center;}
.sub-content .sub-goods-index .conbox .cate-child-item .cate-img img{ width:100%; transition: all 1.5s; border-radius: 10px 10px 0 0; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con{  padding:20px 20px; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con .cate-tit{ text-align: center; position: relative; font-size: 26px; color: #000000; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con .cate-goods{ padding:10px 0px; margin:20px 0 0; border-top:1px solid #9D9D9D; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con .cate-goods li{ display: flex; position: relative; padding:5px 0; }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con .cate-goods li a{ flex:1; color: #FFFFFF;height: 35px;line-height: 35px; padding: 0 20px; border-radius: 3px; background-color: rgb(82 118 175); }
.sub-content .sub-goods-index .conbox .cate-child-item .cate-con .cate-goods li a:hover{ background-color: rgb(17, 55, 115); }
.sub-content .sub-goods-index .conbox .cate-child-item:hover{ background: #F8F8F8; }
.sub-content .sub-goods-index .conbox .cate-child-item:hover img{ transform: scale(1.5); }
.sub-content .sub-goods-index.index0{ background: url(../images/catebg0.jpg) no-repeat center center; background-size: cover; }
.sub-content .sub-goods-index.index1{ background: url(../images/catebg1.jpg) no-repeat center center; background-size: cover; }
.sub-content .sub-goods-index.index2{ background: url(../images/catebg2.jpg) no-repeat center center; background-size: cover; }
.sub-content .sub-goods-index.index3{ background: url(../images/catebg3.jpg) no-repeat center center; background-size: cover; }

.sub-content .sub-goods-index .swiper-container{ margin:0 50px; }
.swiper-button-prev{ left: 15px; }
.swiper-button-next{ right: 15px; }
.swiper-button-disabled { opacity: 0; }

.sub-content .sub-left{ display:block; border: 1px #ddd solid; padding:0 30px; margin:0 0 50px; }
.sub-content .sub-right{ display:block; padding:0px 0px; margin:0 0 0px 20px; }
.sub-content .sub-right .title { padding-bottom: 20px; border-bottom: 2px #042862 solid; font-size: 24px;  color: rgba(4,40,98,1);}
.sub-content .sub-right .list { position: relative; width: 100%; }
.sub-content .sub-right .list ul li{ display:block; padding: 20px 0; border-bottom: 1px #ddd dashed; transition: all 0.5s ;}
.sub-content .sub-right .list ul li .date{ display: block; font-size: 14px; color: #666; }
.sub-content .sub-right .list ul li .tit{display: block;  }
.sub-content .sub-right .list ul li .tit a{ display: block; font-size: 16px;; color: #333; line-height: 40px; }
.sub-content .sub-right .list ul li .memo{ display: block;  }
.sub-content .sub-right .list ul li .memo a{font-size: 15px; line-height: 26px; color: #666;}
.sub-content .sub-right .list ul li:hover{ padding: 20px 20px; background:#f0f0f0; transition: all 0.5s ;}
.sub-content .sub-right .list ul li:hover .tit a{ color:#0048bc; }

/*左侧导航 开始************************************************************************/
.sub-left{ display:block; margin:0 30px 0 0; }
.sub-left .sub-menu{ display:block; margin-bottom:15px; background:#fff; border:1px solid #ddd; }
.sub-left .sub-menu .tit{ display:block; padding:10px 20px 10px; border-bottom:1px solid #ddd; }
.sub-left .sub-menu .tit h3{ line-height:40px; font-size:24px; }
.sub-left .sub-menu .tit span{ line-height:40px; font-size:28px; color:#B5B5B5; font-family: "Impact"; }
.sub-left .sub-menu .subtree{ display:block; }
.sub-left .sub-menu .subtree li ul{ display:none; border-top:1px solid #F0F0F0; }
.sub-left .sub-menu .subtree li.onsclect ul{ display:block; }
.sub-left .sub-menu .subtree li:first-child{ border-top:0; }
.sub-left .sub-menu .subtree li span a{ display: block; line-height:45px; background:url(../images/iso1.png) 15px 15px no-repeat; padding:0px 10px 0 40px; }
.sub-left .sub-menu .subtree li span:hover a, .sub-menu .subtree li span.onsclect a{ display: block; color:#113773; background:url(../images/iso1on.png) 15px 15px no-repeat;  }
/*二级*/
.sub-left  .sub-menu .subtree li ul li span a{ background:url(../images/iso1.png) 40px 15px no-repeat; padding:0px 10px 0 65px; }
.sub-left  .sub-menu .subtree li ul li span:hover a, .sub-menu .subtree li ul li span.onsclect a{ background:url(../images/iso1on.png) 40px 15px no-repeat;  }
/*三级*/
.sub-left  .sub-menu .subtree li ul li ul li span a{ background:url(../images/iso1.png) 65px 15px no-repeat; padding:0px 10px 0 90px; }
.sub-left  .sub-menu .subtree li ul li ul li span:hover a, .sub-menu .subtree li ul li ul li span.onsclect a{ background:url(../images/iso1on.png) 65px 15px no-repeat;  }
/*左侧导航 结束************************************************************************/

/*左侧联系方式*/
.sub-left  .sub-contact{ display:block; margin-bottom:15px; background:#fff; border:1px solid #ddd; }
.sub-left  .sub-contact .tit{ display:block; padding:20px 20px 10px; border-bottom:1px solid #ddd; }
.sub-left  .sub-contact .tit h3{ line-height:40px; font-size:24px; }
.sub-left  .sub-contact .tit span{ line-height:40px; font-size:28px; color:#113773; font-family: "Impact"; }
.sub-left  .sub-contact .content{ display:block; padding:15px; }
.sub-left  .sub-contact .content p{ display:block; line-height:30px; padding:0 0 0px; }

.yingyong .text{ color:#fff; }
.yingyong .sub_menu li{ margin: 0 10px 0 0; }
.yingyong .sub_pos{ display:none; }

/*分页*/
.doitphp_pagelist_box{ display:block; padding:15px 0; width:100%; }
.doitphp_pagelist_box ul{ margin:0;padding:0; text-align: center;}
.doitphp_pagelist_box ul li{ display:inline-block; width:50px;height:30px;line-height:30px; text-align:center; border:1px solid #ddd;margin:0 2px; font-family:Arial; }
.doitphp_pagelist_box ul .pagelist_current{ color:#666;font-weight:700;background-color:#E6E6E6; }
.doitphp_pagelist_box ul li a{ display:block; height:30px;line-height:30px; font-family:Arial; font-size:12px; }
.doitphp_pagelist_box ul li a:hover{text-decoration:none; background-color:#E6E6E6; }

/*标准列表01*/
.info-list01 { margin: 20px 0; }
.info-list01 .item-img { display: block; position: relative; }
.info-list01 .item-img a { display: block; margin: 10px 0 0 10px; border: 2px solid #113773;}
.info-list01 .item-img a img { display: block; width: 100%; position: relative; border:1px solid #f8f8f8; top: -10px; left: -10px; vertical-align: middle;}
.info-list01 .item-text { display: block; }
.info-list01 .item-text h3{ margin: 0px 0 0px; font-size: 24px; line-height: 50px; }
.info-list01 .item-text span { display: block; line-height: 30px; }
.info-list01 .item-text span i { color: #113773; font-size: 14px; padding: 8px 5px 0 0; position: relative;}
.info-list01 .item-text span b { font-family: 'AddFont',Microsoft Yahei;padding: 0 15px 0 0;font-weight: normal;}
.info-list01 .item-text p {display: block;margin: 0px 0 10px; overflow: hidden; max-height: 150px; color:#666; font-size: 14px; line-height: 26px; }
/*标题+简介列表02*/
.info-list02 { margin: 20px 0; border-top: 1px solid #ddd; }
.info-list02 .item{ border-bottom: 1px solid #ddd; }
.info-list02 .item .item-words{ display: flex; flex-direction: row;  font-family: Arial; height:260px; }
.info-list02 .item .item-words .item-date{ position: relative; flex: 0 0 10%; color: rgba(102,102,102,1); align-self: center; height: 100%; display: flex; align-items: center; text-align: center; }
.info-list02 .item .item-words .item-date .con{ display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; height: auto; }
.info-list02 .item .item-words .item-date .con .day{ width: 100%; text-align: center; font-size: 70px; font-weight: bold; line-height: 1; }
.info-list02 .item .item-words .item-date .con .month{ width: 100%; text-align: center; font-size: 20px; line-height: 1.5;}
.info-list02 .item .item-words .item-date:before { content:''; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #0048bc; right:-15px; top:50%; margin-top:-15px; z-index:3; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.info-list02 .item .item-words .item-date:after { content:''; background:#bcbcbc; position:absolute; width:46px; height:1px; top:50%; right:-46px; z-index:2; transition:all .5s ease;-webkit-transition:all .5s ease}
.info-list02 .item .item-words .item-text { padding: 0 70px 0 70px; align-self: center; }
.info-list02 .item .item-words .item-text h3 a{ display: block; font-size: 22px;  font-weight:bold; line-height: 2; }
.info-list02 .item .item-words .item-text p {display: block; overflow: hidden; line-height:2; color:#666; font-size:12px; }
.info-list02 .item .item-words .item-text p.date{ display:none; }
.info-list02 .item .item-img { display: block; text-align: right; position: relative; border-radius:20px; margin: 18px 20px 0px 20px; overflow: hidden; }
.info-list02 .item .item-img a { display: block; }
.info-list02 .item .item-img a img { display: block; width: 100%; position: relative; transition:all .5s ease }
.info-list02 .item:hover .item-words .item-text h3 a{ color:#0048bc; }
.info-list02 .item:hover .item-img a img { transform:scale(1.1); }
.info-list02 .item:hover .item-words .item-date{ background:#0048bc; color:#fff; }
.info-list02 .item:hover .item-words .item-date:before { opacity:1; visibility:visible}
.info-list02 .item:hover .item-words .item-date:after { background:#0048bc; }
.info-list02 .push_1001:before{ width:45px; height:45px; display:block; content:''; position:absolute; z-index: 100; background-image:url(../common/images/push_best.png); background-size: contain; top:-8px; left:2px; }
.info-list02 .push_1002:after{ width:45px; height:45px; display:block; content:''; position:absolute; z-index: 100; background-image:url(../common/images/push_hot.png); background-size: contain; top:-8px; left:2px; }
/*标题+图片列表03*/
.info-list03 { margin: 20px 0; }
.info-list03 .item { display:block; position:relative; border:1px solid #f1f1f1; z-index:1; overflow:hidden; }
.info-list03 .item .img{ display:block; width:100%; -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.info-list03 .item .tit{ position:absolute; display:block; margin:0 0; padding:10px 10px; bottom:0; left:0px; right:0; z-index:2; background:rgba(238, 238, 238, .9); color:#000; }
.info-list03 .item:hover .img{-webkit-transform:translate3d(0,0,0);-webkit-perspective:0;-webkit-backface-visibility:hidden;-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08); }
.info-list03 .item:hover .tit{ background: #042862; color:#fff; }

/*资讯详细*/
.info-detail { display:block; margin: 30px 0; }
.info-detail .detail-header h1 {margin: 0px;margin-bottom: 0px; font-size: 20px;line-height:50px; font-weight: bold; }
.info-detail .detail-header .info { padding: 10px 0 20px; border-bottom: 2px solid #333; font-size: 16px; font-weight: 300; color: #a3afb7; }
.info-detail .detail-header .info span { color: rgba(0,0,0,.9); font-size: 16px; font-family: 'AddFont',Microsoft Yahei; padding-right: 10px;}
.info-detail .detail-header .info span i { color: rgba(0,0,0,.9); margin:0 5px 0 5px; }
.info-detail .detail-header .des { display:block; line-height:26px; }
.info-detail .detail-header .subtitle { display:block; line-height:26px; color:#BB0708; margin:10px 0; }
.info-detail .detail-header .ask-btn{display: block;text-align: right;  margin:20px 0; }
.info-detail .detail-tit{ display: block; border-bottom:1px solid #ddd; padding:0 10px; margin:20px 0 20px; }
.info-detail .detail-tit li{ display: inline-block; border:1px solid #ddd; border-bottom:0; padding:5px 20px; margin-bottom: -1px; background: #fff; font-weight:bold; }
.info-detail .detail-content{ display:block; position: relative; height:auto; padding:0px 0 0px; line-height:2; }
.info-detail .detail-content table{ border-collapse:collapse;border-spacing:0; }
.info-detail .detail-content table th{ background:#EFF3FA; font-weight:bold; }
.info-detail .detail-content table th p{ font-weight:bold; }
.info-detail .detail-content p{margin:0px; padding:0px; }
.info-detail .detail-content h3{ font-weight:bold; font-size:16px; line-height:30px; margin:0; padding:0; }
.info-detail .detail-content blockquote{ text-indent:2rem; }
.info-detail .detail-content img{ max-width:100%; }
/*卡块*/
.layui-card { border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); }
.layui-card-header{ background:rgba(0,0,0,.03); border-radius: 5px 5px 0 0;color:#25509B;font-size: 16px;font-weight: bold; }
.layui-card-body{ padding: 10px 10px; }
/*绑定图集*/
.info-detail .detail-gallery {width: 100%; margin: 0 auto;}
.info-detail .detail-gallery .view { }
.info-detail .detail-gallery .view .swiper-gallery { width: 100%; }
.info-detail .detail-gallery .view .swiper-gallery .swiper-slide img{ width: 100%; }
.info-detail .detail-gallery .view .swiper-gallery .arrow-left {background: url(../common/images/arr-l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.info-detail .detail-gallery .view .swiper-gallery .arrow-right{background: url(../common/images/arr-r.png) no-repeat left top;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.info-detail .detail-gallery .preview {width: 100%;margin-top: 10px;position: relative;}
.info-detail .detail-gallery .preview .swiper-preview {display:block;margin:0 35px;}
.info-detail .detail-gallery .preview .swiper-preview { margin:0 5px; width:52px; border: 1px solid #f0f0f0; padding: 1px; cursor:pointer;}
.info-detail .detail-gallery .preview .swiper-preview img { height:50px; width:100%; display:block; }
.info-detail .detail-gallery .preview .swiper-preview.active-nav { border: 1px solid #F00;}
.info-detail .detail-gallery .preview .swiper-preview .arrow-left {background: url(../common/images/arr-s-l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.info-detail .detail-gallery .preview .swiper-preview .arrow-right{background: url(../common/images/arr-s-r.png) no-repeat left top;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
/*绑定附件*/
.info-detail .detail-attach{ display:block; margin:20px 0 0; }
.info-detail .detail-attach .item{ display:block; height:30px; line-height:30px; }
.info-detail .detail-attach .item img{ width:30px; height:30px; margin-right:5px; vertical-align: top; }
/*相关阅读*/
.detail-relation{ display:block; margin:20px 0 20px; }
/*上下篇*/
.detail-footer{ display:block; margin:50px 0 0; padding: 30px 0 0;  border-top: 1px solid #f0f2f5; }

/*产品列表01*/
.goods-list01 { display:block; margin: 30px 0;}
.goods-list01 .goods-item{ padding:20px; border:1px solid #ddd; box-shadow:0 2px 2px #e4e4e4; border-radius:10px; background:#fff; text-align:left; }
.goods-list01 .goods-item .c-img{ display:block; width:100%; overflow:hidden; }
.goods-list01 .goods-item .c-img img{ display:block; width:100%; transition:all .9s;opacity:0.9;filter:alpha(opacity=90); }
.goods-list01 .goods-item .c-name{font-size:20px;  padding:10px 0px; border-bottom:1px solid #f0f0f0; }
.goods-list01 .goods-item .c-desc { margin-top:10px;font-size:14px; line-height:24px; color:#666666; overflow:hidden; }
.goods-list01 .goods-item:hover .c-name a{ color:#036EB8}
.goods-list01 .goods-item:hover .c-desc{ color:#036EB8}
.goods-list01 .goods-item:hover .c-img img{ transform: scale(1.25, 1.25);}
/*产品详细*/
.goods-detail { display:block; padding:50px 0 0 0px; }
.goods-detail .detail-header{ display:block; padding:0 0 0 30px; }
.goods-detail .detail-header h1 {margin: 0px;margin-bottom: 0px; font-size: 20px;line-height:50px; font-weight: bold; }
.goods-detail .detail-header .info { padding: 10px 0 20px; border-bottom: 2px solid #333; font-size: 16px; font-weight: 300; color: #a3afb7; }
.goods-detail .detail-header .info span { color: rgba(0,0,0,.9); font-size: 16px; font-family: 'AddFont',Microsoft Yahei; padding-right: 10px;}
.goods-detail .detail-header .info span i { color: rgba(0,0,0,.9); margin:0 5px 0 5px; }
.goods-detail .detail-header .des { display:block; line-height:2; }
.goods-detail .detail-header .subtitle { display:block; line-height:26px; color:#BB0708; margin:10px 0; }
.goods-detail .detail-header .ask-btn{display: block;text-align: right;  margin:20px 0; }
.goods-detail .detail-tit{ display: block; border-bottom:1px solid #ddd; padding:0 0px; margin:0px 0; }
.goods-detail .detail-tit li{ display: inline-block; border:1px solid #ddd; border-bottom:0; padding:10px 50px; margin-bottom: -1px; background: #fff; font-weight:bold; color:#113773; font-size: 20px;}
.goods-detail .detail-content{ display:block; position: relative; height:auto; padding:20px 0 0px; line-height:2; }
.goods-detail .detail-content table{ border-collapse:collapse;border-spacing:0; }
.goods-detail .detail-content table th{ background:#EFF3FA; font-weight:bold; }
.goods-detail .detail-content table th p{ font-weight:bold; }
.goods-detail .detail-content p{margin:0px; padding:0px; }
.goods-detail .detail-content h3{ font-weight:bold; font-size:16px; line-height:30px; margin:0; padding:0; }
.goods-detail .detail-content blockquote{ text-indent:2rem; }
.goods-detail .detail-content img{ max-width:100%; }
.goods-detail .detail-content .conitem{ margin:0 30px; }
.goods-detail .detail-content .conitem .item{ width:100px; padding:2px 2px; background: rgb(255, 255, 255, .8); border:1px solid #F5F5F5; border-radius: 5px; }
.goods-detail .detail-content .conitem .item .img{ display: block; max-width: 100%;  border-radius: 5px; background: rgb(255 255 255 / 0%); transition: all ease .3s; position: relative; overflow: hidden; text-align: center;}
.goods-detail .detail-content .conitem .item .img img{ width:100%; transition: all 1.5s; border-radius: 10px 10px 0 0; }
.goods-detail .detail-content .conitem .item .tit{ display:block; line-height:2; text-align: center; position: relative; }
.goods-detail .detail-content .conitem .item:hover{ background: rgb(4, 40, 98, .8); }
.goods-detail .detail-content .conitem .item:hover .tit{ color:#fff; }
.goods-detail .detail-content .swiper-button-prev{ left: 0px; width: 20px;  background-size: 20px 30px; }
.goods-detail .detail-content .swiper-button-next{ right: 0px; width: 20px; background-size: 20px 30px; }
.goods-detail .detail-content .swiper-button-disabled { opacity: .08; }

/*绑定图集*/
.goods-detail .detail-gallery {width: 100%; margin: 0 auto; border:1px solid #ddd;padding:5px; }
.goods-detail .detail-gallery .view { width: 100%; }
.goods-detail .detail-gallery .view .swiper-slide img{ width: 100%; height: 100%; }
.goods-detail .detail-gallery .view .arrow-left {background: url(../common/images/arr-l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.goods-detail .detail-gallery .view .arrow-right{background: url(../common/images/arr-r.png) no-repeat left top;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.goods-detail .detail-gallery .preview { padding: 0 30px; margin-top: 10px;position: relative;}
.goods-detail .detail-gallery .preview .swiper-slide{ width:auto; display:inline-block; margin: 0 5px; border: 1px solid #ddd; padding:1px; }
.goods-detail .detail-gallery .preview .swiper-slide img { height:50px; width:50px; display:block; }
.goods-detail .detail-gallery .preview .swiper-slide.active-nav { border: 1px solid #036EB8;}
.goods-detail .detail-gallery .preview .arrow-left {background: url(../common/images/arr-s-l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.goods-detail .detail-gallery .preview .arrow-right{background: url(../common/images/arr-s-r.png) no-repeat left top;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}

/**/
.ask-form-block{ display:block; }
.ask-form-block .layui-form-item { position: relative; }
.ask-form-block .captchaCode{ position: absolute; height:36px; right: 1px; bottom: 1px; }
.ask-form-block .layui-input,
.ask-form-block .layui-textarea{ background: none; }

.sideBar {position: fixed;right: 0;top:53%;transform: translateY(-50%);z-index: 998; }
.sideBar .icon { font-size: 16px; width: 25px;height: 25px;margin-right: 3px;font-style: normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;vertical-align: middle;margin-top: -3px;fill: #ffffff;}
.sideBar .side { height: 50px; position: absolute;transition: all 0.5s; border-top: 1px solid #e5e5e5; }
.sideBar .side a {display: block;height: 50px;font-size: 0;  }
.sideBar .side i,
.sideBar .side span {display: inline-block; vertical-align: middle;height: 100%;line-height: 50px;  }
.sideBar .side i {width: 50px;text-align: center;background: rgb(221 117 28 / 90%);transition: all 0.3s;  }
.sideBar .side i img {vertical-align: middle; }
.sideBar .side span {text-align: center;line-height: 50px;background: #222222;font-size: 13px;color: #fff;transition: all 1s; }
.sideBar .side:hover { right: 0;}
.sideBar .side:hover i { background: rgb(221 117 28 / 100%); }
.sideBar .side1 { position: static; width: 50px; height: 180px; background: #222;text-align: center;transition: all 0.5s;display: flex;align-items: center;justify-content: center;border-top:0;}
.sideBar .side1 a,
.sideBar .side1 img,
.sideBar .side1 i,
.sideBar .side1 span { display: block; height: auto; background: none; }
.sideBar .side1 i { display: block; margin: 5px auto;width: 1px;height: 20px;background: #fff;transition: all 0.5s ease; }
.sideBar .side1 span { line-height: normal; width: 30px; color: #fff;font-size: 14px; margin: 0 auto;letter-spacing: 2px; }
.sideBar .side1:hover {background: rgb(221 117 28 / 100%); }
.sideBar .side1:hover i { background: none; }
.sideBar .side1:hover a img {animation: jitter 0.5s; }
.sideBar .side2 {top: 180px;right: -140px;width: 190px; }
.sideBar .side2 span {width: 140px; }
.sideBar .side3 {right: -90px;width: 140px; top: 230px; }
.sideBar .side3 span {width: 90px; }
.sideBar .side3:hover .qcodePic { display: block; }
.sideBar .side4 {right: -140px;width: 190px;top: 280px; }
.sideBar .side4 span {width: 140px; }
.sideBar .side5 {right: -90px;width: 140px; top: 280px;cursor: pointer; }
.sideBar .side5 span {width: 90px;font-size: 14px; }
.sideBar .side5:hover .qcodePic { display: block; }
.sideBar .side6 { right: -90px; width: 140px; top: 330px; cursor: pointer;}
.sideBar .side6 span { width: 90px; font-size: 14px; }
.sideBar .qcodePic {width: 100%;position: absolute;top: 50px;left: 0;display: none;z-index: 99;text-align: center; background: #fff; border: 1px solid #e5e5e5;}
.sideBar .qcodePic img {width:110px;}

/*当屏幕大于*/
@media screen and (min-width: 1280px) {
	.layui-container { width: auto; padding:0 30px; }
}
@media screen and (min-width: 1500px) {
	.layui-container { width: 1300px; padding:0 0px; }
}

/*动画区*/
@keyframes scrollmouse {
  from {
    transform:translate(-50%,0);
    opacity:1
  }
  to {
    transform:translate(-50%,10px);
    opacity:0
  }
}
@keyframes slideInFromBottom {
  from {
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}