@charset "utf-8";
/* Style Reset */
.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;background:#d6e6f8}
body{background:#d6e6f8;color:#2c568a; font-family:微软雅黑;width:100%;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#2e6fb6; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:91%;}
.padding20{ padding:2% 3% 4%;float:left; width:94%; line-height:180%; min-height:300px; text-align:justify}
.wrap{ margin:0 auto; width:100%; max-width:640px;}
.content{ float:left;z-index:0; width:100%;}
.content_i{ float:left; width:93.75%; padding:0 3.125%;overflow:hidden;}
.maintop{ display:none}

.viewtitle{ float:left;width:100%; padding:3% 0; border-bottom:1px solid #b2d2f6; box-shadow:0px 3px 3px #dceaf0;background:#c5dcf5;}
.viewtitle span{ float:left;width:100%; font-size:1.2em; text-align:center; color:#2e6fb6;}
 /* header------------------------------------------------------------------------------------------------- */
.logo{ float:left; width:100%; text-align:center;background:url(../images/logobg.jpg) no-repeat top left; background-size:100%}
.logo a{ float:left; width:100%;}
.logo img{ width:100%; display:block}
.menu_but{ float:right; display:block; text-align:center;margin-right:3.125%;min-width:34px; margin-top:2%;}
.menu_but span{ float:left;color:#56808f;width:54px;padding:2% 0 5% 10px ; color:#fff; font-size:14px;text-align:center; }
#modal { display:none; }
#pageslide { display:none; bac/kground:#659aaf;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}

.searchbg{float:left;width:93.625%; margin:0 3.125% 2%;}
.search{ float:left;width:98%; border:3px solid #bcd1e9;
background-image:-moz-linear-gradient(center top , #fcfcfd, #d1dfed);
background-image: -moz-linear-gradient(top, #fcfcfd, #d1dfed);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfd), to(#d1dfed));
background-image: -webkit-linear-gradient(top, #fcfcfd, #d1dfed);
background-image: -o-linear-gradient(top, #fcfcfd, #d1dfed);
background-image: linear-gradient(top, #fcfcfd, #d1dfed);}
.search .fl{ line-height:42px; margin-left:3%;}
.search_but{ float:right;font-family:微软雅黑; font-size:16px;margin-right:1.5%;margin-top:5px;width:35px; color:#fff; border:0; height:29px;
background:url(../images/search_but.png) no-repeat top center; background-size:100% 100%;}

.search_txt{ float:left; margin-top:6px; line-height:26px;height:26px; background:#fff; border-radius:8px; box-shadow:2px 3px 3px #ebeced inset; border:1px solid #d5d6d7;color:#5b92a7; font-size:14px; width:59%; padding-left:1%;margin-left:2.34375%;font-family:微软雅黑}
@media all and (max-width:479px){
.search_txt{width:40%; }}

.nav{width:100%; float:left; font-size:16px; border-left:1px solid #97c1cf;}
.navli{float:left;width:100%;border-bottom:1px solid #97c1cf;
}
.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left;
background-image:-moz-linear-gradient(center top , #fff, #ddebf0);
background-image: -moz-linear-gradient(top, #fff, #ddebf0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddebf0));
background-image: -webkit-linear-gradient(top, #fff, #ddebf0);
background-image: -o-linear-gradient(top, #fff, #ddebf0);
background-image: linear-gradient(top, #fff, #ddebf0);
}
.navli a span{ float:left; width:100%; font-size:16px;background:url(../images/nav_ico.png) no-repeat 100px center; }
.navli ul{ float:left; background:#d1e1e7; display:none;border-top:1px solid #97c1cf;width:90%; padding:2% 0 2% 10%;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px;text-align:left; float:left;background:none}
/*首页*/
.pronav{float:left;width:100%; padding-top:2%;background:url(../images/pronavbg.jpg) no-repeat top center; background-size:100% }
.pronavmain{ float:left;margin-left:3.125%;width:93.66666666666667%;}
.pronavmain h2{ font-size:16px;color:#134780;  width:100%; font-weight:normal;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
@media all and (max-width:481px){
.pronavmain h2{font-size:14px;}}

.pronavmain li{float:left; padding:2% 0 0;}
.pronavmain li a{ text-align:center; float:left; width:99.2%; }
.pronavmain li img{ display:block; width:100%; margin:0 auto; border-radius:5px;}
.pronavmain li span{ width:70%;display:block; margin:0 auto;border-radius:8px; border:3px solid #a5b6c7;}

.product{float:left;width:93.75%; padding:1% 0; margin:0 3.125% 2%; box-shadow:0 1px 3px #ccc; border:1px solid #d2d2d2; border-radius:1px; background:#fff; }
.product img{ border-radius:3px; display:block; width:100%;}
.producttop,.productbot{float:left;width:100%;}
.product12{ float:left; width:35.2%; margin-left:0.7%;}
.product12 :first-child{ margin-bottom:2%;}
.product3{ float:left; width:62.5%; margin-left:0.7%;}
.product4{float:left; width:48.8%; margin:0 0.7%; }
.product5{float:left; width:48.8%;}

/* footer */

.footnav{ float:left;width:100%; background:#d3e2e8;border-top:1px solid #4496d3; border-bottom:1px solid #4f90d9;}
.footnav ul{ float:left; width:100%;border-top:1px solid #9bcdf2;
background-image:-moz-linear-gradient(center top , #4395d2, #3a7ac4);
background-image: -moz-linear-gradient(top, #4395d2, #3a7ac4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4395d2), to(#3a7ac4));
background-image: -webkit-linear-gradient(top, #4395d2, #3a7ac4);
background-image: -o-linear-gradient(top, #4395d2, #3a7ac4);
background-image: linear-gradient(top, #4395d2, #3a7ac4);}



.footnav ul li{ float:left;border-right:1px solid #5eaae3; border-left:1px solid #3a7ac4;padding:2% 0; text-align:center; color:#fff; width:19%;}
.footnav a{ color:#fff; font-size:14px;}
.foottxt{ float:left; width:100%; box-shadow:0 3px 3px #2460a4 inset;font-size:12px; color:#fff; text-align:center; padding:2% 0; background:#2e6fb6;}
.foottxt a{color:#fff; }
.footer{float:left;width:100%;font-size:16px;font-family:微软雅黑; border-bottom:1px solid #4f90d9; border-top:1px solid #9bcdf2;
background-image:-moz-linear-gradient(center top , #4998d3, #3a7ac4);
background-image: -moz-linear-gradient(top, #4998d3, #3a7ac4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4998d3), to(#3a7ac4));
background-image: -webkit-linear-gradient(top, #4998d3, #3a7ac4);
background-image: -o-linear-gradient(top, #4998d3, #3a7ac4);
background-image: linear-gradient(top, #4998d3, #3a7ac4);}
.footer ul{float:left;width:62.5%; }
.footer ul li{float:left; min-height:35px; width:23.5%; padding:1% 0 0.5%;border-right:1px solid #5eaae3; border-left:1px solid #3a7ac4}
.footer ul li a{float:left;min-height:25px;width:100%; color:#fff;text-align:center; float:left; display:block; font-size:15px; }
.footer img{ width:24%; min-width:26px;}
@media all and (max-width:481px){
.footer ul li a{ padding:3% 0;}}
.footermain{ margin:0 auto; max-width:640px; width:100%;}
/*news*/

.newslist{ float:left; width:100%;}
.newslist li{ float:left; width:100%;
background-image:-moz-linear-gradient(center top , #fff, #edf4f7);
background-image: -moz-linear-gradient(top, #fff, #edf4f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#edf4f7));
background-image: -webkit-linear-gradient(top, #fff, #edf4f7);
background-image: -o-linear-gradient(top, #fff, #edf4f7);
background-image: linear-gradient(top, #fff, #edf4f7); border-bottom:2px solid #fff;border-top:1px solid #bad1ed; box-shadow:0 2px 2px #b6d0ee; }
.newslist ul li a{ float:left;width:86%;  padding:2% 5% 2% 4%;background:url(../images/newsico.png) no-repeat right center;font-size:1em;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*product*/
.proul{width:100%;}
.proul ul{width:96%; padding:4px 2% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:4px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; float:left;border:1px solid #d6dadb;}
.proul li p{width:92%;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;background:url(../images/pro.gif) no-repeat 0 center; padding-left:8%;}
.proul .ui-block-a{ margin-right:3.3%}
.view_menu{ float:left; width:98%; margin-left:2%;}
.view_menu span{ float:left; cursor:pointer;padding:3% 0 1%;width:100%;}
.view_menu img{ vertical-align:middle; width:7%; margin-right:3px; }
.view_menumain{float:left; width:220px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:207px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:16px; padding:5% 0 5% 13px; border-top:1px solid #4f7fb3; color:#fff; background:#1a589c;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#2e6fb6;  border-bottom:1px solid #1a589c;}

/*view*/
.title{ float:left; width:100%;background:url(../images/titlebg.gif) repeat-y top left; background-size:100%}
.title_word{float:left; margin-left:3.6875%; padding:2% 0; width:26%; text-align:center;float:left; color:#fff; text-shadow:0 0 1px #01644f;height:100%; font-family:微软雅黑; font-size:18px;}
@media all and (max-width:481px){
.title_word{ margin-left:2.6875%;font-size:16px; }

}

.view_title{text-align:center; font-size:1.1em; width:100%; float:left; padding:5px 0; margin:2% 0; font-weight:normal; font-family:微软雅黑;border-bottom:1px dashed ;padding-bottom:1%;margin-bottom:1%;}

.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1.5% 0.6%;margin-bottom:8px;
background:#b8d5f5;border:1px solid #98bbe3;}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:1.1em;width:100%; text-align:center;
background:#b8d5f5;border:1px solid #98bbe3;}

.pages{width:185px;margin:15px 0; float:right}
.page_change{ width:44px; text-align:center; line-height:28px; height:28px; display:block;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.left,.right{font-size:16px; color:#fff;text-align:center;  width:28px; height:28px; background:#2e6fb6;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle}
.share_t{ text-align:center; padding-top:3%;}
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:15px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}