﻿body 
{
 font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif;
 color:#363636;
}
/* 软件功能下面的资讯 */
.divclear{clear:both; line-height:0; height:0; overflow:hidden;}
.newsarticle{ width:100%; overflow:hidden; color:#808080; font-size:14px; list-style:none; padding:0; margin:55px 0 0px 0; height:18px;}
.newsarticle li{ float:left;padding:0; margin:0; overflow:hidden; vertical-align:bottom; height:18px; line-height:18px;}
.newsarticle .n_a_title{ width:80px;}
.newsarticle .n_a_item{ width:410px;padding-right:20px; position:relative;}
.newsarticle .n_a_itemcrar{ padding-right:0; width:470px;}

.newsarticle .n_a_item a{ cursor:pointer;color:#808080; height:18px; display:inline-block; float:left; position:relative; z-index:2; background:no-repeat left 4px;background-color:#fff; background-image:url(/images/jewelry/dot.png); text-indent:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px; max-width:300px;}
.newsarticle .n_a_itemcrar a{ max-width:360px;}
.newsarticle .n_a_item span{ display:block; float:right; font-size:12px; width:85px; background-color:#fff;position:relative;z-index:2; white-space:nowrap; text-align:right;}
.newsarticle .n_a_item b{ line-height:0; font-size:0; height:0; padding:0; margin:0; border-top:1px dotted #626262; position:absolute; width:410px; z-index:1; left:0; top:50%;}
.newsarticle .n_a_itemcrar b{ width:470px;}
/* End 软件功能下面的资讯 */


#wrap{width:980px; margin:64px auto 0 auto; overflow:hidden;}


#wrap .top_way{width:980px; overflow:hidden;}
.left_place{width:480px; overflow:hidden; font-size:16px; line-height:25px;}
.right_place{width:460px; overflow:hidden; font-size:16px; line-height:25px;}
.left_place h2, .right_place h2, .honour h2, .edge h2, .cases h2, .soft_download h2, .server h2, .flow h2, .help h2, .demo h2{font-size:30px; line-height:38px; font-family:"Microsoft Yahei";  color:#193b5f; margin-bottom:27px; font-weight:normal;}
.left_place p, .right_place p{margin-bottom:29px; line-height:26px;}
#wrap .ico_place img{margin-top:18px; margin-bottom:75px;}

.left_way{float:left;}
.right_way{float:right;}


#wrap .table_box{margin-top:37px; margin-bottom:90px; border-bottom:1px solid #bfd9f5;}
#wrap .table_box_title{background:#e7f3ff; height:54px; text-align:center; border-left:1px solid #bfd9f5;}
#wrap .table_box_title h2 ,.demo h2{font-size:30px; color:#193b5f; font-family:"Microsoft Yahei"; font-weight:normal;}
#wrap .table_box p{font-size:18px; line-height:43px; font-family:"Microsoft Yahei";}
#wrap .table_box table td{border-top:1px solid #bfd9f5; border-right:1px solid #bfd9f5;}
#wrap .ar_box{font-size:15px; line-height:22px; width:16.66666%; }
#wrap .ar_box td{padding-left:10px;}

#wrap .case h2{font:30px/38px "Microsoft Yahei"; color:#193b5f; width:980px; text-align:center; margin-bottom:33px;}


.bannerbox { width: 980px; height: 152px; overflow: hidden; margin: 0px auto; }
#focus { width: 980px; height: 152px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 980px; height: 152px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 980px; height: 152px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 100px; height: 152px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(/images/jewelry/case/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(/images/jewelry/case/sprite1.png) no-repeat right center; }

.gold_way{width:100%; background:#f5f5f5; border-top:1px solid #f9b700; zoom:1;}
.wrap_gold{width:980px; margin:0 auto; overflow:hidden; background:url(/images/jewelry/Gold_line_top.gif) no-repeat 0 top; margin-top:-1px; padding-top:54px; padding-bottom:37px;}

.white_way{width:100%; border-top:1px solid #f9b700; zoom:1; }
.wrap_white{width:980px; margin:0 auto; overflow:hidden; background:url(/images/jewelry/Gold_line_bottom.gif) no-repeat 0 top; padding-top:54px; padding-bottom:37px; margin-top:-1px;}

.honour ul{width:980px; overflow:hidden; padding-left:0;}
.honour ul li{float:left; margin-right:8px; list-style:none; height:269px; overflow:hidden;}
.honour ul li a img{border:0;}

.grasp{background-image:url("/images/jewelry/play_1.png");background-position:left top; background-repeat:no-repeat; height:38px; width:177px; text-align:left; float:left;}
.grasp a{ text-align:left;  height:38px; line-height:36px; text-indent:9px; color:#000 !important; display:block; font-weight:bold;}
.grasp a:hover{text-decoration:none;}
.grasp:hover{background-image:url("/images/jewelry/play_2.png");}
.a_video{}
.div_video{height:10000px; position:absolute; top:0px; background:url(/images/home1/search_bg.png) 0 0; width:100%; z-index:9999;display:none;}



/*我们优势样式 */
.edge h3{font: 20px "Microsoft Yahei";}
.edge_box{border-bottom:1px solid #bfd9f5;}
.edge_border{border-left:1px solid #bfd9f5;}
.edge_bg{background:#fff;}
.edge_box td{width:40%; height:48px; text-align:center; border-top:1px solid #bfd9f5; border-right:1px solid #bfd9f5; padding-left:18px; padding-right:18px; font:16px/22px;}
.edge_box_title{background:#e7f3ff; text-align:center;}


/*软件视频帮助*/
.demo{margin-top:70px;}
.demo ul {width:980px; overflow:hidden; padding-left:0;}
.demo ul li{float:left; margin-right:20px; width:313px; text-align:center; list-style:none;}
.demo ul li img ,.more img{border:0;}
.demo ul li p{margin-bottom:10px; font-size:16px;}
.more{text-align:center; width:980px; margin-top:33px; height:50px;}

/*成功案例样式 */

.cases ul{width:980px; padding-left:0; overflow:hidden;}
.cases ul li{float:left; margin-right:9px; margin-bottom:9px; width:238px; list-style:none;}

/*软件下载样式 */
.soft_download dd,.soft_download dt, .soft_download dl, .soft_download ul, .soft_download li { margin:0; padding:0;}
.soft_download{width:980px; overflow:hidden; height:523px; }
.soft_one ,.soft_two ,.soft_three{width:245px; height:448px;  float:left;}
.soft_one dt ,.soft_two dt ,.soft_three dt{font:20px "Microsoft Yahei"; color:#FFF; text-align:center; padding-top:13px;}
.soft_one dd ,.soft_two dd ,.soft_three dd{font:16px/20px; color:#FFF; text-align:center;}
.soft_one dd a img ,.soft_two dd a img ,.soft_three dd a img{border:0;}
.soft_one ul ,.soft_two ul ,.soft_three ul{width:240px;}
.soft_one ul li{color:#363636; list-style:none; width:118px; text-indent:30px; float:left; font-size:14px; line-height:34px; text-align:left; background:url(/images/jiancai/soft_li_01.gif) no-repeat 19px center; }
.soft_two ul li{color:#363636; list-style:none; width:118px;text-indent:30px; float:left; font-size:14px; line-height:29px; text-align:left; background:url(/images/jiancai/soft_li_02.gif) no-repeat 19px center;}
.soft_three ul li{color:#363636; list-style:none; width:118px;text-indent:30px; float:left; font-size:14px; line-height:25px; text-align:left; background:url(/images/jiancai/soft_li_03.gif) no-repeat 19px center;}
.soft_four_bg ul li{background-image:url(/images/jewelry/soft_li_04.png);}
 dd.depict{color:#000; text-align:left;  font-weight:bolder; padding-top:44px; line-height:44px; padding-left:19px;}
.soft_one_bg,.soft_two_bg,.soft_three_bg,.soft_four_bg{background:no-repeat center bottom; background-image:url(/images/jewelry/functions.png);}
.soft_one_bg{ height:458px; background-position:left top;}
.soft_two_bg{ height:458px;background-position:-245px top;}
.soft_three_bg{height:458px;background-position:-490px top;}
.soft_four_bg{height:458px;background-position:-735px top;}



.help_border{border-bottom:1px solid #d0d0d1; padding-bottom:29px; margin-bottom:17px;}
.help_footer{border-bottom:1px solid #d0d0d1; padding-bottom:35px; margin-bottom:40px;}
.board{width:318px; background:url(/images/Jewelry/border_right.gif) no-repeat right 0; float:left; height:301px;}
.board h3{font:20px "Microsoft Yahei"; color:#193b5f; margin-bottom:20px;}
.board ul{padding-left:0; width:318px; height:255px; overflow:hidden;}
.board ul li{list-style:none; font:16px/25px; background:url(/images/Jewelry/help_li.gif) no-repeat left center; height:25px; padding-left:14px; width:304px; overflow:hidden;}
.board ul li a{color:#193b5f; font-size:16px; line-height:25px;}
.title{float:left; width:222px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.date{float:right; width:65px; color:#a7a7a7; line-height:25px; font-size:16px;}

.contact_us{width:980px; overflow:hidden; border-bottom:1px solid #d6d6d7; padding-bottom:24px; margin-bottom:25px; margin-top:70px;}
.contact_us h2{font:25px "Microsoft Yahei"; color:#193b5f; text-align:center; }
.phone{width:318px; height:110px; float:left; background:url(/images/Jewelry/contact_bg.gif) no-repeat right top; margin-top:30px;}
.phone ul{width:318px; padding-left:0; overflow:hidden; margin-top:20px;}
.QQ{width:625px; float:left; overflow:hidden; margin-left:15px; margin-top:30px;}
.phone h3 ,.QQ h3{font: 20px/30px "Microsoft Yahei"; color:#193b5f;}
.phone ul li{list-style:none; background:url(/images/Jewelry/phone.gif) no-repeat left center; padding-left:34px; height:23px; font-size:16px; line-height:23px; color:#3c3c3c; margin-bottom:10px;}
.QQ ul{width:625; overflow:hidden; margin-top:20px; padding-left:0;}
.QQ ul li{list-style:none; float:left; width:253px; background:url(/images/Jewelry/QQ.png) no-repeat left center; padding-left:34px; height:24px; font-size:16px; line-height:24px; color:#363636; margin:0 10px 10px 10px;}
.QQ ul li a{text-decoration:underline; font-size:16px;}

.bottom{width:980px; overflow:hidden;}
.keyword{width:600px; overflow:hidden; float:left; font-size:14px; line-height:20px; color:#363636;}
.test{float:right;}
.test img{margin-right:10px;}

img.honour_img {
  list-style: none;
  float: left;
  margin-right: 14px; 
}

/*案例*/
.caseitem{float:left; width:237px;height:152px; padding-right:10px; overflow:hidden; line-height:0;  text-align:center;}
.caseclear{ padding-right:0; width:238px;}
.caseclear b{ width:236px;}
.caseitem b img{width:234px; max-height:100%;}
.casebottom{ padding-bottom:0;}
/*图片居中*/
.caseitem b{overflow:hidden;width:235px;text-align:center;vertical-align:middle;line-height:0px;height:150px;display:table-cell;border:1px solid #ccc; margin:0; padding:0;} 
*+html .caseitem b{display:table-cell;font-size:140px !important;font-family:Arial; display:block;} 
.caseitem b img{_margin-top:expression(75-this.height/2);vertical-align:middle;}
/*End 案例*/

/*经典案例*/
.flow .case{ width:980px; overflow:hidden; margin:0 auto; padding:0;}
.flow .case li{  overflow:hidden; float:left; height:154px; padding-bottom:3px; border:1px dashed #dcdcdc; border-left:0; border-top:0;}
.flow .case li img{ width:238px; height:151px; margin-top:3px;}
.flow .case li.top img{ margin-top:0;}
.flow .case li.top{ padding-bottom:0;}
.flow .case li.center{ text-align:center;width:245px;}
.flow .case li.right{ text-align:right; border-right:0;width:242px;}
.flow .case li.bottom{ padding-bottom:0; border-bottom:0;}
.flow .case li.left{ width:243px;}
/*End 经典案例*/



/*八大系统*/
h2.title{font:30px/38px "Microsoft Yahei";color:#193b5f;width:980px;text-align:center;margin-bottom:23px}
.xitong{overflow:hidden}
.xitong .xt_box{width:232px;box-shadow:1px 3px 6px 0px #ccc;background:#fff;float:left;height:278px;margin:12px 0px 7px 17px;border-radius:8px}
.xitong .xt_box .images{height:72px;width:232px;margin:27px auto 0px;text-align:center}
.xitong .xt_box .images{width:100%}
.xitong .xt_box .txt1{text-align:center;margin:20px 20px 0;font-size:19px;color:#000}
.xitong .xt_box .txt2{letter-spacing:-1.4px;margin:20px 15px 0;font-size:14px;line-height:24px;color:#000}
.xt_top_box1{margin-left:0  !important;border-top:3px solid #1b7bb8}
.xt_top_box2{border-top:3px solid #f04d4e}
.xt_top_box3{border-top:3px solid #ccdb38}
.xt_top_box4{border-top:3px solid #fecc17}
.xt_top_box5{margin-left:0 !important;border-top:3px solid #fecc17}
.xt_top_box6{border-top:3px solid #1593d0}
.xt_top_box7{border-top:3px solid #f04d4e}
.xt_top_box8{border-top:3px solid #3324c7}




 .freeSystem{margin:60px 0 40px;overflow:hidden}
 .freeSystem .title{width:1200px;margin:0 auto;text-align:center;font-size:16px;color:#868686;padding:65px 0;}
 .freeSystem .title .name{font-size:32px;color:#282828;margin-bottom:12px;}
 .freeSystem .title .name span{color:#f9b721;font-weight:bold;}
 .freeSystem ul{width:1200px;margin:0 auto;padding:0;overflow: hidden;}
 .freeSystem ul li{float:left;cursor:pointer;margin-top:33px;    background: #fff;}
 .freeSystem ul li .item1{border:1px solid #eee;width:224px;height:471px;text-align:center;
    padding:0 40px;font-size:14px;color:#999;}
 .freeSystem ul li~li .item1{border-left:0;}
 .freeSystem ul li .item1 .iconfont{font-size:50px;margin:38px auto 35px auto;color:#2e80fb;}
 .freeSystem ul li .item1 .name{font-size:18px;color:#282828;margin-bottom:10px;}
 .freeSystem ul li .item1 .list{margin-top:50px;}
 .freeSystem ul li .item1 .list .item{font-size:16px;color:#282828;margin-top:25px;}
 .freeSystem ul li .item2{width:363px;margin-top: -31px;overflow:hidden;display:none;}
 .freeSystem ul li .item2.on{display:block;}
 .freeSystem ul li .item1.on{display:none;}
 .freeSystem ul li .item2 .bgcolor{width:auto;height:100px;
    background: -moz-linear-gradient(to right, #f9b721, #f5c85e);
    background: -ms-linear-gradient(to right, #f9b721, #f5c85e);
    background: -webkit-linear-gradient(to right, #f9b721, #f5c85e);
    background: linear-gradient(to right, #f9b721, #f5c85e);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#f9b721", endColorstr="#f5c85e", gradientType="1");
font-size:14px;color:#fff;padding:25px 37px;}
 .freeSystem ul li .item2 .bgcolor .name{font-size:18px;margin-bottom:10px;}
 .freeSystem ul li .item2 .list{width:auto;height:485px;border:1px solid #f9b721;padding:0 20px 0 32px;padding-top: 10px;}
 .freeSystem ul li .item2 .list .item{margin-top:30px;font-size:16px;color:#282828;}
 .freeSystem ul li .item2 .list .item .dis{display:inline-block;vertical-align:middle;}
 .freeSystem ul li .item2 .list .item .iconfont{  font-size: 0;

    border: 1px solid #f9b721;
    border-radius: 50%;
margin-right:12px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    vertical-align: middle;
    text-align: center;}
    .freeSystem ul li .item2 .list .item .iconfont img {width:30px;    vertical-align: middle;}
 .freeSystem ul li .item2 .list .item .dis .name{margin-bottom:2px;}
 .freeSystem ul li .item2 .list .item .dis .explanation{ color: #999; font-size: 14px;width:230px;overflow: hidden;}
 .freeSystem ul li .item2  .more2{font-size:16px;color:#f9b721;text-align:center;margin-top:37px;cursor:pointer;}
 .freeSystem ul li .item2  .more2:hover{color:#2261d9;}
  .freeSystem ul li .item2  .more2 a{font-size:16px;color:#f9b721;}
 .freeSystem ul li .item2  .more2 a:hover{color:#2261d9;}
 .freeSystem .freeBnt{font-size:16px;color:#fff;width:190px;height:56px;background-color:#f9b721;border:5px solid #e9f2ff;
text-align:center;line-height:46px;margin:57px auto 62px auto;cursor:pointer;}
 .freeSystem ul li .icon_t img{width:47px;}
 .freeSystem ul li .iconfont .img_i{ height: 100%;
    vertical-align: middle;
    width: 0;
    display: inline-block;}