@charset "utf-8";
/* CSS Document */
@media screen and ( min-width:320px ) and ( max-width:639px ) {
	 /* moblie-pc and moblie-yd min-width:414px */
	.ghh {
		width:40px;
		height:30px;
		border:none;	
	} 
	.fwkh{display: block;}
	.gh {
		margin-right:1px;
	}
	.gh a{
		margin-top:-6px;
	}
	.gb-nav{
		 padding:1px 0;
	}
	
	.slide  video{ display: none;}
	
	header {
		top: -100%;
	}
	
	.gb-nav {
		width: 100%;
		left: 50%;
		margin-left: -50%;
		top: 0%;
		background-color: rgba(0,0,0,0.5);
	}
	
	.gb-nav{ padding:2px 0;}
	.ghh{ border:none !important;}
	.gh a{ height:3px;}
	.gh a:before,
	.gh a:after{ height:3px;}
	.gh a:before{ top:-7px;}
	.gh a:after{ top:7px;}

	.gb-nav .logo {
		margin-left: 30px;
	}

	#fp-nav {
		display: none;
	}

	.moblie-nav {
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}

	.moblie-nav .mob-sub-nav {
		width: 320px;
		left: 50%;
		margin-left: -160px;
	}

	.moblie-nav .mob-sub-nav ul li {
		width: 50%;
	}

	.moblie-nav .mob-sub-nav ul li dl dd {
		width: 110px;
	}

	.moblie-nav .mob-sub-nav ul li.mob3 {
		display: none;
	}
	 /*.moblie-nav .mob-sub-nav ul li.mob3 p span{ font-size:18px; margin-top:7px;}
	 .moblie-nav .mob-sub-nav ul li.mob3 p.img3 font{ width:140px;}*/
	.pages .cont {
		width: 100%;
		left: 50%;
		margin-left: -50%;
	}

	.cont2 .sub-nei-ct1 {
		width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
		top:11%;
	}

	.cont2 .sub-nei-ct1 .img {
		width: 400px;
		height: 150px;
		display: none !important;
	}

	.cont2 .sub-nei-ct1 .img img {
		width: 400px;
		height: 150px;
	}

	.slide .slid-img {
		position: absolute;
		width: 300px;
		top:330px;
		margin-left: -150px;
		
	}

	.slide .slid-img img {
		width: 300px;
		display:none;
	}

	.cont2 .sub-nei-ct1 .list {
		width: 320px;
		margin: 0 auto;
	}

	.cont2 .sub-nei-ct1 .list li {
		margin: 15px 0;
	}

	.cont2 .sub-nei-ct1 .list li span {
		font-size: 13px;
	}

	.cont2 .sub-nei-ct2 {
		width: 320px;
		position: absolute;
		left: 50%;
		margin-left: -160px;
		bottom: 10%;
	}

	.cont2 .sub-nei-ct2 .tit {
		width: 90%;
		margin: 0 auto;
	}

	.cont2 .sub-nei-ct2 .tit h3 strong {
		font-size: 20px;
	}

	.cont2 .sub-nei-ct2 .tit h4 {
		margin-top: 45px;
		font-size: 18px !important;
	}

	.cont2 .sub-nei-ct2 .tit p {
		margin-top: 18px;
	}

	.cont3 .xxk .tu {
		display: none;
	}

	.cont3 .xxk, 
	 .cont4 .xxk {
		width: 320px;
		position: absolute;
		left: 50%;
		margin-left: -160px;
	}

	.cont3 .xxk .list-qie {
		bottom: 11%;
		width: 320px;
		left: 50%;
		margin-left: -160px;
		height: 100px;
	}

	.cont3 .xxk .list-qie li {
		float: left;
		width: 33.333%;
	}

	.cont3 .xxk .list-qie li dl {
		border-bottom: none;
		border-right: 1px solid #fff;
		padding-bottom: 0;
	}

	.cont3 .xxk .list-qie li:last-child dl {
		border: none;
	}

	.cont3 .xxk .wen .tit {
		width: 90%;
		margin: 0 auto;
	}

	.cont3 .xxk .wen {
		margin-left: 0px;
		height: inherit;
		margin-top: 75px;
		width: 100%;
	}

	.cont3 .xxk .wen .tit h4 {
		margin-top: 20px;
		font-size: 18px !important;
	}

	.cont3 .xxk .wen .tit h3 strong {
		font-size: 20px;
	}

	.cont3 .xxk .wen .tit p {
		margin-top: 18px;
	}

	.cont4 .xxk .tu {
		display: none;
	}

	.cont4 .xxk .list-qie {
		left: 0px;
		width: 320px;
		height: 100px;
		bottom: 11%;
	}

	.cont4 .xxk .list-qie li {
		float: left;
		width: 33.333%;
	}

	.cont4 .xxk .list-qie li dl {
		padding-bottom: 0;
		border-bottom: none;
		border-right: 1px solid #ED6C00;
	}

	.cont4 .xxk .list-qie li:last-child dl {
		border: none;
	}

	.cont4 .xxk .wen {
		width: 100%;
		
		height: inherit;
		margin-top: 75px;
	}
	
	.cont4 .xxk .wen .tit{ width: 90%; margin:0 auto;}

	.cont4 .xxk .wen .tit h4 {
		margin-top: 20px;
		font-size: 18px !important;
	}

	.cont4 .xxk .wen .tit h3 strong {
		font-size: 20px;
	}

	.cont4 .xxk .wen .tit p {
		margin-top: 18px;
	}

	.cont5 .sub-nei-ct1 {
		width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
		margin-top:165px;
	}

	.cont5 .sub-nei-ct1 .img {
		width: 400px;
		height: 150px;
		display: none !important;
	}

	.cont5 .sub-nei-ct1 .img img {
		width: 400px;
		height: 150px;
	}

	.cont5 .sub-nei-ct1 .list {
		width: 320px;
		margin: 0 auto;
	}

	.cont5 .sub-nei-ct1 .list li {
		margin: 15px 0;
	}

	.cont5 .sub-nei-ct1 .list li span {
		font-size: 12px;
	}

	.cont5 .sub-nei-ct2 {
		width: 320px;
		position: absolute;
		left: 50%;
		margin-left: -160px;
		bottom: 11%;
	}

	.cont5 .sub-nei-ct2 .tit {
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	.cont5 .sub-nei-ct2 .tit h3{
		right: auto;
		left: 16px;
	}
	.cont5 .sub-nei-ct2 .tit h3 strong {
		font-size: 20px;
	}

	.cont5 .sub-nei-ct2 .tit h4 {
		margin-top: 44px;
		font-size: 18px !important;
	}

	.cont5 .sub-nei-ct2 .tit p {
		margin-top: 18px;
		width: 100%;
		text-align: left;
	}

	.cont6 .in-dd {
		display: none;
	}

	.in-dd-cp {
		position: absolute;
		width: 320px;
		left: 50%;
		margin-left: -160px;
		top:5px;
	}

	.in-dd-cp ul {
		margin-top: 25px;
	}

	.in-dd-cp ul li {
		width: 130px;
		height: 130px;
		margin-left: 16px;
		margin-right: 10px;
		margin-top:10px !important;
	}

	.in-dd-cp ul li dl dd {
		height: auto;
	}

	.in-dd-cp ul li dl dd h3 {
		top: 50px;
	}

	.in-dd-cp ul li dl dd p {
		margin-top: -24px;
	}

	.in-dd-cp ul li:hover dl dd h3 {
		top: 58px;
	}

	.in-dd-cp ul li:hover dl dd p {
		top: 97px;
	}

	.cont7 .sub-lft {
		float: none;
		margin: 0 auto;
	}

	.cont7 .sub-rit {
		display: none;
	}

	.cont7 .sub-rit {
		position: absolute;
		width: 320px;
		left: 50%;
		margin-left: -160px;
	}

	.cont7 .sub-rit .top-cat p {
		width: 100%;
	}

	.cont7 .sub-rit .top-cat p a,
	 .cont7 .sub-rit .top-cat h4 {
		padding-left: 15px;
	}

	.cont7 .sub-rit .top-cat .sub-tit3 {
		top: -20px;
	}

	.cont7 .lj {
		height: 77px;
	}

	.cont7 .lj p {
		text-align: left;
		padding-left: 15px;
	}

	.cont7 .lj p img {
		display: block;
		margin: 0;
	}

	.max-logo .max-sub-logo {
		width: 101%
	}

	.max-logo .max-sub-logo li {
		width: 49.5%;
		height: 157px;
	}

	.max-logo .max-sub-logo li .hs1,
	 .max-logo .max-sub-logo li .hs2 {
		width: 100%;
	}

	.max-logo .max-sub-logo li .hs1 img,
	 .max-logo .max-sub-logo li .hs2 img {
		width: 100%;
		height: 157px;
	}

	footer {
		height: 252px;
	}

	.foot,
	 .foot .fot-lft {
		width: 100% !important;
	}

	.foot .wb,
	 .foot .tel,
	 .foot .mid-fot {
		display: none;
	}

	.foot .fot-lft .top-fot {
		margin-top: 15px;
	}

	.foot .fot-lft .top-fot .flsm {
		float: none;
		margin: 0 auto;
	}

	.bot-fot {
		text-align: center;
	}

	.fot-rit {
		float: none;
		margin: 60px auto 0;
	}

	.delu {
		display: none;
	}

	.foot .fot-lft .top-fot .flsm {
		width: 100%;
		text-align: center;
	}
   .foot .fot-lft .top-fot .flsm font {
		width: 100%;
		text-align: center;
		margin-left:0px;
	}
	.cont4 .write-bg2,
	 .cont3 .write-bg {
		width: 100%;
	}

	.section8 {
		background-color: #34373F;
	}
	
	.cen .mainCase .videoMove ul li{}
	
	.cen .mainCase .videoMove ul li .anz {
		width: 60%;
		top:130px;
		margin-left:1px;
	}
	
	.cen .mainCase .videoMove ul li .anz:nth-child(2n){ display:none;}
	
	.cen .mainCase .zouyou{ left:18px; bottom:11%;}
	
	.bot-tit h3 {
		width: 95%;
		margin: 62px 0 0 10px;
		font-size: 14px !important;
	}

	.bot-tit p {
		width: 95%;
		margin: 2px 0 0 10px;
	}

	.top-tit dl dt {
		width: 100%;
	}

	.top-tit dl dd {
		display:none;
		width: 240px;
	}

	.top-tit dl dd p {
		width: 95%;
		font-size: 14px;
	}

	.top-tit dl dt img {
		width: 100%;
		height: 164px;
	}
	.right-fdd{ display:none !important;}
	
	.right-fdd2{ display:none !important;}
	
    .act{ display:none;}

    .slide video{ display: none;}

    .moblie-bg-banner{ display: block;}
	
}

