/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #fff;
  color: #444;
  /*font-family: "Open Sans", sans-serif;*/
}

/*a {
  color: #007bff;
  transition: 0.5s;
}*/

a:hover,
a:active,
a:focus {
  color: #0b6bd3;
  outline: none;
  text-decoration: none;
}*/


img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
	border: 0;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* Back to top button */



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  height: 80px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 20px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
}

#header.header-scrolled,
#header.header-pages {
  height: 60px;
  padding: 10px 0;
}

#header .logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #00366f;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 7px 0;
  max-height: 26px;
}

.main-pages {
  margin-top: 60px;
}


/* Mobile Navigation */

.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(19, 39, 57, 0.8);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #74b5fc;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\f077";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 18px 18px 0 0;
  color: #38f;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(19, 39, 57, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}


/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/


.col-lg-3,.col-md-6{float:left; padding-right:0px; padding-left:0;}
.col-md-4{float:left;padding:0;}
.Language{border-top:2px solid #fff}
.table-container {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	/*margin: 0 0 1em;*/
   }
table{border:0; border-collapse:collapse;}
table td,table th{/*border:1px solid #999;*/ padding:.5em 1em}
//添加IOS下滚动条
.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
.table-container td img{max-width:100%;}
#yinggy-img img{min-height:auto;}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
  #header{display:none;}
  .h-content{width:100%; }
  
  
  
  
  
  
  
}
@media (min-width:1365px){
	.news .nr{
		min-height: 500px;
	}
}
@media (max-width:1365px){
	.nav ul li{padding:0 20px;}
	.xq-yingy .nr{margin-left:0;}
  .fl{float:none;}
  /* .xq-yingy .tp{width:100%;}  */
  .xq-yingy .nr{ width:100%;}
  .sous{width:28%;}
  .quanz{width:auto;}
  .in-nr2 ul{margin-left:0;}
  .in-nr1 .in-nr1-tt, .in-nr2 .in-nr2-tt, .in-nr3 .in-nr3-tt, .more, .more1{margin-left:0;}
  #customer .container{padding:0;}
  .fenl-sear .nr, .fenxi .nr, .ganz .nr{width:70%;}
  .shaix .nr ul li{margin-top:10px; width:22%;margin-right:2%;}
  .fenl-sear .nr,.fenxi .nr, .ganz .nr, .gongl .nr, .gongmo .nr, .ic .nr, .wend .nr, .news .nr, .recr .nr{width:70%;}
  .wend .nr .nr-fl .text, .wend .nr .nr-fl .jieg{width:100%;}
  .wend .nr .nr-fl .txt{margin-top:0;}
  .wend .nr .nr-fl .jisuan{margin-top:10px; margin-left:0;}
  .xingh .nr .text{width:70%;}
  .zhanj .nr1-fl{width:100%;}
  .zhanj .nr1-fr{width:100%; text-align:center;}
  .zhanj .nr2 ul li .img{height:100%;}
  .nytu img{max-width:100%;}
  .pro1 .nr ul li{
	  min-height: 700px;
  }
  
}

