body{ margin: 0; padding: 0; font-family: "黑体", Arial ;font-size: 14px; color: #333;min-width:1200px;}
*{margin:0;padding:0;color:#333;}
h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
h1{font-size:36px;margin:0;font-weight:normal;}
h2{font-size:24px;margin:0;font-weight:normal;}
h3{font-size:22px;margin:0;font-weight:normal;}
h4{font-size:20px;margin:0;font-weight:normal;}
h5{font-size:18px;margin:0;font-weight:normal;}
i{font-style:normal;}
ul,li,p,span{ list-style-type: none; margin: 0; padding: 0;}
.fl{ float: left;} .fr{ float: right;} .clearfix{ clear: both;}
img{ margin:0; padding:0;border:none;}
a{ list-style:none;margin:0;padding:0;text-decoration:none;}
a:hover{ list-style:none ; text-decoration:none;color:#064ca2; cursor:pointer; }
a:hover p{color:#064ca2;}
div{ margin: 0; padding: 0;}
.context{ width:1200px; margin:0 auto; padding:0;}
.rows{padding:30px 0;overflow:hidden;}
.acontext{ width:1000px; margin:0 auto; padding:0;overflow:hidden; }
input,button,textarea,input:focus,textarea:focus,video:focus{outline:none;font-family: "黑体", Arial;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.mb-50{margin-bottom:50px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.ct{text-align:center;}
.o-flow{overflow:hidden;}
.fontw{color:#fff;}
.fbu{color:#064ca2;}
.fw{font-weight:bold;}
input::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.col-4{width:40%;float:left;}
.col-2{width:20%;float:left;}
.mtb_100{margin:100px 0;}
.ptb_30{padding:30px 0;}
.ptb_50{padding:50px 0;}
.ptb_80{padding:80px 0;}
.mt_100{margin-top:100px;}
.publictit span{color:#37acde;font-weight:bold;}
.publicen{ letter-spacing:0px;line-height:26px;color:#999;font-family:'arail';}
#pic_list_1 ul li,.plist dd a,.xknews dl dd a{overflow:hidden;}
#pic_list_1 ul li img,.amore,.xkcategory dl dd,.xknews dl dd img,.xkmenu dd,.fmenu a,.pmenu dd,.plist dd a img,.xknnews dl dd {
transition: all 0.6s;
overflow:hidden;
}
#pic_list_1 ul li:hover img,.amore:Hover,.xkcategory dl dd:hover,.xknews dl dd:hover img,.xkmenu dd:hover,.fmenu a:hover,.pmenu dd:hover,.plist dd a:hover img,.xknnews dl dd:hover {
transform: scale(1.2);cursor:pointer;
}

.xk_header{height:139px;}
.xklogo img{margin-top:50px;overflow:hidden;}
.xklogo{float:left;width:25%;margin-left:5%;line-height:139px;display:block;}
.xklogo img{width:100%;}
.xkmenu{float:right;margin-right:5%;}
.xkmenu dd{float:left;line-height:139px;padding:0 15px;}
.xkmenu .active a,.xkmenu dd:hover a{color:#2aafe2;}
.xkmenu .inp_txt{background:url(../images/searchtxtbg.jpg) no-repeat;width:164px;height:36px;border:none;float:left;margin-top:50px;padding-left:8px;}
.xkmenu .inp_btn{background:url(../images/searchbtnbg.jpg) no-repeat;width:41px;height:36px;border:none;float:left;margin-top:50px; cursor:pointer;}
.xkmenu dd .active{color:#37acde;}
.xkproscroll{margin:80px 0;}
.scroll_horizontal{position:relative;height:300px;padding:20px 0;line-height:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;height:350px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;text-align:center;}
.scroll_horizontal .list li img{width:285px;height:285px;}
.scroll_horizontal .list li p{line-height:50px;text-align:center;font-size:16px;}
.scroll_horizontal .plus,
.scroll_horizontal .minus{line-height:60px;text-align:center;color:#fff;font-size:20px;position:absolute;top:-55px;width:30px;height:60px;background:#ccc;cursor:pointer;}
.scroll_horizontal .plus{right:100px;}
.scroll_horizontal .minus{right:0px;}
.scroll_horizontal .plus:hover{background:url(../images/xkprevh.png) no-repeat;}
.scroll_horizontal .minus:hover{background:url(../images/xknexth.png) no-repeat;}
.scroll_horizontal .plus{background:url(../images/xkprev.png) no-repeat;width:74px;height:40px;}
.scroll_horizontal .minus{background:url(../images/xknext.png) no-repeat;width:74px;height:40px;}

.xkabout{background:url(../images/xkaboutbg.jpg) no-repeat 50% top;height:648px;}
.xkabout .aboutimg{width:560px;height:648px;float:right;}
.xkabout .aboutcon{width:46%;float:left;}
.xkabout .publictit{margin-top:20%;}
.xkabout .aboutcon .adesc{margin:20px 0;line-height:26px;color:#999;}
.xkabout .amore{width:120px;border:2px solid #37acde;line-height:50px;background:url(../images/xkmoreico.png) no-repeat 70% 50%;display:block;padding-left:50px;margin-top:30px;color:#37acde;}
.xkcategory{margin:80px 0;background:url(../images/xkcategorybg.jpg) no-repeat 50% top;height:828px;}
.xkcategory .catetit{width:180px;float:left;margin-top:80px;background:url(../images/xkcatehr.png) no-repeat 20px 65%;height:648px;}
.xkcategory .publictit,.xkcategory .publicen{color:#fff;}
.xkcategory dl{float:left;margin-left:8px;margin-top:10%;}
.xkcategory dl dd{width:290px;height:50px;line-height:50px;overflow:hidden;padding:0 15px;background:#fff url(../images/xkmoreicogray.png) no-repeat 80% 50%;margin-bottom:10px;box-shadow:0px 1px 5px 0px #ddd;}
.xkcategory dl .dmore,.xkcategory dd:hover{background:#37acde url(../images/xkmoreicowhite.png) no-repeat 80% 50%;}
.xkcategory dl .dmore a,.xkcategory dd:hover a{color:#fff;}
.xkcategory dl a{display:block;font-size:18px;}
.xknews{overflow:hidden;}
.xknews .ntit{width:30%;float:left;}
.xknews .ntit .pn{margin:50px 0;line-height:22px;color:#999;}
.xknews .amore{width:120px;border:2px solid #37acde;line-height:50px;background:url(../images/xkmoreico.png) no-repeat 70% 50%;display:block;padding-left:50px;margin-top:30px;color:#37acde;}
.xknews .ninfo{width:60%;float:right;}
.xknews .ninfo dd{width:50%;float:left;}
.xknews .ninfo dd a{display:block;width:90%;}
.xknews .ninfo dd img{width:100%;height:190px;}
.xknews .ninfo dd a h5{padding:10px;color:#fff;height:30px;overflow:hidden;background:#37acde;font-size:14px;}
.xknews .ninfo dd p{padding:10px;line-height:20px;height:32px;overflow:hidden;color:#999;}
footer{background:#333;padding-top:40px;margin-top:80px;}
footer .fmenu{width:60%;margin:0 auto;}
footer .fmenu a{float:left;width:20%;text-align:center;color:#fff;}
footer .fcon{width:60%;margin:0 auto;overflow:hidden;}
footer .fcon p{float:left;margin-right:30px;padding-left:25px;color:#fff;margin:20px 60px 20px 0;line-height:22px;}
footer .fcon .tel{background:url(../images/xktel.png) no-repeat 0 50%;}
footer .fcon .email{background:url(../images/xkemail.png) no-repeat 0 50%;}
footer .fcon .add{background:url(../images/xkadd.png) no-repeat 0 50%;}
footer .foom{border-top:1px solid #666;color:#fff;text-align:center;line-height:30px;}

.xknbanner{overflow:hidden;}
.xknbanner h1{line-height:50px;color:#2299d6;padding-top:11%;padding-left:67%;}
.xknbanner p{font-size:14px;font-family:'arial';color:#2299d6;padding-left:69%;}
.xknbanner img{margin-top:70px;float:left;margin-left:40%;}
.xknbanner{background:url(../images/nbanner.jpg) no-repeat 50% top;height:400px;}
.xkn_about,.xkncon,.xknfeedback,.xknprolist,.xknnews{margin:80px 0;overflow:hidden;}
.xkn_about .context{background:url(../images/nyaboutbg.jpg) no-repeat 50% top;height:400px;}
.xkn_about .aboutinfo{width:50%;float:right;margin:80px 50px 0 0;}
.xkn_about .aboutinfo h1{margin-bottom:40px;}
#l-map{height:500px;width:100%;}
#r-result{width:100%;}
.xknprolist .pmenu{overflow:hidden;margin-bottom:20px;float:left;width:250px;}
.xknprolist .pmenu dd{float:left;width:100%;line-height:40px;margin-bottom:2px;border-left:3px solid #333;}
.xknprolist .pmenu dd a{display:block;width:95%;text-align:center;background:#2299d6;color:#fff;}
.xknprolist .pmenu dd a:Hover,.xknprolist .pmenu .cur a{background:#f4f4f4;color:#2299d6;}
.xknprolist .plist{overflow:hidden;float:right;width:73%;}
.xknprolist .plist dd{float:left;width:33.3%;margin-bottom:2px;height:333px;}
.xknprolist .plist dd a{display:block;width:95%;text-align:center;background:#fff;}
.xknprolist .plist dd a:Hover{background:#2299d6;}
.xknprolist .plist dd a:Hover p{color:#fff;}
.xknprolist .plist dd img{width:100%;height:277px;}
.xknprolist .plist dd p{padding:20px 10px;height:56px;overflow:hidden;}
.page{margin:50px 0;float:right;width:75%;}
.page a{padding:10px;text-align:center;background:#f3f3f3;margin:0 2px;}
.page .cur,.page a:Hover,.page a:Hover span{background:#2299d6;color:#fff;}
.xknnews dl dd{overflow:hidden;background:#f7f7f7;margin-bottom:20px;}
.xknnews dl dd a{overflow:hidden;padding:20px;display:block;}
.xknnews dl dd a img{width:103px;height:130px;}
.xknnews dl dd .news_des{width:60%;margin-left:30px;}
.xknnews dl dd span{display:block;}

.xknnews dl dd .news_des .n_t{line-height:50px;font-size:16px;height:50px;overflow:hidden;}
.xknnews dl dd .news_des .n_d{color:#999;line-height:20px;height:40px;overflow:hidden;}
.xknnews dl dd .news_time{width:10%;text-align:right;}
.xknnews dl dd .news_time .time{font-size:16px;color:#999;margin-top:40px;}
.xknnews dl dd .news_time .more{line-height:24px;}
.xknnews .info_tit{text-align:center;border-bottom:1px solid #ddd;line-height:70px;}
.xknnews .info_des{background-color:#f8f8f8;line-height:20px;border:1px solid #f6f6f6;padding:10px;color:#999;}
.xknnews .info_con{margin:30px 0;}
.xknnews .info_next{text-align:right;padding:30px 0;font-size:16px;border-top:1px solid #ddd}
.xknnews .info_next a{color:#999;}
.xknproinfo{background:#f6f6f6;padding:80px 0;}
.xknproinfo .divbox{width:40%;background:#fff;margin:0 50px 50px 50px;overflow:hidden;}
.xknproinfo .divbox2{width:40%;background:#fff;padding:50px;overflow:hidden;}
.xknproinfo .fl{text-align:center;}
.xknproinfo .divbox2 h1{border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
.xknproinfo .divbox2 p{color:#999;margin:8px 0;}
.xknproinfo .infocontext{padding:30px 0;background:#fff;overflow:hidden;}
.xknproinfo .description{margin:20px 0;line-height:24px;color:#999;}
.xknfeedback .fbtext{color:#ccc;line-height:20px;}
.form{margin-top:30px;}
.form-item {margin-bottom:10px;width:45%;float:left;}
.form-item input {border:1px solid #ddd;border-radius: 2px;color: #000;height:40px;transition: background 0.3s ease-in-out;width:93%;padding-left:10px;}
.form-item input:focus {outline: none;border-color: #9ecaed;box-shadow:0 0 10px #9ecaed;}
.button-panel {width: 100%;float:left;}
.button-panel .button { -webkit-appearance: none;background: #2299d6;border: none;border-radius: 2px;color:#fff;cursor: pointer;height:40px;font-family: 'Open Sans', sans-serif;letter-spacing: 0.05em;text-align: center;text-transform: uppercase;transition: background 0.3s ease-in-out;width: 200px;}
.form-items textarea{width:100%;border:1px solid #ddd;padding:10px;}
.form-items{width:85.1%;float:left;}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: url(../images/search-icon.png) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	width: 55px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
#demo-b input[type=search] {
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	position:absolute;
	margin-top:-7px;
	border:none;
	margin-top:55px;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

.xkncon .cmap{width:50%;float:left;}
.xkncon .cimg{float:right;width:560px;height:500px;background:url(../images/cimg.jpg) no-repeat 50% 50%;}

/*productimg*/

.top-img{
    width: 500px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height:500px;position: relative;
}
.top-img .activeimg img{
    width: 500px;height: 500px;
}

.top-img .left:hover,.top-img .right:hover{
    background: rgba(0,0,0,0.5);
}

.bot-img{
    height: 90px;width: 500px;margin:15px;
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}