@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans S Chinese'!important;
    color:#000;
    background: #fff;
}
p{
    font-family: 'Noto Sans S Chinese'!important;
}

::selection {

    color: #fff;

    background-color: #333399;

}

#gang {

    width: 60px!important;

    height: 4px;

    background-color: #2c4196;

    z-index: 999!important;

    position: absolute;

    bottom: 3px;


}

/*.container a {*/
    /*display: block;*/
    /*color: #373a36;*/
    /*line-height: 83px;*/
    /*font-size: 13px;*/
    /*text-align: center;*/
/*}*/

#index-navi a {

    color: #fff;

    width: 80px!important;

    line-height: 60px;

    font-size: 13px;

    text-align: center;

    font-weight: 900;

}


#index-navi #logo {

    width: 140px!important;

    display: inline-block;

    background: url('static/img/logo/116x21_1.png') no-repeat!important;

    background-size: 100%;

    margin: 20px 20px 20px 0;

    height: 25px;

}


/*#navi #language .language-change>li>a:hover {*/
    /*background: #dcdcdc;*/
    /*color: #373a36;*/
/*}*/
.language-english a {
    color: #fff;
}




.big {
    min-width: 1200px;
}

#index-navi {

    position: fixed;

    width: 100%;

    z-index: 999;

    transition: all 1s;

    height: 60px;

}


.df {
    max-width: 1220px!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto!important;
}
.one {
    width: 290px;
    height: 338px;
    background-color: #fff;
    margin: 8px 0;
}
.two {
    width: 595px;
    height: 338px;
    background-color: #fff;
    margin: 8px 0;
}
.one img,.one video,.two video {
    width: 100%;
}

.banner {

    width: 760px;

    height: 300px;

    background-color: #7d7d7d;

    margin: 20px 10px;

}


hr {

    color: #a0a0a0;

}

.logo {

    width: 1200px;

    display: flex;

    justify-content: space-between;

    margin: 0 auto;

}

.logo img {

    margin: 10px 0;

}

.ps {

    color: #686868;

    font-size: 10px;

    display: block;

    width: 1200px;

    margin: 0px auto;

}



#production-navi {

    width: 100%;

    background-color: #dcdcdc;

    height: 60px;

    position: fixed;

    z-index: 999;

    top:0;

    margin-top: 60px;

    transform: translateY(-1000px);

    transition: 0.1s all;

    z-index: 600;

}

.pro {

    display: flex;

}

.pro a {

    width: 200px!important;

    height: 60px;

    text-align: center;

    border-left: 1px solid #d2d2d2;

}

.pro-content {

    padding: 35px 0 60px;

    background-color: #eee;

}

.pro-content .content {

    height: 155px;

    display: flex;

    margin: 0 auto;

}

.content .pros {

    width: 125px;

    height: 130px;

    background-color: #7d7d7d;

}

.pro-title span {

    width: 125px;

    font-size: 14px;

}



#pro-banner {

    /*height: 350px;*/

    /*background-color: #7d7d7d;*/

}

.title {

    height: 150px;

    background-color: #7d7d7d;

    margin-top: 80px;

}

.p {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.product {

    width: 49.5%;

    height: 300px;

    background-color: #7d7d7d;

    margin-top: 15px;

}

#hh {

    height: 80px;

}



#news-banner {

    width: 1220px;
    padding-top: 60px;
    height: 350px;
    margin: 0 auto;


    /*height: 350px;*/

    /*background-color: #7d7d7d;*/

}
#news-banner img {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
}


#new {

    display: flex;

    flex-wrap: wrap;

  /* justify-content: space-between;*/

    width: 1200px;

    margin: 0 auto;

    justify-content: flex-start !important;
}

#new a {

    display: block;

    text-align: left;

    line-height: 20px;

    margin: 1em !important;

}

.news {

    width: 370px!important;
    height: 300px;

}
.newimg img {
    width: 370px!important;
}

.news span {

    display: block;

    font-size: 16px!important;

    color:#373a36;

    font-weight: normal;

    margin: 5px 0;

}

.news b {

    font-size: 10px;

    font-weight: 0;

    background-color: #eee;

    padding: 5px;

    border-radius: 5px;

}

.newimg {

    width: 370px!important;

    height: 200px;

}

#ul {

    width: 230px;

    height: 20px;

    margin: 0 auto;

    border: 1px solid #dcdcdc;

    display: flex;

    flex-wrap: wrap;

}

.li {

    width: 27px;

    text-align: center;

    font-size: 12px;

    border-right: 1px solid #dcdcdc;

    cursor: pointer;

}

.li:last-child {

    border-right: none;

}

.kuang {

    width: 150px;

    z-index: 999;

    font-size: 12px;

    cursor: pointer;

    background-color: #eee;

    position: absolute;

    top: 60px;

    transform: translateX(-15px);

}

.kuang li {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.kuang li a {

    height: 40px!important;

    display: inline-block!important;

    font-weight: normal!important;

    line-height: 40px!important;

    white-space: nowrap!important;

}

.kuang li:hover {

    background-color: #dcdcdc;

}
#zhichi,#hezuo,#about,#xinchuang{
    display: none;
}



.tab-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tab-list ul li{
    width: 150px;
}



#purchase-banner {

    padding-top: 60px;

    /*height: 350px;*/

    /*background-color: #7d7d7d;*/

}


