@CHARSET "UTF-8";



/*主体样式*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}




.hh_bg{position: fixed;line-height: 98px;z-index: 99999;width: 100%;background: rgba(26, 108, 170, .8);}
.logo_aa{line-height: 98px;}
.logo_aa img{line-height: 98px;max-width: 100%;}


.dao_22{width: 57%;}

.x-header-right .hd-ss{font-size: 30px;font-family: Impact;color:#fff}

@media (max-width: 1300px) {
  .dao_22{width: 54%;}
}


@media (max-width: 1200px) {
  .dao_22{width: 50%;}
}


@media (max-width: 1024px) {
  .dao_22{width: 59%;}
  .logo_aa{width: 40%;}
}



/* 鸿冠胶业 */
.aabg{background:url(../images/abg.png) no-repeat center top!important;}
.ab_img{width: 49.14%;}
.ab_img img{max-width: 100%;}

.aa_nn{width: 43%;}
.abhh{color:#333333;font-size: 16px;line-height: 35px;margin-top:30px}

.more1c{background:url(../images/ma.png) no-repeat center top;width: 169px;height:43px;margin-top:25px;position: relative;}
.more1c a{color:#fff;font-size: 14px;padding-left: 25px;line-height: 43px;}

.more1c:before{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);z-index: 1;}
.more1c:hover:before{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}


.p4a{margin-top: 30px;}
.p4a li {
  position: relative;
  text-align: left;
background:url(../images/xf.png) no-repeat center right;padding-right: 5%;
}
.p4a li:nth-child(3n){background: none;}

.p4a li h3 {
  font-size: 60px;
  color: #30302e;font-weight: 600;
}
.p4a li h3 a{color: #30302e;}

.p4a li p {
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  text-align: left;margin-top:10px
}

.p4a li:hover p{color:#d8602b}
.p4a li:hover h3 a{color:#d8602b}


@media (max-width: 1440px) {
  .p4a li h3 {
    font-size: 50px;
    color: #30302e;font-weight: 600;
  }
}


@media (max-width: 1300px) {
  .p4a li h3 {
    font-size: 40px;
    color: #30302e;font-weight: 600;
  }
  .abhh{color:#333333;font-size: 15px;line-height: 30px;margin-top:30px}

}



@media (max-width: 1024px) {
  .p4a li h3 {
    font-size: 40px;
    color: #30302e;font-weight: 600;
  }
  .abhh{color:#333333;font-size: 15px;line-height: 30px;margin-top:20px}
  .ab_img{width: 100%;}
  .aa_nn{width: 100%;margin-top: 35px;}
}

@media (max-width: 990px) {
  .ab_img{width: 100%;margin-top: 35px}
  .aa_nn{width: 100%;margin-top:0px;}
  .p4a li h3 {
    font-size: 25px;
    color: #30302e;font-weight: 600;
  }
  .aabg{background:url(../images/xxab.png) no-repeat center top!important;background-size:100% 100%;}
}




/* 专业研发 */
.fbg{background:url(../images/yh.png) no-repeat center top;background-size: 100% 100%;}


.ynn{width: 27%;}
.y_ll{width: 68%;}
.y_ll li{width: 33.33333%;position: relative;padding: 3.6vw;}
.y_ll li::after{position: absolute;background: rgba(255, 255, 255, .3);content: "";width: 1px;height:100%;right:0px;top:0px}

.y_ll li::before{position: absolute;background: rgba(255, 255, 255, .3);content: "";width:100%;height:1px;right:0px;bottom:0px}

.y_ll li h2{color:#fff;font-size: 40px;text-align: center;font-weight: 400;margin-top:15px;position: relative;z-index: 2;}
.y_ll li h2 a{color:#fff}

.y_ll li a.img_gg{position: relative;z-index: 2;margin:0 auto;text-align: center;display: block;}
.y_ll li a.img_gg img{max-width: 100%;text-align: center;}


.ttmm{position: absolute;width:100%;height:0px;left:0px;bottom: 0px;transition: all .3s;z-index: 1;}
.y_ll li:hover .ttmm{background:#d8602b;height:100%}



.y_nn{color:#fff;font-size: 16px;line-height: 28px;margin-top:25px;}


.biao{margin-top:20px; }
.biao img{max-width: 100%;animation: dt3 7s infinite linear .65s;}


@media (max-width: 1440px) {
  .y_ll li h2{color:#fff;font-size: 30px;text-align: center;font-weight: 400;margin-top:15px;position: relative;z-index: 2;}
}


@media (max-width: 1024px) {
  .fbg{background:#215ba0;background-size: 100% 100%;padding-top: 30px;}
  .ynn{width: 100%;}
  .y_ll{width: 100%;border-left: 1px solid rgba(255, 255, 255, .3);margin-top: 20px;}
  .xwtt_33{text-align: center;}
  .y_ll li h2{color:#fff;font-size: 20px;text-align: center;font-weight: 400;margin-top:10px;position: relative;z-index: 2;}
}


@media (max-width: 992px) {
  
  .y_ll li a.img_gg{width:90px;position: relative;z-index: 2;margin:0 auto;text-align: center;display: block;}
  .biao{width:180px;margin:0 auto;margin-top:20px;text-align: center;}
.biao img{max-width: 100%;}
.y_ll li h2{color:#fff;font-size: 18px;text-align: center;font-weight: 400;margin-top:10px;position: relative;z-index: 2;}


}


@keyframes dt3 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes dt4 { 0%{transform: scale(1)}50%{transform: scale(1.3)}100%{transform: scale(1)} }







/* 产品品类 */
.ppbg{background:url(../images/ppbg.png) no-repeat center top!important;}

.pp_11{width: 80%;}
.pp_11 li{width: 100%;}
.pp_11 li a.img_gg{width: 100%;}
.pp_11 li a.img_gg img{width: 100%;}
.pp_11 li .dhh{
	background-color: #f2f2f2;padding: 22px 40px;}
.pp_11 li .dhh h2{	font-family: SimSun;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 2px;
    color: #d8602b;}
  .pp_11 li .dhh span{	font-family: SourceHanSansCN-Normal;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 25px;
      letter-spacing: 2px;
      color: #333333;
      opacity: 0.8;display: block;height:50px;overflow: hidden;}








.pp_22{width: 18%;}
.promenu li {line-height: 22px;margin-bottom: 28px;}
.promenu li .xxa{width: 2px;height:22px;background:url(../images/b1.png) no-repeat center top;}
.promenu li.on .xxa{background:url(../images/b2.jpg) no-repeat center top;}
.promenu li.on h2{color:#d8602b}
.promenu li h2{	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 2px;
	color: #30302e;}



  .promenu li h3{width: 135px;text-align: left;	font-family: SimSun;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #30302e;}


  .ytp{width: 100%;}
  .ytp img{width: 100%;}


  @media (max-width: 1370px) {
    .promenu li h2{	font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22px;
      letter-spacing: 2px;
      color: #30302e;}
      .promenu li {line-height: 22px;margin-bottom: 27px;}
      .promenu li h3{width: 135px;text-align: left;	font-family: SimSun;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 2px;
        color: #30302e;}
  }

  @media (max-width: 1200px) {
    .promenu li h2{	font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22px;
      letter-spacing: 2px;
      color: #30302e;}
      .promenu li {line-height: 22px;margin-bottom: 26px;}
      .promenu li h3{width: 135px;text-align: left;	font-family: SimSun;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 2px;
        color: #30302e;}
  }

  @media (max-width: 1024px) {
    .promenu li h2{	font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22px;
      letter-spacing: 2px;
      color: #30302e;}
      .promenu li {line-height: 22px;margin-bottom: 21px;}
      .promenu li h3{width: 135px;text-align: left;	font-family: SimSun;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 2px;
        color: #30302e;}
  }

  
  @media (max-width: 990px) {
    .pp_22{width: 100%;margin-top:20px}
    .pp_11{width: 100%;}
    .promenu ul{display:flex;flex-wrap: wrap;}
    .promenu li{width: 32%;}
    .pp_11 li .dhh{
      background-color: #f2f2f2;padding: 15px;}
    .ppbg{background:url(../images/ppbg2.png) no-repeat center top!important;background-size:100% 100%;}
  }










/* 经典案例 */
.casebg{background:url(../images/casebg.png) no-repeat center top #f1f1f1;padding-top: 140px;padding-bottom: 70px;}

.cc_con{margin-top:2.5vw;position: relative;}

.ca_ll{width:76%;overflow: hidden;}
.pp1 li .img_gg{display: block;}
.pp1 li .img_gg img{width: 100%;}
.pp1 li .dnn{background:#fff;padding: 20px;}
.pp1 li .dnn h2{	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 2px;
	color: #000000;background:url(../images/h1.png) no-repeat left bottom;}

  .pp1 li .dnn h3{		font-family: SourceHanSansCN-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000000;text-transform: uppercase;margin-top: 10px;}

  .pp1 li:hover .dnn h2{background:url(../images/h2.png) no-repeat left bottom;}
  .pp1 li:hover .dnn{background:#d8602b;}
  .pp1 li:hover .dnn h3{color:#fff}
  .pp1 li:hover .dnn h2{color:#fff}



.jt{width: 155px;position: relative;overflow: hidden;height:83px;}


.jt .swiper-button-prev{position: absolute;left:0px;width: 53px;height:53px;background:url(../images/le.png) no-repeat;margin-top:-26px;transition-duration: .6s;}
.jt .swiper-button-next{position: absolute;right:0px;width: 53px;height:53px;background:url(../images/re.png) no-repeat;margin-top:-26px;transition-duration: .6s;}

.jt .swiper-button-prev:hover{ transform: translateY(-10px);}
.jt .swiper-button-next:hover{ transform: translateY(-10px);}


@media (max-width: 1024px) {
  .casebg{background:url(../images/case_33.png) no-repeat center top #f1f1f1;padding-top: 70px;padding-bottom: 70px;}

  .ca_ll{width:100%;overflow: hidden;margin-top:25px}
  .pp1 li .dnn {padding: 15px;}
  .pp1 li .dnn h2{font-size: 17px;}
  .pp1 li .dnn h3{font-size: 15px;}
  
  }







/* 战略合作伙伴 */
.hz_con{margin-top:4.5vw}
.flex_x{margin-top:2.5vw;display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;}

.hz_ll li{width: 20%;}
.hz_ll li a.img{display: block;border: solid 1px #d6d6d6;}
.hz_ll li a.img img{width: 100%;}


@media (max-width: 1024px) {
  .hz_ll li{width: 33.3333%;}
  
  }


@media (max-width: 992px) {
  .flex_x{margin-top:25px;}
  .hz_con{margin-top:40px}
  }













/* 新闻资讯 */
.xwbg{background:url(../images/xwbg1.png) no-repeat center top;padding-top: 113px;background-size: 100% 100%;margin-top:4.5vw}

.tp_img{margin-top:35px}
.tp_11{width: 50%;position: relative;}
.tp_11 img{width: 100%;}
.tp_11 h2{	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 2px;
	color: #ffffff;position: absolute;bottom: 20px;left:20px}
.tp_11 h2 a{	color: #ffffff;}


.tp_22{width: 25%;position: relative;}
.tp_22 img{width: 100%;}
.tp_22 h2{font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 2px;
	color: #ffffff;position: absolute;bottom: 20px;left:20px}
.tp_22 h2 a{	color: #ffffff;}



@media (max-width: 1440px) {
  .tp_22 h2{font-size: 16px;}
  .tp_11 h2{font-size: 16px;}
  }

  @media (max-width: 1200px) {
    .tp_22 h2{font-size: 15px;left:10px}
    .tp_11 h2{font-size: 15px;left:10px}
    }
  

    @media (max-width: 992px) {
      .tp_11{width: 100%;}
      .xwbg{background:url(../images/xbg.png) no-repeat center top;padding-top: 70px;background-size: 100% 100%;margin-top:40px}

      }
    


.xw_ll li{padding:25px 0;border-bottom: 1px dashed #999999;width: 48.7%;}
.max{background:url(../images/d1.png) no-repeat center top;width: 21px;height:21px;display: block;}
.xw_ll li h2{	font-family: SourceHanSansCN-Light;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 2px;
	color: #30302e;}
  .xw_ll li h2 a{	color: #30302e;}
.xw_ll li span{	font-family: SourceHanSansCN-Light;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 1px;
	color: #30302e;height:29px;display: block;overflow: hidden;margin-top: 4px;}

  .xw_ll li:hover .max{background:url(../images/d2.png) no-repeat center top;}
  .xw_ll li:hover h2 a{color: #d8602b}
  .xw_ll li:hover span{color: #d8602b}



  @media (max-width: 1200px) {
    .xw_ll{display:none;}
    }


    @media (min-width: 1199px) {
      .xw_ll2{display:none;}
      }
      .xw_ll2 li{padding:25px 0;border-bottom: 1px dashed #999999;width: 100%;}
      .xw_ll2 li h2{	font-family: SourceHanSansCN-Light;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 29px;
        letter-spacing: 2px;
        color: #30302e;}
        .xw_ll2 li h2 a{	color: #30302e;}
      .xw_ll2 li span{	font-family: SourceHanSansCN-Light;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 29px;
        letter-spacing: 1px;
        color: #30302e;height:29px;display: block;overflow: hidden;margin-top: 4px;}
      
        .xw_ll2 li:hover .max{background:url(../images/d2.png) no-repeat center top;}
        .xw_ll2 li:hover h2 a{color: #d8602b}
        .xw_ll2 li:hover span{color: #d8602b}



/*公用样式*/
.com-img{  overflow:hidden;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}




.xwtt1{	font-family: ArialMT;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #d8602b;line-height: 58px;text-transform: uppercase;}

.xwtt2{	font-family: SourceHanSansCN-Medium;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;line-height: 58px;}

.xt{	font-family: SourceHanSansCN-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #ffffff;}

.tt_con{margin-top:20px}

.more1{	font-family: SourceHanSansCN-Light;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;line-height: 45px;
	color: #ffffff;background:url(../images/xt.png) no-repeat center bottom;}

.more1 a{	color: #ffffff;}
.more1 img{padding-left: 20px;}

.more11{background:url(../images/x4.png) no-repeat center bottom;}



@media (max-width: 1440px) {
  .xwtt1{font-size: 30px;line-height: 45px;}
  .xwtt2{font-size: 35px;line-height: 45px;}
  
  }





  @media (max-width: 992px) {
    .xwtt1{font-size: 25px;line-height: 45px;}
    .xwtt2{font-size: 30px;line-height: 45px;}
    .tt_con{margin-top:10px}
    .xt{letter-spacing: 0px;font-size: 16px;}
    }






/* <!--{* 通栏 *}--> */
.dff{background:#f9f9f9;margin-top:4.5vw}

.dff1{border-bottom: 1px solid #eee;}
.logo2{line-height: 126px;}
.logo2 img{max-width: 100%;}
.dflogo img{max-width: 100%}



.dff2{margin-top:45px}
.nav2 li{float:left;width:106px;color:#000000;font-size: 14px;
text-align: left;background:url(../images/x22.png) no-repeat right center;margin-right:44px;transition-duration: .6s;}
.nav2 li a{color:#000000}
.nav2 li:hover a{color: #d8602b;}
.nav2 li:last-of-type{background:none;}
.nav2 li:hover{transform: translateY(-10px);}
.te4{margin-top:45px}
.te4 p:nth-child(1){ 
    font-weight: 300;
    color: #d8602b;
    	font-family: Impact;line-height: 45px;
	font-size: 30px;background:url(../images/n1.png) no-repeat center left;padding-left: 45px;}

.te4 p:nth-child(2){  font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;line-height: 45px;
    color: #d8602b;background:url(../images/n2.png) no-repeat center left;padding-left: 45px;}





.dao2{max-width: 290px;	font-family: SourceHanSansCN-Light;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #000;text-align: center;}
.dao2 img{max-width: 125px;}






.dff3{margin-top:35px;padding-bottom: 25px;border-top: 1px solid #eee;padding-top: 25px;}
.seox{color:#626262;text-align: center;font-size: 14px;line-height: 25px;}
.seox a{color:#626262;text-align: center;font-size: 14px;line-height: 25px;}


@media (max-width: 1300px) {
  .nav2 li{margin-right:24px}
  
  }


@media (max-width: 1024px) {
.nav2 li{float:left;width:106px;color:#838383;font-size: 14px;
text-align: center;background:url(../images/x22.png) no-repeat right center;margin-right:14px}
.dao2{margin-top:20px}

}




@media (max-width: 990px) {
.nav2{margin-top:25px}
.dao2{margin-top:25px}

.dflogo{	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 66px;
	letter-spacing: 2px;
	color: #d8602b;
	opacity: 0.8;}
    .nav2 li:last-of-type{background:url(../images/x22.png) no-repeat right center;}
    .dff{background:#f9f9f9;margin-top:40px}
}


@media (max-width: 768px) {
  .logo2{text-align: center;width: 100%;}
 .dflogo{text-align: center;width: 100%;}
.dao2{text-align: center;width:100%;margin:0 auto;margin-bottom: 25px;margin-top:20px;max-width: 260px;}
.dff2{width:100%;margin-top:10px} 
.dao1 {width: 100%;}
.join{background:url(//cdn.myxypt.com/dd809eaf/21/12/a11e83b11badf6cf11b03ce51dc0d2f9d9a0b7a2.png) no-repeat center top;padding: 6.5% 0;background-size:100% 100%} 
.join_ll{margin-top:35px}
.dff1{border:none}
.te4{width: 100%;max-width: 335px;margin:0 auto;}

}











/*------------内页-------------------*/


.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}



.pf {width: 100%;height: 40px;position: relative;z-index: 999;}
.pf-box {position: fixed;left: 0;bottom: 0;right: 0;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #0e2f52;overflow: hidden;width:100vw;}
.pf-box a {display: flex;justify-content: center;align-items: center;flex: 1;height: 40px;}

.pf-box a div {max-width: 20%;}
.pf-box a div img {width: 100%;}
.pf-box a h3 {font-size: 12px;color: #fff;margin-left: 5px;white-space: nowrap;}

.pf-box a.active {background-color: #0f67c5;}


@media (max-width: 768px) {
.n_banner{margin-top: 60px;}
.x-banner{margin-top:60px}
}