﻿@charset "utf-8";
/* CSS Document */
/*跨大区间分辨率共用*/
@media screen and ( min-width:1280px ) and ( max-width:1440px ){
	#fp-nav.left{ left:0px;}
	.nav-home li a{ font-size:38px;}
	.slide-wrap li.bn1 .waper-slmk{ margin-left:-299px; margin-top:-181px; width:598px; height:362px;}
	.slide-wrap li.bn1 .waper-slmk .img img{ width:532px; height:288px;}
	.slide-wrap li.bn2 .waper-slmk{ margin-left:-348px; margin-top:-181px; width:696px; height:362px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:480px; height:313px;}
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-430px; margin-top:-181px; width:860px; height:362px;}
	.slide-wrap li.bn3 .waper-slmk .img img{ width:580px; height:282px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ letter-spacing:18px;}
	.service .page2{  height:600px; margin-top:-300px;}
	.waper-page2-ban{ height:366px;}
	.waper-page2-ban .lft-slide{ width:385px; height:366px;}
	.waper-page2-ban .rit-slide{ width:557px; height:366px;}
.case .page4{height:460px; margin-top:-230px;}
	.hd-slide{ width:100px; height:50px; margin-left:-18px; margin-top:-25px;}
	.hd-slide a{ height:50px;}
	.hd-slide .dlft{ background:url(../img/page2-jt.png) no-repeat 16px center;}
	.hd-slide .dlft:hover{ background:url(../img/page2-jt.png) no-repeat -45px center; background-color:#fff;}
	.hd-slide .drit{ background:url(../img/page2-jt1.png) no-repeat -166px center;}
	.hd-slide .drit:hover{ background:url(../img/page2-jt1.png) no-repeat -107px center; background-color:#fff;}
	.waper-page2-ban .lft-slide dl{ padding-left:30px;}
	.waper-page2-ban .lft-slide dt{ margin-top:45px;}
	.waper-page2-ban .lft-slide h2{ margin-top:42px; font-size:34px;}
	.waper-page2-ban .lft-slide p{ margin-top:50px; font-size:14px;}
	.waper-page2-ban .rit-slide .video-wen{ font-size:30px; line-height:12;}
	.waper-page2-ban .rit-slide video{ min-width:0; width:651px; min-height:366px; height:auto; position:absolute; left:0; top:0;}	
	.choose .page3{ width:1036px; height:412px; margin-left:-518px; margin-top:-170px;}
	.choose .waper-page3-top{ height:79px;}
	.choose .waper-page3-top .sub-left-tit{ height:79px;}
	.choose .waper-page3-top .sub-left-tit img{ height:79px;}
	.waper-page3-top .sub-recommended ul li h4{ margin-bottom:14px;}
	.waper-page3-top .sub-recommended{ width:410px;}
	.waper-page3-bom{ height:276px;}
	.waper-page3-bom ul li{ width:234px; height:276px; margin-right:33px;}
	.waper-page3-bom ul li .kg1{ width:234px; height:276px;}
	.waper-page3-bom ul li .kg2{ width:234px; height:276px;}
	.waper-page3-bom ul li .kg2 .logk2{ margin:10px auto 0;}
 .pingpai .page6{ width:1200px; margin-left:-518px;  height:520px;   margin-top: -260px;}
	.section4 .page4{ height:500px; margin-top:-212px;}
	.section4 .waper-page4-top .sub-nei-rit .sub-right-tit{ height:75px;}
	.section4 .waper-page4-top .sub-nei-rit .sub-right-tit img{ height:65px;}
	.waper-slide-move{ margin-top:20px;}
	.waper-slide-move .sub-internal-move ul li h4 small{ line-height:2.3;}
	.waper-bom-switch{ margin-top:8px;}
	.section5 .page5{ width:1200px; height:430px; margin-top:-176px; margin-left:-600px;}
	.section5 .page5 .waper-lft-nb .sub-wen-big img{ width:300px;}
	.section5 .page5 .waper-rit-nb{ width:60%;}
	.section5 .page5 .waper-rit-nb p{ font-size:24px;}
	.section5 .page5 .waper-rit-nb p strong{ font-size:35px;}
	.section6 .page6{ width:1200px; height:460px; margin-top:-185px; margin-left:-600px;}
	.waper-page6-top .sub-wen-tit img{ height:96px;}
	.waper-page6-top .sub-most-lb{ left:625px;}
	.waper-page6-bottom{ margin-top:30px;}
	.waper-banner-opit ul li article{ margin-right:20px; width:220px;}
	.section7 .page7{ width:1200px; margin-left:-600px; height:374px; margin-top:-187px;}
	.section7 .page7 .sub-pl-lft h3{ font-size:35px; line-height:1.2;}
	.section7 .page7 .sub-pl-lft .qq,
	.section7 .page7 .sub-pl-lft .copyright{ margin-top:30px;}
	.waper-line{ bottom:10px;}
	.mouse-animte{ bottom:55px;}
	
	}

@media screen and ( min-width:768px ) and ( max-width:1279px ){
.choose .page3{ width:1036px; height:412px; margin-left:-518px; margin-top:-170px;}
.service .page2{  height:600px; margin-top:-300px;}
.case .page4{height:460px; margin-top:-230px;}
	.choose .waper-page3-top{ height:79px; }
	.choose .waper-page3-top .sub-left-tit{ height:79px;}
	.choose .waper-page3-top .sub-left-tit img{ height:79px;}
	.waper-page3-top .sub-recommended ul li h4{ margin-bottom:14px;}
	.waper-page3-top .sub-recommended{ width:410px;}
	.waper-page3-bom{ height:276px;}
	.waper-page3-bom ul li{ width:234px; height:276px; margin-right:33px;}
	.waper-page3-bom ul li .kg1{ width:234px; height:276px;}
	.waper-page3-bom ul li .kg2{ width:234px; height:276px;}
	.waper-page3-bom ul li .kg2 .logk2{ margin:10px auto 0;}
      .pingpai .page6{ width:1200px; margin-left:-518px; height:520px;   margin-top: -260px;}
	.nav-home li a{ font-size:26px;}
	.header-pc{ display:none;}
	.header-moblie{ top:5px; display:block;}
	.header-moblie .logo{ margin-left:30px;}
	.nav-moblie{ margin-right:30px;}
	.slide-wrap li.bn1 .waper-slmk{ margin-left:-299px; margin-top:-181px; width:598px; height:362px;}
	.slide-wrap li.bn1 .waper-slmk .img img{ width:532px; height:288px;}
	.slide-wrap li.bn2 .waper-slmk{ margin-left:-348px; margin-top:-181px; width:696px; height:362px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:480px; height:313px;}
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-430px; margin-top:-181px; width:860px; height:362px;}
	.slide-wrap li.bn3 .waper-slmk .img img{ width:580px; height:282px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ letter-spacing:18px;}	
 
  }
