/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.box {
    margin: 0 auto;
    width: 94%;
}

.head_bg{background: #000;height:50px;line-height:50px;overflow: hidden;}
.head_l{color: #999;font-size: 14px;}
.head_r a{display: block;width:30px;height:30px;background-color:#fff;border-radius: 50%;margin-top:11px;float: left;margin-left: 20px;}
.qq{background-image: url(../image/20210304163734_1449784853.png);}
.mail{background-image: url(../image/20210304163720_977616421.png);}
.weixin{background-image: url(../image/20210304163532_1983600239.png);}
.head_tel:before{background:#fff url(../image/20210304164030_1249276051.png)no-repeat center left;content: "";position: absolute;top:11px;left: 0px;width: 30px;height: 30px;border-radius: 50%;}
.head_tel{position: relative;padding-left:40px;font-size: 14px;color: #999;}
.head_tel span{color: #1f83db;font-size: 20px;font-weight: bold;}


/*导航*/
.top_bg{height: 140px;}
.logo a{width: 90px;height: 90px;border-radius: 50%;-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.08);box-shadow: 0px 0px 30px rgba(0,0,0,.08);margin-top: 26px;display: block;background-image: url(../image/20210305191108_30722296.jpg);}
.name{margin-top:36px;margin-left:20px;}
.name p{font-size: 32px;color: #333;font-weight: bold;}
.name p>b{color: #1f83db;}
.name span{font-size: 20px;letter-spacing:4px;font-weight: lighter;margin-top:2px;display: block;}


 /*导航*/
.navbor{ width: auto;color: #333;font-size: 16px;margin:48px 0  0 0;position:relative; }
.nav{}
.NavCeshi.page1{ position: relative; }
.nav > ul > li{ float: left;display:block;line-height:45px;width:auto; -webkit-box-sizing: border-box; box-sizing: border-box;  position:relative; z-index: 99; text-align:center; margin-left: 25px;}
.nav > ul > li > a{ display: block;  font-size:1rem;color:#333; padding: 0 25px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.nav > ul > li:hover{ height:45px;}
  .nav > ul > li:hover  a{color:#fff;}

.nav > ul > .block{   background-color:#1f83db; height:45px; color:#fff !important;display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; margin-left:25px;}
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 45px; }
.erji_menu ul li a{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding: 0 10px; text-align: center; font-size: 14px; color: #555 !important; line-height:45px; border-top:1px solid #e4e4e4; background: #f5f5f5; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:#1f83db ;color:#fff !important;}
  
.navcurrent a{color:#fff !important;  background:#1f83db !important;}
.rightarrowpointer{display:none;}
 
  @media screen and (max-width:1800px){
   .nav > ul > li{ margin-left: 20px;}
   .nav > ul > .block{ margin-left: 20px; }
   .nav > ul > li > a{ padding: 0 20px;}
   }   
 
 
  @media screen and (max-width:1700px){
   .nav > ul > li{ margin-left: 15px;}
   .nav > ul > .block{ margin-left: 15px; }
   .nav > ul > li > a{ padding: 0 20px;}
      .head_all{ padding:35px 50px 0 60px;}
   }   
 
   @media screen and (max-width:1600px){
   .nav > ul > li{ margin-left: 10px;}
   .nav > ul > .block{ margin-left: 10px;}
   .nav > ul > li > a{ padding: 0 17px; }
    .head_all{ padding:35px 50px 0 50px;}
    .top_all{ padding:0 50px 0 50px; }
    .top_all:after{width: 500px;}
   }   
 
  @media screen and (max-width:1500px){
   .nav > ul > li{ margin-left: 5px;}
   .nav > ul > .block{  margin-left: 5px;}
   .nav > ul > li > a{ padding: 0 15px;}
    .head_all{ padding:35px 0 0 0;}
    .top_all{ padding:0 30px 0 0; }
    .top_all:after{width: 480px;}
   } 
   
.made_all{width: 100%; min-width: 1300px;  background:#f5fafe url(../image/20201028174847_2090270661.png) center bottom no-repeat;padding: 60px 0 143px 0;}

.about .made_t p{color:#fff;}

 
 .made_t{ text-align: center; }
 .made_t p{ display: inline-block;position: relative; font-size: 42px;line-height: 42px;font-weight: bold;color: #222;}
 .made_t p span{ display: block;position: relative;z-index: 2;  padding: 0 10px; }
 .made_t p:after{ display: block; position: absolute;z-index: 1; content: ""; width: 30px; height: 30px; background: rgba(31,131,219,1);border-radius: 50%;right:0; top:-10px;}
 .made_t dl{ margin-top: 8px;font-size: 17px;font-weight: lighter;line-height:32px;}
 
 .made_b{ margin-top:75px;}
 
 .made_b li{ position: relative;display: block;width: 443px; height: auto;border: 1px solid #e7f4ff; padding:65px 0 0 0; box-sizing: border-box;font-size: 15px; text-align: center;color: #555;font-weight: lighter;line-height:30px; background: #fff;}
 .made_b li .circle{position: absolute;top: -45px; left: 0;right: 0;margin: 0 auto;width: 90px; height: 90px; background: #fff; box-shadow: 0 5px 5px rgba(31,131,219,0.2); border-radius: 50%; z-index: 2;}
 .made_b li p{font-size: 30px;font-weight: bold;line-height: 50px; color: #222; position: relative;z-index:2;}
 .made_b li p:after{ display: block;content: "";width: 50px;  margin:15px auto 18px auto;  height: 2px; background: #aaa;}
 .made_b li dl{ padding: 0 50px; position: relative;z-index:2;}
 .made_b li .img{width: 441px; height: 240px; overflow: hidden; margin-top: 30px;position: relative;z-index: 2;}
  .made_b li .img img{ width:100%;}
 .made_b li+li{ margin-left: 35px;}

 .made_b li:after{display: block;content: "";width: 100%; height: 0; position: absolute;z-index: 1;background: #1f83db;left: 0;top: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
 .made_b li:hover:after{ height: 250px;}
 .made_b li:hover p{ color: #fff;transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
 .made_b li:hover dl{ color: #fff;opacity: 0.7;transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
 .made_b li:hover p:after{ background: #fff;}
 
 
 .case_t{height:122px;border:1px #eee solid;}
.case_t li{width:173.8px;height:122px;float:left;border-right: 1px #eee solid;    cursor: pointer;}
.case_t li:last-child{border-right:none;}
.case_t li p:before{display:block;content:"";width:40px;height:40px;margin: 25px auto 15px;background: url(../image/20210305144142_901988303.png)no-repeat;-webkit-transition: all 0.3s;transition: all 0.3s;}
.case_t li:nth-child(2) p:before{background-position:-50px 0px;}
.case_t li:nth-child(3) p:before{background-position:-90px 0px;}
.case_t li:nth-child(4) p:before{background-position:-135px 0px;}
.case_t li:nth-child(5) p:before{background-position:-180px 0px;}
.case_t li:nth-child(6) p:before{background-position:-230px 0px;}
.case_t li:nth-child(7) p:before{background-position:-272px 0px;}
.case_t li:nth-child(8) p:before{background-position:-315px 0px;}
.case_t li:hover:nth-child(1) p:before{background-position:0px -40px;}
.case_t li:hover:nth-child(2) p:before{background-position:-50px -40px;}
.case_t li:hover:nth-child(3) p:before{background-position:-90px -40px;}
.case_t li:hover:nth-child(4) p:before{background-position:-135px -40px;}
.case_t li:hover:nth-child(5) p:before{background-position:-180px -40px;}
.case_t li:hover:nth-child(6) p:before{background-position:-230px -40px;}
.case_t li:hover:nth-child(7) p:before{background-position:-272px -40px;}
.case_t li:hover:nth-child(8) p:before{background-position:-315px -40px;}
.case_t li p{font-size: 15px;color:#666;text-align: center;}
.case_t li:hover p{color:#1f83db;}
.case_b{height:360px;margin-top:25px;}
.case_b tr{display: block;}
.case_b td{ padding-left: 0px !important;margin-right: 16px;}
.case_b td:last-child{margin-right:0px;}
.case_b td>a{display: block;}
.case_b td>a img{border: 1px #eee solid;}
.case_b td br{display:none;}
.case_b td div{padding-top: 0px !important;    position: relative;}
.case_b td>div:before{display:block;content:"";width:339px;height:0px;    background: #1f83db;position:absolute;    z-index: -1;    -webkit-transition: all 0.3s;    transition: all 0.3s;}
.case_b td:hover div:before{height:110px;}
.case_b td div>a{display: block;width: 259px;height:90px;padding: 20px 40px 0 40px;background: #f5f5f5;    font-size: 18px; color: #333;font-weight: bold;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.case_b td:hover div a{background:none;    color: #fff;}
.case_b td .modal>a{display:block;width:115px;height:27px;line-height:27px;margin-top: 15px;background:#222;border-radius: 27px;font-size: 14px;color: #fff;font-weight: lighter;position: absolute;top: 40px;left: 50%; -webkit-transform: translate( -50%); transform: translate( -50%); padding: 0px;}
.case_b td:hover .modal>a{    background: #fff;color: #1f83db;}
.case_switch{width:32px;height:72px;margin: -220px 0 0 -100px;background:url(../image/20210305154819_183414550.png)no-repeat;float: left;}
.case_btnr{-webkit-transform: rotate(180deg);transform: rotate(180deg);float: right;    margin: -220px -100px 0 0px;}


.adv{height:860px;overflow:hidden;
background:url(../image/20200709114942_11633398281.jpg) no-repeat center 100%; margin-top:60px;}
.adv_t{padding-top: 60px;}
.advtil{ text-align:center; margin-bottom:50px;}
.advtil p:nth-child(1){ font-weight:bold; font-size:40px; color:#303632;} 
.advtil p:nth-child(1) span{ color:#1f83db;}
.advtil p:nth-child(2){ font-size:18px; color:#787f7b; margin:5px 0px 18px 0px;}
.advcenter{position:relative;margin-top: 37px;}
.advtab{ width:792px; height:170px; background:#fff; padding:18px; position:absolute; z-index:99; left:0px; top:366px;}
.advtab li{float:left;position:relative;text-align:center;font-size:14px;color:#666666;cursor:pointer;}
.advtab li p:nth-child(1){ width:36px; height:36px; position:absolute; opacity:0; top:0px; -webkit-transition:all .5s ease; transition:all .5s ease; left:0px; right:0px; margin:0 auto; border-radius:50%; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:36px; background:#1f83db;z-index:2;}
.advtab li.on p:nth-child(1){ opacity:1; top:98px;}
.advtab li p.atpic{ -webkit-transition:all .3s ease; transition:all .3s ease; width:180px; height:120px; margin-bottom:22px;position:relative;border:3px solid #fff;}
.advtab li p.atpic:before{content:'';width:30px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -15px;-webkit-transition:.5s ease;transition:.5s ease;}
.advtab li p.atpic:before{content:'';width:30px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -15px;-webkit-transition:.5s ease;transition:.5s ease;}
.advtab li:hover p.atpic:before{width:180px;height:120px;margin:-60px 0 0 -90px;opacity:0;border:1px solid #1f83db;-webkit-transition:.5s ease;transition:.5s ease;}
.advtab li p.atpic img{ width:100%; height:100%;}
.advtab li.on p.atpic{ border:3px solid #1f83db;}
.advtab li+li{ margin-left:16px;}
.advcon {display: inline-block;width: 1710px;height: 572px;overflow: hidden;}
.advcon ul{width: 1710px;height:572px;position: relative;}
.advwa{width:36%;padding-top:15px;margin-right:9%;margin-left: 19px;}
.advwa>p{padding: 0px 0px 22px 68px;font-size: 18px;color: #666666;border-bottom: 1px solid #e9eaea;margin-bottom:35px;position: relative;}
.advwa>p>em {position: absolute;top: 9px;left: 0;font-size: 30px;font-weight: bold;background: #1f83db;width: 50px;height: 50px;color: #fff;line-height: 50px;text-align: center;border-radius: 100%;font-style: normal;}
.advwa>p strong{display:block;font-size:32px;margin-bottom: 10px;color: #333;}
.advwa div p{line-height: 28px;font-size:15px;color: #666666;padding-left: 22px;background: url(../image/20200708214933_18909780921.png) no-repeat left 8px;font-weight: 100;}
.advwa div p+p{margin-top: 20px;}
.advcon .advpic{width: 1007px;position:absolute;top:0;left:703px;}



.about{ height:820px; background:url(../image/20210305140330_230908641.jpg) no-repeat center;min-width:1400px; margin-top:60px;}
.com_t p{color: #fff;}
.com_t dd{color: #999;}
.about_con{ height:536px; background:#f8f8f8;}
.about_con:hover .about_word p:nth-child(2){ width:70px; -webkit-transition:0.5s; transition:0.5s;}
.about_word{ padding:50px 60px 0px 60px; width:528px;}
.about_word p:nth-child(1){ font-size:35px; color:#1f83db; text-transform:uppercase;}
.about_word p:nth-child(2){ width:48px; height:5px; background:#1f83db; margin:20px 0px 40px 0px;-webkit-transition:0.5s;transition:0.5s;}
.about_word p:nth-child(3){font-size:16px; color:#787878; line-height:35px;}
.about_btn{ margin-top:60px;}
.about_btn a{ display:block; width:164px; height:44px; color:#fff; text-align:center; line-height:44px; float:left;-webkit-transition:0.8s;transition:0.8s;}
.about_btn a:nth-child(1){ background:#222;}
.about_btn a:nth-child(2){ background:#1f83db;}
.about_btn a:hover{ width:200px; -webkit-transition:0.8s; transition:0.8s;}
.about_pic{ background:#fff; width:671px; padding:50px 40px; height:436px;}
.aboutpic{ border:3px solid #e5e5e5; width:671px; height:436px;}

.qyxx{ width:1341px; padding:29.5px; background:#fff; -webkit-box-shadow:2px 2px 10px #f0f0f0; box-shadow:2px 2px 10px #f0f0f0; height:auto; margin-top:-80px;}
.qyxxtab a{ display:block; float:left; font-size:18px; color:#000; margin-right:45px;-webkit-transition:0.5s;transition:0.5s;}
.qyxxtab a.cur{ font-weight:bold; padding-left:31px; background:url(../image/20210305154959_633015000.png) no-repeat left; -webkit-transition:0.5s; transition:0.5s;}
.qymore{ font-size:14px; color:#6a6a6a;}
.qycon{ width:1341px; overflow:hidden;}
.qycon ul{ display:none;}
.qycon ul:nth-child(1){ display:block;}
.qycon ul table tbody tr td{ width:260px; overflow:hidden;}
.qycon ul table tbody tr td{ padding-left:0px !important; padding-right:10px;}
.qycon ul table tbody tr td br{ display:none;}
.qycon ul table tbody tr td a{ font-size:14px; color:#333;background:#f8f8f8; display:block;line-height:40px;}
.qycon ul table tbody tr td:hover a{ color:#1f83db;}


.mianbxContent{height: 50px !important; line-height: 50px !important;font-size: 16px !important; text-align: left !important; background-color: #eee;width:1400px !important;text-indent: 2em;transition: 0.1s all;background: url(../image/20210305161605_1101066113.png) no-repeat 0px 15px;position: relative;margin: 0px auto 20px !important;width: 100%; font-weight:100;color: #666; border-bottom: 1px dashed #eee;}
.mianbxContent:hover { background-position: 0px -26px;}
.mianbxContent::after, .mianbxContent:after { content: '';position: absolute;display: block; height: 40px;width: 200px;top: 0; right: 0;}
.mianbxContent a{font-size: 15px !important;color: #666;}