@charset "utf-8";



/* Style Reset */

.ui-block-b img{max-height:220px;}



.padding20 img{width:100%;}


.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;font-size:14px; background:#f0f0f0;}



body{ background:#f0f0f0; color:#204060;}



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



.padding20{ padding:10px 1%;float:left; width:98%;font-family:宋体; line-height:180%; min-height:300px; font-size:14px;}







.padding20 p{



	text-indent:  1px;



}



.wrap{ margin:0 auto; width:100%; max-width:640px;}



 /* header------------------------------------------------------------------------------------------------- */



.header{ float:left;width:100%; z-index:20; border-bottom:1px solid #056bc2; text-align:center;



background-image:-moz-linear-gradient(center top , #fff, #e5e5e5);



background-image: -moz-linear-gradient(top, #fff, #e5e5e5);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5));



background-image: -webkit-linear-gradient(top, #fff, #e5e5e5);



background-image: -o-linear-gradient(top, #fff, #e5e5e5);



background-image: linear-gradient(top, #fff, #e5e5e5);}











.logo{ float:left; width:100%; text-align:center; background-color:#046fc9;}



.logo img{ width:84.84375%;}







.search{ float:left;width:90.625%;padding:2% 4.6875%; max-height:40px;



background-image:-moz-linear-gradient(center top , #dedede, #fff);



background-image: -moz-linear-gradient(top, #dedede, #fff);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#fff));



background-image: -webkit-linear-gradient(top, #dedede, #fff);



background-image: -o-linear-gradient(top, #dedede, #fff);



background-image: linear-gradient(top, #dedede, #fff);}



/*.searchmain{float:left; width:100%; padding:0; border-radius:3px; background:#fff; border:1px solid #ccc;}



.search_but{ float:right; background:url(../images/search_but.jpg) no-repeat left center; border:0;width:11.72413793103448%;min-width:35px; padding:1.5% 0; background-size:100%; border-radius:0 3px 3px 0; }



.search_txt{ float:left; background:#fff;  padding:0.5% 0 0.5% 3% ;border:0; color:#b6b6b6; font-size:16px; width:82.71875%;font-family:微软雅黑;}*/







.searchmain{ overflow:hidden;height:28px;float:left; width:100%; padding:0; border-radius:3px; background:#fff; border:1px solid #ccc;}



.search_but{height:28px; float:right; background:url(../images/search_but.jpg) no-repeat left center; border:0;width:11.72413793103448%;min-width:35px; padding:0% 0; background-size:100%; border-radius:0 1px 1px 0; }



.search_txt{height:28px; float:left; background:#fff; border-rad/ius:3px;  padding:0%  0.5% 0% ;border:0; color:#b6b6b6; font-size:16px; width:82.71875%;font-family:微软雅黑;}







.prolist_but{ float:left; width:27.58620689655172%; padding:1.9% 0; height:20px; border-radius:3px 0 0 3px;  background:url(../images/pro.gif) no-repeat left center; background-size:100%;}



.prolist_but img{ width:100%}



.search_txtview{ float:left; background:#fff; padding:0.5% 0 0.5% 3% ;border:0; color:#b6b6b6; font-size:16px; width:52.71875%;font-family:微软雅黑;}



@media all and (max-width:481px){



.search_txt{width:80%; font-s/ize:14px;}



.search_txtview{fo/nt-size:14px; }



}



@media all and (min-width:639px){



.prolist_but{background-size:70%;padding:1.1% 0 0% 3% ;}



}



.prolist_butmain{ float:left; display:none; width:30%; z-index:10; position:absolute;background:#000;opacity:0.8;}



.prolist_butmain a{ padding:8% 0;width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; color:#fff; font-size:14px;text-align:center; float:left; font-weight:normal;background:url(../mimages/navico.png) no-repeat 9% center }







/*首页*/



.banner{ width:100%; float:left; position:relative;}



.banner img{ width:100%; display:block}



.banner iframe{ width:100%; display:block}



.banner object{ width:100%; display:block}





.bannerbar{ position:absolute; bottom:0; width:100%;}



.bannerbar img{float:left; width:100%;}



.menu_but{ float:left; width:26.5625%; margin-right:1.5625%; position:relative}



.product_but{  float:left; width:37.8125%;margin-right:1.5625%; position:relative;}



.case_but{  float:left; width:32.5%}







.nav{ z-index:100;display:none;position:absolute; width:100%;background:#000;opacity:0.8;}



.nav li{float:left;width:100%;padding:5% 0;}



.nav a{ width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; color:#fff; font-size:14px;text-align:center; float:left; font-weight:bold;background:url(../mimages/navico.png) no-repeat 9% center }







.product{ font-family:微软雅黑; float:left; width:100%;}



.product h2{ font-size:12px; color:#535353; float:left; width:100%; font-weight:normal;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center }



@media all and (max-width:481px){



.product h2{font-size:14px;}}



.product li{float:left; padding:2% 0 0; }



.product li a{ text-align:center; float:left;width:100%}



.product li span{ float:left;width:100%;margin:0 2% 0 8%;width:88%; border-radius:92px;}



.product li span img{ width:100%;border-radius:92px;}



.radius1{ border:3px solid #f17e09}



.radius2{ border:3px solid #de3552}



.radius3{ border:3px solid #2b95af}



.radius4{ border:3px solid #7cb23a}



.radius5{ border:3px solid #4b94c1}



.radius6{ border:3px solid #f2b527}















.footnav{ float:left;width:95.3125%; padding-left:4.6875%; background:#0b8ad9; }



.footnav ul{ float:left; width:100%; padding:3% 0}



.footnav ul li{ float:left; background:#046099; border-radius:4px; padding:1% 0; text-align:center; color:#fff; width:16.39344262295082%; margin-right:3.27868852459016%}



.footnav a{ color:#fff; font-family:微软雅黑; font-size:14px;}



.foottxt{ float:left; width:100%; color:#046099; text-align:center; padding:2% 0; background:#d2e8f6; font-size:12px;}



.foottxt a{color:#06649d; }



.content{ float:left; width:100%; min-height:260px;}



.content_i{ float:left; width:100%;overflow:hidden;}



/* footer */



.footer{float:left;width:90.625%;padding:5px 4.6875% 0; border-bottom:4px solid #0467a3;font-size:15px; margin-top:10px; font-family:微软雅黑;



background:#2d8cc6;}







.footer ul{ width:100%; min-height:30px; float:left;}



.footer ul li{float:left; min-height:30px; width:19%;padding:0 2.06896551724138%}



.footer ul li a{float:left;min-height:30px; line-height:30px; border-radius:5px; width:100%; padding:0% 0 0%; color:#fff;text-align:center; float:left; display:block;



background-image:-moz-linear-gradient(center top , #589ec9, #02629d);



/*background-image: -moz-linear-gradient(top, #5ac9b1, #029c7a);*/



background-image: -moz-linear-gradient(top, #589ec9, #02629d);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#589ec9), to(#02629d));



background-image: -webkit-linear-gradient(top, #589ec9, #02629d);



background-image: -o-linear-gradient(top, #589ec9, #02629d);



background-image: linear-gradient(top, #589ec9, #02629d);}











}



@media all and (max-width:481px){



.footer ul li a{ }







}



.footer ul li img{ margin-top:-2px;}



.foottel img{ width:30%;}



.footmess img{ width:25%;}



.footmap img{ width:20%;}



.footshare img{ width:26%;}



.footer img{ vertical-align:middle; margin-right:5%;}











/*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{ position:relative;}

.proul li img{

	width:100%;

	float:left;
	border:1px solid #c8c8c8;



	height: 200px;



}



.proul li p{width:100%; text-align:center;float:left; margin-top:8px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:#000; opacity:0.6; padding:2% 0; color:#fff; position:absolute; bottom:0; }



.proul .ui-block-a{ margin-right:3.3%}*/





/*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{ position:relative;}

.proul li img{
	width:100%;
	float:left;
	border:1px solid #c8c8c8;
	height: auto;
}

.proul li p{width:100%; text-align:center;float:left; margin-top:8px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:#000; opacity:0.6; padding:2% 0; color:#fff; position:absolute; bottom:0; }

.proul .ui-block-a{ margin-right:3.3%}




/*news*/



.news_i{ width:100%; font-family:宋体; }



.news_i li { float:left; line-height:42px; height:42px;width:90.625%; padding:0 4.6875%; border-top:1px solid #fff; }



.news_i li a{width:100%; color:#3b393a;float:left;background:url(../mimages/newsico.png) no-repeat right center; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;}



.newsone{ background:#cfcfcf;}



.news_current{



background-image:-moz-linear-gradient(center top , #878787, #b4b4b4);



background-image: -moz-linear-gradient(top, #878787, #b4b4b4);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#b4b4b4));



background-image: -webkit-linear-gradient(top, #878787, #b4b4b4);



background-image: -o-linear-gradient(top, #878787, #b4b4b4);



background-image: linear-gradient(top, #878787, #b4b4b4);}



.news_current a{ color:#3b393a}



.newstwo{ background:#ababab;}



/*view*/



.title{ float:left; width:100%;background:url(../images/titlebg.gif) repeat-y top left; background-size:100%; box-shadow:0px 3px 3px #014335 inset;}



.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; backgr/ound:#01cead;}



@media all and (max-width:481px){



.title_word{ margin-left:2%;font-size:16px; }







}







.home{ float:right;margin-right:4.6875%; width:7%; margin-top:1% }



.home img{ width:100%; min-width:30px; max-width:44px;}



.view_title{ background:#cecece; text-align:center; width:100%; float:left; padding:5px 0;font-size:18px; margin:2% 0; font-weight:normal; font-family:微软雅黑; color:#557392; }



.padding20 p{

	text-indent: 24px;

	margin: 0px;

	padding: 0px;

	clear: none;

	float: none;

	height: auto;

	width: auto;

}









.viewpage{float:left;width:100%;margin-top:34px;}



.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#e7e7e7; color:#204060; padding:0 0.6%; height:38px; line-height:38px;margin-bottom:8px; }



.viewback{ margin:0 auto; width:22%; margin-top:30px;}



.viewback a{float:left; color:#204060;font-family:微软雅黑;height:34px; font-size:14px;line-height:34px;width:100%; text-align:center;



background:#cecece;}







.pages{



	height:30px; 



	width:94.4%;



	margin:0 auto;



	margin-top:15px;



	margin-bottom:10px;



}



.pages a{ color:#3b393a}



#dis{ background:#eae3e3; color:#b2a8a8;



	border:1px solid #eae3e3;}



.page_change{ 



	width:44px; 



	height:25px; 



	display:block; 



	text-indent:3px;



	margin:0 auto;



}



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



.share{ float:left; border-bottom:10px solid #196c5f; color:#fff;width:90.625%;padding:2% 4.6875%;



background-image:-moz-linear-gradient(center top , #46b8aa, #2d786f);



background-image: -moz-linear-gradient(top, #46b8aa, #2d786f);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46b8aa), to(#2d786f));



background-image: -webkit-linear-gradient(top, #46b8aa, #2d786f);



background-image: -o-linear-gradient(top, #46b8aa, #2d786f);



background-image: linear-gradient(top, #46b8aa, #2d786f);}







.share_but{ margin:0 auto; width:22%; margin-top:30px;}



.share_but a{float:left; border:1px solid #a3a9ab; color:#056250;font-family:微软雅黑;height:34px; font-size:16px;line-height:34px;width:100%; text-align:center; text-shadow:0 0 1px #fff; border-radius:4px;



background-image:-moz-linear-gradient(center top , #fdfefe, #8faca6);



background-image: -moz-linear-gradient(top, #fdfefe, #8faca6);



background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfefe), to(#8faca6));



background-image: -webkit-linear-gradient(top, #fdfefe, #8faca6);



background-image: -o-linear-gradient(top, #fdfefe, #8faca6);



background-image: linear-gradient(top, #fdfefe, #8faca6);}



.share_t{ background:#056250; box-shadow: 0 2px 3px #364b66 inset; border-top:4px solid #44a79b; font-family:微软雅黑;text-align:center; color:#fff; padding:1% 0;}



.proview{ float:left; width:100%;text-overflow:clip; overflow:hidden; white-space:nowrap;}