@media screen and ( min-width:640px ) and ( max-width:1150px ) {
	 /* moblie-pc and moblie-yd min-width:640px */
	html,body {
		width: 640px;
		margin: 0 auto !important;
		overflow: hidden;
		background: #000;
	}

	header {
		top: -100%;
	}

	.gb-nav {
		width: 640px;
		left: 50%;
		margin-left: -320px;
		top: 0%;
		background-color: rgba(0,0,0,0.5);
	}

	.gb-nav .logo {
		margin-left: 30px;
	}

	#fp-nav {
		display: none;
	}

	.moblie-nav {
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}

	.moblie-nav .mob-sub-nav {
		width: 600px;
		left: 50%;
		margin-left: -300px;
	}

	.moblie-nav .mob-sub-nav ul li dl dd {
		width: 130px;
	}

	.moblie-nav .mob-sub-nav ul li.mob3 p span {
		font-size: 18px;
		margin-top: 7px;
	}

	.moblie-nav .mob-sub-nav ul li.mob3 p.img3 font {
		width: 140px;
	}

	.pages .cont {
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}

	.cont2 .sub-nei-ct1 {
		width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
		top:11%;
	}

	.cont2 .sub-nei-ct1 .img {
		width: 400px;
		height: 150px;
	}

	.cont2 .sub-nei-ct1 .img img {
		width: 400px;
		height: 150px;
	}

	.cont2 .sub-nei-ct1 .list {
		width: 400px;
	}

	.cont2 .sub-nei-ct1 .list li {
		margin: 15px 0;
	}

	.cont2 .sub-nei-ct1 .list li span {
		font-size: 13px;
	}

	.cont2 .sub-nei-ct2 {
		width: 500px;
		position: absolute;
		left: 50%;
		margin-left: -250px;
		bottom: -20%;
	}

	.cont2 .sub-nei-ct2 .tit h3 strong {
		font-size: 20px;
	}

	.cont2 .sub-nei-ct2 .tit h4 {
		margin-top: 45px;
		font-size: 18px !important;
	}

	.cont2 .sub-nei-ct2 .tit p {
		margin-top: 18px;
	}

	.cont3 .xxk .tu {
		display: none;
	}

	.cont3 .xxk, .cont4 .xxk {
		width: 640px;
		position: absolute;
		left: 50%;
		margin-left: -320px;
	}

	.cont3 .xxk .list-qie {
		right: 30px;
	}

	.cont3 .xxk .wen {
		margin-left: 30px;
		height: inherit;
		margin-top: 50px;
	}

	.cont3 .xxk .wen .tit h4 {
		margin-top: 20px;
		font-size: 18px !important;
	}

	.cont3 .xxk .wen .tit h3 strong {
		font-size: 20px;
	}

	.cont3 .xxk .wen .tit p {
		margin-top: 18px;
	}

	.cont4 .xxk .tu {
		display: none;
	}

	.cont4 .xxk .list-qie {
		left: 30px;
	}

	.cont4 .xxk .wen {
		margin-right: 30px;
		height: inherit;
		margin-top: 50px;
	}

	.cont4 .xxk .wen .tit h4 {
		margin-top: 20px;
		font-size: 18px !important;
	}

	.cont4 .xxk .wen .tit h3 strong {
		font-size: 20px;
	}

	.cont4 .xxk .wen .tit p {
		margin-top: 18px;
	}

	.cont5 .sub-nei-ct1 {
		width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
	}

	.cont5 .sub-nei-ct1 .img {
		width: 400px;
		height: 150px;
	}

	.cont5 .sub-nei-ct1 .img img {
		width: 400px;
		height: 150px;
	}

	.cont5 .sub-nei-ct1 .list {
		width: 400px;
	}

	.cont5 .sub-nei-ct1 .list li {
		margin: 15px 0;
	}

	.cont5 .sub-nei-ct2 {
		width: 500px;
		position: absolute;
		left: 50%;
		margin-left: -250px;
		bottom: -20%;
	}

	.cont5 .sub-nei-ct2 .tit h3 strong {
		font-size: 20px;
	}

	.cont5 .sub-nei-ct2 .tit h4 {
		margin-top: 44px;
		font-size: 18px !important;
	}

	.cont5 .sub-nei-ct2 .tit p {
		margin-top: 18px;
	}

	.cont6 .in-dd {
		display: none;
	}

	.in-dd-cp {
		position: absolute;
		width: 566px;
		left: 50%;
		margin-left: -283px;
	}

	.cont7 .sub-lft {
		float: none;
		margin: 0 auto;
	}

	.cont7 .sub-rit {
		display: none;
	}

	.cont7 .sub-rit {
		position: absolute;
		left: 50%;
		margin-left: -264px;
	}

	.cont7 .sub-rit .top-cat .sub-tit3 {
		top: -20px;
	}

	.max-logo .max-sub-logo {
		width: 101%
	}

	.max-logo .max-sub-logo li {
		width: 49.5%;
	}

	.max-logo .max-sub-logo li .hs1,
	 .max-logo .max-sub-logo li .hs2 {
		width: 100%;
	}

	.max-logo .max-sub-logo li .hs1 img,
	 .max-logo .max-sub-logo li .hs2 img {
		width: 100%;
		height: inherit;
	}

	footer {
		height: 252px;
	}

	.foot,
	 .foot .fot-lft {
		width: 100% !important;
	}

	.foot .wb,
	 .foot .tel,
	 .foot .mid-fot {
		display: none;
	}

	.foot .fot-lft .top-fot {
		margin-top: 50px;
	}

	.foot .fot-lft .top-fot .flsm {
		float: none;
		margin: 0 auto;
	}

	.bot-fot {
		text-align: center;
	}

	.fot-rit {
		float: none;
		margin: 123px auto 0;
	}

	.delu {
		display: none;
	}

	.section8 {
		background-color: #34373F;
	}
	.right-fdd{ display:none;}
	
	.right-fdd2{ display:none;}
}