#server-banner {

    width: 1220px;

    margin: 0 auto;

    padding-top: 60px;

    height: 300px;

    position: relative;

    overflow: hidden;

}

#about-banner {

    /*width: 100%;*/
    margin: 0 auto;

    display: block;
    padding-top: 60px;

    background-color: #7d7d7d;

}

#tab {

    width: 800px;

    display: flex;

     align-items: flex-end;

    margin: 235px auto 0;

}

.tabs {

    width: 25% !important;

    height: 60px;

    background-color: #333;

    text-align: center;

    color: #ccc;

    line-height: 60px;

    cursor: pointer;

    font-size: 18px;

    font-weight: normal;

}



#cooperate-banner #tab {
    width: 800px;
    display: flex;
    margin: 455px auto 0;
}


.pspro:hover {

    background-color: #d2d2d2;

}

#pro-ps {

    width: 100%;

    height: 160px;

    background-color: #fff;

    margin: 0;

    padding-top: 35px;

}

#pro-ps-tab {

    display: flex;
    justify-content: space-between;
    margin: 0 auto;

}

#pro-ps-title {

    width: 1000px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    color: #666;


}

#pro-ps-tab .pro-ps-tab {

    width: 120px;

    height: 120px;

    cursor: pointer;

}

#pro-ps-tab .pro-ps-tab img {
    width: 100%;
}

#pro-ps-title .pro-ps-tab {

    display: block;

    width: 120px;

    text-align: center;

    font-size: 14px;

    line-height: 40px;

}

#items {

    display: flex;

    flex-wrap: wrap;

    margin: 60px auto;

    width: 1220px;

}

.item {
    display: block;

    width: 380px!important;

    height: 415px;

    margin: 8px;

    background-color: #fff;

    position: relative;

    cursor: pointer;

    float: left;

}
.item span {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin-left: 0!important;
}
.item p {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal!important;
    margin-left: 0!important;
}
.item-title .bottom {
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 20px;
    bottom: 20px;
}


.item-title a {

    font-size: 18px;

    display: inline-block;

    padding: 0 10px;

    line-height: 46px;

    font-weight: normal;

    width: 140px;

    height: 46px;

    color: #fff;

    border: none;

    border-radius: 5px;

    background-color: #333399;

    transition: .5s all;

    cursor: pointer;

}

ol {

    margin: 10px 0;

    padding: 0;

}

.breadcrumb {

    list-style: none;

    color: #666!important;

    display: flex;

}

.breadcrumb a {

    font-size: 14px!important;

    font-weight: normal!important;

}

.breadcrumb li {

    color: #666;

}

.breadcrumb span {

    margin: 0 10px;

}

#breadcrumb {

    width: 1200px;

    margin: 0 auto;

}

article {

    width: 1220px;

    background-color: #fff;

    margin: 10px auto;

    padding: 50px 0 50px;

}

article h1 {

    font-size: 2em;

    padding: 1em 0;

}

article p {

    font-size: 14px;

    margin: 0 170px;

    line-height: 34px;

    text-indent: 2em;

}

#major-boss {

    width: 1220px;

    height: 305px;

    display: flex;

    margin: 0 auto;

    color: #666;

}

#major-boss .major {

    width: 50%;

    background-color: #fff;

    overflow: hidden;

}

#major-boss .major img {

    width: 100%;

}

#major-boss .major .boss-title {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    margin: 30px 40px;

}

#major-boss .major .boss-title span {

    font-weight: 900;

    font-size: 24px;

    width: 15%;

    line-height: 24px;

}

#major-boss .major .boss-title b {

    font-weight: 900;

    font-size: 16px;

    width: 85%;

    line-height: 34px;

}

#major-boss .major .boss-title b {

    font-weight: 900;

    font-size: 16px;

    width: 80%;

}

#major-boss .major .boss-title p {

    font-size: 14px;

    width: 100%;

    line-height: 22px;

}

#miaoshu {

    margin: 0 20px 40px;

    font-size: 14px;

    line-height: 34px;

}

#minor-boss {

    width: 1220px;

    display: flex;

    flex-wrap: wrap;

    margin: 0 auto;

    margin-top: 50px;

}

.minor-boss {

    width: 390px;

    height: 400px;

    margin-top: 30px;

    margin-right: 24px;

    position: relative;

    overflow: hidden;

}

.minor-boss:nth-child(3n) {

    margin-right: 0;

}



