@charset "utf-8";

@font-face {
font-family: "classic";
src: url("../css/classic.woff.txt") format("woff2"),
       url("../css/classic.woff.txt") format("woff"),
       url("../css/classic.txt") format("truetype"),
       url("../css/classic.eot.txt") format("embedded-opentype"),
       url("../css/classic.svg.txt") format("svg");
}

@font-face {
font-family: "akr";
src: url("../css/akr.woff2.txt") format("woff2"),
       url("../css/akr.woff.txt") format("woff"),
       url("../css/akr.ttf.txt") format("truetype"),
       url("../css/akr.eot.txt") format("embedded-opentype"),
       url("../css/akr.svg.txt") format("svg");
}


/*简介*/
.content1{ width:1400px; margin:0 auto; position: relative;}
.com_box{width:100%;height:770px; background: url(../images/aboutl.png) #fff no-repeat left -26px bottom;    z-index: 0;}
.com_tt{width:50%; float:right; padding-top:5.6%; position:relative}
/*.com_tt:before { content: "";position: absolute;width:257px;height:806px;background: rgba(0,0,0, 0.8); right:-31.5%;top: 0px; z-index: -1;}*/
.com_bt{font-size:2.5vw;color:#272d2f;line-height:2.5vw;margin-bottom:1.1vw; font-family: "HuXiao"; font-weight:lighter; margin-left:8%;}
.com_bt span{display:block;font-size:1.6vw;color:#666;text-transform:uppercase;font-family:Arial; font-weight:lighter;}
.com_nr{font-size:0.9vw;color:#333;line-height:30px;margin-bottom:2%; font-weight:lighter; width:85%;text-align:justify; margin-left:8%; margin-right:7%; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

.com_more{width:107px;height:107px;background:#003894;text-align:center;line-height:99px; float:left;}
.com_more a{color:#fff;font-size:76px;  }
.com_more a:hover{font-size:76px;}
/*zz*/
.zz_box{width:100%;padding:5px 0px 3% 14%;}
.zz{width:100%; margin:0px auto; overflow: hidden; z-index: 9999}
.zz .m_zz ul{width:100%; position: relative;}
.zz .m_zz li{padding:0px 12% 0 0;box-sizing:border-box;overflow:hidden;float:left;text-align:center;position:relative;}
.zz .m_zz li:nth-child(3){ padding:0px;}
.zz .m_zz li em{display: block; position: relative;width:100px; float: left; left:28%;}
.ttb{float: left;font-size:58px; color:#003894; font-family:"akr";font-weight: bold; font-style: normal; line-height:65px;}
.zz .m_zz li em i{ font-size:16px;color:#003894;text-align:center;line-height:22px;width:22px;height:22px;display: block;position:absolute;top:34px;right:28px;border-radius:50px;}
.zz .m_zz .zz1{width:100%; }
.zz .m_zz .zz1 h3{font-size:17px; color:#1f1f1f; width:100%; float: left; line-height: 30px; font-weight: 80; text-align: center;}
.zz .m_zz .zz1 p{ text-align: center; line-height: 20px; height: 40px; box-sizing: border-box; font-size: 15px; color: #fff; display: block;white-space: nowrap;  width:300px; float: left; padding-top: 6px;}
.zz .m_zz li:nth-child(2) em{width:100px;left:34%;}
.zz .m_zz li:nth-child(3) em{width:125px;left:19%; padding:0 0 0 0 !important;}
.zi9{ right:11px !important;}


.indexInfo{display: block;overflow: hidden;background: #fff;}
.indexInfo .video{position: relative;float: left;width:50%;}
.indexInfo .video[data-index="false"]::after{content: '';display: block;position: absolute;left:50%;top: 50%;background: url(http://www.guohaoseals.com/uploadfiles/20240727/20240727195759_0127.png) no-repeat center;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.indexInfo .video video{width:100%;height: calc(80vh - 0px); object-fit:fill;}
/*@media (max-width:1440px){.indexInfo .text{width: 610px;padding-top: 70px;}
.indexInfo .video{width: 590px;}
.indexInfo .video video{width:655px;height: 630px;}
.indexInfo .video[data-index="false"]::after{left: 56%;}
.indexInfo .video{margin-top: 10px;float: none;width: 100%;}
.indexInfo .video video{width: 100%;height: 350px;}
.indexInfo .video[data-index="false"]::after{left:50%}}*/


/*首页产品*/
.index-pro{padding: 80px 0;}
/*.index-pro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important;}*/
.index-pro .swiper-pagination{ left:50% !important;}
.index-pro .swiper-pagination-bullet-active{background: #003894!important;}
.index-pro .swiper-pagination-bullet{width: 30px!important;height: 8px!important;border-radius: 0;background: #abacaf;opacity:1!important;margin:0 5px;}
.index-pro-con{padding-top: 42px;}
.index-pro-con .col-sm-6{width: 50%;}
.index-pro-con dd{position:relative; margin-bottom: 50px;}
.index-pro-con dd .img{overflow: hidden;}
.index-pro-con dd img{width: 100%; border: 1px solid #dbdbdb;}
.index-pro-con dd .txt{height:50px;width:92.4%;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;margin: 0 4%;}
.index-pro-con dd .txt span{display: block; text-align: center; color: #fff; margin:12px 0 10px 0; font-size: 18px; font-weight: bold;}
.index-pro-con dd .txt em{display: block; padding: 0px 15px; line-height: 28px; font-size:.93em; color: #fff;}
.index-pro-con dd .txt p{width: 136px;line-height: 35px;text-align: center;border: 1px solid #fff;border-radius: 20px;margin: 10px auto 0;font-weight: bold;}
.index-pro-con dd .txt p a{color: #fff;}
@media (max-width: 991px){.index-pro{padding: 30px 0;}.index-pro-con dd{position: inherit; margin-bottom: 20px;}.index-pro-con dd img{width: 100%; display: block; overflow: hidden; border-bottom: 1px solid #dbdbdb;}.index-pro-con dd .txt{display: block; width: 100%; height: auto; background:none; position: inherit; margin: 0;}.index-pro-con dd .txt span{color: #666; font-size: 16px;}.index-pro-con dd .txt em,.index-pro-con dd .txt p{display: none;}}
.pro-sc-swiper{padding-bottom: 50px; position: relative;}
.pro-sc-swiper .pro-sc-txt{width: 100%; position: absolute; top:170px; left: 0; z-index: 999;}
.pro-sc-swiper .pro-sc-txt span{display: block; width: 100%; text-align: center; margin-bottom: 16px;}
.pro-sc-swiper .pro-sc-txt span a{color: #6c6c6c; padding: 0 7px;}
.pro-sc-swiper .pro-sc-txt em{display: block; width: 100%; text-align: center; font-size:16px; font-weight:500;}
.pro-sc-swiper .pro-sc-txt em a{color: #000; font-size:22px; width:34px; height:34px; margin:auto; background:#fff; border-radius:34px; box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:0.3s all ease; filter:alpha(opacity=0); border-radius: 50px; transition: 0.3s all ease;}

.pro-sc-swiper .pro-sc-txt em a:hover{ background:#003894; color:#fff;}



/*.pro-sc-swiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important;}*/
.pro-sc-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ left:50% !important;}

.pro-sc-swiper .swiper-button-prev:after{ font-size:0px; }
.pro-sc-swiper .swiper-button-next:after{ font-size:0px; }

.pro-sc-swiper .swiper-pagination-bullet-active{background: #003894!important;}
.pro-sc-swiper .swiper-pagination-bullet{width: 30px!important;height: 5px!important;border-radius: 0;background: #abacaf;opacity:1!important;margin:0 5px;}
@media (min-width: 769px){.swiper-pro{--swiper-navigation-color: #fff; --swiper-navigation-size: 16px;} .swiper-pro .swiper-button-next, .swiper-pro .swiper-button-prev{width: 48px; height: 48px; border-radius: 50%; margin-top: -24px; background: #003894; transition: 0.3s;} .swiper-pro .swiper-button-prev{left: calc((25% - 44px - 24px));} .swiper-pro .swiper-button-next{right: calc((25% - 44px - 24px));} .swiper-pro .swiper-button-next:hover, .swiper-pro .swiper-button-prev:hover{background: #b81a20;} .swiper-pro .swiper-button-prev i{font-size: 50px; color: #fff; position:relative; left:12px; top: -2px;} .swiper-pro .swiper-button-next i{font-size: 50px; color: #fff; position:relative; left:16px; top: -2px;}}
.swiper-pro{/* --swiper-theme-color: #53b255;*/}
.swiper-pro li{padding:5px 10px 36px 10px; width: 50vw; position: relative;}
.swiper-pro li .tit{width: 100%; text-align: center; font-size:1.9em; font-weight:500; color: #0c0c0c; position:absolute; top:50px; left: 0;z-index: 999;}
.swiper-pro li .txt{width: 100%; line-height:28px; color:#000; text-align: center; position:absolute; top:100px; font-size:0.98em; left: 0;z-index: 999; font-weight:lighter;}
@media (max-width: 991px){.swiper-pro li{margin-bottom: 20px;}.swiper-pro li .tit{font-size: 16px;top: 10px;}.swiper-pro li .txt{display: none;}.pro-sc-swiper .pro-sc-txt{top: 50px;} .pro-sc-swiper .pro-sc-txt span{width: 80%; margin: 0 auto; line-height: 18px; margin-bottom: 5px; font-size: 12px;} .pro-sc-swiper .pro-sc-txt span a{padding: 0 3px;} .pro-sc-swiper .pro-sc-txt em{font-size: 14px;}}
.swiper-pro li img{display: block; width: 100%;}
.swiper-pro a{display: block; position: relative;}
.swiper-pro a .info{position: absolute; left: 0; right: 0; bottom: 0; height: 0.68rem; line-height: 0.68rem; background: linear-gradient(90deg, #53b255, #38a9bf); text-align: center; color: #fff; font-size: 24px;}
@media (max-width: 1440px){.swiper-pro li{padding: 0 30px;} .swiper-pro .swiper-button-prev{left: calc((25% - 30px - 24px));} .swiper-pro .swiper-button-next{right: calc((25% - 30px - 24px));}}
@media (max-width: 1200px){.swiper-pro li{padding: 0 20px;} .swiper-pro .swiper-button-next, .swiper-pro .swiper-button-prev{width: 40px; height: 40px; margin-top: -20px;} .swiper-pro .swiper-button-prev{left: calc((25% - 20px - 20px));} .swiper-pro .swiper-button-next{right: calc((25% - 20px - 20px));}}
@media (max-width: 992px){.swiper-pro a .info{font-size: 16px;}}
@media (max-width: 768px){.swiper-pro{/* --swiper-navigation-color: #53b255; --swiper-navigation-size: 30px;*/} .swiper-pro .swiper-button-prev{left: 2px; width: auto; margin-top: -40px;} .swiper-pro .swiper-button-next{right: 2px; width: auto; margin-top: -40px;} .swiper-pro li{padding: 0 5px; width: 86vw;} .swiper-pro li a{padding-bottom: 40px;} .swiper-pro li .info{position: relative; display: block; font-size: 16px;}}


/*应用*/
.technol{ margin-top:2%;}
.technol .pro_tit span{ padding-top:80px;}
.technol ul{width:92.8%; margin:auto; overflow: hidden; margin-top:52px;}
.technol-list li{ float: left; width:23.4%; margin:0 0.8% 2.4% 0.8%;/*box-shadow: 0 0 15px 0px rgba(0,0,0,0.09);*/}
.technol-list li:nth-child(4n+1){ clear: both;}
.technol-list .item{ display: block;}
.technol-list .item .img{ position: relative; overflow: hidden; display: block; }
.technol-list .item .img-vertical i{ padding-bottom: 67.021277%; }
.technol-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0;  text-align: center; overflow: hidden;}
.technol-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:15.6% 20px;}
.technol-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.technol-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size:15px; line-height: 28px; max-height:84px; overflow: hidden;}
.technol-list .item .pop span{ display: inline-block; width:48px; height:48px; }
.technol-list .item .text{ padding: 0 0 0 0;}
.technol-list .item .tit{ position: relative;}
.technol-list .item .tit span{ display: block; color:#fff; font-size:18px; width:100%; font-weight:lighter; margin-top:-40px; text-align:center;}
.technol-list .item .tit i{position: absolute; top:0; left:0; line-height:26px;  background: url(../images/ico_heart.png) no-repeat left; padding-left:30px; top: 15px; float: right; color:#042452; font-weight:lighter;font-size:26px; font-style: normal; cursor: pointer;}
.technol-list .item .des{ margin-top: 8px; /*font-size: 12px;*/ color:#fff;}
.technol-list .item .des span{ margin: 0 11px;}
.technol-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}

.technol-list .item .tit{position: relative;}

.technol-list .item:hover .tit:after{ content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.technol-list .item .text:after{transform: scale(1);transform-origin:left; height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.fa-angle-left:before {content: "\e605"; }

.fa-angle-right:before {content: "\e600";}

.swiper-pro .swiper-button-prev i{font-size:27px; color: #fff; position: relative; left:0px; top:2px;}
.swiper-pro .swiper-button-next i{font-size:27px; color: #fff; position: relative; left:0px; top:2px;}

/* 合作伙伴 */
.partner{padding-top:1px;padding-left:1px;overflow:hidden; width: 91.3%; margin:auto;} 
.partner ul{ border-left:1px solid #d9d9d9;}
.partner li{float:left;width:16.72%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:62%;}
.partner li p{color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;  background: linear-gradient(90deg,#0248bb,#003894); }
.partner li:hover{z-index:2;border:1px solid #003894;}
.partner li:hover p{bottom:0;}
.partner li:hover img{margin-top:-15px; filter: saturate(100%);}


/* 新闻快讯 */
.news{overflow:hidden;background:#f1f1f1; padding:4.4% 0 3.4% 0; font-size:.875em;}
.news .title{text-align:center;font-size:3em;color:#333;}
.newsMenu{margin:25px 0 44px 0;font-size:16px;text-align:center;}
.newsMenu a{position:relative;margin:0 12px;display:inline-block; font-size:17px;color:#343434;line-height:42px; z-index:3;transition:0.3s all ease; background:#ff000; width:147px;}
.newsMenu .on{color:#fff; background: linear-gradient(90deg,#0248bb,#003894); box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:0.3s all ease; filter:alpha(opacity=0); border-radius: 50px; transition: 0.3s all ease;}
.newsMenu a.on::after,.caseMain li a:hover::after{width:100%;}



.newsMain{overflow:hidden;margin-right:-40px;}
.newsMain li{float:left;width:33.3%;padding-right:40px;overflow:hidden;}
.newsMain li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;}
.newsMain li .bgImg{height:260px;transition:all .6s;}
.newsMain li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;padding:25px 0 15px 0;transition:all .3s;}
.newsMain li p{height:100px;border-bottom: 1px solid #e5e5e5;margin-bottom:30px;line-height:1.8;}
.newsMain li .date{display:block;font-size:12px;}
.newsMain li .date i{font-style:normal;margin-left:20px;opacity:.6;}
.newsMain li:nth-child(2),.newsMain li:nth-child(3){margin-bottom:25px;}
.newsMain li a:hover .bgImg{transform: scale(1.1);}
.newsMain .pic h4{background:#f2f2f2;z-index:2;position:relative;}
.newsMain .txt a{padding:25px 0;}
.newsMain .txt h4{padding-top:0;}
.newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsMain .txt a:hover .bgImg{opacity:.2;}
.newsMain .txt a:hover{color:#fff;background-color:#003894;padding:25px;}
.newsMain .txt a:hover h4{color:#fff;}


/*友情链接*/
.links{height:50px; font-size:15px;color: #7c7c7c;}
.links a{color:#999; margin-left:10px; font-size:15px;  font-weight: 100;}


@media (max-width: 170px){.com_box{background: url(../images/aboutl.png) #fff no-repeat left -97px bottom;}}


@media (max-width: 1680px){.com_box{background: url(../images/aboutl.png) #fff no-repeat left -97px bottom;}}

@media (max-width: 1600px){
.com_box{background: url(../images/aboutl.png) #f5f5f5 no-repeat left -150px bottom;}
.com_nr{line-height:25px; font-size:14px;  margin-bottom: 1%;}

}

@media (max-width: 1550px){
.com_box{ background: url(../images/aboutl.png) #fff no-repeat left -150px bottom; }
.zz .m_zz li {padding: 0px 9% 0 0;}}

@media (max-width: 1800px){
.com_box{ background: url(../images/aboutl.png) #fff no-repeat left -75px bottom;
}}


@media (max-width: 1700px){
.com_box{ background: url(../images/aboutl.png) #fff no-repeat left -119px bottom;
}}



@media (max-width: 1440px){
.com_box{ background: url(../images/aboutl.png) #f5f5f5 no-repeat left -150px bottom;
}}