*{outline:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.8 "Microsoft Yahei","微软雅黑","宋体";color:#666;}
ol,ul{list-style:none}
a{text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer; color:#666;}
fieldset,iframe,img{border:0}
img{ border:none; vertical-align:middle;}
.bd_weixin_popup .bd_weixin_popup_foot { font-size:12px !important; line-height:18px !important;}

.slick-dots button{font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
button,input[type=button],input[type=submit]{cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0}
input[type=search]{-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder{color:transparent}
input::-ms-clear{display:none}
textarea{resize:vertical;overflow-y:auto}
::-moz-selection{background:#499BDA;color:#fff;text-shadow:none}
::selection{background:#499BDA;color:#fff;text-shadow:none}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.bosi{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.i_g{position:relative;top:-5%;left:-10%;display:block;width:110%!important}
.active .i_g{left:-5%;-webkit-transition:6s .2s linear;-moz-transition:6s .2s linear;transition:6s .2s linear}
.active .ig{margin-left:-5%;-webkit-transition:6s .2s linear;-moz-transition:6s .2s linear;transition:6s .2s linear}

.u-slick-box{position:relative;overflow:hidden}
.u-slick-box>img{display:block;width:100%}
.u-slick-box .u-slick{position:absolute;left:0;right:0;top:0}
.u-slick{position:relative;overflow:hidden}
.u-slick .item{position:relative;overflow:hidden}
.menuBlack{display:none}
html.open{overflow:hidden}
.picbox{display:block;position:relative;overflow:hidden}
.na{cursor:default}
.container{/*min-height:300px;*/overflow:hidden}
.aico{display:block;background:url(../images/aicos.png)}
.bico{display:block;background:url(../images/bicos.png)}
.pw{width:1160px;margin:0 auto}
.pw3{width:1550px;margin:0 auto;}
.right { float:right;}

/*--版心--*/
.mcontainer { margin:0 auto; padding:0 15px;}

@media (min-width:768px) {
  .mcontainer {
    width:700px;
  }
}
@media (min-width:800px) {
  .mcontainer {
    width:740px;
  }
}

@media (min-width:880px) {
  .mcontainer {
    width:800px;
  }
}

@media (min-width: 992px) {
  .mcontainer {
    width:900px;
  }
}
@media (min-width: 1100px) {
  .mcontainer {
    width:1000px;
  }
}

@media (min-width: 1250px) {
  .mcontainer {
    width: 1200px;
  }
}
@media (min-width: 1350px) {
  .mcontainer {
    width: 1300px;
  }
}
@media (min-width: 1600px) {
  .mcontainer {

    width: 1580px;
  }
}
@media (min-width: 1680px) {
  .mcontainer {
    width: 1600px;
  }
}
@media (min-width: 1800px) {
  .mcontainer {
    width: 1800px;
  }
}


/*--产品展示--*/
.proleft { width:100%; height:100%; position: absolute; left:0;}
.proright { float:right; width:50%;}
.proright img { width:100%;}
.index-page { padding-top:10px;margin-bottom: -10px;}
.prozback { background:url(../images/probgt.jpg) no-repeat left;}
.prokuang { position:relative;top: -10px;}
.promenu { position:absolute; left:7%; top:20%; width:200px; border:none; z-index:999;}
.promenu li { background:url(../images/prodian.png) no-repeat right; display:block; width:100%; height:35px; line-height:35px; margin-bottom:10px;}
.promenu li.active { background:url(../images/probgang.jpg) no-repeat right;}

.promenu li a { font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: none;
    border: none;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0;}
.promenu li.active a { font-size:16px; color:#fff; font-weight:bold; background:none; border:none;}
.promenu > li.active > a, .promenu > li.active > a:hover, .promenu > li.active > a:focus {font-size:16px; color:#fff; font-weight:bold; background:none; border:none;}
.proborder { max-width:1250px; width:60%; margin:0 auto; padding-top:5%; position:relative; z-index:9;}
.probleft { width:50%; float:left; border:10px solid #fff; border-right:none; height:573px; padding:80px 0 0 80px;}
.probright { width:50%; float:left; border:10px solid rgba(255,255,255,0.6); border-left:none; height:573px;}
.cptitle { font-size:24px; color:#fff; font-weight:bold;}
.cplie { padding:45px 0 10px 0; height:250px;}
.cplie ul li { float:left; width:50%; height:32px; line-height:32px; color:#fff;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.cplie ul li a { color:#fff; font-size:18px;}
.prodetail {}
.prodetail a { font-size:16px; color:#fff; border:1px solid #fff; width:176px; padding:6px 0; text-align:center; display:inline-block;}
.prodetail a i { padding-left:5px; display:inline-block;}
.prodetail a:hover { background:#fff; color:#0084D8;}
.prodetail a:hover i { padding-left:7px;}


@media (max-width:1680px) {
.probleft {  height:503px; padding:80px 0 0 100px;}
.probright {  height:503px;}
}

@media (max-width:1440px) {
.probleft {  height:453px; padding:40px 0 0 50px;}
.probright {  height:453px;}
.cplie { padding:45px 0 10px 0; height:220px;}
}
@media (max-width:1280px) {
.promenu {  left:50px; top:20%; width:158px; border:none; z-index:999;}
.probleft {  height:400px; padding:40px 0 0 50px;}
.probright {  height:400px;}
.cplie { padding:25px 0 30px 0; height:auto; overflow:hidden;}

.promenu li { background:url(../images/prodian.png) no-repeat right; display:block; width:100%; height:35px; line-height:35px; margin-bottom:0px;}

}

@media (max-width:1100px) {
.promenu {  left:30px; top:10%; width:158px; border:none; z-index:999;}
.proborder { max-width:1250px; width:55%; margin:0 auto; padding-top:4%; position:relative; z-index:999;}
.probleft {  height:340px; padding:20px 0 0 30px;}
.probright {  height:340px;}
.cplie { padding:20px 0 20px 0; height:auto; overflow:hidden;}
.cplie ul li a { font-size:16px;}
.prodetail a { font-size:14px; color:#fff; border:1px solid #fff; width:150px; padding:4px 0; text-align:center; display:inline-block;}
}
@media (max-width:1099px) {
/*.index-page { padding-top:72px;}*/

}
@media (max-width:991px) {
.probleft {  height:320px; padding:20px 0 0 30px;}
.probright {  height:320px;}
}
@media (max-width:900px) {

.promenu { position: inherit; left: inherit; top:0; padding-top:20px; padding-left:15px; padding-right:15px; width:100%; border:none; z-index:9;}
.promenu li { width:33.33%;background: url(../images/prodian2.png) no-repeat 0px 15px;padding-left:20px; line-height:30px; height:30px; margin-bottom:0px;}
.promenu li.active { background: url(../images/probgang2.jpg) no-repeat 0px 17px;}
.promenu li a{ display:block; font-size:16px; color:#fff; font-weight:bold;}

.prokuang { position:relative;background:url(../images/probgt.jpg) no-repeat; background-size:cover;}
.prozback { background:none; }
.proleft { position:inherit; height:auto;}
.proborder {  width:100%; padding-left:15px; padding-right:15px; margin:0 auto; padding-top:10px; overflow:hidden; padding-bottom:20px; position: inherit; z-index:9;}
.probleft { height:auto; width:100%; border:5px solid #fff; padding-bottom:20px;}
.probright { display:none;}
.proright { width:100%;}
}
@media (max-width:640px) {
.promenu li { width:50%;}
.promenu li a{ display:block; font-size:15px;font-weight:500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.promenu > li.active > a, .promenu > li.active > a:hover, .promenu > li.active > a:focus {font-size:15px; font-weight:500;}
.proborder {  width:100%; padding-left:15px; padding-right:15px; margin:0 auto; padding-top:10px; overflow:hidden; padding-bottom:20px; position: inherit; z-index:9;}
.probleft { height:auto; width:100%; border:2px solid #fff;padding: 10px 15px 15px 15px;}
.cptitle { font-size:18px; color:#fff; font-weight:bold;}
.cplie { padding:5px 0 10px 0;}
.cplie ul { max-height:75px; overflow:hidden;}
.cplie ul li a { font-size:14px;}
.cplie ul li { line-height:25px; height:25px; padding-right:10px;}
.promenu { padding-top:15px;}
.prodetail a { font-size:13px; color:#fff; border:1px solid #fff; width:120px; line-height:25px;padding:0px 0; text-align:center; display:inline-block;}
}
@media (max-width:374px) {
.cplie ul { max-height:50px; overflow:hidden;}


}