@charset "utf-8";

/* Style Reset */

body,p,h1,ul,li,input,img{margin:0; padding:0;}

ul, ol, li, dl, dt, dd {list-style:none;}

a{text-decoration:none;outline:0px;}

fieldset, img {border:0;}

.clear {clear:both;width:100%;}

/* top */

.topbg{width:100%;position:relative;background:#0070be;background:-webkit-linear-gradient(top,#0070be,#00508e);background:-moz-linear-gradient(top,#0070be,#00508e);background:linear-gradient(top,#0070be,#00508e);border-bottom:1px solid #0097ff}

.logo{display:block;width:61.875%;margin-left:2.65625%}
.logo img{ padding:30px 0 43px; height:60px;}

.tree{display:block;width:23.125%;position:absolute;right:0;top:0;z-index:10}

.banner{width:100%;height:auto;position:relative;border-bottom:1px solid #00aeff}

.bannerpic{display:block;width:100%}

.navbg{position:absolute;bottom:0;z-index:5;width:35.46875%;left:32.265625%;}

.navbg div{width:100%;height:auto;position:relative}

.navbg div img{display:block;width:100%}

.homebtn{display:block;position:absolute;width:33.333%;left:0;height:100%;top:0}

.navbtn{display:block;position:absolute;width:33.333%;left:33.333%;height:100%;top:0}

.sharebtn{display:block;position:absolute;width:33.333%;left:66.666%;height:100%;top:0}

.shadow1{position:absolute;display:block;width:100%;bottom:0;left:0;z-index:10}

.searchbg{width:100%;height:53px;background:#0070be;background:-webkit-linear-gradient(top,#0070be,#00508d);background:-moz-linear-gradient(top,#0070be,#00508d);background:linear-gradient(top,#0070be,#00508d);padding:12px 0}

.search{width:90.625%;height:51px;border:1px solid #d8d8d8;margin-left:2.65625%;border-radius:6px;background:#fff;box-shadow:3px 4px 5px #e8e8e8 inset}

.text{width:70%;height:51px;float:left;border:0;background:none;font:16px/51px 'simsun';color:#939292;text-indent:1em}
#content img{ max-width:100%;}


.button{float:right;width:69px;height:69px;background:url(../ke01_img/button.png) 0 0 no-repeat;margin:-9px -4.827% 0 0;border:0;background-size:100% 100%}

/*nav*/

.nav{width:100%;background:#0069b3;display:none}

.nav li{width:100%;line-height:53px;margin:0 auto;border-bottom:1px solid #0089e9;background-size:2.03125%}

.nav li ul{border-top:1px solid #0089e9;background:none;width:100%;margin:0 auto;border-bottom:1px solid #00589a}

.nav li li{border:0;line-height:42px;background-size:2.03125%}

.nav li li a{display:block;width:95.625%;margin:0 auto;text-indent:74px;height:42px;border-bottom:1px dotted #0097ff;font:14px/42px '微软雅黑';color:#fff;}

.nav li a{display:block;width:100%;height:52px;text-indent:57px;font:16px/52px '微软雅黑';color:#fff;border-bottom:1px solid #00589a}

.clicked{}

/*product*/

.product{padding:2% 0;width:100%;overflow:hidden}

.product li{width:32.8125%;float:left;margin-bottom:0.78125%}

.product li.li2,.product li.li5{margin:0 0.78125% 0.78125%}

.product li.li2,.product li.li4,.product li.li6{position:relative}

.product li.li2 span{display:block;width:0;height:0;line-height:0;border:15px solid transparent;border-top-color:#005190;position:absolute;left:8.57%;bottom:-30px;z-index:10}

.product li.li4 span,.product li.li6 span{display:block;width:0;height:0;line-height:0;border:15px solid transparent;border-bottom-color:#01a43b;position:absolute;left:8.57%;top:-30px;z-index:10}

.product li a{display:block;width:100%}

.product li a img{display:block;width:100%}

/* news */

.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}

.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}

.newstitle{width:100%;position:relative;height:auto;margin-bottom:2%}

.newstitlebg{display:block;width:100%}

.titlename{position:absolute;left:1.875%;top:22.44%;width:27.5%;}

.titlename img{display:block;width:100%}

.news_more{position:absolute;right:0;top:7.14%;width:15%;}

.news_more img{display:block;width:100%}

.newsul{width:100%}

.newsul li{width:100%;margin-bottom:2%;position:relative; height:40px; line-height:40px;}

.news_img{display:block;width:17.1875%;margin:0 1.5625%;padding:2px;border:1px solid #c4c4c4}

.news_img img{display:block;width:100%}

.news_right{position:absolute;right:0;height:100%;top:0;background:url(../ke01_img/icons2.jpg) 90% center no-repeat #ebebeb;background-size:6.547%;border-radius:4px 0 0 4px;width:100%}

.news_right a{display:block;width:93%;margin-left:3.57%;height:40px;font:16px/30px 'microsoft yahei';color:#417424;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; line-height:40px;}

.news_right div{width:83%;margin-left:3.57%;height:48px;font:14px/48px 'microsoft yahei';color:#343434;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*casebox*/

.casebox{width:100%;position:relative;height:auto;margin-top:2%}

.casebg{display:block;width:100%}

.caselist{width:100%;height:100%;position:absolute;top:0;left:0}

.caselist div,.caselist div a div{width:100%;height:100%;position:relative}

.caselist div img{display:block;width:100px; height:100px; border-radius:185px;}

.case1{display:block;width:28.90625%;margin-left:2.8125%;border-radius:185px;top:3.5%;overflow:hidden; float:left; display:inline; }

.case2{display:block;width:28.90625%;position:absolute;left:35.625%;border-radius:185px;top:3.5%;overflow:hidden}

.case3{display:block;width:28.90625%;position:absolute;left:68.59375%;border-radius:185px;top:3.5%;overflow:hidden}

.caselist div a div p{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0,0,0,.7);text-align:center;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:18px/60px 'microsoft yahei';}

/* foot */

.foot{width:100%;height:40px;border-top:1px solid #00aeff;background:#0070bd;background:-webkit-linear-gradient(top,#0070bd,#00508e);background:-moz-linear-gradient(top,#0070bd,#00508e);background:linear-gradient(top,#0070bd,#00508e);}

.foot a{display:block;float:left;width:33.3%;height:40px;font:18px/40px 'microsoft yahei';color:#fff;text-shadow:1px 1px 1px #00548f;text-indent:17%}

.tel{background:url(../ke01_img/tel.png) 24% center no-repeat;background-size:22.06%}

.sms{background:url(../ke01_img/sms.png) 24% center no-repeat;background-size:23%}

.map{background:url(../ke01_img/map.png) 24% center no-repeat;background-size:19.24%}

.footbg{width:100%;background:url(../ke01_img/border.jpg) 0 0 no-repeat #005ea3;background-size:100%;padding-top:10px;height:40px;text-align:center;}

.footnav{width:100%;text-align:center;font:16px/32px 'microsoft yahei';color:#fff}

.footnav a{color:#fff;margin:0 2%;}

.support{width:100%;text-align:center;font:14px/38px 'Microsoft YaHei';color:#fff}

.support a{color:#fff}

/* subpage */

.subfoot{width:100%;display:block;}

.subtitle{width:100%;height:75px;border-bottom:1px solid #c9d7df;text-align:center;font:18px/75px 'microsoft yahei';color:#00518e;background:#dfeef7}

.productul{width:100%;padding:2% 0;overflow:hidden;}

.productul li{width:50%;float:left}

.productul li a{display:block;width:89.375%;text-align:center;font:14px/32px 'microsoft yahei';color:#434343;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto}

.imgborder{padding:2px;border:1px solid #c9c9c9}

.productul li a img{display:block;width:100%}

.more{display:block;width:46.5625%;height:52px;margin:10px auto;text-align:center;font:20px/52px 'microsoft yahei';color:#fff;background:#01a43b;background:-webkit-linear-gradient(top,#01a43b,#20743f);background:-moz-linear-gradient(top,#01a43b,#20743f);background:linear-gradient(top,#01a43b,#20743f);border-radius:8px;}

/*news*/

.news{width:100%}

.news li{height:68px;width:100%;border-bottom:1px solid #c9c9c9;background:url(../ke01_img/icons3.jpg) 92.5% center no-repeat;background-size:5.15625%;font:14px/68px 'microsoft yahei';text-indent:3.28125%}

.news li a{display:block;width:86%;height:68px;color:#417424;}

.subpage{width:100%;padding:2% 0;overflow:hidden}

.subpage img{display:block;max-width:100%;margin:0 auto}

.about{width:92%;margin:0 auto;font:14px/30px 'microsoft yahei';color:#303030}

.subpage h1{width:100%;font:18px/40px 'microsoft yahei';color:#2a2929;border-bottom:1px solid #c9c9c9;margin-bottom:10px;text-align:center}

.pages{display:block;width:93.125%;margin:0 auto 3px;height:38px;border:1px solid #e5e5e5;border-radius:7px;background:#f0f0f0;box-shadow:0 0 5px #fbfbfb inset;font:14px/38px 'microsoft yahei';color:#262626;text-indent:2.85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}

.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}

@media all and (min-width:640px){

body{width:640px;margin:0 auto;position:relative;}

}

@media all and (min-width:480px) and (max-width:639px){

    .logo img{display:block; padding:31px 0 32px;}

    .searchbg{height:41px;padding:6px 0}

    .search,.text,.pages{height:39px;line-height:39px;}

    .button{width:51px;height:51px;margin:-6px -4.827% 0 0;}



    .news_right div{height:36px;line-height:36px;}

    .case1,.case2,.case3,.caselist div img{border-radius:138px;}

    .caselist div a div p{line-height:45px;height:45px;font-size:16px}

    .foot,.foot a{font-size:16px;height:66px;line-height:66px}

    .footbg{padding-top:21px;height:69px;}

    .footnav{line-height:24px;font-size:14px;}

    .support{line-height:33px;font-size:12px}

    .subtitle{height:57px;line-height:57px;}

    .more{height:42px;line-height:42px;font-size:18px;border-radius:6px;}

    .news li,.news li a{height:51px;line-height:51px;}

}

@media all and (max-width:479px){

    .logo img{display:block;padding:21px 0 22px;}

    .searchbg{height:28px;padding:6px 0}

    .search,.text,.pages{height:26px;line-height:26px;}

    .button{width:35px;height:35px;margin:-5px -4.827% 0 0;}

    .nav li{background-position: 142px 15px;background-size:7px}

    .nav li li{background-position: 162px 13px;background-size:7px}

    .nav li a{height:39px;line-height:39px;}

    .nav li li,.nav li li a{line-height:34px;height:34px;}

    .product li.li2 span,.product li.li4 span,.product li.li6 span{border-width:7px;}

    .product li.li2 span{bottom:-14px}

    .product li.li4 span,.product li.li6 span{top:-14px}

    .news_img{padding:1px}



    .news_right div{height:24px;line-height:24px;font-size:12px}

    .case1,.case2,.case3,.caselist div img{border-radius:93px;}

    .caselist div a div p{line-height:30px;height:30px;font-size:14px}

    .foot,.foot a{font-size:16px;height:45px;line-height:45px}

    .footbg{padding-top:15px;height:46px;}

    .footnav{line-height:16px;font-size:14px;}

    .support{line-height:22px;font-size:12px}

    .subtitle{height:38px;line-height:38px;}

    .more{height:28px;line-height:28px;font-size:18px;border-radius:4px;}

    .news li,.news li a{height:34px;line-height:34px;}

    .pages{border-radius:4px}

}