@charset "utf-8";
/* CSS Document */
body{ max-width: 480px; height:auto; margin:0 auto !important;font-family:"Microsoft Yahei"; color:#333; font-size:14px; font-weight:none;}
body,table,form,p,dl,dt,dd,h1,h2,h3,div,dl,dt,dd,td,th,ul,li{margin:0;padding:0; list-style:none;}
img{ border:0px; vertical-align: middle;}
.clear{ clear:both;}
a{ text-decoration:none;}
a:hover{ cursor:pointer;}

.inbansemnlist{ width: 100%; height: auto; text-align: center; background: #0048AF;}
.inbansemnlist li{ display: inline-block; border-bottom: 1px solid #fff;border-left: 1px solid #fff; vertical-align: top;}
.inbansemnlist li a{ width: 100%; display: block; color: #fff; text-align: center; line-height: 35px; font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0px;}
.inbansemnlist li:nth-child(1),.inbansemnlist li:nth-child(5){ border-left: 0px;}
.inbansemnlist .inbanxm4{ width:calc(25% - 1px);}
.inbansemnlist .inbanxm3{ width:calc(33.3333% - 1px);}
/*common*/
.inavl li,.wfooter,.page a{ background-color:#0048AF;}/*首页栏目背景、首页导航、底部*/
.slide_nav{background:#0048AF no-repeat center center;}/*banner箭头*/
.plist li p{background:#f5f5f5; border:1px solid #f5f5f5;}/*产品标题*/
.inaboutitle p,.indextab .on,.fup i,.innernav{ color: #0048AF;}/*关于我们标题，新闻选中字体，回到顶部颜色*/
.innavul{border-bottom:2px solid #0048AF;}
.fup{border:2px solid #0048AF;}/*回到顶部边框*/
.itelbox,.aboutmore,.wnewslist .date .more { background: #C10001;}/*首页电话,关于我们更多,新闻中心更多*/
.allnav{border-bottom: 3px solid #0048AF;}/*底部所有导航顶部边框*/

/*header*/
.top{ width: 100%; height:auto; background: #fff; text-align: center; position: fixed; top:0px; left: 0px; z-index:99999; border-bottom: 1px solid #f1f1f1; padding: 5px 0px;}
.top .logo{ display:block;padding: 0px !important; margin: 0px !important; float: left;}
.top .logo img{ max-width: 100%; max-height: 55px; padding: 0px; margin: 0px; vertical-align: middle; margin-left: 10px;}
.facenter{ width:50px;height:55px; line-height:55px;font-size: 30px !important; float: right; color: #0048AF;}
.tphead{ width: 100%; height:70px;}

/*首页nav*/
.inavlcomx li{width: 23%; height:35px; line-height: 35px; color: #fff; text-align: center; font-size: 1.1em; float: left; margin:0px 1% 7px 1%; border-radius: 2px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inavlcomx li a{ color:#fff; font-size: 14px;}
.barkulli li{ background: #00519a;}

.inavl{ width: 100%; height:auto;margin: 0px;}
.inavl li{ width: 29.333%; height:35px; line-height: 35px; color: #fff; text-align: center; font-size: 1.1em; float: left; margin:0px 2% 7px 2%; border-radius: 2px;}
.inavl a{ color:#fff;}
/*.inavl li:nth-child(3){ height:77px; line-height:77px;}*/
/*All nav*/
.allnav{ width:100%;height: auto; background-color:rgba(254,254,254,0.98);position: fixed; top:66px;left:0px; z-index:999999; padding-top:10px;display: none; }
.allnav ul{ width:100%; height:auto;padding: 0px 10px; border-bottom:2px solid #f2f2f2;}
.allnav li{ width: 31%; height:35px; line-height: 35px; float: left; text-align: center; margin: 5px 1.11%;}
.allnav li a{color:#666;font-size:15px;}
.closenav{width:100%;height:49px; line-height:40px; text-align: center; display: block;font-size:40px; color:#777; font-weight: 100; font-family: "arial, helvetica, sans-serif";}
/*banner*/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block; float: left;}
.rslides img {display: block;height: auto;width: 100%;border: 0;}
.slide_container {position: relative;width: 100%;}
.slide{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li{position: absolute;width:100%;left:0;top:0;}
.slide img{display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;font-size:15px;color: #333;text-align: center; height: 30px; line-height: 30px; background: #f1f1f1; padding: 0px 5px;}
.caption b{ float: left;}
.caption span{ float: right;}
.slide_nav{position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top:50%;left: 0;opacity: 0.7;z-index:3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 40px;width:25px; margin-top: -20px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.prev {right: auto;background-image:url("../images/themesl.png");left: 0;}
.slide_nav.next {left: auto;background-image:url("../images/themesr.png");right: 0;}
/*banner*/
.container{ padding: 10px; background: #fff;}
.itelbox{width:92.5%;height:30px;line-height:30px; margin:0 auto;text-align:center;font-size:19px;display: block;color: #fff;border-radius:10px; vertical-align: middle; font-family: "arial, helvetica, sans-serif"; font-style: oblique;}
.itelbox i{ height: 30px; line-height: 30px; padding-right: 10px; font-size: 21px; vertical-align: center;}

/*indextitle*/
.indtitle{height: auto; clear: both; overflow: hidden; padding:9px 8px; height:auto;height:18px; line-height:18px; background: #f1f1f1;}
.indtitle p{ width: 50%; float: left; color:#333;font-size:16px; font-weight:bold;}
.indtitle i{ padding-right: 6px; font-size: 18px;}
.indtitle a{ width:35%;float: right;color: #C10001;display: block; text-align: right; font-size: 13px;}
.newtavtitle{ padding:0px 8px 0px 8px; height: auto; line-height:36px;background: #0048AF !important;}
.newtavtitle a{ color: #fff;}
.indextab{height:auto; float: left; margin-top:5px;}
.indextab p{ width:auto;height:32px;line-height:32px;text-align:center;cursor: pointer; font-size: 15px; padding: 0px 10px;}
.indextab .on{background: #FFF;border-top-right-radius: 2px;border-top-left-radius: 2px;}

/*关于我们*/
.inaboutitle{width: 100%; height: 30px; line-height: 30px; text-align: center; position:relative; margin-top:10px;}
.inaboutitle p{ width:120px; margin: 0 auto; background: #fff;position:relative; z-index:2222; font-size:19px;}
.inaboutitle b{ width: 100%; height:2px; display: block; background: #999; position: absolute; top:14px; z-index:1;}
.iabox{width:100%; height: auto; font-size: 13px; color: #666; padding-top:10px; line-height: 24px;}
.iaboutimg{ width: 100%; border-radius:3px; margin: 5px 0px;}
.iaboxfont{text-indent:1.5em; padding: 5px 0px; text-align: justify;}
.iaboxfont img{ max-width: 100%;}
.aboutmore{ width: 110px; height: 30px;line-height:30px;display: block; text-align: center; color: #fff; margin: 0 auto;}
.aboutmore span{font-size: 15px;}
.aboutmore i{font-size: 17px;}

/*产品中心*/
.plist{ width: 100%;}
.plist li{width:48%;height: auto; float: left; margin: 10px 1% 0px 1%;text-align: center;}
.plist li img{max-width:100%;height:auto !important; border:1px solid #dedede;}
.plist li p{ width:100%;height:28px;line-height:28px;text-align:center;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  margin-top: 0px;}

.plists{ width: 100%;}
.plists li{width:48%;height:auto;float:left;background:#f1f1f1;margin:10px 1% 0px 1%; text-align: center;}
.plists li img{ max-width: 100%;}
.plists li p{ padding:0px 5px;height:28px;line-height:28px;text-align:center;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.wappromencname{text-align: center; margin-bottom: 5px; }
.wappromencname a{line-height: 30px; background: #0048AF; color: #fff; font-size: 20px; text-align: center; border-radius: 2px; padding: 0px 15px; min-width: 120px; display:inline-block;}
.comprlst{ border:1px solid #dedede; margin:10px;}
.comprlst li{ border-top:1px dashed #dedede;padding:5px;}
.comprlst li:nth-child(1){ border: 0px;}
.conibotbox .conibotboximg{ width: 100%; height: auto; background: #f1f1f1;}
.conibotbox p{ font-size: 15px; color: #555; line-height: 35px; font-weight: bold;}
.conibotbox span{ font-size: 13px; color: #888;}
.conibotbox a{display: block;width:90px; height:25px;line-height: 25px;text-align: center;color: #fff;background: #C10001;border-radius: 14px;letter-spacing:1px; margin:5px auto;}
/*新闻列表*/
.newconbox{ width: 100%; height: auto;}
.newconbox .on{ display: block;}
.newconbox ul{ display: none;}
.wnewslist{ width: 100%; height: auto;}
.wnewslist li{width:100%; height: auto; border-bottom: 1px solid #dedede; padding:5px 0px;}
.wnewslist li a{width:100%;height:30px;line-height:30px; display:block;color:#666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;font-size: 15px;}
.wnewslist li a i{ padding-right: 5px;}
.wnewslist li span{ font-size:14px;line-height:20px;color:#777;display:block;text-indent:10px;}
.wnewslist .date{ width: 100%;height:25px;overflow: hidden; clear: both;}
.wnewslist .date span{font-size:14px;line-height:30px;color:#888;float:left;font-style: oblique; text-indent:0px;}
.wnewslist .date .more{width:60px;height:25px; line-height: 25px; text-align: center; color: #fff; display: block; font-size: 13px;float: right; border-radius:5px;}


/*footer*/
.tpfoot{ padding-bottom: 50px;}
.fup{ width: 30px; height: 30px; line-height: 38px; text-align: center;position: fixed; bottom:53px; right: 3px; z-index:9999;display: block; background: #fff; border-radius:6px;display:none;}
.fup i{ font-size: 25px;}

.wfooter{ width: 100%; height: auto;position: fixed; bottom:0px; left: 0px; z-index: 9999; padding: 3px 0px;}
.wfooter ul{ width: 100%; height:auto; overflow: hidden;}
.wfooter ul li{ width: 25%; height: auto; float: left; text-align: center; }
.wfooter ul li a{font-size: 13px; display: block; color: #fff; height: 44px;line-height:44px;}
.wfooter ul li i{ display: block; height: 44px; font-size: 30px;line-height: 44px; vertical-align: middle;}

/**内页**/
.innerbox{ width: 100%; height: auto; line-height: 23px; font-size: 14px; color: #666; text-align: justify;}
.innerbox img{ max-width:100% !important;height: auto !important;}
/*面包屑+菜单*/
.innermenu{height:30px;padding: 0px 5px; position: relative; background: #f1f1f1;}
.inerposition{ width: 80%; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height: 30px !important; line-height: 30px !important; vertical-align: middle;color: #888;font-size: 13px;}
.inerposition a{font-size: 13px;color: #888; height: 30px !important; line-height: 30px !important;}
.navover{max-width:72px;display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0px; vertical-align: top; padding: 0px 1px;}
.innernav{ width: 30px; height: 30px; line-height: 30px; font-size:23px;float:right; text-align: right; }
.innavul{width: 100%; display:none; height: auto;background-color: rgba(255,255,255,0.96);position:absolute;top:30px; right: 0px;z-index: 999999;}
.innavul li{ width:100%; border-top: 1px solid #f1f1f1;}
.innavul li a{ width: 70%; float: left; padding:0px 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 32px; color: #666; font-size: 14px;}
.innavul li i{ width: 30px; height: 32px; line-height: 32px; float: right; text-align: center;}
.innavul li ul{ width:100%; display:none; height: auto;}
.innavul li ul li{ border: 0px; width: 30%; margin:0px 1.666% 5px 1.666%; text-align: center; float: left; border-bottom: 1px dashed #f1f1f1;}
.innavul li ul li a{ color: #777;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 13px;}
/*视频列表*/
.videolist{ padding: 0px 10px;}
.videolist li{ width: 100%; height: auto; margin-bottom: 12px;}

/*分页*/
.page{width: 100%; height: auto; text-align: center; padding:15px 0px 30px 0px;}
.page a{height: 30px;line-height: 30px;display:inline-block; color: #FFF; border-radius:2px;padding:0px 10px; display: none;}
.current{display:inline-block;height: 30px;line-height: 30px;border-radius:2px;padding:0px 10px;color: #666;}
.totalfont{ display: none;}
.paprev{ float: left; display: block !important;}
.panext{ float: right;display: block !important;}

.wadettitle{ width: 100%;height:auto;line-height:30px; padding: 10px 0px; font-size: 16px; color: #333; text-align: center;}

.wdetbot{width: 100%; height: 30px; line-height: 30px; color: #888; font-size: 13px; padding-top: 10px;}
.wdetbot .date{ float: left;}
.wdetbot .date i{ height: 30px; line-height:26px; font-size: 16px; vertical-align:middle;}
.wdetbot .click{ float: right;}

.prevnext{width: 100%; height: 30px; line-height: 30px; color: #888; font-size: 13px; padding: 10px 0px 25px 0px;}
.prevnext a{ color: #666; font-size: 15px;}
.prevnext a:nth-child(1){ float: left;}
.prevnext a:nth-child(2){ float: right;}

.wapnone{ display:none;}
.wapblock {width: 100%!important;display:block;}

/*bark*/
.barktitle{ font-size: 18px; font-weight:bold; text-align: center; color: #00519a; line-height: 35px;}
.barktalink{ width: 100px; height: 32px; line-height: 32px; border:1px solid #00519a; color: #00519A; text-align: center; display:block; margin: 10px auto; text-indent:0px; padding: 0px 10px;}
.brakermcon{ background:#0d519a; color: #fff; padding: 10px; text-align: center;}
.brakermcon p{ line-height: 35px; text-align: center; font-size: 20px;}
.brakermcon span{ line-height: 23px;}

/*kol*/
.kolulli li{ background:#313131;}
.kolfoot{background:#238cce;}
/*cap*/
.capulli li{ background: #1c522c;}
.capfoot{background:#1c522c;}
.capindtitle{height: auto; clear: both; overflow: hidden; padding:9px 8px; }
.capindtitle p{ width: 50%; float: left; color:#fff;font-size:17px; font-weight:bold; line-height: 30px;}
.capindtitle i{ padding-right: 6px; font-size: 18px;}
.capindtitle a{float: right;color: #fff;display: block; text-align: right; font-size: 13px; border:1px solid #fff; border-radius: 3px; padding: 5px 10px;}
.caplist li p{ background: #FFF !important; color:#1c522c !important; line-height: 35px !important; font-size: 15px !important; height: 35px !important;}

.capindtitlex{height: auto; clear: both; overflow: hidden; padding:9px 8px; }
.capindtitlex p{ width: 50%; float: left; color:#1c522c;font-size:17px; font-weight:bold; line-height: 30px;}
.capindtitlex a{float: right;color: #1c522c;display: block; text-align: right; font-size: 13px; border:1px solid #1c522c; border-radius: 3px; padding: 5px 10px;}

/*nikui*/
.nikulli{ margin-top: 10px;}
.nikulli li{ background:#3d8bd4;}
.nikfoot{background:#3d8bd4;}
.nikindtitle{height: auto; clear: both; overflow: hidden; border-bottom: 2px solid #dedede;}
.nikindtitle p{ width: 50%; float: left; color:#555;font-size:17px; font-weight:bold; line-height: 30px;}
.nikindtitle a{float: right;color: #555;display: block; text-align: right; font-size: 13px; border:1px solid #fff; border-radius: 3px; padding: 5px 10px;}

/*wika*/
.wikamenup{ width: 100%; height: auto; text-align: center;}
.wikamenup li{ display: inline-block; background:#094f9d; margin: 5px 3px; border-radius: 2px;}
.wikamenup li a{ display: block; padding: 0px 7px; height: 30px; line-height: 30px; color: #fff;}

.shuipennav{ width: 100%; height: auto; text-align:center;}
.shuipennav li{ width:29.333%; height:auto; display: inline-block; background: #f1f1f1; margin:10px 1%; padding:1%; border-radius: 3px;}
.shuipennav li img{ width: 100%;}
.shuipennav li p{ text-align: center; background: #fff; line-height: 18px; color: #333; font-size: 14px; padding: 5px 0px;}
.shuipennav li span{ display: block;}
/*ari*/
.ariulli li{ background: #00A3DA; }
.aboutari{ margin: 10px; padding: 10px;}
.ariindtitle{height: auto; clear: both; overflow: hidden; padding:9px 8px; height:auto;height:18px; line-height:18px;}
.ariindtitle p{ width: 100%; color:#C10001;font-size:16px; font-weight:bold; text-align: center;}
.ariindtitle a{ width:35%;float: right;color: #C10001;display: block; text-align: right; font-size: 13px;}

/*ayavz*/
.ayaxtop{ width: 100%; line-height: 28px;height: 28px; color: #fff; background: #333;}
.tpheadacs{ width: 100%; height:90px;}
.ayazindtitle{ width: 100%; background: #609ddb; height: 50px; line-height: 50px;}
.ayazindtitle p{ color: #fff; text-indent: 10px; font-size: 20px;}
.wayvazlist{ width: 100%; height: auto;}
.wayvazlist li{width:100%; height: auto; border-bottom: 1px dashed #dedede; padding:5px 0px;}
.wayvazlist li a{ display: block;}
.wayvazlist li img{ width: 100px; height: 80px; float: left;}
.wayvazlist li .ayavzright{ width: calc(100% - 110px); float: right;}
.wayvazlist li .ayavzright p{width:100%;height:25px;line-height:25px; display:block;color:#666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;font-size: 14px;}
.wayvazlist li span{ font-size:13px;line-height:15px;color:#999;display:block; height: auto;}
.wayvazlist li b{ padding: 1px 10px; background: #609ddb; color: #fff; border-radius: 3px; font-size: 13px;font-weight:normal; margin-top:4px; display:inline-block;}

/*crosby*/
.crosbx{ width: 100%; text-align: center;}
.crosbx a{ line-height: 30px; width:29.333%; height:auto; display: inline-block; background: #00aa7e; margin:10px 1%;border-radius: 3px; color: #fff;}
.crosplists{ width: 100%; height: auto; text-align:center;}
.crosplists li{ width:48%; height:auto; display: inline-block; background: #f1f1f1; margin:10px 1%; border-radius: 3px;}
.crosplists li img{ width: 100%;}
.crosplists li .virabox{ background: #f1f1f1; padding: 10px;}
.crosplists li p{ text-align: left; line-height: 17px; color: #333; padding: 5px 0px; text-align: center; overflow: hidden; }
.crosplists li span{ font-size: 13px; color: #999;}
.crosplists li b{ display: block; color: #999; text-align: left;font-size:20px; text-align: center;font-weight: bold;}
/*vira*/
.viraabout{ background: #f7f7f7; padding: 10px;}
.viralink{width: 100px;
    display: block;
    border: 2px solid #277DBA;
    color: #277DBA;
    margin: 0 auto;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;}
.viraplists{ width: 100%; height: auto; text-align:center;}
.viraplists li{ width:48%; height:auto; display: inline-block; background: #f1f1f1; margin:10px 1%; border-radius: 3px;}
.viraplists li img{ width: 100%;}
.viraplists li .virabox{ background: #f1f1f1; padding: 10px;}
.viraplists li p{ text-align: left; line-height: 18px; color: #333; font-size: 14px; padding: 5px 0px; overflow: hidden;}
.viraplists li b{ display: block; color: #277DBA; text-align: left;font-size: 12px;}

/*madas*/
.madasulli{background:#313131;}
.madasulli li{background: url(../../images/madasnavicon.jpg) no-repeat left center; margin: 0px 1% !important;}
.madasfoot{background:#313131;}
.madasbox{border: 1px solid #666; margin: 10px;}
.madasboxa{ padding:8px;}
.madastitle{height: auto; clear: both; overflow: hidden; background: #CC0000;}
.madastitle p{ width: 50%; float: left; color:#fff;font-size:17px; font-weight:bold; line-height: 30px; text-indent: 5px;}
.madastitle a{float: right;color: #fff;display: block; text-align: right; font-size: 13px;  border-radius: 3px; padding: 5px 10px;}
.madastitlex{height: auto; clear: both; overflow: hidden; background: #333;}
.madastitlex p{ width: 50%; float: left; color:#fff;font-size:17px; font-weight:bold; line-height: 30px; text-indent: 5px;}
.madastitlex a{float: right;color: #fff;display: block; text-align: right; font-size: 13px;  border-radius: 3px; padding: 5px 10px;}
.madasplist{ width: 100%; padding: 5px 0px;}
.madasplist li{width:calc(48% - 2px);height: auto; float: left; margin:5px 1%;text-align: center; border:1px solid #dedede}
.madasplist li img{max-width:100%; width:100%;height:auto !important; }
.madasplist li p{ width:100%;height:28px;line-height:28px;text-align:center;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  margin-top: 0px; background: #f1f1f1;}