@charset "utf-8";
/* 
Document: core.css 
Created on: 2019-06-05;
Created on: 2019-06-05;
Author: lyy
Description: 全站样式表
*/

/*CSS reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset, img{ border:0; }
address, caption, cite, code, em, strong, th{ font-style:normal; font-weight:normal; }
ol, ul{ list-style:none; }
caption, th{ text-align:left; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; }
input, button, textarea, select{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select{ *font-size:100%; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ outline:0 none; }
:link, :visited{ text-decoration:none; }
pre{ white-space:pre-wrap; word-wrap:break-word; }
body, button, input, select, textarea{ font:14px/1.5 "Microsoft Yahei", Arial, sans-serif; }
body{ color:#333; font-family:"Microsoft YaHei"; background:#fff; }
h1, h2, h3{ font-family:"Microsoft Yahei"; }
a{ cursor:pointer; color:#333; }
a:hover{ color:#333; }
a img{ vertical-align:middle; }
a em{ display:block; cursor:pointer; text-align:center; }
em{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hidden{ display:none; }
.fl{ float:left; }
.fr{ float:right; }
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both; }
.clearfix{ *zoom:1; }

.title-1 { position: relative; text-align: center; padding-bottom: 15px; }
.title-1 h2 { padding: 110px 0 15px; text-align: center; font-size: 36px; font-weight: bold; }
.title-1 p { font-size: 16px; }
.title-1:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 4px; background: #eea511; }

#header { background: #22282d; }
.header-top { margin: 0 auto; width: 1230px; height: 70px; overflow: hidden; }
.header-top .logo { width: 20%; padding-top: 15px; }
.header-top .logo img { width: 141px; height: 36px; display: block; }
.header-top .header-link { padding-top: 22px; width: 80%; text-align: right; }
.header-top .header-link a { margin-left: 45px; display: inline-block; vertical-align: top; font-size: 14px; padding-bottom: 25px; color: #fff; }
.header-top .header-link a:hover,
.header-top .header-link a.current{ border-bottom: #eea511 2px solid; color: #eea511; }
.header-banner { height: 700px; background: url("../images/banner.jpg") no-repeat center top; }
.header-banner .word { position: relative; width: 1180px; margin: 0 auto; }
.header-banner h2 { position: absolute; top: 250px; font-size: 46px; color: #fff; }
.header-banner p { position: absolute; top: 330px; font-size: 24px; color: #fff; }
.header-banner a { display: block; width: 178px; height: 49px; position: absolute; top: 400px; font-size: 16px; text-align: center; line-height:49px; color: #fff; border-radius: 25px; background: linear-gradient(left, #f7b01a, #f29719); background: -webkit-linear-gradient(left, #f7b01a, #f29719); }
.header-banner.contact-banner { height: 410px; background: url("../images/about-banner.jpg") no-repeat center top; }
#header.scrolled { position: fixed; top:0; left: 0; width: 100%; z-index: 100; background: rgba(71, 78, 83, .72); }
#header.scrolled .header-top { height: 70px; }
#header.scrolled .header-top .logo { padding-top: 15px; }
#header.scrolled .header-top .header-link { display: block; }

#wrap{ overflow:hidden; }
.contact-wrap { margin: -213px auto 0; width: 1200px; background: #fff; box-shadow: 0 213px 10px #f7f7f7; }
.wrap-title { background: #14208f; }
.wrap-title h2 { position: relative; width: 1190px; margin: 0 auto; padding-left: 10px; height: 60px; color: #fff; line-height: 60px; font-size: 18px; font-weight: bold; }
.wrap-title h2:before { content: ""; position: absolute; left: 4px; top: 50%; display: block; width: 2px; height: 15px; margin-top: -7px; background: #fff; }

.we-service { background: #fff; } 
.we-service .service-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.we-service .service-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.we-service .service-list li { float: left; margin: 80px 20px 0 0; padding-bottom: 55px; width: 290px; background: #fff; border: #cecece 1px solid; }
.we-service .service-list li:hover { box-shadow: 0 0 10px #cecece; }
.we-service .service-list li i { position: relative; display: block; margin: 50px auto 0; width: 160px; height: 210px; }
.we-service .service-list li .icon-1 { background: url("../images/icon-1.png") no-repeat; }
.we-service .service-list li .icon-2 { background: url("../images/icon-2.png") no-repeat; }
.we-service .service-list li .icon-3 { background: url("../images/icon-3.png") no-repeat; }
.we-service .service-list li .icon-4 { background: url("../images/icon-4.png") no-repeat; }
.we-service .service-list li h3 { padding-top: 25px; font-size: 20px; text-align: center; }

.select-us { background: #f6f6f6; } 
.select-us .select-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.select-us .select-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.select-us .select-list li { float: left; margin: 80px 20px 0 0; width: 290px; height: 445px; background: #fff; }
.select-us .select-list li:hover { box-shadow: 0 0 10px #cecece; }
.select-us .select-list li i { position: relative; display: block; margin: 70px auto 0; height: 153px; }
.select-us .select-list li .icon-1 { width: 132px; background: url("../images/icon-5.png") no-repeat; }
.select-us .select-list li .icon-2 { width: 150px; background: url("../images/icon-6.png") no-repeat; }
.select-us .select-list li .icon-3 { width: 168px; background: url("../images/icon-7.png") no-repeat; }
.select-us .select-list li .icon-4 { width: 150px; background: url("../images/icon-8.png") no-repeat; }
.select-us .select-list li h3 { padding-top: 45px; font-size: 20px; text-align: center; }
.select-us .select-list li p { padding: 20px 15px 0; text-align: center; color: #666; font-size: 14px; line-height: 1.8; }

.our-product { position: relative; height: 1100px; background: #2a2e30 url("../images/product-bg.jpg") no-repeat; }
.our-product .title-1 h2,
.our-product .title-1 p { color: #fff; }
.our-product .product-list { width: 1230px; height: 660px; padding-left: 860px; background: url("../images/product-pic.png") no-repeat -75px 0; margin: 75px auto 0; overflow: hidden; box-sizing: border-box; }
.our-product .product-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; padding-top: 40px; } 
.our-product .product-list li { margin-top: 50px; }
.our-product .product-list li dl { position: relative; padding-left: 130px; min-height:78px; }
.our-product .product-list li dt { position: absolute; left: 0; top: 50%; margin-top: -39px; width: 78px; height: 78px; border-radius: 50%; background: #ebebeb no-repeat center center; }
.our-product .product-list li:hover dt { background-color: #eea511; }
.our-product .product-list li dd.title { color: #eea511; font-size: 20px; }
.our-product .product-list li dd.word { padding-top: 15px; color: #fff; font-size: 14px; }
.our-product .product-list li .icon-1 { background-image: url("../images/icon-9.png"); }
.our-product .product-list li .icon-2 { background-image: url("../images/icon-10.png"); }
.our-product .product-list li .icon-3 { background-image: url("../images/icon-11.png"); }
.our-product .product-list li .icon-4 { background-image: url("../images/icon-12.png"); }

.service-process { background: #f6f6f6; } 
.service-process .process-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.service-process .process-list ul { padding: 0 15px 130px; overflow: hidden; } 
.service-process .process-list li { float: left; margin: 80px 5px 0; padding-bottom: 33px; width: 228px; background: #fff; border-bottom: #fff 2px solid; }
.service-process .process-list li:hover {  border-bottom: #eea511 2px solid; }
.service-process .process-list li i { position: relative; display: block; margin: 45px auto 0; width: 120px; height: 120px; border-radius: 50%; background: #f6f6f6 no-repeat center center; }
.service-process .process-list li .icon-1 { background-image: url("../images/icon-13.png"); }
.service-process .process-list li .icon-2 { background-image: url("../images/icon-14.png"); }
.service-process .process-list li .icon-3 { background-image: url("../images/icon-15.png"); }
.service-process .process-list li .icon-4 { background-image: url("../images/icon-16.png"); }
.service-process .process-list li .icon-5 { background-image: url("../images/icon-17.png"); }
.service-process .process-list li h3 { padding-top: 20px; font-size: 20px; text-align: center; }
.service-process .process-list li p { padding-top: 20px; text-align: center; color: #666; }
.service-process .process-list li p em { display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; line-height: 1.2; font-style: italic; overflow: visible; font-size: 32px; font-weight: bold; color: #d6d6d6; border-bottom: #d6d6d6 2px solid; }

.about-us { padding-top: 40px; height: 500px; box-sizing: border-box; background: url("../images/about-bg.jpg") no-repeat center top; }
.about-us .title-1 h2,
.about-us .title-1 p { color: #fff; }
.about-us .word { padding-top: 60px; text-align: center; color: #fff; line-height: 1.8; }

.contact-us { background: #fff; } 
.contact-us .contact-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.contact-us .contact-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.contact-us .contact-list li { float: left; margin: 100px 0 0 130px; padding-bottom: 33px; width: 300px; background: #fff; border-bottom: #fff 2px solid; }
.contact-us .contact-list li i { position: relative; display: block; margin-left: 15px; width: 50px; height: 50px; border-radius: 50%; background: #333 no-repeat center center; }
.contact-us .contact-list li .icon-1 { background-image: url("../images/icon-18.png"); }
.contact-us .contact-list li .icon-2 { background-image: url("../images/icon-19.png"); background-position: 20px 10px; }
.contact-us .contact-list li .icon-3 { background-image: url("../images/icon-20.png"); }
.contact-us .contact-list li h3 { padding-top: 20px; font-size: 20px; }
.contact-us .contact-list li p { padding-top: 20px; color: #666; }

#footer { background: #20262b; padding: 42px 0 32px; }
#footer p,
#footer a,
#footer span{ text-align: center; color: #888; font-size: 12px; overflow: hidden; }
#footer a,
#footer span{ display: inline-block; }
#footer .foot-word{ padding-bottom: 15px; }
#footer .foot-code a,
#footer .foot-code span{ padding-left: 20px; height: 33px; line-height: 33px; }
#footer .foot-code .code-4{ padding-left: 0; }
#footer .foot-code .code-6{ padding-left: 30px; background: url("../images/record-icon.png") no-repeat left center; margin-left: 20px; }


@media screen and (max-width: 1024px) {
	html{ height:100%; background:rgba(0, 0, 0, 0); color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:100px; }
	.header-top { width: auto; height: 0.8rem; padding: 0 0.15rem; } 
	.header-top .logo { float: none; padding-top: 0.14rem; width: auto; } 
	.header-top .logo img { width: 0.9rem; height: 0.19rem; } 
	.header-top .header-link { float: none; padding-top: 0.12rem; width: auto; text-align: left; } 
	.header-top .header-link a { margin: 0 0.12rem 0 0; font-size: 0.12rem; padding-bottom: 0.05px;  }
	.header-top .header-link a:hover,
	.header-top .header-link a.current{ border-bottom: #3164ec 1px solid; }
	.header-banner { height: 5.55rem; background: url("../images/banner-phone.jpg"); background-size: cover; }
	.header-banner .word { position: relative; width: auto; margin: 0 auto; }
	.header-banner h2 { width: 100%; top: 0.6rem; text-align: center; font-size: 0.35rem; }
	.header-banner p { text-align: center; width: 100%; top: 1.25rem; font-size: 0.15rem; }
	.header-banner.contact-banner { height: 1.6rem; background-size: cover; }

	.contact-wrap { margin: -0.95rem 0.15rem 0; width: auto; box-shadow: 0 0.95rem 0.1rem #f7f7f7; }
	.wrap-title { background: #14208f; }
	.wrap-title h2 { padding-left: 0.1rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; }
	.wrap-title h2:before { left: 0.04rem; top: 50%; width: 0.02rem; height: 0.08rem; margin-top: -0.04rem; }

	.news-list { width: auto; padding: 0.1rem; }
	.news-list li { padding: 0.1rem 0; border-bottom: #dbdbdb 1px dashed; }
	.news-list li dl { position: relative; min-height: 0.75rem; padding-left: 1.28rem; }
	.news-list li dt { position: absolute; left: 0; top: 0; }
	.news-list li dt img { width: 1.2rem; height: 0.75rem; display: block; }
	.news-list li .news-title { padding-top: 0.04rem; font-size: 0.12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.news-list li .news-info span { padding: 0.05rem 0 0.05rem 0.2rem; font-size: 0.12rem; margin-right: 0.05rem; }
	.news-list li .news-word { font-size: 0.12rem; color: #888; height: 0.36rem; overflow: hidden; }

	.news-detail { margin:0 0.1rem; width: auto; }
	.news-detail img{ width: 100%; height: auto; margin: auto; }
	.news-detail .detail-img { text-indent: 0 !important; }

	.game-center { width: auto; margin: 0 auto; padding: 0.1rem 0; }
	.game-center li { margin: 0.1rem 0; padding: 0.12rem 0; border-top: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; }
	.game-center li dl { position: relative; min-height: 1.17rem; padding: 0 0.15rem 0 1.17rem; }
	.game-center li dt { position: absolute; left: 0.25rem; top: 0; }
	.game-center li dt img { width: 0.77rem; height: 0.77rem; display: block; }
	.game-center li .game-title { padding-top: 0; font-size: 0.18rem; }
	.game-center li .game-info { font-size: 0.12rem; }
	.game-center li .game-word { font-size: 0.12rem; }
	.game-center li .game-tag { padding-top: 0.05rem; }
	.game-center li .game-tag span { margin-right: 0.05rem; padding: 0 0.04rem; height: 0.15rem; line-height: 0.15rem; font-size: 0.12rem; }
	.game-center li .game-pic { position: inherit; padding: 0.1rem; }
	.game-center li .game-pic img { width: 100%; height: auto; display: block; }

	.pay-center { width: auto; margin: 0 0.1rem; padding: 0; }
	.pay-center .pay-input li { padding: 0.05rem 0; }
	.pay-center .pay-input li .input-left { float: none; width: auto; text-align: left; }
	.pay-center .pay-input li .input-right { float: none; width: auto; padding: 0; }
	.pay-center .pay-btn { margin: 0.15rem auto; }
	.pay-success{ padding:1.9rem 0 0.975rem; text-align:center; background:url('../images/pay-success.png') no-repeat center 1.1rem; background-size:0.875rem 0.8rem; }
	.pay-success .success-word{ color:#31a7f4; font-size:12px; }
	.pay-success .success-rule{ font-size:12px; }

	.product-introduction { padding: 0.35rem 0 2.5rem; background-position: center 2.75rem; background-size: 3.17rem 2.02rem;  } 
	.product-introduction h2 { padding-bottom: 0.15rem; font-size: 0.16rem; } 
	.product-introduction p { width: auto; padding: 0 0.15rem; font-size: 0.14rem; }

	.company-profile { padding-top: 0.2rem; } 
	.company-profile h2 { padding-bottom: 0.1rem; font-size: 0.16rem; }
	.company-profile h2 b { font-size: 0.09rem; }
	.company-profile p { padding-bottom: 0.2rem; margin: 0 0.1rem; width: auto; font-size: 0.12rem; }

	.contact-us { padding: 0.2rem 0 0.25rem; } 
	.contact-us h2 { padding-bottom: 0.15rem; font-size: 0.16rem; }
	.contact-us h2 b { font-size: 0.09rem; }
	.contact-us ul { margin: 0 0.1rem; }
	.contact-us li { position: relative; float: none; margin: 0 0 0.05rem; padding-left: 0.27rem; width: auto; height: 0.17rem; border: none; }
	.contact-us li i { position: absolute;  left: 0; top: 0; display: block; margin: 0; background-size: 100% !important; }
	.contact-us li .icon-1 { width: 0.13rem; height: 0.165rem; }
	.contact-us li .icon-2 { width: 0.155rem; height: 0.155rem; }
	.contact-us li h3,
	.contact-us li p { display: inline-block; vertical-align: top; font-size: 0.12rem; text-align: left; line-height: 0.15rem; }

	.we-service { height: 5.15rem; background-size: cover; } 
	.we-service h2 { padding: 0.3rem 0 0.15rem; text-align: center; font-size: 0.16rem; }
	.we-service .service-list { width: auto; }
	.we-service .service-list ul { width: auto; padding: 0 0.11rem; } 
	.we-service .service-list li { float: left; padding: 0.1rem; box-sizing: border-box; width: 1.68rem; height: 1.3rem; margin: 0.1rem 0.04rem 0; }
	.we-service .service-list li i { margin-top: 0; width: 0.5rem; height: 0.5rem; background-size: 100%; }
	.we-service .service-list li i:after { background-size: 100% !important; }
	.we-service .service-list li .icon-1:after { width: 0.255rem; height: 0.215rem; margin: -0.1075rem 0 0 -0.1275rem; }
	.we-service .service-list li .icon-2:after { width: 0.23rem; height: 0.23rem; margin: -0.115rem 0 0 -0.115rem; }
	.we-service .service-list li .icon-3:after { width: 0.24rem; height: 0.24rem; margin: -0.12rem 0 0 -0.12rem; }
	.we-service .service-list li .icon-4:after { width: 0.225rem; height: 0.245rem; margin: -0.1225rem 0 0 -0.1125rem; }
	.we-service .service-list li .icon-5:after { width: 0.21rem; height: 0.21rem; margin: -0.105rem 0 0 -0.105rem; }
	.we-service .service-list li .icon-6:after { width: 0.17rem; height: 0.24rem; margin: -0.12rem 0 0 -0.085rem; }
	.we-service .service-list li h3 { font-size: 0.14rem; text-align: center; padding: 0.05rem 0 0; } 
	.we-service .service-list li p { font-size: 0.12rem; text-align: center; }

	#footer { padding: 0.14rem 0; }
	#footer p,
	#footer a,
	#footer span{ font-size: 0.12rem; }
	#footer .foot-word{ display: none; }
	#footer .foot-code a,
	#footer .foot-code span{ display: block; padding-left: 0; margin: 0; height: auto; line-height: normal; }
	#footer .foot-code .code-6{ background: none; margin-left: 0; }
	#footer .foot-code img { display: none; }
	#footer.foot-position{ position: absolute; bottom: 0; left: 0; width: 100%; }
}