@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote, th,td ,span{ margin:0; padding:0; box-sizing: border-box; }
body{ color: #000; font-family: 'Microsoft Yahei'; padding-bottom: 100px; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: 100% atuo; background-attachment: fixed; background-color:#000; } 
.clearboth { clear:both;}


@media screen and (min-width: 1600px) {
    body {
        min-width:1900px;
		overflow-x:hidden;
    }
	.page { height:857px}
	.imgpage {height:957px;}
}

img{ border:0;} 
a{ text-decoration:none;} 
li{ list-style:none;} 

.part_1 { position:relative; background:url(../images/page1.jpg); background-repeat:no-repeat; background-color:#bf1e2d; background-size:auto 100%; background-position:center;}
.part_1 .logo  { text-align:center; line-height:0px; font-size:0;}
.part_1 .logo img { width:504px; padding-top:30px;}


.part_2 { position:relative; background:url(../images/page2.jpg); background-repeat:no-repeat; background-color:#000; background-size:auto 100%; background-position:center;}
.part_2 .gaishu { width:55%; margin:0 auto; padding-top:10%; font-size:18px; line-height:35px;}
.part_2 .gaishu h1 { padding-bottom:30px;}

.page_3_ov { position:relative;}
.part_3 { position:relative; background:url(../images/page3_1.jpg); background-repeat:no-repeat; background-color:transparent;  background-size:auto 100%; background-position:center; z-index:99;
}
.p3left {
	width:50%; background:#bf1e2d; position:absolute; left:0; top:0;
}
.p3right { width:50%; background:#000; position:absolute; right:0; top:0;}
.updown { text-align:center; color:#fff; position:absolute; width:100%; top:65%}
.updown i { display:block; margin-bottom:10px; }
.animated2 {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated2.fadeInDown {-webkit-animation:fadeInDown 1s infinite linear ;}
.page3_2 {position:relative; background:url(../images/page_3_2.png); background-repeat:no-repeat; background-color:transparent;background-size:106% auto ; background-position:left;}
.p3cont { width:1600px; margin: 0 auto;}
.lef_menu { float:left; width:240px; padding-top:50px;}
.lef_menu a { display:block;}
.lef_menu a:link,.lef_menu a:visited { color:#000000; height:80px; line-height:80px; font-size:24px;}
.lef_menu a:hover,.lef_menu a.hover { font-weight:bold;}
.right_cont { float:left; width:1158px; padding-top:66px;}
.imgbox li{ float:left; text-align:center; margin-right:50px; margin-bottom:20px;}
.imgbox li img { border-radius:20px; cursor:pointer;}
.imgbox li p { height:60px; line-height:30px; padding-top:10px; cursor: pointer; }
.timetb { width:770px;}
.timetb li{ border-bottom:solid 2px #000; position:relative; line-height:40px; padding:10px 0;}
.timetb li img { position:absolute; right:0; top:20px; line-height:0px; font-size:0px;}
.timetb li a:link,.timetb li a:visited { color:#000;}
.timetb li p span{ display:inline-block;}
.timetb li p span:first-child { width:435px;}
.timetb li:last-child {  border:none;}
.mtzs { position:relative; background:url(../images/mtzs_bg.png); background-repeat:no-repeat; background-color:#000;  background-position: right top; }
.mtzs ul{ width:1000px; margin:0 auto; padding-top:86px; }
.mtzs ul li { height:60px; line-height:60px; font-size:18px; color:#fff;}
.mtzs ul li a:link,.mtzs ul li a:visited { color:#fff;}
.mtzs ul li a { float:left;}
.mtzs ul li span { float:right;}
.partner {  width:100%; text-align:center; padding:20px 0; position:absolute; bottom:0px;}
.openbox { background-image:url(../images/bg.jpg);background-repeat:no-repeat; background-size:100% auto ; background-position:left top; position:fixed; width:100%; left:0; right:0;top:0; z-index:998; display:none;}
.close { position:absolute; right:10px; top:10px; cursor:pointer;}
.text_info {position:absolute; right:60px; bottom:240px;}
.buy {position:absolute; right:260px; bottom:100px;}
.juzhao {position:absolute; right:60px; bottom:100px;}


.pop_banner { position:fixed; width:988px; z-index:999; top:10%; left:50%; margin-left:-494px; display:none;}
.pop_banner i { position:absolute; width:20px; height:20px;  right:15px; top:15px; z-index:9; background-image:url(../images/s16.png); background-size:cover;}
.pop_banner .hd {
	display: none
}

.pop_banner .bd li {
	width: 988px
}

.pop_banner .bd img {
	width: 988px
}

.pop_banner .pop_btn {
	width: 103px;
	height: 22px;
	position: absolute;
	bottom: 36px
}

.pop_banner .pop_btn.prev {
	background: url('../images/s13.png') no-repeat center center;
	left: 70px;
	bottom:-50px;
}

.pop_banner .pop_btn.next {
	background: url('../images/s14.png') no-repeat center center;
	right: 70px;
	bottom:-50px;
}
#bgflow {background-color:rgba(0,0,0,.8); position:fixed; width:100%; height:100%; z-index:998; top:0; left:0; right:0; bottom:100px; display:none;}

.footer { height:100px; background-color:#000; position: fixed; left:0; right:0; bottom:0; text-align:center; z-index:99;}
.footer a { display:inline-block; margin:52px 58px 0 58px; width:16px; height:16px; border:solid 4px #bf1e2d; border-radius:50%; cursor:pointer; position:relative;}
.footer a i { position:absolute; top:-44px; left:-50%; display:none;}
.footer a.active { background-color:#bf1e2d;}
.footer a.active i { display:block;}

.chncpalogo { position: absolute;right:105px; top:20px;}



.nav a:hover i { display:block;}
.nav a:hover  { background-color:#bf1e2d;}

@media screen and (max-width: 1600px) {
    body {
        min-width:1200px; overflow-x:hidden;
    }
	.chncpalogo { position: absolute;right:100px; top:20px;}
	.page {min-height: 577px;}
	.imgpage {height:677px;}
	.part_1 .logo img { width:404px; padding-top:20px;}
	.part_2 .gaishu { width:52%; margin:0 auto; padding-top:8%; font-size:12px; line-height:25px;}
	.part_2 .gaishu h1 { padding-bottom:20px;}
	.updown { text-align:center; color:#fff; position:absolute; width:100%; top:62%}
	.updown i { display:block; margin-bottom:10px; }
	.updown i img { height:15px;}
	.page3_2 {position:relative; background:url(../images/page_3_2.png); background-repeat:no-repeat; background-color:transparent;background-size:116% auto ; background-position:left;}
	.p3cont { width:1200px; margin: 0 auto;}
	.lef_menu { float:left; width:220px; padding-top:50px;}
	.lef_menu a { display:block;}
	.lef_menu a:link,.lef_menu a:visited { color:#000000; height:80px; line-height:70px; font-size:20px;}
	.lef_menu a:hover,.lef_menu a.hover { font-weight:bold;}
	.right_cont { float:left; width:980px; padding-top:66px;}
	.imgbox li{ float:left; text-align:center; margin-right:50px; margin-bottom:20px;}
	.imgbox li img { border-radius:20px; cursor:pointer; width:280px}
	.imgbox li p { height:70px; line-height:35px; }
	.timetb { width:580px;}
	.timetb li{ border-bottom:solid 2px #000; position:relative; line-height:40px; padding:10px 0;font-size:14px;}
	.timetb li img { position:absolute; right:0; top:20px; line-height:0px; font-size:0px;}
	.timetb li p span{ display:inline-block;}
	.timetb li p span:first-child { width:310px;}
	.timetb li:last-child {  border:none;}
	
	.mtzs { position:relative; background:url(../images/mtzs_bg.png); background-repeat:no-repeat; background-color:#000;  background-position: right top; }
	.mtzs ul{ width:1000px; margin:0 auto; padding-top:66px; }
	.mtzs ul li { height:50px; line-height:50px; font-size:16px; color:#fff;}
	.mtzs ul li a:link,.mtzs ul li a:visited { color:#fff;}
	.mtzs ul li a { float:left;}
	.mtzs ul li span { float:right;}
	
	
	.partner {  width:100%; text-align:center;padding:20px 0;position:relative; }
	.openbox { background-image:url(../images/bg.jpg);background-repeat:no-repeat; background-size:100% auto ; background-position:left top; position:fixed; width:100%; left:0; right:0;top:0; z-index:998; display:none;}
	.close { position:absolute; right:10px; top:10px; cursor:pointer;}
	.text_info {position:absolute; right:60px; bottom:190px; height:280px;}
	.buy {position:absolute; right:200px; bottom:120px; }
	.juzhao {position:absolute; right:60px; bottom:120px;}
	.buy  img,.juzhao img {height:50px;}

	

	.pop_banner { position:fixed; width:700px; z-index:999; top:10%; left:50%; margin-left:-350px; display:none;}
	.pop_banner i { position:absolute; width:20px; height:20px;  right:15px; top:15px; z-index:9; background-image:url(../images/s16.png); background-size:cover;}
	.pop_banner .hd {
		display: none
	}

	.pop_banner .bd li {
		width: 700px
	}

	.pop_banner .bd img {
		width: 700px
	}

	.pop_banner .pop_btn {
		width: 103px;
		height: 22px;
		position: absolute;
		bottom: 30px
	}

	.pop_banner .pop_btn.prev {
		background: url('../images/s13.png') no-repeat center center;
		left: 50px
	}

	.pop_banner .pop_btn.next {
		background: url('../images/s14.png') no-repeat center center;
		right: 50px
	}
}