@charset "utf-8";*,:after,:before{-webkit-user-select:none;-moz-user-select:-moz-none;-webkit-touch-callout:none;-ms-touch-action:pan-y;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body,html{-ms-overflow-style:none !important;width:100%;height:100%;background:#fff;}
body{-webkit-text-size-adjust:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;color:#555;font-size:12px;font-size:62.5%}
input,textarea{-webkit-user-select:text;-moz-user-select:-moz-text;-moz-user-select:text}
img{border:none}
p{display:block;color:inherit}
dd,dl,dt,li,ul{list-style:none}
img{max-width:100%;border:0}
.clear{float:none;clear:both;width:0;height:0;border:0;display:block;font-size:0;background:0 0;visibility:hidden;overflow:hidden}
a{color:#555;text-decoration:none;outline:0;cursor:pointer}
a:hover{color:#0059a9;text-decoration:none;outline:0}
@font-face{font-family:"微软雅黑"}
.iconfont{font-family:"微软雅黑" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.cbtn-back,.cbtn-search{position:absolute;left:5%;top:30%;width:40px;height:27px;display:block;color:#fff;font:2.8px/2.2;text-align:center;cursor:pointer}
.cbtn-back:visited,.cbtn-search:visited{color:#fffff4}
.srch{position:absolute;left:0;top:0;z-index:99999999;width:90.625%;margin:1.5% 4.6875%;font-size:14px;-webkit-appearance:none;display:none;background:#0064a6;border-radius:5px}
.srch-txt{width:100%;border:none;color:#fff;font:.75px/2.6;text-indent:1px;border-radius:5px;background:#0064a6;cursor:pointer;-webkit-appearance:none}
.srch-txt::-webkit-input-placeholder{color:#c9e6f9}
.srch-sub{position:absolute;top:0;right:0;width:17%;height:100%;border:none;border-radius:5px;color:#c9e6f9;font:2px/1;text-align:center;background:#0064a6;cursor:pointer;-webkit-appearance:none}
.mod-slide{position:relative;visibility:hidden;overflow:hidden}
.slide-in{position:relative;overflow:hidden}
.slide-in>div{position:relative;float:left;width:100%;font-size:0;text-align:center}
.slide-in>div img{display:inline-block}
.slide-pos{position:absolute;left:0;bottom:1px;z-index:9999;width:100%;padding:1% 0 0 0;text-align:center}
.slide-pos li{width:2px;height:.2px;margin:0 .4px;display:inline-block;background:#fff}
.slide-pos li.on{background:#133169}
.slide{width:100%;margin:0 auto}
.inav{width:93.75;padding:3% 3.125% 0 3.125%;background:#bbdcf5}
.inav a{float:left;width:25%;display:block;padding-top:20%;color:#5ba1d6;font:1.38px/2.3;text-align:center;background:#fff}
.inav a:visited{color:#5ba1d5}
.inav .inavBg1{background:url(../images/nav01.jpg) center 27% no-repeat #fff;background-size:66.667%}
.inav .inavBg2{background:url(../images/nav02.jpg) center 27% no-repeat #fff;background-size:66.667%}
.inav .inavBg3{background:url(../images/nav03.jpg) center 27% no-repeat #fff;background-size:66.667%}
.inav .inavBg4{background:url(../images/nav04.jpg) center 27% no-repeat #fff;background-size:66.667%}
.footer{ bottom: 0; max-width: 640px; position: fixed; width: 100%;}
.navFoot{width:90%;margin-left:3.125%;padding-top:3.125%}
.navFoot a{float:left;width:20%;display:block;border-right:.3px solid #fff;color:#fff;font:1.38px/2.2;text-align:center;background:#79b8e8;transform:skew(35deg);-webkit-transform:skew(35deg);transform-origin:left top;-webkit-transform-origin:left top}
.navFoot a:visited{color:#fffffe}
.navFoot li:nth-child(2n) a{background:#0059a9}
.navFoot li:last-child a{margin-right:0}
.navFoot span{display:block;transform:skew(145deg);-webkit-transform:skew(145deg)}
.copy{width:100%;color:#4b4b4b;font:400 1.38px/2;text-align:center;clear:bothl}
.copy a{color:#4b4b4b}
.copy a:visited{color:#535352}
.one-touch{width:100%;background:#0261a3;background-size:100%;color:#fff;font-size:14px !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}
.one-touch a{float:left;width:25%;padding:10px 0;display:block;color:#fff;text-align:center;cursor:pointer}
.one-touch a:visited{color:#fff}
.one-touch img{margin-bottom:10px}
.one-touch a>span{display:block;font:.4px/1}
.one-touch .iconfont{font:2px/5}
#rightnav{display:none}
#pageslide{display:none;width:240px;height:100%;background:#0f2a5d;position:fixed;top:0;z-index:999999}
.rightnav{z-index:9999 !important;width:240px !important;height:100%;background:#0171bf}
.rightnav>*{padding-top:10px;width:74%;margin:0 auto;border-bottom:1px solid #005288}
.nav-in a{color:#fff;font-size:14px;text-align:center;display:block}
.nav-in a:visited{color:#fffffe}
.nav-in li{padding:10px 10px;overflow:hidden;border-bottom:1px solid #31a1ef;border-top:1px solid #005288}
.nav-in li:first-child{border-top:none}
.cbtn-nav{position:absolute;right:5%;top:40%;width:32px;height:22px;display:block;color:#fff;text-align:center;cursor:pointer}
.cbtn-nav:visited{color:#fff}
.all{min-height:630px}
@media screen and (min-width:640px){.all{width:640px;margin:0 auto;min-height:630px}
.rightnav{width:240px !important}
.afPopup{width:640px}
}
@media screen and (min-width:640px){.all{width:640px;margin:0 auto;min-height:630px}
.rightnav{width:240px !important}
.afPopup{width:640px}
}/*
@media screen and (max-width:540px){body,html{font-size:12px}
}
@media screen and (max-width:480px){body,html{font-size:12px}
}
@media screen and (max-width:420px){body,html{font-size:12px}
}
@media screen and (max-width:360px){body,html{font-size:12px}
}
@media screen and (max-width:320px){body,html{font-size:12px}
}*/
.pproPositionHeight{position:relative;width:100%;padding-top:1px}
.pproPosition{position:relative;width:33%;color:#fff;font:1.5px/1.8 Arial;transform:skew(35deg);-webkit-transform:skew(35deg);transform-origin:left top;-webkit-transform-origin:left top}
.posTitle{position:absolute;left:-10%;top:0;display:block;padding-left:25%;color:#fff;text-align:center;transform:skew(145deg);-webkit-transform:skew(145deg);background:#0059a9}
.pproclass{background:#000}
.pproClass .pproClassMenu{position:absolute;z-index:99;cursor:pointer;width:33%;right:1%;top:20%;color:#fff;font:1.4px/1.8 Arial;border-left:.5px solid #1d79cc;background:#0059a9;transform:skew(135deg);-webkit-transform:skew(135deg);transform-origin:left top;-webkit-transform-origin:left top}
.pproClass .p{position:absolute;width:32%;right:0;top:20%;z-index:999;display:block;color:#fff;font:1.4px/1.8 Arial;background:#0059a9;cursor:pointer}
.pproClass .iconfont{color:#fff;font-size:14px;line-height:24px}
.classList{position:absolute;z-index:999;right:0;min-width:50%;padding:0 2%;color:#fff;font:400 1.1px/2.2 Arial;text-align:left;background:#0059a9;display:none;top:2.8px}
.classList ul li{border-bottom:1px solid #1d79cc}
.classList ul li a{display:block;color:#fff}
.classList ul li a:visited{color:#fffffe}
#popup a{font:10px;font-weight:700;color:#fff}
.pages{padding:2% 0 2% 0}
.pages a{display:inline-block;padding:.5% 1%;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333}
.pages a.a2{background:url(../images/pages.png) no-repeat 0 5px}
.pages a:hover{background:#f1f1f1;color:#000;text-decoration:none}
.pages span{display:inline-block;padding:.5% 1%;background:#0171BF;border:1px solid #999;color:#fff;text-align:center}
.header1{position:relative;z-index:10;text-align:center;color:#0171BF;font-weight:700;font-size:20px;background:#fff;padding:3% 0 3% 0}
.header{position:relative;z-index:10;background:#fff;padding:1.8% 0 1.8% 0}
.logo{display:block;width:30%;margin:0 auto;text-align:center}
.banner{position:relative;width:100%}
.fl{padding:2.5% 0}
.fl li{float:left;width:25%;text-align:center}
.fl li p{line-height:22px;width:100%}
.fl li p a{color:#014ab4}
.fl li img{width:80%}
.jgkes{width:100%; text-align:center;margin:2.5% auto 0;line-height:40px;background:#0171bf;overflow:hidden}
.jgkes a{color:#fff; padding:10px 20px; font-size: 14px;    font-weight: bold;}



.jgkesgg { margin: 0 auto 2%; text-align: center; width: 100%;}
.jgkesgg img { width:80%;}


.j_gkes{width:100%;margin:2.5% auto 0;line-height:40px;background:#deddde;overflow:hidden}
.j_gkes span{margin-left:2%;font-size:120%;padding:0 3%;color:#555;display:block;float:left;line-height:40px}
.j_gkes a{color:#555;display:block;float:right;margin-right:2%;float:right;display:block}
.j_gkes .selectTag{background:#0368cc}
.j_gkes .selectTag a{color:#fff}

.iueor{clear:both;margin:2.5% 5% 0 5%}
.iueor li{float:left;width:50%;text-align:center;margin-top:2.5%}
.iueor li img{border:1px solid #cacbcb;margin-bottom:5%;width:92%}
.ijgek{width:100%;margin:0 auto;line-height:40px;background:#0277ca}
.ijgek .geisa{float:right;margin-right:2%}
.ijgek .geisa a{color:#fff}
.ijgek ul{overflow:hidden}
.ijgek ul .selectTag{background:#015ea1}
.ijgek ul li{padding:0 3%;float:left}
.ijgek ul li a{color:#fff}
.ijgek ul li:last-child{float:right}
.qqiwpo{width:100%;position:relative;margin:2.5% auto 0}
.qqiwpo .gei_yu{background:#0171bf url(../images/jia_o.jpg) no-repeat;color:#fff;cursor:pointer;float:right;line-height:36px;padding-left:5%;text-align:center;width:21.5%}
.qqiwpo ul{display:none;overflow:hidden;position:absolute;right:0;top:37px;width:21.5%}
.qqiwpo ul li{background:#0171bf;border-bottom:1px solid #fff;line-height:35px;text-align:center;width:100%}
.qqiwpo ul li a{color:#fff}
.about{line-height:28px;padding:2%; font-size:12px;}
.more{background:#e3e3e3;text-align:center;line-height:40px;width:96%;margin:0 auto}
.pro{clear:both;padding-bottom:2.5%}
.pro li{float:left;width:50%;text-align:center;margin-top:2.5%}
.pro li img{margin-bottom:5%;width:85%; border-radius:2px; border:1px solid #dddcdc}
.newsT{background:url(../images/newT.jpg) no-repeat top center;background-size:60%;font-size:18px;text-align:center;font-weight:700;margin:15px auto;padding-bottom:20px}
.news{padding:0 1.5% 2.5% 1.5%}
.news li{border-bottom:1px dashed #b0b0b0;clear:both;height:36px;line-height:36px;padding:0 1% 0 1%}
.news li a{float:left;background:url(../images/ico.jpg) no-repeat 0 17px;padding-left:1%;font-size:12px;}
.news li span{float:right}
.case{clear:both;padding-bottom:2.5%}
.case li{float:left;width:50%;text-align:center;margin-top:3%}
.case li img{width:92%;border:1px solid #e6e4e4;}
.foot{background:#0171bf;line-height:24px;font-size:12px;text-align:center;color:#fff;padding: 2% 0 25%;}
.foot a{color:#fff}
.foot a:hover{color:#ddd}
.page{padding:2%;line-height:30px;min-height:500px}
.share{min-height:505px}
.showT{text-align:center;padding:1%;border-bottom:1px dashed #d2d2d2}
.showT h4{margin-bottom:2%;padding:2%;font-size:14px}
.show{padding:2%;line-height:30px;min-height:500px}
.red{color:red}
.list{padding:2.5% 1.5% 2.5% 1.5%}
.list li{border-bottom:1px dashed #b0b0b0;clear:both;height:36px;line-height:36px;padding:0 1% 0 1%}
.list li a{float:left;background:url(../images/ico.jpg) no-repeat 0 17px;padding-left:1%}
.list li span{float:right}
.list_pro{clear:both;padding:2.5% 0}
.list_pro li{float:left;width:50%;text-align:center;margin-top:2.5%}
.list_pro li img{margin-bottom:5%;width:92%}
.list_case{clear:both;padding:2.5% 0}
.list_case li{float:left;width:50%;text-align:center;margin-top:2.5%}
.list_case li img{border:1px solid #555;margin-bottom:5%;width:92%}





.kjf_dd { width:100%; padding:2% 0;}
.kjf_dd ul { width:100%;}
.kjf_dd ul li { width:100%; margin-bottom:2%;}
.kjf_dd ul li .dd_le { width:40%;float:left; margin-left:2%;}
.kjf_dd ul li .dd_le img { max-width:100%;width:100%;}
.kjf_dd ul li .dd_re { width:53%;float:right; margin-right:2%;}
.kjf_dd ul li .dd_re h2 { width:100%;line-height:25px;}
.kjf_dd ul li .dd_re h2  a{ color:#555;font-size:12px;}
.kjf_dd ul li .dd_re p{ line-height:25px;}