/***************** reset *****************/
*{ margin:0; padding:0; word-wrap:break-word;}
body{ color:#666; font:16px/1 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; background:url(../images/bg.gif) repeat-x top;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
ul, li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

/* 禁止webkit横屏改变字体大小 */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;padding: 0px;margin: 0px;border: none;}
/* 超出隐藏 */
.overflow{overflow: hidden;}
/* 点击去除阴影 */
a, button, input, i{-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
/* 图片自适应调整 并解决图片缩放的失真问题*/
img{/* [disabled]max-width:100%;
*/height: auto;border: none;interpolation-mode: bicubic;}
/* 文字居中 */
.txt-center{text-align: center;}
.txt-justify{text-align: justify;text-justify: inter-ideograph;}
/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}
/* 自动居中 */
.mg-auto{margin-left: auto;margin-right: auto;position: relative;}

@media screen and (max-width : 360px){
	body{font-size: 10px;}
	#wrap{width: 100%;}
}
@media screen and (min-width: 360px) and (max-width : 500px){
	body{font-size: 10px;}
	#wrap{width: 100%;}
}
@media screen and (min-width: 500px) and (max-width: 1024px){
	body{font-size: 15px;}
}

.clear{clear:both; height:1px;font-size:0;line-height:0;}

/***************** universal *****************/
#page{ max-width:640px; margin:0 auto; background:#fff;}

#head{ width:100%; padding:1em 0;}
#head .logo{ width:65%; height:4em; float:left; background:url(../images/logo.gif) no-repeat 2px center; background-size:contain;}
.top_rt{ width:30%; float:right; font-size:1em;}
.top_rt div{ padding-top:1em;}
.top_rt div.language{ padding-top:1em;}
.top_rt div a{ margin:0 0.625em;}
.after_login{ padding-bottom:1em;}

