/*xx  css*/ 
/*ÐÞ¸Äcss.cssµÄ144ÐÐ  768*/


/*pc???????*/
._aside {padding-right: 0;}
._aside > h2 {}
/*?????*/
._aside ul.sidemenu > li.sub1 ul {display: none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
._aside ul.sidemenu > li.sub1 > a.sub1_a i{ float:right; font-style:normal; margin-right:15px;}/*6.28*/

._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #ff0000;}
/*?????*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;font-size: 12px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff0000;}

/*?????*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{}

.article{ padding-top:15px;}
@media (max-width: 992px) {
  ._aside {padding: 0;}
  /*????crumb*/
  ._aside > h2 { font-size:16px; background:#aaa; height:30px; line-height:30px;}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:27px;}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s;}
  /*??????????*/
  ._aside ul.sidemenu {width: 100%;display: none;}
  
  /*?????*/
  ._aside ul.sidemenu > li.sub1 ul {}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { background:#CCC}
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  /*?????*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {}
  /*?????*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {}
  #header .menu_icon img {width: 100%;}
}






@media (min-width:1440px) {
.container1{ width:1400px}
}
a:hover{ color:#1589ca}
.pagination > li > a, .pagination > li > span{border:none; color:#aaa}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:none; color:#178cce; }
.pagination > li > a:hover, .pagination > li > span:hover{ color:#555; background:none}
@media (max-width: 992px) {
.pagination{ margin:15px 0}
}
.article{ padding-top:35px;}
.sub_banner{ height:370px; background-repeat:no-repeat; background-position:center; width:100%; background-size:100% auto ;}
.sub_nav{ margin-top:35px; margin-bottom:0px;}
.sub_nav .sub_nav1{ float:left; width:60%}
.sub_nav .sub_nav1 a{ height:32px; line-height:32px; padding-left:20px; padding-right:20px; display:inline-block; margin-right:5px; font-size:12px;}
.sub_nav .sub_nav1 a.current,.sub_nav .sub_nav1 a:hover{ background:#178cce; color:#fff}
.sub_nav .crumb{ float:right; font-size:12px; color:#acacac}
.sub_nav .crumb a{ color:#acacac; margin-left:8px; margin-right:8px;}
.sub_nav .crumb span{margin-left:8px; }

.sub_nav2{ background:#f8f8f8; border-bottom:solid 1px #c5c5c5;box-shadow: 0 0 15px #e9e9e9; height:60px;}
.sub_nav2 a{ line-height:60px; float:left; text-align:center; font-size:16px; position:relative}
.sub_nav2 a:before{display:block; content:" "; position:absolute; top:calc(50% - 10px); right:0;width:1px; background:#d7d7d7; height:20px;}
.sub_nav2 a:last-child:before{ display:none}
.sub_nav2 a.current{ color:#1589ca; }
.sub_nav2 a.current span{ border-bottom:solid 2px #1589ca; display:inline-block; height:60px;}
@media (max-width: 992px) {
.sub_nav{ margin-top:20px; margin-bottom:0px;}
.article{ padding-top:25px;}
.sub_nav .sub_nav1{ float:none; width:100%; text-align:center}
.sub_banner{ height:200px;background-size:auto 100% ;}

}

@font-face {
  font-family: 'helv';
  src: url('font/helv.eot');
  src: url('font/helv.eot?#iefix') format('embedded-opentype'), url('/Plugins/Template/tanhe/style/font/helv.woff') format('woff'), url('font/helv.ttf') format('truetype'), url('/Plugins/Template/tanhe/style/font/helv.svg#verdemoderna') format('svg');
}

.about_tit{ font-size:22px; color:#233876; text-align:center; margin-bottom:80px;}
.about_tit .en{ display:block; color:#c9c9c9; font-size:14px;text-transform:Uppercase}
@media (max-width: 992px) {
.about_tit{ font-size:18px; margin-bottom:40px;}
.about_tit .en{  font-size:12px;}
}
.main .pro_list ul li p{
  white-space:nowrap;text-overflow:ellipsis; overflow:hidden;
}
.news_list{ margin-bottom:20px;}
.news_list ul li{ padding:30px 0px; border-bottom:solid 1px #e5e5e5;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news_list ul li:last-child{ border-bottom:none}
.news_list ul li a{ display:block}
.news_list ul li a .img_area{ width:340px; float:left; margin-right:35px;}
.news_list ul li a .text_area{ float:left; width:calc(100% - 555px); transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news_list ul li a .date_area{ float:right; width:90px;  position:relative}
.news_list ul li a .text_area b{ font-size:16px; display:block; white-space:nowrap; margin-top:20px; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; font-weight:normal; line-height:30px; position:relative;}
.news_list ul li a .text_area p{ color:#999999; line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.news_list ul li a .date_area span{ font-size: 22px; margin-top:25px; display:block; color:#aaa; font-family:helv}
.news_list ul li a .date_area i{ position:absolute; width:55px; height:20px; border-left:solid 1px #e5e5e5; display:block; left:10px; top:70%; overflow:hidden}
.news_list ul li a .date_area i:before{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:17px;width:20px; height:12px; background:url(../images/img10.png);transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news_list ul li a .date_area i:after{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:-20px;width:20px; height:12px; background:url(../images/img10.png);transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
@media (min-width:992px) {
.news_list ul li a:hover i:before{left:87px;}
.news_list ul li a:hover i:after{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:17px;width:20px; height:12px; }
.news_list ul li:hover{padding-left:20px;box-shadow: 0 0 20px #e9e9e9;}
.news_list ul li a:hover .text_area{  width:calc(100% - 535px)}
.news_list ul li a:hover .text_area b{ color:#178cce}
}
@media (max-width:992px) {
.news_list ul li a .img_area{ width:280px; margin-right:25px; }
.news_list ul li a .text_area{ width:calc(100% - 455px); }
.news_list ul li a .text_area b{ margin-top:10px; }
.news_list ul li a .date_area span{  margin-top:10px; }
}
@media (max-width:768px) {
.news_list{ margin-bottom:0px;}
.news_list ul li{ padding:20px 15px;}
.news_list ul li a .text_area{ float:left; width:100%; }
.news_list ul li a .text_area b{ font-size:14px; line-height:18px; margin-top:0; margin-bottom:5px; }
.news_list ul li a .text_area p{ color:#999999; line-height:20px; font-size:12px;}
	
}

.news_con .tit{ color:#737373; font-size:18px; text-align:center; margin-bottom:35px;}
.pageTurning{ margin-top:60px; text-align:center}
.pageTurning .pageTurning_btn{ display:inline-block; width:400px; padding:15px;  background:#f5f5f5;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pageTurning .pageTurning_btn a{line-height:80px; display:block; height:80px; font-size:15px; position:relative}

.pageTurning .pageTurning_btn a i{ position:absolute; width:45px; height:20px; transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;display:block;  top:calc(50% - 10px); overflow:hidden}
.pageTurning .pageTurning_btn a i:before{display:block; content:" "; position:absolute; top:calc(50% - 6px); width:20px; height:12px; transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pageTurning .pageTurning_btn a i:after{display:block; content:" "; position:absolute; top:calc(50% - 6px); width:20px; height:12px; transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pageTurning .pageTurning_btn a span{ width:90%;display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pageTurning .pageTurning_btn a p{ position:absolute;opacity:0; width:30%; top:0px; }
.pageTurning .pageTurning_btn a p img{ max-width:100%}

.pageTurning .pageTurning_btn.prevs a{ text-align:left; padding-left:80px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pageTurning .pageTurning_btn.prevs a i{ border-right:solid 1px #e5e5e5;left:0px; }
.pageTurning .pageTurning_btn.prevs a i:before{ background:url(../images/img11.png);left:7px;}
.pageTurning .pageTurning_btn.prevs a i:after{ background:url(../images/img11.png);left:67px;}
.pageTurning .pageTurning_btn.prevs a p{  right:0px;}


.pageTurning .pageTurning_btn.nexts a{ text-align:right; padding-right:80px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pageTurning .pageTurning_btn.nexts a i{  border-left:solid 1px #e5e5e5;right:0px;}
.pageTurning .pageTurning_btn.nexts a i:before{ background:url(../images/img10.png);right:7px;}
.pageTurning .pageTurning_btn.nexts a i:after{ background:url(../images/img10.png);right:67px;}
.pageTurning .pageTurning_btn.nexts a p{  left:0px;}


@media (min-width:992px) {

.pageTurning .pageTurning_btn:hover{  background:#233876;}
.pageTurning .pageTurning_btn:hover a{ color:#fff}
.pageTurning .pageTurning_btn:hover a p{opacity:1; }
.pageTurning .pageTurning_btn:hover a span{ width:60%;}

.pageTurning .pageTurning_btn.prevs:hover a{padding-left:65px}
.pageTurning .pageTurning_btn.prevs:hover a i{ border-right:solid 1px rgba(255,255,255,0.5)}
.pageTurning .pageTurning_btn.prevs:hover a i:before{left:-20px;}
.pageTurning .pageTurning_btn.prevs:hover a i:after{left:7px;}

.pageTurning .pageTurning_btn.nexts:hover a{padding-right:65px}
.pageTurning .pageTurning_btn.nexts:hover a i{ border-left:solid 1px rgba(255,255,255,0.5)}
.pageTurning .pageTurning_btn.nexts:hover a i:before{right:-20px;}
.pageTurning .pageTurning_btn.nexts:hover a i:after{right:7px;}
}
@media (max-width:992px) {
.pageTurning .pageTurning_btn{ margin:0 2px; width:calc(50% - 4px); }
.pageTurning .pageTurning_btn a{line-height:50px;  height:50px; font-size:14px;}
}
@media (max-width:768px){
.news_con .tit{  font-size:16px; margin-bottom:25px;}
.pageTurning{ margin-top:40px; text-align:center}

.pageTurning .pageTurning_btn{ display:block; width:100%;  margin:0;margin-bottom:5px; padding:8px}
.pageTurning .pageTurning_btn a{line-height:30px;  height:30px; font-size:14px;}
.pageTurning .pageTurning_btn.prevs a{ text-align:left; padding-left:60px;}
.pageTurning .pageTurning_btn.nexts a{ text-align:left; padding-right:0px;padding-left:60px;}
.pageTurning .pageTurning_btn.nexts a i{  border-left:none;border-right:solid 1px #e5e5e5;right:auto; left:0}
.pageTurning .pageTurning_btn.nexts a i:before{ left:7px; right:auto}
}

.contact1{ width:90%; margin:auto;margin-top:20px; margin-bottom:40px; }
.contact1 ul{ margin-left:-25px; margin-right:-25px;} 
.contact1 ul li{ padding-left:25px; padding-right:25px;}
.contact1 ul li .li_bg{ background:#f8f8f8; padding:20px 20px 30px 20px; text-align:center}
.contact1 ul li .li_bg i{ display:block; width:30%; max-width:70px; margin:auto;margin-bottom:30px; }
.contact1 ul li .li_bg p{ font-size:16px; line-height:30px; height:120px;}

.contact2{ background:#f8f8f8}
.contact2 .tit{ padding:25px 0 45px 0; text-align:center ; position:relative}
.contact2 .tit:before{ display:block; content:" "; position:absolute; bottom:35px; left:calc(50% - 190px);width:380px; height:2px; background:#c9c9c9;}
.contact2 .tit:after{ display:block; content:" "; position:absolute; bottom:34px; left:calc(50% - 65px);width:130px; height:4px; background:#1589ca;}
.contact2 .tit .ch{ font-size:36px; font-weight:bold; margin-right:15px;}
.contact2 .tit .en{ font-size:36px; font-weight:bold; color:#1589ca}


@media (max-width:992px) {
.contact1{ width:100%; margin-top:15px; margin-bottom:20px; }
.contact1 ul{ margin-left:-7.5px; margin-right:-7.5px;} 
.contact1 ul li{ padding-left:7.5px; padding-right:7.5px; margin-bottom:15px;}
}
@media (max-width:768px){
.contact1 ul li .li_bg i{ margin-bottom:15px; }
.contact1 ul li .li_bg p{ font-size:14px; line-height:25px; height:100px;}
.contact2 .tit{ padding:20px 0 30px 0; }
.contact2 .tit:before{  bottom:15px; left:15%;width:70%; height:1px; background:#c9c9c9;}
.contact2 .tit:after{  bottom:14px; left:30%;width:40%; height:3px; background:#1589ca;}
.contact2 .tit .ch{ font-size:24px; margin-right:10px;}
.contact2 .tit .en{ font-size:24px; }

}

.mzh1 .text_area{ float:left; width:calc( 100% - 700px)}
.mzh1 .text_area .title { margin-bottom:25px;}
.mzh1 .text_area .title  b.ch{ font-size:38px; color:#1589ca; display:inline-block; border-bottom:solid 2px #1589ca; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;letter-spacing:0.1em;}
.mzh1 .text_area .title  span.en{ font-size:22px; color:#c4c4c4; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mzh1 .text_area .inner{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; text-overflow: ellipsis;overflow: hidden; height:112px; margin-bottom:40px; }
.link{
  margin-top: 30px;
}
.link a{ width:140px; height:45px; line-height:45px; text-indent:45%; float:left; }
.link a.link1{ background:url(../images/mzh_img5.png) no-repeat 15px center #1589ca; color:#fff;margin-right:20px;background-size: 30px auto;}
.link a.link2{ background:url(../images/mzh_img4.png) no-repeat 15px center; border:solid 1px #1589ca;background-size: 30px auto;}
.mzh1 .img_area{ width:600px; float:right;}
.mzh1 .img_area .owl-carousel{box-shadow: 0 0 10px #e9e9e9;}
.mzh1 .img_area img{ display:block}
.mzh1 .img_area .owl-nav{ position:absolute; top:calc(50% - 32px); width:100%}
.mzh1 .img_area .owl-nav .owl-prev,.mzh1 .img_area .owl-nav .owl-prev:hover{ width:25px; height:65px; background:url(../images/mzh_img1.png) no-repeat; left:5px; position:absolute;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh1 .img_area .owl-nav .owl-next,.mzh1 .img_area .owl-nav .owl-next:hover{ width:25px; height:65px; background:url(../images/mzh_img2.png) no-repeat; right:5px; position:absolute;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh1 .img_area .owl-nav .owl-prev:hover{ left:0}
.mzh1 .img_area .owl-nav .owl-next:hover{ right:0}
.mzh2{ margin-top:70px;}
.mzh2 .title{ border-bottom:solid 1px #dddddd}
.mzh2 .title span{ height:45px; line-height:45px; color:#fff; width:140px; text-align:center; background:#1589ca; display:block; border-top-left-radius:15px; border-top-right-radius:15px; font-size:16px; letter-spacing:0.1em;}
.mzh2 .inner{ padding:20px 0}
@media (max-width:1440px) {
.mzh1 .text_area{  width:calc( 100% - 650px)}
.mzh1 .img_area{ width:550px;}
}
@media (max-width:1200px) {
.mzh1 .text_area{  width:calc( 100% - 600px)}
.mzh1 .img_area{ width:500px;}
}
@media (max-width:992px) {
.mzh1 .text_area{  width:100%; margin-bottom:40px;}
.mzh1 .img_area{ width:100%;}
.mzh2{ margin-top:40px;}

}
@media (max-width:768px){
.mzh1 .text_area .title { margin-bottom:15px;}
.mzh1 .text_area .title  b.ch{ font-size:20px; }
.mzh1 .text_area .title  span.en{ font-size:16px;}
.mzh1 .text_area .inner{  margin-bottom:30px; }
.mzh1 .link a{ width:46%; height:50px; line-height:50px;  }
.mzh1 .link a.link1{ margin-right:8%}
.mzh2{ margin-top:20px;}

}
.mzh_list ul{ margin-left:-25px; margin-right:-25px;}
.mzh_list ul li{ padding-left:25px; padding-right:25px; margin-bottom:50px;}
.mzh_list ul li a{ display:block; border-radius:10px; background:#fff;box-shadow: 0 0 10px #e9e9e9; padding:15px 15px 15px 30px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; position:relative}
.mzh_list ul li a .text_area{ float:left; width:calc(100% - 300px); padding-top:20px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; }
.mzh_list ul li a .text_area .title{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #eaeaea;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh_list ul li a .text_area .title b{ font-size:16px; margin-bottom:5px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh_list ul li a .text_area .title span{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px;text-transform:Uppercase;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh_list ul li a .text_area .inner{ font-size:12px; line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden; color:#838383;}
.mzh_list ul li a .text_area .more_btn{ font-size:12px;text-transform:Uppercase; position:absolute; left:30px; bottom:25px; }
.mzh_list ul li a .text_area .more_btn span{ background:url(../images/mzh_img6.png) no-repeat right; padding-right:15px; color:#838383;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}

.mzh_list ul li a .img_area{ float:right; width:270px; position:relative;}
.mzh_list ul li a .img_area img{transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; display:block}
.mzh_list ul li a .img_area p{ opacity:0; display:block;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; position:absolute;display: flex; align-content:center;flex-flow: row wrap; width:105%; right:0;  z-index:2}
.mzh_list ul li a .img_area p span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;text-overflow: ellipsis;overflow: hidden; font-size:12px; line-height:20px;color:#fff;}

@media (min-width:992px) {
.mzh_list ul li a:hover{ background: -webkit-linear-gradient(#50bbf6, #178acb);
                        background: -o-linear-gradient(#50bbf6, #178acb);
                        background: -moz-linear-gradient(#50bbf6, #178acb);
                        background: linear-gradient(#50bbf6, #178acb);}
.mzh_list ul li a:hover .text_area{ padding-top:60px;}						
.mzh_list ul li a:hover .text_area .title{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 3px #fff;}
.mzh_list ul li a:hover .text_area .title b{ font-size:20px; color:#fff;}
.mzh_list ul li a:hover .text_area .title span{  font-size:16px; color:#fff}

.mzh_list ul li a:hover .text_area .inner{ opacity:0; display:none}
.mzh_list ul li a:hover .text_area .more_btn span{ background:url(../images/mzh_img7.png) no-repeat right;  color:#fff}
.mzh_list ul li a:hover .img_area img{opacity:0.35;}
.mzh_list ul li a:hover .img_area p{opacity:1; }
}
@media (max-width:1200px) and  (min-width:992px){
.mzh_list ul{ margin-left:-15px; margin-right:-15px;}
.mzh_list ul li{ padding-left:15px; padding-right:15px; margin-bottom:30px;}

.mzh_list ul li a .text_area{  width:calc(100% - 220px); padding-top:10px; }

.mzh_list ul li a .text_area .title{padding-bottom:10px; margin-bottom:10px; }
.mzh_list ul li a .text_area .title b{ font-size:16px; margin-bottom:5px; }
.mzh_list ul li a .text_area .inner{ font-size:12px; line-height:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden; color:#838383;}
.mzh_list ul li a .text_area .more_btn{ font-size:12px;text-transform:Uppercase; position:absolute; left:30px; bottom:25px; }
.mzh_list ul li a .text_area .more_btn span{ background:url(../images/mzh_img6.png) no-repeat right; padding-right:15px; color:#838383;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh_list ul li a:hover .text_area{ padding-top:30px;}						

.mzh_list ul li a .img_area{  width:200px; }
.mzh_list ul li a .img_area p span{-webkit-line-clamp: 6;}
}
@media (max-width:768px){
.mzh_list ul li{  margin-bottom:15px;}
.mzh_list ul li a .text_area{  width:calc(100% - 145px); padding-top:0px; }
.mzh_list ul li a{ padding:15px;}

.mzh_list ul li a .text_area .title{padding-bottom:5px; margin-bottom:5px; }
.mzh_list ul li a .text_area .title b{ font-size:14px; margin-bottom:0px; line-height:16px; }
.mzh_list ul li a .text_area .inner{ font-size:12px; line-height:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden; color:#838383;}
.mzh_list ul li a .text_area .more_btn{ font-size:12px;text-transform:Uppercase; position:absolute; left:30px; bottom:25px; }
.mzh_list ul li a .text_area .more_btn span{ background:url(../images/mzh_img6.png) no-repeat right; padding-right:15px; color:#838383;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.mzh_list ul li a .img_area{  width:130px; }
.mzh_list ul li a .text_area .more_btn{left:15px; bottom:10px; }

}

.pro_de2{ background:#f6f6f6; padding-top:50px; padding-bottom:50px;}
.pro_de2 .tabs {width: 100%;margin: 0 auto; border-bottom:solid 1px #ccc}
.pro_de2 .tabs span {display: block;float: left;width: 150px;color: #333;text-align: center;border-radius: 15px 15px 0 0;border: 1px solid #ccc;background: #fff;line-height: 45px;font-size: 16px; border-bottom:none; margin-right:15px;text-decoration: none;cursor:pointer}
.pro_de2 .tabs span.active {color: #fff;background: #178acb; border-color:#178acb}
.pro_de2 .swiper-container {border-top: 0;}
.pro_de2 .swiper-wrapper{height:auto !important;}
.pro_de2 .content-slide {padding: 15px; }
.pro_de2 .swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:auto !important; }
.pro_de2 .swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}

.pro_de1{ margin-top:45px;}
.pro_de1 .text_area{ float:right; width:calc( 100% - 600px)}
.pro_de1 .text_area .title { margin-bottom:35px; margin-top:25px;}
.pro_de1 .text_area .title  b{ font-size:32px; color:#333; display:block;letter-spacing:0.1em; position:relative; padding-bottom:25px;}
.pro_de1 .text_area .title  b:before{ background:#1589ca;display:block; content:" "; position:absolute; bottom:0; left:0;width:110px; height:2px; }
.pro_de1 .text_area .inner{ line-height:28px;  }

.pro_de1 .img_area{ width:550px; float:left;}
.pro_de1 .img_area .owl-carousel{box-shadow: 0 0 10px #e9e9e9;}
.pro_de1 .img_area img{ display:block}
.pro_de1 .img_area .owl-nav{ position:absolute; top:calc(50% - 32px); width:100%}
.pro_de1 .img_area .owl-nav .owl-prev,.pro_de1 .img_area .owl-nav .owl-prev:hover{ width:25px; height:65px; background:url(../images/mzh_img1.png) no-repeat; left:5px; position:absolute;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pro_de1 .img_area .owl-nav .owl-next,.pro_de1 .img_area .owl-nav .owl-next:hover{ width:25px; height:65px; background:url(../images/mzh_img2.png) no-repeat; right:5px; position:absolute;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pro_de1 .img_area .owl-nav .owl-prev:hover{ left:0}
.pro_de1 .img_area .owl-nav .owl-next:hover{ right:0}
.pro_de2{ margin-top:70px;}
@media (max-width:1440px) {
.pro_de1 .text_area{  width:calc( 100% - 550px)}
.pro_de1 .img_area{ width:500px;}
}
@media (max-width:1200px) {
.pro_de1 .text_area{  width:calc( 100% - 450px)}
.pro_de1 .img_area{ width:400px;}
.pro_de1 .text_area .title { margin-bottom:20px; margin-top:0px;}
.pro_de1 .text_area .title  b{padding-bottom:10px;}
.pro_de1 .text_area .inner{ line-height:22px;  }
}
@media (max-width:992px) {
.pro_de1 .text_area{  width:100%; margin-bottom:20px;}
.pro_de1 .img_area{ width:100%;}
.mzh2{ margin-top:40px;}
.pro_de1 .text_area .title { margin-bottom:20px; margin-top:20px;}
.pro_de1 .text_area .title  b{padding-bottom:0px;}
.pro_de1{ margin-top:15px;}
}
@media (max-width:768px){
.pro_de1 .text_area .title { margin-bottom:15px;}
.pro_de1 .text_area .inner{  margin-bottom:0px; }
.pro_de1 .text_area .title  b{ font-size:20px;padding-bottom:15px;}
.pro_de2{ margin-top:20px;}
.pro_de2{  padding-top:20px; padding-bottom:20px;}
.pro_de2 .tabs span {width: 30%; margin-right:3%; font-size:15px; height:35px; line-height:35px;border-radius: 10px 10px 0 0;}
}

._aside{ width:288px; background:#fff; margin-top:80px; float:left}
._aside h2{ height:70px; line-height:70px; color:#fff; background:#1589ca; font-size:22px; padding:0 22px;text-align: center;}
._aside h2 span{ float:right; width:120px; height:45px; line-height:45px; border:solid 1px #fff; color:#fff; font-size:14px; text-align:center; border-radius:25px; margin-top:18px;}

._aside ul.sidemenu > li.sub1 > a.sub1_a i{ margin-right:5px;}
._aside .sidemenu li.sub1 i img{transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
._aside .sidemenu li.sub1 a.sub1_a{ height:65px; line-height:65px; border-bottom:solid 1px #e5e5e5; margin-left:20px; margin-right:20px; font-size:20px; padding:0 0 0 5px; font-size:14px; font-weight:bold;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
._aside .sidemenu .sub1 ul{ background:#f5f5f5}
._aside ul.sidemenu > li.current > a.sub1_a, ._aside ul.sidemenu > li:hover > a.sub1_a{ color:#333}
._aside .sidemenu .sub1 ul li.sub2 a.sub2_a{ margin-right:15px; margin-left:15px; height:55px; line-height:55px; border-bottom:solid 1px #fff; padding:0 20px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #1589ca;}

.main{ float:right; width:calc(100% - 360px); margin-top:40px;}
.main.main2{
  width: 100%;
}
.main .pro_list ul{ margin-bottom:40px;}
.main .pro_list ul li .img_area{ margin-bottom:30px; overflow:hidden;box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
.main .pro_list ul li .img_area img{transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.main .pro_list ul li{ text-align:center; margin-top:40px;padding: 0 40px;}

@media (min-width:992px) {
.main .pro_list ul li a:hover .img_area img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
}
@media (max-width:1200px) {
._aside{ width:280px; margin-top:80px; }
.main{ width:calc(100% - 300px); margin-top:20px;}
}
@media (max-width:992px) {
._aside{ width:100%; margin-top:20px; float:none }
.main{ width:100%; margin-top:10px; float:none }
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { background:#fff}
._aside h2{ height:50px; line-height:50px;font-size:22px; padding:0 15px;}
._aside .sidemenu li.sub1 a.sub1_a{ font-size:18px;height:55px; line-height:55px;}
._aside .sidemenu .sub1 ul li.sub2 a.sub2_a{  height:50px; line-height:50px; }
}
@media (max-width:768px){
._aside{  margin-top:0px;  }
._aside h2{ font-size:18px;height:45px; line-height:45px; }
._aside .sidemenu li.sub1 a.sub1_a{ font-size:16px;height:50px; line-height:50px;margin-left:10px; margin-right:10px; }
._aside .sidemenu .sub1 ul li.sub2 a.sub2_a{ margin-right:10px; margin-left:10px; height:45px; line-height:45px;padding:0 10px;}
.main .pro_list ul{
  margin: 0;
}
.main .pro_list ul li{
  padding: 0 15px;
  margin-top: 30px;
}
.main .pro_list ul li .img_area{
  margin-bottom: 15px;
}
}