@charset "utf-8";
/* CSS Document */
@media (min-width: 1500px) {
.container { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0; }
}
html, body { height: auto; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
td,tr{border:1px solid #ccc;line-height:24px;padding-left:5px !important;}
a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
video{position: inherit; z-index:-6}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; *zoom: 1;}
.bred5{border-bottom:2px solid rgba(230,33,33,.6)}
.titlet{background: url(../images/n_title_bg.png) left bottom no-repeat;height: 65px; padding-bottom:20px;}
.edit-code-area img{max-width:100%;}

/***********字体**************/
.mau{margin:auto auto}
.fu{text-transform:uppercase}
.p15{padding:15px}
.p20 { padding: 2vh 20px 2vh 0; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mtb10 { margin: 10px 0; }
.mtb30 { margin: 30px 0; }
.flex { display: flex; }
.fw600 { font-weight: 600 }
.fw300 { font-weight: normal }
.f2vw { font-size: max(20px, 2vw); }
.f3vw { font-size: max(26px, 3vw); }
.lh200 { line-height: 200% }
.lh260 { line-height: 260% }
.fw16 { font-size: 16px }
.fcw, .fcw a { color: #fff }
.fcg2, .fcg2 a { color: #5e5e5e }
.fjbg { background-color: #06811e; background-image: linear-gradient(to bottom right, #27ba0e, #06811e); }
.fcon li { line-height: 180%; font-size: 16px; }
.f7vw { font-size: max(60px, 7vw) }
.f6vw { font-size: max(48px, 6vw) }
.f4vw { font-size: max(40px, 4vw) }
.f31vw { font-size: max(30px, 3vw) }
.f3vw { font-size: max(24px, 2vw) }
.f24vw { font-size: max(20px, 2.3vw) }
.f22vw { font-size: max(20px, 2.2vw) }
.fen{font-size:max(20px, 1.2vw) ;font-family:arial;}
.f2vw { font-size: max(16px, 1.3vw) !important }
.f14vw { font-size: max(18px, 1.3vw) }
.f13vw { font-size: max(16px, 1.2vw) }
.f18vw { font-size: max(15px, 1.5vw) }
.f15vw { font-size: max(18px, .9vw) }
.f12vw { font-size: max(14px, .85vw) }
.f1vw { font-size: max(15px, .9vw) }
.f08vw { font-size: max(14px, .8vw) }
.f09vw { font-size: max(15px, .9vw) }
.mr2vw { margin-right: 2vw; margin-top: 1vw }
.mt15 { margin-top: 15px; }
.mtb20 { margin: 20px 0; }
.mb20 { margin-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.ptb20 { padding: 20px 0 }
a:hover{color:#222}
.lh400 { line-height: 400% }
.lh260 { line-height: 260% }
.lh200 { line-height: 200% }
.lh100 { line-height: 100% }
.lh150 { line-height: 150% }
.lh180 { line-height: 180% }
.fcg { color: #333 }
.fcgq { color: #999 }
.fcgreen { color: #058728 }
.fc0 { color: #000 }
.gray { color: #666 }
.fari{font-family:arial;}
.mp0 { padding: 0 !important; margin: 0 !important; }
.cf0 { color: #f9f9f9 }
.cff { color: #fff }
.cfor { color: #e3ad61 }
.cf3f { color: #3f3f3f }
.cf4 { color: #f4f4f4}
.cf8a { color: #8a8a8a }
.cf4e { color: #4e4e4e }
.bgbf1 { background: #bf111a }/*hongse */
.cfred { color: #df0000 }
.oh { overflow: hidden }
.pr { position: relative }
.pt40 { padding-top: 40px; }
.ptb10{padding:10px 0}
.p5{padding:5%}
.m0{margin:0 0}
.mt10{margin-top:10px;}
.mt40 { margin-top: 40px; }
.mtb40 { margin: 40px 0; }
.mtb2vh { margin: 2vh 0; }
.mtb4vh { margin: 4vh auto; }
.mt4vh{margin-top:4vh}
.mt8vh{margin-top:8vh}
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.p320{ padding:20px}
.imgw { max-width: 100% }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f26 { font-size: 26px; }
.fcb { color: #e62121 }
.fc4e { color: #4e4e4e }
.fcb2 { color: #2156af }
.dblock{display:block}
.dblock spn{display:block}
/***********字体 end**************/

/***********裁切**************/
.clip-1 { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.clip-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.clip-3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.clip-4 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.clip-5 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.flexac { display: flex; align-items: center }
.flexend { display: flex; justify-content: flex-end; }

/***********裁切 end**************/
.page-wrapper .page-wrapper-middle { /*background: #eff3f8;*/ width: 100%; display: table-cell; height: 100% }


/***********footer**************/
.page-footer a { color: #797979 }
.page-footer a:hover { color: #acacac }
.page-footer { background: #222; color: #70737b }
.page-footer { font-size: max(14px,1vw); font-weight: 300; padding: 17px 0 }
.foot_menu ul{display: flex;     justify-content: space-evenly;    flex-wrap: nowrap;    flex-direction: row;} 
.foot_menu{width: 80%; margin: 2vh auto;}
.foot_menu ul li a{color:#797979}
.foot_bor{border-bottom:1px solid #797979}
.foot_l{border:1px solid #dfdfdf; border-radius:30px !important; line-height:260%;margin-top: 20px;}
.foot_con{border-bottom:1px solid #dfdfdf; margin-bottom:2vh;}
.page-con{background:#f6f6f6;padding:4vh 0}
.foot_conli li{line-height:200%!important;font-size:max(14px,.9vw); }
.foot_conli li i{width:25px;text-align:left;display: block; float:left;line-height:200%}
.font_con2 li{ margin-top:10px; border:1px solid #ccc; border-radius:8px !important; line-height:260%; text-align:center; font-size:max(14px,.85vw)}
/***********footer end**************/

/*荣誉*/
pre{overflow-x:scroll;background:#ffffff;border:1px solid #cecece;padding:10px;}
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{/* list-style-type:none; *//* width: 100%; *//* clear: both; */}
.gallery li{    position: relative; 
    vertical-align: middle;
    float: left;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 10px 0; 	}
	.gallery li a{border:1px solid  rgb(221 221 221 / 68%);    display: block;}
.gallery li:hover{background:#fff; color:#fff !important}
.gallery li img{width:100%;}
.gallery li:hover  p.title{ height: 45px;}
.gallery li h4.title{    width: 100%;
    font-size: max(16px,.8vw);
    font-weight: normal;
    line-height: 260%;
    background: rgb(221 221 221 / 19%);
    text-align: center;
    vertical-align: middle;
    color: #343434;}
.gallery li:nth-child(4n){margin-right:0;} 
.zhanqun:hover .tjdate{display:none; transition:.6s}

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;display:table;
	position: absolute;
	top: 50%;border: 6px solid #fff;
	left: 50%;
	/*width: 200px;
	height: 200px;*/
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	/*margin: -100px 0 0 -100px;*/
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}
#zoom .content.loading {
	background-image: url('../img/loading.gif');
}
#zoom img {
    margin: 20px;
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../img/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {	z-index: 99992;	position: absolute;	top: 50%;	overflow: hidden;	display: block;	width: 49px;	height: 49px;	margin-top: -25px;}
#zoom .previous {	left: 0;	background: url('../img/arrows.png') no-repeat 0 0;	border-radius: 0 4px 4px 0;}
#zoom .next {	right: 0;	background: url('../img/arrows.png') no-repeat 100% 0;	border-radius: 4px 0 0 4px;}
#zoom .close:hover {	background-color: #da4f49;}
#zoom .previous:hover,
#zoom .next:hover {	background-color: #0088cc;}

/***************荣誉 *********************/

/***********首页标题 **************/
.in_title{font-size:max(24px,2vw);margin-bottom:4vh;}
.in_title span{color:#c0c6cf;padding-left:10px; font-weight:normal;font-size:max(16px,1.2vw);}
/***********首页新闻 end**************/


/***********首页简介 **************/
.in_about{border-radius:8% 0 8% 0 !important;margin-bottom: 4vh;}
.in_about_more{border-radius:20px!important; width: 120px;background-color: #a80202; font-size:14px !important;
    background-image: linear-gradient(to right, #a60000, #e70000); height:40px;line-height:40px;text-align:center;color:#fff !important; text-align:center;}
	
/*********NUM 首页**************/
.numCount{ margin-top:5vh;}
.numCount li{ 
    /*width: 31.3%;  float: left;*/
    text-align: center;
    /*margin-right: 2%;*/
    padding: 3vh 0;background:#fff; border-radius:0 30px; }
	.indc{font-size:max(14px,.8vw);line-height:2;color:#737373}
.numCount li:last-child{margin-right:0;}
.numCount li:hover {background:#e62121;color:#fff }
.numCount li:hover * {color:#fff !important }
.numCount li .item{ margin: 0 10px;}
.numCount li .numU span{ line-height:1.3; font-weight:600 ;color: #e62121;}
.numCount li .numU {font-weight:normal; font-size:max(15px,.8vw);color:#737373}
.numCount li .numCX {font-size:max(30px, 3vw); }
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
@media (max-width:800px){
	.numCount li .numCX{ font-size:36px; }
	.in-dj {padding: 5vh 0;}
	.djswiper-button {margin-top: 2vh; margin-bottom: 2vh;
}
}
@media (max-width:640px){
	.numCount li .numCX{ font-size:7vw; }
	.numCount li {    padding: 1vh 0;}
}
@media (max-width:480px){
	.numCount{ font-size:0.5vw;}
}
/***********NUM 首页end************/


/***********首页简介 end**************/


/***********新闻动态**************/

/**/
.news-item a {
    text-decoration: none;
    color: #333;
}
/*.news-item {display:flex;justify-content: space-between;}*/
.news-item li{
	width:48%; padding: 20px;
    margin: 15px 0px;
    border: 1px solid #eee;
    overflow: hidden;
    transition: all ease .3s;
    box-sizing: border-box;
}

.news-item li .date-info {
    width: 80px;
   margin-right: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.news-item li .news-content .news-title a {
    font-size: 20px;
}

.news-item li .date-info h2 {
    height: 56px;
    line-height: 56px;
    font-size: 38px;
    color: #aaa;
    transition: all ease .3s;
}

.news-item li .date-info h3 {
    height: 25px;
    line-height: 25px;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
    transition: all ease .3s;
}

.news-item li .news-content .news-title {font-size: max(15px,.9vw);    line-height: 200%;    font-weight: normal;    margin-top: 0px;}

.news-item li .news-content p {
    font-size: 14px;margin:10px 0 0 0;
    line-height: 150%;
    color: #868686;
    transition: all ease .3s;
}
.news-item li:hover {
    background: #f9f9f9
}
.news-item li:hover .date-info {
    background: #f0f0f0
}

/**/
/**/
.lefttjlist {padding: 0;
    background: #f0f0f0a9;
    border: 1px solid #eee;
}

.lefttjlist .message_title {
    width: 100%;
    background: #ca0000;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    border-bottom: 1px solid #d3d3d3;
}

.lefttjlist .message_title span b {
    font-size: 24px;
    font-weight: normal;
}

.lefttjlist .message_title a {
    display: none;
}

.lefttjlist .message_title .more {
    display: none;
    text-decoration: none;
    color: #FFF;
    padding-right: 10px;
}

.lefttjlist .message_title .more:hover {
    text-decoration: none;
    color: #FF0
}

.lefttjlist .message {
    font-size: 14px;
    padding: 5px;
    min-height: 200px;
}

.lefttjlist .message li {
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 10px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lefttjlist .message li a {
    text-decoration: none;
    color: #666;
    font-size: 14px;
}

.lefttjlist .message li a:hover {
    text-decoration: none;
    color: #c49c5e
}

.lefttjlist .message .message_li .message_date {
    display: none;
    color: #c49c5e
}
.nscontent,.nscontent p{line-height:200%;font-size:max(16px,.9vw); text-indent:2em;margin-top:5px;}
.show_sx{margin-top:6vh}
.show-prev-next{line-height:200%; background:#f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee;margin-top:15px;margin-top: 7px;    padding-left: 15px;    margin-bottom: 5px;}
.xbnum {
    background: #ca0000;
    border-radius: 50%;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    /* box-shadow: 0px 0px 5px #c89a69f7;*/
}

/***********新闻动态 end**************/

/***********解决方案**************/
.in_fa1{padding-top:8vh;display: block;padding-top:8vh;background:#fafafa}
@media (max-width:1920px){
	.container-fa li{width:18%;margin:20px 1.1%; float:left; text-align:center;}
	.container-fa li:first-child,.container-fa li:nth-child(5n+1){margin:20px 1% 20px 0}
	.container-fa li:hover h2{color:#f60000;font-weight:600}
.container-fa li:nth-child(5){margin:20px 0 20px 1%}
 }
 .container-fa li img{transform:scale(.9); transition:1s;}
.container-fa li:hover img{filter: brightness(108);transform:scale(1);transition:1s;}
.container-fa li{background:url(../img/bac_p.jpg) no-repeat; background-size:100% 100%;padding:max(10px,2vmax);border-radius:20px !important; box-shadow:0 0 5px #fbd8de;transition:1s; }
.container-fa li:hover{background:url(../img/bac_p1.jpg) no-repeat;background-size:100% 100%;color:#fff;transition:1s;}
.container-fa li:hover *,.container-fa li:hover a{color:#fff!important;transition:1s;}
@media screen and (min-width: 960px) and (max-width: 1199px){
.container-fa li{width:22%;margin:20px 1.6%; text-align:center;}
.container-fa li:nth-child(4){margin:20px 0 20px 1.6%}
.container-fa li:nth-child(4n+1){margin:20px 1.6% 20px 0}
}
@media (max-width:960px){
.tabs-title a {
    line-height: 200% !important;
    /* line-height: 14vh; */
}	
.page-head {
  background: none !important;
}
}
@media screen and (min-width: 480px) and (max-width: 959px){
.container-fa li{width:31%;margin:20px 1.4%;text-align:center;}
.container-fa li:nth-child(3){margin:20px 0 20px 1.4% !important}
/*.container-fa li:nth-child(3n+1){margin:20px 1.4% 20px 0}*/
.container-fa li:nth-child(5) {
    margin: 20px 1.4 20px 1.4%!important;
}
.website{ background:#fff;border-bottom:1px solid #eee;
    margin-top:10px;
    height: 40px;
    color: #e8e8e8;
    z-index: 2;
    display: block;
    position: relative;}
.website *{line-height:40px;color:#666!important;}

}

@media (max-width:479px){
	.website{background:#fff;border-bottom:1px solid #eee;
    margin-top:10px;
    color: #e8e8e8;
    z-index: -2;
    display: block;
    position: relative;}
.website *{line-height:30px;color:#666!important;text-align:left!important }

.container-fa li{width:48%;margin:20px 1.5%;text-align:center;}
.container-fa li:nth-child(2){margin:20px 0 20px 1% !important}
.container-fa li:nth-child(2n+1){margin:20px 1% 20px 0}
}
#nav { width: 100%;height:14vh; line-height:14vh; margin-top:-7vh;  cursor:pointer;display:flex ;    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;border-radius:15px !important; }
#nav>li {text-align:center; color:#fff; font-size:max(18px,1.4vw);}
#nav>li a{color:#fff}
#nav>li.liShow { background:url(../img/arr_d.png) no-repeat center 85%;color:#fff; font-weight:600}
#pic { margin-top: 10px; }
#pic>div { box-sizing: border-box; display: none; width: width: 100%; height: 20vh;}
/***********解决方案 end**************/



/***********首页解决方案选项卡**************/

/*首页新闻列表-选项卡*/
.newsmore{border:1px solid #ccc; border-radius:30px !important;line-height:40px; text-align:center; font-size:max(14px,.8vw);color:#333;width:160px;transition:width 1s; background:#fff}
.newsmore i{margin-left:5px; margin-right:5px;width:35px}
.inews-list:hover .newsmore{background-color: #a80202;  background-image: linear-gradient(to left, #a60000, #e70000);text-align:center;color:#fff !important;transition:width 1s;width:200px;}
.tabs-title a{text-align:center; color:#fff; font-size:max(16px,1.2vw);height:14vh; line-height:14vh;}
.borderl01{border-right:1px solid #f0f0f0;height:100%;}
.bordeb01{border-bottom:1px solid #f0f0f0;}
.tabs-title{width: 100%; margin-top:-7vh;  background-color:#fb2525;   cursor:pointer; background-color:#fb2525;  display:flex ;    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;border-radius:15px !important; }
.tabs-title a.active,.tabs-title a:hover{background:url(../img/arr_d.png) no-repeat center 85%;color:#fff; font-weight:600}
a:last-child .in-news-l{border-bottom:none }
.inews-list{overflow:hidden;display:none;margin-top:40px;height:20vh; line-height:220%;font-size:max(16px,.85vw);}
.current{display:block}

/*.in-news_b li:last-child{margin-right:0;}*/


/***********首页解决方案选项卡 end**************/


/***********研发产品**************/

.in_fa{ background:#f7f7f8 url(../img/bj_fa.jpg) no-repeat bottom ;background-size:100% 100%;display: block;    margin-top: 10vh;}

.container-yf {margin-top:4vh}
.container-yf li{float:left}
@media screen and (min-width:1200px){
	.container-yf li{width:15%;margin:20px 2.5%; float:left; text-align:center;}
	.container-yf li:first-child,.container-yf li:nth-child(5n+1){margin:20px 2.5% 20px 0}
	.container-yf li:hover h2{color:#f60000;font-weight:600}
.container-yf li:nth-child(5){margin:20px 0 20px 2.5%}
 }

@media screen and (min-width: 960px) and (max-width: 1199px){
.container-yf li{width:22%;margin:20px 1.6%; text-align:center;}
.container-yf li:nth-child(4){margin:20px 0 20px 1.6%}
.container-yf li:nth-child(4n+1){margin:20px 1.6% 20px 0}
}

@media screen and (min-width: 480px) and (max-width: 959px){
	.subnav li a {
    display: block;
    /* padding: 0px 12px; */
    white-space: nowrap;
    color: #333333;
    font-size: 16px;
    line-height: 200%;
}
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav {
     padding: 10px 5px; 
    display: none;
}
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav li {
    /* padding: 7px 0; */
    list-style-type: none;
}
.container-yf li{width:31%;margin:20px 1.4%;text-align:center;}
.container-yf li:nth-child(3){margin:20px 0 20px 1.4% !important}
.container-yf li:nth-child(3n+1){margin:20px 1.4% 20px 0}
.clip-3{display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	.dblock span img{width:80px;}
}

@media (max-width:480px){
		.subnav li a {
    display: block;
    /* padding: 0px 12px; */
    white-space: nowrap;
    color: #333333;
    font-size: 16px;
    line-height: 200%;
}
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav {
     padding: 10px 5px; 
    display: none;
}
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav li {
    /* padding: 7px 0; */
    list-style-type: none;
}
	.clip-3{display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	.dblock span img{width:80px;}
.container-yf li{width:48%;margin:20px 1.3%;text-align:center;}
.container-yf li:nth-child(2){margin:20px 0 20px 1.3% !important}
.container-yf li:nth-child(2n+1){margin:20px 1% 20px 0}
}


/***********研发产品 end**************/

/***********生态产品**************/
.in_title1{border-left:4px solid #f63a3a;height:30px;border-radius:2px; line-height:30px;font-size:max(16px,1.5vw);text-indent:0.5em}
.in_bp{ background:#f7f9fa;padding-top:8vh;}
.container-bp {margin-top:4vh}
.container-bp li{float:left;background:#fff;border-radius:10px!important; box-shadow:0 0 15px #d7e5f2; padding:max(10px,2vw);text-align:center;}
.container-bp li .bpmore{ height:40px;line-height:40px;border:1px solid #eee;background:#fff;font-size:14px !important;border-radius:20px!important;text-align:center; margin:10px auto;transition:width 1s; width:120px;border:1px solid #f6f6f6}
.border02{border:1px solid #eee}
.container-bp li:hover .bpmore{background-color: #a80202;  background-image: linear-gradient(to left, #a60000, #e70000);text-align:center;color:#fff !important;transition:width 1s; width:60%}

.border-r20{border-radius:20px !important;}
.inmoret{font-size:max(18px,1vw) ;font-weight:600;margin:4vh auto; line-height:50px;background-color: #a80202;  background-image: linear-gradient(to left, #a60000, #e70000);text-align:center;color:#fff !important;transition:width 1s; width:150px;transition:width 1s; border-radius:25px !important}
.in_bp:hover .inmoret,.in_fa:hover .inmoret,.in_fa1:hover .inmoret{ width:220px;transition:width 1s; }

.w100{width:100%;height:2px; clear:both;}
.tcon{min-height:40vh; padding:2vh 0}
.tcon,.tcon p{text-indent:2em; line-height:200%;font-size:max(16px,.9vw)}

.cat_page li{background:rgb(242, 248, 253);}
.cat_page li:nth-child(2n+1){background: rgb(255, 255, 255)}

@media screen and (min-width: 1200px){
	.container-bp li{width:22%;margin:10px 1.5%; float:left;background:#fff;height:42vh;}
.container-bp li:nth-child(4){margin:10px 0 10px 1.5%}
 }

@media screen and (min-width: 960px) and (max-width: 1199px) {
.container-bp li{width:31%;margin:10px 1%; padding:max(15px,1vw);text-align:center;}
.container-bp li:nth-child(3){margin:10px 0 10px 1%}
}

@media screen and (min-width: 480px) and (max-width: 959px) {
.container-bp li{width:46%;margin:10px 2%; padding:max(15px,1vw);text-align:center;}
.container-bp li:nth-child(2){margin:10px 0 10px 2% !important}
.news-item li {    width: 98%;}
}
.tcon img{max-width:100%;margin-left: -2em;}
.tcon p img,.tcon p video{margin-left: -2em;}
@media (max-width:480px){
	.news-item li {    width: 98%;}
.container-bp li{width:100%;margin:10px 2.4%; padding:max(15px,1vw);text-align:center;}
.container-bp li:nth-child(2){margin:10px 0 10px 2.4% !important}
}

/***********生态产品 end**************/

.breadc {
    background: #f6f6f6;
    width: 100%;
    padding: 15px 0;
    height: 60px;
    border-bottom: 1px solid #eaeaea
}



/****************************MENU 导航************************************/
@charset "utf-8";
/* CSS Document */


.page-header { opacity: 1; filter: alpha(opacity=100); width: 100%; margin: 0; border: 0; padding: 0; height: 90px; background-image: none; background:#f0f0f066 }
.page-header:after, .page-header:before { content: " "; display: table }
.page-header:after { clear: both }
.page-header .container, .page-header .container-fluid { position: relative }
.page-header.navbar-fixed-top, .page-header.navbar-static-top { z-index: 9995 }
{ height: 75px }
.page-header .page-header-top.fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 9995 }
.page-logo { float: left; display: block;height: 75px; padding-left: 20px; overflow: hidden }
.page-logo .logo-default { margin: 0 }
.top-menu { margin: 13px 0 0; padding: 0; float: right }
.top-menu .navbar-nav { padding: 0; margin-right: 0; display: block }
.top-menu .navbar-nav>li.dropdown { margin: 0; padding: 0 4px; height: 50px; display: inline-block }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle { margin: 0 0 0 1px; padding: 17px 10px 8px }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child { padding-right: 0 }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i { font-size: 19px }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.glyphicon { font-size: 18px }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge { font-family: "Open Sans", sans-serif; position: absolute; top: 9px; right: 24px; font-weight: 300; padding: 3px 6px }
.top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus { background: 0 0 }
.top-menu .navbar-nav>li.dropdown>.dropdown-menu { z-index: 9996; margin-top: 5px; margin-right: 7px; font-family: "Open Sans", sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.top-menu .navbar-nav>li.dropdown>.dropdown-menu:before { position: absolute; top: -8px; right: 9px; display: inline-block!important; border-right: 8px solid transparent; border-bottom: 8px solid #efefef; border-left: 8px solid transparent; content: '' }
.top-menu .navbar-nav>li.dropdown>.dropdown-menu:after { position: absolute; top: -7px; right: 10px; display: inline-block!important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: '' }
.top-menu .navbar-nav>li.dropdown-separator { padding-left: 0; padding-right: 6px }
.top-menu .navbar-nav>li.dropdown-separator .separator { float: left; display: inline-block; width: 1px; height: 18px; margin-left: 5px; margin-top: 17px }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu { min-width: 160px; max-width: 300px; width: 300px; z-index: 9996 }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external { display: block; overflow: hidden; padding: 15px; letter-spacing: .5px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 { margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a { display: inline-block; padding: 0; background: 0 0; clear: inherit; font-size: 12px; font-weight: 400; position: absolute; right: 10px; border: 0; margin-top: -2px }
.hor-menu .navbar-nav, .hor-menu .navbar-nav>li.mega-menu-dropdown { position: static }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-right: 0!important; padding-left: 0; list-style: none }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a { display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none }
.top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a { border-top: none }
.top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details { overflow: hidden }
.top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon { margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% }
.top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i { margin-right: 2px; margin-left: 1px }
.top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge { right: 15px }
.top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time { float: right; max-width: 75px; font-size: 11px; font-weight: 400; opacity: .7; filter: alpha(opacity=70); text-align: right; padding: 1px 5px }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle { padding: 17px 0 8px 8px }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle { float: left; margin-top: -5px; padding: 3px 10px 4px; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -ms-border-radius: 50%!important; -o-border-radius: 50%!important; border-radius: 50%!important; font-family: "Open Sans", sans-serif; font-weight: 300 }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner { float: left; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 0 9px 9px }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner:not(:root:root) { margin-left: -5px }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo { float: left; margin: 0 6px 6px 0 }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img { height: 40px; width: 40px; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -ms-border-radius: 50%!important; -o-border-radius: 50%!important; border-radius: 50%!important }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li a:hover { text-decoration: none }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject { display: block; margin-left: 46px }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from { font-size: 14px; font-weight: 600 }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time { font-size: 12px; font-weight: 400; opacity: .5; filter: alpha(opacity=50); float: right }
.top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message { display: block!important; font-size: 12px; line-height: 1.3; margin-left: 46px }
.top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task { margin-bottom: 5px }
.top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc { font-size: 13px; font-weight: 300 }
.top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent { color: #36c6d3; float: right; font-weight: 600; display: inline-block }
.top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress { display: block; height: 8px; margin: 8px 0 2px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-toggle { padding: 12px 0 7px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img { margin-top: -8px; margin-right: 8px; height: 40px; float: left }
.top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username { float: left; font-size: 400; font-size: 14px; margin-top: 4px; margin-right: 2px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>i { float: left; font-size: 14px; margin-top: 7px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu { width: 210px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a { font-weight: 300; font-size: 13px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i { width: 15px; display: inline-block; margin-right: 9px }
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge { margin-right: 10px }
.top-menu .navbar-nav>li.quick-sidebar-toggler { cursor: pointer; padding: 17px 10px 8px }
.top-menu .navbar-nav>li.quick-sidebar-toggler>i { color: #c1ccd1; font-size: 19px }
.top-menu .navbar-nav>li.quick-sidebar-toggler>i:before { content: "" }
.page-quick-sidebar-open .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before, .page-quick-sidebar-open .page-quick-sidebar-toggler>i:before { content: "" }
.top-menu .navbar-nav>li.quick-sidebar-toggler>i:hover { color: #a4b4bb }
.top-menu .navbar-nav>li.dropdown-language { padding-left: 0; padding-right: 0; margin: 0 }
.top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle { padding: 16px 10px 9px 2px }
.top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>img { margin-bottom: 2px }
.top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>i { font-size: 14px }
.top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a { font-size: 13px }
.top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a>img { margin-bottom: 2px; margin-right: 5px }
.top-menu .navbar-nav li.dropdown-dark .dropdown-menu { border: 0 }
.top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before { border-left: none; border-right: none }
.top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list>li.external a { background: 0 0!important; border: none!important }
.menu-toggler { float: right; display: none; margin: 23px 3px 0 13px; width: 40px; height: 30px; background: url(../img/menu-toggler.png) center center no-repeat; opacity: .7; filter: alpha(opacity=70) }
.menu-toggler:hover { opacity: 1; filter: alpha(opacity=100) }
{ display: block; height: 51px; clear: both }
.hor-menu { margin: 0; float: left }
.hor-menu .navbar-nav.navbar-right .dropdown-menu { left: auto; right: 0 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu { left: auto; width: auto }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content { font-family: "Open Sans", sans-serif; padding: 15px; margin: 0 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content.mega-menu-responsive-content { padding: 10px 18px 10px 45px }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu { padding: 0; margin: 0 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 1px!important; margin: 0!important; list-style: none }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 { margin-top: 5px; padding-left: 5px; font-size: 15px; font-weight: 400 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a { display: block; white-space: normal; font-family: "Open Sans", sans-serif; padding: 7px; margin: 0; font-size: 14px; font-weight: 300 }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:focus, .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover { text-decoration: none }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify { padding: 7px 7px 7px 30px }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify>i { position: absolute; top: auto!important; margin-left: -24px; font-size: 15px; margin-top: 3px!important }
.hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .badge, .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .label { margin-left: 5px }
.hor-menu .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 15px; right: 15px }
.hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:after, .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:before { display: none!important }
.hor-menu .navbar-nav>li>a { font-size: 14px; font-weight: 400; padding: 13px 18px 12px }
.hor-menu .navbar-nav>li.active .selected, .hor-menu .navbar-nav>li.current .selected { left: 50%; bottom: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid transparent; display: inline-block; margin: 0 0 -6px -7px; width: 0; height: 0 }
.hor-menu .navbar-nav>li .dropdown-menu { margin-top: 0; border: none }
.hor-menu .navbar-nav>li .dropdown-menu li>a { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; padding: 10px 12px; white-space: normal }
.hor-menu .navbar-nav>li .dropdown-menu li>a .badge, .hor-menu .navbar-nav>li .dropdown-menu li>a .label { font-weight: 300 }
.hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu { min-width: 195px; max-width: 235px }
.hor-menu .navbar-nav>li .dropdown-submenu>.dropdown-menu { top: 0 }
.hor-menu .navbar-nav>li .dropdown-submenu>a:after { top: 9px; right: 10px }
.search-form { position: relative; display: inline-block; float: right; width: 176px; transition: width .4s; margin-top: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.search-form .input-group { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.search-form .input-group .form-control { border: 0; font-size: 13px; padding-right: 20px; font-weight: 300 }
.search-form .input-group .form-control:hover { cursor: pointer }
.search-form .input-group .input-group-btn .btn.submit { padding: 0; height: 34px; z-index: 3; position: relative; top: 10px; right: 11px }
.search-form .input-group .input-group-btn .btn.submit>i { font-size: 15px }
.search-form.open { width: 300px!important; transition: width .4s }
.search-form.open .input-group .form-control { text-indent: 0 }
.search-form.open .input-group .form-control:hover { cursor: text }
#imageMenu li img, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover, .scroll-to-top:hover, .scrollbutton, .search-content .tabs li, .theme-panel .theme-colors>li.theme-color:hover, div .todo-tasklist-item:hover { cursor: pointer }
.search-form.open .input-group .input-group-btn .btn.submit { margin-left: 0 }
.hor-menu .navbar-nav>li.menu-dropdown:hover>.dropdown-menu { display: block }
.container-fluid .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 60px; right: 60px }


/****************************MENU 导航END************************************/

/*******************首页新闻********************/




.in_news { background: url(../img/bj_news.jpg) no-repeat center; background-size: cover; width: 100%; padding: 5vh 0; margin: 5vh 0; clear: both }

.in_news_l { border-bottom: 4px solid #c4c4c4; background: #fff; padding-bottom:4vh;overflow:hidden; display:block; }

.in_news_l:hover { border-bottom: 4px solid #df0000 }

.in_news .in_news_l div { width:100%; height:57%; position: relative; overflow: hidden; background: #0852b0; margin-bottom: 2vh;}

.in_news .in_news_l div img { width: 100%;height:100%; transition: all ease .6s; opacity: 1; /*height: 100% */}

.in_news .in_news_l:hover div img { transition: all ease .6s; opacity: .6; transform: scale(1.2, 1.2); }

.news-list { background: #fff;border-bottom: 4px solid #fff; overflow:hidden;}


.list_news li h3{font-size:18px;}
.list_news li:hover.hred h3{color:red }
.list_news li:hover.hred .line_bottom { width: 0%; height: 3px; background: red !important ; transition: linear .6s;/*margin-top:10px;*/ }
.list_news li.hred .line_bottom { background: red !important ; transition: linear .6s;/*margin-top:10px;*/ }
.list_news li:hover.hred .line_bottom { width: 100%; transition: linear .6s;background: red !important   }

.news-list li {  padding-top:0;   background: url(../img/arr_news.png) no-repeat center right;
    transition: all ease .3s;    box-sizing: border-box;    width: 100%;    clear: both;   border-bottom: 1px solid #eee;    font-size: 14px;    line-height: 180%;   padding-right: 15px;margin-bottom: 12px;    color: #868686;    transition: all ease .3s;
}.news-list li:last-child{border-bottom: 1px solid #eee;}
.news-list li .date-info { font-size:max(16px,1vw); font-weight: 600; color:#323232; transition: all ease .6s; font-family: Arial;text-align: center;margin-top: 5px;}
.in_news_l h5{ line-height:260%; font-size:max(16px,.9vw);}
.in_news_l h5 a{color:#444}
.in_news_l:hover h5{color:#df0000; font-weight:600}
.news-list li .date-info p {font-size:14px; font-weight: normal;margin: 0; transition: all ease .6s;white-space: nowrap; }

.news-list li:hover .date-info, .news-list li:hover .news-title { color: #df0000; font-weight: 600; transition: all ease .6s; }

.news-list li:hover { background: url(../img/arr_news.png) no-repeat center right; transition: all ease 0s; }

.news-list li:hover .date-info { transition: all ease .6s; color:#df000; text-align:center; }
.news-list li:hover .news-title {transition: all ease .6s; padding-left: 15px; padding-right: 0; margin-left:-15px }
.flex {    display: flex;}
/*******************首页新闻 END********************/