@charset "utf-8";*{margin:0;padding:0}
html{font-size:14px}
body{background-color:#fff}
.imgborder{display:block;border:none}
div.codeMix div.clearfix{clear:both;visibility:hidden;height:0}
.hCss{overflow:hidden;padding:30px 0;background:#e3e2e0;text-align:center}
.hCss h3{margin:40px 0 30px;font-size:2rem}
.hCss h3:after{position:absolute;margin-top:60px;margin-left:-380px;width:260px;height:3px;background-color:#ff6836;content:''}
.hCss h4{margin-bottom:20px;font-size:1.2rem}
.hCss h5{margin:60px auto 30px;width:260px;border:1px solid #ccc;background:#fff;font-weight:500;font-size:1.2rem}
.widthMargin{margin:0 auto;width:75pc}
.compare{box-sizing:border-box;padding:0 20px;width:50%}
.compare div{margin:30px auto 0;width:500px;border-radius:5px;text-align:justify;font-size:1.1rem}
.compare div p{margin-top:20px}
a{text-decoration:none}
div.codeMix{width:1200px; margin:0 auto;}
div.codeMix div.top-img{position:relative;overflow:hidden;height:500px}
div.codeMix div.top-img img{display:block;width:100%;height:100%;border:none}
div.codeMix div.top-img div.top-title{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:580px;height:140px;color:#fff;text-align:center}
div.codeMix div.top-img div.top-title h2{color:#ff6836;font-size:3.4rem}
div.codeMix div.top-img div.top-title p{margin-top:10px;font-size:1.4rem;line-height:30px}
div.codeMix div.codeMix-info{overflow:hidden;margin:0 auto;padding:30px 0px;width:100%;}
div.codeMix div.codeMix-info div.left-info{float:left;width:650px;text-align:justify;font-size:1.2rem;line-height:28px}
div.codeMix div.codeMix-info div.left-info h3{margin:20px 0;font-size:1.2rem}
div.codeMix div.codeMix-info div.left-info p:not(:nth-child(1)){font-size:1.1rem}
div.codeMix div.codeMix-info div.right-img{float:right;width:530px;text-align:right}
div.codeMix div.codeMix-info div.right-img img{display:block;display:inline-block;border:none}
div.codeMix div.codeMix-info div.bottom-btn{margin:30px 0 0 40px}
div.codeMix div.codeMix-info div.bottom-btn div{display:inline-block;padding:10px 25px;background-color:#02a0e9}
div.codeMix div.codeMix-info div.bottom-btn div:last-child{margin-left:130px;background-color:#ff6836}
div.codeMix div.codeMix-info div.bottom-btn div:last-child:after{position:absolute;margin-top:-5pc;margin-left:110px;width:70px;height:70px;background:url(https://image.evget.com//Content/files/2018/11/10/a147fa51c1604d168f5974a46a9d1fb6636774609885070909.png) no-repeat;background-size:cover;color:#fff;content:'¥189起';text-align:center;font-size:.8rem;line-height:70px}
div.codeMix div.codeMix-info div.bottom-btn div span{color:#fff}
div.codeMix div.codeMix-info div.bottom-btn div a{display:inline-block;width:5pc;border-radius:5px;color:#fff;vertical-align:2px;text-align:center;font-size:1.2em}
div.codeMix div.install-course{height:15pc;background-color:#04508a}
div.codeMix div.install-course div.course-center{margin:0 auto;width:750pt;height:100%;text-align:center}
div.codeMix div.install-course div.course-center div{display:inline-block;box-sizing:border-box;margin:50px 31px 0;width:20%}
div.codeMix div.install-course div.course-center div img{display:block;margin:0 auto;border:none}
div.codeMix div.install-course div.course-center div:first-child{margin-left:0}
div.codeMix div.install-course div.course-center div:last-child{margin-right:0}
div.codeMix div.install-course div.course-center div a{display:inline-block;margin-top:20px;width:90pt;height:30px;border:1px solid;border-radius:30px;color:#fff;line-height:30px}
div.codeMix div.product-land{margin:0 auto;width:75pc}
div.codeMix div.product-land h2{margin:40px auto 0;width:260px;height:5pc;border-bottom:3px solid #ff6836;text-align:center;font-size:28px;line-height:5pc}
div.codeMix div.product-land>div{height:600px}
div.codeMix div.product-land>div div.swiper-slide{overflow:hidden}
div.codeMix div.product-land>div div.swiper-slide div:first-child{float:left;margin-top:50px;width:55%}
div.codeMix div.product-land>div div.swiper-slide div:first-child img{display:block;margin-left:5pc;max-width:80%;border:none}
div.codeMix div.product-land>div div.swiper-slide div.function-info{float:right;margin-top:75pt;width:45%}
div.codeMix div.product-land>div div.swiper-slide div.function-info h3{font-size:1.4rem}
div.codeMix div.product-land>div div.swiper-slide div.function-info p{margin-top:50px;width:85%;text-align:justify;font-size:1.1rem;line-height:28px}
div.codeMix div.product-land div.swiper-button-next{background-image:url(https://image.evget.com//Content/files/2018/11/13/fa8eba9be90b4819b26822eed06a2795636777024330681037.png);}
div.codeMix div.product-land div.swiper-button-prev{background-image:url(https://image.evget.com//Content/files/2018/11/13/905e352cbb5e4c21bd998d3b49a7f3c7636777024876532075.png);}
div.codeMix div.pro-compare{overflow:hidden;margin:0 auto;margin-top:30px;padding:30px 0 0 0;width:100%;text-align:center}
div.codeMix div.pro-compare h3{margin:40px 0 30px;font-size:2rem}
div.codeMix div.pro-compare h3:after{position:absolute;margin-top:60px;margin-left:-380px;width:260px;height:3px;background-color:#ff6836;content:''}
div.codeMix div.pro-compare h4{margin-bottom:20px;font-size:1.2rem}
div.codeMix div.pro-compare h5{margin:60px auto 30px;width:260px;border:1px solid #ccc;background:#fff;font-weight:600;font-size:1.2rem;line-height: 3;}
div.codeMix div.pro-compare div.compare-left{float:left;box-sizing:border-box;padding:0 20px;width:49.666%;border-right: 1px solid #efefef;}
div.codeMix div.pro-compare div.compare-left div{margin:30px auto 0;width:500px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.pro-compare div.compare-left div p{margin-top:20px}
div.codeMix div.pro-compare div.compare-right{float:right;box-sizing:border-box;padding:0 20px;width:50%}
div.codeMix div.pro-compare div.compare-right div{margin:30px auto 0;width:500px;height:211px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.pro-compare div.compare-right div p{margin-top:20px}
div.codeMix div.pro-compare div.compare-btn{margin-top:30px}
div.codeMix div.pro-compare div.compare-btn button{padding:10px 0;width:200px;outline:0;border:none;color:#04508a;text-align:center;cursor:pointer;background: transparent;}
div.codeMix div.pro-compare div.compare-btn button i{vertical-align:middle}
div.codeMix div.pro-compare div.compare-btn button span{display:inline-block;margin-left:0;vertical-align:middle;font-size:1.4rem}
div.codeMix div.compare-more{overflow:hidden;margin:0 auto;width:100%;height:0;transition:height ease 1s}
div.codeMix div.compare-more div.compare-js{overflow:hidden;text-align:center}
div.codeMix div.compare-more div.compare-js h3{margin:40px 0 30px;font-size:2rem}
div.codeMix div.compare-more div.compare-js h3:after{position:absolute;margin-top:60px;margin-left:-380px;width:260px;height:3px;background-color:#ff6836;content:''}
div.codeMix div.compare-more div.compare-js h4{margin-bottom:20px;font-size:1.2rem}
div.codeMix div.compare-more div.compare-js h5{margin:30px auto 30px;width:260px;border:1px solid #ccc;background:#fff;font-weight:600;font-size:1.2rem;line-height: 3;}
div.codeMix div.compare-more div.compare-js div.compare-left{float:left;box-sizing:border-box;padding:0 20px;width:49.666%;border-right: 1px solid #efefef;}
div.codeMix div.compare-more div.compare-js div.compare-left div{margin:30px auto 0;width:500px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.compare-more div.compare-js div.compare-left div p{margin-top:20px}
div.compare-left div p span {width:33.333%;float:left;line-height:2;}
div.codeMix div.compare-more div.compare-js div.compare-right{float:right;box-sizing:border-box;padding:0 20px;width:50%}
div.codeMix div.compare-more div.compare-js div.compare-right div{margin:30px auto 0;width:500px;height:211px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.compare-more div.compare-js div.compare-right div p{margin-top:20px}
div.codeMix div.compare-more div.compare-css{overflow:hidden;text-align:center}
div.codeMix div.compare-more div.compare-css h3{margin:30px 0 30px;font-size:2rem}
div.codeMix div.compare-more div.compare-css h3:after{position:absolute;margin-top:60px;margin-left:-380px;width:260px;height:3px;background-color:#ff6836;content:''}
div.codeMix div.compare-more div.compare-css h4{margin-bottom:20px;font-size:1.2rem}
div.codeMix div.compare-more div.compare-css h5{margin:30px auto 30px;width:260px;border:1px solid #ccc;background:#fff;font-weight:600;font-size:1.2rem;line-height: 3;}
div.codeMix div.compare-more div.compare-css div.compare-left{float:left;box-sizing:border-box;padding:0 20px;width:50%}
div.codeMix div.compare-more div.compare-css div.compare-left div{margin:30px auto 0;width:500px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.compare-more div.compare-css div.compare-left div p{margin-top:20px}
div.codeMix div.compare-more div.compare-css div.compare-right{float:right;box-sizing:border-box;padding:0 20px;width:50%}
div.codeMix div.compare-more div.compare-css div.compare-right div{margin:30px auto 0;width:500px;height:211px;border-radius:5px;text-align:justify;font-size:1.1rem}
div.codeMix div.compare-more div.compare-css div.compare-right div p{margin-top:20px}
div.contact-us{background:#04508a;text-align:center}
div.contact-us h2{margin:0 auto;padding:30px 0 20px;width:25pc;border-bottom:3px solid #fff;color:#fff;text-align:center;font-weight:500;font-size:2rem}
div.contact-us div{padding:30px 0;text-align:center;font-size:1.4rem}
div.contact-us div span{display:inline-block;margin:0 40px;color:#fff;vertical-align:top}
div.contact-us div span a{color:white;}
div.contact-us div img {vertical-align: middle;padding-right: 8px;}