@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #333; font-size: 14px}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #262626;  word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 全局 */
*{transition:background-color ease .3s;-moz-transition:background-color ease .3s;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s}
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-align:justify;text-justify:inter-ideograph;}
/* 浏览器滚动轴修改 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0;}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/*清除浮动*/

.clearfix:before,.clearfix:after{content: '';display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;  }
.width100{ width: 100% }
.header ,.footer { width:100%; margin:0 auto;  }
/*分页样式*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: center; }
.pglist a {color: #333333;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #dcdcdc;font-size: 14px;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;border-radius: 2px;-webkit-border-radius: 2px;}
.pglist .hover {display:inline-block;color: #fff;background: #005BAC;}
.pglist a:hover {display:inline-block;color: #fff;background: #005BAC;}
.pglist .curpage{display:inline-block;color: #fff;background: #005BAC;}
/*顶部*/


.jhr_top{background: #44474e; height: 30px; line-height: 30px;color: #fff;}
.jhr_head{ margin: 0 auto; position: relative; z-index: 5;  height: 150px;}
.jhr_head .logo{ margin: 25px 0 0;padding-right: 20px;  box-sizing: border-box; border-right: 1px dashed #efefef}
.jhr_head .mid{margin: 45px 0 0 20px}
.jhr_head .mid strong{font-size: 28px; font-weight: bold; color: #005BAC;display: block;}
.jhr_head .mid span{font-size: 18px;color: #000000; font-weight: bold;line-height: 180%;letter-spacing: 5px}
.jhr_head .right{}
.jhr_head .right .pho{ display: inline-block;font-size: 16px; color: #333333;font-weight: bold;margin-top: 50px;background: url("../images/pho.gif")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/pho.gif*/ no-repeat 0 0;padding-left: 60px;box-sizing: border-box;}
.jhr_head .right .pho strong{font-family: 'Impact'; color: #005BAC;font-size: 24px;display: block; }



/*nav*/
.nav {height: 65px; background: #005BAC; width:100%; position:relative; z-index:2; }
.nav > ul{}
.nav > ul >li{
	float: left;
	line-height: 65px;position: relative;

}
.nav > ul >li:after{content: '';position: absolute; top: 15px; height: 35px; width: 0;border-left: 1px dashed #fff}

.nav > ul >li:first-child:after{border-left: none;}

.nav > ul >li .nav_two{
	width: 100%;
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 1001;
	display: none; 
}
.nav > ul >li .long{
	width: 180px;
	left: 50%;
	margin-left: -90px;
}
.nav > ul >li .long2{
	width: 100%;
	left: 0%;
	background:#0061a3;
	padding-top: 50px; 
	top: 130px;
	z-index: 99;
}

.nav > ul >li .long2 .box{width: 90%;margin: 0 auto}
.nav > ul >li .long2 ul{
	width: 16.666667%;
	height: 190px;
	overflow: hidden;
	float: left; 
	margin-bottom: 20px; 
	background-size: auto 100%; 
	padding-left: 20px;
	box-sizing: border-box;
}
.nav > ul >li .long2 ul li{
	line-height: 30px;
}
.nav > ul >li .long2 ul .li5{ 
	margin-bottom: 10px;
	color: #fff; 
}
.nav > ul >li .long2 ul li a{
	color: #fff;
	font-size: 12px;
	font-weight: 100
}
.nav > ul >li .long2 ul li a:hover{
	color: #fff;
}
.nav > ul >li .nav_two > ul > li{
	width: 100%;
	text-align: center;
	height: 39px;
	line-height: 39px;
	background: #ffffff;
	border-top:1px solid #ccc;
}
.nav > ul >li .nav_two > ul > li a{
	font-size: 14px;
	color: #333333;
}
.nav > ul >li .nav_two > ul > li a:hover{
	color: #fff;
}
.nav > ul >li > a{
	display: block;
	font-size: 16px;
	color: #fff;

	padding: 0 38px;
	margin: 0 5px
}
.nav  > ul >li > a:hover{
	color: #000;
	background: #2B9739
}
.nav  > ul >li > .active{
	color: #000;
	background: #2B9739
}

.nav .cur {
color: #000;
background: #2B9739}

.nav .sub{ display:none; width:93%; left:5px; top:65px;  position:absolute; background:#005BAC;  line-height:40px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; color: #fff;text-align: center;}
.nav .sub a:hover{ background:#2B9739; color:#fff;  }



/*导航跟随*/
.stick {position:fixed;top:0;left: 0;width: 100%;box-shadow: 3px 3px 3px rgba(0,0,0,.2); z-index: 999;border-top: 0px solid #ffcc33; background: #005ca1;}

/*banner*/
.slideBox{position:relative;display:block;width:100%;height:675px;overflow:hidden; z-index: 1;}
.slideBox .bd img{display:block;margin:0 auto;height:675px;}
.slideBox .prev{display:none;position:absolute;padding:0;left: 50%;margin-left: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url("../images/next_bg_09.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/next_bg_09.png*/ no-repeat left center;background-position: 0 0;}
.slideBox .next{display:none;position:absolute;padding:0;right: 50%;margin-right: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url("../images/next_bg_09.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/next_bg_09.png*/ no-repeat left center;background-position: right center;}
.slideBox .hd{position:relative;top: -10px;z-index:1;}
.slideBox .hd ul{text-align:center;margin-top: -25px;}
.slideBox .hd ul li{width:8px;height: 8px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff; border-radius: 50%;border: 2px solid #fff}
.slideBox .hd ul li.on{background: #005ca1;}

/*search*/
.jhr_search{border-bottom: 1px solid #e4e4e4;padding: 26px 0}
.jhr_search .left{width: 50%}
.jhr_search .left a{padding-right: 10px;line-height: 40px;font-size: 14px;}
.jhr_search .right{width: 30%;box-sizing: border-box;}
.jhr_search .right .serach{padding: 10px; color: #999;border:none; width: 70%;box-sizing: border-box;display: inline-block;border:1px solid #e4e4e4;float: left}
.jhr_search .right .sub{ width: 30%;background: #20b95b; color: #fff;border:none;box-sizing: border-box;height: auto;display: inline-block; float: left;line-height: 42px;background: url("../images/search.gif")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/search.gif*/ center;}

/*内页benner*/
.slideBox_m{position:relative;display:block;width:100%;height:250px;overflow:hidden; z-index: 1;}
.slideBox_m .bd img{display:block;margin:0 auto;height:250px;}
.slideBox_m .prev{display:none;position:absolute;padding:0;left: 50%;margin-left: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url("../images/next_bg_09.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/next_bg_09.png*/ no-repeat left center;background-position: 0 0;}
.slideBox_m .next{display:none;position:absolute;padding:0;right: 50%;margin-right: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url("../images/next_bg_09.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/next_bg_09.png*/ no-repeat left center;background-position: right center;}
.slideBox_m .hd{position:relative;top: -10px;z-index:1;}
.slideBox_m .hd ul{text-align:center;margin-top: -25px;}
.slideBox_m .hd ul li{width:8px;height: 8px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff; border-radius: 50%;border: 2px solid #fff}
.slideBox_m .hd ul li.on{background: #005ca1;}


/*公用TITLE*/
.jhr_tit{position: relative; z-index: 2; margin: 40px auto;text-align: center;display: block; box-sizing: border-box; width: 100%}
.jhr_tit strong{font-size: 48px;color: #005BAC;font-weight: bold; z-index: 2;position: relative;}
.jhr_tit strong:after{content: ''; height: 1px; width: 100px;background: #e4e4e4;position: absolute;left: -138px;top: 35px}
.jhr_tit strong:before{content: ''; height: 1px; width: 100px;background: #e4e4e4;position: absolute;right: -138px;top: 35px}
.jhr_tit strong em{font-style: inherit;}
.jhr_tit strong em:after{content: ''; height: 4px; width: 30px;background: #005BAC;position: absolute;left: -68px;top: 33px; z-index: 1;}
.jhr_tit strong em:before{content: ''; height: 4px; width: 30px;background: #005BAC;position: absolute;right: -68px;top: 33px; z-index: 1;}
.jhr_tit span{color: #333;line-height: 50px; font-size: 21px;display: block;position: relative; font-weight: bold;}

.jhr_tit_1{position: relative; z-index: 2; margin: 40px auto;text-align: center;display: block; box-sizing: border-box; width: 100%}
.jhr_tit_1 strong{font-size: 48px;color: #fff;font-weight: bold; z-index: 2;position: relative;}
.jhr_tit_1 strong:after{content: ''; height: 1px; width: 100px;background: #e4e4e4;position: absolute;left: -138px;top: 35px}
.jhr_tit_1 strong:before{content: ''; height: 1px; width: 100px;background: #e4e4e4;position: absolute;right: -138px;top: 35px}
.jhr_tit_1 strong em{font-style: inherit;}
.jhr_tit_1 strong em:after{content: ''; height: 4px; width: 30px;background: #005BAC;position: absolute;left: -68px;top: 33px; z-index: 1;}
.jhr_tit_1 strong em:before{content: ''; height: 4px; width: 30px;background: #005BAC;position: absolute;right: -68px;top: 33px; z-index: 1;}
.jhr_tit_1 span{color: #fff;line-height: 50px; font-size: 21px;display: block;position: relative; font-weight: bold;}


/*公用TITLE-内*/
.jhr_tit_m{position: relative; z-index: 2; margin:30px auto ;text-align: left;display: block; padding-left: 40px;box-sizing: border-box; width: 100%;border-bottom: 1px solid #e5e5e5}
.jhr_tit_m em{font-size: 24px; color: #005ca1; text-transform: uppercase;font-style: normal;font-weight: 200; position: relative;font-weight: bold; }
.jhr_tit_m strong{font-size: 24px;color: #333;font-weight: bold; z-index: 2;position: relative;margin-right: 25px}
.jhr_tit_m strong:after{content: ''; height: 4px; width: 32px;background: #ffcc33;position: absolute;left: -40px;top: 15px}
.jhr_tit_m strong:before{content: ''; height: 6px; width: 6px;background: #333333;position: absolute;right: -15px;top: 15px; border-radius: 50%}
.jhr_tit_m span{color: #333;line-height: 50px; font-size: 14px;display: block;}
.jhr_tit_m a{position: absolute;right: 0; top: 25px}
.jhr_tit_m a:before{content: '';height: 3px; width: 30px; background: #ffcc33;left: -35px;top: 10px;position: absolute;}


/*产品详情页*/
.jhr_tit_pro{position: relative; z-index: 2; margin:30px auto 0;text-align: left;display: block; padding-left: 40px;box-sizing: border-box; width: 100%}
.jhr_tit_pro em{font-size: 24px; color: #005ca1; text-transform: uppercase;font-style: normal;font-weight: 200; position: relative;font-weight: bold; }
.jhr_tit_pro strong{font-size: 24px;color: #333;font-weight: bold; z-index: 2;position: relative;margin-right: 25px}
.jhr_tit_pro strong:after{content: ''; height: 4px; width: 32px;background: #ffcc33;position: absolute;left: -40px;top: 15px}
.jhr_tit_pro strong:before{content: ''; height: 6px; width: 6px;background: #333333;position: absolute;right: -15px;top: 15px; border-radius: 50%}
.jhr_tit_pro span{color: #cccccc;line-height: 50px; font-size: 26px;display: block;text-transform: uppercase;}
.jhr_tit_pro a{position: absolute;right: 0; top: 25px}
.jhr_tit_pro a:before{content: '';height: 3px; width: 30px; background: #ffcc33;left: -35px;top: 10px;position: absolute;}

.jhr_tit_pro1{position: relative; z-index: 2; margin:30px auto;text-align: center;display: block;box-sizing: border-box; width: 100%}
.jhr_tit_pro1 em{font-size: 24px; color: #005ca1; text-transform: uppercase;font-style: normal;font-weight: 200; position: relative;font-weight: bold; }
.jhr_tit_pro1 strong{font-size: 24px;color: #333;font-weight: bold; z-index: 2;position: relative;margin-right: 25px}
.jhr_tit_pro1 strong:after{content: ''; height: 4px; width: 32px;background: #ffcc33;position: absolute;left: -40px;top: 15px}
.jhr_tit_pro1 strong:before{content: ''; height: 6px; width: 6px;background: #333333;position: absolute;right: -15px;top: 15px; border-radius: 50%}
.jhr_tit_pro1 span{color: #cccccc;line-height: 50px; font-size: 26px;display: block;text-transform: uppercase;}
.jhr_tit_pro1 a{position: absolute;right: 0; top: 25px}
.jhr_tit_pro1 a:before{content: '';height: 3px; width: 30px; background: #ffcc33;left: -35px;top: 10px;position: absolute;}


/*底部*/

.jhr_foot{background: url("../images/c_24.jpg") #353535;  width:100%; color: #999;}
.jhr_foot .t{padding: 30px 0;display: flex;}
.jhr_foot .t div{ border-right: 1px solid #fff; width: 33.33333333333%;box-sizing: border-box;padding-left:100px;font-size: 16px;color: #fff}
.jhr_foot .t div:last-child{border:none;}
.jhr_foot .t div p{color: #d2d2d2;line-height: 250%}
.jhr_foot .t .left{background: url("../images/f_01.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/f_01.png*/ no-repeat 60px 0 ;}
.jhr_foot .t .mid{background: url("../images/f_02.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/f_02.png*/ no-repeat 60px 0 ;}
.jhr_foot .t .right{background: url("../images/f_03.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/f_03.png*/ no-repeat 60px 0 ;}


.jhr_foot .b{padding: 15px 0;display: flex; color: #fff; box-sizing: border-box; height: 260px}

.jhr_foot .b .tit{font-size: 20px; font-weight: bold; color: #fff;margin-bottom:10px;text-align: left;position: relative;padding-left: 30px;display: block; }
.jhr_foot .b .tit:before{content: '';height: 2px;width: 20px; background: #ffc126; position: absolute;left: 0;top:13px;}

.jhr_foot .b .tit span{ font-size: 16px; color: #2f81be; font-family: 'Arial';font-weight: 100;padding: 0 10px }
.jhr_foot .b dl:last-child{border:none;}
.jhr_foot .b dl{padding: 0 20px 0 30px;border-right: 1px solid #fff;}
.jhr_foot .b dl dt{font-size: 18px; font-weight: bold; }
.jhr_foot .b dl dd{font-size: 14px; line-height: 30px;width: 100%; display:block; box-sizing: border-box; float: left;padding-left: 30px;}
.jhr_foot .b dl dd a{color: #acacac}

.jhr_bq{ width:100%; color: #ffffff; line-height: 35px; text-align: center; font-size:0.875rem;}
.jhr_bq a{ color: #ffffff }

/*面包削导航*/
.mbx{border-bottom: 1px dashed #efefef; line-height: 50px;font-size: 14px;position: relative;padding-left: 30px; box-sizing: border-box;}
.mbx a{line-height: 50px; color: #666; font-size: 14px;}
.mbx:before{content: ''; background:#ffc126;display: inline-block; width: 20px; height: 3px;position: absolute;left:0; top: 24px}

/*内页二级导航*/
.navtow{margin: 20px auto}

.navtow li{ padding: 5px 50px; line-height: 40px; background: #f5f5f5;display: inline-block; cursor: pointer;}
.navtow li a{ color: #333}
.navtow li:hover{ background:#005BAC;color: #fff}
.navtow li:hover a{color: #fff }

.navtow .on{ background: #005BAC; color: #fff }
.navtow .on a{ background: #005BAC; color: #fff }



/* 浮动工具 */
.c-tools {position: fixed;z-index: 9999;text-align: center;right: 0;bottom: 50%;margin-bottom: -144px;}
.c-tools ul li {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;position: relative;width: 62px;height: 62px;margin: 1px;background: #333 url("../images/tools-ico.png")/*tpa=http://www.jsjhrhb.com/common/static/jhr/images/tools-ico.png*/ no-repeat;}
.c-tools ul li:hover {background-color: #005BAC;}
.c-tools ul li span {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 135px;padding: 0 10px;background: #ff9601;color: #ffffff;}
.c-tools ul li .ewmPic {width: 168px;}
.c-tools ul li .ewmPic img {display: block;margin-top: 10px;padding-bottom: 10px;width: 168px;height: 168px;}
.c-tools ul .tel-ico {background-position: center -22px;}
.c-tools ul .tel-ico span{ height:62px; line-height:62px}
.c-tools ul .ewm-ico {background-position: center 21px;}
.c-tools ul .qq-ico {background-position: center -69px;}
.c-tools ul .top-ico {background-position: center -115px;}