@charset "gb2312";
/* Style Reset */
img { border:0;max-width: 100%; width: expression(this.width >100% && this.height < this.width ? 100%: true);}
.ui-page{-webkit-backface-visibility: hidden; font-family:΢ÈíÑźÚ;font-size:1.1em; background:#fff;}
body{
	margin-top:30px;
	color:#333;
	font-family:΢ÈíÑźÚ;
	width:100%;
	overflow-x:hidden;
	background-repeat: no-repeat;
	background-position: center top;font-size:1.1em;
}
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:#333; 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% 3% 4%; color:#3a3a3a; float:left; width:94%; line-height:180%; min-height:300px; font-size:1.1em;}
.padding20 p{text-ind/ent:2em;}
.wrap{ margin:0 auto; width:100%; max-width:640px;background-size:100% ; overflow:auto;}
.wrap .search{ margin-top:0;}
.wrap .menu_but{ margin-right:3%;}
.iwrap{
	margin:0 auto;
	width:100%;
	max-width:640px;
	background-size:100%;
	overflow:auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/*×¢²á*/
.login{ width:90%;}
.login1{ text-indent:20px; font-weight:700}

.reg{ width:90%;}
.reg1{ text-indent:20px; font-weight:700}

.biaodan{line-height:200%; background-color:#FFFFFF; border-radius:5px; border:0px;}
.button{ background-image:url(../images/anniu.gif); width:78px; height:22px; line-height:22px; color:#FFFFFF; border:0;}
/*yuyue*/
.yuyuet{font-family:"΢ÈíÑźÚ";	 font-size:18px; color:#6a0807}
.input_class{ border:1px #ccc solid; line-height:1.5;}
.yuyue2{ width:100px; height:30px; background-color:#3974b0; color:#FFFFFF; border:0; border-radius:6px;}


/*ÊÖ»úbanne*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
/*ÂÖ²¥*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:50px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:45%;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#e0ba4f;}

.content{ float:left; width:93.75%; margin:0 3.125%; background:#fff;border-radius: 6px;}

 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%;margin-top:1%; margin-bottom:1%; }
.headermain{ margin:0 auto;max-width:640px; width:100%; }
.logo{ float:left; width:62%;  text-align:left; margin-left:3%; margin-top:2.2%;}
.logo img{ width:88%;min-wi/dth:160px; max-width:400px; }

.logo2{ float:left; width:18%;  text-align:center; padding-top:3%; line-height:3; font-size:1.0em; color:#ffbf00;}

.menu_but{ float:right; display:block; margin-right:1%; margin-top:2.5%; text-align:center;width:11%;min-width:42px;background:url(../images/menubg.png) no-repeat right top ; background-size:100% 80%; color:#fff; height:40px; padding-top:1%; text-align:center; }
.menu_but a{ float:left; width:100%; text-align:center; color:#fff; line-height:1.3}
.menu_but img{width:50%; }


.youshi0{ float:left;width:93.75%; margin:0 3.125% 2%; border-radius: 6px; background-color:#fff; font-size:1.2em;color:#003466; text-align:center;}

.youshi{ float:left;width:93.75%; margin:0 3.125% 2%; border-radius: 6px; background-color:#f0f0f2;}
.ystit1{ font-size:2.5em;color:#003466; text-align:center;}
.ystit2{ font-size:1.5em; color:#003466; text-align:center; font-weight:700;}
.ystit3{ font-size:1.1em; color:#808080; margin:2%;}

.jianjie{ float:left;width:89.75%; margin:2% 3.125%; padding:2%; border-radius: 6px; background-color:#f5f5f5; line-height:2;}
.jianjie .tit{font-size:1.5em;color:#003466; text-align:center;}

@media all and (min-width:640px){
.menu_but{ background-size:100% 100%;}
.proimg{height:160px;}
}
@media all and (max-width:481px){
	.logo{ float:left; width:70%; }
	.proimg{height:125px;}
}

@media all and (max-width:321px){
	.logo{ float:left; width:80%; }
.menu_but{ background-size:100% 70%;}
.proimg{height:105px;}
}

#modal { display:none; }
#pageslide { display:none; background:#daeffe;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 #fff;background:#003466;}
.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}


.search{margin:0 auto 2%; width:94%; padding:0 2%; }
.searchmain{float:left;width:100%; padding:1%; } 
.search_txt{ float:left;border: 0; margin-left:2%;  padding-left:2%;width:70%;line-height:30px;height:30px; color:#005da2; font-size:14px; background-size:100% 100%;background:url(../images/s2.png) no-repeat left center; text-indent:20px;background-size:30px 30px; color:#b3b3b3;}
.search_but{ float:right;width:78px;border-radius: 6px; border:0;height:31px; color:#FFFFFF; background:url(../images/search_but.png) no-repeat left center;}


/*Ê×Ò³*/
/* banner --------------------------------------------------------------------*/

.title_i{ float:left;width:100%; min-height:40px;background:url(../images/title.jpg) no-repeat top center; background-size:100% 100%; margin-bottom:1%;}
.title_i .fl{ float:left; margin-left:1%; padding:2%; font-size:1.3em; color:#212121;}
.more_i{ border-radius:3px; margin-top:2%;margin-right:2%; padding:1%; float:right; color:#efb120;font-size:1.0em;}

@media all and (max-width:481px){
.title_i .fl{ padding:2%; margin-top:1%;}
}

.product{ overflow:auto;width:94%; margin:0 3%;border-radius: 6px; padding:1% 2%; border:1px solid #cbe3f0;
background-image:-moz-linear-gradient(center top , #eef7fd, #fff);
background-image: -moz-linear-gradient(top, #eef7fd, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eef7fd), to(#fff));
background-image: -webkit-linear-gradient(top, #eef7fd, #fff);
background-image: -o-linear-gradient(top, #eef7fd, #fff);
background-image: linear-gradient(top, #eef7fd, #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_t{ float:left; width:100%;}
.pro_t h2{ color:#003466; margin-top:2%;margin-bottom:2%; }
.pro_t .fl{float:left; width:72%; }
.probut{ float:right; color:#fff; text-align:center; line-height:2.6; width:28%;background:url(../images/probut.png) no-repeat center ; background-size:100% 100%;  }
.probut a{ color:#FFFFFF}

.product ul{float:left;width:100%;  }
.product ul li{float:left;width:47%;margin-right:2%;background:url(../images/productbg.jpg) no-repeat center right; background-size:100% 100%; padding:3% 0.5% 0%}
.product ul li img{ width:100%; border:1px solid #c6c6c6;border-radius: 6px;}
.product ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:2; text-align:center; padding:0 2%;}
.proshadow{ float:left; width:94%; padding:0 3%; margin-bottom:1.2em;}
.proshadow img{ display:block;width:100%;}

.news{ float:left;width:96%; margin:0 2%; border-radius: 6px;}
.newsmain{float:left;width:100%;}
.news ul{float:left; width:100%; }
.news ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;
background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);
background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));
background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: linear-gradient(top, #faf9f9, #e2ecf8);}
.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;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1.2em;}

.newslist{ float:left; width:100%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;
background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);
background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));
background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: linear-gradient(top, #faf9f9, #e2ecf8);}
.newslist 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;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }

/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:99.6%; padding:4% 0.2% 1%; }
.footnav ul li{ float:left; border:1px solid #cadaec; box-shadow:0 0 1px #fff; padding:1% 0; text-align:center; color:#fff; width:19%; margin:0 0.5%; line-height:2;
background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);
background-image: -moz-linear-gradient(top, #fff, #e1ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));
background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);
background-image: -o-linear-gradient(top, #fff, #e1ecf8);
background-image: linear-gradient(top, #fff, #e1ecf8);

box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; overflow:hidden

}
.footnav ul li a{color:#003466; font-size:0.9em; }
.foottxt{ float:left; width:100%; color:#333; text-align:center; padding:4% 0;font-size:1.2em; background-color:#FFFFFF}
.footer{position:fixed; bottom:0; float:left;width:100%; max-width:640px;font-size:0.8em; background-color:#003466;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:30px; width:15%; padding:1.2% 2.5% 1.2%; }
.footer ul li a{float:left;min-height:20px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:42%; min-width:25px; margin-right:3px; vertical-align:middle}
/*product*/
.proul{width:100%;}
.proul ul{width:96%; padding:4px 2% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:13px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; float:left;border:1px solid #d6dadb;}
.proul li p{width:100%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0; text-align:left}
.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 #a9d5d5; color:#fff; background:#003466;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#f9af1a;  border-bottom:1px solid #a9d5d5;}


/*news*/
/*.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;}
*//*view*/
.view_title{text-align:center; width:100%;  float:left; padding:5px 0;font-size:16px; margin:0% 0; font-weight:normal; color:#003466; font-family:΢ÈíÑźÚ;padding-bottom:1%;margin-bottom:1%;}
.line{border-bottom:1px dashed #005da2;width:100%;  float:left; margin:1% 0 10px; height:1px; font-size:0; }
.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:#003466;
background:#deebfa;border:1px solid #bdd6f3;}

.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:#236ba9;
border:1px solid #cadaec;
background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);
background-image: -moz-linear-gradient(top, #fff, #e1ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));
background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);
background-image: -o-linear-gradient(top, #fff, #e1ecf8);
background-image: linear-gradient(top, #fff, #e1ecf8);}


.pages{width:40%;margin:15px auto; overflow:auto;}
.page_change{ float:left; width:60%;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:15%; height:28px; background:#003466;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle; display:inline}
@media all and (min-width:640px){
.left,.right{font-size:16px; color:#fff;text-align:center; width:38px; height:38px; line-height:38px; background:#003466;border-radius:4px;}
.inpro2{ width:166px; height:150px;}
}


@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
	.inpro2{ width:124px; height:115px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}




/*--Çл»±êÇ©--*/
.tab1{ float:left; width:98%;height:34px;height:34px; line-height:37px;  font-size:1.1em; background-color:#fff;}
.tab1 ul{margin:0 auto;padding:0; width:90%; padding-left:20px;}
.tab1 li{float:left; margin-right:1px; width:20%; overflow:hidden; text-align:center;cursor:pointer;color: #003466; font-size:1.1; font-weight:700;}
.tab1 li.now{color:#fff; font-weight:700;background:#fff;font-weight:bold; height:34px; overflow:hidden;
background-image: url('../images/arr2.gif'); background-size: 100%; background-repeat: no-repeat; background-position: bottom;}
.tablist{width:96%; margin:2%; border-top:0;display:none;line-height:2;
min-height:40px; overflow:hidden;}
.tablist img{ float:left; width:30%; padding:10px; line-height:25px;}
.block{display:block;}
.red{color:#BD0A01;}


.atab1{ float:left; width:98%;height:34px; font-size:1.1em; background-color:#fff;}
.atab1 ul{margin:0 auto;padding:0; width:98%; padding-left:1%; height:28.5px; border-bottom:1px #ddd solid;}
.atab1 li{float:left; margin-right:1px; width:30%; overflow:hidden; text-align:center;cursor:pointer;color: #003466; font-size:1.1; font-weight:700;background-image: url('../images/c2.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: bottom; line-height:1.3;height:32px;}
.atab1 li.now{color:#fff; font-weight:700;font-weight:bold; overflow:hidden; color:#fbaf16;background-image: url('../images/c.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: bottom;line-height:1.3; height:32px;}
.atab1 li.now div{ border-bottom:2px #fbaf16 solid;}
.atablist{width:96%; margin:2%; border-top:0;display:none;line-height:2;min-height:40px; overflow:hidden;}
.atab1 .block{display:block;}



.input_class{ margin:2%; line-height:1.2; height:30px; width:80%;}


.hhh{ clear:both; padding-left:20%;}
.hhh a{ font-size:1.2em; line-height:2;}
.paixu1,.paixu2,.paixu3{ float:left; margin:11px;text-align:center;  background-color:#f75200; width:18px; height:18px; line-height:18px; color:#FFFFFF}
.paixu4,.paixu5{ float:left;margin:5px 10px; text-align:center; background-color:#003466; width:18px; height:18px; line-height:18px; color:#FFFFFF}
.dh3{ width:100%; line-height:2.5; margin:0 auto;background-color:#f7f7f7; text-align:center;}
.dh3 a{ font-size:1.2em;}

/*newsul*/
.newsul{width:100%; }
.newsul li{width:94.6875%;margin:0 auto ;padding:0.6% 0;overflow:hidden;position:relative; line-height:1;}
.newsul li a{ color:#1e1e1e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news_img{display:block;width:25.7425%;border:1px solid #e9e9e9;padding:4px;background:#fff;float:left;margin:0 4.125% 0 1.98%}
.news_img img{display:block;width:100%; height:80px;}
.news_link{display:block;width:60.726%;float:left; font-size:1.2em; color:#3b3b3b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding-top:1.2%;}
.news_link2{display:block;width:99%;float:left; font-size:1.2em; color:#3b3b3b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding-top:1.2%;}
.newsul li div{float:left;width:60.726%;font-size:1.0em;color:#949494; line-height:1.3;}
.newsul li div.cc{float:left;width:98%;font-size:1.0em;color:#949494; line-height:1.3;}

.news_more{display:block;width:16.5%; padding:1.5% 0; font-size:1.2em;color:#fff;text-align:center;right:0;bottom:7px;position:absolute;background:#fe6c00}

.zuixintousu{ width:100%;}
.zuixintousu li{ width:100%;width:94.6875%;margin:0 auto 2%;padding:1% 0; line-height:1.3em; border-bottom:1px #989898 dotted; font-size:0.9em;}
.zuixintousu .cc{ font-size:1.0em;color:#999; line-height:1.6;}
.zuixintousu .cc span{ color:#464545;}
.zuixintousu li a{ font-size:1.3em;}

.circle{border-radius:100%; overflow:hidden; width:43px; height:43px; float:left; padding:0; margin:0.5% 1%;}
.circle img{ height:100%}

.heibang{background-color:#333; color:#FFFFFF; line-height:2; padding:1%; text-align:center; width:75%; margin:2% auto 0.5%; border-left:5px #d9bd6a solid; font-size:1.2em;}