/**.fp-tableCell{background:url(/uiFramework/commonResource/image/2021062415231989583.jpeg);}
#section5 .fp-tableCell{background:none!important;}
#product{height:600px;}**/



.con_02,.con_03,.con_04{max-width:1400px; margin:0 auto;margin-top:115px;}
.con_05 {margin-top:115px;}
.dhyt{ margin:0 auto; overflow:hidden;margin-top:100px;}
.dsp_bg{background:#f5f5f5;}
.FfooZ .banquan li{text-align:left;}
.ceshi{border:1px solid red;background:red;}
/**banner**/
.swiper-container2 .swiper-slide{background-size:cover!important;}
.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:25px; height:30px;  text-align:center; background:url(/uiFramework/commonResource/image/2020071410473132084.png) no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{  width:60px; height:30px; margin-top:5px;background:url(/uiFramework/commonResource/image/2020071410472482780.png) no-repeat; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.swiper-pagination-bullet-active{  }
.swiper-pagination-bullet{  }

/* 绌虹洅瀛 */
.pcNone{display:none;}
.biaoti{display:none;}
/**.con_02, .con_03, .con_04{margin-top:0;} 
.con_02, .con_03, .con_04{background: #fff; padding: 30px;}**/



/* 杞挱鍥 */
 
#slide{width:49%;}
#paginations{    width: 200px !important;left: 500px;top: 480px;}
.swi1 .swiper-pagination-bullet { width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;}
.swi1 .swiper-pagination-bullet-active{width: 37px;height: 9px; border-radius: 18px;background: url(/uiFramework/commonResource/image/2020073115415227836.png);background-size: contain;}

.swi1{width:100%;height: 517px;overflow: hidden; position: relative;}
.swi1 img{width:100%;height: 100%;}
.swi1 .kuai{width:100%;height:100%;}
.swi1 .kuai img{width:100%;height:100%;}
.swi1 .kuai .tit{width:100%;height:60px;line-height: 50px;background:rgba(109,100,96,0.5);position: absolute;bottom:0px;padding-left:45px;text-align: left;}
.swi1 .kuai .tit a{color:#fff;}
.tpxw-width {width:100%;height: 517px; float: left; overflow: hidden; position: relative;}
.slideBox .hd {height: 30px;overflow: hidden; position: absolute; right: 15%; bottom: 5px; z-index: 100;}
.slideBox .hd ul li { float: left;  margin-right: 2px; width: 25px;height: 30px; text-align: center; background: url(/uiFramework/commonResource/image/2020071410473132084.png) no-repeat; cursor: pointer;}
.slideBox .hd ul li.on { width: 60px; height: 30px;margin-top: 5px; background: url(/uiFramework/commonResource/image/2020071410472482780.png) no-repeat;}
.tpxw-width .bd {width: 100%; height: 100%;position: relative;}
.tpxw-width .bd .tit {height: 50px;line-height: 50px; padding-left: 20px; display: block; position: absolute; color: #fff; z-index: 99; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); background-color:rgba(149,145,147,0.4);  font-size: 16px; bottom: 0;
    left: 0;
    right: 0;text-align: left;
}
.tpxw-width .bd .tit a{color:#fff}

#pre1{top: 50%;left: 5%;background-image: url(/uiFramework/commonResource/image/2020072215325953099.png);}
#next1{top: 50%;right: 5%;background-image: url(/uiFramework/commonResource/image/2020072215324983494.png);}

.swiper-container2{width:100%;}
.swiper-container2 .swiper-wrapper .swiper-slide img{width:100%;height:100%;}



#section2{background:#f5f5f5;}
.swiper-container3{overflow:visible!important;}
.swiper-container3 .swiper-slide{width:30%;}
.swiper-container3 .swiper-slide img{width:90%;height:25vw;object-fit:cover;}
.swiper-container3 .swiper-slide-shadow-left, 
.swiper-container3 .swiper-slide-shadow-right{opacity:0!important;}
.swiper-container3 .swiper-pagination-progress{position:static;margin-top:5%;height:15px!important;background:transparent url(/uiFramework/commonResource/image/2020071619462540069.jpg) repeat-x left center;}
.swiper-container3 .swiper-pagination-progress .swiper-pagination-progressbar{background:transparent url(/uiFramework/commonResource/image/2020071619461856990.jpg) repeat-x right center;}





/* tab鍒囨崲 */
#qieh{width:49%; }
.xwdt-ul ul li a{font-size: 22px;color: #333;display: block;line-height: 48px;height: 48px;}
.tab1{/**margin-right:45px;**/ width:20%;} 
.xwdt-ul{/**border-bottom: 1px solid #ccc;   height: 40px; line-height: 30px;**/ overflow:hidden; background:#e9e9e9;}
.tab_y a {color: #fff!important;  /**border-bottom: 2px solid #00428e;**/ background:#00428e;}
 
.none{display:none;}


.sb_hov .zkhl-logo.on2 .ty1{display:none;} 
.sb_hov .zkhl-logo.on2 .ty2{display:block;}

.sb_hov:hover .zkhl-logo .ty1{display:none;} 
.sb_hov:hover .zkhl-logo .ty2{display:block;}


.sb_hov:hover .zkhl-logo.on .ty1{display:none;} 
.sb_hov:hover .zkhl-logo.on .ty2{display:block;} 


 

/*鏂伴椈鍒楄〃*/
#talk{width:49%;}
.jiangzuo .lo1 .dat{display:none;}
.jiangzuo .lo1{padding:0px;}
.jiangzuo .lo1 div{width:100%;text-align:left;height: 60px;line-height: 60px}
.jiangzuo .lo1 .tit a{ font-size: 20px;color: #000; }
.jiangzuo .lo1 .zhaiyao{font-size:18px;text-indent:2em;color:#333;padding-top:50px;padding-bottom: 35px;border-bottom: 1px dashed #ccc;height: 60px;line-height: 35px;}
.jiangzuo li{padding-top:13px;}
.jiangzuo ul li .tit a{font-size:16px; color:#333;} 
 
.company1 li{line-height:48px;display:flex;justify-content: space-between;}
.company li{line-height:40px;display:flex;justify-content: space-between;}
.company1 li span a{font-size:16px; color:#333;}

/*鍝佺墝 */
.yejin{height: 597px;}
.pa01{position: absolute; top: 93%;  right: 5%;font-size: 22px;color: #fff;}
.pa01 a{font-size: 22px;color: #fff;}
.pa03 a{font-size: 22px;color: #fff;}
.pa02 a{font-size: 22px;color: #fff;}
.pa02{position: absolute; top: 84%; font-size: 22px;color: #fff; right: 5%;}
.pa03{position: absolute; top: 84%; font-size: 22px;color: #fff; right: 5%;}
#product .zhizao{text-align: center;padding-top:40px;}
#product .zhizao p{font-size:36px;color:#333;}
#product .zhizao .borCol{width: 50px;height: 2px;backgrond: #009149;margin: 0 auto;background: #009149;margin-top: 20px;}
#product .box{width:49%;  position: relative;overflow: hidden;}
#product .bg1{ background-color: rgb(37 , 96 , 160 ,0.8);padding:20px;box-sizing: border-box;}
/**.bg1{ display:none;}**/
#product .bg1 p{color:#ffffff;width: 82%;font-size:18px;  margin: 0 auto;  text-align: justify;}
#product .bg1 .tit{font-size: 24px;margin-top: 25px;padding-bottom:40px;text-align: left;color: #fff; width: 21%;text-align: right;}
#product .bg1 .p2{margin-right:60px;margin-top:20px;margin-bottom:20px;}
#product .bg1 .p3{line-height: 30px;color: #fff; text-align: justify;width: 88%;margin: 0 auto;}
#dx_t{width:100%;height:100%;}
.yb_t{width:49%; height:587px; }
#product .hedian{width: 100%; margin-bottom:13px;}
.hedian .hedian2{width: 100%;height: 302px;position: absolute; top: 300px;}
.shihua .shihua2{width: 100%;height: 302px; position: absolute;top: 300px;}
.yejin .yejin2{width: 100%; height: 597px; position: absolute;overflow: hidden; top: 597px;}
.find {width: 165px; height: 45px;line-height: 45px; border: 1px solid #e8e8e8;border-radius: 55px;background: #fff;margin-left:45px;margin-top:60px;}
.find a{padding-left:20px;color:#00428e;font-size:16px;cursor: pointer;}
.find img{padding-left:14px;}
.fi_y{margin-top:30px;}
#product .yejin:hover .pa01{display:none;}
#product .hedian:hover .pa02{display:none;} 
#product .shihua:hover .pa03{display:none;} 
#product .yejin:hover .yejin2{
transition: all 1s;
transform: translateY(-597px);
display:block;
}
#product .hedian:hover .hedian2{
transition: all 1s;
transform: translateY(-300px);
}
#product .shihua{width: 100%; }
#product .shihua:hover .shihua2{
transition: all 1s;
transform: translateY(-300px);
}
 

/**搴曢儴婊氬姩**/
.shuliang{color: #ffbf25;font-weight: 700;cursor: pointer;}
.kehu{color: #003dc7;font-weight: 700;cursor: pointer;}
@keyframes rowleft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-3450px, 0, 0);
    transform: translate3d(-3450px, 0, 0);
  }
}

@keyframes rowright {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(3450px, 0, 0);
    transform: translate3d(3450px, 0, 0);
  }
}


@keyframes rowleft1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-2300px, 0, 0);
    transform: translate3d(-2300px, 0, 0);
  }
}

.page5 .GgTit a span {color: #fff; }
.page5 .GgTit a font { color: #5294c9; }
.hzhb {  overflow: hidden; }
.hzhb a { width: 20%;  float: left; display: block; height: 70px;  margin-bottom: 80px;  opacity: 0.5;  ; filter: alpha(opacity=50); }
.hzhb a:hover { opacity: 1;  filter: alpha(opacity=100); }
.hzhb a img {  display: block; width: 83%;  margin: 0 auto; height: 100%; }
.hyEffect1 li{list-style: none;}
.hyEffect1,.hyEffect2 { width: 100%; overflow: hidden; }
.hyEffect {  position: relative; overflow: hidden; }
.hyEffect ul {width:9999px;white-space: nowrap; -webkit-animation: 120s rowleft linear infinite normal; animation: 120s rowleft linear infinite normal;   overflow: hidden;  }




.hyEffect ul li { float: left; }
.hyEffect ul li img { display: block; margin: 0 auto; opacity: 0.3; filter: alpha(opacity=0.3); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.hyEffect1 ul li:hover img, .hyEffect2 ul li:hover img { opacity: 1; filter: alpha(opacity=1); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } 
.hyEffect ul li:nth-child(even) { left: 100%; }
.hyEffect ul:nth-child(even) { -webkit-animation: 160s rowleft linear infinite normal;animation: 160s rowleft linear infinite normal; }
.hycsTxt {  position: absolute; left: 50%; margin-left: -255px; width: 510px; top: 70%; margin-top: -140px; background-size: 100% 100%;  background: rgba(239,247,253,.6); }
.hycsTxt h2 {font-size: 46px; text-align: center;color: #fff;margin-bottom: 10px; height: 40px; line-height: 40px; }
.hycsTxt h2 font { color: #d70051; font-size: 66px; font-weight: bold; margin: 0 5px; }
.hycsTxt p {text-align: center; font-size: 20px; line-height: 25px; color: #fff; }
/**鍒堕€?*/
.style_tx{width: 370px;height: 500px;border-bottom:2px solid #00428e; background:#fff;padding:20px 0; box-shadow: 0px 5px 20px 2px #eee;}
/*
.style_tx_img img{width:90%!important; height:100%!important;}
*/
.style_tx_tit{padding:15px 0;}
.style_tx_tit a{font-size:22px; color:#00428e;}
.style_tx_con{width:90%;color:#333333;margin:0 auto; font-size:16px; line-height:25px;}
/**缃《鏂伴椈**/
.Zhid_new{padding-bottom:60px;}
.Zhid_tit a{font-size:28px; color:#333333; font-weight:bold;}
.Zhid_sum{ color: #333333; height: 35px; line-height: 45px;font-size: 16px;margin-top:15px; font-weight:bold;}

@media (max-width:1450px){
.dhyt{width:auto;margin:0 2em;}
}


/*鐗规晥*/
.section.active .Zhid_list{-webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.section.active #qieh{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

.section.active #slide{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}




@media screen and (max-width: 641px) {
.con_02, .con_03, .con_04{margin-top:0;}
/* 涓婃柟杞挱鍥捐窛绂婚《閮ㄧ殑璺濈 */
  .swiper-container2 {margin-top:60px !important;}

/* 绌虹洅瀛 */
   .pcNone{display:block;height:20px;}

/* 杞挱鍥 */
   .swi1{height:300px;width:90%;margin:0 auto;}
   .swi1 .kuai .tit{height: 40px;line-height: 35px;background: #02408b;bottom: 0px;padding-left:0%;}
   .swi1 .kuai .tit a{display:block;width:90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:0 auto;}

/* 闅愯棌杞挱鍥惧皬鍦嗙偣 */
    #pagination{display: none;}

/**鍒堕€?*/
    .dhyt{overflow-x: scroll;width: 95%;margin: 0 5%;}
    .phone{width: 500% !important;margin-left:-69px;}
    .swiper-container3{overflow:auto !important}
    .pcScroll{width:500%;}
    .swiper-container3 .swiper-slide img{height:100%!important;width: 100%;margin-right: 30px;}
    .style_tx{width: 13% !important;height: 300px !important;background:#fff;padding:0px 0;float:left;border-bottom: 0px solid #00428e;position: relative;transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(-0deg) !important;margin-left:12px;}
    .style_tx_con p{color:#fff;text-align: left;}
    .style_tx_img{width:100%;height:100%;}
    .mengceng{position: absolute;top:0px;width: 100%;height: 100%;padding: 20px;background-color: rgba(0,0,0,0.4);}
    .style_tx_tit{padding:15px 0;width锛?0%;text-align: left;}
    .style_tx_tit a{font-size:22px; color:#fff;}
    .line{width:50px;height:1px;background:#fff;margin-top:0px;}
    .style_tx_con{width:100%;color:#fff;margin-top:20px; font-size:16px; line-height:25px;text-align:left;display:none;}
    .swiper-container3 .swiper-pagination-progress{height: 0px!important;}
    .con_03{background:#fff;}


/**灞忓箷鍥?*/
   .dabox{overflow:hidden;height: 670px;}
   .yejin{float:none} 


/**灞忓箷浜?*/
.con_05 {margin-top:10px;}
   .hyEffect1{width:90%;margin:0 auto;}
   .Ul01{width:48% !important; float:left;height:490px;overflow:hidden;}
   .hyEffect ul li img{width:100%;height:100%}
   .hyEffect ul { -webkit-animation: none;animation: none;}
   .Ul01 li{width: 100%; height:100px;margin-top:20px;}
   .Ul02{width:48% !important;float:right;height:490px;overflow:hidden;}
   .hyEffect ul:nth-child(even) { -webkit-animation:  none;animation: none;}
   .Ul02 li{width: 100%;height:100px;margin-top:20px;}
   .Ul011{display:none;}
  

.swiper-container2 .swiper-wrapper .swiper-slide img{object-fit: fill;}
#next1{display:none;}
#pre1{display:none;}
.cnav{display:none;}
.Zhid_new{padding:0 20px 20px 20px;}

/* 绗簩鐡朵笂鏂规爣棰 */
.Zhid_tit a {font-size: 1.3rem;line-height: 23px;}



.Zhid_sum{display:none;}
#slide{float:none;width:100%;}
#slide .tpxw-width{height:250px;}
#qieh{width:100%;}
.xwdt-ul{ }
.xwdt-ul ul li a{font-size:1rem !important;height:39px;line-height: 39px;}
.jiangzuo .lo1{display:none;}
.jiangzuo ul li .tit a{font-size:1rem;}
.jiangzuo  .tit{width:200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#home-news{width:90%;margin:20px auto;}

/* 鏂伴椈鍒楄〃 */
#tabListRight1{width:90%;margin:0 auto;}
.company1{width:90%;margin:0 auto;margin-bottom: 15px;text-align: justify;}
.company1 li{line-height:45px;}
.company1 li .span{width:200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#product .box{width: 90%;height: 190px;margin: 20px auto;}
.yb_t {float:none;width: 100%;height: 190px;margin: 20px auto;}
.con_02, .con_03, .con_04{margin-top:0;}
.fp-tableCell{display:block !important;}
.company1 li span a{font-size:1rem;}
.pa01{top:83%;}
.slideBox .hd{display:none;}

#product .bg1{display:none;}

.biaoti{display:block;width:90%;margin:0 auto;border-bottom: 2px solid #ccc;overflow: hidden;}
.biaoti .p{width: 70px; text-align: left; font-size: 1rem;font-weight: bold;padding-top:3px; padding-bottom: 10px;border-bottom: 1px solid #003f88; color: #003f88;}
.biaoti .more {color: #003f88; font-size: 1rem;}


/* 搴曢儴鍥剧墖閫忔槑搴 */
.hyEffect ul li img{opacity: 1;}

#product .yejin:hover .pa01{display:block;}
#product .hedian:hover .pa02{display:block;} 
#product .shihua:hover .pa03{display:block;} 
#product .yejin:hover .yejin2{
transition: all 1s;
transform: translateY(-0px);
display:block;
}


.jiangzuo li{padding-top:0px;line-height:45px}
.no1{display: block;color:#fff;width:90%;height: 32px;overflow: hidden;top: 249px; position: absolute;     left: 0;right: 0;margin:0 auto;margin-top: 5px;line-height: 16px;}


}