﻿#header {
    width: 100%;
    z-index: 1003;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    position: static;
	background: #000;
    transition: background 0.3s ease;
}
#banner { font-size:0;}

.lnte{background:url(../images/about_bh.jpg) bottom center; height: auto;border-bottom: 1px solid rgba(0,0,0,0.1);}
.m_location_wrap{border-bottom:2px solid #dedede; padding:0px 0 0 0; margin-bottom:20px;}
.m_location_title{font-size:24px; color:#020202; line-height:55px; height:55px; text-indent:4px; float:left;}
.location_list { font-size:16px; height:73px; line-height:73px; text-indent:0px; float:right; color:#333; margin:0; background:url(../images/location.jpg) no-repeat left 24px; padding-left:25px;}
.location_list a{color:#3e3e3e;}
.location_list span { margin:0 5px; }
.location_list_p{line-height:46px; height:46px; margin:0; padding-top:10px;}

.pagetit{
	margin-top: 30px;
	margin-bottom: 40px;
}
.pagetit h3{
	font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight: 200;
}
.pagetit h2{
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: normal;
}
/*.pagetit span{
	display: block;
  width: 90px;
  height: 5px;
  background: linear-gradient(
    to right,
    #000 0% 33.33%,
    #ff0000 33.33% 66.66%,
    #ffd700 66.66% 100%
  );
}*/
.pagemsg img:hover{
	transform: scale(1.1);
}

#category {}
#category .bd { margin:0 ; text-align:center; border-left:0px solid #dcdfe3;width: auto; float:left;}
#category .clearfix{padding:0px 0px 0px 0px;}
#category .bd ul li.parent { height:73px; line-height:0; width:155px; margin:0px 16px 0 0; border:0px solid #c7c7c7; border-radius:0px; display:inline-block;}
#category .bd ul li.parent a { display:block; line-height:73px; font-size:18px; font-weight: bold;text-align:center; color:#232e3c; border-radius:0px; }
#category .bd ul li.parent a:hover {color:#fff; background:#232e3c;opacity: 1; text-decoration:none;}
#category .bd ul li.parent a.current {color:#fff; background:#232e3c;opacity: 1; text-decoration:none;}
.triangle_border_down{width:0; height:0; border-width:7px 6px 0; border-style:solid;  border-color:#023f6d transparent transparent;/*灰 透明 透明 */  margin:0px auto; position:relative;}

.pormain{
	padding: 60px 0;
}
.pormain .porint ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.pormain .porint ul li{
	width: 31%;
	margin-bottom: 40px;
	overflow: hidden;
}
.pormain .porint ul .menu-li2 img{
	width: 100%;
}
.pormain .porint ul .menu-li2:hover img {
	transform: scale(1.1);
}
.pormain .porint ul li a{
	display: block;
	position: relative;
}
.pormain .porint ul li p{
	position: absolute;
    bottom: 20px;
    left: 15px;
    color: #fff;
	z-index: 99;
}
.porcate{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pornav{
	width: 27%;
}
.pornav h3{
	
	 width: 100%;
	color: #fff;
    padding: 20px;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: rgb(237, 125, 50);
}
.pornav .menu-li{
	background-color: #f2f2f2;
    line-height: 60px;
    padding: 0 20px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid #e6e6e6;
}
.pornav .menu-li:hover{background-color: #ed7d31; color: #fff;}
.pornav .menu-li a:hover {width:100%;  color: #fff;}
.pornav .s-menu{
	display: none;
}
.pornav ul li:nth-child(1) .s-menu {
    display: block;
}
.pornav .s-menu a{
	display: flex;
    line-height: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 0 25px;
	border-bottom: 1px solid #e5e5e5;
	align-items: center;
}
.pornav .s-menu i{
    background: none;
}
.pornav .s-menu .ion i{
	width: 20px;
    height: 9px;
    background: linear-gradient( to bottom, #000 0% 33.33%, #ff0000 33.33% 66.66%, #ffd700 66.66% 100% );
}

.pornav li span{
	width: 14px;
    height: 14px;
    display: flex;
    position: relative;
    cursor: pointer;
	margin-left: 10px;
}
.pornav li span:after,
.pornav li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.pornav li span:before {
  transform: rotate(90deg);
}
.pornav li:hover span:before,
.pornav .menu-li.on span:before {
  opacity: 0;
}
.pornav li:hover span:after,
.pornav .menu-li.on span:after {
      background-color: #fff;
}

.m_pro_list {
	width: 69%;
}
.m_pro_list h2{
	position: relative;
  padding-left: 15px; 
  font-size: 20px;
}
.m_pro_list h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  background: #e9383f;
  border-radius: 50%;
}


.view_bj{
	width: 100%;
	background-color: #fff;
    box-sizing: border-box;
}
.view_bj h2{
	    color: #333;
    font-weight: initial;
    font-size: 36px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.view_bj h2 span{
	display: block;
    font-size: 20px;
    margin-top: 15px;
}
.imgview{
	border: 1px solid #d2d2d2;
}
.imgview img{
	width: 100%;
	display: block;
}

#BannerBlocks{color:#fff;overflow:hidden;padding-top: 20px;}
#BannerBlocks .alignMiddle{height:inherit}
#BannerBlocks .alignMiddle .alignMiddleContent{vertical-align:middle;display:inline-block;width:100%}
#BannerBlocks .alignMiddle .helper{height:inherit;vertical-align:middle;display:inline-block}
#BannerBlocks .title{font-size:24px;line-height:22px;width:80%;text-align:center;margin:auto;margin-bottom:5px;font-family:"arial";text-transform:uppercase;letter-spacing:inherit;color:inherit;font-weight:normal}
#BannerBlocks .subTitle{font-size:13px;line-height:13px;width:80%;text-align:center;margin:auto;margin-bottom:45px;font-family:"arial"}
#BannerBlocks .blocks .items{margin:0 0;position: relative;width: 100%;}
#BannerBlocks .slick-track{display: flex; flex-wrap: wrap;}
#BannerBlocks .block{width:90px;position:relative;z-index:5;margin:0 10px;transition: all .2s ease;/* transform:skew(-9deg); */overflow:hidden}
#BannerBlocks .block.item1{right:-6.666%}
#BannerBlocks .block.item3{left:-6.666%}
#BannerBlocks .block .blockInner{display:block;text-align: center;}
#BannerBlocks .block .blockInner span{color: #999999;}
#BannerBlocks .block .textContainer{display:inline-block;float:right;margin-right:-5px;margin-top:400px;height:50px;padding:0 15px;background-color:#fff;/*transform:skew(9deg)*/}
#BannerBlocks .block .textContainer .blockTitle{line-height:50px;font-family:"arial";text-transform:uppercase;font-size:16px;color:#000;letter-spacing:-1px}
#BannerBlocks .block .blockInner .imageWrapper{overflow:hidden}
#BannerBlocks .block .blockInner .image .overlay.on{background-color:rgba(0,0,0,.4)}
#BannerBlocks .block .blockInner .image .overlay{position:absolute;top:0;left:57px;right:58px;bottom:0}
#BannerBlocks .block .blockInner .image{position:relative;height:450px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform 3s;-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;-ms-transition:-ms-transform 3s}
#BannerBlocks .block .blockInner .text .title{font-size:31px;margin:0;text-align:left;line-height:36px;padding-bottom:15px}
#BannerBlocks .block .blockInner .text{min-height:248px;padding:45px 40px;font-size:20px;color:#616161;line-height:22px;background:#fff}
#BannerBlocks .arrowOuter{z-index:999;position:absolute;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);width: 8px;  height: 24px;cursor:pointer}
#BannerBlocks .arrowOuter.prev{left:0px}
#BannerBlocks .arrowOuter.next{right:0px;background-image:url(../images/pjt2.png);}
#BannerBlocks .arrowOuter{text-align:center;background-image:url(../images/pjt1.png);background-repeat: no-repeat;opacity:1;}
#BannerBlocks .arrowOuter:hover{
	opacity: 1;
}
#BannerBlocks .indexTitle{
	text-align:center;
	margin-bottom: 90px;
}
#BannerBlocks img{
    width: 100%;
    height: 90px;
    object-fit: cover;
	display: block;
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
}
.view_py p{float: right;width: 20%;}
.view_py h2{width: 70%;}
.slick-list{
	width: 90%;
    overflow: hidden;
    margin: 0 auto;
}
.widget{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.widgets{
	margin: 100px 0;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.custom-container{
	width: 35%;
}
.conte_view{
	background-color: #f7f7f7;
	width: 100%;
	padding: 60px 70px;
}
.conte_view img{width: 100%;max-width:1200px;}
.view_content{
	padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.view_content table{
	width: 100%;
}

.view_content table p{line-height: 1.6em;}
.picList{
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 100px;
}

.bd_p{
	padding-top: 50px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.colu_tn{background-color:#fff; padding:0 30px; width:1140px; margin:auto; -webkit-box-shadow: #636363 0px 3px 8px; -moz-box-shadow: #636363 0px 3px 8px; box-shadow: #636363 0px 3px 8px;}

#main { background-color:#e9e9e9; }
#aside { width:20.84%; float:left; margin-top:44px; margin-bottom:10px; background-color:#e5e5e5;}
#category {}


/*产品系列*/
.bd_l{width:278px; float:left; background-color:#fff; padding:0px 0px 0px; margin-top:30px; margin-bottom:20px;}
.bd_hb{font-size:20px; color:#FFF; line-height:60px; background:url(../images/bd_hb_img.jpg) no-repeat left center; text-indent:24px; margin-bottom:0px;}
.bd_dhb{}
.bd_dhb .hbt{height:47px; background:url(../images/icon2.png) no-repeat 246px center #ebebeb; border:0px solid #4d8dbd; text-indent:35px; margin:0 auto 0px; border-bottom:1px solid #bababa;}
.bd_dhb .hbt a{color:#1f1f1f; font-size:14px; border-radius:0px; line-height:47px; height:47px; display:block;}
.bd_dhb .hbt:hover{background:url(../images/icon2.png) no-repeat 246px center #fff;}
.bd_dhb .hbt:hover a{text-decoration: none; color:#000066;}
.bd_dhb .current{background:url(../images/icon2.png) no-repeat 246px center #fff;}
.bd_dhb .current a{color:#000066;}
.bd_dhb .hbt_s{border-top:none;}

.bd_dhb .hbt_pp{width:210px; height:40px; background:url(../images/icon_p_on.jpg) no-repeat 15px center;  text-indent:25px; margin:0 auto 0px; color:#0e65b4; border-top:0px solid #e5e5e5;}
.bd_dhb .hbt_pp a{color:#0e65b4; line-height:40px;  font-size:16px;}
.bd_dhb .hbt_pp:hover{background:url(../images/icon_p_on.jpg) no-repeat 15px center;}

.then_ht{border:1px solid #e2e2e2; color:#2e2e2e; font-size:14px; line-height:30px; padding:0 20px 13px 18px; margin-top:20px;}
.then_hb{font-size:20px; color:#828282; text-indent:43px; background:url(../images/the.jpg) no-repeat left center; line-height:34px; height:34px; margin:20px 0 13px;}
.then_ht span{color:#015fb6;}

.sublist {width:210px; margin:auto; padding:5px 0; border-top:solid 1px #dddddd;} 
.sublist .ltli { }
.sublist .ltli a { display:block; background:url(../images/icon_p.jpg) no-repeat 25px center; text-indent:35px; height:38px; line-height:38px; border-bottom:1px solid #dddddd; font-size:13px;}
.sublist .ltli a:hover { color:red; text-decoration:none; }
.sublist .current a { color:red; border-top:0;}


#m_right { width:822px; float:right; margin-top:30px; }
#location {border-bottom:1px solid #dcdfe3;}
.location_title { font-size:22px; color:#323232; height:84px; line-height:84px; float:left; min-width:80px; text-indent:31px; font-weight: bold; background:url(../images/about_bd.jpg) no-repeat 1px center;}
.location_pe {padding-right:15px; background-size: 100% 3px;}


#article { line-height:30px; font-size:16px; padding:70px 0 100px; width:100%; margin:0 auto; color:#333333;}
.about_img_bt{margin-top:20px;}
.about_t{margin-right:22px; float:left; width:53%; height:538px;}
.about_tp{text-indent:0px; margin-bottom:30px; font-size:14px;}
.about_ys{color:#005da2;}
.contacts_imt{margin-bottom:80px;}

#article img{display: block;}

.about_img1{
	    float: right;
    margin-bottom: 20px;
    margin-left: 100px;
} 
#article b{
	font-size: 16px;
}
.about_img2{
	margin-bottom: 50px;
} 
.about_img3{
	margin-top: 80px;
	width: 100%;
} 
.zc_img{
	margin-bottom: 50px;
	width: 100%;
}
.wh_img{
	width: 450px;
    float: right;
    margin-top: 10px;
    margin-left: 150px;
}
.wh_img img{
	margin-bottom: 10px; 
	width: 100%;
}
.about_p{margin-top: 50px;margin-bottom:100px;}

.lin{
	display: block;
    width: 90px;
    height: 5px;
	background: linear-gradient( to right, #000 0% 33.33%, #ff0000 33.33% 66.66%, #ffd700 66.66% 100% );
	margin-top: 5px;
    margin-bottom: 20px;
}

.contacts_txt {
    display: flex;
    align-items: center;
}
.contacts_txt img{
   margin-right: 10px;
}

.contactmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 50px;
}
.contactmsg .msgl{
	width: 44%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.msgtab{
	width: 50%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 30px 0px;
}

.msgtab:nth-child(3),.msgtab:nth-child(4){
	width: 100%;
}

.msgtab h4{
	font-weight: initial;
	display: flex;
    align-items: center;
	margin-bottom: 10px;
}

.msgtab h4 img{
	font-weight: initial;
	height: 15px;
    margin-right: 10px;
}

.msgtab p{
	font-size: 20px;
}
.msgtab .qr{
	display: flex;
    flex-direction: column;
    align-items: baseline;
	margin-top: 20px;
}

.contactmsg .msgr{
	width: 53%;
	margin-top: -120px;
}
.contactmsg .msgr img{
	width: 100%;
	display: block;
}

.contacts_img{display:none;}
table.contacts_tab{ }
table.contacts_tab td{text-indent:20px;}

/*简介*/
.m_about{margin:35px 0 0 0px; width:705px; float:left;}
.m_about p{width:745px; float:left; font-size: 15px; line-height:31px;}
.about_img{float:right; margin:10px 17px 0 0px;}
.about_tb{height:32px;}
.m_about_01{font-size:30px; color:#262626; font-weight: bold; margin-bottom:36px;}
.m_about_01 span{color:#4bb13f;}
.m_about_p{ line-height:34px; color:#262626; font-size:18px;}
.m_about_02{font-size:36px; line-height:60px;}

.m_about2{background: url(/images/about_02.jpg) no-repeat; color: #fff;padding: 90px 0px;}
.m_about2 h2{margin-bottom: 50px;font-size: 30px;}
.m_about2 p{line-height: 32px;margin-bottom: 40px;}
.m_about2 ul li{line-height: 32px;}


.m_about_c {margin-top: 75px;margin-bottom: 95px;}
.m_about_c .m_about_mind{width: 29%;float: left;padding: 65px 135px;}
.m_about_mind h2{margin-bottom: 10px;font-size: 30px;}
.m_about_mind span{margin-top: 50px;display: block;}
.m_about_mind p{font-size: 16px;line-height: 32px;}
.m_about_c img{float:left;}



.about_imt{text-align:center;}

.m_honor_title { height:3.33em; line-height:3.33em; font-size:24px; text-align:center; color:#333; margin-top: 50px;}
.m_honor_attr { height:3em; line-height:2.14em; text-align:center; border-bottom:dashed 1px #848484; }
.m_honor_content { padding:1.5em 0; }
.m_prev_list { float:right; height:25px; margin-top:17px; }
.m_prev_list a { float:left; margin-left:15px; display:inline;}
.m_prev_list a img { display:block; }
.m_next_list { border-bottom:dashed 1px #ccc; border-top:dashed 1px #ccc; padding:1em 0; margin-top:1em;}
.m_next_list p.m_p_prev a { height:2.14em; line-height:2.14em; display:inline-block; overflow:hidden; float:left; margin-bottom:0.5em; }
.m_next_list span { height:2.14em; line-height:2.14em; width:6em; background-color:#232e3c; color:#fff; display:block; float:left; text-align:center; margin-right:0.5em; }
.m_next_list p.m_p_next a {  height:2.42em; line-height:2.42em; display:inline-block; overflow:hidden; float:left; }
.m_prev_back { text-align:right; padding-top:2em; height:2.14em; }
.m_prev_back a { background-color:#e62129; font-size:1em; width:8em; height:2.14em; line-height:2.14em; text-align:center; color:#fff; display:block; float:right; }
.m_prev_back a:hover { text-decoration:none;}
.m_prev_share { margin-top:1em;}


.m_right_t{margin-top:0px;}

.item_m {
    background-color: #f8f8f8;
    padding-bottom: 80px;
}
.news-wrap{
    margin-top: 1.25rem;
}
.news_tit{
	padding-top: 50px;
	margin-bottom: 40px;
}
.news_tit h2 {
    font-size: 30px;
    color: #333;
    text-align: center;
}
.news_tit span {
    display: block;
    width: 90px;
    height: 5px;
    background: linear-gradient( to right, #000 0% 33.33%, #ff0000 33.33% 66.66%, #ffd700 66.66% 100% );
	margin: 0 auto;
    margin-top: 20px;
}

.news_cont {
    display: flex;
    justify-content: space-between;
}
.news_item {
    width: 50%;
	border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.news_right {
    width: 50%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 35px;
}
.news_pn {
    position: relative;
}
.news_item_scroll {
    overflow: hidden;
}
.news_pn .prevTop, .nextTop {
    position: absolute;
    top: 190px;
    z-index: 99;
    cursor: pointer;
}


.m_news{
	display: flex;
    justify-content: space-between;
}
.m_news_l{
	width: 855px;
}
.m_news_l .m_news_title{
	font-size: 30px;
    font-weight: bold;
	text-align: center;
	line-height: 40px;
}
.m_news_attr{
	text-align: center;
	line-height: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 30px;
}
.m_news_r{
	width: 355px;
	
}
.m_news_r h2{
	font-size: 20px;
}
.m_news_ru{
	margin-top: 20px;
}

.m_news_r .m_news_rl h2{
	font-size: 16px;
	font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m_news_rl{
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.m_news_content img{
	max-width: 100%;
}
.m_next_list{
	margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
    justify-content: space-between;
}
.m_next_list .m_p_prev{
	width: 49%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m_next_list .m_p_next{
	width: 49%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_next_list  a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.prevTop {
    background: url(../images/prevTop.png) no-repeat center;
    display: block;
    width: 33px;
    height: 38px;
    left: 0px;
}
.nextTop {
    background: url(../images/nextTop.png) no-repeat center;
    display: block;
    width: 33px;
    height: 38px;
    right: 0px;
}
.newi span{
	font-size: 14px;
}
.newi p {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5));
    width: 100%;
    line-height: 30px;
	padding: 35px 25% 35px 35px;
    box-sizing: border-box;
	font-size: 20px;
}

.news_item_scroll .slideBox .hd {
    width: 20%;
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 79%;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin: 0%;
}

.news_item_scroll .slideBox .hd ul li.on {
    background: rgba(255, 255, 255, 1);
}

.news_item_scroll .slideBox .hd ul li {
	background: rgba(255, 255, 255, 0.5);
}

.news_item_scroll .slideBox .bd li img {
    width: 100%;
    height: 440px;
}

.newst_m{
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.newst_m:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
    border-bottom: none;
}
.newst_m img{
	width: 30%;
	height: 100px;
	margin-right: 4%;
}
.newst_m .news_r{
	width: 65%;
}
.newst_m .nc_p{
	line-height: 20px;
}
.newst_m .nc_db{
	white-space: nowrap;
    font-size: 18px;
	line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#m_right_t {
    padding: 50px 0 50px 0;
}


#newslist{
margin-bottom: 50px;
}
#newslist .list{
	list-style: none;
	display: flex;
    align-items: center;
	margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#newslist .list dl{
	padding: 0 40px;
}
#newslist .list dl dt{
	font-size: 24px;
	font-weight: initial;
}
#newslist .list .info{
	margin: 20px 0;
	line-height: 26px;
}

.page,.pages {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:25px;display: flex; justify-content: center;}
.page span,.pages span{padding:10px 15px 10px 15px; background-color:#e9383f; color:#fff; border:solid 1px #e9383f; font-size:0.875em; }
.page a,.pages a{ color:#444444; border:1px solid #ccc;padding:10px 15px 10px 15px; margin:0 4px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover,.pages a:hover{color:#fff; background-color:#e9383f; }
.page a.current,.pages a.current{color:#fff; background-color:#e9383f; }
.page .active a,.pages .active a{color:#fff; background-color:#e9383f; }
.pagination li{float:left;}

.m_series_title { padding-top:20px; color:#e62129; font-weight:normal; font-size:1em; }
.m_series_p2 { float:left; display:inline; width:23%; margin-top:2.6%; }
.m_series_p2 figcaption { display:block; font-size:0.875em; height:3em; line-height:3em; text-align:center; }
.noend1, .noend2, .noend3, .noend5, .noend6, .noend7, .noend9, .noend10, .noend11, .noend13, .noend14, .noend15, .noend17, .noend18, .noend19 { margin-right:2.6%; }
.noend4, .noend8, .noend12, .noend16, .noend20 { margin-right:0;}

.m_series_p3 { float:left; display:inline; width:31.3%; margin-bottom:20px; }
.m_series_p3 p { border:solid 1px #ccc; padding:0px; }
.m_series_p3 figcaption { border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; height:36px; line-height:36px; text-align:center; display:block; background-color:#e1e1e1; font-size:14px; overflow:hidden;}
.m_series_p3:hover p { border:solid 1px #e62129; }
.m_series_p3:hover figcaption { border-left:solid 1px #e62129; border-bottom:solid 1px #e62129; border-right:solid 1px #e62129; background-color:#e62129; color:#fff; }
.nohonor1, .nohonor2, .nohonor4, .nohonor5, .nohonor7, .nohonor8, .nohonor10, .nohonor11 { margin-right:3%;}
.nohonor3, .nohonor6, .nohonor9, .nohonor12 { margin-right:0;}

.m_right { width:912px; padding-right:0%; padding-left:0%; float:right; display:inline; margin:22px 0 60px; border-radius:0 0px 0 0;}

#cMoreList{
	margin-top: 25px;
	display: flex;
    flex-wrap: wrap;
}

.p2 { border:solid 1px #e0e0e0; width: 32%; float:left; display:inline; margin-bottom:18px;margin-right: 2%; overflow:hidden; }
.p2:nth-child(3n){
	margin-right: 0%;
}
.p2 .img { padding:5px; border-right:solid 0px #e0e0e0; float:left; margin-right:0.625em; background-color:#fff; }
.p2_m{
	background-color: #f2f2f2;
}
.p2 img { display:block; width: 100%;mix-blend-mode: multiply;}
.item_q{border-bottom:solid 0px #e0e0e0;}
.p2 .info { font-size:0.875em;}
.p2 .info dt { border-bottom:solid 0px #e0e0e0; padding-top:5px; height:3.285em; line-height:3.285em; }
.p2 .info dd { line-height:180%; padding-top:5px; }
.p2 figcaption {display:block; height:50px; line-height:50px; text-align:center; font-size:15px; background-color:#f2f2f2;}
.nofirst1, .nofirst2, .nofirst4, .nofirst5, .nofirst7, .nofirst8, .nofirst10, .nofirst11{ margin-right:2%;}
.nofirst3, .nofirst6, .nofirst9, .nofirst12{ margin-right:0;}
/*产品列表1*/
.item_p{ 
margin: 8px 8px;

font-size: 16px;
color: #333333;
text-align: center;
}
.item_p a{color: #333333;}
.item_p h3{color: #333333;font-weight: inherit;margin-top: 20px;font-size: 16px;}
.item_p img{}
.li_pp_t{width: 40%; line-height:16px; }
.li_pp_t h3{font-size: 30px; font-weight: inherit;margin-top: 70px;margin-bottom: 65px;}
.li_pp_t p{font-size: 18px; margin-bottom: 15px;}
.li_pp_t a{font-size: 20px; color: #761b1e;}
.pfirst2, .pfirst4, .pfirst6, .pfirst8, .pfirst10, .pfirst12, .pfirst14{ margin-right:0;}


.left-nav{
	flex: 0 0 155px;
	width: 155px;
	margin-bottom: 100px;
}
.left-nav h3{
	color: #333333;
	display: flex;
    align-items: baseline;
	font-weight: initial;
}
.left-nav h3 img{
	margin-right: 5px;
}
.left-list{
	margin-top: 20px;
	border-top: 1px solid rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
}
.left-list-li{
	line-height: 48px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background: url(/images/l_nav_j.png) no-repeat right center;
}
.left-list-li a{
	color: #333333;
	display: block;
}

.title { 
	color: #333333;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 0px #e3e3e3;
    margin: 0px;
	margin-bottom: 12px;
}
.title span{font-size:18px; color:#ef871d;}
.pro_data{
	margin-bottom: 12px;
	font-size: 16px;
}
.pro_data img{
	margin-top: 10px;
}
.pro_zt{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pro_zt .current img{border: 1px solid rgba(0,0,0,0.5);}
.pro_zt_li{
	width: 30%;
   text-align: center;
   font-size: 14px;
   margin-top: 12px;
   margin-right: 10px;
}
.pro_zt_li p{
	margin-top: 10px;
}
.pro_zt_li img{
	margin:0;
	 border: 1px solid rgba(0,0,0,0.1);
	 height: 90px;
    background-color: #fff;
	 cursor: pointer;
}
.pro_data .pro_cc{width: 300px;}
#m_about{
	position: relative;
	margin-bottom: 90px;
}
.hpro_list{
	float: left;
	overflow: hidden;
	width: 100%;
}
.prev_view{left: -60px;position: absolute; width:40px; height:70px; background: url(../images/prev.jpg) no-repeat; top: 200px;}
.next_view{right: -60px;position: absolute;width:40px; height:70px; background: url(../images/next.jpg) no-repeat;  top: 200px;}

#ScollName1{
	display: flex;
	position: relative;
}
.hpro_v{
	flex: 0 0 315px;
	margin: 0 10px;
}
.hpro_v figcaption{
	height: 50px;
    line-height: 50px;
    text-align: center;
	background-color: #e3e3e3;
}
.m_pro_info .proTitle { height:33px; line-height:33px; background:url(../images/title_bg.jpg) repeat-x left top; margin-top:20px;}
.m_pro_info span.current {width:110px; height:33px; line-height:33px; display:block; background:url(../images/title_onbg.jpg) no-repeat left top; text-align:center; color:#d9210e;}
.m_pro_info .content {border-bottom:solid 0px #e3e3e3; padding:0em; line-height:30px;}
/*滚动*/
.other{ padding:28px 0;}
.about_htt{background:url(../images/view_ty.jpg) no-repeat 15px center #505050; height:40px; line-height:40px; position:relative; font-size:18px; color:#fff; margin-bottom:20px; text-indent:44px;}
.prev_vr, .next_vr{display:block; width:58px; height:20px; float:right; overflow:hidden; cursor:pointer; background: url(../images/prev_2.jpg) no-repeat; position:absolute; right:8px; top:10px; border:1px solid #737373;}
.prev_vr{background: url(../images/next_2.jpg) no-repeat;}
.next_vr{right:69px;}
.li_p{position:relative; width:22%; float:left; line-height:0; margin-top:0px; margin-right:4%; border:solid 1px #d4d4d4;}
.li_p:nth-child(4n){margin-right:0%}
.li_p img{width:100%;}
.pic_p .bd{ padding:0px; overflow: hidden;}
.pic_p .bd ul{ overflow:hidden; zoom:1; }
.pic_p .bd ul li{}
.pic_p .bd ul{}
.pic_p .bd ul li .pic{ text-align:center;}
.li_p_t{line-height:49px; text-align:center; color:#0f0f0f; font-size:18px; border-top: solid 1px #d4d4d4;background-color: #f3f3f3;}


.m_pro_menu{ width:100%;display: flex;position: relative;}

.reduction{
	position: absolute;
    bottom: 0;
    right: 0;
    background-color: #d12429;
    cursor: pointer;
    color: #fff;
	opacity: 0.2;
    padding: 5px 10px;
}
.reduction:hover{
	opacity: 1;
}
.m_pro_right{
	width: 450px;
}
.content{ font-size:15px; line-height:26px; padding:45px; margin:50px auto; border:0px solid #dfdfdf; border-top:none; background-color:#fff; }
.content img{width:100%;}
.view_2 img{margin: auto; display: block; width:100%;}
.other .bdsharebuttonbox{ float:right;}
.m_prev_back { text-align:right; padding-top:2em; height:2.14em; font-size:14px; }
.m_prev_back a { background-color:#232e3c; font-size:1em; width:12em; height:2.94em; line-height:2.94em; text-align:center; color:#fff; display:block; float:right; }
.m_prev_back a:hover { text-decoration:none;}

.uplo_th{color:#0e647c; font-size:22px; line-height:40px; margin-top:20px;}
.uplo_img{text-align:center; width:100%;}
.uplo_img_l img{width:100%;}

.case-box{}
.case-list{
	padding-top: 70px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 60px;
}

.case-list img{width: 50%;display: block;margin: auto;}
.case-list a{display: block;width: 24%;position: relative;margin-bottom: 40px;}
.case-list dt{background-color: #eeeeee;border: 1px solid #dcdcdc;padding: 10px 0;height: 230px; display: flex; align-items: center; justify-content: center;}
.case-list dl:nth-child(4n){margin-right: 0px;}
.case-list dd{line-height: 40px;text-align:center; color: #333333; width: 100%;padding-left: 0;}

.honor-list{
	padding-top: 70px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 60px;
}
.honor-list img{width: 100%;display: block;margin: auto;border: 1px solid rgba(0,0,0,0.1);}
.honor-list a{display: block;width: 23%;position: relative;margin-bottom: 40px;}
.honor-list dd{line-height: 40px;text-align:center; color: #333333; width: 100%;padding-left: 0;}
.p_video{
	width: 24%;
	margin-right: 17px;
    margin-bottom: 30px;
}
.p_video:nth-child(4n){
	margin-right: 0px;
}
.down-list{
	padding-top: 70px;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 60px;
}
.down-list img{
	width: 100%;
    display: block;
    margin: auto;
    height: 200px;
    max-height: 200px;
    object-fit: cover;
}
.down-list video{
	width: 100%;
    display: block;
    margin: auto;
    height: 200px;
    max-height: 200px;
    object-fit: cover;
}
.down-list dd{line-height: 40px;text-align:center; color: #333333; width: 100%;padding-left: 0;}
.downbnt{
	background-color: #232e3c;
    color: #fff;
    display: block;
}
.mant_pp {background-color: #2d2d2d;padding-top: 75px;padding-bottom: 80px;}
.mant_pp_c{padding: 100px 0;color: #333333;}
.m_pp_tl{float: left;}
.m_pp_tr{float: left; font-size: 24px;padding: 60px 30px 0px 50px;width: 68.3%;line-height: 48px;}
.m_pp_b{border-top: 1px solid rgba(0,0,0,0.3);margin-top: 70px;padding-top: 10px;}
.m_pp_l{text-align: center;margin-right: 49px;float: left;width: 31%;margin-top: 80px;}
.m_pp_l:nth-child(3),.m_pp_l:nth-child(6){margin-right: 0px;}
.m_pp_l h2{margin-bottom: 70px;font-size: 36px;}
.m_pp_l h3{margin-top: 60px;padding-bottom: 40px;display: inline-block;}
.m_pp_l h3 span{display: block;background-color: #d8b666;height: 9px;margin-top: -6px;}
.m_pp_l p{font-size: 20px;line-height: 36px;text-align: justify;padding: 0px 8px;}
.mant_pp_c p img{
	vertical-align: middle;
	margin-right: 5px;
}
.mant_pp_c h2{
	font-size: 36px;
}
.mant_pp_c h3{
	font-size: 36px;
	font-weight: initial;
	margin-bottom: 40px;
}
.mant_pp_c p{
	line-height: 30px;
	margin-top: 40px;
	margin-bottom: 80px;
}
.history{
	text-align: center;
    padding-top: 80px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.historyul{
	display: flex;
	justify-content: space-between;
}
.historyli{
	width: 33%;
}
.historyul p{
	line-height: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.pp-list{
	padding-top: 100px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 60px;
}
.pp-list img{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}
.pp-list a{display: block;width: 23%;position: relative;margin-bottom: 40px;}
.cbg{background-color: #f4f4f4;padding-bottom: 105px;}
.pro{background-color: #fff; margin-top: 45px;}
#pro_article{padding: 65px 165px;background-color: #fff; margin-top: 45px;}


.m_pru{
	margin-bottom: 40px;
    text-align: center;
}
.m_pro_prev { width: 150px;  display: inline-block;}
.m_pro_prev  a { border:solid 1px #d6d6d6; color:#333; height:40px; line-height:40px; display:block; background-color: #fff; text-align:center; padding: 0 20px;}
.m_pro_prev  a:hover { text-decoration:none;}
.m_pro_next { width: 150px; margin-right: 10px; display: inline-block;}
.m_pro_next a { border:solid 0px #d6d6d6; color:#fff;width: auto; height:40px; line-height:40px; display:block; background-color: #d12429; text-align:center; padding: 0 20px;}
.m_pro_next a:hover {}

.m_pro_back {  

}
.m_pro_back a {
	width: 120px;
    border: solid 0px #d6d6d6;
    color: #fff;
    height: 40px;
    line-height: 40px;
    display: flex;
    background: #292828;
    text-align: center;
    border-radius: 20px;
    padding: 0 30px;
    justify-content: space-between;
    align-items: center;
}
.m_pro_back a img{  
width: 18px;
}
.m_pro_back  a:hover { text-decoration:none;}

.gbook1 { width:10%}
.gbook2 { width:50%; float:left; }
.gbook3, .gbook4 { width:20%; }
.mobieapp { border-left:solid 1px #ccc; border-top:solid 1px #ccc; }
.mobieapp li { width:24.87%; float:left; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0.3em 0; text-indent:10px; }

#main_p{background: url(../images/img_bg.jpg) no-repeat center top; height:648px; padding-top:42px;}
.m_pro_list .bd{background-color:#FFF; border-radius:5px; margin-bottom:48px; padding:19% 10% 35.6%;}
.nofirst01{float:left;}
.nofirst02{float:right;}

.tqq{margin-bottom:-5px; margin-left:8px;}
.tal{margin-bottom:-7px; margin-left:8px;}
.ez{text-indent:4em;}


 

.cMore { font-size:0.875em; width:10.357em; height:3.214em; line-height:3.214em; background:url(../images/nMoreOff.jpg) no-repeat center center; display:block; margin:0 auto 20px; color:#fff; text-indent:1.78em; border-radius:6px; display:block; margin-top:20px;}
.cMore:hover { background:url(../images/nMoreOn.jpg) no-repeat center center; text-decoration:none; }
.cMore_news{margin:25px auto 0;}

/*联系我们*/
.contacts_ht{font-size:18px; line-height:34px; }
.contacts_ht span{font-size:24px;}
.content_y{
	padding: 100px 0;
}
.cont_img{
	float: right;
	margin-left: 50px; 
}
.cont_img img{
	margin-left: 15px; 
}
.cont_img2{
	margin-top: 30px; 
	margin-bottom: 50px;
} 
.content_x{
	/*background-color:#f6f6f6;*/
	padding: 60px 0 100px;
	line-height: 30px;
}

.pagemsg ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pagemsg li{
	width: 32%;
	margin-bottom: 30px;
}
.pagemsg li img{
    width: 100%;
}
.pagemsg li a{
	display: block;
    line-height: 40px;
	text-align: center;
}

.feedback_l{
	font-size:16px;
	line-height:30px;
	float: left;
	width: 33%;
}

.f-cont{
	padding: 70px 0 100px;
}
.m_online_bd{
	float: right;
	width: 63%;
	background-color: #f7f7f7;
	padding: 30px 40px;
}
.contacts_txt{
	text-align: center;
}
#article .contacts_txt h2{
	font-weight: inherit;
}
#article .contacts_txt h3{
	font-weight: bold;
	color: #e9e9e9;
}
.service-l{
	float: left;
    width: 40%;
}
.service-r{
	float: right;
    width: 55%;
	display: flex;
    justify-content: space-between;
}

.service-r-li{
	text-align: center;
    line-height: 24px;
}
.service-r-li img{
	margin-bottom: 10px;
}
#article .contacts_txt img{
	display: inline;
	margin-right: 5px;
}
.view{
	margin-top: 20px;
}
.view td{
	color: #c3c3c3;
	width: 4%;
}

.view .gbook5{
	width: 48%;
}
.view .gbook2{
	width: 100%;
}
.view input{
	width: 100%;
	box-sizing: border-box;
    outline-style: none;
	line-height: 30px;
	border: 0;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: #efefef;
	
}
.view textarea{
	width: 100%;
	height: 140px;
	box-sizing: border-box;
    outline-style: none;
	border: 0;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: #efefef;
	
}
.view .submit{
    height: 50px;
    background-color: #333333;
    border: none;
    color: #fff;
	padding: 0px;
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
}
.view img{
    
}

@media screen and (max-width:1440px){

.m_about_c .m_about_mind {
    width: 27%;
    float: left;
    padding: 30px 42px;
}
.m_news_l {
    width: 65%;
}
#BannerBlocks .block {
    width: 80px;
}
#BannerBlocks img {
    height: 80px;
}
.about_01{
	margin-left: 100px !important;
}
.item_p {
   width: 232px;
}
.item_p img {
    width: 100%;
}
.li_pp_t {
    width: 45%;
    line-height: 16px;
}

.li_pp_t h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-top: 70px;
    margin-bottom: 65px;
}
.imgview {

}
.p_video {
    width: 24%;
    margin-right: 16px;
    margin-bottom: 30px;
}
.down-list dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.historyli {
    width: 32%;
}
.historyli img{
	width: 100%;
}
.historyul p {
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 30px;
}
.pfirst2, .pfirst4, .pfirst6, .pfirst8, .pfirst10, .pfirst12, .pfirst14 {
    margin-right: 0;
}

.m_pp_tr {
    float: left;
    font-size: 26px;
    padding: 30px 0px 0px 0px;
    width: 66.3%;
    line-height: 48px;
}

.m_pp_l {
    text-align: center;
    margin-right: 39px;
    float: left;
    width: 31%;
    margin-top: 80px;
}

.m_pp_l h2 {
    margin-bottom: 70px;
    font-size: 28px;
}

.m_pp_l img{ width: 100%;}

.cont_r {
    float: right;
    width: 63%;
    display: flex;
    justify-content: space-between;
}
.hpro_v {
    flex: 0 0 280px;
    margin: 0 10px;
}
#newslist li.list {
    flex: 0 0 30%;
}
 }

@media screen and (max-width:640px){
	.location_list{display:none;}
	.lnte {
    background: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
    height: auto;
}
#category .clearfix {
    display: flex;
}
#category .bd ul li.parent {
    height: 45px;
    width: 85px;
	margin: 0px 5px 0 0;
}
#category .bd ul li.parent a {
    line-height: 45px;
    font-size: 16px;
	font-weight: inherit;
}
.next_view {
	display:none;
}
.prev_view {
	display:none;
}

.m_right_t {
    width: 90%;
    margin: auto;
    margin-top: 40px;
}
.m_right_t div{
	text-align: left !important;
}
#article {
    line-height: 28px;
    font-size: 14px;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    color: #333;
}
#article b {
    font-size: 16px;
}
#article .about_img1 {
    display: none;
}
.about_img2 {
    margin-bottom: 0px;
}
.about_img3 {
    margin-top: 30px;
    width: 100%;
}
.zc_img {
    margin-bottom: 30px;
    width: 100%;
}
.wh_img {
    display: none;
}
#article h2 {
    font-size: 16px;
    color: #4c4c4c;
}
#article h3 {
    font-size: 16px;
    color: #4c4c4c;
    font-weight: initial;
    margin-bottom: 20px;
    margin-top: 5px;
}
.case-box {
    width: 90%;
    margin: auto;
}
.case-list a {
    display: block;
    width: 48%;
    position: relative;
    margin-bottom: 20px;
}
.case-list dt {
    padding:0;
    height: 220px;
}
.case-list {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.case-list img {
    width: 100%;
    display: block;
    margin: auto;
}
.cont_img{
	display: none;
}
.content_y {
    padding: 40px 0;
    margin: auto;
    width: 90%;
}
.cont_img2 {
    margin-top: 0px;
    margin-bottom: 20px;
}
.content_x {
    background-color: #f6f6f6;
    padding: 30px 0 30px;
	
}
.content-wra{
	width: 90%;
    margin: 0 auto;
}
.cont_l {
    float: none;
    width: 100%;
}
.cont_r {
    display: none;
}
.cont_r img {
    margin-left: 0px; 
}
.content_x h2 {
    font-size: 18px;
    line-height: 36px;
}
.content_x h4 {
    font-size: 18px;
}
.feedback_l {
    float: none;
    width: 100%;
	font-size: 14px;
}
.service-l {
    float: none;
    width: 100%;
}
.service-r {
    float: none;
    width: 100%;
	margin-top: 20px;
}
.service-r-li{
	width: 30%;
}
.service-r-li img{
	width: 100%;
}
.content_l{
	margin: auto;
    width: 90%;
	float: none;
	font-size: 14px;
    line-height: 26px;
}
.content_l h2 {
    font-size: 20px;
    font-weight: initial;
}
.m_online_bd {
	margin: auto;
    width: 100%;
	float: none;
	margin-top: 30px;
	padding: 15px;
}
.pp_rman {
    background-color: #f4f4f4;
    padding: 40px 0 0 0;
}
#pro_article {
    padding: 20px 20px;
    background-color: #fff;
    margin-top: 45px;
}
.m_pro_list {
    width: 100%;
    margin: auto;
    padding: 0% 0 5%;
    display: flex;
    flex-wrap: wrap;
}
.honor-list {
	width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    margin-bottom: 60px;
}
.honor-list dd {
    line-height: 24px;
}
.honor-list a {
	width: 100%;
    margin-bottom: 20px;
}
.honor-box{
	width: 90%;
	 margin: 0 auto;
}
.p_video {
    width: 48%;
	margin-right: 12px;
	margin-bottom: 20px;
}
.p_video:nth-child(2n) {
    margin-right: 0px;
}
.down-list {
    padding-top: 30px;
    margin-bottom: 40px;
}

.item_p h3 {
    margin-top: 10px;
	font-size: 16px;
}
.li_pp_t {
    width: 40%;
    line-height: 16px;
}
.li_pp_t h3 {
    font-size: 20px;
    font-weight: inherit;
    margin-top: 20px;
    margin-bottom: 20px;
}
.li_pp_t p {
    font-size: 14px;
    margin-bottom: 15px;
}
.li_pp_t a {
    font-size: 14px;
    color: #761b1e;
}
.m_pro_list a {
    width: 50%;
}
.pp2_t1 {
    font-size: 16px;
    color: #000;
    margin-bottom: 3px;
    line-height: 30px;
}
.pro_view {
    width: 100% !important;
}
.content {
    font-size: 16px;
    line-height: 26px;
    padding: 20px;
	margin: 30px auto;
}
.m_pro_menu {
    width: 90%;
    margin: 0 auto;
	flex-wrap: wrap;
}
.imgview {
    width: 100%;
    height: auto;
    margin-right: 0px;
    position: relative;
}
.m_pro_right {
    width: 100%;
	padding-bottom: 20px;
}
.title {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 0px #e3e3e3;
    margin: 20px 0;
}
.pro_data {
    margin-bottom: 10px;
    font-size: 16px;
}
.pro_zt {
    margin-top: 10px;
}
.pro_zt_li {
    width: 30%;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    margin-right: 10px;
}
.m_pro_next a{
	width: auto;
}

.down-list img {
    width: 100%;
    display: block;
    margin: auto;
    height: auto;
    max-height: auto;
    object-fit: cover;
}
.down-list dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.m_pru {
    
}
.content img {
    width: 100%;
}
.pro_zt_li p {
    margin-top: 10px;
    font-size: 12px;
}
.mant_pp_c {
	width: 90%;
    margin: auto;
    padding: 40px 0;
    color: #333333;
}
.mant_pp_c h2 {
    font-size: 20px;
}
.mant_pp_c h3 {
    font-size: 18px;
    font-weight: initial;
    margin-bottom: 20px;
}
.mant_pp_c p {
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.history {
    text-align: center;
    padding-top: 30px;
}
.historyul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.historyli {
    width: 100%;
}
.pp-list a {
    display: block;
    width: 47%;
    position: relative;
    margin-bottom: 20px;
}
.pp-list {
    padding-top: 40px;
    margin-bottom: 40px;
}
#m_right_t{
	width: 90%;
    margin: auto;
	display: block;
	padding: 30px 0 30px 0;
}
.left-nav {
    margin-bottom: 20px;
	width: 100%;
}
.left-list {
	flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}
.left-list-u {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.left-list-li {
    width: 48%;
}

#m_about {
    position: relative;
    margin-bottom: 40px;
}
.hpro_v {
    flex: 0 0 160px;
    margin: 0 10px;
}
.hpro_v figcaption {
    height: 40px;
    line-height: 40px;
}
	.m_honor_title { height:3em; line-height:1.5em; font-size:18px; text-align:center; color:#333; margin: 20px 0px;}
	
	.pagetit {
    margin-top: 20px;
    margin-bottom: 20px;
}
	.content-wra img{
		margin: 10px auto;
    float: none;
    width: 100%;
	}
	
	.pagetit h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.pagemsg li {
    width: 48%;
    margin-bottom: 30px;
}
.pormain {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}
.pormain .porint ul li p {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
	z-index: 99;
}
.pormain .porint ul li {
    width: 49%;
    margin-bottom: 20px;
    overflow: hidden;
}

.pornav {
    width: 100%;
	margin-bottom: 20px;
}
.p2 {
    width: 48%;
    margin-bottom: 18px;
    margin-right: 2%;
}
.p2:nth-child(3n) {
    margin-right: 2%;
}
.p2:nth-child(2n) {
    margin-right: 2%;
}

.widgets {
	width: 90%;
    margin: 30px auto;
}
.custom-container {
    width: 100%;
	margin-bottom: 30px;
}
.conte_view {
    background-color: #f7f7f7;
    width: 100%;
    padding: 10px;
}

.view_bj h2 {
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.view_bj h2 span {
    display: block;
    font-size: 16px;
    margin-top: 15px;
}
.bd_p {
    padding-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
    width: 90%;
    margin: 0 auto;
}
.picList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between;
}

.li_p {
    width: 48%;
    float: none;
    margin-right: 0%;
	margin-bottom: 20px;
}

.item_p {
    width: 100%;
    margin: 0px; 
    padding: 0px;

}
.li_p_t {
    line-height: 49px;
    font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#BannerBlocks .block {
    width: 90px;
	margin: 0 5px;
}
#BannerBlocks img {
    height: 90px;
}


.news_tit {
    padding-top: 20px;
    margin-bottom: 30px;
}
.news_tit h2 {
    font-size: 24px;
    color: #333;
    text-align: center;
}
.news_tit span {
    width: 60px;
    height: 4px;
    margin-top: 10px;
}
.news_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_item {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.news_item_scroll .slideBox .bd li img {
    width: 100%;
    height: 220px;
}
.newi p {
    position: absolute;
    bottom: 0;
    line-height: 30px;
    padding: 25px 20% 20px 20px;
    box-sizing: border-box;
    font-size: 16px;
}
.news_right {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 5%;
}
.news_item_scroll .slideBox .hd {
    width: 30%;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: 70%;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin: 0%;
}
.newst_m .nc_p {
    line-height: 20px;
    font-size: 14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newst_m .news_date{
	font-size: 14px;
	
}
.newst_m .nc_db {
    font-size: 16px;
    line-height: 30px;
}
.newst_m {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    align-items: center;
}
.newst_m img {
    width: 30%;
    height: 70px;
    margin-right: 4%;
}
.item_m {
    background-color: #f8f8f8;
    padding-bottom: 20px;
}
#newslist {
    margin-bottom: 20px;
}
#newslist .list {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    flex-wrap: wrap;
}
#newslist .list a {
     width: 100%;
}
#newslist .list img{
    width: 100%;
    height: 200px;
}
#newslist .list dl {
     padding: 0px; 
}

#newslist .list dl dt {
    font-size: 16px;
    margin-top: 10px;
    font-weight: initial;
}
#newslist .list .info {
    margin: 10px 0;
    line-height: 22px;
    font-size: 14px;
}
#newslist .list .more {
    font-size: 14px;
}

.m_news {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.m_news_l {
    width: 100%;
}

.m_news_l .m_news_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
}
.m_news_attr {
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    font-size: 14px;
}
.m_news_content{
	font-size: 14px;
}
.m_next_list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	font-size: 14px;
}
.m_next_list .m_p_next {
    width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m_next_list .m_p_next {
    width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_news_r {
    width: 100%;
    margin-top: 20px;
}
.m_news_r h2 {
    font-size: 16px;
    color: #fff;
    padding-left: 10px;
}
.m_news_rl {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.m_news_r .m_news_rl h2 {
    font-size: 14px;
    font-weight: bold;
	background-color: white;
    color: #333;
    padding-left: 0px;
}
.m_news_rl p{
	font-size: 14px;
}

.m_next_list .m_p_prev {
    width: 100%;
}

.about_p {
	width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.contactmsg {
    margin-top: 30px;
}
.contactmsg .msgl {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.contactmsg .msgr {
    width: 100%;
    margin-top: 30px;
}
.msgtab {
    width: 100%;
    padding: 20px 0px;
}

.msgtab p {
    font-size: 16px;
}
.view_content {
    font-size: 12px;
}

.magnifier{
	width: 360px !important;
    height: 360px !important;
    left: 5% !important;
    top: 620px !important;
}
	.view_content table img{
	width: 100%;
}
	
}
/*标题返回列表*/
    .breadcrumb-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 20px;
     
      font-size: 28px;
      color: #333;
      max-width: 100%;
      box-sizing: border-box;
	border-bottom: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 30px;
		margin-bottom: 30px;
    }
    .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
		
    }
    .breadcrumb a {
      color: #007bff;
      text-decoration: none;
    }
    .breadcrumb a:hover {
      text-decoration: underline;
    }
    .breadcrumb .separator {
      color: #999;
    }
    .back-btn {
      display: flex;
      align-items: center;
      padding: 8px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      background-color: #fafafa;
      color: #333;
      font-size: 14px;
      cursor: pointer;
      white-space: nowrap;
    }
    .back-btn:hover {
      background-color: #f0f0f0;
    }
    @media (max-width: 768px) {
      .breadcrumb-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
		  font-size: 20px;
      }
      .back-btn {
        align-self: flex-end;
      }
    }