body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
body, td, th {color: #444; font-family: "微软雅黑"; font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li, dt, dd {list-style: none;}
a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
a:hover { color:inherit; /*color:#2c88d8;*/ text-decoration:none;}
img {border:0; vertical-align:middle;}
.clear {clear:both;}

#TopLeads{ background:#FBFBFB; line-height:25px; color:#CCC; font-weight:normal;}
#TopLeads .text-right a{ color:#CCC; margin:auto 10px; font-size:12px; cursor:pointer;}
#TopLeads .text-right a:hover{ text-decoration:underline;}
#AddF{ background:url(../images/star.png) no-repeat left center; padding-left:19px;}

.navbar-default{ background:none; height:80px;}
.input-group{ width:150px;}
.navbar-nav,
.navbar .input-group,
.navbar-header{ padding-top:15px;}
#logo{ max-width:220px; margin-top:-15px;}
.navbar-default .active a{ background:none;}

.carousel{ margin-top:-20px;}
.carousel-inner img{ width:100%;}

#TopNav .activeA a{ background:none; border-bottom:1px #009 solid;}
#TopNav .dropdown-menu a{ background:none; border-bottom:none; line-height:25px;}
#TopNav a{ font-size:18px; margin:auto 3px;}
#TopNav a:hover{ border-bottom:1px #009 solid;}
#TopNav .dropdown-menu a:hover{ background:#666; line-height:25px; color:#FFF;}

#Tel{ background:url(../images/TelPhone.png) no-repeat 0 15px; padding-left:20px; font-size:23px; line-height:20px; color:#7AC841; margin-left:30px; margin-right:30px;}
.showArea{ margin-top:20px;}
.showHotSells{ background:#E0F3F6;} 
.showHotSells .showTB img{ }
.showArea .showDT h3,
.showArea .showDT .TitCS3{ font-weight:normal; text-align:center; font-size:16px; line-height:18px; margin-top:10px;}
.showDT{ margin-bottom:20px;}
.showDT p{ color:#888; line-height:16px; padding-bottom:10px;}

.showTit{ text-align:center; margin-bottom:30px; margin-top:50px;}
.showArea .showTit h4,
.showArea .showTit .TitCS4{ font-size:35px; padding-bottom:12px; margin:0 auto 10px auto; color:#37474F;}
.showArea .showTit p{ color:#888; font-size:16px;}

.showBrands{ background:#60D0DB; height:80px; margin:40px auto; text-align:center; font-size:20px; line-height:80px; color:#FFF;}

.showDTb{ height:40px; margin-bottom:15px;}

.SeeMore{ text-align:center; margin:20px auto;}


.showUs{ background:#E0F3F6; padding:20px 0;}
.showTitUs{ margin-bottom:30px;}
.showTitUs .TitCS4{ font-size:35px; padding-bottom:12px; margin:0 auto 10px auto; color:#37474F; text-align:center;}
.showTitUs  p{ color:#888; font-size:16px; text-align:center;}
.TitUs{ text-align:left; margin:0 auto 40px auto;}
.TitUs p{ text-indent:2em;}
.ShowUsDet{ font-size:16px; line-height:28px;}
.ShowUsDet p b{ font-size:18px;}
.ColW1{ color:#999;}
.showNw h3,
.showNw .NwH3{ font-size:22px; line-height:45px;}
.showNw p{ clear:both; padding:4px 0; text-indent:0; color:#999; font-size:15px; line-height:20px; overflow:hidden;}

.showNw p a{ float:left; color:#999;}
.showNw p i{ float:right; font-style:normal;}
.TitUs .showNw p:hover{ background:#F3F7F9;}

.Vmore{
	display: inline-block;
    padding: 6px 12px;
    margin: 15px 7px 7px 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    background-color: #1E8BC3;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-width: 90px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #fff !important;
    text-decoration: none;
    transition: background-color 0.4s ease-out;
}

.showContact{ background:#E0F3F6; margin:60px auto 0 auto; font-size:14px; color:#666; padding:15px 0 20px 0;}
.showContact p{}
#NavEnd{ font-size:16px; color:#CCC; margin:10px auto 20px auto;}
#NavEnd a{ margin:0 15px;}

.showContacts{ background:#27303F; padding:30px 0;}
.showContacts h4,
.showContacts .CSh4{ color:#ccc; text-align:left; margin-bottom:20px; font-size:22px;}
.showContacts p{ margin-left:0; padding:0; text-align:left; color:#676C74; line-height:25px;}
.showContacts p a{ color:#676C74; font-size:15px;}
.showContacts p a:hover{ text-decoration:underline;}

.showContactInfo{}
#showDZ{ 
	background:url(../images/ContactIcon.png) no-repeat left -8px; 
	padding-left:25px;
	padding-bottom:10px;
}
#ShowTel{
	background:url(../images/ContactIcon.png) no-repeat left -46px; 
	padding-left:25px; 
	color:#2C88D8; 
	font-size:25px;
	margin-bottom:10px;
}
#ShowPhone{
	background:url(../images/HandPhoneIcom.jpg) no-repeat left 2px; 
	padding-left:25px; 
	color:#2C88D8; 
	font-size:25px;
	margin-bottom:10px;
}
#ShowWhatsApp{
	background:url(../images/WhatsApp.png) no-repeat left 2px; 
	padding-left:25px; 
	color:#2C88D8; 
	font-size:25px;
	margin-bottom:10px;
}
#ShowQQ{
	padding-top:10px;
}

#showWX,
#showWB{
	background: rgba(0,0,0,0.5) url(../images/attenteus.png) no-repeat;
    border-radius: 6px;
    width: 140px;
    height: 44px;
    line-height: 44px;
    text-indent: 50px;
    font-size: 14px;
    color: #676c74;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    position: relative;
}
#showWX{
	background-position: 12px 12px;
}
#showWX:hover{
	background-position: 12px -38px;
	color:#FFF;
}

#showWX .code{ 
	background:url(../images/wx_code.png) no-repeat center; 
	width: 140px; 
	height: 0; 
	line-height: 152px; 
	text-indent: 0; 
	text-align: center; 
	position: absolute; 
	left: 1px; 
	top: 45px; 
	z-index: 55;  
	transition:all 0.5s ease-in-out; 
	-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
	overflow: hidden;
}
 
#showWX:hover .code{
	height: 148px;
}
 
#showWB{
	background-position: 12px -89px; 
}

#showWB a{ 
	text-decoration:none;
}
#showWB:hover{
	background-position: 12px -139px;
	color:#FFF;
}

.ShowCopyR{
	border-top:1px #313B4C solid;
	color:#989A9D;
	padding-top:20px;
}

.ShowCopyR{
	margin-top:20px;
	padding-top:30px;
}

.ShowCopyR .col-lg-6{
	text-align:right;
}

#EndLogo{ text-align:left;}
#EndLogo img{ height:23px; margin-right:20px;}
#EndLogo b{ margin-left:18px;}
 
 
.right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 800; }
.right_side ul{}
.right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #3197f0; background: #2c88d8 url(../images/right_ico.png) no-repeat; cursor: pointer; position: relative;-webkit-transition:  background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; }
.right_side ul li:hover{ background:#FFFFFF url(../images/right_hover_ico.png) no-repeat; }

.right_side ul li.qq{  background-position: center 17px; border-top-left-radius: 5px;    }
.right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 300px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); }
.right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; }
.right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; border-bottom: 1px dotted #dedede; text-indent: 80px; background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{ display: block;}
.right_side ul li.qq div dd a:hover{ color: #556c9c;}

.right_side ul li.tel{ background-position: center -44px;}
.right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;  position: absolute;  right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 120px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #217cc8; background-color: #ffffff; white-space: nowrap; cursor:text;}

.right_side ul li.tel div .glyphicon-earphone,
.right_side ul li.tel div .glyphicon-phone{ font-size:19px; color:#CCC;}

.right_side ul li.wx{  background-position: center -105px;}
.right_side ul li.wx div{ border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; cursor:text;}
.right_side ul li.top{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; }
.right_side ul li:hover div{ display: block;}
.right_side ul li.qq:hover{ border-radius: 0;  }


/*products*/
.secOut{ background:#F2F2F2; margin:0 auto; padding:0;}
.secTopshow{ margin-top:-20px;}
.secTopshow img{ width:100%;}
.secTopshow .col-lg-12{padding:0; margin:0 auto;}

#Lists,
#Lists .LSlead{ margin-top:50px;}
.ProdMenuList{ color:#37474F;}
.ProdMenuList h3,
.ProdMenuList .Prodh3{ font-size:20px; border-bottom:2px #D68B37 solid; padding-bottom:10px;}
#Lists .pull-right .Prodh3{ color:#999; font-size:18px; padding-bottom:13px;}
.ProdMenuList .Prodh3Sec{ margin-top:40px;}

#ProdMenus{ margin-top:20px;}
#ProdMenus dt{ border-bottom:1px #E1E1E1 solid; line-height:40px; font-weight:normal; font-size:15px;}
#ProdMenus dd{ padding-left:55px; line-height:30px; font-weight:normal;}
#ProdMenus dt a{ display:block; text-indent:0;}
#ProdMenus dd a{ color:#999;}
#ProdMenus dt a:hover{ color:#D68B37;}
.PrdOn{ background:#37474F; color:#FFF;}
#ProdMenus .PrdSecOn{ color:#F00; font-weight:bold;}

#ProdMenus .glyphicon-menu-right{ margin-left:20px; margin-right:10px; font-size:8px;}
 
.ProdMenuList h4,
.ProdMenuList .Prodh4{ margin-top:40px; font-size:20px; border-bottom:2px #D68B37 solid; padding-bottom:10px;}

#ProdRow1{ overflow:hidden; width:100%;}

#ProdTJ{ margin-top:20px;}
#ProdTJ dt{ margin-bottom:20px;}
#ProdTJ dt img{}
#ProdTJ dt p{ font-weight:normal; text-align:center; font-size:12px; margin-top:5px;}

#ProLists{ width:100%; margin:20px 0 0 15px;}
#ProLists dt{ background:#FFF; width:273px; padding:0; margin:0; margin-bottom:25px; border:1px #EEEEEE solid; margin-right:15px; }
#ProLists dt img{ }
#ProLists dt p{ text-align:center; margin-top:3px; padding:10px 0; font-weight:normal; background:#D3D4D4;}

.ProdPicArea{ overflow:hidden;}

#ProLists a{ }

#NewsShow{ background:#FFF; margin-top:20px; padding:30px 50px 20px 50px; line-height:30px; font-size:17px; margin-bottom:30px; min-height:900px;}
#NewsShow p{ text-indent:2em; margin-bottom:10px;}

.contNews{ padding:0 15px;}

#ListShow{}
#ListShow h2,
#ListShow .LSh2{ font-size:18px; font-weight:bold; padding-bottom:10px;}
#ListShow dt{ border-bottom:1px #E3E3E3 solid; padding:20px 0;}
#ListShow dt a{}
#ListShow .NwTip{ color:#999999; font-size:14px; margin:0; padding:0; font-weight:normal; text-indent:0;}

#ListShow .NwTip .glyphicon-time{ margin-right:6px;}
#ListShow .NwTip .glyphicon-tags{ margin-right:10px; margin-left:20px;}
#ListShow .NwTip a{ margin-right:4px;}
 
#ListShow .NwCont{ font-weight:normal; margin:20px 0 0 0; text-indent:0; padding:0; font-size:15px; color:#9999A5;}
#ListShow #NoBor{ border-bottom:none;}

#NewsShowCont{ background:#FFF; margin-top:20px; padding:50px 50px 15px 50px; line-height:30px; font-size:17px; margin-bottom:30px;}
#NewsShowCont h1{ font-weight:bold; font-size:22px;}
#NewsShowCont p{ text-indent:2em; margin-bottom:10px;}
#NewsContents img{ max-width:700px; margin-bottom:10px;}
#NewsContents a{ text-decoration:underline; color:#0B68A9; margin:auto 3px;}

#NewsTips{ font-size:13px; margin:15px 0 30px 0; color:#888;}
#NewsTips span{ margin-right:20px;}

#NextArticle{ border-top:1px #CCC solid; line-height:22px; padding-top:20px; margin-top:0px; font-size:14px; color:#999;}
#NextArticle a:hover{ text-decoration:underline;}
#shareShow{ margin-top:30px; display:inline-block; color:#999; font-size:13px;}

#TagShow{ background:#FFF; margin-top:20px; padding:20px 50px; line-height:30px; font-size:15px; margin-bottom:30px;}
#TagShow .TagArea{ font-weight:bold; font-size:18px; margin-bottom:20px;}
#TagShow .TagArea b{ font-size:16px;}
#TagShow .TagArea span{ font-weight:normal; font-size:16px; margin-left:20px;}
#TagShow .TagArea span a{ font-style:normal; margin:0 5px;}
#TagShow .TagArea span a:hover{ text-decoration:underline;}

#TagNewList p{ line-height:28px; color:#999;}
#TagNewList p a{ color:#999;}
#TagNewList p a:hover{ text-decoration:underline;}
#TagNewList .glyphicon-menu-right{ font-size:12px; margin-right:5px; color:#328BD9;}

#showBigPic{ z-index:80009;}

#LeadNav{ font-size:16px; padding:20px 0; color:#999;}
#LeadNav .glyphicon-home{ margin-left:20px; margin-right:10px;}
#LeadNav a{ color:#999;}

#ProLeftShow{ padding:30px 0;}
#ProLeftShow h1{ font-size:25px; color:#37474F;}
#ProdDes{ margin:20px auto; color:#5E7387; line-height:22px;}
#ProdMains{ border:1px #F0F2F5 solid; border-left:none; border-right:none; color:#5E7387; padding:10px 0; line-height:22px;}
#ProdMains pre{ background:none; border:none; line-height:22px; color:#5E7387;}

#ProShowDes{ margin:0 auto 30px auto; overflow:hidden;}
#ProdShowL{ background:#FFF; padding:40px; margin-top:30px;}
#ProShowDes h3,
#ProShowDes .ProSh3{ color:#D68B37; border-bottom:2px #D68B37 solid; width:80px; font-size:16px; padding-bottom:10px;}
#ProDetails{ padding:40px 0px; line-height:30px; font-size:16px; min-height:1101px;}
#ProDetails p{ text-indent:2em; margin-bottom:10px;}
#ProDetails img{ max-width:730px;}

#ProdShowR,
#ProdShowR1{ background:#FFF; padding:20px; border-bottom:none; margin:30px 0 0 10px;}
#ProdShowR1 #ProdMenus dt{ border-bottom:none; line-height:32px;}
#ProdShowR h3{ color:#37474F; margin-bottom:20px;}

#HotShowDes{ font-weight:normal; margin-top:20px;}
#HotShowDes dt{ text-align:center; margin-bottom:20px;}
#HotShowDes dt a{ font-weight:normal; font-size:12px;}

#Counts{ display:none;}

/*Page*/
#pages{ clear:both; margin:0 auto; width:100%; text-align:center; padding:20px 0 10px 0;}
#pages,
#pages a,
#pages select{ color:#666666; font-size:14px;}

#pages a{ display:inline-block; height:31px; line-height:31px; padding:0 0 0 10px; margin:0 0 0 5px; font-weight:bold; text-decoration:none;}
#pages a:link{ background:url(../images/NeedBtm.jpg) no-repeat left top;}
#pages a:visited{ background:url(../images/NeedBtm.jpg) no-repeat left top;}
#pages a:hover{ background:url(../images/NeedBtmOn.jpg) no-repeat left top; color:#FFF;}
#pages a:active { background:url(../images/NeedBtm.jpg) no-repeat left top;}

#pages a u{ float:left; display:block; height:31px; line-height:31px; background:url(../images/NeedBtm.jpg) no-repeat right top; text-decoration:none; padding-right:10px; cursor:pointer; text-decoration:none;}
#pages a:link u{ background:url(../images/NeedBtm.jpg) no-repeat right top;} 
#pages a:visited u{ background:url(../images/NeedBtm.jpg) no-repeat right top;}
#pages a:hover u{ background:url(../images/NeedBtmOn.jpg) no-repeat right top; color:#FFF;}
#pages a:active u{ background:url(../images/NeedBtm.jpg) no-repeat right top;}

#pages #curr{ background:url(../images/NeedBtmOn.jpg) no-repeat left top; color:#FFF; cursor:text;}
#pages #curr u{ float:left; background:url(../images/NeedBtmOn.jpg) no-repeat right top; text-decoration:none; display:block; height:31px; line-height:31px; padding-right:10px; cursor:text;}


.navbar .nav > li .dropdown-menu {
 margin: 0;
}
.navbar .nav > li:hover .dropdown-menu {
 display: block;
}

.navbar .nav > li:hover .dropdown-menu li a{ line-height:30px; height:30px;}

#SiteMap{ background:#F2F2F2; margin-top:-20px;}
#SiteMapIn{ margin:40px auto;}

.SiteMapLeft{}
.SiteMapRight{}

#MSright{ background:#FFF; padding-bottom:30px;}
#MSleft{ background:#FFF; margin-left:20px; padding-top:30px; padding-bottom:30px;}

#MSleft dt{ line-height:40px; text-align:left; text-indent:70px;}
#MSleft dt a{ font-size:20px; font-weight:normal; }
#MSleft dt a:hover{ text-decoration:underline;}
#MSleft .glyphicon-menu-right{ font-size:12px;}
.MSon{ background:#F7F7F7; border-left:3px #FF8800 solid;}

#MStit{ overflow:hidden;}
#MStitShow{ line-height:40px; text-indent:20px; font-size:20px; background:#F7F7F7; font-weight:bold; margin:3px; color:#999;}

#MSlist{ padding:30px; font-size:18px; overflow:hidden;}
#MSright #MSlist .glyphicon-menu-right{ font-size:12px; margin-right:5px;}
#MSright #MSlist dt{ margin-top:20px;}
#MSright #MSlist dd{ margin-top:20px; margin-left:35px;}

#MSlist dd a{ margin:20px 10px 0 10px; line-height:40px;}

#MSlist dt a{}
#MSlist dd a:hover{ text-decoration:underline;}



#Err404{ background:#2B82C9 url(../images/404.jpg) repeat-x left bottom; overflow:hidden;}
#Img404{ margin:30px auto 30px auto;}
#Word404{ color:#FFF; font-size:25px; font-family:"微软雅黑", "宋体"; margin:20px auto;}
#Back404{ margin:30px auto 300px auto;}


.V404{
	display: inline-block;
    padding: 6px 12px;
    margin: 15px 7px 7px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.45;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    background-color: #FFF;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-width: 90px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #549EDB !important;
    text-decoration: none;
    transition: background-color 0.4s ease-out;
}


#TipCont{ color:#CCC; font-size:13px;}