body { }
.head .proDetialbg { background: #7f7f7f !important; }
/*产品列表页面样式*/

.proList-main { width: 100%;}

.proList-main > a { position: relative; width: 16.65%; float: left; z-index: 1; background-size: 100%; }

.proList-main > a .prodestext { width: 135px; margin-top: 67px; margin-left: 10px; font-family: 'Microsoft YaHei'; text-align: left; color: #fff; z-index: 3; position: relative; }

.proList-main > a .prodestext .prodestext-text1 { font-size: 30px; line-height: 40px; font-weight: bold; z-index: 3; }

.proList-main > a { position: relative; width: 16.65%; float: left; z-index: 1; background-size: 100%; }

.proList-main > a .prodestext { width: 135px; margin-top: 67px; margin-left: 10px; font-family: 'Microsoft YaHei'; text-align: left; color: #fff; z-index: 3; position: relative; }

.proList-main > a .prodestext .prodestext-text1 { font-size: 30px; line-height: 40px; font-weight: bold; z-index: 3; }

.proList-main > a .prodestext .prodestext-text2 { font-size: 20px; line-height: 30px; z-index: 3; margin-top: 8px; }

.proList-main a .zhezhao { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 2; }

.proList-main > a .prodestext .prodestext-text2 { font-size: 20px; line-height: 30px; z-index: 3; margin-top: 8px; }

.proList-main a .zhezhao { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; }

/*产品列表详情页面样式*/

.proDetail { padding-top: 74px; }

.proDetail .proDetail-top { width: 100%; padding-top: 80px; }

.proDetail-slideout { width: 1000px; margin-left: auto; margin-right: auto; }

.proDetail .proDetail-top .proDetail-slide { width: 100%; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft { position: relative; display: block; float: left; width: 50%;  margin:auto 0;  }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft img {text-align: center; width: 100%;height:auto;vertical-align:middle;margin:auto 0; margin-top:60px; }

/* .proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft .imgzhezhao { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(227,222,216,0.5); }*/

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight { float: left; width: 45%; margin-left: 5%; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight p { width: 100% !important; font-family: 'Microsoft YaHei'; color: #336666; font-size: 12px; line-height:22px;word-wrap:break-word;white-space:normal !important;}

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight p span { word-wrap:break-word; white-space:normal !important; }
.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .txtdiv {}
.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .title { font-size: 30px; line-height: 40px; font-weight: bold; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .prodescribe { font-size: 16px; line-height: 24px; margin: 10px 0; font-weight: 600; }
.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .proname{ font-size: 16px; line-height: 24px; margin:0 0 10px; font-weight: 600; }

.proDetail-top .slidesjs-previous { width: 50px; height: 79px; position: absolute; top: 328px; left: 0px; font-size: 0px; background: url(../images/icotoleft_02.png) left no-repeat; z-index: 10; }



.proDetail-top .slidesjs-next { width: 50px; height: 79px; position: absolute; top: 328px; right: 0px; font-size: 0px; background: url(../images/icotoright_02.png) left no-repeat; z-index: 10; }

.proDetail-top .slidesjs-previous:hover { background: url(../images/icobgtoleft_03.png) left no-repeat; background-size: 100%; }

.proDetail-top .slidesjs-next:hover { background: url(../images/icobgtoright_03.png) left no-repeat; background-size: 100%; }

.proDetail .proDetail-bottom { display: block; width:auto; }
.proDetail .proDetail-bottom  .scro_img{width:auto; position:relative; }
.proDetail .proDetail-bottom  .scro_img li{position:relative; display: inline; float: left;border:1px solid #fff; }
.proDetail .proDetail-bottom > a { display: block; float: left; width: 16.66%; height: 140px; }

.proDetail .proDetail-bottom > a img { width: 100%; height: 140px; }
.phone_content {display:none; }
/*修改PC端产品详情底部轮播样式*/
.proDetail .proDetail-bottom .arrow-btn{position:absolute;top:50%;z-index:2;margin-top:-25px; width:50px;height:50px;cursor:pointer;text-indent:-9999px}
.proDetail .proDetail-bottom .btn-prev{left:5px;background:url(../images/line_l.png) no-repeat;}
.proDetail .proDetail-bottom .btn-next{right:5px;background:url(../images/line_r.png) no-repeat;}
.proDetail .proDetail-bottom .arrow-btn:hover{opacity:.5}
#box { width: 99.8%; }
#scro { width: 100%; height: 10px; background: #e5e7e9; margin: 10px 0; position: relative; }
.scro_line { width: 100%; height: 0; overflow: hidden; position: absolute; left: 0; top: 15px; z-index: 0; }
.scro_mouse { width: 20px; height: 20px; background: #fff; cursor: pointer; position: absolute; left: 0; top: -7px; z-index: 3; border-radius: 20px; border: 1px solid #ccc; }
.showbg { position: absolute; top: 0; left: 0; height: 10px; z-index: 2; }
.show { width: 100px; height: 30px; position: absolute; display: none; top: -30px; left: 0; }
.scro_img {position: relative;  height: 140px; margin: 0 auto 10px auto ; overflow: hidden; }
.scro_img li { position: relative; display: inline; float: left; }
 .scro_img  li a { display: block; width:100%; }
  .scro_img  li  img { width:100%; }
.scro_img li .textzhezhao { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(135,135,135,0.5); }
.scro_img li .textzhezhao p { font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: center; line-height: 20px; margin-top: 25%; }
.slider_line{position:relative; width:99.6%; height:6px;margin: 10px auto; border: 1px solid rgba(227,222,216,0.5);background-color: rgba(227,222,216,0.5);}
/*添加样式*/
* {margin:0;padding:0; }
.AllInfo {width:100%;}
.AllInfo .WorkFlow { margin: 0px; }
.AllInfo .WorkFlow > .List { overflow: hidden; }
.AllInfo .WorkFlow > .List .Item { position: relative; height: 0; overflow: hidden;width:100%;cursor:pointer; }
ul, ol, li { list-style: none; }
.AllInfo .WorkFlow > .List .Item .Dimm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: #000; filter: alpha(opacity=40); opacity: 0.4; }
.AllInfo .WorkFlow > .List .Item .Image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.AllInfo .WorkFlow > .List .Item .Image img {  position: absolute; top: 50%;left:50%;}
.AllInfo .WorkFlow > .List .Item .ItemTitle { position: absolute; left: 50%; top: 7%; z-index: 5; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step, .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display: inline-block; vertical-align: top; color: #fff; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding: 7px 0 0; font-size: 30px; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { font-size: 20px;font-weight:normal; }
@media (min-width: 1000px) {
  .AllInfo {width:100%; }
.AllInfo .WorkFlow { position: relative; }
.AllInfo .WorkFlow > .List .Item { float: left; padding: 0;width:16.6666666667%;  }
.AllInfo .WorkFlow > .List .Item .Image { position: relative; }
.AllInfo .WorkFlow > .List .Item .Image img { width: auto; position: absolute; top: 50%;left:50%; }
.AllInfo .WorkFlow > .List .Item .ItemTitle { left: 0; margin-left: 10%; width: 80%; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step, .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display: block;  width: auto; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding: 0 0 10px;font-size:30px; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { margin: 0 auto; line-height: 1.2; font-size:20px;}

.proDetail .proDetail-top {padding-top: 90px; }
.proDetail .proDetail-bottom {margin-top:60px;position: relative; }
}
@media (max-width:1000px) {
  /*产品列表页面样式*/
  .proList-main { padding-top: 76px; padding-bottom: 70px; }

.proList-main > a { width: 100%; height: 115px; }

.proList-main > a .prodestext { width: 260px; margin-top: 46px; }

.proList-main > a .prodestext .prodestext-text1 { font-size: 18px; line-height: 25px; }

.proList-main > a .prodestext .prodestext-text2 { font-size: 14px; line-height: 25px; margin-top: 4px; font-weight: 100; }
/*产品列表详情页面样式*/
.phone_content {display:block; }
.PC_content {display:none; }
.proDetail { padding-top: 100px; }

.proDetail .proDetail-top { padding-top: 0px; }

.proDetail-slideout { width: 100%; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft { width: 100%; height: 210px; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft img { width: 40%; margin-left: 30%; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight { width: 95%; margin-left: 0px; padding-left: 10px; padding-right: 5px; }

.proDetail-top .slidesjs-previous { top: 17%; width: 21px; height: 36px; background-size: 100%; }

.proDetail-top .slidesjs-next { top: 17%; width: 21px; height: 36px; background-size: 100%; }

#slider { height: 4px !important; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .title { font-size: 20px; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .prodescribe { font-size: 14px; font-weight: 100; margin: 4px auto; }
.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight .proname { font-size: 14px; font-weight: 100; margin: 4px auto; }

.proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft .imgzhezhao { display: none; }

.proDetail .proDetail-bottom { display: none; }

.proListmain { padding-bottom: 0px; }
/*添加样式*/
.AllInfo .WorkFlow > .List .Item .ItemTitle { position: absolute; left: 3%; bottom:0; top:auto; z-index: 5;   margin-left: 0px; }
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding: 7px 0 0; font-size: 20px; display:block;}
.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { font-size: 14px;font-weight:normal; }
}


@media (max-width:768px) {
  /*产品列表页面样式*/
  .proDetail { padding-top: 50px; }
.proList-main { padding-top: 34px; padding-bottom: 1px; }
/*产品列表详情页面样式*/
.proListmain { padding-bottom: 0px; }

.foot { height: 26px; }


}

@media (max-width:480px) {
  .proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft img { width: 80%; margin-left: 10%; margin-top:0; }
.proDetail .proDetail-top .proDetail-slide .proDetail-slideRight { margin-top:20px; }
.proDetail-top .slidesjs-previous {top: 12%;}
.proDetail-top .slidesjs-next {top: 12%;}
}

@media (max-width:320px) {
  .proDetail .proDetail-top .proDetail-slide .proDetail-slideLeft { width: 100%; height: 175px; }
}