.minor-boss::before {
    width: 350px;
    height: 360px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    padding: 20px;
    line-height: 34px;
    background-color: #333399;
    animation: sb 1s;
    opacity: .8;
}
#hx:hover::before {
    content:"2008-2011台湾BIOSTAR中国区网吧总监，获得中国区网吧占有率第一的佳绩；2011-2013联合创办中楚联智无线Wi-Fi项目，被中国电信公共Wi-Fi及华住酒店集团采用，获得华住酒店集团天使轮投资并入华住集团；2013-2015创办中国第一个高端艺术蛋糕品牌樱妮卡，获百万美元天使轮投资；2015至今加入攀升主导研究VR/AR项目，打造出中国第一个HTC VIVE载具并获得HTC官方认证最佳解决方案。";
}
#llx:hover::before {
    content: "2006-2007湖北新胜投资管理有限公司门市部经理/渠道部负责人，2年时间将负责门店做到公司业绩第一，转战渠道部后9个月时间将渠道业绩实现300%增长；2008-2013联合创立武汉映德电子科技，任线下事业部总经理，代理品牌均做到全国完成率第一，用最短时间做到湖北PC渠道行业TOP3；2015-2016 B2C事业部运营总监，年营业额保持200%以上增长，天猫平台稳居TOP3，京东平台TOP1。";
}
#xlx:hover::before {
    content: "2003-2008武汉图灵科技开发有限公司、映泰华中区技术负责人，映泰全国电子产品品牌分站式RMA服务创始人；2008-2013 联合创立武汉映德电子科技，任职技术总监，提供全方位网吧解决方案，将公司业绩做到湖北PC行业TOP3；2013-2016 将平台DSR保持领先行业30%以上的指数评分指数、京东钻石服务认证，开创电商行业全国范围内为客户提供365天上面的服务方案。"
}
#txj:hover::before {
    content: "2005创办武汉丽景科技有限公司，成为湖北地区首批英特尔SMBsolution渠道会员。 2009加入英特尔至尊地带体系，在Inter Design Workers项目中，连续三年全国第一； 2012-2015任Inter中国区技术顾问，负责测评Intel高端新品的测试和BUG解决方案；2015 加入攀升，创立产品研究院，至今已立研发专案五十余项，其中二十余款已经落地，获发明专利5项，实用新型专利21项。";
}
#glb:hover::before {
    content: "2015   湖北华科资产管理有限公司 合伙人、副总经理。2016   深圳武达航空产业投资  合伙人、总经理。2017   荆州市江汉众力实业有限公司  合伙人。2018   武汉攀升鼎承科技有限公司  合伙人、集团副总裁、品牌机总经理。";
}
#zcq:hover::before {
    content: "武汉高德红外股份有限公司副总兼公共关系部部长，主导完成高德红外“十三五”规划编制，建立起服务于公司整体战略的管理体系；截止到2018年中旬，为高德红外办理新增工业用地850亩，签定各类投资协议总金额超过30亿元；帮助高德红外获得各类政府资助2亿元，获得各类国家级、省市级资质70余项；曾荣获“武汉市重大工程项目先进个人”等荣誉称号。2018年底至今 任攀升集团副总裁/首席行政官";
}
#xjw:hover::before {
    content: "资深IT人，从基层做起，具有极其丰富的一线运营及销售经验。2014-2016 出任京东武极店店长，两年间，武极店飞速发展，不断创行业销售纪录，成为京东平台行业标杆店铺；2016至今京东大平台经理负责优化渠道，探索改进模式，打造电商发展教科书式模版；京东平台营业额继续高速增长，季度涨幅8%以上，行业全方位领先，稳居业界第一。";
}
#wzn:hover::before {
    content: "2007-2010 亚太电效系统（珠海）有限公司，负责电路设计硬件研发；2010-2015 中国农业发展银行湖北省分行，营销管理业务超16亿元。2015-2018 汉口银行股份有限公司，定制的电商类供应链融资创新产品，得到全行范围内学习推广；2017 借调至中共武汉市纪委，获评市属国有企业优秀纪检干部。2018 年5月加盟攀升，目前负责集团融资规划、财务管理、内控体系建立及上市推进。";
}



@keyframes sb {

    from {

        height: 0;

        opacity: 0;

    }

    to{

        height: 360px;

        opacity: .8;

    }

  }



.minor-boss img {

    width: 390px;

}

.minor-boss-title {

    width: 100%;

    background-color: #fff;

    z-index: 990;

    height: 76px;

    position: absolute;

    bottom: 0;

    padding: 12px 20px;

    color: #666;

}

.minor-boss-title span {

    font-weight: 900;

    font-size: 24px;

    width: 15%;

    line-height: 24px;

}

.minor-boss-title b {

    font-weight: 900;

    font-size: 16px;

    width: 85%;

    line-height: 34px;

}

.minor-boss-title b {

    font-weight: 900;

    font-size: 16px;

    width: 80%;

}

.minor-boss-title p {

    font-size: 14px;

    width: 100%;

    line-height: 22px;

}



#about3-banner {

    width: 1220px;

    height: 300px;

    margin: 0 auto;

    display: block;

}

#time-title {

    -webkit-width: 1220px!important;
    -webkit-height: 50px!important;
    -webkit-color: #fff!important;
    -webkit-display: flex!important;
    -webkit-background-color: #7d7d7d!important;
    -webkit-margin: 0 auto!important;
    -webkit-justify-content: center!important;
    width: 1220px;
    height: 50px;
    color: #000;
    display: flex;
    background-color: #fff;
    margin: 0 auto;
    justify-content: center;
}

#time-title li {

    -webkit-width: 100px!important;
    -webkit-line-height: 50px!important;
    -webkit-cursor: pointer!important;
    width: 100px;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
}

#time-content {

    -webkit-width: 1220px!important;
    -webkit-height: 400px!important;
    -webkit-background-color: #fff!important;
    -webkit-margin: 20px auto!important;
    -webkit-position: relative!important;
    width: 1220px;
    height: 400px;
    background-color: #fff;
    margin: 20px auto;
    position: relative;

}

#time-content-left {

    -webkit-position: absolute!important;
    -webkit-width: 50%!important;
    -webkit-left: 0!important;
    position: absolute;
    width: 50%;
    left: 0;

}

#time-content-right {

    -webkit-position: absolute!important;
    -webkit-padding: 24px 50px!important;
    -webkit-right: 0!important;
    position: absolute;
    padding: 0 50px;
    right: 0;

}

