@charset "utf-8";
/* Style Reset */
body{color:#a2add7; font-family:Arial, Helvetica, sans-serif;width:100%;font-family:微软雅黑}
*{margin:0; padding:0;list-style:none;}
a{text-decoration:none;outline:0px; color:#a2add7; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;background:#b7d4ec; }
.padding20{ padding:2% 2% 4%;float:left; color:#07345b;width:96%; text-align:justify; line-height:180%; min-height:300px;}
.content{ float:left;width:100%; background:#fff; margin-top:-2%; box-shadow:0 3px 3px #a2c1d9; overflow:hidden;}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; min-height:35px; background:-webkit-linear-gradient(top,#fff 60%,#d8e6f1);background:-moz-linear-gradient(top,#fff 60%,#d8e6f1);background:linear-gradient(top,#fff 60%,#d8e6f1);}
.logo{ float:left; width:50%; text-align:center; }
.logo img{ width:100%;}
.menu_but{ float:right;display:block;text-align:right;width:18%;min-width:42px; color:#fff; text-align:center;}
.menu_but a{ float:left;width:100%; text-align:center; color:#2a314b;min-width:40px;}
.menu_but a img{ width:100%;}
/*index*/
.search{float:left; display:none; width:100%; background:-webkit-linear-gradient(top,#fff,#d8d8d8);background:-moz-linear-gradient(top,#fff,#d8d8d8);background:linear-gradient(top,#fff,#d8d8d8);}
.searchmain{float:left;width:93.75%; padding:2% 3.125%;}
.search_txt{ float:left; padding-left:2%;width:77%; border:1px solid #c1d2e3; border-radius:16px; min-height:30px;background:#fff;color:#979797; font-family:微软雅黑;box-shadow:1px 2px 0px #e0e8f0 ;}
@media all and (min-width:640px){
.search_txt{width:88%;}
}
.search_but{ float:right;width:35px; padding:0; border:0;height:32px;background:url(../images/search_but.png) no-repeat top center; background-size:80%; }
.searchimg{ float:left; font-size:1.2em; text-align:center; margin-top:5%; color:#9edd08; width:100%; padding:6% 0 13%;background:url(../images/search.jpg) no-repeat center left; background-size:100%;}

.menu{ float:left; position:relative; width:100%;background:url(../images/menu.jpg) no-repeat top center; background-size:100% 100%; }
.nav_bar{ width:72%; padding-top:3%;position:absolute; height:94%; float:left;} 
.nav_barmain{width:100%; position:absolute; height:87%; background:url(../images/nav_bar.png) no-repeat   center; background-size:60% ;}
.navimg1{ position:absolute; top:0;text-align:center; width:100%; float:left; display:none;}
.navimg4{ position:absolute; bottom:0; text-align:center; width:100%; float:left; display:none;}
.navimg2{ position:absolute; left:0;top:38%; float:left; width:100%; display:none;}
.navimg3{ position:absolute; right:0; text-align:right; top:38%; float:left; width:100%; display:none;}
.nav_barmain img{ width:20%; min-width:50px;}


.nav{width:26%; padding:8% 1% 20%; float:right; }
.nav li{ margin-top:14%; box-shadow:0 3px 5px #a5c4e1; background:#fff; border-radius:10px; text-align:center; border:1px solid #f00;border-radius:20px; border:1px solid #c9e5f0; padding:1%; background:-webkit-linear-gradient(top,#fff,#d8e6f2);background:-moz-linear-gradient(top,#fff,#d8e6f2);background:linear-gradient(top,#fff,#d8e6f2);}
.nav li a{ color:#14416e; line-height:2;text-align:center;}
.content .product{ background:none;}
.product{float:left;width:100%;position:relative; padding-bottom:2%; background:#fff;}
.product ul{float:left;width:100%; margin-bottom:4%;}
.product li{ float:left; width:31%; margin:2% 0 0; margin-left:1.9%; border:1px solid #b8d4ec; background:#65b00d; padding:3px;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:98%; float:left;text-align:left;color:#fff; padding:1% ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.proimg{ float:left; margin-bottom:1%;}
.promore{ position:relative;width:100%; float:left; text-align:center;}
.promore a{ position:absolute;width:100%; left:0;}
.promore span{ text-align:center; width:26%; background:#fff; border-radius:20px; color:#14416e; border:1px solid #c9e5f0; padding:1%; background:-webkit-linear-gradient(top,#fff,#d8e6f2);background:-moz-linear-gradient(top,#fff,#d8e6f2);background:linear-gradient(top,#fff,#d8e6f2);}

.news{ float:left;width:100%;background:url(../images/news.gif) no-repeat center top; background-size:100% 100%;}
.news ul{  padding-left:5.6%;float:left;width:94.4%;}
.news ul li{float:left; width:96%; margin-bottom:5%; padding-left:4%;background:url(../images/news_l.png) no-repeat left top; background-size:4% 100%;}
.news ul li a{float:left; max-width:90%; line-height:2; padding:0 4% 0 3%; background:#fff; background-size:2%; color:#000; border-radius:6px; box-shadow:5px 4px 0 #9cbed8 }
.news font{ color:#ff5a00; float:right;}
.news ul li span{ color:#38547a; float:left; width:55%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news em{ color:#92a4c0; font-style:normal; float:left;}
.newsmore,.title{padding-left:5.6%;float:left;width:94.4%;}
.newsmore a,.title p{float:left; width:96%; margin-bottom:5%; padding-left:4%;background:url(../images/news_l2.png) no-repeat left top; background-size:4% 100%;}
.title p{ width:50%;padding-left:4.3%;background:url(../images/news_l2.png) no-repeat left top; background-size:8% 100%;}

.newsmore a span,.title p span{float:left; max-width:90%; line-height:2; padding:0 4% 0 3%; background:#f37800; background-size:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; border-radius:6px; box-shadow:5px 4px 0 #9cbed8 }
/* footer */
.footnav{ float:left;width:100%; background:#b7d4ec; padding-top:3%; margin-bottom:60px;}
.footnav ul{ float:left; width:100%; padding:2% 0; }
.footnav ul li{ float:left;text-align:center; padding:1% 0;text-align:left; color:#6ec59d; width:16%; margin-left:3.3%; border-radius:20px;background:#fff;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:#007ed5; float:left; width:100%; text-align:center;}
.foottxt{ float:left; width:100%;color:#fff;font-size:11px; text-align:center; padding:2% 0;font-family:宋体;background:#b7d4ec;}
.foottxt a{ color:#fff;  }
.footer{float:left;width:100%;padding:1% 0;font-size:1em; box-shadow:0 0 5px #ccdafb;background:url(../images/foot.jpg) no-repeat center left; background-size:100%;clear:both; position:fixed; left:0; right:0; bottom:0px; z-index:9999;
}
.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 #73c1ed;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%; float:left; background-size:100%; }
.center img{ width:90%;margin:5.8% 0;}
/*product*/
.selectstyle{ float:right; margin:1% 1% 0 0}
.selectstyle option{ background:#ffffff; opacity:0.8;}
.service{ float:left; width:100%; margin-top:3%;}
.service ul,.service ul li a{ float:left; width:100%;}
.service ul li{ border-radius:8px; box-shadow:0 2px 0 #b6c6d0; margin-bottom:3%; float:left; width:94%; padding:0 3% 2%;
background-image:-moz-linear-gradient(center top , #fff, #e6edf2);
background-image: -moz-linear-gradient(top, #fff, #e6edf2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6edf2));
background-image: -webkit-linear-gradient(top, #fff, #e6edf2);
background-image: -o-linear-gradient(top, #fff, #e6edf2);
background-image: linear-gradient(top, #fff, #e6edf2);}

.service ul li p{ float:left; width:100%;border-bottom:1px solid #c6d3db; color:#76a18e; font-size:1.3em; background:url(../images/newsico.png) no-repeat right center; margin:1% 0; background-size:3%;}


/*view*/
.title{ float:left;background:url(../images/news.gif) no-repeat top center; background-size:100%; box-sh/adow:0 -5px 8px #a2c0d9 inset;}

.view_title{text-align:center; width:96%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#000; font-family:微软雅黑; border-bottom:1px solid #c5d0d9 ;padding-bottom:1%;margin-bottom:2%;}
.pages{width:93%; float:left; margin:3% 3.5%;background:-webkit-linear-gradient(top,#fff,#dbdbdb);background:-moz-linear-gradient(top,#fff,#dbdbdb);background:linear-gradient(top,#fff,#dbdbdb); border:1px solid #b0bed8; border-radius:20px; box-shadow:0 3px 6px #afbcd4}
.page_change{ float:left; border-left:1px solid #f0f1f4;border-right:1px solid #f0f1f4;  text-align:center; color:#656981; display:block;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:80%;padding:1% 0; font-size:1.2em;  }
.left{float:left; border-right:1px solid #d6d9e0;}
.right{ float:right; border-left:1px solid #d6d9e0;}
.left,.right{text-align:center; width:10%; padding:1% 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;}
.left img,.right img{ width:30%;}
.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#3a3a3a;background:#f8f8f8;border:1px solid #ececec;}
.foot_t{
float:left;  width:90%; margin:2% 2% 0; padding:0 3%; border:1px solid #c3c9d4;box-shadow:0 2px 3px #afbcd4; line-height:2.5; border-radius:8px;
background:-webkit-linear-gradient(top,#fff,#d2d8e1);background:-moz-linear-gradient(top,#fff,#d2d8e1);background:linear-gradient(top,#fff,#d2d8e1);}
.pagenum{ padding:0 5%; float:left; color:#656981; 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%; }
.foot_t .pagetop img{ vertical-align:middle; margin-right:2%; width:3%;}

@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;}
}