@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1200px) {
	

    img{width: 100%; display: block}

    .wpCenter{
        width: 90%;
    }
	.header{
		background: rgba(255,255,255,1);
		height: 50px;
		z-index: 999;
		box-shadow: rgba(0,0,0,.1) 0 0 10px 0;
	}
	.header .logo{
		width: 50%;
		height: 50px;
		
	}
	.header .logo a img{
		height: 35px;
		width: auto;
	}
    #openlc,#openlcSub{
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;

    }
	.header .lang{
		margin-right: 66px;
	}
    .lcbody{
        width:30px;
        height:30px;
        position:relative;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.4s cubic-bezier(0.4,0.01,.165,0.99)
    }

    .lcitem{
        position:absolute;
        left:0;
        top:0;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        -webkit-transform:translateZ(0px) rotate(0deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        width:30px;
        height:30px;
    }

    .lcitem .rect{
        width:30px;
        height:2px;
        background:#000;
        position:absolute;
        left:0;
        top:14px;
        transition:transform 0.2s ease 0.2s;
        -webkit-transition:-webkit-transform 0.2s ease 0.2s;
    }
    body .lcitem.center{
		opacity:1;
	}

    .lcitem .rect.top{
        transform:translate3d(0px,-10px,0px);
        -webkit-transform:translate3d(0px,-10px,0px);
    }
    .lcitem .rect.center{
        transform:translate3d(0px,0px,0px);
        -webkit-transform:translate3d(0px,0px,0px);
    }

    .lcitem .rect.bottom{
        transform:translate3d(0px,10px,0px);
        -webkit-transform:translate3d(0px,10px,0px);
    }

    body.open .lcbody{
        transform:translateZ(0px) rotate(90deg);
        -webkit-transform:translateZ(0px) rotate(90deg);
    }

    body.open .lcitem{
        transform:translateZ(0px) rotate(45deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;
        -webkit-transform:translateZ(0px) rotate(45deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;
    }

    body.open .lcitem.bottom{
        transform:translateZ(0px) rotate(-45deg);
        -webkit-transform:translateZ(0px) rotate(-45deg);
    }

    body.open .lcitem .rect{
        transition:transform 0.2s ease 0s;
        transform:translate3d(0px,0px,0px);
        -webkit-transition:-webkit-transform 0.2s ease 0s;
        -webkit-transform:translate3d(0px,0px,0px);
    }
    body.open .lcitem.center{
		opacity:0;
	}
	
	.banner .focus{
		background: #fff;
		padding-top: 40px;
	}
	.banner .focus .banner-item{
		height: 150px !important;
	}
	.header .nav{display: none;}
	.banner .focus .banner-item .img img{
		width: 70% !important;
	}
	.banner .focus .banner-item .img{
		bottom: 10px !important;
	}
	
	
	.banner .focus .banner-item .img0{
		top:40%;
		left: 20px !important;
		width: 55% !important;
	}
	.banner .focus .banner-item .img01{
		bottom: 0px !important;
		right: 20px !important;
		width: 60% !important;
	}

	.banner .focus .banner-item .img2{
		right: -160px !important;
		top: 15% !important;
	}
	.banner .focus .banner-item .img2 img{
		width: 26% !important;
	}
	.banner .focus .banner-item .img3{
		right: -160px !important;
		top: 15% !important;
		
	}
	.banner .focus .banner-item .img3 img{
		width: 25% !important;
		
	}
	.banner .focus .fbg{bottom: 5px !important; top: 30%;}
	.banner .focus .D1fBt a{width: 10px !important; height: 10px !important;}
	
	
	.s1 img{
		width: 90%;
	}
	.header .onlineShop{
		display: none;
	}
	/*  手机导航 */
	.navMoble{
		position: fixed;
		width: 50%;
		top:0;
		right: -50%;
		background: #1e1d29;
		height: 100%;
		padding: 50px 0 0;
		transition: all 0.1s; 
		z-index: 9;
		display: block;
	}
	.navMoble li{border-bottom: 1px #373739 solid;}
	.navMoble li a{
		padding: 20px 0;
		font-size: 14px;
		display: block;
		text-align: center;
		color: #fff;
	}
	.s2,
	.s2 .leftPic .top{
		display: block;
		width: 100%;
	}
	.s2 .leftPic .top .pic1,
	.s2 .leftPic .top .pic2,
	.s2 .leftPic,
	.s2 .rightPic{
		width: 100%;
		display: block;
	}
	.s2 .leftPic .top .pic1 img,
	.s2 .leftPic .top .pic2 img,
	.s2 .leftPic img,
	.s2 .rightPic img{
		width: 100%;
	}
	.s2 .leftPic .pic2 .tit{
		    width: 80%;
		    margin: 0px auto;
		    padding: 30px 0;
	}
	.s2 .leftPic .pic2 .pd{
		width: 60%;
		margin: 0 auto;
	}.s2 .leftPic .pic2 .more{
		margin: 0 auto;
	}
	.s2 .leftPic .pic2 .more a{
		padding-bottom: 20px;
	}
	.open .navMoble{
		right: 0;
		transition: all 0.5s;
		z-index: 998;
	}
	.s2 .leftPic .pic3{
		margin-top: 0px;
	}
	.s3{
		height: 100px;
	}
	.s3 .imgs{
		top: 50px;
	}
	.s4{
		margin-top: 60px;
	}
	.s4 .texts .tit{
		font-size: 18px;
	}
	.s4 .texts .info{
		font-size: 12px;
		line-height: 22px;
	}
	.s4 .texts {
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.s4 .texts .info b{
		font-weight: bolder;
	}
	.s4 .texts .info span{
		font-weight: bolder;
		font-size: 14px;
	}
	.s4 .texts .info p{
		font-size: 12px;
		margin-top: 10px;
	}
	.s4 .texts .info h3{
		font-size: 16px;
	}
	.btns a{
		margin: 30px auto;
		display: block;
		padding: 10px auto;
		font-size: 14px;
		width: 50%;
		
	}
	.s5{display: block;}
	.s5 img{
		width: 100%;
		display: block;
	}
	.s5 .s5_left, .s5 .s5_right{
		width: 100%;
	}
	.s5 .s5_left a, .s5 .s5_right a{
		top: 14px;
		font-size: 16px;
	}
	.s5 .s5_right a{
		left: 20px;
	}
	.s5 .s5_left a{
		right: 20px;
	}
	.s5 .s5_news_list{
		height: 72%;
	}
	.s5 .s5_news_list ul{
		padding-top: 0;
	}
	.s5 .s5_news_list li a{
		font-size: 14px;
		line-height: 24px;
	}
	.s5 .s5_news_list li span{
		font-size: 12px;
	}
	.s5 .s5_news_list li{
		width: 100%;
	}
	.s5 .s5_right img{
		width: auto;
		height: 254px;
		margin-left: -120px;
	}
	.s5 .s5_right .s5_news_list{
		height: 82%;
	}
		
	.subBanner{
		height: 220px;
	}
	.subTextCenter{
		font-size: 18px;
		line-height: 220px;
	}
	.subBanner .subText{
		height: 60px;
	}
	.subBanner .subText img{
		height: 36px;
		width: auto;
		margin-left: 20px;
	}
	.subCenter{
		padding: 20px;
	}
	.subCenter .subBodyTit{
		padding-top: 20px;
		font-size: 20px;
	}
	.subCenter .subBodyInfo{
		font-size: 12px;
		padding: 10px 0 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.subCenter .subBodyInfo > p{
		margin-top: 10px;
		line-height: 24px;
		padding-top: 30px;
		font-size: 16px;
	}
	.subNewsInfoBox h1{
		font-size: 18px;
	}
	
	.serviesTelInfo img{
		width: auto;
		height: 20px;
		display: inline-block;
		margin-right: 20px;
	}
	
	.serviesTelInfo{
		padding: 10px 0;
	}
	.serviesTelInfo a{
		font-size: 14px;
		border: none;
		margin: 5px 0;
	}
	.serviesTelInfo a span{
		font-size: 20px;
	}
	.subBodyTit li{font-size: 14px;    padding-right: 8px;}
	.subBodyTit li::after{
		font-size: 14px;
		margin-left: 14px;
	}
	.subBodyTit li.on{
		font-size: 16px;
	}
	.queryShop{
		width: 80% !important;
	}
	.shopInfoBox {
	    margin-top: 30px;
	    display: block !important;
	}
	.shopInfoBox li {
	    width: 100%;
	    margin-bottom: 16px;
	}
	.shopInfoBox li h1 {
	    font-size: 16px;
	}
	.shopInfoBox li p {
		font-size: 14px;
		color: #808080;
		line-height: 26px;
	}
	.el-cascader .el-input .el-input__inner{
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	
	.subNewsTiem{
		padding: 0;
	}
	
	
	.subCenter .subBodyInfo h2{
		font-size: 16px;
	}
	.subCenter .subBodyInfo li{
		padding-left: 0;
		position: relative;
	}
	.subCenter .subBodyInfo p{
		width: auto;
	}
	.subSecion .imgsBox{
		display: block !important;
	}
	.subSecion .imgsBox > div{
		width: 100%;
	}
	.subSecion .imgsBox > img{
		width: 100%;
		display: block;
	}
	.subSecion div.btmImgs_right,
	.subSecion div.btmImgs_left{
		text-align: center;
	}
	.subSecion .btmImgs{
		margin-top: -30px;
	}
	.subSecion .btmImgs img{
		height: 70px;
		width: auto;
	}
	.subSecion .btmImgs > div{
		width: 100%;
	}
	.timersBox ul li span{
		width: 100%;
		    line-height: 24px;
		    margin-right: 0;
		    padding-top: 0px;
		    display: block;
		    position: absolute;
		    left: 44px;
		    top: 0px;
		    font-weight: bold;
		    text-align: left;
	}
	.timersBox ul li p{
		padding-left: 45px;
		padding-top: 25px;
	}
	.timersBox ul li p::after{
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 20px;
		border: 1px #322f3a solid;
		background: #dcdcdc;
		left: 16px;
		top: 6px;
	}
	.timersBox ul li p::before{
		content: '';
		position: absolute;
		width: 2px;
		height: 100%;
		background: #9d9ba1;
		left: 21px;
		top: 8px;
	}
	
	
	.aboutTxt{
		padding: 20px;
	}
	.aboutTxt .subBodyTit{
		padding-top: 20px;
		    font-size: 20px;
	}
	.aboutTxt .info p {
	    margin-top: 10px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 28px;
	}
	.productS1 .p_s1_text{
		top: 20px;
	}
	.productS1 .p_s1_text p{
		width: 90%;
		font-size: 10px;
		padding-bottom: 10px;
	}
	.p_s2_img{
		width: 100%;
		height: auto;
		padding: 20px 0;
	}
	.productS2,.productS3,.productS6,.productS7,
	.productS6 .p_s6_img_box,.productS6 .p_s6_txt_box{
		display: block !important;
	}
	.productS3 img{
		width: 100%;
	}
	.productS4{
		height: 150px;
	}
	.p_text_box .txt{
		    padding: 10px 4px 0;
	}
	.p_text_box .txt h1{
		font-size: 14px;
	}
	.p_text_box .txt em{
		width: 2em;
		height: 2px;
		margin-top: 10px;
	}
	.p_text_box .txt p{
		font-size: 10px;
		margin-top: 4px;
	}
	.productS5{
		padding: 10px 0 5px;
	}
	.productS6 .p_s6_left, .productS6 .p_s6_right{
		width: 100%;
	}
	.productS6 .p_s6_img_box img{
		width: 100%;
	}
	
	.productS6 .p_s6_txt_box .txt{
		padding-top: 20px;
	}
	.productS6 .p_text_box .txt {
	    padding-top: 20px;
	    padding-left: 20px;
	}
	.productS6 .p_s6_right .p_text_box{
		right: 20px;
	}
	.productS6 .p_text_box{
		width: 90%;
	}
	
	.productS7 .p_s7_left, .productS7 .p_s7_right{
		width: 100%;
	}
	.productS7 .p_s7_right{
		padding: 20px 0 0;
	}
	.productS7 .p_s7_right_img span {
		text-indent: 1em;
	}
	.productS8{height: 150px;}
	
	.productS8 .p_s8_txt img {
	    height: 105px;
	    position: absolute;
	    bottom: 4px;
	    left: 16px;
	    width: auto;
	}
	
	.productS9{
		padding: 20px 0;
	}
	.productS9 .videoTxt{
		float: none;
		margin: 0px auto;
		width: 90%;
	}
	.productS9 .videoTxt h2{
		font-size: 20px;
		font-weight: normal;
		display: inline-block;
	}
	.productS9 .videoTxt h1{
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
	}
	.productS9 .videoTxt em{
		display: block;
		width: 38px;
		height: 2px;
		background: #000;
		margin-top: 10px;
	}
	.productS9 .videoTxt p{
		padding-top: 10px;
		width: 100%;
	}
	.productS9 .videoTxt p span{
		display: inline-block;
		padding-left: 10px;
		font-size: 10px;
		margin-top: 10px;
		background: url(../images/d.png) left center / 4px no-repeat;
	}
	.productS9 .videoBox video{
		margin: 10px auto;
		width: 100%;
	}
	.product_900seS1 .wpCenterSub.bg{background: none;}
	.product_900seS1 .wpCenterSub.bg>div{width: 100%;padding-bottom: 140px;}
	.product_900seS1 .wpCenterSub.bg .fl{
		    background: #fff url(../img/product900SEimg1bg-1.png) bottom center / 100% no-repeat;
			border-bottom: 1px #dcdcdc solid;
	}
	.product_900seS1 .wpCenterSub.bg .fr{
		    background: #fff url(../img/product900SEimg1bg-2.png) bottom center / 100% no-repeat;
	}
	.product_900seS1 .wpCenterSub.bg>div .txt h3{font-size: 16px;}
	.product_900seS1 .wpCenterSub.bg .fl .txt{
		padding-bottom: 30px;	
		margin-bottom: 0px;
	}
	.product_900seS1 .wpCenterSub.bg>div .txt {
		margin-top: 30px;
		margin-left: 50px;
	}
	.product_900seS1 .wpCenterSub.bg .fr .txt{
		margin-bottom: 0px;
	}
	.product_900seS1 .wpCenterSub.bg img{
		right: 110px;
	}
	.product_900seS2 .wpCenterSub>div{width: 100%;}
	.product_900seS2 .wpCenterSub>div .txt{
		margin-top: 35px;
		margin-left: 30px;
	}
	.product_900seS2 .wpCenterSub>div .txt p{font-size: 20px;}
	.product_900seS3 img {
		width: 90%;
	}
	.product_900seS4{height: 160px;}
	.product_900seS4>.wpCenterSub {
		padding-top: 20px;
	}
	.product_900seS4 .wpCenterSub img {
		width: 26%;
	}
	.product_900seS4 .bottomBg{height: 54px;}
	.product_900seS4 .bottomBg h3{
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.product_900seS4 .bottomBg p{font-size: 10px;}
	
	.product_900seS5 .fl,.product_900seS5 .fr{
		padding: 30px 0;
	}
	.product_900seS5 .fr img {
		margin-left: 30px;
	}
	.product_900seS5 .s5B{padding: 30px 0;}
	.product_900seS5 .s5B img.img2 {top: 40px;}
	.product_900seS6 .wpCenterSub>div{width: 100%;}
	.product_900seS7 .wpCenterSub>div{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.product_900seS7 .fl{text-align: center;}
	.product_900seS8{
		height: 160px;
	}
	.product_900seS8 .wpCenterSub{padding-top: 40px;}
	
	.t_text_item{
		display: block !important;
		margin-top: 5px;
	}
	.t_text_item .tit {
	    font-size: 16px;
	    line-height: 45px;
	    padding-right: 0px;
	    text-align: left;
	    border: none;
	    width: 100%;
	}
	.t_text_item .info {
	    width: 100%;
	    font-size: 12px;
	    display: flex;
	    align-content: center;
	    flex-wrap: wrap;
	    font-weight: 400;
	    color: #333;
	}
	
	.t_s_txt_list{
		
	}
	
	.t_tem_list{
		padding-top: 0px;
	}
	.t_tem_list li{
		width: 100%;
	}
	.t_tem_list li .infosTxt h1{
		font-size: 18px !important;
	}
	.t_tem_list li .infosTxt span{
		font-size: 14px;
	}
	.t_tem_list li .infosTxt p{
		font-size: 12px;
		margin-top: 0px;
		padding-top: 6px;
	}
	.t_s_txt_list .item{
		margin-top: 10px;
		display: block;
	}
	.t_s_txt_list .item .tit,
	.t_s_txt_list .item .infos{width: 100%;}
	.t_s_txt_list .item .tit{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.t_s_txt_list .item .tit span{
		font-size: 14px;
	}
	.t_s_txt_list .item .infos p{font-size: 14px; line-height: 24px;}
	.t_s_txt_list .item .infos p img{width: 100%;}
	.subBodyTit span{
		    font-size: 12px;
		    display: block;
	}
	
	.footer{
		margin-top: 30px;
		padding-top: 30px;
	}
	.footer .f-logo{
		display: none;
	}
	.footer .f-nav{
		display: none;
	}
	.footer .ewm{
		width: 40%;
		margin: 0 auto;
	}
	.footer .f-copay{
		display: block;
		width: 90% !important;
		margin: 10px auto;
		font-size: 10px;
		line-height: 20px;
	}
	.footer .f-copay .c,
	.footer .f-copay .IPC,
	.footer .f-copay .c span{
		display: block;
		text-align: center;
		margin: 0;
	}
	
	
}

@media screen and (max-width: 1600px) {	
	/* .header .nav li a,
	.header .onlineShop{
		line-height: 120px;
	}
	
	*/
   
	.banner .focus .banner-item .img0{
		top:40%;
		left: -50px;
		width: 70%;
	}
	.banner .focus .banner-item .img01{
		bottom: 80px;
		right: -80px;
		width: 80%;
	}
}