/* CSS Document */
@charset "utf-8";
/*commmon*/
*{-webkit-text-size-adjust:none;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
html, body{width:100%; height:100%; font-size:12px; line-height:1.2em; font-family:Arial, Helvetica, sans-serif}
body{font-size:1em; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#000;}
li{list-style:none;}
img, fieldset{border:none;}
img{vertical-align:middle;}
input, select, textarea{font-size:100%; color:#767676; background:#fff;}
hr{display:none;}
em, address{font-style:normal;}
table{border-spacing:0;}
a:link, a:visited, a:hover, a:active{text-decoration:none;color:#434343;}
a{blr:expression(this.onFocus=this.blur());outline:none; color:#434343;}
button{overflow:visible; cursor:pointer;}


.body{max-width: 640px;margin: auto;min-height: 100%;min-width:320px;}
/**header*/
.navtop{height: 86px; display:block; background:url(../images/topbg.jpg) repeat-x;position: relative;border-bottom: 6px solid #1392d4;}
.topemail{width: 56px;float: right;overflow: hidden;margin-right: 56px; display:none;}
.logoed{ margin: 18px 0 10px 20px; width: 191px; float: left; overflow: hidden;}
.logoed img{ width: 191px;}
.menued{height: 86px; width: 58px;float: right;position: absolute;right: 0;top: 0;}
.naved{ background:url(../images/topnav.jpg) no-repeat;display:block; height: 86px; width: 55px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0); float: right;}
.naved_hover{ background: url(../images/topnav.jpg) no-repeat; display: block;  height: 86px;  width: 55px;  cursor: pointer;  -webkit-tap-highlight-color: rgba(0,0,0,0);}

.boxded{  background-color: #00B497;position:absolute;   top: 73px; right:0px; z-index:100; width:118px; color:#fff;   }
.boxded a{padding-right:10px; color: #FFF; font-size:14px; font-weight:bold; text-align:right; width:108px; height:32px; line-height:32px; border-bottom: 1px solid #007D88;display: block;}

.clear{ clear:both;}

.history{width: 56px;float: left;overflow: hidden;}

.index_header .history{ display:none;}
.index_header .topemail{ display:block;}

/*banner*/
.indexbanner .box_swipe {overflow: hidden; position: relative;background: #188cca;}
.indexbanner .box_swipe ul {overflow: hidden; position: relative;}
.indexbanner .box_swipe ul > li {
  float:left;
  width:100%;
  position: relative;
}
.indexbanner .box_swipe>ol{
	height: 25px;
	position: relative;
	z-index:10;
	text-align: center;
}
.indexbanner .box_swipe>ol>li{
	display:inline-block;
	margin:10px 2px;
	width: 35px;
	height: 5px;
	background-color:#fff;
}
.indexbanner .box_swipe>ol>li.on{
	background-color: #1af2c4;
}

.container{
	margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
	overflow-x: hidden;overflow: hidden;
}
.index_type{ overflow:hidden; margin:25px 3% 0;}
.type1{ width:31.3%; overflow:hidden; float:left;}
/*nav*/

.nav{ background:#188cca; overflow:hidden; padding:20px 0;}
.nav td{ text-align:center;}

.hoprotitle{ height: 30px; line-height: 30px; background:#ededed; }
.hoprotitle a{ color:#414141; font-size:14px; font-weight:bold; text-transform:uppercase;background:url(../images/hotsidebg.jpg) no-repeat left center; padding-left: 25px; display: inline-block; margin-left: 15px;}

.procover_tab dl{overflow:hidden; zoom:1; margin:0 0 20px;}
.procover_tab dd{float:left; width:27%; margin: 15px 2.5%; text-align:center;border:2px solid #ccc;}
.procover_tab dd img{width: 100%;height: auto;}
.procover_tab dd p{text-align:center; line-height: 22px;  padding: 8px 0;height: 40px;}
.procover_tab dd:hover{border:2px solid #0387cc; background:#0387cc}
.procover_tab dd:hover p{ color:#fff;}

.index_faq{ padding:10px;}
.faq li{ overflow:hidden;zoom:1; line-height: 25px;_height:37px; _line-height:37px; border: 1px solid #ccc; color: #434343; padding: 8px; margin-bottom: 15px;}
.faqt{ background: url(../images/faqin.jpg) no-repeat center left; padding-left: 25px;}
.faq li a,.faq li a:visited{color: #434343;}
.faqb{padding-left: 30px;line-height: 22px;}




/*bot nav*/
.bot_nav{background: #188cca;height: 70px; z-index: 500; width: 100%; position:fixed; bottom:0;max-width: 640px;margin: 0 auto;border-top: 5px solid #046ba0;}
.bot_nav .event_content{height:60px;width:100%; margin:0 auto; position:relative;text-align: center;}
.bot_nav .event_content a{ color: #94d9fe; margin: 7px 0 0 0; float:left;width: 25%; font-size: 120%; text-transform: uppercase;}
.bot_nav .event_content a:hover{ color:#044A6E;}
.bot_nav .event_content img{ margin-bottom:3px;}
.bot_nav .event_content p{ line-height:24px; height:24px; text-align:center;}




@media only screen and ( max-width: 380px ) {
.bot_nav .event_content a{ color: #94d9fe; margin: 7px 0 0 0; float:left;width: 25%; font-size: 14px;}
}



/* inquiry end*/

.backToTop { display: none; width: 40px; line-height: 40px; background: url(../images/st.png) no-repeat 8px 13px #046ba0; color: #fff; font-size: 14px; text-align: center; position: fixed; _position: absolute; right:20px; bottom: 150px; _bottom: "auto";  cursor: pointer; opacity: 0.5; filter:Alpha(opacity=50);text-indent: -9999px;}
.backToTop:hover { background-color: #046ba0;opacity:1; filter:alpha(opacity=100);}
/*aboutlist*/
.aboutlist{ line-height:22px; padding:10px;text-align: justify;}
.aboutlist h1{ text-align:center; font-size:16px; margin-top:15px; color:#565656; margin-bottom:15px;}
.clickinfo{ text-align:right; margin:10px;}


.detailtlist{ line-height:22px; padding:10px;text-align: justify;}
.detailtlist h1{ text-align:center; font-size:16px; margin-top:15px; color:#565656; margin-bottom:15px;}
.detailtlist img{ width:100%; height:auto;}


.casecover{ padding:10px;}
.caselist{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 15px; padding-bottom:8px;}
.caselisttitle{ font-size:16px; font-weight:bold; color:#4e4e4e; text-transform:uppercase; margin-top:10px;}
.caselist img{ max-width:365px; width:100%; height:auto; margin:15px 0;}
.caselist p{ line-height:22px;}
.casedetail{ height:26px; line-height:26px; background:url(../images/casedetail.png) no-repeat right center; background:#e6e6e6; color:#077cb9; text-transform:uppercase; font-weight:bold; padding-left:20px; margin-top:20px;}

/*news*/
.newscover{ padding:10px;}
.newslist{ border:1px solid #ccc; margin:10px 0;padding: 5px;}
.newdate{ color:#979797; margin:5px 0;}
.newslist p{ line-height:22px; margin-top:8px;}
.newslist img{ margin: 0 5%; width: 90%;}



/*zhegnshu*/
.cerfiticationlist .procover_tab dd{border: 2px solid #fff;}

.cerfiticationlist .procover_tab dd:hover{border: 2px solid #0387cc;}
.cerfiticationlist .procover_tab dd{margin: 10px 2.5%;}
/*contact*/
.con_conneri span{ background:url(../images/icons.png) no-repeat; display:inline-block;}

.con_conneri{ margin-top:20px;}
.con_conneri p{ margin-left:10px; line-height: 36px;font-size: 14px;}
.con_conneri span{ width:21px; height: 28px; float: left; margin-right: 5px;}
.con_conneri span.con_conneriemail{ background-position: -85px 6px;}
.con_conneri span.con_conneritel{ background-position: -45px 6px;}
.con_conneri span.con_conneritel2{ background-position: 0 6px;}
.con_conneri span.con_connerifax{ background-position: -25px 6px;}
.con_conneri span.con_conneriadd{ background-position: -65px 6px;}
.con_conneri a{ color:#0078b6; text-decoration:underline;}
.shuru{width: 75%;border: 1px solid #ccc;height: 30px;line-height: 30px;margin-bottom: 10px;color: #333;box-shadow: 0 1px 0 #918F8D inset,0 1px 2px rgba(0,0,0,0.5);border-radius: 6px;}
.inquirymain textarea{width:100%;box-shadow: 0 1px 0 #918F8D inset,0 1px 2px rgba(0,0,0,0.5);border-radius: 6px;}
.btn_sumit{width: 100px;height: 36px;margin: 0 5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #FEAC00;font-size: 16px;border: 1px solid #F57F01;background-image: linear-gradient(bottom,#FE7002 0,#FEAC00 100%);background-image: -moz-linear-gradient(bottom,#FE7002 0,#FEAC00 100%);background-image: -webkit-linear-gradient(bottom,#FE7002 0,#FEAC00 100%);box-shadow: 0 1px 0 #FEBE3A inset,0 1px 2px rgba(0,0,0,0.5);border-radius: 5px;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.2);}


/*service*/
.servicetitle{ color:#fff; font-weight:bold; font-size:14px; padding: 3px 12px; background:#1392d4; line-height: 22px; display: inline-block; margin: 15px 0;}
.service{ line-height:22px; padding:10px;}
.service p{line-height:22px;}



/*procover*/
#accordion{ padding-bottom:20px;}
#accordion h2{z-index:30;   font-size:1em;background:  #ededed;padding: 0px 0 0px 15px;}
#accordion h2:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
#accordion h2 a{     white-space:nowrap; text-overflow:ellipsis;font-size:14px;color: #414141;padding-left: 25px; background: url(../images/hotsidebg.jpg) no-repeat left center #ededed;      height: 30px; display: inline-block;      line-height: 30px;}
#accordion h2.current span{background: url(../images/ico2.jpg) no-repeat right center #ededed; color: #414141;font-weight: bold;}
#accordion h2.current a{ font-weight:bold;}
#accordion h2 span{display: inline-block;background: url(../images/ico1.jpg) no-repeat right center #ededed;overflow: hidden;  padding: 10px 50px 10px 10px;float: right;height: 10px;}

#category_1{ margin-bottom:8px;}


#fenye{ text-align:center; margin:10px 0;}
#fenye a{ border:1px solid #ccc; padding:3px; margin:0 3px;}








/*prodetail*/
.productslist{ padding:5px;}
.productslist1{ overflow:hidden; border:1px solid #ccc; padding:5px; margin:10px 0;}
.productslist1img{ width:60%; float:left;}
.productslist1img img{ width:100%; border-right:1px solid #ccc;}
.productslist1txt{ float:right; width:36%;}
.productslist1txttitle{ margin:8px 0;}
.productslist1txttitle a{ color:#414141; font-weight:bold; text-transform:uppercase; font-size:14px;}
.productslist1txt p{ line-height:22px; }
.productslist1txt p a{color:#414141;}
.productslist1txt .data{max-height:150px; overflow:hidden;display: block;}
.productslist1txt .data li{overflow:hidden; zoom:1;  color: #666666;line-height: 21px;}
.productslist1txt .data .data_l{ margin-right:1%;  text-shadow:none;font-size: 14px; color: #000000;}
.productslist1txt .data .data_r{float:left; width:64%;}

.productslist1txt p a .prop2{ color:#0179b7; display:block;}
.prolisttel{ background:#00b48e; border-radius:5px; width:100%; text-align:center; margin-top:8px;}
.prolisttel a{ color:#fff; display:inline-block; text-transform:uppercase; font-weight:bold; padding:8px 0;}
.prolistin{ background:#1392d4; border-radius:5px; width:100%; text-align:center;margin-top:8px;}
.prolistin a{ color:#fff; display:inline-block; text-transform:uppercase; font-weight:bold; padding:8px 0;}
@media only screen and ( max-width: 530px ) {
	.productslist1txt .data{ display:none;}
	.prodetail .productslist1txt .data{ display:block;}
}



/*detail*/
.prodetail{ padding:10px;}
.prodetail .prolisttel{width:45%; margin:15px 2.5%; float:left;}
.prodetail .prolistin{width:45%; margin:15px 2.5%; float:right;}
.prodetail_top h1{ text-align:center; margin: 5px 0; line-height: 22px; font-size: 18px;}

.prodetail_top .box_swipe {overflow: hidden; position: relative;padding: 10px;border: 1px solid #ccc;}
.prodetail_top .box_swipe ul {overflow: hidden; position: relative;}
.prodetail_top .box_swipe ul > li {
  float:left;
  width:100%;
  position: relative;
}
.prodetail_top .box_swipe>ol{
	height: 25px;
	position: relative;
	z-index:10;
	text-align: center;
	margin-top: -45px;
}
.prodetail_top .box_swipe>ol>li{
	display:inline-block;
	margin:10px 2px;
	width: 12px;
	height: 12px;
	background-color: #d9d9d9;
	border-radius: 10px;
}
.prodetail_top .box_swipe>ol>li.on{
	background-color: #00b48e;
}

.prodetaicon{ overflow:hidden;}
.prodetail_toptxt .data{ margin-bottom:15px;}
.prodetail_toptxt .data li{overflow:hidden; zoom:1; padding:5px 0px; border-bottom:1px dashed #ccc;color: #666666;line-height: 22px;text-align: justify;}
.prodetail_toptxt .data .data_l{ margin-right:1%;  text-shadow:none;font-size: 14px; color: #3c3c3c;}
.prodetail_toptxt .data .data_r{float:left; width:64%;}
.table_bg{ line-height:22px;}
.prodetail #accordion h2 a{text-transform:inherit;}


.prodetail #accordion{ padding-bottom:20px;}
.prodetail #accordion h2{z-index:30; padding:0;  font-size:1em;}
.prodetail #accordion h2:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
.prodetail #accordion h2 a{     white-space:nowrap; text-overflow:ellipsis;font-size:14px;color: #414141;text-transform: uppercase;padding-left: 25px; background: url(../images/hotsidebg.jpg) no-repeat left center #ededed; height: 20px; display: inline-block; line-height: 20px;}
.prodetail #accordion h2 a span{ padding-left: 25px; background: url(../images/hotsidebg.jpg) no-repeat left center #ededed; height: 20px; display: inline-block; line-height: 20px;}
.prodetail #accordion h2.current span{background: url(../images/ico2.jpg) no-repeat right center #ededed; color: #414141;font-weight: bold;}

.prodetail #accordion h2 span{padding: 0 13px;display: block;background: url(../images/ico1.jpg) no-repeat right center #ededed;overflow: hidden; float: none;
height: auto; padding: 8px 50px 8px 10px;}

.prodetail #category_1{ margin-bottom:8px;}.table_bg table{border:none;border-top:1px solid #cccccc; border-left:1px solid #cccccc; text-align:center; text-shadow:none;width:100%;}.table_bg table tr{border:0px;text-align: center;}.table_bg table td,.table_bg table th{border:none;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:0;padding:5px 0px;text-align: center;}