.topbanner{height:450px;background:url(images/topbanner.jpg) no-repeat center 0;}
.banner{width:100%;height:450px;position:relative;}
.banner .list{width:100%;height:450px;position:relative;overflow:hidden;z-index:1;border-top:none;margin:0;}
.banner .list li{position:absolute;left:0;width:100%;top:0;height:450px;}
.banner .list li .container{width:1000px !important;height:450px;margin:0 auto;position:relative;}
.banner .list .bg1{background:#178ae0;height:450px;display:list-item;}
.banner .list .bg1 .text1{position:absolute;left:115px;top:90px;width:438px;height:264px;background:url(images/banner1_1.png) no-repeat;}
.banner .list .bg1 .text2{position:absolute;right:90px;top:45px;width:300px;height:362px;background:url(images/banner1_2.png) no-repeat;}
.banner .btn {left: 50%;margin-left: -50px;position: absolute;top: 440px;z-index: 100;}
.banner .btn li {background: none repeat scroll 0 0 #fff;cursor: pointer;float: left;height: 5px;margin-left: 3px;text-indent: -999em;width: 50px;}
.banner .btn li.hover {background: none repeat scroll 0 0 #fc3;}
.zt1{width:1000px;margin:35px auto;}
.zt1_1{font-size:36px;font-weight:bold;color:#313131;text-align:center;}
.zt1_1 span{color:#178ae0;}
.zt1_tit{font-size:24px;color:#313131;margin-top:40px;}
.zt1_tit span{background:#178ae0;color:#ffffff;font-size:24px;margin-right:10px;display:inline-block;padding:0 10px;}
.zt1_2{margin-top:35px;}
.zt1_2 li{width:464px;height:320px;float:left;margin:0 18px;text-align:center;position:relative;}
.zt1_2 li embed,.zt1_2 li iframe{position:absolute;left:37px;top:0;z-index:3;}
.zt1_2 p{background:url(images/zt1.png) center bottom no-repeat;height:30px;line-height:30px;padding-top:290px;width:464px;font-size:18px;color:#ffffff;}
.zt1_3{width:1000px;overflow:hidden;margin-top:25px;border-top:1px solid #9d9d9d;border-bottom:1px solid #9d9d9d;height:125px;padding:10px 0}
.zt1_3 ul li{float:left;width:83px;margin:0 3px;}
.zt1_3 #colee1,.zt1_3 #colee2{float:left;}
.zt1_3 .indemo{float: left;width:9999px;}
.zt1_4{width:996px;height:470px;overflow:hidden;position:relative;margin:20px auto 0;width:996px;height:470px;overflow:hidden;}
.zt1_4 .zt1_4_list{position:relative;}
.zt1_4 .zt1_4_list .hover{display:block;}
.zt1_4 .zt1_4_list ul{position:absolute;left:0;top:0;width:996px;height:470px;}
.zt1_4 .zt1_4_list li{width:231px;margin:9px;float:left;}
.zt1_4 .zt1_4_list li p{font-size:14px;color:#313131;margin-top:5px;}
.zt1_4 .zt1_4_list li p:before{display:inline-block;content:'○';margin-right:10px;color:#11a6ea;}
.zt1_4_btn{left: 50%;margin-left: -25px;position: absolute;top: 440px;width:75px;height:30px;z-index: 100;}
.zt1_4_btn span{display:block;color:#d2d2d2;cursor: pointer;float: left;height: 30px;margin-left: 3px;width:20px;font-size:20px;text-align:center;overflow:hidden;}
.zt1_4_btn span.hover {color:#178ae0;}
.zt1_5{margin-top:30px;}
.zt1_5_l{width:260px;float:left;}
.zt1_5_r{width:588px;float:right;}
.zt1_5_r ul li{margin:0 0 6px 10px;float:left;}
.zt1_5 p{font-size:18px;color:#313131;text-align:center;margin-top:20px;text-align:center;}
.zt1_6{background:#3aa1ee;color:#ffffff;font-size:24px;padding:15px 10px;margin-top:30px;}
.zt1_6_l{width:30px;line-height:28px;float:left;}
.zt1_6_r{width:920px;float:right;overflow:hidden;}
.zt1_6_r li{width:180px;height:120px;float:left;margin-left:4px;position:relative;}
.zt1_6_r li .text{position:absolute;left:0;top:0;width:180px;height:120px;text-align:center;line-height:120px;background: rgba(1, 131, 253, 0.8);font-size:16px;display:none;}
.zt1_6_r li .text a{color:#ffffff;}
.zt1_6_r .inner{width:9999px;}
#zt1_6_1,#zt1_6_2{float:left;}
.zt1_7{margin-top:30px;}
.zt1_7 li{width:240px;float:left;margin:0 5px;}
.zt1_7 li p{font-size:14px;color:#313131;line-height:25px;margin-top:10px;}
.zt2{background:url(images/zt4.jpg) center center repeat #f99f29;height:841px;padding:50px 0;width:100%;}
.zt2_1{text-align:center;font-size:36px;font-style:italic;color:#ffffff;}
.h50{height:50px;}
.tab1{width:1000px;margin:0px auto;}
.tab1 th{background:#eb6100;color:#ffffff;height:45px;font-size:18px;font-weight:bold;text-align: center;}
#xst{width:1000px;margin:0 auto;height:330px;overflow:hidden;}
.tab1 td{height:46px;text-align: center;background:#ffffff;border-bottom:1px solid #f88f00;font-size:14px;color:#313131;}
.tab1 td span{font-size:18px;color:#eb6100;font-weight:bold;}
.zt3{background:#178ae0;color:#ffffff;font-size:36px;font-style:italic;margin-top:30px;height:100px;line-height:100px;}
.zt4{text-align:center;font-size:36px;font-weight:bold;color:#313131;margin-top:30px;}
.zt4 span{color:#178ae0;}

.zt4_kc .zt4_1{font-size:42px;font-weight:700;text-align:center;}
.zt4_kc .zt4_2{margin:20px auto 0;width:1016px;}
.zt4_kc .zt4_2 li{float:left;margin:20px 8px;width:238px;}
.zt4_kc .zt4_2 li a{display:block;}
.zt4_kc .zt4_2 li p{font-size:18px;height:30px;line-height:30px;margin-top:10px;text-align: center;}
.zt4_kc .zt4_2 li .pic{height:151px;position:relative;width:238px;}
.zt4_kc .zt4_2 li .text{color:#fff;display:none;font-size:12px;height:131px;left:0;line-height:22px;padding:10px;position:absolute;top:0;width:218px;}
.zt4_kc .zt4_2 li .pic:hover .text{display:block;}
.zt4_kc .zt4_2 li .bg1{background:#00a0e9 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg2{background:#002633 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg3{background:#f74545 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg4{background:#32b16c none repeat  0 0;}
.zt4_kc .zt4_2 li .bg5{background:#7563d2 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg6{background:#fead28 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg7{background:#7ecef4 none repeat  0 0;}
.zt4_kc .zt4_2 li .bg8{background:#f47720 none repeat  0 0;}
.zt4_kc .zt4_desc{text-align: center;font-size: 22px;margin-top:15px;}



.zt5{width:1000px;height:340px;position:relative;margin-top:40px;}
.zt5 li{width:412px;float:left;margin:0 44px;}
.zt5 .zt5_1{position:absolute;left:400px;top:233px;}
.zt6{margin-top:20px;margin-bottom:30px;}
.zt6_head{background:url(images/zt4.png) center center no-repeat;width:1000px;height:260px;}
.zt6_head ul{padding-top:83px;}
.zt6_head ul li{width:90px;height:90px;float:left;}
.zt6_head ul li a{display:block;width:90px;height:90px;text-align:center;line-height:90px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;font-family:'Impact';color:#ffffff;font-size:22px;transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.zt6_head ul li a.a1{background:url(images/bg1.png) center center no-repeat;}
.zt6_head ul li a.a2{background:url(images/bg2.png) center center no-repeat;}
.zt6_head ul li.cur_zt6 a{transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);-ms-transform:scale(2.5);}
.zt6_head ul li img{width:90px;height:90px;}
.zt6_body{width:968px;margin:20px auto 0;}
.zt6_sub{display:none;}
.cur_zt6_sub{display:block;}
.zt6_sub .tit{background:url(images/zt6.png) left bottom no-repeat;padding-bottom:10px;font-family:'Impact';color:#ed9065;font-size:28px;font-weight:bold;padding-left:5px;}
.zt6_sub p{margin-top:10px;font-size:14px;color:#313131;line-height:25px;}
.zt6_sub p span{color:#ea7843;}
.zt7{margin-left:-20px;margin-top:45px;}
.zt7 li{margin-left:20px;margin-bottom:20px;width:190px;padding-left:130px;height:135px;padding-top:50px;float:left;}
.zt7 li a{display:block;}
.zt7 .zt7_tit{font-size:24px;font-weight:bold;color:#ffffff;}
.zt7 p{margin-top:15px;color:#ffffff;font-size:14px;}
.zt7 li.accp{background:url(images/accp.png) 20px center no-repeat #ea595c;}
.zt7 li.benet{background:url(images/benet.png) 20px center no-repeat #f8b551;}
.zt7 li.java{background:url(images/java.png) 20px center no-repeat #2898e0;}
.zt7 li.yxs{background:url(images/yxs.png) 30px center no-repeat #ec6941;}
.zt7 li.html5{background:url(images/h5.png) 25px center no-repeat #689ce2;}
.zt7 li.android{background:url(images/android.png) 30px center no-repeat #00c66e;}
.zt8{margin-top:35px;}
.zt8 li{width:232px;float:left;margin:0 9px 25px;}
.zt8 li p{font-size:18px;color:#000000;text-align:center;margin-top:10px;}

.zt10{width:1000px;font-size:16px;color:#000000;line-height:30px;margin:0 auto;}
.zt10_1{cursor:pointer;}
.zt10_1_1{color:#0066ff;font-size:16px;}
.zt10_1 p{display:none;}
.zt10 .swt{display:inline-block;text-decoration:underline;color:#00a0e9;}
.zt11{background:#e24242;color:#ffffff;padding:40px 0;margin-top:20px;}
.zt11 .pic{width:260px;float:left;padding:0 70px;}
.zt11 .pic a{display:block;width:170px;height:48px;text-align:center;line-height:48px;border:2px solid #ffffff;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;color:#ffffff;margin:20px auto;font-size:18px;}
.zt11 .word{width:580px;float:right;padding-right:20px;line-height:40px;}
.zt12{font-size:36px;font-weight:bold;font-style:italic;color:#0068b7;margin:30px 0 10px;}
.zt13{width:1000px;margin:20px auto;}
.zt13 .formerror .error{display:none;}
.zt13 .error{color:#ff0000;}
.zt13 .tab2{font-size:24px;color:#313131;}
.zt13 .tab2 td{padding:10px 5px;line-height:40px;}
.zt13 .minput{width:39%;padding-left:1%;height:52px;background:#ffffff;border:1px solid #5d5d5d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.zt13 input[type="radio"]{margin-left:2em;}
.zt13 .msubmit2,.zt13 .swt{display:block;background:#00a0e9;color:#ffffff;border:none;width:185px;text-align:center;height:52px;line-height:52px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;cursor:pointer;font-size:18px;border-bottom:6px solid #018ac9;}
.zt13 .swt{height:46px;}

/*视频样式 开始*/
.popBg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
}

.popBox {
  position: relative;
  margin: 5rem auto 0;
  max-width: 720px;
  height: auto;
  z-index: 12;
  overflow: hidden;
  height: 25rem;
  top: 50%;
  margin-top: -12.5rem;
}

.popCont {
  max-width: 720px;
  height: 25rem;
  overflow: auto;
  position: relative;
  background: #000;
}

.popCont .alertbox {
  height: 25rem;
}

.popCont .alerttop {
  background: #000000;
  height: 10%;
  line-height: 2.5rem;
  color: #fff;
  padding-left: 1.5rem;
  position: relative;
}

.popCont .btnClose {
  display: block;
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(images/close.png) no-repeat 0 -2rem/2rem;
  cursor: pointer;
}

.popCont .btnClose:hover {
  background: url(/images/close.png) no-repeat 0 0/2rem;
}
.zjh_xg{
  position: absolute;
  left: 37px;
  top: 0;
  z-index: 3;
}
.zjh_xg>img{
  width:390px;
  height:280px;
}


.zjh_newdiv *{
  box-sizing: border-box;
}
.genduo{
  display: block;
  margin: 1rem auto;
  border:none;
  width: 35%;
  text-align: center;
}
.zjh_newdiv{
  width:100%;
  margin-top: 35px;
}
.zjh_newdiv>.h1{
  text-align: center;
  font-size: 48px;
  color:#0068b7;
  font-weight: bold;
  margin-bottom: 1rem;
}
.zjh_newdiv>table{
  width:100%;
  border-spacing: 0;
  border-color: none;
}
.zjh_newdiv>table tr>th{
  background:#0068b7;
  color:#fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  height:52px;
}
.zjh_newdiv>table tr>td{
  background:#e5f0f8;
  color:#1b1b1b;
  font-size: 18px;
  text-align: center;
  height:50px;
  text-align: center;
}
.zjh_newdiv>table tr>td.kec{
  font-weight: bold;
}
.zjh_newdiv>table tr>td.yellow{
  color:red;
}
.zjh_newdiv>a{
  width:30%;
  height:50px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius:50px;
  color:#fff;
  margin-top: 35px;
  margin-bottom: 20px;
}
.zjh_newdiv>a.left{
  float: left;
  margin-left: 10%;
  background: #00a0e9;
}
.zjh_newdiv>a.right{
  float: right;
  margin-right: 10%;
  background: #fa4452;
}
.zjh_newdiv>.pici{
  width:100%;
  margin: 1rem 0;
  background:#e5f0f8;
}
.zjh_newdiv>.pici>table{
  background:#00a0e9;
  border-collapse: collapse;
  width:65%;
  float: left;
}
.zjh_newdiv>.pici>table tr>th{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  text-align: left;
  padding: 0 0 0 10px;
  color:#fff;
  height:40px;
  font-size: 18px;
}
.zjh_newdiv>.pici>table tr>th:nth-child(2){
  border-right: none;
}
.zjh_newdiv>.pici>table tr>td{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  text-align: left;
  padding: 0 0 0 10px;
  color:#fff;
  height:40px;
  font-size:20px;
}
.zjh_newdiv>.pici>table tr>td:nth-child(2){
  border-right:none;
}
.zjh_newdiv>.pici>.xstime{
  width:35%;
  float: left;
  height:100%;
  position: relative;
  padding: 10px 20px 10px 30px;
  overflow: hidden;
}
.zjh_newdiv>.pici>.xstime>.sanj{
  width:20px;
  height:20px;
  background:#00a0e9;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: -10px;
  top: 66px;
}
.zjh_newdiv>.pici>.xstime>.h1{
  color:#1b1b1b;
  font-weight: bold;
  font-size: 20px;
}
.zjh_newdiv>.pici>.xstime>.txt{
  color:#0068b7;
  font-size: 20px;
  line-height: 38px;
  margin: 25px 0;
}
.zjh_newdiv>.pici>.xstime>a{
  text-decoration: underline;
  color:#e60012;
  font-size: 18px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.full_img_wrap{
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;

}
.full_img_wrap .close_btn{
  position: absolute;
  right: 50px;
  top: 50px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.full_img_wrap .close_btn img{
  width: 100%;
  display: block;
}
.full_img {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full_img img{
  max-width: 98vw;
  max-height: 100vh;
}