body{font:14px/1.5 "microsoft yahei", Arial, sans-serif; color: #333333; position: relative; background: #ffffff;}
.mobile-view #body{display: none;}
#loading{width: 100%; height: 100%; background: #ffffff; position: absolute; left: 0; top: 0; z-index: 999999; display: none;}
.logo-loading{width: 30%; margin: 0 auto;}
.logo-loading img{width: 100%;}
.sk-cube-grid{width: 40px; height: 40px; margin: 30% auto;}
.sk-cube-grid .sk-cube{width: 33%; height: 33%; background-color: #38beef;float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

#header{width: 100%; height: 67px; background: #ffffff; border-bottom: 1px solid #eeeeee; position: fixed; top: 0; z-index: 12;}
.header_wrap{width: 1200px; height: 66px; margin: 0 auto;}
.logo{float: left; margin-top: 15px;}
.logo-mobile{display: none;}
.top-phone{float: right; font-family: arial; font-size: 28px; color: #38beef; line-height: 66px; padding-left: 51px; position: relative; background: url(../images/top_phone.png) 25px center no-repeat;}
.top-phone:before{content: ""; width: 1px; height: 24px; background: #eeeeee; position: absolute; left: 0; top: 21px;}
.nav{float: right; line-height: 66px;}
.nav > li{float: left; margin-right: 1px; position: relative;}
.nav > li > a{color: #333333; padding: 0 25px; display: block; float: left; transition: all 0.3s;}
.nav > li:hover > a{text-decoration: none; color: #38beef;}
.nav .drop-down{position: absolute; left: 0; top: 66px; width: 100%; text-align: center; background: url(../images/drop_down_arrow.png) center top no-repeat; border-bottom: 2px solid #38beef; display: none; transition: all 0.3s; padding-top: 11px;}
.nav .drop-down li{line-height: 44px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.nav .drop-down li a{color: #333333; display: block; background: #ffffff; transition: all 0.3s; border-top: 1px solid #f5f5f5;}
.nav .drop-down li a:hover{background: #38beef; color: #ffffff; text-decoration: none;}
.nav .drop-down li:first-child a{border: none;}
.nav > li:hover .drop-down{display: block;}
.mobile-nav{display: none;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #38BEEF; width: 6px; height: 6px; margin: -3px 0 0 -3px;}
.panel,.sq-panel{position: relative; width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
#section1{background: url(../images/panel1_bg.png) center bottom no-repeat;}
#section1 h1{font-size: 46px; color: #38beef; font-weight: normal; letter-spacing: 2px; position: absolute; left: 50%; margin-left: -304px; top: 20%;}
#section1 p{font-size: 28px; letter-spacing: 2px; position: absolute; left: 50%; margin-left: -359px; top: 30%;}
#section1 .panel1-info{position: absolute; left: 50%; margin-left: -308px; top: 38%; font-size: 24px; letter-spacing: 2px; padding: 10px 30px;}
#section1 .panel1-info span{font-family: arial; font-size: 48px; color: #38beef;}
#section1 .panel1-info:before{content: ""; width: 44px; height: 24px; border-left: 2px solid #38BEEF; border-top: 2px solid #38BEEF; position: absolute; left: 0; top: 0;}
#section1 .panel1-info:after{content: ""; width: 44px; height: 24px; border-right: 2px solid #38BEEF; border-bottom: 2px solid #38BEEF; position: absolute; right: 0; bottom: 0;}
#section1 a{width: 140px; height: 44px; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; position: absolute; left: 50%; margin-left: -70px; top: 53%; transition: all 0.3s;}
#section1 a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}
@media screen and (max-width: 1400px){ 
	#section1 h1{top: 20%; font-size: 40px; margin-left: -266px;}
	#section1 p{top: 31%;font-size: 24px; margin-left: -311px;}
	#section1 .panel1-info{top: 41%; margin-left: -286px;}
	#section1 .panel1-info span{font-size: 40px;}
	#section1 a{top: 55%;}
} 
.panel2-pic{width: 475px; height: 436px; position: absolute; left: 0; top: 50%; margin-top: -178px;}
.panel2-text{width: 585px; height: 296px; position: absolute; right: 0; top: 50%; margin-top: -108px;}
.panel2-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.panel2-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
#section2 a{width: 140px; height: 44px; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; margin-top: 40px; transition: all 0.3s;}
#section2 a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}
.panel3-pic{width: 584px; height: 483px; position: absolute; right: 0; top: 50%; margin-top: -201px;}
.panel3-text{width: 600px; height: 296px; position: absolute; left: 0; top: 50%; margin-top: -108px;}
.panel3-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.panel3-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
#section3 a{width: 140px; height: 44px; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; margin-top: 40px; transition: all 0.3s;}
#section3 a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}
.panel4-pic{width: 399px; height: 530px; position: absolute; left: 0; top: 50%; margin-top: -225px;}
.panel4-text{width: 600px; height: 296px; position: absolute; right: 0; top: 50%; margin-top: -108px;}
.panel4-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.panel4-text h1 sup{font-size: 12px; font-family: arial;}
.panel4-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
#section4 a{width: 140px; height: 44px; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; margin-top: 40px; transition: all 0.3s;}
#section4 a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}
.panel5-title{font-size: 48px; letter-spacing: 2px; position: absolute; left: 50%; margin-left: -150px; top: 14%;}
.panel5-list{width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 32%;}
.panel5-list li{width: 280px; height: 404px; border: 1px solid #dddddd; border-top: 4px solid #38BEEF; float: left; background: #ffffff; border-radius: 4px; margin-left: 26px; padding: 0 15px; transition: all 0.3s;}
.panel5-list li:first-child{margin-left: 0;}
.panel5-list li h1{font-size: 28px; color: #38BEEF; text-align: center; font-weight: normal; margin: 20px 0;}
.panel5-list li p{font-size: 16px; line-height: 28px; height: 112px; text-align: justify; margin-bottom: 45px;}
.panel5-list li .panel5-pic{text-align: center;}
.panel5-list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2); transform: translateY(-10px);}

.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height: auto !important; overflow: auto;}
.footer{width: 100%; background: #f5f5f5;}
#footer{width: 100%; background: #f5f5f5;}
.footer-wrap{width: 1200px; margin: 0 auto; height: 260px;}
.footer-left{float: left; margin-top: 45px;}
.bot-logo{width: 156px; height: 48px; margin-bottom: 15px; position: relative;}
.bot-logo:after{content: ""; width: 180px; height: 2px; background: #38BEEF; position: absolute; left: 0; bottom: 0;}
.footer-left p{line-height: 28px;}
.footer-left p span{padding-left: 30px;}
.footer-left p .bot-mail{background: url(../images/bot_icon1.png) left center no-repeat;}
.footer-left p .bot-phone{background: url(../images/bot_icon2.png) left center no-repeat;}
.footer-left p .bot-fax{background: url(../images/bot_icon3.png) left center no-repeat; margin-left: 15px;}
.footer-left p .bot-add{background: url(../images/bot_icon4.png) left center no-repeat;}
.footer-left p .bot-cp{background: url(../images/cp_icon.png) left center no-repeat;}
.footer-right{float: right; margin-top: 80px;}
.footer-right p{font-family: arial; font-size: 24px; color: #38BEEF;}
.footer-right p span{font-family: "微软雅黑"; font-size: 14px; color: #333333; display: block;}
.footer-link{margin-top: 15px;}
.footer-link li{float: left; width: 40px; height: 40px; margin-right: 14px; font-size: 0; position: relative; transition: all 0.3s;}
.footer-link li a{width: 100%; height: 100%; display: block;}
.footer-link li.bot-qq{background: url(../images/qq.png) 0 0 no-repeat;}
.footer-link li.bot-wechat{background: url(../images/wechat.png) 0 0 no-repeat;}
.footer-link li.bot-weibo{background: url(../images/weibo.png) 0 0 no-repeat;}
.footer-link li.bot-qq:hover{background: url(../images/qq_h.png) 0 0 no-repeat;}
.footer-link li.bot-wechat:hover{background: url(../images/wechat_h.png) 0 0 no-repeat;}
.footer-link li.bot-weibo:hover{background: url(../images/weibo_h.png) 0 0 no-repeat;}
.footer-link li.bot-wechat .wechat-code{overflow: hidden; position: absolute; left: 50%; margin-left: -60px; bottom: 40px; padding-bottom: 9px; z-index: 9;}
.footer-link li.bot-wechat .wechat-code-wrap{width: 121px; height: 130px; background: #ffffff; border: 1px solid #eeeeee;  display: none;}
.footer-link li.bot-wechat:hover .wechat-code-wrap{display: block;}
.footer-link li.bot-qq .qq-list{overflow: hidden; position: absolute; left: 50%; margin-left: -60px; bottom: 40px; z-index: 9; padding-bottom: 9px;}
.footer-link li.bot-qq .qq-list-wrap{width: 121px; background: #ffffff; border: 1px solid #eeeeee;  text-align: center; display: none;}
.footer-link li.bot-qq .qq-list-wrap p{margin-top: 5px;}
.qq-list-title{font-size: 18px!important; font-family: "微软雅黑"!important; padding: 6px 0; border-bottom: 1px solid #eeeeee;}
.footer-link li.bot-qq:hover .qq-list-wrap{display: block;}

.sp-container{width: 1200px; height: auto; margin: 0 auto 30px; padding-top: 67px;}
.about h1{font-size: 30px; text-align: center; font-weight: normal; margin: 50px auto 30px; letter-spacing: 2px;}
.about p{width: 800px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 34px; color: #666666;}
.gsjj-pic{width: 772px; height: 596px; margin: 50px auto;}
.xbtd-pic{width: 772px; height: 519px; margin: 50px auto 80px;}
.contact > h1{font-size: 30px; text-align: center; font-weight: normal; margin: 50px auto 30px; letter-spacing: 2px;}
.contact p{width: 800px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 34px; color: #666666;}
.contact-list{width: 1104px; height: 404px; margin: 0 auto;}
.contact-list li{width: 342px; height: 404px; border: 1px solid #dddddd; border-top: 4px solid #38BEEF; float: left; background: #ffffff; border-radius: 4px; margin: 0 13px; padding: 0 15px; overflow: hidden; transition: all 0.3s;}
.contact-list li h1{font-size: 24px; color: #38BEEF; text-align: center; font-weight: normal; margin: 20px 0;}
.contact-list li p{font-size: 16px; line-height: 30px; width: 100%; height: 120px; text-align: justify; margin-bottom: 45px; overflow: hidden;}
.contact-list li .contact-pic{text-align: center;}
.contact-list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2); transform: translateY(-10px);}
.join-pic{width: 634px; height: 554px; margin: 50px auto 70px;}
.jiameng{width: 350px; height: 64px; margin: 0 auto 80px; border-radius: 6px; background: #38BEEF; color: #ffffff; text-align: center; line-height: 64px; display: block; font-size: 28px;}
.jiameng:hover{text-decoration: none; background: #2e8ab6;}

.sq-panel{background: url(../images/sq_bg.png) center bottom no-repeat}
.sq-panel1-pic{width: 563px; height: 366px; position: absolute; left: 50%; top: 43%; margin-left: -281px;}
.sq-panel1-text{width: 824px; height: 220px; position: absolute; left: 50%; top: 18%; margin-left: -412px; text-align: center;}
.sq-panel1-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px; font-weight: 200;}
.sq-panel1-text p{font-size: 16px; line-height: 40px; margin: 20px 0;}

.fix-tool{width: 40px; position: fixed; bottom: 20px; left: 50%; margin-left: 620px; overflow: hidden;}
#goTop{height: 0; overflow: hidden;}
#goTop a{width: 40px; height: 40px; display: block; cursor: pointer; background: url(../images/fix_tool.png) 0 0 no-repeat #dddddd; border-radius: 4px; text-indent: -999em; transition: all 0.3s;}
#goTop a:hover{background: url(../images/fix_tool.png) -40px 0 no-repeat #38BEEF;}
.fix-message{width: 40px; height: 40px; cursor: pointer; background: url(../images/fix_tool.png) 0 -40px no-repeat #38BEEF; border-radius: 4px; text-indent: -999em; margin-bottom: 3px; transition: all 0.3s;}
.fix-message:hover{background: url(../images/fix_tool.png) -40px -40px no-repeat #16a5d9;}
@media screen and (max-width: 1400px){
	.fix-tool{right: 20px; left: inherit;}
}

.message-mask{width: 100%; height: 100%; z-index: 99; background: #000; position: fixed; top: 0; left: 0; display: none;}
#messageWrap{width: 600px; background: #fff; padding: 20px; position: fixed; top: -600px; left: 50%; margin-left: -300px; z-index: 99; display: none;}
.closebtn{width: 20px; height: 20px; cursor: pointer; display: block; background: url(../images/close_btn.png) 0 0 no-repeat; transition: all 0.4s ease-out; float: right;}
.close{height: 20px; overflow: hidden; text-align: right;}
.closebtn:hover{transform: rotate(-180deg);}
.message-main{position: relative; padding: 0 30px;}
.message-main i{color: #ff0000;}
.message-main input{font-family: "微软雅黑";}
.message-main h3{font-size: 30px; font-weight: normal; color: #38BEEF;}
.message-main .message-tips{line-height: 24px; color: #666666; margin-top: 20px;}
.message-title{font-weight: bold; margin: 15px 0 5px 0;}
.message-main textarea{width: 100%; height: 80px; padding: 10px; border-radius: 2px; border: 1px solid #dddddd; font-family: "微软雅黑"; transition: all 0.3s;}
.message-main textarea:focus{border-color: #38BEEF;}
.message-left{float: left; width: 240px;}
.message-right{float: right; width: 240px;}
.message-left input,.message-right input{width: 100%; height: 36px; line-height: 36px; border: 1px solid #dddddd; padding: 0 10px; border-radius: 2px;}
.message-code input{width: 240px; height: 36px; line-height: 36px; border: 1px solid #dddddd; padding: 0 10px; border-radius: 2px; float: left;}
.message-code img{height: 36px; float: left; margin-left: 15px;}
.message-btn{margin-top: 25px; margin-bottom: 30px;}
.message-btn input[type="button"]{border-radius: 2px; height: 40px; background: #38BEEF; color: #ffffff; cursor: pointer; border: 0; padding: 0 10px;}
.message-btn input[type="reset"]{border-radius: 2px; height: 40px; background: #999999; color: #ffffff; cursor: pointer; border: 0; padding: 0 20px; margin-left: 10px;}
.message-main input:focus{border-color: #38BEEF;}

.recruit-popup{width: 600px; background: #fff; padding: 20px; position: fixed; top: 25%; left: 50%; margin-left: -300px; z-index: 9999; border: 1px solid #eeeeee; display: none;}
.closebtn{width: 20px; height: 20px; cursor: pointer; display: block; background: url(../images/close_btn.png) 0 0 no-repeat; transition: all 0.4s ease-out; float: right;}
.close{height: 20px; overflow: hidden; text-align: right;}
.closebtn:hover{transform: rotate(-180deg);}
.recruit-popup-main{position: relative; padding: 0 30px;}
.message-tips{line-height: 24px; color: #666666; margin-top: 20px; margin-bottom: 20px;}
.recruit-popup-title{font-weight: bold; font-size: 30px; font-weight: normal; color: #38BEEF;}
.recruit-popup-list{font-size: 16px; margin-bottom: 10px;}

.shequ{width: 100%!important;}
.shequBox .hd{width: 100%; height: 75px; border-bottom: 1px solid #f5f5f5; background: #ffffff; box-shadow: 0 3px 1px rgba(0,0,0,0.04); -moz-box-shadow: 0 3px 1px rgba(0,0,0,0.04); position: fixed; top: 67px; z-index: 8;}
.shequBox-list{width: 1092px; overflow: hidden; margin: 0 auto; overflow: hidden; position: relative;}
.shequBox .hd ul{width: 10000px; overflow: hidden; height: 74px;}
.shequBox .hd li{float:left; height: 74px; width: 156px;}
.shequBox .hd li span{line-height: 14px; height: 44px; padding: 15px 20px 15px 50px; margin: 15px 15px 0 15px; display: block; border-radius: 4px; cursor:pointer; position: relative; transition: all 0.3s;}
.shequBox .hd li span:before{content: ""; width: 22px; height: 20px; background: url(../images/sq_icon.png) no-repeat; position: absolute; left: 20px; top: 50%; margin-top: -10px;}
.shequBox .hd .sq-gzpt:before{background-position: 0 0;}
.shequBox .hd .sq-wssq:before{background-position: -22px 0;}
.shequBox .hd .sq-sg:before{background-position: -44px 0;}
.shequBox .hd .sq-jm:before{background-position: -66px 0;}
.shequBox .hd .sq-zzxt:before{background-position: -88px 0;}
.shequBox .hd .sq-szds:before{background-position: -110px 0;}
.shequBox .hd .sq-yycx:before{background-position: -132px 0;}
.shequBox .hd li.on .sq-gzpt:before{background-position: 0 -20px;}
.shequBox .hd li.on .sq-wssq:before{background-position: -22px -20px;}
.shequBox .hd li.on .sq-sg:before{background-position: -44px -20px;}
.shequBox .hd li.on .sq-jm:before{background-position: -66px -20px;}
.shequBox .hd li.on .sq-zzxt:before{background-position: -88px -20px;}
.shequBox .hd li.on .sq-szds:before{background-position: -110px -20px;}
.shequBox .hd li.on .sq-yycx:before{background-position: -132px -20px;}
.shequBox .hd li span:hover{background: #f5f5f5;}
.shequBox .hd li.on span{color: #38BEEF; background: #f5f5f5;}

.shequBox .bd{clear:both; position:relative; width: 1200px; height: auto; margin: 90px auto 0; overflow:hidden; padding-top: 67px;}
.shequBox .bd .conWrap{width: 1200px; margin-bottom: 40px;}

.sq1-text{float: left; width: 560px; text-align: justify;}
.sq1-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq1-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq1-pic{float: right; width: 587px; height: 495px;}
.sq1-case{width: 726px; height: 242px; margin: 0 auto;}

.sq2-text{float: right; width: 560px; text-align: justify; margin-top: 50px;}
.sq2-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq2-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq2-pic{float: left; width: 514px; height: 430px;}
.sq2-case{width: 1024px; height: 225px; margin: 100px auto 0;}

.sq3-text{float: left; width: 560px; text-align: justify; margin-top: 50px;}
.sq3-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq3-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq3-pic{float: right; width: 377px; height: 379px;}
.sq3-case{width: 788px; height: 407px; margin: 100px auto 0;}

.sq4-text{float: right; width: 560px; text-align: justify; margin-top: 30px;}
.sq4-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq4-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq4-pic{float: left; width: 564px; height: 287px; margin-top: 30px;}
.sq4-case{width: 792px; height: 407px; margin: 100px auto 0;}

.sq5-text{float: left; width: 600px; text-align: justify; margin-top: 50px;}
.sq5-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq5-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq5-pic{float: right; width: 565px; height: 408px;}
.sq5-case{width: 733px; height: 298px; margin: 100px auto 0;}

.sq6-text{float: right; width: 600px; text-align: justify; margin-top: 60px;}
.sq6-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq6-text p{font-size: 18px; line-height: 44px; margin: 20px 0;}
.sq6-pic{float: left; width: 557px; height: 517px;}
.sq6-case{width: 1134px; height: 278px; margin: 60px auto 0;}

.sq7-text{float: left; width: 650px; text-align: justify;}
.sq7-text ul{overflow: hidden; margin-top: 15px;}
.sq7-text li{margin: 15px 0; padding-left: 55px; position: relative;}
.sq7-text li:before{content: ""; font-size: 27px; width: 40px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; color: #ffffff; position: absolute; left: 0; top: 5px;}
.sq7-text li.sq-list1:before{content: "A"; background: #3f4353;}
.sq7-text li.sq-list2:before{content: "B"; background: #52baa7;}
.sq7-text li.sq-list3:before{content: "C"; background: #d89025;}
.sq7-text li.sq-list4:before{content: "D"; background: #1688b2;}
.sq7-text h1{font-size: 40px; font-weight: normal; color: #38BEEF; letter-spacing: 2px;}
.sq7-text h3{font-size: 22px; color: #38BEEF; font-weight: normal;}
.sq7-text p{font-size: 15px; color: #666666; line-height: 24px; margin-top: 5px;}
.sq7-pic{float: right; width: 425px; height: 415px;}
.sq7-case{width: 733px; height: 298px; margin: 100px auto 0;}

.conWrap a{width: 140px; height: 44px; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; margin-top: 40px; transition: all 0.3s;}
.conWrap a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}
.sq-btn a{width: 140px; height: 44px; margin: 100px auto 0; border: 1px solid #38BEEF; background: #38BEEF; border-radius: 4px; text-align: center; line-height: 42px; color: #ffffff; display: block; transition: all 0.3s;}
.sq-btn a:hover{text-decoration: none; background: #ffffff; color: #38BEEF;}

/*.yanglao-bg{width: 100%; background: url(../images/yl_bg2.jpg) center 67px no-repeat #f8f8f8;}*/
.yanglao{position: relative; margin-top: -477px; z-index: 10;}
.yl-title{font-size: 40px; color: #ffffff; letter-spacing: 2px; text-align: center; margin-top: 110px;}
.yl-info{font-size: 16px; color: #ffffff; text-align: center; line-height: 30px; margin-top: 30px;}
.yl-list{width: 1162px; height: auto; margin: 140px auto 100px; border-radius: 6px; background: #ffffff; border: 1px solid #f0f3f5; box-shadow: 0 8px 22px rgba(0,49,87,0.11);}
.yl-list-wrap{position: relative; height: 420px; margin-top: 1px; border-radius: 6px;}
.yl-list-wrap:before{content: ""; width: 1114px; height: 1px; background: #f0f3f5; position: absolute; left: 25px; top: -1px;}
.yl-list-wrap:first-child{margin-top: -1px;}
.yl-list-wrap:first-child:before{display: none;}
.yl-list-wrap li{width: 290px; height: 420px; text-align: center; padding: 24px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; position: absolute; background: #ffffff; transition: all 0.3s;}
.yl-list-wrap li:before{content: ""; width: 0; height: 3px; background: #38beef; position: absolute; left: 0; top: 0; transition: all 0.3s;}
.yl-list-wrap li h1{font-size: 22px; font-weight: lighter; color: #464646; margin-top: 20px; height: 66px;}
.yl-list-wrap li span{width: 101px; height: 93px; display: block; margin: 27px auto 80px;}
.yl-list-wrap li p{font-size: 16px; line-height: 30px; height: 60px; color: #a2a2a2; text-align: left; overflow: hidden; background: #ffffff; transition: all 0.3s;} 
.yl-list-wrap li:hover{width: 306px; height: auto; padding: 24px 30px; box-shadow: 0 20px 40px rgba(0,49,87,0.12); margin-left: -8px; top: 0; z-index: 10; transform: translateY(-10px);}
.yl-list-wrap li:hover:before{width: 100%}
.yl-list-wrap li:hover p{height: 150px;}
.yanglao-banner{position: relative; height: 477px; overflow: hidden; top: 67px}
.yanglao-banner .slides{position: relative; z-index: 1;}
.yanglao-banner .slides li{height: 477px;}
.yanglao-banner .flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; display: none;}
.yanglao-banner .flex-control-nav li{display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.yanglao-banner .flex-control-nav a{display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(images/dot.png) right 0 no-repeat; cursor: pointer;}
.yanglao-banner .flex-control-nav .flex-active{background-position: 0 0;}
.yanglao-banner .flex-direction-nav{position: absolute; z-index: 3; width: 100%; top: 45%;}
.yanglao-banner .flex-direction-nav li a{display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute;}
.yanglao-banner .flex-direction-nav li a.flex-prev{left: 40px; background: url(../images/prev.png) center center no-repeat;}
.yanglao-banner .flex-direction-nav li a.flex-next{right: 40px; background: url(../images/next.png) center center no-repeat;}

.minzheng-bg{width: 100%; background: url(../images/mz_bg.jpg) center 67px no-repeat #f8f8f8;}
.mz-title{font-size: 40px; color: #ffffff; letter-spacing: 2px; font-weight: lighter; margin: 100px 0 0 35px;}
.mz-list{width: 1148px; height: auto; margin: 70px auto; background: #ffffff; border: 1px solid #f0f3f5; box-shadow: 0 8px 22px rgba(0,49,87,0.11); padding: 50px 38px;}
.mz-list-title{font-size: 42px; font-family: arial; font-weight: bold; color: #e9e9e9; line-height: 42px; margin: 0 7.5px; position: relative;}
.mz-list-title:before{content: ""; width: 50px; height: 4px; background: #ffde00; position: absolute; left: 0; top: 19px;}
.mz-list-p{font-size: 30px; color: #38beef; line-height: 55px; margin: 0 10px;}
.mz-list-info{font-size: 16px; color: #565656; line-height: 40px; margin: 24px 7.5px 60px; text-align: justify; letter-spacing: 1px;}
.mz-list-wrap{margin-top: 50px; width: 1070px; height: auto;}
.mz-list-wrap li{width: 248px; height: 400px; float: left; background: #22b5e5; color: #ffffff; margin: 0 9.7px 46px; padding: 0 22px; position: relative; transition: all 0.3s;}
.mz-list-wrap li em{width: 40px; height: 50px; background: #ffde00; color: #ffffff; display: inline-block; font-size: 28px; color: #22b5e5; text-align: center; line-height: 50px; margin-top: -8px; position: relative;}
.mz-list-wrap li:before{content: ""; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #8a7d23; position: absolute; left: 54px; top: -16px;}
.mz-list-wrap li h1{font-size: 27px; font-weight: lighter; margin: 20px 0;}
.mz-list-wrap li p{font-size: 16px; line-height: 27px; text-align: justify;}
.mz-list-wrap li:hover{background: #44c9f5; box-shadow: 0 0 16px rgba(0,49,87,0.4);}

.recruit{width: 100%!important;}
.recruit-list{width: 100%; height: 75px; border-bottom: 1px solid #f5f5f5; background: #ffffff; box-shadow: 0 3px 1px rgba(0,0,0,0.04); -moz-box-shadow: 0 3px 1px rgba(0,0,0,0.04); position: fixed; top: 67px; z-index: 8;}
.recruit-list ul{width: 1200px; overflow: hidden; margin: 0 auto; overflow: hidden;}
.recruit-list ul li{float:left; height: 74px;}
.recruit-list ul li a{line-height: 14px; height: 44px; padding: 15px 20px; color: #333333; margin: 15px 10px 0 10px; display: block; border-radius: 4px; cursor:pointer; position: relative; transition: all 0.3s;}
.recruit-list ul li a:hover{background: #f5f5f5; text-decoration: none;}
.recruit-list ul li.on a{color: #38BEEF; background: #f5f5f5;}
.recruit-wrap{width: 1200px; height: auto; margin: 90px auto 0; overflow: hidden;}
.recruit-wrap-title{font-size: 30px; color: #333333; text-align: center; margin: 20px 0;}
.recruit-wrap-p{font-size: 16px; color: #757575; text-align: center;}
.recruit-wrap dl{margin-top: 40px;}
.recruit-wrap dt{font-size: 22px; color: #38beef; padding-left: 15px; position: relative;}
.recruit-wrap dt:before{content: ""; width: 4px; height: 20px; border-radius: 2px; background: #38beef; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.recruit-wrap dt a{padding: 4px 12px; background: #38BEEF; color: #ffffff; display: block; float: right; border-radius: 4px; font-size: 16px;}
.recruit-wrap dt a:hover{text-decoration: none; background: #22B5E5;}
.recruit-wrap dt span{color: #999999; font-size: 16px;}
.recruit-wrap dd{margin: 10px 0 30px 15px;}
.recruit-wrap dd b{color: #000000; font-size: 16px; font-weight: normal; line-height: 40px;}
.recruit-wrap dd p{font-size: 16px; color: #757575; line-height: 34px; margin-bottom: 10px;}

.top-banner{position: relative; height: 440px; overflow: hidden; top: 67px}
.top-banner .slides{position: relative; z-index: 1;}
.top-banner .slides li{height: 440px;}
.top-banner .flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; display: none;}
.top-banner .flex-control-nav li{display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.top-banner .flex-control-nav a{display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(images/dot.png) right 0 no-repeat; cursor: pointer;}
.top-banner .flex-control-nav .flex-active{background-position: 0 0;}
.top-banner .flex-direction-nav{position: absolute; z-index: 3; width: 100%; top: 45%;}
.top-banner .flex-direction-nav li a{display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute;}
.top-banner .flex-direction-nav li a.flex-prev{left: 40px; background: url(../images/prev.png) center center no-repeat;}
.top-banner .flex-direction-nav li a.flex-next{right: 40px; background: url(../images/next.png) center center no-repeat;}

.dz-title{font-size: 30px; text-align: center; color: #393939; margin-top: 30px;}
.dz-p{font-size: 18px; text-align: center; color: #666666; margin: 15px auto 0; width: 860px;}
.dz-list1{width: 1100px; margin: 60px auto 120px; overflow: hidden;}
.dz-list1 li{width: 80px; float: left; text-align: center; position: relative; margin-left: 124px; padding-top: 110px;}
.dz-list1 li:before{content: ""; width: 61px; height: 24px; background: url(../images/dz_arrow.png) 0 0 no-repeat; position: absolute; left: -90px; top: 45px;}
.dz-list1 li:first-child{padding-left: 0; width: 80px; margin-left: 0;}
.dz-list1 li:first-child:before{display: none;}
.dz-list1 li p{font-size: 20px; color: #38beef;}
.dz-list1 li:nth-of-type(1){background: url(../images/dingzhi_icon1.png) center 15px no-repeat;}
.dz-list1 li:nth-of-type(2){background: url(../images/dingzhi_icon2.png) center 15px no-repeat;}
.dz-list1 li:nth-of-type(3){background: url(../images/dingzhi_icon3.png) center 0 no-repeat;}
.dz-list1 li:nth-of-type(4){background: url(../images/dingzhi_icon4.png) center 15px no-repeat;}
.dz-list1 li:nth-of-type(5){background: url(../images/dingzhi_icon5.png) center 15px no-repeat;}
.dz-list1 li:nth-of-type(6){background: url(../images/dingzhi_icon6.png) center 15px no-repeat;}
.dz-list2{margin: 70px auto 90px;}
.dz-list2 li{width: 210px; height: 330px; float: left; padding: 20px; margin: 0 15px; background: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.12); transition: all 0.3s;}
.dz-list2 li .dz-list-icon{text-align: center; width: 102px; height: 95px; margin: 15px auto 0;}
.dz-list2 li .dz-list-icon img{transition: all 0.3s;}
.dz-list2 li h1{text-align: center; color: #525252; font-size: 24px; font-weight: lighter; margin: 20px auto 15px;}
.dz-list2 li p{color: #909090; text-align: justify;}
.dz-list2 li:hover{background: #fbfdff; transform: translateY(-5px);}
.dz-list2 li:hover .dz-list-icon img{transform: scale(1.1,1.1);}

.dz-case{position:relative; margin: 50px auto 90px;}
.dz-case .hd .prev,.dz-case .hd .next{display: block;  width: 22px; height: 39px; overflow: hidden; cursor: pointer; background:url(../images/arrow.png) 0 0 no-repeat; position: absolute; left: -50px; top: 50%; margin-top: -20px;}
.dz-case .hd .next{background-position: -22px 0; left: inherit; right: -50px;}
.dz-case .hd .prevStop{background-position: 0 -39px;}
.dz-case .hd .nextStop{background-position: -22px -39px;}
.dz-case .bd{overflow: hidden;}
.dz-case .bd ul{ overflow:hidden; zoom:1; }
.dz-case .bd ul li{width: 380px; margin: 0 10px; float:left; _display:inline; overflow:hidden;}
.dz-case .bd ul li .dz-case-pic img{width: 380px; height: 252px; display:block;}
.dz-case .bd ul li .dz-case-p{width: 100%; height: 142px; border: 1px solid #eeeeee; border-top: none; padding: 10px 15px;}
.dz-case .bd ul li .dz-case-p h1{font-size: 20px; color: #454444; font-weight: normal; margin-bottom: 5px;}
.dz-case .bd ul li .dz-case-p p{color: #a5a5a5; text-align: justify;}

.weiji-bg{width: 100%; background: url(../images/wj_bg.jpg) center 67px no-repeat #ffffff;}
.wj-title{color: #ffffff; font-weight: lighter; margin: 321px auto 0; padding: 15px 190px 0; width: 1200px; height: 116px; background: url(../images/wj_title_bg.png) 0 0 no-repeat; font-size: 16px; line-height: 28px;}
.wj-list{width: 1200px; height: auto; margin: 0 auto 120px; background: #fafafa; padding: 50px 18px 0; position: relative;}
.wj-list:after{content: ""; width: 1200px; height: 87px; background: url(../images/wj_bot_pic.jpg) 0 0 no-repeat; position: absolute; left: 0; bottom: -87px;}
.wj-list-wrap{width: 1164px; height: auto;}
.wj-list-wrap li{width: 291px; height: 385px; float: left; background: url(../images/wj_list_bg.jpg) 0 0 no-repeat; margin: 0 0 40px 0; padding: 0 25px; position: relative; transition: all 0.3s;}
.wj-list-wrap li h1{font-size: 24px; line-height: 28px; height: 56px; font-weight: lighter; margin: 30px 0 15px; color: #141414; text-align: center;}
.wj-list-wrap li p{font-size: 16px; line-height: 28px; text-align: justify; color: #a2a2a2;}
.wj-list-wrap li .wj-list-icon{width: 120px; height: 80px; margin: 0 auto 10px;}
.wj-list-wrap li:hover{transform: translateY(-10px);}
#newBridge .nb-right-bottom{left: 20px!important;}
#newBridge .icon-right-top{display:none;}
#newBridge .nb-icon-right-top{display:none;}
.zhenjie-bg{width: 100%; background: url(../images/zhenjie_bg.png) center 67px no-repeat #ffffff;}
.zj-title{font-size: 40px; letter-spacing: 2px; font-weight: lighter; margin: 100px 0 0 35px;}
.zj-list-info{font-size: 16px; color: #565656; line-height: 40px; margin: 24px 7.5px 0; text-align: justify; letter-spacing: 1px;}
.zj-list-img{width: 100%; height: 100px;text-align: right;}
.zj-list-img img{width: 100px; height: 100px;}
.zj-list-pz{width: 100%;display: flex;}
.zj-list-pz .left-block{width: 50%;display: flex; flex-direction: column; align-items: center;}
.zj-list-pz .left-block .top-pz{width: 100%;display: flex; flex-wrap: wrap;padding: 15px 20px; border: 1px dashed rgb(220, 180, 133);justify-content: flex-start; gap: 20px;}
.zj-list-pz .left-block .top-pz .pz-item{width: 150px;height: 150px;padding: 20px;border: 1px solid #f0f3f5; box-shadow: 0 8px 8px rgba(0,49,87,0.11);text-align: center;}
.zj-list-pz .left-block .top-pz .pz-item:hover{transform: translateY(-10px);}
.zj-list-pz .left-block .top-pz .pz-item img{width: 75px;height: 75px;}
.zj-list-pz .left-block .top-pz .pz-item .pz-item-name{font-size: 18px;color: #565656;letter-spacing: 1px;line-height: 30px;}
.zj-list-pz .left-block .bottom-pz{margin-top: 20px;width: 100%;display: flex; flex-wrap: wrap;padding: 15px 20px; border: 1px dashed rgb(202, 227, 245);;justify-content: flex-start; gap: 20px;}
.zj-list-pz .left-block .bottom-pz .pz-item{width: 150px;height: 150px;padding: 20px;border: 1px solid #f0f3f5; box-shadow: 0 8px 8px rgba(0,49,87,0.11);text-align: center;}
.zj-list-pz .left-block .bottom-pz .pz-item:hover{transform: translateY(-10px);}
.zj-list-pz .left-block .bottom-pz .pz-item img{width: 75px;height: 75px;}
.zj-list-pz .left-block .bottom-pz .pz-item .pz-item-name{font-size: 18px;color: #565656;letter-spacing: 1px;line-height: 30px;}
.zj-list-pz .middle-block{padding-top: 40px;width: 15%;display: flex; flex-direction: column; align-items: center;}
.zj-list-pz .middle-block .top-info{width: 100%;display: flex; flex-direction: column;font-size:20px;color: #565656;height: 520px;align-items: center;justify-content: center;line-height: 1.5;}
.zj-list-pz .middle-block .top-info span{ display: block;width: 1em;text-align: center;}
.zj-list-pz .middle-block .bottom-info{padding-top: 20px;width: 100%;display: flex; flex-direction: column;font-size:20px;color: #565656;height: 520px;align-items: center;justify-content: center;line-height: 1.5;}
.zj-list-pz .middle-block .bottom-info span{ display: block;width: 1em;text-align: center;}
.zj-list-pz .right-block{width: 35%;display: flex; flex-direction: column; align-items: center;}
.zj-list-pz .title{font-size: 24px; color: #565656; line-height: 40px; letter-spacing: 1px;}
.zj-list-pz .right-block .top-pz{width: 100%;height: 520px;display: flex; flex-direction:column; border: 1px dashed rgb(220, 180, 133);align-items: center;justify-content: center;}
.zj-list-pz .right-block .top-pz .pz-item{width: 150px;height: 150px;padding: 20px;border: 1px solid #f0f3f5; box-shadow: 0 8px 8px rgba(0,49,87,0.11);text-align: center;}
.zj-list-pz .right-block .top-pz .bottom-90{margin-bottom: 90px;}
.zj-list-pz .right-block .top-pz .pz-item:hover{transform: translateY(-10px);}
.zj-list-pz .right-block .top-pz .pz-item img{width: 75px;height: 75px;}
.zj-list-pz .right-block .top-pz .pz-item .pz-item-name{font-size: 18px;color: #565656;letter-spacing: 1px;line-height: 30px;}
.zj-list-pz .right-block .bottom-pz{margin-top: 20px;width: 100%;display: flex; flex-wrap: wrap;padding: 15px 25px; border: 1px dashed rgb(202, 227, 245);;justify-content: flex-start; gap: 20px;}
.zj-list-pz .right-block .bottom-pz .pz-item{width: 150px;height: 150px;padding: 20px;border: 1px solid #f0f3f5; box-shadow: 0 8px 8px rgba(0,49,87,0.11);text-align: center;}
.zj-list-pz .right-block .bottom-pz .pz-item:hover{transform: translateY(-10px);}
.zj-list-pz .right-block .bottom-pz .pz-item img{width: 75px;height: 75px;}
.zj-list-pz .right-block .bottom-pz .pz-item .pz-item-name{font-size: 18px;color: #565656;letter-spacing: 1px;line-height: 30px;}