#time-content li {

    -webkit-font-size: 13px!important;
    -webkit-line-height: 60px!important;
    -webkit-border-bottom: 1px solid #666!important;
    -webkit-cursor: pointer!important;
    -webkit-color: #373a36!important;
    font-size: 13px;
    line-height: 60px;
    border-bottom: 1px solid #666;
    cursor: pointer;
    color: #373a36;

}

#zp {

    width: 1200px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}

#zp-left {

    width: 850px;

}

#zp-sx {

    height: 120px;

    background-color: #fff;

    display: flex;

    flex-wrap: wrap;

    padding-left: 20px;

}

#zp-right {

    width: 340px;

}

#zp-sm {

    width: 350px;

    height: 120px;

    background-color: #fff;

}

#zp-sx span {

    font-size: 18px;

    line-height: 60px;

    width: 100%;

}

select {

    font-size: 14px;

    padding-left: 12px;

    outline: none;

}

option {

    font-size: 14px;

    height: 40px;

}

option:hover {

    color: #fff;

    background-color: #333399;

}

.normal-select {

    width: 240px;

    height: 40px;

    color: #999;

    border: 1px solid #999;

    margin-right: 26px;

}

.sp-select {

    width: 240px;

    height: 40px;

    color: #999;

    border: 1px solid #999;

    background-color: #eee;

}

#zp-zw {

    display: flex;

    flex-wrap: wrap;

    background-color: #fff;

    margin-top: 16px;

}

#zp-zw a {

    display: block;

    width: 850px!important;

}

.zp-zw {

    width: 100%;

    height: 100px;

    border-bottom: 1px solid #f5f5f5;

    display: flex;

}

.zp-zw-left {

    width: 590px;

    text-align: left;

    margin: 20px 40px;

    display: flex;

    flex-wrap: wrap;

}

.zp-zw span {

    display: block;

    color: #333;

    font-size: 18px;

    font-weight: normal;

    width: 100%;

    line-height: 20px;

}

.zp-zw b {

    font-weight: 500;

    font-size: 14px;

    display: flex;

    justify-content: flex-end;

    padding-right: 38px;

    width: 180px;

    line-height: 100px;

}

.zp-zw p {

    width: 100%;

    font-size: 14px;

    color: #666;

}

.about-ul {

    margin-top: 40px!important;

}

#zp-sm a {

    display: block;

    width: 350px;

    height: 60px;

    font-size: 18px;

    font-weight: 500;

    margin-left: 34px;

}

#zp-xm {

    width: 350px;

    /*height: 380px;*/

    background-color: #fff;

    margin-top: 16px;

}

#zp-xm a {

    width: 100%!important;

    text-align: left!important;

}

#zp-xm b {

    line-height: 54px;

    font-weight: 500;

    padding-left: 32px;

}

#zp-xm li {

    height: 80px;

    border-top: 1px solid #eee;

    padding-left: 32px;

    cursor: pointer;

}

.zp-xm span {

    width: 100%;

    font-size: 18px;

    color: #333;

    font-weight: normal;

}

.zp-xm p {

    width: 100%;

    line-height: 0;

    font-size: 14px;

    color: #666;

    text-align: left;

}

#post {

    width: 770px;

    background-color: #fff;

    padding: 40px;

}

#post span {

    font-size: 28px;

    width: 850px;

    display: block;

    width: 100%;

}

#post b {

    font-size: 14px;

    color:#999;

    margin-bottom: 30px;

}

#post p {

    color: #666;

    font-size: 14px;

    line-height: 28px;

}

#plist {

    margin-top: 30px;

}

#ff {

    width: 445px;

    height: 40px;

    background-color: #333399;

    color: #fff;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

    border-radius: 5px;

    margin-top: 32px;

}

#welfare {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

    padding: 0 0 40px;

}

#nothing {

    height: 60px;

}

#welfare span {

    font-size: 24px;

    font-weight: 900;

    line-height: 88px;

    display: flex;

    justify-content: center;

    color: #333;

}

#welfare b {

    display: block;

    width: 1050px;

    text-align: right;

    font-size: 16px;

    color: #666;

}

#welfare p {

    padding-left: 170px;

    font-size: 16px;

    width: 880px;

    line-height: 34px;

}

#welfare-plist {

    margin-bottom: 40px;

}

.item:hover {

    box-shadow: 0 0 10px #666;

    transition: .5s all;

}

.item button:hover {

    background-color: #292985;

}

#tabs {

    width: 120px;

    height: 3px;

    position: absolute;

    background-color: #333399;

    margin-top: 192px;

}



.kongbai {

    padding-top: 54px;

}



#item {

    width: 1220px;

    margin: 0 auto;

    background-color: #fff;

}

#item-title {

    width: 1220px;

    height: 62px;

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #f5f5f5;

}

#item-title span {

    font-size: 18px;

    line-height: 62px;

    margin-left: 35px;

    color: #333;

}

#item-tab {

    display: flex;

    margin-right: 35px;

}

#item-tab li {

    width: 60px;

    font-size: 14px;

    color: #666;

    line-height: 62px;

    margin-left: 38px;

    cursor: pointer;

}



#server-img {

    width: 1220px;

    margin: 0 auto;

    background-color: #fff;

    margin-bottom: 200px;

}

#server-img img {

    width: 100%;

}



