.i_box{ width:100%; position:fixed; left:0; top:36.5%; height:100%;}
.i_box.tops{ top:0;transition: all 0.3s;}
.i_box .i_head{ /*height:27.5%;*/ background:url(../images/top_bg.png) repeat; overflow:hidden; width:100%;/* position:relative;*/}
.i_box.tops .i_head{/*height:22%; */background:#fff;}
.i_box.tops .i_head .i_head_one{ height:130px; line-height:130px; margin-top:5px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li{ width:12%;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo{ display:inline-block;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo{width:auto; max-width:none; padding-left:1%; padding-right:1%;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:91px;vertical-align:middle;}
.i_box.tops .i_head .i_head_two{ display:none;}

.i_box .i_head .i_head_one{ height:76px; line-height:76px;  height:28%;overflow:hidden; text-align:center; }
.i_box .i_head .i_head_one .i_head_one_l{ float:left; width:18%;height:100%;font-family:"宋体"; font-size:12px; color:#858585; text-align:left;}
.i_box .i_head .i_head_one .i_head_one_r{ float:right; width:18%;height:100%; font-family:"宋体"; font-size:12px; color:#858585;}
.i_box .i_head .i_head_one .i_head_one_r ul li{ padding-left:5%; padding-right:5%; float:right; background:url(../images/line.jpg) right center no-repeat;}
.i_box .i_head .i_head_one .i_head_one_r ul li:first-child{/* background:url(../images/top_pic.png) right center no-repeat;*/ background:none;}
.i_box .i_head .i_head_one .i_head_one_r ul li a{ color:#858585; text-decoration:none;}
.i_box .i_head .i_head_one .i_head_one_r ul li a:hover{ color:#000;}

.i_box .i_head .i_head_one .i_head_one_m{ float:left; width:64%;/*width:74%;*/ overflow:hidden; font-size:14px; text-align:center;}
.i_box .i_head .i_head_one .i_head_one_m ul li{ display:inline-block; width:15%; min-width:76px; max-width:136px;}
.i_box .i_head .i_head_one .i_head_one_m ul li a{ display:block; width:100%; text-decoration:none;color:#858585;}
.i_box .i_head .i_head_one .i_head_one_m ul li a i{ display: inline-block; vertical-align: middle; margin:-1px 5px 0 0; width: 0px; height: 1px; background-color: #828282;transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}
.i_box .i_head .i_head_one .i_head_one_m ul li a.on i,.i_box .i_head .i_head_one .i_head_one_m ul li a:Hover i{ width: 15px;}
.i_box .i_head .i_head_one .i_head_one_m ul li a.on,.i_box .i_head .i_head_one .i_head_one_m ul li a:Hover{ color:#000;}
.hejun-navBar{ width: 150px; height: 200px; position: fixed; left: 0; top: 50%; margin-top: -100px; background-color: #F8F8F8;  cursor: pointer; overflow: hidden; z-index: 999;transform: translateX(-160px);-webkit-transform: translateX(-160px);-moz-transform: translateX(-160px);transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;}
.i_box .i_head .i_head_one .i_head_one_m .logo{ display:none; }

.i_box .i_head .i_head_two{ text-align:center; padding-top:1%;overflow:hidden;}
.i_box .i_head .i_head_two img{ height:91px;}


.i_box .i_head .i_head_three{ text-align:center;/* line-height:80px; */font-size:14px; /*position:absolute; bottom:7%;*/ width:100%; margin-top:20px; margin-bottom:10px;}
.i_box .i_head .i_head_three ul li{ padding-left:25px; padding-right:25px; display:inline-block; background:url(../images/line2.jpg) right center no-repeat;}
.i_box .i_head .i_head_three ul li:last-child{ background:none;}
.i_box .i_head .i_head_three ul li a{ color:#666666; text-decoration:none;}
.i_box .i_head .i_head_three ul li a:hover{color:#000000;}
.i_box .i_head .i_head_three ul li.threesel a{color:#000000;}

.i_box .i_content{ height:73%; background-color:#fff; /*overflow:hidden; */width:100%; display:none;}
.i_box.tops .i_content{ transition: all 0.3s;display:block;}

/*尾部*/
.i_foot{position:fixed;bottom:0; }





/*产品列表*/
.M_1 .slideTxtBox1 .parBd { width: 100%;margin: 0 auto;}
.M_1 .slideTxtBox1 .parBd .picScroll-left { position: relative; width:100%;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd {height: 56px; /*left: -32px;*/ position: absolute; /*top: 111px;*/ /*width: 1277px;*/ top: -50px; width: 80px; right: 2%; z-index: 9;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sPrev, .picScroll-left .hd .sNext { background: url(../images/indkk.png)   no-repeat; cursor: pointer;  display: block;  height: 31px;  width: 36px; position: absolute;top: 0;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sPrev:hover { background: url(../images/indll.png)   no-repeat;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sPrev:hover, .picScroll-left .hd .sNext:hover {transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80);}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sPrev { left: 0; top: 0;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sNext { background: url(../images/indkk.png) -38px 0 no-repeat; right: 0;cursor: pointer; display: block; height: 38px; position: absolute; top: 0; width: 38px;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .sNext:hover {background: url(../images/indll.png) -38px 0 no-repeat;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .prevStop {background-position: -60px 0;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .hd .nextStop {background-position: -60px -50px;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd {height: auto;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul {height: auto; padding: 0;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li { float: left; height: auto; width: 20%;overflow: hidden;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .pic { margin-right:1px;text-align: center; overflow:hidden; position:relative;}
.tempWrap { margin: auto;}

.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .pic .imgs { width: 100%;/*height: 162px;*/ overflow:hidden;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .pic .imgs img{ width:100%;/*-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;*/}
/*.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li:hover .txt_b{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li a { text-decoration: none;color: #333333;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_b{background:url(../images/pro_bg.png) repeat; width:100%; height:100%; position:absolute; /*top:100%;*/top:0%;opacity: 0; filter: Alpha(opacity=0); left:0;color:#333;transition:all 1.2s;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c{ position:absolute; bottom:55px; /*bottom:30%;*/ width:100%;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c h2{ height:36px; line-height:36px; overflow:hidden; width:96%; margin:0 auto; background:url(../images/line4.png) center center no-repeat; font-size:14px; font-weight:normal;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c h2:hover a{ color:#000;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c p{ font-size:18px; line-height:44px;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c p:hover{color:#000;}

.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c em{ width:32px; height:32px; margin:0 auto;background:url(../images/pro_pic_hui.png) no-repeat; display:block;}
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c em:Hover{background:url(../images/pro_pic_on.png) no-repeat; }
.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c em.Hover{background:url(../images/pro_pic_on.png) no-repeat; }

.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li:hover .txt_b{/* top:0;*/opacity: 1.0; filter: Alpha(opacity=100);}

.M_2 .slideTxtBox2 .parBd { width: 100%;margin: 0 auto;}
.M_2 .slideTxtBox2 .parBd .picScroll-left { position: relative; width:100%;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd {height: 56px; /*left: -32px;*/ position: absolute; /*top: 111px;*/ /*width: 1277px;*/ top: -50px; width: 80px; right: 2%; z-index: 9;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev, .picScroll-left .hd .sNext { background: url(../images/indkk.png)   no-repeat; cursor: pointer;  display: block;  height: 31px;  width: 36px; position: absolute;top: 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev:hover { background: url(../images/indll.png)   no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev:hover, .picScroll-left .hd .sNext:hover {transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev { left: 0; top: 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext { background: url(../images/indkk.png) -38px 0 no-repeat; right: 0;cursor: pointer; display: block; height: 38px; position: absolute; top: 0; width: 38px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext:hover {background: url(../images/indll.png) -38px 0 no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .prevStop {background-position: -60px 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .nextStop {background-position: -60px -50px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd {height: auto;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul {height: auto; padding: 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li { float: left; height: auto; width: 20%;overflow: hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .pic { margin-right:1px;text-align: center; overflow:hidden; position:relative;}
.tempWrap { margin: auto;}

.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .pic .imgs { width: 100%;/*height: 162px;*/ overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .pic .imgs img{ width:100%;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a { text-decoration: none;color: #333333;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_b{background:url(../images/pro_bg.png) repeat; width:100%; height:100%; position:absolute; top:100%; left:0;color:#333;transition:all 0.3s;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c{ position:absolute; bottom:55px; width:100%;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c h2{ height:36px; line-height:36px; overflow:hidden; width:96%; margin:0 auto; background:url(../images/line4.png) center center no-repeat; font-size:14px; font-weight:normal;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c h2:hover{ color:#000;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c p{ font-size:18px; line-height:44px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c p:Hover{ color:#000;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c em{ width:32px; height:32px; margin:0 auto;background:url(../images/pro_pic_hui.png) no-repeat; display:block;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c em:Hover{background:url(../images/pro_pic_on.png) no-repeat; }
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c em.Hover{background:url(../images/pro_pic_on.png) no-repeat; }
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li:hover .txt_b{ top:0;}

.M_3 .slideTxtBox3 .parBd { width: 100%;margin: 0 auto;}
.M_3 .slideTxtBox3 .parBd .picScroll-left { position: relative; width:100%;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd {height: 56px; /*left: -32px;*/ position: absolute; /*top: 111px;*/ /*width: 1277px;*/ top: -50px; width: 80px; right: 2%; z-index: 9;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sPrev, .picScroll-left .hd .sNext { background: url(../images/indkk.png)   no-repeat; cursor: pointer;  display: block;  height: 31px;  width: 36px; position: absolute;top: 0;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sPrev:hover { background: url(../images/indll.png)   no-repeat;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sPrev:hover, .picScroll-left .hd .sNext:hover {transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80);}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sPrev { left: 0; top: 0;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sNext { background: url(../images/indkk.png) -38px 0 no-repeat; right: 0;cursor: pointer; display: block; height: 38px; position: absolute; top: 0; width: 38px;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .sNext:hover {background: url(../images/indll.png) -38px 0 no-repeat;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .prevStop {background-position: -60px 0;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .hd .nextStop {background-position: -60px -50px;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd {height: auto;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul {height: auto; padding: 0;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li { float: left; height: auto; width: 20%;overflow: hidden;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .pic { margin-right:1px;text-align: center; overflow:hidden; position:relative;}
.tempWrap { margin: auto;}

.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .pic .imgs { width: 100%;/*height: 162px;*/ overflow:hidden;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .pic .imgs img{ width:100%;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li a { text-decoration: none;color: #333333;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_b{background:url(../images/pro_bg.png) repeat; width:100%; height:100%; position:absolute; top:100%; left:0;color:#333;transition:all 0.3s;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c{ position:absolute; bottom:55px; width:100%;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c h2{ height:36px; line-height:36px; overflow:hidden; width:96%; margin:0 auto; background:url(../images/line4.png) center center no-repeat; font-size:14px; font-weight:normal;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c h2:hover{ color:#000;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c p{ font-size:18px; line-height:44px;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c p:hover{color:#000;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c em{ width:32px; height:32px; margin:0 auto;background:url(../images/pro_pic_hui.png) no-repeat; display:block;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c em:Hover{background:url(../images/pro_pic_on.png) no-repeat; }
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c em.Hover{background:url(../images/pro_pic_on.png) no-repeat; }
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li:hover .txt_b{ top:0;}


.txt_c h2 span { position:relative; padding:10px 20px; border:none; line-height:1; border-bottom:1px solid #fff\9\0; border-top:1px solid #fff\9\0; padding:10px 0\9\0; }
.txt_c h2 span:before, .txt_c h2 span:after { content:""; position:absolute; width:1px; height:100%; width:0px\9\0; background:#fff; font:0/0 Arial; overflow:hidden; }
.txt_c h2 span:before { top:0; left:50%; transform-origin:0 0 0; transform:rotate(-90deg) translateY(-50%); }
.txt_c h2 span:after { right:50%; bottom:0; transform-origin:right bottom; transform:rotate(-90deg) translateY(50%); }
.txt_c h2:hover span:before { left:0; transform:rotate(0) translateY(0); }
.txt_c h2:hover span:after { right:0; transform:rotate(0) translateY(0); }


@media screen and (max-width:1600px) {
.i_box .i_head .i_head_one{ height:64px; line-height:64px;}
.i_box.tops .i_head .i_head_one{ height:108px; line-height:108px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:76px;}
.i_box .i_head .i_head_two img{ height:76px;}

.i_box .i_head .i_head_three{ line-height:66px;}

}
@media screen and (max-width:1440px) {
.i_box .i_head .i_head_one{ height:57px; line-height:57px;}
.i_box.tops .i_head .i_head_one{ height:97px; line-height:97px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:69px;}
.i_box .i_head .i_head_two img{ height:69px;}

.i_box .i_head .i_head_three{ line-height:60px;}

.M_1 .slideTxtBox1 .parBd .picScroll-left .bd ul li .txt_c{ bottom:30%;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .txt_c{ bottom:30%;}
.M_3 .slideTxtBox3 .parBd .picScroll-left .bd ul li .txt_c{ bottom:30%;}

/*产品列表*/

}
@media screen and (max-width:1280px) {
.i_box .i_head .i_head_one{ height:50px; line-height:50px;}
.i_box.tops .i_head .i_head_one{ height:86px; line-height:86px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:67px;}
.i_box .i_head .i_head_two img{ height:67px;}

.i_box .i_head .i_head_three{ line-height:53px;}

/*产品列表*/
}

@media screen and (max-width:1024px) {
.i_box .i_head .i_head_one{ height:40px; line-height:40px;}
.i_box.tops .i_head .i_head_one{ height:70px; line-height:70px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:49px;}
.i_box .i_head .i_head_one .i_head_one_l{ width:15%;}
.i_box .i_head .i_head_one .i_head_one_m{width:70%;}
.i_box .i_head .i_head_one .i_head_one_r{ width:15%;}
.i_box .i_head .i_head_two img{ height:49px;}

.i_box .i_head .i_head_three{ line-height:42px;}

/*产品列表*/

}

@media screen and (max-width:800px) {
.i_box .i_head .i_head_one{ height:32px; line-height:32px;}
.i_box.tops .i_head .i_head_one{ height:55px; line-height:55px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:38px;}
.i_box .i_head .i_head_one .i_head_one_l{ width:12%;}
.i_box .i_head .i_head_one .i_head_one_m{width:76%;}
.i_box .i_head .i_head_one .i_head_one_r{ width:12%;}
.i_box .i_head .i_head_two img{ height:38px;}

.i_box .i_head .i_head_three{ line-height:34px;}

/*产品列表*/

}

@media screen and (max-width:640px) {
.i_box .i_head .i_head_one{ height:26px; line-height:26px;}
.i_box.tops .i_head .i_head_one{ height:44px; line-height:44px;}
.i_box.tops .i_head .i_head_one .i_head_one_m ul li.logo img{ height:31px;}
.i_box .i_head .i_head_two img{ height:31px;}

.i_box .i_head .i_head_three{ line-height:26px;}

/*产品列表*/


}