@charset "UTF-8";
/* Style Reset */
*{margin:0; padding:0;list-style:none;}
.clear { clear:both; }.fr{ float:right}.fl{ float:left}
body{color:#217fbb;font-family:; width:100%;}
a{text-decoration:none;outline:0px;  color:#0173ff;font-family:}
 /* header */
.wrap{ margin:0 auto; width:100%; max-width:640px; position:relative;overflow:auto; overflow-x:hidden;background:#fff}
.padding20{ margin:0 3% 4%;float:left;width:94%;padding-top:3%; text-align:justify; line-height:180%; min-height:300px}
.content{ float:left;width:100%;background:#FFF;}
.header{ float:left;width:100%; min-height:35px; background:#0173ff; border-bottom:3px solid #509fff}
.logo{ float:left; width:75%;text-align:center; }
.logo img{ width:100%;}
.menu_but{ float:right; display:block;text-align:right;width:13%;min-width:35px; color:#fff; max-height:45px; text-align:center;}
.menu_but a{ float:left;width:100%; text-align:center; color:#2a314b;min-width:40px;}
.menu_but a img{ width:100%;}
#modal { display:none; }
#pageslide { display:none;background:#000;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#fff;font-size:14px;text-align:left; float:left; border-bottom:1px solid #2a2a2a;}
.navli a:hover{ background:#000;}
/*index*/
.banner{ float:left; width:100%;}
.banner img{ display:block; width:100%;}
.search{float:left; width:100%; padding:2% 0;background:#6aadff;}
.searchmain{ margin:0 auto;width:77%;overflow:auto;}
.search_txt{ float:left; padding-left:2%;width:87%; border:0; border-radius:16px; min-height:30px;background:#fff;color:#c5c5c5; font-family:;}
@media all and (max-width:470px){
.search_txt{width:82%;}
}
.pronav{float:left; width:100%;}
.pronav a{float:left; position:relative; overflow:hidden;}
.pronav a img{float:left; display:block; width:100%;}
.pronav a p{ position:absolute;float:left; font-size:1.1em;color:#abd0ff; font-weight:bold;}
.pro1{ width:25.9%;}
.pro2{ width:38.59%;}
.pro3{ width:35.4%;}
.pro4{ width:33.2%;}
.pro5{ width:38.75%;}
.pro6{ width:27.9%;}
.pro2 p{ width:70%; padding-top:25%;padding-left:30%; text-align:center;}
.pro3 p{ width:90%; padding-top:20%;padding-left:10%;}
.pro4 p{ width:90%; padding-top:30%; text-align:right;padding-right:10%;}
.pro5 p{ width:50%; padding-top:20%;padding-left:50%;}
.pro6 p{ width:100%; padding-top:30%; text-align:center}

.title_i{float:left; width:100%;padding:2% 0; background:#d3e7ff;}
.title_i span{float:left;margin-left:3%;  padding:1% 0; color:#0173ff; font-weight:bold; font-size:1.2em; }
.search_but{ float:right;width:35px; padding:0; border:0;height:32px;background:url(img/search_but.png) no-repeat top center; background-size:80%; }
.product{float:left;width:100%;padding:3% 0; }
.product ul{float:left;width:100%; }
.product li{ float:left; width:31%; margin-left:1.7%;  margin-bottom:1.7%; border:1px solid #fff; background:#fff; padding:3px 3px 0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.product li div{ width:100%; float:left; }
.product li img{width:100%;display:block; float:left;}
.product .protxt{width:100%; float:left;text-align:center;color:#000; line-height:1.8;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:; font-size:14px;}
.promore,.promore a{width:100%; float:left; text-align:center; color:#519eff; background:#e6f1ff; line-height:3;}
.promore{ margin-bottom:3%;}
.news{ float:left;width:100%; background:#fff; padding-top:2%;}
.news ul li{float:left; width:100%;  border-bottom:1px solid #cecece; }
.news ul li a{float:left; width:90%; line-height:3.5; padding:0 4% 0 3%; background:url(img/newsico.png) no-repeat center right; background-size:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666;}
.proimg{ float:left; margin-bottom:2%;}
/* footer */
.footnav{ float:left;width:100%; background:#cae2ff;}
.footnav ul{ float:left; width:97%; padding:3% 0 0% 5% ; }
.footnav ul li{ float:left; margin-right:-3.8%;position:relative; text-align:center; padding:2% 0 5%; padding-right:7%;text-align:left; color:#6ec59d; width:22.6%;  /* border-radius:20px;background:#fff;*/
background:url(img/footnav.png) no-repeat center left; background-size:100%;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.footnav a{ color:#94c1f8; float:left; width:100%; text-align:center;}
.foottxt{ float:left; width:100%;color:#919191;font-size:11px; text-align:center; padding:2% 0;}
.foottxt a{ color:#919191;  }
.footer{float:left;width:100%;padding:1% 0;font-size:1em; background:#0173ff;}
.footer ul{float:left;width:93.75%; padding:0 3.125%;}
.footer ul li{float:left; width:25%; padding:2% 0 1%; border-right:1px solid #5da6ff;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.footer ul li a{float:left;min-height:20px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:26%; min-width:20px; margin-bottom:3px; vertical-align:middle}
/*product*/
.center{ text-align:center; width:100%;}
.center img{margin:3% 0;padding:1%;}
/*news*/
.more{ border:1px solid #ccc; float:left; border-radius:6px;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:-webkit-linear-gradient(top,#fff,#e3e3e3);background:-moz-linear-gradient(top,#fff,#e3e3e3);background:linear-gradient(top,#fff,#e3e3e3); float:left; width:93.75%; margin:3% 3.125%; text-align:center;}
.more a{  color:#333; float:left; width:100%; line-height:2;}
.newslist{ float:left;width:100%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%; margin-bottom:1px;}
.newslist ul li a{float:left; width:93%; font-size:1em; border-top:1px solid #fff; line-height:2.5; padding:0 4% 0 3%;
background:-webkit-linear-gradient(top,#fff,#e3e3e3);background:-moz-linear-gradient(top,#fff,#e3e3e3);background:linear-gradient(top,#fff,#e3e3e3);}
.newslist ul li a:hover{ 
background:-webkit-linear-gradient(top,#e7e7e7,#d6d6d0);background:-moz-linear-gradient(top,#e7e7e7,#d6d6d0);background:linear-gradient(top,#e7e7e7,#d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(img/newslist.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*view*/
.view_title{text-align:center; width:96%;float:left; padding:4% 2% 3%;font-size:1.2em; font-weight:normal; color:#fff; font-family:;border-bottom:1px solid #99c7ff; font-weight:bold;}
.foot_t{ margin-top:2%;float:left;  width:94%; padding:0 3%;line-height:2.5; border-radius:14px;background:#fff}
.pagenum{ padding:0 5%; float:left; color:#ff467a; text-shadow:1px 0 0 #fff;}
.foot_t .fl img{ vertical-align:middle; }
.foot_t .fl a{ float:left;}
.foot_t .fl{ width:70%;}
.pagetop{ float:left;width:70%; }
.pagetop a{ float:left;width:100%;color:#0173ff; }
.foot_t .pagetop img{ vertical-align:middle; margin-right:2%; width:3%;}
.viewback{ margin:0 auto; width:20%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:1em;width:100%; text-align:center; color:#ff467a; padding:1% 0;text-align:center; border-radius:8px;background:#fff;}
.productnav { float: right;font-family: ; position:relative;margin-right: 3%;width: 30%; text-align: right; color: #0173ff;}
.productnav p{ float:right;border-radius:16px; padding:1% 4%; color:#0173ff;background:url(img/select.gif) no-repeat  95% center #fff; background-size:12%; padding-right:10%; line-height:2;}
.productnav img { vertical-align: middle; margin-top: -2px; margin-left: 2px; width: 14%; }
.view_menumain { right:0; float: right;width: 130px; padding: 2px 0px 0px;display: none; position: absolute; z-index: 10; }
.view_menumain a { float: left; width: 100%; text-align: center; line-height: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #fff; background: #0173ff; font-size: 14px; color: #fff; }
.view_menumain a:hover { background: #6aadff; color: #000; }
.searchnull{ float:left; width:100%; text-align:center; color:#333; padding:8% 0;}
.searchnull font{ color:#f00; }
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:13px;}
}