#only {

    width: 1220px;

    margin: 0 auto;

    background-color: #fff;

    margin-bottom: 200px;

}

#only img {

    width: 100%;
    z-index: 996!important;

}





#item-content1 {

    height: 520px;

}

#item-content1-left {

    width: 700px;

    display: flex;

    border-right: 1px solid #f5f5f5;

}

#item-content1-left-tab {
    width: 160px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#item-content1-left-content {

    width: 540px;

    height: 496px;

}

#item-content1-left-content img {

    width: 100%;

    margin-top: 90px;

}

#item-content1-right {

    width: 520px;

    padding-left: 44px;

}

#item-content1-right span {

    font-size: 24px;

    line-height: 105px;

}

#item-content1-right p {

    width: 100% !important;

    font-size: 16px !important;

    color: #666 !important;

    line-height: 34px !important;

}

#item-content1-right button {

    font-size: 16px;

    width: 150px;

    height: 50px;

    background-color: #3953c5;

    color: #fff;

    border: none;

    border-radius: 5px;

    margin-top: 45px;

}

#item-content1-right a {

    font-size: 14px;

    color: #333;

    width: 280px!important;

    text-align: right;

    font-weight: normal;

    line-height: 160px;

}



#item-content1-left-tab {

    display: flex;

    flex-wrap: wrap;

}

.item-content1-left-tab {

    width: 100%;

    text-align: center;

    cursor: pointer;

}

.item-content1-left-tab img {

    width: 88px;

}

#jt1 {
    width: 40px!important;
    height: 20px!important;
    margin: 0 auto;
    position: absolute;
    top: 0;
    margin: 20px 60px;
}
#jt2 {
    width: 40px!important;
    height: 20px!important;
    margin: 0 auto;
    /*position: absolute;*/
    bottom: 0;
    margin: 20px 60px;
}


#item-content3 {

    width: 1220px;

    height: 410px;

    display: flex;

}

#item-content3-left img {

    margin-top: 70px;

}

#item-content3-left {

    width: 500px;

    text-align: center;

}

#item-content3-center {

    width: 600px;

    display: flex;

    margin-top: 124px;

}

.item-content3-center {

    margin-left: 20px;

}

.item-content3-center img {

    width: 100px;

    height: 100px;

}

#item-content3-right a {

    display: block;

    margin-top: 330px!important;

    font-size: 14px;

    font-weight: normal;

}

.item-content3-center span {

    width: 100%;

    display: block;

    font-size: 14px;

    color: #333;

    text-align: center;

}



#item-content2 {

    padding: 0 35px;

    /*height: 800px;*/

}

#item-content2-buttons {

    width: 300px;

    display: flex;

    margin-top: 10px;

}

#item-content2-button1 {

    width: 150px;

    height: 35px;

    border-radius: 3px;

    background-color: #707070;

    border: 1px solid #707070;

}

#item-content2-button2 {

    width: auto !important;

    height: 35px;

    border-radius: 3px;

    background-color: #fff;

    border: 1px solid #707070;

    margin-left: 2px;

}

#item-content2-content {

    margin-top: 44px;

}

.item-content2-content {

    line-height: 32px;

    font-size: 14px;

    color: #666;

    /*border-bottom: 1px solid #666;*/

}

#sever-pro-ps {

    width: 1220px;

    height: 160px;

    background-color: #fff;

    margin: 0 auto;

    padding-top: 35px;

}

#sever-pro-ps-tab {

    width: 590px;

    display: flex;

    justify-content: space-between;

    margin: 0 auto;

}

#sever-pro-ps-title {

    width: 590px;

    display: flex;

    justify-content: space-between;

    margin: 0 auto;

}

#sever-pro-ps-tab .sever-pro-ps-tab {

    width: 120px;

    height: 120px;

    background-color: #a0a0a0;

    cursor: pointer;

}

#sever-pro-ps-title .sever-pro-ps-tab {

    width: 120px;

    text-align: center;

    font-size: 14px;

    font-weight: 900;

    line-height: 40px;

    color: #666;

}



#server2-content {

    margin-top: 15px;

}

#server2-content li {

    width: 1220px;

    margin: 0 auto;

    background-color: #fff;

    height: 150px;

    border-bottom: 1px solid #f5f5f5;

    display: flex;

    justify-content: space-between;

}





.server2-content-left {

    display: flex;

    margin-left: 90px;

}

.server2-content-right {

    display: flex;

    margin-right: 90px;

}

.server2-content-left .img {

    width: 120px;

    height: 120px;

    position:relative;

    margin-top: 15.5px;


}

.server2-content-right a {

    width: 94px!important;

    line-height: 150px;

    font-size: 16px!important;

    font-weight: normal!important;

}

.server2-content-right a:hover {

    color: #333399;

    font-weight: 900!important;

}



#quetions {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

}

#quetions-title {

    font-size: 24px;

    color: #666;

    margin-top: 15px;

    line-height: 86px;

    margin-left: 50px;

}

#quetions-content {

    display: flex;

    margin-left: 50px;

    flex-wrap: wrap;

    padding-bottom: 25px;

}

#quetions-content li {

    border: 1px solid #707070;

    border-radius: 3px;

    height:36px;

    margin-right: 25px;

    color: #707070;

    font-size: 16px;

    line-height: 36px;

    text-align: center;

    padding: 0 20px;

    margin-bottom: 25px;

    cursor: pointer;

}

