html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
html,body,input,select,button,textarea{font:14px/1.5 "微软雅黑","\5B8B\4F53",Arial,Helvetica,sans-serif;color:#333;}
input,select,textarea{font-size:100%}
button{border:none;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{vertical-align:top;max-width:100%;}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a:hover{text-decoration:underline;}
a:hover, a:hover em{color:#EE1D25;}
ins,a{text-decoration:none;color:#333;}
a, a:visited{
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
}
.clearfix::after{visibility:hidden;clear:both;display:block;height:0;font-size:0;content:"";}
.clearfix:after{visibility:hidden;clear:both;display:block;height:0;font-size:0;content:"";}
/* .clearfix{display:inline-table;} */
.container{width:1200px;margin:0 auto;}

[data-dpr="2"] body{font-size:28px;}
[data-dpr="3"] body{font-size:42px;}
.example{
  border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2px'%3E%3Crect fill='%2300b1ff' width='100%25' height='50%25'/%3E%3C/svg%3E") 2 2 stretch;
}

/* 基本通用 */
html{height:100%;}
body{min-height:100%;*height:100%;}
.home{height:100%;}
.wraper{width:100%;overflow:hidden;}
.container{margin:0 auto;width:1200px;transition:all 1s ease 0s;}
.col-3{float:left;width:33.3%;transition:all 1s ease 0s;}

/* 背景图标系 */
.logo a, #pageArrow, .pageArrow a{background-image:url(imgs/logo.png);background-repeat:no-repeat;}
.contact-info li::before, .contact-info li.tel::after, .index-intro dl::after, .sub-nav li::after, .main-tit::after{background-image:url(imgs/logo.png);background-repeat:no-repeat;}
.contact-info li:before, .contact-info li.tel:after, .index-intro dl:after, .sub-nav li:after, .main-tit:after{background-image:url(imgs/logo.png);background-repeat:no-repeat;}


/* 顶部 */
.top{position:absolute;top:0;left:0;z-index:99;background-color:#FFF;}
.top .container{min-height:50px;*height:50px;padding-top:15px;padding-bottom:15px;}
.head-sign{position:absolute;top:72px;height:360px;}
/* 顶部.标识 */
.logo a, .menu a{height:50px;line-height:50px;}
.logo, .logo a{float:left;}
.logo a{width:600px;overflow:hidden;background-position:0 0;text-indent:1em; font-size:30px; text-decoration:none;}
/* 顶部.菜单 */
.menu{float:right;display:block;font-size:0;}
.menu li, .menu a{float:left;}
.menu li{margin:0 2px;position:relative;font-size:16px;}
.menu a{padding:0 20px;transition:color 1s ease 0s;}
.menu li.active a, .menu a:hover{color:#D9381E;text-decoration:none;}
.menu li.active a{font-weight:bold;}
.menu li::after{
  position:absolute;bottom:0;left:50%;margin-left:0;
  content:"";display:block;width:0;height:0;border-top:solid 3px #D9381E;
}
.menu li.active::after{width:20px;margin-left:-10px;}
/* 顶部.菜单.导航开关 */
.nav-btn span, .nav-btn::before,.nav-btn::after{display:block;}
.nav-btn{position:relative;margin:7px 10px 8px 5px;float:right;display:none;width:35px;height:35px;background-color:#F00;border-radius:5px;}
.nav-btn::before, .nav-btn::after{content:"";}
.nav-btn span, .nav-btn::before,.nav-btn::after{
  position:absolute;left:50%;margin-left:-12px;
  width:24px;height:3px;overflow:hidden;background-color:#FFF;
}
.nav-btn span{font-size:0;text-indent:-99em;top:16px;}
.nav-btn::before{top:8px;}
.nav-btn::after{top:24px;}
/* 导航按钮·展开 */
.nb-active span{display:none;height:0;}
.nb-active::before, .nb-active::after{top:16px;}
.nb-active::before{transform:rotate(45deg);}
.nb-active::after{transform:rotate(-45deg);}

/* 顶部焦点图 */
.head-focus, .head-focus .containerFix{height:360px;overflow:hidden;}
.head-focus{margin-top:80px;position:relative;}
.head-focus .containerFix{
  position:absolute;top:0;left:50%;margin-left:-1500px;
  display:block;width:3000px;text-align:center;
}
.containerFix img{height:100%;width:auto;}
.product-focus{background-color:#251B1F;}
.certificat-focus{background-color:#9AA0A5;}
.company-focus{background-color:#564C63;}

/* 底部 */
.footer, .footer a{color:#666;}
.footer a:hover{color:#D9381E;}
.footer{background-color:#ebebeb;}
.footer .container{padding-top:30px;padding-bottom:30px;overflow:hidden;}
.contact-info, .copy-right{line-height:28px;}
.contact-info{float:left;padding-top:9px;}
.copy-right{margin-right:24px;float:right;}
/* 底部.联系方式 */
.contact-info li{position:relative;margin:6px 0 6px 24px;float:left;padding-left:42px;transition:all 1s ease 0s;}
.contact-info li.tel{padding-right:42px;}
.contact-info li.address{clear:left;}
.contact-info li::before, .contact-info li.tel::after{content:"";display:block;width:26px;height:28px;position:absolute;top:0;}
.contact-info li::before{left:0;}
.contact-info li.tel::after{right:0;background-position:-81px -58px;}
.contact-info li.tel::before{background-position:0 -58px;}
.contact-info li.email::before{background-position:-27px -58px;}
.contact-info li.address::before{background-position:-54px -58px;}
/* 底部.联系方式.[IE8] */
.contact-info li:before, .contact-info li.tel:after{content:"";display:block;width:26px;height:28px;position:absolute;top:0;}
.contact-info li:before{left:0;}
.contact-info li.tel:after{right:0;background-position:-81px -58px;}
.contact-info li.tel:before{background-position:0 -58px;}
.contact-info li.email:before{background-position:-27px -58px;}
.contact-info li.address:before{background-position:-54px -58px;}
/* 底部.版权信息 */
.copy-right .prCode, .copy-right ul{float:right;}
.copy-right ul{margin-top:6px;padding-right:16px;}
.copy-right li{margin:10px 0;white-space:nowrap;text-align:right;}

/* 首页焦点图 */
.index-main{height:100%;min-height:678px;max-height:1250px;}
.index-main, #index-banner, #index-banner li, #index-banner .imgFix{height:100%;}
.index-main, #index-banner, #index-banner li{width:100%;overflow:hidden;position:relative;}
.imgFix{position:absolute;top:0;left:50%;margin-left:-1500px;display:block;width:3000px;overflow:hidden;text-align:center;}
.imgFix .ib-bgShow{z-index:1;height:100%;width:auto;object-fit:cover;}
.imgFix h3, .imgFix h6, .imgFix .smallPic{position:absolute;left:50%;}
.imgFix h3, .imgFix h6{margin-left:-319px;display:none;width:638px;text-align:center;}
.active .imgFix h3, .active .imgFix h6{display:block;}
.imgFix h3{z-index:9;top:238px;height:108px;overflow:hidden;text-indent:-99em;background-image:url(imgs/indexBanner-tit.png);background-repeat:no-repeat;background-size:100% auto;animation-delay:0.75s;}
.imgFix h6{z-index:6;top:354px;font-size:20px;color:#FFF;animation-delay:0.5s;}
.imgFix .smallPic{z-index:3;bottom:0;margin-left:-652px;}
.ib-1 .imgFix h3{background-position:50 0%;}
.ib-2 .imgFix h3{background-position:50% 50%;}
.ib-3 .imgFix h3{background-position:50% 100%;}
/* 首页焦点图.按钮 */
#pagenavi{position:absolute;top:50%;right:47px;margin-top:-39px;z-index:98;}
#pagenavi a{
  margin:18px 0;display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-indent:-16px;
  background-color:#000;border-radius:50%;opacity:0.2;
}
#pagenavi a.active{background-color:#D9381E;opacity:1;}
/* 首页焦点图.箭头 */
.pageArrow{
  position:absolute;top:518px;left:50%;margin-left:-27px;z-index:99;
}
.pageArrow a{
  position:relative;
  display:block;width:55px;height:42px;line-height:42px;overflow:hidden;text-indent:-99em;cursor:pointer;background-position:-165px 0;
  animation:arrowMov 2s infinite;
-webkit-animation:arrowMov 2s infinite; /* Safari 和 Chrome */
}
@keyframes arrowMov{
  0%,100%{margin-top:0px;}
  50%{margin-top:10px;}
}
/* 首页焦点图.描述 */
.index-intro{position:absolute;bottom:0;left:0;z-index:96;width:100%;overflow:hidden;background:url("imgs/index-banner-introBg.png") 0 0 repeat;}
#banner-intro{position:relative;overflow:hidden;text-align:center;font-size:0;color:#FFF;}
#banner-intro li{display:inline-block;text-align:left;font-size:14px;}
/* 首页焦点图.描述.内容块 */
#banner-intro dl{
  display:block;min-height:72px;padding:0 20px 0 112px;font-size:14px;
  position:relative;margin-top:12px;margin-bottom:12px;
}
#banner-intro dt{margin-bottom:6px;font-size:20px;}
#banner-intro dd{white-space:normal;word-wrap:break-word;word-break:break-all;overflow:auto;}
#banner-intro dl.ii-2, #banner-intro dl.ii-3{margin-left:1px;}
#banner-intro dl::after{
  content:"";display:block;width:64px;height:64px;overflow:hidden;
  position:absolute;left:24px;top:4px;
}
#banner-intro dl.ii-1::after{background-position:0 -94px;}
#banner-intro dl.ii-2::after{background-position:-65px -94px;}
#banner-intro dl.ii-3::after{background-position:-130px -94px;}
#banner-intro dl.ii-2::before, #banner-intro dl.ii-3::before{
  position:absolute;left:-1px;top:20px;
  content:"";display:bock;height:32px;width:0;overflow:hidden;border-left:dotted 1px #6A8B99;
}
/* IE8 */
#banner-intro dl:after{
  content:"";display:block;width:64px;height:64px;overflow:hidden;
  position:absolute;left:24px;top:4px;
}
#banner-intro dl.ii-1:after{background-position:0 -94px;}
#banner-intro dl.ii-2:after{background-position:-65px -94px;}
#banner-intro dl.ii-3:after{background-position:-130px -94px;}
#banner-intro dl.ii-2:before, #banner-intro dl.ii-3:before{
  position:absolute;left:-1px;top:20px;
  content:"";display:bock;height:32px;width:0;overflow:hidden;border-left:dotted 1px #6A8B99;
}



/* 内页.二级目录 */ /* transition:all 1s ease 0s; */
.sub-nav{padding-top:10px;border-bottom:solid 1px #EBEBEB;line-height:36px;}
.sub-nav ul{margin-bottom:-1px;text-align:center;font-size:0;}
.sub-nav li{width:16.6%;display:inline-block;font-size:20px;vertical-align:top;text-align:center;position:relative;overflow:hidden;transition:all 1s ease 0s;}
.sub-nav li a{margin:0 auto;display:inline-block;height:36px;padding:10px;padding-bottom:10px;vertical-align:top;color:#333;}
.sub-nav li a:hover{text-decoration:none;color:#D9381E;}
.sub-nav li::after{
  content:"";display:none;width:154px;height:8px;background-position:-6px -262px;
  position:absolute;bottom:0;left:50%;margin-left:-77px;
}
.sub-nav li.active::after{display:block;}
/* 内页.大标题 */
.main-tit{position:relative;padding-left:54px;height:45px;line-height:45px;font-size:24px;margin:15px 0 20px;font-weight:bold;color:#333;}
.main-tit::after{content:"";display:block;width:50px;height:45px;position:absolute;left:0;top:0;background-position:45px 45px;}
.main-tit-fix{padding-left:0;font-size:32px;}
.main-tit-fix::after{display:none;}
.sn-1::after{background-position:0 -159px;}
.sn-2::after{background-position:-51px -159px;}
.sn-3::after{background-position:-102px -159px;}
.sn-4::after{background-position:0 -205px;}
.sn-5::after{background-position:-51px -205px;}
.sn-6::after{background-position:-102px -205px;}
/* 内页.文字内容 */
.main{font-size:14px;}
.main .content, .main .content a{color:#666;}
.main .content{padding-top:20px;padding-bottom:20px;font-size:16px;}
/* .main .conMinH{min-height:962px;} */
.main .content h3{margin:15px 0;font-size:20px;font-weight:bold;}
.main .content h4{margin:15px 0;font-size:18px;font-weight:bold;}
.main .content p{margin:10px 0;line-height:2;}
.main-text{padding-left:50px;padding-right:10px;}
.con-text{padding-left:10px;padding-right:10px;}
.i2m{text-indent:2em;}


/* 内页.侧边 */
.side{margin-bottom:15px;float:left;width:272px;height:100%;padding-bottom:25px;}
.side h2{margin:-10px 0 20px 5px;font-size:30px;font-weight:bold;}
.side h3, .side h3 a{height:30px;}
.side h3{margin:8px 0;line-height:30px;font-size:18px;font-weight:bold;}
.side h3::before{content:"";margin-bottom:-3px;margin-right:10px;display:inline-block;width:3px;height:18px;background-color:#999;}
.side-nav{text-align:left;font-size:16px;overflow:hidden;}
.side-nav li{margin:10px 0;display:block;padding-left:30px;position:relative;}
.side-nav li a{display:block;line-height:40px;color:#666;}
.side-nav li::after{content:"";position:absolute;top:17px;left:10px;display:none;width:12px;height:5px;background-color:#D9381E;}
.side-nav li.active::after{display:block;}
.side-nav li a:hover, .side-nav li.active{text-decoration:none;color:#D9381E;}
.side-nav li.active a{font-weight:bold;color:#333;}
.contentFix{margin-top:50px;margin-bottom:30px;margin-left:272px;border-left:solid 1px #DDD;}
.main .contentFix{padding-top:0;}
/* 内页.展示区域 */
.in-show{margin-bottom:20px;background:#2B3139 url(imgs/proBg.png) top center no-repeat;}
.in-show h3{margin-bottom:15px;font-size:18px;font-weight:bold;color:#FFF;text-indent:2em;}
/* 内页.滚动焦点 */
.slide{margin:25px auto 50px;position:relative;}
.product-slide{width:300px;height:534px;}
.slide .img{position:absolute;vertical-align:middle;transition:all 1s ease 0s;display:flex;align-items:center;/*垂直居中*/justify-content:center;/*水平居中*/}
.slide .img img{margin:0 auto;display:block;width:auto;height:auto;max-width:100%;max-height:100%;}
.slide .img3{z-index:9;top:0;width:100%;height:100%;left:0;}
.slide .img1, .slide .img5, .slide .img6{z-index:3;top:10%;width:80%;height:80%;}
.slide .img2, .slide .img4{z-index:6;top:5%;width:90%;height:90%;}
.slide .img1{left:-160%;}
.slide .img2{left:-85%;}
.slide .img4{left:95%;}
.slide .img5{left:180%;}
.slide .img6{left:30%;z-index:1;}
.slide .img3 img{box-shadow:0 0 12px rgba(0,0,0,0.8);}
.slide .img1 img, .slide .img5 img, .slide .img6 img{box-shadow:0 0 4px rgba(0,0,0,0.4);}
.slide .img2 img, .slide .img4 img{box-shadow:0 0 8px rgba(0,0,0,0.6);}
.slide-bt{position:absolute;z-index:10;bottom:13%;left:0;width:100%;text-align:center;font-size:0;}
.slide-bt span{margin:0 5px;display:inline-block;width:12px;height:8px;line-height:8px;overflow:hidden;border-radius:4px;background-color:#C9CACA; cursor:pointer;}
.slide .slide-bt .on{background-color:#FFD200;}
/* 内页.滚动焦点修正 */
.certificat-slide{width:500px;height:684px;}
.certificat-slide .img1{left:-60%;}
.certificat-slide .img2{left:-35%;}
.certificat-slide .img4{left:45%;}
.certificat-slide .img5{left:80%;}
.certificat-slide .img6{left:10%;}
/* 内页.滚动焦点下方图片 */
.pro-copy{margin-top:25px;margin-bottom:25px;padding:0 15px;text-align:center;}
.pro-copy img{width:auto;max-width:100%;}
/* 内页.企业中心.图片 */
.companyShow{margin:15px 0 15px 15px;float:right;width:420px;height:250px;overflow:hidden;}


/* 内页.客户案例 */
.case-list li{margin:20px 0 30px;float:left;width:45%;position:relative;height:144px;}
.case-list li .icon, .case-list li dl{float:left;}
.case-list li .icon{
  position:absolute;left:0;top:0;
  width:144px;height:144px;overflow:hidden;border-radius:20px;
  box-shadow:0 0 10px rgba(0,0,0,0.5)
}
.case-list li .icon img{position:absolute;top:50%;left:50%;margin-top:-72px;margin-left:-72px;}
.case-list li dl{margin-left:174px;}
.case-list li.nd{margin-left:10%;}
.case-list li dt{margin-bottom:10px;font-size:20px;}
.case-list li dd{font-size:16px;}


/* 证书陈列.2021-1-15 */
.main .contentFix h3{margin:25px 0 15px;padding-left:20px;color:#333;border-left:solid 3px #000;}
.main .contentFix h3:first-child{margin-top:0;}
.certificat-list{margin-left:20px;overflow:hidden;}
/* .certificat-list ul{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;} */
.certificat-list ul{text-align:center;font-size:0;}
.certificat-list li{margin:0 0 32px;float:left;display:inline-block;width:33.33%;text-align:center;font-size:14px;}
.certificat-list .img, .certificat-list em{display:block;width:95%;}
.certificat-list .img{
  margin:0 auto;height:258px;line-height:258px;overflow:hidden;align-content:center;vertical-align:middle;border:solid 1px #E5E5E5;
}
.certificat-list img{width:auto;height:auto;max-width:90%;max-height:90%;vertical-align:middle;}
.certificat-list em{display:block;height:30px;line-height:30px;margin-top:15px;white-space:nowrap;}



/* 正常，大于1280 */
@media screen and (min-width:1281px){
  
}

@media screen and (max-width:1280px){

}

/* 小屏，1025~1280 */
@media screen and (min-width:1025px) and (max-width:1280px){
  .container{width:1002px;}
  .sub-nav li{font-size:18px;}
  
/* .certificat-list li, .certificat-list .img, .certificat-list em{width:214px;} */
.certificat-list .img{height:158px;line-height:158px;}
}

@media screen and (max-width:1024px){
  .container{width:100%;}
  .col-3{width:33.3%;}
  .sub-nav li{font-size:16px;}
  .contact-info, .contact-info li, .copy-right, .copy-right .prCode, .copy-right ul{float:none;}
  .contact-info li{display:inline-block;}
  .copy-right{margin-right:0;padding-top:10px;text-align:center;}
  .contact-info, .contact-info li, .copy-right li{text-align:center;}
  /* 首页·banner·字体 */
  .imgFix h6{font-size:18px;}
  
  /* 侧栏提前进入响应式 */
  .side{width:252px;}
  .side-nav{text-align:left;}
  .contentFix{margin-left:252px;}
  /* 侧栏提前进入响应式 */
  .side{float:none;width:auto;padding-bottom:0;border-right:none;}
  .side h2{margin-top:15px;text-align:center;}
  .side-nav{text-align:center;}
  .side-nav li{margin:13px 0;display:inline-block;}
  .contentFix{margin-top:0;margin-bottom:0;margin-left:0;border-left:0;}
  
  /* 公司图片 */
  .companyShow{float:none;margin:15px auto;}
  /* 案例·隐藏页面 */

  /* 图标区缩小 */
  .case-list li .icon{width:120px;height:120px;border-radius:16px;}
  .case-list li dl{margin-left:144px;}
  .case-list li dt{font-size:16px;}
  .case-list li dd{font-size:14px;}
}

/* 平板，769~1024 */
@media screen and (min-width:769px) and (max-width:1024px){
}

/* 手机，小于768 */
@media screen and (max-width:768px){
  .top .container{padding-top:10px;padding-bottom:10px;}
  /* logo缩小 */
  .logo{margin-left:10px;}
  .logo a{width:50px;}
  /* 导航按钮显示 */
  .nav-btn{display:block;}
  /* 导航变化 */
  .menu{margin-top:10px;clear:both;display:none;width:100%;}
  .menu li, .menu a{float:none;}
  .menu li{margin:0;}
  .menu a{display:block;box-sizing:border-box;}
  .menu li::after{display:none;}
  .menu li.active a{background-color:#D9381E;color:#FFF;}
  /* 首页·banner·高度 */
  .index-main{min-height:278px;}
  .index-main, #index-banner, #index-banner li, #index-banner .imgFix{height:678px;}
  .imgFix .smallPic{width:652px;margin-left:-326px;}
  /* 首页·banner·字体 */
  .imgFix h3,.imgFix h6{margin-left:-196px;width:383px;}
  .imgFix h3{top:228px;height:65px;}
  .imgFix h6{top:310px;font-size:14px;}
  /* 首页·banner 描述 */
  #banner-intro{height:102px;}
  #banner-intro li dt{font-size:18px;}
  .index-intro dl.ii-2,.index-intro dl.ii-3{margin-left:0;}
  .index-intro dl.ii-2::before, .index-intro dl.ii-3::before{display:none;}

  /* 首页·banner 箭头 */
  #pagenavi{right:5%;}
  .pageArrow{top:370px;}

  /* 内页焦点图 */
  .head-focus, .head-focus .containerFix{height:240px;}
  .sub-nav{border:none;}
  .sub-nav li{width:33%;font-size:14px;border-bottom:solid 1px #EBEBEB;}
  .sub-nav li a{display:block;height:21px;line-height:21px;}
  .head-focus{margin-top:70px;}

  .certificat-list{margin-left:15px;margin-right:10px;}
  .certificat-list li{float:none;width:100%;}
  
  .container,.col-3{width:100%;}
  .case-list li{float:none;width:100%;}
  .case-list li.nd{margin-left:0;}
}
@media screen and (max-width:320px){
  .sub-nav li{font-size:12px;}
}

@media(max-width:640px){
  .contact-info li.tel{padding-right:0;}
  .contact-info li.tel::after{display:none;}
  .companyShow{float:none;margin:15px auto;width:350px;height:250px;}
}