/* css 重置 */
  
	body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form {font-family: "微软雅黑"; margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
	img { border: 0 }
	body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none;  text-align:left;   }
	header, section, footer, img { display: block; margin: 0; padding: 0 }
	a{text-decoration:none;color:#000;}
    body{ background:#f4f4f4;}
    .clearfix{zoom:1;}
    .clearfix:after{content:"";display:block;clear:both;}
    /* .main_wrap{position:absolute;top: 0;left: 0;right: 0;bottom: 0;} */
	/* 头部 */
    .header{ position: fixed;padding: 0 .2rem;height: 1rem;z-index: 99;background: #e8583d;width: 100%;}
    .putlogo{display:inline-block;width: 3.21rem;height: 1rem;vertical-align: top;}
    .putlogo a{display:block;position: relative;top:50%;transform:translateY(-50%);}
    .putlogo img{width: 2.21rem;}
    .lan{display: inline-block;position: relative;left:20%;height: 1rem;transform:translateX(-50%);vertical-align:top;}
    .lan > a{display:inline-block;line-height: 1rem;vertical-align: top; font-size: .3rem;color:white;}
    .menu{display:inline-block;position: absolute;top:46%;left:100%;width: .35rem;height: .3rem; transform: translate(-1rem,-50%); text-align: right;vertical-align:top;}
    .menu > ul > li{width: .35rem;height: .05rem;background: white;margin-top:.06rem;transition: all .5s ease-in;}

    .nav{display:none;position: fixed;top:1rem;left: 0;bottom: 0; width: 100%;  background: white;font-size: .3rem; z-index:999;transition: all 1s ease-in;}
    .nav li{position: relative;height:.66rem;padding: 0.13rem 0;right: 0; text-align:center;transition:all .5s ease-in;}
    .nav li:after{content: '';position: absolute;left: 0;bottom: 0;background: #eeeeee;width: 100%;height: 1px;-webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
    .nav li:last-child:after{content:"";height:0px;}    
    .nav_list:nth-child(odd){left:6.4rem;transition: left 1s ease-in;}
    .nav_list:nth-child(even){right:6.4rem;transition: right 1s ease-in;}
    .nav_list:last-child{right:0;left:0; opacity: 0;}
    /* .nav li:nth-last-child(-n+1){padding: 0 .2rem;}最后一个li的样式 */
    .nav li a{display:block; line-height: .66rem;}
    .nav li:hover{background: #e8583d;color:white; }
    .nav li:hover > a{color:white;}
    #menu li.newNav:nth-child(1){position: relative; transform: rotate(-45deg);transform-origin: right top;}
    #menu li.newNav:nth-child(2){display: none;}
    #menu li.newNav:nth-child(3){position: relative;top:.12rem;left:.02rem; transform: rotate(45deg);transform-origin: right bottom;}
    .showNewNav{ display:flex !important;flex-direction: column;}

	.slideBox{ position:relative; margin:0px auto 0 auto;  height:3.6rem; overflow:hidden;}
    .slideBox .hd{ position:absolute;left:50%;transform:translateX(-50%); height:.28rem; line-height:.28rem; bottom:0;  z-index:1; background: none;}
    .slideBox .hd li{vertical-align: top;}  
	.slideBox .hd li{ display:inline-block; width:.15rem; height:.15rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(51, 51, 51,.6); text-indent:-9999px; overflow:hidden; margin:0 .06rem;   }
	.slideBox .hd li.on{ background:#e8583d;}
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative;}
	.slideBox .bd li img{ width:100%; display:block;   }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
    .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;} 
    

    /*main*/
    .main{position: relative;left: 0;right: 0;top: 1rem;overflow-x:hidden;overflow-y:auto;background: #fff;}
    .bn{position: relative;width: 100%;}
    /* .bn img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
    .bn img{width: 100%;position: inherit;top: 0;left: 0;transform: inherit;}
    .index_pro{margin:0 auto;box-sizing:border-box;}
    .protitle{padding-top: .6rem;}
    .protitle >*{text-align:center;}
    .protitle > h3{font-size: .3rem;color:#505050;}
    .protitle > p{font-size: .18rem;color:#b4b4b4;}
    .protitle > p:last-child {width: 70%;margin: 0 auto;color: #e8583d;}

    .id_prolist{width: 6.4rem; margin: 0 auto;}

    .id_prolist li{display: block;float:left; width: 100%; margin-top: .35rem; font-size:.22rem;}
    .id_prolist li a{display: block;width: 94%;position: relative;margin: 0 auto;        overflow: hidden;}
    .id_prolist li p{height: 0.4rem;line-height: .4rem; margin: 0 auto; margin-top: .2rem;color:#505050;text-align: center; }
    .id_prolist li div{height: 2.2rem;}

    .moreslider{width: 100%;}
    .moreslider > li{width: 6.4rem;margin-left: auto;margin-right: auto; overflow: hidden; background: #f5f5f5;}
    .moreslider > li ul{height: auto;}
    .moreslider .theslider li{display: block; float: left; width: 6rem;height: 2.4rem;}

    
    .focus2{ width:320px; height:7rem!important;  margin:0 auto; position:relative; overflow:hidden;}
    .focus2 .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;background: none;  }
    .focus2 .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
    .focus2 .hd ul li{ display:inline-block; width:20px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; text-indent: 999px;   }
    .focus2 .hd ul .on{ background:#e8583d;  }

    .focus2 .bd{ height: auto; position:relative; z-index:0; }
    .focus2 .bd .tempWrap{height: 7rem;}
    .focus2 .bd li img{  background:url(images/loading.gif) center center no-repeat;  }
    .focus2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

    .index_pro  img{position: relative;width: 100%; margin: 0 auto;}
    
    .power .id_prolist ul{display: flex;justify-content: space-around;flex-wrap: wrap; }
    .power .id_prolist ul li{width: 48%;}
    .power .id_prolist ul img{width: 100%;}
    .power img{height: auto;}
    .index_pro button,.application button,.about button,.news button{display:block; margin:.6rem auto; width: 3.8rem;height: .7rem;border-radius:50px ;background: #e8583d;font-size:.22rem ; outline:none;border:0;}
    .index_pro button a,.application button a,.about button a,.news button a{display: block;width: 100%;height: 100%;line-height: .7rem;color:white;}

    .application,.news{background: #fafafa;padding-bottom: .2rem;}
    .application > img{margin-top: .75rem; width: 6.4rem;}
    .application > p,.about >p{margin-top:.4rem; padding: 0 .2rem;line-height: .4rem; font-size: .22rem;color:#646464;}
    
    .news ul li{width: 100%; margin-top: .5rem;padding-bottom: .55rem;border-bottom:1px solid #eeecec;font-size: .55rem;text-align: left;color:#787878;}
    .news ul li > a{height: auto;}
    .news ul li > a img{width: 95%; margin:0 auto;}    
    .news ul li > a > .r{margin-bottom: .2rem;}
    .news ul li > a > .r > *{padding:0 .15rem;padding-top: .2rem;line-height: .3rem;}
    .news h4{font-size:.22rem ;font-weight:bold;color:#505050;}
    .news .r > .time{font-size: .24rem;color:#b4b4b4;padding-top: 0;}
    .news .txt{font-size: .24rem;color:#787878;}

    .othermenu{width: 100%;margin-top: 1rem;}
    .othermenu > ul > li{padding: 0 .2rem;height: auto;width: 95%;margin: 0 auto; line-height: 50px; font-size: .3rem;box-sizing: border-box; border-bottom: 1px solid #6666;}
    .othermenu > ul > li > *{font-size: .3rem;color:#666;}
    .othermenu > ul > li {display: block; color:#666;}
    .othermenu > ul > li  p{float:right;}
    .othermenu > ul > li ul{height: 0;padding: 0 12px; background: none; overflow: hidden;transition:.2s ease-in;}
    .othermenu > ul > li ul a{color:#999;}
    .othermenu > ul > li ul li>*{font-size: .22rem;}



    .contact{margin-top: 1rem; padding-left: .2rem;color:#787878;}
    .contact > p{font-size: .20rem;line-height: .5rem;}
    .contact .name{margin-top: .7rem; font-size: .24rem;color:#505050;}
    .talk img{display:inline-block;width: .55rem;height: .55rem;margin-left: .25rem;}
    .end{margin-top: .1rem;margin-bottom: .4rem;padding-right: .2rem;}
    .rb{width: 45%;margin-left: auto;margin-right: 0;font-size: .1rem;}
    .rb a{margin-left: 0.2rem; font-size: .24rem;text-decoration: none;}
    .rb a:nth-child(2){padding-left: 0.2rem;border-left:1px solid #666;}

    .gz{position: relative;}
    .gz > p{font-size: .3rem;}
    .gz a{display: inline-block; width: 27px;height: 45px;}
    .gz a.f  {background: url(../image/index2_07.jpg) no-repeat;}
    .gz a.in {background: url(../image/index2_09.jpg) no-repeat;}
    .gz a.w  {background: url(../image/index2_11.jpg) no-repeat;}
    .gz a.wb {background: url(../image/index2_13.jpg) no-repeat;}
    .gz .show_ewm{position: absolute;top: -350%;padding-right: .2rem;}
    .gz .show_ewm img{width: 100%;}
    /* .gz a.w:hover~.show_ewm,.gz .show_ewm:hover{display: block;} */


    /*footer*/
    .ph-foot{position: fixed;bottom: 0;left: 0;right: 0; display: flex;justify-content: space-around; height: 1rem;width: 100%; font-size: .2rem;z-index:10; background: rgba(0,0,0,.8);}
    .ph-foot > div{text-align: center;padding-top:.18rem;}
    .ph-foot > div a{color:white;}
    .ph-foot img{width: 0.4rem;height: 0.4rem;margin:0px auto .05rem auto;}

    .nulldiv{height: 1.5rem;background: white;}


    @keyframes formBottom{
        0%{transform:translate3d(0,120%,0)}
        100%{transform:translate3d(0,0,0)}

    }
    @-webkit-keyframes formBottom{
        0%{-webkit-transform:translate3d(0,120%,0)}
        100%{-webkit-transform:translate3d(0,0,0)}

    }
    .formBottom{
        -webkit-animation:formBottom 2s;
        animation:formBottom 2s;
    }