@charset "gb2312";
/*全局共用属性CSS*/
a, body, dd, dl, dt, form, h1, h2, h3, html, img, li, ol, p, span, strong, ul{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
body{font-family:微软雅黑;font-size:14px;text-align:left;margin:0 auto;line-height:24px;color:#333;font-weight:normal;}
footer, header, nav{display:block;}
*{box-sizing:border-box;}
img{border:0;vertical-align:middle; max-width:100%; height:auto;}
ul,li{list-style:none;} 
h4{font-size:16px;margin:10px 0;}
/*全局的字体链接*/
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#3557aa;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0px;}
.center{max-width:1100px;clear:both;margin:0 auto;padding:0px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*首页顶部*/
.top-header{line-height:40px;background:#f9f9f9;border-bottom:1px solid #f1f1f1;color:#bdbdbd;}
.top-header a{margin:0 10px;}
.top{height:48px;margin:15px auto;line-height:48px;font-size:20px;}
.top a{color:#3557aa;}
/*导航*/
.nav{box-shadow:0 0 10px #333;height:40px;margin:0 auto;line-height:40px;background:#000;}
#navMenu{font-size:16px;width:1100px;margin:0 auto;}
#navMenu li{float:left;line-height:40px;position:relative;width:120px;}
.on{background:#4667aa;}
#navMenu li a{display:block;text-align:center;color:#fff;}
#navMenu li a:hover{background:#4667aa;color:#fff;}
#navMenu li .nav-x{display:none;}
#navMenu li:hover .nav-x{display:block;position:absolute;background:#eee;z-index:99;width:120px;line-height:25px;}
#navMenu li:hover .nav-x a{padding:5px 0;color:#333;font-size:14px;}
#navMenu li:hover .nav-x a:hover{background:#4667aa;color:#fff;}
#navMenu li .nav-y {display:none;}
#navMenu li:hover .nav-y{display:block;position:absolute;background:#eee;z-index:99;width:1100px;padding:20px;left:-240px;line-height:25px;}
#navMenu li:hover .nav-y p{margin:0 auto;border-bottom:1px dashed #ccc;overflow:hidden;}
#navMenu li:hover .nav-y p a{padding:8px;float:left;color:#333;font-size:14px;}
#navMenu li:hover .nav-y p a:hover{background:#4667aa;color:#fff;}

.daohang{text-align:center;}
.daohang a{font-size:16px;font-weight:bold;margin-right:20px;}

/*banner*/
.index_banner{position:relative;margin-bottom:20px;overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;text-align:center;}
.index_banner cite{position:absolute;bottom:20px;left:50%;z-index:9;text-align:center;margin-left:-36px;width:112px;height:15px;}
.index_banner cite span{float:left;margin:0 5px;width:14px;height:14px;border-radius:7px;border:solid 2px #ccc;text-indent:-999em;cursor:pointer;transition:all 0.3s ease-in;}
.index_banner cite span:hover{background:#f0f0f0;}
.index_banner cite span.cur{background:#4667aa;border-color:#ccc;cursor:default;width:14px;transition:all 0.3s ease-in;}
/*首页中部*/
.product{width:1100px;margin:0 auto;background-color:#f2f2f2;}
.hd{width:100%;border-bottom:#B6BAC0 1px solid;overflow:hidden;}
.hd a{float:left;width:140px;margin-right:3px;line-height:34px;text-align:center;background-color:#666;color:#fff;}
.hd a:hover{background:#4667aa;color:#fff;}
.hd .selected{background-color:#4667aa;}
.bd{position:relative;width:100%;padding-top:10px;overflow:hidden;}
.bd ul{margin-top:10px;overflow:hidden;}
.bd ul a{float:left;width:200px;text-align:center;border:1px solid #e2e2e2;padding:8px;margin:0 8px;color:#3557aa;font-weight:bold;}
.bd img{display:block;width:200px;height:140px;}
.indexfl{float:left;width:361px;border-right:dotted 1px #999;padding-right:20px;margin:15px 0;}
.indexfr{float:right;width:720px;margin:15px 0;}
.tit{font-size:16px;margin-bottom:10px;line-height:30px;border-bottom:#999 1px solid;font-weight:bold;overflow:hidden;}
.tit span{font-size:14px;float:right;font-weight:bold;}
.indexfl li{width:100%;overflow:hidden;border-bottom:#999 1px dotted;padding-bottom:10px;margin-top:5px;line-height:30px;}
.indexfl li img{margin:10px 5px 0 0;float:left;width:131px;height:95px;padding:2px;border:#ccc 1px solid;}
.indexfl span p{font-size:14px;margin-bottom:2px;font-weight:bold;}
.indexfr01 img{padding-bottom:5px;float:left;margin-right:15px;}
.indexfr01 p{text-indent:24px;line-height:30px;}
.indexfr01 a{line-height:36px;border:1px solid #3557aa;text-indent:20px;color:#3557aa;padding:3px;}
.indexfr01 a:hover{border:1px solid #4667aa;color:#fff;background:#4667aa;}
.indexfr02{overflow:hidden;margin-bottom:10px;}
.indexfr02 a{width:50%;height:35px;line-height:35px;border-bottom:dashed 1px #a1a1a1;float:left;}
.indexfr03 a{float:left;width:170px;margin-right:10px;font-weight:bold;}
.indexfr03 a img{width:170px;height:112px;}
/*底部*/
.foot{width:100%;padding:0;background:#40434A;height:auto;overflow:hidden;line-height:1.8;}
.foot dd{float:left;width:12%;padding:25px 0;text-align:center;}
.foot dd h3{color:#fff;font-size:18px;padding-bottom:15px;margin:0 8%;font-weight:normal;}
.foot dd p{color:#fff;font-size:16px;}
.foot dd a{float:left;width:100%;height:30px;line-height:30px;color:#8e8f91;}
.foot dt{float:left;width:28%;margin-top:26px;border-left:1px dashed #fff;padding-left:30px;height:200px;color:#fff;}
.foot dt h4{font-size:16px;line-height:2;margin-bottom:30px;font-weight:normal;}
.foot dt h4 span{font-size:20px;}
.foot dt span a{color:#fff;}
.foot dt p a{display:inline-block;font-weight:bold;padding:5px 25px;color:#fff;background:#4667aa;margin-right:30px;}
.bottom{background:#313237;padding:5px 0;color:#fff;}
.bottom a{color:#b7b7b7;word-break:keep-all;padding:0 5px;}
.bottom a:hover{color:#3557aa}

/*关于联系我们*/
.about h3 {font-size:16px;margin:20px 0;}
.about a{color:#4667aa;font-weight:bold;}
.about p{margin-bottom:25px;line-height:34px;text-indent:2em;}
.gy li{float:left;width:33.33%;padding:0 8%;}
.gy li img{width:100%;height:100%;vertical-align:middle;}
.ry li{width:48%;margin:1%;float:left;}
.ry li h3{text-align:center;margin:0 !important;}
.ry li img{width:100% !important;height:auto !important;}

/*成功案例*/
.fullSlide1{width: 100%;position: relative;height:auto;overflow:hidden;background:#ececec;}
.current{font-size: 14px;border-bottom: 1px solid #f5f5f5;padding:10px 24px;background: url(../img/weizhi.png) no-repeat left;}
.listfl{width:100%;float:left;}
.listfll{width:76%;float:left;}
.index_tit{margin:10px 0;}
.index_tit h3{font-size:26px;text-align:center;line-height:36px;}
.index_tit span{width:60px;height:2px;background-color:#4667aa;margin:5px auto 0;display:block;}
.caselist{overflow:hidden;margin-bottom:20px;}
.caselist a{width:24%;margin:20px 0.5%;float:left;display:block;border-bottom:2px dotted #b7b7b7;}
.caselist a img{width:260px;height:172px;border-radius:10px;}
.caselist a h2{text-align:center;font-size:16px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist a p{line-height:30px;text-align:center;margin-bottom:0px;}
.caselist a p span{color:#4667aa;}
.caselist a:hover{border-bottom-color:#3557aa;}

/*右侧导航*/
.listfr{float:right;padding:10px;margin-top:60px;width:22%;background-color:#f1f1f1;}
.listfr h3{height:30px;border-bottom:1px solid #ddd;overflow:hidden;color:#4667aa;}
.listfr li{overflow:hidden;line-height:30px;margin:5px 0;}
.listfr li a{width:50%;float:left;background:url(../img/ico_1.jpg) no-repeat 0 50%;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listfr li p{width:100%;background:url(../img/ico_1.jpg) no-repeat 0 50%;padding-left:10px;}
/*页码*/
.page{margin:10px auto;text-align:center;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 2px;padding:3px 10px;border:1px solid #d8dadf;color:#555;}
.page ul li:hover{color:#fff;background:#4667aa;}
.page ul li:hover a{color:#fff;}
.page ul li.thisclass{background:#4667aa;padding:3px 10px;color:#fff;}
.prenext .pre, .prenext .next{display:block;margin-bottom:15px;}
.prenext span em{background:#8c8c8c;padding:3px 5px;margin-right:10px;color:#fff;}

/*相关信息*/
.linenews{overflow:hidden;padding-bottom:15px;}
.linenews h2{background:url(../img/nadd_dian.png)no-repeat left;padding-left:35px;border-bottom:1px solid #eaeaea;line-height:40px;font-size:16px;}
.linenews a{line-height:35px;border-bottom:1px dashed #eaeaea;padding:0 30px 0 10px;background:url(../images/ico.png)no-repeat -11px -278px;float:left;width:50%;}
.linenews a span{float:right;}

/*相关问答*/
.wenda{overflow:hidden;padding-bottom:15px;}
.wenda h2{background:url(../img/nadd_dian.png) no-repeat left;padding-left:35px;border-bottom:1px solid #eaeaea;line-height:40px;font-size:16px;}
.wenda li{border-bottom:1px dashed #ddd;padding:15px 0;}
.wenda li p{text-indent: 28px;line-height: 36px;margin-bottom: 10px;  }
.wenda li p strong{color:#4667aa;}

/*相关案例*/
.linecase{overflow:hidden;padding-bottom:15px;}
.linecase h2{background:url(../img/nadd_dian.png) no-repeat left;padding-left:35px;border-bottom:1px solid #ddd;line-height:40px;font-size:16px;}
.linecase a{line-height:35px;border-bottom:1px dashed #ddd;padding:20px 10px 0;float:left;width:20%;text-align:center;}
.linecase a img{width:200px;height:145px;}

/*相关产品*/
.linepro{overflow:hidden;padding-bottom:15px;}
.linepro h2{background:url(../img/nadd_dian.png) no-repeat left;padding-left:35px;border-bottom:1px solid #ddd;line-height:40px;font-size:16px;}
.linepro a{line-height:35px;border-bottom:1px dashed #ddd;padding:20px 10px 0;float:left;width:20%;text-align:center;}
.linepro a img{width:200px;height:145px;}

/*文章列表*/
.newli{overflow:hidden;padding-bottom:15px;}
.newli a{overflow:hidden;border-bottom:1px #ccc dotted;padding:1rem;width:48%;float:left;margin-right:4%;display:block;}
.newli a:nth-child(even){margin-right:0;}
.newlifr{width:100%;color:#999;}
.newlifr h3{font-size:1.125rem;font-weight:normal;margin-bottom:10px;color:#4667aa;}
.newlifr p{text-indent:0;line-height:1.5rem;}
.newlifr span{float:right;color:#4667aa;padding:0 10px;font-size:12px;font-weight:bold;}
.newlifr i{font-size:0.875rem;font-weight:700;}

/*产品页面*/
.protop{margin:20px 0;}
.protopfr{width:520px;float:right;}
.protopfr h1{font-size:24px;padding:5px 0;line-height:50px;}
.protopfr p{line-height:40px;}
.protopfr p span{color:#4667aa;font-weight:bold;}
.protopfr01{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 5px;margin-top:20px;}

/*文章页面*/
.listfl h1{padding:10px 0 15px;font-size:32px;line-height:40px;text-align:center;}
.info{color:#999;border-bottom:1px dashed #ccc;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.info span{padding:0 10px;}
.dis{margin-top:20px;background-color:#f5f5f5;padding:15px;line-height:24px;color:#666;font-size:14px;}
.listfl p{margin-bottom:0px;line-height:34px;text-indent:2em;color:#555;}
.listfl h3{margin:10px 0;color:#4667aa !important;}
.listfl p a{color:#4667aa;font-weight:bold;}
.listfl div img{margin:10px auto;display:block;}
.listfl p img{margin:10px auto;display:block;}

.listfl table{width:800px;margin:32px auto;text-align:center;border-spacing:1px;background:#fff;font-size:16px;}
.listfl tr td{background:#e6e6e6;padding:10px;font-weight:normal;}
.listfl tr th{background:#4667aa;color:#fff;}
.listfl tr:first-child td{background:#4667aa;color:#fff;}

.listfl ul.pro{overflow:hidden;}
.listfl ul.pro li{width:100%;border-bottom:1px dotted #ccc;overflow:hidden;padding-bottom:15px;margin-bottom:15px;}
.listfl ul.pro li img{width:200px;height:132px;float:left;}
.listfl ul.pro li .info{width:calc(100% - 220px);float:right;text-align:left;margin-bottom:0;padding-bottom:0;border:0;}
.listfl ul.pro li .info p a{color:#ccc;font-size:12px;float:right;}
.listfl ul.pro li .info p span{font-size:12px;}

.listfll h1{padding:10px 0;font-size:28px;line-height:40px;text-align:center;}
.listfll p{margin:20px 0;line-height:35px;font-size:16px;text-indent:2em;color:#555;}
.listfll h2{margin-top:15px;font-size:24px;line-height:40px;}
.listfll h3{margin-top:15px;font-size:20px;line-height:40px;}
.listfll p a{color:#4667aa;font-weight:bold;}
.listfll div img{margin:10px auto;display:block;}
.listfll p img{margin:10px auto;display:block;}

/*型号内页*/
.xinghao{width:1160px;margin:0 auto;padding:0px;overflow:hidden;}
.xinghaofl{float:left;width:805px;line-height:30px;}
.xinghaofl h1{line-height:38px;margin:20px 0 10px;font-size:28px;}
.xinghaofl .channel-laiyuan{padding-bottom:15px;border-bottom:1px solid #ddd;}
.xinghaofl .channel-text{width:773px;margin:30px 0;padding:15px;background:#f8f8f7;border-left: 2px solid #4667aa;font-size: 16px;color:#666;}
.xinghaofl .mt20 h3{color:#4667aa !important;}
.xinghaofl .mt20 p{display:block;margin-top:20px;}
.xinghaofl .mt20 img{margin-bottom:10px;}
.xinghaofr{float:right;width:275px;}
.xinghaofr h3{padding:0 15px;margin-top:30px;border-left:4px solid #4667aa;font-size:20px;font-weight:normal;}
.xinghaofr h3 hr{width:140px;float:right;display:inline-table;vertical-align:middle;background-color:#dfdbdb;}
.active-top{margin-top:20px;padding-bottom:10px;background:#f5f5f5;overflow:hidden;}
.mixed-img{position:relative;}
.mixed-img .label-con{position:absolute;border-top-right-radius:12px;border-bottom-right-radius:12px;top:15px;padding:0 10px;color:#fff;background:#000;}
.active-top h6{padding:0px 9px;font-size:16px;font-weight:normal;}
.active-top p{padding:0 9px;color:#999;}
.active-top p .cy-place{display:inline-block;width:12px;height:16px;margin:0 10px -1px 0;background:url(http://www.hndlks.com/templets/scx/images/cy-sprite.png) no-repeat -48px 0;}
.active-top p .cy-time{display:inline-block;width:13px;height:14px;margin:0 10px -1px 0;background:url(http://www.hndlks.com/templets/scx/images/cy-sprite.png) no-repeat -66px 0;}
.tj-read{margin-top:30px;}
.tj-read li{margin-top:20px;display:block;overflow:hidden;}
.tj-read li img{width:110px;height:80px;margin-left:15px;}
.tj-read li p{font-size:16px;color:#333;}
.tj-read li p:hover{color:#3557aa;}
.tj-read li p span{display:block;margin-top:5px;font-size:14px;color:#999;}
.recommend {width:100%;margin-top:30px;padding-bottom:30px;background:#f3f3f1;}
.recommend li {float:left;width:270px;margin:20px 20px 0 0;}
.recommend li img{height:175px;}
.recommend li p{margin-top:8px;font-size:16px;text-align:center;}
.recommend li p:hover{color:#3557aa;}
.recommend-title{padding:23px 0 0;}
.recommend-title h3{font-size:20px;font-weight:normal;}
.recommend-title a{font-size:16px;text-decoration:underline;}

/*新闻知识*/
.newhome{overflow:hidden;padding:15px 0;}
.newhome h2{font-size:16px;margin-bottom:10px;line-height:40px;border-bottom:#ddd 1px solid;overflow:hidden;}
.newhome h2 span {margin-right:20px;font-size:12px;float:right;}
.newonetop{display:block;width:100%;overflow:hidden;margin-bottom:10px;border-bottom: #ddd 1px solid;}
.newonetop img{float:left;max-width:225px;height:125px;}
.listfl	.newonetop_tit{float:right;width:800px;margin:10px;line-height:25px;}
.newonetop_tit p{font-size:12px;color:#666;margin:3px 0;}
.newhome li{line-height:35px;border-bottom:1px dashed #eaeaea;padding:0 30px 0 10px;background:url(../images/ico.png) no-repeat -11px -278px;float:left;width:50%;}
.newhome li span{float:right;}

/*在线留言*/
.botsms{width:100%;font-size:14px; padding:10px 10px; box-sizing:border-box; margin: 0px 0px 30px 0px; background-color: #f1f1f1; overflow: hidden;border:1px dashed #ccc;font-family: 'microsoft yahei';}
.botsms .tit{ width: 100%; background-color: #4667aa; text-align: left; margin: 10px auto 30px auto; height: 40px; line-height: 40px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; font-style: normal; color: #fff;}
.botsms .leftform{ width:45%; float: left;}
.botsms p{ width:100%;text-align: center; padding-bottom: 20px;}
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
.botsms .bssubmit{ width:75%; margin-left: 20%; color:#fff; background-color:#4667aa; padding:10px 0px; margin-top: 5px; border: none; -webkit-appearance: none;}
.botsms .smscontact{ width: 45%; padding-left: 10%; border-left: 1px solid #e7e7e7; box-sizing: border-box; margin-top: 45px; float: right;}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{ padding: 0px; margin: 0px; list-style: none;}
.botsms .smscontact dl{ line-height: 30px;}
.botsms .smscontact dl dt{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.botsms .smscontact dl dd .linkcustomer{ font-size: 12px; background-color: #454545; color: #fff; padding: 5px 30px; margin-top: 10px; line-height: 26px; display: block; float: left;}
.botsms .smscontact dl dd b{ color: #4667aa;}
@media screen and (max-width: 768px) {
    .botsms{padding: 5%;}
    .botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
    .botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #4667aa; font-weight: bold; font-size: 16px;}
    .botsms .leftform{ width: 100%; float: none;}
    .botsms .bssubmit{ width:100%; margin-left: 0px;}
    .botsms .smscontact{ display: none;}
}