@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a{ color:#666666; text-decoration:none; }
a:hover {color: #ff9c00;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clear{ clear:both}
.clearfix:after {  content: "";  height: 0;  line-height: 0;  display: block;  visibility: hidden;  clear: both;  }
.clearfix {  overflow:hidden;_zoom:1;  }
.center{  width: 1200px;  margin: 0 auto;  }
*{box-sizing: border-box;}

.left{float: left;}
.right{float: right;}
.nodisplay{display: none}

/*单行显示超出显示省略号*/
.nowrap{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.flex{ display: flex; display: -webkit-flex; align-items: center; }
.flex-wp{ display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; }

header .top_1{width: 100%;height: 33px;overflow: hidden;line-height: 33px;background-color: #f3f3f5;}
header .top_1 span,a{font-size: 12px;color: #666666;}
header .top_1 span.line{margin: 0 10px;}
header .top_2{width: 100%;height: auto;overflow: hidden;}
header .top_2 .center{margin: 15px auto;padding-left: 326px;height: 97px;background: url("../images/logo.png") no-repeat left center/318px 97px;}
header .top_2 .left p{font-size: 24px;color: #333333;letter-spacing: 0.5px;font-weight: bold}
header .top_2 .left span{font-size: 12px;color: #666666;}
header .top_2 .middle{float: left;width: 50%;text-align:center;}
header .top_2 .middle img{margin-left:15px;}
header .top_2 .middle ul{width: 282px;margin: 0 auto;}
header .top_2 .middle ul li{float: left;padding-top:35px;width: 60px;font-size: 14px;color: #666666;text-align: center;}
header .top_2 .middle ul li:nth-child(1){background: url("../images/san_icon.png") no-repeat top center/29px 27px;}
header .top_2 .middle ul li:nth-child(2){background: url("../images/diqiu_icon.png") no-repeat top center/29px 27px;margin: 0 50px;}
header .top_2 .middle ul li:nth-child(3){background: url("../images/iso_icon.png") no-repeat top center/29px 27px;}
header .top_2 .middle ul li:nth-child(1):hover{background: url("../images/san_on_icon.png") no-repeat top center/29px 27px;}
header .top_2 .middle ul li:nth-child(2):hover{background: url("../images/diqiu_on_icon.png") no-repeat top center/29px 27px;margin: 0 50px;}
header .top_2 .middle ul li:nth-child(3):hover{background: url("../images/iso_on_icon.png") no-repeat top center/29px 27px;}
header .top_2 .middle ul li span{text-align: center;}
header .top_2 .right{padding-left: 55px;/*height: 53px;*/background: url("../images/phone_on_icon.png") no-repeat left center/42px 43px;}
header .top_2 .right:hover{padding-left: 55px;/*height: 53px;*/background: url("../images/phone_on_icon.png") no-repeat left center/42px 43px;}
header .top_2 .right span{display: block;font-size: 14px;color: #666666;}
header .top_2 .right:hover em{color: #f99c08}
header .top_2 .right em{font-size: 24px;color: #f99c08;font-weight: bold;}
header nav{width: 100%;height: 54px;background: url("../images/nav_bg.jpg") repeat-x;background-size: 20px 54px;}
header nav ul.center > li{position:relative;width: 13%;text-align: center;line-height: 54px;}
header nav ul.center > li.cur{background-color: #f99c08;color: #ffffff;}
header nav ul.center > li.cur > a{color: #ffffff;}
header nav ul.center > li:hover{background-color: #f99c08;color: #ffffff;}
header nav ul.center > li:hover > a{color: #ffffff;}
header nav ul.center > li > a{display: inline-block;padding: 0 35px;font-size: 16px;color: #ffffff;letter-spacing: 1px;}
header nav ul.center li ul.sub{display:none;position:absolute;top:54px;width:100%;z-index:2019;}
header nav ul.center li ul.sub li{width:100%;height:55px;line-height:55px;background-color: #f99c08;border-bottom:1px #fdd89d solid;opacity:0.8;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
header nav ul.center li ul.sub li:hover{opacity:1;}
header nav ul.center li ul.sub li a{display:block;font-size: 16px;color: #ffffff;}
.pt22 {
	padding-top: 22px;
}
/*友链*/
.fl{margin: 60px 0 50px;width: 100%;height: auto;overflow: hidden;}
.fl .center{padding: 20px;border-radius: 10px;background-color: #f9f9f9;}
.fl span{font-size: 16px;color: #333333;line-height: 32px;}
.fl a{margin: 0 4px;font-size: 16px;color: #666666;line-height: 32px;}
/*友链*/
/*底部*/
footer{width: 100%;height: auto;overflow: hidden;background-color: #0093dd;color: #ffffff;}
footer .footnav{width: 100%;border-bottom: 1px solid #138ac6}
footer .footnav ul li{float: left;}
footer .footnav ul li a{padding: 0px 40px;border-right: 2px solid #ffffff;line-height: 65px;font-size: 16px;color: #ffffff;letter-spacing: 1px;}
footer .footnav ul li:last-child a{border-right: none;}
footer .msg .left{margin-top: 55px;padding-left: 150px;background: url("../images/footer_logo.png") no-repeat left center/127px 128px;}
footer .msg h4{line-height: 30px;font-size: 20px;color: #fffcfc;letter-spacing: 1px;font-weight: bold}
footer .msg p{line-height: 26px;font-size: 14px;color: #fffcfc;letter-spacing: 0.5px;}
footer .msg p.spe{position: relative;}
footer .msg p.spe span.line{position: absolute;top: 12px;display: inline-block;width: 50px;height: 1px;background-color: #ffffff;}
footer .msg p.spe span.des{padding-left: 60px;}
footer .msg p em{font-weight: bold;}
footer .msg .right{margin-top: 60px;width: 300px;}
footer .msg .right li{float: left}
footer .msg .right li img{width: 118px;height: 118px;}
footer .msg .right li:first-child{margin-right: 40px;}
footer .msg .honor{margin: 50px 0px;}
/*友链*/

.banner{width: 100%;height: auto;overflow: hidden;font-size: 0px;}
.banner ul li a{font-size: 0px;}
.banner ul li img{width: 100%;height: auto;}

/*热搜*/
.index_1{width: 100%;height: 48px;overflow: hidden;background-color: #f7f7f7;}
.index_1 .left{line-height: 48px;}
.index_1 .left span{font-size: 12px;color: #333333;}
.index_1 .left a{font-size: 12px;color: #666666;padding: 0 3px;}
.index_1 .right{padding-top: 8px;}
.index_1 .right input{float: left}
.searchinput {outline: none;padding-left: 3px;width: 260px;background-color:#f7f7f7 ;border: 1px solid #eeeded; height: 32px; line-height: 32px; color: #888888; font-size: 12px;}
.searchsubm{width: 65px; height: 32px;border: 0px solid #000000; font-weight: normal; font-size: 0px; color: #ffffff; line-height: 32px; background: url(../images/search.png) no-repeat center #0093dd; cursor: pointer;}
/*热搜*/

/*面包屑*/
.position{padding-top: 15px;width: 100%;height: 60px;overflow: hidden;line-height: 40px;}
.position .center{border-bottom: 1px solid #eeeeee;}
.position span.icon{padding-left: 20px;background: url("http://www.jssxhkj.com/skin/images/local_icon.png") no-repeat left center;font-size: 16px;color: #666666;letter-spacing: 1px;}
.position a{font-size: 16px; color: #666666;margin: 0 5px;}
/*面包屑*/

/*产品*/
.public{width: 100%;height: auto;overflow: hidden;background-color: #f9f9f9;}
.public .top{padding-top: 50px;border-bottom: 1px solid #eeeeee;}
.public .top .left{padding-bottom: 20px;border-bottom: 2px solid #0093dd}
.public .top .left h3{padding-left: 7px;border-left: 4px solid #0093dd;height:24px;line-height:24px;font-size: 24px;font-weight: bold;letter-spacing: 1px;color: #0093dd;}
.public .top .left em{font-size: 12px;color: #666666;font-weight: normal;letter-spacing: normal}
.public .top .right a{display: block;margin-right: 10px;margin-top: 25px;font-size: 14px;color: #666666;}
.public .con{padding-top: 40px;}
.public .con>.left{margin-right: 2%;margin-bottom:50px;;width: 22%;border: 3px solid #0093dd;}
.public .con .left .cate{padding: 30px 0 20px;text-align: center;background-color: #0093dd;color: #ffffff}
.public .con .left .cate h3{font-size: 24px;letter-spacing: 1px;}
.public .con .left .cate span{font-size: 12px;}
.public .con .left .app{padding: 18px;}
.public .con .left .app h4{margin-top: 5px;padding: 18px 0 18px 40px;background-color: #0d8ecf;font-size: 18px;color: #ffffff}
.public .con .left .app ul li{padding-left: 30px;height: 50px;border-bottom: 1px solid #eeeeee;line-height: 50px;background: url("../images/cate_icon.png") no-repeat 10px center;}
.public .con .left .app ul li:last-child{margin-bottom: 20px;border-bottom: none;}
.public .con .left .app ul li a{font-size: 16px;color: #666666;}
.public .con .left .app ul li:hover{background: url("../images/cate_on_icon.png") no-repeat 10px center;}
.public .con .left .app ul li:hover a{color: #f99c08}
.public .con .left .contact{padding: 30px 0 0px;text-align: center;background-color: #0093dd;color: #ffffff}
.public .con .left .contact h3{font-size: 24px;letter-spacing: 1px;}
.public .con .left .contact span{display: block;margin-bottom: 30px;font-size: 12px;}
.public .con .left .contact ul li{margin-bottom: 10px;padding-left: 65px;height: 70px;text-align: left}
.public .con .left .contact ul li:nth-child(1){padding-top: 10px;background: url("../images/alide_tel.png") no-repeat 10px center/45px 45px #ffffff;}
.public .con .left .contact ul li:nth-child(1) p{font-size: 16px;color: #666666;}
.public .con .left .contact ul li:nth-child(1) span{font-size: 20px;color: #f39704;font-weight: bold;}
.public .con .left .contact ul li:nth-child(2){padding-top: 10px;background: url("../images/alide_mail.png") no-repeat 10px center/45px 45px #ffffff;}
.public .con .left .contact ul li:nth-child(2) p{font-size: 16px;color: #666666;}
.public .con .left .contact ul li:nth-child(2) span{font-size: 18px;color: #9f9f9f;}
.public .con .left .contact ul li:nth-child(3){padding-top: 28px;height:100px;background: url("../images/alide_address.png") no-repeat 10px center/45px 45px #ffffff;}
.public .con .left .contact ul li:nth-child(3) p{font-size: 16px;color: #666666;}

.public .con .right{width: 76%;margin-bottom: 60px; }
.public .con .right .shadow{
    -moz-box-shadow: 0 5px 35px #d8d4d4;
    -webkit-box-shadow: 0 5px 35px #d8d4d4;
    box-shadow: 0 5px 35px #d8d4d4;
}
.public .con .right h3{padding-left: 40px;height: 48px;line-height: 48px;font-size: 24px;color: #0d8ecf;}
.public .con .right h3.index{float: left;padding-top:10px;padding-left: 70px;background-image: none;background-color: #fafcfc;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.public .con .right h3 span{font-size: 14px;color: #999999}
.public .con .right .index_pro{width: 100%;overflow: hidden;}
.public .con .right .index_pro ul{padding: 50px 40px 30px;flex-wrap: wrap;justify-content: flex-start;width: 100%;overflow: hidden;background-color: #fafcfc; }
.public .con .right .index_pro ul li{margin-bottom: 40px;margin-left:3.5%;width: 31%;border: 1px solid #0093dd; }
.public .con .right .index_pro ul li:nth-child(3n+3){margin-left:0}
.public .con .right .index_pro ul li img{width: 100%;height:191px;}
.public .con .right .index_pro ul li p{line-height: 50px;text-align: center;font-size: 18px;color: #ffffff;background-color:#0093dd;}

/*产品*/

/*分页*/
.pagination {margin:0;width: 100%;text-align: center;}
.pagination ul li{display: inline-block;margin: 0 5px!important;width: auto!important;height: 40px!important;padding:0 15px!important;border: 1px solid #049992;border-radius: 5px;background-color: #ffffff!important;line-height: 40px;font-size: 16px;color: #666666}
.pagination ul li.thisclass{background-color: #f39704!important;border-color: #f39704!important;color: #ffffff!important;}
.pagination ul li.thisclass a {color: #ffffff!important;}
.pagination ul li:hover{background-color: #f39704!important;border-color: #f39704;color: #ffffff;}
.pagination ul li:hover a {color: #ffffff!important;}
.pagination .pre,.pagination .next{background-color: #049992;color: rgba(0,0,0,0)}
.pagination .pre:hover,.pagination .next:hover{color: rgba(0,0,0,0)}
.pagination .pre{background: url("../images/paginator_pre.png") no-repeat center center #049992;}
.pagination .next{background: url("../images/paginator_next.png") no-repeat center center #049992;}
.pageinfo {
	margin-right: 0!important;
	color: #666666!important;
}
.pageinfo:hover {
	color: #fff!important;
}
/*分页*/

/*优势*/
.ys{margin-top: 60px;font-family: "Microsoft YaHei"}
.ys h4{text-align: center;color: #b8b8b8;font-size: 12px;font-weight: normal;text-transform: uppercase;font-family: "Microsoft YaHei"}
.ys h4 p{font-family: "Microsoft YaHei";font-weight: bold;color: #2e2e2e;font-size: 30px;font-weight: bold;background: url(http://www.jssxhkj.com/skin/images/ys1_03.jpg) no-repeat center 18px;display: block;margin-bottom: 5px}
.ys h4 p span{color: #0093dd}
.ys dl dt{background: url(../images/ys_03.jpg) no-repeat 0 0;height: 230px}
.ys dl dt span{height:80px;overflow: hidden;display: block;}
.ys dl dt span i{font-style: normal;text-align: center;float: left;display: block;width: 69px;padding-top:35px;color: #352e2e;font-family: "arial";font-size: 24px;margin-right: 25px;}
.ys dl dt span em{font-style: normal;float:left;font-size: 10px;color: #c2c2c2;font-family: "Microsoft YaHei";text-transform: uppercase; width:407px; overflow:hidden;}
.ys dl dt span b{display: block;color: #0093dd;font-size: 22px;padding:15px 0 5px 0; font-family:"Microsoft YaHei";}
.ys dl dt p{background: url(../images/ys_03.gif) no-repeat 97px 12px;padding-left: 114px;line-height: 35px;display: block;color: #2e2e2e;font-size: 14px;}
.ys1{position: relative;height: 460px;overflow: hidden;margin-top: 75px}
.ys1 dd{position: absolute;right: 0;top: 0}
.ys2{position: relative;height: 502px;overflow: hidden;}
.ys2 dt{width: 645px;float: right;}
.ys2 dd{position: absolute;left: 0;top: 10px}

/* tjskl-sidebar */
.tjskl-sidebar{width:264px;margin:10px auto;}
.tjskl-sidebar #submain_hidden{border-top:0;display:none;}
.tjskl-sidebar .bsb{border-bottom:1px solid #c8d2e5;border-top:0;}
/* tj_submain */
.tj_submain{width:264px;font-weight:normal;}
.tj_submain .title{height:50px;line-height:50px;font-size:14px;font-weight:bold;width:222px;padding-left:20px;}
.tj_submain li{width:222px;height:50px;margin-left: 10px;border-bottom:1px solid #E7F3FF;position:relative;background: url("../images/cate_icon.png") no-repeat 10px center;}
.tj_submain li a{width:222px;display:inline-block;padding:0 25px;height:50px;line-height:50px;font-size: 14px;}
.tj_submain li a.on{border-top:1px solid #FFC83D;width:222px;height:49px;line-height:49px;padding:0px 25px;position:relative;z-index:90;}
.tj_submain span{position:absolute;top:0;left:222px;z-index:99;background-color:#FFFAE2;border:#FFC83D solid 1px;display:none;}
.tj_submain span a{display:block;height:36px;line-height:36px;}
.tj_submain span a:hover{background:#FFFAE2;background:#ebf0f5;text-decoration:none;}
.tj_submain ul li{float:left;margin-right:10px;display:inline;}
.tj_submain ul li span a{text-decoration:none;}
.tj_submain ul li span a:hover{color:#f60;}
.tj_submain #more_submenu a{text-align:right;display:block;width:125px;padding-right:19px;cursor:pointer;}
.tj_submain #more_submenu a.show{background-position:100% 2px;}
.tj_submain #more_submenu a.less{background-position:100% -25px;}