body{font:400 14px/1.5 HelveticaLight,"Helvetica Neue","Heiti SC","Microsoft Yahei",tahoma,arial,sans-serif;margin:0;padding:0;background: #fff;}
*{margin:0;padding:0}
a{text-decoration:none;cursor: pointer;}
li,ul{list-style:none;margin:0;padding:0}

a,span,i,input,textarea {-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-appearance: none;outline: none;border: 0;line-height: normal;background: none;}
::-webkit-input-placeholder {color: #c1c1c1;}
:-moz-placeholder {color: #c1c1c1;}
::-moz-placeholder {color: #c1c1c1;}
::-ms-clear, ::-ms-reveal{display: none;}

input[type="radio"] {
  -webkit-appearance: radio;
}

input:-webkit-autofill{
  box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0) inset !important;
}

input,textarea{font:400 14px/1.5 HelveticaLight,"Helvetica Neue","Heiti SC","Microsoft Yahei",tahoma,arial,sans-serif;}

img{border: none;}

.clearfix:after,.clearfix:before{content:' ';display:table}
.clearfix:after{clear:both}


.top-box{min-width: 1200px;margin: 0 auto;height: 80px;background: url("../images/top_bg.jpg");}
.top-box .top{width: 1200px;margin: 0 auto;height: 90px;}
.top-box .top .logo{padding-top: 27px;width: 150px;float: left;}
.top-box .top .logo img{ float: left;}
.top-box .top .logo span { float: left; display: inline-block; line-height: 62px;  font-family: "Microsoft Yahei";  font-size: 20px; color: #8f8f8f; letter-spacing: 1.1px; }
.top-box .top .nav{float: right;width: auto;padding-top: 33px;}
.top-box .top .nav a{font-size: 16px;color: #fff;float: right;margin-left: 60px;}
.top-box .top .nav a.right{margin-left: 0px;float: right;}
.top-box .top .nav a.active{color: #51E4B4; font-weight: bold; padding-bottom: 22px;border-bottom: 3px solid #14b954;}
.top-box-white{height:90px; background: url("../images/top-bg1.jpg") repeat-x bottom #fff; position: fixed; top:0; width: 100%; z-index: 1000; display: none}
.top-box-white .top .nav a{font-size: 16px;color: #555;float: right;margin-left: 60px;}
.top-box-white  .top .nav a.active{color: #0EB063; font-weight: bold; padding-bottom: 22px;border-bottom: 3px solid #14b954;}
.banner-box{width: 100%;min-width: 1200px; margin: 0 auto; height: 620px; position: relative;background: url("../images/banner.png") no-repeat center;}
.banner-box .banner{width: 1200px;left: 50%; margin-left: -600px;position: absolute; top: 0;}
.banner-box .banner .app-down{position: absolute;width: 305px;height: 45px;top: 270px;left: 95px;cursor: pointer;}
.banner-box .banner .content-box{width: 343px;height: 450px;float: right; position: relative; z-index: 100;}
.banner-box .banner .content-box .op-bg{ position: absolute; left: 0;top:0;background: #fff;border:0 solid #c0c0c0;box-shadow:2px 7px 16px 0 rgba(102,102,102,0.50);width:343px;height:450px;}

.block-title{ font-size: 34px;}
.row-box{ width: 1200px; margin: 0 auto;}
.product-service-box{ height: 580px; padding-top: 70px;}
.product-service-box .title-box{ text-align: center;}
.product-service-box .title-box .block-title{ color: #373D40;}
.product-service-box .title-box p{ color: #555; font-size: 16px; margin-top: 6px; opacity: .6}
.product-service-box .row-box{ margin-top: 80px;}
.product-service-box .box{ border: 1px solid #F5F5F5; width: 384px; height: 320px; float: left;box-sizing: border-box;}
.product-service-box .box img{ display: block;margin: 37px auto 0;}
.product-service-box .box h3{ font-size: 24px; color: #333; line-height: 22px; padding: 18px 0;font-weight: normal;text-align: center;}
.product-service-box .box p{ width: 280px; margin-left: 55px; font-size: 14px; color: #9DA3B0; line-height: 21px;position: relative;padding-left: 16px;}
.product-service-box .box p::after{content: "";display: block;width: 5px;height: 5px;background: #9DA3B0;border-radius: 50%;position: absolute;left: 0;top: 9px;}
.product-service-box .box a{color: #14b954;margin-left: 55px;margin-top: 20px;display: inline-block;}
.product-service-box .box1 p{width: 300px;margin-left: 40px;}
.product-service-box .box .link1{margin-top: 45px;}
.product-service-box .box .link2{margin-left: 40px;}

.core-box{width: 100%;min-width: 1200px; margin: 0 auto; height: 706px; position: relative;background: url("../images/bg2.jpg") no-repeat center;}
.core-box .title-box{ text-align: center; color: #fff; padding-top: 70px;}
.core-box .title-box p{ font-size: 16px; margin-top: 6px; opacity: .6}
.core-box .row-box{margin-top: 260px;}
.core-box .box{ width: 280px; text-align: center; float: left; color: #fff;}
.core-box .box p{ font-size: 20px; line-height: 24px; padding: 13px 0}
.core-box .box span{ display: inline-block; width: 280px; margin: 0 auto; font-size: 14px; line-height: 24px; opacity: .5}

.about-box{width: 100%;min-width: 1200px; margin: 0 auto;}
.about-box .title-box{ text-align: center;}
.about-box .title-box p{ font-size: 16px; margin-top: 6px; color: #555; opacity: .6}
.about-box .title-box .des2{ color: #9DA3B0; width: 1000px; margin:0 auto; font-size: 14px; padding-top: 45px; line-height: 26px;}
.about-box .row-box{ text-align: center}
.about-box .img-box{width: 792px; height: 425px; margin: 0 auto;}
.about-box .img-box img{float: left}
.foot-box{ width: 100%;min-width: 1200px; margin: 0 auto; background: #202940; height: 364px;}

.gsinfo-box{max-width: 1200px;margin: 0 auto 50px;}
.gsinfo-box .title{text-align: center;margin-top: 40px;}
.gsinfo-box .title span{font-size: 28px;padding: 0 60px;display: inline-block;margin: 0 auto;position: relative;}
.gsinfo-box .title span::before{width: 50px;height: 1px;background: #000;position: absolute;content: '';display: block;left: 0;top: 50%;}
.gsinfo-box .title span::after{width: 50px;height: 1px;background: #000;position: absolute;content: '';display: block;right: 0;top: 50%;}
.gsinfo-box .yyzz{display: block;margin: 10px auto;width: 500px;}
.gsinfo-box .info{width: 800px;margin: 20px auto; background: #f9fbff;padding: 30px 50px;box-sizing: border-box;}
.gsinfo-box .info p{padding-bottom: 15px;font-size: 14px;color: #222222;}
.gsinfo-box .info p span{display: inline-block;width: 160px; vertical-align: top;}
.gsinfo-box .info p span.fw{width: 540px;}

/* 底部样式代码 */
.foot-box{width: 100%; min-width: 1200px;margin: 0 auto;height: 240px;background: #202940;}
.foot-box .foot{width: 1200px;margin: 0 auto;}
.foot-box .foot .left{width: 500px;float: left;padding-top: 80px;}
.foot-box .foot .left .logo{width: 390px;height: 40px;font-size: 27px;color: #d8d8d8;}
.foot-box .foot .left p{font-size: 22px;color: #C3CDE6;padding-top: 24px;}
.foot-box .foot .left .link a{color: #999999;font-size: 17px;}
.foot-box .foot .right{float: right;width: 397px; padding-top: 70px;}
.foot-box .foot .right p{color: #C3CDE6; font-size: 16px; margin-bottom: 15px;}
.foot-box .foot .right ul li{color: #7A8399; font-size: 14px; float: left; padding: 5px 20px 5px 0}
.foot-box .copyright{text-align: center; color: #7A8399; font-size: 12px; background: #202940; padding: 90px 0 40px;}
.foot-box .copyright .line{ margin-bottom: 16px;}
.foot-box .copyright p a{ color: #7A8399; }
.foot-box .copyright p img{ position: relative; top: 3px; margin: 0 3px 0 5px;}
.line-among{height:1px;overflow:hidden;width:1200px;margin:0 auto;background-color: transparent}

.pro-box{width: 1200px;margin: 0 auto 100px;}
.pro-box .nav-box{font-size: 16px;color: #333;padding: 50px 0;}
.pro-box .nav-box a{color: #14b954;}
.pro-box .content{width: 1000px;margin: 0 auto 50px;color: #333;}
.pro-box .content .con{margin-bottom: 40px;}
.pro-box .content .con h3{font-size: 18px;}
.pro-box .content .con p{font-size: 16px;line-height: 30px;}
.pro-box .submit-box{width: 1000px;margin: 0 auto;}
.pro-box .submit-box .title{width: 100%;border-bottom: 1px solid #ccc;position: relative;font-weight: bold;}
.pro-box .submit-box .title span{position: absolute;display: inline-block;font-size: 18px;color: #333;background: #fff;height: 20px;line-height: 20px;bottom:-10px;left: 50%;transform: translateX(-50%);padding: 0 20px;}
.pro-box .submit-box form{margin-top: 50px; text-align: center;position: relative;}
.pro-box .submit-box form .input-box{display: flex;justify-content: space-between;width: 450px;margin: 0 auto;text-align: left; height: 60px;overflow: hidden;color: red;}
.pro-box .submit-box form .input-box input{width: 200px;height: 30px;border: 1px solid #ccc;border-radius: 4px;padding-left: 10px;}
.pro-box .submit-box form textarea{width: 430px;height: 80px;border: 1px solid #ccc;border-radius: 4px;padding: 10px;}
.pro-box .submit-box form .btn{display: block;margin: 20px auto 0;width: 230px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;border: none;background: #35de8e;border-radius: 20px;cursor: pointer;}
.tip-popup-box{display: none;}
.tip-popup-box .tip-popup-bg{position: fixed;left: 0;bottom: 0;right: 0;top: 0;background: #000;opacity: .5;}
.tip-popup-box .tip-box{position: fixed;margin: 0 auto;width: 300px;border-radius: 10px;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #333;text-align: center;display: table;background: #fff;}
.tip-popup-box .tip-box .close1{position: absolute;top: 10px;right: 20px;cursor: pointer;}
.tip-popup-box .tip-box .con{font-size: 18px;line-height: 40px;padding-top: 30px;}
.tip-popup-box .tip-box .close2{width: 80px;height: 30px;font-size: 16px;text-align: center;line-height: 30px;color: #fff;background: #35de8e;display: block;margin: 20px auto;border-radius: 5px;}