@charset "utf-8";
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
html { overflow-x: hidden; }
* { margin: 0; padding: 0; list-style: none; outline: none; }
body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; background-color: #fff; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary {
outline:0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; color: #ffffff; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
a{ text-decoration: none; color: #333; }
ul, li { list-style: none; }
/* reset */

/*animated*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.delay-ss { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }
.animated.delay-1ss { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }
 @media (prefers-reduced-motion) {
.animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; }
}
@-webkit-keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@keyframes fadeInUp { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
/*animated*/

/* homePage*/
/* header*/
.header { width: 100%; height: 126px; }
.header .content { width: 1200px; height: 126px; margin: 0 auto; }
.headerLogo { width: 595px; height: 87px; margin-top: 10px; float: left; }
.headerContact { width: 187px; height: 53px; margin-top: 40px; float: right; }
.headerNav { width: 100%; height: 50px; background-color: #3775aa; z-index: 99999; position: absolute; }
.headerNav .content { width: 1200px; height: 50px; margin: 0 auto; }
.headerNav .headerNavBotton { float: left; width: 150px; height: auto; text-align: center; }
.headerNav .headerNavBotton a { display: block; text-align: center; line-height: 50px; text-decoration: none; font-size: 16px; letter-spacing: 1px; }
.headerNav .headerNavBotton a:hover { background: #2f699b; color: #fff; }
.headerNavBotton ul { background-color: #fff; opacity: .9; overflow: hidden; max-height: 0; transition: all 0.3s; }
.headerNavBotton:hover ul { width: 100%; max-height: 400px; transition: all 0.3s; }
.headerNavBotton ul li { color: #666666; }
.headerNavBotton ul li { overflow: hidden; height: 50px; width: 150px; line-height: 50px; font-size: 14px; }
.headerNavBotton ul li:hover a { background-color: #05376c; color: #fff; transition: all 0.3s; }
.headerNavBottonMain { width: 150px; height: 50px; position: relative; color: #fff; }
/* header*/


/*新闻中心*/
.slidebox-01 { width: 516px; height: 320px; overflow: hidden; position: relative; margin-top: 12px; margin-left: 11px; }
.slidepic-01 { position: absolute; width: 9999em; }
.slidepic-01 li { height: 320px; overflow: hidden; float: left; }
.slidepic-01 a { width: 516px; height: 320px; display: block; position: relative; }
.homepageNewsTitle { width: 516px; height: 40px; position: absolute; bottom: 0; background-color: rgba(31,31,31,.7); color:#fff; box-sizing: border-box; line-height: 40px; padding-left: 20px; font-size: 14px; }
.slidebtn-01 { position: absolute; bottom: 10px; right: 10px; float: right; }
.slidebtn-01 li { background: #fff; border: 1px solid #2f699b; cursor: pointer; float: left; font-size: 12px; font-family: arial; height: 16px; line-height: 16px; width: 16px; margin-top: 10px; margin-left: 5px; text-align: center; color: #2f699b; }
.slidebtn-01 li.current { background: #2f699b; border: 1px solid #2f699b; height: 16px; font-size: 12px; line-height: 16px; width: 16px; margin-top: 10px; margin-left: 5px; color: #fff; }
.homepageDiv1 { width: 100%; height: 406px; overflow: hidden; }
.homepageDiv1 .content { width: 1200px; height: 406px; margin: 0 auto; overflow: hidden; }
.homepageDiv1Left { width: 550px; height: 406px; overflow: hidden; float: left; }
.homepageDiv1Right { width: 650px; height: 406px; overflow: hidden; float: right; position: relative; box-sizing: border-box; padding-left: 25px; }
.homepageNews { width: 540px; height: 342px; border: 1px #dcdcde solid; margin-top: 32px; }
.homepageMore { float: right; line-height: 40px; color: #666666; font-size: 14px; }
.homepageMore:hover{color:#2f699b;}
svg { fill: currentColor; }
.homepageDiv1 .mt-tabpage { width: 625px; margin: 30px auto; background-color: #FFFFFF; }
.homepageDiv1 .mt-tabpage-title { height: 40px; font-size: 0; background-color: #fff; width: 625px; margin: auto; background: #fff; border-bottom: 1px solid #2f699b; }
.homepageDiv1 .mt-tabpage-title .mt-tabpage-item { display: inline-block; width: 104px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 16px; }
.homepageDiv1 .mt-tabpage-title .mt-tabpage-item:hover { color: #fff; }
.homepageDiv1 .mt-tabpage-title .mt-tabpage-item-cur { color: #fff; font-size: 16px; background-color: #2f699b; border-radius: 5px 5px 0 0; }
.homepageDiv1 .mt-tabpage-count { position: relative; width: 625px; height: 406px; overflow: hidden; }
.homepageDiv1 .mt-tabpage-cont__wrap { position: absolute; margin-top:10px; }
.homepageDiv1 .mt-tabpage-count .mt-tabpage-item { width: 625px; height: 406px; text-align: center;overflow:hidden; }
.homepageDiv1 .hpDiv1List{ width:625px; height:50px; box-sizing:border-box;}
.homepageDiv1 .hpDiv1Icon{ width:6px; height:6px; background-color:#555555; float:left; margin:22px 14px 22px 0;}
.homepageDiv1 .hpDiv1RightTitle{ width:525px; height:50px; line-height:50px; float:left; text-align:left; font-size:16px; color:#555555;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;}
.homepageDiv1 .hpDiv1List:hover .hpDiv1Icon{ background-color:#2f699b;}
.homepageDiv1 .hpDiv1List:hover a{color:#2f699b;}
.homepageDiv1 .hpDiv1List:hover p{color:#2f699b;}
.homepageDiv1 .hpDiv1RightDate{ width:80px; height:50px; float:right; text-align:right; color:#999999; font-size:14px; line-height:50px;}


/*1折手游简介*/
.homepageDiv2{ width: 100%; height: 300px; overflow: hidden; background:#f5f5f5;}
.homepageDiv2 .content { width: 1200px; height: 300px; margin: 0 auto; overflow: hidden; }
.hpDiv2Title{ width:1200px; height:40px; border-bottom:1px #e7e5e5 solid; margin-top:35px;}
.dingwei a:hover { color: #2f699b; } 
/*经营发展*/
.homepageDiv3{ width: 100%; height: 275px; overflow: hidden; background:#fff;}
.homepageDiv3 .content { width: 1200px; height: 274px; margin: 0 auto; overflow: hidden; border-bottom:1px #e7e5e5 solid;}
.hpDiv3Title{ width:1200px; height:40px; margin-top:25px;}
.hpDiv3Main{ width:1200px; height:auto; overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.hpDiv3Box{ width:285px; height:180px; border:1px #e2e0e0 solid; box-sizing:border-box; margin-top:10px;}
.hpDiv3Pic{ width:285px; height:180px; overflow:hidden; position:relative;}
.hpDiv3Shadow1{ width:285px; height:90px; background:#123757; opacity:0.5;}
.hpDiv3Shadow2{ width:285px; height:90px; background:#123757; opacity:0.5; }
.hpDiv3Pic:hover .hpDiv3Shadow1{ margin-top:-90px; transition: all 0.3s; }
.hpDiv3Pic:hover .hpDiv3Shadow2{ margin-top:180px; transition: all 0.3s; }
.hpDiv3Pic:hover .hpDiv3Img{ display:none; transition: all 0.3s;}
.hpDiv3Img{ display:block; position:absolute; z-index:3; top:0; left:0; }
.homepageTitle2{ font-size:48px; color:#266fca; font-weight:bold; letter-spacing:2px;margin-top:70px; text-align:center;}

/*三栏*/
.homepageDiv4{ width: 100%; height: 340px; overflow: hidden; background:#fff;}
.homepageDiv4 .content { width: 1200px; height: 340px; margin: 0 auto; overflow: hidden;}
.hpDiv4Box1{ width:420px; height:340px; float:left;}
.hpDiv4Box2{ width:420px; height:340px; float:left; margin-left:37.5px;}
.hpDiv4Box3{ width:285px; height:300px; float:left; margin-left:37.5px; margin-top:20px; background:#2f699b;}
.hpDiv4Title{ width:420px; height:40px; margin-top:25px; border-bottom:1px #e7e5e5 solid;}
.homepageDiv4 .mt-tabpage { width: 420px; margin: 10px auto; background-color: #FFFFFF; }
.homepageDiv4 .mt-tabpage-title { height: 40px; font-size: 0; background-color: #fff; width: 420px; margin: auto; background: #fff;}
.homepageDiv4 .mt-tabpage-title .mt-tabpage-item { display: inline-block; width: 104px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 16px; }
.homepageDiv4 .mt-tabpage-title .mt-tabpage-item:hover { color: #2f699b; font-size: 16px; border-bottom:2px #2f699b solid; }
.homepageDiv4 .mt-tabpage-title .mt-tabpage-item-cur { color: #2f699b; font-size: 16px; border-bottom:2px #2f699b solid;}
.homepageDiv4 .mt-tabpage-count { position: relative; width: 420px; height: 290px; overflow: hidden; }
.homepageDiv4 .mt-tabpage-cont__wrap { position: absolute; margin-top:10px; }
.homepageDiv4 .mt-tabpage-count .mt-tabpage-item { width: 420px; height: 190px;text-align: center; overflow:hidden; }
.hpDiv4List{ width:420px; height:40px; box-sizing:border-box;}
.hpDiv4RightTitle{ width:340px; height:40px; line-height:40px; float:left; text-align:left; font-size:14px; color:#555555;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;}
.hpDiv4List:hover .hpDiv1Icon{ background-color:#2f699b;}
.hpDiv4List:hover a{color:#2f699b;}
.hpDiv4List:hover p{color:#2f699b;}
.hpDiv4RightDate{ width:80px; height:50px; float:right; text-align:right; color:#999999; font-size:14px; line-height:40px;}
.hpDiv4Title2{ width:245px; height:40px; margin-left:20px; margin-top:5px; border-bottom:1px #7492ac solid; margin-bottom:10px;}
.hpDiv4RightTitle2{ width:245px; height:40px; margin-left:20px;line-height:40px; float:left; text-align:left; font-size:14px; color:#fff;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;}

/*友情链接*/
.homepageDiv5{ width: 100%; overflow: hidden; background:#e5e5e5; margin-top:10px;}
.homepageDiv5 .content { padding:0 40px; margin: 0 auto; overflow: hidden;}
.hpDiv5Link{ width:auto; height:58px; line-height:58px; color:#4d4d4d; font-size:14px; margin-left:30px;}
.hpDiv5Link:hover{ color:#2f699b;}

/*底部*/
.homepageDiv6{ width: 100%; height: 170px; overflow: hidden; background:#4d4d4d;}
.homepageDiv6 .content { width: 1200px; height: 170px; margin: 0 auto; overflow: hidden;}
.homepageDiv6Nav{ color:#e5e5e5; font-size:14px; height:55px; width:1200px; border-bottom:1px #656565 solid; line-height:55px; text-align:center;}
.homepageDiv6Nav a{color:#e5e5e5;}
.homepageDiv6Contact{ width:1200px; height:auto; font-size:14px; color:#e5e5e5; text-align:center; line-height:24px; margin-top:12px;}

/*子页-1折手游简介*/
.subpageBanner{ width:100%; height:300px; overflow:hidden; margin-top:50px;}
.subpageMain { width: 100%; height: auto; overflow: hidden;position:relative;padding-bottom:20px; background:#fefefe; }
.subpageMain .content { width: 1200px; height: auto; margin: 20px auto 0; overflow: hidden;position:relative; }
.dingwei { width: 100%; height: 64px; border-bottom:1px #e8e8e8 solid;overflow: hidden;position:relative;}
.dingweibox { width: 1200px; height: 64px; margin: 0 auto; line-height: 64px; position: relative; font-size: 14px;color: #666666;}
.dingwei a{color: #666666;}
.dingwei a:hover { color: #91c81f; }
.dingwei img{width: 9px; height:12px;float:left; margin-top:25px;}
.subpageNav{ width:178px; height:100%;float:left; border:1px #eaeaeb solid;}
.subpageBotton{ width:178px; height:60px; color:#666666; border-bottom:1px #eaeaeb solid;  display:block; line-height:60px; background-color:#f5f5f6; text-align:center;}
.Current{ width:178px;height:60px; z-index:9999; color:#2f699b; font-weight:bold;}
.subpageBotton:hover{width:178px;height:60px; z-index:9999;color:#2f699b; font-weight:bold;}
.subpageBox{ width:1020px; height:auto; box-sizing:border-box; padding-left:60px; overflow:hidden; float:left; background-color:#fff; margin-top:1px; padding-bottom:40px;}
.subpageBox img{ display:block; max-width:960px; margin:0 auto;}
.subpageNavBg{width:178px;height:60px; background:url(/images/subpageNavBg.jpg); display:block; color:#fff;  line-height:60px; font-size:18px; text-align:center;}
.subpageBoxTitleBg{ width:960px; height:20px; background:url(/images/subpageBoxTitleBg.png); font-size:20px; margin-bottom:30px;font-weight:bold;color:#2f699b; line-height:20px;}
.subpageBoxTop{ width:1020px; height:150px; overflow:hidden;}
.subpageBoxTitle{ font-size:36px; color:#666666; text-align:center; margin-top:50px;}
.subpageBoxSub{ font-size:16px; color:#999999; text-align:center; margin-top:10px; font-weight: lighter;}
.subpageBoxZW{width:960px; height:auto; font-size:14px; margin:0 auto; line-height:30px;  color:#666666;}
.subpageBoxZWBig{width:960px; height:auto; font-size:18px; margin:10px auto 0; line-height:30px; color:#2f699b;}
.xyy{text-align:center;margin-top:20px;}

/*子页-新闻中心*/
.zyNews{ width:960px; height:100px; overflow:hidden;margin-top:20px; border-bottom:1px #999999 dashed;}
.zyNewsBox{width:960px; height:20px; }
.zyNewsIcon{ width:6px; height:6px; background-color:#666666; float:left; margin:7px 14px 7px 0;}
.zyNewsTitle{ width:820px; height:20px; font-size:18px; font-weight:bold; color:#666666; float:left; line-height:20px;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;}
.zyNewsDate{ width:80px; height:20px; float:right; text-align:right; color:#999999; font-size:14px; line-height:20px;}
.zyNewsIntroduction{ margin-top:20px;font-size: 13px; text-align: left; line-height: 24px; color: #666666; width: 960px; height: 48px;letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.zyNews:hover .zyNewsIcon{background-color:#2f699b;}
.zyNews:hover .zyNewsTitle{color:#2f699b;}
.zyNews:hover .zyNewsDate{color:#2f699b;}
.zyNews:hover .zyNewsIntroduction{color:#2f699b;}
.xqyTitle { font-size: 24px; color: #333333; width: 100%; text-align: center; line-height: 40px; margin-top: 30px; }
.xqySubTitle { font-size: 12px; color: #999999; width: 100%; text-align: center; line-height: 30px; margin-bottom:10px; }

/*子页-经营发展*/
.jingyingLink{ color:#666666; font-size:14px; margin-left:10px; font-weight:normal;}
.jingyingLink:hover{color:#2f699b;}
.pictureList4Box { width: 200px; float:left; height: 230px;overflow: hidden; margin-left:20px;}
.pictureList4Box img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin:0 auto; }
.pictureList4BoxImg{width: 200px; height: 200px; border:1px #f1f1f1 solid; box-sizing:border-box; overflow: hidden; align-items: center;display: flex;   }
.pictureList4Box p{ width: 200px; height: 30px; line-height: 30px; color: #666666; font-size: 14px; text-align: center;  }
#demo { overflow: hidden; width: 960px; margin: 20px auto; }
#indemo { float: left; width: 8000%; }
#demo1 { float: left; }
#demo2 { float: left; margin-left: 7px; }