@charset "utf-8";
html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';overflow-x: hidden;margin: 0;}
a{color:#333;text-decoration:none;}
a:hover{color:#e9280c;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width: 1200px;}
@media(min-width:1000px){.tem_inner,.max_width{padding:0;width: 1200px;}
}
@media(min-width:1200px){.tem_inner,.met_section,.max_width{padding:0;width: 1200px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width: 1200px;}.max_width{width:1600px;}
}
.max_width{margin: 0 auto;}
.tb{width:100%;height:100%;display:table;}
.tb .tr{display:table-cell;vertical-align:middle;}
::-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%;position:fixed;transition:1s;z-index: 999;}
header.on{background: #000000b0;transition:1s;}
header .tem_inner{display:table;/* padding: 20px 0; */}
header .tem_inner div{display:table-cell;vertical-align:middle;}
header .logo{text-align:left;font-size:0px;}
header .logo a{display:block;}
header .nav{text-align:right;}
header .nav ul{list-style:none;font-size: 0;}
header .nav ul li{display:inline-block;margin-left: 60px;}
header .nav ul li a{font-size:16px;color: #fff;transition: 1s;display: block;position: relative;line-height: 115px;}

header .nav ul li a::after {content: '';position: absolute;bottom: 0;width: 0;height: 3px;background: #0168b7;left: 0;transition:1s;}
header .nav ul li a:hover::after,header .nav ul li a.navdown::after{width:100%;transition:1s;}
header .nav ul li a:hover,header .nav ul li a.navdown {color: #0168b7;transition: 1s;font-size:18px;font-weight:bold;}
/***** header end ******/

/***** banner end ******/
.tem_banner{position:relative}
.tem_banner.inside {/* margin-top: 100px; */}
.tem_banner.inside .flash{font-size:0}
.tem_banner.inside img{width:100%;height:100%}
.tem_banner .swiper-slide{position:relative;background:#000;overflow:hidden;font-size:0}
.tem_banner .swiper-slide .img{position:relative;width:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
.tem_banner .swiper-slide .txt{position:absolute;left: 0;top: 35%;z-index:111;width: 100%;text-align: center;font-size: 16px;}
.tem_banner .swiper-slide .txt .pd {display: inline-block;text-align: right;}
.tem_banner .swiper-slide .txt h2 {color: #fff;font-size: 48px;transition:1s;opacity:0}
.tem_banner .swiper-slide.swiper-slide-active .txt h2 {transition:1s;opacity:1;transition-delay:.4s;}
.tem_banner .swiper-slide .txt ul {list-style: none;font-size: 0;transition:1s;opacity:0}
.tem_banner .swiper-slide.swiper-slide-active .txt ul {transition:1s;opacity:1;transition-delay:.8s;}
.tem_banner .swiper-slide .txt ul li {display: inline-block;font-size: 18px;color: #fff;padding: 0 25px;position: relative;line-height: 28px;}
.tem_banner .swiper-slide .txt ul li::after {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #fff;}
.tem_banner .swiper-slide .txt ul li:first-child::after {display: none;}
.tem_banner .swiper-slide .txt ul li:last-child {padding-right: 0;}
.tem_banner .swiper-slide .img img{width:100%}
.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center;font-size: 0;}
.tem_banner .slide-pagination span{width: 14px;height: 14px;border-radius:100%;opacity:1;background:0 0;margin:0 5px;outline:0;background: #fff;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background: #0a76bf;}
.page_banner .flash img{width:100%!important;height:auto!important}
.page_banner{position:relative}
/***** banner end ******/

/***** newsproduct ******/
.news_product{width:100%}
.news_product .title{text-align:center;font-size:24px;color:#777;padding:50px 0}
.news_product .list{width:100%;display:table}
.news_product .list .left{display:table-cell;font-size:0;width:483px}
.news_product .list .left img{width:100%}
.news_product .list .right{display:table-cell;vertical-align:top;width:684px;position:relative;padding-left:33px}
.news_product .list .right .link{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.news_product .list .right .link a{display:inline-block;font-size:24px;background:#cf5f47;color:#fff;width:290px;border-radius:30px;line-height:60px}
.news_product .list .right .img{font-size:0}
.news_product .list .right .img img{width:100%}
.news_product .list .right .txt{font-size:20px;color:#777;line-height:50px;margin-top:20px;text-indent:2em}
/***** newsproduct end ******/

.tem_index_title{margin:0 0 60px 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}
.tem_index_title p{color:#8c8c8c;font-weight:normal;}
.tem_index_more{clear:both;margin:0 auto;padding-top:30px;width:200px;text-align:center;}
.tem_index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px;}
.tem_index_more a:hover{background:#d82208;color:#fff;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}

.tem_index_product{width:100%;padding:80px 0;background: url(../product_bj.png) no-repeat bottom center;}
.index_title{width:100%;text-align:center;margin-bottom: 55px;}
.index_title h2{position:relative;color:#183063;font-size:40px;z-index:1}
.index_title h2 i{font-style:inherit;color:#89bc43}
.index_title h2 span{position:absolute;font-size:90px;font-family:'Cambria Math';color:#eaeaea;text-transform:uppercase;font-style:italic;z-index:-1;top:-44px;left: 0;width: 100%;text-align: center;}
.index_title p{font-size:24px;color:#2e2e2e;display:block;margin-top:2px}
.tem_index_product .bot{width:100%}
.tem_index_product .bot ul{list-style:none;font-size:0}
.tem_index_product .bot ul li{display:inline-block;width:25%;margin-bottom:20px}
.tem_index_product .bot ul li .pd{width:95%;margin:0 auto}
.tem_index_product .bot ul li .img{font-size:0;position:relative;width:100%}
.tem_index_product .bot ul li .img img{max-width:100%}
.tem_index_product .bot ul li .img .out{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../product_lv.png);text-align:center;display:none}
.tem_index_product .bot ul li .img .out .con{display:inline-block}
.tem_index_product .bot ul li .img .out .con .tub{display:block;font-size:0}
.tem_index_product .bot ul li .img .out .con .title{font-size:18px;color:#fff;padding:10px 0 25px}
.tem_index_product .bot ul li .img .out .con .click{font-size:0;width:100%}
.tem_index_product .bot ul li .img .out .con .click span{display:inline-block;margin:0 6px;font-size:16px;width:108px;height:35px;line-height:35px;border:1px solid #fff;color:#fff}
.tem_index_product .bot ul li .txt{width:100%}
.tem_index_product .bot ul li .txt p{font-size:18px;color:#666;text-align:center;line-height:65px;transition:1s}
.tem_index_product .bot ul li:hover .txt p{transition:1s;color:#ff9800}
.tem_index_case{width:100%}
.tem_index_case .list{width:100%}
.tem_index_case .list .item{width:100%;text-align:left}
.tem_index_case .list .item.even{text-align:right}
.tem_index_case .list .item a{display:block;width:100%;position:relative;font-size:0}
.tem_index_case .list .item a .img{font-size:0;overflow:hidden;width:100%}
.tem_index_case .list .item a .img img{max-width:100%;transition:10s;transform:none}
.tem_index_case .list .item a:hover .img img{transition:10s;transform:scale(1.1)}
.tem_index_case .list .item a .txt{position:absolute;left:0;width:100%;top:0;height:100%;font-size:0}
.tem_index_case .list .item a .txt .con{display:inline-block;color:#fff}
.tem_index_case .list .item a .txt .con h2{font-size:20px}
.tem_index_case .list .item a .txt .con p{font-size:16px;display:block;padding:30px 0;position:relative}
.tem_index_case .list .item a .txt .con p::after{content:'';position:absolute;bottom:0;left:0;width:25%;height:1px;background:#fff;transition:1s}
.tem_index_case .list .item.even a .txt .con p::after{left:inherit;right:0}
.tem_index_case .list .item a:hover .txt .con p::after{transition:1s;width:100%}
.tem_index_sumo{width:100%;padding: 80px 0;}
.tem_index_sumo .sumo_title{text-align: left;padding-right: 0;}
.tem_index_sumo .sumo_title p{font-size:15px;color:#555;text-transform:capitalize;display:block}
.tem_index_sumo .sumo_title span{font-size:32px;color:#555;display:block;line-height:36px}
.tem_index_sumo .list{width:100%}
.tem_index_sumo .list .top{width:100%;display:table;margin-bottom:65px}
.tem_index_sumo .list .top>div{display:table-cell;vertical-align:middle}
.tem_index_sumo .list .top .left{position:relative}
.tem_index_sumo .list .top .left .img{width:100%;font-size:0;box-shadow:1px 1px 4px #ddd}
.tem_index_sumo .list .top .left .img img{width:100%}
.tem_index_sumo .list .top .left .txt{position:absolute;bottom:0;right:0;background:#fff;width:590px}
.tem_index_sumo .list .top .left .txt .pd{padding:30px 20px}
.tem_index_sumo .list .top .right{text-align:right;width:307px;padding-left:35px}
.tem_index_sumo .list .top .right .title{text-align:center;background:#1857a4;color:#fff;height:238px;width:100%;display:table}
.tem_index_sumo .list .top .right .title .pd{display:table-cell;vertical-align:middle}
.tem_index_sumo .list .top .right .title h2{font-size:60px;font-family:Impact;font-weight:400}
.tem_index_sumo .list .top .right .title p{font-size:36px}
.tem_index_sumo .list .top .right .title span{font-size:15px;text-transform:capitalize}
.tem_index_sumo .list .top .right .img{font-size:0}
.tem_index_sumo .list .top .right .img img{width:100%}
.tem_index_sumo .list .min{display:table;width:100%;overflow: hidden;}
.tem_index_sumo .list .min>div{display:table-cell;vertical-align:middle;}
.tem_index_sumo .list .min .left{width: 600px;padding-right:55px;font-size:0;}
.tem_index_sumo .list .min .left img{width:100%}
.tem_index_sumo .list .min .right .txt{display:block}
.tem_index_sumo .list .min .right .txt .title,.tem_index_sumo .list .bot .left .title{width:100%;font-size:0}
.tem_index_sumo .list .min .right .txt .title>div,.tem_index_sumo .list .bot .left .title>div{display:inline-block;vertical-align:middle}
.tem_index_sumo .list .min .right .txt .title .num,.tem_index_sumo .list .bot .left .title .num{font-size:60px;font-family:Impact;color:#89bc43;margin-right:20px}
.tem_index_sumo .list .min .right .txt .title .sumo_title{padding-right: 0;background: url(../quality_img.jpg) no-repeat right center;padding: 5px 100px 5px 0;}
.tem_index_sumo .list .min .right .txt .name,.tem_index_sumo .list .bot .left .name{font-size:24px;color:#555;font-weight:700;margin:20px 0 30px}
.tem_index_sumo .list .min .right .txt .con,.tem_index_sumo .list .bot .left .con{color:#555;font-size:16px;line-height:29px}
.tem_index_sumo .list .bot{width:100%;display: table;overflow: hidden;}
.tem_index_sumo .list .bot>div {display: table-cell;vertical-align: middle;}
.tem_index_sumo .list .bot .left {padding-top:60px}
.tem_index_sumo .list .bot .right {text-align: right;font-size:0}

.tem_index_news{width:100%;padding: 80px 0;background:#f3f3f3;}
.tem_index_news .content{width:100%;display:table;}
.tem_index_news .content>div{display:table-cell;vertical-align: top;width: 50%;}
.tem_index_news .content .left{text-align:left;}
.tem_index_news .content .left ol{width:100%;font-size:0px;margin-bottom: 20px;position:relative;}
.tem_index_news .content .left ol li{display:inline-block;margin-right:30px;}
.tem_index_news .content .left ol li a{font-size: 18px;color: #555;display:block;height:40px;line-height:40px;cursor: pointer;position: relative;transition: 1s;}
.tem_index_news .content .left ol li a:hover, .tem_index_news .content .left ol li.flex-active a {color: #052375;transition: 1s;font-weight: bold;}
.tem_index_news .content .left ol li a::after {content: '';width: 0;height: 2px;background: #001f77;bottom: 0;left: 0;position: absolute;transition: 1s;}
.tem_index_news .content .left ol li a:hover::after, .tem_index_news .content .left ol li.flex-active a::after {transition: 1s;width: 100%;}
.tem_index_news .content .left ol .more{position:absolute;right:0;top:0px;}
.tem_index_news .content .left ol .more a{font-size:14px;color:#333;line-height:40px;transition:1s;}
.tem_index_news .content .left ol .more a:hover{transition:1s;color:#183063;}
.tem_index_news .content .left .list{width:100%;max-height: 380px;overflow: hidden;}
.tem_index_news .content .left .list .first{width:100%;margin-bottom: 12px;}
.tem_index_news .content .left .list .first a{display:table;width:100%}
.tem_index_news .content .left .list .first a>div{display:table-cell;vertical-align:middle}
.tem_index_news .content .left .list .first a .img{font-size:0;width:275px;overflow: hidden;}
.tem_index_news .content .left .list .first a .img img{width:100%;transition:2s;}
.tem_index_news .content .left .list .first a:hover .img img{width:100%;transition:2s;transform:scale(1.1);}
.tem_index_news .content .left .list .first a .txt{padding-left: 20px;}
.tem_index_news .content .left .list .first a .txt h2{font-size:18px;color:#2c2c2c;font-weight:400;line-height:40px;height: 40px;display:block;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.tem_index_news .content .left .list .first a .txt span{font-size:14px;color:#777;display:block;margin-bottom:10px}
.tem_index_news .content .left .list .first a .txt p{font-size:15px;color:#555;line-height:24px;height:72px;display:block;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tem_index_news .content .left .list .first a .txt i{font-style:inherit;color:#1857a4;font-size:14px;display:block;margin-top:10px}
.tem_index_news .content .left .list .items{width:100%;line-height:40px}
.tem_index_news .content .left .list .items a{width:100%;display:table}
.tem_index_news .content .left .list .items a>div{display:table-cell;vertical-align:middle}
.tem_index_news .content .left .list .items a .title{text-align:left;position:relative;}
.tem_index_news .content .left .list .items a .title p{max-width:498px;display:block;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition: 1s;color: #555;}
.tem_index_news .content .left .list .items a:hover .title p {transition: 1s;color: #1857a4;}
.tem_index_news .content .left .list .items a .time{text-align:right;font-size:14px;color:#555}
.tem_index_news .content .right{padding-left: 60px;}
.tem_index_news .content .right .top{margin-bottom: 20px;width: 100%;display: table;}
.tem_index_news .content .right .top>div{display:table-cell;vertical-align:middle}
.tem_index_news .content .right .top .title{position:relative;font-size:0}
.tem_index_news .content .right .top .title p{font-size:18px;color:#333;display:inline-block;height:40px;line-height:40px;position:relative;font-weight:700}
.tem_index_news .content .right .top .title p::after{content:'';width:100%;height:2px;background:#001f77;bottom:0;left:0;position:absolute;transition:1s}
.tem_index_news .content .right .top .more{text-align:right}
.tem_index_news .content .right .top .more a{font-size:14px;color:#333;line-height:40px;transition:1s}
.tem_index_news .content .right .top .more a:hover{color:#183063;transition:1s}
.tem_index_news .content .right .list{width:100%}
.tem_index_news .content .right .list .item{margin-bottom: 21px;}
.tem_index_news .content .right .list .item a{display:table;width:100%}
.tem_index_news .content .right .list .item a>div{display:table-cell;vertical-align:middle}
.tem_index_news .content .right .list .item a .img{font-size:0;padding-right:15px}
.tem_index_news .content .right .list .item a .txt>*{padding-left:33px;display:block;position:relative}
.tem_index_news .content .right .list .item a .txt h2{font-size:14px;color:#333;font-weight:400;margin-bottom:10px}
.tem_index_news .content .right .list .item a .txt>::after{content:'问';position:absolute;width:20px;height:20px;top:2px;left:0;background:#1857a4;text-align:center;color:#fff;font-size:12px;line-height:20px}
.tem_index_news .content .right .list .item a .txt p::after{content:'答';background:#8bbd40}
.tem_index_news .content .right .list .item a .txt p{font-size:14px;color:#666;line-height:24px;height: 48px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tem_index_about{width:100%;padding:80px 0}
.tem_index_about .list{width:100%;display:table}
.tem_index_about .list>div{display:table-cell;vertical-align:middle;width:50%}
.tem_index_about .list .left{background:#f5f5f5;padding:40px}
.tem_index_about .list .left h2{font-size:18px;color:#333;padding-bottom:20px;border-bottom:1px solid #e2e2e2;margin-bottom:18px}
.tem_index_about .list .left p{font-size:15px;color:#666;line-height:30px}
.tem_index_about .list .left .click{display:block;width:100%;text-align:left;font-size:0;margin-top:35px}
.tem_index_about .list .left .click a{display:inline-block;vertical-align:top;width:145px;height:36px;line-height:36px;text-align:center;background:#1857a4;border-radius:20px;font-size:15px;color:#fff;margin-right:15px}
.tem_index_about .list .left .click a:first-child{background:#8bbd40}
.tem_index_about .list .right{font-size:0}
.tem_index_about .list .right video{width:600px}

.tem_index_partner{width:100%;padding: 80px 0 60px;background: #f3f3f3;}
.tem_index_partner .list{width:100%;text-align: center;max-height: 76px;overflow: hidden;}
.tem_index_partner .list .img{width:100%;font-size:0px;overflow: hidden;}
.tem_index_partner .list  img{overflow:hidden;transition:1.5s;box-shadow: 1px 1px 3px #d0d0d0;}
.tem_index_partner .list .img:hover img {transition: 1.5s;transform: scale(1.1);}
.tem_footer{width:100%}
.tem_footer .top{background:#3f3f3f;padding:45px 0 10px;color:#8c8c8c}
.tem_footer .top .content{width:100%;display:table}
.tem_footer .top .content>div{display:table-cell;vertical-align:middle}
.tem_footer .top .content .left>div{display:table-cell;vertical-align:top}
.tem_footer .top .content .left .contact{width:410px}
.tem_footer .top .content .left .contact .mob{font-size:30px;color:#fff;font-weight:700;letter-spacing:1px;padding-left:55px;background:url(../foot_tel.png) no-repeat left center;margin-bottom:25px}
.tem_footer .top .content .left .contact .con{font-size:14px;color:#8c8c8c;line-height:30px}
.tem_footer .top .content .left .nav>ul{display:table-cell;width:239px;list-style:none;padding-left:50px;border-left:1px solid #585858;padding-bottom:8px}
.tem_footer .top .content .left .nav ul:last-child{border-right:1px solid #585858}
.tem_footer .top .content .left .nav ul li a{display:block;color:#8c8c8c;line-height:30px;font-size:15px;transition:1s}
.tem_footer .top .content .left .nav ul li a:hover{transition:1s;color:#fff}
.tem_footer .top .content .left .nav ul li:first-child a{color:#fff;font-weight:700}
.tem_footer .top .content .right{width:260px;text-align:right;font-size:0}
.tem_footer .top .content .right .item{display:inline-block;vertical-align:middle;margin-left:30px}
.tem_footer .top .content .right .item .img{font-size:0}
.tem_footer .top .content .right .item p{font-size:14px;color:#fff;text-align:center;line-height:40px}
.tem_footer .top .link{margin: 15px 0 0;font-size: 0;}
.tem_footer .top .link a{color:#8c8c8c;display: inline-block;margin-right: 20px;font-size: 14px;transition: 1s;}

.tem_footer .top .link a:hover {
    color: #fff;
    transition: 1s;
}

.tem_footer .top .link a:first-child {
    margin: 0;
}
.tem_footer .bot{background:#282828;color:#8c8c8c;font-size:14px;padding:15px 0}
.tem_footer .bot .tem_inner{display:table}
.tem_footer .bot .tem_inner>div{display:table-cell;vertical-align:middle}
.tem_footer .bot .right{text-align:right}
.tem_footer .bot .right a{color:#8c8c8c}
.tem_footer .bot .left a {color:#8c8c8c;font-size:14px;}

.scrollTop{position:fixed;right:10px;top: 35%;z-index:999;}
.scrollTop a{display:block;width: 60px;height: 60px;margin-bottom: 10px;line-height: 60px;text-align:center;font-size: 28px;background: #0168b7;border-radius:100%;color:#fff;transition:1s;position:relative;cursor:pointer;}
.scrollTop a:first-child:hover::after{display:none;}
.scrollTop a.addr::after,.scrollTop a.contact::after,.scrollTop a.wx::after{content:'';position:absolute;width:15px;height:15px;left:-18px;top: 20px;background: #89bc43;transform:rotate(45deg);opacity:0;transition:.5s;}
.scrollTop a.addr:hover::after,.scrollTop a.contact:hover::after,.scrollTop a.wx:hover::after{transition:1s;opacity:1;transition-delay:.2s}
.scrollTop a:hover{background:#89bc43;transition:1s}
.scrollTop a.contact .txt{position:absolute;right: 70px;width: 150px;z-index:1;background: #89bc43;top: 3px;display:none;}
.scrollTop a.contact:hover .txt{display:block}
.scrollTop a.contact .txt .pd{text-align:left;padding: 10px;}
.scrollTop a.contact .txt p{font-size: 20px;line-height: 35px;}
.scrollTop a.wx .con{position:absolute;right: 70px;background: #89bc43;font-size:0;width: 150px;height: 150px;z-index:1;top: -44px;transition:1s;opacity:0;display:none;}
.scrollTop a.wx:hover .con{transition:1s;opacity:1;display:block}
.scrollTop a.wx .con img{margin-top: 10px;width: 130px;height: 130px;}

/****page head*****/
.page_web{width:100%}
section.page_web.class5 {background: #f9f9f9;}
.page_web .page_head{width:100%}

.page_web.class2 .page_head {
    background: #f9f9f9;
}

.class1 .page_head {
    background: #f9f9f9;
}
.page_web .page_head .tem_inner{display:table}
.page_web .page_head .tem_inner>div{display:table-cell;vertical-align:middle}
.page_web .page_head .page_nav{padding:30px 0;text-align:left}
.page_web .page_head .page_nav ul{list-style:none;font-size:0}
.page_web .page_head .page_nav ul li{display:inline-block;margin-right:40px;font-size:16px}
.page_web .page_head .page_nav ul li a{position:relative;display:block;height:50px;color:#282828;font-size:16px;line-height:50px}
.page_web .page_head .page_nav ul li a:hover,.page_web .page_head .page_nav ul li.on a{color:#0168b7;transition:1s}
.page_web .page_head .page_nav ul li a::after{position:absolute;bottom:0;left:0;width:0;height:2px;background:#0168b7;content:'';transition:1s}
.page_web .page_head .page_nav ul li a:hover::after,.page_web .page_head .page_nav ul li.on a::after{width:100%;transition:1s}
.page_web .page_head .position{color:#888;text-align:right}
.class6 .position {padding: 20px 0;}
.page_web .page_head .position a{color:#888;transition:1s}
.page_web .page_head .position a:last-child{color:#000}
.page_web .page_head .position a:hover{color:#0168b7;transition:1s}
/****page head end*****/

/****page product*****/
.page_product{width:100%;background: #f9f9f9;padding-bottom: 50px;}
.page_product ul{width:100%;list-style:none;white-space:nowrap;font-size:0}
.page_product ul li{display:inline-block;margin-right:15px;margin-bottom:15px;width:390px;vertical-align:top;white-space:normal}
.page_product ul li a{display:block}
.page_product ul li a .img{position:relative;overflow:hidden;font-size:0}
.page_product ul li a .img .out{position:absolute;left:0;z-index:1;display:none;width:100%;height:100%;background:url(../black.png)}
.page_product ul li a .img .out::after{position:absolute;width:100%;height:100%;background:url(../product_click.png) no-repeat center;content:''}
.page_product ul li a h2{color:#6d6d6d;text-align:center;font-weight:400;font-size:16px;line-height:55px;transition:1s}
.page_product ul li a:hover h2{color:#03106b;transition:1s}
.showproduct{width:100%;background: #f9f9f9;padding: 50px 0;}

.showproduct .content {
    width: 100%;
    font-size: 0;
    background: #fff;
    padding: 40px 0 80px;
}

.showproduct .content>div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.showproduct .content .left {width: 630px;}

.showproduct .content .left .list {
    text-align: center;
}

.showproduct .content .left .list .swiper-container {
    overflow: hidden;
    position: relative;
    height: 385px;
}

.showproduct .content .left .list .gallery-top {
    text-align: center;
    margin-bottom: 30px;
}

.showproduct .content .left .list .gallery-top .img {
    display: inline-block;
    font-size: 0;
}

.showproduct .content .left .list .gallery-top .button {
    width: 100%;
    position: absolute;
    top: 47%;
    bottom: inherit;
    left: 0;
}

.showproduct .content .left .list .gallery-top .button>div {
    width: 35px;
    height: 65px;
    opacity: 1;
    background: #dcdcdc;
    z-index: 9999;
    cursor: pointer;
}

.showproduct .content .left .list .gallery-top .button>div:after {content: '\f104';position: absolute;width: 100%;height: 100%;display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 24px;left: 0;top: 0;line-height: 65px;color: #000;transition: 1s;}

.showproduct .content .left .list .gallery-top .button>div:hover:after {
    background: #0168b7;
    color: #fff;
    transition: 1s;
}
.showproduct .content .left .list .gallery-top .button .swiper-button-disabled:after{background:#000;color:#fff;}
.showproduct .content .left .list .gallery-top .button .swiper-button-next:after {
    content: '\f105';
}

.showproduct .content .left .list .button .swiper-button-prev {}

.showproduct .content .left .list .button .swiper-button-next {}

.showproduct .content .left .list .gallery-thumbs {
    margin: 0 72px 0 73px;
    height: 85px;
    overflow: hidden;
}

.showproduct .content .left .list .gallery-thumbs .swiper-slide {
    display: inline-block;
    width: 110px!important;
    cursor: pointer;
}

.showproduct .content .left list {}
.showproduct .content .left .info{font-size:16px;margin-top: 70px;}

.showproduct .content .left .info ul {
    list-style: none;
    margin: 0 73px;
    background: #eee;
    padding: 30px 50px;
    font-size: 0;
}

.showproduct .content .left .info ul li {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    color: #494949;
    line-height: 36px;
}
.showproduct .content .left .tel{margin: 0 73px;font-size: 16px;}

.showproduct .content .left .tel h2 {
    display: block;
    background: #0168b7;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
.showproduct .content .right {
    height: 500px;
    width: 570px;
}

.showproduct .content .right .pd {
    width: 80%;
    margin: 0 auto;
}

.showproduct .content .right .title {
    color: #333333;
    font-size: 30px;
    margin-bottom: 35px;
    text-align: center;
    border-bottom: 2px solid #333333;
    line-height: 80px;
}

.showproduct .content .right .con {
    font-size: 16px;
    color: #5e5e5e;
    line-height: 30px;
    text-align: justify;
}


.page_case{width:100%}
.page_case ul{list-style:none;white-space:nowrap;font-size:0}
.page_case ul li{display:inline-block;margin-right:15px;margin-bottom:40px;width:390px;white-space:normal}
.page_case ul li a{display:block}
.page_case ul li a .img{position:relative;overflow:hidden;width:100%;font-size:0}
.page_case ul li a .img .out{position:absolute;z-index:1;display:none;width:100%;height:100%;background:url(../black.png)}
.page_case ul li a .img .out::after{position:absolute;width:100%;height:100%;background:url(../product_click.png) no-repeat center;content:''}
.page_case ul li a .txt{padding-top:20px;color:#000;font-size:14px}
.page_case ul li a .txt h2{color:#333;font-weight:400;font-size:16px;transition:1s}
.page_case ul li a:hover .txt h2{color:#030d6a;transition:1s}
.page_case ul li a .txt p{display:block;display:-webkit-box;overflow:hidden;margin:7px 0 10px;color:#666;font-size:14px;line-height:24px;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.page_case ul li a .txt span{position:relative;display:block;width:100%;color:#888;font-size:14px;line-height:35px}
.page_case ul li a .txt span::after{position:absolute;top:0;right:0;width:35px;height:35px;background:url(../case_tub.png) no-repeat;content:'';transition:1s}
.page_case ul li a:hover .txt span::after{transition:1s;transform:rotate(180deg)}

.showcase{width:100%;padding:40px 0}
.showcase .left{
    width: 285px;
    float: left;
}

.showcase .left .nav {
    width: 100%;
    margin-bottom: 30px;
}

.showcase .left  ul {
    list-style: none;
}

.showcase .left  ul li {
    margin-bottom: 2px;
}

.showcase .left  ul li a {
    display: block;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
    transition: 1s;
    background: #eee;
    color: #888;
    width: 240px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.showcase .left ul li a.on{background: #0168b7;color: #fff;}
.showcase .left  ul li:first-child a {
    line-height: 80px;
    height: 80px;
    background: #0168b7;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
}

.showcase .left  ul li a:hover {
    transition: 1s;
    color: #fff;
    background: #0168b7;
}

.showcase .right{
    float: right;
    width: 900px;
}

.showcase .right .top {
    width: 100%;
}

.showcase .right .top .title {
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    padding: 18px 0;
}

.showcase .right .top .con {
    padding: 0 10px;
    font-size: 0;
    background: #eeee;
}

.showcase .right .top .con p {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    color: #999;
}
.showcase .right .min{
    margin-top: 20px;
    width: 100%;
    display: table;
}

.showcase .right .min>div {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.showcase .right .min .img {
    font-size: 0;
    border: 1px solid #eee;
    padding: 5px;
}

.showcase .right .min .img img {
    width: 100%;
}

.showcase .right .min .txt {
    padding-left: 20px;
}

.showcase .right .min .txt .title {
    border: solid 1px #EEE;
    border-left-width: 6px;
    padding: 15px;
}

.showcase .right .min .txt .title p {
    font-size: 14px;
    line-height: 19px;
    display: block;
    height: 57px;
    word-break: break-all;
    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.showcase .right .min .txt .list {
    margin-top: 24px;
}

.showcase .right .min .txt .list .item {
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.showcase .right .bot{
    width: 100%;
    margin-top: 20px;
}

.showcase .right .bot .title {
    font-size: 16px;
    line-height: 45px;
    border-bottom: 1px solid #eee;
}

.showcase .right .bot .content {
    margin: 40px 0;
}

.page_news{width:100%}
.page_news ul{list-style:none}
.page_news ul li{margin-bottom:25px;padding:15px;background:#fff;transition:1s}
.page_news ul.class33 li{background:#eee;padding:40px}
.page_news ul li:hover{background:#0872ba;transition:1s}
.page_news ul li a{display:table;width:100%}
.page_news ul li a>div{display:table-cell;vertical-align:middle}
.page_news ul li a .img{padding-right:30px;width:335px;font-size:0}
.page_news ul li a .txt{position:relative;padding-right:80px}
.page_news ul.class33 li a .txt>div{padding-left:30px;position:relative}
.page_news ul.class33 li a .txt>div::after{content:'问';position:absolute;width:20px;height:20px;background:#1857a4;left:0;top:0;text-align:center;line-height:20px;color:#fff}
.page_news ul.class33 li a .txt>div:last-child::after{background:#8bbd40;content:'答'}
.page_news ul li a .txt .title{color:#333;font-size:14px;transition:1s;margin-bottom:20px}
.page_news ul li:hover a .txt .title{transition:1s;color:#fff}
.page_news ul li a .txt .con p{display:block;max-height:inherit}

.page_news ul li a .txt .con p span {font-family: 'Microsoft YaHei'!important;}
.page_news ul li a .txt span{color:#666;font-size:14px;transition:1s}
.page_news ul li:hover a .txt span{color:#fff;transition:1s}
.page_news ul li a .txt h2{display:block;margin:15px 0 5px;color:#2c2c2c;font-weight:400;font-size:18px;transition:1s}
.page_news ul li:hover a .txt h2{color:#fff;transition:1s}
.page_news ul li a .txt p{display:-webkit-box;overflow:hidden;max-height: 72px;color:#666;font-size:14px;line-height:24px;transition:1s;word-break:break-all;-webkit-line-clamp: 3;-webkit-box-orient:vertical;}
.page_news ul li:hover a .txt p{color:#fff;transition:1s;display:block}
.page_news ul li a .tub{padding-right:40px;text-align:right;font-size:0}
.page_news ul.class33 li a .tub{padding:0}
.page_news ul li a .tub span{display:inline-block;width:37px;height:37px;border-radius:100%;background:#b1b2b2;color:#fff;text-align:center;font-size:16px;line-height:37px;transition:1s}
.page_news ul li a:hover .tub span{background:#fff;color:#0872ba;transition:1s}
.show_news{width:100%;padding:60px 0}
.show_news .left{float:left;}
.show_news .list{background:#fff;box-shadow:1px 1px 9px #ccc;float:right;width: 900px;}
.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 .infos a,.show_news .list .top .infos span{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 .bot .con p {text-align: justify;}
.show_news .list .met_page{display:block;list-style:none;text-align:center;padding-bottom:20px;width:95%;margin:0 auto;overflow:hidden}
.show_news .list .met_page li{display:inline-block;vertical-align:top;margin-right:50px;height:50px;line-height:50px}
.show_news .list .met_page li>*{display:inline-block;vertical-align:top}
.show_news .list .met_page li span{color:#888}
.show_news .list .met_page li a{color:#466ab0}
.page_cooperation{width:100%;padding-bottom: 80px;}
.page_cooperation .list{padding:40px;background:#fff;}

.page_about{width:100%}
.about_position{position:relative;width:100%;top:-100px}
.page_profile{width:100%;margin-bottom:80px}
.page_profile .top{width:100%;display:table}
.page_profile .top>div{display:table-cell;vertical-align:middle}
.page_profile .top .left{text-align:left}
.page_profile .top .left .title{display:block;width:100%;margin-bottom:30px}
.page_profile .top .left .title span{font-size:24px;color:#575757;text-transform:capitalize}
.page_profile .top .left .title p{display:block;color:#0154a8;font-size:30px;padding-bottom:5px;position:relative;margin-top:5px}
.page_profile .top .left .title p::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:3px;background:#0154a8}
.page_profile .top .left .con{line-height:30px;color:#3f3f3f;font-size:16px}
.page_profile .top .right{text-align:right;width:510px;padding-left:60px;font-size:0}
.page_profile .bot{padding:40px 50px;background:#7bad02}
.page_profile .bot ul{display:table;width:100%}
.page_profile .bot ul li{display:table-cell;width:33.33%;position:relative;padding:20px 0}
.page_profile .bot ul li::after{width:1px;height:100%;position:absolute;content:'';background:#fff;left:0;top:0}
.page_profile .bot ul li::before{content:'';position:absolute;left:-4.5px;top:47%;background:#fff;width:10px;height:10px;border-radius:100%}
.page_profile .bot ul li a{display:table;margin:0 auto}
.page_profile .bot ul li a>div{display:table-cell;vertical-align:middle}
.page_profile .bot ul li a .tub{width:51px;height:72px}
.page_profile .bot ul li a .tub0{background:url(../profile_tb1.png) no-repeat center}
.page_profile .bot ul li a .tub1{background:url(../profile_tb2.png) no-repeat center}
.page_profile .bot ul li a .tub2{background:url(../profile_tb3.png) no-repeat center}
.page_profile .bot ul li a .txt{padding-left:20px;text-align:center}
.page_profile .bot ul li a .txt p{color:#fff;font-size:20px}
.page_profile .bot ul li a .txt p i{font-weight:700;font-style:inherit;font-size:50px;display:inline-block;margin-right:5px;line-height:55px}
.page_profile .bot ul li a .txt h2{font-size:14px;color:#fff;font-weight:400}
.page_honor{width:100%;background:url(../honor_bj.jpg) no-repeat center;padding:80px 0 60px}
.page_honor .title{width:100%;color:#fff;margin-bottom:50px}
.page_honor .title span{font-size:24px;font-family:arial;display:block}
.page_honor .title p{font-size:30px;position:relative;display:block;padding-bottom:11px}
.page_honor .title p::after{content:'';position:absolute;left:0;bottom:0;width:30px;height:3px;background:#fff}
.page_honor .list{width:100%;text-align:center;overflow: hidden;}
.page_honor .list a{display:block;background:url(../honor_bj.png);font-size:0;padding:14px;display:block;overflow: hidden;}
.page_honor .list a img {max-width: 100%;transition: 2s;}
.page_honor .list a:hover img {transition: 2s;transform: scale(1.2);}
.page_honor .list .swiper-pagination{bottom:0;position:relative;font-size:0;margin-top:40px}
.page_honor .list .swiper-pagination span{background:#fff;width:14px;height:14px}
.page_culture{width:100%;padding:60px 0;overflow: hidden;}
.page_culture .title {width:100%px;text-align:center;margin-bottom:60px;}
.page_culture .title span{font-size:24px;color:#575757;font-family:'arial';}
.page_culture .title p{font-size:30px;color:#0154a8;display:block;position:relative;padding-bottom:15px}
.page_culture .title p::after{position:absolute;bottom:0;left:50%;content:'';width:30px;height:3px;background:#0154a8;margin-left:-15px;}
.page_culture .list{width:100%;display:table}
.page_culture .list .item{display:table-cell;width:25%;text-align:center}
.page_culture .list .item a{display:block;text-align:center}
.page_culture .list .item a .tub{font-size:0}
.page_culture .list .item a h2{font-size:18px;color:#6d6d6d;display:block;margin:10px 0}
.page_culture .list .item a p{font-size:14px;color:#4c4c4c;line-height:24px}
.page_equipment{width:100%;padding:60px 0;background:#eee}
.page_equipment .title{margin-bottom:50px;text-align:center}
.page_equipment .title span{color:#575757;font-size:24px;font-family:arial}
.page_equipment .title h2{font-size:30px;color:#0154a8;font-weight:400;display:block;position:relative;padding-bottom:15px;margin-bottom:30px}
.page_equipment .title h2::after{position:absolute;content:'';bottom:0;left:50%;width:30px;height:3px;background:#0154a8;margin-left:-15px}
.page_equipment .title p{font-size:16px;color:#575757}
.page_equipment .list{width:100%;text-align:center;height:334px;overflow:hidden}
.page_equipment .list a{display:block}
.page_equipment .list a .img{font-size:0;overflow:hidden;}
.page_equipment .list a .img img {max-width: 100%;transition: 2s;}
.page_equipment .list a:hover .img img {transition:2s;transform:scale(1.1)}
.page_equipment .list a p{font-size:16px;color:#202020;display:block;margin-top:25px;transition: 1s;}
.page_equipment .list a:hover p {transition: 1s;color: #02116b;}
.page_equipment .list .swiper-pagination{bottom:0;position:relative;width:100%;font-size:0;margin-top:40px}
.page_equipment .list .swiper-pagination span{width:14px;height:14px;background:#fff;opacity:1}
.page_equipment .list .swiper-pagination span.swiper-pagination-bullet-active{background:#0154a8}


#fp-nav{/* width:100%; */}
#fp-nav ul li{width:34px!important;height:34px!important;margin:10px 0 15px 0!important}
#fp-nav ul li a{display:block;background:url(../p_about_menu.png) no-repeat}
#fp-nav ul li a.active{background:url(../p_about_menu1.png) no-repeat}
#fp-nav ul li a span{display:none}

/*******contact*********/
#container{position:relative;border-radius:2px;height:330px;border:1px solid #ccc}
#container li{position:absolute;display:block;left:0;width:350px;height:100%;transition:all .4s ease;cursor:pointer}
#container li img{width:100%}
#container .infowindow-content{padding:10px}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#363636}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#363636}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#363636}

.page_contact{width:100%;}

.page_contact .contact {
    width: 100%;
    padding: 20px 0 60px;
}

.page_contact .contact .pd {
    padding: 40px;
    background: #fff;
    box-shadow: 1px 1px 4px #737373;
}

.page_contact .contact .pd .top {
    width: 100%;
    display: table;
}

.page_contact .contact .pd .top>div {
    display: table-cell;
    vertical-align: top;
}

.page_contact .contact .pd .top .left {
    text-align: left;
}

.page_contact .contact .pd .top .left .title {
    margin-bottom: 60px;
}

.page_contact .contact .pd .top .left .title p {
    font-size: 24px;
    color: #575757;
    font-family: 'arial';
}

.page_contact .contact .pd .top .left .title h2 {
    font-size: 30px;
    color: #0154a8;
    position: relative;
    padding-bottom: 12px;
}

.page_contact .contact .pd .top .left .title h2::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    background: #0154a8;
    left: 0;
    bottom: 0;
}

.page_contact .contact .pd .top .left .name {
    margin-bottom: 60px;
}

.page_contact .contact .pd .top .left .name h2 {
    font-size: 24px;
    color: #0154a8;
}

.page_contact .contact .pd .top .left .name p {
    color: #606060;
    font-size: 16px;
    font-family: 'arial';
}

.page_contact .contact .pd .top .right {
    text-align: right;
    width: 645px;
}

.page_contact .contact .pd .top .right ul {
    list-style: none;
    text-align: left;
    font-size: 0;
}

.page_contact .contact .pd .top .right ul li {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    margin-bottom: 44px;
}

.page_contact .contact .pd .top .right ul li a {
    display: block;
}

.page_contact .contact .pd .top .right ul li a .tub {
    font-size: 0;
    display: block;
    height: 42px;
}

.page_contact .contact .pd .top .right ul li a p {
    font-size: 18px;
    color: #525252;
}

.page_contact .contact .pd .bot {}

.page_contact .message {
    padding: 80px 0;
    background: url(../message_bj.jpg) no-repeat center;
}

.page_contact .message .title {
    margin-bottom: 60px;
    color: #fff;
}

.page_contact .message .title p {
    font-size: 24px;
    font-family: 'arial';
}

.page_contact .message .title h2 {
    font-size: 30px;
    position: relative;
    padding-bottom: 11px;
}

.page_contact .message .title h2::after {content: '';position: absolute;width: 30px;height: 3px;bottom: 0;left: 0;background: #fff;}

.page_contact .message .con {}
.page_contact .message .con{width:100%}
.page_contact .message .con .top{width:100%;font-size:0;white-space:nowrap;overflow:hidden;margin-bottom:20px}
.page_contact .message .con .top .item{display:inline-block;vertical-align:top;font-size:14px;width:33%;margin-right:1%;height:54px;line-height:54px;position:relative}
.page_contact .message .con .top .name{display:none}
.page_contact .message .con .top input{width:91%;height:50px;border:none;background:#fff;padding:0 2.8%;font-size:14px;color:#575757;}
.page_contact .message .con .bot{font-size:0;margin-bottom: 40px;}
.page_contact .message .con .bot textarea{height:200px;width: 98%;padding:1%;border:none;font-size:14px;color:#575757;font-family:arial;background: #fff;}
.page_contact .message .con .bot .name{display:none}
.page_contact .message .con .button{font-size:0;text-align: center;}
.page_contact .message .con .button input{width:198px;height:49px;border:0;background: #040d67;color:#fff;font-size:14px;text-align:center;cursor:pointer;display: inline-block;border-radius: 5px;transition: 1s;}
.page_contact .message .con .button input:hover {transition: 1s;background: #58b530;}
/*******contact end*********/

/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;margin: 0;}
img{border:0;max-width: 100%;}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding: 35px 0;font-size: 0;}
.met_pager .PreSpan,.met_pager .NextSpan,.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 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.met_pager .Ahover,.met_pager a:hover{background: #2d2d2d;border-color: #ddd;color: #fff;}
.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}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{/* clear:both; *//* position:absolute; *//* right:5px; *//* top:0; *//* color:#818181; */}
.met_tools .met_page li{display:inline;list-style:none;margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;width:100%}
#showproduct dl.pshow dd .met_box{padding:0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding: 8px 5px;border-bottom:1px solid #ddd;position:relative;}
#showproduct dl.pshow dd .met_box ul li span{/* position:absolute; *//* left:0; */display: inline-block;padding:8px 5px;padding: 0px 5px;word-wrap:break-word;}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa}
#showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showproduct .met_related_list{list-style:none;visibility:hidden}
#showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showproduct .met_related_list li a:hover h2{color:#333}
#showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .met_nav_contbox{padding:0 10px}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(../images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}
#showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .met_slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#joblist{padding:15px}
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#1c57c4}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
#showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showjob .met_editor{padding:0 10px}
#cvlist{padding:15px}
#showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showjob .paralist li:last-child{border-bottom:0}
#showjob .paralist li a{color:#fff}
#showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#showjob .info_cv{margin-top:30px;margin-left:10px}
#showjob .info_cv a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showjob .info_cv a:hover{background:#38c4f0}
#showjob .info_cv a.active{background:#1ba4cf}
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px}
#messagelist .v52fmbx{margin:30px 0 0}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}
.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width:100%;zoom:1;background:#fff}
.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}

/*********--back top--*********/
#back_top {position: fixed;right: 3%;top: 50%;width: 43px;z-index: 99;display: none;}
#back_top a {display: block;width: 100%;font-size: 0;}
#back_top img {width: 100%;}
/*********--mobile header--*********/
.m-header {position:fixed;top:-100%;background:rgba(0,0,0,0.4);z-index:50;transition:all .36s;opacity:0;width:100%;line-height: 50px;height: 50px;overflow:hidden;}
.m-header >.col-xs-6>div {font-size:1.8rem;color:#FFF;display:inline-block}
.m-header >.col-xs-6>div a {color:#FFF}
.m-header >.col-xs-6>div i {font-size:2rem;padding:0 5px;}
.st-menu-open {overflow:hidden;}
.st-menu .logo {margin:0 0 15px;padding:1em;}
.st-menu {display:none;}
.st-menu li {margin:2px 0}
.st-menu li dl {margin:0 0 15px;padding:0;display:none;}
.st-menu li dd a {text-indent:1.5em;font-size:1.4rem;}
.m-header {background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.m-header >.col-xs-6{float: left;width: 50%;padding: 0;}
.m-header >.col-xs-6 a {display: block;font-size: 0;}
.m-header >.col-xs-6 a img {margin-top: 4px;margin-left: 4px;}
.m-header >.col-xs-6.text-right {text-align: right;}
.m-header >.col-xs-6>div {color:#000}
.m-header img {max-height: 40px;}
.st-container .st-menu {background:#FFF}
.st-menu {opacity: 0;}
.st-menu-open .st-menu {opacity: 1;}
.st-container .st-menu ul li a {color:#333;position:relative;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #f3ac7a;box-shadow:0 4px 8px rgba(0,0,0,0.2);color:#FFF;border-radius:3px;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);}
.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:#333;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:#004ea2}
/**ipad*/
@media(max-width:990px){
    .st-pusher{padding-top:50px;}
    .st-menu{display:block}
    header{display:none}
    .m-header{top:0;opacity:1;}
    .tem_inner,.met_section{width:95%}
    .tem_banner{/* margin-top:50px */}
    .tem_banner.inside{/* margin-top:50px; */}
    .news_product .title{font-size:24px;padding:40px 0}
    .news_product .list{display:block}
    .news_product .list .left{display:block;margin:0 auto;width:100%}
    .news_product .list .right{display:block;width:100%;margin:15px auto 0;padding:0}
    .news_product .list .right .txt{font-size:16px;line-height:30px;margin-bottom:30px}
    .news_product .list .right .link{display:block;position:relative}
    .tem_index_about{margin-top:85px}
    .tem_index_about .title{padding:40px 0;font-size:24px;margin-bottom:50px}
    .tem_index_about .list{padding:0px}
    .tem_index_about .list .left{display:block;float:initial;margin:0 auto;top:-50px}
    .tem_index_about .list .right{width:97%;margin:0 auto;background:#7a7a7a;float:initial;padding-bottom:40px}
    .tem_index_about .list .right h2{padding-left:40px;font-size:24px}
    .tem_index_about .list .right p{font-size:15px;line-height:29px;display:block;padding:0 40px}
    .tem_index_about .list .right .more{margin-top:40px}
    .tem_index_product .title{font-size:24px}
    .tem_index_product .list .product_click .left{left:20px}
    .tem_index_product .list .product_click .right{right:20px}
    .tem_index_product .list a h2{font-size:16px}
    .tem_index_product .more{margin-top:60px}
    .tem_index_news .title{font-size:23px;padding:40px 0}
    .tem_index_news .list .left{display:none}
    .tem_index_news .list .right{float:initial;display:block;width:95%;margin:0 auto}
    .tem_index_news .list .right ul li{background:#f2f2f2;border:0;padding:15px}
    .tem_index_footer{padding:30px 0}
    .tem_index_footer .contact_info{display:block;width:95%;margin:0 auto 20px}
    .tem_index_footer .nav_bar{margin:0;display:block}
    .tem_index_footer .nav{display:block;text-align:center}
    .tem_index_footer {vertical-align:middle}
    .tem_index_footer dl{display:inline-block;width:initial;}
    .tem_index_footer dl dd{display:none}
    .tem_index_footer dl::before{content:none}
    .tem_index_footer dl .bar>*{padding:0 10px;font-size:13px}
    .tem_footer{text-align:center}
    .tem_footer_nav{display:block;position:relative;margin:0;top:0}
    .page_about .txt .title{font-size:26px}
    .page_about .con p span{font-size:16px!important}
    .page_about .con p{line-height:31px!important}
}
/*********--mobile--*********/
@media(max-width:767px){
    
}