html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, address, img, strike, i,  dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, figure, figcaption, footer, header, menu, nav, section, summary, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

label{
    font-weight: bold;
    font-size: 16px;
}

ul{
    list-style: none;
}

a,a:hover,a:focus{
    color: inherit;
    text-decoration: none !important;
}


@font-face {
    font-family: 'icomoon';
    src:
      url('../fonts/icomoon.ttf') format('truetype'),
      url('../fonts/icomoon.woff') format('woff'),
      url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
}

.icon-phone:before {
    content: "\e942";
}

.icon-envelop:before {
    content: "\e945";
}

.icon-location:before {
    content: "\e947";
}

.icon-clock:before {
    content: "\e94e";
}

.icon-undo:before {
    content: "\e967";
}

.icon-redo:before {
    content: "\e968";
}

.icon-bubble:before {
    content: "\e96b";
}

.icon-spinner:before {
    content: "\e97c";
}

.icon-search:before {
    content: "\e986";
}

.icon-info:before {
    content: "\ea0c";
}

.icon-cancel-circle:before {
    content: "\ea0d";
}

.icon-cross:before {
    content: "\ea0f";
}

.icon-arrow-right:before {
    content: "\ea34";
}

.icon-arrow-left:before {
    content: "\ea38";
}

.icon-facebook:before {
    content: "\ea91";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-skype:before {
    content: "\eac5";
}

.icon-linkedin:before {
    content: "\eac9";
}

html,body {
    font-family: "Microsoft YaHei",Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    letter-spacing: 1px;
}

.divider{

    background-color: #888;
    height:0px;
}

.top{
    background-color: #000;
    color:#fff;
    min-width: 1200px;
}

.top ul{
    margin-bottom: 0;
}
.top ul li{
    display:inline-block;
    padding:0 10px 0 10px;
}

.top-left{
    margin-left:10px;
}

.top-right a,i{
    color: #fff;
    line-height:30px;
    padding-top: 10px;
}

.top-right ul{
    margin-bottom: 0;
}
.top-right ul li{
    display:inline-block;
    padding:0 10px 0 10px;
}

.header{
    background-color: #333;
    padding:20px;
}

.category a,.category a:hover,.category a:focus{
    color: #fff;
    line-height:60px;
    margin-left:20px;
    font-size:18px;
    background-color: rgba(255,255,255,0);
}

.juhe-logo{
	width:150px;
}

.icon-ul li:hover,.icon-ul li:hover i{
    background-color: #fff;
    color: #000;
}

.header-active{
    font-weight: bold;
}

.bottom{
    background-color: #333;
    color: #888;
    height: 230px;
    min-width: 1200px;
}

.juhe-table{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.bottom .bottom-box{
    width: 350px;
    height: 180px;
    margin-top: 40px;
    float: left;
}

.company{
    background-color: #000;
    color:#fff;
    height:50px;
    text-align: center;
    font-size:16px;
    line-height:50px;
    min-width: 1200px;
}


.bottom .col-md-4{
    padding-top: 30px;
}

.attention{
    padding-left:30px;
}

.bottom a{
    color: #888;
}

.download,.video{
    width: 400px;
    height: 400px;
    margin: 200px 0 200px 100px;
    text-align: center;
    border: 1px solid #eee;
}

.search{
    margin-top: 6px;
    position: relative;
}
.search input{
    border-radius: 25px;
    padding-left: 25px;
}

.search i {
    top: -15px;
    left: 10px;
    position: absolute;
}

.product{
    width: 350px;
    height: 350px;
    float: left;
    margin: 8px;
    overflow: hidden;
    border: 1px solid #eee;
	position: relative;
	text-align: center;
}

.product img{
    width: 100%;
	height: 100%;
}

.product > .p-titel{
    width: 350px;
    height: 30px;
    position: absolute;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	bottom: 0;
	line-height: 30px;
	font-size: 16px;
	padding-left: 10px;
}
.product:hover{
    -moz-box-shadow: 5px 5px 5px #888; 
    box-shadow: 5px 5px 5px #888;
}

.detail{
    margin-top:50px;
    margin-bottom:50px;
    position: relative;
}

.images{
    margin-left:50px;
    width:600px;
    height:auto;
}

.detail ul li{
    display:inline-block;
}

.desc{
    width: 400px;
    margin-left:50px;
    top:0;
    position: absolute;
    font-size:16px;
}

.prod-icon i{
    font-size: 20px;
    margin-right:20px;
}

.prod-icon .icon-facebook{
    color: #3b5998;
}

.prod-icon .icon-twitter{
    color: #1da1f3;
}

.prod-icon .icon-youtube{
    color: #FF0000;
}

.prod-icon .icon-linkedin{
    color: #0080b8;
}

.prod-icon .icon-skype{
    color: #00aff0;
}

.product-content{
    padding:20px;
    margin-bottom:50px;
    background-color:#eee;
    color:#000;
    width:100%;
}

.map{
    margin-bottom:100px;
    width:600px;
    height:450px;
    overflow: hidden;
}

.contact{
    width:300px;
    padding: 50px;
    margin-left:100px;
}

.contact-title{
    margin-top:100px;
    padding-left: 50px;
}

.juhe-contact-title{
    display:inline-block;
    width:90px;
}

.juhe-contact-content{
    width: 255px;
    display: inline-block;
}