/*基本样式------------------*/
*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;font-family:Arial;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#333;}
a:hover{color:#F11818;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{ line-height:1.7em; color:#666;}
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
img{ max-width:100%;}
body{color:#333;font-size:12px;}
/*-------基本样式end---------*/
/*-------内容区宽度---------*/
.pageMain{width:1180px; margin:0 auto;}
.pageMain2{width:1180px; margin:0 auto;}

/* index 图片在中间显示 */
.container {  display: flex;  justify-content: center;  align-items: center;  height: 100vh; cursor:pointer; /* 使容器的高度为视口高度，可根据需要调整 */}
.container img { max-width: 100%; /* 确保图片不会超过其容器 */  height: auto; /* 保持图片的宽高比 */}
/*-------顶部---------*/
.headerKong{height:100px;}
.header{ width:100%;position:fixed; top:0; left:0; z-index:99; background:#fff; z-index:99; height:100px;} 
.header .logo{ width:15%;float:left;padding:8px 0;}
.header .logo img{transition:all .5s; max-width:100%;}
.header .nav{width:70%;float:right; height:100%; position:relative; margin-top:35px; text-align:right; }
.header .nav a{ font-weight:600;font-size:1.4em; color:#000; display:inline-block; padding:0 10px; margin:0 10px; height:38px; line-height:38px; text-align:center}
.header .nav a:hover, .header .nav a.active {color:#F11818;}
 
.bg_header{box-shadow: 0px 0px 4px 0 rgba(0,0,0,.3);  background: #fff;
	transition: background 1s;	-moz-transition : background 1s;-webkit-transition: background 1s;-o-transition : background 1s;}
.bg_header .nav a{color:#000;}
.bg_header .nav a span{color:#F11818;}
/*-------顶部 end ---------*/
.banner{ width:100%; height:600px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:600px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:600px; float:left; background-size:100% auto ;}
.b-list{ height:20px; position:absolute; left:0; bottom:0; width:100% !important; z-index:1; text-align:center;}
.b-list span{ display:inline-block;cursor:pointer; width:5px; height:5px; border-radius:50%; border:2px solid #292928; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #292928; background:#292928;}
.bar-left{ position:absolute; z-index:1; display:none; width:100px; height:100%; left:0px; background:none; top:0px;}
.bar-right{ position:absolute;z-index:1; display:none; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 20px;}
.titleBox h1{ font-size:1.8em; margin:0 0 0.5em; height:40px; line-height:40px; font-weight:bold; border-left:5px solid #F11818; padding-left:15px}

.titleBig{ width:100%; margin:0 0 40px; text-align:center}
.titleBig h1{ font-size:1.8em; height:40px; line-height:40px; font-weight:bold; }
.titleBig span{ display:inline-block; width:50px; height:5px; background:#999; }
.titleBig p{ font-size:1.5em; font-weight:bold; line-height:180%;margin-top:5px; color:#F11818}

.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebg{ padding:60px 0 0;}
.pagebg2{ padding:10px 0 0;}
.page1{ background:#F5F5F5;}


/*-------services---------*/
.InSer{width:100%;}
.InSer ul{ margin:0 auto; }
.InSer .box{ border:1px solid #ccc; }
.InSer ul li{ background:#fff; float:left; width:23%;  margin-right:1.66%; margin-bottom:30px; position:relative}
.InSer ul li:nth-child(4n){margin-right:0%;}
.InSer ul li .pic{text-align:center;position: relative;overflow: hidden;} 
.InSer ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InSer ul li:hover .pic img{transform: scale(1.1);transition: all ease 0.5s;}
.InSer ul li h1{ font-size:1.2em;margin:10px 0;text-align:center; height:30px; line-height:30px; overflow:hidden; } 
.InSer ul li p{ font-size:1.2em; line-height:180%;} 

.InNews ul{ margin:0 auto; }
.InNews ul li{ background:#fff;position:relative}
.InNews ul li .pic{float:left; width:26%;  margin-right:3%;text-align:center;  position: relative;overflow: hidden;}
.InNews ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InNews ul li:hover .pic img{transform: scale(1.1);transition: all ease 0.5s;}
.InNews ul li .info{float:left; width:71%;} 
.InNews ul li h1{ font-size:1.4em;margin:10px 0; color:#000; overflow:hidden;} 
.InNews ul li p{ font-size:1.2em; line-height:180%;} 

/*底部*/
.footer{ background:#444; padding:30px 0;margin-top:60px; }
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:10%; margin-right:3%;}
.footer .fotC{ float:left; width:66%;}
.footer .fotC .fotnav{ margin:10px 0;color:#fff;}
.footer .fotC .fotnav a{color:#fff;line-height:200%; display:inline-block; margin-right:10px; font-size:14px;}
.footer .fotC .fotinfo {color:#fff;}
.footer .fotC .fotinfo a{color:#fff;line-height:200%; }
.footer .fotR{text-align:center; font-size:1.5em; color:#fff;float:right; width:20%;}
.footer .fotR span{ width:30px; height:30px; border-radius:50%; background:#ccc; display:inline-block;}
.footer .fotR a{color:#333;line-height:200%; display:inline-block; padding-top:6px; }
.footer .fotR a:hover{color:#F11818;}


/*about*/
.banbox{ height:380px; position:relative}
.banbox a{ display:block; height:100%; width:100%;  text-align:center; text-transform:uppercase; }

.titleNow{ border-bottom:1px solid #eee; line-height:40px; margin:10px 0 20px;}
.titleNow a{ font-size:1.2em;}
.titleNow .port3{ display:inline-block; float:right; }
.titleNow .port3 span{ background:#ccc; width:5px; height:5px; border-radius:3px; display:inline-block; margin-left:5px; margin-top:18px;}

.NewsInfo{}
.NewsInfo h1{ font-size:1.8em; height:40px; line-height:40px; font-weight:bold; text-align:center}
.NewsInfo h3{ text-align:center; margin:0.6em 0 1em; color:#999; }
.NewsInfo p{ font-size:1.3em; line-height:180%;margin-bottom:5px;}

.aBoutInfo{}
.aBoutInfo .pic{float:left; width:52%;margin-right:3%; text-align:center;  position: relative;}
.aBoutInfo .info{float:right; width:45%;} 
.aBoutInfo h1{ font-size:1.8em; margin:0 0 0.5em; height:40px; line-height:40px; font-weight:bold; border-left:5px solid #F11818; padding-left:15px}
.aBoutInfo h3{ text-align:center; margin:0.6em 0 1em; color:#999; }
.aBoutInfo p{ font-size:1.5em; line-height:170%;margin-bottom:5px;}

.aBoutbox h1{ font-size:1.8em; margin:0 0 0.5em; height:40px; line-height:40px; font-weight:bold; border-left:5px solid #F11818; padding-left:15px}
.aBoutbox h3{ text-align:center; margin:0.6em 0 1em; color:#999; }
.aBoutbox p{ font-size:1.5em; line-height:180%;margin-bottom:5px;}

.inMBox{ margin-top:2em;}
.inMBox a.more{font-size: 1.3em; color: #fff; font-weight: 400; line-height:1.5em; display:inline-block; padding:10px 20px; text-align: center;background-color: #F11818; border-radius:5px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.inMBox a.more:hover{ background-color: #000; }

.contact{margin-top:30px;}
.contact .info ul li{ margin-bottom:2em;  float:left; width:30%; font-size:1.3em; text-align:center; line-height:180%;}
.contact .info ul li:last-child{ width:40%;}
.contact .info ul li span{ margin-bottom:2em; display:block; text-align:center;}
.contact .info ul li span img{ width:40px}
.contact .map{ text-align:center;}
.showleft{ float:left; width:50%;}
.showRigth{ float:left; width:50%; text-align:center}

/*产品展示*/
._left{float:left;}
._right{float:right;}
.ProClass{ width:25%;border:1px solid #eee; background:#FCFCFC;}
.ProClass ul{margin:10px auto; }
.ProClass ul li{ margin-bottom:10px;border-bottom:1px solid #eee; line-height:30px; position:relative;}
.ProClass ul li .product_more {  font-size: 20px;  position: absolute;  right: 0px; line-height: 46px;  width: 18%;  top: 0; text-align: center;  cursor: pointer; color:#999;}
.ProClass ul li a { color: #333; font-size:1.4em; padding: 8px 0px 8px 20px; display:block;}
.ProClass ul li.active a {color:#2372b9;}
.ProClass ul li:hover a {color:#2372b9;}
.ProClass ul li dl{ margin:0px 0 10px 20px; display:none;}
.ProClass ul li.active dl{ display:block;}
.ProClass ul li dl dd{ margin-bottom:5px;line-height:30px;}
.ProClass ul li dl dd a { color: #666; font-size:1.2em; padding: 2px 0px 2px 20px; }
.ProClass ul li.active dl dd a { color: #666;}
.ProClass ul li:hover dl dd a { color: #666;}
.ProClass ul li dl dd.av a {color:#2372b9;}
.ProClass ul li:hover dl dd a:hover {color:#2372b9;}

.ProList{ float:right; width:73%;}
.ProList ul{ margin:0 auto; }
.ProList .box{ padding:10px;}
.ProList ul li{ background:#fff; border:1px solid #eee; float:left; width:31%;  margin-right:3%; margin-bottom:25px; position:relative}
.ProList ul li:nth-child(3n){margin-right:0%;}
.ProList ul li .pic{ text-align:center} 
.ProList ul li h1{ font-size:1.2em;margin:10px 0;text-align:center; height:21px; overflow:hidden} 
.ProList ul li p{ font-size:1.2em; line-height:180%;} 

/*分页*/
.pager{ padding:30px 0; text-align:center}
.pager a{ border:1px solid #ddd; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; margin:0 3px; font-size:1.2em; }
.pager a:hover{	text-decoration: none; font-weight:600;}
.pager a.cur, .pager a:hover{ color:#fff; background:#F11818}
.pager a.pre, .pager a.next{position:relative;}
.pager a.moreto{border:0px solid #ddd;  }
.pager a.pre em {    -webkit-backface-visibility: hidden;
    position: absolute;    right:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;
    border-color: transparent #666 transparent transparent;    font-size: 0;    line-height: 0;
}
.pager a.next em {    -webkit-backface-visibility: hidden;    position: absolute;    left:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;    border-color: transparent transparent transparent #666;    font-size: 0;    line-height: 0;
}

.ProBody{ width:100%;}
.proHot{ margin:0 0 30px;}
.proHot .Img{width:36%; border:1px solid #eee; }
.proHot .Info{ width:60%;}
.proHot .Info h1{ font-size:2em; color:#333; font-weight:600; margin-bottom:20px;}
.proHot .Info p{ font-size:1.2em; line-height:180%;}
.proInfo{}
.proInfo .proSmTitle{ font-size:1.6em; color:#2372b9;  margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px;}
.proInfo p{ font-size:1.2em; line-height:180%;}



.NewsList ul{ margin:0 auto; }
.NewsList ul li{ background:#fff;  margin-bottom:20px; position:relative}
.NewsList ul li .pic{float:left; width:26%;  margin-right:3%;text-align:center;  position: relative;overflow: hidden;}
.NewsList ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.NewsList ul li:hover .pic img{transform: scale(1.1);transition: all ease 0.5s;}
.NewsList ul li .info{float:left; width:71%;} 
.NewsList ul li .info h1{ font-size:1.4em;margin:10px 0;color:#000; overflow:hidden;} 
.NewsList ul li .info h1 span{ float:right; color:#999; display:none} 
.NewsList ul li .info p{ font-size:1.2em; line-height:180%;} 

.partnerBox{ text-align:center; margin-bottom:2em; border-bottom:1px solid #ccc; padding-bottom:2em;}
.serList ul li{ background:#fff; margin-bottom:20px;float:left; width:48%; margin-right:4%;} 
.serList ul li:nth-child(2n){ margin-right:0%;} 
.serList ul li .info h1{ font-size:1.4em;margin:10px 0;color:#000; overflow:hidden;} 
.serList ul li .info h1 span{ float:right; color:#999; display:none} 
.serList ul li .info p{ font-size:1.2em; line-height:180%;}