*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus{outline: inherit}
html{-webkit-tap-highlight-color: transparent}
body{overflow-x: hidden;color: #333;font-size: 14px;font-family: Arial, 'Microsoft Yahei';-webkit-overflow-scrolling: touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin: 0;padding: 0;border: 0}
li,ol,ul{margin: 0;padding: 0;list-style-type: none}
img{max-width: 100%;border: 0;vertical-align: middle}
img[src=""]{opacity: 0}
table{border-collapse: collapse;border-spacing: 0}
a{color: inherit;outline: none;text-decoration: none;background: transparent}
a:hover{color: #00a0e9}
a,em,i,span{display: inline-block}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 14px}
button{padding: 0}
button,input,optgroup,select,textarea{outline: 0;border: 0;vertical-align: middle;font-family: 'Microsoft Yahei'}
input[type=radio],input[type=checkbox]{vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea{resize: none;font-size: 14px}
textarea,.select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand{display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after{display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear{clear: both}
.magin_auto{margin: 0 auto}
.fl_1{float: left}
.fl_r{float: right}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex}
.flex_start{justify-content: flex-start}
.flex_center{justify-content: center}
.space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.wrap{flex-wrap: wrap}
.center{text-align: center}
.radius{border-radius: 10px}
.show{display: block}
.hide{display: none}
.banner_img img{height: 100%;width: 100%}
.currentPosition{height: 0.8rem;background: #f5f5f5;margin-bottom: 0.5rem}
.loc{background: url(../images/dqwz.png) no-repeat 3px center;line-height: 0.8rem;padding-left: 0.3rem;color: #9d9d9d}.loc span{color:#00a0e9;font-weight:bold}
.flex_2{width: 50%}
.flex_3{width: 33.3333%;}
.flex_4{width: 25%}
.mg{padding-bottom: 50px}
/* 头部通用 */
.header{position: fixed;z-index: 10;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.4)}
.max_width_1792{max-width: 1792px}
.max_width_1483{max-width: 1483px}
.max_width_1440{max-width: 1440px}
.max_width_1200{max-width: 1200px}
.min_height_100{min-height: 100px}
.pdding{padding-bottom: 50px}
.header_logo{height: 0.68rem;width: 2.05rem;padding-top: 10px}
.header_logo img{width: 100%;height: 100%}
.nav_top{width: 8rem;margin-left: 18%}
.nav_list{width: 100%}
.nav_list li{padding: 0 1vw;line-height: 100px;font-size: 0.18rem}
.nav_list li a{color: #fff}.nav_list li a:hover{color:#00a0e9;}
.header_search{height: 50px;width: 0.5rem;background: url(../images/icoimg-search.png) no-repeat left center;margin-top: 20px}
.header_search_input{width: 18%;display: none;position: absolute;right:22%;top:80px}
.header_search_input .input{background: #fff;height: 35px;width: 70%;line-height: 35px;margin-top: 35px}
.header_search_input .input input{font-size: 18px;padding-left: 10px;}
.icoimg{height: 35px;background: rgba(0, 0, 0, 0.4);width: 40px;height: 37px;margin-top: 35px;text-align: center;padding-top: 5px;}
.langue a{border-radius: 5px;display: inline-block;width: 0.5rem;height: 0.3rem;background-color: rgba(0, 0, 0, 0.4);color: #fff;margin-right: 1px;margin-top: 30px;line-height: 0.3rem}
.nav_sub{background: #fff;position: absolute;height: 530px;display: none}
.nav_sub_list{width: 327px;height: 530px;background: #f5f5f5;display: block;padding-top: 15px}
.nav_sub_list li{line-height: 50px;padding-left: 30px;position: relative;}
.li_img,.li_img01{width:60px; text-align:center;}
.nav_sub_list li:hover{background: #00a0e9;color:#fff}
.nav_item{width: 458px}
.item_li{display: block;padding: 0.3rem 0 0 0.3rem}
.item_li li{height: 60px}
.item_li li a{line-height: 60px;color: #777777;width: 100%;text-align: left;background: url(../images/inco_d_03.png) no-repeat 10px center;padding-left: 50px}
.sideMenu{min-height: 300px;background: #f5f5f5;width:400px;border-top: 2px solid #00a0e9;padding-bottom: 50px}
/* 底部通用 */
.footer{background: #0792f1;color: #fff}
.foot_top{border-bottom: 1px solid #39a8f4;padding: 0.2rem 0}
.foot_log img{width: 100%;height: 100%}
.foot-text{font-size: 22px;font-weight: bold;padding: 0.2rem 0.3rem 0 0}
.foot_content{padding: 0.3rem 0}.foot_content .foot_contact{padding-right:30px}
.albb div{height: 0.6rem;line-height: 0.6rem}
.wxqrcode{display: flex;justify-content:center;height:150px;flex-wrap:wrap}
.wxqrcode img{height:150px;max-width:100%;}
.wx_txt{width:100%;padding-top:10px;text-align:center}
.foot_copyright{background: #0c85d7;padding: 20px;}
.foot_tit{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.foot_tel{line-height: 25px}
.foot-flex{display: flex;justify-content: space-between;height: 0.6rem;color: #fff;line-height: 0.6rem}
/* 弹出层样式 */
.forms,.postions{display: none;background: #000;color: #fff;width: 100%;height: 259vh;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.4);color: #000;z-index: 999}
.postions_w{width: 60%;background: #fff;padding: 0.4rem 0.3rem;transform: translate(-50%, -50%) scale(1);position: fixed;top: 50%;left: 50%}
.img_del{position: absolute;right: 0.15rem;top: 0.1rem}
.img_del img{width: 100%;height: 100%;}
.postions_tit{border-bottom: 1px solid #e4e4e4;color: #0792f1;font-size: 27px;padding: 0.3rem 0 0.2rem 0}
.pos_box{margin: 0 0.3rem 0 0.5rem}
.postions_txt{line-height: 30px;padding: 20px 10px 10px 0}
/* 表单样式 */
.forms{height: 495vh;display: none;}
.forms_top{border-bottom: 1px solid #e4e4e4;}
.forms_box{width: 60%;background: #fff;transform: translate(-50%, -50%) scale(1);position: fixed;top: 50%;left: 50%}
.forms_h1{font-size: 0.36rem;padding: 0.3rem 0.4rem}
.forms_del{position: absolute;right: 0.5rem;top: 0.3rem;height: 0.5rem;width: 0.5rem;}
.forms_del img{width: 100%;height: 100%;}
.form_bd{padding: 0.5rem 0.3rem 0.7rem 0.2rem}
.item_bd_box{margin-bottom: 32px}
.bd_name{width: 130px}
.flex_1{width: 100%;}
.bd_name span{color: #ff0000;padding: 10px;}
.bd_name{font-size: 18px;padding-right: 20px;text-align: right;}
.item_bd input{height: 50px;background: #f2f2f2;width: 63%}
.checkbox input[type="checkbox"]{width: 30px;background: #f2f2f2;height: 30px;}
.checkbox input[type="checkbox"]:checked{background: url(../images/bg_bd.jpg) no-repeat left center;border: none;}
.school{font-size: 18px;line-height: 30px;padding: 0 10px;}
textarea{background: #f2f2f2;width: 82%}
/* 新闻资讯和案例展示侧栏菜单*/
.sidebarmeum{background: #f5f5f5;width: 220px;border-top: 2px solid #00a0e9;padding-bottom: 50px;margin: 1px 20px 0 0}
.sidebarmeum ul{display: block;margin-top: 1px;}
.sidebarmeum ul li{line-height: 60px}
.sidebarmeum ul li a{display: block;padding-left: 20px;}
.sidebarmeum ul li a.cur{background: url(../images/icon4.png) no-repeat right center #00a0e9;color: #fff}
/* 页码 */
.page{display: flex;width: 100%;height: 40px;justify-content: center}
.page li a{display: block;border: 1px solid #e0e0e0;color: #e0e0e0;padding: 5px 10px;margin-left: 10px}
.page li a:hover,.current{color: #000;border: 1px solid #717b73;background: #dde2dc}
.current{padding: 5px 10px;margin-left: 10px;height: 27px;}
/* 手机端菜单 */
.m_sub_meun{width: 100%;position: absolute;display: none;}
.m_sub_meun_tit{padding: 15px 0;color: #fff;font-size: 18px;padding-left: 30px;}
.up{background: url(../images/up.png) no-repeat right 10px #00a0e9}
.down{background: url(../images/down.png) no-repeat right 10px #00a0e9}
.m_poho_list{background: rgba(0, 0, 0, 0.4);padding: 5px 15px 15px 23px;display: none;}
.m_poho_list li{line-height: 35px;font-size: 16px;}


.submit button{width: 120px;height: 40px;background: #00a0e9;color: #fff;text-align: center;line-height: 40px;margin: 20px auto;display: block;}
/* 手机端头部菜单 */
.abs{position: absolute}

.header-m{display: none}
@media(max-width: 1280px){.m_sub_meun{display:block;}
  .header{display: none;}
  /* 手机端头部菜单 */
  .header-m{display: block;  left: 0;  top: 0;  width: 100%;  height: 70px;  background: #fff;  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
  }

  .header-m::after{  display: none;  position: fixed;  content: "";  top: 70px;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  z-index: 100
  }

  .header-m .logo{  position: absolute;  left: 50%;  height: 70px;  line-height: 70px;  transform: translateX(-50%);  -webkit-transform: translateX(-50%)
  }

  .header-m .logo img{  max-height: 40px
  }

  .header-m .m-menu-b{  display: block;  position: absolute;  top: 0;  left: 0;  width: 60px;  height: 70px;  cursor: pointer
  }

  .header-m .m-menu-b span{  position: absolute;  left: 50%;  top: 50%;  height: 1px;  width: 26px;  margin-left: -12px;  background: #333;  transition: all .3s ease-out .3s
  }

  html.active .header-m .m-menu-b span{  width: 0;  transition: all .3s ease-out .3s
  }

  .header-m .m-menu-b::before,  .header-m .m-menu-b::after{  position: absolute;  content: "";  top: 50%;  left: calc(35px / 2);  width: 26px;  height: 1px;  z-index: 999;  transition: all .3s ease-out .3s;  -webkit-transition: all .3s ease-out .3s;  background: #333
  }

  .header-m .m-menu-b::before{  transform: translateY(-8px) rotate(0);  -webkit-transform: translateY(-8px) rotate(0)
  }

  .header-m .m-menu-b::after{  transform: translateY(8px) rotate(0);  -webkit-transform: translateY(8px) rotate(0)
  }

  .header-m .m-menu{  display: none;  z-index: 888;  position: fixed;  width: 100%;  width: 260px;  height: 100%;  top: 0;  left: -260px;  opacity: 1;  background: #fafafa;  text-align: left;  padding-top: 70px
  }

  .header-m .m-menu::after{  position: absolute;  top: 70px;  content: "";  width: 100%;  height: 1px;  background: #ebebeb
  }

  .header-m .nav{  height: calc(100% - 82px);  overflow-x: hidden;  overflow-y: auto
  }

  .header-m .nav>li{  border-bottom: 1px solid #ebebeb;  animation: resize .5s both;  -webkit-animation: resize .5s both
  }

  .header-m .nav>li>a{  position: relative;  display: block;  width: 100%;  font-size: 15px;  padding: 0 40px;  color: #666;  vertical-align: middle;  text-overflow: ellipsis;  white-space: nowrap;  word-wrap: break-word;  overflow: hidden;  height: 50px;  line-height: 50px
  }

  .header-m .nav>li>a::after{  position: absolute;  content: "";  left: 20px;  top: 50%;  width: 8px;  height: 8px;  margin-top: -5px;  border: 1px solid #999;  border-radius: 50%;  background: transparent;  transition: all .3s;  -webkit-transition: all .3s
  }

  .header-m .nav>li .sub-nav{  display: none
  }

  .header-m .nav>li .sub-nav a{  position: relative;  display: block;  line-height: 24px;  padding: 12px 40px;  background: #f2f2f2;  color: #4e4e4e
  }

  .header-m .nav>li .sub-nav a::before,  .header-m .nav>li .sub-nav a::after{  position: absolute;  content: "";  width: 0;  height: 0;  left: 20px;  top: 20px;  border: 5px solid transparent;  overflow: hidden;  transition: all .3s;  -webkit-transition: all .3s
  }

  .header-m .nav>li .sub-nav a::before{  left: 21px;  border-left: 5px solid #555
  }

  .header-m .nav>li .sub-nav a::after{  border-left: 5px #ebebeb solid
  }

  .header-m .nav>li.cur{  position: relative
  }

  .header-m .nav>li.cur::after,  .header-m .nav>li.cur::before{  position: absolute;  content: "";  background: #999;  transition: all .5s;  -webkit-transition: all .5s
  }

  .header-m .nav>li.cur::before{  top: 19px;  right: 25px;  width: 2px;  height: 12px
  }

  .header-m .nav>li.cur::after{  top: 24px;  right: 20px;  width: 12px;  height: 2px
  }

  .header-m .nav>li.active::after{  background: #fff
  }

  .header-m .nav>li.active::before{  height: 0
  }

  .header-m .nav>li.active>a{  color: #fff;  background: #0193de
  }

  .header-m .nav>li.active>a::after{  border-color: #fff;  background: #fff
  }

  .header-m .nav>li.active .sub-nav li{  animation: ReturnToNormal .5s both;  -webkit-animation: ReturnToNormal .5s both
  }

  .header-m .m-language{  position: absolute;  left: 0;  bottom: 0;  width: 100%;  text-align: center
  }

  .header-m .m-language a{  color: #666;  height: 40px;  line-height: 40px;  font-size: 16px;  display: block;  border-bottom: 1px solid #ebebeb;  animation: slideInUp 1.5s both;  -webkit-animation: slideInUp 1.5s both
  }

  .header-m .m-search-b{  display: block;  position: absolute;  top: 0;  right: 0;  width: 40px;  height: 70px;  cursor: pointer;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;  background-size: 23px
  }

  html.active{  height: 100%;  overflow: hidden
  }

  html.active body{  height: 100%;  overflow: hidden
  }

  html.active .header-m{  left: 260px
  }

  html.active .header-m::after{  display: block
  }

  html.active .header-m .m-menu-b::before,  html.active .header-m .m-menu-b::after{  background: #000
  }

  html.active .header-m .m-menu-b::before{  transform: translateY(0) rotate(225deg);  -webkit-transform: translateY(0) rotate(225deg)
  }

  html.active .header-m .m-menu-b::after{  transform: translateY(0) rotate(-225deg);  -webkit-transform: translateY(0) rotate(-225deg)
  }

  html.active .header-m .m-menu{  display: block;  left: 0
  }

  html.active footer,  html.active main,  html.active .i-banner,  html.active .banner{  transform: translateX(260px);  -webkit-transform: translateX(260px)
  }

  header,  main,  section,  footer,  .header-m,  .banner{  transition: all .5s;  -webkit-transition: all .5s
  }}
@media(max-width: 1320px){textarea{  width: 80%;}}
@media(max-width: 1300px){.bd_1>.col{  width: 100%;  margin-bottom: 10px
  }

  .item_bd>input{  width: 70%;}

  .item_bd_box{  margin-bottom: 0
  }

  textarea{  width: 70%;}}
@media(max-width: 1000px){.m_sub_meun{  display: block
  }}
@media(max-width:928px){.form_bd{  overflow-y: scroll;  max-height: 500px;}

  .bd_name{  text-align: left;  width: 100%
  }



  .item_bd>input{  width: 100%;}

  .checkbox div{  align-items: center;  width: 100%;}

  textarea{  width: 100%;}}



/* 分享 */
.fx{justify-content: center;padding: 10px 0;}
.share-weixin, .share-xinlang, .share-QQ{display: block;width: 3%;}
.share-weixin{background: url(../images/wx.png) no-repeat left center;}
.share-xinlang{background: url(../images/wb.png) no-repeat left center;display: block;}
.share-QQ{background: url(../images/qq.png) no-repeat left center;display: block;}
.none{display: none;}
.qrcode_mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.5;z-index: 1999;}
.qrcode{width: 180px;padding: 20px;position: fixed;z-index: 2000;left: 50%;top: 50%;margin-left: -120px;margin-top: -140px;background: #fff;z-index: 100000;font-size: 14px;text-align: center;-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.qrcode img{max-width: 100%;max-height: 100%;}
.qrcode p{margin: 10px 0;}
.weixin_close{background: #0058A7;display: inline-block;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff;text-decoration: none}
.shade{position: fixed;left: 0;top: 0;z-index: 100;display: none;width: 100%;height: 100%;background-color: #000;filter: alpha(opacity=50);opacity: 0.5;}