@media screen and ( min-width:1280px ) and ( max-width:1360px ) {
	.slide video {
		position: absolute;
		z-index: 0;
		top: -93px;
		left: 50%;
		margin-left: -670px;
		min-width: 0px;
		width: 1335px;
		min-height: 768px;
		height: auto;
	}

	.cont2 .sub-nei-ct1 {
		right: 54px;
	}

	.cont2 .sub-nei-ct2 {
		left: 88px;
	}

	.cont2 .sub-nei-ct2 .tit {
		top: -185px;
	}

	.cont2 .sub-nei-ct2 .tit p {
		width: 90%;
	}

	.cont3 .write-bg {
		/*background-color: rgba(49,52,60,0.7);*/
		background-color: rgba(255,255,255,0.7);
	}

	.cont4 .write-bg2 {
		/*background-color: rgba(49,52,60,0.7);*/
		background-color: rgba(137,200,27,0.7);	
	}

	.cont5 .sub-nei-ct2 {
		bottom: 86px;
	}

	.cont5 .sub-nei-ct2 p {
		width: 58%;
		float: right;
	}

	.cont7 {
		margin-top: -238px;
	}

	.in-dd-cp ul li {
		margin-right: 15px;
	}

	.max-logo .max-sub-logo li {
		width: 159px;
		height: 151px;
	}

	.cont5 .sub-nei-ct1 {
		left: 49px;
	}

	.cont5 .sub-nei-ct2 {
		right: 54px;
	}

	.max-logo .max-sub-logo li .hs1 img {
		width: 159px;
		height: 151px;
	}

	.max-logo .max-sub-logo li .hs2 img {
		width: 159px;
		height: 151px;
	}

	footer {
		height: 174px;
	}

	.foot .fot-lft .top-fot {
		margin-top: 40px;
	}

	.fot-rit {
		margin-top: 40px;
	}

	.cont6 .in-dd .nei-img1 {
		top: 31px;
	}

	.cont6 .in-dd .nei-img1 img {
		width: 224px;
	}

	.cont6 .in-dd .nei-img2 img {
		width: 230px;
		top: 107px;
		left: 100px;
	}
   /*.cont6 .in-dd .nei-img1 img{ width:300px;}
   .cont6 .in-dd .nei-img2 img{ width:255px;}*/
  /* .act{ position:absolute;}*/
}

