@charset "utf-8";


/*-------------------------------------------------------------*/



.head-b { margin-bottom: 0px;}
.article-camp { height:496px; background:url(img/beijing.png) no-repeat center;}
.article-camp h5 { font-size: 28px;font-weight: 400;color: #fff;text-align: center;padding-top:38px;}
.article-camp .content-search { width:100%; height:50px;margin-top:30px;}
.article-camp .content-search .se-bd { float:left;margin-left:240px;}
.article-camp .content-search .se-bd .se-bd-i { width:620px; height:48px;border: 1px solid #1A8CFF; padding-left:20px; font-size:14px; color:#777;}
.article-camp .content-search .se-bd .se-bd-s { width:130px; height:50px;color:#fff;border: 1px solid #1A8CFF; font-size:16px; background:#1A8CFF url(img/202014001.png) no-repeat 20px 15px;text-indent:20px; cursor:pointer;}
.article-camp .content-search .phone { width: 160px;height: 50px; background: url(img/toDemand.gif); display:block; float:right; overflow:hidden; border-radius:4px;}
.article-camp .content-hot { margin-top:18px;}
.article-camp .content-hot ul li { display:inline-block; color:#fff; font-size:12px; margin-right:40px;}
.article-camp .content-hot ul li a { color:#fff;}
.article-camp .content-hot ul li:nth-child(2) a,.article-camp .content-hot ul li:nth-child(3) a,.article-camp .content-hot ul li:nth-child(5) a { color:#ff5c00;}
.article-camp .content-box { margin-top:54px;}
.article-camp .content-box .left { width:360px; float:left;}
.article-camp .content-box .left .tab-wrapper {width: 360px;}
.article-camp .content-box .left .tab-menu { width:360px; height:45px;}
.article-camp .content-box .left .tab-menu li {position:relative; float:left; margin-right:30px; color:#fff; font-size:15px;cursor:pointer;}
.article-camp .content-box .left .tab-menu li .line {position:absolute;width: 0;height: 2px;background: #fff;top: 28px;left: 0;}
.article-camp .content-box .left .tab-menu li.active .line  { width: 100%;}
.article-camp .content-box .left .tab-content>div {box-sizing:border-box;width: 100%;min-height:200px;}
.article-camp .content-box .left .tab-content>div ul li { float: left;width: 100px;height: 28px;line-height: 28px;text-align: center;font-size: 13px;border: 1px solid #fff;margin-right: 12px;margin-bottom: 12px;box-sizing: border-box;border-radius: 2px;}
.article-camp .content-box .left .tab-content>div ul li a {color:#fff;}
.article-camp .content-box .left .tab-content>div ul li:hover { background:#fff;} 
.article-camp .content-box .left .tab-content>div ul li:hover a { color:#333;}
.article-camp .content-box .left .tab-content>div .s-ul li { width: 158px;}
.article-camp .content-box .right { float:left; margin-left:240px;}
.article-camp .content-box .right strong { height:20px; display:block; font-size:15px; color:#fff; font-weight:400; margin-bottom:23px;}
.article-camp .content-box .right strong em { border-bottom:2px solid #fff; padding-bottom:9px;}
.article-camp .content-box .right strong a { float:right; font-size:12px; color:#fff;}
.article-camp .content-box .right ul li { width: 120px; height: 80px; background-color: #ffffff;float: left; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 12px; text-align: center; position:relative;}
.article-camp .content-box .right ul li:nth-child(7n+7) { margin-right:0;}
.article-camp .content-box .right ul li img { width:100%;}
.article-camp .content-box .right ul li p { display:block; height:24px; line-height:24px; width:120px; position:absolute; bottom:0px; background:#e4e4e4; color:#777;}

.article-adv { height: 90px;}
.article-adv span { width: 454px;height: 90px;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.5);float: left;position: relative;margin-right: 18px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.article-adv span:hover {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
.article-adv span:nth-child(3) { margin-right: 0px;}
.article-adv span strong { font-size: 20px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #000;position: absolute;top: 20px;left: 60px;}
.article-adv span p { font-size: 14px;font-stretch: normal;letter-spacing: 0px;color: #5c5c5c;position: absolute;left: 30px;bottom: 19px;}
.article-adv span em { display: inline-block;width: 92px;height: 32px;text-align: center;line-height: 32px;border-radius: 2px;background-color: #fff;border: solid 1px #0066ff;color: #0066ff;font-size: 15px;position: absolute;top: 30px;right: 30px;}
.article-adv span em:hover { background:#0066ff; color:#fff;}
.article-adv span .article-lis-img { width: 20px; height: 22px; position: absolute; top: 22px; left: 32px;}
.article-adv span .article-hot {width: 40px;height: 40px;position: absolute;top: -2px;left: -3px;}


.S-AD001 { overflow:hidden;}
.S-AD001 img { width:690px; height:90px; float:left; margin-right:20px;}
.S-AD001 img:nth-child(2) { margin-right:0px;}



.title-S1 { width:100%; height:30px; display:block;font-size: 28px;font-weight: 400;color: #333;line-height: 30px;margin-right: 20px; overflow:hidden;}
.title-S1:before {content:"";width: 7px;height: 24px;background: #0065FF; float:left; margin:2px 15px 0 0;}
.title-S1 a { float:right; font-size:14px; color:#999; line-height:46px;}
.title-S1 a:hover { color:#1DBFDA;}
.right-S2 strong { height: 24px;padding-bottom: 10px;border-bottom: 1px solid #d8d8d8; display:block; font-size:14px; color:#222;line-height:30px;}
.right-S2 strong a { text-align: center;display:block;width: 67px;height: 24px;line-height: 22px;border-radius: 2px;border: 1px solid #0066ff;font-size: 12px;font-weight: 400;color: #0065ff;background: #fff;box-sizing: border-box; float:right;}
.right-S2 ul li { margin-top: 19px;height: 18px;line-height: 18px;}
.right-S2 ul li i { text-align: center;width: 18px;height: 18px;color:#fff;margin-right: 10px;background: #cbcbcb; display:inline-block;}
.right-S2 ul li:nth-child(1) i { background:#ff3050;} 
.right-S2 ul li:nth-child(2) i { background:#ff7000;} 
.right-S2 ul li:nth-child(3) i { background:#ff7000;} 
.right-S2 ul li p { display:inline-block; font-size:12px; color:#222; width:65%;}
.right-S2 ul li span { display:inline-block; float:right; color:#222;}
.right-S2 ul li:nth-child(-1n+3) span { color:#f35050;}




.sov-one {margin-top: 40px;overflow:hidden}
.sov-one ul { margin-top: 30px;width:1400px}
.sov-one ul li { cursor: pointer;position: relative; top:0px; width: 220px; font-size: 12px; margin:0 16px 20px 0; box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.5); float:left;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.sov-one ul li:hover { top:-5px;}
.sov-one ul li:nth-child(6n+6) {  margin:0 0 20px 0;}
.sov-one ul li .s-images { width: 225px; height: 150px; position:relative;}
.sov-one ul li .s-images i { position:absolute; top:0px; left:0px; width:40px; height: 20px;border-radius: 0px 0px 6px 0px;background: #005AFF; font-size:12px; text-align:center; line-height:20px; color:#fff;}
.sov-one ul li .s-images img { width: 225px; height: 150px;}
.sov-one ul li .s-text { width: 100%;padding: 11px 10px 10px;box-sizing: border-box;background:white;font-size:14px;}
.s-text .ct {font-size: 15px;color: #333;line-height: 20px;height:40px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;overflow:hidden}

.sov-one ul li .s-text p {height: 34px;font-size: 16px;font-weight: 600;color:#ee2e2c;overflow: hidden; background:url(../image/ico-down.png) no-repeat right 2px;}



.sov-one ul li ins{color:#e72e25;text-align:left;display:inline-block;font-size:12px;text-decoration:none;height:30px;line-height:30px;font-family: DINNextLTPro; overflow:hidden;width:100%; box-sizing: border-box;margin-top:10px}

.sov-one ul li ins em{color:#F43F2D;font-size:22px;padding-right:2px;font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,sans-serif;font-weight:400}
.sov-one ul li ins i{float:right;color:#009237;font-size:12px;font-weight:normal;padding-left:15px;background:url(../image/ico-down.png) no-repeat 0px 8px}





.collection .title-S1 { margin-bottom:30px;}
.collection .left { width: 235px;height: 432px;background: #fff;padding: 10px 20px;box-sizing: border-box;float:left;}
.collection .center { width: 635px;margin: 0 21px 0 29px;height: 432px;background:#fff;padding: 20px;box-sizing: border-box;float:left;}
.collection .tab-wrapper {float:left;}
.collection .tab-wrapper .tab-menu { width: 235px;height: 432px;background: #fff;padding:20px;box-sizing: border-box;float:left;}
.collection .tab-wrapper .tab-menu li { width: 195px;height: 108px;margin-bottom:20px;position:relative; cursor:pointer; position:relative;}
.collection .tab-wrapper .tab-menu li img { width: 195px;height: 108px;}
.collection .tab-wrapper .tab-menu li span { width: 195px;height: 108px; background:rgba(0,0,0,.3);padding:15px; box-sizing:border-box;position:absolute; top:0px; left:0px; display:block;}
.collection .tab-wrapper .tab-menu li.active:after {content:""; position: absolute;right: -50px;top: 50%;width: 0;height: 0;border-width: 15px;border-style: solid;border-color: transparent transparent transparent #fff; 
-webkit-transform: translate(0,-50%);
   -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
     -o-transform: translate(0,-50%);
        transform: translate(0,-50%);}
.collection .tab-wrapper .tab-menu li span em { border: 1px solid #fff;width: 165px;height: 77px; line-height:77px; text-align:center; display:block; font-size:17px; color:#fff;}
.collection .tab-wrapper .tab-content { width: 635px;margin: 0 21px 0 29px;height: 432px;background:#fff;padding: 20px;box-sizing: border-box;float:left;} 
.collection .tab-wrapper .tab-content .list-S1 .img { width: 595px;height: 183px; position:relative;}
.collection .tab-wrapper .tab-content .list-S1 .img img { width: 595px;height: 183px;}
.collection .tab-wrapper .tab-content .list-S1 .img p { position: absolute;bottom:0px;left: 0px;width: 595px;max-height: 70px;font-size: 14px;font-weight: 400;color: #fff;line-height: 20px;padding: 15px 33px 10px 16px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.66); }
.collection .tab-wrapper .tab-content .list-S1 .solution span { float:left; width:44.9%; display:block; padding-top:30px; padding-right:30px;}
.collection .tab-wrapper .tab-content .list-S1 .solution span img { width: 58px;height: 74px; float:left;margin-right:10px;}
.collection .tab-wrapper .tab-content .list-S1 .solution span p { height:40px; line-height:20px; color: #000; font-size: 12px;}
.collection .tab-wrapper .tab-content .list-S1 .solution span i { margin-top: 10px;text-align: center;width: 36px;height: 18px;border-radius: 3px;font-size: 12px;border: 1px solid #FF1837;color: #FF1837; display:inline-block;}
.collection .right { width: 270px;height: 432px;background: #fff;padding: 12px 20px;box-sizing: border-box;float:right;}



.collection .left_list_A2 { float:left; width:220px;height:535px; background:#0799ff url(img/20204161721.jpg) no-repeat center;margin-right:16px;background-size: 220px;position:relative;}
.collection .left_list_A2 .text { text-align:center; margin-top:30px;color:#fff;}
.collection .left_list_A2 .text strong { font-size:20px; display:block;margin-bottom:80px;}
.collection .left_list_A2 .text .x_1 { display: inline-block;float: left;width: 42%;text-align: center;height: 28px;line-height: 28px;margin-left: 10px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, .8);color: #fff; overflow:hidden; border-radius:3px;background: rgba(255, 255, 255, .2);}
.collection .left_list_A2 .text .more { display: block;position: absolute;bottom: 30px;left: 50%;height: 36px;width: 158px;line-height: 36px;color: #fff;text-align: center;font-weight: bold;border-radius: 3px;transition: all .3s;transform: translate(-50%, 0);background: linear-gradient(0deg, #155aec 20%,#143fd2 80%);}


.collection .right_list_A2 { overflow:hidden;}
.collection .right_list_A2 ul li { cursor: pointer;position: relative; top:0px; width: 222px; font-size: 12px; margin:0 10px 20px 0; box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.5); float:left;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.collection .right_list_A2 ul li:hover { top:-5px;}
.collection .right_list_A2 ul li:nth-child(4n+4) {  margin:0 10 20px 0;}
.collection .right_list_A2 ul li .s-images { width: 222px; height: 150px; position:relative;}
.collection .right_list_A2 ul li .s-images i { position:absolute; top:0px; left:0px; width:40px; height: 20px;border-radius: 0px 0px 6px 0px;background: #005AFF; font-size:12px; text-align:center; line-height:20px; color:#fff;}
.collection .right_list_A2 ul li .s-images img { width: 225px; height: 150px;}
.collection .right_list_A2 ul li .s-text { width: 100%;padding: 11px 10px 10px;box-sizing: border-box;background:white}
.collection .right_list_A2 ul li .s-text span {font-size: 16px;color: #333;line-height: 20px;}

.collection .right_list_A2 ul li .s-text p { height: 34px;font-size: 16px;font-weight: 600;color:#ee2e2c;overflow: hidden;}

.collection .right_list_A2 ul li ins{color:#e72e25;text-align:left;display:inline-block;font-size:12px;text-decoration:none;height:30px;line-height:30px;font-family: DINNextLTPro; overflow:hidden;width:100%; box-sizing: border-box;margin-top:10px}

.collection .right_list_A2 ul li ins em{color:#F43F2D;font-size:22px;padding-right:2px;font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,sans-serif;font-weight:400}
.collection .right_list_A2 ul li ins i{float:right;color:#009237;font-size:12px;font-weight:normal;padding-left:15px;background:url(../image/ico-down.png) no-repeat 0px 8px}










.container { overflow:hidden; background:#fff; padding:40px 0;}
.container .tab-wrapper {width: 100%;}
.container .tab-menu { height: 51px;width: 100%;border-bottom: 1px solid #E6E6E6;}
.container .tab-menu li {cursor: pointer;width: 168px;height: 50px;text-align: center;font-size: 26px;color: #999;margin-right: 80px;float:left;position:relative;}
.container .tab-menu li.active { color: #0065ff;border-bottom: 3px solid #0065ff;}
.container .tab-menu li.active:before {position: absolute;bottom: -22px;left: 44%;z-index: 8;content:"";width: 0;height: 0;border-width: 10px;border-style: solid;border-color: #0065ff transparent transparent transparent;}
.container .tab-menu li.active:after {position: absolute;bottom: -16px;left: 45%;z-index: 9;content:"";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #fff transparent transparent transparent;}
.container .tab-content>div {width: 100%; margin-top:38px; height:226px;}
.container .tab-content div ul li { margin-right: 21px;width: 386px;height: 226px;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);border: 1px solid #e6e6e6;box-sizing: border-box; float:left;}
.container .tab-content div ul li:nth-child(3) { margin-right: 0px;}
.container .tab-content div ul li .item-S1 { padding: 20px 16px 0px; overflow:hidden;}
.container .tab-content div ul li .item-S1 .img { width: 104px; height: 132px; margin-right: 10px;float:left; position:relative;}
.container .tab-content div ul li .item-S1 .img img { width: 104px; height: 132px;}
.container .tab-content div ul li .item-S1 .img i { width: 40px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; position:absolute;  left: 0px; top:0px;background: #FF1837; border-radius:6px 0 6px 0px;}
.container .tab-content div ul li .item-S1 strong { font-size: 16px;color: #000;line-height: 22px; font-weight:400; display:block;}
.container .tab-content div ul li .item-S1>em { margin-top: 10px; font-size: 12px; color: #999; line-height: 12px; display:block;}
.container .tab-content div ul li .item-S1>em:before { content:""; width:14px; height:14px; float:left; background:url(img/user-icon.png) no-repeat center;margin-right:5px;} 
.container .tab-content div ul li .item-S1 span { margin-top:10px; font-size:14px; color:#333; display:block;}
.container .tab-content div ul li .item-S1 span i { font-size:12px; color:#f35050;}
.container .tab-content div ul li .item-S1 span em { font-size:16px; color:#f35050; display:inline-block;}
.container .tab-content div ul li .item-S1 p { display:block; margin-top:14px;}
.container .tab-content div ul li .item-S1 p i { font-size: 12px;color: #6d6d6d;line-height: 12px;margin-right: 20px;}
.container .tab-content div ul li .item-S2 {padding: 0 16px;margin-top: 17px;height: 55px;line-height: 55px;background: #f8f8f8; font-size:14px;}
.container .tab-content div ul li .item-S2 span { color:#333;}
.container .tab-content div ul li .item-S2 span:before { content:""; width:16px; height:16px; float:left; background:url(img/date-icon-01.png) no-repeat center;margin:19px 8px 0 0;}
.container .tab-content div ul li .item-S2 span a {display:inline-block; text-align:center; cursor: pointer; float: right; margin-top: 9px; font-size: 16px;  color: #fff; width: 119px; height: 36px; line-height: 36px; background: #f35050; border-radius: 18px;}






.Rec-brand {background:#fff; padding:27px 0px 50px;}
.Rec-brand .m {height: 432px;position: relative;background: url(img/recommend-bg.png) #fff;background-size: 100% 100%;}
.Rec-brand .img { position: absolute; top: -18px; left: -7px; width: 590px; height: 220px; box-shadow: 0px 0px 20px 0px rgba(38, 97, 174, 0.6); cursor: pointer;z-index:1;}
.Rec-brand .img img { width: 590px; height: 220px;}
.Rec-brand .more { position: absolute;top: 222px;left: 898px;width: 272px;height: 180px; line-height:181px; text-align: center;background: url(img/more-brand-bg.png) #fff;background-size: 100% 100%; font-size: 22px;z-index:1;}
.Rec-brand .more a { color: #347ae5;}
.Rec-brand .brand-list {position: relative;top: 0;left: 0;width: 100%;height: 100%;padding-top: 22px;}
.Rec-brand .brand-list ul li {width: 272px;height: 180px;padding: 3px 15px 0;background: #fff;box-shadow: 0px 3px 9px 0px rgba(188, 209, 244, 0.1); float:left; box-sizing:border-box; margin:0 0 20px 20px; position:relative; top:0px;
	-webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;}
.Rec-brand .brand-list ul li:hover { top:-5px;box-shadow:0 0 5px rgb(0,0,0,.2)}
.Rec-brand .brand-list ul li:nth-child(1) { margin-left:604px;}
.Rec-brand .brand-list ul li img { width: 242px;height: 97px; padding:12px 0px; border-bottom:1px solid #eee; margin-bottom:10px;}
.Rec-brand .brand-list ul li p { display:block; height:20px; color:#333; font-size:12px;line-height:20px;}



.news-title { height:20px; line-height:20px; display:block; font-size:18px; color:#222; font-weight:400;}
.news-title a { float:right; display:inline-block; height:20px; color:#777; font-size:12px;}
.news-title a:hover { color:#1DBFDA;}
.news-list { height: 436px; background: #fff; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 27px 0 0 21px;}
.news-left,.news-center { width:420px; float:left; margin-right:40px;}
.news-left ul { margin-top:25px;}
.news-left ul li { width: 100%;margin-bottom: 20px; overflow:hidden;}
.news-left ul li img { width: 147px;height: 98px;margin-right: 10px; float:left;}
.news-left ul li .n-text { float:left; width:62%;}
.news-left ul li .n-text h2 { font-size: 14px;font-weight: 400;color: #222;line-height: 20px; max-height: 40px; margin-bottom: 8px; display:block;}
.news-left ul li .n-text p { font-size: 12px; font-family: PingFangSC; font-weight: 400; color: #999; line-height: 17px; height: 50px;}
.news-list .news-right { width:240px; float:left;}
.news-list .news-right ul li p { width:87%;}
.news-center ul { margin-top:25px;}
.news-center ul li { margin-bottom: 13px; width:100%; overflow:hidden; position:relative;}
.news-center ul li img { width: 58px;height: 74px; margin-right:10px; float:left;}
.news-center ul li .n-text {float:left; width:80%;}
.news-center ul li .n-text h2 { margin-top: 4px;max-height: 40px;font-size: 14px;font-weight: 500;color: #000;line-height: 20px;}
.news-center ul li .n-text p { margin-top: 10px;font-size: 12px; height:12px; line-height:12px; color:#999; display:block;}
.news-center ul li .n-text p span:nth-child(1) { padding-right:10px; border-right:1px solid #999; display:inline-block;}
.news-center ul li .n-text p span:nth-child(2) { padding-left:10px;}
.news-center ul li .zone { padding: 0 7px; position: absolute; top: 27px; right: 0; height: 20px; border-radius: 2px; border: 1px solid #0065ff; line-height: 20px;color:#0065ff;}
.news-center ul li .zone a { color:#0065ff;}
.news-center ul li .zone:before { content:""; width:10px; height:12px; background:url(img/location-icon.png) no-repeat center; display:inline-block; background-size:10px 12px; margin:3px 5px 0 0; float:left;} 


.calculator { background:#fff; padding:40px 0; overflow:hidden;}
.calculator ul { margin-top:35px;box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.5); overflow:hidden; width:1201px;}
.calculator ul li { width:301px; height:185px; float:left; border:1px solid #eee; box-sizing:border-box; padding:30px 20px 0 20px;position:relative;}
.calculator ul li:nth-child(1n+2) { margin-left:-1px;}
.calculator ul li:hover {  border:1px solid #1cbfda; z-index:10;}
.calculator ul li:after { content:"";width:49px; height:50px; position:absolute; right:12px; bottom:12px; background:url(img/computed-icons.png);}
.calculator ul li:nth-child(1):after { background-position: 0 -53px;} 
.calculator ul li:nth-child(2):after { background-position: 0 -254px;} 
.calculator ul li:nth-child(3):after { background-position: 0 -346px; height:41px; bottom:22px;} 
.calculator ul li:nth-child(4):after { background-position: 0 -155px;} 
.calculator ul li:nth-child(1):hover:after { background-position: 0 -1px;} 
.calculator ul li:nth-child(2):hover:after { background-position: 0 -204px;} 
.calculator ul li:nth-child(3):hover:after { background-position: 0 -304px; height:41px; bottom:22px;} 
.calculator ul li:nth-child(4):hover:after { background-position: 0 -105px;} 
.calculator ul li .news-title { margin-bottom:10px;}
.calculator ul li:hover .news-title { color:#1cbfda;}
.calculator ul li p { height:30px; line-height:30px; font-size:14px; display:block;position:relative;padding-left:10px; box-sizing:border-box;}
.calculator ul li p a { color:#777; } 
.calculator ul li p:hover a { color:#333;}
.calculator ul li p:before { width: 2px; height: 2px; color: #777; background-color: #777; content:""; position: absolute; top: 13px; left: 0;}