/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);height:1rem;line-height:1rem}
header .w1400{display:flex;justify-content: space-between;}
header .nav_list {width:55%}
header .nav_list ul{display:flex;justify-content: space-between;}
header .nav_list ul li{}
header .nav_list ul li a{font-size:.15rem;color:black;position:relative;}
header .nav_list ul li.active a:after{width:100%;}
header .nav_list ul li a:after{content:"";position:absolute;bottom:0;left:auto;right:0;background:#686d81;height:3px;width:0;transition:width 0.5s ease;}
header .nav_list ul li a:hover:after{width:100%;transition:.6s;right:auto;left:0;}
header .right{width:10%;display:flex;justify-content: flex-end;}
header .right .search{width: 25%;display:flex;flex-wrap: wrap;align-content: center;position:relative}
header .right .search:after{content:"";position:absolute;background:#8e8f91;height:.15rem;width:2px;right:0;top:50%;transform:translateY(-50%);}

header .right .search a{width:.22rem;height:.22rem;background:url(/public/common/images/search.png) center no-repeat;background-size:100%;}
header .right .langs {width:30%;text-align:center}
header .right .langs a{display:initial;color:black;font-size:.16rem}

.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:45%}
.tem_banner .flash .txt h1{font-size:.6rem;font-weight:bold}
.tem_banner .flash .txt  p{font-size:.15rem;font-weight:bold;padding:.3rem 0 0}
.tem_banner .flash .banner_nav{box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2)}
.tem_banner .flash .banner_nav ul{display:flex;justify-content: center;}
.tem_banner .flash .banner_nav ul li{width:25%;text-align:center}
.tem_banner .flash .banner_nav ul li.active a{background:#686d81;color:white}
.tem_banner .flash .banner_nav ul li a{padding:.2rem  0;border:1px solid #d0d0d0;margin-left:-1px;font-size:.16rem;color:black}
.tem_banner .flash .banner_nav ul li a:hover{background:#686d81;color:white}
.company .top {background:url(/public/common/images/companybg.jpg) no-repeat;background-size:cover;}
.company .top>div{padding:0 0 1.5rem}
.company .top .title{padding:.91rem  0 .86rem}
.company .top .title h1{font-size:.23rem;font-weight:bold;color:black}
.company .top .title h1 em{font-size:.8rem;margin:0 .3rem 0 0}
.company .top .content p{color:black;line-height:.3rem;font-size:.15rem}
.company .bot{position:relative}
.company .bot .text{position:absolute;text-align:center;left:50%;transform:translateX(-50%);top:30%}
.company .bot .text h1{color:white;font-size:.25rem}
.company .bot .text p{color:white;font-size:1rem;font-weight:bold}
footer .top{padding:2rem 0  1.6rem;background:#f7f7f7;position:relative}
footer .top:after{content:"";position:absolute;background:white;width:5px;height:100%;left:50%;top:0;transform:translateX(-50%)}
footer .top>div{display:flex;justify-content: space-between;}
footer .top .left{width:40%}
footer .top .left h1{font-size:.17rem;color:black;font-weight:bold;text-transform:uppercase;padding:0 0 .35rem}
footer .top .left  .con{padding:0 0 .5rem}
footer .top .left  .con p{line-height:.25rem;color:#303030;font-size:.15rem}
footer .top .left  .infos ul li{color:#8a8a8a;font-size:.15rem;margin:0 0 .1rem}
footer .top .left  .infos ul li i{font-size:.15rem;}
footer .top .right{width:40%}
footer .top .right .fot_nav{display:flex;justify-content: space-between;}
footer .top .right .fot_nav dl dt{font-size:.16rem;color:black;font-weight:bold;margin:0 0 .15rem}
footer .top .right .fot_nav dl dd a{font-size:.14rem;margin:0 0 .05rem;color:black}
footer .top .right .weixin{display:flex;justify-content: flex-end;}
footer .top .right .weixin .imgs{text-align:center;margin:0 0 0 .1rem;width:25%}
footer .top .right .weixin .imgs p{margin:.1rem 0 0;font-size:.14rem;color:black}
footer .bot{text-align:center;padding:.55rem 0 .44rem;background:#686d81}
footer .bot p{color:white;font-size:.15rem}
footer .bot{display:flex;justify-content: center;}
footer .bot>*{color:white;font-size:.15rem;margin:0 .2rem}
.culture>div{padding:0 0 1.3rem}
.culture .title{padding:1rem 0 .9rem;text-align:center}
.culture .title h1{text-transform:uppercase;font-size:1rem;font-weight:bold;color:#ededef}
.culture  .content{text-align:center}
.culture  .content p{font-size:.15rem;padding:0 0 .3rem;font-weight:bold}
.honor{background:#fafafa}
.honor>div{padding:.7rem  0 1.4rem}
.honor .lists .items{padding:.1rem}
.honor .lists  a{padding:.47rem .2rem .37rem;background:white;border:1px solid  #eeeeee }
.honor .lists  a h6{margin:.67rem 0  0;font-size:.15rem;font-weight:bold;position:relative;color:black}
.honor .lists  a h6:after{content:"\f00e";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.18rem;right:0;top:50%;transform:translateY(-50%);transition:.6s;color:#696e81}
.honor .lists  a:hover{ box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3)}
.honor .lists  a:hover img{transform:scale(1.1)}
.honor .lists  a:hover h6:after{right:.1rem;transition:.6s}
.honor .lists .slide-pagination{text-align:center;padding:.75rem 0 0}
.honor .lists .slide-pagination span{width:.32rem;height:.32rem;line-height:.32rem;border-radius:10%;background:#e6e6e6;color:black;opacity:1;margin:0 .05rem}
.honor .lists .slide-pagination .swiper-pagination-bullet-active{background:#686d81;color:white}
.development .title {padding:1rem 0 .95rem;text-align:center}
.development .title  h1{text-transform:uppercase;font-size:1rem;font-weight:bold;color:#ededef}
.development  .content{display:flex;justify-content: space-between;}
.development  .content .left{width:70%;display:flex;flex-direction: column;text-align:center;justify-content: space-between;}
.development  .content .left .top{display:flex;justify-content: space-between;height:49%}
.development  .content .left .top>div{width:49.5%;}
.development  .content  .left .items{display:flex;flex-direction: column;justify-content: center;padding:0 .5rem}
.development  .content  .left .items h1{font-weight:bold;padding:0 0 .35rem;font-size:.2rem;color:black}
.development  .content  .left .items p{font-size:.15rem;color:black}
.development  .content  .left .items1 h1,.development  .content  .left .items4 h1{color:white;}
.development  .content  .left .items1 p,.development  .content  .left .items4 p{color:white;}
.development  .content  .left .items1,.development  .content  .left .items4{background:#b0c49a}
.development  .content .left .bot{display:flex;justify-content: space-between;height:49%}
.development  .content .left .bot>div{width:49.5%}
.development  .content .right{width:29%;height:7rem;display:flex;flex-direction: column;justify-content: center;text-align:center;padding:0 1rem;background:url(/public/common/images/developmentbg.jpg) no-repeat;background-size:cover;}
.development  .content .left  .items{border:1px solid  #e5e5e5}
.development  .content .right .items5 h1{font-weight:bold;padding:0 0 .35rem;font-size:.2rem;color:black}
.development  .content .right .items5 p{font-size:.15rem;color:black;line-height:.25rem}
.product_list{position:relative}
.product_list>div{padding:.8rem 0  1.24rem;}
.product_list .lists {position:relative}
.product_list .lists .items{padding:0 .25rem;margin:0 0 .5rem}
.product_list .lists .items a{padding:.09rem;border:1px solid #cccccc}
.product_list .lists .items  a .text{padding:.3rem .05rem .2rem;font-size:0;}
.product_list .lists .items  a .text>*{display:inline-block}
.product_list .lists .items  a .text h1{font-weight:bold;font-size:.16rem;color:black;width:55%}
.product_list .lists .items  a .text p{width:45%;font-size:.15rem;color:#727789;text-align:right;position:relative}
.product_list .lists .items  a .text p:after{position:absolute;background:url(/public/common/images/jt.png) no-repeat;width:.6rem;height:.05rem;content:"";left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.product_list .lists .items  a:hover img{transform:scale(1.1)}
.product_list .lists .items  a:hover .text p:after{left:.2rem;transition:.6s}
.product_list:after{position:absolute;content:"";background:url(/public/common/images/kqt.png) no-repeat;width:2.3rem;height:6.96rem;background-size:100%;right:0;top:50%;transform:translateY(-50%);z-index:-1}
.product_list .met_pager{text-align:center;padding:.3rem 0 0}
 .met_pager>*{display:inline-block;width:.32rem;height:.32rem;line-height:.32rem;border-radius:10%;background:#e6e6e6;color:black;opacity:1;margin:0 .05rem;border:1px solid #cccccc;}
 .met_pager a:first-child{width:auto;padding:0 .1rem}
 .met_pager a:last-child{width:auto;padding:0 .1rem}
 .met_pager a.null{display:none}
 .met_pager a:hover{background:#686d81;color:white}
 .met_pager a.page-num-current{background:#686d81;color:white}
.product .top{padding:1.1rem 0 .4rem;position:relative}
.product .top:after{position:absolute;content:"";background:url(/public/common/images/kqt.png) no-repeat;width:2.3rem;height:6.96rem;background-size:100%;right:0;top:50%;transform:translateY(-50%);z-index:-1}
.product .top>div{display:flex;justify-content: space-between;}
.product .top .left{width:60%;padding:.17rem;border:1px solid #cccccc;display:flex;justify-content: space-between;}
.product .top  .left .imglist{width:21%;padding:.2rem  0}
.product .top  .left .sm_list{width:76%;}
.product .top  .left .imglist .swiper-container{height:5.8rem;}
.product .top  .left .imglist .img{border:2px solid #c9c9c9}
.product .top  .left .imglist .swiper-slide-thumb-active .img{border:2px solid #686d81}
.product .top .right{width:38%}
.product .top .right h1{font-size:.35rem;font-weight:bold;padding:.2rem  0 0;color:black}
.product .top .right h2{font-size:.3rem;font-weight:bold;color:#686d81;padding:.28rem 0 }
.product .top .right .more a{display:inline-block;padding:.15rem .18rem .15rem .5rem;background:#686d81;color:white;font-size:.16rem;letter-spacing:3px;position:relative}
.product .top .right .more a:after{position:absolute;content:"";background:url(/public/common/images/contact.png) no-repeat;width:.17rem;height:.17rem;background-size:100%;left:15%;top:50%;transform:translateY(-50%)}
.product .top .right  .infos {padding:.35rem 0 0}
.product .top .right  .infos  p{font-size:.15rem;line-height:.25rem;color:black}
.product  .pro_recommend{background:#faf8f8;padding:0 0 1.2rem;position:relative}
.product  .pro_recommend:after{content:"";position:absolute;background:white;bottom:0;left:0;width:100%;height:5px}
.product  .pro_recommend .title{padding:.4rem 0 .41rem 3rem}
.product  .pro_recommend .title h1{text-transform:uppercase;font-weight:bold;color:#686d81;font-size:.18rem;padding:0 0 .15rem}
.product  .pro_recommend .title p{font-size:.23rem;font-weight:bold;color:black}
.product  .pro_recommend  .lists a{position:relative}
.product  .pro_recommend  .lists a .text{position:absolute;bottom:0;width:100%;left:0;text-align:center;transform:translateY(.8rem)}
.product  .pro_recommend  .lists a .text h1{font-size:.15rem;color:white;padding:.31rem 0;background:rgba(104,109,129,.44)}
.product  .pro_recommend  .lists a:hover .text{transform:translateY(0)}
.product  .pro_recommend  .lists a:hover img{transform:scale(1.1)}
.product  .pro_recommend  .lists  .slide-button-prev{position:absolute;top:50%;transform:translateY(-50%);left:.4rem;width:.41rem;height:.66rem;line-height:.66rem;text-align:center;color:white;font-size:.3rem;background:rgba(0,0,0,.5);z-index:2}
.product  .pro_recommend  .lists  .slide-button-next {position:absolute;top:50%;transform:translateY(-50%);right:.4rem;width:.41rem;height:.66rem;line-height:.66rem;text-align:center;color:white;font-size:.3rem;background:rgba(0,0,0,.5);z-index:2}
.companynews>div{padding:.74rem 0  .9rem}
.companynews .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.companynews .lists:after{content:"";width:30%}
.companynews .lists .items{width:30%;margin:0 0 .8rem}
.companynews .lists .items  a{position:relative}
.companynews .lists .items .text{padding:.17rem 0 0 .1rem  }
.companynews .lists .items .text h1{font-size:.16rem;font-weight:bold;color:black;}
.companynews .lists .items .text p{font-size:.15rem;color:#292929;line-height:.25rem;margin:.13rem 0 .2rem}
.companynews .lists .items .text em{display:inline-block;color:black;font-size:.16rem;padding:0 0 0 .8rem;position:relative}
.companynews .lists .items .text em:after{position:absolute;background:url(/public/common/images/jt.png) no-repeat;width:.6rem;height:.05rem;content:"";left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.companynews .lists .items a:hover em:after{left:.2rem;transition:.6s}
.companynews .lists .items  a span{position:absolute;writing-mode:vertical-rl;right:-.3rem;top:0;font-size:.13rem;color:black;font-weight:bold}
.companynews .lists .items  a:hover img{transform:scale(1.1)}
.companynews .met_pager{text-align:center;padding:.3rem 0 0}
.industrynews>div{padding:.56rem .44rem 1.17rem}
.industrynews>div .lists a{display:flex;padding:.5rem 1rem .5rem .7rem;justify-content: space-between;}
.industrynews>div .lists  a .img{width:17%;padding:.1rem;border:1px solid  #dcdcdc;border-radius:5%}
.industrynews>div .lists  a  .text{width:79%}
.industrynews>div .lists  a  .text h1{font-weight:bold;font-size:.15rem;margin:.1rem 0;color:black}
.industrynews>div .lists  a  .text span{font-size:.13rem;color:black;font-weight:bold}
.industrynews>div .lists  a  .text p{color:black;margin:.12rem 0 0;font-size:.14rem;line-height:.25rem}
.industrynews>div .lists  a  .text em{display:inline-block;margin-top:.5rem;color:#74788a;font-size:.15rem;padding:0 0 0 .8rem;position:relative}
.industrynews>div .lists  a  .text em:after{position:absolute;background:url(/public/common/images/jt.png) no-repeat;width:.6rem;height:.05rem;content:"";left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.industrynews>div .lists  a:hover em:after{left:.15rem;transition:.6s}  
.industrynews>div .lists  a:hover img{transform:scale(1.1)}
.industrynews>div .lists  a:hover{background:#f3f3f3}
.industrynews>div  .met_pager{text-align:center;padding:.6rem 0 0}
.project>div{padding:.56rem 0 1rem}
.project .items{padding:.18rem .12rem;}
.project .items a{position:relative;overflow:hidden}
.project .items .text>*{display:inline-block}
.project .items .text {padding:.23rem .2rem;position:absolute;bottom:0;left:0;width:100%;font-size:0;background:rgba(104,109,129,.71);transform:translateY(.7rem)}
.project .items .text h1{font-size:.15rem;color:white;width:55%}
.project .items .text  em{font-size:.15rem;color:white;width:45%;text-align:right;position:relative}
.project .items .text  em:after{position:absolute;background:url(/public/common/images/jt_white.png) no-repeat;width:.6rem;height:.05rem;content:"";left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.project .items a:hover .text{transform:translateY(0)}
.project .items a:hover em:after{left:.25rem;transition:1s}  
.project .met_pager{text-align:center;padding:.45rem 0 0}
.project_con>div{padding:.83rem 0 1.38rem;display:flex;justify-content: space-between;}
.project_con .imglist{width:38%}
.project_con .right{width:58%;display:flex;flex-wrap: wrap;align-content: space-between;}
.project_con .right .top h1{font-size:.23rem;font-weight:bold;padding:.25rem 0 .14rem;border-bottom:2px solid #e5e5e5;margin:0 0 .2rem}
.project_con .right .top  p{font-size:.15rem;line-height:.25rem}
.project_con .right .sm_list{width:100%}
.contact{padding:.67rem 0 1.4rem;overflow:hidden}
.contact>div{border-top:1px solid #535353;position:relative}
.contact h1{font-size:.5rem;color:black;padding:.35rem 0 }
.contact  ul{padding:0 0 .5rem}
.contact  ul li {font-size:.15rem;color:#4e4e4e;margin:0 0 .1rem}
.contact #container{height:4.7rem}
.contact>div:after{content:"";position:absolute;right:-1.1rem;background:url(/public/common/images/contactus.png) no-repeat;width:.87rem;height:7.3rem;bottom:0;background-size:100%}
.message>div{padding:0 0 1.3rem}
.message  h1{padding:.65rem 0 .7rem;font-size:1rem;text-transform:uppercase;font-weight:bold;color:#e8e9ec;letter-spacing:10px}
.message  .form{}
.message  .form .top{display:flex;justify-content: space-between;}
.message  .form .top .input{width:31%}
.message  .form  p{font-size:.16rem;padding: 0 0 .2rem;font-weight:bold}
.message  .form .top .input input{width:100%;padding: .2rem;;border:1px solid black}
.message  .form .bot {padding:.6rem 0 }
.message  .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;border:1px solid black}
.message  .form .button{}
.message  .form .button input{padding:.15rem .5rem;background:#686d81;border:0;color:white;font-size:.13rem}

.tem_banner .slide-pagination{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index:2;}
.tem_banner .slide-pagination span{width:.11rem;height:.11rem;border-radius:100%;opacity:1;background:white;margin:0 .05rem}
.tem_banner .slide-pagination .swiper-pagination-bullet-active{width:.13rem;height:.13rem;transition:.3s}
.tem_banner  .swiper-page>div{position:absolute;width:.45rem;height:.45rem;border-radius:100%;line-height:.45rem;text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:50%;left:2.6rem;background:#b2b6be;transform:translateY(-50%);}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:2.6rem}
.tem_banner .label_txt{position:absolute;z-index:2;bottom:0;text-align:left;right:29%;top:52%;transform:translateY(-50%)}
.tem_banner .label_txt h1{color:black;font-family:"BodoniBT";font-size:1rem;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .label_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .label_txt p{font-size:.16rem;color:black;font-weight:bold;padding:.2rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .label_txt p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .label_txt a{font-size:.14rem;color:white;margin:.58rem 0 0;text-transform:uppercase;background:black;padding:.1rem;position:relative;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .label_txt a{transition-delay:.8s;transform:none;opacity:1;}
.tem_banner .label_txt a:after{ content: "\f0da";;position:absolute;font:normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);right:23%;font-size:.2rem}
.index_classification{background-repeat:no-repeat;background-position:center center;background-size:cover}
.index_classification>div{padding:0 0 .95rem}
.index_classification .title{padding:.26rem 0 0rem;border-bottom:1px solid white}
.index_classification .title h1{font-size:.23rem;color:white;text-transform:uppercase}
.index_classification .title p{color:white;padding:.11rem 0 ;font-size:.15rem;}
.index_classification  .lists{display:flex;justify-content: center;padding:.4rem 0 0}
.index_classification  .lists .items{padding:0 .3rem; position:relative;z-index:1}
.index_classification  .lists .items a{position:relative;}
.index_classification  .lists .items a:hover{transform:translateY(-.1rem)}
.index_classification  .lists .items a .text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;z-index:1}
.index_classification  .lists .items a .text h1{font-size:.2rem;color:white;text-transform:uppercase}
.index_classification  .lists .items a .text p{font-size:.18rem;color:white;padding:.12rem 0  0}
.index_classification  .lists .items:after{position:absolute;content:"";background:url(/public/common/images/yy.png) no-repeat;width:2.5rem;height:2.49rem;right:-.6rem;top:.3rem;background-size:100%;z-index:-1}
.index_infos{padding:.9rem 0 1rem;overflow:hidden;background:white}
.index_infos>div{display:flex;justify-content: space-between;padding:.2rem   0 0;border-top:1px solid black;position:relative}
.index_infos>div:after{position:absolute;content:"";background:url(/public/common/images/kqt_index.png) no-repeat;width:.98rem;height:4.13rem;right:-2rem;top:0;background-size:100%}
.index_infos .left{width:32.5%}
.index_infos .left .items1{position:relative}
.index_infos .left .items1 .text{position:absolute;bottom:5%;left:10%}
.index_infos .left .items1 .text h1{font-size:.22rem;color:white}
.index_infos .left .items1 .text p{font-size:.16rem;color:white;padding:.1rem 0 0}
.index_infos .right{width:66.4%;display:flex;flex-direction: column;justify-content: space-between;}

.index_infos .right .top{display:flex;justify-content: space-between;}
.index_infos .right .top .items2{width:49%;position:relative}
.index_infos .right .top .items2 .text{position:absolute;bottom:5%;left:10%;width:75%}
.index_infos .right .top .items2 .text h1{color:white;font-size:.2rem}
.index_infos .right .top .items2 .text h2{color:white;font-size:.15rem;text-transform:uppercase;padding:.05rem 0 .15rem}
.index_infos .right .top .items2 .text p{font-size:.1rem;color:#c5c6c7}
.index_infos .right .top .items2 .text span{display:inline-block;margin:.24rem 0 0 ;padding:.1rem;background:white;color:black;font-weight:bold;font-size:.14rem}
.index_infos .right .top .items2:hover .text span{background:#cdc537;color:white;transition:.3s}
.index_infos .right .bot .items3 {position:relative}
.index_infos .right .bot .items3 .text{position:absolute;bottom:8%;left:5%}
.index_infos .right .bot .items3  .text h1{font-size:.22rem;color:white}
.index_infos .right .bot .items3  .text p{font-size:.16rem;color:white;padding:.1rem 0 }
.index_protext{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.index_protext>div{padding:2.4rem 0 .75rem}
.index_protext h1{font-size:.7rem;color:white;}
.index_protext  h2{font-family:"BodoniBT";text-transform:uppercase;font-size:.55rem;color:white;padding:.25rem 0 0}
.index_protext p{font-size:.2rem;color:white}
.index_protext a{margin:.6rem 0 0;display:inline-block;padding:.1rem .13rem;background:black;font-size:.14rem;color:white;text-transform:uppercase }
.index_newpro {padding:0 0 1.4rem;background:white}
.index_newpro .title{text-align:center;padding:.53rem  0 0rem;border-bottom:1px solid black;}
.index_newpro .title h1{padding: 0 0 .2rem;font-size:.2rem;font-weight:bold;text-transform:uppercase}
.index_newpro .lists{padding:.39rem 0 0}
.index_newpro .lists  a:hover img{transform:scale(1.1)}
.index_newpro .lists .infos{text-align:center;padding:.3rem 0 0}
.index_newpro .lists .infos h1{font-size:.15rem;font-weight:bold;color:black}
.index_newpro .lists .infos span{display:inline-block;margin:.1rem 0 0;background:black;color:white;padding: .05rem .1rem}
.index_newpro .lists .slide-pagination{text-align:center;padding:.8rem 0 0;}
.index_newpro .lists .slide-pagination span{border-radius:0;width:1.1rem;height:.02rem;opacity:1;background:#c9c9c9}
.index_newpro .lists .slide-pagination .swiper-pagination-bullet-active{background:black}
.c-cursor{    position: fixed;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    top: 50%;
    left: 50%;
    z-index: 100000;
    pointer-events: none;
    transition:none}
.c-cursor__pointer{
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    background: #707070;
    transition:none}
/**/
/********<=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: #887e6d;}
.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: black;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){
	  
.tem_banner  .swiper-page>div{left:1.6rem;}
.tem_banner  .swiper-page>div.slide-button-next {right:1.6rem}
.index_infos>div:after{right:-1.1rem}
.contact>div:after{background-size:60%}
}
@media(max-width:1440px){
.tem_banner  .swiper-page>div{left:1rem;}
.tem_banner  .swiper-page>div.slide-button-next {right:1rem}	
}
@media(max-width:1300px){
	.index_infos>div:after{right:-.8rem;background-size:60%;top:.2rem}
	.contact>div:after{right:-.8rem}
}
@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;}
}

/********mobile*********/
@media(max-width:767px){
.tem_banner  .swiper-page>div{left:.2rem;top:60%}
.tem_banner  .swiper-page>div.slide-button-next {right:.2rem}

.tem_banner .label_txt h1{font-size:.5rem}
.tem_banner .label_txt a{margin:.2rem 0 0}
.tem_banner .label_txt a:after{right:10%}
.tem_banner .slide-pagination{bottom:5%}
.index_classification .lists .items:after{display:none}
.index_infos .right .top .items2 .text p{display:none}
.index_infos .right .top .items2 .text h1{font-size:.25rem}
.index_infos .right .top .items2 .text h2{display:none}
.index_protext h2{font-size:.4rem}
footer .top .left{width:45%}
footer .top .right{width:45%}
footer .top .right .weixin .imgs{width:50%}
.tem_banner .flash .txt{top:20%;width:100%}
.company .bot .text{width:100%}
.company .bot .text p{font-size:.8rem}
.culture .title h1{font-size:.55rem}
.development .content .right{padding:0 .2rem}
.development .title h1{font-size:.55rem}
.product_list .lists .items a:hover .text p:after{left:.1rem}
.product .top>div{display:inherit}
.product .top .left{width:100%}
.product .top .left .imglist .swiper-container{height:5rem}
.product .top .right{width:100%}
.product .pro_recommend .title{padding:.4rem 0 .41rem 0rem;text-align:center}
.companynews .lists .items{width:45%}
.industrynews>div .lists a{}
.industrynews>div .lists a .img{width:41%}
.industrynews>div .lists a .text{width:55%}
.project_con>div{display:inherit}
.project_con .imglist{width:100%;}
.project_con .sm_list{margin:.2rem 0 0}
.project_con .right{width:100%}
.message h1{font-size:.45rem}
.message .form .top{display:inherit}
.message .form .top .input{width:100%;margin:.1rem  0 0}
.index_infos>div:after{display:none}
.contact>div:after{right:-.3rem;top:0;background-size:40%}
}