@media screen and ( min-width:1360px ) and ( max-width:1439px ) {
	.slide video {
		position: absolute;
		z-index: 0;
		top: -93px;
		left: 50%;
		margin-left: -703px;
		min-width: 0px;
		width: 1466px;
		min-height: 768px;
		height: auto;
	}

	.slide .slid-img {
		width: 706px;
		height: 184px;
		position: absolute;
		left: 50%;
		margin-left: -353px;
		top: 50%;
		margin-top: -145px;
		z-index: 9
	}




	.slide .slid-img img {
		width: 706px;
	}
	.act{ position: absolute;}

	@media screen and (-webkit-min-device-pixel-ratio:0){ 
		.slide .slid-img,
		.act{ position:fixed;} 
	}

	.cont2 .sub-nei-ct2 {
		bottom: 20px;
	}

	.cont5 .sub-nei-ct2 {
		bottom: 20px;
	}

	.cen .mainCase .videoMove ul li {
		margin-top: 25px;
	}

	.top-tit dl dd {
		height: 145px;
	}

	.top-tit dl dt {
		height: 145px;
	}

	.top-tit dl dt img {
		height: 145px;
	}

	.bot-tit {
		height: 145px;
	}

	.bot-tit h3 {
		margin: 54px 0 0 30px;
	}

	.bot-tit p {
		margin: 10px 0 0 30px
	}

	.cont7 .sub-rit {
		margin-top: 79px;
	}

	.cont7 .sub-rit .top-cat h4 {
		margin: 65px auto 0;
	}

	.cont7 .sub-rit .top-cat {
		height: 371px;
	}

	.max-logo .max-sub-logo li {
		width: 170px;
		height: 135px;
	}

	.max-logo .max-sub-logo li .hs1 img {
		width: 170px;
		height: 135px;
	}

	.max-logo .max-sub-logo li .hs2 img {
		width: 170px;
		height: 135px;
	}

	footer {
		height: 224px;
	}

	.foot .fot-lft .top-fot {
		margin-top: 60px;
	}

	.fot-rit {
		margin-top: 32px;
	}
	
	.sub-tit {
		left: 90px;
    }
}

