/*DC.min*/



@charset "utf-8";



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



}

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

       

}

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

	    

}

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

	   

}

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

     

}

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

	     

}

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

        

}

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

        

}

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

	    

}

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

	    

}

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

	

}

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

        

        html.ac-gn-noscroll,

        html.ac-gn-noscroll body{overflow:hidden; height:100%;}

        

        .ion-head-pc{display:none;}

        .ion-head-ph{display:block;}

        

        .ion-body{min-height:calc(100vh - 5rem); margin:5rem auto 0px;}

        

        .ionic-nav{display:block;}

        

        .ng-inswipes{padding-bottom:36%;}

        .ng-inswipes .v-btn{top:-100%;}

        .ng-inswipes .pagination{bottom:1.2rem; left:1rem; right:1rem;}

        .ng-inswipes .swiper-pagination-switch{width:2rem; height:2rem; margin:0px .6rem;}

        .ng-inswipes .ke-min{width:.8rem; height:.8rem; margin-top:-.4rem; margin-left:-.4rem;}

        .ng-inswipes .ke-max{width:1.2rem; height:1.2rem; margin-top:-.6rem; margin-left:-.6rem;}

        

        .ion-collap{padding:1.2rem 0px;}

        .ion-collap .vs-kos{min-height:5rem; padding:0px 0px 0px 6.4rem;}

        .ion-collap .vs-kio{width:5rem; height:5rem; }

        .ion-collap .vs-kinfo{padding:.3rem 0px 0px;}

        .ion-collap .vs-ktit{line-height:2.2rem; font-size:1.4rem;}

        .ion-collap .vs-ktext{line-height:2.2rem; font-size:1.4rem;}

        .ion-collap .vs-dos{height:5rem;}

        

        .ion-advan .vs-col{width:33.32%;}

        .ion-advan .vs-dos{margin:0px auto 1.2rem;}

        .ion-advan .vs-ico{width:7rem;}

        .ion-advan .vs-tit{font-size:1.38rem; margin:1rem auto 1rem;}

        

        .ion-outer-padd{padding:2.2rem 0px;}

        

        .ion-outhe{margin:0px auto 1.6rem;}

        .ion-outhe .ou-sell{width:26rem;}

        .ion-outhe .ou-kelle{height:5rem;}

        .ion-outhe .ou-kelle-box{height:2.8rem; bottom:3px;}

        .ion-outhe .ou-kelle-vkv{height:3px; bottom:2px;}

        .ion-outhe .ou-kelle-top{bottom:3rem; width:5.4rem;}

        .ion-outhe .ou-kelle-tit{left:7rem; right:7rem; height:4rem; line-height:4rem; font-size:2.2rem;}

        .ion-outhe .ou-kent{font-size:2rem;}

        .ion-tap{margin:0px auto 1.2rem;}

        .ion-tap ul li{margin:0px .4rem .8rem; font-size:1.3rem;/* padding:.8rem 1rem;*/}

        .in-viue-pro .vi-row{margin-left:-.4rem; margin-right:-.4rem;}

        .in-viue-pro .vi-padd{padding-left:.4rem; padding-right:.4rem;}

        

        .in-viue-pro .vi-ikk-tit{padding:0px 1rem; font-size:1.52rem;}

        .in-viue-pro .vi-dos{margin:0px auto 1rem;}

        .in-viue-pro .vi-col{width:50%;}

        

        

        .in-viue-case .vi-row{margin-left:-.4rem; margin-right:-.4rem;}

        .in-viue-case .vi-padd{padding-left:.4rem; padding-right:.4rem;}

        .in-viue-case .vi-col{width:50%;}

        

        .in-viue-case .vi-tit{padding:0px 1rem; margin:.8rem 0px;}

        .in-viue-case .vi-ico>span{width:2.6rem;}

        

        .in-viue-news .vi-row{margin-left:-.6rem; margin-right:-.6rem;}

        .in-viue-news .vi-padd{padding-left:.6rem; padding-right:.6rem;}

        .in-viue-news .vi-list ul li{margin:0px auto 1.2rem;}

        .in-viue-news .vi-sks{padding:1rem;}

        .in-viue-news .vi-sini{padding:0px 0px 0px 14rem; min-height:7rem;}

        .in-viue-news .vi-pic{width:13rem;}

        .in-viue-news .vi-info-tit{height:2.4rem; line-height:2.4rem; font-size:1.4rem;}

        .in-viue-news .vi-info-date{height:1.6rem; line-height:1.6rem; font-size:1.3rem;}

        .in-viue-news .vi-info-text{height:3.2rem; line-height:1.6rem; font-size:1.3rem;}

        

        .in-viue-more a{margin:1.4rem auto .4rem; width:11rem; height:3.2rem; line-height:3.2rem; font-size:1.4rem;}

        

        .in-viue-regard .vi-col-7{width:50%;}

        .in-viue-regard .vi-col-5{width:50%;}

        .in-viue-regard .vi-row{margin-left:-.8rem; margin-right:-.8rem;}

        .in-viue-regard .vi-padd{padding-left:.8rem; padding-right:.8rem;}

        .in-viue-regard .vi-catlist .kv-row{margin-left:-.8rem; margin-right:-.8rem;}

        .in-viue-regard .vi-catlist .kv-padd{padding-left:.8rem; padding-right:.8rem;}

        .in-viue-regard .vi-catlist .kv-dos{margin:0px auto 1.4rem;}

        .in-viue-regard .vi-catlist .kv-text{height:4.4rem; line-height:2.2rem; font-size:1.36rem;}

        

        .ion-end .ev-pap{padding:1.6rem 0px;}

        .ion-end .ev-soks{padding-bottom:1.8rem; margin:0px auto 1.8rem;}

        .ion-end .ev-soks-ini{padding:0px 1.4rem;}

        .ion-end .ev-soks-ini .sk-dios-ini{padding:0px 0px 0px 6rem; min-height:6rem;}

        .ion-end .ev-soks-ini .sk-dios-info{max-width:14rem;}

        .ion-end .ev-soks-ini .sk-dios-ico{width:5rem; height:5rem;}

        .ion-end .ev-soks-ini .sk-dios-tit{line-height:2.4rem; font-size:1.4rem;}

        .ion-end .ev-soks-ini .sk-dios-text{line-height:2.32rem; font-size:1.36rem;}

        

        .ion-end .ev-copy{padding:.6rem 0px;}

        .ion-end .ev-copy-text{line-height:2.64rem; font-size:1.36rem;}

        

        .ine-announ{padding-bottom:28%;}

        

        .ine-pos{padding:.5rem 0px;}

        .ine-pos .vs-skini{padding:0px 0px 0px 2.6rem; min-height:2.6rem;}

        .ine-pos .vs-skico{width:2.6rem; height:2.6rem; top:50%; margin-top:-1.3rem; font-size:1.46rem;}

        .ine-pos .vs-sktit{line-height:2.6rem; font-size:1.38rem;}

        

        .ion-ctos ul li{width:28%;}

        .ion-ctos .sks-link{padding:.5rem;}

        .ion-ctos .sks-link-ini{padding:0px 0px 0px 3.4rem;}

        .ion-ctos .sks-link-ico{width:2.6rem; height:2.6rem; margin-top:-1.3rem;}

        .ion-ctos .sks-link-tit{height:3rem; line-height:3rem; font-size:1.34rem;}

        

        .in-viue-pro .vi-tcsk-ini{padding:.7rem;}

        .in-viue-pro .vi-tcsk-tit{height:2.4rem; line-height:2.4rem; font-size:1.36rem;}

        .in-viue-page{margin:1.4rem auto 0px;}

        .in-viue-page a,

        .in-viue-page span{padding:.5rem .72rem; font-size:1.3rem;}

        

        .vios-pics .vk-box{width:100%; max-width:30rem;}

        .vios-info{max-width:30rem;}

        .vios-cont{line-height:2.4rem; font-size:1.4rem;}

        

        .vios-info .vk-thos{margin:0px auto 1rem; line-height:3rem; font-size:1.8rem; padding:0px 8px;}

        .vios-info .vk-info .table>tbody>tr>td,

        .vios-info .vk-info .table>tbody>tr>th,

        .vios-info .vk-info .table>tfoot>tr>td,

        .vios-info .vk-info .table>tfoot>tr>th,

        .vios-info .vk-info .table>thead>tr>td,

        .vios-info .vk-info .table>thead>tr>th{font-size:1.36rem;}

        

        .viue-case-list .vi-row{margin-left:-.6rem; margin-right:-.6rem;}

        .viue-case-list .vi-padd{padding-left:.6rem; padding-right:.6rem;}

        .viue-case-list .vi-dos{margin:0px auto 1.4rem; width:100%; padding:0px;}

        .viue-case-list .vi-pic{width:100%; position:static; padding-bottom:51%; height:0px;}

        .viue-case-list .vi-pic-ini{position:absolute; top:0px; left:0px; width:100%; height:100%;}

        .viue-case-list .vi-tcsk-ini{padding:1rem 1.1rem;}

        

        .viue-case-list .vi-tcsk-tit{height:3.2rem; line-height:2.6rem; font-size:1.46rem; margin:0px auto .4rem;}

        .viue-case-list .vi-itne-tit{font-size:1.26rem;}

        

        .vios-patit{margin:0px auto 1.4rem;}

        .vios-patit .vie-tit{font-size:1.8rem; line-height:3.2rem;}

        .vios-patit .vie-date{font-size:1.4rem; line-height:2.4rem;}

        

        .viue-news-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}

        .viue-news-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}

        .viue-news-list .vi-dos{margin:0px auto 1.6rem;}

        .viue-news-list .vi-tcsk-tit{height:2.6rem; line-height:2.6rem; font-size:1.46rem;  margin:0px auto .34rem;}

        .viue-news-list .vi-tcsk-date{height:2rem; line-height:2rem; font-size:1.34rem; margin:0px auto .6rem;}

        .viue-news-list .vi-tcsk-more a{padding:.4rem .82rem; font-size:1.2rem;}

        

        .viue-ccie-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}

        .viue-ccie-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}

        

        .viue-ccie-list .vi-tcsk{margin:.8rem auto 0px;}

        .viue-ccie-list .vi-dos{margin:0px auto 1.2rem;}

        .viue-ccie-list .vi-tcsk-tit{height:2.4rem; line-height:2.4rem; font-size:1.4rem;}

        

        .viue-video-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}

        .viue-video-list .vi-col{width:50%;}

        .viue-video-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}

        .viue-video-list .vi-dos{margin:0px auto 1.2rem;}

        .viue-video-list .vi-vitit{height:2.4rem; line-height:2.4rem; font-size:1.5rem;}

        

        .viue-video-list .vi-video-play{width:3rem; height:3rem; margin-top:-1.5rem; margin-left:-1.5rem;}

        

        .vios-video{width:100%; max-width:70rem; margin:0px auto 1.4rem;}

        

        .viue-rcontact .ve-left{width:100%; float:none;}

        .viue-rcontact .ve-right{width:100%; float:none;}

        

        .viue-rcontact .ve-map{height:0px; padding-bottom:40%;}

        

        .viue-rcontact .ve-kinfo{min-height:auto; background-size:100% auto;}

        .viue-rcontact .ve-kinfo-ini{padding:1.6rem 1.4rem;}

        .viue-rcontact .ve-kinfo-coname{margin:0px auto 1.1rem; line-height:2.6rem; font-size:1.7rem;}

        .viue-rcontact .ve-kinfo-tls li{margin:0px auto .6rem;}

        .viue-rcontact .ve-ini{min-height:2.8rem; padding:0px 0px 0px 3.8rem;}

        .viue-rcontact .ve-ico{width:2.8rem; height:2.8rem; margin-top:0px;}

        .viue-rcontact .ve-text{line-height:2.8rem; font-size:1.4rem;}

        

        .ion-end .ev-cks-cotes{position:relative; top:0px; margin:.6rem auto 0px; height:auto;}

	    

	    .ion-end .ev-cks-cotes-text{position:relative; display:block; margin:0px auto .6rem; line-height:2.1rem; font-size:1.34rem;}

        

        .in-viue-page .vk-skinput input{height:2.8rem; font-size:1.34rem;}

        .in-viue-page .vk-sksubmit{height:2.8rem; font-size:1.34rem;}



} 

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



}

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

	    .in-viue-news .vi-col{width:100%;}

	    .in-viue-news .vi-one{margin:0px auto 1.4rem;}

	    

	    .in-viue-case .vi-doc .vi-sell{opacity:1; filter:alpha(opacity=100);}

	    .in-viue-case .vi-sell table{

	    	opacity:1; filter:alpha(opacity=100);

	    	-webkit-transform: translate(0px,0px);

		    -moz-transform: translate(0px,0px);

		    -ms-transform: translate(0px,0px);

		    -o-transform: translate(0px,0px);

		    transform: translate(0px,0px);

	    }

	    .in-viue-regard .vi-col-7{width:100%;}

	    .in-viue-regard .vi-col-5{width:100%;}

	    .in-viue-regard .vi-video{margin:0px auto 1.4rem;}

	    .in-viue-regard .vi-catlist .kv-row{margin-left:-.6rem; margin-right:-.6rem;}

        .in-viue-regard .vi-catlist .kv-padd{padding-left:.6rem; padding-right:.6rem;}

        .ion-end .ev-soks-ini{padding:.3rem 0px;}

	    .ion-end .ev-soks-ini .sk-col{width:100%;}

	    .ion-end .ev-soks-ini .sk-dios{display:block;}

	    .ion-end .ev-soks-ini .sk-dios-info{max-width:100%;}

	    .ion-end .ev-soks-ini .sk-dios-ini{min-height:5rem; margin:0px auto 1.2rem;}

	    

	    .ion-end .ev-soks{padding-bottom:.8rem; margin:0px auto 1.6rem;}

	    

	    .ion-end .ev-cks-code{width:8rem;}

	    

	    

	    .ion-ctos ul li{width:46%; margin:0px 2%; float:left; display:block;}

	    .ion-ctos .sks-link{padding:.5rem .8rem; margin:0px auto .6rem;}

	    

	    

	    .vios-pethe{padding:0px; margin:0px auto 1.4rem;}

	    

	    .vios-pics{position:relative; width:100%; margin:0px auto 1.4rem;}

	    .vios-pics .vk-box{max-width:42rem;}

	    .vios-pics .vk-show{max-width:28rem; margin:0px auto 1rem;}

	    .vios-info{max-width:42rem;}

	    

	    .viue-news-list .vi-col{width:50%;}

	    

	    .viue-news-list .vi-tcsk-tit{height:2.26rem; line-height:2.26rem; font-size:1.4rem;  margin:0px auto .26rem;}

        .viue-news-list .vi-tcsk-date{ font-size:1.34rem; margin:0px auto .42rem;}

        

        .viue-ccie-list .vi-col{width:50%;}

        

        .viue-video-list .vi-video-ini{padding:.8rem;}

        

        .viue-rcontact .ve-map{padding-bottom:80%;}

        

        .in-viue-hint{font-size:1.6rem;}

        

        .ng-wins ul li{width:5.4rem;}

        .ng-wins .ve-btn{padding:.4rem;}

        .ng-wins .ve-btn-ico{width:2.6rem; height:2.6rem; margin:0px auto .3rem;}

        .ng-wins .ve-btn-tit{line-height:1.92rem; font-size:1.24rem;}

        

}

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

        .in-viue-case .vi-col{width:100%;}

}

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

 

}

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

       

}

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

   

}

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

    

}

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



}

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

   

}

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

     

}

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

	   .ng-inswipes .pagination{height:2.2rem; bottom:.4rem;}

	   .ng-inswipes .ke-min{width:.7rem; height:.7rem; margin-top:-.35rem; margin-left:-.35rem;}

	   .ng-inswipes .swiper-pagination-switch{margin:0px .3rem 0px;}

	   

	   .ion-collap{padding:.6rem 0px;}

       .ion-collap .vs-kos{min-height:4.4rem; padding:0px 0px 0px 5.6rem;}

       .ion-collap .vs-kio{width:4.2rem; height:4.2rem; }

       .ion-collap .vs-kinfo{padding:.2rem 0px 0px;}

       .ion-collap .vs-ktit{line-height:2rem; font-size:1.32rem;}

       .ion-collap .vs-ktext{line-height:2rem; font-size:1.32rem;}

       .ion-collap .vs-padd{text-align:center;}

       .ion-collap .vs-dos{height:4.4rem; display:inline-block;}

       

       .ion-advan .vs-col{width:50%;}

       .ion-advan .vs-dos{margin:0px auto 1.4rem;}

       .ion-advan .vs-ico{width:5rem;}

       .ion-advan .vs-tit{font-size:1.32rem; margin:1rem auto 1rem;}

       

       .ion-outhe{margin:0px auto 1.4rem;}

       .ion-outhe .ou-sell{width:20rem;}

       .ion-outhe .ou-kelle-top{ width:3.6rem;}

       .ion-outhe .ou-kelle-tit{font-size:1.7rem; width:12rem; left:50%; margin-left:-6rem;}

       .ion-outhe .ou-kent{font-size:1.6rem;}

       

       .in-viue-pro .vi-ikk-tit{font-size:1.42rem;}

       .in-viue-pro .vi-ikk-label{font-size:1.36rem;}

       

       .ion-tap ul li{font-size:1.22rem;}

       .in-viue-news .vi-info-text{font-size:1.2rem;}

       

       .ion-end .ev-copy-text{line-height:2.3rem; font-size:1.34rem;}

       

       .ine-pos .vs-sktit{line-height:2.6rem; font-size:1.34rem;}

       

       .ion-ctos .sks-link-ico{width:2.2rem; height:2.2rem; margin-top:-1.1rem;}

       .ion-ctos .sks-link-tit{height:2.6rem; line-height:2.6rem; font-size:1.3rem;}

       

       .vios-pics .vk-cetap{padding:0px 3.2rem;}

       .vios-pics .vk-ceswiper-row{margin-left:-.3rem; margin-right:-.3rem;}

       .vios-pics .vk-ceswiper-padd{padding-left:.3rem; padding-right:.3rem;}

       

       .viue-case-list .vi-col{width:100%;}

       

       .viue-ccie-list .vi-dos{margin:0px auto 1rem;}

       .viue-ccie-list .vi-tcsk-tit{height:2.2rem; line-height:2.2rem; font-size:1.36rem;}

}

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



}

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

   

}

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

  	 

}

/*iphone6 plus - iphone6s plus*/

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

        

}

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

       

} 

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

      .ng-paddor, .zh-padd{padding-left:.8rem; padding-right:.8rem;}

}

/*iphone6 - iphone6s */

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

       .ng-inpadd{padding-left:1rem; padding-right:1rem;}

       .ng-head .he-padd{padding:0px .72rem;}

}

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

       html{font-size:56.5%;}

           

                  

}

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

         

}

/*iphone5 - iphone5s and 5e,5s*/

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

    



}