/* 滑动焦点图 */
.swiper-container{ height:auto;width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden;z-index:5;background:#F8F8F8;}
.swiper-wrapper{position:relative;z-index:10;}
.swiper-slide{position:relative;text-align:center; float:left;}
.swiper-slide a{position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{max-height:100%;vertical-align:middle; position:relative;}
.pagination{position:absolute; height:1.2em; width:100%;bottom:0.4em;z-index:100; text-align:right; text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block; height:0.7em; width:0.7em; background:#FFF; border-radius:50%; _display:inline; margin-right:1em;}
.pagination .swiper-active-switch{background:#53e400;}

/* 焦点图*/
/*.slideBox{ width:100%; min-height:10em; max-height:24em; margin:0px auto; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ height:auto; position:relative; text-align:center;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); display:block; margin:0 auto; padding:0;}去掉链接触摸高亮
.slideBox .bd li .tit{ color:#fff; display:block; position:absolute; text-indent:10px; width:100%;}
.slideBox .pic img{ width:100%;}

.slideBox .hd{ width:100%; position:absolute; right:0; bottom:1.5em; z-index:1; text-align:center;}
.slideBox .hd li{ width:0.5em; height:0.5em;  line-height:2em; display:inline-block;margin-right:0.5em; background:#333; text-indent:-9999px; overflow:hidden; background-color:#999; text-align:center;}
.slideBox .hd li.on{ background:#1255a6; color:#fff;}*/

/***************** nav *****************/
#nav{ width:100%; height:4em; margin-bottom:1.5em; background:#fff url(../images/nav_bg.gif) repeat-x top; background-size:contain;}
#nav ul li{ width:20%; float:left; display:inline;}
#nav ul li a{ width:100%; line-height:4em; float:left; display:block; text-align:center; color:#333;}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#1255a6; text-decoration:none;}

/* hot products */
.box{ width:100%;}
.box .title{ height:4em; line-height:4em; background:url(../images/tl_bg.gif) no-repeat 0 center; background-size:contain;}
.box .title h3{ padding-left:2.2em; font-size:1.5em; line-height:2.6em; float:left; color:#000;}
.box .title .more{ float:right; padding-right:1em;}
.box .con{ padding:1.5em 0;}

ul.pro_list li{ width:30%; height:5em; float:left; margin:0.3em 0 0.3em 0.6em; border:1px #c8cfd7 solid; background:url(../images/pro_bg.gif) repeat-x bottom; background-size:contain;}
ul.pro_list li.last{}
ul.pro_list li .pic{ width:50%; height:5em; float:left; overflow:hidden; background:#fff;}
ul.pro_list li .pic img{ margin-top:1em; width:100%;}
ul.pro_list li .name{ width:45%; display:block; float:right; line-height:1em; padding-top:1.5em;}

ul.news_list li{ padding:0 0 0.3em 1em; margin-bottom:1em; border-bottom:1px #e7ebef solid;}
ul.news_list li a{ font-size:1.2em; display:block;}
ul.news_list li span.data{ color:#adadad; line-height:1.5em;}

.about .con{ font-size:1.2em; line-height:1.5em; padding:1em;}
.a_pic{ text-align:center;}
.a_pic img{ width:100%;}

/***************** foot *****************/
#foot{ height:5.5em; margin-top:2em; padding:0.8em 0 0 1em; line-height:1.5em; background:url(../images/foot_bg.gif) repeat-x;}

/***************** insidepage *****************/
@media all and (min-width:900px) {
	html, body {
		height:100%;
	}
	#menu {
		/*background:#eee;*/
	}
	#page {
		
		min-height:100%;
	}
	/* hide open-button */
	a[href="#menu"]
	{
		/*display:none !important;*/
	}
}

#header{ background:#1c60ad; color:#fff; text-align:center; line-height:5em; height:5em; padding:0 50px; position:relative;}
.subHeader i.i-small{ position:absolute;left:16px !important;top:11px !important;margin:0px;}
#header a{ display:block; width:3em; height:2.5em; position:absolute; top:1.2em; right:0.8em; background:url(../images/icon2.png) no-repeat 0 center; background-size:contain;}
#header a.backBtn{ position:absolute;left:0.8em; background:url(../images/icon1.png) no-repeat 0 center; background-size:contain;}
#header .logo{ font-size:1.5em;}

#page nav{ display:none;}
/* Menu navigation */
.o-page .mm-ismenu{ background:#0e4f99 !important;}
.o-page .mm-list *{ font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; text-shadow:none;}
.o-page .mm-list > li{ background-color:#1357a4; color:#fff;}
.o-page .mm-menu.mm-vertical .mm-list .mm-panel{ padding:0px 0px 0px 40px !important; background-color:#0e1419 !important;}
.o-page .mm-menu.mm-vertical .mm-list .mm-panel li{ background-color:#0e1419; border-bottom:1px solid #233241; border-left:1px solid #233241;}
.o-page .mm-menu > .mm-list{ padding:0px;}
.o-page .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),.o-page .mm-menu .mm-list > li.mm-selected > span{ background:#074386; color:#fff;}
.o-page .mm-menu li.mm-noresults{ text-align:center; font-size:15px; display:none; padding:10px;}
.o-page .mm-menu .mm-list > li > a.mm-subclose{background: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.3);}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{ top:20px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{ height:50px;}

.o-page .mm-menu .mm-list > li.mm-selected i.i-small{ background-position-y:-260px;}
.o-page .mm-list > li > a,.o-page .mm-list > li > span{ line-height:30px; padding:10px 10px 10px 15px; text-decoration:none;}
.o-page .mm-list > li > a:hover{ background:#1c60ad;}
.o-page .mm-list a.mm-subopen{ padding:0px;}
.o-page .mm-list a.mm-subclose:before { left:12px;}
.o-page .mm-list a.mm-subclose{ text-indent:10px; padding-top:30px !important;}

.o-page .mm-menu.mm-hassearch > .mm-panel{ padding-top:15px;}
.o-page .mm-menu .mm-search input{ background:none repeat scroll 0 0 rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 0.6);}

.o-page .mm-search{ display:none;}
.o-page .search{ position:relative;}
.o-page .search,.search input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.o-page .search input{ font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.o-page .search{background: inherit; width: 100%; height: 65px; padding: 10px; position: relative; top: 0; z-index: 2;}
.o-page .search input{-webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: none; border: none; border-radius: 15px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px;}
.o-page .search .search_btn{ width:30px; height:30px; display:block; position:absolute; top:10px; right:15px; background:url(../images/search_btn.gif) no-repeat center center;}


#i_banner{ text-align:center;}
#i_banner img{ width:100%;}

.category{ width:100%; height:3em; padding:1em 0;}
.category ul li{ width:19%; margin-left:1%; float:left; background:url(../images/category_bg.gif) no-repeat 0 0; background-size:contain;}
.category ul li a{ width:100%; height:3em; line-height:2em; display:block; font-size:1.2em; color:#333; text-align:center; }

.i_news ul.news_list li a{ font-size:1.5em;}

.i_newshow .con{ padding:0 1.2em;}
.textTitle{ margin:1.2em auto 0; font-size:2em; line-height:1.2em; color:#000 }
.subtime{ font-size:0.9em; line-height:2em; color:#b3b3b3;}
.article{ padding:2em 0; line-height:1.5em; font-size:1.5em;}
.article img{ width:100%; text-align:center;}

.back{ line-height:2.5em; text-align:right; padding-right:1.2em; background:#f0f1f3;}

.i_products{ margin-top:1em;}
.i_pro .i_pic{ width:45%; margin:0.5em 3% 0 3%; float:left; border:1px #c8cfd7 solid;}
.i_pro .i_pic img{ width:100%;}
.i_pro ul{ width:48%; float:right;}
.i_pro ul li{ font-size:1.5em; line-height:1.8em; color:#000;}

ul.i_pro_list li{ width:45%; float:left; padding:1em 0 2em 3%; text-align:center;}
ul.i_pro_list .pro_pic{ height:9.375em; overflow:hidden; display:block; border:1px #c8cfd7 solid; margin-bottom:0.5em;}
ul.i_pro_list .pro_pic img{ width:100%;}
ul.i_pro_list li a{ font-size:1.2em; color:#000; line-height:1.2em;}
ul.i_pro_list li span{ display:block;}

ul.honor_list .pro_pic{ height:12em; }

.paging{ height:3em; margin-top:2em; padding:0 1em;}
.paging .pagebtn{ float:left;}
.paging a,.paging .pagenum{ width:30%; height:3em; float:left; margin-left:2%; font-size:1.5em; color:#000; line-height:3em; text-align:center; display:inline; background:#e7ebef;}
.paging .pagenum{ float:right;}
.paging span.prev a,.paging span.next a,.paging span.page_num a{ width:100%; color:#000;}

.pro_info{ padding:0 1em;}
.pro_info .pic{ width:100%; overflow:hidden;}
.pro_info .pic img{ width:100%;}
.pro_info .info{ width:100%; font-size:1.2em; line-height:1.2em; margin-top:2em;}
.pro_info .info h3{ padding-left:0.8em; margin-bottom:0.5em; font-size:1.5em; color:#000; background:url(../images/icon.gif) no-repeat 0 center; background-size:contain;}

.ask_for{ width:35%; height:2em; margin-top:1em; display:block; text-align:center; font-size:1.5em; color:#000; line-height:2em; background:url(../images/askfor_btn_bg.gif) no-repeat 0 0; background-size:contain;}

/* pro_detail */
.detail_tab{ width:100%; height:3em; padding-top:0.2em; margin-top:2em; background:url(../images/nav_bg.gif) repeat-x bottom; background-size:contain;}
.detail_tab ul li{ float:left; text-align:center;}
.detail_tab ul li a{ width:5em; height:1.8em; margin-left:0.8em; line-height:1.8em; font-size:1.5em; display:block; color:#ff8400; border-top:3px #ff8400 solid; border-left:1px #c8cfd7 solid; border-right:1px #c8cfd7 solid; background:#fff;}

.detail .con_con h3{ margin-bottom:0.8em; font-size:1.2em; color:#000; display:block;}
.detail .con_con .info_con{ padding:2em 1em; border-bottom:1px #e7ebef solid; font-size:1.2em; line-height:1.2em;}
.detail .con_con .info_con img{ width:100%;}

.parameter_table{ text-align:center;}
.parameter_table td{ border-collapse:collapse; border:2px #969696 solid;}

.research_info{ padding:0.8em; font-size:1.2em; line-height:1.5em; background:#f5f7fa;}

.contact{ margin-top:1em;}
.contact .con{ line-height:1.5em; font-size:1.5em; padding:0.8em;}
.map img{ width:100%;}

.login_box{ padding:2em 2em 0;}
.login_box p{ padding-bottom:0.5em;}
.login_box p label{ width:40%; font-size:1.8em; line-height:1.5em; color:#333; display:block;}
.login_box p input.text{ width:95%; height:3.5em; line-height:1.5em; font-size:1.5em; color:#999; padding-left:0.5em; border:none; background:url(../images/input.gif) no-repeat 0 center; background-size:contain;}
.login_box p input.v_w{ width:30%; height:3.5em; line-height:1.5em; background:url(../images/input1.gif) no-repeat 0 center; background-size:contain;}
.login_box p input,.login_box p img{ height:3.5em; vertical-align:middle;}
.login_box a.login_btn,.register_btn{ width:70%; height:2.5em; line-height:2.5em; margin:1em auto 0; display:block; text-align:center; font-size:2em; color:#fff; background:#1c60ad;}
.register_btn{ background:#ed7020;}

.function{ font-size:1.5em; margin:2em 0 1em; color:#999;}
.function span{ float:right;}

.toolbar{ height:1.5em; padding:0.5em; margin-top:2em; line-height:1.5em; font-size:1.5em; background:#e9ecef;}
.toolbar a{ color:#000; font-family:Arial;}
.toolbar a.top{ color:#a5a5a5; padding-left:2em; float:right; background:url(../images/top.gif) no-repeat 0 center; background-size:contain;}

.cart_text01{ margin-top:2em; padding:1.5em; background:#f7f7f7;}

.cart_img{ width:40%; float:left;}
.cart_img img{ width:100%; border: 1px solid #e9e9e9;}
.cart_t{ float:left; width:45%; margin-left: 1.5em;}
.i_cart_t{ width:55%;}
.cart_b a{ font-size:1.6em; color:#0e6eb8; height:2em;}
.cart_b{ height:2.5em;}
.cart_c{ font-size:1.2em; line-height:1.5; height:2em;}

.cart_r{ float:right; width:6.5%; padding-top:4em;}
.cart_r img{ width:100%;}
.cart_q a{ margin:1em 0; font-size:1.5em; float:right; clear:both; background:url(../images/cart_13.jpg) left top no-repeat; text-indent:1.5em; width:48%; display:block; line-height:1.2; color:#000; background-size:contain;}

.quantitye li{ float:left; margin-right:0.5em;}
.quantitye li a{ display:block; text-indent:-9999px;}
.quantitye .l{ width:11%; background:url(../images/cart_03.jpg) 50% 50% no-repeat; border:2px solid #cacaca; background-size:contain;line-height:2;}
.quantitye .c{ width:20%; border:2px solid #cacaca; line-height:1.8em;}
.quantitye .c input{ width:90%; padding-left:0.2em; font-size:1.5em; border:none;}
.quantitye .r{ width:11%; background:url(../images/cart_05.jpg) 50% 50% no-repeat; border:2px solid #cacaca; background-size:contain;line-height:2;}

.accounts{ line-height:1.5; font-size:1.5em; width:90%; margin:0 auto;}
.accounts span{ color:#f00;}

.next_btn{ width:60%; height:2.2em; line-height:2.2em; margin:1.5em auto 0; display:block; text-align:center; font-size:2em; color:#fff; background:#000;}

.consignee .title,.cart_box .title{ margin-top:1em; padding:0 1em; height:3.5em; background:#e3e3e3;}
.consignee .title span.arrow{ width:2.8em; height:2.8em; margin-top:0.3em; display:block; float:right; background:url(../images/stb.jpg) no-repeat 0 center; background-size:contain;}
.consignee .title h3,.cart_box .title h3{ font-size:1.5em; line-height:2.2em; color:#000;}
.consignee .con{ padding:1.5em;}
.consignee p{ padding-bottom:0.5em;}
.consignee p label{ width:80%; font-size:1.8em; line-height:1.5em; color:#333; display:block;}
.consignee p input.text{ width:95%; height:3.5em; line-height:1.5em; font-size:1.5em; color:#999; padding-left:0.5em; border:none; background:url(../images/input.gif) no-repeat 0 center; background-size:contain;}

.consignee p select{ width:98%; height:2.5em; font-size:1.5em; padding:0.5em; margin-bottom:1.5em;}
.consignee p textarea{ width:95%; font-size:1.5em; padding:0.5em; height:7.5em; border:none; color:#999; background:url(../images/textarea.gif) no-repeat 0 0; background-size:contain;}

.member_box{ padding:1em 0;}
.member_box p{ font-size:1.2em; line-height:1.5em; padding:0 0.8em 1.5em;}
.member_box p span.red{ color:#d52800;}
.member_box p span.gray{ color:#999;}

.m_btn .title{ margin-top:2px; padding-left:1em; height:4.8em; background:#e3e3e3; background-size:contain;}
.m_btn .title h3{ font-size:1.5em; line-height:3em; color:#000;}
.m_btn .title span.arrow{ width:4em; height:4em; margin-top:0.5em; display:block; float:right; background:url(../images/member_09.jpg) no-repeat 0 center; background-size:contain;}

.record .title{ margin-top:1em; padding:0 1em; height:3.5em; background:#e3e3e3;}
.record .title span.arrow{ width:2.8em; height:2.8em; margin-top:0.3em; display:block; float:right; background:url(../images/stb.jpg) no-repeat 0 center; background-size:contain;}
.record .title h3{ font-size:1.5em; line-height:2.2em; color:#000;}
.record_con{ padding:1em 0.5em; font-size:1.2em; line-height:1.5em; background:#fbfbfb; border-bottom:1px #e7ebef solid;}
.record_con span{ width:30%; padding-right:0.2em; display:inline-table; color:#000; text-align:right;}
.record_con a{ color:#f60;}


/*索取样品弹窗*/
#Popup2{font-size:14px; line-height:180%; border:1px solid #000; text-align:center; z-index:999;left:35%;top:50%;position:absolute; display:none; width:380px;min-height:160px; height:auto !important; height:160px; background:#EEF2F7;}
#Popup2 .h3{ display:block; color:#536376; font-weight:bold; line-height:37px; height:37px; padding-left:13px; position:relative; text-align:left;}
#Popup2 .h3 .close{ position:absolute; right:13px; top:7px; height:19px; width:18px;  overflow:hidden; line-height:19px; text-indent:-9999px; overflow:hidden; background:url(/images/close.gif) right 0 no-repeat;}

#Popup2 .error{ font-size:12px; color:#F90; font-weight:100; text-align:center;}

#Popup2 .bd{ padding:13px; text-align:center;}

#Popup2 table{ margin:0 auto; text-align:left;}
#Popup2 td{ padding:5px 10px; color:#536376; zoom:1;}
#Popup2 input{ width:157px; border:1px solid #666;}

.boxMessage{ text-align:center; line-height:29px; font-size:14px;}

.tblBuyList{ border-collapse:collapse; width:100%;}
.tblBuyList td,.tblBuyList th{border:1px solid #e7eaee; background:#eceef2; color:#727881; padding:7px; vertical-align:middle;}
.tblBuyList td{ background:#fff;}

.tblBuyList .w1{ padding-left:25px; width:40px;}
.tblBuyList .w2{ width:105px;}
.tblBuyList .w3{ width:auto;}
.tblBuyList .w4{ width:105px;}
.tblBuyList .w4 input{ width:60px; border:1px solid #e7eaee; height:19px;}
.tblBuyList .w5{ width:105px;}
.tblBuyList .checkout{ padding:0; width:133px;}