@media (max-width: 991px) {
	.nav{display:none;}
	.header{display:none;}
	
  #header {
    height: 60px;
    padding: 10px 0;
  }

  #header .logo h1 {
    font-size: 28px;
    padding: 8px 0;
  }

  #intro {
    padding: 140px 0 60px 0;
  }

  #intro .intro-img {
    width: 80%;
    float: none;
    margin: 0 auto 25px auto;
  }

  #intro .intro-info {
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
  }

  #why-us .card {
    margin: 0;
  }
  .banner, .banner .bd li{
	  height:400px;
  }
  .nytu img, .pro-list-img img{ width:100%;margin-top:60px;}
  .ny-nav{width:100%;margin-top:0; }
  .about .nr, .faq .nr, .news .nr{width:100%; margin-top:45px;}
  .ny-nav ul li{float:left;width:50%; border-right:2px solid #38f; font-size:medium;border-left:2px solid #38f;}
  .about .nr p{width:100%; text-align:justify; text-indent:unset;}

  
  .dingz .nr ul li{width:31.33333%;}
  .youzheng{display:block;}
  .youzheng2{display:block;}
  .qiy .nr{width:100%;}
  .qiy .nr p{text-align:justify;}
  .zhanj .nr2 ul li{width:48%; margin:0 2% 2% 0}
  .my_mobile{
	  display: none;
  }
  .zhaoping{
	  width: 30%;
  }
  .page-tt{
	  max-width: 100%;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
  .yingy .nr ul li{float:none;}
  .dingz .nr ul li{width:48%; margin-top:20px;}
  .form .nr .area{width:100%;}
  .ic .nr table tr th{font-size:16px;padding:10px; font-weight:none;letter-spacing:none;white-space:nowrap;}
  .xingh .nr .text{width:100%; font-size:16px;}
  .xingh .nr .btn{margin-top:10px; margin-left:0;}
  .footer .ftop ul li.mobil-yincang{display:none;}
  .chakan{width:100%;text-align:center;}
  .gongl .nr .text, .gongmo .nr .text, {width:100%;}
  .shaix .nr ul li{    margin-top: 10px;width: 46%;margin-right: 4%;padding: 10px 0px;font-size:16px;}
  .chakan .more, .chakan .more1{margin:0 auto !important;width:100%}
  .in-nr1 .in-nr1-tt, .in-nr2 .in-nr2-tt, .in-nr3 .in-nr3-tt, .page-tt, .page-tt2{font-size:26px;line-height:30px; height:60px;}
  .chakan .more1, .chakan .more{font-size:20px; height:40px; line-height:40px;}
  .gm-list .nr table tr th, .gongl .nr table tr th, .gongl .nr table tr td, .gongmo .nr table tr td, .gongmo .nr table tr th,
  .pro2 table th, .zhanj .nr3 table tr th, .zhanj .nr3 table tr td, .fenxi .nr table tr th, .fenxi .nr table tr td{white-space:nowrap;}
  .shaix .nr .tit, .news .nr .tit, .gongl .nr .tit, .about .tit, .ic .tit, .fenl-sear .tit, 
  .gongmo .nr .tit, .search .sear-tt, .zhanj .tit, .contact .tit, .recr .nr .tit,.fenxi .nr .tit, .ganz .nr .tit, .wend .nr .tit,
  .xq-yingy .fenl .tit, .xq-yingy .nr .tit, .faq .nr .tit, .rongy .tit, .dingz .tit, .shuj .nr .tit{font-size:22px;}
  .news .nr ul li p, .about .nr p{font-size:16px;}
  .news .nr .tit i, .gongl .nr .tit i, .about .tit i, .rongy .tit i, .ic .tit i, .fenl-sear .tit i, .gongmo .nr .tit i, 
  .search .sear-tt i, .zhanj .tit i, .contact .tit i, .recr .nr .tit i, .fenxi .nr .tit i, .ganz .nr .tit i, .wend .nr .tit i,
  .xq-yingy .fenl .tit i, .faq .nr .tit i, .shaix .nr .tit i, .dingz .tit i, .shuj .nr .tit i{width:15px; height:15px;}
  .pagin li{padding:5px 12px; margin:0px 2px 10px !important; font-size:14px !important;}
  .pagin li a{padding:0 !important;}
  .pagin{text-align:left !important;}
  .pt1, .pt2, .pt3, .pt4, .pt5, .pt6, .pt7, .pt8, .pt9, .pt10, .pt11, .pt12, .pt13, .pt14, .pt15, .pt16, .pt17, .pt18, .pt19, .pt20, .pt21{
	  white-space:nowrap;
	  padding:0 10px;
	}
  .gongl .nr table tr th, .gongmo .nr table tr th, .fenxi .nr table tr th, .ganz .nr table tr th,
  .fenl-sear .nr table tr th, .ic .nr table tr th{white-space:nowrap;padding:14px;font-size:18px; letter-spacing:20px;font-weight:bold;}
  .gongl .btn, .fenl-sear .btn, .xingh .nr .btn, .search .btn, .search .sear-fl-btn, .form .nr .btn, .ic .btn,
  .ganz .btn, .gongmo .btn, .fenxi .btn{width:120px;height:50px;font-size:22px; line-height:normal;}
  .ny-nav ul li{text-align:left;padding-left:10%;}
  .ny-nav ul li i{left:6%;}
  .pro2 .nr1 a{margin:0px 15px 15px 0px;float:left; width:44%;font-size:16px;}
  .ny-nav ul{border-left:2px solid #38f;border-top:2px solid #38f;border-right:none;border-bottom:none;}
  .gongj .nr ul li .tit{margin-top:0;}
  .footer .ftop ul li{width:100%;text-align:center;}
  .xq-yingy .fenl ul li{width:48%;margin-right:2%;padding:15px;font-size:16px;}
  .pro3{padding-top:0;}
  .nr1-fr img{max-width:100%;}
  .zhanj .nr2 ul li .txt{font-size:20px;height:40px; line-height:40px;}
  .contact .nr .txt ul li p{font-size:18px;}
  .form .nr .tit{font-size:20px;}
  .form .nr .select, .form .nr span, .form .nr .txt, .footer .ftop ul li .ft-tt{font-size:16px;}
  .form .nr .check{width:20px; height:20px;}
  .wend .nr .nr-fl span{font-size:18px;}
  .wend .nr .nr-fl .txt{height:40px; line-height:40px;}
  .wend .nr .nr-fl .jieg{height:50px; line-height:50px;}
  .wend .nr .nr-fl .jisuan{font-size:18px; height:50px; line-height:50px;}
  .wend .nr .nr-fr .tit{padding-left:0;font-size:20px;}
  .faq .nr ul li p{font-size:16px;}
  .rongy .nr{margin-top:45px;}
  .dingz .nr ul li .txt{font-size:20px;line-height:36px;height:36px;}
  .shuj .nr .guanb{font-size:16px;color:#999;}
  .in-nr1 ul li{width:100% !important}
	 .xq-yingy .tp{width:100%;}
  .cpfl ul li{width:100%;}

  .footer .fbtm2{margin-top:0}
  .page .page-dengj{
  	  display: none;
  }
}

@media (max-width: 767px) {
  #intro .intro-info {
    width: 100%;
  }

  #intro .intro-info h2 {
    font-size: 34px;
    margin-bottom: 30px;
  }

  .section-header p {
    width: 100%;
  }

  #testimonials .testimonial-item {
    text-align: center;
  }

  #testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
  }

  #testimonials .testimonial-item h3,
  #testimonials .testimonial-item h4,
  #testimonials .testimonial-item p {
    margin-left: 0;
  }
  .footer .ftop ul li{
	  width:23%;
  }
}

