/*动画*/
 @keyframes rt { to {
 stroke-dashoffset: 0;
}
}
@keyframes pound2 { from {
 transform: scale(0.8);
 opacity: 0.5;
 filter: alpha(opacity=50);
}
to { transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
}
@keyframes pound { from {
 transform: none;
}
 50% {
 transform: scale(1.1);
}
to { transform: none; }
}
@keyframes showclip1 { 0% {
 width: 100%;
}
 100% {
 width: 0%;
}
}
@keyframes rotate { 0% {
 filter: alpha(opacity=0);
 opacity: 0;
 transform: perspective(100px) translateX(30px) rotateY(-90deg);
}
 100% {
 filter: alpha(opacity=100);
 opacity: 1;
 transform: perspective(100px) translateX(0px) rotateY(0deg);
}
}
@keyframes move1 { 0% {
 bottom: -30px;
 opacity: 0;
}
 100% {
 bottom: 0px;
 opacity: 1;
}
}
@keyframes move3 { 0% {
 bottom: -30px;
 opacity: 0;
}
 100% {
 bottom: 0px;
 opacity: 1;
}
}
@keyframes move { 0% {
 opacity: 1;
 transform: translateY(-5px);
}
 100% {
 opacity: 0;
 transform: translateY(0px);
}
}
@keyframes move2 { 0% {
 opacity: 1;
 transform: translateX(-5px);
}
 100% {
 opacity: 0;
 transform: translateX(0px);
}
}
section.banners { width: 100%; position: relative; /*left: 50%; margin-left: -50%;*/ margin-top: 60px; overflow: hidden }
 @media only screen and ( min-device-width:769px ) {
section.banners { height: 250px; }
}
@media only screen and ( min-device-width:1919px ) {
section.banners { height: 350px; margin-top: 60px; }
}
section.banners img { display: block; width: 100%; }
section.mainTheme { width: 1200px; position: relative; left: 50%; margin-left: -600px; margin-top: 35px; padding-bottom: 85px; }
section.mainTheme2 { margin-top: 0; }
section.mainTheme3 { width: 100%; display: table; }
menu.naviGation { float: left; width: 220px; }
menu.naviGation .navTit { width: 100%; background-color: #0B701D; padding: 38px 0 38px 30px; box-shadow: 0 4px 0px #17B261; margin-bottom: 4px; box-sizing: border-box; -moz-box-sizing: border-box; }
menu.naviGation .navTit h3 { font-size: 24px; color: #fff; }
menu.naviGation .navTit span { display: block; color: #fff; text-transform: uppercase; margin-top: 1px; }
menu.naviGation a { display: block; width: 100%; height: 48px; line-height: 48px; padding-left: 30px; font-size: 15px; color: #666666; position: relative; z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #F8F8F8; }
menu.naviGation a i { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: top; color: #F8F8F8; }
menu.naviGation a:before { position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; background-color: #0B701D; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; }
menu.naviGation a.on, menu.naviGation a:hover { color: #fff; }
menu.naviGation a.on:before, menu.naviGation a:hover:before { width: 100%; }
aside.topNav { width: 100%; display: table; border-bottom: 1px solid #E2E2E2; padding-bottom: 15px; }
aside.topNav .lfTit { float: left; }
aside.topNav .lfTit strong, aside.topNav .lfTit em { display: inline-block; vertical-align: text-bottom; margin-right: 5px; text-transform: uppercase; }
aside.topNav .lfTit strong { font-size: 18px; color: #363636; }
aside.topNav .lfTit em { font-size: 13px; font-family: arial; color: #999999; }
aside.topNav .riTit { float: right; margin-top: 7px; }
aside.topNav .riTit a { display: inline-block; margin-right: 20px; font-size: 13px; color: #999999; position: relative; }
aside.topNav .riTit a:after { position: absolute; right: -16px; top: 0; content: '>'; }
aside.topNav .riTit a:last-child:after { display: none; }
aside.topNav .riTit a.on, aside.topNav .riTit a:hover { color: #0B701D; }
div.fy { width: 100%; text-align: center; margin-top: 65px; }
div.fy a,div.fy span{ display: inline-block; padding: 4px 10px; margin: 0 2px; line-height:19px; background-color: #F8F8F8; font-size: 14px; }
div.fy span.current, div.fy a:hover { background-color: #0B701D; color: #fff; }


section.archiTects { float: right; width: 920px; }
article.director { width: 100%; /*background-color: #F3F1F2;*/ margin-top: 10px; padding: 20px 25px; display: table; box-sizing: border-box; -moz-box-sizing: border-box; }
article.director dt { float: right; margin-top: 10px; }
article.director dd { float: left; width: 560px; margin-left: 26px; padding-top: 10px; }
article.director dd p { font-size: 14px; line-height: 2; text-indent: 24px; }
article.director dd p span { display: inline-block; padding-bottom: 15px; margin-bottom: 15px; text-indent: 12px; border-bottom: 1px dashed #656565; }
article.director dd p img { float: right; margin-top: -45px; }
/*发展历程*/
.animate.title_box { transform: translateY(0px); filter: alpha(opacity=100); opacity: 1; }
.title_box { transition: all 0.5s; }
.history { clear: both; width: 100%; display: block; height: auto; margin-bottom: 10px; margin-top: 10%; position: relative }
.history_ul { clear: both; width: 100%; display: block; height: auto; }
.history:after { content: ''; display: block; width: 1px; height: 117%; background: lightgray; position: absolute; top: 0px; left: 50%; z-index: -1; }
 @media (min-width: 1024px) {
.history_ul li:nth-child(even) { transform: translateX(100px); filter: alpha(opacity=0); opacity: 0; }
}
.history_ul li:nth-child(even).animate { transform: translateX(0px); filter: alpha(opacity=100); opacity: 1; }
.history_ul li:nth-child(even) a { float: right; margin-top: -1px; }
 @media (min-width: 1024px) {
.history_ul li:nth-child(even) a:hover .cont .day, .history_ul li:nth-child(even) a:hover .cont .con { color: #0B701D; }
.history_ul li:nth-child(even) a:hover .cont .more { filter: alpha(opacity=100); opacity: 1; transform: translateY(0px); }
.history_ul li:nth-child(even) a:hover .date .ico { background: url(../image/b4.png) no-repeat; }
.history_ul li:nth-child(even) a:hover .date .line { background: #0B701D; }
.history_ul li:nth-child(even) a:hover .date .year { border-color: #0B701D; }
.history_ul li:nth-child(even) a:hover .date .year .bg { width: 100%; height: 100%; left: 0; top: 0; background: #0B701D; margin-left: 0; margin-top: 0; }
}
.history_ul li:nth-child(even) a .cont { padding-right: 0; left: auto; right: 0; padding-left: 230px; }
.history_ul li:nth-child(even) a .cont .day, .history_ul li:nth-child(even) a .cont .con, .history_ul li:nth-child(even) a .cont .more { text-align: left; }
.history_ul li:nth-child(even) a .date { float: left; }
.history_ul li:nth-child(even) a .date .ico, .history_ul li:nth-child(even) a .date .line, .history_ul li:nth-child(even) a .date .year { float: left; }
.history_ul li:nth-child(even) a .date .ico { background: url(../image/b2.png) no-repeat; }
.history_ul li { width: 100%; padding: 0 45px; box-sizing: border-box; transition: all 0.5s; }
 @media (min-width: 1024px) {
.history_ul li { display: block; float: none; clear: both; transform: translateX(-100px); filter: alpha(opacity=0); opacity: 0; }
}
.history_ul li.animate { transform: translateX(0px); filter: alpha(opacity=100); opacity: 1; cursor: default }
.history_ul li a { float: left; width: 51%; height: 124px; display: block; position: relative; cursor: default }
 @media (min-width: 1024px) {
.history_ul li a:hover .cont .day, .history_ul li a:hover .cont .con { color: #0B701D; }
.history_ul li a:hover .cont .more { filter: alpha(opacity=100); opacity: 1; transform: translateY(0px); }
.history_ul li a:hover .date .ico { background: url(../image/b5.png) no-repeat; }
.history_ul li a:hover .date .line { background: #0B701D; }
.history_ul li a:hover .date .year { border-color: #0B701D; }
.history_ul li a:hover .date .year .bg { width: 100%; height: 100%; left: 0; top: 0; background: #0B701D; margin-left: 0; margin-top: 0; }
}
.history_ul li a .cont { position: absolute; left: 0; top: 0; height: auto; width: 100%; padding-right: 230px; box-sizing: border-box; }
.history_ul li a .cont .day { font-size: 20px; line-height: 28px; color: #333; text-align: right; transition: all 0.3s; }
.history_ul li a .cont .con { font-size: 14px; line-height: 24px; color: #797778; text-align: right; word-break: break-all; transition: all 0.3s; margin-top: 14px; overflow: hidden; max-height: 60px; }
.history_ul li a .cont .more { text-align: right; margin-top: 8px; transition: all 0.3s; filter: alpha(opacity=0); opacity: 0; transform: translateY(10px); }
.history_ul li a .cont .more .m { /*display: none;*/ width: 100%; height: 32px; /*background: #0B701D;*/ border-radius: 32px; font-size: 12px; line-height: 32px; color: #fff; text-align: right; }
.history_ul li:nth-child(even) a .cont .more .m { text-align: left }
.history_ul li a .cont .more .m img { width: 200px; border: 5px solid #e2e2e2; border-radius: 4px; }
.history_ul li a .date { float: right; }
.history_ul li a .date .ico { width: 18px; transition: all 0.3s; height: 124px; background: url(../image/b2.png) no-repeat; background-size: cover; float: right; }
.history_ul li a .date .line { width: 60px; height: 2px; transition: all 0.3s; background: #ddd; float: right; margin-top: 61px; }
.history_ul li a .date .year { float: right; width: 90px; height: 90px; background: #f8f8f8; border: 1px solid #ddd; box-sizing: border-box; border-radius: 50%; margin-top: 16px; transition: all 0.3s; position: relative; }
.history_ul li a .date .year .txt { width: 100%; height: 100%; position: relative; z-index: 20; border-radius: 50%; font-size: 24px; line-height: 90px; color: #fff; font-weight: bold; text-align: center; }
.history_ul li a .date .year .bg { width: 68px; height: 68px; border-radius: 50%; transition: all 0.3s; background: #797778; position: absolute; left: 50%; margin-left: -34px; top: 50%; margin-top: -34px; }
 @media (max-width: 1620px) {
.history_ul li:nth-child(even) a .cont { padding-left: 190px; }
.history_ul li { padding: 0; }
.history_ul li a .cont { padding-right: 190px; }
.history_ul li a .cont .day { font-size: 20px; line-height: 28px; }
.history_ul li a .cont .con { margin-top: 10px; }
.history_ul li a .date .line { width: 40px; }
.history_ul li a .date .year .txt { font-size: 20px; line-height: 90px; }
}
 @media (max-width: 1024px) {
.history_ul li:nth-child(even) a .cont { padding-left: 160px; }
.history_ul li { padding: 0; margin: 10px 0; height: auto; width: 100%; float: left }
.history_ul li a { margin: 0; }
.history_ul li a .cont { padding-right: 160px; }
.history_ul li a .cont .day { font-size: 16px; line-height: 24px; }
.history_ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px; }
.history_ul li a .cont .more { transform: translateY(0); filter: alpha(opacity=100); opacity: 1; }
.history_ul li a .date .line { width: 30px; }
.history_ul li a .date .year { width: 70px; height: 70px; margin-top: 27px; }
.history_ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
.history_ul li a .date .year .txt { font-size: 16px; line-height: 70px; }
.history_ul li a .cont .more { display: none }
}
 @media (max-width: 800px) {
.history_ul li:nth-child(even) a .cont { padding-left: 90px; }
.history_ul li:last-child { margin-bottom: 0; }
.history_ul li { padding: 0; margin-bottom: 15px; }
.history_ul li a { width: 100%; height: auto; }
.history_ul li a .cont { padding-right: 0; padding-left: 90px; position: static; }
.history_ul li a .cont .day { font-size: 16px; line-height: 24px; text-align: left; }
.history_ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px; text-align: left; }
.history_ul li a .cont .more { margin-top: 3px; }
.history_ul li a .date { float: left; }
.history_ul li a .date .ico { display: none; }
.history_ul li a .date .line { width: 30px; display: none; }
.history_ul li a .date .year { width: 70px; height: 70px; margin-top: 0px; }
.history_ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
.history_ul li a .date .year .txt { font-size: 16px; line-height: 70px; }
}
/*荣誉资质*/
/* Header style */
header.projecttitle { margin: 0 auto; padding: 115px 0 80px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.3); background-color: #3e404a; background-image: -webkit-linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px), linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px); background-image: -moz-linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px), linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px); background-image: linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px), linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px); background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px, 100% 100%; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px, center bottom; }
header .projectname { text-shadow: 2px 2px 0 rgba(0,0,0,.3); }
.download { margin-top: -45px; }
.example { margin: 50px auto 10px; background: #f8f8f8; height: 330px; width: 100%; }
.example button, .example button { background: transparent; border: 0; color: #222; opacity: .5; }
.example button:hover, .example button:hover { opacity: 1; }
.example button:disabled, .example button:disabled { opacity: .2; }
.example .forward, .example .backward { float: left; width: 72px; height: 270px; font-size: 60px; }
.example .forward { float: right; }
.example .forward i, .example .backward i { padding: 0; }
.example .frame { margin: 0; width: 760px; height: 330px; overflow: hidden; text-shadow: none; }
.example .frame ul { list-style: none; margin: 0; padding: 0; height: 330px; font-size: 50px; }
.example .frame ul li { float: left; width: 330px; height: 330px; margin: 0 1px 0 0; padding: 0; /*background: #eee;*/ color: #3a3c47; text-align: center;/* cursor: pointer; */ }
.example .frame ul li img { max-width: 100%; clear: both; max-height: 220px; border: 1px solid #eee; }
.example .frame ul li p { font-size: 16px; color: #0B701D; font-weight: bold; line-height: 50px; }
.example .frame ul li.active { color: #333; /*background: #82bf4c; */ }
.example .scrollbar { margin: 0 auto 30px; width: 640px; height: 2px; line-height: 0; }
.example .scrollbar .handle { width: 100px; height: 100%; background: #0B701D; /*cursor: pointer;*/ }
.example .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.example .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; }
.example .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; /*cursor: pointer;*/ overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); }
.example .pages li:hover { background: #aaa; }
.example .pages li.active { background: #666; }
.example .controls { margin: 50px 0 0; text-align: center; }
.example .controls .divider { display: inline-block; margin: 0 10px; }
.example .controls button { line-height: 32px; vertical-align: middle; font-family: Novecento, sans-serif; }
.example .controls button i { position: relative; top: -2px; margin: 5px; padding: 0; font-size: 32px; vertical-align: middle; }
/* 3D shenanigans */
.csstransforms3d.preserve3d .frame { height: 330px; /*	line-height: 330px;*/ -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }
.csstransforms3d.preserve3d .frame ul { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.csstransforms3d.preserve3d .frame ul li { position: relative; margin: 0 -25px; /*	border: 1px solid #3e404a;*/ -webkit-transform: rotateY(-20deg) scale(0.9); -ms-transform: rotateY(-20deg) scale(0.9); transform: rotateY(-20deg) scale(0.9); -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; }
.csstransforms3d.preserve3d .frame ul li.active { z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.csstransforms3d.preserve3d .frame ul li.active ~ li { -webkit-transform: rotateY(30deg) scale(0.9); -ms-transform: rotateY(30deg) scale(0.9); transform: rotateY(30deg) scale(0.9); }
/*业务范围*/
.scope .list { margin: 42px auto 10px; width: 100%; }
.scope .list .item { position: relative; float: left; _display: inline; margin: 0 1% 50px; overflow: hidden; width: 280px; height: 423px; box-shadow: 0 0 10px rgba(198,198,198,0.3); cursor: default; }
.scope .list .item >div { overflow: hidden; }
.scope .list .item .box1 .icons { margin: 30px auto 22px; width: 56px; height: 65px; background: url(../image/icons_yw.png) no-repeat; }
.scope .list .item .box1 .icon01 { background-position: 0 0; }
.scope .list .item .box1 .icon02 { background-position: -60px 0; }
.scope .list .item .box1 .icon03 { background-position: -120px 0; }
.scope .list .item .box1 .text-img img { display: block; margin: 0 auto 6px; height: 22px; }
.scope .list .item .box1 .img { width: 300px; height: 185px; }
.scope .list .item .box1 .text { padding: 0 15px; text-align: center; font-size: 14px; color: #999; }
.scope .list .item .box1 .jia {/* background: url(../image/master.png) no-repeat;*/ margin: 19px auto 29px; width: 24px; height: 24px; background-position: -238px 0; }
.scope .list .item .box2 { filter: alpha(opacity=0); width: 100%; position: absolute; top: 0; left: 0; width: inherit; height: inherit; background: rgb(11,112,29); -webkit-transform: translateX(-300px); transform: translateX(-300px); -webkit-transition: all .3s ease-out .1s; transition: all .3s ease-out .1s; }
.scope .list .item:hover .box2 { filter: alpha(opacity=100); -webkit-transform: translateX(0px); transform: translateX(0px); }
.scope .list .item .box2 .text-img img { display: block; margin: 47px auto 6px; height: 22px; }
.scope .list .item .box2 .jian { background: url(../image/master.png) no-repeat; margin: 12px auto 9px; width: 24px; height: 24px; background-position: -267px 0; }
.scope .list .item .box2 li { margin: 0 25px; padding-left: 30px; background: url(../image/star.png) no-repeat; background-size: 14px 14px; background-position: 10px 7px; overflow: hidden; font-size: 14px; color: #fff; line-height: 30px; text-align: justify; }
.scope .shutter { position: relative; overflow: hidden; width: 100%; }
.scope .shutter img { display: block; position: relative; left: 50%; margin-left: -960px; width: 1920px; height: auto; }
.scope .slogan { width: 600px; margin: 10px auto; margin-top: 60px; line-height: 35px; font-size: 18px; font-weight: bold; text-align: center; color: #0B701D }
.scope .slogan p{ font-size: 18px; font-weight: bold;color: #0B701D }
/*企业文化*/
.culture-wrap { width: 100%; clear: both; }
.culture_ul { width: 100%; margin-top: 6%; transition: .2s width ease; }
.culture_ul li { margin-bottom: 53px; width: 45%; margin-right: 3%; position: relative; float: left; }
.culture_ul li:after { content: ''; width: 1px; height: 219px; background: #f4f4f4; position: absolute; right: 0; top: 0; }
.culture_ul li:last-child:after { background: none; }
.culture_ul li a { display: block; cursor: default }
.culture_ul li .icon { width: 129px; height: 129px; display: block; background: url(../image/about01.png) no-repeat; margin: 0 auto 22px; }
.culture_ul li .icon01 { background-position: 0 0; }
.culture_ul li .icon02 { background-position: -129px 0; }
.culture_ul li .icon03 { background-position: -258px 0; }
.culture_ul li:hover .icon01 { background-position: 0 -129px; }
.culture_ul li:hover .icon02 { background-position: -129px -129px; }
.culture_ul li:hover .icon03 { background-position: -258px -129px; }
.culture_ul li .number { font-size: 20px; color: #0B701D; font-family: Arial; font-weight: bold; text-align: center }
.culture_ul li .txt { font-size: 14px; color: #6e6e6e; margin-top: 17px; padding: 0 22%; height: 44px; overflow: hidden; text-align: center }
.trs5 { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.chengz { width: 100%; display: table; }
.chengz .neis { margin-bottom: 5px; float: left; width: 455px; height: 140px; border: 1px solid #E4E4E4; position: relative; }
.chengz .neis dl { width: 100%; height: 140px; display: table; font-size: 0; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px 60px; position: relative; }
.chengz .neis:nth-of-type(even) { float: right; }
.chengz .neis dt { position: absolute; left: 60px; top: 30px; vertical-align: middle; }
.chengz .neis dd { display: inline-block; vertical-align: middle; padding-left: 120px; }
.chengz .neis dd h3 { font-size: 18px; color: #000; font-weight: bold; }
.chengz .neis dd i { display: block; margin: 15px 0; width: 25px; height: 1px; border-top: 1px solid #C9C9C9; }
.chengz .neis dd p { font-size: 13px; color: #868686; margin: 0; line-height: 1.7; }
/*团建*/
.value_slide { margin-top: 31px; margin-bottom: 15px; }
.value_slide .item { visibility: hidden; position: relative; padding-bottom: 30px; /*cursor: pointer; */ }
.value_slide.owl-loaded .item { visibility: visible; }
.value_slide .item .font_box { position: absolute; right: 0px; bottom: -10px; padding: 20px 20px 20px; background: #f6f6f6; width: 280px }
.value_slide .item .font_box .t { font-size: 18px;text-align: justify; color: #000; padding-bottom: 18px; }
.value_slide .item .font_box .p { font-size: 14px;text-align: justify; color: #555; height: 136px; overflow: hidden; }
.value_slide ._img { width: 73%; }
.value_slide .owl-nav { position: absolute; bottom: 30px; right: 310px; }
.value_slide .owl-nav [class^=owl-] { display: inline-block; width: 55px; height: 50px; text-align: center; line-height: 50px; background: #b7b7b7!important; color: #fff!important;/* cursor: pointer;*/ transition: all .5s ease; }
.value_slide .owl-nav [class^=owl-]:hover { background: #0B701D!important; }
.imgZoom img { transition: all .8s ease 0s; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.rect { overflow: hidden }
 @media only screen and ( max-device-width:1025px ) {
.value_slide .item .font_box { width: 280px; padding: 30px 30px 20px; }
.value_slide .owl-nav { right: 350px; bottom: 29px; }
}
 @media only screen and ( max-device-width:640px ) {
.owl-dots { bottom: 5%; left: 35%; }
.value_slide .item { padding-bottom: 0 }
.value_slide ._img { width: 100% }
.value_slide .item .font_box { position: static; width: 92%; padding: 0 4%; padding-bottom: 10%; }
.value_slide .owl-nav { position: static; }
.value_slide .owl-nav [class^=owl-] { position: absolute; top: 40%; margin-top: -25px; left: 0; }
.value_slide .owl-nav [class^=owl-].owl-next { right: 0; left: auto; }
.value_slide .item .font_box .t { font-size: 16px; padding: 3% 0; }
.value_slide .item .font_box .p { height: 100%; padding-bottom: 5%; }
.value_culture .part_i { width: 30%; }
}
/*新闻中心*/
div.rePorts { width: 100%; display: table; margin-top: 0px; }
div.rePorts li { width: 100%; display: table; padding: 40px 0; border-bottom: 1px dotted #D2D2D2; }
div.rePorts li img { float: left; /*max-width: 289px; max-height: 180px;*/width: 289px; height: 180px; }
div.rePorts li article { float: left; width: 604px; margin-left: 27px; }
div.rePorts li article h3 { font-size: 18px; color: #363636; }
div.rePorts li article span { display: block; font-size: 13px; color: #999999; margin: 5px 0; }
div.rePorts li article i { display: block; margin: 15px 0; width: 40px; border-bottom: 2px solid #E2E2E2; }
div.rePorts li article p { font-size: 13px; color: #666666; line-height: 1.8; }
div.rePorts li article a { display: block; width: 108px; height: 35px; color: #0B701D; border: 1px solid #0B701D; font-size: 14px; text-align: center; line-height: 35px; margin-top: 15px; }
div.rePorts li article a:hover { background-color: #0B701D; color: #fff; }
div.rePortsConts { width: 100%; display: table; margin-top: 60px; }
div.rePortsConts .rePortit { width: 100%; display: table; text-align: center; }
div.rePortsConts .rePortit h3 { font-size: 22px; font-weight: bold; color: #363636; }
div.rePortsConts .rePortit p { width: 100%; padding: 10px 0; background-color: #F9F9F9; margin-top: 20px; }
div.rePortsConts .rePortit p font { display: inline-block; font-size: 13px; color: #999999; margin: 0 40px; }
div.rePortsConts p { font-size: 13px; color: #666666; line-height: 1.9; margin-top: 30px; }
div.rePortsConts .prvenext { width: 100%; border-top: 1px solid #E2E2E2; padding-top: 30px; margin-top: 50px; }
div.rePortsConts .prvenext p { width: 100%; margin-bottom: 0px; margin-top: 7px; }
div.rePortsConts .prvenext p font, div.rePortsConts .prvenext p a { display: inline-block; margin-right: 5px; color: #666666; font-size: 14px; }
div.rePortsConts .prvenext p a:hover { color: #0B701D; }
/*行业动态*/
.newslist { line-height: 38px; width: 98%; height: auto; font-size: 13px; color: #000000; }
.newslist ul li { height: 38px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ACACAC; padding-top: 4px; background-image: url(../image/xinwenbt.png); background-repeat: no-repeat; background-position: 10px center; padding-bottom: 3px; }
.newslist a { color: #444 ; font-size:14px;}
.newslist ul li div a {
    width: 80%;
    display: inline-block;
    float: left;
    height: 38px;
    overflow: hidden;
}
.newslist ul li div { float: left; background-image: url(/templates/hy/Images/h-1.gif); background-repeat: no-repeat; background-position: 4px center; font-size: 12px; line-height: 38px; color: #000000; padding-left: 25px; width: 100%; }
.newslist ul li span { float: right; color: #999999; padding-right: 16px; font-size: 14px; }
@media only screen and (max-width:640px ) {
.newslist ul li div a { width: 60%; display: inline-block; float: left; height: 38px; overflow: hidden; }
}
/*联系我们*/
.contact { margin-top: 3%; width: 100%; position:relative; float:left; }
.contact_map { width: 63%; height: 446px; border: #ccc solid 1px; font-size: 12px; float: left }
.n_lx { float: left; margin-left: 10px; width: 34%; position:absolute; bottom:1%;right:1% }
.n_lx_enname { font-size: 16px; color: #393943; font-family: Arial; margin-top: 20px; width: 100% }
.n_lx_name { font-size: 16px; color: #393943; margin-top: 20px; }
.n_lx_weixin_icon1 { float: left; width: 100%; }
.n_lx_weixin_icon1 img { width: 140px; }
.n_lx_weixin_icon1 span { width: 140px; display: block; text-align: center; }
.n_lx_weixin_icon { height: 130px; margin-top: 60px; margin-bottom: 55px; }
.n_lx_weixin_div { font-size: 14px; color: #605f5f; margin-top: 15px; }
.n_lx_weixin_div span { font-size: 16px; color: #0B701D; }
 @media only screen and (max-device-width:768px ) {
.contact{padding-bottom:220px;}
.contact_map { width: 100%; }
.n_lx { width: 100%; margin-left: 0; }

}
/*人才战略*/
.hr { margin-top: 4% }
.hr_c { width: 100%; clear: both; }
.n_new_position { width: 850px; height: 200px; margin: 0 auto; background-color: #ffffff; padding: 34px 45px 0 25px; box-shadow: 0 0 10px #EBEBEB; }
.n_new_position_img { width: 300px; height: 160px; position: relative; overflow: hidden; float: left; }
.n_new_position_img img { position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.n_new_position:hover .n_new_position_img img { left: -20px; }
.n_new_position_con { float: left; width: 450px; margin-left: 65px; }
.n_new_position_name { font-size: 16px; font-weight: bold; color: #0B701D; margin-top: 10px; }
.n_new_position_js { font-size: 14px; color: #9b9b9b; line-height: 28px; margin-top: 18px; }
.n_new_position_more { width: 126px; height: 36px; border: 1px solid #DADADA; margin-top: 30px; line-height: 36px; font-size: 12px; color: #838383; background: url(/templates/hy/images/new_position_more.png) no-repeat 78px center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.n_new_position_more span { padding-left: 18px; }
.n_new_position:hover .n_new_position_more { left: -20px; border: 1px solid #015198; color: #ffffff; background: #015198 url(/templates/hy/images/new_position_more2.png) no-repeat 78px center; }
.n_new_list { width: 920px; margin: 0 auto; padding-bottom: 70px; }
.n_new_list li { float: left; background-color: #ffffff; margin-top: 29px; margin-right: 26px; }
.n_new_list li:last-child { margin-right: 0; }
.n_new_list li.n_new_list_li2 { margin-right: 0; }
.n_new_li { width: 170px; height: 320px; padding: 0 20px; box-shadow: 0 0 10px #EBEBEB; }
.n_new_li_img { width: 140px; height: 95px; overflow: hidden; position: relative; margin-top: 22px; }
.n_new_li_name { font-size: 16px; color: #0B701D; font-weight: bold; margin-top: 30px; }
.n_new_li_img img { position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.n_new_list li:hover .n_new_li_img img { left: -20px; }
.n_new_li_time { font-size: 12px; color: #9b9b9b; margin-top: 22px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.n_new_li_js { font-size: 14px; color: #9b9b9b; line-height: 28px; margin-top: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.n_new_list li:hover .n_new_li_time { color: #0B701D; }
.n_new_list li:hover .n_new_li_js { color: #0B701D; }
.clearfix:after, .clearfix:before, .c:after, .c:before { display: table; content: ""; }
#ifocus { width: 100%; height: 340px; padding: 20px 0; padding-top: 140px; padding-right: 0px; position: relative; margin-top: 12px; /*background: #f2f2f2*//*url(../images/hr_bg.jpg)*/ background: url(../image/hr_bg.png) no-repeat top; background-size: 100% auto }
#ifocus .write-bg { display: none; width: 50%; height: 0%; position: absolute; left: 0; top: 0; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; background-color: #f5f5f5; background-color: rgba(255,255,255,0.7); -webkit-background-color: rgba(255,255,255,0.7); }
#ifocus_btn { display: inline; position: absolute; right: 0px; top: 140px; float: left; width: 10%; background-color: #0B701D; z-index: 9; text-align: center }
#ifocus_btn li { width: 60px; height: 50px; padding: 0 10px; padding-top: 15px; }
#ifocus_btn li a { display: block; height: 50px; margin: 0 auto; position: relative; }
#ifocus_btn li a div { padding: 0px 0 0px; width: 75px; height: 50px; border-bottom: 1px solid #3c8d4a/*rgb(255, 255, 255, .2)*/; }
#ifocus_btn li:last-child div { border: none }
#ifocus_btn li a div h3 { font-size: 13px; color: #66a571/* rgb(255, 255, 255, .4)*/; margin-bottom: 4px; }
#ifocus_btn li a div h3 i { font-size: 20px; font-weight: 100; margin-bottom: 10px; }
#ifocus_btn li a div p { font-size: 12px; color: #666; text-transform: capitalize; text-transform: uppercase; }
/*#ifocus_btn li a i { display: block; position: absolute; left: 40px; top: 20px; z-index: 5; border: 1px solid #e8e8e8; width: 42px; height: 42px; -webkit-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; border-radius: 42px; background-repeat: no-repeat; background-position: center center; }*/
/*#ifocus_btn li a i.a0 { background-image: url(../images/sl/1.png); }
#ifocus_btn li a i.a1 { background-image: url(../images/sl/2.png); }
#ifocus_btn li a i.a2 { background-image: url(../images/sl/3.png); }
#ifocus_btn li a i.a3 { background-image: url(../images/sl/4.png); }*/
#ifocus_btn li.on div h3 { color: #fff }
#ifocus_pic { display: none; position: relative; float: left; width: 33%;/* margin-left: 276px;*/ height: 340px; overflow: hidden; text-align: left; padding: 50px;/* margin-left: 15%;*/ }
#ifocus_pic .tit2 h3 { font-size: 36px; color: #0B701D; font-weight: 300; font-family: 微软雅黑; vertical-align: middle; }
#ifocus_pic .tit2 p { margin-top: 30px; padding-right: 40px; padding-left: 0; font-size: 14px; color: #666; line-height: 25px; }
#ifocus_piclist li { width: 208px; height: 200px; overflow: hidden; }
#ifocus_piclist img { width: 208px; height: 200px; }
#ifocus_piclist img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#ifocus_opdiv { position: absolute; left: 0; bottom: -87px; z-index: 5; width: 100%; height: 87px; background: url(/templates/hy/images/opdiv.jpg) no-repeat center top; }
#ifocus_tx { /*position: absolute; right: 0; top: 0;*/ float: right; margin-right: 12%; color: #0B701D; /*background-color: rgb(11, 112, 29, 0.9); */ width: 30%; height: 260px; }
/*#ifocus_tx:hover { background-color: #646464; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }*/
#ifocus_tx ul li { display: none; padding: 15px 30px 0; line-height: 28px; }
#ifocus_tx ul li h3 { font-size: 24px; font-weight: bold }
#ifocus_tx ul li h3 a { color: #0B701D;/*&:hover{ color: #fdac31; .trans;}*/ font-weight: bold; font-size: 18px; }
#ifocus_tx ul li div { color: #0B701D; font-size: 22px; font-family: Impact; text-transform: uppercase; border-bottom: 1px dashed #cecece; padding: 7px 0 14px; }
#ifocus_tx ul li p { margin-top: 13px; }
 @media only screen and (max-device-width:1024px ) {
#ifocus_tx { margin-left: 4%; }
#ifocus .write-bg { width: 52% }
#ifocus_btn { left: 37%; width: 15% }
}
 @media only screen and ( max-device-width:640px ) {
#ifocus { height: 600px; background: none; padding: 0px; }
#ifocus .write-bg { display: none }
#ifocus_pic { width: 100%; clear: both; height: 150px; padding: 10px; position: relative; display: block }
#ifocus_btn { left: 0; width: 100%; position: relative; top: 0; background: #f8f8f8 }
#ifocus_btn ul li { padding: 20px 1%; width: 23%; float: left }
#ifocus_btn li { height: 50px }
#ifocus_btn li.on { background: #0B701D; }
#ifocus_btn li a { height: 50px; }
#ifocus_btn li a div { border: none;/*border-right: 1px solid rgb(51, 51, 51, .2);*/ width: 100%; height: 90%; padding: 0; color: #666 }
#ifocus_btn li.on div { border: none }
#ifocus_btn li a div h3 { color: #666 }
#ifocus_btn li.on div h3 { color: #fff }
#ifocus_btn li:last-child div { border: none; }
#ifocus_tx { width: 100%; height: 300px; margin: 0; background: #f2f2f2; color: #666 }
#ifocus_tx ul li h3 a { color: #0B701D; font-weight: bold; font-size: 14px; }
#ifocus_tx ul li p { font-size: 14px; }
}
/*招聘信息列表*/
.zhaopin_list{margin-top:3%;}
.zhaopin_li { color: #333333; margin-bottom: 16px; }
.zhaopin_li_div span { font-size: 14px;width:25%; height: 57px;overflow:hidden;display:inline-block; color:#666 }
.zhaopin_li_div span:first-child{width:35%; font-size:18px; color:#333}
 @media only screen and (max-device-width:768px ) {
.zhaopin_li_div span{display:none}
.zhaopin_li_div span:first-child{display:inline-block; width:auto;}
	 
 }
.zhaopin_li_div img { float: right; margin-right: 25px; margin-top: 20px; }
.zhaopin_li_div { line-height: 57px; cursor: pointer; height: 57px; padding-left: 25px; border-left: 5px solid #0B701D; background-color: #f6f6f6; overflow:hidden; }
.zhaopin_li_con { padding-left: 30px; margin-bottom: 30px; display: none; }
.zhaopin_li_con h1 { line-height: 24px; font-size: 14px; font-weight: normal; margin-top: 20px; }
.zhaopin_li_con p { line-height: 24px; }
.zhaopin_li_more { margin-top: 50px; width: 137px; height: 45px; text-align: center; line-height: 45px; font-size: 16px; background-color: #feda00; color: #ffffff; font-weight: bolder; }
.zhaopin_li_div_img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.n_zhaopin { margin-bottom: 25px; }
 @media only screen and (max-device-width:768px ) {
.n_new_position { width: 90%; }
.n_new_position_img { width: 30% }
.n_new_position_con { width: 50% }
.n_new_list { width: 100% }
}
 @media only screen and (max-device-width:480px ) {
.n_new_list li { width: 100% }
.n_new_position_img { display: none }
.n_new_position { width: 80%; }
.n_new_position_con { width: 100%; margin-left: 10px; }
.n_new_li { width: 90%; height: auto; padding-bottom: 30px; }
}
.core_b_c { position: relative }
.guide-slider { width: 100%; margin-bottom: 0; background: #fff; text-align: center }
.guide-slider .guide { width: 150px; height: 200px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(198,198,198,0.3); border-right: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; }
.core_b2 .guide { width: 230px }
.guide-slider .guide2 { width: 50px; height: 100px; padding: 50px 53px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden; background: url(../image/core_bg.png); background-size: 100% 100%; text-align: center; border-bottom: 1px solid #F3F3F3; }
.guide-slider .guide2 .title { margin-top: 20px; padding: 2px 0; font-size: 14px; color: #fff; background: #0b701d }
.guide-slider .guide .display { width: 139px; height: 50px; text-align: center; float: left; position: relative; z-index: 2; background: #fff; background: url(../image/arr_bg.png) left top no-repeat; -webkit-transition: all ease-in .3s; transition: all ease-in .3s }
.core_b2 .guide .display { width: 231px; }
.guide-slider .guide .display:after { content: ""; position: absolute; z-index: 1; pointer-events: none; background-color: #B5d4bb; height: 1px; left: 0; right: 0; bottom: 0; margin: 0 50px; }
.guide-list .guide:first-child .display { background: none }
.guide-slider .guide .display .icon { margin-left: 35px; margin-top: 10px; font-size: 24px; height: 30px; width: 30px; line-height: 30px; margin-right: 2px; color: #0B701D; margin-bottom: 10px; float: left; /*border:1px solid #0B701D; */ border-radius: 100% }
.core_b2 .guide .display .icon { margin-left: 60px }
.guide-slider .guide .display .title { font-size: 16px; color: #373D41; height: 40px; line-height: 40px; padding-top: 5px; float: left }
.guide-slider .guide .display .introduction { border-top: 1px solid #ddd; width: 100px; margin: 0 auto; font-size: 12px; color: #999; text-align: left; line-height: 20px }
.guide-slider .guide .behind { width: 140px; height: 200px; display: inline-block; border-right: 1px solid #ddd; background: #0B701D; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; filter: alpha(opacity=0); transform: translateX(-300px); }
/*.guide-slider .guide:hover .behind { filter: alpha(opacity=100); -webkit-transform: translateX(0px); transform: translateX(0px); }*/
.guide-slider .guide .behind .function-list-wrap { width: 150px; margin: 0 auto }
.guide-slider .guide .behind .function-list { margin-right: -10px; margin-top: 20px }
.guide-slider .guide .behind .function-list>li { float: left; padding-right: 10px }
.guide-slider .guide .behind .function-list>li>a { display: block; border: 1px solid #ddd; width: 100px; height: 40px; text-align: center; line-height: 40px; margin-bottom: 18px; color: #fff }
.guide-slider .guide .behind .function-list>li>a:hover { text-decoration: none; border: 1px solid #0876c2; background: #0876c2; color: #fff }
.guide-slider .guide .behind .function-list>li>a.important { color: #f58914 }
.guide-slider .guide .behind .function-list>li>a.important:hover { border: 1px solid #f58914; background: #f58914; color: #fff }
.g_content { width: 100%; height: 150px; margin-top: 15px; clear: both; }
.g_content li { line-height: 15px; padding: 2px 12px; padding-right: 5px; margin: 0 10px; margin-left: 16px; background: url(../image/dot.png) no-repeat left; background-position: 0 6px; color: #999 }
/*.guide-slider .guide.on { width: 200px }
.guide-slider .guide.on .display { background: #4fa0d8; border-right-color: transparent }
.guide-slider .guide.on .display .title { color: #fff }
.guide-slider .guide.on .display .introduction { color: #fff }
.guide-slider .guide.on .display::after { top: 50%; margin-top: -5px }
.guide-slider .guide.on .display .icon.icon1 { background-position: -74px 0 }
.guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0 }
.guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0 }
.guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0 }
.guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0 }*/
.xm_li_more { position: absolute; top: 285px; left: 60px; width: 40px; height: 40px; /*    border: 1px solid #909090;*/ color: #0B701D; border-radius: 50%; line-height: 40px; text-align: center; font-family: SimSun; font-size: 50px; margin-top: 14px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.xm_li_more2 { top: 540px; }
.inner-box { width: 100%; margin: 0 auto }
.inner-box .title { width: 100%; height: 40px; overflow: hidden; margin-bottom: 32px }
.inner-box .title .line { display: inline-block; width: 2px; height: 24px; background: #00c1de; position: relative; top: 4px }
.inner-box .title .tit { display: inline-block; height: 40px; line-height: 40px; font-size: 24px; color: #333; padding-left: 10px }
.inner-box .con { width: 100% }
.inner-box .con .con-li { width: auto; height: auto; float: left; margin-right: 20px }
.inner-box .con .con-li .blank { height: 17px; overflow: hidden }
.inner-box .con .con-li .content { width: auto; height: auto; /*border: 1px solid #eee; box-shadow: 0 2px 4px 0 rgba(152,152,152,.5)*/ }
.inner-box .con .con-li .content .toparea { height: 50px; background: #f2f2f2; overflow: hidden; position: relative; padding: 20px 0 0 80px }
.inner-box .con .con-li .content .toparea .logo1 { display: block; width: 30px; height: 30px; position: absolute; left: 20px; top: 20px }
.inner-box .con .con-li .content .toparea .logo2 { display: none; width: 30px; height: 30px; position: absolute; left: 20px; top: 20px }
.inner-box .con .con-li .content .toparea .tt { height: 23px; line-height: 23px; font-size: 20px; color: #373D41; overflow: hidden; margin-bottom: 9px }
.inner-box .con .con-li .content .toparea .info { width: 200px; height: 32px; line-height: 16px; font-size: 12px; color: #777F84; overflow: hidden }
.inner-box .con .con-li .content .botarea { height: auto; min-height: 200px; background: #fff }
.inner-box .con .con-li .content .botarea .pro { width: 80px; float: left }
.inner-box .con .con-li .content .botarea .pro .golink { display: block; width: 80px; height: auto; overflow: hidden; text-decoration: none; padding: 2px 5px; position: relative }
/*.inner-box .con .con-li .content .botarea .pro:hover .golink .xian, .inner-box .con .con-li:hover .content .toparea .logo1 { display: none }*/
.inner-box .con .con-li .content .botarea .pro .golink .xian { position: absolute; top: 0; width: 319px; height: 1px; background: #EBECEC; overflow: hidden }
.inner-box .con .con-li .content .botarea .pro .golink .price { width: 80px; height: auto; overflow: hidden; position: relative }
.inner-box .con .con-li .content .botarea .pro .golink .price .acp { position: absolute; right: 0px; left: 0; bottom: -50px; text-align: right; width: 60px; height: 26px; line-height: 26px; font-size: 12px; color: #F60; overflow: hidden; float: left }
.inner-box .con .con-li .content .botarea .pro .golink .price .p-top .acp span { font-size: 22px }
.inner-box .con .con-li .content .botarea .pro .golink .price .p-bot { padding-left: 5px; height: 26px; line-height: 26px; font-size: 12px; color: #666; overflow: hidden; /*background: url(../image/dot.png) no-repeat left center;*/ }
/*.inner-box .con .con-li:hover .content .toparea .info, .inner-box .con .con-li:hover .content .toparea .tt, .inner-box .con .con-li:hover .content .toparea-small .text { color: #fff }
.inner-box .con .con-li .content .botarea .pro:hover { box-shadow: 0 2px 15px 0 rgba(0,0,0,.15) }
.inner-box .con .con-li:hover .blank { }
.inner-box .con .con-li:hover .content { height: auto; overflow: hidden; border: 1px solid #0B701D }
.inner-box .con .con-li:hover .content .toparea { background: #0B701D; }
.inner-box .con .con-li:hover .content .toparea .logo2 { display: block }
.inner-box .con .con-li:hover .content .toparea-small { background: #0B701D }
.inner-box .con .con-li:hover .content .toparea-small .line1, .inner-box .con .con-li:hover .content .toparea-small .line2 { background: #fff }
.inner-box .con .con-li:hover .content .botarea { }*/

/*典型业绩*/
.case { margin-top: 3% }
.case_list { width: 100%; overflow: hidden; display:none }
.case_list li { float: left; width: 295px; height: 240px; overflow: hidden; margin-right: 15px; margin-top: 15px; position: relative }
.case_list li:nth-child(3n+0) { margin-right: 0; }
.case_list li .pic { width: 295px; height: 240px; overflow: hidden }
.case_list li .pic { display: block }
.case_list li .pic img { min-height: 240px; min-width: 295px; }
.case_list li .title { z-index: 666; position: absolute; top: 200px; left: 0; transition: all .5s; background: rgba(0,0,0,0.5); }
.case_list li .title a { display: block; height: 40px; width: 257px; padding: 0 19px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; }
.case_list li .text { position: absolute; height: 200px; width: 257px; padding: 0 19px; top: 240px; left: 0; font-size: 14px; transition: all .5s; background: rgba(0,0,0,0.5); }
.case_list li:hover .text { top: 40px; background: rgba(0,0,0,0.4); color: #eee; }
.case_list li:hover .title { top: 0; background: rgba(0,0,0,0.4); }
.case_b_list { margin: 4% auto 4% auto; text-align: center }
.case_b_list a { display: inline-block; margin: 0 15px; padding: 0 60px; height: 45px; line-height: 45px; font-size: 14px; color: #8a8a8a; background: #f2f2f2; border-radius: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.case_b_list a.cur { color: #fff; background: #0B701D; }
.case_row{margin: 0px}
.case_row li{font-size: 15px;width: 31.33333333%;float: left;margin-right: 2%; margin-bottom:1.5%}
.case_row li a{font-size: 15px}
.case_row li .sma{display:inline-block;width:10px;height:10px;border: 1px #d0d0d0 solid; vertical-align: 0;margin-right: 10px;text-align: center;line-height: 10px;}
.case_row li .sma b{display:block;width:6px;height:6px;background-color:#fff;margin:2px auto 0;}
.case_row li.on .sma b{background-color:#0B701D;}
/*核心业务 概述*/
.core_a { margin-top: 6%; width: 100%; background: url(../image/ywgs.png) top no-repeat; background-size: 100% auto }
.core_a_wrap { display: block; clear: both; zoom: 1; }
.core_a_wrap .core_a_cont { text-align: center; width: 830px; margin: 0 auto }
.core_a_wrap .core_a_cont h4 { font-size: 28px; margin-bottom: 30px; color: #0B701D }
.core_a_wrap .core_a_cont p { line-height: 28px; font-size: 16px; }
.core_a_list ul li { float: left; width: 21%; padding: 0px 17px; text-align: center; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
.core_a_list ul li .core_txt { /*background: #ffffff;*/ /*box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);*/ padding: 33px 0 0 0; height: 200px; position: relative; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.core_a_list ul li .core_txt:hover { /*box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);*/ }
.core_a_list ul li .core_txt .text { margin: 47px 0 15px 0; color: #868fa4; font-size: 14px; line-height: 24px; padding: 0px 15px; }
.core_a_list3 { height: 150px; text-align: center; }
.core_a_list3 ul li { float: left; width: 25%; padding: 0px; text-align: center; position: relative; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; height: 160px; /*cursor: pointer*/ }
.core_a_list3 ul li .core_txt { position: absolute; width: 180px; height: 200px; top: 32px; margin: 0 auto; left: 0; right: 0; text-align: center; z-index: 999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.core_a_list3 ul li .core_txt .text { margin-top: 20px; font-size: 14px; color: rgba(11, 112, 29, 0.9); font-weight: bold; }
.core_a_list3 ul li .core_txt i { font-size: 48px; color: rgba(11, 112, 29, 0.9); z-index: 999 }
.core_a_list3 ul li .core_txt:hover {/* box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);*/ }
/*.core_a_list3 ul li .core_txt:hover i, .core_a_list3 ul li .core_txt:hover .text { color: #fff }*/
.core_a_list3 ul li .intro1 { width: 230px!important }
.core_a_list3 ul li:hover { color: #fff }
.core_a_list3 ul li:hover .core_txt .text { color: #fff }
.core_a_list3 ul li:hover .core_txt i { color: #fff }
.core_a_list2 ul { margin-top: 11px; height: 229px; }
.core_a_list2 ul li { float: left; margin-right: 7px; margin-top: 7px; height: 227px; width: 295px; position: relative; border: 1px solid #cdcccc; }
.core_a_list2 ul li:first-child { margin-left: 0; }
.core_a_list2 ul li .text { width: 100%; height: 100%; text-align: center; background-color: #fff; }
.core_a_list2 ul li .text a { display: block; }
.core_a_list2 ul li .text a img { display: block; margin: 0 auto; padding: 56px 0 22px; }
.core_a_list2 ul li .text a div p{ color: #6e6e6e; font-size: 16px; padding: 0 15px; }
.core_a_list2 ul li .text a p { color: #a7a7a7; font-size: 16px; text-transform: capitalize; margin-top: 4px; }
.core_a_list2 ul li .img { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; overflow: hidden }
.core_a_list2 ul li .img a { display: block; cursor: default }
.core_a_list2 ul li .img img { width: 100%; height: 227px; }
.core_a_list2 ul li .img p { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 53px; line-height: 53px; overflow: hidden; color: #fff; font-size: 14px; text-align: center; background: url(../image/bg2.png) repeat 0 0; }
.core_a_list2 ul li:hover .img { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
@media (max-width: 800px) {
.core_a { background: none }
.core_a_wrap .core_a_cont { width: 100% }
.core_a_list2 ul { text-align: center }
.core_a_list2 ul li { margin: 5% 15px!important }
}
@media (max-width: 640px) {
.core_a_list3 ul li { width: 100% }
.core_a_list2 ul li { margin: 5% 10%!important; width: 80% }
}
/*核心业务--服务范围*/
.core_b_list { margin: 4% auto 2% auto; text-align: center }
.core_b_list a { display: inline-block; margin: 0 15px; padding: 0 40px; height: 35px; line-height: 35px; font-size: 14px; color: #8a8a8a; background: #f2f2f2; border-radius: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.core_b_list a:hover, .core_b_list a.cur { color: #fff; background: #0B701D; }
.inner-box { width: 100%; float: left; background: #fff;/*border: 1px solid #d7d8d9;*/ height: auto; clear: both; }
.core_b_line { position: relative; float: left; width: 15%; height: 312px; border-right: 1px solid #d7d8d9; opacity: .6; background: #f9f9fa; padding: 20px 16px; }
.core_b_line h2 { font-size: 20px; color: #000; font-weight: 700; line-height: 28px; }
.core_b_fir { position: relative; float: left; width: 2%; height: 236px; color: #373d41; /*    border-right: 1px solid #d7d8d9;*/ opacity: .6; background: rgb(11, 112, 29, .1); border: 1px solid #0B701D; padding: 20px 16px; }
.core_b_fir h2 { font-size: 18px; color: rgb(11,112,29); padding-top: 40px; }
.core_b_sec { float: left; height: 312px; width: 40%; display: flex; margin: 0 10px; flex-wrap: wrap; text-align: left; }
.core_b_thr { float: left; height: 312px; width: 10%; /*    border-left: 1px solid #d7d8d9;*/ background-color: #f9f9fa; }
.core_b_sec_ul { width: 100%; margin: 0; padding: 0; }
.core_b_sec_u { background: rgb(11, 112, 29, .1); border: 1px solid #0B701D; opacity: .6; color: rgb(11,112,29); width: 60%; height: auto; line-height: 20px; margin-top: 10px; float: left; }
.core_b_sec_li:first-child .core_b_sec_u { margin-top: 0; }
.core_b_sec_li { height: auto; float: left; width: 100% }
.core_b_sec_u { padding: 10px; }
.core_b_sec_ul .iconfont { display: block; float: left; width: 15%; height: 100%; line-height: 100%; font-size: 48px; color: rgb(11, 112, 29, .6); vertical-align: middle; }
.core_b_sec_ul .core_b_sec_qi { float: left; width: 10%; font-size: 16px; background: rgb(11, 112, 29, .1); border: 1px solid #0B701D; opacity: .6; color: rgb(11,112,29); padding: 5px; margin-top: 10px; }
/*0525 start*/
.slideTxtBox { width: 100%; position: relative; }
.slideTxtBox .bd ul { padding: 0 0 77px 8px; zoom: 1; height: auto; overflow: hidden; }
.slideText { float: left; width: 36%; padding-top: 40px; }
.slideText h3 { font-size: 30px; text-transform: uppercase; }
.slideText h3 a { color: #cbcbcb; }
.slideText h3 a:hover { color: #fdac31; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.slideBt { color: #333; font-size: 22px; }
.slideInfo { color: #888; line-height: 30px; margin: 14px 0 49px; }
.slideMore { display: block; width: 119px; height: 34px; line-height: 34px; color: #fff; font-size: 14px; text-align: center; background-color: #646464; }
.slideMore:hover { background-color: #fdac31; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.slideImg { float: right; }
.slideImg img { width: 663px; height: 357px; display: block; }
.slideImg img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.slideTxtBox .hd { height: 120px; border: 1px solid #d3d3d3; background-color: #fff; }
.slideTxtBox .hd ul { height: 120px; width: 100%; }
.slideTxtBox .hd ul li { float: left; width: 33.333333%; cursor: pointer; }
.slideTxtBox .hd ul li a { height: 110px; padding-top: 10px; position: relative; display: block; color: #000; font-size: 18px; text-align: center; }
.slideTxtBox .hd ul li a i { position: absolute; left: 0; top: -10px; height: 11px; width: 100%; z-index: 5; display: none; background: url(../image/jt.png) no-repeat center top; }
.slideTxtBox .hd ul li a div { height: 36px; background-position: center top; background-repeat: no-repeat; }
.slideTxtBox .hd ul li a p { margin: 0px 0 26px; }
.slideTxtBox .hd ul li a span { display: block; margin: 0 auto; width: 18px; height: 1px; background-color: #6a6a6a; }
.slideTxtBox .hd ul li a em { position: absolute; right: 0; top: 0; height: 100%; width: 1px; z-index: 5; display: block; background: url(/templates/hy/images/indexspan.jpg) no-repeat left center; }
.slideTxtBox .hd ul li.on { background-color: #646464; }
.slideTxtBox .hd ul li.on a { color: #fff; }
.slideTxtBox .hd ul li.on a span { background-color: #fff; }
.slideTxtBox .hd ul li.on a i { display: block; }
.slideTxtBox .hd ul li.on a em { display: none; }
.slideTxtBox .hd ul li:last-child a em { display: none; }
.mallbg { position: absolute; left: 0; bottom: -27px; height: 27px; width: 100%; z-index: 5; background: url(/templates/hy/images/mallbg.png) no-repeat center top; }
.indexNewsList li { width: 388px; height: 310px; float: left; position: relative; margin-left: 19px; background-color: #f7f7f7; }
.slide_ul .pro { width: 16%; float: left; border-left: 1px solid #e7e7e7; background: #ffffff; padding-bottom: 45px; float: left; margin-right: 2.76%; box-sizing: border-box; transition: all 0.3s ease 0s; padding: 20px; height: 200px; }
.price p { font-size: 14px; color: #0B701D; line-height: 35px; }
.slide_ul .pro:first-child { border: none }
/*核心业务 工作思路*/
.core_c { margin-top: 2%; width: 100% }
.core_c_list { position: relative }
.core_c_list .circle { position: absolute; width: 360px; height: 360px; left: 50%; margin-left: -180px; top: 48px; }
.core_c_list { width: 100%; height: 420px; margin: 30px auto 0; }
.core_c_list ul li { position: relative; width: 50%; height: 210px; float: left; color: #666; line-height: 24px; font-size: 16px; font-weight: bold; box-sizing: border-box; /*cursor: pointer;*/ -webkit-transition: all 0.5s; transition: all 0.5s; margin-top: 60px; }
.core_c_list ul li p { position: absolute; width: 260px; font-size: 14px; padding: 15px 0; line-height: 24px; border-bottom: 1px solid #dee2e4; bottom: 0; }
.core_c_list ul li p font { font-weight: bold }
.core_c_list ul li.c p, .core_c_list ul li.d p { width: 260px; }
.core_c_list ul li.a p:after, .core_c_list ul li.b p:after, .core_c_list ul li.c p:after, .core_c_list ul li.d p:after { content: ''; position: absolute; width: 50px; height: 1px; background: #dee2e4; bottom: -1px; }
.core_c_list ul li.a p:after { left: 100%; -webkit-transform-origin: left center; transform-origin: left center; transform: rotate(45deg); }
.core_c_list ul li.b p:after { right: 100%; -webkit-transform-origin: right center; transform-origin: right center; transform: rotate(-45deg); }
.core_c_list ul li.c p:after { left: 100%; -webkit-transform-origin: left center; transform-origin: left center; transform: rotate(-45deg); }
.core_c_list ul li.d p:after { right: 100%; -webkit-transform-origin: right center; transform-origin: right center; transform: rotate(45deg); }
.core_c_list ul li i { position: absolute; top: 50%; margin-top: -8px; display: block; width: 14px; height: 14px; border: 3px solid #b3c0c3; border-radius: 50%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 16px; }
.core_c_list ul li:nth-child(1), .core_c_list ul li:nth-child(2) { height: 55px; }
.core_c_list ul li:nth-child(odd) p { padding-left: 40px; }
.core_c_list ul li:nth-child(odd) i { left: 0; }
.core_c_list ul li:nth-child(even) p { text-align: right; padding-right: 40px; right: 0; }
.core_c_list ul li:nth-child(even) i { right: 0; }
.core_c_list ul li.a:hover i { border: 3px solid #a0d911; }
.core_c_list ul li.a:hover p { color: #a0d911; border-bottom: 1px solid #a0d911; }
.core_c_list ul li.a:hover p:after { border-bottom: 1px solid #a0d911; }
.core_c_list ul li.b:hover { color: #597ef8; }
.core_c_list ul li.b:hover i { border: 3px solid #597ef8; }
.core_c_list ul li.b:hover p { border-bottom: 1px solid #597ef8; }
.core_c_list ul li.b:hover p:after { border-bottom: 1px solid #597ef8; }
.core_c_list ul li.c:hover { color: #188fc7; }
.core_c_list ul li.c:hover i { border: 3px solid #188fc7; }
.core_c_list ul li.c:hover p { border-bottom: 1px solid #188fc7; }
.core_c_list ul li.c:hover p:after { border-bottom: 1px solid #188fc7; }
.core_c_list ul li.d:hover { color: #36d0c9; }
.core_c_list ul li.d:hover i { border: 3px solid #36d0c9; }
.core_c_list ul li.d:hover p { border-bottom: 1px solid #36d0c9; }
.core_c_list ul li.d:hover p:after { border-bottom: 1px solid #36d0c9; }
.core_c_list .circle { position: absolute; width: 360px; height: 360px; left: 50%; margin-left: -180px; top: 48px;/*opacity: 0;
    transform: scale(.7) rotate(-180deg);
    transition: all 1s ease 0.3s;*/ }
.core_c_list .circle img { width: 100%; height: 100%; left: 0; top: 0; position: absolute }
.core_c_list .circle img.img { display: none; }
.core_c_list .circle.cur { opacity: 1; transform: scale(1) rotate(0); }
.mob_core_c_list { display: none }
 @media (max-width: 768px) {
.core_c_list { display: none; }
.mob_core_c_list { display: block; width: 100%; position: relative }
.mob_core_c_list li { padding: 10px 10px 10px 90px; position: relative; float: left; width: 100%; margin: 0 1% 20px; background: #fff; box-shadow: 0 0 10px 1px rgba(0,0,0,.1); box-sizing: border-box; margin: 10px auto 0; }
.mob_core_c_list li h3 { color: #0B701D; font-size: 14px; font-weight: bold; line-height: 28px; margin-bottom: 3px; }
.mob_core_c_list li p { font-size: 5px; line-height: 20px; }
.mob_core_c_list li:before { content: ""; position: absolute; top: 15px; left: 5px; height: 50px; width: 80px; }
.mob_core_c_list li.num_1:before { background: url(../image/01.png) no-repeat left top/100% auto; }
.mob_core_c_list li.num_2:before { background: url(../image/02.png) no-repeat left top/100% auto; }
.mob_core_c_list li.num_3:before { background: url(../image/03.png) no-repeat left top/100% auto; }
.mob_core_c_list li.num_4:before { background: url(../image/04.png) no-repeat left top/100% auto; }
}
/*环保管家工作流程*/
.title3 strong { font-weight: 400; font-size: 57px; color: #ef8200; font-family: Arial; }
.core_d { margin-top: 4% }
.condition { background: #0B701D; font-size: 0; float: left; width: 100%; }
.condition .title3 { padding-left: 116px; margin-bottom: 40px }
.condition .title3 h3 { color: #fff; font-weight: lighter }
.condition .left { width: 62%; float: left; }
.condition .left .pro { height: 500px }
.condition .right { width: 38%; position: relative; left: -44px; float: right }
.condition .right h2 { font-size: 18px; color: #fff; font-weight: bold; margin: 36px 0; padding-left: 88px; }
.condition-list { width: 100%; padding-bottom: 25px; position: relative }
.condition-list:last-child { margin-bottom: 0; }
.condition-list i { display: inline-block; width: 30px; height: 50px; position: absolute; left: 61px; top: -2px; background-size: 100% 100%; }
.condition-list:last-child i { height: 30px; }
.condition-list .desc { width: 90%; padding-left: 100px; }
.condition-list .desc h3 { font-size: 14px; color: #fff; margin-bottom: 5px; font-weight: lighter }
 @media (max-width: 768px) {
.condition .left { display: none }
.condition .right { width: 100%; }
}
 @media (max-width: 768px) {
.condition-list .desc { width: 80%; padding-left: 100px; }
}
.core_d .pro { /*padding-left: 205px;*/ padding-left: 25px; }
.core_d .pro li { border-left: 1px solid #e4f0e3; float: left; width: 105px; margin-right: 20px; min-height: 315px; }
.core_d .pro li:last-child { margin-right: 0; }
.core_d .pro li:hover span { background: url(../image/lc2.png) no-repeat; color: #fff; }
.core_d .pro li:hover i { color: #0B701D; }
.core_d .pro li:hover p { opacity: 1; }
.core_d .pro span { display: block; width: 45px; height: 56px; background: url(../image/lc1.png) no-repeat; text-align: center; line-height: 53px; margin-left: -22.5px; font-size: 20px; font-weight: bold; }
.core_d .pro img { margin-top: 23px; margin-left: 28px; }
.core_d .pro h2 { font-size: 18px; color: #333; font-weight: bold; padding-left: 22px; margin-top: 20px; }
.core_d .pro p { font-size: 14px; color: #333; height: 70px; opacity: .7; margin-top: 15px; margin-left: 22px; }
.core_d .pro i { font-size: 43px; color: #eaeaea; float: right; margin-top: 55px; margin-bottom: 10px; }
@media only screen and (max-width:480px ) {
.core_d .pro li { width: 100%; min-height: 100px; }
.core_d .pro p { height: 30px; }
.core_d .pro i { transform: rotate(90deg); float: left; margin-top: 10px; margin-left: 40px; }
}
/*搜索结果*/
.search_w { width: 1200px; margin: 6% auto; }
.search_cn { clear: both; position: relative; width: 70%; min-width: 600px; margin: 30px 0; margin-bottom: 0px; margin-left: 0; }
.search_value { vertical-align: middle; background: #f0f0f0; border: none; width: 100%; height: 40px; padding: 0 20px; padding-right: 0; font-size: 14px; color: #666; line-height: 40px; text-align: left; }
.search_r { width: 100%; color: #0B701D; padding: 10px 0; padding-left: 20px; font-size: 14px; }
.magnifier { /*cursor: pointer;*/ width: 80px; font-size: 18px; text-align: center; height: 40px; position: absolute; top: 0; right: -20px; background: #0B701D; color: #fff; }
.h_text_7 { float: left; width: 100%; color: #333333; font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
/*法律声明*/
.wzsm { max-width: 1200px; margin: 80px auto; box-sizing: border-box; padding: 55px 90px; background: #f7f9fb; border-right: 7px solid #c7d1db; border-bottom: 7px solid #c7d1db; }
.wzsm h1 { text-align: center; font-size: 24px; color: #0B701D; font-weight: bold; position: relative; padding-bottom: 40px; border-bottom: 1px solid lightgray; }
.wzsm h1:after { content: ''; display: block; width: 40px; height: 3px; background: #0B701D; position: absolute; left: 48.5%; bottom: -1px }
.wzsm h3 { font-size: 14px; color: #0B701D; font-weight: bold; margin-top: 33px; margin-bottom: 10px; }
.wzsm p { font-size: 14px; line-height: 20px; }
/*服务平台*/
.core_e { background: #f9f9f9; margin-top: 3% }
.core_e_img { width: 31.5%; padding-left: 38px; padding-bottom: 38px; padding-top: 38px; background: #0B701D; float: left }
.core_e_img img { width: 127%; min-width: 320px; }
.core_e_con { padding-top: 20px; padding-bottom: 20px; padding-right: 5.9%; width: 45%; float: right }
.core_e_tit { margin-top: 35px; font-size: 20px; color: #0B701D; }
.core_e_con hr { width: 100%; background: #e1e1e1; margin-top: 38px; margin-bottom: 30px; }
.core_e_txt p { color: #666666; font-size: 14px; line-height: 1.6; margin-bottom: 25px; }
.core_e_txt p a:hover { color: #0B701D; }
/*科技研发流程*/
.research_a_list { display: block; clear: both; zoom: 1; margin-top: 3% }
.research_a_list li { padding: 20px 0; width: 100px; float: left; height: 230px; position: relative; /*cursor: pointer */ text-align: center; }
.research_a_list li .icon { width: 98px; height: 60px; line-height: 49px;/* border: 1px solid #eee;*/ text-align: center; color: #0B701D; font-size: 40px; }
.research_a_list li .research_a_fr p { -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; font-size: 14px; color: #0B701D; }
.research_a_list li .text { width: 70px; height: 90px; background: none; color: #777; text-align: center; padding: 5px 15px; margin-top: 45px; display: none }
.research_a_list li span { position: absolute; width: 21px; height: 21px; background: url(../image/s5_i1.png) no-repeat center; background-size: cover; left: 50%; margin-left: -10px; top: 115px; z-index: 1; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.research_a_line { position: absolute; left: 0; height: 1px; background: #e5e5e5; width: 100%; top: 125px; }
.research_a_list li:hover { background: rgb(11, 112, 29, 0.1); }
.research_a_list li:hover .text { color: #0B701D; display: block }
.research_a_list li:hover span { background: url(../image/s5_i2.png) no-repeat center; }
/*研发项目*/
.research_b_c { width: 100%; margin: 30px auto; padding-bottom: 80px; }
.research_b_li_img { border-right: 1px solid #F1F1F1; width: 50%; height: 315px; overflow: hidden; overflow: hidden; float: left }
.research_b_c li { background-color: #f9f9f9; width: 100%; height: 315px; clear: both; margin-top: 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.research_b_c li:hover { box-shadow: 0 0 14px #e3e3e3; }
.research_b_li_con { width: 38%; padding: 50px 50px 0 58px; float: right }
.research_b_c li:nth-child(2n+0) .research_b_li_img { float: right }
.research_b_c li:nth-child(2n+0) .research_b_li_con { float: left }
.research_b_li_more { width: 112px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #ACACAC; margin-top: 30px; font-size: 12px; color: #666666; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.research_b_li_name { font-size: 22px; color: #4d4d4d; }
.research_b_li_js { font-size: 14px; color: #9b9b9b; line-height: 18px; margin-top: 25px; }
.research_b_li:hover .research_b_li_more { border: 1px solid #0B701D; background-color: #0B701D; color: #ffffff; }
.tbox { text-align: center; transition: all 0.5s; }
.tbox .ico_box { width: 196px; height: 196px; border: 1px solid #e6e6e6; box-sizing: border-box; margin: 0 auto; border-radius: 50%; padding-top: 24px; }
.tbox .ico_box img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; animation: pound 0.6s infinite alternate; }
.tbox .ico_box .d { width: 12px; height: 12px; border-raiuds: 50%; background: #cccccc; border-radius: 50%; margin-top: 9px; margin-left: auto; margin-right: auto; animation: move 1.2s linear forwards infinite; }
.tbox .ico_box .d.d2 { animation: move 1.2s 0.2s linear forwards infinite; }
.tbox .ico_box .d.d3 { animation: move 1.2s 0.4s linear forwards infinite; }
.tbox .en { font-size: 40px; line-height: 40px; color: #ccc; margin-top: 15px; font-family: Arial; text-transform: uppercase; }
.tbox .cn { font-size: 20px; line-height: 32px; color: #ccc; }
 @media (max-width: 1620px) {
.tbox .ico_box { width: 160px; height: 160px; padding-top: 10px; }
.tbox .ico_box img { margin-top: 5px; }
.tbox .ico_box .d { margin-top: 5px; }
.tbox .en { margin-top: 10px; font-size: 30px; line-height: 36px; }
}
 @media (max-width: 1024px) {
.tbox { margin-top: 20px; }
.tbox .ico_box { width: 120px; height: 120px; padding-top: 10px; }
.tbox .ico_box img { margin-top: 5px; width: 30px; height: auto; }
.tbox .ico_box .d { margin-top: 5px; width: 8px; height: 8px; }
.tbox .en { margin-top: 10px; font-size: 30px; line-height: 30px; }
.tbox .cn { font-size: 16px; line-height: 24px; }
}
div.parTners { width: 100%; margin-top: 60px; }
div.parTners dl { width: 100%; border-bottom: 1px solid #F5F5F5; display: table; }
div.parTners dl dt { float: left; margin-top: 72px; width: 250px; height: 100px; border: 1px solid #E2E2E2; text-align: center; line-height: 100px; }
div.parTners dl dt img { display: inline-block; }
div.parTners dl dd { float: right; width: 646px; height: 230px; float: right; padding: 72px 22px 22px 22px; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s ease 0s; }
div.parTners dl dd h3 { font-size: 16px; color: #0B701D; font-weight: bold; }
div.parTners dl dd i { display: block; width: 20px; height: 2px; margin: 12px 0; background-color: #0B701D; }
div.parTners dl dd p { font-size: 13px; color: #7A7A7A; line-height: 1.7; }
div.parTners dl dd:hover { background-color: #0B701D; }
div.parTners dl dd:hover h3 { color: #fff; }
div.parTners dl dd:hover p { color: #BAC3BE; }
div.parTners dl dd:hover i { background-color: #fff; }
div.intRoduce { width: 100%; display: table; margin-top: 30px; }
div.intRoduce article { float: left; width: 100%; max-width:920px; }
div.intRoduce article h3 { font-size: 18px; color: #0B701D; border-bottom: 2px solid #0B701D; margin-top: 22px; padding-bottom: 22px; font-weight: bold; }
div.intRoduce article p { font-size: 14px; color: #666666; line-height: 24px; padding-top: 15px; text-indent: 24px; }
div.intRoduce figure { float: right; width: auto; }
.d-b1-left { width: 100%; }
.d-b1-right img { width: 100%; }
div.intRoduce p { font-size: 14px; color: #666666; line-height: 24px; padding-top: 35px; }
 @media screen and (max-width:767px) {
div.intRoduce p { padding-top: 20px; }
}
 @media screen and (max-width:418px) {
.research_a img { width: 100% }
}
div.theOldtree { width: 100%; display: table; margin-top: 60px; }
div.theOldtree article.treeTit { width: 100%; text-align: center; }
div.theOldtree article.treeTit h3 { font-size: 23px; color: #0B701D; font-weight: bold; margin-top: 10px; }
div.theOldtree article.treeTit i { display: inline-block; width: 30px; height: 2px; background-color: #0B701D; }
div.theOldtree p { margin-top: 25px; font-size: 13px; line-height: 1.8; color: #363636; text-indent: 2em; }
div.compCreate { width: 100%; display: table; }
.pendent { min-width: 54px; background-color: #0B701D; color: #fff; font-size: 13px; display: table; margin: 30px 0; padding: 2px 10px; border-right: 6px solid #17B261; text-align: center; }
div.compCreate .topMus { width: 100%; padding-left: 35px; box-sizing: border-box; -moz-box-sizing: border-box; }
div.compCreate .topMus h3 { font-size: 36px; font-weight: bold; color: #4C4B4B; }
div.compCreate .topMus h3 span { background-color: #0B701D; color: #fff; padding: 0 4px; }
div.compCreate .topMus p { text-transform: uppercase; color: #C3C3C3; margin-top: 10px; }
div.compCreate .imgs { text-align: center; width: 100%; }
div.compCreate .listNav { width: 100%; display: table; text-align: center; }
div.compCreate .listNav a { display: inline-block; font-size: 13px; color: #666666; margin: 0 28px; position: relative; }
div.compCreate .listNav a i { display: block; width: 100%; height: 2px; background-color: #fff; margin-top: 5px; }
div.compCreate .listNav a:before { position: absolute; content: ''; right: -28px; top: 2px; height: 60%; border-right: 1px solid #D6D9D8; }
div.compCreate .listNav a:last-child:before { display: none; }
div.compCreate .listNav a:after { position: absolute; content: ''; left: 50%; bottom: -10px; margin-left: -3px; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }
div.compCreate .listNav a.on, div.compCreate .listNav a:hover { color: #0B701D; }
div.compCreate .listNav a.on i, div.compCreate .listNav a:hover i { background-color: #0B701D; }
div.compCreate .listNav a.on:after, div.compCreate .listNav a:hover:after { border-top-color: #0B701D; }
div.compCreate .vaLues { width: 100%; display: table; margin-top: 30px; }
div.compCreate .vaLues li { width: 100%; display: table; padding: 28px 30px 28px 40px; box-sizing: border-box; -moz-box-sizing: border-box; }
div.compCreate .vaLues li h3 { float: left; font-size: 16px; color: #0B701D; text-align: center; position: relative; font-weight: bold; }
div.compCreate .vaLues li h3:after { position: absolute; content: ''; right: -23px; top: 45px; height: 16px; border-right: 1px solid #C7D4CD; }
div.compCreate .vaLues li i { display: block; margin: 0 auto 5px; font-size: 60px; }
div.compCreate .vaLues li p { float: left; margin-left: 46px; width: 740px; padding-top: 25px; line-height: 2; font-size: 13px; }
div.compCreate .vaLues li:nth-of-type(n+3) p { padding-top: 12px; }
div.compCreate .vaLues li:nth-child(odd) { background-color: #F4F7F6; }
div.compCreate .coMap { width: 100%; display: table; margin-top: 20px; }
div.compCreate .coMap span { display: inline-block; margin-right: 2px; }
div.compCreate .coMap span:last-child { margin-right: 0px; }
div.compCreate .listMs { width: 100%; margin-top: 20px; display: table; }
div.compCreate .listMs p { width: 100%; display: table; margin-bottom: 25px; }
div.compCreate .listMs p span { float: left; font-size: 14px; color: #0B701D; position: relative; }
div.compCreate .listMs p span:before { position: absolute; content: '·'; left: 0; top: -22px; margin-top: 10px; font-size: 33px; }
div.compCreate .listMs p span i { display: inline-block; padding-left: 25px; font-size: 14px; font-weight: bold; vertical-align: middle; }
div.compCreate .listMs p font { float: left; width: 87%; margin-left: 20px; font-size: 13px; vertical-align: text-top; line-height: 1.8; }
div.compCreate .theZx { width: 110%; margin-top: 20px; display: table; }
div.compCreate .theZx dl { float: left; width: 458px; margin-right: 10px; position: relative; }
div.compCreate .theZx dl dt { width: 100%; height: auto; }
div.compCreate .theZx dl dt img { width: 100%; }
div.compCreate .theZx dl dd { width: 100%; max-height: 274px; border: 1px solid #EEEEEE; border-top: none; padding: 45px 22px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; }
div.compCreate .theZx dl dd p { font-size: 13px; color: #737373; line-height: 2; text-indent: 2em; }
div.compCreate .theZx dl dd span { position: absolute; left: 20px; top: -17px; display: block; width: 140px; height: 35px; font-size: 16px; color: #fff; text-align: center; line-height: 35px; background-color: #0B701D; }
div.compCreate .newsLkg { width: 110%; display: table; margin-top: 20px; }
div.compCreate .newsLkg li { float: left; width: 188px; height: 280px; overflow: hidden; position: relative; }
div.compCreate .newsLkg li div { position: relative; width: 100%; height: 100%; }
div.compCreate .newsLkg li .svs { width: 152px; height: 172px; position: absolute; left: 50%; top: 50%; margin-left: -76px; margin-top: -86px; }
div.compCreate .newsLkg li div i { font-size: 55px; position: absolute; left: 50%; top: 45%; color: #0B701D; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); }
div.compCreate .newsLkg li div span { display: block; position: absolute; top: 165px; font-size: 14px; color: #0B701D; width: 100%; text-align: center; }
div.compCreate .newsLkg li article { position: absolute; left: 0; bottom: -110%; width: 100%; height: 100%; background-color: #0B701D; padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; }
div.compCreate .newsLkg li article h3 { width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: 48px; }
div.compCreate .newsLkg li article p { font-size: 13px; color: #fff; line-height: 1.8; text-indent: 2em; margin-top: 20px; }
div.compCreate .newsLkg li:hover article { bottom: 0% }
div.Legalices { width: 100%; display: table; margin-top: 60px; }
div.Legalices h3 { width: 100%; font-size: 24px; color: #0B701D; font-weight: bold; text-align: center; border-bottom: 1px solid #E2E2E2; margin-bottom: 20px; padding-bottom: 30px; }
div.Legalices p { font-size: 13px; line-height: 1.8; color: #363636; margin-top: 25px; }
div.SiteMap { width: 100%; display: table; margin-top: 60px; }
div.SiteMap .subMap { width: 100%; display: table; }
div.SiteMap .subMap li { width: 100%; display: table; margin-bottom: 20px; }
div.SiteMap .subMap li span { float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; font-size: 13px; border: 1px solid #0B701D; background-color: #0B701D; color: #fff; }
div.SiteMap .subMap li div { float: left; width: 790px; border: 1px solid #E2E2E2; }
div.SiteMap .subMap li div a { position: relative; display: inline-block; width: auto; padding: 0 20px; text-align: center; line-height: 40px; font-size: 13px; }
div.SiteMap .subMap li div a:after { position: absolute; content: ''; top: 15px; right: 0px; height: 12px; border-right: 1px solid #E2E2E2; }
div.SiteMap .subMap li div a:hover { color: #0B701D; }
div.SiteMap .subMap li div a:last-child:after { display: none; }
div.sapLings { width: 100%; display: table; margin-top: 30px; }
div.sapLings div.sapLis { width: 100%; margin-top: 10px; }
div.sapLings div.sapLis p { font-size: 13px; color: #363636; margin-top: 20px; line-height: 1.7; text-indent: 2em; }
div.sapLings div.sapLis p font { display: inline-block; margin-right: 10px; font-size: 30px; vertical-align: middle; }
div.sapLings div.sapLis p i { display: inline-block; margin-right: 2px; }
div.sapLings .zy { width: 100%; border: 1px solid #D8D8D8; }
div.sapLings .zy dt { float: left; }
div.sapLings .zy dd { float: left; width: 50%; padding: 45px 35px; box-sizing: border-box; -moz-box-sizing: border-box; }
div.sapLings .zy dd p { font-size: 13px; color: #363636; margin-top: 20px; line-height: 2; position: relative; text-indent: 2em; }
div.sapLings .zy dd p font { position: absolute; display: inline-block; left: -20px; left: -54px\0; top: -18px; margin-right: 10px; font-size: 30px; vertical-align: middle; }
div.Ecological { width: 100%; display: table; margin-top: 30px; }
div.Ecological p { font-size: 13px; line-height: 2.5; color: #363636; text-indent: 2em; }
div.Ecological p img { display: block; margin-top: 30px; }
div.Ecological div .pendent { display: inline-block; }
div.Ecological div font { display: inline-block; margin-left: 14px; font-size: 13px; color: #0B701D; }
div.Ecological small { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #000; }
div.Enterprise { width: 100%; display: table; margin-top: 30px; }
div.Enterprise ul li { width: 100%; display: table; padding: 27px 0; border-bottom: 1px dotted #E2E2E2; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s ease 0s; }
div.Enterprise ul li img { float: left; }
div.Enterprise ul li article { float: left; }
div.Enterprise ul li article span, div.Enterprise ul li article div, div.Enterprise ul li article font { width: auto; display: inline-block; vertical-align: middle; }
div.Enterprise ul li article span { margin: 0 32px; }
div.Enterprise ul li article span i { display: block; margin-bottom: 7px; font-size: 30px; font-family: arial; color: #5E5D5D; }
div.Enterprise ul li article span small { display: block; font-size: 13px; color: #5E5D5D; font-family: arial; }
div.Enterprise ul li article div { width: 430px; }
div.Enterprise ul li article div h3 { font-size: 16px; color: #000; margin-bottom: 15px; transition: all .4s ease 0s; }
div.Enterprise ul li article div p { font-size: 14px; color: #B0B0B0; line-height: 1.8; }
div.Enterprise ul li article font { margin-left: 17px; width: 46px; height: 46px; border: 1px solid #F1F1F1; text-align: center; line-height: 46px; font-size: 25px; transition: all .4s ease 0s; }
div.Enterprise ul li:hover { background-color: #F3F3F2; }
div.Enterprise ul li:hover h3 { color: #344D41; font-weight: bold; }
div.Enterprise ul li:hover font { background-color: #344D41; border-color: #344D41; color: #fff; }
aside.partyTit { width: 100%; text-align: center; margin-top: 40px; }
aside.partyTit h3 { font-size: 24px; color: #494949; }
aside.partyTit font { display: block; font-size: 14px; font-family: arial; text-transform: uppercase; color: #98999B; margin-top: 10px; }
aside.partyTit span { display: block; margin: 15px auto 0; position: relative; width: 260px; border-top: 1px solid #D6D6D8; }
aside.partyTit span:before { position: absolute; content: ''; width: 42px; height: 5px; background-color: #0B701D; left: 50%; margin-left: -21px; top: -3px; }
aside.partyTit2 { padding-top: 60px; }
aside.partyTit2 h3, aside.partyTit2 font { color: #fff; }
aside.partyTit2 span { border-color: #fff; }
aside.partyTit2 span:before { background-color: #fff; }
section.tudui { width: 100%; display: table; margin-top: 60px; }
section.tudui dt { float: left; position: relative; }
section.tudui dt span { display: block; position: absolute; right: -300px; top: 50px; background-color: #0B701D; font-size: 16px; color: #fff; padding: 10px 30px; }
section.tudui dd { float: left; margin-left: 40px; width: 553px; padding-top: 140px; }
section.tudui dd p { line-height: 2.8; font-size: 16px; text-indent: 2em; }
section.tujin { width: 1920px; height: 785px; margin-top: 120px; background: url(/templates/hy/images/shzr2.jpg) no-repeat center center; background-size: 100% 100%; position: relative; left: 50%; margin-left: -960px; }
section.tujin p { width: 1200px; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; line-height: 1.8; padding-top: 80px; }
section.tujin p strong { font-size: 18px; font-weight: bold; }
section.join { width: 1920px; position: relative; left: 50%; margin-left: -960px; display: table; background-color: #EBEDEB; padding: 30px 0 75px 0; }
section.join .joinList { width: 1200px; margin: 60px auto 0; }
section.join .joinList li { margin-top: 20px; display: table; width: 100%; }
section.join .joinList li div { width: 100%; height: 40px; background-color: #fff; display: table; line-height: 40px; /*cursor: pointer;*/ }
section.join .joinList li div i, section.join .joinList li div font { float: left; margin-right: 15px; }
section.join .joinList li div span { float: right; margin-top: 8px; margin-right: 10px; width: 25px; height: 25px; background: url(/templates/hy/images/img/jj2.png) no-repeat center center; }
section.join .joinList li div i { font-size: 25px; color: #EBEDEB; margin-left: -10px; }
section.join .joinList li div font { font-size: 15px; text-transform: uppercase; color: #0B701D; }
section.join .joinList li article { width: 100%; padding-top: 10px; display: none; padding-bottom: 10px; overflow: hidden; }
section.join .joinList li article section { float: left; width: 50%; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
section.join .joinList li article section h4 { font-size: 13px; font-weight: bold; color: #363636; margin: 14px 0; }
section.join .joinList li article section p { font-size: 13px; line-height: 1.9; }
section.join .joinList li.active div { background-color: #0B701D; }
section.join .joinList li.active div i, section.join .joinList li.active div font { color: #fff; }
section.join .joinList li.active div span { background: url(/templates/hy/images/img/jj1.png) no-repeat center center; }
section.join2 { width: 100%; display: table; margin-top: 30px; padding-bottom: 50px; }
section.join2 .flus { width: 100%; position: relative; display: table; text-align: center; margin-top: 50px; }
section.join2 .flus li { display: inline-block; vertical-align: middle; margin: 60px 45px 0; width: 175px; height: 175px; background-color: #FAFAFA; text-align: center; position: relative; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); }
section.join2 .flus li div { width: 100%; position: absolute; left: 50%; top: 50%; transform: rotate(-45deg) translate(-17%, -117%); -webkit-transform: rotate(-45deg) translate(-17%, -117%); -moz-transform: rotate(-45deg) translate(-17%, -117%); -o-transform: rotate(-45deg) translate(-17%, -117%); }
section.join2 .flus li.fs1 div { transform: rotate(-45deg) translate(-13%, -96%); -webkit-transform: rotate(-45deg) translate(-13%, -96%); -moz-transform: rotate(-45deg) translate(-13%, -96%); -o-transform: rotate(-45deg) translate(-13%, -96%); }
section.join2 .flus li.fs8 { margin: 60px 45px 0 200px; }
section.join2 .flus li.fs9 { margin: 60px 200px 0 45px; }
section.join2 .flus li.fs8, section.join2 .flus li.fs9, section.join2 .flus li.fs5, section.join2 .flus li.fs6, section.join2 .flus li.fs7 { margin-top: -40px; }
section.join2 .flus li i { display: block; font-size: 40px; color: #0B701D; }
section.join2 .flus li span { display: block; padding-top: 8px; font-size: 15px; line-height: 1.6; }
section.join2 .flus li:hover { background-color: #0B701D; }
section.join2 .flus li:hover span, section.join2 .flus li:hover i { color: #fff; }
section.compas { width: 100%; height: 800px; background: url(/templates/hy/images/bg1.jpg) no-repeat; background-size: cover; display: table; }
section.compas .search-box { display: inline-block; width: 180px; height: 25px; border: 1px solid #ffffff; border-radius: 4px; position: relative; padding-right: 22px; line-height: 1; margin-left: 855px; background-color: #ffffff; }
section.compas .search-box .search-frame { width: 100%; height: 25px; border: none; outline: none; padding: 0px 4px; border-radius: 4px; }
section.compas .search-box .search-icon { position: absolute; z-index: 100; width: 12px; height: 12px; top: 5px; right: 10px; /*cursor: pointer;*/ }
section.compas div { width: 1200px; margin: 50px auto 0; display: table; }
section.compas div h3 { font-size: 18px; color: #11472B; border-bottom: 1px solid #11472B; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }
section.compas div p { font-size: 14px; color: #626265; line-height: 1.9; text-indent: 2em; margin-top: 30px; }
section.expert { width: 1200px; margin: 0 auto; }
section.expert dl { width: 100%; margin-bottom: 30px; padding: 38px 30px; display: table; background-color: #EBEDEB; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; }
section.expert dl dt { float: left; }
section.expert dl dt img { border: 5px solid #fff; }
section.expert dl dd { float: left; margin-left: 35px; width: 920px; line-height: 1.8; }
section.expert dl dd p { margin-bottom: 15px; font-size: 13px; color: #494949; }
section.expert dl dd h3 { font-size: 18px; color: #494949; margin-top: -7px; }
section.expert dl dd i { display: block; width: 30px; height: 2px; background-color: #494949; margin: 10px 0; }
section.expert dl:hover { background-color: #0B701D; }
section.expert dl:hover dd p, section.expert dl:hover dd h3 { color: #fff; }
section.expert dl:hover dd i { background-color: #fff; }
.peoples { margin-top: 60px; padding-bottom: 60px; }
.peoples .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 10px !important; background-color: #000; }
/*.peoples .swiper-pagination-bullet:last-child{ display: none;}*/
.peoples .swiper-pagination-bullet-active { background-color: #0B701D; }
section.research { width: 100%; min-height: 400px; background: url(/templates/hy/images/bg2.jpg) repeat-x; margin-top: 60px; overflow: hidden; }
section.research .direction { width: 1200px; margin: 60px auto 0; display: table; }
section.research .direction .dirs { width: 100%; display: table; }
section.research .direction .dirs li { float: left; width: 284px; height: 423px; margin-right: 16px; overflow: hidden; position: relative; }
section.research .direction .dirs li:last-child { margin-right: none; }
section.research .direction .dirs li img { margin-top: 30px; }
section.research .direction .dirs li .nei { position: absolute; left: 0; top: 74%; width: 100%; height: 423px; padding: 40px 25px 30px; border: 1px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
section.research .direction .dirs li .nei h3 { font-size: 14px; font-weight: bold; color: #fff; padding-bottom: 15px; }
section.research .direction .dirs li .nei p { font-size: 13px; color: #494949; line-height: 2; margin-top: 20px; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); }
section.research .direction .dirs li .nei span { display: block; width: 18px; height: 19px; background: url(/templates/hy/images/yjs.jpg) no-repeat center center; position: absolute; right: 4px; bottom: 3px; display: none; }
section.research .direction .dirs li:hover .nei { top: 0%; background: url(/templates/hy/images/yjs.png) no-repeat right bottom; background-color: #fff; border-color: #ccc; }
section.research .direction .dirs li:hover h3 { color: #494949; border-bottom: 1px solid #E5E3E3; }
section.research .direction .dirs li:hover .nei p { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; -moz-transition: all .5s ease .5s; -o-transition: all .5s ease .5s; }
div.leeds { width: 1200px; margin: 60px auto 0; display: table; }
div.leeds h5 { font-size: 13px; color: #2F323A; line-height: 2.1; text-align: center; }
div.leeds .leasd { float: left; width: 732px; background-color: #F8F9FD; position: relative; padding: 90px 25px 50px; box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 50px; max-height: 246px; }
div.leeds .leasd p { font-size: 13px; color: #000; line-height: 2.2; }
div.leeds .leasd span { position: absolute; left: -30px; top: 35px; display: table; padding: 10px 40px; background-color: #0B701D; color: #fff; font-size: 16px; font-weight: bold; }
div.leeds .leasd2 { float: right; width: 420px; }
section.Building { width: 100%; min-height: 645px; background: url(/templates/hy/images/bg3.jpg) no-repeat center top; margin-top: 40px; padding-bottom: 60px; }
section.Building .contgs { width: 1200px; margin: 50px auto 0; display: table; }
.contgTit { width: 100%; display: table; text-align: center; padding-top: 50px; }
.contgTit h5 { font-size: 16px; color: #fff; margin-top: 20px; }
.contgTit h5 i { display: inline-block; width: 100px; margin: 0 15px; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.6); vertical-align: middle; }
section.Building .contgs .Contss { width: 100%; margin-top: 20px; }
section.Building .contgs .Contss p { font-size: 13px; color: #FFFFFF; line-height: 2.4; margin-top: 40px; }
section.Building .contgs .gwaps { width: 100%; display: table; margin-top: 60px; background-color: #F3F4F3; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
section.Building .contgs .gwaps dt { float: right; }
section.Building .contgs .gwaps dd { float: left; width: 617px; }
section.Building .contgs .gwaps h3 { font-size: 16px; color: #0B701D; }
section.Building .contgs .gwaps p { font-size: 13px; color: #2F323A; margin-top: 30px; line-height: 2; }
section.Building .contgs .gwapt { width: 100%; margin-top: 30px; background-color: #F3F4F3; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
section.Building .contgs .gwapt h4 { margin-top: 30px; font-size: 16px; color: #0B701D; font-weight: bold; }
section.Building .contgs .gwapt p { margin-top: 15px; color: #000; font-size: 13px; line-height: 2; }
.xxk { width: 100%; display: table; margin-top: 20px; }
.xxk ul { width: 100%; }
.xxk ul li { display: inline-block; /*cursor: pointer;*/ margin-right: 8px; vertical-align: middle; width: 369px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #fff; background-color: #A6A6A6; position: relative; }
.xxk ul li span { display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: -8px; margin-left: -4px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid transparent; }
.xxk ul li.on, .xxk ul li:hover { background-color: #0B701D; }
.xxk ul li.on span, .xxk ul li:hover span { border-top-color: #0B701D; }
.xxk .subxk article { margin-top: 40px; }
/*新的*/
div.reVideos { width: 100%; display: table; margin-top: 30px; }
div.reVideos ul { width: 100%; display: table; }
div.reVideos ul li { float: left; width: 448px; height: 194px; background-color: #F8F8F8; box-sizing: border-box; -moz-box-sizing: border-box; padding: 35px 12px; margin-right: 20px; margin-bottom: 20px; /*cursor: pointer;*/ }
div.reVideos ul li:nth-child(2n) { margin-right: 0; }
div.reVideos ul li img { display: inline-block; vertical-align: middle; }
div.reVideos ul li .vis { display: inline-block; vertical-align: middle; width: 188px; margin-left: 20px; }
div.reVideos ul li .vis p { font-size: 14px; color: #000; line-height: 2; }
div.reVideos ul li .vis span { display: block; width: 120px; height: 30px; background-color: #0B701D; color: #fff; text-align: center; line-height: 30px; border-radius: 20px; margin-top: 20px; }
div.reVideos ul li .vis span img { margin-right: 10px; }
.tgst { position: fixed; width: 920px; height: 620px; background-color: #000; background-color: rgba(0,0,0,0.5); left: 50%; margin-left: -460px; top: 50%; margin-top: -310px; display: none; }
.tgst .gb { font-size: 0; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; text-align: center; /*cursor: pointer;*/ padding-top: 10px; }
.tgst .gb span { display: inline-block; width: 20px; height: 1px; border-top: 1px solid #fff; }
.tgst .gb span.sp1 { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.tgst .gb span.sp2 { transform: rotate(-45deg) translate3d(2px, -1px, 0); -webkit-transform: rotate(-45deg) translate3d(2px, -1px, 0); -moz-transform: rotate(-45deg) translate3d(2px, -1px, 0); }
.tgst .subvid { width: 800px; height: 500px; background-color: #000; position: absolute; left: 50%; margin-left: -400px; top: 50%; margin-top: -250px; box-sizing: border-box; -moz-box-sizing: border-box; border: 4px solid #B1B1B1; }
.chengz .neis .wensi { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background-color: #0B701D; box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; opacity: 0; }
.chengz .neis .wensi h3 { font-size: 13px; color: #FFFFFF; }
.chengz .neis .wensi h3 strong { font-size: 18px; font-weight: bold; }
.chengz .neis .wensi p { color: #fff; margin-top: 15px; line-height: 1.8; }
.chengz .neis:hover .wensi { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
.nicescroll-rails { left: 1072px !important; display: none; }
.tmaps { width: 646px; height: 540px; background: url(/templates/hy/images/maps2.png) no-repeat center center; background-size: 100% 100%; margin: 15px 0; position: relative; }
.tmaps .imhs1 { position: absolute; left: 269px; top: 7px; opacity: 0;/* cursor: pointer; */ }
.tmaps .imhs1:hover { opacity: 1; }
.tmaps .imhs2 { position: absolute; left: 452px; top: 172px; /*cursor: pointer;*/ }
.tmaps .imhs2:hover { opacity: 1; }
.tmaps .wenzj { width: 354px; height: 226px; background-color: #0B701D; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 8px; padding: 30px 30px; position: absolute; right: -200px; top: 300px; display: none; }
.tmaps .wenzj h3 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 15px; }
.tmaps .wenzj p { font-size: 14px; color: #EFF1F0; line-height: 1.8; text-indent: 0em; }
.tmaps .wenzj p strong { font-size: 14px; display: inline-block; margin-right: 5px; }
.tmaps.on .imhs1 { opacity: 1; }
.tmaps.on .wenzj1 { display: block; }
.parHfr { width: 100%; margin-top: 60px; }
.parHfr h3 { font-size: 18px; color: #0B701D; margin-bottom: 25px; }
.parHfr h3 strong { display: inline-block; font-size: 18px; font-weight: bold; margin-left: 10px; }
.parHfr ul { width: 100%; display: block; }
.parHfr ul li { width: 100%; height: 533px; margin-bottom: 25px; }
