@charset "utf-8";
@import url('https://fonts.font.im/css?family=Oswald');
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #fff; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size: 16px;
  font-family: "Microsoft YaHei", sans-serif;}
f{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 1.7em; margin: 15px 0; text-indent: 2em; color: #7f7f7f;}

header{ z-index: 99999;width:100%;    padding: 0px; position:absolute;}

/*公共样式*/
.bg{width:100%;overflow: hidden; padding: 0}
.w-1920{width:1920px; margin: auto; overflow: hidden;}
.w-1800{width:1800px; margin: auto; overflow: hidden;}
.w-1600{width:1600px; margin: auto; overflow: hidden;}
.w-1500{width:1500px;margin: auto;overflow: hidden;}
.w-1400{width:1400px; margin: auto; overflow: hidden; }
.w-1300{width:1300px; margin: auto; overflow: hidden; }
.w-1100{width:1100px; margin: auto; overflow: hidden; }

.f-blue{color:#026ed1}

@font-face {
  font-family: 'font-title';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../font/801.TTF) format('truetype');
}
@font-face {
  font-family: 'font-title-b';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../font/800.TTF) format('truetype');
}
/*公共样式-头部*/

input{background:none; border:none; width:100px; height: 40px;  float: left;}






/*详细页*/

.detail{width:99%; margin:30px auto; padding: 2%; overflow: hidden}
.detail .title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; background: none; height: auto;}
.detail .title .title1{width:100%; text-align: center; font-size: 2em;}
.detail .title .title2{width:100%; text-align: center; color: #bfbfbf; font-size: 1em; margin-top: 20px;}
.detail .title .title2 img{ vertical-align: middle; margin-right: 1.1em;}
.detail .title .title2 span{ margin:0 1.5%;}

.detail .content{ width:100%; margin: 30px 0;color: #000;font-size: 17px;text-align: justify;}
.next{width:100%; overflow: hidden; color: #818181; font-size: 1.25em; margin-bottom: 50px; margin-top: 20px; line-height: 1.5em}
.next a{color: #666;font-size: 1em;}
a:hover{color: #337ab7;}



/*首页-产品*/

#in-pro{padding: 30px 0} 
#in-pro .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background: url(../images/in-pro-left.png) no-repeat #fff center;width: 100px;height: 150px;left:0;margin-top: -60px;}
#in-pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url(../images/in-pro-right.png) no-repeat #fff center;width: 100px;height: 150px;right:0;margin-top: -60px;}

#in-pro .swiper-button-next, .swiper-button-prev{}


#in-pro img{
	width: 100%;
    max-width: 180px;
	}
#in-pro .in-pro-title{width: 100%;
    display: block;
    float: left;
    text-align: center; font-size: 13px;}

#in-pro .swiper-container{
      width: 100%;
      height: auto;
	  padding:20px 0;
      margin-left: auto;
      margin-right: auto;
	  
    }
#in-pro .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: 100px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition-property:all;
    }
	#progressEffect{
	  position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
	}

#in-pro .swiper-button-next, .swiper-button-prev{}


.in-product{width:100%; margin: auto; overflow: hidden; background: url(../images/in-pro-bg.jpg); margin-top: 20px;}