@media screen and ( min-width:640px ) and ( max-width:767px ){
	.nav-home li a{ font-size:20px;}
	.header-pc{ display:none;}
	.header-moblie{ top:5px; display:block;}
	.header-moblie .logo{ margin-left:15px;}
	.nav-moblie{ margin-right:15px;}
	#fp-nav{ display:none;}
	.slide-wrap li.bn1 .waper-slmk,
	.slide-wrap li.bn2 .waper-slmk,
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-240px; margin-top:-156px; width:480px; height:312px;}
	.slide-wrap li.bn1 .waper-slmk .img img,
	.slide-wrap li.bn3 .waper-slmk .img img{ width:100%; height:230px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:100%; height:254px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ font-size:14px; letter-spacing:15px;}	
	.mouse-animte{ bottom:45px;}
  }
	
@media screen and ( min-width:320px ) and ( max-width:639px ){
	.nav-home li a{ font-size:18px;}
	.header-pc{ display:none;}
	.header-moblie{ top:0px; display:block;}
	.header-moblie .logo{ margin-left:8px;}
	.nav-moblie{ margin-right:8px;}
	#fp-nav,
	.waper-line{ display:none;}
	.slide-wrap li.bn1 .waper-slmk,
	.slide-wrap li.bn2 .waper-slmk,
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-150px; margin-top:-156px; width:300px; height:312px;}
	.slide-wrap li.bn1 .waper-slmk .img img,
	.slide-wrap li.bn3 .waper-slmk .img img{ width:100%; height:170px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:100%; height:198px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ font-size:14px; letter-spacing:10px;}	
	.mouse-animte{ bottom:45px;}
	
	}
	
/*跨小区间分辨率共用*/
@media screen and ( min-width:1600px ) and ( max-width:1919px ){
    .waper-line{ bottom:30px;}
	.mouse-animte{ bottom:80px;}
	
	}

@media screen and ( min-width:1441px ) and ( max-width:1599px ){

	
	}

@media screen and ( min-width:1360px ) and ( max-width:1440px ){

 }


@media screen and ( min-width:1280px ) and ( max-width:1359px ){

	
	}

@media screen and ( min-width:941px ) and ( max-width:1279px ){

	
	}

@media screen and ( min-width:768px ) and ( max-width:940px ){

	
	}

@media screen and ( min-width:640px ) and ( max-width:767px ){

	
	}

@media screen and ( min-width:414px ) and ( max-width:639px ){

	
	}
	
@media screen and ( min-width:320px ) and ( max-width:413px ){

	
	}





