body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#666; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham';overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#333}
a:active,a:focus,a:hover{outline:none; color:#c7000a}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
/*input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
*/div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea,select{box-sizing:border-box;outline:none;}
*{box-sizing:border-box}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:30px; height:30px; background:url(../images/totop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/totophover.png) no-repeat;background-size:100% 100%;opacity:1.0}
.clear {
    clear: both;
}
.w1400{ width:100%; max-width:1400px; margin: 0 auto;}
.w1440{ width:100%; max-width:1440px; margin: 0 auto;}
.w1080{ width:75%; margin: 0 auto;}

.toper{ max-width:1400px;width:100%; margin:0 auto; /*border-bottom:1px solid #e4e4e4;*/display: flex;flex-wrap: wrap;
    justify-content: space-between;align-items:center}
.toper p{    font-size: 14px;
    line-height: 30px;
    color: #858585;
}
.toper p a{
    color: #858585;
}
.toper p a:hover{
    color: #858585;
}

.boxTop{width:100%; z-index:1000;}
.boxTop1{margin:5px auto 15px auto;display: flex;flex-wrap: wrap;
    justify-content: space-between;align-items:center}
.logo{top:20px; height: 75px;}

@font-face {
  font-family: "DINCond";
  src: url("../fonts/dincond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../fonts/dincond.ttf") format("truetype"),
       url("../fonts/dincond.eot") format("embedded-opentype"),
       url("../fonts/dincond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.dh{background: linear-gradient(to right, #008e00, #0e5fb5); width:100%;}
.boxNav{ width:100%;    max-width: 1400px;margin: 0 auto;height:60px; vertical-align:middle; margin-top:0; }
.boxNav li{display:inline-block;position:relative; /*padding:0 25px; margin:0 20px; */margin:0 5px; width:190px; text-align:center;}
.boxNav li span a{    position: absolute;display:block;font-size: 18px; color:#fff;line-height:60px;z-index:3; width:100%;}
.boxNav li span a:hover{color:#fff}
.boxNav li span i{ height:60px; background:#1ca51c; width:100%; position:absolute; top:0; left:0; display:none; z-index:0;}
.boxNav li .on{ background:#1ca51c;width:100%;}

.boxNav li .on i{ display:block;animation:ANavI 0.3s;}
.boxNav li .on a{color:#fff; z-index:2;}
.boxNav li div{position:absolute; width:100%; top:60px; left:0;text-align:left;background:rgba(8,117,98,0.9); z-index:2; display:none;}
.boxNav li div a{display:inline-block;font-size: 16px; width:100%;color:#fff;line-height:30px; text-align:center; opacity:1; padding:15px 5px;}
.boxNav li div a:hover{color:#fff; opacity:1;background:rgba(28,165,28,1);transition:all .5s}
.boxNav li:last-child{}


.icoTop{display:inline-block;height:5vw;vertical-align:middle; float:right;}
.icoTop a{ position:relative;display:inline-block;vertical-align:top}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:block; width:5vw; height:5vw;}
.icoTop a div{position:absolute; top:80px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0}
.icoTop a span{display:inline-block; width:120px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}

.topWx i{background:url(../images/icowxtophover.png) center no-repeat; background-size:45px auto}
.topWx:hover i{background:url(../images/icowxtophover.png) center no-repeat;background-color:#e8340c; background-size:45px auto}

.topSearch i{background:url(../images/icosearchtophover.png) center no-repeat; }
.topSearch:hover i{background:url(../images/icosearchtophover.png) center no-repeat; background-color:#c7000a}

.topEwm i{background:url(../images/icoewmtop1.png) center no-repeat}
.topEwm:hover i{background:url(../images/icoewmtophover.png) center no-repeat; background-color:#c7000a}


.bgTop{background: linear-gradient(to right, #008e00, #0e5fb5); box-shadow:0 0 3px rgba(0,0,0,0.2); padding:0!important;}
.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoclose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:14px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#0e4da3; font-size:14px;  color:#fff;cursor:pointer}  


/*--------------------手机导航------------------------*/
.boxTopM{ width:100vw; height:70px; top:0; left:0; z-index:100; display:none;}
.logoM{ position:absolute;left:15px; top:15px; height:40px;}
.boxTopM font{background:url(../images/icolinktop.png) no-repeat center left; display:inline-block; height:70px; line-height:70px; padding:0 0 0 24px; font-size:16px;    position: absolute;top: 0;right: 60px;}

.openMenu{width:70px; height:70px; position:absolute; top:0; right:0;background:url(../images/openmenu2.png) no-repeat center/cover;}
.closeMenu{width:70px; height:70px; position:absolute; top:0; left:-60px;background:#fff url(../images/closemenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#146c29;overflow-y:auto; padding:40px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:16px;line-height:50px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff;}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:left; color:rgba(255,255,255,0.7);}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

/*--------------------mTop------------------------*/

.banner{height:80vh;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:8px; height:8px; background-color:#297f44; opacity:1.0; border-radius:10px;}
.banner .swiper-pagination-bullet-active{width:30px; height:8px;background-color:#fff; }
.banner .swiper-button-prev{left:30px;margin-top:-25px; width:50px; height:50px; opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{opacity:1.0}
.banner .swiper-button-next{right:30px;margin-top:-25px;width:50px; height:50px;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{opacity:1.0}

.bannerM{width:100vw;height:70vw;overflow:hidden;position:relative; margin:0 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:15px; height:3px; background:url(../images/icobanner.png); opacity:1.0; border-radius:0;}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icobannerhover.png);}

.tell{display:inline-block;height:46px;vertical-align:middle; float:right;display: flex;align-items: center;flex-wrap: wrap; background-color:#099; padding:0 30px;border-radius: 47px;background: linear-gradient(to right, #008e00, #0e5fb5);}
.tell p {
    font-size: 14px;
    color: #fef001;
    line-height: 14px;
    margin-left: 15px;
}
.tell img{height:26px;}

.swiper_wrap {
	position: relative;
	height:46px;
	overflow: hidden;
	margin:0;
	
}
.swiper_wrap ul {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	float: right;	
	margin-top: 1px;
}
.swiper_wrap ul li {
	line-height: 46px;
	padding-left: 10px;
	overflow: hidden;
	color:#fef001;
	font-size: 24px;
	font-weight:bold;
}
.lt {
	position: absolute;
	right: 26px;
	top: 2px;
	font-size: 30px;
	font-family: "Microsoft Yahei";
	color: #AAAAAA;
}
.gt {
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 30px;
	font-family: "Microsoft Yahei";
	color: #AAAAAA;
}

.bj80{ margin:80px auto; }
.bj70{ margin:70px auto; }
.eytitle {
	margin-bottom: 40px;
}
.eytitle h1 {
	display: block;
	line-height: 50px;
	color: rgba(0, 0, 0, .07);
	font-size: 40px;
	font-weight: bold;
	font-family: "BEBAS";
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
}
.eytitle p {
	line-height: 40px;
	color: #222;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin: -25px auto 16px;
}
.eytitle p span{
	color: #008e00;
}
.eytitle i {
	display: block;
	height: 13px;
	overflow: hidden;
	text-align: center;
	background: url(../images/line.png) center center no-repeat;
	background-size: 150px 13px;
}

.ywfw{display: flex; flex-wrap: wrap;    justify-content: space-between;}
.ywfw li{ width:15%; text-align:center; box-shadow: 0px 0px 20px #e9e9e9; margin-bottom:25px;}
.ywfw li a{ padding:30px; display:block;}
.ywfw li a img{ width:60%; margin-bottom:20px;    transition: all .5s;}
.ywfw li a:hover img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg)}
.ywfw li a h1{ font-size:22px; line-height:30px; color:#333; font-weight:bold;}
.ywfw li a:hover h1{ color:#008e00;}

.about{width: 100%;
    background: url(../images/bg.jpg);
    background-position: center !important;
    background-size: cover !important;
	overflow: hidden;}
.eytitle2 {
	margin-bottom: 40px;
}
.eytitle2 h1 {
	display: block;
	line-height: 50px;
	color: rgba(255, 255, 255, .07);
	font-size: 40px;
	font-weight: bold;
	font-family: "BEBAS";
	text-align: left;
	margin: 0 auto;
	text-transform: uppercase;
}
.eytitle2 p {
	line-height: 40px;
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	text-align: left;
	margin: -25px auto 16px;
}
.eytitle2 h2 {
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: left;
	margin-top:50px;
}

.eytitle2 i {
	display: block;
	height: 13px;
	overflow: hidden;
	text-align: left;
	background: url(../images/line2.png) left center no-repeat;
	background-size: 254px 13px;
}
.about .jj{
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	text-indent: 2em;
	margin-bottom:60px;
}

.more {font-size: 16px;line-height: 40px;color: #fff;background-color: #1ca51c;padding: 0 10px 0 30px;border-radius: 40px;float: left;transition: all .2s;display: flex;align-items: center;flex-wrap: wrap;
}
.more a{color: #fff;}
.more i {
	display: block;
	height: 28px;
	width:28px;
	overflow: hidden;
	background: url(../images/jjjt.png) left center no-repeat;
	margin-left:15px;
}
.more:hover{background-color: #fff;transition: all .2s;color: #1ca51c;}
.more:hover a{color: #1ca51c;}
.more a:hover {color: #1ca51c;}

.about .nav{float:right;display: flex;flex-wrap: wrap;}
.about .nav li{ background-color:#008e00; padding:30px 50px;}
.about .nav li img{ width:70px;    transition: all .5s;}
.about .nav li:hover img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg)}
.about .nav li h3{ font-size:16px; line-height:40px; color:#fff;}

.anli{display: flex; flex-wrap: wrap;    justify-content: space-between;}
.anli li{ width:11.5%; text-align:center; border:1px solid #d3d3d3;margin-bottom:0.9vw;    overflow: hidden;}
.anli li img{ width:100%;    transition: all .5s;}
/*.anli li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05)}
*/

.contact {width: 100%;
    background: url(../images/bg2.jpg);
    background-position: center !important;
    background-size: cover !important;
	overflow: hidden;}
	
	
.ctlist{ width:100%; max-width:1400px; margin:90px auto 70px auto;display: flex;flex-wrap: wrap;    gap: 30px;}
.ctlist li{ flex: 1; text-align:center; /*border-right:1px solid #e7e7e7; */padding:60px 0 40px 0;    box-shadow: 0px 0px 20px #dfdfdf;position: relative;}
.ctlist li:nth-child(4) {
    flex: 1.2;
}
.ctlist li:last-child{ border:0;}
.ctlist li div{
	width: 90px;
	height: 90px;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left:-45px;
	background-color: #fff;
	border-radius: 130px;
	border: 1px dashed #ccc;
}
.ctlist li div img{ margin-top:9px;}
.ctlist li img.wx{ width:35%;border:1px solid #e7e7e7;}

.ctlist li h1{ font-size:18px; color:#000; line-height:45px; font-weight:bold; margin-bottom:10px;}
.ctlist li p{ font-size:14px; color:#333;line-height:30px; padding:0 10px;}

.link{ width:100%; border-top:1px solid #e5e5e5; padding:20px 0; line-height:40px;}
.link ul{display: flex;align-items: center;flex-wrap: wrap;}
.link ul h1{ font-size:18px; color:#333; font-weight:bold;}
.link ul li{
	color: #575757;
	font-size: 16px;
	padding: 0 20px;
	background-image: url(../images/line3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.link ul li a{
	color: #575757;
}
.link ul li:last-child{ background:none;}

.end{ padding:20px 0;width:100%; background-color:#3c3c3c; color:#9e9e9e; font-size:16px;line-height:50px; text-align:center;}
.end a{color:#9e9e9e}
.subBanner{ width:100vw; height:23vw;background-size:cover!important;  position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.subBanner div{position:absolute; top:40%; left:0; margin:-29px 0 0 0; color:#fff; width:100%; text-align:center;}
.subBanner div span{ display:inline-block; width:100%; padding:0 30px; max-width:1440px; margin:0 auto; text-align: center; box-sizing:border-box;}
.subBanner div h1{ font-size:28px; line-height:50px;/* font-family:'RajdhaniBold'; */font-family: "BEBAS";text-transform:uppercase; opacity:1;text-shadow: 1px 1px 3px #373737;}
.subBanner div h2{ font-size:44px; line-height:60px; opacity:1;font-weight: bold;text-shadow: 1px 1px 3px #373737; font-weight:600;}
.subBanner a{color:#fff}
.subBanner a:hover{color:#fff}


.subNavBox{background:#fff; border-bottom:1px solid #e6e6e6; height:70px;position:relative; z-index:1;width:100%;}

.subNav{text-align:right; margin:0 auto;}
.subNav a{ padding:0 25px;/*padding:0 5px; margin:0 0 0 33px;*/font-size:16px; margin:0 15px;
    transition: all .2s;line-height:70px;display:inline-block; box-sizing:border-box; text-align:center;position:relative;color:#333;}
.subNav .on{color:#fff; background-color:#164ea5;}
.subNav .on i{ display:block;animation:ANavI 0.3s;}
.subNav a:hover{color:#fff; background-color:#164ea5;transition: all .2s;}

.curNav{ font-size:16px; color:#333; line-height:70px; float:left;}
.curNav a{ font-size:16px; color:#333; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJt.png) no-repeat center left/7px 13px; }
.curNav a:hover{color:#0965c2}
.curNav a:first-child{background:url(../images/icoHome.png) no-repeat center left/13px 13px;padding:0 0 0 20px;}

.NyCrumb {
	width: 100%;
	height: auto;
	margin: 0 auto 40px ;
	padding: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
}
.NyCrumb .NyCrumb_Main {
	max-width:1400px;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	position: relative;
}
.NyCrumb_Main ul {
	float: right;
}
.NyCrumb_Main ul li {
	height: 60px;
	float: left;
	position: relative;
	transition:all .5s
}
.NyCrumb_Main ul li em {
	display: block;
	width: 1px;
	height: 20px;
	margin: 20px auto;
	padding: 0;
	background-color: #ddd;
}
.NyCrumb_Main ul li a {
	display: block;
	width: auto;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	color: #333;
	font-size:18px;
	margin: 0;
	padding: 0 40px;
}
.NyCrumb_Main ul li.NyActive a, .NyCrumb_Main ul li:hover a {
	background-color: #008e00;
	color: #fff;
	transition:all .5s;
		font-weight: bold;

}
.NyCrumb_Main p {
	width: auto;
	max-width: 72%;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	color: #333;
	font-size:16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
}
.NyCrumb_Main p img.Crumb {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin: -2px 6px 0 0;
}
.NyCrumb_Main p img.CrumbJt {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: -2px 8px 0;
}
.NyCrumb_Main p a {
	color: #333;
}
.NyCrumb_Main p a:hover {
	color: #e61f4d;
}
.NyCrumb_Main p span {
	color: #999;
}


.editor {
    margin: 30px auto 70px auto;
    font-size:18px;
    line-height: 45px;
	color:#333;
}

.pclist{ width:100%;}
.pclist ul{ display: flex;flex-flow: wrap;}
.pclist ul li{ width:23%;border: 1px solid #eeeeee;transition: all .3s linear;box-sizing: border-box; margin-bottom:40px; margin-right:2.6%; background-color:#fff;}
.pclist ul li .img {text-align: center;overflow: hidden;width: 100%;transition: all .5s; height:250px;}
.pclist ul li .img img{width: 100%; height:100%;transition: all .5s;}
.pclist ul li .img:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05);}
.pclist ul li .p-text {padding: 28px;font-size:16px;color:#333;text-align:center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pclist ul li:nth-child(4n){ margin-right:0px;}


#fengye {
	margin: 0 auto 40px auto;
	color: #666;
	font-size: 15px;
	text-align: center;
}
#fengye a {
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
	height: 36px;
	line-height: 34px;
	text-align: center;
	margin: 0 5px;
	border-radius: 2px;
	color: #666;
	font-size: 14px;
	border: 1px solid #ddd;
}
#fengye a:hover {
	background-color: #008e00;
	color: #fff;
	border: 1px solid #008e00;
}
#fengye a.pnnum1,#fengye .page-num-current {
	background-color: #008e00;
	color: #fff;
	border: 1px solid #008e00;
}
#fengye input {
	display: inline-block;
	padding: 0 5px;
	background-color: #e61f4d;
	width: 40px!important;
	height: 36px!important;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
	margin: 0 5px;
	color: #fff;
	cursor: pointer;
	border: 0;
	outline: none;
}
#fengye .p_input {
	display: inline-block;
	padding: 0 5px;
	background-color: #fff;
	width: 40px!important;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 0 5px;
	color: #555;
	font-size: 14px;
	cursor: default;
	border: 1px solid #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nlist{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
	
.eynews_list {
/*	float:right;
*/}
.eynews_list ul li {
	height: auto;
	width:100%;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px #dfdfdf;
	
}
.eynews_list ul li.list{
	width: 100%;
	margin: 0 0 30px 0;
}
.eynews_list ul li:nth-child(2n+2) {
	margin: 0 0 30px;
}
.eynews_list ul li .NyNews_Text {
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 25px 30px;
	background-color: rgba(51,51,51,0);
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff;
}
.eynews_list ul li .NyNews_Text a.NyNews_Name {
	display: block;
	width: 100%;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
/*	margin: 0 auto 14px;
*/	padding: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.eynews_list ul li .NyNews_Text p {
	width: 100%;
	height: 30px;
	overflow: hidden;
	line-height: 28px;
	color: #999;
	font-size: 16px;
	word-break: break-all;
	text-align: justify;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	margin: 0 auto;
	padding: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.eynews_list ul li:hover .NyNews_Text {
}
.eynews_list ul li:hover .NyNews_Text a.NyNews_Name {
	color: #006200;
}
.eynews_list ul li:hover .NyNews_Text p {
}
.eynews_list ul li .NyNews_Text a.NyNews_More {
	display: block;
	width: 30px;
	height: 28px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -30px;
	bottom: -28px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.eynews_list ul li .NyNews_Text a.NyNews_More img {
	display: block;
	width: 30px;
	height: 28px;
	margin: 0;
	padding: 0;
}
.eynews_list ul li:hover .NyNews_Text a.NyNews_More {
	right: 0;
	bottom: 0;
}


.pro-left{float: left;width:20%;overflow: hidden;box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7;    border: 1px solid #eee;}
.pro-left .left-title{ padding:25px 0 25px 35px;}
.pro-left .left-title:before {
    content: "";
    position: relative;
    display: block;
    width: 30px;
	height:30px;
	float:right;
	margin:10px 30px 0 0;
	background: url(../images/cpioc.png) left center no-repeat;
	background-size:100%;
}
.pro-left .left-title h1{ font-size:28px; color:#fff; line-height:35px;font-weight: bold;}
.pro-left .left-title span{color: #FFFFFF;font-size:14px;line-height:25px;opacity: 0.5;}
.pro-left .left-category ul li{background: linear-gradient(to right, #008e00, #0e5fb5);color:#fff;line-height: 30px;font-size: 18px;cursor: pointer;font-weight: bold;border-bottom: 1px solid;border-image: linear-gradient(to right, #83b397, #5697b7) 1;padding: 22px 35px;position: relative;}

.pro-left .left-category ul li:after {
    background: url(../images/zj2.png) 90% center no-repeat; background-size:25px 25px;
    content: "";
    position: absolute;
    right: 15px;
    top: 26px;
    height: 25px;
    width:25px;
    z-index: 1;
}
.pro-left .left-category ul li.on{background: linear-gradient(to right, #fff, #fff);color:#333;background-image: url(../images/zj.png) 90% center no-repeat;}
.pro-left .left-category ul li.on:after {
    background: url(../images/zj.png) 90% center no-repeat; background-size:25px 25px;
    content: "";
    position: absolute;
    right: 15px;
    top: 26px;
    height: 25px;
    width:25px;
    z-index: 1;
}
.pro-left .left-category ul li.on:hover{color:#333;}

.pro-left .left-category ul li:hover,.pro-left .left-category ul li.on2{
	background: linear-gradient(to right, #fff, #fff);color:#333;
/*	transition: all .5s;
	-webkit-transition: all .5s;
*/}

.pro-left .left-category ul li:hover:after  {
    background: url(../images/zj.png) 90% center no-repeat; background-size:25px 25px;
    content: "";
    position: absolute;
    right: 15px;
    top: 26px;
    height: 25px;
    width:25px;
    z-index: 1;
}


.contentview{width:100%;}
.caseview{ padding:20px; background:#FFF;}
.suggestcontent{ background:#FFF;  margin-bottom:50px;}
.downloadview{ padding:20px; background:#FFF; margin-bottom:50px;}
.newsview{ padding:80px 80px 10px 80px; background:#FFF; margin-bottom:50px;box-shadow: 0px 0px 20px #e9e9e9;}
h3.moudule-title,h3.single-title{font-size:36px;color:#3a3a3a;font-weight:100;margin-bottom:50px;text-transform:capitalize;position: relative;    border-bottom: 1px solid #e4e4e4; line-height:40px; padding-bottom:30px;
}
h3.moudule-title{font-size: 28px;}
h3.single-title {
    font-size: 34px;
    margin-bottom: 20px;
    text-align: center;
	    font-weight: 700;
}
.detailsinfo {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 40px;
	font-size: 16px;
}

.de_cc {
	color: #666;
	text-align: center;
	line-height: 31px;
	font-size: 16px;
	margin-bottom: 30px;
}
.de_cc_pic {
    width: 100%;
    overflow: hidden;
    height: auto;
	background-color:#eff5ff;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;

}
.de_cc_pic img {
    width: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.de_cc_pic:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.de_cc_text {
    width: 50%;
    color: #333;
	padding:70px 80px 0 50px;
}
.fnt_26 {
    font-size: 30px;
    text-align: left;
    color: rgba(51, 51, 51, 1);
	margin-bottom:30px;
	line-height:35px;
}
.fnt_18 {
	font-size: 30px;
	color:#b5b5b5;
	line-height: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.fnt_14 {
    font-size: 18px;
	line-height:35px;
}
.fnt_12 {
    font-size: 16px;
	line-height:25px;
	color:#b5b5b5;
}
.search{padding: 30px 30px;background: linear-gradient(to right, #008e00, #0e5fb5);}

.inputTop {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #444;
    text-indent: 35px;
	background-color:#fff;
	background-image: url(../images/icosearchtop1.png);
	background-repeat: no-repeat;
	background-position: 10px center;

	margin-bottom:8px;
}
.submitTop {
    width: 100%;
    height: 45px;
    background: #56a344;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.submitTop:hover{ background:#0e990e}


.youshi{
	width: 100%;
	height: 765px;
	overflow: hidden;
	background-color: #f5f5f5;
}
.youshi .advan_title{
	width: 100%;
	float: left;
	margin-top: 86px;
}
.youshi .advan_title p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 42px;
	color: #e77e0f;
	font-weight: bold;
	line-height: 41px;
	margin-bottom: 7px;
}
.youshi .advan_title span{
	width: 100%;
	float: left;
	text-align: center;
	height: 28px;
	margin-top: 7px;
}
.youshi .advan_title i{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	line-height: 18px;
	margin-top: 18px;
	font-style: normal;
}
.youshi .advan{
	width: 100%;
	height: 490px;
	float: left;
	background-color: #fff;
}
.youshi .advan .left_y{
	width: 400px;
	float: left;
	margin-left: 75px;
	margin-top: 78px;
}
.youshi .advan .left_y .nri{
	width: 100%;
	float: left;
}
.youshi .advan .left_y .nri p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	line-height: 35px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 30px;
}
.youshi .advan .left_y .nri i{
    width: 60px;
    height: 2px;
    background-color: #4a4a4a;
    float: left;
    margin-bottom: 55px;

}
.youshi .advan .left_y .nri span{
	width: 400px;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.youshi .advan .left_y .phone{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.youshi .advan .left_y .phone a{
	width: 122px;
	height: 38px;
	float: left;
	border-radius: 38px;
	background-color: #e77e0f;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	
}
.youshi .advan .left_y .phone p{
	width: 260px;
	float: right;
	text-align: left;
	font-size: 14px;
	color: #666666;
	line-height: 14px;
	margin-bottom: 5px;
}
.youshi .advan .left_y .phone span{
	width: 260px;
	float: right;
	text-align: left;
	font-size: 22px;
	color: #1a1a1a;
	font-weight: bold;
	line-height: 17px;
}
.youshi .advan .right_y{
	width: 750px;
	height: 450px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
}
.youshi .advan .right_y .ys{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.youshi .advan .right_y .ys img{
	width: 100%;
	height: 100%;
}
.youshi .advan .right_y .blue{
	width: 133px;
	height: 173px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: url(../images/blue.png) no-repeat center;
}
.youshi .advan .right_y .blue p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 80px;
	color: #fff;
	margin-top: 26px;
	line-height: 56px;
}
.youshi .advan .right_y .blue span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-top: 15px;
}


.w-1400 {
    width: 1400px;
    position: relative;
    margin: auto;
}
.youshi1{
	width: 100%;
	height: 641px;
	overflow: hidden;
	background:url(../images/advan_bg1.jpg);
}
.youshi1 .advan_bg{
	width: 1920px;
	height: 641px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -360px;
}
.youshi1 .ys1{
	width: 750px;
	height: 450px;
    float: left;
    margin-top: 100px;
	overflow: hidden;
}
.youshi1 .ys1 img{
width: 100%;
    height: 100%;
}
.youshi1 .shuzi{
	width: 133px;
	height: 173px;
	position: absolute;
	top: 53px;
	left: 0;
	background:url(../images/blue.png) no-repeat center;
}

.youshi1 .shuzi p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 80px;
	color: #fff;
	margin-top: 26px;
	line-height: 56px;
}
.youshi1 .shuzi span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.youshi1 .xiang{
	width: 600px;
	height: 380px;
	margin-top: 130px;
	float:right;
	padding:50px;
	background-color: #fff;
}
.youshi1 .xiang p{
	position: absolute;
	top: 48px;
	right: 28px;
}
.youshi1 .xiang span{
	font-size: 32px;
	color: #222222;
	line-height: 23px;
	font-weight: bold;
	display:block;
	margin-bottom: 30px;
	margin-top:30px;
}
.youshi1 .xiang i {
    width: 60px;
    height: 2px;
    background-color: #4a4a4a;
    float: left;
    margin-bottom: 55px;

}
.youshi1 .xiang em{
	width: 500px;
	text-align: left;
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    font-style: normal;
}


.youshi2{
	width: 100%;
	height: 598px;
	overflow: hidden;
}
.youshi2 .three{
	width: 133px;
	height: 173px;
	position: absolute;
	top: 0;
	right: 0;z-index: 99;
	background: url(../images/blue.png) no-repeat center;
}

.youshi2 .three p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 80px;
	color: #fff;
	margin-top: 26px;
	line-height: 56px;
}
.youshi2 .three span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.youshi2 .biao{
	width: 500px;
	margin-top:150px;
	margin-bottom:30px;
	float:left;
}
.youshi2 .biao i {
    width: 60px;
    height: 2px;
    background-color: #4a4a4a;
    float: left;
    margin-bottom: 55px;
}
.youshi2 .biao p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 32px;
	color: #222222;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 30px;
}
.youshi2 .biao span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.youshi2 .advan_list{
	    width: 750px;
    height: 450px;
    float: right;
    margin-right: 20px;
    margin-top: 70px;
    position: relative;
}
.youshi2 .advan_list img{
    width: 100%;
    height: 100%;
}
.youshi2 .advan_list ul li{
	width: 222px;
	float: left;
	margin-left: 75px;
}
.youshi2 .advan_list ul li .yuan{
	width: 100%;
	float: left;
	text-align: center;
	height: 222px;
	border-radius: 100%;
}
.youshi2 .advan_list ul li p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #2e2e2e;
	font-weight: bold;
	line-height: 36px;
	margin-top: 28px;
}
.youshi2 .advan_list ul li span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #2e2e2e;
	line-height: 23px;
}
.youshi2 .advan_list ul li:first-child{
	margin-left: 32px;
}
.youshi3{
	width: 100%;
	height: 650px;
	overflow: hidden;
	background:url(../images/advan_bg1.jpg);

}
.youshi3 .advan_bg1{
	width: 1920px;
	height: 702px;
	position: absolute;
	top: 0;
	left: -360px;
	overflow: hidden;
}
.youshi3 .four{
	width: 133px;
	height: 173px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/blue.png) no-repeat center;
	z-index: 1;
}
.youshi3 .four p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 80px;
	color: #fff;
	margin-top: 26px;
	line-height: 56px;
}
.youshi3 .four span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.youshi3 .ys2{
	width: 782px;
	height: 450px;
	margin-top:100px;
		float:left;
	}
.youshi3 .ys2 img{
	width: 100%;
	height:100%;
}
.youshi3 .tixi{
	width: 545px;
	height: 355px;
	background-color: #fff;
	margin-top:150px;
	float:right;
}
.youshi3 .tixi p{
	width: 465px;
	float: left;
	margin-left: 60px;
	text-align: left;
	font-size: 32px;
	color: #282828;
	line-height: 35px;
	margin-top: 69px;
	font-weight: bold;
}
.youshi3 .tixi i{
	width: 60px;
	height: 2px;
	float: left;
	background-color: #4a4a4a;
	margin-left: 60px;
	margin-top: 30px;
	margin-bottom: 38px;
}
.youshi3 .tixi span{
	width: 440px;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #888888;
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    margin-left: 60px;
}

.fuwu{ width:100%; display:block; overflow:hidden; }
.fuwu img{ width:50%; float:left;}
.fwjj{ width:45%; float:right; margin-top:50px;}
.fwjj h1{ font-size:30px; line-height:50px; font-weight:bold; color:#333; margin-bottom:25px;}
.fwjj p{ font-size:16px; line-height:30px; color:#666;}
.fwjj i {
    width: 60px;
    height: 2px;
	display:block;
    background-color: #4a4a4a;
    margin-bottom: 30px;
}
.eyprodetail_btm {
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin:40px auto 0;
	padding: 16px 30px;
	background-color: #e77e0f;
	border-radius: 20px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.eyprodetail_btm .eyprodetail_tel {
	width: 90%;
	height: 48px;
	overflow: hidden;
	margin: 0;
	padding: 0 20px 0 64px;
	float: left;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.eyprodetail_btm .eyprodetail_tel img {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.eyprodetail_btm .eyprodetail_tel span {
	display: block;
	width: 100%;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	color: rgba(255,255,255,0.5);
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
	padding: 0;
}
.eyprodetail_btm .eyprodetail_tel p {
	width: 100%;
	height: 26px;
	overflow: hidden;
	line-height: 26px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 2px auto 0;
	padding: 0;
}
.eyprodetail_tit {
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
}
.eyprodetail_tit span {
	display: inline-block;
	width: auto;
	height: 44px;
	overflow: hidden;
	line-height: 44px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0 30px;
	background-color: #008e00;
}