/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

img { border: none; vertical-align: bottom; }

body{font-family: "Microsoft YaHei";font-size: 1rem;color: #4c4c4c;max-width: 640px;margin: auto;background: #fff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

@media screen and (min-width: 360px) {
	html {font-size: 120%;}
}
@media screen and (min-width: 414px) {
	html {font-size: 140%;}
}

/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.fl { float: left; }

.fr { float: right; }

.cell { display: table-cell; width: 2000px; }

.clear{clear:both;}

button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; appearance: none; }


/*Mobile Sass(.scss) Library by @BlwooSky*/
.header{background: #2796e8;padding: 0.9rem 0.8rem;}
.headbox{display: table;width:100%;}
.headbox h1{display: table-cell;vertical-align: middle;width:80%;}
.headbox h1 a img{width:50%;}
.headbox h2{display: table-cell;vertical-align: middle;width:20%;}
.headbox h2 a{display: block;width:100%; text-align: center;background: #fff;color: #2796e8;font-size: 0.8rem;padding: 0.5rem 0;border-radius: 4px;-webkit-border-radius: 4px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
nav ul li{float: left;width:25%;}
nav ul li a{background: #47423e;display: block;font-size: 0.8rem;color: #fff;text-align: center;padding: 0.8rem 0;}
.banner a img{width:100%;}
.tit{padding:2rem 0 1rem;text-align: center;}
.tit img{width:10%;}
.tit h1{font-size: 1.06rem;color: #333;font-weight: bold; padding-top: 1rem;}
.sy_txt1{padding: 0 0.8rem;}
.sy_txt1 ul li{padding:1rem 0;}
.sy_txt1 ul li h1 {padding-bottom: 0.5rem;}
.sy_txt1 ul li h1 img{height: 24px;margin-right: 0.5rem;}
.sy_txt1 ul li h1{line-height: 24px;font-size: 1.05rem;color: #333;font-weight: bold;}
.sy_txt1 ul li p{line-height: 1.4rem;font-size: 0.8rem;color: #666;text-align: justify;}
.foot1{background: #e8e8e8;padding: 3rem 0;}
.foot1 form{width:90%; margin: 0 auto;}
.foot1 form input.kyjpro_tel{box-shadow: 5px 5px 25px #cacaca;font-family: "Microsoft Yahei"; border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px; width:70%;height: 2.6rem;line-height: 2.6rem; border: 1px solid #fff;box-sizing:border-box;background: #fff;color: #a0abc0;font-size: 0.8rem;text-indent: 10px;outline: none;}
.foot1 form input.kyjpro_sub{box-shadow: 5px 5px 25px #cacaca;font-family: "Microsoft Yahei"; border: none; outline: none; border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;background: #228ed1;width:30%; height: 2.6rem;line-height: 2.6rem;cursor: pointer;font-size: 0.8rem;color: #fff;}


.foot2{background: #f2f2f2;padding: 1rem 0.8rem;}
.foot_txt1 p{font-size: 0.8rem;line-height: 1.4rem;}
.foot_txt1 p span{color: #258fd9;}
.foot_txt2{text-align: center;color: #666;line-height: 1.4rem;padding: 1rem 0;font-size: 0.9rem;}
.foot_txt2 img{padding-bottom: 0.5rem;}
.foot_txt3 p{font-size: 0.8rem;color: #999;text-align: center;line-height: 1.4rem;}

.about_wrap{padding: 0 0.8rem 2rem;}
.about_wrap dl dt{color: #778399;font-size: 1rem;padding: 1.5rem 0;}
.about_wrap dl dd p{font-size: 0.8rem;color: #4c4c4c;line-height:1.6rem;text-align: justify; }
.about_wrap dl dd span img{width:100%;padding-top: 1rem;}

.product_wrap p{text-align: justify;font-size: 0.8rem;color: #666;padding:0 0.8rem;line-height: 1.4rem;}
.product_wrap p img{width:100%;padding-top: 2rem;}
.product_page2{background: #f7f7f7;}

.load_wrap{padding-bottom: 2rem;}
.load_txt1 ul li {text-align: center;width:50%;float: left;}
.load_txt1 ul li h1{font-size: 1rem;margin-top: 1rem;color: #333;}
.load_txt1 ul li p{font-size: 0.8rem;margin: 0.5rem 0 1rem;color: #999;}
.load_txt1 ul li a{display: block;width:80%;height: 2.2rem;background: #2796e8;color: #fff;font-size: 0.9rem;line-height: 2.2rem;border-radius: 4px;-webkit-border-radius: 4px;margin: 1.5rem auto 0;}
.load_txt1.load_txt2 ul li{width:100%;}
.load_txt1.load_txt2 ul li a{width:60%;font-size: 0.9rem;}
.load_txt1.load_txt2 ul li a.a1{background: #dbeefc;color: #333;}

.sy_page2 {background: #f5f7fa;padding: 0 0.8rem 2rem;}
.case_logo ul li{float: left;width:33.33%;text-align: center;margin-bottom: 0.8rem;}
.case_logo ul li img{width:100%;max-width: 184px;}


.pro_box{
    position: relative;
   
}

.pro_hover{
    position: absolute;
    left: 0;
    right: 0;
    background-color: #2796e8;
   display: none;
  
}
.pro_box:hover .pro_hover{
    display: block !important
}

.pro_hover a{
    list-style: none;
    text-align: center;
    
}
.pro_hover a:hover{
    color: #fff !important;
    background-color: #2796e8 !important
}