html,body{height: 100%; width: 100%; padding: 0px; margin: 0px; font-family: PingFangSC-Regular,sf-pro-text_regular,sf-pro-text_semibold,Helvetica Neue,Helvetica,Arial,sans-serif;}
#root{height: 100%; width: 100%;min-width:1000px;min-height: 700px; overflow: hidden;}
#root .ant-tree-list-scrollbar-show{ display: block !important;}
#root .ant-tree-list-scrollbar-thumb:hover{background: rgba(0, 0, 0, 0.7)!important;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,
fieldset,input,p,blockquote,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:none;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
img a {border: none;}
a { text-decoration: none;}

@font-face {
    font-family: PingFangSC-Regular;
    src: url('./fonts/PingFangSC-Regular.woff2');
  }
  @font-face {
    font-family: sf-pro-text_regular;
    src: url('./fonts/sf-pro-text_regular.woff2');
  }
  @font-face {
    font-family: sf-pro-text_semibold;
    src: url('./fonts/sf-pro-text_semibold.woff2');
  }

.clear { clear:both;}

/*部分公用样式*/
.wrap { margin: 0 auto; width: 1200px;}
.wrap:after { content:""; display:block; clear:both;}
.size12 { font-size: 12px;}
.size14 { font-size: 14px;}
.size16 { font-size: 16px;}
.size18 { font-size: 18px;}
.size20 { font-size: 20px;}
.size24 { font-size: 24px;}
.size30 { font-size: 30px;}
.size36 { font-size: 36px;}
.size40 { font-size: 40px;}
.size60 { font-size: 60px;}
.size80 { font-size: 80px;}



.banner { min-width: 1300px; height: 978px; background: url(images/banner.jpg) no-repeat center top;}
.top { height: 80px; background-color: rgba(15, 16, 21, 0.5); border-bottom: 1px solid #2d2c37;}
.logo { float: left; width: 220px; height: 80px; background: url(images/logo.png) no-repeat; text-indent: -9999px;}
.menu { float: right; height: 80px; line-height: 80px; font-size: 18px; font-weight: 700;}
.menu li {margin-left: 70px; float: left;}
.menu li a { color: #a6a6a7;}
.menu li a:hover { color: #fff;}
.slogan { height: 778px; color: #fff;}
.slogan h3 { padding-top: 250px; font-size: 60px; line-height: 1.2; font-weight: 700;}
.slogan h4 {margin: 20px 0; font-size: 30px; font-weight: 300;}
.slogan h5 { font-size: 18px; font-weight: 300;}
.feature { height: 119px;}
.feature li { padding-top: 36px; float: left; width: 33.33%; height: 83px; color: #fff;}
.feature li i.icon { margin-right: 20px; float: left; height: 49px;}
.feature li i.icon-1 { width: 62px; background: url(images/feature_1.png) no-repeat;}
.feature li i.icon-2 { width: 43px; background: url(images/feature_2.png) no-repeat;}
.feature li i.icon-3 { width: 47px; background: url(images/feature_3.png) no-repeat;}
.feature li .featureText { float: left;}
.feature li .featureText h6 { margin-bottom: 5px; font-size: 20px; font-weight: 500;}
.feature li .featureText p { font-size: 14px;}

.about { min-width: 1300px; height: 538px; background: url(images/about_bg.jpg) no-repeat center top;}
.about h2 { padding: 100px 0 50px 0; text-align: center; font-size: 40px; font-weight: 700;}
.about_text { font-size: 20px;}
.about_text p { text-indent: 40px; line-height: 1.6;}

.case { background-color: #000;}
.case:after { content:""; display:block; clear:both;}
.case li { padding-top: 200px; float: left; width: 16.66666667%; height: 249px; color: #fff; text-align: center;}
.case li.ima01 { background:url(images/case/1_h.jpg) no-repeat center top;}
.case li.ima01:hover { background:url(images/case/1.jpg) no-repeat center top;}
.case li.ima02 { background:url(images/case/2_h.jpg) no-repeat center top;}
.case li.ima02:hover { background:url(images/case/2.jpg) no-repeat center top;}
.case li.ima03 { background:url(images/case/3_h.jpg) no-repeat center top;}
.case li.ima03:hover { background:url(images/case/3.jpg) no-repeat center top;}
.case li.ima04 { background:url(images/case/4_h.jpg) no-repeat center top;}
.case li.ima04:hover { background:url(images/case/4.jpg) no-repeat center top;}
.case li.ima05 { background:url(images/case/5_h.jpg) no-repeat center top;}
.case li.ima05:hover { background:url(images/case/5.jpg) no-repeat center top;}
.case li.ima06 { background:url(images/case/6_h.jpg) no-repeat center top;}
.case li.ima06:hover { background:url(images/case/6.jpg) no-repeat center top;}
.case .case-lable { font-size: 30px; font-weight: 700;}
.case .client-lable { font-size: 14px;}

.caseText { padding: 90px 0; background-color: #eef3f7;}
.caseText-row { margin: 0 -15px;}
.caseText-row:after { content:""; display:block; clear:both;}
.caseText-col { float: left; width: 33.33%;}
.caseText-item { margin: 15px 15px 0 15px; padding: 40px 0;  display: inline-block;; width: 390px; background-color: #fff; text-align: center;}
.caseText-item:hover { background-color: #fcfcfc;}
.caseText-item:nth-child(3),.caseText-item:nth-child(6) { margin: 0;}
.caseText-item .case-lable { margin-bottom: 5px; font-size: 20px; font-weight: 700;}
.caseText-item .client-lable { font-size: 14px;}

.business { position: relative; height: 450px; color: #fff; background:url(images/business.jpg) no-repeat center top;}
.business-text { position: absolute; left: 50%; bottom: 80px; margin-left: -300px; width: 600px; font-size: 18px;}
.business-left { float: left; width: 80px;}
.business-right { float: left;}
.business-right p { margin-bottom: 10px;}

.partner { padding: 80px 0;}
.partner h2 { padding: 0 0 80px 0; text-align: center; font-size: 40px; font-weight: 700;}
.partner-list { overflow: hidden;}
.partner-list li { margin: 0 25px 25px 25px; float: left; width: 190px; height: 50px; text-indent: -9999px;}
.partner-list li.logo-1 { background: url(images/partner/1.jpg) no-repeat;}
.partner-list li.logo-1:hover { background: url(images/partner/1_h.jpg) no-repeat;}
.partner-list li.logo-2 { background: url(images/partner/2.jpg) no-repeat;}
.partner-list li.logo-2:hover { background: url(images/partner/2_h.jpg) no-repeat;}
.partner-list li.logo-3 { background: url(images/partner/3.jpg) no-repeat;}
.partner-list li.logo-3:hover { background: url(images/partner/3_h.jpg) no-repeat;}
.partner-list li.logo-4 { background: url(images/partner/4.jpg) no-repeat;}
.partner-list li.logo-4:hover { background: url(images/partner/4_h.jpg) no-repeat;}

.footer { padding: 40px 0 50px 0; font-size: 14px; color: #666; text-align: center; border-top: 1px solid #ddd;}
.footer a { color: #666;}
.footer a:hover { color: #f00;}