@charset "utf-8";
html,body{background:#fff;color:#333;font: 14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';overflow-x: hidden;margin: 0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#333;text-decoration:none;}
a:hover{color: #008ed6;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width: 1200px;}
.max_width{width: 80%;margin:0 auto;position: relative;}
.dtable{display:table;width: 100%;}
.dtable .left{text-align:left;}
.dtable .right{text-align:right;}
.fancybox-wrap,.fancybox-wrap * {transition:none;}
.dtable>*{display:table-cell;vertical-align:middle;}
.align{display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.f0{font-size:0}
.tline{display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;}
.t1{-webkit-line-clamp: 1}
.t2{-webkit-line-clamp: 2}
.t3{-webkit-line-clamp: 3}
.t4{-webkit-line-clamp: 4}
.mfcolor{color:#eb3c00;}
.table{display:table;width:100%;height: 100%;}
.table .middle{display:table-cell;vertical-align:middle;padding: 0 15px;}
.mbutton{width: 100%;text-align: center;font-size: 0;margin-bottom: 60px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #3a75bf!important;}
.mCSB_scrollTools .mCSB_draggerRail{background: #d4d4d4!important;}
.mbutton a {display: inline-block;border-radius: 30px;background: #eb3c00;line-height: 55px;text-align: center;color: #fff;position: relative;z-index: 1;overflow: hidden;width: 220px;font-size: 24px;}
.more a{position:relative;z-index:1;overflow:hidden;}
.more a::after{position:absolute;content:'';left:50%;top:0;width:0;height:100%;background:#444;z-index:-1;transition:1s}
.more a:hover::after{transition:1s;width:100%;left:0}
@media(min-width:1000px){
    .tem_inner{padding:0;width: 1200px;}
    .tem_footer .top .nav dl{margin-right:40px}
    .page_banner::after {position: absolute;content: '';left: 0;bottom: 0;height: 70px;width: 10%;background: #008ed6;}
}
@media(min-width:1200px){
    .met_section,.tem_inner{padding:0;width: 1200px;}
    .tem_footer .top .nav dl{margin-right:50px}
    .page_banner::after {position: absolute;content: '';left: 0;bottom: 0;height: 70px;width: 11%;background: #008ed6;}
}
@media(min-width:1800px){
    .met_section,.tem_inner{padding:0;width: 73%;margin: 0 auto;}
    .tem_footer .top .nav dl{margin-right:100px}
    .page_banner::after {position: absolute;content: '';left: 0;bottom: 0;height: 70px;width: 14%;background: #008ed6;}

}

::-webkit-scrollbar{/*滚动条整体样式*/width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

/***** header ******/
header{width:100%;transition:1s;position:fixed;z-index: 999;background:#fff;}
header.on{transition:1s;box-shadow:1px 1px 3px #333}
header .top{background:#008ed6;color:#fff;line-height:50px;font-size:0}
header .top .left p{display:inline-block;font-size:14px;vertical-align:top;padding-left:35px;background:url(/public/common/images/head_tel.png) no-repeat left center}
header .top .left p:first-child{margin-right:35px;background:url(/public/common/images/head_email.png) no-repeat left center}
header .top .right{font-size:0}
header .top .right .lang{display:inline-block;vertical-align:top}
header .top .right .lang dl{display:inline-block;vertical-align:top;margin-left:20px;}
header .top .right .lang dl>*{display:inline-block;;padding:.2rem 0}
header .top .right .lang dl dt img{position:relative;}
header .top .right .lang dl dd a{color:#fff;font-size:14px;display:block;padding-left:10px;}
header .bot{width:100%}
header .bot .right ul{display:table;width:100%}
header .bot .right ul li{display:table-cell;font-size:0;line-height:100px;width:100px}
header .bot .right ul li a{display:block;font-size:16px;text-align:center;position:relative}
header .bot .right ul li a::after{position:absolute;content:"\f0d8";font:normal normal normal 14px/1 FontAwesome;transform:translateX(-50%);left:50%;bottom:-3px;font-size:20px;color:#008ed6;opacity:0;transition:.36s}
header .bot .right ul li a.on::after,header .bot .right ul li a:hover::after{transition:.36s;opacity:1}
header .bot .right ul li a::before{position:absolute;content:'';bottom:0;left:50%;width:0;background:#008ed6;height:3px;transition:.5s}
header .bot .right ul li a.on::before,header .bot .right ul li a:hover::before{transition:.5s;left:0;width:100%}
header .bot .right ul li a.on{color:#008ed6}
header .bot .right ul li a:hover{color:#008ed6}
.tem_footer{width:100%}
.tem_footer .top{background: #1b1b1b;padding: 40px 0;color: #fff;}
.tem_footer .top .list{width:100%;white-space: nowrap;}
.tem_footer .top .nav dl{display: inline-block;vertical-align:top;}
.tem_footer .top .nav dl .pd{display:inline-block;vertical-align:top}
.tem_footer .top .nav dl:last-child{width:30%}
.tem_footer .top .nav dl dt{margin-bottom: 10px;padding-bottom: 10px;position: relative;}
.tem_footer .top .nav dl dt a{font-size: 16px;color: #fff;display: block;position: relative;}

.tem_footer .top .nav dl dt::after {content: '';position: absolute;bottom: 0;left: 0;background: #696969;width: 90px;height: 1px;}
.tem_footer .top .nav dl dd{display:block}
.tem_footer .top .nav dl dd .tel{font-size: 14px;color: #888;white-space:nowrap;}
.tem_footer .top .nav dl dd a{display:block;font-size:14px;color: #696969;line-height: 28px;}
.tem_footer .top .nav dl dd a:hover{color: #fff;}
.tem_footer .top .qd{vertical-align: top;/* width:15%; */text-align:right;}
.tem_footer .top .qd .img{display:inline-block;text-align: center;}
.tem_footer .top .qd p{font-size: 16px;text-align: right;color: #fff;display: block;margin-top: 20px;}
.tem_footer .top .link{color:#3e3a39;font-size:14px;margin-top:20px}
.tem_footer .top .link p{display:inline-block;font-size:15px}
.tem_footer .top .link a{display:inline-block;margin-right:15px;margin-bottom:10px;color:#3e3a39;}
.tem_footer .top .link a:hover{color:#3a75bf;}
.tem_footer .bot{background: #1b1b1b;color: #696969;line-height: 45px;}

.tem_footer .bot .tem_inner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #3d3d3d;
    content: '';
}
.tem_footer .bot .left{text-align:left;}
.tem_footer .bot .right{text-align:right;}
.tem_footer .bot .left>*{display:inline-block;color: #696969}
.tem_footer .bot .right a{color: #696969;transition: 1s;}
.tem_footer .bot .right a:hover {transition: 1s;color: #cecece;}
.tem_banner.index .swiper_nav{position:absolute;bottom:35%;left:0;z-index: 9;width: 100%;}
.tem_banner.index .swiper_nav>div>div{width: 50px;height: 50px;line-height: 50px;color:#fff;font-size: 20px;text-align:center;border-radius:100%;position:absolute;top:0;background: #008ed6;outline: none;cursor: pointer;}
.tem_banner.index .swiper_nav>div .left{left:2%}
.tem_banner.index .swiper_nav>div  .right{right:2%}

.tem_banner{width:100%;position:relative;padding-top:150px;}
.tem_banner .swiper-slide{position:relative;background:#000;overflow:hidden;font-size:0}
.tem_banner .txt{position:absolute;top:0;left:0;height:100%;width:100%;color:#fff}
.tem_banner .txt .title{color:#fff;text-align:center;margin-bottom:50px;}
.tem_banner .txt .title>* {text-shadow: 1px 1px 3px #000;}
.tem_banner .txt .title h2{font-size:60px;font-weight:400;text-transform:uppercase;display:block;margin-bottom:10px;opacity: 0;transform: translateY(30px);transition:1s;}
.tem_banner .txt .title p{font-size:24px;opacity: 0;transform: translateY(30px);transition:1s;}
.tem_banner .txt .link{text-align:center;font-size:0;opacity: 0;transform: translateY(30px);transition:1s;}
.tem_banner .swiper-slide-active .txt .title h2{opacity: 1;transform:none;transition:1s;transition-delay: .3s;}
.tem_banner .swiper-slide-active .txt .title p{opacity: 1;transform:none;transition:1s;transition-delay: .6s;}
.tem_banner .swiper-slide-active .link {opacity: 1;transform:none;transition:1s;transition-delay: .9s;}
.tem_banner .txt .link a{width:140px;line-height:50px;display:inline-block;vertical-align:top;margin:0 20px;font-size:16px;background:#fff;color:#555;border-radius:5px}
.tem_banner .txt .link a:hover {background:#008ed6;color:#fff;}
.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%!important;left:0;text-align:center;font-size:0;width:100%;margin:0}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#b42a29;border-color:#b42a29}
.tem_banner.inside .flash {font-size: 0;}
.tem_banner.inside .flash img {width: 100%;height: 100%;}
.page_banner{position:absolute;bottom:0;left:0;width:100%;background: rgba(0, 0, 0, 60%);}
.page_banner .tem_inner::after {position:absolute;content:"\f015";font: normal normal normal 14px/1 FontAwesome;top: 24px;left: 20px;font-size: 27px;color: #fff;z-index: 9;}
.page_nav {width: 100%;position: relative;z-index: 1;}
.page_nav ul{padding-left:100px;}
.page_nav ul li{display: inline-block;/* width:110px; */margin-right: 30px;}
.page_nav ul li a{display:block;height: 70px;line-height: 70px;text-align: center;color: #fff;}
.page_nav ul li a.on,.page_nav ul li a:hover{color:#51c5ff;}
.index_title{text-align:center;margin-bottom:50px}
.index_title h2{font-size:36px;color:#1f1f1f;font-weight:400;position:relative;padding-bottom:30px;margin-bottom:4px}
.index_title h2::after{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);content:"\f0d7";font:normal normal normal 14px/1 FontAwesome;color:#008ed6;font-size:24px}
.index_title p{font-size:16px;color:#1f1f1f}
.index_title span{font-size:117px;text-transform:uppercase;color:#f9f9f9;display:block;margin-top:-185px;position:relative;z-index:-1;}

.index_app{padding:80px 0 60px;}
.index_app .list{width:100%}
.index_app .list li{width:23.7%;}
.index_app .list li a{display:block;position:relative;overflow:hidden}
.index_app .list li a:hover img{transform:scale(1.1)}
.index_app .list li a .txt{position:absolute;width:100%;bottom:0;color:#fff;transform:translateY(50px)}
.index_app .list li a:hover .txt{transform:none}
.index_app .list li a .txt>div{padding:0 40px}
.index_app .list li a .txt .top{padding-bottom:20px}
.index_app .list li a .txt .top h2{font-size:24px;font-weight:400}
.index_app .list li a .txt .top p{font-size:14px;display:block;margin-top:10px}
.index_app .list li a .txt .bot{background:#008ed6;height:50px;line-height:50px}
.index_app .list li a .txt .bot p{font-size:14px;color:#fff;position:relative}
.index_app .list li a .txt .bot p::after{position:absolute;content:"\f178";font:normal normal normal 14px/1 FontAwesome;display:inline-block;right:0;top:17px}

.index_product{padding:60px 0}
.index_product .list{width:100%}
.index_product .list li{background:#e3e3e3;margin-bottom:35px;height:auto}
.index_product .list li.even .img{float:right}
.index_product .list li.even .txt{float:left}
.index_product .list li:hover{background:#008ed6;box-shadow:1px 1px 3px #9f9f9f}
.index_product .list li:hover img{transform:scale(1.1)}
.index_product .list .img{float:left;width:69%;}
.index_product .list .txt{float:right;width:31%}
.index_product .list .txt .pd{padding:80px 50px 0;}
.index_product .list .txt h2{color:#2f2f2f;font-size:24px;font-weight:400;display:block;margin-bottom:30px}
.index_product .list .txt p{font-size:16px;color:#3d3d3d;line-height:24px;display:block;margin-bottom:60px}
.index_product .list .txt a{display:inline-block;width:190px;height:50px;line-height:50px;background:#fff;text-align:center;color:#555;font-size:16px;position:relative}
.index_product .list .txt a span{position:relative;display:inline-block;padding-right:26px;color:#555}
.index_product .list .txt a span::after{position:absolute;content:"\f178";font:normal normal normal 14px/1 FontAwesome;display:inline-block;right:0;top:18px;color:#555}
.index_product .list li:hover .txt .pd>*{color:#fff}
.page_position{position:relative;top:-150px;}
.page_about{width:100%;text-align: center;padding: 70px 0;}
.page_about_title{font-size:36px;color:#008ed6;margin-bottom: 40px;text-align: center;}
.page_about .top {
    margin-bottom: 50px;
}

.page_about .top .con p {
    font-size: 16px;
    color: #373737;
    line-height: 35px;
}
.page_about .bot {
    width: 100%;
}

.page_about .bot .left {
    width: 59%;
}

.page_about .bot .right {
    width: 41%;
    text-align: center;
    background: #008ed6;
    position: relative;
   
}

.page_about .bot .right .pd {
    display: inline-block;
}

.page_about .bot .right .pd li {
    display: inline-block;
    padding: 0 50px;
    position: relative;
}

.page_about .bot .right .pd li:first-child::after {
    position: absolute;
    content: '';
    right: 0;
    top: 20%;
    width: 1px;
    height: 80%;
    background: #fff;
}


.page_about .bot .right .pd li  h2 {
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}

.page_about .bot .right .pd li  p {
    font-size: 14px;
    color: #fff;
}

.page_about .bot .right::before,.page_about .bot .right::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: #fff;
}
.page_about .bot .right::after {
    bottom: 0;
    top: initial;
}

.page_culture{padding-bottom:70px;}
.page_culture .list{text-align:center;}

.page_culture .list li {
    display: inline-block;
    max-width: 396px;
}

.page_culture .list li a {
    display: block;
    background: #008ed6;
    transition: 1s;
    transform: skewX(-10deg);
}

.page_culture .list li a .txt {
    padding: 30px;
    height: 340px;
    overflow: hidden;
}

.page_culture .list li a .txt h2 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
}

.page_culture .list li a .txt p {
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.page_culture .list li a:hover {
    box-shadow: 1px 1px 5px #6d6d6d;
    transition: 1s;
}

.page_culture .list li a:hover img {
    transform: scale(1.1);
}

.page_about_bj{position:relative;}

.page_about_bj .txt {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page_about_bj .txt h2 {
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}

.page_about_bj .txt p {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.page_equipment{padding:60px 0;position:relative;}
.page_equipment .list{width:100%}
.page_equipment .list a{display:block}
.page_equipment .list a:hover img{transform:scale(1.1)}
.page_equipment .list a p{font-size:16px;color:#008ed6;display:block;line-height:50px;text-align:center}
.page_equipment .slide-pagination{transition:.5s;position:relative;z-index:1;bottom:5%!important;left:0;text-align:center;font-size:0;width:100%;margin:0;margin-top:10px}
.page_equipment .slide-pagination span{width:11px;height:11px;border-radius:100%;background:#555;opacity:1;margin:0 5px;outline:0}
.page_equipment .slide-pagination span.swiper-pagination-bullet-active{background:#008ed6}

.page_honor{padding:60px 0;background:#f8f8f8;}
.page_honor .list{width:100%}
.page_honor .list a{display:block}
.page_honor .list a:hover img{transform:scale(1.1)}
.page_honor .list a p{font-size:16px;color:#008ed6;display:block;line-height:50px;text-align:center}
.page_honor .slide-pagination{transition:.5s;position:relative;z-index:1;bottom:5%!important;left:0;text-align:center;font-size:0;width:100%;margin:0;margin-top:10px}
.page_honor .slide-pagination span{width:11px;height:11px;border-radius:100%;background:#555;opacity:1;margin:0 5px;outline:0}
.page_honor .slide-pagination span.swiper-pagination-bullet-active{background:#008ed6}
.page_product{width: 100%;padding: 60px 0;}
.page_product .top{}
.page_product .top .txt{
    background: #008ed6;
    padding: 50px 30px;
}

.page_product .top .txt h2 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}

.page_product .top .txt p {font-size:16px;color:#fff;}
.page_product .bot{
    width: 100%;
    margin-top: 50px;
}

.page_product .bot li {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

.page_product .bot li a {
    display: block;
    width: 95%;
    margin: 0 auto;
}

.page_product .bot li a:hover img {
    transform: scale(1.1);
}

.page_product .bot li a p {
    text-align: center;
    font-size: 16px;
    color: #2e2e2e;
    line-height: 50px;
}

.page_product .bot li a:hover p {
    color: #008ed6;
}
.showproduct{width:100%;}

.showproduct .top {
    padding: 60px 0;
    font-size:0
}

.showproduct .top .left {
    width: 66%;
    display:inline-block
}

.showproduct .top .right {
    width: 34%;
    text-align: left;
    padding-left: 50px;
    display:inline-block
}
.showproduct .top .right .item h2 {
    font-size: 30px;
    color: #008ed6;
}

.showproduct .top .right .item .img {
    margin-top: 10px;
}

.showproduct .top .right .item p {
    font-size: 15px;
    color: #494949;
    line-height: 28px;
    display: block;
    margin: 10px 0;
}

.showproduct .bot{width:100%;padding:50px 0;background:#f4f4f4;}

.showproduct .bot .item {
    background: #fff;
    padding: 60px;
}

.show_product{width:100%;}
.show_product .position {line-height: 70px;color: #535353;}
.show_product .positiona{color:#535353;transition: 1s;}
.show_product .positiona:last-child,.show_product .positiona:hover {color: #3a75bf;transition: 1s;}
.show_product .content{width:100%;background: #fff;}
.show_product .content .pd {padding: 40px 40px 60px 40px;width: initial;}
.show_product .content .left{width:50%;/* max-width:620px */}
.show_product .content .left .list{width:100%;/* max-height: 560px; */overflow: hidden;}
.show_product .content .left .list .gallery-top{width:100%;font-size:0;}
.show_product .content .left .list .gallery-thumbs{margin-top:25px;position:relative;}
.show_product .content .left .list .gallery-thumbs .button{position:absolute;left:0;bottom:45px;width:100%;z-index:9999;}
.show_product .content .left .list .gallery-thumbs .button>div{position:absolute;top:0;background:0 0;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;opacity:1;font-size:50px;cursor:pointer;}
.show_product .content .left .list .gallery-thumbs .button .swiper-button-prev{left:0;}
.show_product .content .left .list .gallery-thumbs .button .swiper-button-next{right:0;}
.show_product .content .right{width:50%;padding:0 40px;vertical-align:top;border-left: 1px solid #ddd;position: relative;}
.show_product .content .right .title{color:#3a75bf;font-size: 30px;margin: 40px 0 20px;}
.show_product .content .right .name{font-size:18px;color:#525252;margin-bottom:10px;font-weight:700;}
.show_product .content .rightul{list-style:none;}
.show_product .content .rightulli{font-size:16px;color:#484848;line-height:34px;}
.show_product .content .right .contact{position:absolute;bottom:0;left:0;width:100%;}
.show_product .content .right .contacta{width:80%;margin:0 auto;background:#3a75bf;text-align:center;line-height:60px;color:#ffff;font-size:16px;transition:1s;display:block;}
.show_product .content .right .contacta:hover{transition:1s;background:#000;}
.show_product .descripiton{padding:50px 0 80px;background:#f8f8f8;}
.show_product .descripiton .title{font-size:30px;color:#3a75bf;display:block;margin-bottom:20px;}
.show_product .descripiton .conp{color:#636363;font-size:16px;line-height:30px;}
.show_product .recommend{width:100%;padding:60px 0;}
.show_product .recommend .title{text-align:center;font-size:30px;color:#3a75bf;margin-bottom:40px;}
.show_product .recommend .list{width:100%;}
.show_product .recommend .listli{width:23%;}
.show_product .recommend .listlia{display:block;}
.show_product .recommend .listlia .img{box-shadow:1px 1px 4px #b9b9b9;text-align: center;}
.show_product .recommend .listlia:hoverimg{transition:2s;transform:scale(1.1);}
.show_product .recommend .listlia .txt{margin-top:15px;text-align:center;}
.show_product .recommend .listlia .txtp{color:#666;font-size:20px;}
.show_product .recommend .listlia:hover .txtp{color:#3a75bf;transition:1s;}.met_pager{text-align:center;padding: 40px 0 30px;font-size: 0;}
.page_app{padding:60px 0;background:#f1f1f1}

.page_app .item {
    background: #fff;
}

.page_app .item .bot {
    padding: 50px;
}

.page_app .item .bot .title {
    font-size: 36px;
    color: #2e2e2f;
    margin-bottom: 20px;
}
.page_app .item .bot .con{line-height:34px;color:#373737;font-size:18px;margin-bottom: 20px;}
.page_app .item .bot .list{width:100%;}
.page_app .item .bot .list li{margin-bottom:10px;width: 29%;}
.page_app .item .bot .list a{display:block;text-align:center;}
.page_app .item .bot .list a p{color:#2a2a2a;line-height: 65px;font-size:16px}
.page_app .item .bot .list a:hover p{color:#008ed6}
.page_app .item .bot .list a:hover img{transform:scale(1.1)}
.page_news{width:100%;padding:60px 0}
.page_news.class53 {background: #f7f7f7;}
.page_news .title{text-align:center;color:#000;font-size:30px;margin-bottom:40px}
.page_news .list{width:100%}
.page_news .list li{margin-bottom:25px;transition:1s;float: left;width: 33.33%;}
.page_news .list li a{display:block;width: 90%;margin: 0 auto;transition: 1s;background: #fff;}
.page_news .list li a:hover img {transform:scale(1.1)}
.page_news .list li .txt{width: 100%;}
.page_news .list li .txt h2{font-size: 18px;color:#333;font-weight: normal;transition: 1s;}
.page_news .list li a:hover .txt h2 {color: #008ed6;}
.page_news .list li .txt span{font-size: 16px;color: #008ed6;display:block;line-height: 60px;}
.page_news .list li .txt p{font-size: 14px;color: #686868;display:block;margin:20px 0;transition:1s;line-height: 26px;}
.page_news .list li .txt i {font-style: initial;font-size:16px;color:#0760b5;transition: 1s;}
.show_news{width:100%;padding: 60px 0;}
.show_news .list{background:#fff;box-shadow:1px 1px 9px #ccc;}
.show_news .list .top{border-bottom:1px solid #e5e5e5;text-align:center;padding:30px 0 20px;margin-bottom:40px;}
.show_news .list .top .title{font-size:20px;color:#313131;font-weight:700;line-height:50px;}
.show_news .list .top .infos{display:block;text-align:center;font-size:0;}
.show_news .list .top .infos>div{display:inline-block;vertical-align:top;margin:0 20px;font-size:14px;color:#737373;}
.show_news .list .top .infosa,.show_news .list .top .infosspan{color:#4064ae;}
.show_news .list .bot{width:100%;text-align:center;padding-bottom:50px;border-bottom:1px solid #e5e5e5;}
.show_news .list .bot .con{margin:0 50px;text-align:initial;min-height:200px;}
.show_news .list .met_page{display:block;list-style:none;padding: 10px 0;width:95%;margin:0 auto;overflow:hidden;text-align: left;}
.show_news .list .met_pageli{display:inline-block;vertical-align:top;margin-right:50px;height:50px;line-height:50px;}
.show_news .list .met_pageli>*{display:inline-block;vertical-align:top;}
.show_news .list .met_pagelispan{color:#888;}
.show_news .list .met_pagelia{color:#466ab0;}
.page_news{width:100%;padding:60px 0}
.page_news.class53 {background: #f7f7f7;}
.page_news .title{text-align:center;color:#000;font-size:30px;margin-bottom:40px}
.page_news .list{width:100%}
.page_news .list li{margin-bottom:25px;transition:1s;float: left;width: 33.33%;}
.page_news .list li a{display:block;width: 90%;margin: 0 auto;transition: 1s;background: #fff;}
.page_news .list li a img {width:100%;height:2.65rem;object-fit:cover;transition:none}

.page_news .list li .txt{width: 100%;}
.page_news .list li .txt h2{font-size: 18px;color:#333;font-weight: normal;transition: 1s;}
.page_news .list li a:hover .txt h2 {color: #008ed6;}
.page_news .list li .txt span{font-size: 16px;color: #008ed6;display:block;line-height: 60px;}
.page_news .list li .txt p{font-size: 14px;color: #686868;display:block;margin:20px 0;transition:1s;line-height: 26px;}
.page_news .list li .txt i {font-style: initial;font-size:16px;color:#0760b5;transition: 1s;}

.page_faq{width:100%;}
.page_faq .item{background:#fff;padding:40px;margin-bottom:30px;}

.page_faq .item h2 {
    font-size: 30px;
    font-weight: normal;
    color: #252525;
    display: block;
    margin-bottom: 15px;
}

.page_faq .item p {
    font-size: 16px;
    color: #494949;
    line-height: 28px;
}
.met_module1{padding: 60px 0;}
.page_contact{width:100%;padding: 60px 0 80px;}
.page_contact .top{width:100%;text-align: center;margin-bottom: 30px;}
.page_contact .top h2{font-size:26px;color:#555}
.page_contact .top p{font-size:16px;text-transform:uppercase;color:#888}
.page_contact .min{text-align:center;margin-bottom:50px}
.page_contact .min li{width:20%}
.page_contact .min h2{display:block;margin:10px 0;font-size: 20px;color: #333;font-weight: normal;}
.page_contact .min p{font-size:16px;color:#666}
.page_contact .bot{width:100%}
.page_contact .bot>div{display:table-cell;width:65%}
.page_contact .bot .message{padding-left:50px;width:35%;vertical-align:middle}
.page_contact .bot .message .title{font-size:24px;color:#2f2f2f;margin-bottom:10px}

.page_contact .bot .message .list .input{padding:.2rem 0;}
.page_contact .bot .message .list .input input{width:3rem;height:.4rem}
.page_contact .bot .message .list   .textarea{padding:.3rem 0 .2rem}
.page_contact .bot .message .list   .textarea textarea{width:3rem;height:.8rem}
.page_contact .bot .message .list .button{text-align:center}
.page_contact .bot .message .list .button button{padding:10px .6rem;background:#008ed6;border:0;color:white}
.page_contact .bot .message .list .button button:hover{background:gray}
.met_pager .NextSpan,.met_pager .PreSpan,.met_pager a{border:1px solid #d2d2d2;background:#f3f3f3;font-size:13px;color:#787878;margin:0 3px;display:inline-block;min-width:16px;padding:5px;line-height:16px;border-radius:6px;-webkit-transition:all .1s;-moz-transition:all .1s;transition:1s}
.met_pager a.page-num-current,.met_pager a:hover{background: #008ed6;border-color: #008ed6;color: #fff;transition: 1s;}
.met_pager .PreSpan,.met_pager .NextSpan{ visibility: hidden; }
.met_pager .PreA,.met_pager .NextA{ font-family: 'Simsun',serif; font-weight: bold; }
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{}
.met_pager #metPageT,#metPageB,.met_pager .PageText{display: none;}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa;}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #887e6d;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #008ed6;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: black;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
    body{overflow-x:hidden;}
	.st-menu {display:block;}	
	header {display:none;}
	.m-header  {top:0;opacity:1;}
    
	
}

/********mobile*********/
@media(max-width:767px){
    .tem_inner,.met_section,.max_width{width:95%;margin:0 auto;}
    .tem_banner{padding-top:1.2rem;}
    .tem_banner.inside{/* margin-top:50px; */}
    .tem_banner .txt .title{margin:0;}
     .tem_banner .txt .link a:nth-child(1){width:30%;font-size:.2rem;line-height:.6rem}
   .tem_banner .txt .link a:nth-child(2){display:none}
   .tem_banner.index .swiper_nav{display:none}
   .index_app .list li{width:100%}
   .index_title span{display:none}
   .index_app{padding:.2rem 0}
   .index_product .list .img{width:100%}
   .index_product .list .txt{width:100%}
   .index_product .list .txt .pd{padding:.2rem}
    .banner_pagination .pagination>span{width: 30px;height: 4px;}
    .tem_banner.inside .page_txt h2{font-size:18px;}
    .tem_banner .swiper-slide .txt span{height: 35px;line-height: 28px;}
    .tem_banner .swiper-slide .txt h2{font-size: 16px;}
    .tem_banner .swiper-slide .txt p{font-size: 14px;}
    .tem_banner .slide-pagination{bottom:20px;}
    .tem_banner .swiper-slide .txt{bottom:30%;}
    .index_title{padding: 0;margin-bottom: 30px;}
    .index_title::before {display: none;}
    .index_title h2{font-size: 20px;}
    .index_title p{font-size: 14px;}
    .tem_index_culture{padding:30px 0;}
    .tem_index_culture .list li{width: 30%;margin-bottom: 20px;}
    .tem_index_culture .list li a .pd .middle .txt h2{font-size:18px;}
    .tem_index_culture .list li a .pd .middle .txt p{font-size:14px;}
    .tem_index_honor{background:#84c3ec;padding:50px 0;margin: 0;}
    .tem_index_function{margin:0;padding:40px 0;height: initial;}
    .tem_index_function .index_title{position:relative;top: initial;left: inherit;}
    .tem_index_function .list{width:100%;height: inherit;}
    .tem_index_function .list .tem_inner{text-align:center;height: initial;}
    .tem_index_function .list .tem_inner::after{position: relative;content: '';clear: both;display: block;}
    .tem_index_function .list .item{float: left;position: relative;width: 33%;margin-bottom: 10px;}
    .tem_index_function .list .item0{bottom:initial;}
    .tem_index_function .list .item1{top:initial;left:initial;}
    .tem_index_function .list .item2{left:initial;top:initial;}
    .tem_index_function .list .item3{left:initial;top:initial;margin-left:initial;}
    .tem_index_function .list .item4{right:initial;top:initial;}
    .tem_index_function .list .item5{right:initial;top:initial;}
    .tem_index_function .list .item6{right:initial;bottom:initial;}
    .tem_index_product{padding:40px 0;}
    .tem_index_product .list li{width:50%;}
    .tem_index_product .title{display: block;}
    .tem_index_product .title .left{display:block;text-align:center;width: 100%;}
    .tem_index_product .title .left::after{display:none;}
    .tem_index_product .title .left h2{font-size: 20px;}
    .tem_index_product .title .left p{font-size:14px;}
    .tem_index_product .title .min{display:block;width:100%;margin: 20px 0;}
    .tem_index_product .title .min h2{font-size: 17px;}
    .tem_index_product .title .min p{font-size: 13px;}
    .tem_index_product .title .right{padding: 20px 0;display:block;width:100%;background: #3975be;}
    .tem_index_product .title .right a h2{font-size: 20px;}
    .tem_index_product .title .right a p{margin-top: 10px;width: 30px;}
    .tem_index_news{padding-top: 30px;background: #6ca6de;}
    .tem_index_news .list li a .txt{right: 10px;width: 70%;}
    .tem_index_news .nav{margin-top: 30px;}
    .tem_index_news .nav a{width: 30%;margin: 0 1%;line-height: 50px;font-size: 14px;}
    .tem_footer .top{padding:.1rem  0 0}
    .tem_footer .top .list .nav{width:40%;}
    .tem_footer .top .list .nav dl dd{display:none;}
    .tem_footer .top .list .nav dl{display:flex}
    .tem_footer .top .list .nav dl:last-child{display:block;width: 100%;}
    .tem_footer .top .nav dl dt a{font-size:.2rem}
    .tem_footer .top .nav dl dd .tel{font-size:18px;margin: 10px 0;}
    .tem_footer .top .nav dl dd .name{margin-bottom: 10px;}
    .tem_footer .top .qd{width:100%;text-align:center;margin-top:20px;display: block;}
    .tem_footer .top .link{font-size:12px;margin-top: 10px;}
    .tem_footer .bot{padding: 0 0;line-height: initial;}
    .tem_footer .bot .tem_inner{display:block;}
    .tem_footer .bot .left {display:block;font-size: 12px;text-align: center;line-height: 20px;}
    .tem_footer .bot .right {display:block;margin-top: 10px;text-align: center;font-size: 12px;}
    .tem_footer .bot .right a{font-size:12px;}
    .page_nav{display:none}
     .page_about{padding:.2rem }
     .page_about .bot .right .pd{display:none}
     .page_about .bot .left{width:100%}
     .page_about_bj .txt h2{font-size:.3rem}
     .page_about_bj .txt p{font-size:.2rem}
     .page_banner .tem_inner::after{display:none}
    .page_nav{position:relative;line-height:50px;margin: 20px 0;height: initial;}
    .page_nav .home{display:none;}
    .page_nav .nav{width:100%;padding: 0;}
    .page_nav .nav li{display:inline-block;vertical-align:top;padding: 0;}
    .page_nav .nav li a{display:block;padding:0 10px;}
    .page_nav .nav li a::after{top: 40px;}
    .page_product{padding:30px 0;}
    .page_product .nav li{width:100%;}
    .page_product .nav li .txt .title{padding:12px 0;}
    .page_product .nav li .txt .title a{font-size:20px;}
    .page_product .nav li .txt .item a p{font-size:14px;}
    .page_product .list{padding-top: 30px;}
    .page_product .list li {width: 50%;}
    .show_product .content .pd{display:block;padding: 0;}
    .show_product .content .pd .left {display: block;width: 100%;border: 1px solid #ddd;}
    .show_product .content .pd .right {width: 100%;display: block;border: none;padding: 0;}
    .show_product .content .right .title{font-size:20px;margin: 30px 0;}
    .show_product .content .right .contact{position:relative;padding: 40px 0;}
    .show_product .descripiton .title{font-size:24px;}
    .show_product .recommend .list li{width:100%;}
    .show_product .recommend .title{font-size:24px;}
    .page_profile{padding:40px 0;}
    .page_profile .list .txt{position:relative;top: 0;}
    .page_profile .list .txt .pd{padding: 20px;}
    .page_culture{padding:40px 0;}
    .page_title{font-size:20px;padding-left: 55px;}
    .page_title::before{width: 40px;height: 3px;}
.showproduct .top .left{width:100%}
.showproduct .top .right{width:100%;padding:0}
.showproduct .bot .item{padding:.2rem}
.page_app .item .bot{padding:.2rem}
.page_news .list li{width:100%}
.page_contact .bot>div{display:block;width:100%}
.page_contact .bot .message{width:100%;padding:0}
.page_contact .bot .message .list .button{text-align:left}
    .page_history{padding:40px 0;}
    .page_history .list ul li a .con p{line-height:30px;}
    .page_history .list ul li a .con span{font-size: 14px!important;}
    .page_honor{padding:40px 0;}

    .page_news{width:100%;padding: 20px 0;}
    .page_news .title{font-size:20px;margin-bottom: 30px;}
    .page_news .list li{margin-bottom:20px;}
    .page_news .list li a{display:block;}

    .page_news .list li a .txt{padding:0;}
    .show_news{padding:40px 0;}
    .show_news .list .bot .con{margin: 0 20px;}
    .show_news .list .bot .con p{font-size:14px;line-height:27px;color:#5f5f5f;}
    .page_contact{padding:40px 0;}
    .page_contact .contact_title{font-size:20px;}
    .page_contact .list{margin: 30px 0 0 0;display:block;width:100%;}
    .page_contact .list .contact{display:block;width: 90%;padding: 20px 5%;}
    .page_contact .list .message{padding: 20px 5%;width: 90%;display: block;}
    .page_contact .list .message .con .item.li0, .page_contact .list .message .con .item.li1{display:block;width:100%;}

}