@media screen and ( min-width:1440px ) and ( max-width:1599px ) {
	.slide video {
		position: absolute;
		z-index: 0;
		top: -93px;
		left: 50%;
		margin-left: -785px;
		min-width: 0px;
		width: 1640px;
		min-height: 900px;
		height: auto;
	}

	.cont2 .sub-nei-ct2 {
		bottom: -30px;
	}

	.cont5 .sub-nei-ct2 {
		bottom: -30px;
	}

	.max-logo .max-sub-logo li {
		width: 179px;
		height: 138px;
	}

	.max-logo .max-sub-logo li .hs1 img {
		width: 179px;
		height: 138px;
	}

	.max-logo .max-sub-logo li .hs2 img {
		width: 179px;
		height: 138px;
	}

	footer {
		height: 345px;
	}

	.foot .fot-lft .top-fot {
		margin-top: 115px;
	}

	.fot-rit {
		margin-top: 115px;
	}
}

@media screen and ( min-width:1600px ) and ( max-width:1919px ) {
	.slide video {
		position: absolute;
		z-index: 0;
		top: -93px;
		left: 50%;
		margin-left: -960px;
		min-width: 0px;
		width: 2000px;
		min-height: 900px;
		height: auto;
	}

	.cont2 .sub-nei-ct2 {
		bottom: -20px;
	}

	.cont5 .sub-nei-ct2 {
		bottom: -20px;
	}

	.max-logo .max-sub-logo li {
		width: 199px;
		height: 176px;
	}

	.max-logo .max-sub-logo li .hs1 img {
		width: 199px;
		height: 176px;
	}

	.max-logo .max-sub-logo li .hs2 img {
		width: 199px;
		height: 176px;
	}

	footer {
		height: 232px;
	}

	.foot .fot-lft .top-fot {
		margin-top: 60px;
	}

	.fot-rit {
		margin-top: 60px;
	}
}