@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html{-webkit-text-size-adjust:none}
body{-moz-user-select:none; font-family:Arial; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); background:#fff; font-size:62.5%; color:#0e3451; width:100% ;margin:0 auto;}
header, section, footer, aside, article, figure, nav{display:block;}
img{border:0;}
a{text-decoration:none;}
a:visited{color:#666;}
ul li,ol li,dl li{list-style-type:none;}
.clear{clear:both; font-size:0; line-height:0;}


#banner img{width:100%;}
#banner .pagination{display:none;}
#imenu{padding:25px 20px 22px 20px;}
#imenu ul li{float:left; width:50%; display:inline;}
#imenu ul li a{height:50px; line-height:50px; display:block; background:#26b6ff; margin:0 4px 8px 4px; border-radius:3px; padding:0 0 0 20px; color:#fff; font-size:1.2em; box-shadow:inset -1px -1px 1px #21a8ec;}
#imenu ul li a:active{background:#13a6f0;}
#imenu ul li a span{width:15px; height:15px; float:right; display:block; background:url(../images/com.png) 0 -211px no-repeat; margin:17px 7px 0 0;  background-size:36px 400px;}
#ipro{padding:25px 20px 25px 20px; background:url(../images/iprobg.gif) left top repeat-x;}
.itit{font-size:2em; color:#26b6ff; font-style:italic; padding:0 3px 10px 3px;}
#ipro ul{margin:5px 0 0 0;}
#ipro ul li{width:50%; float:left; padding:0 4px; box-sizing:border-box;}
#ipro ul li a img{width:100%; border-radius:2px; border:1px solid #d9d9d9; box-sizing:border-box;}
#ipro ul li a h3{font-size:1.4em; color:#36baff; padding:5px 2px; box-sizing:border-box; font-weight:normal;}
#ipro ul li a p{color:#0e3451; line-height:18px; padding:0 10px 0 2px; box-sizing:border-box; font-size:1.2em; max-height:55px; overflow:hidden;}
#iabt{padding:30px 25px 35px 25px; background:url(../images/iabtbg.png) left top repeat-x;}
.iabtxt{padding:0 2px; text-align:justify; text-justify:inter-ideograph; line-height:20px; font-size:1.2em;}
#isea{padding:30px 25px 90px 25px; background:url(../images/iabtbg.png) left top repeat-x; text-align:center;}
#isea img{margin:0 0 3px 0; width:60%; }
.isearch{margin-bottom:20px; margin:0 auto; width:60%; background:#909090;position:relative; border-radius:4px; height:25px; box-shadow:inset 1px 1px 1px #666;}
.iseaipt{height:25px; line-height:25px; width:100%; padding:0 28px 0 5px; box-sizing:border-box; color:#fff; position:absolute; left:0; top:0; z-index:1; background:none; border:none; font-size:1.2em;}
.iseasub{width:28px; height:25px; position:absolute; right:0; top:0; z-index:9; border:none; background:url(../images/com.png); background-position:3px -360px; cursor:pointer; background-size:36px 400px;}


#nav{height:64px; border-top:3px solid #26b6ff; position:fixed; bottom:0; left:0; background:#62615f; width:100%; z-index:999;}
#nav ul li{width:25%; float:left; box-sizing:border-box;}
#nav ul li a{color:#fff; text-align:center; display:block; height:60px; padding-top:4px; font-size:1.3em;}
#nav ul li a:active{background:#4e4d4b;}
#nav ul li a span{background:url(../images/com.png) no-repeat; width:36px; height:36px; display:block; margin:0 auto; background-size:36px 400px;}
#nav ul li a span.icall{background-position:0 0;}
#nav ul li a span.imail{background-position:-1px -45px;}
#nav ul li a span.ishare{background-position:0 -93px;}
#nav ul li a span.imesg{background-position:0 -140px;}


#header{height:60px; background:#01aae3; position:fixed; top:0; position:fixed; width:100%; z-index:99999; overflow:hidden;}
#header a.head_back,#header a.head_home{width:35px; height:30px; padding:15px 12px; display:block; position:absolute; background:url(../images/com.png) no-repeat; z-index:9;  background-size:36px 400px;}
#header a.head_back{background-position:15px -290px; left:0; z-index:9}
#header a.head_home{background-position:9px -237px; right:0; z-index:9}
#header h2{text-align:center; color:#fff; font-size:2em; font-weight:normal; height:60px; line-height:65px;}
.h_menu{top:61px; position:fixed; width:100%; z-index:9999; display:none;}
.h_sj{background:url(../images/sj.png) center top no-repeat; height:7px;}
.h_menu ul{width:150px; margin:0 auto; background:#01aae3;}
.h_menu ul li{border-bottom:1px solid #F5F5F5;}
.h_menu ul li a{color:#fff; text-align:center; width:100%; display:block; line-height:20px; font-size:1.4em; padding:3px 5px; box-sizing:border-box;}

.main{margin:64px 0 0 0; padding:0 20px;}
.m_about{padding:20px 0 80px 0;}
.m_about p{font-size:1.4em; color:#b6b4b4; line-height:22px; text-align:justify; text-justify:inter-ideograph;}
.m_about img{width:100%;}

.m_products{padding:15px 0 80px 0;}
.m_prolist{padding:15px 0 0 0;}
.m_prolist li{width:50%; float:left; box-sizing:border-box; margin:0 0 30px 0;}
.m_prolist li.proleft{padding-right:14px; background:url(../images/proline.gif) right center no-repeat; background-size:1px 100%;}
.m_prolist li.proright{padding-left:12px;}
.m_prolist li a{display:block; width:100%;}
.m_prolist li a img{width:100%; border-radius:5px; border:1px solid #bfbfbf; box-sizing:border-box;}
.m_prolist li a h3{font-size:1.4em; color:#36baff; padding:5px 0;}
.m_prolist li a:visited h3{color:#999;}
.m_prolist li a p{line-height:20px; color:#787777; height:60px; overflow:hidden; font-size:1.2em;}
.m_prolist li a span{width:40%; display:block; height:20px; line-height:20px; font-size:1.2em; color:#FFF; background:url(../images/probtn.gif) left top repeat-x; text-align:center; border-radius:3px; margin:8px 0 0 0;}

.morebtn a{width:100%; height:30px; line-height:30px; margin:0 auto; background:#3ab8e2; color:#fff; font-size:1.6em; text-align:center; display:block; margin-top:20px; margin-bottom:20px; border-radius:2px;  box-shadow:inset 1px 1px 1px #999;}
.morebtn a:active{background:#20a3cf;}

.proSlider{border:1px solid #cdcdcd; text-align:center;}
.pro_tran h3{color:#36baff; font-size:1.4em; font-weight:normal; margin:20px 0 10px 10px;}
.pro_tab{border-top:1px solid #a2a2a2; width:100%;}
.pro_tab tr td{padding:7px 5px 7px 10px; font-size:1.4em; color:#a0a0a0; border-bottom:1px solid #a2a2a2; line-height:18px;}
.pro_tab tr td.tab_l{border-right:1px solid #a2a2a2;}
.pro_detail{margin:25px 0 5px 0;}
.pro_dtit{height:33px; line-height:33px; background:url(../images/protit.gif) left top repeat-x; border-radius:3px; padding:0 15px; font-weight:normal; font-size:1.4em; color:#787777;}
.pro_txt{font-size:1.4em; color:#787777; line-height:22px; padding:0 15px;}
.pro_tran h4{font-weight:normal; margin:10px 0 0 0;}
.pro_dec{margin:27px 0 25px 0;}
.pro_dec h3{font-weight:bold; margin:0 0 10px 0; font-size:1.1em;}
.pro_dec table{width:100%;}
.pro_dec table tr td{padding:2px 0 0 2px; word-break:break-all;}
.pro_txt img{width:100%;}

.m_news{padding:20px 0 100px 0;}
.m_newslist li{margin:0 0 25px 0;}
.m_newslist li a{height:120px; overflow:hidden; display:block;}
.news_l{float:left; width:124px; border:1px solid #bebebe; border-radius:3px; background:#f2f2f2; margin:0 10px 0 0;}
.news_l img{margin:2px; width:120px;}
.news_l p{font-size:1.6em; color:#777; padding:2px 0 5px 0; text-align:center;}
.m_newslist li a h3{font-size:1.4em; color:#36baff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
.m_newslist li a:visited h3{color:#999;}
.m_newslist li a p.newst{color:#919191; line-height:20px; margin:2px 0 2px 0; height:60px; overflow:hidden; font-size:1.2em;}
.m_newslist li a span{height:22px; line-height:22px; text-align:center; color:#fff; background:url(../images/newsbtn.gif) left top repeat-x; display:inline-block; width:100px; margin:4px 0 0 0; font-size:1.4em;}
.news_tit{font-size:1.8em; color:#030303; margin:0 0 10px 0; font-weight:normal; text-align:center;}
.news_con img{width:100%;}
.news_con p{color:#919191; line-height:22px; font-size:1.4em; text-align:justify; text-justify:inter-ideograph;}


.m_faqs{padding:20px 0 100px 0;}
.m_faqslist li{margin:0 0 25px 0;}
.m_faqslist li a{display:block;}
.m_faqslist li a h3{font-size:1.6em; margin:0 0 10px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#909090;}  
.m_faqslist li a:visited h3,.m_faqslist li a:visited p{color:#bbb;}
.m_faqslist li a:active h3{color:#39b9ff;}
.m_faqslist li a p{font-size:1.4em; line-height:22px; text-align:justify; text-justify:inter-ideograph; max-height:90px; overflow:hidden; color:#909090;}


.m_contact{padding:25px 0 70px 0;}
.m_contact ul li{margin:0 0 10px 0;}
.m_contact ul li.catit{height:30px; overflow:hidden;}
.m_contact ul li span{width:30%; display:inline-block; float:left; height:36px; text-align:right; font-size:1.4em; color:#787777; line-height:36px;}
.m_contact ul li h3{font-size:1.8em; color:#787777; font-weight:normal; width:70%; float:left; height:36px;}
.m_contact ul li input.catipt{width:65%; border:1px solid #e2e2e2; height:35px; line-height:35px; box-sizing:border-box; padding:0 10px; color:#787777; font-size:1.4em;}
.catarea{font-family:arial; padding:5px 10px; width:65%; height:150px; border:1px solid #e2e2e2; box-sizing:border-box; resize:none; color:#787777; line-height:22px; font-size:1.4em; overflow:hidden;}
.catsub{width:100px; height:33px; line-height:33px; border:1px solid #e3e1e2; text-align:center; color:#787677; background:url(../images/catbtn.gif) left top repeat-x; font-size:1.4em; cursor:pointer;}
.cataddress{margin:30px 0 50px 0; padding:0 0 0 23%; background:url(../images/caticon.jpg) 22% 3px no-repeat;}
.cataddress p{font-size:1.4em; color:#878787; line-height:22px; width:70%; padding:0 0 0 25px;}


/*product slider*/
.device{width:100%; height:250px; margin:0 auto; position:relative;}
.w100{background:none; margin:0 auto; border:0; box-shadow:none; height:auto;}
.w100 .swiper-slide,.w100 .swiper-container{height:auto !important;}
.w100 .swiper-slide img{width:100%; max-width:100%;}
.w100 .swiper-slide a{display:block; width:100%; height:100%;}
.w100 .pagination{}
.device .arrow-left{background:url(../images/arrows.png) 5px 5px no-repeat; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:9999; padding:5px;
opacity:0.9; filter:alpha(opacity=90);}
.device .arrow-right{background:url(../images/arrows.png) -26px 5px no-repeat; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:9999; padding:5px; opacity:0.9; filter:alpha(opacity=90);}
.swiper-container{height:250px; width:100%;}
.content-slide{padding:20px; color:#fff;}
.title{font-size:25px; margin-bottom:10px;}
.pagination{position:absolute; left:0; text-align:center; bottom:5px; width:100%; z-index:999;}
.swiper-pagination-switch{display:inline-block; width:10px; height:10px; border-radius:10px; background:#999; box-shadow:0px 1px 2px #555 inset; margin:0 3px; cursor:pointer;}
.swiper-active-switch{background:#fff;}

/*btnshare*/
.tag1{padding:3px 0 12px 0; overflow:hidden;} 
.tag1 a{float: left; line-height:30px; color:#fff; width:49.99%;}
.tag1 a div{ text-align:center; background:#4b4b51; display:block; font-size:1.2em; cursor:pointer; height:30px; line-height:30px; border-radius:3px;}
.tag1 a div.tag_l{margin:0 5px 0 0;}
.tag1 a div.tag_r{margin:0 0 0 5px;}
.tag1 a div img{width:17px; height:13px; padding:0 10px 3px 0;vertical-align:middle;}
.tag1 a div span.zan{background-position:-234px -13px;}
.tag1 a div span.share{background-position:-296px -14px;}
.tag1 a div span.shoucang{background-position:-357px -14px;}

#btnshare{display:none; position:fixed; bottom:67px; width:100%; text-align:center; z-index:99999;}
.bdsharebuttonbox{width:100%; margin:0 auto; position:relative;  top:0; text-align:center;}
.bdimgshare-bg{position: absolute; width: 100%;height: 100%;
overflow: hidden;filter: alpha(opacity=40);opacity:0.4;background:#000; top:0;}
.btnsc{width:189px; margin:0 auto;}


/*
{text-overflow:ellipsis; overflow:hidden; white-space:nowrap} ʡ�Ժ�

{_width:expression(document.body.clientWidth > 800 ? "800px" : "auto");} ie6�����

{opacity:0.5; filter:alpha(opacity=50);} ��͸��

{min-height:500px; height:auto !important; height:500px; overflow:visible;} ie6��С�߶�

#ilogin{width:100%; height:100%; position:fixed; top:0; bottom:auto; left:0; z-index:999; display:none;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html #ilogin{position:absolute; bottom:auto; _top:expression(eval(document.documentElement.scrollTop));} ie6��λ

{word-break:break-all; word-wrap:break-word;} ��Ӣ�Ļ���

text-align:justify; text-justify:inter-ideograph;  �������˶���
*/