@media (max-width: 574px) {
  #intro {
    padding: 100px 0 20px 0;
  }
  .banner .bd li img{ width:100%; height:200px; padding-top:60px;}
  .banner, .banner .bd li{height:200px;}
  .banner .hd ul li{width:10px;height:10px;}
  .banner .hd{height:30px; line-height:30px;}
  .banner .hd ul .on{width:10px;}
  .col-md-6,  .col-md-4{
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-left:0;
	}
	.footer .ftop ul li{width:100%; text-align:center;}
	.dingz .nr ul li{width:100%;}
	.youzheng{display:block;}
	.page-tt2{max-width:100%;}
	.kuc .kc-ss{width:100%;}
	.kuc .kc-btn{margin-top:10px;}
	.search .sear-fl-txt{width:100%;}
	.search .sear-fl-btn{margin-top:10px;margin-left:0;}
	.search .sear-fl select{margin-bottom:10px;}
	.search .btn{margin-left:0;}
	.wend .nr .nr-fl .jisuan{margin-top:10px;margin-left:0;}
	.zhanj .nr2 ul li{width:100%; margin:0 0 4% 0;}
	.in-nr1 .in-nr1-tt, .in-nr2 .in-nr2-tt, .in-nr3 .in-nr3-tt, .page-tt{width:auto;}
	.fbtm-tubiao a{padding:0 10px;}
	
	
	
  
}


