﻿@charset "utf-8";
/* CSS Document */
em{font-style:normal;}

#rightside {width:140px;}
#main {width:840px;}

.tbar {background:#2968a9;}
.title {position:relative; padding:40px 0; overflow:hidden}
.title h1 {font-weight:normal; font-size:30px; line-height:30px; text-align:center; color:#fff;}
.title .enter {display:block; width:95px; height:60px; line-height:75px; text-align:center; color:#777; background:url(/Content/images/icon/cloud.png) no-repeat; position:absolute; right:0; top:25px;}
.title .enter:hover { filter:alpha(Opacity=80);opacity: 0.8; text-decoration:none}

.version ul {padding:20px 60px;}
.version li {float:left; width:200px; margin:15px; height:169px; padding:25px; background:url(/Content/images/bg/v.png) no-repeat; text-align:center;}
.version h5 {font-size:24px; font-weight:normal; margin-top:10px;}
.version p {font-size:16px; margin:20px 0}
.version .vgreen {color:#4bb10d;}
.version .vred {color:#ca1212;}
.version .vblue {color:#2968a9;}
.vgreen .btn {background:#c9f5af; color:#4bb10d; border:1px #c9f5af solid;}
.vred .btn {background:#ffcbcb; color:#ca1212; border:1px #ffcbcb solid;}
.vblue .btn {background:#d1eaec; color:#2968a9; border:1px #d1eaec solid;}

.tab {border-bottom:2px #5d5d5d solid; height:36px;}
.tab li {float:left;}
.tab li a {display:block; height:20px; line-height:20px; background:#5d5d5d; border-right:1px #5d5d5d solid; padding:8px 15px; color:#fff; font-size:18px;}
.tab li a:hover {filter:alpha(Opacity=80);opacity: 0.8; text-decoration:none}
.tab li a.cur {background:#147abe; border-right:1px #fff solid; border-bottom:2px #147abe solid;}


.tit {padding:10px 0 15px;}
.tit h3 {font-size:24px; line-height:24px; font-weight:normal; color:#147abe}

.standard {border-bottom:1px #aaa solid; border-top:1px #aaa solid;}
.standard td {padding:5px;}

.used .box {background:#e8e8e8; overflow:hidden; margin:30px 0}
.used h5 {width:18px; text-align:center; line-height:14px; font-weight:normal; padding:15px 3px; float:left; background:#bfbfbf;}
.used ul {float:left; margin-top:28px; margin-left:20px;}
.used ul li {float:left; margin:0 2px; line-height:24px;}
.used ul li a {display:block; padding:5px 15px; background:#d8d8d8}
.used ul li a:hover { text-decoration:none; background:#afdce0}
.used ul li.seled a, .used ul li.seled a:hover, .used ul li.seled .usel{text-decoration:none; background:#00b4d8; color:#fff}

.usel {height:34px; background:#d8d8d8; color:#333; border:none; font-size:14px;font-family : Microsoft YaHei,'SimHei',SimSun, Arial;}

.result {margin-top:30px; line-height:24px}
.subtotal {margin:30px 0;}
#amount em{font-size:16px;}

.mod {border:1px #ccc solid; margin:10px 0;}
.mod li {float:left; width:332px; overflow:hidden; padding:5px 0; line-height:20px; border: none; margin: 0; }
.mod .imger {float:left; margin-right:20px; margin-left:15px}
.mod .titer {margin-top:40px; margin-bottom:20px; padding-right:5px; font-size:18px; font-weight:normal}
.mod .links a {color:#056ca5;}

.meter li {float:left; width:50%;}

.pjs li {margin:15px; float:left;}

.mjzn {width:420px; position:relative; z-index:1;}
.mjzn li {float:left; width:208px; height:210px; overflow:hidden}
.mjzn li a :hover {filter:alpha(Opacity=80); opacity: 0.8;}
.mjznPos {position:absolute; z-index:2; left:135px; top:134px; margin:0;}

.versionHead th {padding:3px 0; position:relative; z-index:1}
.versionHead .ver {display:block; width:170px; height:40px; padding-top:24px; font-size:18px; color:#fff; margin:15px 0 35px -11px; text-align:center}
.versionHead .ver strong {font-size:24px; margin-right:5px}
.versionHead .v1 {background:url(/Content/images/pic/v1.png) no-repeat;}
.versionHead .v2 {background:url(/Content/images/pic/v2.png) no-repeat;}
.versionHead .v3 {background:url(/Content/images/pic/v3.png) no-repeat;}

.versionTab {margin-bottom:15px; overflow:hidden}
.versionTab td {border-bottom:1px #fff solid; padding:3px 10px; position:relative; z-index:1}
.versionTab td.blockname {text-indent:0;}
.versionTab .v-name {position:absolute; z-index:2; left:-30px; margin-top:-90px; top:50%; display:block; width:69px; height:130px; line-height:40px; padding:20px 10px 32px; background:url(/Content/images/pic/v-name.png) no-repeat; font-size:30px; font-weight:normal; color:#fff; text-align:center}
.versionTab .s1 {display:block; width:20px; height:20px; background:url(/Content/images/pic/s1.png) no-repeat; margin:0 auto}
.versionTab .s2 {display:block; width:20px; height:20px; background:url(/Content/images/pic/s2.png) no-repeat; margin:0 auto}
.versionTab .s3 {display:block; width:20px; height:20px; background:url(/Content/images/pic/s3.png) no-repeat; margin:0 auto}

.bg_gray .blockname{background-color:#e6d8d8; border-right:3px #d9c5c5 solid;}
.bg_gray .odd {background:#e6d8d8}
.bg_gray .even {background:#ece4e4}

.bg_red .blockname{background-color:#fee1d8; border-right:3px #fdc9b8 solid;}
.bg_red .odd {background:#fee1d8}
.bg_red .even {background:#fff9e5}

.bg_orange .blockname{background-color:#e5f8d1; border-right:3px #c2efb7 solid;}
.bg_orange .odd {background:#eefdde}
.bg_orange .even {background:#d5e5c5}

.bg_blue .blockname{background-color:#e8f6fe; border-right:3px #c5d6ed solid;}
.bg_blue .odd {background:#dbe4ff}
.bg_blue .even {background:#e8f6fe}

/*advantage*/
.adv { background-color:#fff; margin: 30px auto; border-radius:15px; }
.advantage { padding: 40px 50px; }
.advantage h1 { font: bold 32px/50px 'Microsoft YaHei','微软雅黑','sans-serif'; color:#2b4f8d; }
.advantage .segment { padding: 5px 0; }
.advantage .segment p { font: 18px/30px 'Microsoft YaHei','微软雅黑','sans-serif'; color:#5d5d5d; text-indent: 2em; }
.advantage h2 { height: 30px; padding: 10px 0; margin-top: 15px; }
.advantage h2 b { text-align:center; font: bold 18px/20px 'Microsoft YaHei','微软雅黑','sans-serif'; color:#fff; background-color: #2b4f8d; padding: 3px 10px; }
.advantage .section { padding: 5px 0; }
.advantage .section li { background:url(/Content/images/software/point.png) no-repeat left 5px; background-size: 40px; padding-left: 45px; margin-top: 15px; font: bold 16px/30px 'Microsoft YaHei','微软雅黑','sans-serif'; color:#5d5d5d; }
.inner .abg1 { background:url(/Content/images/software/abg1.jpg) no-repeat right bottom; }
.inner .abg2 { background:url(/Content/images/software/abg2.jpg) no-repeat right bottom; }
.inner .abg3 { background:url(/Content/images/software/abg3.jpg) no-repeat right bottom; }
.inner .abg4 { background:url(/Content/images/software/abg4.jpg) no-repeat right bottom; }
.inner .abg5 { background:url(/Content/images/software/abg5.jpg) no-repeat right bottom; }
.inner .abg6 { background:url(/Content/images/software/abg6.jpg) no-repeat right bottom; }
.inner .abg7 { background:url(/Content/images/software/abg7.jpg) no-repeat right bottom; }
.inner .abg8 { background:url(/Content/images/software/abg8.jpg) no-repeat right bottom; }
.inner .abg9 { background:url(/Content/images/software/abg9.jpg) no-repeat right bottom; }
.inner .abg10 { background:url(/Content/images/software/abg10.jpg) no-repeat right bottom; }
.inner .abg11 { background:url(/Content/images/software/abg11.jpg) no-repeat right bottom; }
.inner .abg12 { background:url(/Content/images/software/abg12.jpg) no-repeat right bottom; }