@charset "utf-8";
/* Style Reset */
body{background:#fff;color:#005da2; 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:#005da2; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:81%; border:1px solid #cbcbcb; margin:10px 0;}
.padding20{ padding:2% 0% 4%;float:left; width:100%; text-align:justify; color:#3a3a3a; line-height:180%; min-height:300px; font-size:14px;}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;}
.content{ float:left;width:93.75%; padding:0 3.125%; }

 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; border-bottom:1px solid #d4d6d3; box-shadow:0 -1px 0 #fff inset;
background-image:-moz-linear-gradient(center top , #fefefe, #e6e7e8);
background-image: -moz-linear-gradient(top, #fefefe, #e6e7e8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e6e7e8));
background-image: -webkit-linear-gradient(top, #fefefe, #e6e7e8);
background-image: -o-linear-gradient(top, #fefefe, #e6e7e8);
background-image: linear-gradient(top, #fefefe, #e6e7e8);}
.headermain{ margin:0 auto;max-width:640px; width:100%; }
.logo{ float:left; width:65%;text-align:center; }
.logo img{ width:100%;}
.menu_but{ float:right; margin-right:2%; display:block; text-align:center;width:9%; margin-top:2%;min-width:34px; color:#fff; heig/ht:65px; padding-top:2%; text-align:center;}
.menu_but a{ float:left; width:100%; text-align:center; color:#335197; line-height:1}
.menu_but img{width:28px; }
#modal { display:none; }
#pageslide { display:none; background:#ccc;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; border-left:1px solid #97c1cf;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #000;background:#2d498a;}
.navli a span{ float:left; width:90%; padding-left:10%;color:#fff; font-size:16px;background:url(../images/nav_ico.png) no-repeat 0px center; }
.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#ca1828;border-bottom:1px solid #000;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}

.isearchmain{float:left; display:none; width:100%;margin:0 0 3%;
background-image:-moz-linear-gradient(center top , #3758a2, #2d498b);
background-image: -moz-linear-gradient(top, #3758a2, #2d498b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3758a2), to(#2d498b));
background-image: -webkit-linear-gradient(top, #3758a2, #2d498b);
background-image: -o-linear-gradient(top, #3758a2, #2d498b);
background-image: linear-gradient(top, #3758a2, #2d498b);}

.search{float:left; width:100%;border:1px solid #2b437c; margin:3% 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;

background-image:-moz-linear-gradient(center top , #3758a2, #2d498b);
background-image: -moz-linear-gradient(top, #3758a2, #2d498b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3758a2), to(#2d498b));
background-image: -webkit-linear-gradient(top, #3758a2, #2d498b);
background-image: -o-linear-gradient(top, #3758a2, #2d498b);
background-image: linear-gradient(top, #3758a2, #2d498b);}
.searchmain{float:left;width:96%; padding:1% 2%;}
.search_txt{ float:left; padding-left:2%;width:81%;line-height:30px;height:30px; border:0; color:#929292; font-size:14px; box-shadow:1px 3px 3px #b6b6b6 inset; background:#fff;}
.search_but{ float:right;width:39px; border:0;height:30px; font-family:微软雅黑;
background-image:-moz-linear-gradient(center top , #fff, #ccc);
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
background-image: -webkit-linear-gradient(top, #fff, #ccc);
background-image: -o-linear-gradient(top, #fff, #ccc);
background-image: linear-gradient(top, #fff, #ccc);}


/*首页*/
/* banner --------------------------------------------------------------------*/

.title_i{ float:left;width:100%;border-top:1px solid #2b437c; min-height:35px;
background-image:-moz-linear-gradient(center top , #3758a2, #2d498b);
background-image: -moz-linear-gradient(top, #3758a2, #2d498b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3758a2), to(#2d498b));
background-image: -webkit-linear-gradient(top, #3758a2, #2d498b);
background-image: -o-linear-gradient(top, #3758a2, #2d498b);
background-image: linear-gradient(top, #3758a2, #2d498b);}
.title_i .fl{ float:left; margin-left:2%; padding:2%; font-size:1.2em; color:#fff;}
.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; padding:1%;color:#fff; float:right;}
@media all and (max-width:321px){
.title_i .fl{ margin-top:2%;}
}

.product{float:left;width:100%}
.product a{ color:#fff; font-size:1.1em;}
.product img{width:100%; display:block; }
.product .pro_top_right img{ width:50%; margin:0 auto;}
.pro_top{float:left;width:100%; position:relative;}
.pro1{float:left;width:74.0625% }
.pro_top_right{float:left; right:0;width:25.9375%; text-align:center; position:absolute; height:100%;  }
.iabout,.icase{float:left; left:0; width:100%; position:absolute;
box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.iabout{ line-height:3; background:#112962;height:61%; padding-top:24%; }
.icase{top:61%; background:#e1aa3b; text-align:left; height:39%; padding-top:20%; padding-left:14%;  }
.product .pro_top_right .icase img{ width:24%; margin-right:3%;flo/at:left; vertical-align:middle}
.pro_bot{float:left;width:100%; border-top:1px solid #fff;}
.pro_bot_left{float:left; width:31.09375%; position:relative; }
.isearch{ position:absolute; height:43%; padding-top:8%;padding-left:15%;float:left; background:#e06f00; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;  top:101%}
.product .isearch img{ width:20%;}
.pro_bot_left a{float:left;width:100%; left:0;}
.pro3{ width:34.375%; float:left; border-left:1px solid #fff; border-right:1px solid #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; }
.pro_bot_right{float:left; width:34.21875%}
.pro_bot_right a{ float:left; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
@media all and (max-width:481px){
.iabout{line-height:2;}
.icase{padding-left:3%; }
.product .pro_top_right .icase img{ width:18%; margin-left:4px; }

}

.news{ float:left;width:100%}
.news_t{ float:left;width:100%; margin-top:2%;}
.news_t .fl{ float:left;wid/th:50%; padding-right:10%; color:#212121; padding-left:3%;background:url(../images/news.png) no-repeat center right; background-size:30% 100%;}
.news_t .fr{ float:right; background:#0a2f85;margin-top:2%; padding:0.5% 3%;color:#fff;}

.newsmain{float:left;width:100%;}
.news ul{float:left; width:100%; }
.news ul li{float:left; width:100%;border-bottom:1px dotted #484849;margin-bottom:1px;}
.news ul li a{float:left; width:93%; line-height:2.9; padding:0 4% 0 3%; color:#3a3a3a; }
.news ul li a .fl{float:left; width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:94%; padding:4% 3% 1%; }
.footnav ul li{ float:left; border:1px solid #bed0fa; box-shadow:0 0 1px #fff; padding:1% 0; text-align:center; color:#fff; width:18%; margin-right:2.444%; 
background-image:-moz-linear-gradient(center top , #fff, #cedaf6);
background-image: -moz-linear-gradient(top, #fff, #cedaf6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cedaf6));
background-image: -webkit-linear-gradient(top, #fff, #cedaf6);
background-image: -o-linear-gradient(top, #fff, #cedaf6);
background-image: linear-gradient(top, #fff, #cedaf6);

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 ul li a{ color:#0a2f85;}
.foottxt{ float:left; color:#0a2f85; width:100%; font-size:12px; text-align:center; padding:2% 0;}
.foottxt a{ color:#0a2f85;  }
.footer{float:left;width:100%; max-width:640px;font-size:1em;background:url(../images/footbg.jpg) no-repeat center; background-size:100%;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:25%; padding:2% 0 1%; background:url(../images/footline.png) no-repeat right center;}
.footer ul li a{float:left;min-height:25px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:30%; min-width:20px; margin-right:3px; vertical-align:middle}
/*news*/
.newslist{ float:left; width:100%;}
.newslist li{ float:left; width:100%; border-bottom:2px solid #fff; box-shadow:5px 0 5px #f3d8d8;margin-bottom:2px;
background-image:-moz-linear-gradient(center top , #fefafa, #ede1e1);
background-image: -moz-linear-gradient(top, #fefafa, #ede1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefafa), to(#ede1e1));
background-image: -webkit-linear-gradient(top, #fefafa, #ede1e1);
background-image: -o-linear-gradient(top, #fefafa, #ede1e1);
background-image: linear-gradient(top, #fefafa, #ede1e1);}
.newslist ul li a{ float:left;width:86%; line-height:3;  padding:0 7% 0 4%;background:url(../images/newsico.png) no-repeat right center;font-size:15px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*product*/
.proul{width:100%; margin-top:15px;}
.proul ul{width:100%; padding:4px 0% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:14px; 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%; color:#3a3a3a;}
.proul .ui-block-a{ margin-right:3.3%}
.view_menu{ float:right;width:180px;}
.view_menu span{ float:left; cursor:pointer;padding:6% 0; padding-right:2%;text-align:right;width:98%; color:#fff;}
.view_menu img{ vertical-align:middle; width:10%; margin-right:3px; }
.view_menumain{float:right;width:180px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:167px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:16px; padding:5% 0 5% 13px; border-top:1px solid #5e73a5; color:#fff; background:#2d498a;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#2a57be;  border-bottom:1px solid #2d498a;}


/*view*/
.view_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:16px; margin:2% 0; font-weight:normal; color:#2e6fb6; font-family:微软雅黑;padding-bottom:1%;margin-bottom:1%; border-bottom:1px dashed }
.proview_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:16px; margin:2% 0; font-weight:normal; color:#3a3a3a; font-family:微软雅黑;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% 0.6%;margin-bottom:8px; color:#3a3a3a;
background:#f8f8f8;border:1px solid #ececec;}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:16px;width:100%; text-align:center; color:#5d5d5d;
background:#eee;border:1px solid #d6d6d6;}

.pages{width:40%;margin:15px auto; overflow:auto;}
.page_change{ width:44px; text-align:center; line-height:30px; height:30px; 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:#2d498a;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle; display:inline}
@media all and (min-width:640px){
.left,.right{ width:38px; height:38px; line-height:38px;}
}


@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:12px;}
}