@media (max-width: 320px){
	.in-nr1 .in-nr1-tt,.in-nr2 .in-nr2-tt,.in-nr3 .in-nr3-tt{width:100%; margin-left:auto;}
	.page-tt{width:auto;}
	.pro-list{ margin-top:80px;}
	.footer .fbtm p{float:none;padding-left:20px;}
	.fbtm-tubiao{margin-bottom:10px;}
	.ny-nav ul li i{left:4%;}
	.dingz .nr ul li{width:100%;}
	
}
@media (min-width: 320px){
	.sz-nr1, .sz-nr2, .sz-nr3, .sz-nr4, .sz-nr5, .sz-nr6, .sz-tt1, .sz-tt2, .sz-tt3, .sz-tt4, .sz-tt5, .sz-tt6{width: 9.35% !important;}
}
@media (min-width: 2000px){
	.in-nr4{
		display: none;
	}
	.rongyu2{
		display: none;
	}
	
}
@media (min-width: 1024px) and (max-width: 2000px){
	.youzheng{display:block;}
	/* .chicun2{display:none;} */
}

@media (min-width: 1367px) and (max-width: 2000px){
	.h-content{width:1366px !important; min-width:auto; padding-left:0;padding-right:0;}
	.banner .bd li img{/*height:auto;*/}
	.customer{display:none;}
	.pro1 .nr ul li{min-height:630px; max-height:none;background-color:#ededed;}
	.sous{width:22%;}
	.in-nr4{display:none;}
	.page img, .nytu img{max-width:none;}
	.col-lg-4{width:32%;}
	.rongyu2{display:none;}
	
}
@media (max-width: 1439px) {
	
}

@media (max-width: 1366px){
	.in-nr5{display:none;}
	.in-nr1 ul li{width:95%; margin:10px auto;}
	.in-nr2 ul li{width:auto;}
	.quanz{width:auto;}
	.in-nr1 .in-nr1-tt, .in-nr2 .in-nr2-tt, .in-nr3 .in-nr3-tt, .more, .more1{margin-left:0;}
	.form .nr .text{width:100%;}
	.form .nr .select{width:100%;}
	.rongyu1, .prev, .next, .btn-style-two{display:none;}
	.rongyu2{display:none;}
	.nr3-wide{display:block;}
	.nr3-wide2{display:block;}
	.ny-nav ul li i{left:4%;}
	.fenl-sear .nr table tr th{padding:10px;font-size:20px;}
	.ic .nr table .lab{height:30%;white-space:nowrap;}
	.zhanj .nr2 ul li .img{height:100%;}
	.slick-prev, .slick-next{display:none !important;}
	.service-section .inner-box .img_holder img{border-radius:0 !important;}
	.service-section .inner-box{box-shadow:none !important}
	.sz-nr1, .sz-nr2, .sz-nr3, .sz-nr4, .sz-nr5, .sz-nr6, .sz-tt1, .sz-tt2, .sz-tt3, .sz-tt4, .sz-tt5, .sz-tt6{
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;}
	.in-nr2 ul{margin-left:0px;margin-right: 0px;}
	.chakan .more, .chakan .more1{margin-left:0px;}

	
	
}
#product{width:100%;min-width:auto;}

@media (max-width: 992px) {
  .col-md-4 {
    max-width: 50%;
    margin: 0 auto 30px auto;
  }
  .contact .nr .img{width:100%;}
  .contact .nr .txt{width:100%;}
  .fenl-sear .nr,.fenxi .nr, .ganz .nr, .gongl .nr, .gongmo .nr, .ic .nr, .rongy .nr, .search .nr, .wend .nr, .news .nr, .recr .nr{width:100%;}
  .wend .nr .nr-fl{width:100%;}
  .wend .nr .nr-fr{width:100%; margin-top:10px;}
  .chicun-img1{display:none;}
  .chicun2{text-align:center;}
  .rongyu2{display:block;}
  .nr3-wide{display:none;}
  .nr3-wide2{display:none;}
  
}

@media (max-width: 767px) {
  .col-md-4 {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
  .param_filter_condition .param_filter_btns{
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-top: 0.5rem;
  }
  .param_filter_btn{
	  margin-right: 0px;
	  flex: 0 0 32%;
	  margin-bottom: 0.2rem;
  }
  .param_filter_btn .font{
	  width: calc(100% - 30px);
	  font-size: 12px;
  }
  .chen_stars .group{
	  display: block;
  }
  .layui-form-pane .layui-input-block.mobile_span_blank{
	margin-left: 110px;
	margin-top: 3px;
  }
  .layui-form-pane .layui-input-inline.mobile_span_blank{
	  margin-left: 110px;
	  margin-top: 3px;
  }
  
}

@media (max-width: 420px) {
  .col-md-4 {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
 
  .form .nr .select{width:100%;}
  .form .nr .nr-fl, .form .nr .text,.form .nr .area{width:100%;}
  .form .nr .radio{margin-top:20px;}
  .wend .nr .nr-fl .text, .wend .nr .nr-fl .jieg{width:100%; font-size:16px;}
  .wend .nr .nr-fl .txt{margin-top:10px;}

}
/** customer section **/

.customer {
     padding: 90px 0px 90px 0px;
     
}

.customer .titlepage p {
     color: #141629;
     line-height: 28px;
     font-weight: 500;
     font-size: 17px;
     padding-top: 20px;
}

.customer_Carousel .carousel-caption {
     position: inherit;
     padding: 0;
}

.customer_box {
     text-align: center;
}

.customer_Carousel .test_box h4 {
     font-size: 20px;
     color: #fff;
     line-height:60px;
     display: block;
     text-align: center;
     text-transform: uppercase;
     font-weight: 600;
	 background-color:#38f;
	 letter-spacing:2px;
}

.customer_Carousel .test_box span {
     color: #bc1939;
     display: block;
     font-size: 17px;
     padding-bottom: 20px;
}

.customer_Carousel .test_box i {
     font-size: 17px;
     line-height: 28px;
     margin-bottom: -12px;
     padding-right: 20px;
}

.customer_Carousel .test_box p {
     font-size: 17px;
     line-height: 28px;
     color: #1d1b28;
     margin-bottom: 30px;
}

#myCarousel .carousel-indicators {
     display: none;
}

#myCarousel .carousel-control-next,
#myCarousel .carousel-control-prev {
     opacity: 1;
}

#myCarousel .carousel-control-next i,
#myCarousel .carousel-control-prev i {
     width: 60px;
     height: 60px;
     background: #000;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
	 opacity:0.3;
}

#myCarousel .carousel-control-next i:focus,
#myCarousel .carousel-control-next i:hover,
#myCarousel .carousel-control-prev i:focus,
#myCarousel .carousel-control-prev i:hover {
     background: #000;
     color: #fff;
}


/** end customer section **/

/**/
.con-lang{overflow:hidden; border-bottom:2px solid #f2f2f2; padding-bottom:10px;}
@media (min-width: 768px){
.navbar-left {
    float: left !important;
}

}
.header-w3layoutstop p {
    color: #fff;
    font-size: 1em;
    text-align: center;
    letter-spacing: 1px;
}
.search-grid {
	margin:15px;
    border: 1px solid #ccc;
}
.search-grid input[type="text"] {
    display: inline-block;
    background: none;
    border: none;
    border-right: solid 1px #ccc;
    width: 84%;
    padding: .5em;
    outline: none;
    font-size: .9em;
    color: #FFFFFF;
}
.search-grid button.btn1 {
    color: #ffffff;
    font-size: .9em;
    padding: 6px 6px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    background: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/**/
@media (max-width: 600px){
	.ny-nav ul li{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
}
	
	