@charset "utf-8";
/* Css reset start */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{margin:0;padding:0;font-size: 14px;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ol, ul ,li{list-style: none;}
fieldset, img {border: 0}
del, ins { text-decoration: none }
caption, th { text-align: left }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video {display: inline-block; *display:inline; *zoom:1}
/*FORM RESET*/
button, input, select, textarea{font-size: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea {overflow: auto}
q:before, q:after {content: ''}
sup {top: -0.5em}
sub {bottom: -0.25em}
table {border-collapse: collapse;border-spacing:0;}
th {text-align: inherit;}
iframe{	display: block;}
input,a{-webkit-tap-highlight-color:transparent;-webkit-transition:background-color;outline: none; border:none; border-radius:0;}
.mb5{margin-bottom: 5% !important;}
.mb2{margin-bottom: 2% !important;}
.mt3{margin-top: 3% !important;}

/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 14px/1.5 "Microsoft YaHei", arial;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #333;	}
body{ background-color:#fff;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
.clearfix{zoom:1;}
.clearfix:after{ clear: both;content:"";diplay:table;}
.clear{clear: both} 
.fl {float: left !important;}
.fr {float: right !important;}
.blue{ color: #0d6fb8}
.overhidd{overflow: hidden;}
.w1400{max-width:1200px;margin: 0 auto;position: relative; }

.header{background: url(../images/topbg.jpg) center no-repeat;padding-top: 8px;overflow: hidden;background-size: 100% 100%;}

.sin{width:56%;}
/*.home .sin{display: block;display: none;} */
.sin ul{float: right;width:45%; }
.sin ul li{background: url(../images/top.png) left center no-repeat;float: left;line-height: 36px;padding-left: 26px;font-size: 14px;margin-right:8px;}
.sin ul li a{color: #000;}

/*.topss{}*/
.topss{float: right;width:54%;min-width: 200px;}
.formtext { width:100%; height: 30px;}
.formtext input {color: #a9a9a9;font-size:14px; border: none;  height:30px;width:calc(100% - 40px );float: left;  line-height:30px;text-indent:5px;border: 2px solid #fe860f;background: #fff;  }
.formtext button {height: 34px;line-height: 34px;background:url(../images/ss.png) 5px center no-repeat;width:calc(30px ); float: right; font-size: 14px; text-align: center;padding-left: 30px;
color: #000;border: none;  cursor: pointer;}




.logo{z-index: 9;margin:0px 0 8px;}
.logo img{max-width: 100%;}




div.nav{height:95px;background: url(../images/kjds2.jpg) center repeat-x;}

div.nav ul li{float: left;position: relative;margin-right:0px; }
div.nav ul li a{font-size:1.4rem;position: relative;}
div.nav ul li span{display: block;color: #000;font-size:1.4rem;height: 75px;line-height: 75px;padding-left:53px;padding-right: 9px;text-align: left;;}
div.nav ul li font{display: block;font-size:12px;height:20px;line-height: 20px;color: #e8e8df;text-align: center; ;}
div.nav ul li.ative a{}
div.menu ul li{}
.menu ul {margin: 0; padding: 0; list-style: none;}
div.nav ul li:last-child{margin-right: 0}
div.nav ul li:nth-child(1) a span{background: url(../images/1.png) 8px bottom no-repeat;width: 62px;background-size: 38px;}
div.nav ul li:nth-child(2) a span{background: url(../images/2.png) 8px bottom no-repeat;width: 92px;background-size: 38px;}
div.nav ul li:nth-child(3) a span{background: url(../images/3.png) 8px bottom no-repeat;width: 90px;background-size: 38px;}
div.nav ul li:nth-child(4) a span{background: url(../images/4.png) 8px bottom no-repeat;width: 90px;background-size: 38px;}
div.nav ul li:nth-child(5) a span{background: url(../images/5.png) 8px bottom no-repeat;width: 90px;background-size: 38px;}
div.nav ul li:nth-child(6) a span{background: url(../images/6.png) 8px bottom no-repeat;width: 93px;background-size: 38px;}
div.nav ul li:nth-child(7) a span{background: url(../images/7.png) 8px bottom no-repeat;width: 93px;background-size: 38px;}
div.nav ul li:nth-child(8) a span{background: url(../images/8.png) 8px bottom no-repeat;width: 90px;background-size: 38px;}
div.nav ul li:nth-child(9) a span{background: url(../images/9.png) 8px bottom no-repeat;width: 90px;background-size: 38px;}

div.nav ul li:nth-child(1):hover span,
div.nav ul li:nth-child(1) a.ative span
{background:#5cb5c7 url(../images/1a.png) 8px bottom no-repeat; background-size: 38px;}
div.nav ul li:nth-child(2):hover span,
div.nav ul li:nth-child(2) a.ative span{background:#5cb5c7 url(../images/2a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(3):hover span,
div.nav ul li:nth-child(3) a.ative span{background:#5cb5c7 url(../images/3a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(4):hover span,
div.nav ul li:nth-child(4) a.ative span{background:#5cb5c7 url(../images/4a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(5):hover span,
div.nav ul li:nth-child(5) a.ative span{background:#5cb5c7 url(../images/5a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(6):hover span,
div.nav ul li:nth-child(6) a.ative span{background:#5cb5c7 url(../images/6a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(7):hover span,
div.nav ul li:nth-child(7) a.ative span{background:#5cb5c7 url(../images/7a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(8):hover span,
div.nav ul li:nth-child(8) a.ative span{background:#5cb5c7 url(../images/8a.png) 8px bottom no-repeat;background-size: 38px;}
div.nav ul li:nth-child(9):hover span,
div.nav ul li:nth-child(9) a.ative span{background:#5cb5c7 url(../images/9a.png) 8px bottom no-repeat;background-size: 38px;}

/*div.nav ul li:hover span,
div.nav ul li a.ative span{background: #5cb5c7 ;text-align: center; }*/

div.nav ul li .nav-body{width:100%;position:absolute;border-top:1px solid #000; top:75px;z-index: 999; text-align:center; padding:0px 0px; background-color:#5cb5c7; display:none;}
div.nav ul li .nav-body a{font-size:14px;border-bottom: 1px solid #000; color:#000; display:block;padding: 0;text-align: center;line-height: 40px;}
div.nav ul li .nav-body a:hover{background: #5dcde4;}
div.nav ul li .nav-body a:last-child{border: none;}
/*手机导航布局*/
.menu.show {display: block;}
.menu-link {display: none;}
.menu-link {width: 30px;height: 27px;margin-left: auto;position: relative;z-index: 100;}
.menu-link span {width: 100%;height: 2px;background: #5cb5c7;display: block;margin-top: -1px;position: absolute;
    text-indent: -9999em; top: 50%;}
.menu-link span, .menu-link span:before, .menu-link span:after{background: #5cb5c7;}
.menu-link.close span:before, .menu-link.close span:after, .menu-link.close span:before,.menu-link.close span:after{
	background: #fff;
}
.menu-link.close span:before { color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after {color: #fff;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link span:before, .menu-link span:after {width: 30px; height: 2px; background: #5cb5c7;
content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;top: -8px;
-ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;}
.menu-link span:after { bottom: -8px;  top: auto;}
.menu-link.close span,.menu-link.close span { background: transparent;}

.menu.show{background:#5cb5c7;height:100vh; top: 0;z-index: 99;position: fixed;overflow-y: auto;left: 0;right: 0;}
.menu.show ul{display: -ms-flexbox;display: flex;width: 100%;text-align: center;font-size: 28px;
-ms-flex-align: center;
align-items: center;-ms-flex-pack: center;/*justify-content: center;     */
-ms-flex-direction: column;flex-direction: column;}
.menu.show ul .submenu{padding-top: 0;}
.menu-link.close{position: fixed;right: 5%;}
.menu.show .nav > li{background: none;width: 100%;}
.menu.show .nav > li > a{padding:0px 0px;color: #fff;font-size: 22px;line-height: 30px}
.menu.show .nav > li > a:hover{background: none;}
.menu.show .nav li .submenu{position: relative;top: 0;}
.menu.show .nav li{max-height: auto;}






footer{width: 100%;height: auto;background:#5cb5c7;color: #0b1618;font-size: 14px;line-height:30px;padding:25px 0 0;clear: both;}
.foot{padding-bottom:25px;; }
.footl{width: 54%;}
.footl dl{float: left;margin-right:8%;}
.footl dl dt{font-size:18px;color: #1b1b1b;margin-bottom: 3px; }
.footl dl dd{font-size: 14px;color: #434343;line-height: 30px;}
.footl dl dd a{color: #434343;}
.footl dl dd:hover a{color:#CC0000;}

.footr{width: 45%;}
.footr .overhidd{margin-top: 15px;}
.footr h2{font-size: 18px;color: #1b1b1b;}
.footr .fl{width: 99px;margin-top: 5px;}
.footr .fl img{max-width: 100%;}
.footr .fr{font-size: 14px;color: #434343;line-height: 26px;width:calc(100% - 105px )}
.beian{background:#292313;font-size: 14px;line-height:24px;color: #dcdcdc;text-align: center;padding: 12px 0;  }
.beian a{color: #dcdcdc;}
@media (max-width:1236px){
	div.nav ul li span{padding-left: 40px;}

}

@media (max-width:1200px){
	.w1400{width:92%;}
	div.nav ul li span{padding-left:32px;}
	div.nav ul li:nth-child(1) a span{background: url(../images/1.png) 0 22px no-repeat;width: 52px;background-size: 30px;}
	div.nav ul li:nth-child(2) a span{background: url(../images/2.png) 0 22px no-repeat;width: 90px;background-size: 30px;}
	div.nav ul li:nth-child(3) a span{background: url(../images/3.png) 0 22px no-repeat;width: 85px;background-size: 30px;}
	div.nav ul li:nth-child(4) a span{background: url(../images/4.png) 0 22px no-repeat;width: 90px;background-size: 30px;}
	div.nav ul li:nth-child(5) a span{background: url(../images/5.png) 0 22px no-repeat;width: 90px;background-size: 30px;}
	div.nav ul li:nth-child(6) a span{background: url(../images/6.png) 0 22px no-repeat;width: 93px;background-size: 30px;}
	div.nav ul li:nth-child(7) a span{background: url(../images/7.png) 0 22px no-repeat;width: 93px;background-size: 30px;}
	div.nav ul li:nth-child(8) a span{background: url(../images/8.png) 0 22px no-repeat;width: 90px;background-size: 30px;}
	div.nav ul li:nth-child(9) a span{background: url(../images/9.png) 0 22px no-repeat;width: 90px;background-size: 30px;}

	div.nav ul li:nth-child(1):hover span,
	div.nav ul li:nth-child(1) a.ative span{background:#5cb5c7 url(../images/1a.png) 0 22px no-repeat; background-size: 30px;}
	div.nav ul li:nth-child(2):hover span,
	div.nav ul li:nth-child(2) a.ative span{background:#5cb5c7 url(../images/2a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(3):hover span,
	div.nav ul li:nth-child(3) a.ative span{background:#5cb5c7 url(../images/3a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(4):hover span,
	div.nav ul li:nth-child(4) a.ative span{background:#5cb5c7 url(../images/4a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(5):hover span,
	div.nav ul li:nth-child(5) a.ative span{background:#5cb5c7 url(../images/5a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(6):hover span,
	div.nav ul li:nth-child(6) a.ative span{background:#5cb5c7 url(../images/6a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(7):hover span,
	div.nav ul li:nth-child(7) a.ative span{background:#5cb5c7 url(../images/7a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(8):hover span,
	div.nav ul li:nth-child(8) a.ative span{background:#5cb5c7 url(../images/8a.png) 0 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(9):hover span,
	div.nav ul li:nth-child(9) a.ative span{background:#5cb5c7 url(../images/9a.png) 0 22px no-repeat;background-size: 30px;}

	


}
@media (max-width:1186px){
	header{position: relative;z-index: 9}
	.logo{width: 90%;}
	div.nav{width:10%;position: absolute;right:4%;background:none;bottom: 20px;}

	nav{height: auto;background: none;}
	.menu{display: none;}
	.menu.show{display: block;}
	.menu-link {display: block;padding:20px 0;margin-right:0px;}

	div.nav ul li span{color: #fff;width: 100%;padding-left:0px;text-align: center;}

	div.nav ul li:nth-child(1) a span{background: url(../images/1.png) 42% 22px no-repeat;width: 100%;background-size: 30px;}
	div.nav ul li:nth-child(2) a span{background: url(../images/2.png) 42% 22px no-repeat;width: 100%;background-size: 30px;}
	div.nav ul li:nth-child(3) a span{background: url(../images/3.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(4) a span{background: url(../images/4.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(5) a span{background: url(../images/5.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(6) a span{background: url(../images/6.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(7) a span{background: url(../images/7.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(8) a span{background: url(../images/8.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(9) a span{background: url(../images/9.png) 42% 22px no-repeat;width: 100%;;background-size: 30px;}

	div.nav ul li:nth-child(1):hover span,
	div.nav ul li:nth-child(1) a.ative span{background:#5cb5c7 url(../images/1a.png) 42% 22px no-repeat; background-size: 30px;}
	div.nav ul li:nth-child(2):hover span,
	div.nav ul li:nth-child(2) a.ative span{background:#5cb5c7 url(../images/2a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(3):hover span,
	div.nav ul li:nth-child(3) a.ative span{background:#5cb5c7 url(../images/3a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(4):hover span,
	div.nav ul li:nth-child(4) a.ative span{background:#5cb5c7 url(../images/4a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(5):hover span,
	div.nav ul li:nth-child(5) a.ative span{background:#5cb5c7 url(../images/5a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(6):hover span,
	div.nav ul li:nth-child(6) a.ative span{background:#5cb5c7 url(../images/6a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(7):hover span,
	div.nav ul li:nth-child(7) a.ative span{background:#5cb5c7 url(../images/7a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(8):hover span,
	div.nav ul li:nth-child(8) a.ative span{background:#5cb5c7 url(../images/8a.png) 42% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(9):hover span,
	div.nav ul li:nth-child(9) a.ative span{background:#5cb5c7 url(../images/9a.png) 42% 22px no-repeat;background-size: 30px;}




	div.nav ul li:last-child font,div.nav ul li:last-child span{padding-left: 0;color: #fff;}
	.nav ul li:last-child font{color: #fff;}
	.menu.show ul{position: relative;z-index: 99;padding-top: 10%;}
	.menu.show .nav > li > a{font-size:18px;padding-left: 0;border: none;}
	.menu.show .nav li .submenu li a{padding: 0;}
	.nav li .submenu{background: none;}
	.nav li .submenu li{display: block;width: 100%;text-align: center; filter:alpha(opacity=60); -moz-opacity:0.6;  -khtml-opacity: 0.6;   opacity: 0.6;  }
	.nav li .submenu li.cur{filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity: 1;   opacity: 1; }
	.nav li .submenu li a{display: block;width:100%;font-size: 22px;text-align: center;color: #fff;}
	.nav li .submenu li span{display: block;line-height: 30px;color: #fff;}
	.menu.show .nav > li{padding: 3px 0;line-height: 250%;}
	.menu.show .nav li .submenu{left: 0;}
	.menu.show .nav li .submenu li{height:auto;line-height:250%;padding: 0;}
	div.nav ul li .nav-body{display: none !important;}


	.sin{width:100%;}
	.formtext button {width: calc(42% - 30px );float: left;text-align: left;}


}
@media (max-width:1024px){
	.footl{display: none;}
	.footr{width: 100%;}

}

@media (max-width:720px){
.menu-link{padding: 15px 0;}
}
@media (max-width:420px){
	.formtext{display: none;}
	.menu-link{padding:8px 0;}
	.sin ul{width: 100%;}
	div.nav{bottom: -28px;}
	.ihyl_main form ul li button{width: 46%;}
	.ihyl_main form ul li button img{max-width: 100%;}

	div.nav ul li:nth-child(1) a span{background: url(../images/1.png) 38% 22px no-repeat;width: 100%;background-size: 30px;}
	div.nav ul li:nth-child(2) a span{background: url(../images/2.png) 33% 22px no-repeat;width: 100%;background-size: 30px;}
	div.nav ul li:nth-child(3) a span{background: url(../images/3.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(4) a span{background: url(../images/4.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(5) a span{background: url(../images/5.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(6) a span{background: url(../images/6.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(7) a span{background: url(../images/7.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(8) a span{background: url(../images/8.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}
	div.nav ul li:nth-child(9) a span{background: url(../images/9.png) 33% 22px no-repeat;width: 100%;;background-size: 30px;}

	div.nav ul li:nth-child(1):hover span,
	div.nav ul li:nth-child(1) a.ative span{background:#5cb5c7 url(../images/1a.png) 38% 22px no-repeat; background-size: 30px;}
	div.nav ul li:nth-child(2):hover span,
	div.nav ul li:nth-child(2) a.ative span{background:#5cb5c7 url(../images/2a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(3):hover span,
	div.nav ul li:nth-child(3) a.ative span{background:#5cb5c7 url(../images/3a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(4):hover span,
	div.nav ul li:nth-child(4) a.ative span{background:#5cb5c7 url(../images/4a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(5):hover span,
	div.nav ul li:nth-child(5) a.ative span{background:#5cb5c7 url(../images/5a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(6):hover span,
	div.nav ul li:nth-child(6) a.ative span{background:#5cb5c7 url(../images/6a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(7):hover span,
	div.nav ul li:nth-child(7) a.ative span{background:#5cb5c7 url(../images/7a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(8):hover span,
	div.nav ul li:nth-child(8) a.ative span{background:#5cb5c7 url(../images/8a.png) 33% 22px no-repeat;background-size: 30px;}
	div.nav ul li:nth-child(9):hover span,
	div.nav ul li:nth-child(9) a.ative span{background:#5cb5c7 url(../images/9a.png) 33% 22px no-repeat;background-size: 30px;}

	.beian{padding: 12px 8%;  }
	.beian a{display: block;width: 100%;color:#dcdcdc;}


}

@media (max-width:345px){
	.footr h2{font-size: 14px;}
	.footr .overhidd{margin-top:5px;}
	.footr .fl{display: none;}
	.footr .fr{width:calc(100%);}
	.footr .fr p{font-size: 12px;}
}