/*------------flash------------*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;}

/*视频弹窗*/
.case_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
/*.case_tc{z-index: 19891025; width: 92%;   left: 50%; margin-left:-46%;  position:absolute; overflow: hidden; top:270px; height:0; display: none;}*/
.case_tc{z-index: 19891025; width: 92%;   left: 50%; top:50%;position:fixed;/* overflow: hidden; top:270px;*/ height:0; display: none;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.case_tc .case_box{ width:96%; margin:0 auto; max-width:900px; }
.case_tc .case_divs{ position:relative;width:100%;}
.case_tc .case_divs .closed{ right:0; position:absolute; top:0%; cursor:pointer; height:40px; z-index:9999;}
.case_tc .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc #tc_big{ width:100%; display:block;}
#videocon{ height:550px;}
.case_tc .case_divs .case_txt{ padding:12px; padding-left:0; padding-right:0; color:#fff; font-size:14px; line-height:22px; padding-top:0px; padding-top:40px;  padding-bottom:6px;/* background:rgba(0, 0, 0, 0.6);*/}
.case_tc .case_divs .case_txt h2{ font-size:14px; line-height:40px; font-weight:normal;}

.i_title{ text-align:center; margin-top:3%; line-height:50px; padding-bottom:2%; text-align:center;background:url(../images/i_bg1.png) center bottom no-repeat; overflow:hidden; margin-bottom:4%; font-weight:normal; color:#333333;}
.i_bg{ background:#f9f9f9; padding-bottom:3%; overflow:hidden;}
.i_about{ overflow:hidden; background-color:#fff;}
.i_about .imgs{ overflow:hidden; position:relative;}
.i_about .imgs img{ display:block; width:100%;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.i_about .imgs:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_about .imgs  i{ position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/i_bg7.png) center center no-repeat;transition:all 0.3s; background-size:73px 73px;}
.i_about .imgs:hover i{ background-size:90px 90px;}
.i_about .imgs a{ display:block;}
.i_about .txts{ width:96%;margin:0 auto; overflow:hidden; margin-top:3%;color:#424242; text-align:center;}
.i_about .txts .h2{ font-size:16px;  height:30px; line-height:30px; overflow:hidden; font-weight:normal; margin-bottom:1%;}
.i_about .txts .p{ line-height:24px; padding-bottom:4%; overflow:hidden; font-size:14px; }
.i_more{ text-align:center; overflow:hidden; margin-top:3%;}
.imore{transition:all 0.3s;width:184px; font-size:14px; text-align:left; text-indent:51px; color:#FFF; display:inline-block;line-height:36px; height:36px; overflow:hidden; border:1px solid #10ae23; border-radius:20px;background: #10ae23; }
.imore:hover{text-decoration:none; filter: Alpha(Opacity=80);opacity: 0.8; text-indent:61px;color:#0652a2;}
.imore i{ float:right; width:17px; height:17px; margin-top:9px; margin-right:50px; overflow:hidden;background:url(../images/i_bg10.png) center top no-repeat;transition:all 0.3s;}
.imore:hover i{ margin-right:40px;}

.project_a{ overflow:hidden;text-align:center; margin-bottom:4%;}
.project_a a{ display:inline-block; height:31px; line-height:31px;background-color:#fff; padding-left:18px; padding-right:18px; font-size:16px; color:#333; margin-left:5px; margin-right:5px; transition:all 0.3s; border-radius:4px; border:1px solid #333333;}
.project_a a:hover{color:#0652a2;border:1px solid #0652a2;filter: Alpha(Opacity=80);opacity: 0.8;}
.project_a a.csel{ color:#0652a2;border:1px solid #0652a2;}

.i_news{ overflow:hidden; padding-bottom:4%;}
.i_news .divhidden{ display:none;}
.i_news .i_news_l{ float:left; width:50%; overflow:hidden; background-color:#f5f5f5;}
.i_news .i_news_l .imgs{position:relative;}
.i_news .i_news_l .imgs img{width:100%;  display:block;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
/*.i_news .i_news_l:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/
.i_news .i_news_l .txts{ width:96%; margin:0 auto; line-height:22px; padding-bottom:3%;overflow:hidden; color:#666; font-size:14px; }
.i_news .i_news_l h2{ font-size:18px; color:#000; margin-top:33px; margin-left:160px; text-align:center; padding-left:1%; padding-right:1%; height:36px; line-height:36px; overflow:hidden; font-weight:normal; margin-bottom:8px;}
.i_news .i_news_l .p{height:66px; overflow:hidden;}
.i_news .i_news_l label{ clear:both; float:left; cursor:pointer;  line-height:28px; color:#6e6e6e;transition:all 0.3s; padding-right:28px;background:url(../images/i_bg15.png) right center no-repeat; margin-top:18px; }
.i_news .i_news_l:hover label{color:#0652a2;}
.i_news .i_news_l label:hover{ margin-left:5px;}
.i_news .i_news_l:hover h2{color:#0652a2;}
.i_news .i_news_l .date{ position:absolute; left:27px; top:78%; width:103px; height:123px; color:#fff; font-size:18px; text-align:center; line-height:52px; background-color:#0652a2; padding-left:10px; padding-right:10px;}
.i_news .i_news_l .date b{ display:block; border-bottom:1px solid #fff; line-height:65px; margin-top:5px; overflow:hidden; height:65px; font-weight:bold; font-size:48px;}
.i_news .i_news_r{ float:right; width:42%; overflow:hidden; margin-right:5%;}
.i_news .i_news_r ul li{ display:block; overflow:hidden;height:36px; line-height:36px; overflow:hidden; padding-left:23px;background:url(../images/i_bg11.png) 4px center no-repeat; color:#808080;white-space:nowrap;text-overflow:ellipsis; }
.i_news .i_news_r ul li a{color:#666; font-size:16px;}
.i_news .i_news_r ul li a:hover{ color:#333;}

.i_contact{ overflow:hidden;background:url(../images/i_bg12.jpg) center center no-repeat; background-size:cover; text-align:center; color:#fff; padding-bottom:3%;}
.i_contact .txts{ font-size:24px; max-width:560px;line-height:28px; overflow:hidden; width:92%; margin:0 auto; margin-top:5%; margin-bottom:27px;}
.i_contact .tel{ display:inline-block; height:38px; overflow:hidden;background:url(../images/i_bg13.png) left top no-repeat; font-weight:bold; font-size:21px; color:#fff; padding-left:42px; line-height:60px; text-align:left; letter-spacing:3px; min-width:245px;}
.i_contact .a{ display:block; width:216px; margin:0 auto; height:42px; line-height:42px; overflow:hidden; background-color:#fff; border-radius:20px; font-size:20px; color:#0652a2; margin-top:30px;transition:all 0.3s;}
.i_contact .a:hover{opacity:0.9;filter:Alpha(opacity=90);}

/*产品中心*/
.i_bga{background:#fff; padding-bottom:3%; overflow:hidden;}
#hot-pro-box {
	margin: 0 auto;
	width: 100%;
}
#navs li {
	float: left;
	width: 41%;
	height: 17px;
	line-height: 17px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	margin-left: 2%;
	padding: 10px;
	margin-right: 0;
	font-size: 14px;
}
#navs li.nav_bar {
	background-color: #006f38;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #fff;
}
#main div {
	width: 100%;
	clear: left;
	display: none;
}
#main div.main_bar {
	display: block;
	/*            text-indent: 2em;
*/        margin-top: 36px;
}
.index-pro li {
	float: left;
	width: 48%;
	padding: 2px;
	margin-left: 1%;
	border: 1px solid #E9E9E9;
	margin-bottom: 14px;
}
.index-pro-ul li:nth-child(4), .index-pro li:nth-child(8) {
	margin-right: 0;
}
.index-pro li p {
	font-size: 14px;
	color: #A2A2A2;
	text-align: center;
	line-height: 38px;
}
.nav_bar {
	background-color: #F56366;
	color: #fff;
}
.Rightshow{}
.Rightshow ul{overflow: hidden;width: 99%;}
.Rightshow ul li{width: 45.6%;margin-top: 18px;margin-left:9px;float: left;overflow: hidden;position: relative;text-align: center;}
.Rightshow ul li .pic{display: block;position: relative;}
.Rightshow ul li .pic img{display: inline-block;width: 100%; /* height: 96px; */} 
.Rightshow ul li .detail1{width: 100%;background: #10ae23;padding-bottom: 8px;}
.Rightshow ul li:hover .detail1{background: #ffb901;}
.Rightshow ul li .detail1 h3{font-weight: normal;overflow: hidden;}
.Rightshow ul li .detail1 h3 a{font-size: 14px;color: #FFF;height: 30px;overflow: hidden;display: block; line-height: 30px;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}
.Rightshow ul li .detail1 img{ display: inline-block;    float: right;    margin-right: 5px;    margin-top: 5px;}
/*在线留言*/
.login{width:85%;margin:3% auto;height:auto;overflow:hidden;text-align: center}

.login_wxcode{width: 300px;height: 300px;box-shadow: 3px 5px 5px #535353;border: 3px solid darkgoldenrod;border-radius: 8px}

.login_addwechat {text-align: center;margin-top: 5px;color: #0d0d0d}

.login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:99%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:99%;float:left; height:1.42rem;font:0.2rem/0.42rem "microsoft yahei"; text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}
.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn{width:99%; height:0.5rem; color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"; background-color:#0360a5;}
.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}
.allpage{padding-top:1rem;}
.allpage .title{font-size:0.38rem; color:#333; text-align:center; padding-top:0.5rem;}
/*底部*/
.web_info{clear:both; background-color:#585858; padding-bottom:1rem; padding-top: 20px;}
.web_info:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.web_info .head_b{background-image:url(../images/index_img01.png); width:6.4rem; height:0.91rem; margin:0 auto; background-size:cover; margin-bottom:0.76rem;}
.web_info .item{clear:both; width:5.8rem; margin:0 auto; padding-bottom:0.25rem; height:0.38rem;}
.web_info .item .icon_tel{float:left; width:0.4rem; height:0.38rem;}
.web_info .item .icon_tel img{width:0.31rem; height:0.34rem; display:block; margin-top:0.02rem;}
.web_info .item .icon_email{float:left; width:0.4rem; height:0.38rem;}
.web_info .item .icon_email img{width:0.34rem; height:0.23rem; display:block; margin-top:0.08rem;}
.web_info .item .icon_addr{float:left; width:0.4rem; height:0.38rem;}
.web_info .item .icon_addr img{width:0.31rem; height:0.29rem; display:block; margin-top:0.04rem;}
.web_info .item .msg{width:5.3rem; height:0.38rem; background-color:#fff; border-radius:0.1rem; float:left; font-size:0.20rem; line-height:0.38rem; color:#353535; text-align:center;}
/*尾部*/
.footer{width:100%; height:1.04rem; position:fixed; bottom:0; background-color:#1E9826; max-width:6.4rem; z-index:999; display:-webkit-flex; display:flex; border-top: 1px solid #fff;}
.footer a{flex-grow:1; text-align:center; font-size:0.2rem; color:#fff; background-repeat:no-repeat; background-position:center 0.16rem;}
.footer a+a{border-left:0.02rem solid #fff;}
.footer a span{display:block; padding-top:0.6rem;}
@media screen and (max-width: 1200px) {
.i_news .i_news_l h2{ font-size:16px;}
.i_news .i_news_l .txts{ font-size:13px;}
.i_news .i_news_l .date{ top:72%;}
.i_news .i_news_r ul li a{ font-size:14px;}

}



@media screen and (max-width: 930px) {
.i_news .i_news_l h2{ margin-left:120px;}
.i_news .i_news_l .date{ width:80px; height:110px; left:17px; font-size:16px; line-height:42px;}
.i_news .i_news_l .date b{ font-size:40px;line-height:60px; height:60px;}
}

@media screen and (max-width: 780px) {
.i_title{ line-height:40px;}
.i_news .i_news_l{ float:none; width:100%; }
.i_news .i_news_l h2{ margin-top:20px;}
.i_news .i_news_l .p{height:auto;}
.i_news .i_news_r{ float:none; width:100%; margin-right:0; margin-top:2%;}
.i_contact .txts{ font-size:22px;}
}

@media screen and (max-width: 640px) {
.i_about .txts .h2{ font-size:14px;}
.i_about .txts .p{ /* font-size:12px; */}
.i_news .i_news_l .date{ top:70%;}

.i_contact{ padding-bottom:4%;}
.i_contact .txts{ font-size:20px;}
.i_contact .a{ height:36px; line-height:36px;width:180px; font-size:18px; }
}

@media screen and (max-width: 480px) {
.project_a a{ font-size:14px;}
.i_news .i_news_l .txts{ font-size:12px; line-height:20px;}
.i_news .i_news_l h2{ font-size:15px; margin-left:100px; margin-top:15px;}
.i_news .i_news_l .date{ width:60px; height:90px; left:12px; font-size:14px; line-height:32px; top:64%;}
.i_news .i_news_l .date b{ font-size:32px;line-height:50px; height:50px;}
.i_news .i_news_r ul li{height:32px; line-height:32px;}
.i_news .i_news_r ul li a{ /* font-size:12px; */}

.i_contact .txts{ font-size:18px;}

}
@media screen and (max-width: 360px) {
.i_contact .txts{ font-size:16px; line-height:24px;}

}