﻿body 
{
 font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif;
 color:#363636;
}

#wrap{width:100%; min-width:980px; margin:64px auto 0 auto; overflow:hidden;}

#wrap .into{width:980px; overflow:hidden; margin:0 auto;}
#wrap .into .h_menu ul{ margin:0; padding:0; list-style:none;}
#wrap .into .h_menu ul li{ width:236px; height:380px; float:left; margin-left:12px;margin-bottom:12px;}
#wrap .into .h_menu ul li.no_l_mar{margin-left:0px;}
#wrap .into .h_menu ul li.img_01{ background:url(/images/xiyi/top_01.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_02{background:url(/images/xiyi/top_02.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_03{background:url(/images/xiyi/top_03.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_04{background:url(/images/xiyi/top_04.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_05{background:url(/images/xiyi/top_05.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_06{background:url(/images/xiyi/top_06.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_07{background:url(/images/xiyi/top_07.jpg) no-repeat left center;}
#wrap .into .h_menu ul li.img_08{background:url(/images/xiyi/top_08.jpg) no-repeat left center;}
#wrap .into .h_menu ul li .box_r{width:236px; height:380px;/* display:table-cell;*/ vertical-align:middle; text-align:center; }
#wrap .into .h_menu ul li .box_r .circle{/* border:5px solid #9e9e9e;*/ width:155px; height:155px;/* background:#f7f8f8;*/ background:url(/images/xiyi/radius_01.png) no-repeat center center;margin-top:112px;margin-right:auto;margin-left:auto }
#wrap .into .h_menu ul li .box_r .circle:hover{/*border:5px solid #33a048;*/  background:url(/images/xiyi/radius_02.png) no-repeat center center;}
#wrap .into .h_menu ul li .box_r .circle a{width:155px; height:155px; display:block; vertical-align:middle; text-align:center; text-decoration:none;}
#wrap .into .h_menu ul li .box_r .circle a .img{padding-top:29px;}
#wrap .into .h_menu ul li .box_r .circle a .txt{ color:#6d6d6d; font-size:18px; margin-top:14px;}
#wrap .into .h_menu ul li .box_r .circle:hover a .txt{ color:#33a048; font-size:18px; margin-top:14px;}
#wrap .left_place{width:496px; overflow:hidden; font-size:16px; line-height:24px;}
#wrap .right_place{width:454px; overflow:hidden; font-size:16px; line-height:24px;}

.left_way{float:left;}
.right_way{float:right;}

.left_place h2, .right_place h2, .caseshow h2, .edge h2, .honour h2, .soft_download h2, .server h2, .flow h2, .help 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:15px; line-height:24px;}
.left_place p a, .right_place p a, .caseshow p a{color:#0088cc;}

#wrap .p_backg{background:url("/Images/xiyi/p_bg_01.gif") no-repeat left top; padding-left:45px; padding-top:5px;}
#wrap .p_backg_end{background:url("/Images/xiyi/p_bg_02.gif") no-repeat 0 0; padding-left:45px; height:80px; }

#wrap .case p{font-size:29px; font-family:"Microsoft Yahei"; line-height:38px; font-weight:normal; color:#193b5f; width:980px;margin:0 auto; text-align:center; margin-bottom:33px; margin-top:80px;}

.bannerbox { width: 980px; height: 143px; overflow: hidden; margin: 0px auto; }
#focus { width: 980px; height: 143px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 980px; height: 143px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 980px; height: 143px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 100px; height: 143px; 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; }

#wrap .wrap_bg{background:#f4f6fa; width:100%; min-width:980px; margin:0 auto;}
#wrap .blue_way, .white_way, .caseshow{width:980px; overflow:hidden; padding:23px 0; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;}

/*经典案例样式*/
.caseshow ul{width:980px; padding-left:0; overflow:hidden; margin-bottom:15px;}
.caseshow ul li{float:left; margin-right:9px; margin-bottom:9px; width:238px; list-style: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;}

/*我们的荣誉样式*/
.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;}

/*软件版本*/
.soft_download ul{width:980px; overflow:hidden; padding-left:0;margin:0 auto}
.soft_download ul li a:hover{text-decoration:none;}
.soft_download ul li a:hover .download_text{text-decoration:underline;}
.soft_download ul li{float:left; margin-right:21px; list-style:none; width:145px;}
.soft_download ul li a p{font-size:18px; width:145px; text-align:center; color:#363636; text-decoration:none;}
.soft_download ul li a:hover p{text-decoration:none;}
.soft_download ul li a img{border:0;}
.soft_download ul li p{font-size:18px; width:145px; text-align:center;}
#wrap .soft_into a{font-size:14px; width:145px; text-align:center; color:#363636; text-decoration:none;}
#wrap .soft_into a:hover{text-decoration:none;}
#wrap .soft_into{font-size:14px; width:145px; text-align:center;}
#wrap .soft_download a{font-size:14px; width:145px; text-align:center; color:#0088cc;}
#wrap .download_text{color:#000; font-size:14px; width:145px; text-align:center;}
#wrap .download_text a{color:#08C; font-size:14px; width:145px;}
#wrap .download_text a:hover{text-decoration:underline;}


.help_border{border-bottom:1px solid #d0d0d1; padding-bottom:29px; margin-bottom:17px;}
.help_footer{border-bottom:1px solid #d0d0d1; padding-bottom:35px; overflow:hidden;}
.board2{width:318px; background:url(/images/Jewelry/border_right.gif) no-repeat right 0; float:left; height:301px;}
.board2 h3{font:20px "Microsoft Yahei"; color:#193b5f; margin-bottom:20px;}
.board2 ul{padding-left:0; width:318px; height:255px; overflow:hidden;margin:0 auto;}
.board2 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;}
.board2 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:20px;}
.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;
}

/*.grasp{ height:38px; line-height:20px; padding-left:45px;}
.grasp a{ text-align:left; display:block; height:38px; width:177px; line-height:36px;  color:#fff !important;text-indent:9px; display:block; font-weight:bold; background-image:url(/Images/xiyi/play_video_01.png); background-position:left center; background-repeat:no-repeat; float:left;}
.grasp a:hover{text-decoration:none;background-image:url(/Images/xiyi/play_video_02.png);}*/

.grasp{background-image:url("/Images/xiyi/play_video_01.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:#fff !important; display:block; font-weight:bold;}
.grasp a:hover{text-decoration:none;}
.grasp:hover{background-image:url("/Images/xiyi/play_video_02.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;}

a.a_href {
    color: #66c;
  background: #0d82c5; 
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
}
