.content-oversize.top{
    background-image: url("../../img/product_n1_bg.png");
    background-position: center;
    height:1042px;
    position:relative;
    background-repeat: no-repeat;
}
/*svg{*/
    /*!*positon:absolute;*!*/
    /*!*width:100%;*!*/
    /*!*heihgt:100%;*!*/
    /*!*top:0;*!*/
    /*!*left:0;*!*/
/*}*/
/*svg #img{*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 1920px;*/
    /*height: 1042px;*/
/*}*/
@font-face {
    font-family: 'LanTingHei';
    src:url("../../font/FounderHei.TTF");
}
@font-face {
    font-family:'AcuminVariabl';
    src:url("../../font/acumin-semibold.ttf");
}
@font-face {
    font-family: 'LanTingZhongHei';
    src:url("../../font/FounderZhong.TTF");
}
@font-face{
    font-family:'myriad Pro';
    src:url("../../font/MyriadPro-Regular.ttf");
}
@font-face{
    font-family:'LanTingKaiHei';
    src:url("../../font/FounderkaiHei_GBK.TTF");
}
@font-face{
    font-family: 'AcuminPro';
    src:url("../../font/Acumin-Pro-Light.ttf");
}
@font-face{
    font-family: 'LanTingCuHei';
    src:url("../../font/FounderCuHei.TTF");
}
#topNav ul.navTab li.has-dropdown a{
    color:#333;
}
.top .product-detail{
    color:#fff;
}
.top .product-detail .headline-name{
    font-size:24px;
    line-height: 1;
}
.top .product-detail .headline-title{
    font-size:60px;
    font-family: 'LanTingZhongHei';
    line-height: 1;
    color:#FFF;
}
.top .product-detail .headline-sogan{
    font-size:30px;
    line-height: 1;
}
.top .product-detail .product-price b{
    font-size:20px;
    font-family: 'LanTingKaiHei';
}
.top .product-detail .product-price span{
    font-size:36px;
    font-family: 'myriad Pro';
    padding:0 10px;
}
.top .product-detail .product-price{
    font-size:22px;
    line-height: 1;
}
.top .container .btn-box
{
    width:200px;
    height:60px;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:60px;
    border-radius:2px;
    margin-top:45px;
    position:relative;
    /*background-color:#222;*/
    overflow: hidden;
    margin:0 auto 30px;
}
.top .container .btn-box a
{
    position:relative;
    z-index:8;
    width:100%;
    height:100%;
    display: inline-block;
    color:#fff;
}
.top .container .btn-box a:hover
{
    color:#fff;
    text-decoration: none;
}
.top .container .btn-box a:after
{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-width:8px 0 8px 8px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 黄*/
    top:21px;
    right:35px;
}
.top .container .btn-box:after{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #fff;
    top:0;
    z-index:2;
}
.top .container .btn-box .btn-bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:-100%;
    z-index:5;
    background: -webkit-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100% ); /* 标准的语法 */
    /*transition: all 0.3s ease-out;*/
}
.top .main-img img{
    margin-left:-265px;
}
.configure-box .configure{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.configure-box .configure li:nth-child(1){
    width:140px;
    height:140px;

}
.configure-box .configure li .animate-border{
    width:140px;
    height:140px;
    position:relative;
}
.configure-box .configure li .animate-border .content-box{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.9;
    font-size:17px;
}
.configure-box .configure li .animate-border .border-animate{
    /*position:absolute;*/
    /*width:142px;*/
    /*height:142px;*/
    /*background-color: transparent;*/
    /*border:4px solid #fff;*/
    /*z-index:2;*/
    /*top:-3px;*/
    /*left:-3px;*/
    /*border-radius: 50%;*/
}
.configure-box .configure li:nth-child(1) .animate-border{
    border-radius: 70px;
    color: #333;
    /*background-clip: padding-box, border-box;*/
    /*background-origin: padding-box, border-box;*/
    /*background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #79C7ED, #A5E2FE);*/
    /*border: 2px transparent solid;*/

}
.configure-box .configure li:nth-child(2) .animate-border{
    border-radius: 70px;
    color: #333;

    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #3CCAC9, #6DEDF5);
    border: 2px transparent solid;

}.configure-box .configure li:nth-child(3) .animate-border{
     border-radius: 70px;
     color: #333;
     background-clip: padding-box, border-box;
     background-origin: padding-box, border-box;
     background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #FEE188, #FEEBB2);
     border: 2px transparent solid;
 }
.configure-box .configure li:nth-child(4) .animate-border{

    border-radius: 70px;
    color: #333;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #D091D8, #E3A9EA);
    border: 2px transparent solid;

}
.configure-box .configure li>p{
    font-size:17px;
    line-height: 1;
}
.content-oversize .headline-title{
    font-size:36px;
    color:#000;
    font-family: 'LanTingHei';
    line-height: 1;
}
.content-oversize .headline-subtitle{
    font-size:24px;
    line-height: 1;
}
.content-oversize .headeline-sogan{
    font-size:16px;
    color:#666;
    line-height: 1.8;
    width:520px;
    margin: 35px auto 0;
}
.intel .intel-params{
    text-align: left;
    display: inline-block;
}
.intel .intel-params>li{
    margin-bottom:60px;
    display: flex;
    flex-direction: row;
    text-align: left;
    /*justify-content: center;*/
}
.intel .intel-params>li .params_detail{
    padding-left:60px;

}
/*.intel .intel-params>li .params_detail*/
.intel .intel-params>li .params_name{
    /*float: left;*/
    padding-left:35px;
}
.intel .intel-params>li .params_name>h3{
    font-size:26px;
    line-height: 1;
    margin-bottom:10px;
}
.intel .intel-params>li .params_name>p{
    font-size:23px;
    color:#999;
    font-family: 'LanTingKaiHei';
    line-height: 1.2;
}
.intel .intel-params>li .params_detail{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}
.intel .intel-params>li .params_detail>div>span{
    font-size:23px;
    color:#999;
    line-height:1;
    font-family: 'LanTingKaiHei';
    padding: 0 5px;
}
.intel .params_detail.word .round_bar_81{
    width:96px;
    height:15px;
    display: inline-block;
    position:relative;
    background: #3d68bb;
    margin:0 5px;
}
.intel .params_detail.word .round_bar_71{
    width:240px;
    height:15px;
    display:inline-block;
    position:relative;
    background:#cbcbcb;
    margin:0 5px;
}
.intel .params_detail.ppt .round_bar_81{
    width:56px;
    height:15px;
    display: inline-block;
    position:relative;
    background: #3d68bb;
    margin:0 5px;
}
.intel .params_detail.ppt .round_bar_71{
    width:184px;
    height:15px;
    display:inline-block;
    position:relative;
    background:#cbcbcb;
    margin:0 5px;
}
.intel .params_detail.html .round_bar_81{
    width:123px;
    height:15px;
    display: inline-block;
    position:relative;
    background: #3d68bb;
    margin:0 5px;
}
.intel .params_detail.html .round_bar_71{
    width:290px;
    height:15px;
    display:inline-block;
    position:relative;
    background:#cbcbcb;
    margin:0 5px;
}
#wrap{
    margin:30px auto;
    width: 100%;
    height: 988px;
    position:relative;
    perspective: 800px;
    transform-style: preserve-3d;
    overflow: hidden;
}
#wrap div{
    width: 96px;
    height: 49.4px;
    position:absolute;
    opacity: 1;
    background-image: url(../../img/product_n1_image2.png);
    background-repeat: no-repeat;
    transition: 1s;
    transform-origin: 0 0;
}
/*#wrap .active{*/
    /*opacity: 0;*/
    /*transform: rotate(360deg) scale(0);*/
