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

@media screen and (max-width:640px)
    {
        
        input[type="submit"],
        input[type="reset"],
        input[type="button"],
        input[type="text"],
        button {
        -webkit-appearance: none;
        }
    
    * {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    
    .amore .share{ display:none;}

    .header{ height:60px;}
    .headerH{ height:140px;}
    .header .con{ width:100%; height:60px;}
    .header .nav{ display:none;}
    .header .logo{ position:absolute; left:50%; width:136px; top:12px; margin:0; margin-left:-68px;}
    
    .header,
    .header .nav dt a{ height:40px; line-height:40px; }
    .header .nav dt a:hover{ background:#06a7e2;}
    .header .nav dt a:active{ background:#48b9e7;}
    .header .logo{ margin-top:-2px; overflow:hidden;} 
    .header .nav dd{top:60px;}
    .header .nav dd a:hover{ background:#48b9e7;}
    .header .nav dd a:active{ background:#70d2ed;}
    
    .header .nav dt a.btn-search:active{ color:Red;}

    #searchTop dd{  position:absolute; right:0; left:auto; width:300px;}
    #searchTop dd input{ background:0; height:60px; width:280px; padding:0 10px; border:0; color:#fff;}
    
    .index-banner{ width:100%; height:auto; overflow:hidden;position:relative;}
    .index-banner-wrap{width:100%; position:relative; left:0; margin-left:-0;}
    .bx-controls-direction{ display:none;}
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto{bottom:0;}
    
    .phone-list{ display:block; position:absolute; right:12px;top:20px; width:24px;height:20px;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition: all .2s ease-in-out;}
    
    #svgh{ display:none;}
    
    .header .phone-list{top:16px;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition: all .2s ease-in-out;}
    
    .header .nav dt a{ height:60px; line-height:60px;}
    .header .nav{ float:none; position:absolute; left:0;top:0px;}
    .header-lear{background:#06a7e2; position:relative; left:0;top:0; width:100%; z-index:1000; height:60px;}
    
    #wrapper {
	    position: relative;
	    z-index: 1;
	    width: 100%;
	    height:60px;
	    background: #00a7e1;
	    /*overflow: hidden;*/
	    -ms-touch-action: none;
	    display:block;
    }
    

    #scroller {
	    position: absolute;
	    z-index: 1;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    width: 1000px;
	    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -o-transform: translateZ(0);
	    transform: translateZ(0);
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-text-size-adjust: none;
	    -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	    -o-text-size-adjust: none;
	    text-size-adjust: none;
    }
    
    #news-scroller
    {
	    position: absolute;
	    z-index: 1;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    width: 1000px;
	    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -o-transform: translateZ(0);
	    transform: translateZ(0);
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-text-size-adjust: none;
	    -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	    -o-text-size-adjust: none;
	    text-size-adjust: none;
        
        }
    #pro-scroller
    {
	    position: absolute;
	    z-index: 1;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    width: 1000px;
	    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -o-transform: translateZ(0);
	    transform: translateZ(0);
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-text-size-adjust: none;
	    -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	    -o-text-size-adjust: none;
	    text-size-adjust: none;
        
        }
        
    
    .header .nav{top:0px;}
    .header .nav dt a{ height:40px; line-height:40px;}
   
    .header .header-lear{ height:60px;}
     .header #wrapper{ height:80px;overflow: hidden;}
    
	.header .nav dl{ width:20%; text-align:center; overflow:hidden; font-size:0.7rem}
    .header .nav .phoneNav dd,
    .header .nav .phoneNav dd a{ height:40px; line-height:40px;}
    .header .nav .phoneNav .current a{ background:#70d2ed;}
	
    
    .se_list{ width:100%; overflow:hidden; padding:0;margin-top:8px;}
    .se_list .item{ margin:12px 16px 0; float:none; width:auto;}
    .se_list .item img{ width:100%; height:auto;}
    
	.shouye{width:92%; overflow:hidden; margin:0px auto;}
	.zuo{width:100%; float:none;}
	.you{width:100%; float:none; overflow:hidden;}
	.about1_c{ height:auto;}
	.about1_c .fl{ float:none;}
	.about1_c .fr{ float:none;}
	.about1_cr span{width: 100%;}
	
    .footer{ padding:20px 0;padding-bottom: 60px;}
    .footer .con{ width:100%;}
    .footer .con .ft-nav{ float:none; position:relative; padding-right:80px; margin-bottom:30px;}
    .footer .con .ft-nav a{ display:inline-block;margin-left:20px;}
    .footer .con .ft-nav a:last-child{ position:absolute; right:20px; top:0;}
    .footer .copy{ text-align:left; font-size:.8em; padding:0 20px;}
    .footer .copy .left,
    .footer .copy .right{ float:none; text-align:left;}
    
    .phone-hide{ display:none;}
    
    .inBanner{ height:214px;}
    .inBanner img{ height:214px; width:616px; margin-left:-308px;}
    .header .nav dd{ z-index:30; top:auto;}
    
    .inWrap{ width:auto; margin:-20px 12px 20px;}
    .wrapNews{width:auto; margin:20px 12px 20px;}
    .about-phoneimg { margin:0 20px;}
    .about-phoneimg img{ width:100%; height:auto;}
    .in-tit{ margin:0 20px; height:60px; line-height:60px; font-size:0.8rem;}
    .in-tit .selectNews span{ display:none;}
    .about-txt{ padding:0 20px 30px;}
    .about-txt .imgp{ margin:20px 0;}
    .about-txt .imgp img,
    .newsDetailImg img{ width:100%; height:auto;}
	.neirong{ width:90%;}
    
    .news-banner{ max-width:100%; min-width:100%; width:100%; position:relative;}
    .news-banner li div span{font-size:1em; padding-bottom:0;}
    .news-banner li div h3{ font-size:1.2em; line-height:1.2em; height:2.4em; }
    .newsList{ margin:0 20px;}
    .newsList dl{ padding:12px 0;}
    .newsList dt{ width:95px;margin-right:12px;}
    .newsList dt img{ width:100%; height:auto;margin-top:4px;}
    .newsList dd h3{ line-height:1em;max-height:2em; overflow:hidden; margin-bottom:5px;}
    
    .newsList dd {margin-left:0;}
    .newsList dd h3 a{ font-size:1em; line-height:.8em; }
    .newsList dd .txt{ font-size:1em; line-height:1.4em; height:2.8em;}
    .newsList dd p{ display:none;}
    .news-banner li{ height:170px; width:254px;}
    .news-banner li a,
    .news-banner{ height:170px;}
    .news-banner li img{ width:100%; height:100%;}
    .news-banner li .bg1{ height:100%; background-size:20%;}
    .news-banner li div{ top:80px;}
    
    .newsDetailWrap{ padding:20px 20px;}
    .newsDetailWrap .title{ font-size:1.5em; margin-bottom:20px;}
    .newsDetailWrap .share{display:none;}
    
    .joinSearch{ margin:0 20px; padding:12px;}
    .joinSearch input[type="text"]{ width:100%; margin-bottom:12px; font-size:1em;}
    .joinSearch select{ margin:0; width:100%; margin-bottom:12px; font-size:1em;}
    
    .joinSearch .btn{ text-align:center;margin:0;}
    .joinSearch .btn a{ width:140px;}
    
    .join-wraps{padding-bottom:30px;}
    .join-con, .join-tit{ margin:20px;}
    .jion-li .jw2,
    .jion-li .jw4,
    .contact-li .jw3,
    .contact-li .jw4,
    .jion-li .jw5{ display:none;}
    .jion-li .jw1{ width:60%}
    .jion-li .jw3{ width:40%}
    .wrapNews{padding-bottom:30px;}
    
    .contact-li .jw1{ width:70%}
    .contact-li .jw2{ width:30%;}
    .contact-li .jw1,
    .contact-li .jw2{ font-size:.85em;}
    .join-form{ margin:0 20px;}
    .join-1,
    .join-2{ padding:20px;}
    .join-1{ width:100%;}
    .join-1 li{ width:100%;margin:0 0 12px 0;}
    .join-1 li input[type="text"]{ width:100%;border-radius:0;}
    .join-1 li .oh{ width:100%;}
    .join-2 textarea{ width:100%;}
    .join-inputBtn input{ width:40%;}
    
    .join-2 .tbox{ width:94%;}
    
    .newDiv{ width:340px; padding-left:70px; height:36px; padding-top:5px;}
    .newDiv label{margin-right:10px;}

    .newDiv2{width:340px; padding-left:60px; height:36px; }
    .newDiv3{width:340px; padding-left:90px; height:36px; padding-top:5px;}
    .newDiv3 select{ border:1px solid #efeff0; padding:0 10px;}

    .join-1 li input.i-n{ width:80px; float:none;}
    .join-1 li input.i-y{ width:40px; float:none;}
    .join-1 li input.i-j{ width:120px; float:none;}

    .join-2{ background:#efeff0; padding:30px 0 30px 30px;margin-bottom:20px;}
    
    .contactList{ margin:0 20px; padding:20px 0;}
    .contactList li{ width:100%; height:auto; margin-bottom:20px;}
    
    .contact-down{ margin:0 20px 30px;}
    .contact-down p{ font-size:1em;}
    
    .jointxt{ padding:24px 0; text-align:justify;}
    
    #pro-banner {
	    position: relative;
	    z-index: 1;
	    width: 100%;
	    height:140px;
	    overflow: hidden;
	    -ms-touch-action: none;
	    display:block;
    }
    .product-ad{ z-index:10;}
    .pro-toplist li{ width:100px; height:110px; padding:10px; line-height:1em;}
    .pro-toplist li div{ width:100%; height:62px; padding:0;}
    .pro-toplist li div img{ width:100%; height:auto;}
    .pro-toplist li h3{ font-size:.75em;color:#06a7e2;}
    .pro-toplist li span{ font-size:.625em;}
    
    .product-ad{ height:auto;top:0; overflow:visible;}
    .product-ad .product-bg{ margin:0; height:auto;}
    .product-ad .adImg{display:none;}
    .product-ad .adImg2{ display:block; position:relative; left:0;top:20px; width:100%; text-align:center;}
    .product-ad .adImg2 img{ width:60%; height:auto;}
    .pop-con{ position:inherit; margin:0; text-align:center; width:auto;top:0; left:0; padding:5% 0 10%;}
    .pop-con .tit1{ font-size:1.25em; line-height:1.25em;}
    .pop-con .txt1{ font-size:.75em; height:auto;  width:80%; margin:4% auto;line-height:1.4em;}
    .pop-con .amore .txt a{ font-size:.75em;  line-height:1.2em;}
    .pop-con .amore li{ float:none; margin:0;}
    .pop-con .amore .btn a{ width:130px; height:36px; line-height:36px; font-size:.75em;}
    .pop-con .amore .btn a img{ width:16px; height:14px;}
    .video-con{ width:100%;}
    
    
    .Dproduct-ad{ background-size:cover; top:0; overflow:visible; height:auto;}
    .Dproduct-ad .product-bg{ margin:0;}
	.Dproduct-ad .shouji{height: 215px;overflow: hidden;display: block;position: relative;left: 0;top: 35%;width: 100%;text-align: center;margin: 0px;}
    .Dproduct-ad .adImg{display: block;position: relative;left: 0;top: 0;width: 100%;text-align: center; margin:0px;}
    .Dproduct-ad .adImg img{ position:inherit; width:60%; height:auto; max-width:230px; height:auto;}
    .Dproduct-ad .adImg2{ display:block; position:relative; left:0;top:20px; width:100%; text-align:center;}
    .Dproduct-ad .adImg2 img{ width:60%; height:auto; max-width:230px; height:auto;}
    .Dpop-con{ position:relative; margin:0; text-align:center; width:auto;top:0; left:0; padding:10%;}
    .Dpop-con .tit1{ font-size:1.25em; line-height:1.25em;}
    .Dpop-con .txt1{ font-size:.75em; height:auto;  width:80%; margin:4% auto;line-height:1.4em; display:block;}
    .Dpop-con .amore .txt a{ font-size:.75em;  line-height:1.2em;}
    .Dpop-con .amore li{ float:none; margin:0;}
    .Dpop-con .amore .btn a{ width:130px; height:36px; line-height:36px; font-size:.75em;}
    .Dpop-con .amore .btn a img{ width:16px; height:14px;}
    
    .proList{ width:auto;}
    .proList li{ float:none; width:auto; height:90px; margin:16px;}
    .proList li .imgs{ float:left; width:120px; height:90px; overflow:hidden; margin:0 24px 0 0;}
    .proList li .imgs img{ width:100%; height:auto; vertical-align:middle;}
    .proList li .txts{ padding:20px 0 0 0; text-align:left;}
    .proList li a{ height:90px;}
    .proList li h3{font-size:1.125em;}
    .proList li span{ font-size:.75em;}
    .proList li a:hover{ background:#fff;}
    .proList li a:hover h3{ color:#58595b}
    .proList li a:hover span{ color:#909295}
    .proList li a:active{ background:#06a7e2;}
    .proList li a:active h3,
    .proList li a:active span{ color:#fff;}
    
    .pro-detail-txt{ width:auto; margin:45px 10px 0;}
    .pdt-item-l .img img,
    .pdt-item-r .img img{ width:100%; height:auto;}
    .pdt-item-r .img,
    .pdt-item-r .txt,
    .pdt-item-l .img,
    .pdt-item-l .txt{ float:none;}
    .pdt-item-r .txt,
    .pdt-item-l .txt{ padding:10px 20px 20px; height:auto; width:auto;}
    .pdt-item .txt h4{ font-size:1.5em; margin-bottom:0; position:relative; z-index:30; line-height:1.6em;}
    .pdt-item .txt p{ font-size:1em; line-height:1.4em;}
    
    .proList2{ width:auto; margin:30px 0 0 0;}
    .tabList{ margin:0; left:0;}
    
    .pdt-canshu dl{ padding:30px 0;}
    .pdt-canshu dt{ margin:0 20px;}
    .pdt-canshu dd{ width:auto; margin:0 20px;}
    .pdt-canshu dd .oh{ width:auto;}
    .pdt-canshu dd p{ width:auto; float:none;}
    .btn-prod a{ margin:10px 0 0;}
    .pdt-item-r:before, .pdt-item-l:before
    {
        display:none;
        }
    .pdt-item-r .txt:before, .pdt-item-l .txt:before
    {
        content:"\20";
        position:absolute; left:0;top:-15px; width:100%; height:50px; background:#fff; z-index:2;

        transform: skewY(-4deg);
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);

        }
    
    .tabList a{ width:80px; height:50px; display:inline-block; float:none; margin-right:6px;}
    .tabList a.cur img{ width:80px; height:50px; border:2px solid #ffea40;}
    .tabList a img{ width:80px; height:50px;}
    
    .tabList{ bottom:-20px; top:auto; width:100%; text-align:center;}
    .Dpop-con .amore{margin-top:20px;}
    .Dpop-con .amore .txt{margin-top:15px;}
    
    .searList{ width:auto;margin:-20px 10px 20px;}
    .searList li{ width:50%; margin:0;border-left:1px solid #c0c1c1; border-bottom:1px solid #c0c1c1; margin-left:0; height:140px;}
    .searList li a{ height:140px;
                    
        -webkit-transition: all 0.01s ease;
	    -moz-transition: all 0.01s ease;
	    transition: all 0.01s ease;
    }
    .searList li a i{ width:50px; height:50px; margin:20px auto 0px;}
    .searList li.li1 i{ background-size:cover;}
    .searList li.li2 i{ background-size:cover;}
    .searList li.li3 i{ background-size:cover;}
    .searList li.li4 i{ background-size:cover;}
    .searList li a h3{ font-size:1.125em; margin:0;}
    .searList li a p{ font-size:0.75em;}
    .searList li a:hover{ background:none; }
    .searList li a:hover i{ background-position:left top;}   
    .searList li a:hover h3{ color:#58595b;}
    .searList li a:hover p{color:#909295;}
    
    .searList li a:active p{color:#909295;}
    .searList li a:active i{ background-position:left top;}
    .searList li a:active h3,
    .searList li a:active p{color:#909295;}
    
    
    .searvice-detail-txt{ width:auto; margin:45px 10px 0;}
    .searvice-item-l .img img,
    .searvice-item-r .img img{ width:100%; height:auto;}
    .searvice-item-r .img,
    .searvice-item-r .txt,
    .searvice-item-l .img,
    .searvice-item-l .txt{ float:none;}
    .searvice-item-r .txt,
    .searvice-item-l .txt{ padding:10px 20px 20px; height:auto; width:auto; z-index:20; position:relative;}
    .searvice-item .txt h4{ font-size:1.5em; margin-bottom:0; line-height:1.6em;}
    .searvice-item .txt p{ font-size:.75em; line-height:1.4em;}
    .searvice-item .txt i{position:relative; z-index:30; }
    .searvice-item .txt i img{ width:40px; height:40px;}
    .searvice-item .txt{ position:relative;}
    .searvice-item-r:before, .searvice-item-l:before
    {
        display:none;
        }
    .searvice-item-r .txt:before, .searvice-item-l .txt:before
    {
        content:"\20";
        position:absolute; left:0;top:-15px; width:100%; height:50px; background:#fff; z-index:2;

        transform: skewY(-4deg);
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);

        }
    


    .sSearch{ margin:0 16px}
    .newsList-search{ margin:15px 20px 0;}
    .sSearch input[type="text"]{ width:60%;margin:0;}
    .sSearch .btn{ width:40%;}
    .sSearch .btn a{ width:100%; text-align:center; padding:0;}
    .sSearch .btn a i{ width:16px;margin-right:3px; height:16px; position:relative; left:auto;top:5px; display:inline-block; background-size:cover;}
    
    .prodPro{ padding:0.5em 0.5em;}
    .prodPro .con-tit,
    .proCon{ margin:0 0.2em;}
    .prodPro .a{ display:none;}
	.prodPro .con-tit{ width:100%; font-size:0.8rem;}
	
    
    
    .cacBar .pic{ position:absolute; left:2px;bottom:0;}
    .cacBar .txt{ position:absolute; top:30px; font-size:1em; line-height:1.4em; width:200px; right:12px; left:auto;}
    .cacBar a.a1{ position:absolute; right:20px;top:80px;margin:0;width:200px; height:48px; line-height:48px; text-align:center;}
	
	.bohao{ display: block;
    position: fixed;
    left: 0px;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1.2rem;
    background: #00A7E1;
    text-align: center;
    width: 100%;}
	.bohao a{ color:#fff;}
}