*{ margin: 0; padding: 0;}
body{overflow-x: hidden;}
img{display: block;}
#video{width:100vw;display: block;}
.main{width:100vw;position:relative;}
.part1-bg{width: 100vw;}
.part2-title{width: 100vw;}
.part2-tips{width: 100vw;}
.touxiang{width: calc(125/750*100vw);height: calc(125/750*100vw);margin-left: calc(17.5/750*100vw);}
.changetx{width: calc(151/750*100vw) !important;height: calc(151/750*100vw) !important;margin-left: 0 !important;}
.part2-tab{width: 100%;height: 100%;border-radius: 50%;}
.page{display: inline-block;margin-bottom: calc(30/750*100vw);width: calc(160/750*100vw);}
.tab1{margin-top: calc(32/750*100vw);font-size: 14px;text-align: center;}
/* .tab1 :first-child{margin-left:0;} */
.readicon{width: calc(80/750*100vw);height: calc(24/750*100vw);margin: 0 auto;margin-bottom: calc(5/750*100vw);margin-top: calc(10/750*100vw);}
.iconshow{background: url("img/icon.gif")no-repeat;background-size: 100% 100%;}
.readicon img{width: 100%;height: 100%;}
.page-name{margin-top: calc(20/750*100vw);text-align: center;}
.tabcontent{width: calc(690/750*100vw);margin: 0 auto;}
.tabcontent-bg{width: 100%;}
.df{position: relative;}
.tabcontent-tips{position: absolute;top: calc(32.5/750*100vw);margin: 0 3vw;font-size: 14px;color: #ffffff;}
.videoicon{width: calc(114/750*100vw);height: calc(114/750*100vw);position: absolute;top: calc(-10/750*100vw);}
.tab-icon{margin-top: calc(17/750*100vw);position: relative;padding-bottom: calc(66/750*100vw);}
.icon-circle{margin-left: calc(28/750*100vw);width: calc(662/750*100vw);height: calc(99/750*100vw);border: 1px solid #4495d5;background-color: #7ebdef;border-radius: 10vw;}
.icon-titlecontent{color: #ffffff;}
.read-icon{width: calc(144/750*100vw);position: absolute;right: 1vw;top: calc(9.5/750*100vw);}
.d{width: calc(422.5/750*100vw);height: calc(80/750*100vw);line-height: calc(80/750*100vw);margin-top: calc(9.5/750*100vw);margin-left: calc(86/750*100vw);font-size: 16px;
    text-align: center;}
.d span{float: right;margin-right: 3vw;}
.tab1 .on{border: 2px solid #fff;border-radius: 50%;-moz-box-shadow: 0px 5px 5px #d3d1d2;box-shadow: 0px 5px 5px #d3d1d2;}
.tab1 .onname{color: #44a0e7;}

.part3{position: relative;}
.part3-bg{width: 100vw;}
.part3-title{width: calc(456/750*100vw);position: absolute;top: calc(23/750*100vw);left:calc(147/750*100vw);}
.part3-tips{width: calc(389/750*100vw);margin: 0 auto;position: absolute;top: calc(81/750*100vw);left: calc(147/750*100vw);}
.part3-btn{position: absolute;bottom: calc(95/750*100vw);width: calc(595/750*100vw);left: calc(77.5/750*100vw);}
.part3-botip{position: absolute;bottom: calc(22/750*100vw);width: calc(425/750*100vw);left: calc(162.5/750*100vw);}

.part4-share{width: calc(406/750*100vw);margin-left: calc(172/750*100vw);}
.part4-title{width: calc(481/750*100vw);margin: 0 auto;padding-top: calc(74/750*100vw);}
.part4-tips{width: calc(577/750*100vw);margin: 0 auto;padding-top: calc(10/750*100vw);}
.part4-btn{width: calc(523/750*100vw);margin: 0 auto;padding-top: calc(15/750*100vw);}

.part5-logo1{width: calc(358/750*100vw);margin:calc(109/750*100vw) auto 0;}
.part5-logo2{width: calc(424/750*100vw);margin:calc(35/750*100vw) auto 0;}
.part5-btn{width: calc(314/750*100vw);margin: 0 auto;
    position: fixed;
    bottom: calc(168/750*100vw);
    left: 50%;
    transform: translateX(-50%);}
.part5-bg{width: calc(692/750*100vw);margin: calc(-20/750*100vw) auto 0;}

.part7{ position:fixed;left:0px;top:0px;background:rgba(0, 0, 0, 0.7);width:100%;height:100%; z-Index:999;  }
.part7-content{position: absolute; width: calc(566/750*100vw);top: 50%;left: 50%;transform: translateY(-50%);margin-left: calc(-283/750*100vw);border-radius: 2vw;background-color: #fff;cursor: pointer;z-Index: 9999;}
.cz{font-size:0;margin-top: calc(41/750*100vw);}
.cz button{width: calc(283/750*100vw);height: calc(102/750*100vw);font-size: 14px;background: none;border: 1px solid #d2d3d5;}
.cz button:first-child{color: #666666;border-radius: 0 0 0 2vw;}
.cz button:last-child{color: #469eea;border-radius: 0 0 2vw 0;}
.part7-content p{text-align: center;}

.part8{ position:fixed;left:0px;top:0px;background:rgba(0, 0, 0, 0.8);width:100%;height:100%; z-Index:999;  }
.part8-content{position: absolute; width: calc(600/750*100vw);top: 50%;left: 50%;transform: translateY(-50%);margin-left:calc(-300/750*100vw);cursor: pointer;z-Index: 9999;}
.part8close{width: calc(60/750*100vw);float: right;}
.part8-bg{width: 100%;}
form{text-align: center;position: absolute;top: calc(178/750*100vw);width: 100%;}
.jiao span{border: 1px solid #000;
    padding: 1vw 2vw;
    font-size: 14px;display: inline-block;}
.jkactive{background-color: #f3bb23;color: #000 !important;border: 1px solid #000 !important;}
.jk{display: inline-block;
    width: calc(80/750*100vw);
    height: calc(80/750*100vw);
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;}
.subgive{width: calc(274/750*100vw);margin-left: calc(137/750*100vw);margin-top: calc(78/750*100vw);}