﻿
html {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-size:62.5%;
}
body,
button, input, select, textarea {font-family: "Helvetica Neue", Helvetica, STHeiTi,Arial, sans-serif;}
body{font-size: 12px;font-family:"Microsoft YaHei";background: #fff;color:#555;min-width: 1200px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,figure,
dl, dt, dd, ul, ol, li,
pre,
fieldset, lengend, button, input, textarea, optgroup, select, form 
th, td
{ 
    margin: 0;
    padding: 0;
}

a{text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;}
a:active {outline:none;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
.clearfix{*zoom:1;}
table {border-collapse:collapse;border-spacing:0;}
table td{word-wrap:break-word;word-break:break-all;}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance:none;cursor:pointer;}
input[type="search"] { -webkit-appearance: none;}
/* å–æ¶ˆå…³é—­æŒ‰é’® */
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="text"]{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;}
/* ç§»é™¤input[type="number"]è‡ªå¸¦çš„ä¸Šä¸‹ç®­å¤´ */
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none;}
input[type="number"]{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}

input::-moz-placeholder, 
textarea::-moz-placeholder {color:#cccccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#cccccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#cccccc;}
input,select,textarea{outline:none;}
textarea {resize:none;}
button[disabled], input[disabled] {cursor:default;}
/* Firfoxä¸‹æŒ‰é’®é»˜è®¤æ ·å¼é—®é¢˜ */
button::-moz-focus-inner, 
input::-moz-focus-inner {border:0;padding:0;}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block; 
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
.header .search-input::-webkit-input-placeholder { /* WebKit browsers */  
    color:#898989;  
}  
.header .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#898989;  
   opacity:  1;  
}  
.header .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#898989;  
   opacity:  1;  
}  
.header .search-input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#898989;  
}
table {border-collapse: collapse;border-spacing: 0;}
img{border:none;vertical-align: middle;outline: 0}
.clearfl{zoom:1;}
.clearfl:after{content: "020";display: block;height: 0;clear: both; visibility: hidden; }
li{vertical-align: top;list-style: none}
a{color:#666;text-decoration: none}
a:link{color:#555}
a:hover{color:#1479d7}

.w300{width: 300px;margin:0 auto;}
.h188{height: 188px;}
.w350{width: 350px;margin:0 auto;}
.w400{width: 400px;margin:0 auto}
.w750{width: 750px;margin:0 auto}
.w810{width: 810px;margin:0 auto;}
.w850{width: 850px;margin:0 auto;}
.w980{width:980px;margin: 0 auto}
.w1000{width:1000px;margin: 0 auto}
.w1200{width:1200px;margin: 0 auto}
.w1280{width:1280px;margin: 0 auto}
.n-wrapper{width:100%;height:100%;}
.relative{position: relative}
.disable{opacity: 0.6;filter:alpha(opacity=60)}
.t-l{text-align: right}
.t-c{text-align: center}
.t-r{text-align: right}
.fl{float: left}
.fr{float: right}
.greyBg{background: #f8f8f8}
.mt8{margin-top: 8px;}
.mt20{margin-top: 20px;}
.mlr6{margin: 0 6px;}
.pt20{padding-top: 20px;}
.wrapper01{padding-top: 30px;width: 100%}
.wrapper02{padding-top: 40px;width: 100%}
.endpoint{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.marb_40{margin-bottom:40px;}

.swiper-container{width: 100%;height:100%;position: relative;overflow: hidden;z-index:100;}
.swiper-container .swiper-slide{display: block;width:100%;height: 100%;position: relative;float: left;}
.swiper-pagination{position: absolute;right: 5px;bottom:7px;z-index:300;}
.swiper-pagination-switch{width: 12px;height:12px;border-radius: 50%;background: #575757;display: inline-block;margin:0 5px;}
.swiper-active-switch{background: #fff}
.swiper-wrapper{height: 100%;width:100%; overflow: hidden;position: relative } 



/* å¹¿å‘Šå›¾æœ€å¤§ä¸è¶…è¿‡1200 */
.row-ad01 img,.row-ad02 img,.row-ad03 img,.row-ad04 img,.row-ad05 img{max-width: 100%;}


/* å¤´éƒ¨å¹¿å‘Š */
.advertise_top{width:1200px;position: relative;}
.advertise_tops{display: none;}
.advertise_tclose{width:18px;height:18px;position:absolute;right:0;top:0;z-index:101;cursor: pointer;}
.advertise_updown{width:40px;height:18px;background:rgba(0,0,0,0.3);position: absolute;right:19px;bottom: 0;color:#fff;text-align:center;line-height: 18px;cursor:pointer;z-index:999;letter-spacing: 1px;font-size:15px;}
.advUp{display: none;}
.headA{width:100%;height:319px;}
.headA a{display:block;width:100%;height: 100%;}
.headerbg{position:absolute;left:0;top:0;width:100%;background-size:auto auto;height:100%;z-index:-1;}
.home_header{padding:0;position:relative;}
.home_header .w1200.clearfl{height:101px;background:#fff;}
.allAdvClose{position: absolute;right: 0;bottom:0;cursor: pointer;}


.imgl{
  position:relative;
}
.imgl a{
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  width:1200px;
  height:80px;
}

/* å¯¹è”å¹¿å‘Š */
.adverleft,.adverright{width:80px;height:300px;position:absolute;top:515px;z-index:201;box-sizzing:border-box;}
.adverleft{right:50%;margin-right:630px;}
.adverright{left:50%;margin-left:630px;}
.adverleft a img,.adverright a img{border:1px #eee solid;width:100%;}
.coupletclose{position: absolute;right: 6px;top: 5px;display: block;width: 11px;height: 11px;background: url(https://www.jczao.com/css/images/couplet_close.png) no-repeat;z-index:1;}
.fixed{position: fixed;top:50%;margin-top:-150px;}

/* é¢åŒ…å±‘å¯¼èˆª */
.breadcrumb{height:45px;line-height: 45px;border-bottom:1px #eee solid;background:#fff;font-size: 14px;}
.breadcrumb i{margin:0 10px;font-style: normal;font-family:'å®‹ä½“'}
.breadcrumb span{color:#1479d7;}
.breadcrumb .searchlabel{border:1px #1479d7 dashed;color:#1479d7;position: relative;cursor:pointer;margin-left:10px;padding:0 16px 0 10px;border-radius:2px;}
.breadcrumb .searchlabel:hover{border:1px #1479d7 solid;}
.breadcrumb .searchlabel img{width:10px;position:absolute;right:2px;top:5px;}

/* adver-tit */
.adver-tit{width:1200px;overflow:hidden;}
.adver-tit a img{width:1198px;border:1px #eee solid;}

/* public */
.mar_10{margin-top:10px;}
.mar_20{margin-top:20px;}
.mar_16{margin-top:16px;}
.comleft{width:850px;float: left;}
.comright{width:300px;float: right;}
.titlediv{width:100%;height:45px;line-height:45px;border-bottom:2px #2888e2 solid;position: relative;}
.titlediv span{padding-left:8px;border-left:4px #2888e2 solid;font-size:20px;}
.titlediv span a{position:static;font-size: 20px;color:#555;}
.titlediv a{position:absolute;right:0;top:5px;font-size: 14px;color:#686868;}
.titlediv a i{font-style: normal;font-family: 'å®‹ä½“';}
.titlediv .slogo{right:auto;left:100px;top:0;}
.titlediv1{width:100%;height:32px;line-height:22px;border-bottom:1px #2888e2 solid;position: relative;overflow:hidden;}
.titlediv1 span{padding-left:11px;font-size:16px;color:#333;}
.titlediv1 span:after{content:'';position: absolute;left:0;top:0;width:4px;height:22px;background:#2888e2}
.titlediv1 a.more{position:absolute;right:0;top:5px;font-size: 14px;color:#686868;}
.imgbox{overflow: hidden;position: relative;}
.imgbox img{width:100%;height:100%;}
.imgbox p{width:100%;height:36px;line-height:36px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);font-size:16px;text-align:center;}
.imgbox p a{color:#fff;}
.common01 img,.common02 img,.common03 img,.common04 img,.common05 img,.common06 img{max-width: 100%;max-height: 100%;}
.finishBox img,.brandBox img,.caseDetails img,.caseHome img,.newsD_container img,.newsBox img,.productHome img{max-width:100%;max-height:100%;}

/*ç€‘å¸ƒæµåŠ è½½å®Œæˆ*/
#prompt{width:100%;height:50px;line-height: 50px;font-size:18px;text-align: center;display: none;}
.loadMore{width:100%; height: 50px;line-height: 50px;font-size: 18px;text-align: center;font-size:'Microsoft YaHei';cursor: pointer;display:block;}
.loadMore i{font-style: normal;font-family: 'å®‹ä½“';}

#goUp{width:80px;height:80px;position: fixed;right:45px;bottom:90px;z-index:306;}
#goUp a{display: block;width:100%;height:100%;background: url('https://www.jczao.com/images/goUp.png') left top no-repeat;}
#goUp a:hover{background-position: left bottom;}
.box_hov{-webkit-box-shadow: 0px 0 15px #e5e5e5;-moz-box-shadow: 0px 0 15px #e5e5e5;-ms-box-shadow: 0px 0 15px #e5e5e5;-o-box-shadow: 0px 0 15px #e5e5e5;box-shadow: 0px 0 15px #e5e5e5;}


.blank-line {width: 100%;height: 43px;}
.blank-line2 {width: 100%;height: 15px;}