@charset "utf-8";
/* CSS Document */
html{
  font-size: 625%;
  height: 100%;
}

@media only screen and (max-width: 1200px) {
  html{
    font-size: 540%;
  }
}

@media only screen and (max-width: 992px) {
  html{
    font-size: 480%;

  }
}

@media only screen and (max-width: 768px) {
  html{
    font-size: 400%;
  }
}

/*@media only screen and (max-width: 480px) {
  html{
    font-size: 320%;
  }
}*/





.topBg{ background:rgba(255,255,255,1); width:100%; height:100px; padding:30px 0; z-index:999; position:fixed; top:0px; left:0px;}
.topBg2{ box-shadow:0px 0px 10px rgba(51,51,51,0.1);}


.logo{ width:234px; float:left;}
.logo a img{ width:100%; display:block; max-width:100%;}

.navgation{ width:calc(100% - 346px); float:left; padding-left:5rem;}

.top_language{ width:78px; height:auto; float:right; position:relative;}

.language_btn{ width:100%; height:40px; line-height:40px; color:#004ba8; font-size:18px; text-align:center; cursor:pointer;}
.language-bar{
  display: none;
  position:absolute;
  top:40px;
  right: 0;
  z-index: 99;
  width:100%;
  padding:6px;
  border-radius:8px;
  background: #fff;
  box-shadow:0px 0px 10px rgba(193,153,114,0.2);
}

.language-item{ position:relative;}
.language-item:before{ content:""; position:absolute; left:22px; top:-16px; width:0px; height:0px;
border-bottom:10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.language-item li{ text-align:center; padding:10px 0;}
.language-item li:nth-child(1){ border-bottom:1px solid #dcdcdc;}


.top_tel{ width:34px; height:auto; float:right; position:relative;}
.top_tel_btn{ font-size:30px; color:#004ba8; cursor:pointer; width:100%; height:40px; line-height:40px;}
.tel-bar{display: none;
  position:absolute;
  top:40px;
  right:-76px;
  z-index: 99;
  width:186px;
  padding:6px;
  border-radius:8px;
  background: #fff;
  box-shadow:0px 0px 10px rgba(193,153,114,0.2);
  color:#004ba8;
  font-size:18px;
  text-align:center;}



ul.nav_list li{ width:calc((100% - 240px) / 4); margin:0 30px; float:left;}
ul.nav_list li a{ width:100%; height:40px; line-height:40px; display:block; text-align:center; position:relative;}
ul.nav_list li a:hover{ color:#004ba8;}
ul.nav_list li.navcurrent a{color:#004ba8;}
ul.nav_list li a:after{ content:""; position:absolute; left:0px; bottom:-30px; z-index:66; width:0%; height:2px; background:#004ba8; transition:all ease 0.4s;}
ul.nav_list li.navcurrent a:after{ width:100%;}
ul.nav_list li.navcurrent a:hover:after{ width:100%;}


@media(max-width:1600px){
	.tel-bar{ right:0;}
	}


@media(max-width:1440px){
	.navgation{padding-left:4rem;}
	}
	
	@media(max-width:1366px){
		.navgation{padding-left:3.6rem;}
	}

@media(max-width:1280px){
	.navgation{padding-left:3rem;}
	}

@media(max-width:1200px){
	.topBg{height:84px; padding:22px 0;}
	.navgation{padding-left:2rem;}
	ul.nav_list li{ width:calc((100% - 176px) / 4); margin:0 22px;}
	ul.nav_list li a:after{bottom:-22px;}
	}



@media(max-width:1100px){
	.navgation{padding-left:1.6rem;}
	ul.nav_list li{ width:calc((100% - 160px) / 4); margin:0 20px;}
	}

@media(min-width:993px){
	.mobile_header{ display:none;}
	}

@media(max-width:992px){
	.pc_header{ display:none;}
	
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{width:100%; height:70px;/*overflow:hidden;*/background:rgba(255,255,255,1);position:fixed;z-index:100; top:0px;}
.sp_header2{ box-shadow:0px 0px 10px rgba(51,51,51,0.1);}


.sp_logo{padding:15px 10px 0;float:left;height:70px;}
.sp_logo img{margin:auto; height:40px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:23px;}
.sp_nav span{display:block;
background:#004ba8;
width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;
background:#f3f3f3;
width:100%;
height:100%;
font-size:14px;line-height:56px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0px; padding-top:70px;}

.sjj_nav ul li i{position:absolute;top:6px;right:5px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;/*margin-left:20px;*/position:relative;line-height:56px; /*text-align:center;*/
/*padding:0 20px;*/ margin:0 15px; text-indent:10px;}
.sjj_nav ul li:first-child{ border-top:none;}
.sjj_nav>ul >li:last-child{border-bottom:1px #dddddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{width:100%; font-size:16px; color:#333333;}
.sjj_nav ul li ul li{ border-top:none;  padding:0; margin:0;}
.sjj_nav ul li ul li:first-child{border-top:1px #dddddd solid;}

.sjj_nav ul li ul li a{color:#666;display:block;/*text-align:center;*/ font-size:14px; font-weight:normal; line-height:44px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#004ba8;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	
.sp_language{ width:78px; height:auto; float:right; position:relative; padding-top:15px;}

.language_btn02{ width:100%; height:40px; line-height:40px; color:#004ba8; font-size:18px; text-align:center; cursor:pointer;}
.language-bar02{
  display: none;
  position:absolute;
  top:55px;
  right: 0;
  z-index: 99;
  width:100%;
  padding:6px;
  border-radius:8px;
  background: #fff;
  box-shadow:0px 0px 10px rgba(193,153,114,0.2);
}	
	
	
.language-item02{ position:relative;}
.language-item02:before{ content:""; position:absolute; left:22px; top:-16px; width:0px; height:0px;
border-bottom:10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.language-item02 li{ text-align:center; padding:10px 0;}
.language-item02 li:nth-child(1){ border-bottom:1px solid #dcdcdc;}	
	
	
	}




@media(max-width:480px){
	.sp_logo{padding:20px 10px 0;}
	.sp_logo img{ height:30px;}
	.sp_language{ width:60px;}
	}


@media(max-width:360px){
	.sp_logo{padding:22px 10px 0;}
	.sp_logo img{ height:26px;}
	}






/*************banner样式***************/

.index_banner{ width:100%; height:auto; margin:0 auto; padding:100px 0 0;}


@media(max-width:1200px){
	.index_banner{padding:84px 0 0;}
	}



@media(max-width:992px){
	.index_banner{padding:70px 0 0;}
	}



@media(min-width:769px){
	.mobile-swiper{ display:none;}
	}


@media(max-width:768px){
	.pc-swiper{ display:none;}
	.banner_img{ width:100%; display:block; max-width:100%;}
	}



.banner-button-next,
.banner-button-prev{
	position:absolute;top:50%;width:50px;height:50px; line-height:50px; z-index:10;cursor:pointer; transform:translateY(-50%); text-align:center;
	}
.banner-button-prev{
	left:10px;
	right:auto;
	}
.banner-button-next{
right:10px;left:auto
}


.banner-button-next span,
.banner-button-prev span{ color:#fff; font-size:30px; opacity:0.8;}










/*************厦门施碼科技***************/


.index_box01{ width:100%; height:auto; margin:0 auto; padding:0.9rem 0;}

.index_aboutleft{ width:42%; height:auto; float:left; overflow:hidden;}
.index_aboutleft img{ width:100%; display:block; max-width:100%; transition:all ease 0.4s;}
.index_aboutleft:hover img{ transform:scale(1.1,1.1);}


.index_aboutright{ width:58%; height:auto; float:right; padding-left:1rem;}

.index_aboutTitle{ position:relative;}
.index_aboutTitle h1{
	font-size:104px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
	opacity:0.3;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #004ba8;
	}

.index_aboutTitle h2{ font-weight:bold; font-size:36px; position:absolute; left:0px; top:0px;}
.index_aboutTxt{ width:100%; height:auto; padding-top:0.55rem;}
.index_aboutTxt h4{ font-weight:bold; font-size:18px; color:#444444; line-height:1.75; position:relative;/* border-bottom:4px solid #004ba8;*/ padding-bottom:30px; margin-bottom:50px; text-align:justify;}
.index_aboutTxt h4:after{ content:""; position:absolute; left:0px; bottom:0px; width:100%; height:4px; background:#004ba8; transition:all ease 0.5s;}
.index_box01:hover .index_aboutTxt h4:after{ width:60%;}

.index_aboutTxt p{ color:#666666; line-height:1.75; text-align:justify;}

.index_aboutTxt h5{ margin-top:0.75rem;}
.index_aboutTxt h5 a{ display:block; max-width:158px; width:100%; height:34px; line-height:34px; border-radius:34px; text-align:center; background:rgba(0,75,168,1); font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; transition:all ease 0.4s;}
.index_aboutTxt h5 a:hover{background:rgba(0,75,168,0.8);}



@media(max-width:1400px){
	.index_aboutright{padding-left:0.7rem;}
	.index_aboutTitle h1{font-size:100px;}
	.index_aboutTitle h2{font-size:32px;}
	}


@media(max-width:1300px){
	.index_aboutTxt{padding-top:0.45rem;}
	.index_aboutTxt h4{padding-bottom:22px; margin-bottom:40px;}
	.index_aboutTxt h5{ margin-top:0.6rem;}
	}

@media(max-width:1200px){
	.index_aboutTitle h1{font-size:92px;}
	.index_aboutTitle h2{font-size:30px;}
	.index_aboutTxt h4{font-size:17px;}
	.index_aboutTxt h5 a{max-width:140px;}
	}


@media(max-width:1100px){
	.index_aboutTitle h1{font-size:88px;}
	.index_aboutTitle h2{font-size:28px;}
	.index_aboutTxt{padding-top:0.3rem;}
	.index_aboutTxt h4{font-size:16px; padding-bottom:18px; margin-bottom:32px;}
	.index_aboutTxt h5{ margin-top:0.45rem;}
	}



@media(max-width:992px){
	.index_aboutTitle h1{font-size:80px;}
	.index_aboutTxt h4{line-height:1.6;}
	.index_aboutTxt p{line-height:1.6;}
}


@media(max-width:768px){
	.index_aboutleft{ width:100%; float:left;}
	.index_aboutright{ width:100%; float:right; padding-left:0rem; padding-top:0.7rem;}
	.index_aboutTitle h1{font-size:76px;}
	.index_aboutTitle h2{font-size:26px;}
	.index_aboutTxt h5 a{max-width:130px; height:30px; line-height:30px;}
	}



@media(max-width:480px){
	.index_aboutTitle h1{font-size:70px;}
	.index_aboutTitle h2{font-size:24px;}
	.index_aboutTxt h5 a{max-width:120px;}
	}







/*************产品展示***************/

.index_box02{ width:100%; height:auto; margin:0 auto; padding:0.9rem 0;
background-image:url(../images/bg_products.jpg);
background-repeat:no-repeat;
background-position:top center;
}



.index_proTitle{ position:relative;}
.index_proTitle h1{
	font-size:104px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
	opacity:0.3;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #004ba8;
	}

.index_proTitle h2{ font-weight:bold; font-size:36px; position:absolute; left:0px; top:0px;}

@media(max-width:1400px){
	.index_proTitle h1{font-size:100px;}
	.index_proTitle h2{font-size:32px;}
	}


@media(max-width:1200px){
	.index_proTitle h1{font-size:92px;}
	.index_proTitle h2{font-size:30px;}
	}


@media(max-width:1100px){
	.index_proTitle h1{font-size:88px;}
	.index_proTitle h2{font-size:28px;}
	}



@media(max-width:992px){
	.index_proTitle h1{font-size:80px;}
}


@media(max-width:768px){
	.index_proTitle h1{font-size:76px;}
	.index_proTitle h2{font-size:26px;}
	}



@media(max-width:480px){
	.index_proTitle h1{font-size:60px;}
	.index_proTitle h2{font-size:24px;}
	}

@media(max-width:360px){
	.index_proTitle h1{font-size:50px;}
}


.index_products{ width:100%; height:auto; padding-top:0.3rem; position:relative;}
.sypro-item{ margin:0 15px; width:calc(100% - 30px); height:auto; background:#fff; padding:0.53rem 0;}
.index_products_tp img{ width:100%; max-width:100%; display:block;}
.index_products_name{ padding:0.36rem 0 0;}
.index_products_name a{ max-width:186px; display:block; border:1px solid #004ba8; height:40px; line-height:38px; text-align:center; color:#004ba8; margin:0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_products_name a:hover{ background:#004ba8; color:#fff;}

.pro-button-prev{position:absolute; right:74px; top:-80px; cursor:pointer;}
.pro-button-next{ position:absolute; right:15px; top:-80px; cursor:pointer;}
.pro-button-next span,
.pro-button-prev span{ color:#292929; font-size:40px;}
.pro-button-next:hover span,
.pro-button-prev:hover span{ color:#004ba8;}


.index_more01{ width:100%; height:auto; padding:0.7rem 0 0;}
.index_more01 a{display:block; max-width:100%; width:100%; height:46px; line-height:46px; border-radius:46px; text-align:center; background:rgba(0,75,168,1); font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; transition:all ease 0.4s;}
.index_more01 a:hover{background:rgba(0,75,168,0.8);}


@media(max-width:1200px){
	.sypro-item{ margin:0 10px; width:calc(100% - 20px); padding:0.4rem 0;}
	.index_products_name{ padding:0.2rem 0 0;}
	
	.index_more01 a{height:42px; line-height:42px;}
	}

@media(max-width:992px){
	.pro-button-prev{ right:68px; top:-70px;}
	.pro-button-next{ right:15px; top:-70px;}
	
	.pro-button-next span,
	.pro-button-prev span{font-size:36px;}
	}


@media(max-width:768px){
	.index_products_name a{ max-width:150px; height:38px; line-height:36px;}
	.index_more01 a{height:40px; line-height:40px;}
	}


@media(max-width:480px){
	.sypro-item{ margin:0px; width:100%; }
	.pro-button-prev{ right:calc(100% - 36px); top:50%; z-index:99; transform:translateY(-50%);}
	.pro-button-next{ right:0px; top:50%; z-index:99; transform:translateY(-50%);}
	.pro-button-next span,
	.pro-button-prev span{ opacity:0.6;}
	.index_more01 a{height:36px; line-height:36px;}
	
	
	}







.index_box03{ width:100%; height:auto; margin:0 auto; padding:0.5rem 0;}
.index_box03 span{ font-size:48px;  text-align:center; display:block; width:36px; margin:0 auto;}


.index_box04{ width:100%; height:auto; margin:0 auto; 
background-color:#292929;
background-image:url(../images/bg_contact.jpg);
background-repeat:no-repeat;
background-size:50% 100%;
}
.index_b04Left{ width:50%; height:auto; float:left; padding:1.33rem 0 1.33rem 3.3rem;}
.index_contactMemo{ max-width:100%; color:#fff; position:relative; padding:0.75rem 0 0 0;}
.index_contactMemo:before{ content:""; border:4px solid #ffffff; width:770px; height:492px; position:absolute; top:0px; right:-0.7rem;}
.index_contactMemo h1{ font-size:48px; font-weight:bold; text-transform:uppercase; max-width:440px; line-height:1.4; padding-bottom:34px; margin-bottom:40px; position:relative;}
.index_contactMemo h1:after{ content:""; position:absolute; left:0px; bottom:0px; width:55px; height:3px; background:#fff;}
.index_contactMemo p{max-width:440px; font-size:14px; line-height:2.1;}
.index_contactMemo h5{ font-weight:bold; text-transform:uppercase; padding-top:20px;}
.index_contactMemo h5 a{ font-size:16px; color:#fff;}

.index_b04Right{ width:50%; height:auto; float:right; padding:1.33rem 0 1.2rem; color:#fff;}

.index_contact{ margin:0 auto; width:100%; max-width:530px;}
.index_contact li{ padding-left:1.05rem; padding-bottom:24px; margin-bottom:40px; border-bottom:1px solid #535353; line-height:2.2; position:relative;}
.index_contact li p a{ color:#fff;}

.index_contact li:before{font-family: "iconfont" !important; position:absolute; line-height:1;}
.index_contact li:nth-child(1):before{ content:"\e614"; left:38px; top:4px; font-size:44px;}
.index_contact li:nth-child(2):before{ content:"\e66f"; left:40px; top:8px; font-size:38px;}
.index_contact li:nth-child(3):before{ content:"\e606"; left:38px; top:2px; font-size:44px;}
.index_contact li:nth-child(4):before{ content:"\e612"; left:38px; top:6px; font-size:40px;}

@media(max-width:1800px){
	.index_b04Left{padding:1.33rem 0 1.33rem 2.6rem;}
	}


@media(max-width:1600px){
	.index_b04Left{padding:1.33rem 0 1.33rem 1.8rem;}
	}


@media(max-width:1440px){
	.index_b04Left{padding:1.33rem 0.7rem;}
	.index_contactMemo{ max-width:100%; border:4px solid #ffffff; color:#fff; position:relative; padding:0.75rem;}
	.index_contactMemo:before{ content:""; border:0px; width:0; height:0px; position:absolute; top:0px; right:0rem;}
	.index_contactMemo h1{ font-size:44px; max-width:100%; }
	.index_contactMemo p{max-width:100%;}
	}
	
@media(max-width:1280px){
	.index_contactMemo h1{ font-size:40px;}
	}	


@media(max-width:1200px){
	.index_b04Left{padding:1rem 0.6rem;}
	.index_contactMemo{border:3px solid #ffffff;padding:0.6rem;}
	.index_contactMemo h1{ font-size:36px; line-height:1.3;}
	.index_b04Right{padding:1rem 0 0.8rem;}
	.index_contact{ margin:0 30px; width:calc(100% - 60px); max-width:100%;}
	.index_contact li h4{ font-size:16px;}
	
	.index_contact li:nth-child(1):before{left:38px; top:2px; font-size:38px;}
	.index_contact li:nth-child(2):before{left:40px; top:6px; font-size:30px;}
	.index_contact li:nth-child(3):before{left:38px; top:1px; font-size:40px;}
	.index_contact li:nth-child(4):before{left:38px; top:4px; font-size:36px;}
	}


@media(max-width:992px){
	.index_contact li:nth-child(1):before{left:30px;}
	.index_contact li:nth-child(2):before{left:32px;}
	.index_contact li:nth-child(3):before{left:30px;}
	.index_contact li:nth-child(4):before{left:30px;}
	}


@media(max-width:768px){
	.index_box04{ background-image:none;}
	.index_b04Left{ width:100%; 
	background-image:url(../images/bg_contact.jpg);
	background-repeat:no-repeat;}
	.index_b04Right{ width:100%;}
	
	.index_contactMemo h1{ font-size:34px;}
	.index_contact li{ padding-left:1.3rem;}
	}


@media(max-width:480px){
	.index_b04Left{padding:1rem 15px;}
	.index_contactMemo{border:2px solid #ffffff;padding:0.6rem 20px;}
	.index_contactMemo h1{ font-size:30px; padding-bottom:24px; margin-bottom:30px;}
	.index_contact{ margin:0 15px; width:calc(100% - 30px);}
	
	.index_contact li{ padding-left:1rem; padding-bottom:18px; margin-bottom:34px;}
	.index_contact li:nth-child(1):before{left:20px; top:2px; font-size:32px;}
	.index_contact li:nth-child(2):before{left:22px; top:6px; font-size:24px;}
	.index_contact li:nth-child(3):before{left:20px; top:1px; font-size:34px;}
	.index_contact li:nth-child(4):before{left:20px; top:4px; font-size:30px;}
	
	
	}

@media(max-width:360px){
	.index_contact li{ padding-left:0.6rem;}
	.index_contact li:nth-child(1):before{left:0px;}
	.index_contact li:nth-child(2):before{left:2px;}
	.index_contact li:nth-child(3):before{left:0px;}
	.index_contact li:nth-child(4):before{left:0px;}
	}





.syfooter{ width:100%; height:auto; background:#f6f6f6; padding:0.8rem 0;}

.ft_logo{ max-width:234px; width:100%; margin:0 auto 26px;}
.ft_logo img{ width:100%; display:block; max-width:100%; margin:0 auto;}
.ft_link{ text-align:center;}
.ft_link a{ color:#626262; padding:0 20px;}
.ft_link a span{ font-size:40px;}
.ft_link a:hover{ color:#004ba8;}
.ft_copyright{ text-align:center; color:#626262; padding-top:12px;}
.ft_copyright a{color:#626262; padding-left:30px;}
.ft_copyright a:hover{color:#004ba8;}


@media(max-width:480px){
	.ft_logo{ max-width:190px; margin:0 auto 20px;}
	.ft_link a{ padding:0 10px;}
	.ft_link a span{ font-size:32px;}
	.ft_copyright a{padding-left:0px; display:block;}
	}



@media(max-width:360px){
	.ft_logo{ max-width:160px;}
}




/*------------面包屑导航----------*/

.location_box{ width:100%; height:auto; margin:0 auto;  background:#eeeeee;}
.ny_location{ width:100%; height:70px;}

.location_left{ width:50%; height:70px; line-height:70px; float:left; color:#555555; font-size:14px;}
.location_left span{ color:#b0b0b0; font-size:18px; padding-right:6px;}
.location_left a{color:#555555;}
.location_left font{ color:#004ba8;}
.location_right{ width:50%; height:70px; line-height:70px; float:right; text-align:right;}
.location_right a{ font-size:20px; color:#004ba8;}


@media(max-width:1200px){
	.ny_location{ height:60px;}
	.location_left{height:60px; line-height:60px; }
	.location_right{height:60px; line-height:60px;}
	.location_right a{ font-size:18px;}
	}


@media(max-width:992px){
	.location_left{font-size:13px;}
	.location_right a{ font-size:16px;}
	}


@media(max-width:640px){
	.ny_location{ height:50px;}
	.location_left{ width:100%; height:50px; line-height:50px;}
	.location_right{ display:none;}
	}



.products_box{ width:100%; height:auto; margin:0 auto; padding:0.8rem 0 1rem;}

.ny_sider{ width:290px; height:auto; float:left;}
.ny_container{ width:calc(100% - 290px); height:auto; float:right; padding-left:0.6rem;}
.category li{ width:100%; height:56px; margin-bottom:10px;}
.category li a{ width:100%; height:56px; line-height:56px; display:block; font-size:16px; text-align:center; background:#eeeeee;}
.category li a:hover,
.category li.active a,
.category li.active a:hover{ background:#174aa4; color:#fff;}
.pro_list{ margin-bottom:0.5rem;}
.pro_list li{ margin:0 10px 20px; float:left; height:auto; width:calc((100% - 60px) /3 );}
.pro_list li a{ display:block; width:100%; border:1px solid #dcdcdc; overflow:hidden; padding:0.4rem 0 0.45rem;}
.pro_list li a img{ width:100%; display:block; max-width:100%;}
.pro_list li a h5{ text-align:center; color:#004ba8; font-size:16px; margin-top:15px;}

.pro_list li a:hover{border:1px solid #174aa4;}


@media(max-width:1200px){
	.ny_sider{ width:240px;}
	.ny_container{ width:calc(100% - 240px);padding-left:0.4rem;}
	.category li{height:48px;}
	.category li a{height:48px; line-height:48px; font-size:15px;}
	}



@media(max-width:992px){
	.pro_list li{width:calc((100% - 40px) /2 );}
	.ny_sider{ width:200px;}
	.ny_container{ width:calc(100% - 200px);padding-left:0.4rem;}
	.category li{height:42px;}
	.category li a{height:42px; line-height:42px; font-size:14px;}
	.pro_list li a h5{font-size:15px;}
	}


@media(max-width:768px){
	.ny_sider{ display:none;}
	.ny_container{ width:100%;padding-left:0rem;}
	}



@media(max-width:480px){
	.pro_list li{ margin:0 5px 20px; float:left; height:auto; width:calc((100% - 20px) / 2);}
	.pro_list li a h5{font-size:14px;}
	}


@media(max-width:400px){
	.pro_list li{ margin:0 0px 15px; float:left; height:auto; width:100%;}
}




.nyfooter{ width:100%; height:auto; padding:0.6rem 0;
 background-color:#262626;
 background-image:url(../images/bg_foot.jpg);
 background-repeat:no-repeat;
 background-position:center  bottom;
 }



.nyft_logo{ max-width:242px; width:100%; margin:0 auto 26px;}
.nyft_logo img{ width:100%; display:block; max-width:100%; margin:0 auto;}
.nyft_link{ text-align:center;}
.nyft_link a{ color:#fff; padding:0 20px;}
.nyft_link a span{ font-size:40px;}
.nyft_link a:hover{ color:#004ba8;}
.nyft_copyright{ text-align:center; color:#fff; padding-top:12px;}
.nyft_copyright a{color:#fff; padding-left:30px;}
.nyft_copyright a:hover{color:#004ba8;}


@media(max-width:480px){
	.nyft_logo{ max-width:190px; margin:0 auto 20px;}
	.nyft_link a{ padding:0 10px;}
	.nyft_link a span{ font-size:32px;}
	.nyft_copyright a{padding-left:0px; display:block;}
	}



@media(max-width:360px){
	.nyft_logo{ max-width:160px;}
}





.productsd_img{}
.productsd_img img{ width:100%; display:block; margin:0 auto; max-width:662px; border:1px solid #dcdcdc;}
.productsd_img h4{ margin-top:0.3rem; font-weight:bold; color:#004ba8; text-align:center;}
.productsd_txt{ color:#333; padding-top:60px; width:100%; height:auto;}
.productsd_name{ font-size:22px; border-bottom:1px solid #dcdcdc; padding-bottom:10px; padding-left:18px; position:relative; font-weight:bold;}
.productsd_name:before{ content:""; position:absolute; left:0; height:25px; width:5px; background:#174aa4;}
.productsd_txt p{ line-height:1.8;}

.productsd_title{ font-size:20px; color:#222222; padding:40px 0 20px; text-transform:uppercase; font-weight:bold;}
.productsd_ul li{ line-height:1.8;}
.productsd_table{ width:100%; border:1px solid #dcdcdc;}
.productsd_table tr td{border:1px solid #dcdcdc; text-align:center; padding:14px 0;}

.productsd_table tr td:nth-child(1){ width:60%;}
.productsd_table tr td:nth-child(2){ width:40%;}
.productsd_table tr:nth-child(1) td{ background:#174aa4; color:#fff; font-weight:bold;}


.productsd_table02{ width:100%; border:1px solid #dcdcdc;}
.productsd_table02 tr td{border:1px solid #dcdcdc; text-align:center; padding:14px 0;}

/*.productsd_table tr td:nth-child(1){ width:60%;}
.productsd_table tr td:nth-child(2){ width:40%;}*/
.productsd_table02 tr:nth-child(1) td{ background:#174aa4; color:#fff; font-weight:bold;}




.productsd_note{ font-weight:bold; padding-top:30px;}

.productsd_pager{ width:100%; height:auto; padding:0.6rem 0 0.4rem;}
.productsd_pager p{ padding-bottom:10px;}
.productsd_pager p a{ color:#666;}
.productsd_pager p a:hover{ color:#174aa4;}


@media(max-width:1200px){
	.productsd_title{ font-size:18px;}
	}


@media(max-width:992px){
	.productsd_title{ font-size:17px;}
	}


@media(max-width:768px){
	.productsd_img h4{ font-size:16px;}
	.productsd_name{ font-size:20px;}
	.productsd_name:before{ height:22px;}
	}



@media(max-width:480px){
	.productsd_title{ font-size:16px;}
	.productsd_table02{ font-size:12px;}
	}

@media(max-width:376px){
	.productsd_table02{ font-size:10px;}
	}


.contact_box{ width:100%; height:auto; margin:0 auto; padding:0.8rem 0 1rem;}




.ny_map{ width:62%; height:430px; float:right;}
.ny_map iframe{ width:100%; height:100%;}

.ny_contact{ width:38%; height:auto; float:left; padding-right:1.5rem;}
.ny_contact h2{ font-size:26px; font-weight:bold; margin-bottom:15px;}
.ny_contact h4{ max-width:150px; width:100%; height:33px; line-height:33px; background:#174aa4; color:#fff; font-size:18px; color:#fff; text-align:center; border-radius:33px; margin-top:40px; margin-bottom:35px;}
.ny_conList li{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px; padding-left:38px; position:relative; line-height:26px;}
.ny_conList li:before{ position:absolute; left:0px; top:0px; width:26px; height:26px; line-height:24px; border-radius:26px; text-align:center; color:#174aa4; border:1px solid #174aa4; font-family: "iconfont" !important;}
.ny_conList li:nth-child(1):before{ content:"\e613";}
.ny_conList li:nth-child(2):before{ content:"\e7fd";}
.ny_conList li:nth-child(3):before{ content:"\e63e";}
.ny_conList li:nth-child(4):before{ content:"\e604";}

@media(max-width:1440px){
	.ny_contact{padding-right:1rem;}
	}


@media(max-width:1200px){
	.ny_map{ width:60%;}
	.ny_contact{ width:40%; padding-right:0.7rem;}
	.ny_contact h2{ font-size:24px;}
	.ny_contact h4{ font-size:17px; max-width:130px;}
	}


@media(max-width:992px){
	.ny_map{ width:100%; height:360px; margin-top:30px;}
	.ny_contact{ width:100%; padding-right:0rem;}
	}



@media(max-width:768px){
	.ny_contact h2{ font-size:22px; margin-bottom:12px;}
	.ny_contact h4{ max-width:110px; font-size:16px;  margin-top:30px; margin-bottom:25px;}
	.ny_conList li{ padding-bottom:16px; margin-bottom:16px;}
	}


@media(max-width:480px){
	.ny_map{height:320px;}
	.ny_contact h2{ font-size:20px;}
	.ny_contact h4{ max-width:100px; font-size:15px;  margin-top:30px; margin-bottom:25px; height:30px; line-height:30px;}
	.ny_conList li a{ font-size:13px; line-height:24px;}
	.ny_conList li:before{width:24px; height:24px; line-height:22px; font-size:13px;}
	}






.about_box{ width:100%; height:auto; margin:0 auto; padding:0.8rem 0 1rem;}

.about_content{ width:100%; height:auto; padding-bottom:0.5rem;}
.about_content h2{ text-align:center; color:#222222; font-size:28px; margin-bottom:0.3rem;}
.about_content p{ color:#666666; line-height:1.8;}

.culture_txt{ background:#174aa4; width:100%; height:auto; margin:0 auto; color:#fff;}

.culture_content{ width:39%; height:auto; float:left; padding:0.7rem 0 0 0.57rem;}
.culture_content h1{ font-size:45px; line-height:1.3; position:relative; padding-bottom:30px; margin-bottom:0.6rem;}
.culture_content h1:after{ content:""; position:absolute; left:0px; bottom:0px; width:65px; height:3px; background:#eeeeee;}
.culture_content p{ font-size:26px; line-height:1.5; letter-spacing:4px;}
.culture_content p:nth-of-type(2){ font-weight:bold; padding-top:15px; text-indent:2em;}
.culture_img{ width:61%; height:auto; float:right; overflow:hidden;}
.culture_img img{ width:100%; display:block; max-width:100%;}



@media(max-width:1200px){
	.culture_content{padding:0.5rem 0 0 0.5rem;}
	.about_content h2{font-size:26px;}
	.culture_content h1{ font-size:42px; padding-bottom:22px; margin-bottom:0.5rem;}
	.culture_content p{ font-size:24px;}
	}



@media(max-width:992px){
	.about_content h2{font-size:24px;}
	.culture_content{padding:0.6rem 0 0.6rem 0.4rem; width:100%;}
	.culture_content h1{ font-size:38px;}
	
	.culture_content h1 br{ display:none;}
	.culture_content p{ font-size:22px;}
	.culture_content p:nth-of-type(2){padding-top:10px;}
	.culture_img{ width:100%;}
	}


@media(max-width:768px){
	.culture_content h1{ font-size:34px;  padding-bottom:22px;}
	.culture_content h1:after{width:50px;}
	}

@media(max-width:480px){
	.culture_content h1{ font-size:30px;}
	.culture_content p{ font-size:20px;}
	}






.honor_box{ width:100%; height:auto; margin:0 auto; padding:0.8rem 0 1rem; background:#f6f6f6;}
.honor_title{ text-align:center; font-size:36px;}
.honor_txt{ width:100%; height:auto; padding:0.5rem 0 0;}
.honor-button-prev,
.honor-button-next{ width:43px; height:56px; line-height:56px; text-align:center; background:rgba(170,170,170,0.7); position:absolute; z-index:999; cursor:pointer;}
.honor-button-prev:hover,
.honor-button-next:hover{background:rgba(23,74,164,0.7);}
.honor-button-prev span,
.honor-button-next span{ color:#fff; font-size:30px;}

.honor-button-prev{ left:10px; top:50%; transform:translateY(-50%);}
.honor-button-next{right:10px; top:50%; transform:translateY(-50%);}

.honor-item{ margin:0 10px; width:calc(100% - 20px);}
.honor-item a img{ width:100%; display:block; max-width:100%;}



@media(max-width:1200px){
	.honor_title{font-size:32px;}
	}


@media(max-width:992px){
	.honor_title{font-size:30px;}
	}


@media(max-width:480px){
	.honor-button-prev,
	.honor-button-next{ width:36px; height:50px; line-height:50px;}
	}