@charset "utf-8";
/* Style Reset */
body{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; margin:0 auto;width:68.75%;  box-sizing:border-box; clear:both;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.center img{width:100%;display:block;border:2px solid #fff;}
.padding20{ padding:2% 3% 4%; color:#cbcbcb;float:left; width:94%; text-align:justify;line-height:180%; font-family:宋体; min-height:300px; font-size:1em;}
.padding20 p{text-ind/ent:2em;}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;background:#135699;}
.content{ float:left;z-index:0; width:100%;}
.index{background:url(../images/body.jpg) no-repeat top center; float:left; width:100%; background-size:100%;}
 /* header------------------------------------------------------------------------------------------------- */
.banner{ float:left; width:100%;}
.banner img{ width:100%; display:block;}
.header{ float:left;width:100%; z-index:20; position:relative;
background-image:-moz-linear-gradient(center top , #1787c0, #0c578a);
background-image: -moz-linear-gradient(top, #1787c0, #0c578a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1787c0), to(#0c578a));
background-image: -webkit-linear-gradient(top, #1787c0, #0c578a);
background-image: -o-linear-gradient(top, #1787c0, #0c578a);
background-image: linear-gradient(top, #1787c0, #0c578a);}
.headerbg{ position:relative;float:left;width:100%;}
.logo{ float:left; width:70%; text-align:center; margin-left:3.125%;}
.logo img{ width:100%;}
.menu_but{ float:right; position:absolute; height:100%; right:0; top:0; display:block; background:url(../images/menubg.png) no-repeat right center;text-align:center;width:26%; background-size:100% 100%;text-align:center;}
.menu_but a{ float:left; margin-top:14%; width:80%; font-size:1.1em; padding-right:20%;color:#1784be; text-align:right;text-shadow:0 1px 0 #fff;line-height:1.3}
.menu_but img{width:25%; margin-left:5px; vertical-align:middle;}
#modal { display:none; }
#pageslide { display:none; background:#f0f0f0;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 #ccc;}
.navli{float:left;width:100%;border-bottom:1px solid #ccc;
}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#333;font-size:14px;text-align:left; float:left;
background-image:-moz-linear-gradient(center top , #fefefe, #dedede);
background-image: -moz-linear-gradient(top, #fefefe, #dedede);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
background-image: -o-linear-gradient(top, #fefefe, #dedede);
background-image: linear-gradient(top, #fefefe, #dedede);}
.navli a:hover{ background:#ccc;}
.navli a span{ float:left; width:100%; font-size:16px; }
.navli ul{ float:left; background:#d1e1e7; display:none;border-top:1px solid #ccc;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{ position:absolute;float:left; text-align:center; width:35.625%; height:100%; background:url(../images/pronav.gif) no-repeat left center; background-size:100% 100%}
.pronav span{float:left; line-height:2.6;width:100%; text-align:center; font-size:1em;}
.pronavmain{float:left;width:100%; display:none; line-height:2; background:#1f97d4; border-top:1px solid #efefef}
.pronavmain a{float:left; padding:0 2%; color:#fff;}
.pronav img{ vertical-align:middle; width:15%; margin-right:3px}
.searcharea{float:left;width:100%; position:relative; min-height:30px;  background:#1f97d4;}
.searchmain{float:right; margin:3px 0; padding:0.5%; margin-right:3%;width:60%; padding-left:1%; background:#fff; border-radius:20px; box-shadow:0 2px 1px #a9a9a9 inset}
.search_txt{ float:left; padding-left:2%; margin-top:2px; margin-left:3%;width:68%;line-height:26px;height:26px; border:0; color:#b2b2b2; font-size:14px; background:none;}
.search_but{ float:right;width:30px; border:0; margin-top:3px;height:26px; background:url(../images/search_but.png) no-repeat left center; background-size:90%}


/*首页*/
/* banner --------------------------------------------------------------------*/
.tj_pro{ float:left; width:93.75%; padding:0 3.125%; margin:5% 0;}
.tj_pro a{ float:left; width:50%;}
.tj_pro a img{ width:100%; display:block;}
.title_i{ float:left; border-top:1px solid #44799e; margin-bottom:15px;width:100%; padding:0 0 1%;box-shadow:0px 3px 3px #b0b8bf;
background-image:-moz-linear-gradient(center top , #fefefe, #dedede);
background-image: -moz-linear-gradient(top, #fefefe, #dedede);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
background-image: -o-linear-gradient(top, #fefefe, #dedede);
background-image: linear-gradient(top, #fefefe, #dedede);}
.title_i .fl{ float:left; margin-left:3%; padding:1.8% 2%; color:#006294;border-radius:0 0 10px 10px; text-shadow:1px 0 0px #1e446c; color:#fff; font-size:15px;
background:#4a83ab}


.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; line-height:2; padding:0 1%; background:#2f79b6; color:#fff; float:right;}
.homeico{margin-top:1.5%;margin-right:3%; text-align:right;width:11%;float:right;min-width:30px; }
.homeico img{ width:65%; min-width:34px;}

.proul{width:93.75%; padding:0 3.125%; margin-top:3%; float:left;}
.proul ul{width:100%;padding:4px 0 0; float:left; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:5%; float:left; }
.proul li div{ width:100%;float:left;background:url(../images/probg.jpg) no-repeat top center; padding-top:6.4%; background-size:100%}
.proul li a{width:88%; display:block;margin:0 auto; text-align:center; position:relative; }
.proul li img{width:100%;border:1px solid #d6dadb;}
.proul li p{width:93%;float:left; margin-top:5%;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 2% 2% 5%; text-align:center; position:absolute; bottom:3px; background:#000; opacity:0.7; color:#fff; }
.proul .ui-block-a{ margin-right:4%}

.case{width:93.75%; padding:0 3.125%; margin-top:4%; float:left;}
.case ul{width:100%; float:left; margin-bottom:3%; }
.case .ui-block-a,.case .ui-block-b{ width:29%; margin-right:6%;float:left; }
.case .ui-block-c{width:29%; margin-right:0%;float:left;}
.case li div{ width:100%;float:left;background:url(../images/casebg.jpg) no-repeat top center; padding-top:4%; background-size:100%}
.case li a{width:88%; display:block;margin:0 auto; text-align:center; position:relative; }
.case li img{width:100%; border-radius:90px;}
.case li p{width:93%;float:left; margin-top:5%;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 2% 2% 5%; text-align:center; background:#000; opacity:0.7; color:#fff; }
.case .ui-block-a{ margin-right:4%}
.case li font{ position:absolute; padding-left:2%; font-size:1.2em; bottom:3%; left:0;}

.news{ float:left;width:94%; padding:0 3%; margin-top:3%;}
.newsmain{float:left;width:96%; background:#9bacb6; box-shadow:1px 1px 3px #7f8d95 inset; padding:2% 2% 0;}
.news ul{float:left; width:100%; }
.news ul li{float:left; width:100%;  border:1px solid #e6e6e6; border-radius:8px;margin-bottom:3%; box-shadow:1px 2px 1px #808e96;
background-image:-moz-linear-gradient(center top , #f8f8f8, #e2e2e2);
background-image: -moz-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -o-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: linear-gradient(top, #f8f8f8, #e2e2e2);}

.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right; background-size:4%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666;}
.more{ float:left; width:100%; box-shadow:0 3px 3px #0d3b6a;
background-image:-moz-linear-gradient(center top , #fff, #dbdbdb);
background-image: -moz-linear-gradient(top, #fff, #dbdbdb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#dbdbdb));
background-image: -webkit-linear-gradient(top, #fff, #dbdbdb);
background-image: -o-linear-gradient(top, #fff, #dbdbdb);
background-image: linear-gradient(top, #fff, #dbdbdb);}
.more img{ vertical-align:middle; margin-left:3px; margin-top:-0.2%; width:4%;}
.more a{  color:#1f97d4; text-shadow:1px 0 0 #fff;  float:left; width:100%; text-align:center; line-height:2;}
/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:96%; padding:4% 2% 1%; }
.footnav ul li{ float:left; border:1px solid #fff; padding:1% 0; text-align:center; color:#4c7c92; width:17.8%; margin-right:1%;margin-left:1.4%;  border-radius:4px;
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 , #fff, #e2e2e2);
background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #fff, #e2e2e2);
background-image: -o-linear-gradient(top, #fff, #e2e2e2);
background-image: linear-gradient(top, #fff, #e2e2e2);}
.footnav a{ color:#4c7c92}

.foottxt{ float:left; width:100%; color:#fff;font-size:11px; text-align:center; padding:2% 0;font-family:宋体;background:url(../images/foottext.jpg) no-repeat center bottom; background-size:100%}
.foottxt a{ color:#fff;  }
.footer{float:left;width:90.625%; padding:0 4.6875%;font-size:1em; background:url(../images/foot.jpg) no-repeat bottom center; background-size:100% 100%;
}
.footer ul{float:left;width:100%;background:url(../images/footline.jpg) no-repeat left center;}
.footer ul li{float:left; width:25%; padding:2% 0 1%; background:url(../images/footline.jpg) no-repeat right center;}
.footer ul li a{float:left;min-height:20px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:22%; min-width:20px; margin-right:3px; vertical-align:middle}
/*news*/
.newslist{ float:left;width:100%; border-top:5px solid #135699;}
/*.newsmain{float:left;width:100%; background:#f3f1f1; border-radius:0 0 5px 5px;}
*/.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;}
.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-image:-moz-linear-gradient(center top , #313131, #e3e3e3);
background-image: -moz-linear-gradient(top, #fefefe, #e3e3e3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e3e3e3));
background-image: -webkit-linear-grad ient(top, #fefefe, #e3e3e3);
background-image: -o-linear-gradient(top, #fefefe, #e3e3e3);
background-image: linear-gradient(top, #fefefe, #e3e3e3);}
.newslist ul li a:hover{ 
background-image:-moz-linear-gradient(center top , #e7e7e7, #d6d6d0);
background-image: -moz-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#d6d6d0));
background-image: -webkit-linear-grad ient(top, #e7e7e7, #d6d6d0);
background-image: -o-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: linear-gradient(top, #e7e7e7, #d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(../images/newslist.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*view*/
.view_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:1em; margin:0% 0 0; font-weight:normal; color:#135699; font-family:微软雅黑; background:#e0ddde;padding-bottom:1%;margin-bottom:2%;}
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#555; font-family:宋体; padding:1% 0.6%;margin-bottom:8px;
background:#fff;}
.view_menu{ float:left; width:96%;margin-left:4%;margin-top:2%; color:#fff;}
.view_menu span{ float:left; cursor:pointer;padding:3% 0 1%;width:100%;}
.view_menu img{ vertical-align:middle; width:5%; min-width:16px; margin-right:3px; }
.view_menumain{float:left;display:none; width:100%;}
.view_menumain a{float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 0.5% 4px;font-size:16px; padding:0.5% 1%; border:1px solid #ddd; color:#000; border-radius:3px; background:#fff;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#6a99be;border:1px solid #fff; }

.pages{
	height:30px; 
	width:94.4%;
	margin:0 auto;
	margin-top:4%;
	margin-bottom:10px;
}
.pages a{ color:#3b393a}
#dis{ background:#eae3e3; color:#b2a8a8;
	border:1px solid #eae3e3;}
.page_change{ 
	width:44px; 
	height:25px; line-height:25px;
	display:block; 
	text-indent:3px;
	margin:0 auto; overflow:auto; border:1px solid #c2c2c2; border-radius:2px; color:#000; text-align:center; box-shadow:0px 2px 3px #ddd inset; background:#fff;
}
.page_changecon{ background:#000; color:#fff; width:100%; height:100%; z-index:100}
.left{float:left;margin-left:20%; }
.right{float:right; margin-right:20%;}
.left,.right{ 
	width:60px; 
	height:25px; 
	font:12px/28px 宋体;  
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #c2c2c2;
	background:#FFF;}

.back{ float:left; width:100%;}
.back .fl,.back .fr{ font-size:15px; padding:1% 0;
border:1px solid #fff; box-shadow:1px 2px 3px #114d8a; color:#fff; text-align:center; border-radius:4px;
background-image:-moz-linear-gradient(center top , #bee1f1, #6394ab);
background-image: -moz-linear-gradient(top, #bee1f1, #6394ab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1f1), to(#6394ab));
background-image: -webkit-linear-grad ient(top, #bee1f1, #6394ab);
background-image: -o-linear-gradient(top, #bee1f1, #6394ab);
background-image: linear-gradient(top, #bee1f1, #6394ab);
}
.back .fl{ width:20%;}
.back .fl img{ width:17px; vertical-align:middle; margin-top:-4px}
.back .fr{ width:25%;}
.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:#fff;
border:1px solid #fff; box-shadow:1px 3px 3px #114d8a; border-radius:6px; line-height:2;
background-image:-moz-linear-gradient(center top , #bee1f1, #6394ab);
background-image: -moz-linear-gradient(top, #bee1f1, #6394ab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1f1), to(#6394ab));
background-image: -webkit-linear-gradient(top, #bee1f1, #6394ab);
background-image: -o-linear-gradient(top, #bee1f1, #6394ab);
background-image: linear-gradient(top, #bee1f1, #6394ab);}

.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}


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