@charset "utf-8";

.g-wrap { width: 1100px; margin:0 auto;}
.g-top { height: 90px; background:#fff;}
.g-top .m-logo { width:250px; height: 70px; background:url(../../images/index/logo.png) 0 0 no-repeat; margin:15px 0 0 0;}
.g-top .m-logo a { display: block; width:250px; height: 70px; font-size: 0;}
.g-top .m-logo2 { width:455px; height:55px; background:url(../../images/index/logo2.png) 0 0 no-repeat; margin:15px 0 0 0;}
.g-top .m-logo2 a { display: block; width:455px; height:55px; font-size: 0;}
.g-top .m-nav { font-size: 0;}
.g-top .m-nav a { display: inline-block; font-size: 16px; color: #444; padding:33px 0; margin: 0 20px; position: relative;}
.g-top .m-nav a .curline { display: none; position: absolute; left:0; right:0; bottom:0; height: 3px; background:#3e88ff;}
.g-top .m-nav a.cur .curline { display: block;}

.g-banner { background: url(../../images/index/banner.jpg) 50% 50% no-repeat; background-size:100% 100%;}
.g-banner .m-banner { padding:60px 0;}
.g-banner .m-banner .bannertxt { width: 680px; height: 120px; background: url(../../images/index/bannertxt.png) 0 0 no-repeat; margin:0 auto 45px;}
.g-banner .m-banner .videobox { width:494px; height: 290px; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, .5); margin-left:40px; background: rgba(255, 255, 255 , .5)}
.g-banner .m-banner .videobox * { width: 100%; height: 100%; border-radius: 5px;}
.g-banner .m-banner .intro { width:450px; padding-top: 10px; margin-right:40px;}
.g-banner .m-banner .intro > p { color:#fff; margin-bottom:15px; line-height:2;}
.g-banner .m-banner .intro a.into { display:inline-block; width: 250px; height: 70px; background: url(../../images/index/btn.png) 0 0 no-repeat; font-size: 0;}
.g-banner .m-banner .intro a.into:hover { opacity: 0.8;}
.g-banner .m-banner .intro a.videolink { color:#fffd2d; text-decoration: underline; margin-left:15px; font-size: 18px; vertical-align:-40px;}


.g-module { background: url(../../images/index/modulebg.jpg) 50% 50% no-repeat; padding:65px 0 10px;}
.g-module .m-module { text-align: center;}
.g-module .m-module li { list-style: none; cursor: pointer; display:inline-block; width:160px; height: 160px; background: #fff; border: 1px solid #cdcdcd; border-radius: 100%; margin: 0 76px 50px;}
.g-module .m-module li i { display: block; width: 60px; height: 60px; margin:30px auto 10px; background: url(../../images/index/icon.png) -9999px -9999px no-repeat;}
.g-module .m-module li:nth-child(1) i { background-position: 0 0;}
.g-module .m-module li:nth-child(2) i { background-position: -60px 0;}
.g-module .m-module li:nth-child(3) i { background-position: -120px 0;}
.g-module .m-module li:nth-child(4) i { background-position: -180px 0;}
.g-module .m-module li:nth-child(5) i { background-position: -240px 0;}
.g-module .m-module li:nth-child(6) i { background-position: -300px 0;}
.g-module .m-module li span { font-size: 18px; color:#666;}
.g-module .m-module li:hover { background:#3ba0f1; border-color:#3ba0f1; transition: background .3s, transform .3s}
.g-module .m-module li:hover span { color: #fff;}
.g-module .m-module li:hover:nth-child(1) i { background-position: 0 -60px;}
.g-module .m-module li:hover:nth-child(2) i { background-position: -60px -60px;}
.g-module .m-module li:hover:nth-child(3) i { background-position: -120px -60px;}
.g-module .m-module li:hover:nth-child(4) i { background-position: -180px -60px;}
.g-module .m-module li:hover:nth-child(5) i { background-position: -240px -60px;}
.g-module .m-module li:hover:nth-child(6) i { background-position: -300px -60px;}

.g-footer { height: 85px; background:#3c3c3c; overflow: hidden;}
.g-footer .m-logo { width:250px; height:40px; background:url(../../images/index/logo.png) 0 -70px no-repeat; margin:25px 0 0 0;}
.g-footer .m-logo a { display: block; width:130px; height:40px; font-size: 0;}
.g-footer .m-copyright { color: #fff; font-size: 16px; padding-top:35px;}

/*返回顶部*/
.pagetop {position: fixed; right:18px; bottom: 50px; display: none; z-index: 10;}
.pagetop em {display: block; width: 50px; height: 50px; background: #a4a4a6 url(../../images/index/top.png) no-repeat center center; cursor: pointer; border-radius: 50%; box-shadow: 5px 0 30px rgba(0,0,0,.2);}
.pagetop em:hover {background-color: #ff8b03;}


/*浮动层提示*/
.f-mask {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.4) center center;display:block;z-index: 2;}

.m-tipbox { display: block; width: 456px; height:230px; padding:50px; text-align: center; background: rgba( 255, 255, 255, 1); border-radius: 3px;box-shadow: 1.414px 1.414px 4px 0px rgba( 0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; margin: -115px 0 0 -278px; z-index: 999; }
.m-tipbox h2 { font-size: 26px; margin-bottom: 20px;}
.m-tipbox p { font-size:18px; margin-bottom: 20px;}
.m-tipbox p a { color:#3d9bea; display: inline-block; margin: 0 5px;}
.u-button, a.u-button { display: inline-block; color: #fff; background: #3d9bea; border:1px solid #3d9bea; min-width:100px; padding:0 10px; text-align: center; height: 32px; line-height: 32px; border-radius:18px; margin: 0 5px; }
.u-button:hover, a.u-button:hover {opacity: 0.8;}
.m-btns { padding-top: 15px;}
.m-tipbox.active {opacity:0;-webkit-transform: scale(0.3);transform: scale(0.3);-webkit-transition: opacity .5s, -webkit-transform .5s;transition: opacity .5s, transform .5s;}