@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:微软雅黑; color:#333;}
a { text-decoration:none; color:#333;}
ul{ list-style:none;}
.zhong{ width:92%; margin:0 4%;}
.fl{ float:left;}
.fr{ float:right;}
.viewport{width: 100%;max-width: 640px;margin: 0 auto;}

.mmx{
	height:40px;
	margin-left: 2%;
    line-height: 40px;
}
/*字体开始*/
@font-face {
  font-family: '../font/iconfont';
  src: url('/skins/hengyiSJ/font/iconfont.eot');
  src: url('/skins/hengyiSJ/font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('/skins/hengyiSJ/font/iconfont.woff2') format('woff2'),
      url('/skins/hengyiSJ/font/iconfont.woff') format('woff'),
      url('/skins/hengyiSJ/font/iconfont.ttf') format('truetype'),
      url('/skins/hengyiSJ/font/iconfont.svg') format('svg');
}
.iconfont {
  font-family: "../font/iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*字体结束*/

/*顶部*/
header{ position:relative;}
.top{ overflow:hidden; padding-top:10px;}
.logo{ height:60px;}
.logo img{ height:95%;}
/*导航*/
.nyban1{ width: 100%; height:200px; background:url(/skins/hengyiSJ/images1/sjban1.jpg) no-repeat center; margin-top: 1px; background-size: 100% 100%;}
.rhsj_dh{ width:50px; height:50px; text-align: right; line-height:50px;}
.rhsj_dh i{ font-size:32px;}
.dh_bg {background: rgba(255,255,255,.8);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99;}
.rhdh_nr{ position: fixed; top:0; width:260px; height:100%; box-shadow:0px 0px 2px rgba(0,0,0,0.3); overflow-y: scroll; z-index:99; background:#FFF; display:none;}
.dh_logo{ width:260px; height: auto;  box-sizing:border-box; padding:20px 18px;}
.dh_logo img{ width:100%;}
.dh_nr2{ box-sizing:border-box;}
.dh_nr2 li{  width:260px; box-sizing:border-box; padding:0px; font-size:16px;position:relative;}
.dh_nr2 li a{ display:block;}
.dh_nr2 li:hover { background:#8ec104; border-top:1px solid #FFF;  color:#FFF;}
.dh_nr2 li:hover a{ color:#FFF;}
.dh_nr2 li span{ padding:13px 0; display: inline-table;}
.dh_nr2 li .lmtb{ margin-right:10px; margin-left:20px;}
.dh_nr2 li .lmtb2{position:absolute; right:0px; top:0px; padding:15px 20px;}
.dh_nr2 li .lmtb3{position:absolute; right:0px; top:0px; display:none; padding:15px 20px;}
.dh_nr2 li dl{ background:#f8f8f8; padding:10px 0; display:none; color:#333;}
.dh_nr2 li dl a{ color:#333;}
.dh_nr2 li:hover dl a{ color:#333;}
.dh_nr2 li dl dd{ padding:10px 50px; box-sizing:border-box;}



/* bannercss */
.slideBox{ width:100%; height:220px;clear:both;overflow:hidden; margin-top:0px;}
.slideBox .hd{ height:6px; overflow:hidden; position:absolute; left:50%;margin-left: -60px;  margin-top:200px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:30px; height:3px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#8ec104; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:220px;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}

/*标题*/
.lb_tit{ text-align:center;}
.lb_tit h2{font-size:30px; color:#8fc205;}
.lb_tit p{ font-size:14px; color:#999999; margin:8px 0 15px; position: relative;}
/*.lb_tit p:after {content: ""; position: absolute; left: 50%; margin-left: -28px; bottom: 0; width: 56px; height: 1px; background: #cf0e0f; }*/
.lb_tit h5{ width:60px; height:1px; background:#222222; margin:0 auto;}
.lb_tit h5 span{ width:50%; height:1px; background:#8ec104; display:block;margin-top: 20px;}

/*简介开始*/
.jianj{ margin:20px auto 25px;}
.jianj .tu{ width:100%;    height: 200px;}
.jianj .tu img{ width:100%;    height: 100%;}
.jianj .zi{ width:100%; position:relative;}
.jianj .nr h2{ font-size:30px; margin-top:5px; margin-bottom:3px; color:#8ec104;}
.jianj .nr h5{ font-size:16px; font-weight:normal; color:#999;  margin-bottom:10px;}
.jianj .zi .nr p{ font-size:14px; line-height:28px; color:#666666; margin-top:10px; text-indent:2em;}
.jianj .zi .jj_sz{ width:100%; overflow:hidden; margin-top: 30px;}/*数据滚动*/
.jianj .zi .jj_sz li{ float:left; padding:0 10px; width:175px; box-sizing:border-box; width:33%; text-align:center; height: 70px;}
.jianj .zi .jj_sz li:nth-child(1){ width:33%; padding-left:0;} 
.jianj .zi .jj_sz li:nth-child(3){ width:33%; padding-right:0;} 
.jianj .zi .jj_sz li:nth-child(4){ width:33%; margin-left:16%;} 
.jianj .zi .jj_sz li p b{ font-size:30px; color:#8ec104;}
.jianj .zi .jj_sz li p:nth-child(1){ }
.jianj .zi .jj_sz li p:nth-child(2){ color:#666666; font-size:13px;}
@media (min-width: 320px){.jianj .zi .jj_sz li p b{ font-size:19px;}}
@media (min-width: 375px){.jianj .zi .jj_sz li p b{ font-size:25px;}}
@media (min-width: 414px){.jianj .zi .jj_sz li p b{ font-size:30px;}}
/*简介结束*/

/*产品中心*/
.rh_cp{width: 100%; height: auto; box-sizing:border-box; padding-bottom:25px; background:url(/skins/hengyiSJ/images/cp_bg.jpg) no-repeat; background-size:auto 100%; overflow:hidden;}
.rh_cp .lb_tit{ padding-top:30px;}
/*tab切换*/
ul.tabs {width: 98%;height:auto; padding:4% 1% 4% 1%;list-style: none;overflow: hidden;}
ul.tabs .title b{ font-size:12px; line-height:40px; color:#666; display:block; font-weight:300;}
ul.tabs .title:after { width:35px; background:#fff; height:2px;  display:block; content:""; margin:0px auto;margin-top:12px;}
ul.tabs li {float: left; text-align:center;	width:42%; margin:.8% 3%;}
/*ul.tabs li:last-child{width:86%;}*/
ul.tabs li a {	position: relative;width:100%; padding:0 5%;display: inline-block;font-size: 15px;background: #222;
height:40px;line-height:40px;text-align: center; color:#FFF;}
ul.tabs li a.active {background: #da251e;color: #FFFFFF;}
#content {width:100%; height: auto; margin: 0 auto; overflow:hidden;}
.ckgd{padding:10% 0;width:100%;}
.ckgd a{width:60%; margin:0 20%; background:#3c5095;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:16px; display:block;}

.prd-list{}
.prd-list{margin: 0 10px;}
.prd-list li{color: #555;background: #fff;float:left;width:48%; box-sizing:border-box; margin:0 1% 10px 1%; position:relative;}
.prd-list li:last-child{margin-bottom: 0;}
.prd-list li .pic{width: 100%;}
.prd-list li .title{color: #fff;font-size: 15px; position:absolute; bottom:0%; height:30px; line-height:30px;width: 100%;background:rgba(0,0,0,0.5); text-align: center;}
.prd-list li .date{color: #999;font-size: 12px; font-family: arial;}


/*产品优势*/
.cp_ys{ padding:10px 0; overflow:hidden; box-sizing:border-box; /*background:url(/skins/hengyiSJ/images/cp_ysbg.png) no-repeat bottom center;*/}
.cp_ys .nr{ width:100%;}
.cp_ys .nr { width:100%; /*padding:170px 260px 0 50px; box-sizing:border-box;*/}
.cp_ys .nr li{ height: auto;}
.cp_ys .nr li h2{ text-align: left; line-height:5px; font-size:22px; color:#8fc205; margin:10px 0 10px;  background-size:40px;}
.cp_ys .nr li p{ font-size:16px; line-height:28px; color:#333; text-align:justify;}
/*.cp_ys .nr ul li:nth-child(2){ margin-top:85px; height:150px;}*/
.cp_ys .nr li:nth-child(2) h2{ background-size:40px;}
.cp_ys .nr li:nth-child(3) h2{ background-size:40px;}
.cp_ys .nr li:nth-child(4) h2{  background-size:40px;}
.cp_ys .nr .fr{ width:100%; padding:170px 50px 0 270px; box-sizing:border-box;}


/*广告条*/


/*资质荣誉*/
.zz_tit{ height:30px; background:url(/skins/hengyiSJ/images/ry_tit.jpg) left no-repeat; margin:0px 0 25px;}
.menu { width:100%;}
.menu li {width:50%;height:30px; background:#333;color:#FFF;float:left;line-height:30px;text-align:center; font-size:18px; padding:5px 0;}
.zz_tit .on2 {color:#FFF; background:#1166b6;}
.list {height:300px;width:100%; position:relative;}
.list .ry_nr {height:300px;width:100%;position:absolute; display:none;}
.list .on3{ display:block;}
/*无缝滚动*/
#gd_tu {width:100%;height: 560px;position:relative;overflow:hidden;}
#gd_tu ul {width:100%;height:320px;position:absolute;}
#gd_tu ul li {width:50%;height:160px;float:left; padding:5px; border:1px solid #dcdcdc;box-sizing:border-box; border-right:none; color:#666;}
#gd_tu ul li a{ display:block;}
#gd_tu ul li .tu { width:100%; height:121px; overflow:hidden;}
#gd_tu ul li .tu img{ width:100%; height:100%;transition:all 1s ease;}
#gd_tu ul li:hover .tu img{transform: scale(1.1);}
#gd_tu ul li p{ text-align:center; margin-top:4px; display:block;}
#gd_tu ul li:nth-child(2n){ border-right:1px solid #dcdcdc;}
#gd_tu ul li:nth-child(3n){ border-top: none;}
#gd_tu ul li:nth-child(4n){ border-top: none;}


/*IRATA 公司实力*/

/*公司实力文字*/


/*工程案例*/
.gcal{ overflow:hidden; padding-bottom:30px;}
.gcal .gc_nr{ width:100%;}
.gcal .gc_nr li{ width:49%; margin-right:2%; margin-bottom:8px; float:left; text-align:center;}
.gcal .gc_nr li a{ color:#FFF; display:block;}
.gcal .gc_nr li:nth-child(2n){margin-right:0px;}
.gcal .gc_nr li .tu { width:100%; height:112px;}
.gcal .gc_nr li .tu img{ width:100%;}
.gcal .gc_nr li p{background:#1166b6; padding:5px 0;}


/*新闻*/
.rh_xw{ width:100%;background: url(/skins/hengyiSJ/images/xw_bg.jpg) center center; padding-bottom:35px;    margin-top: 10px;}
.rh_xw .lb_tit{ padding:20px 0;}
.i-box05{ background: #f4f4f4;}
.i-nav { width: 100%; padding: 20px 0;}
.i-nav .item { display: inline-block; font-size: 14px; background: #f3f3f3; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; padding: 0 15px; }
.i-nav .item:hover, .i-nav .item.on { background: #8ec104; color: #fff }
.i-nav-list { display: flex; justify-content: space-between; padding: 0 12px; }
.i-nav-list .item { flex-basis: 36%; }

/*产品*/
.prd-list{}
.prd-list{margin: 0 10px;}
.prd-list li{color: #555;background: #fff;float:left;width:48%; margin:0 1%; position:relative; margin-bottom:10px;}
.prd-list li:last-child{margin-bottom: 0;}
.prd-list li .pic{width: 100%;}
.prd-list li p{color: #222;font-size: 15px;  height:30px; line-height:30px;width: 100%;background:#FFFFFF; text-align: center;border-top: 1px solid #e5e5e5;}/*rgba(0,0,0,0.5)position:absolute; bottom:0%;*/
.prd-list li .date{color: #999;font-size: 12px; font-family: arial;}
/*产品结束*/

.news-list{ color: #666; font-size: 13px; padding:0 15px;}
.news-list li{ overflow:hidden;}
.news-list .date{width:40%; float:left;}
.news-list .date img{max-width:100%;}
.news-list .title{width:50%; float:right; padding-right:5%;}
.news-list .title p{ color:#898989; text-align:justify;}
.news-list .title span{color: #333; font-size: 14px; line-height:36px; font-weight:bold;}
.news-list li{/*background:#f3f3f3; */margin-bottom:4%; border-bottom:1px solid #dcdcdc; padding-bottom:4%;}
.news-list li:last-child{margin-bottom: 0;}
.news-list dl{ overflow:hidden; line-height:40px;}
.news-list dl dt{ overflow:hidden;}
.news-list dl dt a i{ float:left; color:#999;}
.news-list dl dt a span{ float:right;}
.news-list dl dt a p{ float:left; margin-left:10px;}
@media (min-width: 320px){.news-list .title span{line-height:28px;}.news-list .title p{ font-size:12px; line-height:16px;}}
@media (min-width: 375px){.news-list .title span{line-height:20px;}.news-list .title p{ font-size:14px; line-height:20px;}}
@media (min-width: 414px){.news-list .title span{line-height:40px;}.news-list .title p{ font-size:14px; line-height:22px;}}


.rh_nr{ background:#FFF; padding-bottom:10px;}

/*底部*/
footer{background: url(/skins/hengyiSJ/images/dblx_bg.jpg) no-repeat top center;background-size: auto 100%; width: 100%; margin:0px 0 0; padding:20px 0 50px ; color:#CCCCCC;clear:both;}
footer .ewm{ width:100%; border-bottom:1px solid #dcdcdc; overflow:hidden; padding-bottom:20px;}
footer .ewm li{ float:left; width:40%; text-align:center; box-sizing:border-box;}
/*footer .ewm li img{ width:80%;}
footer .ewm li p{ text-align:center;}
footer .db_lx{ margin-top:20px; font-size:16px; line-height:36px;}
footer .db_lx h5 { font-size:18px;}*/
footer .ewm li img{ width:100%;}
footer .ewm li p{ text-align:center;     line-height: 20px;}
footer .ewm .db_lx{ width:58%; text-align:left; margin-top:0px; padding-left:5px; font-size:14px; line-height:32px; margin-left:2%;}
footer .ewm .db_lx p{ text-align:left;}
footer .db_lx h5 { font-size:18px;}
footer .db_bq{ width:100%; background: rgb(0 0 0 / 50%);color:#FFF; font-size:12px; box-sizing:border-box; padding:10px 20px; line-height:22px;}
footer .db_bq a{ color:#ccc;}

/*固定电话*/
.gd_dh{ width:100%; height:50px; line-height:50px; background: rgb(0 0 0 / 80%); overflow:hidden; position:fixed; bottom:0; z-index:19;}
.gd_dh li{ float:left; width:33%; text-align:center;}
.gd_dh li a{ color:#FFFFFF; display:block;}
.gd_dh .on5 { background:#8ec104;}
.gd_dh li i{ margin-right:10px;}

/*返回顶部代码*/
.fhdb{ width:50px; height:50px; background: rgb(204 204 204 / 100%); position:fixed; right:20px; bottom:80px; z-index:29; border-radius: 5px; color:#222222;text-align:center;cursor: pointer;display: none; border: none; transition:all ease 1s; font-size:12px;}
.fhdb:hover{ background-color: #555;}
.fhdb i{ font-size:24px; line-height:50px;}


/*内页样式*/
.ny_banner { width: 100%; height: 100px; overflow:hidden; background: url(/skins/hengyiSJ/images/br.jpg) no-repeat center;     background-size: auto 130%;overflow: hidden; color: #fff; padding:60px 0 30px 0; background-position-x: 71%;}

.nydh{ height:40px; line-height:40px; border-bottom:1px solid #d8d8d8;width:92%; padding:0 4%;}
.nydh i{ font-size:14px;}
.lb_ny{ width:92%; margin:0 4%; padding:20px 0; text-align:justify;}
.lb_ny p{ line-height:32px; text-indent:2em;}















.fwzx{
	width: 100%;
	height: 670px;
	margin: 0 auto;
}
.fwzx h1{
	text-align: center;
	margin-top: 30px;
	color: #8fc205;
	font-size: 30px;
}
.fwzx .xian{
	width: 50px;
	height: 2px;
	margin: 0 auto;
	background: #8fc205;
	margin-top: 20px;
}
.fwzx .hezi{
	width:100%;
	margin: 0 auto;
	
}








/**/

a, button { cursor:pointer}

/*defined*/

a { color: #333;text-decoration: none;}

.cl{ zoom:1; margin-top: 50px;}

.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:1200px; margin:0 auto;}
/*one stare*/
.title{ text-align:center; padding:0px 0 15px 0;/* border-bottom:1px dashed #e0e0e0;*/}
.title h1{ font-size:40px;}
.title h1 span{ color:#1dd2af;}

.title p b{color:#1dd2af;}
.important{margin-top: -30px; padding-left: 10px;}
.important li{ float:left;width: 12%;border-radius:15px;}

.important li{    
	width: 8%;
    height: 20px;
    display: block;
    padding: 21px;
    border-radius: 15px;
    border: 1px solid #ccc;
    background: #fff;
    margin-left: 12px;
    margin-top: 5px;}
.important li .span{
	font-size: 24px;
    color: #8a8a8a;
    line-height: 0px;
	margin-left: 18%;
}
.important li .p1{
    width: 60px;
    height: 20px;
    color: #8a8a8a;
    margin-top: -1px;
    font-size: 12px;
        margin-left: -45%;
}
.important li:hover{
	border: 1px solid #8fc205;
	background: #8fc205;
	cursor: pointer;
	color:#fff;
}
.important li:hover .span{
	color:#fff;
}
.important li:hover .p1{
	color:#fff;
}


.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:18px; margin-top:20px; text-align:center; display:block; color:#1dd2af;}
.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.important_l{ float:left; width:56%; overflow: hidden; margin-top: 30px;}
.important_l img{width:100%;height:430px;}
.important_r{ float:right; padding:10px 0px 0px 0px;width:100%;  overflow: hidden;  background:#8fc205; position: relative; left: -1px;}
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.study{ padding:0px 20px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#fff; display: block; padding-bottom:5px; text-align: center;}
.study span{ font:14px/18px "Microsoft YaHei";color:#fff;display: block;text-indent: 2em; line-height: 20px;}
.study .s1{
	width: 31.5%;
	height: 90px;
	float: left;
	margin-right: 5px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.study .s2{
	width: 32%;
	height: 90px;
	float: left;
	margin-right: 2%;
}
.study .s3{
	width: 32%;
	height: 90px;
	float: left;
}

.study .ss div{
	width: 100%;
	height: 100%;
	border-radius: 2%;
}
.study .ss img{
	width: 100%;
	height: 100%;
	border-radius:20px;
}
.study .ss span{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-indent:0em;
	color: #fff;
}









/*企业优势*/


.qyys{
	width:100%;
	margin: 0 auto;
}
.qyys .set-content{
    height: 100%;
    width: 100%;
    margin:0 auto;
}
.qyys .set-title {
    width: 100%;
    height: 42px;
    display: flex;
	background: #fff;
}
.qyys .set-title ul{
	width: 100%;
	
	height: 60px;
}
.qyys .set-title ul li{
    float:left;
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #000;
    position: static;
    background: rgba(255,255,255,.1);
    box-sizing: border-box;
    cursor: pointer;
    width: 49%;
    cursor:pointer;
	font-size: 15px;
	float: left;
	border: 1px solid #efefef;
	    margin-top: 5px;
    margin-left: 2px;
	
}
.qyys .set-title ul .li{
	width: 100%;
}
.qyys .set-title ul .cur{
    background: #8fc205;
	color: #fff;
}
.qyys .set-middle{
    height: 360px;
    box-sizing: border-box;
    overflow: hidden;
	margin-top: 155px;
}
.qyys .set-middle-list ul li{
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #4fc0c8;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}
.qyys .set-middle img{
	width: 100%;
	height: 100%;
	z-index: 5;
	float: left;
}
.qyys .wz{
	width: 100%;

    background: #fff;
    position: absolute;
    margin-top: 250px;
    margin: 0 auto;
    margin-top: 145px;
}
.qyys .wz .wz-d{
    width: 6px;
    height: 25px;
    background: #8fc205;
    float: left;
    margin-top: 27px;

}
.qyys .wz dl{
	padding-top:20px;

	font-size: 26px;
	font-weight:none;
}
.qyys .wz .xian{width: 100%; height: 2px; background: #e6e6e6; margin-bottom: 20px;}
.qyys .wz p{ line-height: 20px; color: #454545; padding: 10px;}
.qyys .wz p span{
	color:#989898;
}
.qyys h1{
	text-align: center;
	margin-top: 30px;
	color: #8fc205;
	font-size: 30px;
}
.qyys .xian{
	width: 50px;
	height: 2px;
	margin: 0 auto;
	background: #8fc205;
	margin-top: 20px;
}

<!--耗时1783190080.657秒-->