@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.topper{ background:#eee; padding:10px 0;}
.tople span a{ font-size:14px; color:#666; display:inline-block; margin-right:30px; color:#666}
.tople span i{ display:inline-block; width:24px; height:24px; margin-right:10px; background:#666; color:#fff; text-align:center; line-height:24px; border-radius:100%; font-size:12px;}
.tople span a:hover{ color:#0080fd}
.topri span a{ font-size:14px;  display:inline-block;display:flex; line-height:15px;}
.topri span em{ font-style:normal; line-height:15px;}
.topri img{ vertical-align:middle; width:20px; margin-right:5px;}
.topri span a{ color:#666}
.topri span a:hover{ color:#0080fd}

.header{ padding:0;}
.logo{padding:15px 0;}
.logo img{    width: 280px;
   }
.header .nav{width:100%; background:#15559a;}
.header .nav li{ position:relative; margin-left:10px;}
.header .nav li a{ display:block; padding:0 10px; line-height:80px;}
.subnav{ position:absolute;z-index:30; background:#fff; width:auto; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:130%; text-align:center; visibility:hidden; opacity:0; transition:all .3s;}
.header .nav li .subnav a{ padding:0 10px; white-space:nowrap; line-height:40px; font-size:14px;color:#666}
.header .nav li>a{ font-size:14px; text-transform:uppercase; color:#fff}
.header .nav li>a i{ margin-left:10px;}
.header .nav li.on>a,.header .nav li:hover>a,.header .nav li .subnav a:hover{ color:#fff}
.header .nav li .subnav a:hover{ background:#15559a; color:#fff;}
.header .nav li:hover .subnav{ top:100%; visibility:visible; opacity:1;}

.banner img{ width:100%; display:block;}


.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}


.vjs-poster{ background-size:cover;}

.video{ padding:50px 0;}
.video-js{ max-width:900px; height:450px !important; width:100%; margin:0 auto;}

.indextit{ text-align:center; font-size:40px; margin-bottom:40px;margin-top: 60px;}
.indextit b{ font-style:normal; font-weight:normal; text-transform: uppercase;}
.indextit .line{ width:500px; height:2px; background:#999; margin:10px auto;}

.shebeizhanshi li{ width:31.33%; height:250px; margin:1%; margin-bottom:15px; overflow:hidden; position: relative;}
.shebeizhanshi li span{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px; text-align: center; width: 100%; padding: 10px;}
.shebeizhanshi li img{ width:100%; height:100%; object-fit:cover; transition:all 1s; -webkit-transition:all 1s;}
.shebeizhanshi li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.shebeizhanshi ul{    justify-content: flex-start;}

.footer{ border-top:1px solid #eee; margin-top:60px; padding-top:40px; background:#15559a;}
.fottit{ font-size:24px; font-weight:normal; color:#fff; margin-bottom:20px; display:block;}
.fotle p{ font-size:14px; color:#fff; margin-bottom:10px;}
.fotle p span{ min-width:70px; display:inline-block;}
.fotle{ width:30%;}
.fotri{ width:60%;}
.fotri li{ width:33%;}
.fotri li b{ display:block;}
.fotri li b{ font-size:24px; color:#fff}
.fotri li b a{ font-size:24px; color:#fff; font-weight:normal; display:block; margin-bottom:20px;}
.fotri li a{ display:block; font-size:14px; color:#fff; margin-bottom:10px;}
.fotri li a:hover{ color:#fff !important;}

.fotcopy { padding:20px 0; width:100%; margin-top: 30px;}
.fotcopy p{ font-size:14px; color:#fff;}
.footer .social-link a {color:#fff;margin-left:5px;float:left;display:inline-block;width:28px;height:28px;line-height:28px;background-color:#666;text-align:center;border-radius:28px;font-size:18px;}
.footer .social-link a:hover {color:#fff;margin-left:5px;float:left;display:inline-block;width:28px;height:28px;line-height:28px;background-color:#0080fd;text-align:center;border-radius:28px;}
@media screen and (max-width:1300px) {
	
.footer .footer-main .telbl {width:33%;}
.footer .footer-main dl dt {font-size:20px;line-height:35px;}
.footer .footer-main dl dd {font-size:14px;line-height:30px;}
.footer .footer-main .telbl .d1 {font-size:20px;line-height:35px;}
.footer .footer-main .telbl .d2 {font-size:14px;line-height:30px;}
.footer .social-link {float:none;margin:0 auto;position: inherit;left: 0;
}
}
@media screen and (max-width:768px) {.footer .footer-main .telbl {width:100%;}
.footer .footer-main dl {margin-left:0;float:none;width:100%;}
.footer .copyright p {font-size:12px;}
}



.tel_le{    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    padding-left: 75px;
    border-radius: 10px;
    background: url(../images/pro_phone.png) no-repeat 20px center;
    background-color: rgba(0,51,153,.5);}
	.tel_le b{ display:block; font-size:20px; color:#fff; line-height:1; margin-top:10px;}
	.tel_le span{ display:block; font-size:14px;color:#fff;line-height:1;}

.tel_le2{    overflow: hidden; margin-top:15px;
    width: 100%;
    padding: 20px 0;
    padding-left: 75px;
    border-radius: 10px;
    background: url(../images/whatsapp.png) no-repeat 20px center;
    background-color: rgba(0,51,153,.5);}
	.tel_le2 b{ display:block; font-size:20px; color:#fff; line-height:1; margin-top:10px;}
	.tel_le2 span{ display:block; font-size:14px;color:#fff;line-height:1;}
.tel_le3{
	width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(0,51,153,.5); text-align:center;font-size:20px; color:#fff; margin-top:15px;
}
.tel_le3 img{max-width:100%;}
.mauto {max-width:1440px;margin:0 auto}
@media (max-width:1600px) {.mauto {max-width:1200px;}}
@media (max-width:1200px) {.mauto {max-width:1000px;}}
@media (max-width:1100px) {.mauto {max-width:900px;}}
@media (max-width:768px) {.mauto {max-width:92%;}}
/*滚动条样式*/
@media screen and (max-width:768px){
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar {width:1px; height:1px;}
/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:1px; background-color:#ddd;}
/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb {border-radius:1px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#eee;}
}



.ban_ny{ height:400px; position:relative; background-size:cover; background-position:center; }
.ban_ny .postion{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.3); padding:10px 0;}
.ban_ny .postion b,.posi,.posi a{ font-size:14px; color:#ddd;}
.ban_ny .postion b{ font-size:20px; font-weight:normal;}
.posi i{ margin-right:10px;}
.posi a:hover{ color:#fff;}

.about01,.shebeizhanshi{ padding-top:40px;}

.content { font-size:14px;}
.content p{ font-size:14px; margin-bottom:10px;}

.pro_box{ padding:40px 0;}
.prole{ width:260px;}
.prori{ width:calc(100% - 300px);}
.prolenav{ padding:15px; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:5px; margin-bottom:20px;}
.prolenav b a{ text-transform: uppercase; display:block; font-size:20px; color:#333; margin-bottom:10px;}
.prolenav >a{ display:block; border-bottom:1px solid #eee; padding:10px 15px; font-size:14px; color:#666}
.prolenav >a:hover,.prolenav >a.on{ color:#fff; background:rgba(0,51,153,.5)}

.proli{justify-content: flex-start;}
.proli li{ width:31.33%; margin:1%; height:230px; overflow:hidden; position: relative;}
.proli li img{ width:100%; height:100%; object-fit:cover; transition:all 1s; -webkit-transition:all 1s;}
.proli li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.proli li span{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px; text-align: center;}


.proli3{justify-content: flex-start;}
.proli3 li{ width:31.33%; margin:1%; height:230px; overflow:hidden; position: relative; transition: all .3s; box-shadow: 0 0 10px rgba(0,0,0,.1); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.proli3 li img{ position: absolute; left: 50%; top: 50%; max-width: 90%; max-height: 90%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.proli3 li:hover{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.proli3 li span{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px; text-align: center;}



.proritit{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:20px; margin-bottom:20px;}
.pagination-bar {text-align:center;margin-bottom:20px;margin-top:40px;}
.pagination-bar ul {display:block;}
.pagination-bar ul li {display:inline-block;margin:2px;vertical-align:top;padding-left:0;width:auto;}
.pagination-bar ul li a {background:#f0f0f0;height:35px;width:35px;display:inline-block;line-height:35px;text-align:center;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;}
.pagination-bar ul li.pageinfo {background:#f0f0f0;line-height:35px;text-align:center;padding:0 15px;}
.pagination-bar ul li.active a{background:#0080fd;color:#fff;height:35px;width:35px;display:inline-block;line-height:35px;text-align:center;}
.pagination-bar ul li a:hover {color:#fff;background:#0080fd;}
@media screen and (min-width:768px) {.im {width:92px;position:fixed;right:-60px;top:150px;transition:right 0.5s;bottom:auto;z-index:11;}
.im:hover {right:0;}
.im .box {position:absolute;display:block;width:60px;right:0;top:0;}

}

.pagination-bar li a{ color:#666}

/*新闻列表*/
.main-nav-p {text-align:center; padding-top:40px;}
.main-nav-p li a i{ color:#666; font-style:normal;}
.main-nav-p li.cur a i,.main-nav-p li:hover a i{ color:#fff;}
.news_list {padding-bottom:40px;}
.news_list .alcet_title {font-size:18px;background:#eeeeee;height:50px;line-height:50px;border-left:5px solid #0080fd;padding-left:20px;color:#666;margin-bottom:25px;}
.news_list .alcet_title a{ float:right; font-size:14px; color:#0080fd; margin-right:20px;}
.news_list .alcet_title a:hover{color:#0080fd;}
.news_list li {margin-bottom:20px;position:relative;}
.news_list li::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0080fd;transition:all ease .4s;-webkit-transition:all ease .4s;}
.news_list li:hover::after {width:100%;}
.news_list li a {z-index:1;position:relative;display:flex;}
.news_list li a .img {width:250px}
.news_list li a .img img{ width:100%; height:100%; object-fit:cover;}
.news_list li a .date,.news_list .img,.news_list .info {}
.news_list em{ font-style:normal;}
.news_list li a .info h3{ color:#333; font-weight:normal;}
.news_list li a .info-w {width:calc(100% - 250px);padding-right:.4rem;justify-content:space-between;-webkit-justify-content:space-between;display:-webkit-flex;display:flex;}
.news_list li a .info {width:calc(100% - 180px);}
.news_list li a .info h3 {font-size:20px;margin-top:20px;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.news_list li a .info .els2 {color:#999;margin-bottom:10px;margin-top:10px;line-height:30px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li a:hover .info .els2 {color:#fff;}
.news_list li a .icon {width:100%;height:24px;}
.news_list li a .date {width:150px;padding-right:.2rem;padding-left:.2rem;color:#999;border-right:1px solid #e0e0e0;-webkit-flex-direction:column;flex-direction:column;align-items:center;-webkit-align-items:center;display:flex;justify-content:center;-webkit-justify-content:center;}
.news_list li a .date em,.news_list .date span {width:100%}
.news_list li a .date em {font-size:30px;margin-left:-15px}
.news_list li a .date span {font-size:20px;margin-top:10px;}
.news-info {padding:.2rem;border:1px solid #ddd;margin-bottom:40px;}
.news-info .head {border-bottom:1px solid #e0e0e0;padding-bottom:15px;}
.news-info h3 {font-size:24px;color:#333;text-align:center;text-align:center;}
.news-info .date {color:#999;text-align:center;font-size:16px;margin-top:20px;}
.news-info .edit {padding-top:.3rem;font-size:16px;line-height:30px;}
.news-info .edit ul li {list-style-type:inherit;}
@media screen and (min-width:1301px) {.news_list li:hover a {background:#0080fd;color:#fff;transition:all 0.5s ease;}
.news_list li:hover a h3 {color:#fff;}
.news_list li a:hover .con .d1,.news_list li a:hover .con .d2,.news_list li a:hover .date {color:#fff;transition:all 0.5s ease;}
.news_list li a:hover .date {/*background-image:url(../images/an02.png);*/}
}
@media (max-width:768px) {.news_list .date,.news_list .img,.news_list .info {height:auto;width:100%;}
.news_list li a {display:block;}
.news-info li a .head h3 {font-size:18px;color:#0080fd;}
.news_list li a .info-w {width:100%;padding-right:0;display:block;}
.news_list li a .info {height:auto;}
.news-info li a .edit {font-size:14px;line-height:25px;}
.news_list li a .info .els2 {margin-top:5px;margin-bottom:5px;line-height:25px;height:50px;}
.news_list li a .date em,.news_list .date span {font-size:16px;width:auto;}
.news_list li a .date span {margin-top:0;font-size:16px;}
.news_list li a .info h3 {margin-top:0;font-size:16px;overflow:inherit;text-overflow:inherit;white-space:inherit;}
.news_list li a .date {display:none;}
.news_list li a .pic img {width:150px;height:90px;}
.news_list li a .con {width:calc(100% - 150px);padding:0px 10px 0;}
.news_list li a .con .d1 {font-size:14px;line-height:25px;height:25px;}
.news_list li a .con .d2 {line-height:20px;height:40px;margin-top:5px;font-size:12px;}
}
@media (max-width:768px) {.news-info .head h3 {font-size:20px;color:#0080fd;text-align:center;}
.news_list .info-w {width:100%;padding-right:0;}
}





/*内页-二级菜单*/
.main-nav-p {margin-bottom:40px;}
.main-nav-p ul {font-size:0}
.main-nav-p li {display:inline-block;margin:10px;width:15.2%;}
@media screen and (max-width:1300px) {.main-nav-p li {width:18.2%;}
}
@media screen and (max-width:1150px) {.main-nav-p li {width:23%;}
}
.main-nav-p li.cur a,.main-nav-p li:hover a {color:#fff;border-color:#0080fd;background:#0080fd}
.main-nav-p li a {display:block;height:40px;line-height:40px;padding:0 10px;font-size:14px;border-radius:5px;border:1px solid #ddd;position:relative;text-align:center;}
.main-nav-p li a i {z-index:1;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.main-nav-p li a::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0080fd;transition:all .4s;-webkit-transition:all .4s;}
.main-nav-p a:hover::after {width:100%;border-color:#0080fd;}
@media screen and (max-width:768px) {.main-nav-p {display:none}
}
.main-nav-m {display:none;}
@media screen and (max-width:768px) {.main-nav-m {display:block;position:relative;z-index:2;cursor:pointer;margin-bottom:20px;}
.main-nav-m .title {position:relative;height:45px;line-height:45px;padding:0 10px;background:#0080fd}
.main-nav-m .title strong {color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i {position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before {position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before {left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after {right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before {transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after {transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul {display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(9,51,136,0.7);color:#fff}
.main-nav-m ul li {animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a {display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
}




/*内页-联系我们*/
.contacts .contact {padding-bottom:40px;}
.contacts .contact .vlbteo {width:100%;color:#666;min-height:300px;padding:50px 50px 0;border:1px solid #ddd;background:#eee;}
.contacts .contact .vlbteo .d1 {font-size:24px;margin-bottom:25px;color:#0080fd;}
.contacts .contact .vlbteo .d2 {background:no-repeat left 8px;padding:5px 0 5px 0px;margin-bottom:10px;font-size:16px;}
.contacts .contact .vlbteo .d2 span {color:#0080fd;}
.contacts .contact .vlbteo .d2 i {margin-right:10px;font-size:20px;}
.contacts .contact .contact_man {display:inline-block;}
.contacts .contact .contact_man li {float:left;width:100%;color:#666;padding:50px 50px 40px;border:1px solid #ddd;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */ position:relative}
.contacts .contact .contact_man li:before {content:'';position:absolute;bottom:0;transition:opacity .5s ease 0s,transform .5s ease 0s;width:100%;height:100%;top:0%;left:0%;opacity:0;border-top:1px solid #0080fd;border-bottom:1px solid #0080fd;transform:scale(0,1);-webkit-transform:scale(0,1);box-sizing:border-box;}
.contacts .contact .contact_man li:hover::before {opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.contacts .contact .contact_man li::after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:'';border-left:1px solid #0080fd;border-right:1px solid #0080fd;transform:scale(1,0);-webkit-transform:scale(1,0);opacity:0;position:absolute;width:100%;height:100%;top:0%;left:0%;box-sizing:border-box;}
.contacts .contact .contact_man li:hover::after {opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.contacts .contact .contact_man .d1 {font-size:24px;margin-bottom:25px;color:#0080fd;}
.contacts .contact .contact_man .d2 {background:no-repeat left 8px;padding:5px 0 5px 0px;margin-bottom:10px;font-size:16px;width:33.3%;float:left;}
.contacts .contact .contact_man .d2 span {color:#0080fd;}
.contacts .contact .contact_man .d2 i {margin-right:10px;font-size:20px;}
@media screen and ( max-width:768px) {.contacts .contact {padding-top:0px;}
.contacts .contact .vlbteo {padding:15px;min-height:inherit;}
.contacts .contact .vlbteo .d1 {font-size:20px;}
.contacts .contact .contact_man li {padding:15px;}
.contacts .contact .contact_man .d2 {width:100%;}
}


/*产品详情页-产品推荐*/.products_info {padding:.4rem;border:1px solid #ddd;margin-bottom:40px;}
@media screen and (max-width:768px) {.products_info {padding:0;border:0px solid #ddd;margin-bottom:40px;}
}
.products_info .sec_m {}
.products_info .sec_m .section {margin-bottom:40px;}
@media screen and (max-width:76px) {
.section {padding:0 0.5rem 0}
}

/*详情页-标题*/.alcet_title {font-size:18px;background:#eeeeee;height:50px;line-height:50px;border-left:5px solid #0080fd;padding-left:20px;color:#666;}
.products_info .sec_m_pro .alcet_title {margin-top:30px;margin-bottom:30px;}
@media screen and ( max-width:768px) {.alcet_title {font-size:16px;background:#eeeeee;height:auto;line-height:30px;border-left:5px solid #0080fd;padding-left:20px;color:#666;}
}


/*邮件*/
.inner-message {/*margin-bottom:30px;*/overflow:hidden;}
.inner-message-t {background:#f0f0f0;padding:10px 16px;margin-bottom:20px;}
.inner-message-t h5 {font-size:18px;line-height:24px;}
.inner-message .th {font-size:20px;margin-bottom:10px;}
.inner-message .inner-message-centered {font-size:16px;}
.inner-message .inner-message-centered span {color:#F60;}
.inner-message-row {margin-top:20px;overflow:hidden;}
.inner-message-row .item {width:100%;float:left;margin-bottom:20px;}
.inner-message-row .item input {color:#999;width:100%;line-height:30px;border:0;height:30px;}
.inner-message-row .item textarea {color:#999;width:100%;line-height:30px;border:0;font-family:Arial,Helvetica,sans-serif;min-height:150px;}
.inner-message-row .item button {color:#fff;font-size:14px;background-color:#0080fd;display:block;line-height:30px;padding:8px 20px;cursor:pointer;border:0;position:relative;}
.inner-message-row .item button:hover {border-radius:5px;}
.inner-message-row .item button:active {background-color:#F60;}
.inner-message-row .item button i {z-index:10}
/*.inner-message-row .item button::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0080fd;transition:all .4s;-webkit-transition:all .4s;}
.inner-message-row .item button:hover::after {width:100%;border-radius:5px;}*/
.inner-message-row .item.item-half {width:50%;}
.inner-message-half {padding:8px;border:1px solid #ddd;margin-right:20px;}
.inner-message-box {padding:8px;border:1px solid #ddd;}




.zizhili li{ position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 10px; width:31.33%; margin:1%; min-height:5rem; overflow:hidden;}

.zizhili li span{ background: rgba(0,0,0,.5); color: #fff; font-size: 16px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; text-align: center;}
.zizhili li img{ width:100%; height:100%; object-fit:cover; transition:all 1s; -webkit-transition:all 1s;}

.zizhi .kehu li{width:23%; margin:1%; overflow:hidden; height:200px; position:relative; transition:all 1s; -webkit-transition:all 1s;}
.zizhi li img{ width:100%; height:100%; object-fit:cover; transition:all 1s; -webkit-transition:all 1s; position:absolute;left: 50%;
    top: 50%;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);}
.zizhi li:hover{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.pt30 { padding:30px;}

/*上下篇*/
.other-upper-next {border-bottom:1px solid #d9d9d9;overflow:hidden;line-height:28px;font-size:18px;padding:20px;background-color:#fff;margin-bottom:30px;}
.other-upper-next-box {overflow:hidden;}
.other-upper-next .other-upper {float:left;}
.other-upper-next .other-next {float:right;}
.other-upper-next .other-upper i {display:inline-block;vertical-align:middle;margin-right:5px;}
.other-upper-next .other-next i {font-size:14px;display:inline-block;vertical-align:middle;margin-left:5px;}
.other-upper-next span a:hover {color:#0080fd;}
.other-upper-next a{ color:#999; font-size:14px;line-height:20px;}
.other-upper-next a i{ font-size:14px; display:inline-block; line-height:20px;}

.contacts .contact .vlbteo .d1{ line-height:1; display:block;}
.contacts{ margin-top:40px;}

.txtindex{ text-align: center; margin-top: 40px;}
.txtindex p{ font-size: 24px;}
.fotle img{ max-width: 40px; margin-right: 10px;}
.fotle p.flex2{justify-content:flex-start; margin-top: 20px;}


.kehu li{ position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.kehu li span{ font-size: 14px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; background-color: rgba(0,0,0,.5); color: #fff;}

 .content table{border: 1px solid #eee;     border-collapse: separate;
    border-spacing: 0;
    width: 100%;}
.content table td{ padding: 10px;border: 1px solid #eee;}
.content table td p{ margin-bottom:0; font-size:18px;}

.shebeizhanshi3 li{ width: 48%; height: auto;}
.shebeizhanshi3 .indextit{ font-size: 24px;}



.pro_article .img{ width:50%;}
.pro_article .img img{max-width: 100%;
    max-height: 340px;
    margin: 0 auto;
    display: block;}
.pro_article .txt{ width:45%;}
.pro_article .txt>b{ font-size:22px;color:#0080fd;display:block; margin-bottom:20px;}

.zizhi .kehu{    justify-content: flex-start;}


@media screen and (max-width:1280px){
	.w1200{ padding-left:40px; padding-right:40px;}
	}

@media screen and (max-width:768px){
	.txtindex p{ font-size: 14px;}
	.w1200{ padding-left:20px; padding-right:20px;}
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .zizhili li{ width:48%; }
	 .zizhili li span{ font-size: 12px; padding: 5px;}
	 .news_list li a .info{ width:100%;}
	 .news_list li a .img{ width:100%; margin-top:10px;}
	 .newbox{ padding:30px 0;}
	 .mauto{ width:100%; max-width:none;}
	 .ban_ny{ height:10rem;}
	 .pt30{ padding:15px;}
	 .news-info .edit{ font-size:14px;}
	 .video{ padding:30px 0;}.video-js{ height:10rem !important;}
	 .indextit{ font-size:20px; margin-bottom:20px;}
	 .indextit .line{ width:40px;}
	 .footer{ margin-top:30px; padding-top:30px;}
	 .fotri{ display:none;}
	 .fotle{ width:100%;}
	 .fottit{ font-size:20px;}
	 .fotle p{ font-size:12px; margin-bottom:5px;}
	 .fotcopy{ text-align:center;}
	 .fotcopy p{ font-size:12px;}
	 .footer .social-link{ margin-top:20px;}
	 .shebeizhanshi li{ width:100%; height:10rem;}
	 .about01, .shebeizhanshi{ padding-top:20px;}
	 
	 .main-nav-m{ width:100%;}
	 .pagination-bar ul li a{ font-size:12px;}
	 .proli li,.zizhi .kehu li{ width:48%;  margin:1%; height:7rem;}
	 .prori{ width:100%;} 
	 .content p{ font-size:12px;}
	 .alcet_title{ padding:10px; padding-left:20px; font-size:12px; line-height:1.5;}
	 .inner-message-row .item.item-half{ width:100%;}
	 .inner-message-half{ margin-right:0}
	 .inner-message-row .item{ margin-bottom:10px;}
	 .shebeizhanshi3 .indextit{ font-size: 20px;}
  
  .content table td p{font-size:14px;}
	}

.zizhi .content img{max-width:400px;}