@charset "utf-8";
/* Style Reset */
*{margin:0; padding:0;list-style:none;}
.clear { clear:both; }.fr{ float:right}.fl{ float:left}
body{color:#217fbb;font-family:微软雅黑; width:100%;}
a{text-decoration:none;outline:0px; color:#d66466; font-family:微软雅黑}
 /* header */
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto; overflow-x:hidden;background:url(../images/body.jpg) repeat}
.padding20{ margin:2% 3% 4%;float:left;width:94%; color:#019dbc; text-align:justify; line-height:180%; min-height:300px;}
.padding20 p {
	line-height:2.5;
	text-indent:5%;
}
.content{ float:left;width:100%; padding-bottom:3%;}
.header{ float:left;width:100%; min-height:35px; border-top:5px solid #226795;background:#fff}
.logo{ float:left; width:50%; text-align:center; }
.logo img{ width:84.06%;}
.menu_but{ float:right; display:block;text-align:right;width:20%;padding-top:3%; margin-right:3%;min-width:42px; color:#fff; max-height:45px; text-align:center;}
.menu_but a{ float:left;width:100%; text-align:center;padding:5% 0; font-size:1.3em;border:1px solid #fff;border-radius:20px; border:1px solid #b79807; color:#fff;
background:-webkit-linear-gradient(top,#eac20b,#c8a504);background:-moz-linear-gradient(top,#eac20b,#c8a504);background:linear-gradient(top,#eac20b,#c8a504);}
.menu_but img{width:20%; margin-left:3px; min-width:16px; }
#modal { display:none; } 
#pageslide { display:none;background:#4a4a4a;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#fff;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;}
.navli a:hover{ background:#000;}
.banner{float:left;width:100%; box-shadow:0 3px 5px #9d9d9d; margin-bottom:3%; }.banner img{ display:block;width:100%;}
/*index*/
.searchbg{ float:left;width:100%;padding:5% 0 0;background:url(../images/searchbg.gif) no-repeat top center #2180c1;}
.search{width:93.75%; margin:0 3.125%;float:left; border-radius:20px; box-shadow:1px 2px 5px #1c6ea6 inset;overflow:auto; background:#2180c1; border-bottom:2px solid #1a6599;}
.search_txt{ float:left; margin-left:2%; padding-left:9%;width:65%; min-height:30px; border-radius:10px; color:#fff; font-family:微软雅黑; border:0;background:url(../images/search_ico.png) no-repeat left center; background-size:6%}
.search_but{ float:right;width:20%; max-width:78px; border:0;height:30px; background:url(../images/search_but.png) no-repeat right center; color:#fff; text-shadow:1px 0 0 #024856; padding:0; font-family:微软雅黑; background-size:100% 100%}
.pronav{width:100%; float:left;  }
.pronav ul{width:100%; padding:4px 0% 0;  }
.pronav li{ width:28%; margin-bottom:4%; margin-left:4%; float:left;}
.protext{ width:100%;float:left; color:#313a39; padding:3% 0;}
.pronav li img{width:100%; display:block; box-shadow:0 0 7px #33c5e3; float:left;-moz-border-radius: 120px;-webkit-border-radius: 120px;border-radius:120px;}
.pronav a span{float:left;}

.pronav li p{width:96%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% ;color:#226795;}
.pronav .more{background:-webkit-linear-gradient(top,#f87375,#bc4245);background:-moz-linear-gradient(top,#f87375,#bc4245);background:linear-gradient(top,#f87375,#bc4245); float:left; width:94%; margin:0 3%;box-shadow:0 3px 3px #afaeaf; }
.pronav .more a{ color:#fff; text-shadow:1px 0 0 #b82b2d;}
.probut{ margin:0 auto; width:70%; display:block; color:#fff; text-shadow:0 1px 0 #a88b06; clear:both; text-align:center; line-height:2;background:-webkit-linear-gradient(top,#e9c20b,#c8a504);background:-moz-linear-gradient(top,#e9c20b,#c8a504);background:linear-gradient(top,#e9c20b,#c8a504);  }
.news{ float:left; width:93.75%; padding:0 3.125%; }
.news ul{ float:left; width:100%;}
.news li{ float:left; width:100%; overflow:hidden; border-radius:9px;margin-bottom:3%;position:relative;background:#fafafa;}
.newsimg{ float:left; width:21%; margin:2%;}
.newsimg img{ width:100%;}
.newstxt{ float:left;width:93%; margin:2% 0 2% 4%; color:#a9a9a9;}
.newstxt a{ float:left; width:60%; line-height:1.7; margin-bottom:2%;color:#fff; font-size:1.2em;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#909090; border-radius:6px;}
.newstxt p{ float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmore{  float:left; max-width:34px; width:10px; height:100%;}
.newsmore a{ position:absolute;  width:2%;left:0;height:100%;}
.newsmore a div{ position:absolute; float:left; width:100%; height:100%;}
.num1 a{ background:#31debb}
.num2 a{ background:#d4af06}
.num3 a{ background:#909090}
.num4 a{ background:#33c5e3}
.title_i{ float:left; margin-bottom:3%;width:100%; padding:1px 0 2%; background:url(../images/title.jpg) repeat-x left center; }
.title_i .fl{ float:left; padding:1% 2% 1% 4%; color:#01a5c5;background:url(../images/arrow_r.gif) no-repeat 3% center #33c5e3; background-size:10%; border-radius:16px; color:#fff; margin-left:3%;}
.tel{ float:right; background:#fff; box-shadow:0 2px 2px #b5b5b5 inset; padding:1% 2%; margin-right:3%; border-radius:10px; color:#ff3687; text-align:center; }
.title_i .fr{ color:#0c0c0c}
.title_i .fr font{ background:#31debb; color:#fff; }
.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:0.5%;margin-right:3%;width:7%;float:right;min-width:35px; }
.homeico img{ width:80%; min-width:28px;}
.promore{ position:relative; width:50%; float:right;}
.promore img{ position:absolute; right:3%; width:30%; top:-10px;}
.line{ float:left; width:100%; margin-bottom:3%;}
.line img{ width:100%; display:block}
.more{ border:1px solid #efc500; border-radius:6px;
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:-webkit-linear-gradient(top,#efc500,#c8a504);background:-moz-linear-gradient(top,#efc500,#c8a504);background:linear-gradient(top,#efc500,#c8a504); float:left; width:100%; text-align:center; margin-bottom:3%; }
.more a{  color:#fff; float:left; width:100%; line-height:2;}
.news_pro{ float:left; width:87%; padding:0 6.25% 5%;  }
.news_pro li{ float:left; width:42%; position:relative; padding-bottom:1%; }
.news_pro li .newspromore{ position:absolute; right:0; bottom:0;float:left; width:28%;color:#fff;}
.newspromore a{ color:#fff;background:url(../images/newsdetail1.png) no-repeat top center; padding:30% 0; background-size:100% 100%;}
.newspromore a:hover{ color:#fff;background:url(../images/newsdetail2.png) no-repeat top center; background-size:100% 100%;}
.newsprobg{ position:absolute;background:url(../images/newsprobg.png) no-repeat top center; float:left;width:100%; height:100%; z-index:999; background-size:100%; }
.news_pro li div{ width:72%;float:left;}
.news_pro li a{width:100%; display:block; float:left; text-align:center;}
.news_pro li img{width:100%;  display:block; border-radius:120px; }
.news_pro li .protxt{width:50%; position:absolute; bottom:15px; background:#02bade; color:#fff; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 10%; }
/*lobox */
.lobox{	width:90%;
	float:left;
	margin-left:5%;
	margin-top:5%;
	padding:5% 0 12% 0;}
.lobox label {
	font-size:0.9em;
	color:#3F4D5A;
}
.ly_input3 {
	width:85%;
	border:#CCC 1px solid;
	padding:1.5% 0;
	margin-bottom:3%;
	padding-left:1%;
	color:#A669AE;
}
.ly_text {
	width:85%;
	border:#CCC 1px solid;
	padding-bottom:15%;
	margin-bottom:3%;
	padding-left:1%;
	vertical-align:top;
}
.ly_reset {
background:#33C5E3;
	padding:1% 3%;
	color:#fff;
	margin-left:5%;
	cursor:pointer;
	font-size:1.1em;
	border:0;
}
.ly_submit {
background:#33C5E3;
	padding:1% 3%;
	color:#fff;
	margin-left:30%;
	cursor:pointer;
	font-size:1.1em;
	border:0;
}

/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:96%; padding:2% 2% 1%; }
.footnav ul li{ float:left; border:1px solid #28b9d6;padding:1% 0; text-align:center; color:#801e13; width:17%; 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:-webkit-linear-gradient(top,#44c4df,#159fbb);background:-moz-linear-gradient(top,#44c4df,#159fbb);background:linear-gradient(top,#44c4df,#159fbb);}
.footnav ul li a{ color:#fff; display:block; width:100%;}
.foottxt{ float:left; width:100%; color:#909090;font-size:11px; text-align:center; padding:2% 0;font-family:宋体;}
.foottxt a{ color:#909090;  }
.footer{float:left;width:90.625%; padding:0 4.6875%;font-size:1em; border-top:1px solid #9cdae7;
background:-webkit-linear-gradient(top,#17abc9,#0f90ab);background:-moz-linear-gradient(top,#17abc9,#0f90ab);background:linear-gradient(top,#17abc9,#0f90ab);}
.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}
/*product*/
.center{ text-align:center; width:100%; float:left;}
.center img{ width:90%;margin:5.8% 0;border:2px solid #019dbc;padding:1%;}
.proul{width:100%;float:left;}
.proul ul{width:94%; padding:0 3% 0; }
.proul li{ width:48%; margin-bottom:14px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; display:block; float:left;}
.proul .ui-block-a{ margin-right:3.3%}
.proul .proimg{ float:left; width:100%;border:1px solid #019dbc;background:#fff; padding:1%; box-sizing:border-box;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.proul .protxt{width:99%; float:left;border:1px solid #019dbc;line-height:2; background:#f2f2f2; text-align:center; margin-top:3px; color:#3f4d5a; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*news*/
.newslist{ float:left;width:100%; margin-top:-3%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%; margin-bottom:1px;}
.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:-webkit-linear-gradient(top,#fff,#e3e3e3);background:-moz-linear-gradient(top,#fff,#e3e3e3);background:linear-gradient(top,#fff,#e3e3e3);text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist ul li a:hover{ 
background:-webkit-linear-gradient(top,#e7e7e7,#d6d6d0);background:-moz-linear-gradient(top,#e7e7e7,#d6d6d0);background: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:96%;float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#fff; font-family:微软雅黑; background:#33c5e3;padding-bottom:1%;margin-bottom:2%;}
.pages{height:30px; width:94.4%;margin:3% auto;}
.pages a{ color:#3b393a}
.pagesli{ width:33%; float:left;}
#dis{ background:#eae3e3; color:#b2a8a8;border:1px solid #eae3e3;}
.page_change{width:44px; height:25px; line-height:25px;display:block; 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;}
.view_menu span{ float:left; cursor:pointer;padding:10% 0 5%;padding-right:10%;text-align:right;width:90%; color:#1e2450;}
.view_menu img{ vertical-align:middle;width:10%; margin-right:3px; margin-top:-3px;}
.view_menumain{float:right;right:5%; width:130px;border:1px solid #ccc; background:#fff; padding:2px 2px 0px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:100%; text-align:center; line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #ccc; font-size:14px; color:#555;}
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6c6c6c; font-family:宋体; padding:1% 0.6%;margin-bottom:8px;background:#e7e7e7; color:#6c6c6c}
.back{ float:left; width:100%;}
.back .fl,.back .fr{ font-size:15px; padding:1% 0;
border:1px solid #4f5056; color:#fff; text-align:center; border-radius:8px;
background:-webkit-linear-gradient(top,#efc500,#c8a504);background:-moz-linear-gradient(top,#efc500,#c8a504);background:linear-gradient(top,#efc500,#c8a504);border:1px solid #fff; box-shadow:1px 2px 3px #e7e7e7;}
.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;; padding:1% 0;
border:1px solid #4f5056; color:#fff; text-align:center; border-radius:4px;
background:-webkit-linear-gradient(top,#44454a,#2d2e32);background:-moz-linear-gradient(top,#44454a,#2d2e32);background:linear-gradient(top,#44454a,#2d2e32);}
.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}
.productnav{ float:right; position:relative; margin-right:3%; margin-top:0.5%; width:30%; text-align:right}
.productnav img{ max-width:162px; width:100%; min-height:26px;max-height:41px; heig/ht:100%; min-wi/dth:100px;}

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