/*--------全局样式--------*/
body{font-size: 12px;color: #333;line-height: 26px;font-family: "苹方";}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4{margin: 0px;padding: 0px;border: 0;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color:#bb1b21;text-decoration: none;}
a:focus{-moz-outline-style: none;}
a:active{outline: none;text-decoration: none;}
ul, li{list-style: none;margin: 0;padding: 0;}
input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 12px;font-family: "苹方";vertical-align: middle;}
input:focus, textarea:focus{outline: 0;}
/*-------- clear --------*/
.clearfix:before, .clearfix:after{display:block;clear:both;content:"";visibility:hidden;}
.clearfix{zoom:1}
.clear{clear: both;height: 0px;overflow: hidden;}
.clear100{clear: both;height: 100px;overflow: hidden;}
.clear270{clear: both;height: 270px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}

.m_head{display: none;}
.m_index_Us{display: none;}
.m_index_Brand{display: none;}
.m_foot{display: none;}
.m_index_News{display: none;}
.m_index_App{display: none;}
.About .under .m_list{display: none;}
.Brand .M_list{display: none;}
.Product .under .M_list{display: none;}
.App .under .M_list{display: none;}
.News .M_list{display: none;}
.M_Search{display: none;}
.We .M_we{display: none;}

@media screen and (max-width:980px) {
    .w{width: 100%;}
    .foot{display: none;}
    .index_nav{display: none;}
    .index_Search{display: none;}
    .index_News{display: none;}
    .index_App{display: none;}
    .index_Brand{display: none;}
    .index_Us{display: none;}
    .Public_head{display: none;}
    .Brand .list{display: none;}
    .Product .top{display: none;}
    .public_title.pr{display: none;}
    .Product .under .list{display: none;}
    .Search{display: none;}
    .Product .Product_box{display: none;}

    .m_index_Brand{display: block;}
    .m_head{display:block;}
    .m_index_Us{display: block;}
    .m_foot{display: block;}
    .m_index_News{display: block;}
    .m_index_App{display: block;}
    .About .under .m_list{display: block;}
    .Brand .M_list{display: block;}
    .Product .under .M_list{display: block;}
    .App .under .M_list{display: block;}

    .banner .hd ul{width: 100%;text-align: center;}
    .banner .hd{bottom: 12px;}
    .banner .hd ul li{width: 30px;}
    .banner .bd ul li{height: 14rem;}
    .index_Pr .Pr_Slide .hd ul li{width: 30%;margin: 0;font-size: 12px;}
    .index_Pr .Pr_Slide .bd ul li{width: 32%;margin: 0 2% 2% 0;box-shadow: 1px 1px 9px #e5e5e5;padding: 10px 0;}
    .index_Pr .Pr_Slide .bd ul li:nth-of-type(3n+3){margin-right: 0;}
    .index_Pr .Pr_Slide .hd ul{width: 90%;display: flex;justify-content: space-between;}
    .index_Pr .Pr_Slide .bd{width: 90%;margin: 0 auto;}
    .index_Pr .Pr_Slide .bd p{font-size: 8px;}
    .index_Pr .Pr_Slide .bd .ig{width: 60%;height:70px;margin: 0 auto;}
    .index_Pr .Pr_Slide .bd .line{margin: 0 auto;background: #c4c4c4;}
    
    .m_head.index{position: absolute;}
    .m_head{padding: 0px 3%;top: 0;left: 0;width: 94%; background-color: transparent;z-index: 999;}
    .m_head.away{position: fixed;top: 0;width: 94%;padding: 5px 3%;z-index: 999;background: #0081d4;}
    .m_head .logo{float: left;width: 200px; height: 45px;background: url('./images/logo_01_1.png') left no-repeat;background-size: 46%;}
    .m_head .fr .icon{float: right;width: 30px; height: 50px;line-height: 50px;}
    .m_head .m_nav{display: none; position: absolute;top:0px;left: 0;width: 100%;height: 100vh; z-index: 999; background: #fff;}
    .m_head .m_nav .close{width: 90%;margin: 20px auto;text-align: right;}
    .m_head .m_nav .close img{width: 24px;height: 24px;vertical-align: middle;}
    .m_head .m_nav .list ul li{width: 90%;margin: 0 auto; border-bottom: 1px #eaeaea solid;}
    .m_head .m_nav .list ul li a{display: block;height: 50px;line-height: 50px; font-size: 16px;color: #545454;background: url('../images/logo_03.png') 95% no-repeat;background-size: 6px;}

    .public_title p{margin: 5px 0;font-size: 12px;}
    .public_title h3{font-size: 18px;}
    .m_index_Us .con{padding:25px 5% 0 5%; margin: 20px auto;background: url('../images/index_02.png') top right no-repeat;background-size: 50% 80px;}
    .m_index_Us .con .ig{width: 100%;height: 130px;}
    .m_index_Us .con .p{margin: 20px 0; color: #666666;font-size: 12px;line-height: 20px;}
    .m_index_Us .con .list ul{display: flex;justify-content: space-between;}
    .m_index_Us .con .list ul li{width: 25%;text-align: center;}
    .m_index_Us .con .list .icon{width: 50px;height: 50px;margin:0 auto;}
    .m_index_Us .con .list p{color: #202020;font-size: 10px;}

    .m_index_Brand{margin-top: 30px;}
    .m_index_Brand .bd{position: relative; background: url('../images/index_05.png') center no-repeat;background-size: cover;overflow: hidden;padding-bottom: 40px;}
    .m_index_Brand .bd ul li{ color: #fff;}
    .m_index_Brand .bd .tempWrap{margin-left: 5%;}
    .m_index_Brand .bd h3{font-size: 20px;font-weight: 400;margin-top:25px;}
    .m_index_Brand .bd .eg{font-size: 10px;text-transform: uppercase;margin:5px 0;}
    .m_index_Brand .bd .name{font-size: 40px;font-weight: bold;margin:15px 0; text-transform: uppercase;}
    .m_index_Brand .bd p{font-size: 13px;line-height: 20px;width: 90%;}
    .m_index_Brand .bd .line{width: 50px;height: 2px;background: #fff;margin:10px 0;}
    .m_index_Brand .bd .more a{display: block;color: #fff;font-size: 15px;}

    .m_index_Brand .pageState{position: absolute;bottom: 20px;left:5%;color: #fff;font-family: "苹方";font-size: 14px;font-weight: bold;}
    .m_index_Brand .pageState span{font-size: 14px;}
    .m_index_Brand .prev{position: absolute;bottom: 20px;right: 10%;width: 15px;height: 15px;}
    .m_index_Brand .prev img{width: 100%;height: 100%;}
    .m_index_Brand .next{position: absolute;bottom: 20px;right: 5%;width: 15px;height: 15px;}
    .m_index_Brand .next img{width: 100%;height: 100%;}

    .m_index_Brand .hd{margin: 30px 0;}
    .m_index_Brand .hd ul li{float: left;width: 25%;text-align: center;}
    .m_index_Brand .hd .ig{width: 50%;height: 50px;margin: 0 auto;}
    .m_index_Brand .hd p{font-size: 10px;color: #7f7f7f;}
    .m_index_Brand .hd .on p{color: #0081d4;}

    .m_index_App .list ul{padding: 0 5%;}
    .m_index_App .list ul li{width: 25%;float: left;margin-top: 20px; text-align: center;}
    .m_index_App .list .icon{width:85%;height:75px;margin:0 auto;}
    .m_index_App .list p{color: #333333;font-size: 14px;}

    .m_index_News{width: 90%;margin: 0 auto 100px;}
    .m_index_News .m_INews{box-shadow: 1px 1px 9px #e5e5e5;padding-bottom: 15px;margin: 30px 0 20px 0;}
    .m_index_News .top{width: 100%;height:150px;background: url('../images/m_index_13.png') center no-repeat;background-size: cover;overflow: hidden;}
    .m_index_News .top .number{display: inline-block;background: #040710;color: #fff;padding: 5px 10px;text-align: center;}
    .m_index_News .top .number h1{font-size: 30px;font-weight:500;}
    .m_index_News .top .number p{font-size: 12px;}

    .m_index_News .under{padding: 0 3%;}
    .m_index_News .under .one{font-size:18px;color: #333333;margin:5px 0;}
    .m_index_News .under .line{width: 45px;border-bottom: 1px #5d5d5d solid;}
    .m_index_News .under .two{font-size: 12px;line-height: 20px; color: #5d5d5d;margin-top:5px;}

    .m_index_News  .list ul li{border-bottom:1px #e5e5e5 dotted;padding-bottom: 15px;margin-top: 15px;}
    .m_index_News  .list .fl{float: left;width:26%;}
    .m_index_News  .list .fl h1{width: 75%; height: 35px; font-size: 30px;font-weight:500;border-right:1px #e5e5e5 solid;text-align: center; }
    .m_index_News  .list .fl p{width: 75%;color: #7e7e7e;border-right:1px #e5e5e5 solid;line-height: 30px;text-align: center;}
    
    .m_index_News  .list .fr{width:74%;}
    .m_index_News  .list .fr .one{color: #414141;font-size: 14px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .m_index_News  .list .fr p{text-align: left;width: 100%; border: none;line-height: 20px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    .m_foot{background: url('../images/m_index_14.png') center no-repeat;background-size:cover;overflow: hidden;width: 100%;}
    .m_foot .list{margin-top:20px;}
    .m_foot .list ul li{width: 90%;margin: 0 auto; border-bottom: 1px #39a5eb solid;}
    .m_foot .list ul li a{display: block;height: 50px;line-height: 50px; font-size: 16px;color: #fff;background: url('../images/m_index_15.png') 95% no-repeat;background-size: 10px;}
    .m_foot .icp{text-align: center;color: #6bc5ff;font-size: 12px;margin: 20px 0;}

    /* 关于我们 */
    .Public_banner{height: 13rem;}
    .About{padding: 0 3%;width: 94%;}
    .About .top .list ul .last{display: none;}
    .About .top .list ul li{width: 48%;height: 110px;margin-right: 4%;}
    .About .top .list ul li:nth-of-type(2){margin-right: 0;}
    .About .under .list{display: none;}

    .About .under .m_list ul li{font-size: 0;margin-top: 20px;overflow: hidden;}
    .About .under .m_list .ig{display: inline-block;width: 60%;height:150px;}
    .About .under .m_list .ft{position: relative; display: inline-block;width: 40%;height:150px;background: #f7f7f7;overflow: hidden;}
    .About .under .m_list .ft h4{color: #595959;font-size: 18px;margin-top:30px;}
    .About .under .m_list .ft .line{height:20px;border-left: 1px #b5b5b5 solid;}
    .About .under .m_list .ft .name{color: #333333;font-size: 15px;}
    .About .under .m_list .ft .eg{color: #595959;font-size: 12px;}
    .About .under .m_list .ft .box{padding-left:10%;}
    .About .under .m_list p{color: #666666;font-size: 14px;}

    /* 轴承品牌 */
    .Brand .M_list{margin-bottom: 50px;}
    .Brand .M_list ul li{padding: 20px 5%;background: #0081d4;overflow: hidden;margin-top: 20px;}
    .Brand .M_list .ig{float: left; width: 30%;text-align: center;margin-top: 10px; padding:5px 0;background: #fff;overflow: hidden;}
    .Brand .M_list .ig .icon{width: 50%;height:50px;margin: 0 auto;}
    .Brand .M_list .ig p{color: #5e5e5e;font-size:12px;}

    .Brand .M_list .ft{float: right;width: 67%;height: 105px; color: #fff;}
    .Brand .M_list .ft h3{font-size: 18px;font-weight: 500;}
    .Brand .M_list .ft p{font-size: 12px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
    .Brand .M_list .M_slide .bd{position: relative; margin-top: 10px;}
    .Brand .M_list .M_slide .bd ul{display: flex;justify-content: center;border-top: 1px #61b8f0 solid;border-bottom: 1px #61b8f0 solid;}
    .Brand .M_list .M_slide .bd ul li{float: left;width: 24%; color: #fff;font-size:9px;margin-top: 0px;text-align: center; padding: 5px 0;}
    .Brand .M_list .M_slide .bd .prev{color: #fff;position: absolute;top:5px;left: 0;}
    .Brand .M_list .M_slide .bd .next{color: #fff;position: absolute;top:5px;right: 0;}

    /* 产品中心 */
    .Product .under .M_list{margin: 30px 0;}
    .Product .under .M_list ul{padding: 0 3%;}
    .Product .under .M_list ul li{float: left;width: 47%;margin: 0 2% 2% 0;border: 1.5px #e5e5e5 solid;}
    .Product .under .M_list ul li:nth-of-type(even){margin-right: 0;}
    .Product .under .M_list .fl{width: 40%;height:50px;margin:10px auto 0;}
    .Product .under .M_list .fr{width: 55%;}
    .Product .under .M_list .fr h3{color: #333333;font-size:10px;}
    .Product .under .M_list .fr p{color: #787878;font-size: 9px;line-height:15px;}
    /* 产品详情 */
    .Public_banner.De{display: none;}
    .Details{margin: 0 auto 100px;}
    .Details .pr_info .ig{float: none;width: 100%;height: 200px;line-height: 200px; background:#eeeeee;box-shadow: none;}
    .Details .pr_info .ig img{width: 60%;}
    .Details .pr_info .rg{float: none;margin-left: 0;width:90%;margin: 0 auto;}
    .Details .pr_info{padding: 0;box-shadow: none;}
    .Details .pr_info .rg .name{font-size: 18px; color: #333333;line-height: 30px;margin: 20px 0;text-align: center;}
    .Details .pr_info .rg .info_list{margin-top: 20px;box-shadow: 1px 1px 9px #e5e5e5;}
    .Details .pr_info .rg .info_list ul li{float: left; font-size: 12px;text-indent: 1em;margin: 0; border-bottom: 1px #e5e5e5 solid; color: #aaaaaa;height: 50px;line-height: 50px;width:49%;}
    .Details .pr_ft .ft_ig .ig{display: none;}
    .Details .pr_ft{width: 90%;margin: 0 auto;box-shadow: none;}
    .Details .pr_ft h1{margin: 30px 0;font-size: 28px;}
    .Details .pr_ft .ft_ig .ft{float: none;width: 100%;margin-left: 0;}
    .Details .pr_ft .ft_ig .ft p{font-size: 12px;line-height: 25px;}
    .Details .pr_ft h1{font-size: 22px;color: #333;}
    .Details .recommend{box-shadow: none;padding: 0;}
    .Details .recommend h1{text-align: center;margin: 10px 0 0 0px;font-size: 22px;color: #333;}
    .Details .recommend .slideBox{position: relative; width:90%;margin: 0 auto;}
    .Details .recommend .slideBox .bd ul li{ width:45%;box-shadow: none; margin:0 12px 12px 0;padding-bottom: 20px;}
    .Details .recommend .slideBox .bd ul li .ig{width:100%;height: 150px;line-height: 150px;text-align: center;}
    .Details .recommend .slideBox .bd ul li .ig img{vertical-align: middle;width: 80%;height: 60%;}
    .Details .recommend .slideBox .bd ul li p{font-size: 14px;color: #666666;line-height: 20px;margin-top: 5px;}
    .Details .recommend .slideBox .bd .tempWrap{margin-left: 0;}
    .Details .recommend .slideBox .bd ul li p{text-indent: 0;font-size: 12px;line-height: 20px;}
    .Details .recommend .slideBox .bd ul li .model{text-indent: 0;}

    /* 应用领域 */
    .App .under{margin-bottom: 100px;}
    .App .under h3{color: #595959;font-size: 20px;text-align: center;}
    .App .under .p{margin: 7px 0; color: #787878;text-align: center; font-size: 15px;text-transform: uppercase;}
    .App .under .list{display: none;}
    .App .under{width: 90%;margin: 0 auto 100px;}
    .App .under .M_list ul li{margin-top: 20px;}
    .App .under .M_list .ig{display: block;width: 100%;height: 150px;}
    .App .under .M_list .ft{display: block;width: 100%;height: auto;background: #fff;}
    .App .under .M_list .ft .number{margin: 20px 0;}
    .App .under .M_list .ft h4{float: left; color: #ffb400;font-size:45px;margin:10px 6% 0 0}
    .App .under .M_list .ft .name{color: #333333;font-size:25px;}
    .App .under .M_list .ft .eg{color: #9c9c9c;font-size: 14px;margin-bottom: 0px;}
    .App .under .M_list .ft .box{padding: 0;}
    .App .under .M_list .ft .en{float: left;}
    .App .under .M_list .ft p{color: #464646;}
    .public_title{margin-top: 25px;}
    
    .News .N_Slide{display: none;}
    .News .M_list{display: block;}
    .News{margin: 30px auto 50px;width: 90%;}
    .News .M_list ul li{margin-bottom: 20px;border-bottom: 1px #e5e5e5 solid;}
    .News .M_list ul li .ig{height: 180px;}
    .News .M_list ul li .ig img{width: 100%;height: 100%;}
    .News .M_list ul li .under .under_box{margin: 20px auto 0;padding-bottom: 10px;}
    .News .M_list ul li .under .date{font-size: 20px;color: #888888;}
    .News .M_list ul li .under .date span{font-size: 15px;text-transform: uppercase;}
    .News .M_list ul li .under h3{color: #1b1b1b;font-size: 18px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .News .M_list ul li .under p{color: #898989;font-size: 13px;margin: 10px 0;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
    .News .M_list ul li .under .more{text-align: right;}
    .News .M_list ul li .under .more a{color: #d2d2d2;font-size: 14px;}

    .news_centen{margin: 40px auto;}
    .news_centen .lf{float: none;width:90%;margin: 0 auto;}
    .news_centen .rg{display: none;}
    .news_centen .lf .top .ig{height: 250px;margin: 20px 0;}
    .news_centen .lf .top h1{font-size: 18px;line-height: 25px;}
    .news_centen .lf .top .date{margin: 10px 0;}
    .news_centen .lf .top p{font-size: 13px;}


    .We .top{display: none;}
    .We .M_we{display: block;}
    .We .M_we{width: 90%;margin: 0 auto;}
    .We .M_we .we_info  .title h1{font-size: 20px;color: #333333;text-align: center;font-weight: 400;font-family: "思源黑体 CN";}
    .We .M_we .we_info  .title p{font-size: 10px;color: #666666;text-align: center;text-transform: uppercase;font-family: "思源黑体 CN";}
    .We .M_we .we_info  .line{border-bottom: 1.5px #f39700 solid;height: 20px;width: 30px;}
    .We .M_we .we_info .addres{margin-top: 10px; color: #333333;font-size: 13px;height: 30px;line-height: 30px;}
    .We .M_we .we_info .addres img{width:15px;height:15px; vertical-align: middle;margin-right:3%;}

    .We .form{width: 90%;margin: 30px auto 0;font-family: "苹方"; background: #fff;overflow: hidden;box-shadow: 1px 1px 9px #e5e5e5;}
    .We .form h3{color: #1b1b1b;margin: 20px 0; font-size: 18px;font-weight: 500;text-align: center; }
    .We .form .input{width: 90%;margin: 0 auto 20px; height: 40px;line-height: 40px;background: #f6f6f6;}
    .We .form .input input{float: left; width: 65%;padding-left: 5%;font-family: "苹方"; border: none;height: 40px;line-height: 40px;background: transparent;}
    .We .form .input span{float: left;width: 15%;height: 40px;}
    .We .form .input span::after{content: "";display: inline-block;border-right: 1px #dedede solid;float: right;height: 25px;margin-top: 7px}
    .We .form .liuyan textarea{width: 65%;padding:4% 0 0 5%;font-family: "苹方";border: none;height: 100px;background: transparent;}
    .We .form .liuyan span{float: left;width: 15%;height: 40px;}
    .We .form .liuyan span::after{content: "";display: inline-block;border-right: 1px #dedede solid;float: right;height: 25px;margin-top: 7px}
    .We .form .liuyan{width: 90%;margin: 0 auto 20px;background: #f6f6f6;}
    .We .form .submit button{display: block;margin: 0 auto 15px; width: 40%;height:35px;line-height:35px;border: none;background: #da1e38;color: #fff;font-size: 15px;}

    .We .M_we .map{width: 100%;height: 19rem;margin:30px auto 100px;}
    .We .M_we .map img{width: 100%;height: 100%;}

    .M_Search{display: block;}
    .M_Search .form{width: 90%;margin: 20px auto;} 
    .M_Search .form .input{width: 75%;height: 35px;line-height: 35px;font-size: 14px;color: #999999;border: none; background:url('../images/icon_01.png') 10% no-repeat;background-size: 15px 15px;background-color: #f6f6f6;border-radius: 30px;text-align: center;}
    .M_Search .form .input::-webkit-input-placeholder{color: #999999;}
    .M_Search .form button{width: 20%;margin-left: 5%; height: 35px;line-height: 35px;font-size: 14px;color: #fff;background: #e60012;border-radius: 30px; border: none;text-align: center;}
    .M_Search .select{border-top: 1px #f1f1f1 solid;padding: 0 5%;position: relative;}
    .M_Search .select ul li{width: 48%;display: inline-block;font-family: "苹方";}
    .M_Search .select ul li h4{font-size: 16px;color: #575757;text-align: center;font-weight: 500;padding: 10px 0;background:url('../images/icon_05.png') 85% no-repeat;background-size: 7px;}
    .M_Search .select ul li h4.bg{background:url('../images/icon_05_1.png') 85% no-repeat;background-size: 7px;}
    .M_Search .select ul li ul{display: none; position: absolute;top: 50px;left:5%;width: 90%;background: #f8f8f8;box-shadow: 1px 1px 9px #e5e5e5;z-index: 999;}
    .M_Search .select ul li ul li{display: inline-block;background: #fff;color: #8d8d8d;font-size: 14px;border:1px #e5e5e5 solid;width: auto;font-family: "苹方"; padding: 1px 5px;margin: 5px 10px;}
    .M_Search .select ul li ul li.Color{background: #e60012;color: #ffffff;border: 1px transparent solid;}
    .M_Search .select ul li ul .submit button{width: 30%;display: block; margin: 15px auto; height: 35px;line-height: 35px;font-size: 14px;color: #fff;background: #e60012;border-radius: 30px; border: none;text-align: center;}


    .M_Search .Search_list{width: 90%;margin: 30px auto 70px;}
    .M_Search .Search_list ul li{float: left; width:47%;margin:0 6% 6% 0;}
    .M_Search .Search_list ul li .ig{width:100%;height: 150px;background: #eee;line-height: 150px;text-align: center; }
    .M_Search .Search_list ul li .ig img{vertical-align: middle;width: 80%;height: 60%;}
    .M_Search .Search_list ul li p{font-size: 12px;color: #666666;text-indent: 1em;line-height: 20px; margin-top: 5px;}
    .M_Search .Search_list ul li:nth-of-type(2n+2){margin-right: 0}

}


@media screen and (max-width:320px) {
    .banner .bd ul li{height: 12rem;}
    .About .top p{font-size: 12px;line-height: 20px;}
    .Product .under .M_list .fl{width: 37%;}
    .Product .under .M_list .fr{width: 63%;}
    .Product .under .M_list .fl{height: 40px;margin: 15px auto 0;}
}