@charset "gb2312";
/* Clearfix */
.clearfix { zoom:1;}
.clearfix:after { content:"."; display:block; height:0; line-height: 0; clear:both; visibility:hidden; }

/* subnav of page*/
.ysl-subnav { display:none; position: absolute; left:0; top:42px; width:100%; height: 250px; background:#d8d8d8; z-index: 9999;}
.ysl-subnav .navwrapper { width: 980px; margin: 15px auto 0;}
.ysl-subnav a { color:#333; text-decoration: none; }
.ysl-subnav a:hover { color:#0d6fb8; }
.ysl-subnav ul {display:inline; width: 120px; float:left;}
.ysl-subnav ul.first { margin-left: 95px; _margin-left: 90px; }
.ysl-subnav li { font-size: 12px; line-height: 18px;}
.ysl-subnav li.tit { color:#0d6fb8; font-size: 16px; line-height: 22px; margin-bottom: 10px; }


.ysl-con { width: 980px; margin: 0 auto; }
.ysl-con .crumbs { height: 40px; line-height: 40px; color:#848484; font-size: 14px; margin-top: 15px;}
.ysl-con .crumbs .dot{ float:left; overflow:hidden; width: 4px; height:4px; vertical-align: top; margin-top: 18px; background:#6bb890; margin-left: 21px; margin-right: 8px; }
.ysl-con .crumbs a{color:#848484;}
.ysl-con .crumbs .on{color:#0d6fb8;}

.ysl-con .items { margin-top: 60px; overflow:hidden; }
.ysl-con .items.mt26 { margin-top: 26px; }
.ysl-con .items .tit { font-size: 28px; color:#007298; margin-bottom: 20px; line-height: 30px; text-align: center;}
.ysl-con .items .subtit { font-size: 18px; color:#007298; line-height: 20px; margin-bottom: 17px; }
.ysl-con .items.oil .tit { color:#2aa495;}
.ysl-con .items.new .tit { color:#5dd1a4;}
.ysl-con .items.oil .subtit { color:#f4a823; }
.ysl-con .items .des { width: 930px; margin: 0 auto; font-size: 12px; color:#585858; line-height: 30px; text-indent: 24px;}
.ysl-con .items .des b { font-size: 18px; font-weight: normal; margin-right: 3px; }
.ysl-con .items .conImg { overflow:hidden; position: relative;}
.ysl-con .items .conImg img{ display: block; border:none;}
.ysl-con .items .conImg .des{ position: absolute; left:0; top:0; text-indent: 0; width:300px; color:#969696; font-size: 14px; line-height: 20px;}
.ysl-con .items .conImg .itm{ position: absolute; left: 464px; top:43px; width: 166px; font-size: 12px; color:#fff; line-height: 18px;}
.ysl-con .items .conImg .itm.t2{ left: 766px;}
.ysl-con .items .conImg .itm.t3{ top: 166px;}
.ysl-con .items .conImg .itm.t4{ top: 166px; left: 766px;}
.ysl-con .items .conImg .itm.t5{ top: 312px;}
.ysl-con .items .conImg .t{ color:#6bf2f0; font-size: 16px; line-height: 30px; }
.ysl-con .items .conImg .d{ font-size: 12px; margin-top: 4px;color:#fff; }
.ysl-con .items.yidi .conImg .d{ color:#d48222; }
.ysl-con .items.red .conImg .t{ color:#d2502c; }
.ysl-con .items.edu .conImg .t{ color:#a5290b; }
.ysl-con .items.oil .conImg .t{ color:#f4a823; }
.ysl-con .items.new .conImg .t{ color:#2f858e; }
.ysl-con .items.red .tit,.ysl-con .items.red .subtit { color:#d2502c;}
.ysl-con .items.edu .tit,.ysl-con .items.edu .subtit { color:#a5290b;}
.ysl-con .items.mobile .tit,.ysl-con .items.mobile .subtit,.ysl-con .items.mobile .conImg .t { color:#33674c;}
.ysl-con .items.yidi .tit,.ysl-con .items.yidi .subtit,.ysl-con .items.yidi .conImg .t { color:#ae5e00;}
.ysl-con .items.app .tit,.ysl-con .items.app .subtit,.ysl-con .items.app .conImg .t { color:#9b4e80;}
.ysl-con .items.gov .tit,.ysl-con .items.gov .subtit,.ysl-con .items.gov .conImg .t { color:#e1680e;}
.ysl-con .items .applink{ position: relative; height: 160px; border-top:#5dd1a4 1px solid; background:url("../images/solution_applink1.jpg") 0 54px no-repeat;}
.ysl-con .items .applink a{ position: absolute; overflow:hidden; text-indent: -999px;}
.ysl-con .items.red .applink{ border-top:#d2502c 1px solid; background:url("../images/solution_applink2.jpg") 0 36px no-repeat;}
.ysl-con .items.oil .applink{ border-top:#47b4ae 1px solid; background:url("../images/solution_applink3.jpg") 0 36px no-repeat;}
.ysl-con .items.edu .applink{ border-top:#a5290b 1px solid; background:url("../images/solution_applink4.jpg") 0 36px no-repeat;}
.ysl-con .items.mobile .applink{ border-top:#33674c 1px solid; background:url("../images/solution_applink5.jpg") 0 36px no-repeat;}
.ysl-con .items.yidi .applink{ border-top:#fcdb00 1px solid; background:url("../images/solution_applink6.jpg") 0 36px no-repeat;}
.ysl-con .items.app .applink{ border-top:#9b4e80 1px solid; background:url("../images/solution_applink7.jpg") 0 36px no-repeat;}
.ysl-con .items.gov .applink{ border-top:#e1680e 1px solid; background:url("../images/solution_applink8.jpg") 0 36px no-repeat;}
.ysl-con .items .applink .al1 {  left: 28px; top: 54px; height: 50px; width: 130px;  }
.ysl-con .items .applink .al2 {  left: 220px; top: 54px; height: 50px; width: 150px;  }
.ysl-con .items .applink .al3 {  left: 450px; top: 54px; height: 50px; width: 104px;  }
.ysl-con .items .applink .al4 {  left: 626px; top: 54px; height: 50px; width: 174px;  }
.ysl-con .items.red .applink .al1 { left: 3px; top: 36px; height: 98px; width: 126px; }
.ysl-con .items.red .applink .al2 {  left: 174px; top: 36px; height: 98px; width: 118px;  }
.ysl-con .items.red .applink .al3 {  left: 348px; top: 36px; height: 98px; width: 142px;  }
.ysl-con .items.red .applink .al4 {  left: 508px; top: 36px; height: 98px; width: 104px;  }
.ysl-con .items.red .applink .al5 {  left: 644px; top: 36px; height: 98px; width: 100px;  }
.ysl-con .items.red .applink .al6 {  left: 780px; top: 36px; height: 98px; width: 166px;  }
.ysl-con .items.oil .applink .al1 {  left: 50px; top: 36px; height: 98px; width: 74px;  }
.ysl-con .items.oil .applink .al2 {  left: 206px; top: 36px; height: 98px; width: 170px;}
.ysl-con .items.oil .applink .al3 {  left: 440px; top: 36px; height: 98px; width: 90px; }
.ysl-con .items.oil .applink .al4 {  left: 594px; top: 36px; height: 98px; width: 150px; }
.ysl-con .items.oil .applink .al5 {  left: 800px; top: 36px; height: 98px; width: 154px;  }
.ysl-con .items.edu .applink .al1 {  left: 20px; top: 36px; height: 98px; width: 184px;  }
.ysl-con .items.edu .applink .al2 {  left: 245px; top: 36px; height: 98px; width: 170px;}
.ysl-con .items.edu .applink .al3 {  left: 440px; top: 36px; height: 98px; width: 200px; }
.ysl-con .items.edu .applink .al4 {  left: 680px; top: 36px; height: 98px; width: 74px; }
.ysl-con .items.edu .applink .al5 {  left: 800px; top: 36px; height: 98px; width: 170px;  }
.ysl-con .items.app .applink .al1 {  left: 2px; top: 36px; height: 98px; width: 160px;  }
.ysl-con .items.app .applink .al2 {  left: 213px; top: 36px; height: 98px; width: 170px;}
.ysl-con .items.app .applink .al3 {  left: 440px; top: 36px; height: 98px; width: 135px; }
.ysl-con .items.app .applink .al4 {  left: 652px; top: 36px; height: 98px; width: 74px; }
.ysl-con .items.app .applink .al5 {  left: 772px; top: 36px; height: 98px; width: 198px;  }
.ysl-con .items.mobile .applink .al1 {  left: 20px; top: 36px; height: 98px; width: 140px;  }
.ysl-con .items.mobile .applink .al2 {  left: 218px; top: 36px; height: 98px; width: 190px;}
.ysl-con .items.gov .applink .al1 {  left: 20px; top: 36px; height: 98px; width: 218px;  }
.ysl-con .items.gov .applink .al2 {  left: 300px; top: 36px; height: 98px; width: 210px;}

.ysl-con .items.insurance { width: 928px; margin-left: 30px; }
.ysl-con .items.insurance .tit { font-size: 18px; color:#a5290b; margin-bottom: 20px; line-height: 30px; text-align: center;}
.ysl-con .items.insurance .subtit { font-size: 14px; color:#a5290b; margin-bottom: 0; margin-top: 8px;}
.ysl-con .items.insurance .info { color:#767676; text-indent: 28px; line-height: 30px;}
.ysl-con .items.insurance .info.num { text-indent: 0;}