@charset "utf-8";
/*通用样式*/
@font-face
{
    font-family: font1;
    src: url(book.ttf); position:static;
}
html, body, div, span, iframe, map, font, img,input,button, a ,img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th, textarea{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Arial', Arial, Helvetica, sans-serif;  list-style:none; outline:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 14px/22px 'Arial'; overflow-x:hidden;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:#02418e;  }
.clear { clear:both;}

.gsj{ width:100%; height:35px; background:#02418e;}
/* CSS Document */
.header { position: fixed; width:100%; background:#fff; ;box-sizing: border-box;  height:145px; z-index:99; }
.hede{ width:100%; height:145px;}
.slideBox { display:none; position:absolute; left:0; padding:35px 0 35px calc(100% - 1400px); background:rgba(2,65,142,0.65); top:145px; width:100%; box-sizing:border-box; z-index:2;}
.slideImg { border:5px solid #57a3ff; float:left; width:290px}
.slideImg img { display:block; width:100%;}
.header .logo { float:left; padding-left:50px; font-size:30px; font-weight:bold; line-height:110px;  }
.header .logo img{ vertical-align:middle;}
.nav { float:right; margin-right:50px;}
.nav li { float:left;}
.nav li:hover .slideBox { display:block;}
.nav h2>a { display:block; line-height:110px; padding:0 2vw; color:#6b6b6b; font-size:16px; transition:all 0.3s;}
.nav li:hover h2 a { color:#fff; background:#02418e;}
.nav li.cur h2 a { color:#fff; background:#02418e;}
.banner img { display:block; width:100%;}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  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;
}

.banner .swiper-pagination { bottom:4vw;}
.banner .swiper-pagination span { width:45px; height:5px; border-radius:0; opacity:1; background:#cdcdcd;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { background:#02418e;}

.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ color:#fff;}
.productTit {  text-align:center; }
.productTit p { font-size:30px; position:relative; color:#5e5e5e; font-family:font1; line-height:52px;}
.productTit p:after { content:''; width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px;}
.productTit span { font-size:16px; color:#979797; font-family:font1; line-height:40px;}
.product {background:#f2f2f2; padding:110px 50px 0;}
.proList ul { padding-top:3.125vw; overflow:hidden;}
.proList li { margin-bottom:2vw; text-align:center; float:left; width:24%; margin-right:1.33333%;}
.proList li:nth-child(4n){ margin-right:0;}
.proImg { position:relative; overflow:hidden; }
.proImg span.cover { position:absolute; opacity:0; transition:all 0.3s; left:0; top:0; width:100%; height:100%; background:rgba(2,65,142,0.27);}
.proList li img { display:block; width:100%;}
.proList li p { transition:all 0.3s;overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; padding:0 10px; line-height:60px; color:#fff; background:#ffb70e;}
.proList li:hover p { background:#02418e;}
.proList li:hover span { opacity:1;}
.proList .swiper-container { padding-bottom:8.3vw;}
.proList .swiper-pagination { bottom:4vw;}
.proList .swiper-pagination span { width:45px; height:5px; border-radius:0; opacity:1; background:#cdcdcd;}
.proList .swiper-pagination span.swiper-pagination-bullet-active { background:#02418e;}
.classification { background:#02418e; text-align:center; padding:110px 0 3.125vw;}
.classification h2 { position:relative; text-align:center; font-size:30px; color:#dbe2ed; font-family:'font1'; line-height:80px;}
.classification h2:after { content:''; width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px;}
.classification p { color:#98a1b2; font-size:16px; line-height:2; font-family:arial;}
.classification a { display:block; text-align:center; color:#dbe2ed; font-size:14px; font-family:arial; margin-top:40px;}
.classImg { overflow:hidden; width:46%; float:left;}
.classImg img { transition:all 3s;  display:block; width:100%;}
.classTxt { /* Center slide text vertically */ height:100%;
      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; position:absolute; right:0;flex-direction:column; box-sizing:border-box;  text-align:left; text-align:justify; width:54%;}
.classList li { position:relative; overflow:hidden;}
.classList li:nth-child(2n) .classTxt { left:0; right:auto;}
.classList li:nth-child(2n) .classImg { float:right;}
.classList li:nth-child(odd){ background:#f8f8f8;}
.classList li:hover img { transform:scale(1.1);}
.classTxt h3 { position:relative; font-size:14px; color:#b2b1b1; font-family:Arial; line-height:40px; padding-top:70px;}
.classTxt h3:before { content:''; width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:0;}
.classTxt h2 { font-size:30px; line-height:40px; font-family:'font1'; color:#292c3d; padding:2vw 0;}
.classTxt p { font-size:16px; font-family:arial; line-height:30px; color:#868686;}
.classTxt a { transition:all 0.3s; font-size:10px; line-height:30px; font-family:arial; color:#3b3e46; margin-top:2vw;}
.classTxt a:hover { color:#02418e;}
.caseLeft { width:39%; float:left;}
.smallCase { margin-bottom:8px; overflow:hidden;}
.smallCase .caseBox { width:49%; float:left;}
.caseTag {background: rgba(2,65,142,0.6); height:46px; line-height:46px; transition:all 0.5s; text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.caseBox { position:relative;}
.caseBox:nth-child(2n){ float:right;}
.caseBox img { display:block; width:100%;}
.bigCase { position:relative;}
.bigCase img{ display:block; width:100%;}
.caseTag span { width:0; position:absolute; left:50%; top:50%; font-weight:bold; font-size:16px; display:block; line-height:60px; border:3px solid #fff; transform:translate(-50%,-50%); color:#fff; transition:all 0.5s; display:none;}
.caseBox:hover .caseTag { height:100%;}
.caseBox:hover p { display:none;}
.caseBox:hover span { display:block; width:200px; max-width:80%;}
.caseTag p { font-size:16px; color:#fff;}
.caseCenter { float:left; width:21%; margin:0 0.5%;}
.smallCase a { display:block; height:250px;}
.bigCase a { display:block; height:359px;}
.caseCenter a { display:block; height:617px;}
.caseList { overflow:hidden; margin-top:8px;}
.caseTit { padding-top:110px; text-align:center;}
.caseTit h2 { font-size:30px; font-family:font1; color:#2a2a2a; position:relative; line-height:42px; position:relative;}
.caseTit h2:after { content:''; width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px;}
.txtInfor { overflow:hidden; padding:70px 6.5% 45px;}
.textList { float:left; width:calc(48% - 294px);}
.picSlide { position:relative; float:left; width:588px; margin:0 2%;}
.textList h2 { font-size:20px; line-height:50px; font-weight:bold; font-family:arial;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.textList p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#616161; font-size:14px; height:75px; line-height:25px; overflow: hidden;}
.textList a { margin-top:24px; transition:all 0.3s; display:block; width:80px; height:29px; background:#e3e3e3; color:#616161; font-size:10px; line-height:29px; text-align:center; font-family:arial;}
.textList li{ margin-top:28px; margin-bottom:80px;}
.textList a:hover { color:#fff; background:#02418e;}
.picSlide .swiper-button-next:after { content:'';}
.picSlide .swiper-button-next { outline:none; background:url(../images/next.jpg) center no-repeat; width:31px; height:31px; right:0; top:-14px;}
.picSlide .swiper-button-prev:after { content:'';}
.picSlide .swiper-button-prev { outline:none; background:url(../images/prev.jpg) center no-repeat; width:31px; height:31px; right:34px; left:auto; top:-14px;}
.kable h3 {    position: relative;
   font-size:30px;
    color: #5e5e5e;
    font-family: Arial;
    line-height: 40px;
    padding-top: 70px;}
.kable h3:before {
    content: '';
    width: 1px;
    height: 54px;
    background: #adadad;
    position: absolute;
    left: 50%;
    top: 0;
}

.kable { text-align:center; padding:40px 0 6vw;}
.kableImg img { display:inline-block; margin:0 2.5px;}
.kable h2 { font-size:40px; font-family:font1; color:#767a80; line-height:2;}
.kable a { color:#333; font-size:14px; display:block; font-family:arial; margin:3vw auto 0; width:150px; line-height:40px; border:1px solid #333; border-radius:30px;}
.kable a:hover{ background:#02418e; color:#fff; border:1px solid #02418e;}
.kable p { font-size:16px; line-height:2; color:#5c6167;}
.kableImg { padding:3vw 0;}
.contactBox { overflow:hidden; position:relative;}
.contactImg { width:46%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.contactImg img { display:block; width:100%;}
.contactForm { padding-top:150px; float:right; width:54%; text-align:center;}
.contactForm h2 { position:relative; color:#292c3d; font-size:25px; line-height:40px; font-family:font1; position:relative;}
.contactForm h2:before { content:'';width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px; }
.contactForm p { color:#868686; font-size:16px; line-height:50px; font-family:arial; font-weight:200;}
.contactForm p img { margin-right:2px; vertical-align:-1px;}
.contactForm p span { margin:0 0.35vw;}
.formTxt { text-align:left; width:80%; margin:3.125vw auto 0; padding-bottom:4vw;}
.formTxt li{ margin-bottom:25px; overflow:hidden; line-height:50px;}
.formTxt li b { width:96px; color:#868686; text-align:right; float:left;}
.formTxt li input { width:calc(50% - 96px); float:left; box-sizing:border-box; height:50px; border:1px solid #e1e1e1; text-indent:10px;}
.formTxt li textarea { width:calc(100% - 96px); box-sizing:border-box; resize:none; float:left; height:96px; border:1px solid #e1e1e1; outline:none; text-indent:10px; }
.formTxt button { margin-left:96px; width:165px; font-size:14px; color:#fff; background:#02418e; height:51px; transition:all 0.5s;}
.formTxt button:hover { background:#02418e; text-decoration:underline;}
.newsBar { background:#eeeeee; overflow:hidden; padding:8vw 6vw 4vw;}
.newsTag { margin-bottom:20px; text-align:center; position:relative; font-size:14px; color:#b2b1b1; line-height:30px;}
.newsTag:after { content:'';width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px; }
.newsList { width:50%; float:left;}
.titBar { font-size:0; text-align:center; vertical-align:middle;}
.dateBox { background:#02418e; box-sizing:border-box; padding-top:15px; vertical-align:middle; display:inline-block; width:128px; height:128px; color:#fff;}
.titBox { background:#02418e; vertical-align:middle; display:inline-block; width:53%; box-sizing:border-box; padding:0 1.5vw;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; font-family:font1; font-size:18px; line-height:76px;}
.dateBox p { font-size:65px; line-height:70px;}
.dateBox span { font-size:14px;}
.newsInfor { width:80%; color:#868686; margin:2.6vw auto 4vw; height:90px; font-family:arial; text-align:center; font-size:16px; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.newsList .swiper-pagination { bottom:0;}
.newsList .swiper-pagination span { border-radius:0; background:#cdcdcd; opacity:1; width:45px; height:3px;}
.newsList .swiper-pagination span.swiper-pagination-bullet-active { background:#16223a;}
.friend { background:#f2f2f2; padding:6.25vw 4% 4vw;  text-align:center;}
.friend h2 {margin-bottom:20px; text-align:center; position:relative; font-size:25px; font-family:font1; color:#b2b1b1; line-height:30px;}
.friend h2:after { content:'';width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-74px; }
.attList { margin-top:3vw; text-align:center;}
.attList a { margin:0 50px;}
.footer { background:#00244f; border-bottom:1px solid #314161; padding:50px 0 40px;}
.footerBox { width:1240px; overflow:hidden; margin:0 auto;}
.footerBox a.footerLogo { margin-right:100px; float:left;}
.linkList h2 { margin-bottom:10px;}
.linkList h2 a { line-height:30px; font-size:14px; color:#fff; font-weight:bold;}
.linkList { margin-right:200px; float:left;}
.linkList p a { transition:all 0.3s; color:#7b8899; font-size:12px; line-height:30px;}
.linkList p a:hover { color:#fff;}
.linkList:last-child { margin-right:0; float:right;}
.copyRight { background:#00244f;}
.copyRightBox { width:1240px; padding:20px 0 20px; margin:0 auto; color:#7b8899; text-align:center;}

.aboutBanner { width:100%; height:auto;}
.aboutBanner img{ width:100%; height:auto;}
.aboutBox {  margin:0 auto; width:86%; box-sizing:border-box;  min-height:1000px; padding-bottom:120px;}
.aboutCont{ overflow:hidden; }
.leftMenu { width:380px; background:#fff; box-sizing:border-box; float:left;margin-right:50px; padding:0 32px 20px; box-shadow:5px -10px 10px rgba(0,0,0,0.2);}
.leftMenu h2 { font-size:20px; font-weight:bold; line-height:60px;}
.linkMenu a { display:block; background:url(../images/add.jpg) 6px center no-repeat; padding-left:27px; line-height:48px; width:100%; height:48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom:1px solid #d5b60b; font-family:arial; font-size:14px; color:#666666; transition:all 0.3s;}
.linkMenu a:hover,.linkMenu a.cur { color:#ff7a0e;}
.contactLeft h3 { font-weight:bold; color:#5a5a5a; font-size:14px; background:#dddddd; line-height:54px; padding:0 20px;}
.contactLeft { padding-bottom:30px; background:#f6f6f6;}
.contactLeft h4 { font-size:14px; line-height:25px; font-family:arial; color:#6d6d6d; padding:0 22px; margin:15px 0;}
.contactLeft p { padding:0 22px; font-size:14px; color:#6d6d6d;}
.searchBox { margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.4); margin-top:40px; background:#393a3c; padding:0 20px 20px;}
.searchBox p { font-size:14px; color:#fff; font-weight:bold; line-height:45px; margin-bottom:8px;}
.searchBox1{ display:none;}
.searchBar { position:relative;}
.searchBar input { width:100%; height:48px; box-sizing:border-box; padding:0; text-indent:15px; font-size:15px;}
.searchBar button { border:none; width:48px; height:48px; outline:none; background:url(../images/search.jpg) center no-repeat; position:absolute; right:0; top:0;}
.location { line-height:72px; font-size:12px; color:#878787;}
.location a { color:#878787;}
.articleTit { text-align:center; margin-top:8px;}
.articleTit h2 { font-size:30px; font-weight:bold; color:#4d4d4d; line-height:62px;}
.articleTit p { font-size:14px; color:#999999;}
.articleInfor { margin-top:2.6vw;}
.articleInfor { overflow:hidden;}
.articleInfor img { float:left; width:47%; display:block; margin-right:2vw; margin-bottom:1vw;}
.articleInfor p { color:#999999; font-size:14px; line-height:25px; margin-bottom:30px;}
.articleInfor h2 { font-weight:bold; font-size:20px; color:#767676; line-height:32px; margin-bottom:10px;}
.teamBox { background:#f8f8f8; padding:95px 2vw 4vw;}
.teamBox h2 { font-size:30px; margin-bottom:1.6vw; text-align:center; position:relative; font-weight:bold; color:#4d4d4d; line-height:54px;}
.teamBox h2:before { content:'';width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-54px;}
.teamSlide ul { overflow:hidden;}
.teamSlide li { float:left; width:32%; margin-right:2%; overflow:hidden; line-height:46px; margin-bottom:1vw;}
.teamImg { overflow:hidden; box-sizing:border-box; padding:9px; background:#fff; border:1px solid #c9c9c9;}
.teamImg img { display:block; width:100%;}
.teamSlide li:nth-child(3n){ margin-right:0;}
.teamSlide li p { text-align:center; font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teamSlide .swiper-container { padding-bottom:2.5vw;}
.teamSlide .swiper-pagination { bottom:0;}
.teamSlide .swiper-pagination span { width:45px; height:3px; border-radius:0; opacity:1; background:#cdcdcd;}
.teamSlide .swiper-pagination span.swiper-pagination-bullet-active { background:#16223a;}
.advantage { padding-top:100px;}
.advantage>h2 { font-size:30px; margin-bottom:1.6vw; text-align:center; position:relative; font-weight:bold; color:#4d4d4d; line-height:54px;}
.advantage>h2:before { content:'';width:1px; height:54px; background:#adadad; position:absolute; left:50%; top:-54px;}
.advantage ul { overflow:hidden; padding-top:10px; padding-bottom:5vw;}
.advantage li { box-shadow:0 0 10px rgba(0,0,0,0.1); background:url(../images/47.jpg) center no-repeat; background-size:60% auto; border:1px solid #efefef; box-sizing:border-box; padding:30px 0; text-align:center; width:19%; float:left; margin-right:1.25%;}
.advantage li:last-child{ margin-right:0;}
.advantage li h2 { font-size:14px; color:#707070;}
.advantage li p { font-size:3.2vw; color:#02418e; padding:30px;  font-weight:bold;  display:block; margin:0 auto; }
.advantage li p a{color:#02418e;font-weight:bold;}
.advantage li p span {font-size: 2.0vw; color:##02418e;display: inline-block; color:#02418e;font-weight: bold; }



.advantage li span { font-size:1.5vw; color:#ffaa02; font-family:arial; display: inline-block;}
.brand { margin-bottom:9.8vw; background:url(../images/46.jpg) center no-repeat; box-sizing:border-box; padding:50px 4% 50px 34%; background-size:cover;}
.brandTxt { background:rgba(255,255,255,0.2); padding:80px 4% 90px;}
.brandTxt h2{ margin-bottom:40px; font-size:25px; line-height:40px; color:#fff; text-align:center; position:relative; font-family:font1; }
.brandTxt h2:after { content:''; position:absolute; left:50%; top:-54px; height:54px; background:#adadad; width:1px;}
.brandTxt p { text-align:center; color:#fff; font-family:arial; font-size:16px;}
.header .menu { display:none;}
#screen { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2;}
.swiper-button-next { display:block;}
.swiper-button-prev { display:block;}
.classTxt { box-sizing:border-box; padding:0 4%;}
.picSlide img { width:100%; display:block;}
.contactImg {background:url(../images/25.jpg) center no-repeat; background-size:cover;}
.slideTxt { float:left;}
.slideTxt p { padding-left:16px; font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left; width:300px; background:url(../images/circle.png) left center no-repeat; line-height:40px; color:#fff;}
.slideTxt p a { color:#fff;}
.slideTxt { width:calc(100% - 325px); box-sizing:border-box; padding-left:35px;}
.abct{ display:none;}
.aboutLayer3{ width: 100%; padding-bottom: 75px;}
.aboutLayer3 .title h2{ color: #333;}
.aboutLayer3 .title p{ color: #333;}
.title{ width: 100%; padding: 65px 0 45px 0;}
.title h2{ font-size: 25px; color: #fff; padding-bottom: 20px; font-weight: bold; text-align: center;}
.title p{ font-size: 15px; color: #fff; text-align: center;}
.aboutLayer3 .nrBox{ width: 100%; margin: 0 auto; overflow: hidden;}
.aboutLayer3 .nrBox .text{ width: 50%; float: left; text-align: left;}
.aboutLayer3 .nrBox .text h2{ line-height:1; font-size: 125px; color: #8fc31f; font-weight: bold; padding-bottom: 25px;}
.aboutLayer3 .nrBox .text h3{ font-size: 22px; color: #505050; line-height: 22px; padding-bottom: 10px;}
.aboutLayer3 .nrBox .text span{display: block; width: 94px; height: 3px; background: #858585;}
.aboutLayer3 .nrBox .text p{ padding-top: 25px; font-size: 14px; line-height: 36px; color: #505050;}
.aboutLayer3 .nrBox .icon{ float: right; width: 45%;}
.aboutLayer3 .nrBox .icon img{ display: block; width: 100%; height: auto;}
.aboutLayer3 .swiper-container.gallery-top{ width: 100%; padding-top: 20px;}
.aboutLayer3 .swiper-container.gallery-top .swiper-button-next{ border-radius:50%; top: 50%; transform: translateY(-50%); right: 1%; margin: 0; background: url(../images/about_25.png); width: 55px; height: 55px;}
.aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ border-radius:50%; top: 50%; transform: translateY(-50%); left: 1%; margin: 0; background: url(../images/about_22.png); width: 55px; height: 55px;}
.aboutLayer3 .swiper-container.gallery-top .swiper-button-prev:after { content:'';}
.aboutLayer3 .swiper-container.gallery-top .swiper-button-next:after { content:'';}
.aboutLayer3 .nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../images/aboutIcon_06.png) top center no-repeat;}
.aboutLayer3 .nrList .time{ height: 56px; width: 96px; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}
.aboutLayer3 .nrList .time span{position: absolute; display: block; height: 56px; background: url(../images/about_31.png); width: 15px; background-size:100% 100%; top: 0; left:-10%; transform: translateX(-50%);  z-index: 99;}
.aboutLayer3 .nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 96px;}


@media screen and  (max-width:1440px){
	.attList a { margin:0 20px;}
	.aboutBox { width:96%; min-height:1000px; padding-bottom:280px;}
	.contactImg {
    background: url(../images/25.jpg) right no-repeat;}
}
@media screen and  (max-width:1280px){
	.proImg { position:relative; overflow:hidden;}
	
	.footerBox { width:100%; box-sizing:border-box; padding:0 4%;}
	.footerBox a.footerLogo { float:none; margin:0 auto 20px; display:block; text-align:center;}
	.linkList { width:33.33%; margin:0;}
	.linkList:last-child { text-align:right;}
	.copyRightBox { width:100%; padding:0 4%; box-sizing:border-box; line-height:3;}
	.classTxt h2 { font-size:24px; line-height:34px; padding:10px 0;}
	.classTxt h3 { font-size:12px; padding-top:40px;}
	.classTxt h3:before { height:40px;}
	.classTxt a { margin-top:1vw;}
	.classTxt p { max-height:90px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
	.contactImg { display:none;}
	.contactForm { background:rgba(255,255,255,0.8); float:none; width:100%;}
	.contactBox { background: url(../images/25.jpg) center no-repeat; padding:20px; background-size:cover;}
	.newsBar { padding:110px 15px 40px;}
	
}
.shouji{ display:none;}
@media screen and  (max-width:1260px){
	.shouji{ display:block; width:100% !important; margin-right:0 !important; }
	.shouji .en{ margin-left:10px;}
	.shouji a{ color:#000 !important;}
	.gsj{ display:none;}
	.header .logo{  margin-top:0; line-height:80px; }
.brand { margin-bottom:20px;}
	.aboutBox { padding:0 15px; width:100%; box-sizing:border-box;}
	.leftMenu { position:static; width:100%;}
	.nav li { float:none;}
	.slideBox { background:#02418e; position:static; padding:20px 10px;;}
	.slideImg { float:none; width:100%;display:none;; box-sizing:border-box;}
	.slideTxt { float:none; width:100%;  padding:0; margin:0; overflow:hidden;}
	.slideTxt p { float:none; width:100%; padding-left:15px; line-height:2;border-bottom:1px solid #0e5ab8;}
	.nav { box-sizing:border-box; padding-top:30px; position:fixed; left:-110%; top:80px; width:30%; height:calc(100vh - 60px); overflow-y:scroll; z-index:3; background:#fff;}
	.nav h2>a { display:block; float:none; line-height:40px; padding:0 20px; border-bottom:1px solid #0e5ab8;}
	.header { height:80px;  z-index:99999;}
	.hede{ width:100%; height:80px;}
	.header .menu { float:right; padding-right:50px; font-weight:bold; font-size:14px; display:block; background:url(../images/menu.png) right center no-repeat; line-height:80px;}
	.header .logo img { height:40px;}
.leftMenu{ display:none;}

}

@media screen and  (max-width:1100px){
	.brand { margin-bottom:20px;}
	.aboutBox { padding:0 15px; width:100%; box-sizing:border-box;}
	.leftMenu { position:static; width:100%;}
	.nav li { float:none;}
	.nav li h2 { position:relative;}
	.nav li h2 b { position:absolute; width:35px; height:40px; left:0; top:0; background: url(../images/arrJt.png) center no-repeat; background-size:100% auto; transition:all 0.3s; background-size:20px auto;}
	.nav li:hover h2 b { transform:rotate(90deg);}
	.slideBox { background:#02418e; position:static; padding:20px 10px;}
	.slideImg { float:none; width:100%;display:none; box-sizing:border-box;}
	.slideTxt { float:none; width:100%;  padding:0; margin:0; overflow:hidden;}
	.slideTxt p { float:none; width:100%; padding-left:15px; line-height:2;border-bottom:1px solid #0e5ab8;}
	.nav { box-sizing:border-box; padding-top:30px; position:fixed; left:-110%; top:80px; width:30%; height:calc(100vh - 60px); overflow-y:scroll; z-index:3; background:#fff;}
	.nav h2>a {padding: 0 0 0 35px; display:block; float:none; line-height:40px; border-bottom:1px solid #0e5ab8;}
	.header { height:80px;  z-index:99999;}
	.hede{ width:100%; height:80px;}
	.header .menu { float:right; padding-right:50px; font-weight:bold; font-size:14px; display:block; background:url(../images/menu.png) right center no-repeat; line-height:80px;}
	.header .logo img { height:40px;}
.leftMenu{ display:none;}	
.searchBox1 { margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.4); margin-top:40px; background:#393a3c; padding:0 20px 20px; display:block;}
.searchBox1 p { font-size:14px; color:#fff; font-weight:bold; line-height:45px; margin-bottom:8px;}
.abct{ width:100%; height:50px; line-height:50px; font-size:25px; font-weight:bold; display:block; text-align:center;}
}
@media screen and  (max-width:1080px){
	.aboutLayer3 .swiper-container.gallery-top .swiper-button-next{ display: none;}
.aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ display: none;}
.aboutLayer3 .nrBox{ width: 96%; margin: 0 auto;}
.aboutLayer3 .nrBox .text{ width: 100%;}
.aboutLayer3 .nrBox .text h2{ font-size: 55px; text-align: center;}
.aboutLayer3 .nrBox .text h3{ text-align: center;}
.aboutLayer3 .nrBox .text span{ margin: 0 auto;}
.aboutLayer3 .nrBox .text p{ font-size: 12px; line-height: 22px;}
.aboutLayer3 .nrBox .icon{ width: 100%; padding-top: 30px;}
.brand { padding:50px;}
.proList li { width:49%; margin-right:2%}
.proList li:nth-child(2n) { margin-right:0;}
.caseLeft { width:100%;}
.smallCase a { height:350px;}
.caseList { padding:0 15px; margin-top:15px;}
.caseLeft { margin-bottom:8px;}
.caseCenter { width:100%; margin:0;}
.caseCenter a { height:400px; margin-bottom:8px;}
.txtInfor { padding:70px 15px 30px;}
.textList { float:none; width:100%}
.textList:last-child { display:none;}
.picSlide { position:relative; width: 100%; margin:0  auto;}

.textList h2 { font-size:20px; line-height:30px; font-weight:bold; font-family:arial;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.textList p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#616161; font-size:14px; height:60px; line-height:20px; overflow: hidden;}
.textList a { margin-top:0px; transition:all 0.3s; display:block; width:80px; height:29px; background:#e3e3e3; color:#616161; font-size:10px; line-height:29px; text-align:center; font-family:arial;}
.textList li{ margin-top:18px; margin-bottom:80px;}


}
@media screen and  (max-width:980px){
	.textList li{ margin-top:28px; margin-bottom:40px;}
.aboutBanner { width:100% }
.newBox .swiper-container { padding-bottom:20px;}
.titBox { width:calc(100% - 80px); line-height:50px; font-size:14px; box-sizing:border-box;}
.dateBox p { font-size:30px; line-height:40px;}
.dateBox { width:80px; padding-top:8px; height:80px;}
.formTxt button { background:#999; height:40px;}
.newsList { width:100%;}
.contactForm p { line-height:2; font-size:14px;}
.contactForm h2:before { width:0;}
.contactForm { box-sizing:border-box; padding:20px 10px;}
.contactForm p span { display:block;}
.textList { float:none; width:100%}
.picSlide { width:100%; margin:0;}
.smallCase a { height:200px;}
.bigCase a { height:400px;}
.formTxt li input { height:40px;}
.formTxt li { line-height:40px;}
.classList { padding:0 15px; margin-bottom:15px;}
.classTxt h2 { font-size:18px; line-height:1.5; padding:0;}
.classTxt p { margin:10px 0; font-size:12px; line-height:1.5; color:#333;}
.classTxt a { display:block; background:#02418e; color:#fff; padding:0 10px;}
.classList li { margin-top:15px;}
.classImg { float:none; width:100%;}
.classTxt { background:rgba(255,255,255,0.8); width:100%; left:4%; top:4%; right:4%; bottom:4%; width:92%; height:92%;}
.classList li:nth-child(2n) .classTxt { left:4%}
.classTxt h3 { display:none;}
}
.gywm{max-width: 1800px; overflow: hidden;margin: 0 auto; padding: 100px 0;}
.gywm_tp{
    float: left;
    width:50%;
    overflow: hidden;
}
.gywm_tp img{width:100%;}
.gywm_text{width:46%; float: right; padding-top: 50px;}
.gywm_tit{background: url(../images/a_01.jpg) no-repeat top right;}
.tao1{width:45px; height: 3px; background: #000; overflow: hidden; margin-bottom: 55px;}
.gywm_tit h4{font-size: 24px; color: #666;}
.gywm_tit h2{font-size: 36px; color: #135da9; line-height: 90px; padding-bottom: 30px;}
.gywm_tit p{font-size: 16px; line-height:30px;color: #666666; margin-bottom:20px;}
.gywm_tit a{transition: All 0.4s ease-in-out;display: block;width:198px; height: 58px; border:1px solid #333; font-size: 16px; color: #000; line-height: 58px; text-align: center; margin-top: 50px;}
.gywm_tit a:hover{color: #fff; background: #02418e;}
.gywm_tit span{
    font-size: 18px;
    vertical-align: middle;
}
@media screen and  (max-width:840px){
	.linkList { width:50%;}
	.linkList:last-child { float:left; text-align:left; }
	.location { line-height:36px;}
	.articleTit h2 { font-size:18px; line-height:2;}
	.articleTit p { font-size:12px;}
	.articleInfor img { float:none; width:100%;}
	.articleInfor h2 { font-size:16px;}
	.articleInfor p { font-size:13px; margin-bottom:10px;}
	.gywm_tp,.gywm_text{ width:100%;}
	
}
@media screen and  (max-width:780px){
	.header .logo{ padding-left:0;}
.linkList{ margin-bottom:20px;
}
.gywm{ padding-top:50px;}
.attList img { height:40px;}
.friend h2 { font-size:20px;}
.newsInfor { font-size:14px; line-height:1.5;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
.newsBar { padding:20px 15px 0;}
.newsList { margin-bottom:20px;}
.newsTag { margin-bottom:10px;}
.caseTit {padding-top:20px;}
.textList h2 { font-size:16px; line-height:2;}
.textList p { font-size:14px; line-height:1.5; height:auto;}
.textList a { margin-top:15px;}
.txtInfor { padding:20px 15px 20px;}
.textList li { margin-top:0;}
.caseTit h2 { font-size:20px; line-height:2; }
.smallCase a { height:150px;}
.caseTag { height:30px; line-height:30px;}
.caseTag p { font-size:14px;}
.bigCase a { height:300px;}
.caseCenter a { height:300px;}
.productTit p { font-size:20px; line-height:2;}
.productTit span { font-size:12px; line-height:1.5;}
.kableImg img { max-width:100%; margin:0;}

.product { padding:20px 4% 0;}
.proImg {}
.proList li p { line-height:3; font-size:12px;}
.nav { width:50%; box-sizing:border-box; padding-top:20px; margin-top:-20px;}
.header { height:60px; padding:0 3%;}
.hede{ width:100%; height:60px;}
.header .logo img { height:30px;}
.header .menu { line-height:60px; font-size:12px;}
.header .logo { line-height:60px;}
.nav h2>a { padding:0 0 0 35px;}
.proList .swiper-pagination span { width:30px; height:3px;}
.classification { padding:20px 4%;}
.classification h2 { font-size:20px; line-height:2;}
.classification p { font-size:14px;}
.classification a { margin-top:20px;}
.kable h3 { padding-top:0;}
.kable { padding:20px 15px;}
.kable h2 { font-size:20px;}
.kable p { line-height:1.5; font-size:14px;}

.formTxt li input { float:none; width:100%;}
.formTxt li textarea { float:none; width:100%;}
.formTxt { width:100%; margin:0 auto;}
.formTxt li b { float:none; text-align:left;}
.contactBox { padding:20px 15px;}
.formTxt li { margin-bottom:0;}
.formTxt button { margin:0 auto; display:block;}
.teamBox { padding:20px 2vw;}
.teamBox h2 { font-size:20px; line-height:2;}
.teamSlide li { width:49%; margin-bottom:5px; margin-right:0;}
.teamSlide li:nth-child(2n){ float:right;}
.teamSlide li p { font-size:12px; line-height:2;}
.teamImg { padding:3px;}
.advantage { padding:0;}
.advantage>h2 { font-size:20px; margin-top:20px; line-height:2;}
.advantage li { float:none; display:inline-block; padding:15px 0; margin-bottom:10px; width:30%;}
.advantage ul { text-align:center;}
.advantage li p { font-size:25px;}
.brand { padding:20px 15px;}
.leftMenu { padding:0 15px 15px;}
.copyRightBox { text-align:center; line-height:1.5;padding:15px 0;}
.brandTxt { padding:20px 4%;}
.brandTxt h2 { font-size:18px; line-height:1.5; margin-bottom:10px;}
}
@media screen and  (max-width:480px){
.proImg { }
}
.nav .on{ color:#fff !important; background:#02418e;}
.proList li .view1{  margin:15px auto;width: 130px; height: 34px; box-sizing: border-box;padding: 0 10px;-moz-border-radius: 50px; border-radius: 50px; line-height: 32px; color: #369be9; border: 1px solid #369be9; font-size: 14px;  text-align: center; color: #369be9; background-color: #fff; }
.proList li .view1:hover { color: #fff; background-color: #369be9; }
.gsj{ width:100%; height:35px; background:#02418e;}
/* 本例子css */
.kbl{ width:20%; float:left; padding-left:50px; line-height:35px; color:#fff;}
.infoList{ padding-right:50px; width:50%; float:right;}
.infoList li{ height:35px; line-height:35px;  float:right; margin-left:25px; padding-left:25px; background:url(../images/sj_1.png) center left no-repeat;  }
.infoList li a{ color:#fff;  }


.ewm img{ max-width:160px;}
.language{ float:right; margin-right:50px;}
.language a{ color:#fff; padding-left:24px; line-height:35px;}
.language a:first-child{ margin-right:10px;}
.en{ background:url("../images/en.jpg") center left no-repeat;}
.sp{ background:url("../images/sp.jpg") center left no-repeat;}





@media screen and  (max-width:1800px){
	.gywm{max-width: none; width:92%; padding-left:4%; padding-right:4%;}

	
}
@media screen and  (max-width:1600px){
	.gywm_text{ padding-top:30px;}
.two{ display:none;}
}


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

/*移动端底部导航*/
.phonefooternav {
  position: fixed; 
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99999;
}
.phonefooternav *{ box-sizing:border-box;}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #666;
  list-style: none;
}
.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 10px 0;
}
@media (max-width: 768px) {
.copyRight{ margin-bottom:64px;}
  .phonefooternav {
    display: block;
  }
  .animated{animation-duration:0s;}
  #footer{ margin-bottom:78px;}
  .ui[class*="two column"].grid>.column:not(.row), .ui[class*="two column"].grid>.row>.column{ width:100%;}
  #index-body .i-news .new-list > .column:nth-child(odd){ padding-right:0 !important;}
  #index-body .i-news .new-list > .column:nth-child(even){ padding-left:0 !important;}
  .phonefooternav ul li a i {
    font-style:normal;
  }
   .foot-ms-h {
        width:100%;
        height:60px;
        display:block;
    }
  .fix-contact{ bottom:20%;}
  .n-img{ width:100%; margin-bottom:15px;}
}
@media (max-width: 480px) {
  .phonefooternav ul li {
    padding: 5px 0px;
  }
  .phonefooternav ul li a i {
    padding: 5px 0px; font-style:normal;
  }
  #footer{ margin-bottom:57px;}
 .ui.menu{ flex-direction:column; text-align:center; display:block;}
 .ui.menu .item{ width:100%;text-align:center;display:block;justify-content: center;align-items: center}
 .ui.menu .item a{ display:block;}
 .ui.menu .right.item{ flex:0;}
 #footer .f-bot .f-cp{ display:none;}
 #footer .f-bot .f-cp a:last-child{ margin-left:0; display:none;}
 #footer .f-bot{ height:auto;}
 .ui[class*="four column"].grid>.column:not(.row), .ui[class*="four column"].grid>.row>.column{ width:100%;}
 #footer .f-mid .f-bar.f-qr img{ float:left !important;}
 .f-qr{ text-align:left !important;}
 #index-body .i-about .a-box .a-pic{ height:300px;}
  #index-body .i-about .a-box .a-con{ height:640px;padding: 40px 30px 0 30px!important;}
  #index-body .i-about .a-box .a-con .a-intro{ height:auto;}
}