html,body { background: #ffffff;font-family: "Helvetica",'Microsoft Yahei',"Arial";  }
ul, ol { list-style: none; }
.container-screen .center { width: 1068px; margin: 0 auto; }
.container-screen { padding-top: 62px; }
.jxclear  { clear:both; height:0; line-height:0; display:block; overflow:hidden;}
.clearfix{ *zoom:1; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;} 
.img-pc { display: block; }
.img-ph { display: none; }

.bg-fcfcfc { background: #fcfcfc !important }


.download-menu { display: none; z-index: 888; height: 70px; position: fixed; left: 0; top: 60px; width: 100%; line-height: 70px; font-size: 16px;  }
.download-menu a {color: #fff;margin: 0 50px;position: relative;z-index: 3;display: inline-block;line-height: 26px;padding: 4px 16px;border: 1px solid transparent;}
.download-menu a:hover { opacity: 0.7;  }   
.d-m-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: #0d0b88;opacity: 0.8;}
.screen-download-display { display: none; text-align: center; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: url(/uploadfile/content/2019/05/20190606/cad2020/bg001.jpg) top center no-repeat; background-size: 100% 100%; z-index: 99; }
.s-d-list { display: inline-block; width: 180px; text-align: left; margin: 0 70px; } 
.s-d-d { width: 660px; position: absolute; top: 50%; left: 50%; height: 200px; margin: -30px 0 0 -300px; } 
.s-d-tit { background: url('../../images/jzpic/icon13.png') left center no-repeat; padding-left: 33px; font-size: 16px; color: #fff; }
.s-d-con { padding-left: 33px; line-height: 30px; padding-top: 30px;  }
.s-d-d-close { position: absolute; left: 50%; margin-left: 22px; bottom: 30px; width: 44px; height: 44px; display: inline-block;background: url('/uploadfile/content/2019/05/20190606/cad2020/icon12.png') no-repeat;  }
.s-d-d-close:hover { opacity: 0.6;  }
.download-menu.opening a { color: #fff;  }
.download-menu.opening a.active {  border: 1px solid #fff; }
.s-d-con a { color: #fff; }
.s-d-con a:hover { opacity: 0.7; }


.screen-download {width: 100%; z-index: 33; margin-top: 50px; }
.download-list {display: inline-block;position: relative;width: 180px;margin: 0 25px;margin-bottom: 30px;}
.download-list ul {display: none;position: absolute;left: 0;top: 0;background: #fff;width: 100%;padding: 0; border:1px solid #fff;}
.d-l-a {display: inline-block;background: none;height: 40px;font-size: 16px;line-height: 38px;width: 100%;color: #fff;text-align: left;padding-left: 14px;/*  border:1px solid #ca91e5; */}
.d-l-a i {display: inline-block;width: 27px;height: 23px;background: url('/uploadfile/content/2019/05/20190606/cad2020/windows2.png') no-repeat;vertical-align: -6px;margin-right: 10px;}
.d-l-a:hover, .d-l-a.active {  color: #fff; }
.download-list ul li a {color: #021662;font-size: 14px;display: block;line-height: 40px;text-align: center; position: relative;}
.download-list ul li a:after { content: ''; right: 0; top: 12px; bottom: 12px; width: 1px; background: #fff; position: absolute; }
.download-list ul li {padding: 0;float: left;width: 50%;}
.download-list ul li:last-child a:after { display: none;}
.download-list ul li a:hover {  opacity: 0.7; }
.screen-more { margin-top: 50px; }
.screen-more a { font-size: 18px; color: #072a7c; display: inline-block; padding-left: 36px; background: url('/uploadfile/content/2019/05/20190606/cad2020/icon02.png') left center no-repeat; }
.screen-more a:hover { opacity: 0.7; }
.d-l-a { opacity: 1; }
.d-l-a:hover { opacity: 0.6  }


/* topic */
.d-l-a { position: relative;  }
.d-l-a {transition: opacity 0.2s ease-in; cursor: pointer; }
.d-l-a:before, .d-l-a:after { content: ''; display: block; position: absolute; }
.d-l-a:after, .d-l-a:before { box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; }
.d-l-a:before { bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 2.4s, width 0.2s ease-in 0.2s, height 2.2s ease-in; }
.begin .screen-download .d-l-a:after,.begin .screen-download .d-l-a:before { width: 100%; height: 100%; }
.begin .screen-download .d-l-a:before { border-bottom-color: #ffffff; border-left-color: #ffffff; -webkit-transition:  width 0.4s ease-out 0.6s, height 0.2s ease-out 1.0s; transition:  0.6s, width 0.4s ease-out 2.6s, height 0.2s ease-out 4.0s; }
.d-l-a:after, .d-l-a:before { box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; }
.d-l-a:after { top: 0; left: 0; -webkit-transition: width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition:  width 0.2s ease-in 2.6s, height 0.2s ease-in 2.4s; }
.begin .screen-download .d-l-a:after { border-top-color: #ffffff; border-right-color: #ffffff; -webkit-transition: width 0.6s ease-out, height 0.2s ease-out 0.6s; transition: width 0.4s ease-out 2s, height 0.2s ease-out 2.4s; }

.jq-h1 { font-size: 36px; color: #000000; }
.jq-h1 .colorgray { color: #000; }
.jq-h2 { font-size: 18px; line-height: 1.6; color: #616162; opacity: 0.75; padding-top: 40px; }
.jq-h2 span,.jq-h1 span { display: block; }

.jq-h1 { opacity: 0; transform: translate3d(0,40px,0); }
.begin .jq-h1 { opacity: 1; transform: translate3d(0,0,0); }
.jq-h2 { opacity: 0; transform: translate3d(0,40px,0); }
.begin .jq-h2 { opacity: 1; transform: translate3d(0,0,0); }





/* 1 */
.first-screen { background: url(/uploadfile/content/2019/05/20190606/cad2020/s1-bg01.png) top center no-repeat; height: 1000px; text-align: center; position: relative; }
.screen-h1 { font-size: 40px; color: #fff; padding-top: 60px; }
.screen-h2 { font-size: 20px; color: #fff; padding-top: 5px; }
.screen-h3 { font-size: 20px; color: #fff; padding-top: 10px; }
.first-pic { padding-top: 130px; text-align: center;  }
.f-pic-m { display: inline-block; position: relative; }
.f-pic-m > img { opacity: 0; position: relative;z-index: 3; }
.f-li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.f-line  { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.fir-more { padding-top: 40px;  }
a.a-fir-more {cursor: pointer;font-size: 14px;/* background: #fff; */color: #fff;display: inline-block;padding: 10px 18px;border-radius: 50px;}
a.a-fir-more:hover,a.a-fir-video:hover { opacity: 0.7 }
a.a-fir-video { position: relative;padding-right: 22px; display: inline-block;margin-right: 0;padding-left: 50px;background: url(/uploadfile/content/2019/05/20190606/cad2020/f-icon01.png) left center no-repeat;height: 34px;line-height: 34px;color: #fff;}
a.a-fir-video:after { content: ''; position: absolute; right: 0; top: 10px; bottom: 10px; width: 1px; background: #fff; }

.screen-h1  { opacity: 0; transform: translate3d(0,40px,0);   }
.begin .screen-h1 { opacity: 1; transform: translate3d(0,0,0);}
.screen-h2 { opacity: 0;  transform: translate3d(0,40px,0);  }
.begin .screen-h2 { opacity: 1; transform: translate3d(0,0,0);}
.screen-h3 { opacity: 0;  transform: translate3d(0,40px,0);    }
.begin .screen-h3 { opacity: 1; transform: translate3d(0,0,0);}


.f-line { overflow: hidden; height: 0;  }
.begin .f-line   { height: 414px; }
.f-li { opacity: 0; }
.begin .f-li { opacity: 1;  }
.f-pic-m > img {  }
.begin .f-pic-m > img { opacity: 1;}

.fir-more  { opacity: 0; transform: translate3d(0,40px,0); }
.begin .fir-more { opacity: 1; transform: translate3d(0,0,0); }


.f-m-o { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.f-m-o  span { width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; overflow: hidden; }
.f-m-o  span img { width: 419px; height: 414px; }
span.f-o-1 { width: 0; }
.begin span.f-o-1 { width: 100%; }

span.f-o-2 { height: 0; }
.begin span.f-o-2 { height: 100%; }

span.f-o-3 { width: 0; left: auto; right: 0; }
span.f-o-3 img { position: absolute; right: 0; top: 0;  }
.begin span.f-o-3 { width: 100%; }

span.f-o-4 { width: 0; }
.begin span.f-o-4 { width: 100%; }


/* 2 */
.second-screen { padding-top: 150px;  }
.second-word { text-align: left;  }
.se-div-out { width: 494px; height: 494px; padding: 26px; background: #f8f8f8; border-radius: 50%; position: relative; }
.se-div-in { width: 100%; height: 100%; background: #fff; border-radius: 50%; padding: 21px; position: relative; }
.se-div-m { width: 100%; height: 100%; }

.se-img-a { width: 100%; overflow: hidden; position: relative; }
.se-div-right { position: absolute; width: 50%; right: 0; height: 100%; top: 0; z-index: 5; }
.se-div-right:after { content: ''; position: absolute; left: -47px; bottom: 0; background: url(/uploadfile/content/2019/05/20190606/cad2020/se-img03.png) left bottom no-repeat; width: 47px; height: 100%;  }
.se-img-b { text-align: left; padding-top: 120px;  }
.se-img-c { position: absolute; left: -37px; top: 99px; text-align: right; z-index: 4 }
.second-word-a { padding-top: 120px; }
.se-icon-a,.se-icon-b{ display: inline-block;position: absolute;  }
.se-icon-a { right: 20px; top: 20px; }
.se-icon-b { left: -40px; bottom: 80px; }

.se-div-m span.zz {  transform: scale3d(1, 1, 1); display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; border-radius: 50%; background: #fff; }
.begin .se-div-m span.zz { transform: scale3d(0, 0, 0);}

.se-img-a { width: 100%;  }
.begin .se-img-a { width: 50% }
.se-div-right:after { height: 0; }
.begin .se-div-right:after { height: 100%; }
.se-img-b {  opacity: 0; transform: translate3d(0, -80px, 0); }
.begin .se-img-b { opacity: 1; transform: translate3d(0, 0, 0);  }

.se-img-c {  opacity: 0; transform: translate3d(-80px, 0, 0); }
.begin .se-img-c { opacity: 1; transform: translate3d(0, 0, 0); }

.se-icon-b { opacity: 0; transform: translate3d(-30px, 30px, 0); }
.begin .se-icon-b { opacity: 1; transform: translate3d(0, 0, 0); }

.se-icon-a { opacity: 0; transform: translate3d(30px, -30px, 0); }
.begin .se-icon-a { opacity: 1; transform: translate3d(0, 0, 0); }


/* 3 */
.third-screen { padding-top: 80px; padding-bottom: 120px;  }
.th-div-bottom div { float: left; width: 50%; color: #565758; padding-top:  25px; }
.th-div-bottom { position: relative; }
.th-div-bottom:before { content: ''; display: inline-block; position: absolute; height: 100%; left: 50%; top: 0; width: 1px; background: #dedede }

.th-div-bottom div p { font-size: 14px; }
.th-div-bottom div h5 { font-size: 28px; color: #000000; padding: 15px 0 12px 0; }
.th-word { text-align: right; margin-top: 200px; }

.th-div-a { opacity: 0;transform: scale3d(0.7, 0.7, 0.7);  }
.begin .th-div-a { opacity: 1;transform: scale3d(1, 1, 1);  }
.th-div-b { opacity: 0;transform: translate3d(0, 80px, 0);  }
.begin .th-div-b { opacity: 1;transform: translate3d(0, 0, 0);  }

.th-div-bottom:before { height: 0; }
.begin .th-div-bottom:before { height: 100%; }
.th-div-bottom > div { opacity: 0; }
.begin .th-div-bottom > div { opacity: 1; }


/* 4 */
.four-screen { padding-top: 200px; padding-bottom: 220px;  }
.fo-word { text-align: left;  }
.four-pic-out {  position: relative; text-align: right; margin-right: 100px; }
.four-pic-out span { display: inline-block; }
.four-pic { margin-top: 100px; }
.fo-pic-b { position: absolute; right: 95px; bottom: 0; }
.fo-pic-c { position: absolute; right: 305px; bottom: 50px; }
.fo-pic-d { position: absolute; right: 0; bottom: -160px; }

.four-pic-out { transform:rotateY(-30deg); }

.fo-pic-a,.fo-pic-b,.fo-pic-c { opacity: 0; transform: translate3d(0, -150px, 0); }
.begin .fo-pic-a,.begin .fo-pic-b,.begin .fo-pic-c  {  opacity: 1; transform: translate3d(0, 0, 0); }

.fo-pic-d { opacity: 0; }
.begin .fo-pic-d { opacity: 1; }


/* 5 */
.five-screen { padding-bottom: 106px; padding-top: 200px; }
.fi-word { text-align: right; padding-top: 80px; }
.fi-pic-out { background: #464646; width: 568px; height: 396px; position: relative;padding: 10px 20px;   }
.fi-pic-out > span { display: block;  position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; }
.fi-pic-out > span:after,.fi-pic-out > span:before { content: ''; position: absolute; background: #949494; }
.fi-line-a:before { width: 1px; height: 100%; left: 0; top: 0; }
.fi-line-a:after { width: 100%; height: 1px; left: 0; top: 0; }
.fi-line-b:before { width: 1px; height: 100%; right: 0; top: 0; }
.fi-line-b:after { width: 100%; height: 1px; left: 0; bottom: 0; }
.fi-pic-m > div { float: left; overflow: hidden; }

.fi-pic-m { position: relative; display: inline-block; height: 377px; }
.fi-pic-m >span:after,.fi-pic-m > span:before { content: ''; position: absolute; background: #fff; }
.fi-line-c:before { width: 2px; height: 100%; left: 0; top: 0; }
.fi-line-c:after { width: 100%; height: 2px; left: 0; top: 0; }
.fi-line-d:before { width: 2px; height: 100%; right: 0; top: 0; }
.fi-line-d:after { width: 100%; height: 2px; left: 0; bottom: 0; }

.fi-pic-c { position: absolute; bottom: -106px; left: 84px; }

.fi-line-c:before { height: 0; }
.begin .fi-line-c:before { height: 100%; }
.fi-line-c:after { width: 0; }
.begin .fi-line-c:after { width: 100%; }

.fi-line-d:before { height: 0; }
.begin .fi-line-d:before { height: 100%; }
.fi-line-d:after { width: 0; }
.begin .fi-line-d:after { width: 100%; }

.fi-pic-m > div { height: 0; }
.begin .fi-pic-m > div { height: 100%; }

.fi-pic-c  { opacity: 0;transform: translate3d(0, -40px, 0);  }
.begin .fi-pic-c  { opacity: 1;transform: translate3d(0, 0px, 0);  }

/* 6 */
.six-screen { padding-top: 160px; }
.six-pic { padding-top: 90px;  }

.si-pic-left { position: relative; margin-top:75px; }
.si-pic-left > span { display: inline-block; position: absolute; left: 0; top: 0; }
.si-pic-right { position: relative; }
.si-pic-right span{ display: inline-block; position: absolute; left: 0; top: 0; }


.si-pic-left > img { opacity: 0;transform: scale3d(0.7, 0.7, 0.7);  }
.begin .si-pic-left > img { opacity: 1;transform: scale3d(1, 1, 1);  }

.si-pl-a { overflow: hidden; height: 0;  }
.begin .si-pl-a { height:100%; }


.si-pl-a3 { overflow: hidden; height:100%; width: 0;  }
.begin .si-pl-a3 { width: 100%;  }
.si-pic-right { width: 0; overflow: hidden; }
.begin .si-pic-right { width: 569px; }

.si-pl-b { opacity: 0;transform: scale3d(0.7, 0.7, 0.7);  }
.begin .si-pl-b { opacity: 1;transform: scale3d(1, 1, 1);  }



/* 7 */
.seven-screen { padding-top: 200px; }
.sev-pic-out { position: relative; padding-left: 75px; }
.sev-pic-b { position: absolute; left: 0; top: 32px; }
.sev-word { text-align: right; padding-top: 30px; }

.sev-pic-a{ opacity: 0;transform: scale3d(0.7, 0.7, 0.7);  }
.begin .sev-pic-a { opacity: 1;transform: scale3d(1, 1, 1);  }

.sev-pic-b  { opacity: 0;transform: translate3d(-100px, 0, 0);  }
.begin .sev-pic-b  { opacity: 1;transform: translate3d(0, 0px, 0);  }

/* 8 */
.eight-screen { padding-top: 250px; padding-bottom: 200px; }
.ei-pic-m { width: 610px; height: 360px; margin: 0 auto; background: #f1f0ee; padding: 45px 40px; position: relative; }
.ei-pic-a span { display: block; padding-bottom: 20px; }
.ei-pic-b { padding-left: 30px; }
.eight-pic { padding-top: 80px; }

.ei-pic-other { position: absolute; right: -120px; bottom: -35px; z-index: 4; }
.ei-pic-other > span {position: absolute; left: 0; top: 0;  }
.ei-pic-other > span.ei-pic-c { top: auto; bottom: -43px; left: 46px; }
.ei-pic-other > span.ei-pic-d { z-index: 3 }

.ei-pic-a span { opacity: 0;transform: translate3d(-40px, 0, 0);  }
.begin .ei-pic-a span { opacity: 1;transform: translate3d(0, 0, 0);  }
.ei-pic-b { opacity: 0;transform: scale3d(0.7, 0.7, 0.7);  }
.begin .ei-pic-b { opacity: 1;transform: scale3d(1, 1, 1);  }

.ei-pic-other {  opacity: 0;transform: translate3d(0, -60px, 0);   }
.ei-pic-other >div { position: relative; z-index: 4; }


.ei-pic-d{ transform: translate3d(0, 7px, 0);  }

.ei-pic-c { opacity: 0; transform: translate3d(0, -30px, 0) scale3d(0.8, 0.8, 0.8);   }
.begin .ei-pic-c {opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1) ;  }

/* 9 */
.nine-screen { padding-top: 200px; padding-bottom: 250px; }
.ni-word { margin-top: 100px; text-align: left; }
.nine-pic { position: relative; width: 415px; height: 300px; }
.ni-pic-m { width: 100%; height: 100%; background: #38414a; position: relative; z-index: 3; }
.ni-pic-m span { display: block; text-align: left; padding-left: 20px; padding-top: 16px; }
.ni-pic-m span.ni-pic-a { padding-top: 0; padding-left: 12px; }
.ni-pic-e { position: absolute; right: -46px; top: -34px; display: inline-block; }
.ni-pic-f { position: absolute; left: -54px; bottom: -54px; display: inline-block; }

.ni-pic-m span { overflow: hidden; width: 0; }
.begin .ni-pic-m span { overflow: hidden; width: 100%; }

.ni-pic-e { opacity: 0; transform: translate3d(-36px, 34px, 0)  }
.begin .ni-pic-e { opacity:1; transform: translate3d(0, 0, 0)  }

.ni-pic-f { opacity: 0; transform: translate3d(54px,-54px, 0)  }
.begin .ni-pic-f { opacity:1; transform: translate3d(0, 0, 0)  }



/* 11 */
.eleven-screen { background: #fafafa }
.si-word { text-align: left; }
.eleven-tit { color: #111111;font-size: 40px; padding-top: 90px; }
.eleven-list { width: 280px; margin: 0 50px; display: inline-block; text-align: center;  }
.eleven-con { margin-top: 80px; padding-bottom: 160px;  }
.eleven-word-a { font-size: 22px; color: #181818; padding-top: 24px;  }
.eleven-word-b { color: #999; font-size: 16px; padding-top: 4px;  }
.eleven-word-c { margin-top: 40px;  }
.eleven-link { color: #1884da; font-size: 18px; cursor: pointer;   }
.eleven-list  {  transform: translate3d(0,-50px,0); opacity: 0;  }
.begin .eleven-list {  transform: translate3d(0,0,0); opacity: 1;  }

.el-down-more {
    background: url(/uploadfile/content/2019/05/20190606/cad2020/down.png) left 24px center no-repeat #021662;
    background-size: 22px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    padding-left: 54px;
}

.el-down-more { width: 160px; height: 160px; border-radius: 50%; padding: 0; padding-top: 90px;background-position: top 42px center; background-size: 40px; }


@media (min-width:678px) {
    /*.screen-h1,.screen-h2 { font-family: 'pinghei'; }*/
}

@media (max-width:1240px) {
    .l .container-screen .center { width: 1068px; }
    /* eleven end */
    
}

@media (max-width:1180px) {
    .eleven-list { margin: 0 30px; }
    /* eleven end */
    
}

@media (max-width:1100px) {
    .l .container-screen .center { width: 1000px; }
    .eleven-list { margin: 0; }

    /* eleven end */

}

@media (max-width: 1024px){
    .eleven-list {   margin: 0; }
    .container-screen .center { width: 100%; padding: 0 20px; }
    /* eleven end */
   

    
}

@media (max-width: 990px) {
    .eleven-list { width: 240px; }
    .eleven-word-b { height: 52px; }
    /* eleven end */
    .screen .fl { float: none; }
    .screen .fr { float: none; }
    .second-word { text-align: center; padding-top: 0; padding-bottom: 80px; }
    .second-word-a { padding-top: 0; }
    .se-div-out { margin: 0 auto; }

    .th-word { text-align: center; padding-bottom: 80px; }
    .third-pic { margin: 0 auto; width: 347px; }

    .fo-word { text-align: center; }
    .four-pic-out { margin-right: 20px; }
    .fi-word { padding-top: 0; padding-bottom: 80px; text-align: center; }
    .fi-pic-out { margin: 0 auto; }

    .si-word { text-align: center; }
    .screen .si-pic-left { float: left; }
    .begin .si-pic-right {  width: 440px;}
    .si-pl-b img { width: 450px; padding-top: 45px; }
    .six-pic { width: 715px; margin: 0 auto; }
    .sev-word { text-align: center; padding-bottom: 80px; }
    .ei-pic-a.fl { float: left; }
    .ei-pic-other { position: absolute; right: -50px; bottom: -66px; }
    .ni-word { margin-top: 0; padding-bottom: 80px; text-align: center; }
    .nine-pic { margin: 0 auto }
   
   
} 





@media (max-width: 767px) {
    .img-ph { display: block; }
    .img-pc { display: none; }
    img { max-width: 100%; }
    .first-img .fb-c img { max-width: 1000px; }
    .eleven-tit { font-size: 1.6rem; padding-top: 50px; }
    .eleven-con { margin-top: 50px; padding-bottom: 60px; }
    .eleven-list { margin: 0; width: 30%; }
    .eleven-word-c { margin-top: 10px; }
    .eleven-word-a { font-size: 18px; }
    .eleven-link { font-size: 14px; }

    /* eleven end */
    
    .first-pic { padding-top: 100px; }
    .screen-h1 { font-size: 40px; }
    .screen-h2 { font-size: 18px;  }
    .screen-h3 {font-size: 18px;  padding: 0 20px; padding-top: 20px;}
    .screen-download { margin-top: 60px; }
    .fir-more { padding-top: 60px; }
    .se-img-a img { width: 400px; max-width: 1000px; }
   
    .four-pic-out { width: 500px; margin: 0 auto; }
    .four-pic-out img { max-width: 2000px; }

    .fo-pic-a img { width: 400px; } 
    .fo-pic-b { right: 60px; }
    .four-pic-out img { width: 380px; }
    .fo-pic-c { right: 200px; bottom: 20px; }
    .fo-pic-c img { width: 300px; }
    .fo-pic-d { display: none !important; }

    .si-pic-left { width: 175px;    margin-top: 47px; }
    .begin .si-pic-right { width: 360px; }
    .six-pic { width: 550px; }
    .si-pl-b img { width: auto; padding-top: 0; }

    .ei-pic-m { width: 100%; }
    .ei-pic-other { right: 0; }
    .ei-pic-other >div { width: 280px; }
    .ei-pic-other > span.ei-pic-c { top: auto; bottom: -32px; left: 31px; width: 220px; }
    
    
} 
@media (max-width: 600px) {
    .download-menu{display:none!important;}
    .eleven-word-a { height: 78px; }
    img { max-width: 100%; }
    .jq-h1 { font-size: 1.3rem; }
    .jq-h2 { font-size: 0.8rem; padding-top: 20px; }
    .jq-h2 span, .jq-h1 span { display: inline; }
    /* eleven end */

    .screen-h2,.screen-h3 { font-size: 16px; }
    .screen-h3 { padding-top: 10px; }

    .f-pic-m { width: 220px; }
    .f-m-o span img { max-width: 1000px; width: 220px; height: 217px; }

    .first-pic { padding-top: 80px }


    .first-screen { height: auto; }
    .screen-h1 { padding-top: 20px; }
    .screen-download { display: none; }

    a.a-fir-more {/* display: block; *//* width: 180px; *//* margin: 0 auto; *//* padding: 8px 0; */}
    .se-div-out { width: 374px;  height: 374px; }
    .se-img-a img { width: 280px; }
    .se-img-c { width: 160px; left: 1px; top: 88px; }
    .se-img-b {  padding-top: 106px; width: 140px; }

    .second-screen { padding-top: 80px; padding-bottom: 40px; }
    .fir-more { padding-top: 30px; padding-bottom: 30px; }
    a.a-fir-video {/* margin-left: 0; *//* background-position: top center; *//* padding-top: 24px; */padding-left: 30px;/* margin-top: 20px; */background-size: 22px;/* padding-right: 0; */}
    .third-screen { padding-top: 0; }
    .th-word { margin-top: 40px; padding-bottom: 40px; }

    .third-screen { padding-bottom: 80px; }

    .four-pic-out { width: 100%; }
    .four-pic-out img { width: 300px; }
    .fo-pic-b img { width: 280px; }
    .fo-pic-c img { width: 220px; }
    .fo-pic-c { right: 130px; bottom: -00px; }
    .four-screen { padding-top: 80px; padding-bottom: 80px; }
    .five-screen { padding-top: 80px; }
    .four-pic { margin-top: 60px;}
    .fi-pic-out { width: 100%; height: auto; }
    .fi-pic-m > div { width: 50%; }
    .fi-pic-m { height: auto; min-height: 250px; }
    .fi-pic-c { bottom: -60px; left: 0; }

    .six-screen { padding-top: 80px; }
    .six-pic { padding-top: 60px;width: 350px; }
    .si-pic-left { width: 140px; }
    .begin .si-pic-right { width: 230px; } 
    .si-pic-left { width: 110px; margin-top: 32px; }
    .seven-screen { padding-top: 80px; }
    .sev-pic-out { padding-left: 50px; }
    .sev-pic-b { top: 22px; width: 76%; }
    .sev-word { padding-bottom: 60px }
    .eight-screen { padding-top: 80px; }
    .ei-pic-m { padding: 20px; }
    .ei-pic-a.fl { width: 40px; }
    .ei-pic-b.fl { float: left; width: 84%; }
    .ei-pic-m {  height: 300px;}
    .ei-pic-other { right: 10px; bottom: -20px; }
    .ei-pic-other > span.ei-pic-c { top: auto; bottom: -23px; left: 21px; width: 180px; }
    .ei-pic-other >div { width: 220px;}
    .eight-screen { padding-bottom: 120px; }
    .nine-screen { padding-top: 80px; }
    .nine-pic { width: 100%; }
    .ni-pic-m { padding-right: 20px; }
    .ni-pic-m span img { max-width: 1000px; width: 320px; }
    span.ni-pic-a img { width: 30px; }
    .ni-pic-e {     width: 200px;  right: -15px;  top: -15px;} 
    .ni-pic-f {     width: 100px;  left: -15px;  bottom: -15px;} 
    .nine-screen { padding-bottom: 80px; }
    .sc-h1 { font-size: 18px; }
    .se-icon-a { width: 24px; }
    .se-icon-b { width: 30px; }
    .jq-h1 .colorgray { display: block; }
    .screen-h1 { font-size: 26px; }





    
} 

@media (max-width: 414px) {
    .fo-img-a .img-pc { display: none;  }
    .eleven-list {margin: 0 20px;padding-bottom: 25px;border-bottom: 1px solid #dedede;display: block;width: auto;text-align: left;position: relative;padding-left: 64px;margin-bottom: 20px;}
    .eleven-icon {position: absolute;left: 0;top: 0px;width: 50px;}
    .eleven-word-a { padding-top: 0; font-size: 1.0rem; height: auto;}
    .eleven-word-b { font-size: 0.8rem; height: auto; font-size: 14px;}
    .eleven-word-c { position: absolute; right: 0; top: 17px; margin-top: 0; }
    /* eleven end */
    .ei-pic-m {
      height: 280px;
    }

} 

@media (max-width: 410px) {
    .se-div-out {
        width: 360px;
        height: 360px;
    }
    .ei-pic-m {
      height: 280px;
    }
 
}
@media (max-width:390px) {
    .se-div-out { width: 340px; height: 340px; padding: 18px; }
    .se-div-in { padding: 15px; }
    .third-pic { width: 100%; }
    .ei-pic-m { height: 270px; }

}
@media (max-width:370px) {
    .eleven-list { margin: 0 15px; padding-left: 54px;    margin-bottom: 20px;  }
    .eleven-word-b { font-size: 0.7rem;  }
 

    /* eleven end */
  
}


@media (max-width:320px) {
	.screen-h1 { font-size: 1.4rem; }
	.screen-h2 { font-size: 1.2rem; }
	.screen-h3 { font-size: 0.8rem; }
   .eleven-word-b { font-size: 0.7rem;  }
   .eleven-list { margin: 0 10px;margin-bottom: 20px; }
   /* eleven end */

   .se-div-out { width: 280px; height: 280px; padding: 15px; }
   .se-img-a img { width: 220px; }
   .se-img-c { width: 120px; left: 4px; top: 78px; }
   .se-img-b { padding-top: 82px; width: 110px; }
   .four-pic-out img { width: 260px; }
   .fo-pic-b img { width: 240px; }
   .fo-pic-c img { width: 200px;}
   .fo-pic-b { right: 30px; }
   .fo-pic-c { right: 80px; bottom: -00px; }
   .fi-pic-m { height: auto; min-height: 200px; }
   .ei-pic-a.fl { width: 36px; }
   .ei-pic-other { right: -4px; bottom: -9px; }
   .ei-pic-m { height: 250px; }

 
    
}