@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;}
.w1400 {position:relative;width:100%;max-width:1400px;margin:0 auto;}
*{outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tb{width:100%;height: 100%;display:table;}
.tr{display:table-cell;vertical-align:bottom;}
.nothing {font-size: 0;width: 100%;text-align: center;}
img {max-width:100%;}
ul{list-style:none}
.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}
@media(min-width:1000px){.tem_inner{padding:0;width: 1200px;}.max_width{width:1200px;margin: 0 auto;position: relative;}
}
@media(min-width:1400px){.tem_inner,.met_section{padding:0;width: 1200px;}.max_width{min-width: 1400px;width: 83.508%;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width: 1200px;}.max_width{width: 1600px;}
}
::-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;z-index: 999;transition: 1s;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.12)}
header>div{padding:0 1.6rem;display:flex;justify-content: space-between;height:92px;line-height:92px;}
header>div .logo{display:flex;flex-direction: column;justify-content: center;}
header>div .logo a{line-height:normal}
header>div .navs {width:50%}
header>div .navs ul{display:flex;justify-content: space-between;}
header>div .navs ul>li{position:relative}
header>div .navs ul>li>a{font-size:.16rem;color:#2a2a2a;font-weight:bold;position:relative;transition:.3s}
header>div .navs ul>li>a:after{content:"";position:absolute;background:#de252f;width:160%;height:150%;transform:translate(-50%,-50%);left:50%;top:50%;border-radius:20px;z-index:-1;opacity:0;transition:.3s}
header>div .navs ul>li>a:hover{color:white;transition:.3s}
header>div .navs ul>li.active>a{color:white}
header>div .navs ul>li.active>a:after{opacity:1;transition:.3s}
header>div .navs ul>li>a:hover:after{opacity:1;transition:.3s}
header>div .navs ul>li dl{position:absolute;font-size: 14px;top: 88px;width: 180px;text-align: center;left: 50%;margin-left: -90px;display: none;box-shadow: 1px 1px 4px #999;}
header>div .navs ul>li dl dd {line-height: 50px;}
header>div .navs ul>li dl dd a {
color: black;
white-space: nowrap;
display: block;
background: white;
font-size: 14px;
transition: 0.7s;
}
header>div .navs ul>li dl dd a:hover{background:#de252f;color:white}
header>div .logo{width:12.5%}
header>div .right{width:13%;display:flex;justify-content: space-between;}
header>div .right .langs{font-size:.16rem;color:#2a2a2a;font-weight:bold}
header>div .right .langs a{font-size:.16rem;color:#2a2a2a;font-weight:bold;margin:0 .02rem}
header>div .right .search{padding:0 0 0 .28rem;position:relative}
header>div .right .search:after{content:"";position:absolute;background:#bfbfbf;width:1px;height:50%;top:50%;transform:translateY(-50%);left:0}
header>div .right .search a{padding:0 0 0 35px;;font-size:16px;color:#2a2a2a;position:relative}
header>div .right .search a:after{content:"";position:absolute;background:url(/public/common/images/1.png) no-repeat;width:19px;height:20px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.index_about>div{display:flex;padding:150px 0 115px;align-items: center;}
.index_about .left{width:28%}
.index_about .right{width:72%}
.index_about .right .txt{margin:0 0 50px}
.index_about .right .txt p{font-size:16px;color:#585858;line-height:30px}
.index_about .right ul{display:flex}
.index_about .right ul li{margin-right:50px}
.index_about .right ul li a{font-size:16px;color:#7c7c7c;padding:40px 0 0;position:relative;display:block }
.index_about .right ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/2.png) no-repeat;width:32px;height:31px;background-size:100%;left:50%;top:0;transform:translateX(-50%);transition:.3s}
.index_about .right ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/3.png) no-repeat;width:32px;height:25px;background-size:100%;left:50%;top:5px;transform:translateX(-50%);transition:.3s}
.index_about .right ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/2.png) no-repeat;width:32px;height:31px;background-size:100%;left:50%;top:0;transform:translateX(-50%);transition:.3s}
.index_about .right ul li:nth-child(4) a:after{content:"";position:absolute;background:url(/public/common/images/4.png) no-repeat;width:27px;height:28px;background-size:100%;left:50%;top:5px;transform:translateX(-50%);transition:.3s}
.index_about .right ul li a:hover:after{top:-10px;transition:.3s}
.index_about .left h1{font-size:36px;color:#393939;font-weight:normal;margin:0 0 10px;}
.index_about .left p{font-size:24px;color:#393939}
.index_about .right .more{margin:70px 0 0 }
.index_about .right .more a{height:40px;line-height:40px;border:1px solid #bebebe;width:185px;;display:inline-block;text-align:center;letter-spacing:8px;font-size:16px;color:#585858;transition:.3s}
.index_about .right .more a:hover{background:#de252f;color:white;border:1px solid #de252f;transition:.3s}
.index_product {background:#f4f4f4;padding:135px 0 100px;font-size:0}
.index_product .items {margin:0 0 65px}
.index_product .items a{display:flex;background:white}
.index_product .items:last-child a{flex-direction:row-reverse}
.index_product .items a .text{padding:85px 0 0 100px;width:66.1%}
.index_product .items a .text .title{margin:0 0 60px}
.index_product .items a .text .title h1{font-size:30px;color:#de252f;padding:0 0 15px}
.index_product .items a .text .title p{font-size:24px;color:#de252f;text-transform:uppercase;font-weight:bold}
.index_product .items a .text ul li{margin:0 0 30px;}
.index_product .items a .text ul li:last-child{margin:0}
.index_product .items a .text ul li h1{font-size:20px;color:#3a3a3a;margin:0 0 10px}
.index_product .items a .text ul li p{font-size:16px;color:#646464;font-weight:bold}
.index_product .items a .img{width:33.8%;overflow:hidden;}
.index_product .items a .img img{transition:.3s}
.index_product .items a:hover img{transform:scale(1.1);transition:.3s}
.index_pro {height:751px;background-repeat:no-repeat;background-size:cover;text-align:center;}
.index_pro .text {padding:155px 0 0;display:inline-block;text-align:center;font-size:0 }
.index_pro .text h1{font-size:36px;color:white;font-weight:bold;margin:30px 0 45px}
.index_pro .text a{display:inline-block;font-size:.16rem;color:white;letter-spacing:5px;height:35px;width:185px;border:2px solid white;;background:rgba(0,0,0,.37);line-height:32px;transition:.3s}
.index_pro .text a:hover{background:#de252f;border:2px solid #de252f}
.index_news{padding:0 0 110px}
.index_news .title{text-align:center;padding:100px 0 60px;}
.index_news .title h1{font-size:48px;color:#323232}
.index_news .lists a{display:block;padding:15px;background:#ffeff0;border-radius:10px;font-size:0}
.index_news .lists a .img{overflow:hidden}
.index_news .lists a img{height:2.32rem;width:100%;transition:.3s}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .text{padding:40px 20px 40px}
.index_news .lists a .text h1{font-size:22px;color:#343434;height:58px;line-height:29px;margin:0 0 30px}
.index_news .lists a .text p{height:75px;line-height:25px;font-size:.16rem;color:#343434}
.index_news .lists a .text span{margin:100px 0 0;display:inline-block;font-size:16px;color:#343434}
.index_news .lists .slide-pagination{text-align:center;margin:65px 0 0}
.index_news .lists .slide-pagination span{width:30px;border-radius:0;height:4px;margin:0 6px;opacity:1}
.index_news .lists .slide-pagination span.swiper-pagination-bullet-active{background:#e6242e}
/***** header end ******/
.scrollTop{position:fixed;right:10px;top:45%;z-index:999;}
.scrollTop a {
display: block;
width: 40px;
height: 40px;
margin-bottom: 20px;
line-height: 40px;
text-align: center;
font-size: 20px;
background: #de252f;
border-radius: 100%;
color: #fff;
transition: 1s;
position: relative;
cursor: pointer;
}
.scrollTop a.contact::after,.scrollTop a.wx::after,.scrollTop a.addr::after {content: '';position: absolute;width: 15px;height: 15px;left: -18px;top: 13px;background: #de252f;transform: rotate(45deg);opacity: 0;transition: 0.5s;}
.scrollTop a.contact:hover::after,.scrollTop a.wx:hover::after,.scrollTop a.addr:hover::after {
transition: 1s;
opacity: 1;
transition-delay: .2s;
}
.scrollTop a:hover {
background: #de252f;
transition: 1s;
}
.scrollTop a.contact .txt {
position: absolute;
right: 50px;
width: 367px;
z-index: 1;
background: #de252f;
top: -100%;
display: none;
}
.scrollTop a.contact:hover .txt {
display:block;
}
.scrollTop a.contact .txt .pd {
text-align: left;
padding: 20px;
}
.scrollTop a.contact .txt p {
font-size: 14px;
line-height: 28px;
}
.scrollTop a.wx .con{
position: absolute;
right: 50px;
background: #de252f;
font-size: 0;
width: 100px;
height: 100px;
z-index: 1;
top: -65%;
transition: 1s;
opacity: 0;
display: none;
}
.scrollTop a.wx:hover .con {
transition: 1s;
opacity: 1;
display:block;
}
.scrollTop a.wx .con img {
margin-top: 7px;
}
/***** banner end ******/
.tem_banner{position:relative;padding-top: 88px;}
.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 .img img{max-width:100%}
.banner_pagination{position:absolute;bottom: 10%;width:100%;z-index:1;font-size:0;text-align: center;}
.banner_pagination .pagination{display:inline-block;}
.banner_pagination .pagination>span{display:inline-block;vertical-align:top;width: 50px;height: 3px;margin: 0 10px;background: #0095dc;border-radius: 0;opacity: .4;}
.banner_pagination .pagination .swiper-pagination-bullet-active {opacity: 1;}
.tem_banner .ban_txt{text-align: center;position:absolute;z-index:9;top: 40%;right: 5%;font-size: 0;}
.tem_banner .ban_txt h2 {font-family: 'cambria';font-size: 60px;color: #ed1c1c;text-transform: uppercase;transform: translateX(30px);opacity: 0;display: inline-block;margin: 0 10px;font-weight: normal;}
.tem_banner .ban_txt h2:first-child {
position: relative;
top: -136px;
}
.tem_banner .ban_txt p {color: #fff;text-transform: uppercase;font-family: 'arial';transform: translateX(30px);opacity: 0;font-size: 42px;color: #808080;letter-spacing: 10px;display: block;}
.tem_banner .ban_txt p em {
color: #de252f;
font-style:initial;
}
.tem_banner .swiper-slide.swiper-slide-active .ban_txt h2{opacity:1;transform:none;transition:1s;transition-delay:.3s}
.tem_banner .swiper-slide.swiper-slide-active .ban_txt p{opacity:1;transform: none;transition:1s;transition-delay:.7s;}
.tem_banner.inside .page_txt{text-align:center;position:absolute;top: 30%;width:100%;color:#fff;}
.tem_banner.inside .page_txt .tem_inner>*{text-shadow:0 0 6px #000}
.tem_banner.inside .page_txt p{font-size:30px}
.tem_banner.inside .page_txt h2{font-size: 48px;font-weight: 500;letter-spacing:2px;text-align: left;}
/***** banner end ******/
.index_title{margin-bottom:70px;position:relative;text-align:center}
.index_title h2{text-align:center;font-size:48px;color:#de252f;font-family:arial;text-transform:uppercase;font-weight:700;position:relative;display:inline-block;background:#fff;z-index:1;padding:0 5%}
.index_title::after{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;background:#de252f}
.tem_index_product{width:100%;padding-top:70px;background:#fff}
.tem_index_product .list{width:100%}
.tem_index_product .list ul{list-style:none;font-size:0;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tem_index_product .list ul li{width:23.625%}
.tem_index_product .list ul li a{display:block;position:relative;width:100%}
.tem_index_product .list ul li a .img{font-size:0;overflow: hidden;border-radius: 100%;box-shadow: 0px 0px 7px #ea5404;}
.tem_index_product .list ul li a .img img{max-width:100%;}
.tem_index_product .list ul li a .txt{position: relative;left:0;top:0;width:100%;height:100%;display: block;text-align: center;margin-top: 40px;}
.tem_index_product .list ul li a .txt .tr {vertical-align: bottom;}
.tem_index_product .list ul li a .txt .pd{display:table-cell;vertical-align:middle;text-align:center;font-size:0}
.tem_index_product .list ul li a .txt .pd .item{display:inline-block;font-size:14px}
.tem_index_product .list ul li a .txt span{display:inline-block;width:72px;height:72px}
.tem_index_product .list ul li a .txt .item0 span{background:url(/public/common/images/pro_tb0.png) no-repeat center}
.tem_index_product .list ul li a .txt .item1 span{background:url(/public/common/images/pro_tb1.png) no-repeat center}
.tem_index_product .list ul li a .txt .item2 span{background:url(/public/common/images/pro_tb2.png) no-repeat center}
.tem_index_product .list ul li a .txt .item3 span{background:url(/public/common/images/pro_tb3.png) no-repeat center}
.tem_index_product .list ul li a .txt h2{display:block;font-size: 18px;color: #e95204;letter-spacing:1px;font-weight: normal;padding: 10px 0;border: 1px solid #ddd;transition: 1s;position: relative;z-index: 1;width: 70%;margin: 0 auto;}
.tem_index_product .list ul li a:hover .txt h2 {
color: #fff;
transition: 1s;
}
.tem_index_product .list ul li a .txt h2::after {content: '';position: absolute;width: 0;height: 100%;background: #de252f;left: 0;top: 0;z-index: -1;transition: 1s;}
.tem_index_product .list ul li a:hover .txt h2::after {
transition: 1s;
width: 100%;
}
.tem_index_news{width:100%;padding:80px 0;overflow:hidden;}
.tem_index_news .title{font-size:36px;color:#2f2f2f;font-family:arial;font-weight:700;text-align:center;text-transform:uppercase;margin-bottom:30px}
.tem_index_news .list{width:100%;overflow:hidden}
.tem_index_news .list .time{font-size:14px;color:#757575;font-family:arial;margin-bottom:5px}
.tem_index_news .list .img,.tem_index_news .list .img img{width:100%;font-size:0}
.tem_index_news .list .name{font-size:16px;line-height:27px;color:#555;margin-top:10px}
.tem_index_news .more{width:100%;text-align:center;margin-top:50px}
.tem_index_news .more a{display:inline-block;width:150px;height:50px;line-height:50px;border:1px solid #a0a0a0;color:#404040;position: relative;transition: 1s;}
.tem_index_news .more a:hover {
color: #fff;
border: 1px solid #de252f;
}
.show_news {padding:.45rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.show_news .met_page li a {font-size:.14rem;color:#333}
.tem_index_about{width:100%;padding-top: 70px;position:relative;}
.tem_index_about .list{width:100%;display:table-cell}
.tem_index_about .list>div{display:table-cell;width:50%;font-size:0;vertical-align:top;background:#f1f1f1}
.tem_index_about .list .right img{width:100%}
.tem_index_about .list .pd{font-size:16px}
.tem_index_about .list .pd .title{margin-bottom:60px}
.tem_index_about .list .pd .title.cn p{font-size: 36px;color:#000;letter-spacing: 1px;}
.tem_index_about .list .pd .title.cn p span{color:#de252f}
.tem_index_about .list .pd .txt{width:100%}
.tem_index_about .list .pd .txt p{line-height:35px;color:#555}
.tem_index_about .list .pd .txt p span{font-size:16px!important}
.tem_index_about .list .pd .more{margin-top:60px}
.tem_index_about .list .pd .more a{line-height:45px;width:225px;text-align:center;border:1px solid #d1d1d1;height:45px;display:block;color:#555;font-size:14px;transition:.5s;letter-spacing:3px;position:relative;z-index:1}
.tem_index_about .list .pd .more a:hover{color:#fff;transition:.5s;border:1px solid #de252f}
.tem_index_about .list .pd .more a::before,.tem_index_news .more a::before{position:absolute;content:'';left:0;top:-1px;width:0;height:100%;background:0 0;border:1px solid transparent;transition:1s;z-index:-1}
.tem_index_about .list .pd .more a:hover::before,.tem_index_news .more a:hover::before{transition:1s;width:100%;border:1px solid #de252f;background:#de252f}
@media(min-width:1200px){
.tem_index_about .list .pd{padding:40px}
.tem_index_about .list .pd .title.cn p{font-size:36px;}
.tem_index_about .list .pd .title{margin-bottom:30px;}
.tem_index_about .list .pd .more{margin-top:30px;}
.tem_index_about .list .pd .txt p span {font-size: 16px!important;}
.tem_index_about .list .pd .txt p{line-height:20px}
}
@media(min-width:1800px){
.tem_index_about .list .pd .title.cn p{font-size: 36px;}
.tem_index_about .list .pd .title{margin-bottom:60px;}
.tem_index_about .list .pd .more{margin-top:60px;}
.tem_index_about .list .pd .txt p span {font-size: 20px!important;}
.tem_index_about .list .pd .txt p{line-height:35px}
.tem_index_about .list .pd{padding:70px 100px}
}
.tem_index_show{width:100%;padding-top:70px}
.tem_index_show .list{max-height: 410px;width:100%;position:relative;overflow: hidden;text-align: center;}
.tem_index_show .list .navigation{position:absolute;top:40%;width:100%}
.tem_index_show .list .navigation div{width:35px;height:35px;line-height:35px;position:absolute;text-align:center;background:#e95504;font-size:0;cursor:pointer;z-index: 1;}
.tem_index_show .list .navigation div.swiper-button-disabled{background:#bbb}
.tem_index_show .list .navigation div span{font-size:24px;color:#fff;display:inline-block;margin-top:5px;width:9px;height:25px}
.tem_index_show .list .navigation .left{position:absolute;left: 20px;}
.tem_index_show .list .navigation .right{right: 20px;}
.tem_index_show .list .pd{width:90%;margin:0 auto}
.tem_index_show .list .pd a{display:block;font-size:0;overflow:hidden}
.tem_index_show .list .pd a img{max-width:100%;transition:1s;transform:none}
.tem_index_show .list .pd a:hover img{transition:1s;transform:scale(1.1)}
.tem_index_brand{width:100%;margin-top:70px;background:url(/public/common/images/brand_bj.jpg) no-repeat;padding-top:300px}
.tem_index_brand .list{width:100%;position:relative;max-height: 320px;overflow: hidden;}
.tem_index_brand .list .navigation{position:absolute;width:130px;right:45px;top:50px;z-index:9}
.tem_index_brand .list .navigation>div{width:50px;height:50px;line-height:50px;font-size:0;position:absolute;vertical-align:middle;cursor:pointer;color:#fff}
.tem_index_brand .list .navigation .swiper-button-disabled{color:#616161}
.tem_index_brand .list .navigation>div span{font-size:24px;display:block;height:50px;line-height:50px;text-align:center}
.tem_index_brand .list .navigation .left{left:0}
.tem_index_brand .list .navigation .right{right:0}
.tem_index_brand .list .item0{background:url(/public/common/images/brand_lan.png)}
.tem_index_brand .list .swiper-slide{border-radius:30px 30px 0 0;overflow:hidden}
.tem_index_brand .list .item1{background:url(/public/common/images/brand_lv.png)}
.tem_index_brand .list .pd{padding:50px 45px}
.tem_index_brand .list .pd .con{width:100%;display:table}
.tem_index_brand .list .pd .con>div{display:table-cell;vertical-align:bottom}
.tem_index_brand .list .pd .con .left{color:#fff}
.tem_index_brand .list .pd .con .left span{font-family:'Gotham Pro';font-size:36px}
.tem_index_brand .list .pd .con .left h2{font-size:30px}
.tem_index_brand .list .pd .con .left h3{font-size:24px;display:block;margin-top:50px;letter-spacing:1px}
.tem_index_brand .list .pd .con .left p{font-size:16px;font-family:arial;letter-spacing:1px}
.tem_index_brand .list .pd .con .right{text-align:right;width:152px}
.tem_index_brand .list .pd .con .right a{line-height:45px;text-align:center;border:1px solid #d1d1d1;height:45px;display:inline-block;color:#fff;font-size:14px;transition:.5s;letter-spacing:3px;position:relative;z-index:1;width:130px}
.tem_index_brand .list .pd .con .right a:hover{transition:.5s;border:1px solid #e95404}
.tem_index_brand .list .pd .con .right a::before{position:absolute;content:'';left:0;top:-1px;width:0;height:100%;background:0 0;border:1px solid transparent;transition:1s;z-index:-1}
.tem_index_brand .list .pd .con .right a:hover::before{transition:1s;width:100%;border:1px solid #e95404;background:#e95404}
/****footer*****/
.tem_footer{width:100%}
.tem_footer .top{background:#bb2028;padding:70px 0 40px}
.tem_footer .top>div{display:flex;justify-content: space-between;}
.tem_footer .top .left{text-align:left;width:80%}
.tem_footer .top .left .nav{width:100%;margin-bottom: 85px;}
.tem_footer .top .left .nav ul{list-style:none;white-space:nowrap}
.tem_footer .top .left .nav ul li{display:inline-block;margin-right:73px}
.tem_footer .top .left .nav ul li a{display:block;font-size:16px;color:#fff;transition:.5s}
.tem_footer .top .left .nav ul li a:hover{transition:.5s;color:#ffd2ba}
.tem_footer .top .left .contact{width:100%;position:relative;left:-4px}
.tem_footer .top .left .contact ul{list-style:none;width:100%}
.tem_footer .top .left .contact ul li{display:inline-block;margin-right:60px;width:auto}
.tem_footer .top .left .contact ul li a{display:table;width:100%}
.tem_footer .top .left .contact ul li a>*{display:table-cell;vertical-align:middle}
.tem_footer .top .left .contact ul li a dt{width:41px;height:41px}
.tem_footer .top .left .contact ul li.li0 a dt{background:url(/public/common/images/addr.png) no-repeat center}
.tem_footer .top .left .contact ul li.li1 a dt{background:url(/public/common/images/tel.png) no-repeat center}
.tem_footer .top .left .contact ul li.li2 a dt{background:url(/public/common/images/fax.png) no-repeat center}
.tem_footer .top .left .contact ul li.li3 a dt{background:url(/public/common/images/email.png) no-repeat center}
.tem_footer .top .left .contact ul li a p{color: #fff;font-size:14px;line-height:20px;padding-left:5px;}
.tem_footer .top .left .contact ul li a p span{display:block;font-size:14px}
.tem_footer .top .right{position:relative;width:10%}
.tem_footer .top .right ul{list-style:none;font-size:0;display:table}
.tem_footer .top .right ul li{display:table-cell;padding-left:20px;width:50%}
.tem_footer .top .right ul li .img{font-size:0}
.tem_footer .top .right ul li .img img{width:100%}
.tem_footer .top .right ul li p{font-size:14px;color:#fff;text-align:center;display:block;margin-top:5px}
.tem_footer .bot{background:#a20f17;line-height: 54px;color:#FFF;font-size: 15px;}
.tem_footer .bot a{color:#FFF;transition:1s}
.tem_footer .bot a:hover{transition:1s;color:#fff}
.tem_footer .bot .tem_inner{display:table}
.tem_footer .bot .tem_inner>div{display:table-cell}
.tem_footer .bot .left{text-align:left;}
.tem_footer .bot .right{text-align:right}
/****footer 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;}
/******page about******/
.module1{width:100%;padding:70px 0}
.module1 .content{width:100%;display:table;box-shadow:1px 1px 4px #888}
.module1 .content>div{display:table-cell;width:50%;vertical-align:middle}
.module1 .content .left{font-size:0}
.module1 .content .left img {
max-width: 100%;
}
.module1 .content .right{background:#fff}
.module1 .content .right .pd{padding:40px}
.module1 .content .right .pd .start{max-width:735px;font-size:14px;color:#464646;line-height:26px;height:320px;overflow:hidden}
.module1 .content .right .pd .start .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#de252f}
.page_history{width:100%;padding:70px 0}
.page_history .list{width:100%;position:relative}
.page_history .list::before{content:'';position:absolute;width:2px;height:100%;background:#efefef;left:118px;top:0}
.page_history .list ul{list-style:none}
.page_history .list ul li{margin-bottom:85px;display:table;width:100%}
.page_history .list ul li>div{display:table-cell;vertical-align:middle}
.page_history .list ul li .year{width:130px;font-size:36px;font-weight:700;color:#c3c3c3;position:relative;transition:.7s}
.page_history .list ul li:hover .year{transition:.7s;color:#de252f}
.page_history .list ul li .year::after{content:'';position:absolute;right:0;top:0;width:22px;height:58px;background:url(/public/common/images/history_dian.png) no-repeat center}
.page_history .list ul li .txt{padding-left:30px;position:relative}
.page_history .list ul li .txt::after{content:'';position:absolute;left:0;top:29px;width:30px;height:2px;background:#eee}
.page_history .list ul li .txt p{color:#3f3f3f;font-size:16px;height:58px;line-height:58px;background:#eee;border-radius:7px;padding:0 20px;overflow:hidden}
.page_history .list ul li:hover .txt p{transition:.7s;background:#de252f;color:#fff}
.page_team{width:100%;padding:70px 0}
.page_team .manager{width:100%}
.page_team .manager .list{width:100%;display:table;box-shadow:1px 1px 4px #0198d9}
.page_team .manager .list>div{display:table-cell;vertical-align:middle;font-size:0;width:50%;overflow:hidden}
.page_team .manager .list .left img{width:100%;transition:.7s}
.page_team .manager .list .left img:hover{transition:.7s;transform:scale(1.1)}
.page_team .manager .list .right{padding:0 40px}
.page_team .manager .list .right .title{font-size:18px;color:#212222;font-weight:700;margin-bottom:22px}
.page_team .manager .list .right .con{font-size:16px;line-height:32px;height:160px;color:#929292}
.page_team .culture{margin-top:70px;width:100%}
.page_team .culture .list{width:100%;display:table}
.page_team .culture .list>div{display:table-cell;vertical-align:middle;width:50%;font-size:0;overflow:hidden}
.page_team .culture .list .left img{width:100%;transition:.7s}
.page_team .culture .list .left img:hover{transition:.7s;transform:scale(1.1)}
.page_team .culture .list .right{font-size:16px;padding:0 30px}
.page_team .culture .list .right ul{list-style:none}
.page_team .culture .list .right ul li{border-bottom:1px solid #5599d9;padding:20px 10px;transition:1s}
.page_team .culture .list .right ul li:hover{transition:1s;box-shadow:1px 1px 4px #439320;border-bottom:1px solid #439320}
.page_team .culture .list .right ul li h2{padding-left:45px;display:block;font-size:16px;color:#212222;font-weight:700;height:35px;line-height:35px}
.page_team .culture .list .right ul li.li0 h2{background:url(/public/common/images/cul_tb1.png) no-repeat left center}
.page_team .culture .list .right ul li.li1 h2{background:url(/public/common/images/cul_tb2.png) no-repeat left center}
.page_team .culture .list .right ul li.li2 h2{background:url(/public/common/images/cul_tb3.png) no-repeat left center}
.page_team .culture .list .right ul li h3{font-size:16px;color:#de252f;padding-left:45px;display:block;margin:10px 0;transition:.7s}
.page_team .culture .list .right ul li:hover h3{color:#439320}
.page_team .culture .list .right ul li p{display:block;padding-left:45px;color:#595d5d;font-size:14px;line-height:24px}
.page_honor{width:100%;padding:70px 0;text-align: center;}
.page_honor .honor{margin-bottom: 70px;}
.page_honor .list {position:relative;margin:60px 0 0;padding: 0 50px;;overflow: hidden;}
.page_honor .list .swiper-slide a {display:inline-block;position:relative;}
.page_honor .list .swiper-slide a img {max-width: 100%;}
.page_honor .list .swiper-page>div,.page_honor .mob_list .swiper-page>div{position:absolute;outline:none;left:0;top:50%;transform:translateY(-50%);font-size:.8rem;color:#626262;z-index: 9;transition:.7s;}
.page_honor .list .swiper-page>div.slide-button-next,.page_honor .mob_list .swiper-page>div.slide-button-next {left:auto;right:0;cursor: pointer;}
.page_honor .list .swiper-page>div:hover,.page_honor .mob_list .swiper-page>div:hover {color: #de252f;transition:.7s;}
/******page about end******/
.page_tech{width:100%;padding: 70px 0 20px;}
.page_tech ul{list-style:none}
.page_tech ul li{margin-bottom:40px}
.page_tech ul li a{display:table;width:100%;background:#fff;box-shadow:1px 1px 4px #666}
.page_tech ul li a>div{display:table-cell;vertical-align:middle;width:50%}
.page_tech ul li a .img{font-size:0;overflow:hidden}
.page_tech ul li a .img img{width:100%;transition:1s}
.page_tech ul li a:hover .img img{transition:1s;transform:scale(1.1)}
.page_tech ul li a .txt .pd{padding:40px}
.page_tech ul li a .txt h2{display:inline-block;font-size:20px;color:#de252f;letter-spacing:1px;margin-bottom:20px;position:relative;padding-bottom:15px;transition:1s}
.page_tech ul li a:hover .txt h2{transition:1s;color:#f1892e}
.page_tech ul li a .txt h2::after{content:'';position:absolute;left:0;bottom:0;width:30%;height:3px;background:#de252f;transition:1s}
.page_tech ul li a:hover .txt h2::after{background:#f1892e;width:100%;transition:1s}
.page_tech ul li a .txt p{font-size:15px;color:#464646;line-height:26px;margin:20px 0 30px;height:52px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.page_tech ul li a .txt span{width:100px;height:36px;line-height:36px;background:#fff;text-align:center;display:block;color:#555;border:1px solid #ddd;transition:1s}
.page_tech ul li a .txt span:hover{transition:1s;background:#f1892e;color:#fff;border:1px solid #f1892e}
.page_news{width:100%;padding:70px 0}
.page_news .list{width:100%}
.page_news .list ul{list-style:none}
.page_news .list ul li{margin-bottom:45px}
.page_news .list ul li a{display:table;width:100%;background:#f7f7f7;transition:.7s;padding:22px 0}
.page_news .list ul li a:hover{background:#de252f;transition:.7s;box-shadow:1px 1px 5px #888}
.page_news .list ul li a>div{display:table-cell;vertical-align:middle}
.page_news .list ul li a .left{width:475px}
.page_news .list ul li a .left>div{display:table-cell;vertical-align:middle}
.page_news .list ul li a .left .time .pd{padding:0 50px;display:inline-block}
.page_news .list ul li a .left .time h2{color:#636363;font-size:44px;transition:.7s}
.page_news .list ul li a .left .time p{font-size:14px;color:#636363;transition:.7s}
.page_news .list ul li a .left .img{font-size:0;padding-left:49px;position:relative;overflow:hidden}
.page_news .list ul li a .left .img img{width:100%;transition:.7s}
.page_news .list ul li a:hover .left .img img{transition:.7s;transform:scale(1.1)}
.page_news .list ul li a .left .img::before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#e5e5e5}
.page_news .list ul li a .right{padding:0 50px}
.page_news .list ul li a .right h2{font-size:20px;color:#353535;font-weight:500;display:block;margin-bottom:20px;transition:.7s}
.page_news .list ul li a .right p{font-size:16px;color:#585858;line-height:24px;transition:.7s}
.page_news .list ul li a:hover .left .time h2,.page_news .list ul li a:hover .left .time p,.page_news .list ul li a:hover .right h2,.page_news .list ul li a:hover .right p{color:#fff;transition:.7s}
/****page head*****/
.page_nav{width:100%;text-align:center;font-size:0;position:relative;padding-bottom:30px;margin-bottom:30px}
.page_equipment .page_nav{padding-bottom: 50px;}
.page_nav::after{content:'';position:absolute;background:url(/public/common/images/tb_bottom.png) no-repeat;width:24px;height:24px;bottom:0;left:50%;margin-left:-12px}
.page_nav dl{display:inline-block;vertical-align:top;font-size:14px}
.page_nav dl dt a{display:block;height:76px;line-height:76px;background:#f9f9f9;width:295px;text-align:center;transition:1s;color:#454545}
.page_nav dl dt a:hover,.page_nav dl dt.on a{transition:1s;background:#a0080b;color:#fff}
.page_nav dl dt a>*{display:inline-block;vertical-align:middle}
.page_nav.class2 dl dt a span.tb0{background:url(/public/common/images/product_tb1.png) no-repeat;transition:1s}
.page_nav.class2 dl dt a span.tb1{background:url(/public/common/images/product_tb2.png) no-repeat;transition:1s}
.page_nav.class2 dl dt a:hover span.tb0,.page_nav.class2 dl dt.on a span.tb0{background:url(/public/common/images/product_tb11.png) no-repeat;transition:1s}
.page_nav.class2 dl dt a:hover span.tb1,.page_nav.class2 dl dt.on a span.tb1{background:url(/public/common/images/product_tb22.png) no-repeat;transition:1s}
.page_nav.class4 dl dt a span.tb0{background:url(/public/common/images/product_tb33.png) no-repeat;transition:1s}
.page_nav.class4 dl dt a span.tb1{background:url(/public/common/images/product_tb33.png) no-repeat;transition:1s}
.page_nav.class4 dl dt a:hover span.tb0,.page_nav.class4 dl dt.on a span.tb0{background:url(/public/common/images/product_tb3.png) no-repeat;transition:1s}
.page_nav.class4 dl dt a:hover span.tb1,.page_nav.class4 dl dt.on a span.tb1{background:url(/public/common/images/product_tb3.png) no-repeat;transition:1s}
.page_nav dl dt a span{margin-right:15px;width:30px;height:30px}
.page_nav dl dt a p{font-size:16px}
.page_nav dl dd{line-height:64px;height:64px;font-size:0}
.page_nav dl dd a{display:inline-block;vertical-align:middle;margin:0 10px;font-size:14px;color:#454545;transition:1s}
.page_nav dl dd a.on,.page_nav dl dd a:hover{transition:1s;color: #ea2327;}
/****page head end*****/
/****page product*****/
.page_product{width:100%;padding:70px 0}
.news_product{width:100%;display:table;transition:1s}
.news_product:hover{box-shadow:1px 1px 4px rgba(0,0,0,.12);transition:1s}
.news_product>div{display:table-cell;width:50%;vertical-align:middle}
.news_product .img{font-size:0;overflow:hidden}
.news_product .img img{max-width:100%;transition:1s}
.news_product:hover .img img{transition:1s;transform:scale(1.1)}
.news_product .left{background:url(/public/common/images/news_product.jpg) no-repeat center;background-size:cover}
.news_product .left .pd{display:inline-block;text-align:left;margin-left:20%}
.news_product .left h2{font-size:30px;color:#fff;font-weight:300;display:block;position: relative;padding-bottom: 10px;}
.news_product .left h2::after{position:absolute;content:'';bottom:0;left:0;width:36%;height:4px;background: #fff;transition:1s;}
.news_product .left:hover h2::after{transition:1s;width:100%;background: #de252f;}
.news_product .left p {
color: #fff;
font-size: 20px;
display: block;
margin: 30px 0 50px;
transition: 1s;
line-height: 50px;
}
.news_product .left a{line-height:45px;width: 170px;text-align:center;border:1px solid #d1d1d1;height:45px;display:block;color: #fff;font-size:14px;transition:.5s;letter-spacing:3px;position:relative;z-index:1;}
.news_product .left a:hover{color:#fff;transition:.5s;border:1px solid #de252f}
.news_product .left a::before{position:absolute;content:'';left:0;top:-1px;width:0;height:100%;background:0 0;border:1px solid transparent;transition:1s;z-index:-1}
.news_product .left a:hover::before{transition:1s;width:100%;border:1px solid #de252f;background:#de252f}
.pro_menu {background:#e5e5e5;text-align:center;padding:.25rem 0}
.pro_menu li {display:inline-block;vertical-align:top;padding:0 .2rem;}
.pro_menu li a{font-size:.16rem;color:#636262}
.pro_menu li.on a{color:#000000}
.page_product ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem 1.3rem;}
.page_product li .imgs{transition:all .45s ease-in-out;}
.page_product li .imgs img {width:100%;height:3.8rem;object-fit:cover;transition:none}
.page_product li p{font-size:.2rem;color:#3d3c3c;margin:.25rem 0 0;}
.page_product li a:hover .imgs {box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.show_product{padding:.7rem 0 1.5rem;font-size:0}
.show_product .mainsbox{padding:0 0 1.25rem;}
.show_product .mainsbox>div{display:inline-block;vertical-align:top;width:42%}
.show_product .mainsbox .text{width:58%;padding-left:1.25rem;}
.show_product .mainsbox .text>p{font-size:.36rem;color:#3c3c3c;margin:0 0 .15rem;}
.show_product .mainsbox .text>h4 {font-size:.36rem;color:#1e1e1e;padding:0 0 .35rem;border-bottom:2px solid #e2e2e2;margin:0 0 .45rem}
.show_product .mainsbox .text .editor{font-size:.16rem;color:#505050;margin:0 0 .5rem;}
.show_product .mainsbox .text .mores a{display:inline-block;background:#bb2028;padding:0 1.2rem;line-height:.6rem;font-size:.2rem;color:#FFF}
.show_product .detail h5{position:relative;margin:0 0 .35rem;text-align:center}
.show_product .detail h5:before{content:'';width:100%;height:2px;background:#ececec;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.show_product .detail h5 span {display:inline-block;font-size:.24rem;color:#000000;padding:0 .65rem;background:#FFF;position:relative;z-index:2}
.show_product .detail .editor{font-size:.16rem;color:#505050;line-height:1.75}
/****page product end*****/
/****page news*****/
.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 .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 .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 news end*****/
/*******contact*********/
.page_contact{width:100%;padding:70px 0}
.page_contact .list{width:100%;display:table}
.page_contact .list>div{display:table-cell;vertical-align:bottom;width:50%}
.page_contact .list .left ul{list-style:none;padding-right:50px}
.page_contact .list .left ul li{margin-top:20px;border-bottom:1px solid #e8e8e8;padding-bottom:10px}
.page_contact .list .left ul li a{height:50px;line-height:50px;font-size:0;display:table;width:100%}
.page_contact .list .left ul li a>div{display:table-cell;vertical-align:top;font-size:16px}
.page_contact .list .left ul li a .tub{width:30px;height:32px}
.page_contact .list .left ul li a .tub0{background:url(/public/common/images/contact_tel.png) no-repeat center}
.page_contact .list .left ul li a .tub1{background:url(/public/common/images/contact_fax.png) no-repeat center}
.page_contact .list .left ul li a .tub2{background:url(/public/common/images/contact_email.png) no-repeat center}
.page_contact .list .left ul li a .tub3{background:url(/public/common/images/contact_addr.png) no-repeat center}
.page_contact .list .left ul li a p{font-size:14px;color:#151515}
.page_contact .list .left ul li a .txt{padding:0 20px}
#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}
.page_job{width:100%;padding:70px 0}
.page_job .list{width:100%}
.page_job .list ul{list-style:none}
.page_job .list ul li{background:#f7f7f7;margin-bottom:50px;position:relative;padding:20px 0}
.page_job .list ul li::before{content:'';position:absolute;width:3px;height:100%;background:#0398d9;left:0;top:0}
.page_job .list ul li .top{width:100%;display:table}
.page_job .list ul li .top>div{display:table-cell;vertical-align:top}
.page_job .list ul li .top .left{text-align:left;padding-left:35px}
.page_job .list ul li .top .left h2{color:#0398d9;font-size:24px}
.page_job .list ul li .top .left p{color:#737373;font-size:14px}
.page_job .list ul li .top .right{text-align:right;padding-right:35px;font-size:0}
.page_job .list ul li .top .right>div{display:inline-block;vertical-align:top;font-size:0}
.page_job .list ul li .top .right .time{font-size:14px;margin-right:10px}
.page_job .list ul li .top .right .jt{font-size:0;width:22px;height:22px;background:#0398d9;text-align:center;color:#fff;cursor:pointer;transition:1s}
.page_job .list ul li .top .right .jt.on{transition:1s;transform:rotate(180deg)}
.page_job .list ul li .top .right .jt span{font-size:15px;display:block;margin-top:3px}
.page_job .list ul li .bot{display:none;background:#f7f7f7;padding:38px}
.page_job .list ul li .bot .pd{padding:30px 0;border-top:1px solid #e6e6e6}
.page_job .list ul li .bot .pd p{line-height:34px;color:#555}
.page_job .list ul li .bot .email{display:table;width:100%}
.page_job .list ul li .bot .email>div{display:table-cell}
.page_job .list ul li .bot .email .left{text-align:left;font-size:0}
.page_job .list ul li .bot .email .left>*{display:inline-block;font-size:16px}
.page_job .list ul li .bot .email .left p{color:#666;font-weight:700}
.page_job .list ul li .bot .email .left a{color:#0398d9;margin-left:10px}
.page_job .list ul li .bot .email .right{text-align:right;display: none;}
.page_job .list ul li .bot .email .right a{display:inline-block;border-radius:15px;background:#0398d9;width:150px;height:40px;line-height:40px;text-align:center;color:#fff}
.page_cooperate{width:100%;padding:70px 0;background:url(/public/common/images/cooperate_bj.png) no-repeat center}
.page_cooperate .cooperate{width:100%}
.page_cooperate .cooperate .title{text-align:center;font-size:48px;font-weight:700;color:#666;margin-bottom:60px}
.page_cooperate .cooperate .list{width:100%}
.product_type{width:100%;font-size:0;}
.product_type>div{display:inline-block;vertical-align:middle;font-size:16px}
.product_type .left{font-size:20px;color:#2b2a2a;width:110px;height: 46px;line-height: 46px;}
.product_type .right select{width:505px;height:46px;border:1px solid #ddd;outline:0;background:#fff;font-size:16px;color:#666;padding:0 10px;line-height:46px;}
.product_info{width:100%;font-size:0}
.product_info>div{display:inline-block;vertical-align:top}
.product_info .left{font-size:20px;color:#2b2a2a;width:110px;height: 46px;line-height: 46px;margin-top: 23px;}
.product_info .right{width:1090px}
.product_info .right ul{list-style:none;font-size:0;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product_info .right ul li{width: 505px;display:inline-block;font-size:14px;height:46px;line-height:46px;margin-top: 23px;}
.product_info .right ul li input{height:46px;line-height:46px;width:100%;border:1px solid #ddd;padding:0 10px;color:#444}
.product_info .right ul li input.submit{background:#fff;transition:1s;color:#000;cursor:pointer}
.product_info .right ul li input.submit:hover{transition:1s;background:#de252f;color:#fff;border:1px solid #de252f}
.product_info .right ul li .name{display:none}
.page_cooperate .partner{width:100%;margin-top:70px}
.page_cooperate .partner .title{text-align:center;font-size:48px;font-weight:700;color:#666;margin-bottom:60px}
.page_cooperate .partner .list{text-align:center;font-size:0;height: 168px;overflow:hidden;}
.page_cooperate .partner .list img{max-width:100%;box-shadow:1px 1px 4px #adadad}
.page_cooperate .partner .list .swiper-pagination{width:100%;text-align:center;margin-top:40px;position:relative}
.page_cooperate .partner .list .swiper-pagination span{display:inline-block;border-radius:0;width:20px;height:3px;background:#a0a0a0;opacity:1;margin:0 5px}
.page_cooperate .partner .list .swiper-pagination span.swiper-pagination-bullet-active{background:#de252f}
.page_cooperate .partner .list .swiper-slide{padding:5px}
.page_message{padding:60px 0;background:#f5f5f5}
.page_message .con{width:100%}
.page_message .con .top{width:100%;font-size:0;white-space:nowrap;overflow:hidden;margin-bottom:20px}
.page_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_message .con .top .name{display:none}
.page_message .con .top input{width:91%;height:50px;border:none;background:#fff;padding:0 2.8%;font-size:14px;color:#575757;border: 1px solid #de252f;}
.page_message .con .bot{font-size:0;margin-bottom: 40px;}
.page_message .con .bot textarea{height:200px;width: 98%;padding:1%;border:none;font-size:14px;color:#575757;font-family:arial;background: #fff;border: 1px solid #de252f;}
.page_message .con .bot .name{display:none}
.page_message .con .button{font-size:0;text-align: center;}
.page_message .con .button input{width:198px;height:49px;border:0;background: #de252f;color:#fff;font-size:14px;text-align:center;cursor:pointer;display: inline-block;border-radius: 5px;transition: 1s;}
.page_message .con .button input:hover {transition: 1s;background: #58b530;}
.page_source .module1{
background: url(/public/common/images/source_bj1.jpg);
}
.product_source {
padding: 70px 0 30px;
background: url(/public/common/images/source_bj2.png) no-repeat right center;
}
.product_source .title {
font-size: 24px;
color: #323232;
position: relative;
line-height: 38px;
height: 38px;
margin-bottom: 25px;
}
.product_source .list {
width: 100%;
}
.product_source .list ul {
list-style: none;
}
.product_source .list ul li {
margin-bottom: 50px;
display: table;
width: 100%;
}
.product_source .list ul li>div {
display: table-cell;
vertical-align: middle;
}
.product_source .list ul li .img {
font-size: 0;
width: 405px;
box-shadow: 1px 1px 4px #de252f;
}
.product_source .list ul li .img img {
max-width: 100%;
}
.product_source .list ul li .txt {
padding: 0 50px;
}
.product_source .list ul li .txt p {
font-size: 15px;
color: #595959;
line-height: 30px;
}
.page_trait{width:100%;padding: 100px 0;background: url(/public/common/images/source_bj3.jpg) no-repeat;}
.page_trait .list {
width: 100%;
display: table;
}
.page_trait .list>div {
display: table-cell;
vertical-align: middle;
}
.page_trait .list .img {
font-size: 0;
}
.page_trait .list .left {
background: url(/public/common/images/trait_bj.png);
padding: 20px;
}
.page_trait .list .left .title {
font-size: 24px;
color: #fff;
position: relative;
line-height: 38px;
height: 38px;
display: block;
margin-bottom: 20px;
}
.page_trait .list .left ul {
color: #fff;
padding-left: 19px;
}
.page_trait .list .left p {
font-size: 15px;
color: #ffffff;
line-height: 30px;
}
.page_trait .list .right {}
/*******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}
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;margin: 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,.met_pager .page-num-current{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(/public/common/images/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}
.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}
.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 {color:#FFF;display:inline-block}
.m-header >.col-xs-6>div a {color:#FFF}
.m-header >.col-xs-6>div i {font-size:.3rem;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;font-size:.2rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #de252f;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:1600px){
header>div{padding:0 0.6rem}
.index_pro{height:600px}
.index_pro .text{padding:100px 0 0}
.index_pro .text img{width:60%}
}
@media(max-width:1440px){
.w1400{max-width:1300px;padding-left:.25rem !important;padding-right:.25rem !important;}
.index_product .items a .text{padding:35px 0 0 100px}
.index_pro{height:550px}
}
@media(max-width:1300px){
.w1400{max-width:1200px;padding-left:.25rem !important;padding-right:.25rem !important;}
.index_pro{height:500px}
.tem_footer .top .left .contact ul li{margin-right:30px}
}
@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,.max_width{width:95%;margin:0 auto}
.index_title{margin-bottom:30px;}
.index_title h2{font-size: 30px;}
.tem_banner{padding-top: 0;}
.tem_banner.inside{/* margin-top:50px; */}
.banner_pagination .pagination>span{width: 30px;height: 4px;}
.tem_banner.inside .page_txt h2{font-size:18px;}
.tem_index_product{padding:30px 0}
.index_about>div{display:inherit;padding:50px 0 115px}
.index_about .left{width:100%}
.index_about .right{width:100%}
.index_about .right ul li{margin-right:10px}
.index_product .items a{display:inherit}
.index_product .items a .img{width:100%}
.index_product .items a .text{padding:10px;width:100%}
.index_product {background:#f4f4f4;padding:25px 0 20px;font-size:0}
.index_pro .text h1{font-size:20px;margin:10px}
.index_pro{height:150px}
.index_pro .text{padding:10px 0 0}
.index_pro .text h1{}
.index_pro .text img{width:30%}
.index_news .lists a .text{padding:0}
.index_news .lists a .text h1{font-size:12px;margin:0 0 10px}
.index_news .lists a .text span{margin:20px 0 0;font-size:14px;}
.tem_footer .top .left .nav{display:none}
.tem_footer .top .right{display:none}
.tem_index_product .list ul {
display: block;
text-align: center;
}
.tem_index_product .list ul li {
display: inline-block;
width: 45%;
margin: 0 2%;
margin-bottom: 20px;
text-align: center;
}
.tem_index_product .list ul li a .txt h2 {
font-size: 18px;
}
.tem_index_about{padding:0 0 30px 0}
.tem_index_about .list{display:block;}
.tem_index_about .list>div {display: block;width: 100%;}
.tem_index_about .list .pd {
padding: 20px;
}
.tem_index_about .list .pd .title {
margin-bottom: 30px;
}
.tem_index_about .list .pd .title.cn p {
font-size: 28px;
}
.tem_index_about .list .pd .txt p {
line-height: 30px!important;
}
.tem_index_about .list .pd .txt p span {
font-size: 14px!important;
}
.tem_index_about .list .pd .more {
margin: 30px 0;
text-align: center;
}
.tem_index_about .list .pd .more a {
margin: 0 auto;
}
.tem_index_show {
padding: 10px 0 30px 0;
}
.tem_index_brand {
margin-top: 20px;
padding-top: 45px;
}
.tem_index_brand .list .pd{padding:20px}
.tem_index_brand .list .pd .con {
display: block;
}
.tem_index_brand .list .pd .con>div {
display: block;
width: 100%;
}
.tem_index_brand .list .pd .con .left span {
font-size: 24px;
}
.tem_index_brand .list .pd .con .left h2 {
font-size: 18px;
}
.tem_index_brand .list .pd .con .left h3 {
font-size: 14px;
margin: 20px 0 5px;
}
.tem_index_brand .list .pd .con .left p {
font-size: 14px;
height: 24px;
display: block;
overflow: hidden;
}
.tem_index_brand .list .pd .con .right {text-align:center;width: 100%;margin-top: 30px;}
.tem_index_brand .list .pd .con .right a {
height: 36px;
line-height: 36px;
}
.tem_footer .top .tem_inner{display:block;}
.tem_footer .top .tem_inner>div {
display: block;
}
.tem_footer .top .tem_inner .right {
border-top: 1px solid #6fb1ce;
padding-top: 34px;
}
.tem_footer .top .tem_inner .left .nav {
display: none;
}
.tem_footer .top .left .contact {
left: 0;
margin-bottom: 40px;
}
.tem_footer .top .left .contact ul li {
display: block;
margin: 15px 0 0 0;
}
.tem_footer .top .right::after {
display: none;
}
.tem_footer .top .right ul {
display: block;
text-align: center;
}
.tem_footer .top .right ul li {
padding: 0 10px;
display: inline-block;
width: 35%;
}
.tem_footer .bot{height:initial;line-height: 24px;padding: 10px 0;}
.tem_footer .bot .tem_inner {
display: block;
}
.tem_footer .bot .tem_inner>div {
display: block;
font-size: 12px;
text-align: center;
}
.module1{padding:40px 0}
.module1 .content {
display: block;
}
.module1 .content>div {
display: block;
width: 100%;
}
.module1 .content .right .pd {
padding: 20px;
}
.page_history{padding:40px 0}
.page_history .list::before {
left: 106px;
}
.page_history .list ul li {
margin-bottom: 40px;
}
.page_history .list ul li .year {
font-size: 28px;
width: 118px;
}
.page_history .list ul li .year::after {
height: 45px;
}
.page_history .list ul li .txt p {
font-size: 14px;
height: 45px;
line-height: 45px;
}
.page_history .list ul li .txt::after {
top: 22px;
}
.page_team{padding:40px 0}
.page_team .manager .list {
display: block;
}
.page_team .manager .list>div {
display: block;
width: 100%;
}
.page_team .manager .list .right {
padding: 30px;
}
.page_team .culture {
margin-top: 40px;
}
.page_team .culture .list {
display: block;
}
.page_team .culture .list>div {
display: block;
width: 100%;
}
.page_team .culture .list .right {
padding: 30px 20px;
background: #f1f1f1;
}
.page_product{padding:40px 0}
.news_product {
display: block;
}
.news_product>div {
display: block;
width: 100%;
}
.news_product .img {
display: none;
}
.news_product .left {
padding: 40px 0;
}
.news_product .left h2 {
margin-bottom: 40px;
}
.news_product .left a {
height: 35px;
line-height: 35px;
width: 160px;
font-size: 20px;
}
.page_product .list ul li{
margin-top: 30px;
}
.page_product .list ul li .img {
display: none;
}
.page_product .list ul li a .txt {
padding: 30px 0;
}
.page_product .list ul li a .txt .pd {
margin: 0 20px;
}
.page_product .list ul li a .txt h2 {
font-size: 24px;
padding-bottom: 10px;
}
.page_product .list ul li a .txt h2::after {
height: 2px;
}
.page_product .list ul li a .txt p {
font-size: 18px;
margin: 15px 0 30px;
}
.page_product .list ul li a .txt span {
width: 150px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.show_product .content .head_title{width:100%;font-size: 20px;}
.show_product .content .effect .title, .show_product .content .app .title,.show_product .content .tech .title {
font-size: 18px;
padding-left: 20px;
}
.show_product .content .effect .title::after, .show_product .content .app .title::before,.show_product .content .tech .title::before {
top: 21px;
width: 6px;
height: 6px;
}
.show_product .content .effect .list .item {
display: block;
margin-top: 30px;
}
.show_product .content .effect .list .item>div {
display: block;
width: 100%;
}
.show_product .content .effect .list .item .txt {
padding: 20px;
}
.show_product .content .effect .list .item .txt .pd {
width: 100%;
}
.show_product .content .effect .list .item .txt h2 {
font-size: 16px;
}
.show_product .content .effect .list .item .txt p {
font-size: 14px;
}
.show_product .content .effect .list .item .img {
display: none;
}
.show_product .content .tech .list table td{height:40px;line-height:40px;padding: 5px;}
.page_tech{padding:40px 0}
.page_tech ul li a .img {
display: none;
}
.page_news{padding:40px 0}
.page_news .list ul li{
margin-bottom: 30px;
}
.page_news .list ul li a{display:block}
.page_news .list ul li a>div{display:block;width: 100%;}
.page_news .list ul li a .left {
width: 100%;
}
.page_news .list ul li a .left>div {
display: block;
}
.page_news .list ul li a .left .time .pd {
padding: 0 10px;
display: block;
}
.page_news .list ul li a .left .time .pd>* {
display: inline-block;
vertical-align: baseline;
}
.page_news .list ul li a .left .time .pd h2 {
font-size: 28px;
}
.page_news .list ul li a .left .time .pd p {
font-size: 14px;
}
.page_news .list ul li a .right {
padding: 0 10px;
margin-top: 10px;
}
.page_news .list ul li a .right h2 {
font-size: 18px;
}
.page_news .list ul li a .right p {
font-size: 14px;
}
.page_news .list ul li a .left .img {
display: none;
}
.page_contact,.page_job,.page_message{padding:40px 0;}
.page_contact .list {
display: block;
}
.page_contact .list>div {
display: block;
width: 100%;
margin-bottom: 30px;
}
.page_contact .list .left ul {
padding: 0;
}
.page_contact .list .left ul li a {
line-height: 24px;
}
.page_job .list ul li{display:block;margin-bottom:30px;}
.page_cooperate .cooperate .title,.page_cooperate .partner .title{
font-size: 28px;
}
.product_type .right select{max-width:100%;display: block;width: inherit;}
.product_info .right {width:100%}
.product_info .right ul li {
display: block;
width: 100%;
}
}
/*********--mobile--*********/
@media(max-width:767px){
.page_product ul{grid-template-columns:1fr 1fr;gap:.3rem .15rem;}
.show_product .mainsbox > div{display:block;width:100% !important}
.show_product .mainsbox .text{padding:.5rem 0 0}
}