@charset "utf-8";
/* CSS Document */
img {
padding: 0;
margin: 0;
border: 0;
height: auto!important;
max-width: 100%!important;
max-height: auto!important;
}
/*头部*/
/*index-new*/
.dabsy_bt {
text-align: center;
height: auto;
line-height: 40px;
position: relative;
margin-bottom: 40px;
}
.dabsy_bt h3 {
font-size: 40px;
font-weight: bold;
position: inherit;
z-index: 2;
text-transform: uppercase;
}
.dabsy_bt h3 b {
color: #005305;
}
.dabsy_bt span {
display: block;
font-size: 16px;
color: #fff;
font-weight: normal;
padding: 5px 0 0;
}
.dabsy_bt p {
text-transform: uppercase;
font-size: 70px;
font-weight: bold;
color: #f0f0f0;
position: absolute;
z-index: 1;
top: 0;
width: 100%;
font-family: 'Arial';
letter-spacing: -2px;
opacity: 0.65;
}
@media only screen and (max-width:960px) {
.dabsy_bt {
text-align: center;
}
}
@media only screen and (max-width:767px) {
.dabsy_bt h3 {
font-size: 32px;
}
.dabsy_bt p {
font-size: 50px;
}
}
/*案例*/
.case {
margin-top: 75px;
margin-bottom: 100px;
}
.hd {
text-align: center;
}
.hd h2 {
font-size: 36px;
font-weight: normal;
color: #333;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.hd p {
font-size: 18px;
color: #666;
margin-top: 2px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.hd .line {
width: 48px;
height: 4px;
background: #e60014;
margin: 18px auto 50px;
}
/*ä½ç½®*/
.breav-nav {
width: 100%;
height: 82px;
line-height: 82px;
overflow: hidden;
background-color: #f4f5f8;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.location {
max-width: 700px;
background: url(../images/home.png) left center no-repeat;
padding-left: 38px;
float: left;
overflow: hidden;
color: #8b8989;
font-size: 16px;
}
.location a {
color: #8b8989;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
/* 二级导航 */
.sub_muen {
float: right;
display: block;
}
.sub_muen li {
float: left;
height: 82px;
margin-left: 20px;
margin-right: 20px;
position: relative;
}
.sub_muen li a {
display: block;
font-size: 17px;
color: #333;
padding: 0 8px;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.sub_muen li:hover a, .sub_muen li.cur a {
color: #cc2727;
}
.sub_muen li:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #cc2727;
transition: all 0.3s;
}
.sub_muen li:hover:after, .sub_muen li.cur:after {
width: 100%;
}
@media only screen and (max-width:767px) {
.sub_muen {
display: none
}
}
@media only screen and (max-width:640px) {
.location {
float: left;
font-size: 14px;
}
.sub_muen {
display: none
}
}
/*å•é¡µå¤´éƒ¨*/
.ej_banner {
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.bannerbox {
height: 500px;
position: relative;
overflow: hidden;
}
.bannercover {
z-index: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;/*background: rgba(0,0,0,.2);*/
}
.bannertxt {
width: 100%;
text-align: center;
top: 60%;
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 4;
}
.bannertxt h1 {
color: white;
font-weight: bold;
font-size: 33px;
text-transform: uppercase;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
letter-spacing: 5px;
}
.bannertxt span {
display: inline-block;
width: 80px;
height: 3px;
background: #fff;
margin: 20px 0;
}
.ej_banner span {
overflow: hidden;
}
.bannertxt p {
font-size: 16px;
color: rgba(250,250,250,.7);
line-height: 30px;
}
.bannerbox .bannerimg9 {
background: url(../images/dybg.jpg);
}
.bannerbox .bannerimg {
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
animation: banrun1 20s linear infinite;
}
@media (min-width: 641px) {
.phbox {
display: none;
}
}
@media (max-width: 640px) {
.ej_banner {
margin-top: 60px;
}
}
@media (max-width: 640px) {
.pcbox {
display: none;
}
}
@keyframes banrun1 {
0% {
transform: scale(1)
}
50% {
transform: scale(1.28)
}
100% {
transform: scale(1)
}
}
.phbanner {
/*position: fixed;*/
z-index: 1;
top: 60px;
left: 0;
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.phbanner9 {
background-image: url(../images/dybg.jpg);
}
.phbanner .cover {
/*position: absolute;*/
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.3);
z-index: 1;
}
.phbanner .tt {
position: absolute;
z-index: 2;
width: 100%;
left: 0;
top: 20%;
transform: translateY(-50%);
text-align: center;
}
.phbanner .tt h3 {
font-size: 18px;
color: #fff;
}
.phbanner .tt span {
display: inline-block;
width: 40px;
height: 2px;
background: #fff;
margin: 5px 0;
}
.phbanner .tt h4 {
font-size: 13px;
color: #fff;
}
/**/
/*首页头部*/
.intitle {
position: relative;
text-align: center;
overflow: hidden;
}
.intitle .en {
position: relative;
display: inline-block;
/*text-transform: lowercase;*/
font-size: 19px;
color: #bcbcbd;
text-transform: uppercase;
font-family: "Arial";
}
.intitle .en:before {
content: "";
position: absolute;
top: 50%;
left: -95px;
margin-top: -1.5px;
width: 80px;
height: 3px;
background: #3965cd;
}
.intitle .en:after {
content: "";
position: absolute;
top: 50%;
right: -95px;
margin-top: -1.5px;
width: 80px;
height: 3px;
background: #3965cd;
}
.intitle .en span {
line-height: 90px;
font-size: 90px;
color: #3965cd;
text-transform: capitalize;
font-family: "微软雅黑";
}
.intitle .ch {
width: 100%;
font-size: 36px;
color: #000000;
position: absolute;
left: 29px;
margin-top: -70px;
z-index: 10;
}
.intitle .ch span {
font-size: 36px;
color: #6284d7;
font-weight: bold;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.intitle .smt {
font-size: 16px;
color: #333;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
/*首页关于我们*/
.home_about {
padding-top: 80px;
padding-bottom: 90px;
overflow: hidden;
background: url(../images/ab-bg.jpg);
background-attachment: fixed;
}
.home_ab_fl {
width: 80%;
box-sizing: border-box;
/*padding-right: 120px;*/
float: left;
margin-top: 40px;
}
.home_ab_fl a.more {
display: block;
width: 50px;
padding-right: 7px;
height: 43px;
line-height: 43px;
text-align: center;
transition: all 0.5s;
font-family: Tahoma;
font-size: 14px;
color: #fff;
text-transform: uppercase;
background: url(../images/more-1.png) no-repeat;
margin-top: 25px;
}
.home_ab_fl a.more:hover {
transform: translateY(15px);
}
.home_ab_fr {
width: 50%;
float: right;
display: block;
margin-top: 50px;
}
.home_ab_fr img {
display: block;/*width: 100%;*/
}
@media only screen and (max-width:1024px) {
.home_ab_fl {
osition: relative;
left: auto;
top: auto;
width: 100%;
padding: 40px 5% 55px;
}
}
@media only screen and (max-width:1024px) {
.home_ab_fr {
width: 100%;
}
}
@media only screen and (max-width:767px) {
.home_ab_fl {
width: 100%;
padding-right: 0;
float: none;
}
.home_ab_fl h3 {
font-size: 24px;
}
.home_ab_fl h4 {
font-size: 18px;
}
.home_ab_fr {
width: 100%;
float: none;
margin-top: 50px;
}
}
/*æ•°å—++++++++++*/
.main {
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 150px;
}
.mumping_mun li {
width: 25%;
display: inline-block;
border-right: 1px solid #eee;
box-sizing: border-box;
float: left;
text-align: center;
height: 180px;
/*background: #f3f3f5;*/
background: #fff;
}
.mumping_mun span {
display: block;
text-align: center;
height: auto;
padding-top: 20px;
}
.mumping_mun span em {
display: inline-block;
height: 70px;
line-height: 70px;
font-size: 60px;
color: #3965cd;
font-weight: bold;
font-family: "Arial";
}
.mumping_mun span i {
display: inline-block;
text-align: center;
line-height: 50px;
font-size: 20px;
color: #3965cd;
vertical-align: bottom;
margin: 0 0 0px 6px;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.mumping_mun li:hover {
background: #004ea1;
}
.mumping_mun li:hover p {
color: #fff;
}
.mumping_mun li:hover i {
color: #fff;
}
.mumping_mun li:hover em {
color: #fff;
}
.mumping_mun p {
font-size: 16px;
color: #666;
line-height: 40px;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
@media only screen and (max-width:558px) {
.main {
height: 270px;
}
.mumping_mun li {
width: 50%;
height: auto;
}
}
/*首页æœåŠ¡æ‰¿è¯º*/
.line {
width: 270px;
height: 1px;
background: #3965cd;
margin: 5px auto 5px;
margin-right: 0px;
}
.skins {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}
.home_Promises {
padding-top: 60px;
padding-bottom: 100px;
overflow: hidden;
background: url(../images/inde1.jpg);
background-attachment: fixed;
}
.hs_serbox {
margin-top: 50px;
overflow: hidden;
}
.hs_serbox li {
float: left;
width: 31%;
text-align: center;
margin: 1%;
background: rgb(255, 255, 255, 0.6);
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
overflow: hidden;
height: 180px;
}
.hs_serbox li.on {
background: #A52A2A;
}
.hs_serbox li a {
padding-bottom: 20px;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.hs_serbox li i {
display: block;
margin: 0 auto;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 100%;
transition: all 0.8s;
float: left;
}
.hs_serbox li img {
padding: 23px;
display: block;
box-sizing: border-box;
}
.hs_serbox li h3 {
font-weight: 800;
font-size: 18px;
line-height: 3;
color: #333;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
padding-top: 20px;
}
.hs_serbox li p {
color: #808080;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
font-size: 15px;
}
.hs_serbox li:hover i {
transform: rotateY(180deg);
}
.pro_move {
font-size: 14px;
line-height: 40px;
height: 40px;
color: #808080;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
transition: all .36s ease;
margin-top: 30px;
background: #f2f2f2;
text-align: center;
width: 160px;
margin: auto;
margin-bottom: 30px;
margin-top: 45px;
}
@media only screen and (max-width:840px) {
.hs_serbox li a {
padding: 20px;
}
}
@media only screen and (max-width:767px) {
.hs_serbox li {
width: 46%;
margin: 2%;
}
}
@media only screen and (max-width:448px) {
.hs_serbox li {
width: 96%;
margin: 2%;
}
}
/*首页新闻ä¸å¿ƒ*/
.new {
padding-bottom: 100px;
padding-top: 80px;
}
.home_new {
padding: 65px 0 90px;
overflow: hidden;
background-size: cover;
background-attachment: fixed;
}
.newsboxs_b {
margin-top: 60px;
width: 100%;
}
.newsboxs_b li {
float: left;
width: 24%;
height: 400px;
background: #fff;
margin: 0 0.5%;
}
.newsboxs_b ul>li>a {
display: block;
height: 190px;
width: 100%;
overflow: hidden;
}
.newsboxs_b ul>li>a>img {
width: 100%;
}
.n_contentt {
text-align: left;
box-shadow: 0 0 8px #ddd;
padding: 25px;
}
.n_contentt h3 {
font-size: 16px;
line-height: 30px;
height: 30px;
margin-bottom: 10px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
font-family: "Microsoft YaHei";
}
.n_contentt span {
color: #999;
font-size: 15px;
/* margin-left: 130px; */
font-family: "黑体";
font-weight: bold;
}
.n_contentt p {
font-size: 15px;
color: #acacac;
line-height: 26px;
margin: 10px 0 36px;
height: 52px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.n_contentt p1 {
font-size: 20px;
color: #333;
/* text-align: center; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
/* padding: 0 20px 7px; */
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
@media only screen and (max-width:1200px) {
.newsboxs_b li {
width: 46%;
margin: 2%;
}
}
@media only screen and (max-width:767px) {
.newsboxs_b li {
width: 96%;
margin: 2%;
}
}
/*.newsBox {
background: #FFF;
overflow: hidden;
padding: 20px 30px 10px 30px;
box-sizing: border-box;
margin-top: 60px;
}
.newsBox .new_b {
width: 50%;
float: left;
overflow: hidden;
padding-right: 3%;
background: url(../images/news_line.gif) no-repeat top right;
padding-top: 30px;
}
.newsBox .new_c {
width: 44%;
height: auto;
overflow: hidden;
padding-left: 3%;
padding-top: 20px;
}
.new_b dl {
width: 100%;
height: 200px;
overflow: hidden;
margin-bottom: 50px;
}
.new_b dl dt {
width: 40%;
height: auto;
float: left;
line-height: 0;
overflow: hidden;
}
.new_b dl dt img {
display: block;
width: 100%;
}
.new_b dl dd {
width: 55%;
float: left;
margin-left: 5%;
}
.new_b dl dd h5 {
font-size: 18px;
height: 24px;
line-height: 24px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.new_b dl dd h5 a {
font-size: 16px;
color: #333;
}
.new_b dl dd .wd_desc {
font-size: 14px;
color: #777;
height: 66px;
line-height: 22px;
overflow: hidden;
padding: 10px 0 0;
text-align: justify;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.new_b dl dd span {
display: block;
width: 105px;
padding: 10px 0 0;
}
.new_b dl dd span a {
display: block;
font-size: 14px;
color: #fff;
width: 105px;
text-align: center;
height: 32px;
line-height: 32px;
background: #3965cd;
overflow: hidden;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.new_b dl dd span a:hover {
background: #3A5FCD;
}
.newsBox .new_b dl:nth-child(2) {
margin-bottom: 42px;
}
.new_c dl {
width: 100%;
height: 101px;
border-bottom: #dcdcdc 1px dashed;
padding: 15px 0;
}
.new_c dl dt {
width: 80px;
float: right;
font-size: 16px;
color: #ffffff;
text-align: center;
background: #3965cd;
line-height: 34px;
margin-top: 3%;
font-family: "Times New Roman", Times, serif;
}
.new_c dt i {
display: block;
font-size: 30px;
color: #ffffff;
border-top: 1px solid #FFF;
font-family: "Times New Roman", Times, serif;
}
.new_c dd {
overflow: hidden;
padding-right: 20px;
}
.new_c dd h5 {
font-size: 18px;
height: 30px;
line-height: 30px;
overflow: hidden;
font-weight: normal;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.new_c dd h5 a {
font-size: 16px;
color: #333;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.new_c .news_desc {
font-size: 14px;
color: #9a9a9a;
line-height: 22px;
height: 44px;
overflow: hidden;
padding: 5px 0 0;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
@media only screen and (max-width:1199px) {
.home_new .skinw {
width: 95%;
margin: 0 auto;
overflow: hidden;
}
}
@media only screen and (max-width:767px) {
.newsBox .new_b {
width: 100%;
float: none;
padding-right: 0;
background: none;
padding-top: 0;
}
.newsBox .new_c {
width: 100%;
padding-left: 0;
}
}
*/
/*å•é¡µå…³äºŽæˆ‘们*/
.about {
padding-bottom: 100px;
padding-top: 60px;
}
.hd {
text-align: center;
}
.hd h2 {
font-size: 36px;
font-weight: normal;
color: #333;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.hd p {
font-size: 18px;
color: #666;
margin-top: 2px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.hd .line {
width: 48px;
height: 4px;
background: #3965cd;
margin: 18px auto 50px;
}
.mors {
text-align: center;
}
.mors a {
display: inline-block;
width: 145px;
height: 45px;
font-size: 16px;
text-align: center;
line-height: 45px;
-webkit-transition: all .5s;
transition: all .5s;
margin-top: 50px;
/*border-radius: 4px;*/
background: #fff;
border: 1px solid #004f97;
color: #004f97;
}
.mors a:hover {
background: #3965cd;
color: #fff;
}
.content2 {
max-width: 1000px;
margin: auto;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
overflow: hidden
}
.content2 .daily {
width: 100%;
padding: 20px 0 20px;
margin-top: 40px;
margin-bottom: 26px;
justify-content: space-between;
}
.content2 .daily li {
list-style: none;
float: left;
width: 25%;
padding-left: 20px;
box-sizing: border-box;
color: #222;
}
.content2 .daily li span {
display: block;
font-size: 17px;
line-height: 100%;
margin-bottom: 13px;
color: #333;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.content2 .daily li em {
display: block;
font-size: 50px;
font-family: Impact;
line-height: 100%;
transition: .3s;
font-style: normal;
}
.content2 .daily li i {
display: inline-block;
width: 27px;
height: 27px;
background: #3965cd;
border-radius: 50%;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 27px;
margin-left: 10px;
vertical-align: bottom;
margin-bottom: 6px;
font-style: normal;
}
.content2 .daily li:last-child {
border-right: none;
}
.content2 .daily li:hover em, .content2 .daily li:hover span {
animation: bounceIn 1s;
-webkit-animation: bounceIn 1s;
font-style: normal;
}
.content2 .daily li:hover em {
color: #3965cd;
font-style: normal;
}
@media only screen and (max-width:791px) {
.content2 .daily li {
width: 50%;
padding-bottom: 30px;
}
}
/*å•é¡µæ–°é—»*/
.side_left {
width: 255px;
float: left;
overflow: hidden;
}
.side_right {
margin-left: 300px;
}
/*二ã€ä¸‰çº§å¯¼èˆª*/
.left_box {
margin-bottom: 15px;
overflow: hidden;
}
.box_title {
text-align: center;
height: 80px;
border-bottom: 1px dashed #333;
}
.box_title h3 {
font-size: 26px;
color: #333;
line-height: 1.0;
font-weight: normal;
padding-top: 18px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
letter-spacing: 2px;
}
.box_contact {
margin-top: 3px;
margin-bottom: 1px;
}
.box_contact ul li {
/*line-height: 30px;*/
border-bottom: 2px solid #FFF;
font-size: 16px;
padding: 10px 0;
}
.box_contact ul li a {
display: block;
color: #222;
padding-left: 30px;
padding-right: 18px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.left_box .tel1 {
color: #fff;
height: 85px;
background: #3965cd;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-top: 20px;
}
.left_box .tel1 .telb {
background: url(../images/tel_tip.png) no-repeat 15px;
padding-left: 68px;
}
.left_box .tel1 span {
font-size: 18px;
line-height: 1.4;
padding-top: 9px;
display: block;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.left_box .tel1 p {
font-size: 25px;
line-height: 1;
color: #fff;
font-family: 'impact';
}
.submuen {
margin-bottom: 15px;
overflow: hidden;
}
.submuen_title {
text-align: center;
height: 80px;
background: #3965cd;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.submuen_title h3 {
font-size: 28px;
color: #fff;
font-weight: normal;
padding-top: 22px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.submuen_nav {
background: #f5f5f5;
margin-top: 3px;
margin-bottom: 1px;
}
.submuen_nav ul li {
line-height: 30px;
border-bottom: 2px solid #FFF;
font-size: 16px;
padding: 15px 0;
}
.submuen_nav ul li a {
display: block;
color: #222;
padding-left: 46px;
padding-right: 18px;
background: url(../images/lnav_p.png) no-repeat 26px center;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.submuen_nav ul li a.cur, .submuen_nav ul li a:hover {
color: #3965cd;
background: url(../images/lnav_ph.png) no-repeat 26px center;
}
.submuen_nav ul li .level_nav {
border-top: 2px solid #FFF;
}
.submuen_nav ul li .level_nav a {
line-height: 45px;
height: 45px;
padding-left: 50px;
font-size: 14px;
color: #686868;
background: url(../images/ico02.png) no-repeat 32px 20px;
}
.submuen_nav ul li .level_nav a:hover, .submuen_nav ul li .level_nav a.curre {
background: #2f7d70 url(../images/ico02_h.png) no-repeat 32px 20px;
color: #ffffff;
}
.submuen .tel1 {
color: #fff;
height: 85px;
background: #2f7d70;
border-bottom-left-radius: 50px;
padding-top: 20px;
}
.submuen .tel1 .telb {
background: url(../images/tel_tip.png) no-repeat 15px;
padding-left: 68px;
}
.submuen .tel1 span {
font-size: 16px;
line-height: 1.4;
padding-top: 9px;
display: block;
}
.submuen .tel1 p {
font-size: 25px;
line-height: 1;
color: #fff;
font-family: 'impact';
}
@media only screen and (max-width:768px) {
.side_left {
width: 100%;
float: none;
overflow: hidden;
}
.side_right {
width: 100%;
margin-left: 0;
overflow: hidden;
}
}
.skinww {
width: 100%;
max-width: 1450px;
margin: 0 auto;
}
.newlist {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.newlist .ul1 li {
position: relative;
width: 100%;
}
.newlist .ul1 li::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
content: '';
background: #f5f5f5;
}
.newlist .ul1 li a {
position: relative;
z-index: 1;
display: block;
padding: 50px 10px;
border-bottom: 1px solid #f0efef;
}
.newlist .ul1 li .lin {
width: 100%;
}
.newlist .ul1 li .lin .lidate {
font-weight: bold;
float: left;
width: 72px;
text-align: center;
color: #666;
border-top: 2px solid #707070;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.newlist .ul1 li .lin .lidate .p1 {
font-size: 35px;
margin-top: 15px;
}
.newlist .ul1 li .lin .lidate .p2 {
font-size: 15px;
margin-top: 15px;
}
.newlist .ul1 li .lin .linn {
padding-left: 100px;
}
.newlist .ul1 li .lin .linn h4 {
font-size: 18px;
color: #000;
font-weight: normal;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.newlist .ul1 li .lin .linn h5 {
font-size: 18px;
color: #000;
font-weight: normal;
background: url(../images/wen.png) no-repeat;
padding-left: 38px;
}
.newlist .ul1 li .lin .linn p {
font-size: 14px;
line-height: 24px;
overflow: hidden;
height: 48px;
margin-top: 18px;
color: #999;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
@media screen and (min-width: 767px) {
.newlist .ul1 li:hover::after {
height: 100%;
transition: 0.5s
}
.newlist .ul1 li:hover .lidate {
color: #3965cd;
border-top-color: #3965cd;
}
.newlist .ul1 li:hover .lin .linn h4 {
color: #3965cd;
}
}
/*åˆ†é¡µæ ·å¼*/
.pglist {
padding: 30px 0 15px;
width: 100%;
text-align: center;
clear: both;
}
.pglist a {
color: #666;
padding: 0 15px;
margin: 0 3px;
background: #fff;
border: 1px solid #edebeb;
}
.pglist * {
display: inline-block;
vertical-align: middle;
line-height: 34px;
padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current{
display: inline-block;
color: #fff;
background: #3965cd;
border-color: #3965cd;
}
.left_box .title {
font-size: 28px;
color: #fff;
line-height: 1.0;
font-weight: normal;
padding-top: 32px;
}
/*å•é¡µè”系我们*/
.contact_map {
overflow: hidden;
width: 100%;
}
.contact_map .MapInfo {
float: left;
width: 100%;
box-sizing: border-box;
border: 1px dashed #ccc;
padding: 8px;
}
.contact_map .MapInfo img {
max-width: none;
}
.contact {
padding-bottom: 100px;
padding-top: 100px;
}
.ContactInfo {
padding: 50px 0;
overflow: hidden;
margin-bottom: 40px;
}
.ContactInfo li {
width: 24%;
height: 180px;
line-height: 30px;
color: #333;
text-align: center;
float: left;
border-right: 1px dashed #bbb;
padding: 0 5px 0 5px;
transition: 0.3s;
}
.ContactInfo li:nth-child(4) {
border-right: none;
}
.ContactInfo li img {
}
.ContactInfo li span {
display: block;
font-size: 18px;
font-weight: bold;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.ContactInfo li em {
display: block;
font-size: 16px;
font-style: normal;
line-height: 20px;
padding-top: 10px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.ContactInfo li:nth-child(4) em {
font-size: 13px;
}
@media only screen and (max-width:1023px) {
.ContactInfo li {
width: 50%;
border-right: none;
}
}
@media only screen and (max-width:499px) {
.ContactInfo li {
width: 100%;
height: auto;
margin-bottom: 15px;
}
}
/*首页滑动产å“ä¸å¿ƒ*/
.home_pro {
padding-top: 80px;
padding-bottom: 100px;
overflow: hidden;
background: url(../images/ab_bg.jpg);
}
.skinwk {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.hp_list {
margin-top: 30px;
position: relative;
padding-top: 30px;
}
.hp_list .hpbox {
height: auto;
overflow: hidden;
}
.hp_list ul li {
width: 454px;
float: left;
margin-right: 18px;
display: block;
}
.hp_list ul li a {
display: block;
overflow: hidden;
position: relative;
}
.hp_list ul li a h5 {
/*position: absolute;*/
left: 0;
bottom: 0;
width: 100%;
line-height: 3;
font-size: 16px;
color: #333;
text-align: center;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.hp_list ul li a {
color: #333;
}
.hp_list ul li .himg {
overflow: hidden
}
.hp_list ul li img {
display: block;
width: auto;
margin: 0 auto;
}
.hp_list ul li:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.8s;
}
.hp_prev {
left: -94px;
top: 150px;
width: 55px;
height: 55px;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #c0c0c0 url(../images/jtl1.png) center no-repeat;
border-radius: 50%;
position: absolute;
}
.hp_next {
position: absolute;
right: -94px;
top: 150px;
width: 55px;
height: 55px;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #c0c0c0 url(../images/jtr1.png) center no-repeat;
border-radius: 50%;
}
.hp_prev:hover {
background-color: #3965cd;
}
.hp_next:hover {
background-color: #3965cd;
}
@media only screen and (max-width:1399px) {
.hp_prev {
left: -4px;
}
.hp_next {
right: -4px;
}
}
@media only screen and (max-width:400px) {
.hp_list ul li {
width: 100%;
}
}
/*.hc_list {
position: relative;
}
.hc_list .hcbox {
height: auto;
overflow: hidden;
padding-top: 80px;
}
.hc_list li {
width: 311px;
margin-right: 18px;
float: left;
}
.hc_list li i {
display: block;
line-height: 0;
overflow: hidden;
}
.hc_list li i img {
display: block;
width: 100%;
transition: all 0.5s;
}
.hc_list li:hover i img {
transform: scale(1.1);
}
.hc_list li a {
display: block;
overflow: hidden;
}
.hc_list li span {
font-size: 17px;
display: block;
height: 70px;
line-height: 70px;
text-align: center;
background: #FFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.hc_list li:hover a {
border: 1px solid #3965cd;
}
.hc_list li:hover span {
background: #3965cd;
color: #fff;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}
.hc_prev {
left: -94px;
top: 200px;
width: 40px;
height: 40px;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #c0c0c0 url(../images/jtl1.png) center no-repeat;
border-radius: 50%;
position: absolute;
}
.hc_next {
position: absolute;
right: -94px;
top: 200px;
width: 40px;
height: 40px;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #c0c0c0 url(../images/jtr1.png) center no-repeat;
border-radius: 50%;
}
.hc_prev:hover {
background-color: #3965cd;
}
.hc_next:hover {
background-color: #3965cd;
}
@media only screen and (max-width:1299px) {
.hc_prev {
left: -10px;
}
.hc_next {
right: -10px;
}
}
@media only screen and (max-width:500px) {
.hc_list ul li {
width: 100%;
}
}*/
/*å•é¡µå…³äºŽæˆ‘们-ä¼ä¸šæ–‡åŒ–*/
.qywh {
padding: 50px 0;
overflow: hidden;
}
.qywh ul {
height: 220px;
border: 1px solid #E5E5E5;
position: relative;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
}
.qywh ul:after {
position: absolute;
width: 29px;
height: 25px;
content: "";
right: 50px;
top: -13px;
background: url(../images/wh.png) no-repeat;
}
.qywh li {
float: left;
margin-left: 65px;
height: 60px;
margin-top: 80px;
font-size: 0;
}
.qywh li:nth-child(1) {
margin-left: 40px;
}
.qywh li em {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background: #3965cd;
vertical-align: top;
margin-right: 13px;
}
.qywh li p {
display: inline-block;
font-size: 22px;
color: #3965cd;
line-height: 20px;
padding-top: 10px;
max-width: 170px;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.qywh li p i {
display: block;
font-size: 16px;
color: #666;
line-height: 24px;
padding-top: 7px;
}
.qywh li:hover em {
animation: flipInY 1s;
}
/*dd*/
.zailist {
width: 100%;
height: 100px;
}
.zailist li {
float: left;
width: 19.9%;
height: 100%;
border-right: 1px solid #fff;
}
.zailist li a {
display: block;
position: relative;
padding: 24px 0 22px;
height: 54px;
background-color: #3965cd;
text-align: center;
}
.zailist .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.zailist .bg.p1 {
background: url(../images/zai1.jpg) center / cover no-repeat;
}
.zailist h3, .zailist h4 {
position: relative;
z-index: 1;
}
.zailist h3 {
font-size: 18px;
color: #fff;
line-height: 30px;
height: 30px;
overflow: hidden;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.zailist h4 {
font-size: 14px;
color: #fff;
line-height: 24px;
height: 24px;
overflow: hidden;
}
.zailist li:hover .bg {
opacity: 0.5;
}
.zailist li.on .bg {
opacity: 1;
}
/*首页滑动涉åŠé¢†åŸŸæ¨¡å—*/
.ly {
/*background: url(../images/bg-1.jpg) no-repeat;*/
margin-top: 75px;
background-attachment: fixed;
background: #f5f5f5;
}
.skinws {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.clearfix:after {
content: "";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.hz {
height: 780px;
background: url(Img/Index/hz_bg.jpg) no-repeat center top;
overflow: hidden;
}
.hz h2 {
text-align: center;
height: 105px;
margin-bottom: 50px;
background: url(Img/Index/hz_bg.png) no-repeat center top;
}
.hz h2 b {
font-size: 42px;
color: #0042b6;
line-height: 1;
}
.hz h2 span {
display: block;
padding-top: 10px;
font-size: 24px;
font-weight: normal;
letter-spacing: 8px;
color: #0042b6;
}
.hz .content {
position: relative;
}
.hz .hz_ul {
/*height: 80px;*/
margin-bottom: 30px;
background: rgb(255, 255, 255, 0.4);
margin-top: 50px;
}
.hz .hz_ul li {
float: left;
width: 16.58%;
height: 70px;
line-height: 1;
text-align: center;
font-size: 19px;
color: #333;
padding-top: 42px;
cursor: pointer;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
border-right: 1px solid #f5f5f5;
background: #fff;
}
.hz .hz_ul li.odd {
background: #fff;
}
.hz .hz_ul li.cur {
background: #3965cd;
color: #fff;
font-family: "微软雅黑";
}
.hz .hz_ul li.cur span {
color: #fff;
}
.hz .hz_ul li span, .hz .content .hz_more span {
display: block;
padding-top: 6px;
font-size: 13px;
/*text-transform: uppercase;*/
color: #666;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.hz .content .hz_more {
position: absolute;
top: 0;
right: 0;
width: 200px;
background: #b3b3b3;
width: 200px;
height: 58px;
line-height: 1;
text-align: center;
font-size: 18px;
color: #fff;
padding-top: 22px;
}
.hz .content .hz_more a {
display: block;
color: #fff;
}
.hz .hz_inner dl {
/*background: #fff;*/
overflow: hidden;
}
.hz .hz_inner dl dt {
float: left;
width: 50%;
height: 350px;
}
.hz .hz_inner dl dt img {
width: 600px;
height: 350px;
}
.hz .hz_inner dl dd {
float: right;
width: 45%;
padding: 45px 30px;
background: #fff;
}
.hz .hz_inner dl dd h3 {
font-size: 36px;
line-height: 1;
color: #fff;
padding-bottom: 18px;
margin-bottom: 1px;
border-bottom: 1px solid #ccc;
}
.hz .hz_inner dl dd h3 span {
display: block;
font-size: 22px;
color: #666;
padding-bottom: 8px;
text-transform: uppercase;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
letter-spacing: 1px;
}
.hz .hz_inner dl dd {
padding-bottom: 22px;
font-size: 17px;
line-height: 24px;
color: #666;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.hz .hz_inner dl dd b {
display: block;
font-size: 18px;
color: #222;
line-height: 2.4;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.hz .hz_inner dl dd .more {
display: block;
width: 50px;
padding-right: 7px;
height: 43px;
line-height: 43px;
text-align: center;
transition: all 0.5s;
font-family: Tahoma;
font-size: 14px;
color: #fff;
text-transform: uppercase;
background: url(../images/more-1.png) no-repeat;
margin-top: 25px;
}
.hz .hz_inner dl dd .more:hover {
transform: translateY(-15px)
}
@media only screen and (max-width:1154px) {
.hz .hz_ul li {
width: 33%;
}
.hz .hz_inner dl dt {
width: 100%;
}
.hz {
height: 1220px;
}
.hz .hz_inner dl dd {
width: 100%;
padding: 0;
}
.hz .hz_inner dl dd h5 {
margin-top: 100px;
}
}
/*å•é¡µäº§å“ä¸å¿ƒ*/
.products {
padding-top: 100px;
padding-bottom: 100px;
}
.Prolist ul li {
float: left;
width: 33.33%;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
margin-bottom: 30px;
}
.Prolist ul li a {
display: block;
}
.Prolist .img-box {
position: relative;
}
.Prolist .img-box:before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
transition: all .3s;
}
.Prolist .img-box img {
width: 100%;
display: block;
}
.Prolist .img-box .icon-box {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
z-index: 99;
margin-top: -85px;
opacity: 0.0;
transform: translateY(-40px);
transition: all .3s;
}
.Prolist .img-box .icon-box img {
width: auto;
margin: auto;
}
.Prolist li:hover .img-box:before {
opacity: 1;
}
.Prolist li:hover .img-box .icon-box {
transform: translateY(70px);
opacity: 1.0;
}
.Prolist .txt-box {
height: 60px;
line-height: 60px;
/* background: #f5f5f5; */
text-align: center;
color: #4c4c4c;
font-size: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
letter-spacing: 3px;
}
@media (max-width:767px) {
.Prolist ul li {
width: 50%;
}
}
@media (max-width:500px) {
.Prolist ul li {
width: 100%;
}
}
/*首页4大优势*/
.home_youshi {
/*padding-top: 90px;*/
overflow: hidden;
margin-bottom: 60px;
background: url(../images/y_bg.jpg)
}
.youshi {
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
}
.youshi li {
float: left;
width: 23%;
background: #fff;
height: 254px;
}
.youshi li span {
display: block;
height: 60px;
line-height: 60px;
margin-top: 56px;
margin-bottom: 14px;
font-size: 20px;
color: #222;
text-align: center;
font-weight: bold;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.youshi .li01 span {
background: url(../images/why_ico1.png) no-repeat center top;
}
.youshi .li02 span {
background: url(../images/why_ico2.png) no-repeat center top;
}
.youshi .li03 span {
background: url(../images/why_ico3.png) no-repeat center top;
}
.youshi .li04 span {
background: url(../images/why_ico4.png) no-repeat center top;
}
.youshi li p {
padding-top: 16px;
font-size: 15px;
color: #666;
line-height: 24px;
text-align: center;
background: url(../images/why_ss.jpg) no-repeat center top;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
@media (max-width:1302px) {
.youshi li {
width: 30%;
margin-bottom: 20px;
padding-right: 10px;
}
}
@media (max-width:980px) {
.youshi li {
width: 47%;
margin-bottom: 20px;
padding-right: 10px;
}
}
@media (max-width:628px) {
.youshi li {
width: 100%;
margin-bottom: 20px;
padding-right: 10px;
}
}
@media only screen and (max-width:564px) {
.youshi {
padding-top: 0px;
padding-bottom: 0px;
}
}
/*详情*/
.conBoxli {
background: #fff;
padding-bottom: 80px;/*padding-top: 50px;*/
}
.nrcompany {
margin: 0 auto;
padding: 50px 80px 64px;
background: #FFF;
}
.nrcompany h1 {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 28px;
font-weight: normal;
color: #3965cd;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.met-editor {
border-bottom: #eee solid 1px;
padding-bottom: 10px;
text-align: center;
font-size: 15px;
color: #999;
}
.nrxqzy {
font-size: 15px;
padding: 50px 0;
margin-bottom: 30px;
line-height: 2.0;
border-bottom: 1px solid #e6e6e6;
text-align: justify;
}
@media (max-width:1024px) {
.nrcompany {
width: 95%;
padding: 50px;
}
}
@media (max-width:499px) {
.nrcompany {
padding: 30px;
}
}
.reLink {
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
overflow: hidden;
font-size: 15px;
}
.reLink a {
color: #333;
text-decoration: none;
}
.reLink a:hover {
color: #3965cd;
}
/*å•é¡µåº”用领域*/
.yylys {
padding-top: 60px;
padding-bottom: 60px;
}
.yyly dl {
display: block;
padding: 20px 0;
overflow: hidden;
border-bottom: 1px solid #e0e0e0;
}
.yyly dl dt {
float: left;
display: inline-block;
background: #f5f5f5;
text-align: center;
width: 140px;
height: 120px;
}
.yyly dl dt * {
display: block;
font-family: 'Century Gothic', Arial;
}
.yyly dl dt span {
padding-top: 6px;
padding-bottom: 10px;
font-size: 50px;
color: #999;
font-weight: bold;
line-height: 60px;
}
.yyly dl dt i {
font-size: 17px;
color: #999;
}
.yyly dd {
display: inline-block;
width: calc(100% - 401px);
/*padding: 0 60px;*/
box-sizing: border-box;
vertical-align: middle;
padding-top: 70px;
}
.yyly dd a, .yyly dd a * {
display: block;
}
.yyly dd a span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
line-height: 34px;
margin-bottom: 5px;
font-size: 25px;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.yyly dd a em {
font-size: 18px;
color: #a5a5a5;
line-height: 24px;
overflow: hidden;
height: 72px;
padding-top: 20px;
}
.yyly dl:hover dt *, .yyly dl:hover dd a span {
color: #3965cd;
}
.yyly dl dd a:hover span {
-webkit-transform: translateX(5px);
transform: translateX(5px);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.yyly dl .nimg {
display: inline-block;
width: 310px;
height: 230px;
overflow: hidden;
float: right;
}
.yyly dl .nimg img {
display: block;
width: 100%;
}
@media only screen and (max-width:960px) {
.yyly dl .nimg {
width: 160px;
height: 100px;
}
.yyly dd {
width: calc(100% - 301px);
padding: 0 30px;
}
}
@media only screen and (max-width:600px) {
.yyly dl dt {
width: 100px;
}
.yyly dl .nimg {
display: none;
}
.yyly dd {
width: calc(100% - 100px);
padding: 0 0 0 30px;
}
.yyly dd a span {
font-size: 18px;
}
.yyly dd a em {
font-size: 14px;
}
}
/*首页产å“ä¸å¿ƒ-更多模å—*/
.caselbox.last {
color: #fff;
/*padding: 55px 15px 0;*/
box-sizing: border-box;
font-size: 16px;
text-align: center;
}
.caselbox.last a h3 {
color: #fff;
line-height: 24px;
font-size: 16px;
}
.caselbox.last .mm {
width: 100px;
height: 37px;
line-height: 37px;
border: 1px solid #fff;
/*border-radius: 50%;*/
margin: 60px auto 0;
background: #3965cd;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.caselbox.last .mm img {
-webkit-transform: rotate(360deg);
animation: rotation 2s linear infinite;
-moz-animation: rotation 2s linear infinite;
-webkit-animation: rotation 2s linear infinite;
-o-animation: rotation 2s linear infinite;
}
/*首页第一模å—*/
.line_tit {
text-align: center;
}
.line_tit h2 {
font-size: 30px;
font-weight: normal;
color: #333;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.line_tit p {
font-size: 18px;
color: #666;
margin-top: 2px;
font-family: 'Source Han Sans CN', 'SimHei', '微软雅黑';
}
.line_tit .line {
width: 48px;
height: 4px;
background: #3965cd;
margin: 18px auto 10px;
}
.indexsolution {
margin: -90px auto 0;
position: relative;
z-index: 3;
}
.home_yy {
box-shadow: 0 0 25px rgba(0,0,0,0.08);
position: relative;
z-index: 1;
overflow: hidden;
}
.pointiele {
width: 130px;
height: 120px;
background: #447fb1;
float: left;
color: #FFF;
font-size: 26px;
padding-top: 20px;
text-align: center;
line-height: 35px;
letter-spacing: 3px;
}
.home_yy ul {
overflow: hidden;
}
.home_yy li {
float: left;
width: 20%;
text-align: center;
background: #fff;
}
.home_yy li a {
display: block;
padding: 22px 10px;
height: 90px;
border-right: 1px solid #dcdcdc;
}
.home_yy li:nth-child(6) a {
border-right: none;
}
.home_yy li .item {
display: inline-block;
margin-top: 15px;
}
.home_yy li .item img {
float: left;
display: block;
}
.home_yy li .item div {
margin-left: 70px;
text-align: left;
padding-top: 8px;
}
.home_yy li .item div span {
display: block;
font-size: 18px;
line-height: 1.5;
color: #333333;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.home_yy li .item div p {
margin-top: 3px;
color: #afafaf;
font-size: 13px;
line-height: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-family: 'Arial';
text-transform: uppercase;
letter-spacing: 1px;
}
@media only screen and (max-width:1024px) {
.pointiele {
display: none;
}
.home_yy ul {
float: none;
width: 100%;
}
.home_yy li {
width: 33.33%;
}
.home_yy li:nth-child(1) a, .home_yy li:nth-child(2) a, .home_yy li:nth-child(3) a {
border-bottom: 1px solid #dcdcdc;
}
}
@media only screen and (max-width:767px) {
.home_yy li {
width: 50%;
}
.home_yy li:nth-child(4) a {
border-bottom: 1px solid #dcdcdc;
}
}
@media only screen and (max-width:556px) {
.owl-carousel .owl-item {
width: 100%;
}
}
@media only screen and (max-width:564px) {
.indexsolution {
margin:5px auto 0;
}
}
/*首页第二个模å—产å“展示*/
.home_cas {
padding-top: 60px;
padding-bottom: 80px;
overflow: hidden;
}
.skis {
width: 100%;
max-width: 1650px;
margin: 0 auto;
}
.hcaseBox {
overflow: hidden;
padding-top: 60px;
}
.hcaseBox li {
width: 25%;
float: left;
padding: 10px;
box-sizing: border-box;
}
.hcaseBox li a {
display: block;
overflow: hidden;
position: relative;
}
.hcaseBox li .himg {
overflow: hidden;
}
.hcaseBox li .himg img {
display: block;
width: 100%
}
.hcaseBox li h5 {
/*position: absolute;*/
left: 0;
bottom: 0;
width: 100%;
line-height: 3;
font-size: 16px;
color: #333;
text-align: center;
/* background: rgb(0 105 52 / 88%); */
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.hcaseBox ul li:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.8s;
}
@media only screen and (max-width:768px) {
.hcaseBox li {
width: 100%;
}
}
/*新闻模å—*/
.news-list-md {
margin: 20px 0px;
padding: 30px;
border: 1px dashed #dddddd;
box-sizing: border-box;
margin-bottom: 2%;
background-color: #FFF;
overflow: hidden;
}
.news-list-md h3 {
font-size: 18px;
font-weight: 300;
margin: 0px;
width: 160px;
height: 40px;
background-color: #3965cd;
text-align: center;
color: #FFF;
line-height: 40px;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.news-list-md ul {
margin-top: 10px;
margin-bottom: 0px;
}
.news-list-md ul li {
width: 48%;
float: left;
display: block;
line-height: 45px;
height: 45px;
overflow: hidden;
}
.news-list-md ul li a {
width: 75%;
float: left;
color: #555555;
font-size: 16px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.news-list-md ul li a:hover {
color: #111e47;
}
.news-list-md ul li span {
float: right;
color: #a6a6a6;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.news-list-md ul li:nth-child(2n) {
margin-left: 4%;
}
@media (max-width:767px) {
.news-list-md ul li {
width: 100%;
}
.news-list-md ul li:nth-child(2n) {
margin-left: 0;
}
}
/*产å“框架*/
.img-list-md {
margin: 20px 0px;
padding: 30px;
border: 1px dashed #dddddd;
box-sizing: border-box;
margin-bottom: 2%;
background-color: #FFF;
overflow: hidden;
}
.img-list-md h3 {
font-size: 18px;
font-weight: 300;
margin: 0px;
width: 160px;
height: 40px;
background-color: #3965cd;
text-align: center;
color: #FFF;
line-height: 40px;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.img-list-md ul {
margin-top: 10px;
margin-bottom: 0px;
}
.img-list-md ul li {
display: block;
padding: 10px 0;
width: 24%;
margin-left: 1.333%;
float: left;
}
.img-list-md ul li:nth-child(1) {
margin-left: 0;
}
.img-list-md ul li a {
display: block;
position: relative;
}
.img-list-md ul li .hmimg {
border: 1px solid #ddd;
padding: 3px;
overflow: hidden;
}
.img-list-md ul li .hmimg img {
display: block;
width: 100%;
}
.img-list-md ul li a span {
position: absolute;
bottom: -16px;
left: 10%;
color: #ffffff;
width: 80%;
height: 32px;
line-height: 32px;
background: #4e4e4e;
font-size: 15px;
text-align: center;
overflow: hidden;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.img-list-md ul li a:hover .hmimg {
border: 1px solid #3965cd;
}
.img-list-md ul li a:hover span {
background: #3965cd;
}
@media only screen and (max-width:640px) {
.img-list-md ul li {
width: 48%;
margin-left: 2%;
}
.img-list-md ul li:nth-child(3) {
margin-left: 0;
}
}
/**/
.row {
width: 100%;
margin: 0 auto;
max-width: 1400px;
}
.mt50 {
margin-top: 100px !important;
}
ul.takes li cite {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/*background-color: #3965cd;*/
line-height: 40px;
font-size: 24px;
color: #003fb2;
margin-top: -20px;
font-style: normal;
text-align: center;
}
ul.takes li h5 {
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
line-height: 40px;
margin-top: 70px;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
ul.takes li span {
font-size: 12px;
display: block;
text-align: center;
color: #ffffff;
}
ul.takes li p {
text-align: center;
color: #ffffff;
padding: 10px 10px 0 10px;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
font-size: 15px;
}
ul.takes li:nth-of-type(odd) {
background-color: #214f9b;
}
ul.takes li:nth-of-type(even) {
/*background-color: #2698cd;*/
background-color: #6495ED;
margin-top: 60px;
}
ul.takes li + li {
margin-left: 11px;
}
ul.takes li {
float: left;
width: 19.3%;
height: 300px;
text-align: center;
}
/*.ysone{
background: url(../images/ys-one.jpg) no-repeat;
}
.ysthree{
background: url(../images/ys-three.jpg) no-repeat;
}
.ysfive{
background: url(../images/ys-five.jpg) no-repeat;
}
.ysseven{
background: url(../images/ys-seven.jpg) no-repeat;
}
.ystwo{
background: url(../images/ys-two.jpg) no-repeat;
}
.ysfour{
background: url(../images/ys-four.jpg) no-repeat;
}
.yssix{
background: url(../images/ys-six.jpg) no-repeat;
}
.yseight{
background: url(../images/ys-eight.jpg) no-repeat;
}*/
@media only screen and (max-width:1258px) {
ul.takes li {
width: 32%;
margin-left: 11px;
}
ul.takes li:nth-of-type(even) {
margin-top: 0px;
}
}
@media only screen and (max-width:870px) {
ul.takes li {
width: 47%;
margin-left: 11px;
}
ul.takes li:nth-of-type(even) {
margin-top: 0px;
}
}
@media only screen and (max-width:452px) {
ul.takes li {
width: 96%;
margin-bottom: 10px;
}
ul.takes li:nth-of-type(even) {
margin-top: 0px;
}
}
/**/
.hz .hz_inner dl dd h5 {
font-size: 20px;
font-family: "黑体";
font-weight: bold;
line-height: 35px;
margin-bottom: 40px;
padding-top: 20px;
}
.hz .hz_inner dl dd h5 span {
background: #3965cd;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
display: block;
float: left;
margin-right: 13px;
display: inline;
font-family: "Source Han Sans CN", SimHei, 微软雅黑;
}
.hz .hz_inner dl dd .p {
line-height: 28px;
font-size: 16px;
height: 120px;
overflow: hidden;
}
.call {
background: #eeeeee;
padding: 16px;
height: 40px;
}
.call p {
font-size: 16px;
margin-left: 10px;
display: inline;
/*color: #06b457;*/
color: #3965cd;
}
.call p em {
font-size: 18px;
font-weight: bold;
}
.call a {
float: right;
width: 114px;
height: 40px;
line-height: 40px;
background: #3965cd;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 5px;
}
.ljzx {
position: relative;
overflow: hidden;
}
.ljzx:after, .ljzx:before {
animation: ljzx 4s linear infinite;
content: '';
display: block;
width: 10px;
height: 200px;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
transform: rotate(45deg) translateY(-50%);
position: absolute;
left: -300px;
top: 50%;
}
.ljzx:before {
margin-left: 100px;
}
@keyframes ljzx {
0% {
left: -300px;
}
25% {
left: 100%;
}
100% {
left: 100%;
}
}
/**/
.newsboxs_b {
margin-top: 60px;
width: 100%;
}
.newsboxs_b li {
float: left;
width: 24%;
height: 400px;
background: #fff;
margin: 0 0.5%;
}
.newsboxs_b ul>li>a {
display: block;
height: 190px;
width: 100%;
overflow: hidden;
}
.newsboxs_b ul>li>a>img {
width: 100%;
}
.n_contentt {
text-align: left;
box-shadow: 0 0 8px #ddd;
padding: 25px;
}
.n_contentt h3 {
font-size: 16px;
line-height: 30px;
height: 30px;
margin-bottom: 10px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
font-family: "Microsoft YaHei";
}
.n_contentt span {
color: #999;
font-size: 15px;
/* margin-left: 130px; */
font-family: "黑体";
font-weight: bold;
}
.n_contentt p {
font-size: 15px;
color: #acacac;
line-height: 26px;
margin: 10px 0 36px;
height: 52px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
.n_contentt p1 {
font-size: 20px;
color: #333;
/* text-align: center; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
/* padding: 0 20px 7px; */
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Source Han Sans CN", "SimHei", "微软雅黑";
}
@media only screen and (max-width:1200px) {
.newsboxs_b li {
width: 46%;
margin: 2%;
}
}
@media only screen and (max-width:767px) {
.newsboxs_b li {
width: 96%;
margin: 2%;
}
}
/*公共地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px solid #eaeaea; }
#Map .MapInfo #MapContainer{ width: 100%; height:420px; }
#Map .MapInfo img{max-width:none!important;}
#Map .MapInfo img{max-width:none!important;}