.max_width{width:90%;margin:0 auto;}
/***** Header *****/
header{position: fixed;width: 100%;z-index: 1000;background:rgba(255,255,255,.7)}
header.on{box-shadow: 0 0 12px rgba(0,0,0,0.2)}
header>div{padding:0 !important;line-height:.9rem;height:.9rem;display:flex;justify-content: space-between;}
header .logo{width:12.6%}
header .logo img {max-height:.8rem;transition:none}
header .navs{width:52.2%}
header .navs ul{display:flex;justify-content: flex-end;}
header .navs ul li{margin-left:.8rem}
header .navs ul li a{font-size:.18rem;color:black}
header .right{width:9.5%;display:flex;justify-content: space-between;line-height:normal;align-items: center;}
header .right .search a{width:.25rem;height:.25rem;background:url(../images/2.png) 0 0 no-repeat}
header .right .langs {position:relative}
header .right .langs  p{width:1rem;height:.3rem;background:white;border-radius:50px;line-height:.3rem;padding:0 .03rem;position:relative}
header .right .langs  p:after{content:"\f107";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:.1rem;top:50%;transform:translateY(-50%);font-size:.24rem;color:#828282}
header .right .langs  p em{width:.25rem;height:.25rem;border-radius:100%;background:#2961ce;display:inline-block;;line-height:.25rem;text-align:center;color:white}

header .right .langs dl {margin:0;padding:0;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;;width:.8rem;display:none;transition:none;z-index:999;box-shadow:1px 1px 5px #000;}
header .right .langs dl dd a{display:block;font-size:.14rem;color:#525252;line-height:.35rem;padding:0 .16rem;text-align:center;}
header .right .langs dl dd a:hover{background:#2961ce;color:white;transition:.3s}
.tem_banner .mouse{position:absolute;right:1.6rem;bottom:.64rem;z-index:2}
.tem_banner .mouse h2{font-size:.14rem;color:white;padding:0 0 .4rem}
.tem_banner .mouse h2:after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;width:.16rem;height:.27rem;background-size:100%;left:50%;transform:translateX(-50%);bottom:0;animation: dropdown2 .7s 0.2s linear infinite alternate;}

@keyframes dropdown2 {
	form{
		bottom:0%
	}
	to{
		bottom:15%
	}
}
.index_pro>div{padding:.6rem 0 1.1rem}
.index_pro  .imglist{position:relative}
.index_pro  .imglist .text{height:5.55rem;padding:0 1.53rem;display:flex;flex-direction: column;justify-content: center;background-size:cover;background-repeat:no-repeat}
.index_pro  .imglist .text .infos{width:48%}
.index_pro  .imglist .text .infos h1{font-size:.48rem;color:white;text-transform:uppercase}
.index_pro  .imglist .text .infos h2{font-size:.36rem;color:white;margin:.2rem 0 .45rem}
.index_pro  .imglist .text .infos p{font-size:.2rem;color:#ffffff}
.index_pro  .imglist .text .infos a{font-size:.16rem;color:white;margin:1rem 0 0;padding-left:.72rem;position:relative}
.index_pro  .imglist .text .infos a:after{position:absolute;content:"";width:.36rem;height:.36rem;border:2px solid white;border-radius:100%;left:0;top:50%;transform:translateY(-50%)}
.index_pro  .imglist .text .infos a:before{position:absolute;content:"";background:url(../images/7.png) 0 0 no-repeat;width:.31rem;height:.15rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_pro  .imglist .text .infos a:hover:before{left:.4rem}
.index_pro  .imglist .swiper-page>div{position:absolute;background:url(../images/8.png) 0 0 no-repeat;width:.36rem;height:.52rem;left:.25rem;top:50%;transform:translateY(-50%);z-index:2;background-size:100%}
.index_pro  .imglist .swiper-page>div.slide-button-next{left:auto;right:.25rem;background:url(../images/9.png) 0 0 no-repeat;background-size:100%}
.index_pro   .sm_list{background:#f4f8ff;}
.index_pro   .sm_list .info{height:1.88rem;text-align:center;display:flex;flex-direction: column;justify-content: center;position:relative}
.index_pro   .sm_list .info:after{content:"";position:absolute;width:0;height:3px;background:#3377fe;bottom:0;left:50%;transform:translateX(-50%);transition:.3s}
.index_pro   .sm_list .swiper-slide-thumb-active .info:after{width:100%}
.index_pro   .sm_list .info h2{font-size:.24rem;color:#323232;padding:.95rem   0 0;position:relative;font-weight:bold}
.index_pro   .sm_list .xss1 .info h2:after{position:absolute;content:"";background:url(../images/4.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss2 .info h2:after{position:absolute;content:"";background:url(../images/5.png) 0 0 no-repeat;width:.72rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss3 .info h2:after{position:absolute;content:"";background:url(../images/6.png) 0 0 no-repeat;width:.49rem;height:.51rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss4 .info h2:after{position:absolute;content:"";background:url(../images/icon7.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss5 .info h2:after{position:absolute;content:"";background:url(../images/icon8.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss6 .info h2:after{position:absolute;content:"";background:url(../images/icon9.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .xss7 .info h2:after{position:absolute;content:"";background:url(../images/icon10.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}

.index_pro   .sm_list .swiper-slide-thumb-active.xss1 .info h2:after{position:absolute;content:"";background:url(../images/4-1.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .swiper-slide-thumb-active.xss2 .info h2:after{position:absolute;content:"";background:url(../images/5-1.png) 0 0 no-repeat;width:.72rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .swiper-slide-thumb-active.xss3 .info h2:after{position:absolute;content:"";background:url(../images/6-1.png) 0 0 no-repeat;width:.49rem;height:.51rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}

.index_pro   .sm_list .swiper-slide-thumb-active.xss4 .info h2:after{position:absolute;content:"";background:url(../images/icon7-1.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .swiper-slide-thumb-active.xss5 .info h2:after{position:absolute;content:"";background:url(../images/icon8-1.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .swiper-slide-thumb-active.xss6 .info h2:after{position:absolute;content:"";background:url(../images/icon9-1.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro   .sm_list .swiper-slide-thumb-active.xss7 .info h2:after{position:absolute;content:"";background:url(../images/icon10-1.png) 0 0 no-repeat;width:.73rem;height:.55rem;background-size:100%;left:50%;top:0;transform:translateX(-50%)}
.index_pro_list{padding:0 0 1.55rem}
.index_pro_list .title{text-align:center;padding:0 0 .7rem}
.index_pro_list .title h1{font-size:.48rem;color:#323232;font-weight:bold}
.index_pro_list .lists .items a {position:relative}
.index_pro_list .lists .items a .img{padding:.5rem .2rem .3rem;position:relative}
/*
.index_pro_list .lists .items a .img:after{content:"";position:absolute;content:"";background:url(../images/10.png) 0 0 no-repeat;width:.96rem;height:.3rem;background-size:100%;left:5%;top:2%;}
*/
.index_pro_list .lists .items a .text h2{padding:.3rem 0 0;font-size:.24rem;color:#a2a1a1;font-weight:bold }
.index_pro_list .lists .items a:hover img{transform:scale(1.1)}

.index_pro_list .lists .items a  .more{position:absolute;width:.53rem;height:.53rem;background:url(../images/11.png) 0 0 no-repeat;right:5%;bottom:10%;background-size:.53rem .53rem}
.index_pro_list .lists .items a  .more:after{content:"";position:absolute;width:.95rem;height:.95rem;background:url(../images/12.png) 0 0 no-repeat;left:50%;top:50%;transform:translate(-50%,-50%);background-size:100%;transition:1s}
.index_pro_list .lists .items a:hover .more:after{transform:translate(-50%,-50%) rotate(360deg);transition:1s}
.index_pro_list .lists .items a:hover  .text h2{color:#323232}
.index_about .top{height:7.77rem;padding:2.8rem 0 0;display:flex;flex-direction: column;align-items: center;} 
.index_about .top .title{padding:0 0 .8rem}
.index_about .top .title h1{font-size:.48rem;color:rgba(255,255,255,.48);font-weight:bold;text-align:center;line-height:.6rem}       
.index_about .top .plays{padding:0 0 1.25rem}
.index_about .top .plays a{width:.82rem;height:.82rem;background:url(../images/13.png) 0 0 no-repeat;background-size:100%}
.index_about .top .more a{font-size:.16rem;color:white}
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:11.75rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:1.1rem;right:.15rem;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid #b1b1b1;font-size:.24rem;color:#b1b1b1;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.index_about .bot{background:url(../images/14.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 .85rem} 
.index_about .bot .title{padding:.93rem 0 .7rem}
.index_about .bot .title h1{font-size:.36rem;color:#1d1d1d;padding:0 0 .25rem}
.index_about .bot .title p{font-size:.18rem;color:#505050}
.index_about .bot .infos ul{display:flex}
.index_about .bot .infos ul li{width:20%}
.index_about .bot .infos ul li p{font-size:.16rem;color:#505050;padding:0 0 .15rem}
.index_about .bot .infos ul li h1{font-size:.24rem;color:#505050}
.index_about .bot .infos ul li h1 em{font-size:.48rem;color:#333333;font-weight:bold}
.index_news{padding:0 0 1.2rem}
.index_news .title{text-align:center;padding:1rem 0 .8rem}
.index_news .title h1{font-size:.48rem;color:#323232;font-weight:bold}
.index_news .lists a{padding:.13rem  .15rem .55rem;background:#f6f9ff}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .text{padding:.48rem 0}
.index_news .lists a .text h2{font-size:.2rem;color:#343434;height:.9rem;line-height:.3rem}
.index_news .lists a .more h1{font-size:.16rem;color:#343434}
.index_news .lists .slide-pagination{text-align:center;padding:.65rem 0 0 }
.index_news .lists .slide-pagination span{border-radius:0;width:.3rem;height:2px;margin:0 .55rem;background:#333333;opacity:1}
.index_news .lists .slide-pagination span.swiper-pagination-bullet-active{background:#3377fe}
.index_search {padding:.8rem  0 .63rem;background:url(../images/15.jpg) 0 0 no-repeat;background-size:cover;display:flex;flex-direction: column;align-items: center;}
.index_search .title{text-align:center}
.index_search .title h1{font-size:.3rem;color:white;font-weight:bold;margin:0 0 .15rem}
.index_search .title p{font-size:.2rem;color:white;font-weight:bold;padding:.25rem 0 .5rem}
.index_search .search{width:18%;text-align:center}
.index_search .search input{height:.5rem;line-height:.5rem;background:none;;border:0;border-bottom:2px solid #b3d0d6;font-size:.16rem;color:white;box-shadow:none;border-radius:0}
.index_search .search input::placeholder{color:white}
.index_search .search button{margin:.65rem 0 0;height:.5rem;line-height:.5rem;background:none;font-size:.16rem;color:white;border-radius:5px;border:2px solid white;width:1.95rem}
.index_search .search button:hover{background:white;color:black}
.product header{background:#000;}
.product .page_nav{position:fixed;width:100%;left:0;background: #e8ebec;top: .9rem;line-height: .6rem;z-index: 2;}
.product .page_nav>div{display:flex;flex-direction: row;justify-content: space-between;}
.product .page_nav>div>div{display:flex;font-size: .16rem;color: #000000;}
.product .page_nav .position a{margin:0 .05rem;}
.product .page_nav .position a:first-child{margin-left:0}
.product .page_nav .nav a{margin-left:.35rem}
.product .page_nav>div>div a:hover{color:#e62129;}
/***** Header End *****/


.tem_banner{position:relative;width: 100%;margin: 0 auto;}
.tem_banner.index .txt{position:absolute;;bottom:1.9rem;left:1.6rem;;z-index:2;text-align:left}

.tem_banner.index .txt  p{font-size:.48rem;display: block;color:white;opacity:0;transform:translateY(30px)}
.tem_banner.index .swiper-slide-active .txt  p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}


.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background: #c40001;border-color: #c40001;}

.tem_banner.indise .flash{font-size:0;position: relative;}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 0;left:0;width:100%;height: 100%;text-align: center;z-index: 1;color:#fff;display: flex;align-items: center;}
.tem_banner.indise .txt .title{width:100%;text-align:left;}
.tem_banner.indise .txt .title>*{text-transform:uppercase;text-shadow:1px 1px 4px #000;}
.tem_banner.indise .txt .title h2{font-size:.48rem;color:#fff;font-family: 'BodoniBT';}
.tem_banner.indise .txt .title p{font-size:.18rem;color:#fff;font-family:'arial';display:block;width:40%;margin-top:.3rem;line-height:1.6}

.index_nav{padding:.7rem 0;}
.index_nav .title{text-align:center;margin-bottom:.5rem;}
.index_nav .title h2{font-size:.36rem;color:#da261d;text-transform:uppercase;display:block;margin-bottom:.05rem}
.index_nav .title p{font-size:.16rem;color:#505050;}
.index_nav .list{width:100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.index_nav .list .item{background-color: #fff;width: 24%;height: 2.6rem;position: relative;background-size: .94rem;}
.index_nav .list .i2{background:#f4f9fc;background-size: .76rem;}
.index_nav .list .i3{background:#fbf7f1;background-size: .85rem;}
.index_nav .list .i4{background:#f8fcf4;background-size: .65rem;}
.index_nav .list .item a{display:block;height:100%;box-shadow:1px 1px 15px #ddd}
.index_nav .list .item .txt{font-size:.2rem;color:#3b3b3b;position:absolute;left:0;bottom: .2rem;width:100%;text-align:center;padding: 0 .2rem;}
.index_nav .list .item .txt h2{display:inline-block;padding-right: .3rem;position: relative;}
.index_nav .list .item .txt h2:after{position:absolute;right: .1rem;top: 50%;background: url(../images/jt.png) no-repeat right center;content:'';width: .18rem;height: .09rem;transform: translateY(-50%);background-size: 100%;opacity: 0;transition:.36s;}
.index_nav .list .item:hover{transform: translateY(.2rem);}
.index_nav .list .item a:hover h2{color:#da261d;}
.index_nav .list .item a:hover{box-shadow:1px 1px 15px #bbb}
.index_nav .list .item a:hover .txt h2:after{right:0;opacity:1;transition:.36s;}

.index_product{width:100%;display: flex;border-top: 1px solid #ddd;flex-wrap: wrap;}
.index_product .box{width:50%;display: flex;}
.index_product .box>div{width:50%;}
.index_product .box .list{display:flex;flex-direction: column;justify-content: space-between;}
.index_product .box .list .item{display: flex;align-items: center;width: 100%;}
.index_product .box .list .item:first-child{border-bottom:1px solid #ddd}
.index_product .box .list a .txt{padding-right: .3rem;}
.index_product .box .list a:hover img{transform:scale(1.1)}
.index_product .box .list .txt h2{font-size:.16rem;color:#2d2c2c;display: block;margin-bottom: .2rem;white-space: nowrap;}
.index_product .box .list .txt p{font-size:.18rem;display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;border:1px solid #2d2c2c;text-align:center;border-radius:.03rem;color:#2d2c2c;}
.index_product .box .list a:hover .txt p{color:#e62129;border:1px solid #e62129}
/***** Web Page *****/
.page_about{width:100%;overflow:hidden;}
.page_about .item1{padding: .75rem 0 1.5rem;text-align: center;}
.page_about .item1 .title{margin-bottom: .5rem;}
.page_about .item1 .title>*{color:#171717;line-height:1.3}
.page_about .item1 .title h2{font-size:.36rem;}
.page_about .item1 .title p{font-size:.3rem;}
.page_about .item1 .con{font-size:.16rem;color:#4d4d4d;line-height: 2;width: 85%;margin: 0 auto;}
.page_about .item2{position:relative;display:flex;background:#f3f3f3;align-content: center;}

.page_about .item2>div{width: 50%;}
.page_about .item2 .txt{display:flex;justify-content: center;align-items: center;padding: 0 1rem 0 .6rem;}
.page_about .item2 .txt .title{margin-bottom: .5rem;}
.page_about .item2 .txt .title h2{color:#171717;font-family: 'BodoniBT';font-size:.36rem;}
.page_about .item2 .txt .con{font-size:.16rem;color:#4d4d4d;line-height: 2;}
.page_about .common .con{padding: .95rem 0 1.05rem;}
.page_about .common .con p{display:block;padding:0 1rem;margin:0 auto;text-align:center;font-size: .16rem;color: #4d4d4d;line-height: 2;}

.page_about .item5{padding:.7rem 0 1.2rem;}
.page_about .item5.it1 {background:#f3f3f3}
.page_about .item5 .title{margin-bottom:.45rem;}
.page_about .item5 .title h2{text-align:center;font-size:.36rem;color:#171717;font-family: 'BodoniBT';}

.page_about .item5.it1 ol {margin:0 0 .45rem;text-align:center}
.page_about .item5.it1 ol li {display:inline-block;margin:0 .15rem;}
.page_about .item5.it1 ol li a{display:block;border:1px solid #878787;padding:0 .3rem;font-size:.16rem;color:#333;line-height:.4rem;}
.page_about .item5.it1 ol li#current a{background:#2961ce;color:#FFF;border-color:#2961ce}
.page_about .item5.it1 .swiper-slide a{display:block;position:relative;background:#FFF;padding:0 .15rem .15rem;}
.page_about .item5.it1 .swiper-slide .imgs {height:3.65rem;line-height:3.65rem;text-align:center}
.page_about .item5.it1 .swiper-slide .imgs img {max-height:3.2rem;transition:none}
.page_about .item5.it1 .swiper-slide p{font-size:.16rem;color:#222;text-align:center;margin:.15rem 0 0}
.page_about .item5.it1 .swiper-slide a:hover .imgs {transform:scale(.95);}

.page_about .item5 .button{margin-top:.55rem;text-align: center;font-size: 0;}
.page_about .item5 .button .box{position:relative;display: inline-block;}
.page_about .item5 .button span {width: .35rem;height: .35rem;line-height: .35rem;color: #2d2d2d;font-size: .16rem;border: 1px solid #2d2d2d;border-radius: 100%;background: #fff;opacity: 1;}
.page_about .item5 .button .paginations span{margin:0 .05rem;}
.page_about .item5 .button span.swiper-pagination-bullet-active{color:#e62129;border:1px solid #e62129;}
.page_about .item5 .button span.swiper-button-disabled{color:#e62129;border:1px solid #e62129;}
.page_about .item5 .button .navigations{position:absolute;width: 100%;top: 0;left: 0;}
.page_about .item5 .button .navigations span{position:absolute;}
.page_about .item5 .button .navigations .left {left:-.4rem;}
.page_about .item5 .button .navigations .right {right:-.4rem;}
/**/
.history {padding:.65rem 0}
.history h3 {text-align: center;  font-size: .36rem;  color: #171717;  font-family: 'BodoniBT';}
.history   .mains{margin:.6rem 0 0;background:#f9f9f9;padding:.5rem .4rem;}
.history   .mains .tits {display: flex;
  padding-bottom: .48rem;
  border-bottom: 3px solid #c4c4c4;
  margin-bottom: .32rem;}
.history   .mains .tits>div {
  flex: 1;
  border-right: 1px solid #bfbfbf;

  font-size: .38rem;
  text-align: center;
  line-height: .64rem;
  cursor: pointer;

  padding: .16rem 0;
  max-width: 25%;
}
.history   .mains .tits h4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  line-height: .51rem;
  padding: 0 5%;
}
.history   .mains .tits p {
  display: block;
  font-size: .19rem;line-height:normal;
}
.history   .mains .tits>div#current {background: #f0297b;  color: #ffffff;}
.history   .mains h5 {
  font-size: .48rem;
  color: #333333;
  margin-bottom: .24rem;}
.history   .mains  .editor {font-size:.16rem;color:#666;height:6rem;overflow:hidden}
.history .mains .editor,.history .mains .editor * {transition:none;}
/**/

.page_productbox{margin-bottom: 2rem;}
.page_productbox .item{padding-top:1rem;text-align:center;}
.page_productbox .item .title{margin-bottom:.5rem;}
.page_productbox .item .title h2{font-size:.48rem;font-family: 'BodoniBT';}
.page_productbox .item .title a{font-size:.18rem;color:#797979;display:inline-block;padding: .1rem .3rem 0;margin-top: .2rem;border-top: 1px solid #2b2b2b;}
.page_productbox .item .title a:hover{color:#e62129;}
.page_productbox .item .img:hover img{transform:scale(1.1)}

.page_product{padding: 2rem 0 1rem;}
.page_product .title{text-align:center;margin-bottom: .2rem;}
.page_product .title h2{font-size: .48rem;color: #000;font-family: 'BodoniBT';}
.page_product .list{width:100%;display:flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;}
.page_product .list>div{width: 33.333%;padding:0 .15rem;}
.page_product .list a:hover .img img{transform:scale(1.1)}
.page_product .list a p{text-align:center;font-size:.16rem;color:#252525;display: block;margin-bottom: .4rem;}
.page_product .list a:hover p{color:#e62129;}

.show_product{padding-top: 2.3rem;}
.show_product .top{width: 100%;}
.show_product .top>div{display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.show_product .top .title{width: 20%;}
.show_product .top .title h2{font-size: .36rem;color: #000000;}
.show_product .top .title p{font-size:.14rem;color:#686868;text-transform:uppercase;display:block;margin:.1rem 0 .45rem;letter-spacing: .02rem;}
.show_product .top .title i{padding-bottom: .02rem;display:inline-block;padding-right: .5rem;background: url(../images/black.png) no-repeat right center;background-size: .25rem;}
.show_product .top .title a{font-size:.18rem;color:#2e2d2d;font-weight:bold;font-style: italic;display: inline-block;border-bottom: 1px solid #2e2d2d;}
.show_product .top .title a:hover{color:#e62129;border-bottom: 1px solid #e62129;}
.show_product .top .bigimg{width: 65%;padding: 0 .5rem;}
.show_product .top .thumbs{width: 15%;}
.show_product .top .thumbs .swiper-container{height:6rem}
.show_product .top .thumbs>div{}
.show_product .min{width: 100%;}
.show_product .min .title{background:#fff;font-size:0;}
.show_product .min .title h2{background:#f3f5f5;display:inline-block;padding: .25rem .6rem;font-size: .2rem;text-transform: capitalize;font-family: 'BodoniBT';}
.show_product .min .con{background:#f3f5f5;padding: .8rem 0 1.3rem;text-align: center;}
.show_product .min .con p{display:block;width:50%;text-align:left;line-height:2;font-size:.16rem;font-style:italic}
.show_product .bot{padding:.75rem 0 1rem;text-align:left;}
.show_product .bot .title{margin-bottom:.45rem;}
.show_product .bot .title h2{font-size: .2rem;text-transform: capitalize;font-family: 'BodoniBT';}
.show_product .bot .con{width:100%;font-size:.16rem;line-height:2;}

.page_news{width:100%;}
.page_news .title{margin-bottom:.5rem;text-align:center;}
.page_news .title h2{font-size:.36rem;color:#383838;text-transform:uppercase;}
.page_news .item1{background:#f8f8f8;padding:.55rem 0 1rem}
.page_news .item1 .swiper-slide a{display:block;background:#FFF}
.page_news .item1 .swiper-slide img {width:100%;height:3rem;object-fit:cover;transition:none}
.page_news .item1 .swiper-slide .text {padding:.6rem .25rem;}
.page_news .item1 .swiper-slide .text h4{font-size:.2rem;color:#000}
.page_news .item1 .swiper-slide .text p{font-size:.16rem;color:#272727;line-height:.26rem;height:.78rem;overflow:hidden;margin:.3rem 0}
.page_news .item1 .swiper-slide .text em {display:inline-block;background:#2961ce;font-size:.16rem;color:#FFF;padding:0 .3rem;border-radius:5px;line-height:.5rem;}
.page_news .item1 .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}


.page_news  .button{margin-top:.55rem;text-align: center;font-size: 0;}
.page_news  .button .box{position:relative;display: inline-block;}
.page_news  .button span {width: .35rem;height: .35rem;line-height: .35rem;color: #2d2d2d;font-size: .16rem;border: 1px solid #2d2d2d;border-radius: 100%;background: #fff;opacity: 1;}
.page_news  .button .paginations span{margin:0 .05rem;}
.page_news  .button span.swiper-pagination-bullet-active{color:#e62129;border:1px solid #e62129;}
.page_news  .button span.swiper-button-disabled{color:#e62129;border:1px solid #e62129;}
.page_news  .button .navigations{position:absolute;width: 100%;top: 0;left: 0;}
.page_news  .button .navigations span{position:absolute;}
.page_news  .button .navigations .left {left:-.4rem;}
.page_news  .button .navigations .right {right:-.4rem;}

.page_news .item2{padding: .7rem 0;}
.page_news .item2 .swiper-slide a{display:block;background:#FFF}
.page_news .item2 .swiper-slide img {width:100%;height:3rem;object-fit:cover;transition:none}
.page_news .item2 .swiper-slide .text {padding:.6rem .25rem;}
.page_news .item2 .swiper-slide .text h4{font-size:.2rem;color:#000}
.page_news .item2 .swiper-slide .text p{font-size:.16rem;color:#272727;line-height:.26rem;height:.78rem;overflow:hidden;margin:.3rem 0}
.page_news .item2 .swiper-slide .text em {display:inline-block;background:#2961ce;font-size:.16rem;color:#FFF;padding:0 .3rem;border-radius:5px;line-height:.5rem;}
.page_news .item2 .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}


.show_news {padding: .6rem 0 1rem;}
.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}
.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}

.editor{padding:.1rem 0;line-height:1.8}
.editor table tr{border-top:1px solid #555;border-left:1px solid #555}
.editor table tr{border-bottom:1px solid #555}
.editor table tr td{border-right:1px solid #555}

.page_contact{width: 100%;background: #f8f8f8;padding: .8rem 0 1.5rem;}
.page_contact .box{background:#fff;}
.page_contact .box>div{padding:.7rem;}
.page_contact .contact{border-bottom:1px solid #ddd;display:flex;}
.page_contact .contact>div{width:50%;}
.page_contact .contact .left{padding-right:.5rem;}
.page_contact .contact .title{font-size:.36rem;color:#1b1b1b;text-transform:uppercase;font-family: 'BodoniBT';margin:0 0 .2rem}
.page_contact .contact .name{font-size:.24rem;color:#db261d;margin: ;}
.page_contact .contact .subtitle{font-size:.3rem;color:#282828;margin-bottom: .3rem;}
.page_contact .contact .con{font-size:.16rem;color:#424242;line-height:1.6}
.page_contact .contact .right{border:1px solid #ddd}
.page_contact .message .title{text-align:left;}
.page_contact .message .title h2{font-size:.36rem;color:#1b1b1b;text-transform:uppercase;font-family: 'BodoniBT';}
.page_contact .message .title p{font-size:.24rem;color:#282828;font-family: 'BodoniBT';display:block;margin-top:.35rem}
.page_contact .message .list{width: 70%;}
.page_contact .message .list form{display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.page_contact .message .list form>div{margin-top:.25rem;}
.page_contact .message .list .input{width:48%}
.page_contact .message .list .textarea{width:100%;}
.page_contact .message .list .textarea textarea{background:#f3f3f3;border:none;padding:.15rem;height:1.6rem;width:100%;font-size: .16rem;color: #333;font-family: 'arial';}
.page_contact .message .list .button{width:100%;font-size:0;}
.page_contact .message .list .button button{display:inline-block;font-size:.14rem;background:#db261d;border:none;color:#fff;line-height:.5rem;padding: 0 .7rem;text-transform:uppercase;}
.page_contact .message .list .button button:hover{background:#555;}
.page_contact .message .list .input>*{display: block;width: 100%;background: #f3f3f3;border: none;padding: 0 .15rem;line-height: .5rem;font-size: .16rem;color: #333;font-family: 'arial';}

footer{width: 100%;padding: .85rem 0 0.5rem;;}
footer .top{border-top: 3px solid #090b17;display:flex;justify-content: space-between;padding:.85rem  0 .5rem}
footer .top  .logo{width:13%}
footer .top  .fot_nav {display:flex;width:48%}
footer .top  .fot_nav  dl{margin-right:.84rem}
footer .top  .fot_nav  dl dt{margin:0 0 .2rem}
footer .top  .fot_nav  dl dt a{font-size:.16rem;color:#262626;font-weight:bold}
footer .top  .fot_nav  dl dd{margin:0 0 .15rem}
footer .top  .fot_nav  dl dd:last-child{margin:0}
footer .top  .fot_nav  dl dd a{font-size:.14rem;color:#5e5e5e;font-weight:bold}
footer .top  .right{width:20.5%}
footer .top  .right ul li{margin:0 0 .4rem;}
footer .top  .right ul li:last-child{margin:0}
footer .top  .right ul li p{position:relative;font-size:.14rem;color:#5e5e5e;margin:0 0 .1rem;padding-left:.35rem;position:relative}
footer .top  .right ul li h2{font-size:.16rem;color:#3377fe;padding-left:.35rem;}
footer .top  .right ul li:nth-child(1) p:after{content:"";position:absolute;background:url(../images/15.png)  0 0 no-repeat;width:.24rem;height:.2rem;background-size:100%;left:0;top:50%;transform:translateY(-50%) }
footer .top  .right ul li:nth-child(2) p:after{content:"";position:absolute;background:url(../images/16.png)  0 0 no-repeat;width:.23rem;height:.23rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);left:0;top:50%;transform:translateY(-50%)  }
footer .top  .right ul li:nth-child(3) p:after{content:"";position:absolute;background:url(../images/17.png)  0 0 no-repeat;width:.26rem;height:.18rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)  }
footer .bot p{font-size:.14rem;color:#5e5e5e}
/**/
/********<=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: #3377fe;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #555;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: #c40001;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 .navs ul li{margin-left:.5rem}
	.index_pro .imglist .text{height:5rem}
}

@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;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
	.index_nav .list .item{width:49%;margin-bottom:.3rem;}
	.index_product .box{width:100%;margin-bottom: .3rem;}
	.index_product .box .list{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
    .tem_banner.indise .txt .title p{width:100%;}
    .page_about .item2{align-items: center;}
    .page_about .item2 .txt{padding:.3rem}
    .page_about .common .con p{padding:0}
    .product .page_nav{top:60px;}
    .product .page_nav>div{display:block;}
    .product .page_nav .position{display:none;}
    .product .page_nav .nav a{margin:0 .2rem 0 0}
    .show_product .min .con p{width:100%;}
    .page_contact .contact{display:block;}
    .page_contact .box>div{padding:.3rem}
    .page_contact .contact>div{width:100%;}
    .page_contact .contact .left{padding:0 0 .3rem 0}
    .page_contact .message .list{width:100%}
}

/********mobile*********/
@media(max-width:767px){
	.tem_banner.index .txt{left:.4rem;bottom:1.5rem}
	.tem_banner .mouse{right:.5rem}
    .tem_banner.index .txt p{font-size:.4rem}
 
    .index_pro .imglist .text .infos{width:100%}
    .index_pro .imglist .text {padding:0 .7rem}
    .index_about .bot .infos ul li{width:100%}
    .index_about .bot .infos ul{display:inherit}
    .index_about .bot .title{padding:.23rem 0 .2rem}
    .index_search .search{width:70%}
    footer .top .fot_nav{display:none}
    footer .top .logo{display:none}
    footer .top .right{width:100%}

}