/*}*/
 .seven .brandhub-paragraph-params>ul{
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-headline{
    font-size:36px;
    line-height:1;
    margin-bottom:50px;
}
.seven .brandhub-paragraph-params>ul>li{
    position: relative;
}
.seven .brandhub-paragraph-params>ul>li:nth-child(3)::after{
    width:0px;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more{
    width:924px;
    margin:0 auto;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more h1.brandhub-paragraph-headline{
    margin:50px 0px 70px 0;
    font-size:30px;

}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more h2.brandhub-paragraph-headline{
    font-size:28px;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou{
    display: flex;
    width:100%;
    flex-direction: row;
    /*justify-content: center;*/
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou li{
    margin-right:100px;
    text-align: left;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou li .brandhub-paragraph-headline{
    font-size:18px;
    color:#333;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou li .brandhub-paragraph-text h3{
    font-size:16px;
    color:#666;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou li .brandhub-paragraph-text p{
    font-size:16px;
    color:#666;
    margin-bottom:15px;
    margin-top:5px;
}
.seven .brandhub-paragraph-params .brandhub-paragraph-params-more .brandhub-paragraph-jiekou li:nth-child(3){
    margin-right:0px;
}
.seven .brandhub-paragraph-params>ul>li:after{
    position: absolute;
    content:'';
    top:20px;
    bottom:20px;
    width:1px;
    right:0;
    background-color: #e5e5e5;
}
.seven .brandhub-paragraph-params>ul>li>ul>li>h1{
    font-size:21px;
    color:#333;
    line-height:1;
}
.seven .brandhub-paragraph-params>ul>li>ul>li>p{
    font-size:16px;
    color:#666;
    margin-top:10px;
}
.seven .brandhub-paragraph-params>ul>li>ul>li{
    padding:20px 50px;
    text-align: left;
}
.seven .brandhub-paragraph-params>ul>li>ul>li>h2{
    font-size:18px;
    color:#333;
    line-height: 1;
}
.intel-params .intel-params_wrapper{
    color:#FFF;
    background-image: url("../../img/product_n1_intelbg2.png");
    background-position: center;
    background-repeat: no-repeat;
}
.intel-params .intel-params_wrapper .headline-maintitle{
    font-size:50px;
    color:#FFF;
    line-height: 1;
    padding-top:150px;
}
.intel-params .intel-params_wrapper .headeline-sogan{
    color:#FFF;
}
.intel-params .intel-params_wrapper .rigid_disk{
     display:flex;
    flex-direction: row;
    justify-content: center;

}
.intel-params .intel-params_wrapper .rigid_disk>div:first-child{
    margin-right:260px;
}
.intel-params .intel-params_wrapper .bottom-params{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:170px;
    padding-bottom:95px;
}
.intel-params .intel-params_wrapper .bottom-params .left-params{
    margin-left:200px;
    text-align: left;
    margin-top:83px;
}
.intel-params .intel-params_wrapper .bottom-params .left-params .headline-title{
    font-size:36px;
    color:#fff;
}
.intel-params .intel-params_wrapper .bottom-params .left-params .headline-detail{
   font-size:16px;
    color:#999;
    line-height: 1.8;
}
.intel-params .intel-params_wrapper .bottom-params .right-params{
    margin-right:200px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li{
    display: flex;
    flex-direction: row;
    margin-bottom:30px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li .img-box{
    margin-right:50px;
    width:65px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div:not(.img-box) {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    font-size:16px;
    color:#999;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div>div{
    text-align: left;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div span{
    padding:0 10px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view >li>div.file .top .solid:after{
    width:150px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view >li>div.file .bottom .machine:after{
    width:346px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.file .top .solid{
    display: inline-block;
    width:150px;
    position:relative;
    /*transition:all  0.3s ease-out;*/
    height:10px;
    border-radius: 5px;
    margin:0 10px;
    /*background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);*/
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.file .top .solid:after{
    /*display: inline-block;*/
    width:0px;
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    transition:all  0.3s ease-out;
    height:10px;
    border-radius: 5px;
    /*margin:0 10px;*/
    background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.file .bottom .machine{
    display: inline-block;
    width:346px;
    position: relative;
    height:10px;
    /*transition: all 0.4s ease-out 0.1s;*/
    border-radius: 5px;
    margin:0 10px;
    /*background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);*/
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.file .bottom .machine:after{
    position:absolute;
    content:'';
    width:0px;
    height:10px;
    top:0;
    left:0;
    border-radius: 5px;
    background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view>li>div.win10 .top .solid:after{
    width:68px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view>li>div.win10 .bottom .machine:after{
    width:226px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.win10 .top .solid{
    display: inline-block;
    width:68px;
    /*transition: all 0.2s ease-out 0.2s;*/
    height:10px;
    border-radius: 5px;
    margin:0 10px;
    position:relative;
    /*background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);*/
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.win10 .top .solid:after{
    /*display: inline-block;*/
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:0px;
    transition: all 0.2s ease-out 0.2s;
    height:10px;
    border-radius: 5px;
    /*margin:0 10px;*/
    background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.win10 .bottom .machine:after{
    /*display: inline-block;*/
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:0px;
    transition: all 0.2s ease-out 0.2s;
    height:10px;
    border-radius: 5px;
    /*margin:0 10px;*/
    background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.win10 .bottom .machine{
    display: inline-block;
    width:226px;
    position:relative;
    height:10px;
    border-radius: 5px;
    /*transition: all 0.2s ease-out 0.3s;*/
    margin:0 10px;
    /*background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);*/
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view>li>div.lol .top .solid:after{
    width:75px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul.view>li>div.lol .bottom .machine:after{
    width:210px;
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.lol .top .solid:after{
    /*display: inline-block;*/
    position:absolute;
    content:'';
    width:0px;
    transition: all 0.2s ease-out 0.4s;
    height:10px;
    border-radius: 5px;
    /*margin:0 10px;*/
    background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.lol .bottom .machine:after{
    /*display: inline-block;*/
    position:absolute;
    content:'';
    width:0px;
    transition: all 0.4s ease-out 0.5s;
    height:10px;
    border-radius: 5px;
    /*margin:0 10px;*/
    background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.lol .top .solid{
    display: inline-block;
    width:75px;
    position: relative;
    /*transition: all 0.2s ease-out 0.4s;*/
    height:10px;
    border-radius: 5px;
    margin:0 10px;
    /*background-image: linear-gradient(to right ,#216367 0%,#164A4F 100%);*/
}
.intel-params .intel-params_wrapper .bottom-params .right-params ul>li>div.lol .bottom .machine{
    display: inline-block;
    width:210px;
    /*transition: all 0.4s ease-out 0.5s;*/
    height:10px;
    position: relative;
    border-radius: 5px;
    margin:0 10px;
    /*background-image: linear-gradient(to right ,#2BC5C8 0%,#128C8F 100%);*/
}