/* ::::: http://www.dyqx.com/cssFullpage/jquery.fullPage.css ::::: */

html, body { margin: 0px; padding: 0px; }
#superContainer { height: 100%; position: relative; }
.section { position: relative; box-sizing: border-box; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0px; padding: 0px; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 10px; height: 10px; margin: 10px; position: relative; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background-color: rgb(192, 17, 17); }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 6px; background-color: rgb(153, 153, 153); position: absolute; z-index: 1; }
.section { text-align: center; font: 50px "Microsoft Yahei"; color: rgb(255, 255, 255); }
/* ::::: http://www.dyqx.com/cssFullpage/home.css ::::: */

* { padding: 0px; margin: 0px; text-decoration: none; }
body { color: rgb(204, 204, 204); font-family: "Microsoft Yahei",sans-serif; font-size: 16px; }
img { border: medium none; }
#header { width: 100%; background-color: rgb(255, 255, 255); box-shadow: 1px 0px 10px rgb(85, 85, 85); height: 80px; position: fixed; left: 0px; top: 0px; z-index: 999; opacity: 0; }
#header .wrapHeader { width: 1120px; background-color: rgb(255, 255, 255); margin: 0px auto; overflow: hidden; }
#header .wrapHeader .logo { margin: 11px 0px 13px; }
#header .wrapHeader ul.contactInfo { float: right; }
#header .wrapHeader ul.contactInfo li { display: inline-block; }
#header .wrapHeader ul.contactInfo .weixin { display: block; width: 37px; height: 30px; background: url("../images/weixin.png") repeat scroll 0% 0% transparent; transition: background 0.5s ease 0s; margin: 20px 10px 10px; }
#header .wrapHeader ul.contactInfo .weixin:hover { background: url("../images/weixin-.png") repeat scroll 0% 0% transparent; }
#header .wrapHeader ul.contactInfo .telLogo { display: block; width: 32px; height: 32px; background: url("../images/tel1.png") repeat scroll 0% 0% transparent; transition: background 0.5s ease 0s; margin: 20px 10px 10px; }
#header .wrapHeader ul.contactInfo .telLogo:hover { background: url("../images/tel.gif") repeat scroll 0% 0% transparent; }
#header .wrapHeader ul.contactInfo .telNum { font-size: 20px; float: right; line-height: 50px; }
#header .code img { float: left; margin-left: 65%; display: none; }
#header .dnCode { width: 35%; position: relative; left: 32%; height: auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 0px; letter-spacing: 0px; display: none; opacity: 0.9; color: rgb(85, 85, 85); }
#header .dnCode ul { list-style-type: none; width: 31%; background: none repeat scroll 0% 0% rgb(255, 255, 255); display: inline-block; padding: 1%; font-size: 15px; vertical-align: top; }
#header .dnCode ul li { text-align: center; }
#header .dnCode ul li img { width: 80%; height: 80%; }
.wrap { width: 1120px; margin: 0px auto; position: relative; text-align: center; }
.textLeft { text-align: left; }
.page1 { background: url('banner.jpg') repeat scroll 0% 0% / 100% 100% transparent; text-align: left; width: 100%; height: 900px; }
.page1 .cellphone { position: absolute; right: -20px; top: 35%; }
.page1 p { color: rgb(170, 0, 0); text-align: left; }
.page1 p.smallfont { font-size: 1.32em; display: inline-block; }
.page1 p.bigfont { font-size: 1.5em; margin-bottom: 0px; }
.page1 ul { text-align: left; list-style-type: none; display: inline-block; }
.page1 ul li { margin: 5px 3px 30px; color: rgb(81, 82, 79); }
.page1 ul li::before { content: " ●  "; }
.page1 a { font-size: 35px; text-align: center; color: rgb(255, 255, 255); position: relative; margin-bottom: 20%; display: inline-block; width: 230px; height: 66px; background: url('bgdn.png') no-repeat scroll 0% 0% transparent; }
.page1 a strong { height: 58px; vertical-align: top; font-weight: 400; display: inline; padding-left: 5px; line-height: 66px; position: relative; font-size: 32px; letter-spacing: 2px; }
.page1 .dn span { background: url('dn.png') repeat scroll 0% 0% transparent; width: 59px; height: 59px; display: inline-block; vertical-align: top; margin-top: 4px; position: relative; margin-left: -24px; z-index: 200; }
.page1 .reg span { background: url('8.png') repeat scroll 0% 0% transparent; width: 59px; height: 59px; display: inline-block; vertical-align: top; margin-top: 4px; position: relative; margin-left: -24px; z-index: 200; }
.page2 { text-align: center; }
.page2 p { margin-top: 15%; font-size: 0.7em; color: rgb(81, 82, 79); }
.page2 .funIntro { display: inline-block; width: 180px; height: 200px; }
.page2 .funIntro a.pic1 { background: url('fun01.png') repeat scroll 0% 0% transparent; width: 188px; height: 188px; display: block; transition: background 0.5s ease 0s; }
.page2 .funIntro a.pic1:hover { background: url('page2-a.png') repeat scroll 0% 0% transparent; }
.page2 .funIntro a.pic2 { background: url('fun02.png') repeat scroll 0% 0% transparent; width: 188px; height: 188px; display: block; transition: background 0.5s ease 0s; }
.page2 .funIntro a.pic2:hover { background: url('page2-b.png') repeat scroll 0% 0% transparent; }
.page2 .funIntro a.pic3 { background: url('fun03.png') repeat scroll 0% 0% transparent; width: 188px; height: 188px; display: block; transition: background 0.5s ease 0s; }
.page2 .funIntro a.pic3:hover { background: url('page2-c.png') repeat scroll 0% 0% transparent; }
.page2 .funIntro a.pic4 { background: url('fun04.png') repeat scroll 0% 0% transparent; width: 188px; height: 188px; display: block; transition: background 0.5s ease 0s; }
.page2 .funIntro a.pic4:hover { background: url('page2-d.png') repeat scroll 0% 0% transparent; }
.page2 .funIntro a.pic5 { background: url('fun05.png') repeat scroll 0% 0% transparent; width: 188px; height: 188px; display: block; transition: background 0.5s ease 0s; }
.page2 .funIntro a.pic5:hover { background: url('page2-e.png') repeat scroll 0% 0% transparent; }
.page2 .funIntro p { font-size: 22px; color: rgb(0, 0, 0); font-weight: 400; letter-spacing: 2px; margin: 30px 0px 10px; }
.page2 .funIntro ul { list-style-type: none; }
.page2 .funIntro ul li { font-size: 14px; color: rgb(85, 85, 85); line-height: 150%; }
.page2 a.arrow { display: block; margin-top: 220px; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
.page2 .noMarginRt { margin-right: 0px; }
.page3 { font-size: 14px; color: rgb(85, 85, 85); }
.page3 ul { list-style-type: none; position: relative; }
.page3 ul li { line-height: 1.5em; }
.page3 div.customerInfo { margin-top: 280px; overflow: hidden; }
.page3 div.customerInfo .red { color: rgb(170, 0, 0); }
.page3 div.customerInfo .right { float: right; }
.page3 div.customerInfo .smallMargin { position: absolute; bottom: 50px; right: 70px; }
.page3 div.customerInfo div.leftBox { float: left; width: 345px; height: 430px; }
.page3 div.customerInfo div.leftBox .firstbox { margin-top: 15px; background: url('kuang1.png') no-repeat scroll 0% 0% transparent; width: 280px; height: 174px; padding: 20px 60px 20px 20px; text-align: left; margin-bottom: 20px; }
.page3 div.customerInfo div.leftBox .secbox { background: url('kuang3.png') no-repeat scroll 0% 0% transparent; width: 280px; height: 174px; padding: 20px 60px 20px 20px; text-align: left; }
.page3 div.customerInfo div.centerBox { float: left; }
.page3 div.customerInfo div.rightBox { float: left; width: 350px; }
.page3 div.customerInfo div.rightBox .thirdbox { background: url('kuang2.png') no-repeat scroll 0% 0% transparent; width: 280px; height: 174px; padding: 20px 60px 20px 40px; text-align: left; margin-top: 15px; margin-bottom: 20px; }
.page3 div.customerInfo div.rightBox .fourthbox { background: url('kuang4.png') no-repeat scroll 0% 0% transparent; width: 280px; height: 174px; padding: 20px 60px 20px 40px; text-align: left; }
.page3 a { margin-top: 50px; display: inline-block; color: rgb(85, 85, 85); text-align: center; font-size: 20px; transition: color 0.5s ease 0s; }
.page3 a:hover { color: rgb(170, 0, 0); }
.page3 a.arrow { display: block; margin-top: 80px; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
.page4 .report { height: 70%; text-align: center; }
.page4 .report p { display: inline-block; font-size: 15px; line-height: 25px; color: rgb(85, 85, 85); width: 530px; margin-bottom: 20px; }
.page4 .report ul { list-style-type: none; width: 1120px; display: inline-block; margin-bottom: 20px; }
.page4 .report ul li { float: left; margin: 10px 20px; }
.page4 .report ul li a.more { width: 180px; height: 70px; font-size: 30px; text-align: center; line-height: 70px; color: rgb(170, 170, 170); background-color: rgb(255, 255, 255); display: inline-block; vertical-align: top; transition: background-color 0.5s ease 0s, color 0.5s ease 0s; }
.page4 .report ul li a.more:hover { color: rgb(170, 0, 0); }
.page4 footer { width: 100%; height: 20%; background: url('bottom.jpg') no-repeat scroll 100% center transparent; }
.page4 footer ul { list-style-type: none; }
.page4 footer ul li, .page4 footer p { color: rgb(255, 255, 255); display: inline-block; }
.page4 footer ul li { font-size: 18px; margin: 10px 20px; }
.page4 footer ul li a { color: rgb(255, 255, 255); transition: color 0.5s ease 0s; }
.page4 footer ul li a:hover { color: rgb(0, 0, 0); }
.page4 footer p { font-size: 13px; width: 370px; }
@media screen and (min-width: 1377px) {
	#header ul.navigation { text-align: center; list-style-type: none; float: right; }
	#header ul.navigation li { display: inline-block; position: relative; }
	#header ul.navigation li ul { display: none; }
	#header ul.navigation li:hover ul { display: block; position: fixed; top: 50px; left: 39%; height: 120px; width: 130px; border-radius: 15px; background: none repeat scroll 0% 0% white; opacity: 0.9; }
	#header ul.navigation li:hover ul li a { padding: 15px 15px 0px; border-top: 0px none; }
	#header ul.navigation li a { display: inline-block; text-decoration: none; padding-top: 25px; color: rgb(85, 85, 85); border-top: 5px solid rgb(255, 255, 255); transition: border-top 0.5s ease 0s; margin: 0px 10px; }
	#header ul.navigation li a:hover { border-top: 5px solid rgb(170, 0, 0); color: rgb(170, 0, 0); }
	#header ul.navigation .btn, #header ul.navigation .btnReg { padding: 5px 20px; border: 1px solid rgb(85, 85, 85); border-radius: 5px; transition: color 0.5s ease 0s; }
	#header ul.navigation .btn:hover, #header ul.navigation .btnReg:hover { background-color: rgb(170, 0, 0); border-top: medium none; color: rgb(255, 255, 255); }
}
@media screen and (max-width: 1450px) {
	#header ul.navigation { text-align: center; list-style-type: none; float: right; }
	#header ul.navigation li { display: inline-block; position: relative; }
	#header ul.navigation li ul { display: none; }
	#header ul.navigation li:hover ul { display: block; position: fixed; top: 50px ! important; left: 35% ! important; height: 120px; width: 130px; border-radius: 15px; opacity: 0.9; }
	#header ul.navigation li:hover ul li a { padding: 15px 15px 0px; border-top: 0px none; }
	#header ul.navigation li a { display: inline-block; text-decoration: none; padding-top: 25px; color: rgb(85, 85, 85); border-top: 5px solid rgb(255, 255, 255); transition: border-top 0.5s ease 0s; margin: 0px 10px; }
	#header ul.navigation li a:hover { border-top: 5px solid rgb(170, 0, 0); color: rgb(170, 0, 0); }
	#header ul.navigation .btn, #header ul.navigation .btnReg { padding: 5px 20px; border-top: 1px solid rgb(85, 85, 85); border-radius: 4px; transition: color 0.5s ease 0s; }
	#header ul.navigation .btn:hover, #header ul.navigation .btnReg:hover { background-color: rgb(170, 0, 0); border-top: medium none; color: rgb(255, 255, 255); }
}
@media screen and (max-height: 710px) {
	#header ul.navigation { text-align: center; list-style-type: none; float: right; }
	#header ul.navigation li { display: inline-block; position: relative; }
	#header ul.navigation li ul { display: none; }
	#header ul.navigation li:hover ul { display: block; position: fixed; top: 50px; left: 33%; height: 120px; width: 130px; border-radius: 15px; background: none repeat scroll 0% 0% white; opacity: 0.9; }
	#header ul.navigation li:hover ul li a { padding: 15px 15px 0px; border-top: 0px none; }
	#header ul.navigation li a { display: inline-block; text-decoration: none; padding-top: 25px; color: rgb(85, 85, 85); border-top: 5px solid rgb(255, 255, 255); transition: border-top 0.5s ease 0s; margin: 0px 10px; }
	#header ul.navigation li a:hover { border-top: 5px solid rgb(170, 0, 0); color: rgb(170, 0, 0); }
	#header ul.navigation .btn, #header ul.navigation .btnReg { padding: 5px 20px; border-top: 1px solid rgb(85, 85, 85); border-radius: 4px; transition: color 0.5s ease 0s; }
	#header ul.navigation .btn:hover, #header ul.navigation .btnReg:hover { background-color: rgb(170, 0, 0); border-top: medium none; color: rgb(255, 255, 255); }
	.page1 p.bigfont { margin-bottom: 0px; font-size: 1.3em; margin-top: 100px; display: block; }
	.page1 p { color: rgb(170, 0, 0); text-align: left; }
	.page1 p.smallfont { font-size: 0.8em ! important; }
	.page1 ul { text-align: left; list-style-type: none; line-height: 1.5em; vertical-align: middle; margin-left: 50px; }
	.page1 ul li { font-size: 20px; display: inline-block; margin: 5px 3px 20px; line-height: 0.8em; color: rgb(81, 82, 79); }
	.page1 ul li::before { content: " ●  "; }
	.page1 .cellphone { position: absolute; right: -20px; bottom: -25%; width: 60%; }
	.page1 ul { font-size: 30px; line-height: 25px; }
	.page1 .reg, .page1 .dn { margin-bottom: 10%; }
	.page1 p { margin-bottom: 2%; }
	.page2 p { margin-top: 100px; }
	.page2 .funIntro { margin: 5% 30px 5px 0px; }
	.page2 a.arrow { display: block; margin-top: 15%; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
	.page3 div.customerInfo { margin-top: 100px; overflow: hidden; }
	.page3 a.arrow { display: none; }
	.page4 ul { vertical-align: top; }
	.page4 ul li { margin: 1px 20px; }
	.page4 ul li img { width: 70%; }
	.page4 .report { margin-top: 6%; }
	.page4 .report .cutsomerUse { display: none; }
	.page4 .report p { margin-top: 3%; margin-bottom: 1%; vertical-align: top; }
	.page4 .report ul { margin-bottom: 0px; }
	.page4 .report ul li { margin: 0px 20px; }
}
@media screen and (min-height: 710px) and (max-height: 850px) {
	#header ul.navigation { text-align: center; list-style-type: none; float: right; }
	#header ul.navigation li { display: inline-block; position: relative; }
	#header ul.navigation li ul { display: none; }
	#header ul.navigation li:hover ul { display: block; position: fixed; top: 50px; left: 34%; height: 120px; width: 130px; border-radius: 15px; background: none repeat scroll 0% 0% white; opacity: 0.9; }
	#header ul.navigation li:hover ul li a { padding: 15px 15px 0px; border-top: 0px none; }
	#header ul.navigation li a { display: inline-block; text-decoration: none; padding-top: 25px; color: rgb(85, 85, 85); border-top: 5px solid rgb(255, 255, 255); transition: border-top 0.5s ease 0s; margin: 0px 10px; }
	#header ul.navigation li a:hover { border-top: 5px solid rgb(170, 0, 0); color: rgb(170, 0, 0); }
	#header ul.navigation .btn, #header ul.navigation .btnReg { padding: 5px 20px; border-top: 1px solid rgb(85, 85, 85); border-radius: 4px; transition: color 0.5s ease 0s; }
	#header ul.navigation .btn:hover, #header ul.navigation .btnReg:hover { background-color: rgb(170, 0, 0); border-top: medium none; color: rgb(255, 255, 255); }
	.page1 .cellphone { position: absolute; right: 10%; bottom: -35%; width: 60%; }
	.page1 p { color: rgb(170, 0, 0); text-align: left; }
	.page1 p.bigfont { font-size: 1.4em; margin-bottom: 0px; display: block; }
	.page1 ul { text-align: left; list-style-type: none; line-height: 1.2em; vertical-align: top; margin-left: 50px; }
	.page1 ul li { font-size: 20px; display: inline-block; margin: 5px 3px 60px; line-height: 0.8em; color: rgb(81, 82, 79); }
	.page1 ul li::before { content: " ●  "; }
	.page1 a { margin-bottom: 12%; }
	.page2 .funIntro { margin: 10% 30px 5px 0px; }
	.page2 a.arrow { display: block; margin-top: 15%; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
	.page3 div.customerInfo { margin-top: 100px; overflow: hidden; }
	.page3 a.arrow { display: none; }
	.page4 ul { vertical-align: top; }
	.page4 ul li { margin: 1px 20px; }
	.page4 ul li img { width: 90%; }
	.page4 .report { margin-top: 6%; }
	.page4 .report .cutsomerUse { display: inline-block; margin-top: 3%; }
	.page4 .report p { margin-top: 3%; margin-bottom: 2%; vertical-align: top; }
	.page4 .report ul { margin-bottom: 0px; }
	.page4 .report ul li { margin: 5px 20px; }
	.page4 .register { margin-top: 4%; }
}
@media screen and (min-height: 850px) {
	.page1 .cellphone { position: absolute; right: -20px; bottom: -33%; }
	.page1 p { color: rgb(170, 0, 0); text-align: left; }
	.page1 p.bigfont { font-size: 1.4em; margin-bottom: 0px; display: block; }
	.page1 ul { text-align: left; list-style-type: none; line-height: 1.2em; vertical-align: top; margin-left: 50px; }
	.page1 ul li { font-size: 20px; display: inline-block; margin: 5px 3px 60px; line-height: 0.8em; color: rgb(81, 82, 79); }
	.page1 ul li::before { content: " ●  "; }
	.page2 .funIntro { margin: 13% 30px 5px 0px; }
	.page2 a.arrow { display: block; margin-top: 15%; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
	.page3 a.arrow { display: block; margin-top: 9%; text-align: center; margin-left: 520px; width: 80px; height: 80px; border: medium none; }
	.report { margin-top: 8%; }
	.register { margin-top: 5%; }
}
.btn-consult { background: url('online.png') repeat scroll 0% 0% transparent; width: 80px; height: 108px; position: fixed; bottom: 10px; right: 10px; z-index: 1000; }
.hoverModal { position: relative; }
.hoverModal-div { display: none; opacity: 0; }
.hoverModal:hover .hoverModal-div { display: block; opacity: 1; }
.hoverModal-div div { position: absolute; width: 1200px; right: -170px; top: 20px; }
.hoverModal-div div li { margin: 5px 10px ! important; }
.hoverModal-div div a { color: rgb(170, 170, 170) ! important; font-size: 13px; transition: color 0.5s ease 0s; }
.hoverModal-div div a:hover { color: black ! important; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }