/***** Header *****/
header{position: fixed;background:#f6f6f6;width: 100%;z-index: 1000;display:flex}
header .left{width:17%;display:flex;flex-direction: column;justify-content: center;border-right:1px solid #636363}
header .left .logo{margin:0 auto}
header .right{width:83%}
header .right .top{display:flex;justify-content: flex-end;padding:.17rem .87rem .17rem 0}
header .right .top .infos{width:42%;display:flex;flex-direction: column;justify-content: center;}
header .right .top .infos ul {display:flex;justify-content: space-between;}
header .right .top .infos ul  li{}
header .right .top .infos ul  li p{color:#636363;padding:0 0 0 .3rem;font-size:.15rem;position:relative}
header .right .top .infos ul  li:first-child p:after{content:"";position:absolute;background:url(/public/common/images/phone.png)no-repeat;width:20px;height:21px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
header .right .top .infos ul  li:last-child p:after{content:"";position:absolute;background:url(/public/common/images/email.png)no-repeat;width:19px;height:13px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
header .right .top  .langs{width:8%;display:flex;flex-direction: column;justify-content: center;}
header .right .top  .langs a {font-weight:bold;color:#c62033;font-size:.15rem;text-align:center}
header .right .top  .shares{display:flex;width:9%;justify-content: space-around;}
header .right .top  .shares a{color:white;width:.25rem;height:.25rem;background:#6f6f6f;border-radius:100%;line-height:.25rem;text-align:center}
header .right .nav ul{display:flex;border-top:1px solid #636363;}
header .right .nav ul li {width:20%;text-align:center;border-right:1px solid #636363;position:relative}
header .right .nav ul li>a{padding:.25rem 0 .21rem;color:black;font-size:.15rem;font-weight:bold;position:relative;text-transform:uppercase}
header .right .nav ul li>a.active{background:#c62033}
header .right .nav ul li>a:hover{background:#c62033;color:white}
header .right .nav ul li>a:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c62033;font-size:.2rem;right:10%;transfor:translateY(-50%)}
header .right .nav  ul li>dl{position:absolute;top:100%;left:0;width:100%;transition:none;display:none;background:rgba(0,0,0,.5)}
header .right .nav ul li>dl dd a{font-size:.14rem;color:white;display:block;text-align:center;padding: .15rem 0;font-size:.15rem;font-weight:bold;}
header .right .nav  ul li>dl dd:hover{background:#c62033}
header .right .nav  ul li>dl dd:hover a{color:white}
header.on{box-shadow: 0 0 12px rgba(0,0,0,0.2)}
.tem_banner {padding:1.27rem 0 0}
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;top:20%;right:15%;text-align:right}
.tem_banner .flash .txt h1{font-size:.7rem;color:white;text-transform:uppercase;font-weight:bold}
.tem_banner .flash .txt  p{color:white;text-transform:uppercase;font-size:.28rem;margin-top:.25rem}
.tem_banner .flash .mbx{position:absolute;bottom:0;left:0;padding:.33rem 2.6rem;background:rgba(0,0,0,.5);width:100%;color:white}
.tem_banner .flash .mbx>*{display:inline-block;color:white;margin:0 .05rem;vertical-align:middle;text-transform:uppercase}

footer .top{display:flex;padding:.7rem 1rem .25rem 0;background:#f6f6f6;border-top:1px solid #d2d2d2;justify-content: space-between;}
footer .top .left{width:80%;display:flex;justify-content: center;position:relative}
footer .top .left:after{position:absolute;content:"";background:url(/public/common/images/foot_jt.png)no-repeat;width:12.63rem;height:.12rem;top:12%;left:0;background-size:100%}
footer .top .left dl dt{padding:0 .4rem;margin:0 0 .5rem;border-right:2px solid black}
footer .top .left dl:last-child dt{border:0}
footer .top .left dl dt a{font-size:.15rem;font-weight:bold;color:black}
footer .top .left dl  dd{padding:0 0 .15rem .4rem}
footer .top .left dl  dd a{font-size:.14rem;color:black}
footer .top  .right{width:12%;text-align:center} 
footer .top  .right .weixin p{margin-top:.1rem;color:#636363;font-size:.15rem}  
footer .top  .right .shares{margin-top:.6rem;font-size:0} 
footer .top  .right .shares>*{display:inline-block}
footer .top  .right .shares a{color:white;width:.3rem;height:.3rem;background:#6f6f6f;border-radius:100%;text-align:center;margin:0 .03rem}
footer .top  .right .shares a i{font-size:.14rem;line-height:.3rem;}
footer .bot{padding:.28rem 0 .26rem;background:rgb(27 171 228)}
footer .bot>div{display:flex;justify-content: space-between;}
footer .bot p:first-child{color:white;font-size:.14rem;}
footer .bot p:last-child{color:white;font-size:.14rem}
.about_nav{padding:.42rem 0}
.about_nav ul {font-size:0}
.about_nav ul li{display:inline-block;margin-right:.03rem;width:20%;text-align:center}
.about_nav ul li.active a{background:#c62033}
.about_nav ul li a{font-size:.15rem;padding:.34rem 0rem;background:black;color:white;}
.about_nav ul li a:hover{background:#c62033}

.company>div{display:flex;justify-content: space-between;padding:.8rem 0 2.32rem}
.company>div .left{width:40%;line-height:.4rem;font-size:.15rem;color:black;display:flex;flex-direction: column;justify-content: center;}
.company>div .right{width:50%}
.company>div .right video{width:100%;height:5rem;object-fit:cover}
.history>div{padding:2.08rem 0}
.history .lists {position:relative;padding:0 .8rem}
.history .lists .swiper-wrapper{padding:0 .1rem}
.history .lists:after{position:absolute;content:"";background:#aaaaaa;width:100%;top:50%;left:0;height:1px;transform:translateY(-50%)}

.history .lists .infos{height:3rem;position:relative}
.history .lists .infos:after{content:"";position:absolute;width:10px;height:10px;background:#cb0606;transform:translate(-50%,-50%);top:50%;left:0;border-radius:100%}
.history .lists .infos .text h1{font-size:.16rem;font-weight:bold;color:black;padding:0 0 .1rem}
.history .lists .even .infos .text{bottom:0;left:0}
.history .lists .evens .infos .text{top:0;left:0}
.history .lists .evens .infos:before{content:"";position:absolute;width:1px;height:50%;background:#cb0606;transform:translateX(-50%);top:0;left:0}
.history .lists .even .infos:before{content:"";position:absolute;width:1px;height:50%;background:#cb0606;transform:translateX(-50%);bottom:0;left:0}
.history .lists .infos .text{padding:0  .1rem;position:absolute;}
.history.lists .infos:after{content:"";position:absolute;width:10px;height:10px;background:#cb0606;border-radius:100%;left:0;top:50%;transform:translate(-50%,-50%)}
.history .lists .swiper-page>div{position:absolute;width:.4rem;height:.4rem;border:1px solid #aaaaaa;border-radius:100%;line-height:.4rem;text-align:center;font-size:.25rem;color:#aaaaaa;outline:none;z-index:2;top:50%;left:-.4rem;transform:translateY(-50%)}
.history .lists .swiper-page>div.slide-button-next {left:auto;right:-.4rem}
.history .lists .swiper-page>div:hover{color:#cb0606;border:1px solid #cb0606;transition:0s}
.honor .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.honor .lists:after{content:"";width:24%}
.honor  .lists .items{width:24%;margin:0 0 .8rem}
.honor  .lists .items a{padding:.3rem 0 ;border:1px solid #c9c9c9}
.honor  .lists .items a:hover img{transform:scale(1.1)}
.honor  .lists .items p{padding:.15rem 0 0;font-size:.15rem;color:black}
.honor  .page{text-align:center;padding:.6rem 0 1.8rem}
.honor  .page a{display:inline-block;width:28px;height:28px;line-height:28px;background:#eeeeee;margin:0 .05rem;border-radius:5px;color:black}
.honor  .page a:hover{background:#cb0606;color:white}
.honor  .page a.page-num-current{background:#cb0606;color:white}
.honor  .page a.page-item {width:auto;padding:0 .05rem}

.culture>div{padding:.2rem 0 1.2rem}
.culture .lists .items{display:flex;justify-content: space-between;margin-bottom:.3rem}
.culture .lists  .items .left{width:40%}
.culture .lists  .items .right{width:59%;background:#eeeeee;padding:1rem .7rem 0 1rem}
.culture .lists  .items .right h1{font-size:.18rem;font-weight:bold;padding:0 0 .46rem}
.culture .lists  .items .right p{font-size:.15rem;line-height:.4rem}
.product_nav{padding:.44rem  0 .8rem}
.product_nav ul {display:flex;justify-content: space-between;flex-wrap: wrap;}
.product_nav ul li{width:19.7%;text-align:center;margin:.05rem 0}
.product_nav ul li.active a{background:#c62033}
.product_nav ul li a{font-size:.15rem;padding:.34rem 0rem;background:black;color:white;}
.product_nav ul li a:hover{background:#c62033}

.product_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;position:relative}
.product_list .lists:after{content:"";width:32%}
.product_list .lists .items{width:32%;border:2px solid  #eeeeee;position:relative;margin: 0 0 .6rem}
/*.product_list .lists  .items:after{position:absolute;content:"";background:url(/public/common/images/logo.png)no-repeat;width:1.1rem;height:.8rem;left:2%;top:1%;background-size:100%}*/

.product_list .lists .items a:hover img{transform:scale(1.1)}
.product_list .lists .items a:hover {box-shadow: 0 0 15px rgba(0,0,0,0.3)}
.product_list .lists .items .img {padding:.6rem  .6rem}
.product_list .lists .items .img img{width:63%}
.product_list .page{text-align:center;padding:.27rem 0 1.5rem}
.product_list .page a{display:inline-block;width:28px;height:28px;line-height:28px;background:#eeeeee;margin:0 .05rem;border-radius:5px;color:black}
.product_list .page a:hover{background:#cb0606;color:white}
.product_list .page a.page-num-current{background:#cb0606;color:white}
.product_list .page a.page-item {width:auto;padding:0 .05rem}
.network>div{padding:2.2rem 0 2.3rem}
.network .imgs{position:relative;display:inline-block}
.region-list{position:absolute;}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}

.area-box .dot{position:absolute;left:0;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#c62033;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-27px;left:-27px;height:66px;width:66px;border:2px solid #c62033;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #c62033,0 0 10px #c62033 inset;-moz-box-shadow:0 0 4px #c62033,0 0 10px #c62033 inset;box-shadow:0 0 4px #c62033,0 0 10px #c62033 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}

.show-regin {position:absolute;font-size:.16rem;color:#333;width:.5rem;font-weight:bold}
.postition-0{left:15.5%;top:13%}
.postition-0 .show-regin{bottom:0rem;left:-.2rem}
.postition-1{left:14%;top:28%;}
.postition-1 .show-regin{bottom:0rem;left:-.1rem}
.postition-2{left:26%;top:61%}
.postition-2 .show-regin{top:-.3rem;left:-.1rem}
.postition-3{left:45%;top:13%}
.postition-3 .show-regin{top:-.3rem;left:-.2rem}
.postition-4{left:44.5%;top:18%}
.postition-4 .show-regin{top:-.05rem;left:-1rem}
.postition-5{left:44%;top:24%}
.postition-5 .show-regin{top:-.05rem;left:-1rem}
.postition-6{left:41.5%;top:31%}
.postition-6 .show-regin{top:-.05rem;left:-.7rem}
.postition-7{left:49.5%;top:15%}
.postition-7 .show-regin{top:-.3rem;left:-.2rem}
.postition-8{left:47%;top:17%}
.postition-8 .show-regin{bottom:-.4rem;left:-.2rem}
.postition-9{left:51%;top:19%}
.postition-9 .show-regin{bottom:-.15rem;right:-.7rem}
.postition-10{left:47%;top:28%}
.postition-10 .show-regin{bottom:-.15rem;right:-.7rem}
.postition-11{left:44%;top:31%}
.postition-11 .show-regin{bottom:-.15rem;right:-.7rem}
.postition-12{right:43%;top:36%}
.postition-12 .show-regin{top:-.3rem;left:-.2rem;}
.postition-13{right:31%;top:13%}
.postition-13 .show-regin{top:-.3rem;left:-.2rem;}
.postition-14{right:20%;top:30%}
.postition-14 .show-regin{top:-.5rem;left:-.2rem;}
.postition-15{right:16%;top:30%}
.postition-15 .show-regin{top:-.3rem;left:-.2rem;}
.postition-16{right:22%;top:40%}
.postition-16 .show-regin{top:-.3rem;left:-.2rem;}
.postition-17{right:28%;top:42%}
.postition-17 .show-regin{top:-.05rem;left:-.7rem;}
.postition-18{right:20%;top:40%}
.postition-18 .show-regin{bottom:-.15rem;right:-.7rem}
.postition-19{right:26%;top:50%}
.postition-19 .show-regin{bottom:-.15rem;left:-.7rem}
.postition-20{right:25%;top:54%}
.postition-20 .show-regin{bottom:-.15rem;right:-.7rem}

.postition-21{right:16%;top:75%}
.postition-21 .show-regin{top:-.3rem;left:-.2rem;}

.page_contact .contact>div{display:flex;padding:1.37rem 0 1.34rem;justify-content: space-between;}
.page_contact .contact .left{width:45%}
.page_contact .contact .left .text{padding:0 0 .5rem}
.page_contact .contact .left .text h1{color:black;font-weight:bold;text-transform:uppercase;font-size:.18rem;padding:0 0 .36rem}
.page_contact .contact .left .text p{color:black;font-size:.15rem;margin:0 0 .3rem}
.page_contact .contact .right{width:50%;}
.page_contact .contact .right  #container{height:5.88rem}
.page_contact .message>div{padding:0 0 1.46rem}
.page_contact .message .form{padding:.6rem .45rem;border:2px solid  #eeeeee}
.page_contact .message .form .title{text-align:center;text-transform:uppercase;padding:0 0 .8rem}
.page_contact .message .form .title h2{font-weight:bold;font-size:.25rem}
.page_contact .message .form .top{display:flex;justify-content: space-between;}
.page_contact .message .form .top .input{width:31%}
.page_contact .message .form  p{font-size:.16rem;padding: 0 0 .2rem}
.page_contact .message .form .top .input input{width:100%;padding: .2rem;background:#f5f5f5;border:0}
.page_contact .message .form .bot {padding:.6rem 0 }
.page_contact .message .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;background:#f5f5f5;border:0}
.page_contact .message .form .button{text-align:center;}
.page_contact .message .form .button input{padding:.15rem .4rem;background:#c62033;border:0;color:white}
.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}
.news>div{padding:.6rem 0 0;}
.news  .lists{border-top:2px solid black}
.news  .lists .items{margin-top:.1rem;display:flex;padding:.3rem 0;border-bottom:1px solid #f2f2f2;justify-content: space-between;}
.news  .lists .items .img{width:30%}
.news  .lists .items .text{width:67%;position:relative}
.news  .lists .items .text h1{font-size:.2rem;color:black;margin:.3rem 0;text-transform:uppercase;font-weight:bold;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news  .lists .items .text p{font-size:.14rem;width:75%;color:#545454;line-height:.25rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news  .lists .items .text span{padding-top:.75rem;display:inline-block;color:#6c6c6c;font-size:.14rem}
.news  .lists .items .text  a{position:absolute;bottom:2%;right:0;padding:.15rem .25rem;color:white;background:#b1b1b1;border-radius:5px;font-size:.14rem}
.news  .lists .items .text  a:hover{background:#cb0606}
.news  .page{text-align:center;padding:.27rem 0 1rem}
.news  .page a{display:inline-block;width:28px;height:28px;line-height:28px;background:#eeeeee;margin:0 .05rem;border-radius:5px;color:black}
.news  .page a:hover{background:#cb0606;color:white}
.news  .page a.page-num-current{background:#cb0606;color:white}
.news  .page a.page-item {width:auto;padding:0 .05rem}
.product_desc{padding:.8rem 0;}
.product_desc .clearfix{position: relative;}
.product_desc .left{border:1px solid #E8E8E8;text-align: center;padding: 0}
.product_desc .left img{} 
.product_desc .right{padding: 0;padding-left: 4%;margin-top: .3rem}
.product_desc .right .title{font-size: .18rem;color: #333}
.product_desc .right .remarks{font-size:.18rem; margin:5px 0; }
.product_desc .right .date{height: .35rem;line-height: .35rem}
.product_desc .right .date div{margin-right:.5rem;float: left;font-size: .16rem}
.product_desc .right .date div img{margin-right: 6px;margin-top: -3px}
.product_desc .tpiclist{position: absolute;bottom: 0;right:10%;width:60%}
.product_desc .tpiclist.allbanner{padding:0 .5rem;overflow:hidden;}
.product_desc .tpiclist.allbanner .item{cursor: pointer;text-align:center}
.product_desc .tpiclist.allbanner .item img{border:1px solid #E8E8E8;}
.product_desc .tpiclist .fa{text-align: center;cursor: pointer;display: inline-block;hight: .35rem;width: .25rem;background-color: #EFEFEF;color: #333;line-height: .35rem}
.product_desc .tpiclist .fa:hover{background-color: #cb0606;color: #fff;}
.product_desc .tpiclist .fa-angle-left{position: absolute;top: 50%;left: 0;transform:translateY(-50%)}
.product_desc .tpiclist .fa-angle-right{position: absolute;top: 50%;right: 0;transform:translateY(-50%)}
.product_desc .prodesccontent{border-top: 1px solid #E8E8E8;padding-top:.3rem;}
.product_desc .prodesccontent .title{font-size: .18rem;color: #333}
.product_desc .prodesccontent .content{margin-top: .1rem;line-height: .22rem;font-size: .16rem}
.product_desc .prenext{margin:.5rem 0;height: .35rem;line-height: .35rem}
.product_desc .prenext .tobnt{margin-right: .4rem;float: left;}
.product_desc .prenext .pbtn{background-color: #626468;color: #fff;width: 1.25rem;text-align: center;float: left;}
.product_desc .prenext .tobnt:hover .pbtn{background-color: #cb0606}
.product_desc .prenext .title{float: left;margin-left: .1rem}
.cloudzoom-zoom{z-index: 9;}


.tem_banner .banner_text {position:absolute;top:30%;right:15%;;z-index:2}

.tem_banner .banner_text h1{font-size:.7rem;color:white;text-transform:uppercase;font-weight:bold;}

.tem_banner .banner_text  p{color:white;text-transform:uppercase;font-size:.28rem;margin-top:.25rem;}

.tem_banner .swiper-page{position:absolute;bottom:10%;z-index:2;left:15%}
.tem_banner .swiper-page:after{}
.tem_banner .swiper-page>*{display:inline-block;vertical-align:middle}
.tem_banner .swiper-page .slide-button-prev{color:white;font-size:.2rem;margin:0 .2rem  0 0}
.tem_banner .swiper-page .slide-pagination {padding:.05rem 0 0}

.tem_banner .swiper-page .slide-pagination .swiper-pagination-bullet-active{background:white}

.tem_banner .swiper-page .slide-pagination span{width:16px;height:16px;background:none;border:2px solid white;opacity:1;margin:0 .1rem;}
.tem_banner .swiper-page .slide-button-next{color:white;font-size:.2rem;margin:0 0  0 .2rem}
.tem_banner .scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:10%;z-index:1}
.tem_banner .scroll h1{font-size:.16rem;color:white;}
.tem_banner .scroll:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;left:50%;transform:translateX(-50%);color:white;bottom:-.3rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:-.3rem
	}
	to{
		bottom:-.6rem;
	}
}

.index_about{background:url(/public/common/images/index_aboutbg.jpg)no-repeat;background-size:cover}
.index_about>div{padding:.53rem .86rem  .6rem;display:flex}
.index_about .left{width:50%;display:flex;flex-direction: column;justify-content: center;padding:0 0 0 1.75rem;background:white}
.index_about .left .text {text-align:center}
.index_about .left .text  h1{font-size:.35rem;font-weight:bold;text-transform:uppercase;padding:0 0 .2rem}
.index_about .left .text   p{font-size:.16rem;color:#989896}
.index_about .left .about_nav_index{padding:.95rem 0 0rem}
.index_about .left .about_nav_index>*{display:inline-block;vertical-align:top}
.index_about .left .about_nav_index h2{text-transform:uppercase;font-size:.16rem;color:black}
.index_about .left .about_nav_index ul{margin-left:.7rem;padding:0 0 .8rem;position:relative}
.index_about .left .about_nav_index ul:after{content:"";position:absolute;bottom:0;left:0;background:url(/public/common/images/xuxian.png)no-repeat;width:1.46rem;height:.15rem;background-size:100%}
.index_about .left .about_nav_index ul li{padding:0 0 0 .6rem;margin-bottom:.15rem;position:relative}
.index_about .left .about_nav_index ul li:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:1px;background:#989896}
.index_about .left .about_nav_index ul li a{font-style:italic;font-size:.16rem;color:black}
.index_about .left .about_nav_index ul li a:hover{color:#cb0606}
.index_about .left  .infos{padding:.85rem 0 0 0 }
.index_about .left  .infos>*{display:inline-block}
.index_about .left  .infos .add{width:55%;padding:0 0 0 .6rem;vertical-align:middle;border-right:1px solid #bfbfbf;position:relative}
.index_about .left  .infos .add:after{content:"";position:absolute;background:url(/public/common/images/circle.png)no-repeat;left:0;top:50%;width:.44rem;height:.44rem;transform:translateY(-50%);background-size:100%}
.index_about .left  .infos .add p{line-height:.35rem;font-size:.15rem;color:black}
.index_about .left  .infos .more {width:25% ;vertical-align:middle;padding:0 0 0 .37rem}
.index_about .left  .infos .more  a{font-size:.16rem;color:#cb0606;position:relative}
.index_about .left  .infos .more  a:after{content:"";position:absolute;background:url(/public/common/images/jiantou.png)no-repeat;right:.1rem;bottom:0;width:.87rem;height:.09rem;transform:translateY(-50%);background-size:100%}
.index_about .right{width:50%}
.index_about .right video{width:100%;height:7.5rem;}
.index_pro {display:flex;justify-content: space-between;}
.index_pro .left{width:42%;background:#dcdcdc;position:relative;display:flex;flex-direction: column;justify-content: center;}
.index_pro .left img{width:52%}
.index_pro .left .text{position:absolute;z-index:2;left:8%;top:5%}
.index_pro .left .text h1{font-size:.3rem;color:white;padding: 0 0 .2rem}
.index_pro .left .text  a{padding:.23rem .8rem .23rem .3rem;background:#8c8c8c;color:white;font-size:.14rem;position:relative;}
.index_pro .left .text  a:hover{background: linear-gradient(#920101, #e00813);}
.index_pro .left .text  a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;top:50%;transform:translateY(-50%);right:15%}
.index_pro .middle{display:flex;flex-direction: column;width:40%;justify-content: space-between;}
.index_pro .middle  .infos{position:relative;display:flex;flex-direction: column;justify-content: center;}
.index_pro .middle .text{position:absolute;z-index:2;left:8%;top:5%}
.index_pro .middle .text h1{font-size:.3rem;color:white;padding: 0 0 .2rem}
.index_pro .middle .text  a{padding:.23rem .8rem .23rem .3rem;background:#8c8c8c;color:white;font-size:.14rem;position:relative;}
.index_pro .middle .text  a:hover{background: linear-gradient(#920101, #e00813);}
.index_pro .middle .text  a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;top:50%;transform:translateY(-50%);right:15%}
.index_pro .middle  .infos1{height:65%;background:#dcdcdc}

.index_pro .middle  .infos1 .img img{width:35%}
.index_pro .middle .infos2{height:34%;background:#dcdcdc;text-align:}
.index_pro .middle  .infos2 .img{text-align:right;padding-right:.5rem}
.index_pro .middle  .infos2 .img img{width:30%;}
.index_pro .right{width:17%;position:relative}
.index_pro .right .text{position:absolute;z-index:2;left:15%;top:43%;text-align:left}
.index_pro .right .text h1{font-size:.3rem;color:white;padding: 0 0 .2rem}
.index_pro .right .text  a{padding:.23rem .8rem .23rem .3rem;background:#8c8c8c;color:white;font-size:.14rem;position:relative;}
.index_pro .right .text  a:hover{background: linear-gradient(#920101, #e00813);}
.index_pro .right .text  a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;top:50%;transform:translateY(-50%);right:15%}


.index_news>div{padding:1.9rem 0 1rem }
.index_news .title{text-align:center;padding:0 0 .2rem}
.index_news .title h1{font-size:.4rem;font-weight:bold;text-transform:uppercase}
.index_news  .lists a{padding:.28rem .28rem .66rem .28rem }
.index_news  .lists a:hover{background:#9c0204}
.index_news  .lists a h2{font-size:.15rem;color:black;line-height:.25rem;padding:.2rem 0 0;font-weight:bold;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index_news  .lists a:hover h2{color:white}
.index_news  .lists a .time{margin:.75rem 0 0;font-size:0;padding:.15rem 0 ;border-top:1px solid black;border-bottom:1px solid black}
.index_news  .lists a .time >*{display:inline-block;vertical-align:middle}
.index_news  .lists a .time p{font-size:.14rem;color:black;width:50%;font-weight:bold}
.index_news  .lists a:hover .time {border-top:1px solid white;border-bottom:1px solid white}
.index_news  .lists a:hover .time p{color:white}
.index_news  .lists a .time span{font-size:.14rem;width:50%;text-align:right;color:black;font-weight:bold}
.index_news  .lists a:hover .time span{color:white}
.index_news  .lists a:hover  img{transform:scale(1.1)}
.index_news  .lists  .slide-pagination {text-align:center;margin:.46rem  0 0}
.index_news  .lists  .slide-pagination span{width:15px;height:15px;background:none;opacity:1;border:1px solid black;margin:0 .08rem}
.index_news  .lists  .slide-pagination .swiper-pagination-bullet-active{background:#c62033;border:1px solid #c62033}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #c62033;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: white;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #c62033;
	-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: white;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: black;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #fff;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:1600px){
	header .right .top .infos{width:50%}
	.index_about .left{padding:0 0 0  .65rem}
	.index_about>div{padding:.53rem .4rem  .6rem}
	.index_pro .left .text a{padding:.2rem .5rem .23rem .2rem}
	.index_pro .middle .text a{padding:.2rem .5rem .23rem .2rem}
	footer .top .left dl dt{padding:0 .3rem}
	footer .top .left dl dd{padding:0 0 .15rem .3rem}
	footer .top .left:after{background-size:80%}

}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	
}

/********mobile*********/
@media(max-width:767px){
   .tem_banner .swiper-page{bottom:5%;left:5%}
.tem_banner .banner_text h1{font-size:.4rem}
.tem_banner .banner_text p{font-size:.25rem}
.index_about>div{display:initial}
.index_about .left{width:100%;padding:.2rem 0 }
.index_about .left .about_nav_index ul li{padding:0 0 0 1rem}
.index_about .left .infos .more{width:35%}
.index_about .right{width:100%;padding: 0  .2rem}
.index_about .left .about_nav_index{text-align:center}
.index_pro .left .text a{padding:.1rem}
.index_pro .left .text{left:2%}
.index_pro{}
.index_pro .left{width:50%}
.index_pro .left .img{text-align:right}
.index_pro .middle{width:48%}
.index_pro .middle .img{text-align:right}
.index_pro .right{display:none}
.index_pro .left .text a:after{display:none}
.index_pro .middle .text{left:2%}
.index_pro .middle .text h1{padding:0}
.index_pro .middle .text a{padding:.1rem}
.index_pro .middle .text a:after{display:none}
.index_news .lists a .time span{width:70%}
.index_news .lists a .time p{width:30%}
footer .top{display:inherit}
footer .top .left:after{display:none}
footer .top .left{width:100%}
footer .top .left dl dd{display:none}
footer .top .right{width:100%}
footer .bot>div{display:inherit}
.about_nav ul li{width:48%;margin-bottom:.05rem}
.company>div{display:inherit}
.company>div .left{width:100%}
.company>div .right{width:100%}
.tem_banner .flash .mbx{padding:.33rem .6rem}
.tem_banner .flash .txt h1{font-size:.3rem}
.tem_banner .flash .txt p{font-size:.18rem}
.history .lists{padding:0 .4rem}
.history .lists .infos{height:6rem}
.honor .lists .items{width:48%}
.culture .lists .items{display:inherit}
.culture .lists .items .left{width:100%}
.culture .lists .items .right{width:100%;padding:.5rem }
.product_nav ul{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
.product_nav ul li{width:30%}
.product_list .lists .items:after{background-size:80%}
.news .lists .items{display:inherit}
.news .lists .items .img{width:100%}
.news .lists .items .text{width:100%}
.page_contact .contact>div{display:inherit}
.page_contact .contact .left{width:100%}
.page_contact .contact .right{width:100%;margin-top:.2rem}
.page_contact .message .form .top{display:inherit}
.page_contact .message .form .top .input{width:100%}
}