/*header*/
.header {position:fixed;top:0;left:0;z-index:50;width:100%;background:#FFF;}
.header>div>div{padding:0}
.header .logo {line-height:85px;}
.header .nav_list li {display:inline-table;padding:0 .3rem;line-height:85px;position:relative}
.header .nav_list li a{font-size:.16rem;color:#333;position:relative}
.header .nav_list li a:after{content:'';width:0;height:2px;background:#d80000;position:absolute;bottom:-10px;left:0;transition:all .4s;}
.header .nav_list li.langs a{text-transform:uppercase}
.header .nav_list li.langs>a>i {padding-left:.1rem}
.header .nav_list li.langs dl{margin:0;padding:0;top:85px;left:0;width:100%;text-align:center;transition:none;display:none;position:absolute;background:#FFF}
.header .nav_list li.langs dl dd{padding:.1rem 0;}
.header .nav_list li.langs dl dd a {font-size:.16rem;color:#333;display:block;}

.header .nav_list li.active a,.header .nav_list li a:hover,.header .nav_list li.langs dl dd a:hover{color:#d80000}
.header .nav_list li.active a:after,.header .nav_list li a:hover:after {width:100%}
.header .nav_list li.langs a:after{display:none;}

.is_header {box-shadow:0 0 10px rgba(0,0,0,.2)}
/*banner*/
.tem_banner {position:relative;z-index:1;padding:85px 0 0}
.tem_banner .swiper-slide {min-height:1.2rem;background:#000;}
.tem_banner .label_text {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100%;max-width:1200px;margin:42px 0 0}
.tem_banner .label_text h3 {font-size:.4rem;color:#FFF}
.tem_banner .label_text p {padding-left:1rem;position:relative;margin:.4rem 0 0;font-size:.24rem;color:#FFF;}
.tem_banner .label_text p:before{content:'';width:.92rem;height:3px;background:#FFF;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.tem_banner .slide-pagination {position:absolute;bottom:8%;left:50%;transform:translateX(-50%);z-index:1;}
.tem_banner .slide-pagination span {width:15px;height:15px;opacity:1;outline:none;border:4px solid #FFF;background:#aaa;margin:0 .1rem}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active {background:#d80000}
/*产品中心*/
.tem_index_product {padding:.8rem 0 .95rem;position:relative}
h3.com_title {font-size:.26rem;color:#000;padding:0 0 .35rem;position:relative;text-align:center;margin:0 0 .45rem;}
h3.com_title:after{content:'';width:.5rem;height:4px;background:#d80000;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.tem_index_product .lists {position:relative;}
.tem_index_product .lists .swiper-slide a {display:block;position:relative;padding:0 0 .45rem;}
.tem_index_product .lists .swiper-slide .img{overflow:hidden;position:relative}
.tem_index_product .lists .swiper-slide .img:before,.tem_index_product .lists .swiper-slide .img:after{content:'';width:0;height:0;top:50%;left:50%;border:1px solid #d80000;transition:all .4s;z-index:1;position:absolute;opacity:0}
.tem_index_product .lists .swiper-slide .img:before{border-left:0;border-bottom:0}
.tem_index_product .lists .swiper-slide .img:after{border-right:0;border-top:0}
.tem_index_product .lists .swiper-slide .txt {position:absolute;bottom:.1rem;left:15%;width:70%;background:#FFF;box-shadow:0 0 12px rgba(0,0,0,.2);text-align:center;padding:.25rem 0 .2rem;color:#000}
.tem_index_product .lists .swiper-slide .txt h4{font-size:.16rem;margin:0 0 .15rem;transition:none;}
.tem_index_product .lists .swiper-slide .txt em {font-size:.14rem;transition:none;}
.tem_index_product .lists .swiper-slide a:hover img{transform:scale(1.06)}
.tem_index_product .lists .swiper-slide a:hover .img:before,.tem_index_product .lists .swiper-slide a:hover .img:after{width:90%;height:90%;opacity:1;top:5%;left:5%}
.tem_index_product .lists .swiper-slide a:hover .txt {background:#d80000;color:#FFF}
.tem_index_product .lists .swiper-page>div{position:absolute;left:-1.13rem;top:50%;transform:translateY(-50%);outline:none;width:.65rem;height:.65rem;text-align:center;line-height:.65rem;font-size:.35rem;color:#dc3434;}
.tem_index_product .lists .swiper-page>div.slide-button-next {left:auto;right:-1.13rem;}
.tem_index_product .lists .swiper-page>div:hover {background:#f2f2f2}
/*关于我们*/
.tem_index_about {}

.tem_index_about .main {background:url(../images/icon0.jpg) center center no-repeat;background-size:cover;padding:.5rem 0 .55rem;}
.tem_index_about .main .table {display:table;width:100%;margin:0}
.tem_index_about .main .table>div{display:table-cell;vertical-align:middle;}
.tem_index_about .main .table .img{overflow:hidden;width:44%}
.tem_index_about .main .table .text{padding-left:.35rem;text-align:center;}
.tem_index_about .main .table .name {margin:0 0 .45rem;color:#FFF;text-align:left;}
.tem_index_about .main .table .name h5{font-size:.24rem;}
.tem_index_about .main .table .name p {font-size:.18rem;margin:.1rem  0 0;text-transform:capitalize}
.tem_index_about .main .table .info {font-size:.18rem;color:#FFF;text-align:left;line-height:1.6;letter-spacing:.01rem}
.tem_index_about .main .table a.more {border:1px solid #FFF;padding:.15rem .55rem;font-size:.18rem;color:#FFF;text-transform:capitalize;display:inline-block;margin:.6rem 0 0}
/*资质荣誉*/
.tem_index_case {padding:.8rem 0 .75rem;position:relative}
.tem_index_case .swiper-slide a {display:block;position:relative;overflow:hidden;}
.tem_index_case .swiper-slide a:hover img {transform:scale(1.06)}
.tem_index_case .slide-pagination{text-align:center;margin:.54rem 0 0}
.tem_index_case .slide-pagination span {width:13px;height:13px;outline:none;margin:0 .07rem;border:3px solid #e5e5e5;background:#d80000;opacity:1}
.tem_index_case .slide-pagination span.swiper-pagination-bullet-active{background:#FFF;border-color:#d80000}
/*新闻中心*/
.tem_index_news {background:#f7f7f7;padding:.3rem 0 .75rem;}
.tem_index_news .lists li {margin:0 0 .25rem;}
.tem_index_news .lists li a{display:table;position:relative;padding:.12rem .15rem;width:100%}
.tem_index_news .lists li a>div{display:table-cell;vertical-align:middle;}
.tem_index_news .lists li .img{width:18.5%;overflow:hidden;}
.tem_index_news .lists li .info {padding:0 .23rem 0 .5rem;width:69.5%;border-right:2px solid #d6d6d6}
.tem_index_news .lists li .info h4{font-size:.16rem;color:#303030;margin:0 0 .39rem;}
.tem_index_news .lists li .info p {font-size:.14rem;color:#515151;margin:0;line-height:1.6}
.tem_index_news .lists li .times {padding-left:.25rem;text-align:center;}
.tem_index_news .lists li .times span {font-size:.37rem;color:#6b6b6b;display:block;margin:0 0 .35rem;}
.tem_index_news .lists li .times em{font-size:.24rem;color:#777;}
.tem_index_news .lists li a:hover img{transform:scale(1.06)}
.tem_index_news .lists li a:hover {background:#eee}
.tem_index_news a.more {display:block;margin:.4rem auto 0;width:1.9rem;line-height:35px;font-size:.16rem;color:#FFF;background:#d80000;text-align:center;}
/*通用底部*/
.footer {background:#262626;padding:.53rem 0 0;}
.footer .infos {padding:0 0 .23rem;border-bottom:1px solid #7d7d7d}
.footer .infos>div{padding:0}
.footer .f_nav li{display:inline-table;padding:0 .5rem;position:relative;}
.footer .f_nav li a{font-size:.16rem;color:#FFF;}
.footer .f_nav li:after{content:'';width:2px;height:100%;background:#FFF;position:absolute;right:0;top:0}
.footer .f_nav li:last-child:after{display:none;}
.footer .f_nav li:first-child{padding-left:0}
.footer .f_nav li:last-child {padding-right:0}
.footer .f_cnt {font-size:.16rem;color:#FFF;margin:.75rem 0 0}
.footer .f_links{font-size:.14rem;color:#FFF}
.footer .f_links a{font-size:.14rem;color:#FFF;display:inline-table;margin:0 5px}

.footer .infos>div:last-child{text-align:right;}
.footer .code {display:inline-block;text-align:center;}
.footer .code p {margin:.25rem 0 0;font-size:.12rem;color:#FFF}
.footer .code img{max-width:100px}
.footer .copy {font-size:.14rem;color:#FFF;padding:.15rem 0}
.footer .copy>div{padding:0}
.footer .copy a{font-size:.14rem;color:#FFF}
.footer .copy>div:last-child{text-align:right;}
.footer .copy p {margin:0}
/*通用内页*/
.tem_banner .page_label {position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;max-width:1400px;width:100%;color:#FFF;margin:42px 0 0;color:#FFF;padding-left:1.3rem;}
.tem_banner .page_label h3{font-size:.32rem;}
.tem_banner .page_label p{font-size:.32rem;margin:.2rem 0 0;text-transform:capitalize}
/*企业介绍*/
.about_box .title {text-align:center;margin:0 0 .15rem;}
.about_box .title h3{font-size:.24rem;color:#000}
.about_box .title p{font-size:.16rem;color:#cacaca;margin:.1rem  0 0;text-transform:uppercase;}

.company {position:relative;padding:.65rem 0 0}
.company ol {margin:0 0 .45rem;width:100%;padding:0;}
.company ol li {box-shadow:0 0 12px rgba(0,0,0,.2);width:30%;float: left;margin:0 1.5%;text-align:center}
.company ol li a {display:block;position:relative;padding:.25rem .35rem;font-size:.2rem;color:#666}
.company ol li a span {display:inline-table;position:relative}
.company ol li a span:after{content:'';width:0;height:1px;background:#d80000;position:absolute;bottom:-.1rem;left:0;transition:all .5s}
.company ol li#current a{color:#d80000}
.company ol li#current a span:after{width:100%}
.company .itembox .item>div{padding:0}
.company .itembox .item>div:first-child{}
.company .itembox .item>div:last-child{}
.company .item h4 {font-size:.28rem;color:#333;margin:0 0 .45rem}
.company .item .editor {font-size:.16rem;color:#4c4c4c;line-height:1.7}
/*资质荣誉*/
.honor {padding:.6rem 0 .65rem;}
.honor .title {margin:0 0 .65rem;}

.honor .swiper-slide a {display:block;position:relative;overflow:hidden;}
.honor .swiper-slide a:hover img {transform:scale(1.06)}
.honor .slide-pagination {margin:.6rem 0 0;text-align:center;}
.honor .slide-pagination span {width:.4rem;height:7px;background:#dcdcdc;opacity:1;outline:none;margin:0 .12rem;border-radius:0}
.honor .slide-pagination span.swiper-pagination-bullet-active{background:#d80000}
/*发展历程*/
.history {background:url(../images/history.jpg) center bottom no-repeat;background-size:cover;padding:.33rem 0 .9rem;position:relative}
.history .title {margin:0 0 .75rem;}
.history .title h3{color:#FFF}
.history .title p{color:rgba(255,255,255,.7)}
.history .lists {position:relative;padding:.4rem 0 0}
.history .lists:before{content:'';width:1px;height:100%;background:#FFF;position:absolute;top:0;left:50%}
.history .lists:after{content:"\f0d8";font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;color:#FFF;position:absolute;top:-12px;left:50%;transform:translateX(-50%)}
.history .lists li {margin:0 0 .35rem;}
.history .lists li.on {text-align:right}
.history .lists .item {width:50%;text-align:right;position:relative;float:left;padding:0 .35rem 0 0}
.history .lists li.on .item {text-align:left;float:right;padding:0 0 0 .35rem}
.history .lists li h5{font-size:.2rem;color:#FFF;margin:0 0 .25rem}
.history .lists li .editor {font-size:.16rem;color:#FFF;line-height:1.6}
.history .lists .item:after{content:'';width:10px;height:10px;border-radius:100%;background:#FFF;position:absolute;right:-5px;top:4px;}
.history .lists li.on .item:after{right:auto;left:-5px;}
/*车间设备*/
.workshop {padding:.4rem  0 .6rem;}
.workshop .title {margin:0 0 .6rem;}
.workshop .swiper-slide a {display:block;position:relative;overflow:hidden;border:1px solid black}
.workshop .swiper-slide a:hover img{transform:scale(1.06)}
.workshop .slide-pagination {margin:.4rem 0 0;text-align:center;}
.workshop .slide-pagination span {margin:0 .12rem;width:26px;height:26px;line-height:26px;font-size:.16rem;color:#000;border:1px solid #000;background:none;outline:none;opacity:1}
.workshop .slide-pagination span.swiper-pagination-bullet-active{border-color:#d80000;color:#d80000}
/*组织架构*/
.orgna .editor{background:#fafafa;text-align:center;padding:.3rem 0}
/*产品中心*/
.product_box {padding:0 0 .75rem;}
.product_box .mbx {padding:.15rem  0 .35rem;font-size:.14rem;color:#8b8b8b}
.product_box .mbx a{font-size:.14rem;color:#8b8b8b}
.product_box .menus {background:#f7f7f7;padding:.2rem 0;}
.product_box .menus li {display:inline-table;padding-left:.55rem;position:relative;}
.product_box .menus li a{font-size:.14rem;color:#333;}
.product_box .menus li:before{content:'';width:6px;height:6px;background:#949494;border-radius:100%;position:absolute;left:.3rem;top:50%;transform:translateY(-50%);transition:all .4s}
.product_box .menus li:after{content:'';width:0;height:1px;background:#d80000;position:absolute;left:0;top:50%;transition:all .4s}
.product_box .menus li.on:after{width:.4rem;}
.product_box .menus li.on:before{opacity:0}
.product_box .menus li.on a {color:#d80000;font-size:.16rem;}
.product_box .lists {padding:.5rem 0 0;}
.product_box .lists li {padding:0 .15rem;margin:0  0 .6rem;}
.product_box .lists li img{animation-fill-mode:none;-webkit-animation-fill-mode:none;}
.product_box .lists li a {display:block;position:relative;overflow:hidden;}
.product_box .lists li a:hover img{transform:scale(1.06)}
/*翻页*/
.page {text-align:center;}
.page input,.page span.PageText {display:none;}
.page a,.page span {display:inline-table;margin:0 .07rem;vertical-align:middle;width:30px;height:35px;line-height:35px;font-size:.16rem;color:#737373;}
.page a.Ahover,.page a:hover{background:#e5e5e5;color:#d80000}
.page a.PreA:hover,.page a.NextA:hover{background:#d80000;color:#FFF}
/*新闻中心*/
.news_box {padding:0 0 .5rem;}
.news_box .mbx {padding:.15rem  0 .35rem;font-size:.14rem;color:#8b8b8b}
.news_box .mbx a{font-size:.14rem;color:#8b8b8b}
.news_box .titles {margin:0 0 .35rem;}
.news_box .titles>div{display:inline-table;vertical-align:middle;}
.news_box .titles .menus {width:15%;}
.news_box .titles .menus li {margin:.06rem 0;}
.news_box .titles .menus li a {display:block;background:#e5e5e5;text-align:center;font-size:.16rem;color:#333;line-height:55px;}
.news_box .titles .menus li.on a,.news_box .titles .menus li a:hover {background:#d80000;color:#FFF}
.news_box .titles .name {width:84%;text-align:center;border-bottom:1px dashed #b2b2b2;padding:0 0 .25rem;}
.news_box .titles .name h3{font-size:.2rem;color:#000}
.news_box .titles .name p{font-size:.16rem;color:#cacaca;margin:.15rem  0 0;text-transform:uppercase;}

.news_box .lists{padding:0 0 .35rem}
.news_box .lists li {padding:0 .25rem;margin:0 0 .3rem;}
.news_box .lists li .img{overflow:hidden;}
.news_box .lists li .text {background:#f8f8f8;padding:.15rem .13rem;}
.news_box .lists li .text h4{font-size:.16rem;color:#454545;margin:0 0 .3rem;}
.news_box .lists li .text p {font-size:.14rem;color:#707070;margin:0 0 .35rem;}
.news_box .lists li .more {position:relative;}
.news_box .lists li .more span {font-size:.14rem;color:#898989}
.news_box .lists li .more em {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.14rem;color:#000;text-transform:uppercase;}
.news_box .lists li img{animation-fill-mode:none;-webkit-animation-fill-mode:none;}
.news_box .lists li a:hover img{transform:scale(1.06)}
/*新闻详情*/
.show_news {padding:.45rem 0 .65rem;position:relative}
.show_news h2{font-size:.24rem;color:#000;text-align:center;}
.show_news .met_infos {padding:.2rem 0 .35rem;text-align:center;}
.show_news .met_infos span {font-size:.14rem;color:#585858;display:inline-table;margin:0 .1rem;vertical-align:middle;}
.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:.4rem 0 0;margin:.4rem 0 0;border-top:1px solid #e5e5e5}
.show_news .met_page li {font-size:.14rem;color:#333;margin:.1rem 0}
.show_news .met_page li a {font-size:.14rem;color:#333}
/*招聘*/
.job_box {padding:1rem  0 1.6rem;position:relative}
.job_box .title {text-align:center;margin:0 0 .65rem;}
.job_box .title h3{font-size:.3rem;color:#292828;}
.job_box .title p {font-size:.18rem;color:#5b5b5b;text-transform:uppercase;margin:.1rem 0 0;}
.job_box .lists li:first-child {background:#00a0e9;font-size:.16rem;color:#FFF;text-align:center;line-height:50px;border-radius:5px;}
.job_box .lists li a{background:#f4f4f4;border-radius:5px;display:block;line-height:50px;text-align:center;font-size:.14rem;color:#3b3a3a}
.job_box .lists li.on a {background:#FFF}
.job_box .lists li .submenu {display:none;transition:none;background:#f4f4f4;}
.job_box .lists li.on .submenu {background:#FFF}
.job_box .lists li .editor{font-size:.14rem;color:#535353;line-height:1.8;padding:.23rem 1rem .4rem;}
/*联系我们*/
.contact_box {}
.contact_box .main {padding:.6rem 0 .65rem;}
.contact_box .main>div{padding:0}
.contact_box .main .title {margin:0  0 .25rem;}
.contact_box .title h3 {font-size:.24rem;color:#000;}
.contact_box .title p{font-size:.16rem;color:#cacaca;margin:.12rem 0 0;text-transform:uppercase}
.contact_box .main .editor {font-size:.16rem;color:#333}
/*在线留言*/
.message {padding:0 0 .6rem;}
.message .title {text-align:center;margin:0 0 .65rem;}
.message .lists table tr{float:left;width:100%;margin:0 0 .5rem;}
.message .lists table tr:first-child,.message .lists table tr:first-child+tr {width:50%;}
.message .lists table tr td.text,.message .lists table tr td span {display:none;}
.message .lists table tr td.input {display:block;}
.message .lists table td input[type="text"],.message .lists table td textarea{width:100%;height:40px;line-height:40px;border:0;border-bottom:1px solid #000;padding:0 .15rem;font-size:14px;color:#585858}
.message .lists table td textarea {height:165px;line-height:normal;padding:.15rem;}
.message .lists table td input[name="code"] {width:25% !important;}
.message .lists table td img{height:35px;margin-left:.2rem}
.message .lists table td input[type="submit"] {background:#d80000;color:#FFF;font-size:14px;width: 120px;height:60px;border-bottom:2px solid #000}
/********<=767 mobile nav style css********/
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#212121}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#FFF;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#333;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#d80000;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#d80000}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#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:#d80000}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
@media(max-width:1440px){
    /*.company .itembox .item>div:first-child,.company ol {padding-left:1rem}*/
}
@media(max-width:1400px){
	.tem_index_product .lists .swiper-page>div{left:0;z-index:1}
	.tem_index_product .lists .swiper-page>div.slide-button-next{right:0}
}
@media(max-width:1300px){
    /*.company .itembox .item>div:first-child,.company ol {padding-left:.25rem}*/
}
@media(max-width:1200px){
	.history .swiper-page>div{width:25px;height:25px;line-height:25px;}
	.tem_banner .label_text{padding:0 .25rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.tem_banner .label_text{margin:30px 0 0}
	.company ol {position:relative;width:100%;padding:.45rem 0;text-align:center;}
	.company ol li{display:inline-table;width:40%;margin:0 3%}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .label_text p span{font-size: 24px !important;}
	.tem_banner .slide-pagination {display:none;}
	.tem_index_about .main .table>div {display:block;width:100% !important;}
	.tem_index_about .main .table .text {padding:.35rem 0 0}
	.tem_index_news .lists li a>div {display:block;width:100% !important;padding: 0 0 0 1.2rem;}
	.tem_index_news .lists li .info h4{padding: 0 0 0 1.8rem;}
	.tem_index_news .lists li .info {padding:.35rem 0 0;border:0}
	.tem_index_news .lists li .times {display:none;}
	.footer .infos>div .f_nav {display:none;}
	.footer .infos>div:last-child{text-align:center;}
	.footer .copy,.footer .copy>div:last-child{text-align:center;}
	.product_box .menus,.news_box .titles .menus{display:none;}
	.news_box .titles .name{width:100%}
	.message .lists table tr:first-child, .message .lists table tr:first-child+tr {width:100%}
  .footer .infos>div:last-child{margin:.25rem 0 0}
  .company ol li {display:block;width:100%;margin:0 0 .3rem}
  .company .itembox .item>div:first-child{padding-top:0}
  .company .itembox .item>div:last-child{padding:0}
}