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
}