#quetions-content li:hover {

    color: #fff;

    background-color: #707070;

}

.server2-content-left span {

    line-height: 150px;

    font-size: 22px;

    color: #666;

    margin-left: 14px;

    font-weight: normal!important;

}

#rules {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

    padding: 40px 0;

}

.rules-p {

    width: 740px;

    margin: 0 240px;

    font-size: 14px;

    color: #333;

    line-height: 30px;

}



#server-tab {

    width: 600px;

    display: flex;

    /*align-items: flex-end;*/

    height: 360px;

    margin: 0 auto;

    align-items: flex-end;
}

#xiazai {

    width: 200px;

    height: 50px;

    background-color: #3953c5;

    border-radius: 3px;

    color: #fff;

    border: none;

    font-size: 18px;

    margin-top: 40px;

    cursor: pointer;

}



#tools {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

    text-align: center;

}

#select-tools {

    width: 600px;

    height: 40px;

    color: #999;

    font-size: 16px;

    margin-top: 48px;

}

#show-tools {

    width: 600px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 10px;

}

.show-tools-title {

    display: block;

    font-size: 16px;

    color: #333;

    width: 100%;

    text-align: left;

    margin-top: 20px;

    line-height: 40px;

}

.show-tools-content {

    width: 100%;

    height: 130px;

    margin-top: 10px;

    border: 1px solid #d2d2d2;

}

.show-tools-content b {

    width: 100%;

    display: block;

    font-size: 14px;

    color: #333;

    margin-top: 22px;

    text-align: left;

    margin-left: 18px;

}

.show-tools-content span {

    font-size: 18px;

    display: block;

    color: #333;

    margin-left: 18px;

    text-align: left;

    font-weight: 900;

}

.show-tools-content p {

    font-size: 16px;

    color: #333;

    margin-right: 18px;

}

.show-tools-content-cebter {

    margin: 8px;

    display: flex;

    justify-content: space-between;

}

.show-tools-content-cebter b {

    font-size: 14px;

    color: #999;

}

.show-tools-content-cebter button {

    width: 110px;

    height: 30px;

    background-color: #3953c5;

    border: none;

    color: #fff;

    margin-right: 18px;

    margin-top: 10px;

}

#shouce-kezi {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

    padding: 74px 0;

}

#shouce {

    width: 600px;

    height: 130px;

    border: 1px solid #d2d2d2;

    border-radius: 3px;

    margin: 0 auto;

    padding: 20px 0;

}

#shouce-center {

    display: flex;

    justify-content: space-between;

}

#shouce span {

    font-size: 14px;

    color: #333;

    margin-left: 18px;

    margin-top: 22px!important;

    font-weight: 900;

    display: block;

}

#shouce h1 {

    font-size: 18px;

    color: #333;

    margin-left: 18px;

}

#shouce-center p {

    margin-right: 35px;

    line-height: 60px;

    font-size: 16px;

}

#shouce button {

    width: 110px;

    height: 30px;

    border: none;

    color: #fff;

    background-color: #3953c5;

    margin-right: 35px;

}


#addmoney {

    width: 1220px;

    background-color: #fff;

    margin: 0 auto;

    padding: 6px 0 26px;

}

.addmoney {

    width: 800px;

    height: 86px;

    background-color: #f5f5f5;

    margin: 20px auto 0;

}

.addmoney span {

    line-height: 50px;

    font-size: 16px;

    color: #3e4752;

    font-weight: 900;

    margin-left: 34px;

}

.addmoney p {

    line-height: 6px !important;

    font-size: 14px;

    color: #6f6f6f;

    margin-left: 34px;

}

#resolution {

    width: 1200px;

    margin: 0 auto;

}

#resolution-card {

    margin: 92px 0;

    display: flex;

    flex-wrap: wrap;

}

.resolution-card {

    width: 310px;

    height: 250px;

    background-color: #fff;

    /*border: 1px solid #c9cdd0;*/

    border-radius: 10px;

    margin: 0 45px;

    text-align: center;

}

.resolution-card p {

    font-size: 14px;

    color: #3b3d4a;

    width: 294px;

    display: block;

    margin: 0 auto;

    margin-top: 50px;

}

.resolution-card span {

    font-size: 12px;

    color: #b2b2b2;

    font-weight: 900;

    line-height: 42px;

}
.resolution-card img{
    border-radius: 10px;
}

#resolution-card2 {

    display: flex;

}

#resolution-card2 img{
    border-radius: 10px;
}

#resolution-card2 li {

    width: 310px;

    height: 109px;

    background-color: #fff;

   /* border: 1px solid #c9cdd0;*/

    border-radius: 10px;

    margin: 0 45px;

}

h4 {

    display: block;

    font-size: 24px;

    color: #3e4752;

    line-height: 90px;

    text-align: center;

}

#resolution-card2 h4 {

    text-align: left;

    margin-left: 20px;

    line-height: 30px;

    margin-top: 40px;

}

#resolution-card2 span {

    font-size: 20px;

    color: #3e4752;

    margin-left: 20px;

}

#resolution-card2 p {

    font-size: 18px;

    color: #3e4752;

    margin-left: 20px;

    margin-top: 40px;

}

#idea h1 {

    text-align: center;

    color: #3e4752;

    font-size: 48px;

    font-weight: normal;

    line-height: 190px;

}

#idea-idea {

    width: 1200px;

    display: flex;

    margin: 0 auto;

}

