@charset "utf-8";
body {background-color: #f7fcff;}
.headerFixed { background: #fff;}
.headerFixed h2{ float: left; line-height: 50px; font-size: 20px; color: #20224f;}
#headerFixed .headerProdArea { padding-top: 5px;}
#headerFixed .headerProdArea .prodName a { line-height: 45px; margin-right: 10px; font-size: 14px; color: #3f416c;}
.productvisual.db.pro {
  padding-bottom: 53px;
  background: url(../img/dbpronew/banner.jpg) no-repeat center;
}
.productvisual.db.pro .prod-title { margin-bottom: 0px;}
.productvisual.db.pro .sysreq { margin-top: 40px; font-size: 16px; line-height: 32px;}
.productvisual.db.pro .buybox-table .special:after { display: none;}
.productvisual.db.pro .buybox-table { margin-top: 50px; text-align: center;}
.productvisual.db.pro .buybox-table  { width: 700px;}
.productvisual.db.pro .buybox-table .special .price { height: 42px; line-height: 42px;}
.productvisual.db.pro .buybox-table .special .price strong { font-size: 40px; line-height: 42px;}
.productvisual.db.pro .button.button-buy a,.productvisual.db.pro .button.button-special a { min-width: 300px; height: 56px; font-size: 16px; line-height: 56px;}
.productvisual.db.pro .note { position: relative; margin-top: 50px; font-size: 14px; line-height: 32px;}
.productvisual.db.pro .note img { position: absolute; width: 80px; top: -10px; right: 320px;}

.feature-pro { background: #f7fcff; overflow: hidden; padding: 80px 0px; text-align: center; color: #474960;}
.feature-pro h2 {font-size: 36px;}
.feature-pro p { margin-top: 25px; font-size: 16px;}
.feature-pro .box { position: relative; float: left; width: 360px; height: 440px; margin-top: 95px; cursor: pointer;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.3s ease;
}
.feature-pro .box.on {
  opacity: 1;
  transform: translateY(0px);
}
.feature-pro .box:before { position: absolute; content: ""; width: 100%; height: 100%; top: 20px; left: 20px; z-index: 0; border-radius: 5px; background: rgba(255, 127, 97, 0.34)}
.feature-pro dl { position: relative; z-index: 2; width: 360px; height: 440px; background: #fff; color: #474960; border: solid #ff613d 1px; border-radius: 5px;
    opacity: 1;
    transform: translate(0, 0);
    transition: background .5s cubic-bezier(0.075, 0.82, 0.165, 1), transform .15s cubic-bezier(0.45, 0.01, 0.27, 1.19);
}
.feature-pro dl dt { height: 180px; line-height: 180px;}
.feature-pro dl dt img { display: inline-block; vertical-align: middle;}
.feature-pro dl h3 {font-size: 22px;}
.feature-pro dl dd p {font-size: 14px; padding: 0px 40px; line-height: 28px;}
.feature-pro .box.center { margin: 0px 67px; margin-top: 95px;}
.feature-pro .box:hover dl { background: #fffef5;transform: translate(10px, 10px); opacity: 1;}

.feature-change { height: 585px; background: url(../img/dbpronew/feature-bg.jpg) no-repeat center;} 
.feature-change .maxInner { height: 585px; position: relative;}
.feature-change dl { position: absolute; width: 390px; height: 150px; border-radius: 15px;  background: rgba(137,148,255,.55);
  box-shadow: -0.279px 7.995px 0px 0px rgba(82, 68, 178, 0.4);
  transition: 0.3s ease;
}

.feature-change dl dt { float: left; height: 150px; margin-left: 40px;}
.feature-change dl dt i { display: inline-block; margin-right: 25px; margin-top: 45px;}
.feature-change dl dd { font-size: 12px; line-height: 24px; color: rgba(255,255,255,.65)}
.feature-change dl dd h3 { padding-top: 10px; font-size: 22px;}
.feature-change dl dd p {    
  -webkit-transform: scale(.9);
    transform: scale(.9);
}
.feature-change dl.first { top: 113px; left: 720px;}
.feature-change dl.first dt i { width: 46px; height: 60px;  background: url(../img/dbpronew/list04.png); background-position: 0px -91px;}
.feature-change dl.two { top: 295px; left: 650px;}
.feature-change dl.two i { width: 42px; height: 66px; background: url(../img/dbpronew/list05.png); background-position: 0px -112px; }

.feature-change dl.three { top: 260px; left:125px; height: 120px;}
.feature-change dl.three dt i{}
.feature-change dl.three i { width: 56px; height: 56px;margin-top: 25px; background: url(../img/dbpronew/list06.png); background-position: 0px -79px; }

.feature-change dl.four { top: 58px; left:211px; height: 120px;}
.feature-change dl.four i { margin-top: 10px; width: 40px; height: 71px; background: url(../img/dbpronew/list07.png); background-position: 0px -108px; }
.feature-change dl.four.last { top: 128px; padding: 30px 0px;}
.feature-change dl.active { width: 503px; height: 248px; top: 141px; left: 380px; z-index: 11; background-color: #fff;
  box-shadow: 12.021px 12.021px 0px 0px rgba(73, 73, 215, 0.4);
}
.feature-change dl.active dt { height: 248px;}
.feature-change dl.active h3 { margin-bottom: 15px; margin-top: 25px; font-size: 30px;}
.feature-change dl.active h3 span {position: relative; display: inline-block; z-index: 2;}
.feature-change dl.active dd {font-size: 15px; color: #2c2868;}
.feature-change dl.active h3 span:before {position: absolute; content: ""; width: 100%; height: 9px; left: 0; z-index: -1; bottom: 0px; background: #ff8282;}
.feature-change dl.active p {
  padding-right: 20px;
  -webkit-transform: scale(1);
    transform: scale(1);
}
.feature-change dl.active dt i { margin-top: 80px;}
.feature-change dl.active.first i { width: 69px; height: 91px; background-position: 0px 0px; }
.feature-change dl.active.two i { width: 72px; height: 112px; background-position: 0px 0px; }
.feature-change dl.active.three dd,.feature-change dl.active.four dd { margin-top: 65px;}
.feature-change dl.active.three i { width: 79px; height: 79px; background-position: 0px 0px; }
.feature-change dl.active.four i { width: 63px; height: 108px; background-position: 0px 0px; }

.feature-change ul { position: absolute; left: 0; right: 0; bottom: 45px; margin: auto; text-align: center;}
.feature-change ul li { display: inline-block; margin-right: 20px; width: 11px; height: 11px; cursor: pointer; border-radius: 50%; background-color: rgba(255,255,255,.5);}
.feature-change ul li.active { background-color: #fff;}

.comparisonpro { margin-top: 90px;}
.comparisonpro h2,.sysreq-area-pro h2 { position: relative; height: 87px;  text-align: center; font-size: 36px;}
.comparisonpro h2:after,.sysreq-area-pro h2:after { position: absolute; content: ""; width: 1221px; height: 87px; left: 0px; top: 10px; background: url(../img/dbpronew/title-bg.png);}
.comparisonpro h2 span,.sysreq-area-pro h2 span { position: relative; z-index: 2; display: inline-block; padding: 0px 20px; background-color: #f7fcff;}
.comparisonpro .box { width: 1152px; height: 600px; margin: 0px auto; margin-top: 35px; background: #ffffff; border-radius: 10px; border: solid #5e4cba 1px;}
.comparisonpro table {position: relative; border: 0; width: 1113px; margin-left: 33px; color: #5b5e7a;
    border-collapse: separate;
    border-spacing: 0;
}
.comparisonpro table:after { position: absolute; content: ""; width: 390px; height: 599px;top: -1px; right: -7px; border: solid #ff6a5e 1px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 9px 16px 0px rgba(255, 109, 96, 0.49);
}
.comparisonpro table th { font-weight: normal;}
.comparisonpro table .itema { width: 345px;}
.comparisonpro table th.itema {font-size: 26px;}
.comparisonpro table th h3 { font-size: 22px; font-weight: normal;}
.comparisonpro table th p { height: 40px; margin-top: 10px; font-size: 12px; line-height: 20px;}
.comparisonpro table th img { margin-top: 5px;}
.comparisonpro table .itemb { width: 380px;}
.comparisonpro table .itemc { width: 390px;}
.comparisonpro .button.button-free a,.comparisonpro .button.button-special a { position: relative; z-index: 5; min-width: 250px; height: 47px; margin-top: 10px; font-size: 16px; line-height: 47px;}

.comparisonpro tbody td { height: 55px;}
.comparisonpro tbody td.itema { border-bottom: solid #40446c 1px;}
.comparisonpro tbody td span { display: block; margin: 0px auto; text-align: center; font-size: 14px; line-height: 54px; width: 235px; height: 54px; border-bottom: solid #bdbdbd 1px; }
.comparisonpro tbody td.itemc span { border-bottom: solid #ff6b5f 1px; }
.comparisonpro tbody td.itemc i { display: inline-block; width: 17px; height: 12px; background: url(../img/dbpronew/pro.png);}
.comparisonpro tbody td.itemb i { display: inline-block; width: 22px; height: 4px; background: #8284a2;}
.comparisonpro tbody tr.last td span{border: none;}

.review-pro { height: 875px; margin-top: 65px; background: url(../img/dbpronew/review-bg.jpg) no-repeat center;}
.review-pro .next { position: absolute; width: 19px; height: 10px; cursor: pointer; top: 396px; left: 66px; background: url(../img/dbpronew/next.png)}
.review-pro h2 { padding-top: 100px; text-align: center; font-size: 36px; font-weight: normal;}
.review-pro h2 img { display: block; margin: 0px auto; margin-bottom: 15px;}
.review-pro .review-box { float: left; width: 467px; height: 476px; margin-top: 80px; position: relative; background: #fff; border-radius: 15px; 
  box-shadow: 7.36px 8.175px 0px 0px rgba(208, 217, 248, 0.8);
}
.review-pro .review-box:after { position: absolute; content: ""; width: 68px; height: 59px; top: -21px; left: 66px; background: url(../img/dbpronew/commit.png);}
.review-pro .review-box ul { position: absolute; width: 100px; left: 30px; top: 70px; text-align: center;}
.review-pro .review-box ul li { height: 100px; line-height: 100px;}
.review-pro .review-box ul li img { display: inline-block; vertical-align: middle; opacity: 0.5; border-radius: 50%;
  -webkit-transform: scale(.7);
    transform: scale(.7);
    transition: 0.5s ease;
 


}
.review-pro .review-box ul li.active img { opacity: 1;
   -webkit-transform: scale(1);
    transform: scale(1);
     box-shadow: 0px 8px 21px 0px rgba(214, 186, 186, 0.4);
}

.review-pro .review-box .message {float: right; margin-right: 50px; width: 270px; height: 390px; overflow: hidden; margin-top: 55px;}
.review-pro .review-box .message .roll { height: 1170px;}
.review-pro .review-box .message dl { height: 390px;}
.review-pro .review-box .message dt { position: relative; font-size: 20px; margin-bottom: 25px;}
.review-pro .review-box .message dt span {position: relative; display: inline-block; z-index: 3;}
.review-pro .review-box .message dt:before { position: absolute; content: ""; width: 160px; height: 8px; z-index: 1; background: #fff995; left: 0; bottom: -5px;}
.review-pro .review-box .message dd {font-size: 14px; line-height: 26px;}
.review-pro .review-box .message dd p.last {margin-top: 1    0px; font-size: 16px; text-align: right;}
.review-pro .right-box { float: right; width: 490px; margin-right: 60px; margin-top: 90px; text-align: center;}
.review-pro .right-box h3 { height: 55px; line-height: 35px; font-size: 22px; background: url(../img/dbpronew/review-bg.png) no-repeat center;}
.review-pro .right-box dl { float: left; width: 190px; height: 170px; margin-top: 25px; background: #fff; border-radius: 10px; 
  box-shadow: 5.353px 5.945px 0px 0px rgba(208, 217, 248, 0.8);
}
.review-pro .right-box dl.first {margin-right: 80px;}
.review-pro .right-box dl dt { height: 80px; line-height: 80px;}
.review-pro .right-box dl dt img { display: inline-block; vertical-align: middle;}
.review-pro .right-box dl h4 {position: relative; margin-bottom: 20px; font-size: 24px; text-align: center;}
.review-pro .right-box dl h4:after {position: absolute; content: ""; width: 50px; height: 6px; background-color: #fff995; left: 0; right: 0; bottom: -5px; margin: auto;}
.review-pro .right-box dl h4 span {position: relative; z-index: 2;}

.sysreq-area-pro { padding-top: 75px; height: 683px; text-align: center; background: url(../img/dbpronew/sysreq-bg.jpg) no-repeat center;}
.sysreq-area-pro .box { display: inline-block; padding: 10px 50px; margin-top: 35px; text-align: center; border-radius: 10px; background: #fff; border: solid #4a73f9 1px;
  box-shadow: 0px 5px 0px 0px rgba(222, 232, 255, 0.8); color: #464e6e;
}
.sysreq-area-pro .box h3 { margin-bottom: 15px; font-size: 16px;}
.sysreq-area-pro .box h4 { font-weight: normal; font-size: 14px;}
.sysreq-area-pro .box p { font-size: 12px;}
.sysreq-area-pro .box.two { padding: 10px 150px;}
.sysreq-area-pro .box.last p { text-align: left;}

.bottom.productvisual.pro { height: 540px; padding: 0px; background: url(../img/dbpronew/bottom-bg.jpg) no-repeat center;}
.bottom.productvisual.pro h1 {padding-top: 35px; font-size: 30px;}
.bottom.productvisual.pro p.copy { font-size: 20px;}
.bottom.productvisual.pro .sysreq,.bottom.productvisual.pro .buybox-table,.bottom.productvisual.pro .note { margin-top: 30px;}