@charset "utf-8";
/* CSS Document */
.m_menu { display: none }
@media screen and (max-width: 990px) {
.m_menu{ display: block }
.m_menu dl:hover dt{ color:#F00 !important}
.m_menu dl:hover dd { display: block;  }
.m_menu dl dd { display: none }
.hor-menu{ display: none !important}
}
.cov{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;/*word-break: break-word*/ }
body { font-family: Tahoma, Geneva, sans-serif !important; font-size: 16px; line-height: 180%; }
.f16 { font-size: 16px; line-height: 400%; text-transform: uppercase; }
.first { background: url(../img/home.png) left center no-repeat; text-indent: 30px; display: inline-block; width: 26px; height: 26px; }
.fcb { color: #0263e7; }
.fcb a { color: #0263e7; }
.fw400 { font-weight: 400 }
.fwhite { color: #fff; }
.mt20{ margin-top:20px;}
.img1{overflow:hidden;}
.img1 img{width:100%}
/**/
.newsList li { padding: 30px 0; height: 191px; border-bottom: 1px solid #efefef;  position: relative;  cursor: pointer;  overflow:hidden}
.imgn { width: 200px; height: 130px; overflow: hidden;}
.imgn img { max-width: 100%; height: auto;}
.content {  position: absolute; left: 230px; top: 30px; right: 0; overflow: hidden; }
.info { float: left; width: 80%; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
.info .title { display: block; padding: 15px 0; font-size: 18px; color: #575757;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.info .main { font-size: 16px; line-height: 2; display: -webkit-box; color: #999;  overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.date { padding-top: 15px; float: right;}
.num { font-size: 28px; color: #999;}
.ins { display: block; text-align: right; padding-top: 30px; color: #c3c3c3; font-size: 16px;}
.newsList li:hover .content .info { -webkit-transform: translateX(5%); transform: translateX(5%);}
.newsList li:hover .content .info .title { color: #0070ff;}

/**/
.in-prolm { width: 100%; padding-bottom: 14px; text-align:center}
.in-prolm ul li:hover{ background: #163680; color: #fff;padding: 16px 2%; margin: 0 8px;  }
.in-prolm ul li { font-size: 16px; color: #565656; padding: 16px 2%; margin: 0 8px; background: #efefef url(../image/t_arr.png) no-repeat right center; border: 1px solid #e3e3e3; width:15%; display:inline;}
.in-prolm ul li.on { background: #163680;  color: #ffff; font-weight: 600 }
.in-prolm ul li:hover.on a { color: #fff; }
.caption h2{margin-top:0}
.caption{ width:100%;clear:both}
.prolist li{width:31%;margin:20px 1%;height:268px; background:#fff;/*border-radius:10px!important;*/ border-bottom:1px solid #f0f0f0; float:left;transition: all ease .3s; }
.prolist li div {width:100%;height:200px;margin:10px auto; overflow:hidden; text-align:center;background: #f4f5f8;}
.prolist li div img{/*max-width:100%;*/height:200px; vertical-align:middle;}
.prolist li p{height:40px; text-indent:1em; line-height:40px; font-size:18px; text-align:left;}
.prolist li p span{background: #fff url(../image/arr_jt.png) 0px center no-repeat; float:right; width:60px;height:40px; transition: all ease .3s;}
.prolist li p a{color:#444}
.prolist li:hover p span{border-left:1px solid #f0f0f0; transition: all ease .3s;background: #fff url(../image/arr_jt.png) 20px center no-repeat;}
.prolist li:hover{border-bottom:1px solid #25b2a7;transition: all ease .3s;}

/**/
.imgshdow { box-shadow: 6px 6px 6px #CCC; margin: 10px }
.page-a { background: url(../img/bj_a.jpg) right center no-repeat; margin: 2 0; clear: both }
.page-about h1 p { color: #666; font-size: 16px; font-weight: 400; margin-bottom: 10px; }
.page-about h1 { background: url(../img/bj_about_l.jpg) left 0px no-repeat; padding-left: 12px; color: #0364e7; font-weight: 600; text-transform: capitalize; margin: 2 0; }
.pad h1 { font-size:2vw; font-weight: bolder; margin: 2rem 0 0 0; }
.pad h2 { font-weight: bolder; line-height: 40px; margin: 10px 0; text-transform: uppercase;font-size: 2vw; }
.pad h2 span, .pad h1 span { font-weight: 300 !important; }
.pad h3 { margin: 0; font-size: 1.3vw; }
.pad h5 { text-transform: uppercase; }
.pad h3 span { font-weight: bolder; }
.pad { background: #0263e7 url(../img/bj_ad.jpg) center center no-repeat; background-size: 100% 100%; height: 149px; margin: 15px 0; color: #fff }
.foot-logo { background: url(../img/foot-logo.png) left center no-repeat; }
.page-footer-r, .page-footer-l li { line-height: 200%; }
.nav li.active { background: #0365e7 }
.nav li:hover.lan { background: #fff !important }
.nav li:hover a, .nav li.active a { color: #fff; }
.swiper { width: 100%; height: 666px; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 70px)) !important; background: #fff }
.page-support { background: #f1f1f1 url(../img/bj_sup.jpg) no-repeat center fixed }
.mysupport { position: relative; overflow: hidden; width: 100%; height: auto; padding: 90px 30px; margin-left: auto; margin-right: auto; }
.mysupport .swiper-slide { text-align: center; font-size: 18px; background: none !important; /*height: 260px;*/ width: 20%; margin-left: 3%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition-property: all; }
.mysupport .swiper-slide img { width: 100%; /*height: 218px */}
.mysupport .swiper-slide p { height: 42px; clear: both; width: 100%; color: #0365e7; text-transform: uppercase }
.fc036 { color: #0365e7 }
.page-title { background: url(../img/t02.png) no-repeat center bottom; line-height: 300%; text-transform:uppercase }
.mt20 { margin: 20px 0 }
.fw400 { font-weight: bolder; height:21px; overflow:hidden }
.fw600 { font-weight: 600 }
.foot_memu { border-bottom: 1px solid #fff; margin: 2rem 0; padding: 0; }
.foot_memu ul { display: flex; justify-content: center; flex-wrap: nowrap; }
.foot_memu ul li { float: left; margin: 0 2% 26px 2%; text-transform: uppercase; }
.foot_memu ul li a { color: #fff }
.foot_memu ul li.active a { color: #f0f0f0; font-weight: bolder }
.font-up { text-transform: uppercase; font: 16px Tahoma, Geneva, sans-serif; }
/**********************************/
/********** Effect #1 CSS *********/
/**********************************/
.effect-1 { position: relative; margin-bottom: 0px; overflow: hidden; border-bottom: 6px solid #0263e7; margin-top: 10px; box-shadow: 0px 0px 9px #ccc; height:344px; }
.effect-1 .effect-img { font-size: 0; }
.effect-1 .effect-img img { width: 100%; height: auto; }
.effect-1 .effect-text { position: absolute; width: 100%; height: 100%; padding: 8px; top: 65%; left: 0; background: rgba(255, 255, 255, .92); transition: .5s; }
.effect-1:hover .effect-text { top: 40%; }
.effect-1 .effect-text h2 { /*height: 45px;*/ color: #333; font-size: 17px; font-weight: 300; margin: -15px 0 0 0; transition: .5s; }
.effect-1:hover .effect-text h2 { margin: 0; }
.effect-1 .effect-text p { color: #333; font-size: 14px; margin: 0; font-weight: 300; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding: 0; line-height: 24px; }
.effect-1 .btn { display: inline-block; height: 28px; line-height: 28px; width: 60px; margin-right: 10px; font-size: 14px; border-radius: 4px !important; color: #fff !important; background: #0263e7 !important; }
/**********************************/
/********** Effect #7 CSS *********/
/**********************************/
.effect-7 { position: relative; margin-bottom: 30px; overflow: hidden; }
.effect-7 .effect-img { position: relative; font-size: 0; overflow: hidden; }
.effect-7 .effect-img img { position: relative; width: 100%; height: auto; /*transform: scale(1.2); left: -35px; */transition: .5s; }
.effect-7:hover .effect-img img { transform: scale(1.2); left: 0; }
.effect-7 .effect-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; justify-content: center; flex-direction: column; background: rgb(2 46 141 / 5%); transition: .5s; }
.effect-7 .effect-text h2 { position: relative; color: #000; font-size: 25px; margin-bottom: 10px; padding-bottom: 15px; }
.effect-7 .effect-text h2::after { position: absolute; content: ""; width: 30px; height: 3px; left: 0; bottom: 0; background: #000; transition: .5s; }
.effect-7 .effect-text p { position: relative; color: #000; font-size: 18px; margin: 0; left: calc(-100% - 30px); opacity: 0; transition: .5s; }
.effect-7 .effect-text:hover h2::after { width: 100%; }
.effect-7 .effect-text:hover p { left: 0; opacity: 1; }

/**********************************/
/********** Effect #3 CSS *********/
/**********************************/
.effect-3 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.effect-3 .effect-img {
    font-size: 0;
    overflow: hidden;
}

.effect-3 .effect-img img {
    width: 100%;
    height: auto;
    transition: .3s;
}

.effect-3:hover .effect-img img {
    transform: scale(1.2);
}

.effect-3 .effect-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    transition: .5s;
    transform: scale(0);
    opacity: 0;
}

.effect-3:hover .effect-text {
    transform: scale(1);
    opacity: 1;
}

.effect-3 .effect-text h2 {
    height: 45px;
    color: #ffffff;
    font-size: 25px;
    margin: 0;
}

.effect-3 .effect-text p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 20px;
}


.effect-3 .effect-btn .btn {
    display: inline-block;
    height: 35px;
    padding: 7px 15px;
    color: #333333;
    background: #ffffff;
}
/**********************************/
/********** Effect #2 CSS *********/
/**********************************/
.effect-2 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.effect-2 .effect-img {
    position: relative;
    font-size: 0;
    overflow: hidden; border:1px solid #e2e2e2
}

.effect-2 .effect-img img {
    position: relative;
    width: 100%;
    height: auto;    
    transition: .5s; border:1px solid #e2e2e2
}

.effect-2:hover .effect-img img {
   transform: scale(1.2);
    bottom: -25px;
}

.effect-2 .effect-text {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 50%;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: .5s;
}

.effect-2:hover .effect-text {
    top: 0;
    opacity: 1;
}
.effect-2 .effect-text p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
}

.effect-2 .effect-btn {
    position: absolute;
    width: 100%;
    padding: 15px 7.5px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

.effect-2 .effect-text h2 {
    display: inline-block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    float: left;
    margin: 5px 7.5px 0 7.5px;
}


.effect-2 .effect-btn .btn {
    position: relative;
    display: inline-block;
    float: right;
    height: 35px;
    padding: 7px 15px;
    margin: 0 7.5px;
    color: #333333;
    background: #ffffff;
}

/*************************/
.nav_class li{ width:100%; line-height:2.5;font-size:16px; border-bottom:1px solid #f0f0f0;}
.nav_class li.active{ border-bottom:5px solid #09F; font-weight:600;}

/*************************/
.nav_pro li{ width:100%; height: 60px;font-size:16px; border-bottom:1px solid #f0f0f0; overflow:hidden;margin-bottom:10px;}
.nav_pro li div{ margin:0; padding:0; font-size:15px;}
.nav_pro li div img{ width:100%;  margin-right:10px;}
.nav_pro li div p{ margin:0; padding:0; line-height:24px;}

/*************************/

/*News*/
.news-list .item { border-bottom: 1px solid #efefef; margin-bottom: 30px; float:left; width:48%; margin-right:2%;border:1px solid #efefef }
.news-list .item:last-child { margin-bottom: 0; }
.news-list .item .wrap { background-color: #fff; position: relative; padding: 10px 20px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.news-list .item .wrap::before { content: ""; display: block; height: 2px; width: 0; background-color: #0263e7; position: absolute; top: 0; left: 0; -webkit-transition: all ease .3s; transition: all ease .3s; }
.news-list .item .wrap .title { color: #333; font-size: 1.7rem; }
.news-list .item .wrap .date { font-size: 1.3rem; color: #666;}
.news-list .item .wrap .txt { color: #999; font-size: 15px; line-height: 180%; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-list .item:hover { border-color: transparent; }
.news-list .item:hover .wrap { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); padding-left: 40px; }
.news-list .item:hover .wrap .title { color: #0263e7; }
.news-list .item:hover .wrap::before { width: 100%; }
.inabout-con .inabout-content{ height: 102px; overflow: hidden; }
@media (max-width: 768px) { .news-list .item { margin-bottom: 15px; }
  .news-list .item:hover { border-color: transparent; }
  .news-list .item:hover .wrap { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); } }

.cc-news-lists{ padding-top:30px;}
.in-news .news-list .item:nth-child(2n) {
    margin-right: 0;
}

@media (max-width: 1200px) { 

	.in-case .hd{ width: 17% }
	.in-case .bd{ width: 80% }
	.in-case .bd .img-center{ width: 57% }
	
}
@media (max-width: 1200px) {.in-news-r{ width: 52px } }
/**/

/*产品详情*/
.clearfix:after { display: block; content: ""; clear: both; }
.small-img { display: flex; align-items: center; justify-content: center }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
.magnifier { position: relative; float: left;height: 520px; }
.magnifier-container {  height: 416px; overflow: hidden; position: relative; border: 1px solid #ddd; max-width: 100%; }
.images-cover { height: 100%; width: 100%; position: relative }
.images-cover img { position: absolute; width: 100%; }
.magnifier-assembly { height: 80px; overflow: hidden; position: relative; padding: 4px 0px; margin-top: 10px; border: 1px solid #ddd; }
.magnifier-btn { position: absolute; width: 100%; top: 50%; left: 0; margin-top: -40px }
.magnifier-btn span { line-height: 80px; height: 80px; width: 20px; background: #fff url(../img/pro.png) center center no-repeat; display: block; z-index: 9998; text-align: center; cursor: pointer; border-radius: 3px }
.magnifier-btn .magnifier-btn-left { float: left; }
.magnifier-btn .magnifier-btn-right { float: right; background: #fff url(../img/next.png) center center no-repeat; }
.magnifier-line { position: relative; overflow: hidden; height: 80px; }
.magnifier-line ul { display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997 }
.magnifier-line li { float: left; width: 60px; cursor: pointer; }
.magnifier-line ul>.active .small-img img { border: 1px solid #a6a6a6; height: 65px; }
.small-img { margin: 5px; overflow: hidden; text-align: center; }
.small-img img { height: 60px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.magnifier-view { width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; border: 1px solid #ddd; }
.magnifier-view img { max-width: 200%; display: block }
.animation03 { transition: all .3s ease-in .1s; -ms-transition: all .3s ease-in .1s; -moz-transition: all .3s ease-in .1s; -webkit-transition: all .3s ease-in .1s; -o-transition: all .3s ease-in .1s }
.cp_miaoshu { float: left; height: 506px; padding-top: 20px; padding-bottom: 5px; }
.cp_miaoshu .cp_title { font-size: 20px; font-weight: 600; border-bottom: 1px #d5d5d5 dashed; color: #333; font-family: "微软雅黑"; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 15px; overflow: hidden; margin-bottom: 15px; }
.cp_miaoshu .cp_con { padding-top: 10px; padding-bottom: 20px; }
.cp_miaoshu .cp_con .cp_type { line-height: 30px; color: #444; font-size: 18px; font-weight: 400; display: block; }
.cp-dec{ font-size: 16px; color: #666; line-height: 28px; text-align: justify; -webkit-line-clamp:6; min-height: 30px; }
.online li { font-size: 14px; margin-top: 8px; }
.online li a { display: inline-block; vertical-align: middle; }
.phone { font-size: 20px; color: #ca0a1d; font-weight: bold; margin-top: 20px; padding-bottom: 20px; width: 310px; }
.phone span { font-size: 26px; color: #fb6028; line-height: 40px; }
.lxfs div{margin:0; padding:0;}
.lxfs img{ width:100%; height:100%;}
.lxfs{ position:absolute; bottom:0}
.mp0{ margin:0 !important; padding: 0 !important}
.upper{ text-transform: uppercase !important; }
.page-about p{ margin:5px 0}
.a-border{ border:1px solid #f0f0f0; padding: 0!important;}
.in-news a img{ max-width:100%}