@charset "utf-8";
/* GLOBAL STYLES */
/* css reset start from h-ui*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE a:hover˸*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/* css reset end from h-ui*/

/*css from dt start*/
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:30px; line-height:30px; vertical-align:middle; background:#fff; color:#666; border:1px solid #e8e8e8; border-radius:2px; }
/*下拉框*/
.select{ padding:7px; border:1px solid #e8e8e8; line-height:30px; }

/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
.msg-tips .ico.error{ background-position:-50px 0; }
.msg-tips .ico.warning{ background-position:-100px 0; }
.msg-tips .msg{ margin-left:60px; }
.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
.msg-tips .msg p{ line-height:1.8em; }
.msg-tips .msg i{ color:#f00; font-style:normal;}
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }

.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }

.left{ float:left; }
.right{ float:right; }

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
/*css from dt end*/

/*scrollReveal start*/
[data-sr] {
	visibility: hidden;
  }
/*scrollReveal end*/

/*body start*/

body {
  color: #000000;
}
/*body end*/
/*h*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
   font-weight: 800;
   color: inherit;
}

h1,h2,h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,h5,h6 {
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1{
	font-size:60px;
}
h2{
	font-size:52px;
}
h3{
	font-size:36px;
}
h4{
	font-size:25px;
}
h5{
	font-size:18px;
}
h6{
	font-size:14px;
}
/*media*/
@media (max-width: 767px){
	h1{
		font-size:48px;
	}
	h2{
		font-size:36px;
	}
	h3,.f3{
		font-size:24px;
	}
	h4{
		font-size:20px;
	}
	h5{
		font-size:16px;
	}
	h6{
		font-size:12px;
	}
}

/*top*/
.topnav {
    width:100%;
    height:30px;
    background-color:#f5f5f3;
    padding-left:30px;
}
.topnav ul{
	list-style:none;
}
.topnav li{
	float:left;
	list-style:none;
	padding-top:5px;
	padding-right:5px;
    display: inline-block;
    white-space: nowrap;
  }

/*media*/
@media screen and (min-width: 768px) {
    .logo{
	padding-top:10px;
	}
}
@media screen and (min-width:400px) and (max-width: 767px) {
    .logo{
	padding-top:7px;
	}
}
@media screen and (min-width: 321px) and (max-width:400px){
    .logo{
	padding-top:7px;
	}
}
@media screen and (max-width:321px){
    .logo{
	padding-top:7px;
	}
}
.navlink{
	padding-top:5px;
	display:inline-block;
	float:left;
	font-size:18px;
	height:60px;
	}
.navlink a {
	display:inline-block;
    color:#ffffff;
	height:56px;
}
.navlink a:hover, .topnav a:active, .topnav a:focus {
    background-color:#ffffff !important;
    text-decoration:none;
    color:#0078d7 !important; 
	
}
@media (max-width: 768px) {
	.navlink{
		padding-top:0px;
		display:inline-block;
		float:left;
		font-size:18px;
		width:100%;
		min-height:180px;
	}
}
/*footer s*/
.footer{
	width:100%;
	padding:20px 0px 20px 0px;
	margin:10px 0px 0px 0px;
	text-align:center;
	font-size:12px;
	border-top:1px solid #e5e5e5;
	background-color:#f5f5f3;
	}
.footer p{margin-bottom:5px}
.footer a{color:#999999;text-decoration:none; line-height:1.5;}
.footer a:hover{text-decoration:none}
.copyright{ padding-top:5px; }
.copyright p{ line-height:24px; vertical-align:middle; }
/*footer e*/

/*navbar s*/
.navbar{
	margin:30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#0078d7;
}

.navbar.scrolled{
	margin:0px 0px 0px 0px;
	transition:margin 0.4s;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.navbar-toggle .icon-bar{
	background-color:#fff;
}
/*navbar e*/

.firstcontainer {
	margin-top:60px;
}
.jumbotron{
	background:#f5f5f5;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel
{
height:100%;
}
.carousel-indicators
{
	display:none;
}
.carousel .item
{
height:100%;
}
.carousel img
{
	min-width: 100%;
	width: 100%;
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.service .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.service h2 {
  font-weight: normal;
}
.service .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/*index page*/
.zhubaowholesalewms{
	padding:50px 20px 50px 20px;
	margin-top:10px;
	margin-bottom:50px;
	width:100%;
	height:300px;
	background-color:#e4eef2;
	/*background-image: linear-gradient(-140deg,#85C7FF 0,#2266D4 100%);*/
}
.zhubaowms{
	padding:50px 20px 50px 20px;
	margin-top:10px;
	margin-bottom:50px;
	width:100%;
	height:300px;
	background-color:#e4eef2;
	/*background-image: linear-gradient(-140deg,#85C7FF 0,#2266D4 100%);*/
}