#idea-idea li {

    margin: 0 70px;
    background-color: #fff;
    /* border-radius: 50%; */
    /* border: 1px solid #cacdd0; */
    width: 260px;
    height: 240px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#idea-idea li img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

#idea-font {

    width: 1200px;

    margin: 0 auto;

    display: flex;

}

#idea-font span {

    display: block;

    line-height: 60px;

    font-size: 24px;

    color: #3e4752;

    width: 33%;

    text-align: center;

    line-height: 80px;

    font-weight: 900;

}

#idea {

    text-align: center;

}

#idea button {

    font-size: 18px;

    width: 144px;

    height: 48px;

    background-color: #3953c5;

    color: #fff;

    border: none;

    border-radius: 8px;

    margin-top: 20px;

}

#tougao button {

    font-size: 18px;

    width: 144px;

    height: 48px;

    background-color: #3953c5;

    color: #fff;

    border: none;

    border-radius: 8px;

    margin-top: 20px;

}

#tougao {

    display: none;

    width: 1220px;

    margin: 0 auto;

}

#tougao-title {

    width: 1096px;

    background-color: #fff;

    margin: 0 auto;

}

#tougao-title span {

    display: block;

    margin-left: 182px;

    font-size: 20px;

    color: #3e4752;

    padding: 20px 0;

    margin-top: 50px;

}

#tougao-message {

    width: 1096px;

    height: 344px;

    background-color: #fff;

    margin: 12px auto;

}

#tougao-upload {

    width: 1096px;

    height: 240px;

    background-color: #fff;

    margin: 0 auto;

}

#tougao-message b {

    margin: 22px;

    display: block;

    border-bottom: 1px solid #bfbfbf;

    line-height: 58px;

    padding-left: 162px;

    font-size: 16px;

    color: #3e4752;

}

#tougao-upload b {

    margin: 22px;

    display: block;

    border-bottom: 1px solid #bfbfbf;

    line-height: 58px;

    padding-left: 162px;

    font-size: 16px;

    color: #3e4752;

}

#tougao-message input {

    outline: none;

    height: 12px;

    border-radius: 8px;

    border: 1px solid #c9cdd0;

    background-color: #f2f2f2;

    font-size: 14px;

    padding: 10px;

    width: 305px;

    color: black;

}

#tougao-message span {

    font-size: 16px;

    color: #6f6f6f;

    line-height: 32px;

}

#tougao-message ul {

    width: 406px;

    display: flex;

    flex-wrap: wrap;

    margin: 0 auto;

}

#tougao-message li {

    width: 410px;

    display: flex;

    margin-bottom: 20px;

    justify-content: space-between;

}

#tougao-message li b {

    color: #b90000;

    font-size: 16px;

    margin: 0;

    display: block;

    border-bottom: none;

    line-height: 32px;

    padding-left: 0;

}

#tougao-upload #tu {

    width: 406px;

    display: flex;

    flex-wrap: wrap;

    margin: 0 auto;

}

#tougao-upload #tu b {

    color: #b90000;

    font-size: 16px;

    margin: 0;

    display: block;

    border-bottom: none;

    line-height: 32px;

    padding-left: 0;

}

#tougao-upload span {

    font-size: 16px;

    color: #6f6f6f;

    line-height: 32px;

}

#tougao-upload input {

    width: 310px;

    height: 122px;

    opacity: 0;

    position: relative;

}

#tougao-upload #tu img {

    width: 280px;

    position: absolute;

    transform: translateX(80px);

}

#epa {

    width: 1200px;

    background-color: #fff;

    height: 634px;

    margin: 0 auto;

}

#epa h1 {

    font-size: 24px;

    color: #333;

    line-height: 114px;

}

#epa p {

    font-size: 16px;

    color: #666;

    margin: 0 170px;

    line-height: 32px;

}

#plan {

    width: 1200px;

    background-color: #fff;

    height: 634px;

    margin: 0 auto;

}

#plan h1 {

    font-size: 24px;

    color: #333;

    line-height: 114px;

}

#plan p {

    font-size: 16px;

    color: #666;

    margin: 0 170px;

    line-height: 32px;

}

#plan #qr {

    display: flex;

    justify-content: flex-end;

    width: 876px;

    margin: 32px auto 0;

}





#index-navi:hover {

    background-color: #fff!important;

}

#index-navi:hover #logo {

    background: url('static/img/logo/140x25_1.png') no-repeat!important;

    background-size: 100%!important;

}

#index-navi:hover a {

    color: #373a36!important;
    text-shadow: none;

}

.breadcrumb a {

    display: inline;

}


#index-navi:hover {
    background-color: #fff!important;
}
#index-navi:hover #logo {
    background: url('static/img/logo/140x25_1.png') no-repeat!important;
    background-size: 100%!important;
}
#index-navi:hover a {
    color: #373a36!important;
}
.breadcrumb a {
    display: inline;
}

.item-tab {
    width: 100px;
    height: 60px;
    margin: 10px auto;
    padding: 10px 0;
}
.item-tab:hover {
    border: 2px solid #333399;
}
#item-content1-left-tab-main {
    height: 380px;
    overflow: hidden;
    margin: 70px auto 0;
}
.item-content1-left-tab-main-big {
    display: flex;
    flex-wrap: wrap;
}

