/* Style Reset */
.ui-page{-webkit-backface-visibility: hidden; font-family:΢ÈíÑźÚ; background:#cbd3d6; font-size:14px;}
body{background:#cbd3d6;}
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:#173059}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:91%; border:1px solid #93a7ae}
.padding20{ padding:10px 3.125%; float:left; min-height:400px; width:93.75%; line-height:180%; font-size:14px; color:#21476f;}
.ui-bar-g {
background-image:-moz-linear-gradient(center top , #41729a, #21476f);
background-image: -moz-linear-gradient(top, #41729a, #21476f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#41729a), to(#21476f));
background-image: -webkit-linear-gradient(top, #41729a, #21476f);
background-image: -o-linear-gradient(top, #41729a, #21476f);
background-image: linear-gradient(top, #41729a, #21476f);
}
.ui-bar-h {
background-image:-moz-linear-gradient(center top , #21476f, #496d93);
background-image: -moz-linear-gradient(top, #21476f, #496d93);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#21476f), to(#496d93));
background-image: -webkit-linear-gradient(top, #21476f, #496d93);
background-image: -o-linear-gradient(top, #21476f, #496d93);
background-image: linear-gradient(top, #21476f, #496d93);
}
.ui-bar-i {
background-image:-moz-linear-gradient(center top , #f5f5f5, #e1e1e1);
background-image: -moz-linear-gradient(top, #f5f5f5, #e1e1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #f5f5f5, #e1e1e1);
background-image: -o-linear-gradient(top, #f5f5f5, #e1e1e1);
background-image: linear-gradient(top, #f5f5f5, #e1e1e1);
}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; position:relative; height:55px; padding-top:25px;border-bottom:2px solid #1d3b59;
-moz-box-shadow:3px 1px 2px #8c9294;
-webkit-box-shadow:2px 1px 2px #8c9294;
box-shadow:2px 1px 2px #8c9294;}
.header ul{ width:100%; margin:0 auto;}
.header .ui-block-b{ text-align:center; width:76%;margin:0 auto;}
.header .ui-block-a{width:4.7%; float:left;width:30px;margin-left:3.125%; margin-top:5px;}
.header .ui-block-c{width:4.7%; float:right;margin-right:3.125%;margin-top:5px;}

.menu_but{ float:left; display:block;height:21px}
.header .nav{ z-index:100;position:absolute;top:82px; left:0;display:none; background:#244b73; opacity:0.8; width:140px;}
.nav li{ border-bottom:1px solid #134169;border-top:1px solid #336897;float:left;width:100%;}
.nav a{line-height:34px; color:#fff; font-size:18px; width:100%; text-align:center; float:left; font-weight:normal }
.searchmain{ display:none;height:30px;float:right;width:93.75%; padding:14px 3.125% 0;}
.search_txt{ width:90%; float:left; border:1px solid #b0bdc2; border-radius:3px; height:28px; line-height:28px;
-moz-box-shadow:2px 1px 2px #8c9294 inset;
-webkit-box-shadow:2px 1px 2px #8c9294 inset;
box-shadow:2px 1px 2px #8c9294 inset;}
  @media all and (max-width: 639px) { 
.search_txt{width:80%;}
  }

.search_but{ float:right;border-radius:3px; width:40px;}
.search_but input{ float:left;height:30px; line-height:24px;font-family:΢ÈíÑźÚ; font-size:16px; color:#fff; width:100%;border:0;  background:url(../images/search_but.png) no-repeat center;text-align:left; }
/* banner --------------------------------------------------------------------*/
.big-pic{width:100%; float:left;border-bottom:3px solid #244b73; }
.big-pic img{ float:left;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a,.big-pic a p{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;right:8px;bottom:10px;height:9px;padding:2px 0; float:right;}
.slide-dot span{display:inline-block;width:14px;height:14px;margin:0 5px;background:url(../images/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

/*Ê×Ò³*/
.content{ float:left; width:100%;}
.box{ float:left; width:93.75%; padding:30px 3.125%; text-align:center;}
.box ul{margin: 0 3.125%; width:93.75%; }
.boxpadding{width:84%;padding: 0 8%; }
.box_img{ border:1px solid #fff;width:100%; padding:20% 0; height:56px; border-radius:4px; text-align:center;
background-image:-moz-linear-gradient(center top , #dbe0e3, #fff);
background-image: -moz-linear-gradient(top, #dbe0e3, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbe0e3), to(#fff));
background-image: -webkit-linear-gradient(top, #dbe0e3, #fff);
background-image: -o-linear-gradient(top, #dbe0e3, #fff);
background-image: linear-gradient(top, #dbe0e3, #fff);
-moz-box-shadow:3px 1px 2px #8c9294;
-webkit-box-shadow:2px 1px 2px #8c9294;
box-shadow:2px 1px 2px #8c9294;
}
.box_img img{ width:90%; width:86px; height:66px;vertical-align:middle;}
.boxpadding p{ color:#21476f; padding:20px 0; line-height:26px; font-size:16px; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*product*/
.proul{width:100%; padding: 0;}
.proul ul{width:100%; padding:4px 0 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:4px; float:left; }
.proul li div{ width:100%;float:left; margin-top:23px;}
.proul li img{width:100%; float:left;border:1px solid #93a7ae;}
.proul li p{width:98%; padding:0 1%;height:36px;float:left; margin-top:8px;text-align:center; line-height:36px;color:#fff;font:300 14px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border:1px solid #79a2c5;}
.proul .ui-block-a{ margin-right:3.3%}
.view_menu{ float:left; width:100%;}
.view_menu span{ float:left; cursor:pointer;padding-left:45px; margin-bottom:10px; font-size:18px; background:url(../images/view_menu.png) no-repeat 10px center; }
.view_menumain{float:left; width:100%; display:none}
.view_menumain a{float:left; border:1px solid #79a2c5; padding:0 2%;margin:4px 2.8% 4px 0; height:32px; line-height:32px; font-size:16px; color:#fff;}
.view_title{ float:left; width:100%; text-align:center; font-size:18px; color:#173059; padding:30px 0 15px 0; border-bottom:1px solid #a7b9c0; margin-bottom:24px;}
/*news*/
.newslist{float:left;width:100%; }
.newslist li{float:left;width:100%;}
.newslist li a{float:left;width:95.6%; padding:0 3.1% 0 1.3%; color:#173059; font-size:14px; height:41px; line-height:41px; background:#fff; border:1px solid #a7bcc4; margin-bottom:7px; }
.newslist li a .fl{ float:left; width:99%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*view*/
.viewtitle{ float:left;width:100%; height:44px; margin-top:23px;}
.title_word{float:left;height:44px; font-size:18px; margin-left:3.125%; padding-left:30px; background:url(../images/viewtitle.png) no-repeat left bottom; line-height:44px; color:#fff;}
.title_word img{ margin-right:6px;}
.viewpage{float:left;width:100%; padding-top:34px;margin-top:34px; border-top:1px solid #a7b9c0;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#173059; padding:0 0.6%; height:38px; line-height:38px; border:1px solid #fff; margin-bottom:8px; }
.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left;height:38px; font-size:18px;border:1px solid #fff; line-height:38px;width:100%; text-align:center;}
/* footer */
.footer{width:100%;font-size:14px; font-family:΢ÈíÑźÚ;height:69px; z-index:1000; overflow:hidden;
background-image:-moz-linear-gradient(center top , #f5f5f5, #e0e0e0);
background-image: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e0e0e0));
background-image: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0);
background-image: -o-linear-gradient(top, #f5f5f5, #e0e0e0);
background-image: linear-gradient(top, #f5f5f5, #e0e0e0);
}
.footer ul{ width:100%; float:left}
.footer ul li{float:left;height:72px; width:25%;background:url(../images/footline.jpg) no-repeat left center;}
.footer ul li a{ width:100%;height:65px;padding-top:7px; color:#21476f; font-size:16px; text-align:center; float:left; display:block;}
.foothome .ui-bar-h{ color:#cbd3d6;}
.pages{width:100%;margin:0 auto;margin-top:30px;}
.page_change{ width:44px; text-align:center; line-height:40px; height:40px; display:block;margin:0 auto;}
.left{width:80px;height:40px;float:left; border-radius:4px; }
.right{width:80px;height:40px;float:right;border-radius:4px;}
.left,.right{font-size:16px; color:#fff;text-align:center; line-height:40px; }
.footer img{ margin-bottom:-4px;}
.wrap{ margin:0 auto; width:100%; max-width:640px;}

.Fenye{width:100%;margin:0 auto;margin-top:30px; text-align:center;}