html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
img { border: none; vertical-align: bottom; }
a { color: #555; outline: 0; text-decoration: none; }
a:hover { color: #ff6600; }
ul, li { list-style-type: none; padding: 0; margin: 0; }
input, select, textarea, button { font-size: 100%; font-family: inherit; border: none;}
body { font-size: 12px; line-height: 24px; color: #555; font-family: "微软雅黑"; background:#fff; }
.fix:after, .clearfix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.fix, .clearfix { *zoom: 1;}
.clear { clear: both;  }
h1,h2,h3{font-weight: normal;}
.cell{display:table-cell;*display:inline-block;width:2000px;*width:auto}
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.w1000{width:1000px;margin: 0 auto;}
.header{padding:0;z-index: 999;width:100%;background: #2796e8;}
.header ul{margin: 0 0 0 250px;}
.header ul li {float: left;display: inline;}
.header ul li a{position: relative; font-size: 16px;color: #fff;display: block;height: 24px;padding: 30px 17px;cursor: pointer;}
.headbox h1 a img{
    margin: 16px;
}
.header ul li a span{position: absolute;left: 50%;right: 50%; bottom: -4px;display: block;border-bottom: 2px solid #fff;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.header ul li a:hover span{left: 0;right: 0;}
.header ul li a p{ -webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.header h2 a{display: block;width:120px;margin-top: 10px; text-align: center;background: #fff;color: #2796e8;font-size: 16px;padding: 8px 0;border-radius: 4px;-webkit-border-radius: 4px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;margin: 22px 5px}
.header h2 a:hover{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);box-shadow: 2px 2px 5px #0087d5;}
/* .banner{background: url(../images/banner.jpg) no-repeat center;height: 518px;} */
.tit{padding:80px 0 60px;text-align: center;}
.tit img{margin-bottom: 50px;}
.tit h1{font-size: 38px;color: #333;line-height: 38px;text-align: center; }
.tit p{font-size: 16px;color: #999;margin-top: 30px;}
.sy_txt1 ul{margin-bottom: 50px;}
.sy_txt1 ul li{width:420px;}
.sy_txt1 ul li h1{line-height: 38px; font-size: 20px;color: #333;text-align: center;margin-bottom: 15px;}
.sy_txt1 ul li h1 img{margin-right: 10px;}
.sy_txt1 ul li p{font-size: 15px;color: #999;text-align: justify;}

.sy_txt2 ul li{width:20%;float: left;cursor: pointer;padding: 25px 0;}
.sy_txt2 ul li span{display: block; background: url(../images/logo_icon.png) no-repeat;width:170px;margin: 0 auto; height: 50px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sy_txt2 ul li.li1 span{background-position: 0px 0px;}
.sy_txt2 ul li.li2 span{background-position: -203px -2px;}
.sy_txt2 ul li.li3 span{background-position: -413px 4px;}
.sy_txt2 ul li.li4 span{background-position: -600px 6px;}
.sy_txt2 ul li.li5 span{background-position: -780px 6px;}
.sy_txt2 ul li.li6 span{background-position: 0px -135px;}
.sy_txt2 ul li.li7 span{background-position: -217px -135px;}
.sy_txt2 ul li.li8 span{background-position: -413px -131px;}
.sy_txt2 ul li.li9 span{background-position: -607px -128px;}
.sy_txt2 ul li.li10 span{background-position: -794px -124px;}
.sy_txt2 ul li.li11 span{background-position: 8px -252px;}
.sy_txt2 ul li.li12 span{background-position: -210px -264px;}
.sy_txt2 ul li.li13 span{background-position: -413px -264px;}
.sy_txt2 ul li.li14 span{background-position: -613px -264px;}
.sy_txt2 ul li.li15 span{background-position: -785px -264px;}
.sy_txt2 ul li.li16 span{background-position: 0px -413px;}
.sy_txt2 ul li.li17 span{background-position: -207px -410px;}
.sy_txt2 ul li.li18 span{background-position: -428px -401px;}
.sy_txt2 ul li.li19 span{background-position: -607px -407px;}
.sy_txt2 ul li.li20 span{background-position: -793px -408px;}
.sy_txt2 ul li:hover.li1 span{background-position: 0 -47px;}
.sy_txt2 ul li:hover.li2 span{background-position: -203px -47px;}
.sy_txt2 ul li:hover.li3 span{background-position: -413px -45px;}
.sy_txt2 ul li:hover.li4 span{background-position: -600px -43px;}
.sy_txt2 ul li:hover.li5 span{background-position: -780px -43px;}
.sy_txt2 ul li:hover.li6 span{background-position: 0px -184px;}
.sy_txt2 ul li:hover.li7 span{background-position: -217px -185px;}
.sy_txt2 ul li:hover.li8 span{background-position: -413px -189px;}
.sy_txt2 ul li:hover.li9 span{background-position: -607px -186px;}
.sy_txt2 ul li:hover.li10 span{background-position: -794px -182px;}
.sy_txt2 ul li:hover.li11 span{background-position: 8px -312px;}
.sy_txt2 ul li:hover.li12 span{background-position: -210px -316px;}
.sy_txt2 ul li:hover.li13 span{background-position: -413px -316px;}
.sy_txt2 ul li:hover.li14 span{background-position: -613px -328px;}
.sy_txt2 ul li:hover.li15 span{background-position: -785px -316px;}
.sy_txt2 ul li:hover.li16 span{background-position: 0px -474px;}
.sy_txt2 ul li:hover.li17 span{background-position: -207px -471px;}
.sy_txt2 ul li:hover.li18 span{background-position: -428px -463px;}
.sy_txt2 ul li:hover.li19 span{background-position: -607px -468px;}
.sy_txt2 ul li:hover.li20 span{background-position: -793px -469px;}

.footer{margin-top: 80px;}
.footer.active{margin-top:0;}
.foot1{background: #e8e8e8;padding: 70px 0;}
.foot1 form{width:555px;margin: 0 auto;}
.foot1 form input.kyjpro_tel{box-shadow: 5px 5px 25px #cacaca;border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px; width:325px;*width:323px;height: 55px;*height:53px; border: 1px solid #fff;box-sizing:border-box;background: #fff;color: #a0abc0;font-size: 18px;line-height: 55px;text-indent: 10px;outline: none;}
.foot1 form input.kyjpro_sub{box-shadow: 5px 5px 25px #cacaca;font-family: "Microsoft Yahei"; outline: none; border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;background: #228ed1;height: 55px;width:230px; cursor: pointer;font-size: 18px;color: #fff;}
.foot2{background: #f2f2f2;padding: 25px 0;}
.foot_txt1{width:850px;} 
.foot_txt1 h1{font-size: 18px;color: #333;line-height: 30px;margin-bottom: 50px;}
.foot_txt1 p{font-size: 14px;color: #999;}
.foot_txt2{width:150px;text-align: center;}
.foot_txt2 img{margin-bottom: 10px;}
.foot_txt2 p{font-size: 14px;color: #999;}

/*关于我们*/
.about_wrap{padding:30px 0 0;}
.about_wrap dl dt{color: #778399;font-size: 20px;padding: 40px 0 35px;}
.about_wrap dl dd p{font-size: 16px;color: #4c4c4c;line-height:36px;text-align: justify; }
.about_wrap dl dd ul {margin-top: 40px;}
.about_wrap dl dd ul li{float: left;display: inline;cursor: pointer;width:333px;height: 180px;overflow: hidden;}
.about_wrap dl dd ul li img{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about_wrap dl dd ul li:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.about_wrap dl dd span{display: block;width:1000px;height: 200px;overflow: hidden;cursor: pointer;margin-top: 40px;}
.about_wrap dl dd span img{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about_wrap dl dd span:hover img{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);}

.pro_txt1,.pro_txt2,.pro_txt3{text-align: center;}
.product_page2{background: #f7f7f7;margin-top: -50px;position: relative;z-index: 1;}
.load_txt1 ul li {text-align: center;width:33.33%;float: left;}
.load_txt1 ul li h1{font-size: 20px;margin-top: 30px;color: #333;}
.load_txt1 ul li p{font-size: 14px;margin-bottom: 30px;color: #999;}
.load_txt1 ul li a{display: block;width:120px;height: 40px;background: #2796e8;color: #fff;font-size: 18px;line-height: 40px;border-radius: 4px;-webkit-border-radius: 4px;margin: 20px auto 0;}
.load_txt1.load_txt2 ul li{width:100%;}
.load_txt1.load_txt2 ul li a{width:200px;}
.load_txt1.load_txt2 ul li a.a1{background: #dbeefc;color: #333;}

.updata{background: #f5f7fa;padding:30px 0 100px;margin-top: 50px;}
.updata dl dt{padding: 50px 0 10px;}
.updata dl dt h1{font-size: 20px;color: #778399;}
.updata dl dt p{color: #4c4c4c;font-size: 16px;line-height: 30px;}
.updata dl dd p{color: #4c4c4c;font-size: 16px;line-height: 34px;}
.updata h2 a{width:300px;display: block;margin: 70px auto 0;font-size: 20px;padding: 15px 0;color: #4eb3ed;border: 1px solid #4eb3ed; text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.updata h2 a:hover{background: #4eb3ed;color: #fff;}


.pro_box{
    position: relative;
   
}

.pro_hover{
    position: absolute;
    top: 86px;
    width: 88px;
    left: -8px;
    background-color: #ff0;
   display: none;
  
}
.pro_box:hover .pro_hover{
    display: block !important
}

.pro_hover a{
    list-style: none;
    width: 100%;
    text-align: center;
     background-color: #fff;
    padding: 10px !important;
    color: #8f8f91 !important
}
.pro_hover a:hover{
    color: #fff !important;
    background-color: #2796e8 !important
}

.banner {
	position:relative;
	cursor:pointer
}
.banner i {
	position:absolute;
	z-index:999;
	opacity:0;
-webkit-transition:all .5s ease-out;
transition:all .5s ease-out
}
.banner i.sy_left {
	left:5%;
	top:50%;
	margin-top:-40px
}
.banner i.sy_right {
	right:5%;
	top:50%;
	margin-top:-40px
}
.banner:hover i {
	opacity:1
}
.banner ul {
	position:relative;
	width:100%;
	height:550px;
	overflow:hidden
}
.banner ul li {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	opacity:0;
	width:100%;
	height:550px
}
.banner ul li.bgshow {
	z-index:1;
	opacity:1
}
.banner-hidden {
	width:1000px;
	height:550px;
	position:relative;
	margin:0 auto
}
.banner-hidden div {
	position:absolute;
	opacity:0;
-webkit-transition:all .5s ease-out;
transition:all .5s ease-out
}
.banner ul li.bgshow .banner-hidden div {
	opacity:1
}
.banner ol {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:10px;
	z-index:9;
    margin-left:-400px;
}
.banner ol li {
	position:relative;
	display:inline-block;
*display:inline;
*zoom:1;
	width:40px;
	height:3px;
	background:#687680;
	margin:0 5px
}
.banner ol li span {
	display:block;
	left:0;
	top:0;
	width:0;
	height:4px;
	background:#fff;
-webkit-transition:all .3s linear;
transition:all .3s linear
}
.banner ol li.active span {
	position:absolute;
	width:100%
}
.banner1 {
	background:url(../images/ykimg/banner-bg-1.png) no-repeat center;
	height:550px
}
.banner2 {
    background: url(../images/ykimg/banner-bg-2.png) no-repeat center;
    height: 550px
}
.banner3 {
    background: url(../images/ykimg/banner-bg-3.png) no-repeat center;
    height: 550px
}
.banner5 {
    background: url(../images/ykimg/banner-bg-4.png) no-repeat center;
    height: 550px
}
.banner1 .bg_01 {
	left:0;
	top:200px
}
.banner1 .bg_02 {
    /*right:-60px;*/
    right: -500px;
    top: 40px;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0)
}
.banner1.bgshow .bg_01 {
	left:0;
	top:150px
}
.banner1.bgshow .bg_02 {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    right: -500px;
    top:120px;
}
.banner2 .bg_02 {
-webkit-transition:all .3s ease-out .5s;
transition:all .5s ease-out .3s
}
.banner2 .bg_01 {
	left:0;
	top:200px
}
.banner2 .bg_02 {
    /*right:-150px;*/
    right: -500px;
    top: 150px
}
.banner2.bgshow .bg_01 {
	left:0;
	top:150px
}
.banner2.bgshow .bg_02 {
    /*right:-150px;*/
    right: -500px;
    top: 50px
}
.banner2.bgshow .bg_02 img {
-webkit-transition:all .1s ease-out;
transition:all .1s ease-out
}
.banner3 .bg_01 {
	left:0;
	top:200px
}
.banner3 .bg_02 {
    /*right:-150px;*/
    right: -500px;
    top: 40px
}
.banner3 .bg_02 {
-webkit-transition:all .3s ease-out .5s;
transition:all .5s ease-out .3s
}
.banner3.bgshow .bg_01 {
	left:0;
	top:150px
}
.banner3.bgshow .bg_02 {
    /*right:-100px;*/
    right: -600px;
    top: 35px
}
.banner3.bgshow .bg_02 img {
-webkit-transition:all .1s ease-out;
transition:all .1s ease-out
}

.banner5 .bg_01 {
	left:0;
	top:200px
}
.banner5 .bg_02 {
	right:-150px;
	top:40px
}
.banner5 .bg_02 {
-webkit-transition:all .3s ease-out .5s;
transition:all .5s ease-out .3s
}
.banner5.bgshow .bg_01 {
	left:0;
	top:80px;
    width:100%;
    height:100%;
}
.banner5.bgshow .bg_02 {
	right:-100px;
	top:170px;
    left:80px;
    right:80px;
}
.banner5.bgshow .bg_02 img {
-webkit-transition:all .1s ease-out;
transition:all .1s ease-out
}




.banner-hidden h1 {
	margin:30px 0 0 -5px
}
.banner-hidden h2 {
	margin-top:50px
}
.banner-hidden h2 a {
	margin-right:20px;
	float:left;
	display:block;
	width:160px;
	padding:10px 0;
	text-align:center;
	font-size:18px;
	border-radius:4px;
	-webkit-border-radius:4px;
-webkit-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.banner-hidden a.a1 {
	background:#1584d7;
	color:#fff
}
.banner-hidden a.a2 {
	color:#FFF;
    border:1px solid #FFF;
}
.banner-hidden a:hover {
	transform:scale(0.9, 0.9);
	-webkit-transform:scale(0.9, 0.9)
}
.more{ display:inline-block; padding:2px 18px; background:#3199EE; color:#fff; margin-left:5px;cursor:pointer}