#tougao-message select {
    outline: none;
    height: 34px!important;
    border-radius: 8px;
    border: 1px solid #c9cdd0;
    background-color: #f2f2f2;
    font-size: 14px;
    padding: 6px;
    width: 326px;
    /*color: #777;*/
}

#item-content1-right span {
    max-width: 400px;
    text-align: left;
    font-size: 24px;
    line-height: 105px;
}


#pro-banner img {
    width: 100%;
}

#server-banner img {
    /*height: 100%;*/
    width: 1220px!important;
    position: absolute;
    top: 60px;
    /*left: 100%;*/
    z-index: -100!important;
}
.text-shadow{
    text-shadow: 0 0 2px #000;
}

#cooperate-banner {
    width: 1730px;
    margin: 0 auto;
    padding-top: 60px;
    height: 520px;
    position: relative;
    overflow: hidden;
}


#cooperate-banner img {
    width: 1730px!important;
    position: absolute;
    top: 84px;
    z-index: -100!important;
}
.logo a{
    display: inline !important;
    line-height: 0 !important;
}

#zhengce{
    width: 1220px;
    margin: 0 auto;
}

#time-content-right {
    width: 520px!important;
}
#time-content-left {
    overflow: hidden!important;
    height: 400px!important;
}
#time-content-right li{
    width: 100%!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#time-content-right li a {
    -webkit-display: block;
    -webkit-width: 100%!important;
    -webkit-text-align: left!important;
    -webkit-font-weight: normal!important;
    display: block;
    width: 100%!important;
    text-align: left!important;
    font-weight: normal!important;
}

.xw span {
    width: 100%!important;
    font-weight: normal!important;
    font-size: 14px!important;
    text-align: left!important;
    line-height: 24px!important;
}

.items {
    display: block;
    width: 45%!important;
    height: 100%;
    background-color: #fff!important;
    margin: 10px!important;
}
.items img {
    width: 100%!important;
}
.shangyue p {
    width: 80%!important;
    display: block!important;
    margin: 0 auto!important;
}

#sbxw {
    margin-top: 25px!important;
}

#items-jb {
    width: 1220px!important;
    margin: 0 auto!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    color: #333!important;
    margin-top: 50px!important;
}
.items-jb {
    display: block!important;
}
.items-jb {
    width: 33%!important;
}

.shabicaonima {
    width: 33%!important;
    background: rgb(217,217,217)!important;
    margin-bottom: 30px!important;
    font-size: 14px!important;
}
.shangyue {
    line-height: 40px!important;
    margin-bottom: 20px!important;
    background: rgb(217,217,217)!important;
}
.shabicaonima .cnmlgb {
    line-height: 24px!important;
    text-indent: 2em!important;
    padding: 10px!important;
}
.topcnm {
    background: rgb(229,229,229)!important;
    height: 310px!important;
}
.shangyue {
    text-align: center;
    font-weight: normal !important;
}
.yihua {
    margin-left: 20px!important;
    text-align: center;
}

.mp-title button {
    width: 100%!important;
    border: none!important;
    background: #fff;
    height: 102px;
}

#items .items {
    height: 560px!important;
    float: left;
}
#items .shangyue {
    background: none!important;
    text-align: center!important;
}
#items .shangyue span {
    margin-left: 0!important;
}
#items .shangyue p {
    line-height: 22px!important;
}
#qdgj-shang{
    color: black!important;
    font-family: -webkit-body!important;
    font-size: 1.005em!important;
}
#qdgj-xia{
    background: #2c4198!important;
    color: #fff!important;
    font-size: .85em!important;
    text-align: center!important;
}
#az{
    text-decoration: none!important;
    font-size: 18px!important;
    color:rgb(204, 204, 204)!important;
    font-weight: normal;
}
.ca{
    line-height: 20px;
}




.heng_ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50px;

}
.heng_ul li{
    width: 25%;
    text-align: center;
}
.shu_ul1{
    width: 150px;
}
.shu_ul li{
    float: left;
}






* {
    padding:0;
    margin:0;
    list-style:none;
}
.all {
    width:800px;
    height:50px;
    margin:100px auto;
    background-color:#fff;
    /*padding-left:10px;*/
    line-height: 50px;
}
.all li {
    width:400px;
    height:50px;
    background-color:#eee;
    line-height:50px;
    text-align:center;
    float:left;
    /*margin-right:10px;*/
    display:inline;
    position:relative;
    cursor:pointer;
}
.all ul {
    position:absolute;
    left:0;
    top:30px;
    display:none;
}

.all2{
    margin-top: 20px;
}

















.li_xuanfu_box{
    width: 1220px;
    margin: 0 auto;
    margin-top: 90px;
}
.li_xuanfu_box .xuanfu_ul1 li{
    /*width: 308px;*/
    border: 3px solid #dedede;
    /*height: 248px;*/
    /*text-align: center;*/
    padding: 0 30px;
    width: 255px;
    height: 248px;

}

.li_xuanfu_box .xuanfu_ul1 li h4{
    margin-top: 80px;
    line-height: 0;
}
.li_xuanfu_box .xuanfu_ul1 li p{
    margin-top: 18px;
    margin-bottom: 60px;
    font-size: 12px;
    text-align: center;
}
.li_xuanfu_box .xuanfu_ul1 li span{
    bottom-bottom: 23px;
    font-size: 12px;
}



.picc1{
    width: 1220px;
    margin: 0 auto;
    margin-top: 16px;
    display: block;
}