.infoban{ position:relative; overflow:hidden;}
@media screen and (min-width:1200px) {
.infoban img{ display:block; width:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infoban img{ display:block; width:130%;}
}
@media screen and (max-width:960px) {
.infoban img{ display:block; width:180%;}
}
.infobantxt{ position:absolute; left:0; top:50%; width:100%; z-index:5; transform: translateY(-50%); color:#fff; text-align:center;}
.infobantxt em{ line-height:1.6; text-shadow:0px 0px 3px #888;}
.infobantxt p{ font-weight:700; line-height:1.5; text-shadow:0px 0px 3px #888;}

.infoabout{ padding:4% 0; position:relative;}
.infoabout:before{ position:absolute; width:30%; height:100%; background:#f4f9ff; left:0; top:0; content:"";}
.infoabout_img img{ width:100%;}
@media screen and (min-width:960px) {
.infoabout_img{ width:50%; float:left;}
.infoabout_con{ width:45%; float:right; margin-right:30px; box-sizing: border-box;}
}
.infoabout em{ display:block; font-weight:700; color:#2d68b1; line-height:2;}
.infoabout i{ line-height:1.5; display:inline-block; margin:5px 0 25px; color:#666;}
.infoabout div{ color:#333; line-height:2;}

.infowenh{ padding:2% 0;}
@media screen and (min-width:560px) {
.infowenh li{ width: calc(33.33% - 20px); float:left; margin-right:30px;}
.infowenh li:nth-child(3){ margin-right:0;}
.wenhua{ height:670px;}
.wenhuas{ height:320px; margin-bottom:30px;}
}
@media screen and (max-width:560px) {
.infowenh li{ margin-bottom:20px;}
.wenhua{ height:320px;}
.wenhuas{ height:320px; margin-bottom:20px;}
}
.infowenh li p{ position:absolute; z-index:5; left:0; top:0; width:100%; box-sizing: border-box; padding:10%; color:#fff;}
.infowenh li p img{ width:auto; height:45px; float:left; margin-right:15px;}
.infowenh li p em{ line-height:45px; display:block;}
.infowenh li p em i{ display:inline-block; position:relative;}
.infowenh li p em i:before{ position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:#fff; content:"";}
.infowenh li p span{ display:inline-block; padding:25px 0 15px;}
.wenhua{ position:relative; overflow:hidden;}
.wenhuas{ position:relative; overflow:hidden;}
.wenhua img,.wenhuas img{ object-fit: cover; width:100%; height:100%; position:relative;  transition: all 0.3s;}
.wenhua:hover img{ transform: scale(1.1); }
.wenhuas:hover img{ transform: scale(1.1); }
.wenhua:hover p img,.wenhuas:hover p img{ transform: scale(1); }

.infohonor{ padding:2% 0 4%;}
.myhonor{ position:relative; overflow:hidden;}
.myhonor .swiper-slide{ display:block; text-align:center;}
.myhonor .swiper-slide .honorimg{ border:1px #ececec solid;}
.myhonor .swiper-slide .honorimg img{ display:block; width:100%;}
.myhonor .swiper-slide span{ line-height:2.5; font-size:15px;}
.honor-next,.honor-prev{ position:absolute; top:50%; width:31px; height:36px; z-index:5; margin-top:-28px; cursor: pointer;}
.honor-prev{ background:url(../images/lt.png) left bottom no-repeat; left:0;}
.honor-prev:hover{ background:url(../images/lt.png) left top no-repeat;}
.honor-next{ background:url(../images/rig.png) left bottom no-repeat; right:0;}
.honor-next:hover{ background:url(../images/rig.png) left top no-repeat;}

.myplant{ position:relative; overflow:hidden;}
.myplant .swiper-slide{ display:block; text-align:center;}
.myplant .swiper-slide .honorimg{ border:1px #ececec solid;}
.myplant .swiper-slide .honorimg img{ display:block; width:100%;}
.myplant .swiper-slide span{ line-height:2.5; font-size:15px;}

.infocase{ padding:4% 0;}
.infocase_con li{ position:relative;}
@media screen and (min-width:1200px) {
.infocase_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:20px; overflow:hidden;}
.infocase_con li:nth-child(3n+0){ margin-right:0;}
.infocase_con li .caseimg{ height:285px;}
.infocase_con li .caseimg img{ position:absolute; left:0; top:0; object-fit: cover;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infocase_con li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:20px;}
.infocase_con li:nth-child(2n+0){ margin-right:0;}
.infocase_con li .caseimg{ height:260px;}
.infocase_con li .caseimg img{ position:absolute; left:0; top:0; object-fit: cover;}
}
@media screen and (max-width:960px) {
.infocase_con li{ margin-bottom:20px;}
}
.infocase_con li .caseimg{ position:relative; overflow:hidden; transition: all 0.3s; margin-bottom:10px;}
.infocase_con li .caseimg img{ width:100%; height:100%; transition: all 0.3s;}
.infocase_con li:hover .caseimg img{transform: scale(1.1);}
.infocase_con li a{ display:block;}
.infocase_con li a span{ display:block; height:55px; line-height:55px; color:#999; overflow:hidden; text-align:center;}
.infocase_con li:hover a span{ color:#2d68b1;}

.case_view{ background:#f8f8f8; padding:3% 0;}
@media screen and (min-width:960px) {
.case_viewimg{ width:58%; float:left;}
.case_viewcon{ width:42%; float:right; padding:20px 0 0 50px;}
}
.case_viewimg{ position:relative;}
.case_viewimg img{ mix-blend-mode:multiply; display:block; width:100%;}
.case_viewimg .mySwiper{ position:relative; overflow:hidden;}
.case_viewimg .mySwiper .swiper-slide img{ display:block; width:100%; mix-blend-mode:normal;}
.case_viewcon{ box-sizing: border-box;}
.case_viewcon em{ display:block; font-weight:700; color:#2d68b1; line-height:2;}
.case_viewcon i{ line-height:1.5; display:inline-block; margin:5px 0 25px; color:#333;}
.case_viewcon div{ color:#666; line-height:2;}

.qitacase{ padding:3% 0;}
.qitacase_tit{ height:60px; line-height:60px; margin-bottom:15px;}
.qitacase_tit span{ font-weight:700;}
.qitacase_tit a{ float:right;}


.infopic { position: relative; padding:2% 0;}
.infopic_list{ position: relative; overflow: hidden; z-index: 0; margin-top:20px;}
.infopic_list li{ box-sizing: border-box;}
.infopic_list li a{ display:block; text-align:center;}
@media screen and (min-width:1200px) {
.infopic_list li{ width:calc(33.33% - 24px); float:left; margin-right:36px; margin-bottom:30px;}
.infopic_list li:nth-child(3n+0){ margin-right:0;}
.infopic_list li .psimg{ height:330px;}
.infopic_list li .psimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infopic_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.infopic_list li:nth-child(2n+0){ margin-right:0;}
.infopic_list li .psimg{ height:330px;}
.infopic_list li .psimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:960px) and (min-width:640px) {
.infopic_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.infopic_list li:nth-child(2n+0){ margin-right:0;}
.infopic_list li .psimg{ height:280px;}
.infopic_list li .psimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:640px) {
.infopic_list li .psimg img{ width:100%;}
}
.infopic_list li .psimg{ overflow:hidden; position:relative; background:#f8f8f8; padding:25px;}
.infopic_list li .psimg img{ mix-blend-mode: multiply; transition: all 0.3s;}
.infopic_list li:hover img{ transform: scale(1.05); }
.infopic_list li em{ display:block; color:#111; font-weight:700; line-height:2.5; transition: all 0.3s;}
.infopic_list li:hover em{ color:#2d68b1;}
.infopic_list li i{ color:#666; border-bottom:1px #666 solid; display:inline-block; padding-bottom:3px; transition: all 0.3s;}
.infopic_list li:hover i{ color:#51c2bf; border-bottom:1px #51c2bf solid;}
.infopic_list li p{ color:#666; height:50px; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom:15px;}

.infoliuch{ background:#f8f8f8; padding:3% 0;}
.liuchcon{ position:relative; width: calc(16.66% - 35px); float:left;}
.infoliuch img{ display:block; width:100%; max-width:1547px; margin:0 auto;}
@media screen and (min-width:760px) {
.infoliuch img.pc{ display:block;}
.infoliuch img.wap{ display:none;}
}
@media screen and (max-width:760px) {
.infoliuch img.pc{ display:none;}
.infoliuch img.wap{ display:block;}
}

.qitapic{ padding:3% 0;}
.qitapic_tit{ height:60px; line-height:60px; margin-bottom:15px;}
.qitapic_tit span{ font-weight:700;}
.qitapic_tit a{ float:right;}
.qitapic_con li{ position:relative;}
@media screen and (min-width:1200px) {
.qitapic_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:20px; overflow:hidden;}
.qitapic_con li:nth-child(3n+0){ margin-right:0;}
.qitapic_con li .picimg{ height:330px;}
.qitapic_con li .picimg img{ position:absolute; left:5%; top:10%; object-fit:cover;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.qitapic_con li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:20px;}
.qitapic_con li:nth-child(2n+0){ margin-right:0;}
.qitapic_con li .picimg{ height:260px;}
.qitapic_con li .picimg img{ position:absolute; left:5%; top:10%; object-fit:cover;}
}
@media screen and (max-width:960px) {
.qitapic_con li{ margin-bottom:20px;}
}
.qitapic_con li .picimg{ position:relative; overflow:hidden; transition: all 0.3s; margin-bottom:10px; background:#f8f8f8; padding:25px;}
.qitapic_con li .picimg img{ max-width:90%; max-height:80%; transition: all 0.3s;  mix-blend-mode:multiply;}
.qitapic_con li:hover .picimg img{transform: scale(1.1);}
.qitapic_con li a{ display:block;}
.qitapic_con li a span{ display:block; height:55px; line-height:55px; color:#999; overflow:hidden; text-align:center;}
.qitapic_con li:hover a span{ color:#2d68b1;}

.viewpic{ padding:3% 0;}
.viewpic h3{ text-align:center; line-height:2; display:block; color:#111;}
.viewpic img{ max-width:100% !important; height:auto !important; margin:10px 0;}

.formpic{ padding:2% 0; background-size:cover;}
.picbg01{ background:url(../images/bg3.jpg) center no-repeat;}
.picbg02{ background:url(../images/bg4.jpg) center bottom no-repeat;}
.formpic form{ margin:3% 5%;}
.formpic .smalltit{ color:#2d68b1; display:block; text-align:center; line-height:2;}
@media(min-width:760px){
.formpic form p{ float:left; width: calc(50% - 20px); margin-right:40px;}
}
.formpic form p{ margin-top:10px; margin-bottom:10px;}
.formpic form p .diqu{ width:33.33%; height:60px; background-color:rgba(255,255,255,0); border:0; border-bottom:1px #999 solid; font-size:16px; outline:none; float:left;}
.formpic form p:nth-child(2n){ margin-right:0;}
.formpic form .dztxt{ width:100%; height:60px; line-height:60px; background-color:rgba(255,255,255,0); border:0; border-bottom:1px #999 solid; font-size:16px; outline:none;}
.formpic form .dzsub{ background:#51c2bf; color:#fff; display:block; margin:45px auto 0; border:0; padding:12px 85px; border-radius:30px; outline:none;}

.infolixi{ padding:4% 0; position:relative;}
@media screen and (min-width:960px) {
.infolixi_con{ width:50%; overflow:hidden; float:right;}
.infolixi_img{ width:50%; position:absolute; left:0; top:0; height:100%; overflow:hidden;}
.infolixi_img img{ object-fit: cover; position:relative; width:100%; height:100%;}
}
@media screen and (max-width:960px) {
.infolixi_img{ display:none;}
}
.infolixi_con{ background:#2d68b1; padding:5% 4%; color:#fff;}
.infolixi_con h2{ background:url(../images/line.png) left bottom repeat-x; padding-bottom:15px; display:inline-block; margin-bottom:25px;}
.infolixi_con p{ padding-left:35px; line-height:40px; margin:10px 0;}
.infolixi_con p.tel{ background:url(../images/tels.png) left no-repeat;}
.infolixi_con p.email{ background:url(../images/email.png) left no-repeat;}
.infolixi_con p.add{ background:url(../images/add.png) left no-repeat;}
.infolixi_con div{ text-align:center; display:inline-block;}
.infolixi_con div img{ margin:15px 0; width:100%; max-width:200px; display:block;}

.news_url{ border-bottom:1px #d2d2d2 solid;}
.news_url a{ display:inline-block; padding:25px 45px; border-right:1px #d2d2d2 solid;}
@media screen and (max-width:640px) {
.news_url .symain{ width:100%;}
.news_url a{ padding:15px 0; width:49%; text-align:center;}
}
.news_url a:nth-child(1){ border-left:1px #d2d2d2 solid;}
.news_url a.lion{ background:#2d68b1; color:#fff;}
.news_url a:hover{ background:#2d68b1; color:#fff;}

.infonews { position: relative; padding:2% 0;}
.infonews_list{ position: relative; overflow: hidden; z-index: 0; margin-top:20px;}
.infonews_list li{ box-sizing: border-box;}
.infonews_list li a{ display:block;}
@media screen and (min-width:1200px) {
.infonews_list li{ width:calc(33.33% - 24px); float:left; margin-right:36px; margin-bottom:30px;}
.infonews_list li:nth-child(3n+0){ margin-right:0;}
.infonews_list li .newsimg{ height:330px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infonews_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.infonews_list li:nth-child(2n+0){ margin-right:0;}
.infonews_list li .newsimg{ height:310px;}
}
@media screen and (max-width:960px) and (min-width:640px) {
.infonews_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.infonews_list li:nth-child(2n+0){ margin-right:0;}
.infonews_list li .newsimg{ height:280px;}
}
@media screen and (max-width:640px) {
.infonews_list li{ margin-bottom:20px;}
.infonews_list li .newsimg img{ width:100%;}
}
.infonews_list li .newsimg{ overflow:hidden; position:relative; margin-bottom:10px;}
.infonews_list li .newsimg img{ transition: all 0.3s; object-fit: cover; width:100%; height:100%; position:relative;}
.infonews_list li:hover img{ transform: scale(1.05); }
.infonews_list li em{ display:block; color:#111; line-height:2; transition: all 0.3s;}
.infonews_list li:hover em{ color:#2d68b1;}
.infonews_list li i{ color:#999; display:inline-block; padding-bottom:35px; background:url(../images/jt03.png) left bottom no-repeat;}
.infonews_list li:hover i{ background:url(../images/jt04.png) left bottom no-repeat;}
.infonews_list li p{ color:#666; height:50px; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom:5px;}

.newsview{ padding:3% 0;}
.newsview_body{ background:#fff; padding:2% 3%; border-top-left-radius:20px; border-top-right-radius:20px;}

.view_title{ line-height:35px; padding:10px 0; text-align:center; color:#034080;}
.view_ps{ text-align:center; line-height:45px; border-bottom:1px #eaeaea solid; color:#666; font-family:"GOTHIC";}
.view_body{ padding:30px 0; line-height:30px; min-height:300px;}
.view_body img{ max-width:100% !important; height:auto !important; display:inline-block;}
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a{ line-height:2; color:#999;}
@media(min-width:760px){
.view_shxia a.nspre{ float:left; }
.view_shxia a.nsxia{ float:right;}
}
@media(max-width:760px){
.view_shxia a{ display:block;}
}
.view_shxia a:hover{ color:#2d68b1;}

.infouser{ padding:4% 0;}
@media(min-width:960px){
.infouser_img{ float:left; width:50%;}
.infouser_con{ float:right; width:50%;}
}
.infouser_img img{ display:block; width:100%;}
.infouser_con{ box-sizing: border-box; padding:1% 5%;}
.infouser_con p{ margin:15px 0; position:relative;}
.infouser_con p span{ color:#2d68b1; background:url(../images/ico10.png) left no-repeat; line-height:70px; display:inline-block; padding-left:50px; position:relative; cursor: pointer;}
.infouser_con p .userimg{ display:none; position:absolute; right:10px; top:-130px; z-index:10;}
.infouser_con p .userimg img{ display:block; max-width:140px;}
.infouser_con p:hover .userimg{ display:block; border:1px #ddd solid;}
.infouser_con p .usertxt{ width:100%; border:0; background:#d3e7f9; border-radius:35px; height:70px; line-height:70px; box-sizing: border-box; padding:0 25px; outline:none; font-size:15px;}
.infouser_con p .usersub{ background:#2d68b1; color:#fff; border:0; width:100%; height:75px; line-height:75px; border-radius:35px;}
@media(max-width:960px){
.infouser_img{ margin-bottom:20px;}
.infouser_con p .usertxt{ border-radius:25px; height:50px; line-height:50px;}
.infouser_con p .usersub{ border-radius:25px; height:50px; line-height:50px;}
}

.infoitems{ padding:3% 0;}
.infoitems .symain{ background:#f7f7f9;}
.infoitems_con{ line-height:2; padding:3% 2%; box-sizing: border-box;}
.infoitems_img{ overflow:hidden;}
.infoitems_img img{ display:block; width:100%;}
@media(min-width:960px){
.infoitems_con{ width: calc(50% - 20px); float:left;}
.infoitems_img{ width: calc(50% - 20px); float:right;}
}

.listitems_tit{ background:#2d68b1; margin:15px 0;}
.listitems_tit span{ line-height:3; color:#fff; padding:0 20px;}
.listitems ul{ margin:25px 0;}
.listitems ul li{ background:#f8f8f8; padding-bottom:5px;}
@media(min-width:760px){
.listitems ul li{ float:left; width: calc(50% - 20px); margin-right:40px;}
.listitems ul li:nth-child(2n){ margin-right:0;}
}
.listitems ul li img{ display:block; width:100%;}
.listitems ul li em{ display:inline-block; background:#2d68b1; color:#fff; border-radius:25px; margin:20px; padding:8px 25px;}
.listitems ul li .items{ margin:0 20px; line-height:30px; min-height:190px}