.in-product .pic{width:60%; float:right; margin-bottom: 3%}
.in-product .pic img{width:100%;max-width: 1000px;}
.in-product .info{width:30%;margin: 8% 2% 3% 8%;float:left;color: #fff; min-width: 400px;}
.in-product .info .line{
    width: 25px;
    height: 2px;
    background: #fff;
}
.in-product .info .title-en{
    font-size: 100px;
    font-weight: bold;
    text-transform: uppercase;
}
.in-product .info .title-ch{
    font-size: 30px;
}
.in-product .info .text{
    font-size: 14px;
    margin-top: 20px;
	background: url(../images/in-pro-cricle.png) no-repeat left center ;
	padding-left: 20px;
}
.in-product .info .btn{ text-align: center; padding: 0; margin-top: 30px;}
.in-product .info .btn .btn1{width:160px; height: 50px; background: #c40110; color: #fff; float: left;line-height: 50px; }
.in-product .info .btn .btn2{width:160px; height: 50px;  border: 3px solid #838383; color: #575757;  float: left; margin-left: 20px;line-height: 45px; }







.in-solution-title{width:96%; font-size: 32px; color: #000; margin:3% auto}
.in-solution-title span{font-size: 18px; color: #9c9c9c; display:block}

.in-solution{width:96%; margin:0 auto 5%; overflow: hidden; height: 695px;}
.in-solution .in-so-left{width: 71%;float: left;height: 100%;position: relative;background: url(../images/in-solution-img.jpg) no-repeat;}
.in-solution .in-so-left .smart1{width: 40%;float: right;height: 50%;background: #fdfdfd;bottom: 0;right: 0;position: absolute;border: 1px solid #e5e5e5; }
.in-solution .in-so-left .smart1 .text1{
	width:105px;
	height: 33px;
	border: 1px solid #e81b2b;
	border-radius: 50px;
	text-align: center;
	color: #e81b2b;
	line-height: 33px;
	position: absolute;
	top: 15%;
	left:8%
}
.in-solution .in-so-left .smart1 .text2{font-size: 46px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
	position: absolute;
	top: 26%;
	left:8%}
.in-solution .in-so-left .smart1 .text3{
	font-size: 18px;
	position: absolute;
	top: 45%;
	left:8%
}
.in-solution .in-so-left .smart1 .list{
	width:80%;
	position: absolute;
	bottom: 15%;
	left:8%}
.in-solution .in-so-left .smart1 .list ul{width:100%;}
.in-solution .in-so-left .smart1 .list ul li{width: 33.3333%;float: left;text-align: center;color: #9a9a9a;border-left: 1px solid #e5e5e5;}
.in-solution .in-so-left .smart1 .list ul li:nth-child(1){border-left:none}
.in-solution .in-so-left .smart1 .list ul li img{display:block;margin: auto;text-align: center;margin-bottom: 5px;transition: all 0.3s;}

.in-solution .in-so-left .smart1 .list ul li:hover img{transform:translateY(-5px);transition: all 0.3s;}


.in-solution .in-so-right{width:29%; float: right; height: 100%}
.in-solution .in-so-right .smart2{width:100%;height: 50%;background:url(../images/in-smart2-img.jpg) no-repeat right bottom #fdfdfd;border: 1px solid #e5e5e5;color: #9a9a9a;position: relative;}
.in-solution .in-so-right .smart2 .text1{font-size: 15px;position: absolute;left: 8%;top: 15%;}
.in-solution .in-so-right .smart2 .text2{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    left: 8%;
    position: absolute;
    top: 22%;
}
.in-solution .in-so-right .smart2 .text3{
    position: absolute;
    bottom: 15%;
    left: 8%;
    transition: all 0.3s;
}
.in-solution .in-so-right .smart2 .text3:hover{transform:translateX(5px);transition: all 0.3s;}
.in-solution .in-so-right .smart2 .text3 a{color: #9a9a9a;}

.in-solution .in-so-right .smart3{width:100%; height: 50%;background:url(../images/in-smart3-img.jpg) no-repeat right bottom #262626;border: 1px solid #e5e5e5;color: #9a9a9a; position: relative}
.in-solution .in-so-right .smart3 .text1{font-size: 15px;position: absolute;left: 8%;top: 15%;}
.in-solution .in-so-right .smart3 .text2{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    left: 8%;
    position: absolute;
    top: 22%;
}
.in-solution .in-so-right .smart3 .text3{
    position: absolute;
    bottom: 15%;
    left: 8%;
    transition: all 0.3s;
}
.in-solution .in-so-right .smart3 .text3:hover{transition: all 0.3s;transform:translateX(5px);}
.in-solution .in-so-right .smart3 .text3 a{color: #9a9a9a;}




/*首页-关于我们*/
.in-ab{width:100%; margin: auto; overflow: hidden; background: url(../images/in-ab-bg.jpg); position: relative; height: 855px;}
.in-ab .bg{width:100%; margin: auto; overflow: hidden; position: absolute; z-index: 1; bottom: 0; left:50%; margin-left:-418px; }
.in-ab .title{width:100%;margin: auto;overflow: hidden;text-align: center;position: absolute;z-index: 2;color: #9f9f9f;font-size: 16px;top: 12%;}
.in-ab .title span{display:block;color: #fff;font-size: 32px;letter-spacing: 2px;}
.in-ab .text{width: 100%;margin: auto;overflow: hidden;text-align: center;position: absolute;z-index: 1;top: 23%;color: #d5d5d5;font-size: 15px;}
.in-ab .text .text1{width:100%; max-width:768px; margin:auto}

.in-ab .in-ab-number{width: 100%;margin: auto;overflow: hidden;position: absolute;z-index: 2;top: 40%;color: #fff;}
.in-ab .in-ab-number .in-ab-number-content{width:100%; max-width: 1000px; margin: auto;}
.in-ab .in-ab-number .in-ab-number-content li{width:33.33%;float: left;height: 150px;margin-bottom: 10%;}
.in-ab .in-ab-number .in-ab-number-content li:nth-child(1){text-align: right; width:28%}
.in-ab .in-ab-number .in-ab-number-content li:nth-child(4){text-align: right; width:28%}
.in-ab .in-ab-number .in-ab-number-content li:nth-child(3){text-align: left; width:28%; float: right}
.in-ab .in-ab-number .in-ab-number-content li:nth-child(6){text-align: left; width:28%; float: right}




.in-ab .in-ab-number .in-ab-number-content li .text1{}
.in-ab .in-ab-number .in-ab-number-content li .text2{font-size: 80px;font-weight: bold;letter-spacing: 2px;line-height: 80px;}
.in-ab .in-ab-number .in-ab-number-content li .text3{}





/*首页-快捷图片入口*/

.in-img{width:100%; margin: auto; overflow: hidden; color: #fff; text-align: center}
.in-img li{width:33.3%;float: left;position: relative; background: #000}
.in-img li .pic{ position: relative;z-index: 1; transition: all 0.3s;}
.in-img li .pic img{ width:100%}
.in-img li .redborder{width:100%;border: 5px solid #f00;position: absolute;height: 100%;z-index: 2;  opacity: 0; transition: all 0.3s;}
.in-img li .ico{width:100%;position: absolute;z-index: 2;top: 30%;}
.in-img li .title{width:100%;position: absolute;z-index: 2;top: 40%;font-size: 36px;font-weight: bold;}
.in-img li .title-en{width:100%;position: absolute;z-index: 2;top: 46%;}
.in-img li .redbox{
    background: #eb1111;
    width: 100%;
    height: 25%;
    position: absolute;
	bottom:0;
	z-index: 2;
	 opacity: 0; transition: all 0.3s;
}
.in-img li .text{width: 78%;position: absolute;z-index: 3;bottom: 5%;text-align: left;left: 50%;margin-left: -39%;font-size: 16px;line-height: 25px; opacity: 0; transition: all 0.3s; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.in-img li .more{width: 60px;position: absolute;z-index: 3;bottom:0%;height: 60px;text-align: center;border: 1px solid #fff;border-radius: 50%;font-size: 40px;left: 50%;margin-left: -30px; opacity: 0; transition: all 0.3s;}

.in-img li .more a{color:#fff;}



.in-img li:hover .pic{ transform:translateY(-20%); transition: all 0.3s;}
.in-img li:hover .redborder{ opacity: 1; transition: all 0.3s;}
.in-img li:hover .redbox{ opacity: 1; transition: all 0.3s;}
.in-img li:hover .text{ opacity: 1; transition: all 0.3s;bottom: 15%;}
.in-img li:hover .more{ opacity: 1; transition: all 0.3s;bottom: 3%;}




.in-img-sj{display:none; width:100%; margin-top:5%}
.in-img-sj li{width: 33.33%;height:180px;float: left;overflow: hidden; position:relative}
.in-img-sj li .bg{ position:absolute;z-index:1}
.in-img-sj li .bg img{width:100%}
.in-img-sj li .ico{position:absolute;z-index:2;width:100%; text-align:center;top:20%}
.in-img-sj li .ico img{width:30%}
.in-img-sj li .title{position:absolute;z-index:2;width:100%; text-align:center;bottom:30%; font-size:18px; color:#fff}
.in-img-sj li .text{}




/*首页-新闻*/
.in-news{width:100%; margin: auto; overflow: hidden}
.in-news .title{width:96%; font-size: 32px; color: #000; margin:3% auto; font-weight: bold;}
.in-news .title .more{ width:100px; height: 40px; line-height: 40px; background: #f00; float: right; font-size: 16px; color: #fff; text-align: center; border-radius: 30px; font-weight: normal; text-transform: uppercase}
.in-news .title .more:hover{ background:#ccc;}
.in-news .title .more a{color:#fff}
.in-news .title span{font-size: 18px; color: #9c9c9c; display:block; font-weight: normal;}

.in-news .in-newsbox{width:100%; margin: auto; overflow: hidden; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 3% 0}
.in-news .in-newsbox li{width: 47%;float: left;margin: 0 1.5%;position: relative;}
.in-news .in-newsbox li .date{width:50%;float: left;font-size: 14px;position: absolute;color: #989898;}
.in-news .in-newsbox li .bt{width: 48%;float: left;font-size: 21px;margin-top: 5%;color: #373737;}
.in-news .in-newsbox li .bt a{color:#373737}
.in-news .in-newsbox li .more{width: 55px;height: 55px;background: #e6e6e6;border-radius: 50%;line-height: 50px;font-size: 25px;text-align: center;float: left;position: absolute;color: #808080;bottom: 0;transition: all 0.3s;}
.in-news .in-newsbox li .pic{ width:48%; float: right;}
.in-news .in-newsbox li .pic img{width:100%}

.in-news .in-newsbox li:hover .more{background:#eb1111; color: #fff;transform:translateX(10px);transition: all 0.3s;}






/*首页-留言*/
.in-message{width:100%;margin: 2% auto;overflow: hidden;}
.in-message .in-message1{width: 20%;margin-right: 3%;float:left;position: relative;}
.in-message .in-message1 .text{
    color: #000000;
    font-size: 20px;
    right: 0;
    position: absolute;
    top: 45%;
}
.in-message .in-message1 .text-en{
    color: #f7f7f7;
    font-size: 90px;
    font-weight: bold;
    line-height: 90px;
}
.in-message .in-message2{width: 55%;float:left;margin-top: 1.5%; font-size:16px}
.in-message .in-message2 ul{width:100%; margin: auto; overflow: hidden}
.in-message .in-message2 ul li{width:30%; margin: auto; overflow: hidden; float:left;}
.in-message .in-message3{width: 20%;float:left;}
.in-message .in-message3 .btn{width:100px;height: 35px;border-radius: 50px;background: #ff0000;color: #fff;text-align: center;margin-top: 8%;}
.in-message .in-message2 ul li input{height:30px; color:#8d8d8d; font-size:14px;width:80%; border-bottom:1px solid #000000;}










/* 底部
------------------------------ */
.bottom{width:100%;margin: auto; overflow: hidden; background: #0d0d0d; color: #fff; padding: 3% 0}
.bottom1{width:100%; margin: auto; overflow: hidden; border-bottom: 1px solid #fff; padding-bottom: 2%}

.bottom1 .tel{width:320px; float: left; background: url(../images/bottom-ico1.jpg) no-repeat left top; padding-left: 25px}
.bottom1 .tel span{display:block; font-size: 40px; font-weight: bold;letter-spacing:-2px}
.bottom1 .add{width:calc(100% - 750px); float: left;background: url(../images/bottom-ico2.jpg) no-repeat left top; padding-left: 25px}
.bottom1 .add span{display:block; font-size: 16px; margin-top:15px }
.bottom1 .bottom1-right{font-size: 16px;width:430px;float: right;text-align: right;}
.bottom1 .bottom1-right img{margin-top:20px}
.font-gray{color:#5b5b5b}
.bottom1 .bottom1-right a{ color:#fff}

.bottom2{width:100%; margin: auto; overflow: hidden; margin-top: 2%}
.bottom2 .bottom2-left{width:420px; float: left;}
.bottom2 .bottom2-left .lxwm{width:145px; height: 45px; float: left;line-height: 45px; text-align: center; border:1px solid #fff; border-radius: 50px;transition: all 0.3s;}
.bottom2 .bottom2-left .lxwm a{color:#fff}
.bottom2 .bottom2-left .list{width:255px; float: right; margin-top: 12px; }
.bottom2 .bottom2-left .list ul{display: flex;justify-content: space-between;width:90%; float: right}
.bottom2 .bottom2-left .list ul li{transition: all 0.3s;}
.bottom2 .bottom2-left .lxwm img{ margin-right:10px;}
.bottom2 .bottom2-right{width:calc(100% - 420px); float: right; text-align: right; color:#626060; font-size: 16px;}
.bottom2 .bottom2-right li {color:#fff;line-height:50px}
.bottom2 .bottom2-right li a{ color: #b8b8b8;}


.bottom2 .bottom2-left .lxwm:hover{width:160px;transition: all 0.3s;}
.bottom2 .bottom2-left .list ul li:hover{transform:translateY(-5px);transition: all 0.3s;}




/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 4%; margin-bottom: 4%; text-align: center;font-size: 0.875em;}
.fanye-box{width:500px;  float: none; text-align: center; line-height: 35px; margin: auto;}
.fanye-Previous{width:78px; float:left;background: #e8e8e8;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left; background: #e8e8e8; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; background: #e8e8e8;}
.fanye-Number-current{width:35px;float:left;color: #fff;background: #ee052b;margin: 0 5px;}









/* 内页
------------------------------ */
.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}
.nei-top .tp{position: relative;z-index: 0;}

.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: absolute;padding-left: 10%;overflow: hidden;text-align: left;z-index: 99;margin-top: -25%;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size: 55px;text-transform: uppercase; font-weight:bold;}
.nei-top .about-top-text h2{font-size: 80px;text-transform: uppercase;margin: 30px 0;letter-spacing: 1px;font-weight:bold;}
.nei-top .about-top-text .line{width:80px; height: 3px; background: #fff;}
.nei-top .about-top-text h3{    font-size: 0px;
    width: 120px;
    height: 5px;
    line-height: 24px;
    background: #fff;}



/*子页内栏目导航*/

.nei-top-menu-box{width:100%;background: #fff;height: 120px;position: relative;z-index: 9;border-bottom:1px solid #ebebeb;}




.nei-top-menu{width:100%;height: 120px;overflow: hidden;}
.nei-top-menu .submenu{width:auto;text-align: center;float: right;line-height: 120px;color: #8c8c8c;font-size: 18px;margin: 0 15px;}
.nei-top-menu .submenu li{float:left;  width:140px; text-align: center;}
.z-dh{float:left;line-height: 120px;color: #000000;font-size: 16px;text-transform: uppercase;margin-right: 10px;}
.z-dh img{ margin:0 10px}






/* 联系我们
------------------------------ */

























/* 联系我们---------------------------- */
.contact1{width:100%; margin:3% auto; overflow: hidden}
.contact1 li{width:33%; float: left; }
.contact1 li .ico{
    width: 85px;
    height: 85px;
    float: left;
    text-align: center;
    border: 1px solid #f00;
    border-radius: 50%;
    line-height: 85px;
    margin-right: 20px;
}
.contact1 li .ico img{transition: all 0.3s;}
.contact1 li .info{
    font-size: 16px;
    margin-top: 20px;
}
.contact1 li .info span{
    display: block;
    font-weight: bold;
}
.contact1-tel{
    font-size: 30px;
}


.contact1 li .ico:hover img{transform:translateY(-8px);transition: all 0.3s;}


.contact2{width:100%; margin:20px auto; overflow: hidden}
.contact2 .contact2-message{width: 45%;float: left;margin-top: 4%;margin-left: 3%;}
.contact2 .contact2-message .title1{
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    width: 100%;
}
.contact2 .contact2-message .title2{
    font-size: 24px;
    width: 100%;
    float: left;
}
.contact2 .contact2-message .list{
    width: 100%;
    float: left;
    margin: 6% auto;
}
.contact2 .contact2-message .list li{
	
width: 45%;
	
float: left;
	
margin-right: 5%;
	
border-bottom: 1px solid #e5e5e5;
	

padding-top: 6%;
	
font-size: 20px;
}
.contact2 .contact2-message .btn{width:35%;background:#d3000a;height:80px;color:#fff;line-height:70px;font-size:20px;border-radius:50px;margin-top: 4%;}

.contact2 .contact2-message .list li input{width:100%; font-size:16px; color:#afafaf}


.contact2 .contact2-pic{width:50%; float: right;}







/* 关于我们---------------------------- */
.about{width:100%;margin: auto;overflow: hidden;margin-top: 6%; margin-bottom:3%}
.about p{line-height:34px; font-size:16px; text-indent:0; text-align:justify}

.about .about1{width:100%; margin: auto; overflow: hidden;}
.about .about1 .pic{
    width: 50%;
    float: left;
	overflow: hidden;
}
.about .about1 .text{
    width: 46%;
    float: right;
}

.about .about1 .text .ab-logo{width:100%;float: right;border-bottom: 1px solid #dadada;padding-bottom: 5%;margin-bottom: 5%;}
.about .about1 .text .ab-logo img{width:100%;}
.about .about2{width:100%; margin: auto; overflow: hidden; margin-top:3%}



/* 企业文化---------------------------- */
.culture{width:100%;margin: auto;overflow: hidden;height: 588px;}
.culture-left{width: 65%;float: left;}
.culture-left .pic{
    position: relative;
    overflow: hidden;
    height: 588px;
    width: 100%;
}
.culture-left .pic img{
    position: absolute;
    top: 50%;
    object-fit: cover;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
}
.culture-right{width:30%;float: right;box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.1);margin-right: 5px;height: 100%;}
.culture-right .pic{
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.culture-right .title{
    font-size: 32px;
    width: 80%;
    font-weight: bold;
    margin: 5% auto;
}
.culture-right .text{
    width: 80%;
    margin: auto;
    color: #606060;
    font-size: 16px;
    line-height: 32px;
}






/* 发展历程---------------------------- */
.fzlc{width:100%; margin:5% auto; overflow: hidden}
.fzlc .title{
    width: 100%;
    margin: auto;
    overflow: hidden;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    background:url(../images/ab-line.jpg) no-repeat bottom center;
	padding-bottom: 20px;
}
.fzlc .title span{
    display: block;
    font-weight: normal;
    font-size: 16px;
    margin-top: 15px;
	letter-spacing:2px;
}




#ab-fzlc{padding: 30px 0} 
#ab-fzlc .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background: url(../images/in-pro-left.png) no-repeat #fff center;width: 100px;height: 150px;left:0;margin-top: -60px;}
#ab-fzlc .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url(../images/in-pro-right.png) no-repeat #fff center;width: 100px;height: 150px;right:0;margin-top: -60px;}




.fzlc-list{width:100%; margin: auto; overflow: hidden; background: none;}

.fzlc-date{width:100%; text-align: left;color: #8b8b8b;}
.fzlc-date span{font-size: 1.5em; font-weight: bold;}
.fzlc-tp{width:100%; text-align: left; margin: 20px auto}
.fzlc-bg{ background:url(../images/fzlc-bg1.png) no-repeat left; height: 386px;padding-left: 30px;}
.fzlc-text{width:90%;  font-size: 14px; text-align: left; line-height: 1.75em; color: #8b8b8b;}
.fzlc-year{font-size:26px; color: #b2b2b2; font-weight: bold; font-family: "font-title"}

.swiper-slide-fzlc{}


.swiper-slide:hover .fzlc-bg{background:url(../images/fzlc-bg2.png) no-repeat left;}
.swiper-slide:hover .fzlc-date{color: #b81844;}
.swiper-slide:hover .fzlc-text{color: #b81844;}
.swiper-slide:hover .fzlc-year{color: #b81844;}





.team{width:100%; margin: auto; overflow: hidden}
.team .team-pic{width: 67%;float: left;}
.team .team-pic img{width:100%; max-width:1154px;}
.team .team-info{width: 33%;float: right;padding: 5% 5% 0 4%;}
.team .team-info .title{font-size: 38px;font-weight: bold;background: url(../images/ab-line.jpg) no-repeat left bottom;padding-bottom: 40px;}
.team .team-info .title span{float: right;font-size: 16px;font-weight: normal;margin-top: 30px;}
.team .team-info .text{
    color: #6d6d6d;
    margin-top: 10%;
    line-height: 32px;
    text-align: justify;
    font-size: 16px;
}






.honor{width:100%; margin:auto; overflow: hidden; background: #f9f9f9; float: left; padding-bottom: 5%}
.honor .title{width:100%; margin:5% auto 3%; overflow: hidden; font-size: 32px; font-weight: bold; border-left: 8px solid #e41f16; padding-left: 30px;}
.honor .title .more{width:190px; height: 55px; background: #e41f16; border-radius: 50px; text-align: center; line-height: 55px; float: right; color: #fff; font-weight: normal; font-size: 16px;}








.case{width:100%; margin: auto; overflow: hidden; background: #f7f7f7}
.case .case1{width:100%; margin:4% auto; overflow: hidden; }
.case .case1 .title{width:300px; margin: auto; overflow: hidden; float:left; font-size: 40px; font-weight: bold;text-transform: uppercase; background: url(../images/nei-title-line.jpg) no-repeat left bottom; padding-bottom: 30px; font-family: "font-title"}
.case .case1 .title span{display:block;font-size: 60px; }
.case .case1 .text{width:60%; margin: auto; overflow: hidden; float:right; font-size: 16px; line-height: 32px; margin-top: 2%}



.case .list{width:100%; margin: auto; overflow: hidden;}
.case .list ul{width:100%; margin: auto; overflow: hidden;}
.case .list ul li{width:30%; float: left;margin: auto 1.5%; overflow: hidden; background: #fff; padding: 2%; margin-bottom: 2%}
.case .list ul li .pic{width:100%; margin: auto; overflow: hidden;overflow: hidden;
    display-radio: 1;
    max-height: none;
    height: auto;
    position: relative;
    padding-bottom: 75%;}
.case .list ul li .pic img{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;}
.case .list ul li .title{width:100%; margin:5% auto; overflow: hidden; text-align: center; font-size: 26px;    white-space: nowrap;text-overflow: ellipsis;}
.case .list ul li .title a{color:#000}
.case .list ul li .more{width:150px; height: 45px; background: #e60314; color: #fff; line-height: 45px; margin: auto; overflow: hidden; text-align: center}
.case .list ul li .more a{color:#fff}


.case .list ul li .more:hover{ background: #c60412}





.product{width:100%; margin: auto; overflow: hidden; background: #f7f7f7}
.product .title{width:90%; margin:3% auto;  overflow: hidden; background: #fff;}
.product .list{width:90%; margin:0 auto;  overflow: hidden; }
.product .list ul{width:100%; margin: auto; overflow: hidden}
.product .list ul li{width:31.33%; margin: auto; overflow: hidden; margin-left: 3%; float: left;background: #fff;padding:5% 2%; margin-bottom: 3%}
.product .list ul li .pic{    text-align: center;max-height: none;
    height: auto;
    position: relative;
    padding-bottom: 65%;}
.product .list ul li .pic img{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;}
.product .list ul li .title{width:100%;margin:5% auto;overflow: hidden;text-align: center;font-size: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .list ul li .title a{color:#000}

.product .list ul li .text{width:100%;margin:7% auto;text-align: center;font-size: 14px;color: #989898;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .list ul li .text img{margin-right:10px;}
.product .list ul li .more{width:150px; height: 45px; background: #e60314; color: #fff; line-height: 45px; margin: auto; overflow: hidden; text-align: center}
.product .list ul li .more a{color:#fff;}
.product .list ul li .more:hover{background: #c60412}


.product .list ul li:nth-child(1n){margin-left: 0;}
.product .list ul li:nth-child(2n){margin-left: 3%;}
.product .list ul li:nth-child(3n){margin-left: 3%;}
.product .list ul li:nth-child(4n){margin-left: 0;}
.product .list ul li:nth-child(5n){margin-left: 3%;}
.product .list ul li:nth-child(6n){margin-left: 3%;}
.product .list ul li:nth-child(7n){margin-left: 0;}
.product .list ul li:nth-child(8n){margin-left: 3%;}
.product .list ul li:nth-child(9n){margin-left: 3%;}






/* 新闻列表页----------------------------- */
.news{width:100%;margin: 4% auto 0;overflow: hidden;}
.news .title{width:100%; margin: auto; overflow: hidden; background: url(../images/nei-title-line.jpg) no-repeat left bottom; padding-bottom: 30px; font-size: 42px;}
.news .title span{display: block; color: #e4e4e4; text-transform: uppercase; font-family: "font-title"; font-weight: bold;}


.news .list{width:100%;margin: 4% auto 2%;overflow: hidden;}
.news .list ul{width:100%; margin: auto; overflow: hidden;}
.news .list ul li{width:31.33%; margin-bottom: 3%; overflow: hidden;float: left;box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1);border-top: 4px solid #c6000b;padding: 3%;}

.news .list ul li .date{
    color: #e4353f;
    font-size: 16px;
}
.news .list ul li .title{
    height: 80px;
    color: #000;
    font-size: 28px;
    margin-top: 3%;
    background: none;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
	padding-bottom: 0;
	margin-bottom: 30px;
}
.news .list ul li .pic{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display-radio: 1;
    max-height: none;
    height: auto;
    position: relative;
    padding-bottom: 81%;
}
.news .list ul li .pic img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;
}
.news .list ul li .text{
    color: #5d5d5d;
    min-height: 90px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 5%;
    font-weight: normal;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




.news .list ul li:nth-child(1n){margin-left: 0.5%;}
.news .list ul li:nth-child(2n){margin-left: 1.5%;}
.news .list ul li:nth-child(3n){margin-left: 1.5%;}
.news .list ul li:nth-child(4n){margin-left: 0.5%;}
.news .list ul li:nth-child(5n){margin-left: 1.5%;}
.news .list ul li:nth-child(6n){margin-left: 1.5%;}
.news .list ul li:nth-child(7n){margin-left: 0.5%;}
.news .list ul li:nth-child(8n){margin-left: 1.5%;}
.news .list ul li:nth-child(9n){margin-left: 1.5%;}







.recruitment{width:100%; margin:3% auto; overflow: hidden}









.service{width:100%; margin: auto; overflow: hidden; background: #f5f5f5; padding: 4% 0}
.service .title{width:100%; margin: auto; overflow: hidden; font-size: 42px; font-weight: bold; color: #000; background: url(../images/nei-title-line.jpg) no-repeat bottom left; padding-bottom: 30px;}


.service .list{width:100%; margin: auto; overflow: hidden; margin-top: 3%}
.service .list1{width:61%; float: left; position: relative; height: 429px; color: #fff; margin-bottom: 3%}
.service .list1 .bg{ position: absolute;z-index: 1}
.service .list1 .title{ position: absolute;z-index: 2;color: #fff; font-size: 32px; background: none; bottom:12%; left:3%}
.service .list1 .text{ position: absolute;z-index: 2; bottom:12%;left:3%; font-size: 15px;}

.service .list2{width:35%; float: right; background: #fff; height: 429px;margin-bottom: 3%}
.service .list2 .pic{width:100%}
.service .list2 .pic img{width:100%}
.service .list2 .text{width:100%; padding:3% 5%; font-size:16px}

.service .list3{width:61%; float: right; height: 429px; position: relative;}
.service .list3 .bg{ position: absolute;z-index: 1}
.service .list3 .title{ position: absolute;z-index: 2;color: #fff; font-size: 32px; background: none; bottom:17%; left:3%}
.service .list3 .text{ position: absolute;z-index: 2; bottom:12%;left:3%; font-size: 15px;color: #fff;}

.service .list4{width:35%; float: left;background: #fff; height: 429px;}
.service .list4 .pic{width:100%}
.service .list4 .pic img{width:100%}
.service .list4 .title{font-size:26px;widt:100%; padding:5%; background:none}
.service .list4 .text{widt:100%; padding:0 5%; font-size:16px}











/*<1800*/
@media screen and (max-width:1820px) 
{
	.w-1800{width:96%}
}
/*<1700*/
@media screen and (max-width:1699px) 
{
	.w-1600{width:94%}
}

/*<1600*/
@media screen and (max-width:1599px) 
{
	
	.w-1500{width:94%;}
	
	
	

	
	
	
}

/*<1500*/
@media screen and (max-width:1499px) 
{

	.in-solution .in-so-left{width:67%}
	.in-solution .in-so-right{width:33%}
	
	.in-img li .ico{    top: 28%;}
	.in-img li .title-en{top: 50%;}
	
	
	.team .team-info{    padding: 2% 4% 0 3%; }
	.team .team-info .text{line-height: 28px;font-size: 15px;}
	
}






/*<1450*/
@media screen and (max-width:1449px) 

{

	.in-product .pic{width:calc(86% - 400px)}
	
	.nei-top .about-top-text h1{    font-size: 2.5em;}
	.nei-top .about-top-text h2{    font-size: 60px; }
	.nei-top .about-top-text{}
	

}


/*<1460*/

@media screen and (max-width:1460px) 
{
	.w-1400{width:96% }
	
	
	
}


/*<1400*/

@media screen and (max-width:1400px) 
{
	.case .case1 .text{width:calc(100% - 300px)}
	.case .list ul li .title{font-size: 18px;}
	
	.news .list ul li .title{font-size:20px;}
	.product .list ul li .title{font-size:20px;}
	
	.bottom2 .bottom2-right li {color:#fff;line-height:25px}
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
	
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	

}


/*<1300*/
@media screen and (max-width:1299px) 
{
	.w-1300{width:94%; }
	
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
	.in-solution .in-so-left{width:62%}
	.in-solution .in-so-right{width:38%}
	.in-solution .in-so-left .smart1{width:50%}
}


/*<1200*/
@media screen and (max-width:1199px) 
{	
	.team .team-info{ padding: 0% 4% 0 3%}
	.team .team-info .text{line-height: 24px;}
}



/*<1100*/
@media screen and (max-width:1120px) 
{
	
	
.w-1100{width:96%; margin: auto; overflow: hidden; }

}




/*<1000*/
@media screen and (max-width:999px) 
{
	
	

	
	
	
	
	
	.nei-top-menu .submenu{display:none;}
	.z-dh{float:left;}
	
	
	
	
	
	
	.nei-top .about-top-text{padding-top: 2%;padding-bottom: 5%;}
	.nei-top .about-top-text h1{font-size: 20px;}
	.nei-top .about-top-text h2{font-size: 30px;}
	.nei-top .about-top-text h3{font-size: 0px;}
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	.nei-title1 .title-left{width:100%;font-size: 14px;margin-top: 20px;}
	.nei-title1 .title-left span{    font-size: 20px;}
	.nei-title1 .title-right{display:none}
	
	
	
	
	



#in-pro .swiper-button-prev,.swiper-container-rtl .swiper-button-next{display:none}
#in-pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:none}








	.in-product .info .title-en{    font-size: 36px;}
.in-product .info .title-ch{    font-size: 20px;}

	.in-product .info{    width: 90%;
    margin: 8% 2% 3% 5%;
    float: left;
    color: #fff;
    min-width: 0px;
}

	.in-product .pic{width:100%}
	.in-product .info .btn .btn1{    width: 120px;
    height: 35px;    line-height: 35px;}

	.in-product .info .btn .btn2{width: 120px;
    height: 35px;    line-height: 35px; color: #fff}

	
	
	
	
	.in-solution-title{    font-size: 26px;}
	
	.in-solution{height:750px;}
	
	.in-solution .in-so-left{width:100%; height: 45%}
	.in-solution .in-so-left .smart1{height:80%; width:90%}
	.in-solution .in-so-left .smart1 .text1{  top: 12%;}
	.in-solution .in-so-left .smart1 .text2{  font-size: 36px;}
	.in-solution .in-so-right{width:100%; height: 50%; margin-top: 5%}
	
	.in-solution .in-so-right .smart2{background-size:65%}
	.in-solution .in-so-right .smart3{margin-top:5%; background-size:40%}
	
	
	.in-ab{height: 755px;}
	
	.in-ab .title span{    font-size: 24px;}
	.in-ab .text .text1{width: 90%;line-height: 28px;}
	
	.in-ab .in-ab-number{top:50%}
	.in-ab .in-ab-number .in-ab-number-content li{width:5%;height: 90px;}
	.in-ab .in-ab-number .in-ab-number-content li:nth-child(1){width:38%}
	.in-ab .in-ab-number .in-ab-number-content li:nth-child(3){width:38%}
	.in-ab .in-ab-number .in-ab-number-content li:nth-child(4){width:38%}
	.in-ab .in-ab-number .in-ab-number-content li:nth-child(6){width:38%}
	
	.in-ab .in-ab-number .in-ab-number-content li .text2{font-size: 40px;line-height: 50px;}
	
	
	.in-news .in-newsbox{width:96%}
	
	
	
	
	.in-img {display:none}
	.in-img-sj{display:block;}
	
	
	
	.in-news .title{font-size:26px;}
	.in-news .title .more{  height: 30px; line-height: 30px;font-size: 14px;}
	
	.in-news .in-newsbox li{width:100%; margin-top: 10px;}
	.in-news .in-newsbox li .bt{    font-size: 16px; width:63% }
	.in-news .in-newsbox li .pic{width:35%}
	
	.in-message .in-message1 .text{left:5%}
	.in-message .in-message1{width:100%}
	.in-message .in-message2{width:90%; margin-left:5%}
	.in-message .in-message2 ul li{width:100%; margin-bottom: 10%}
	.in-message .in-message3{margin-left:5%}
	
	
	.bottom1{border-bottom:none}
	.bottom1 .tel{width:100%}
	.bottom1 .add{width:100%}
	.bottom1 .bottom1-right{display:none}
	.bottom{height:auto}
	.bottom2{display:none}
	.bottom1 .tel span{font-size: 30px;}
	
	
	
	
	
	.about .about1 .pic{width:100%}
	.about .about1 .pic img{width:100%}
	.about .about1 .text{width:100%; margin-top: 5%}
	
	.culture{height:520px;}
	.culture-left{display:none}
	.culture-right{width:100%;}
	.culture-right .title{width: 96%; font-size: 26px; text-align: center}
	.culture-right .text{width: 96%;}
	
	
	
	.fzlc .title{ font-size: 26px;}
	
	.team .team-pic{width:100%}
	.team .team-info{width:100%; margin-top: 4%}
	
	.team .team-info .title{font-size: 26px;padding-bottom: 20px}
	.team .team-info .title span{    margin-top: 10px;}
	
	
	
	.honor{margin-top:8%}
	.honor .title{font-size: 26px;margin: 8% auto 3%;}
	.honor .title .more{    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;}
	
	
	
	
	
	
	.case .case1 .title{width:100%;font-size: 26px;}
	.case .case1 .title span{font-size: 26px;}
	
	.case .case1 .text{display:none}
	.case .list ul li{width:97%}
	
	
	
	
	.contact1 li{width:100%; margin-bottom: 20px;}
	.contact1 li .ico{width:45px; height: 45px; line-height: 45px;}
	.contact1 li .info{margin-top:0px;}
	.contact1-tel{font-size:24px;}
	
	
	
	
	.contact2 .contact2-message{width:100%;}
	.contact2 .contact2-message .title1{font-size:32px;}
	.contact2 .contact2-message .list li{width:90%;margin-right: 0px;}
	
	.contact2 .contact2-message .btn{height: 40px;    LINE-HEIGHT: 25PX;}
	.contact2 .contact2-pic{display:none}
	
	
	
	
	.news .title{font-size:26px;}
	
	.news .list ul li{width:98%; margin-bottom: 5%}
	
	
	
	.product .list ul li{width:100%;}
	.product .list ul li:nth-child(1n){margin-left: 0;}
.product .list ul li:nth-child(2n){margin-left: 0;}
.product .list ul li:nth-child(3n){margin-left: 0;}
.product .list ul li:nth-child(4n){margin-left: 0;}
.product .list ul li:nth-child(5n){margin-left: 0;}
.product .list ul li:nth-child(6n){margin-left: 0;}
.product .list ul li:nth-child(7n){margin-left: 0;}
.product .list ul li:nth-child(8n){margin-left: 0;}
.product .list ul li:nth-child(9n){margin-left: 0;}


	
	.service .title{font-size:26px;}
	.service .list1{width:100%}
	.service .list2{width:100%;height: 329px;}
	.service .list3{width:100%}
	.service .list4{width:100%;height: 329px;margin-top:10px;}
	.service .list3 .title{bottom:27%;}
	.service .list3 .text{width:94%}
}

/*<960*/
@media screen and (max-width:959px) 
{
	
	
	
}



/*<900*/
@media screen and (max-width:899px) 
{
	
	
}


/*<850*/
@media screen and (max-width:850px) 
{
	
}

/*<768*/




/*<768*/
@media screen and (max-width:768px) 
{
	
	
}

/*<660*/
@media screen and (max-width:620px) 
{
	
	
	
	
	
	
	.nei-top-menu-box{margin-top:0;height:48px;background: url(../images/nei-top-menu-bg.jpg)no-repeat left bottom;  display:none}
	.nei-top-menu .submenu{display:none}
	.z-dh{line-height: 48px;}
	.nei-top-menu{height:47px;}
	

	.map div{height:300px!important}
	
}