.index-c { width: 1110px; margin: 0 auto; }

.index-c { width: 1110px; margin: 0 auto; }
.index-c .breadcrumb { height: 44px; border-bottom: 1px solid #dddddd; }
.index-c .breadcrumb a { line-height: 44px; font-size: 14px; color: #666666; }
.index-c .gkll { height: 40px; line-height: 26px; border-bottom: 1px solid #ddd; position: relative; font-size: 18px; margin-top: 50px; }
.index-c .gkll .ttt { position: absolute; top: -22px; font-size: 22px; font-weight: bold; color: #666666; }
.index-c .gkll ul { float: right; right: 20px; position: absolute; }
.index-c .gkll ul li { float: left; width: 97px; height: 30px; font-size: 16px; cursor: pointer; color: #666666; text-align: center; border: 1px solid #dedede; }
.index-c .gkll ul li.on { background: #0174d1; color: #ffffff; }
.index-c .main-t { height: 100%; overflow: hidden; }
.index-c .tlist-left { height: auto; }
.index-c .tlist-right { width: 277px; height: 100%; border-left: 1px solid #dedede; padding-bottom: 9999px; margin-bottom: -9999px; overflow: hidden; }
.index-c .tlist-right .p1 { margin-top: 20px; width: 254px; height: 360px; border: 1px solid #dedede; overflow: hidden; }
.index-c .tlist-right .p1 img { width: 254px; height: 360px; }
.index-c .tlist-right .p2 { margin-top: 20px; }
.index-c .tlist-right .p2 a { display: block; width: 254px; height: 48px; line-height: 48px; font-size: 16px; color: #666666; text-align: center; border: 1px solid #cccccc; margin-top: 10px; }
.index-c .tlist-right .p2 .zz { background: url("../images/zz.png") no-repeat 30px center; }
.index-c .tlist-right .p2 .sg { background: url("../images/sg.png") no-repeat 30px center; }
.index-c .tlist-right .p2 .bj { background: url("../images/bj.png") no-repeat 30px center; }
.index-c .tlist-right .p3 h5 { width: 256px; height: 48px; line-height: 48px; font-size: 18px; color: #000000; background: #d7d7d7; text-align: center; display: block; margin-top: 20px; }
.index-c .tlist-right .p3 select { display: block; width: 254px; height: 40px; line-height: 40px; font-size: 14px; color: #666666; border: 1px solid #cfcfcf; margin-top: 10px; }
.index-c .tlist-right .p3 .ss { display: block; margin-top: 10px; text-align: right; font-size: 16px; line-height: 24px; color: #c52e3a; padding-right: 20px; }
.index-c .tlist .tl { width: 144px; margin-top: 10px; }
.index-c .tlist .tl li { margin-top: 20px; position: relative; }
.index-c .tlist .tl li .sj { position: relative; top: -8px; left: -18px; width: 33px; height: 33px; background: url("../images/sj.png") no-repeat center center; background-size: 33px 33px; }
.index-c .tlist .tl li a { display: block; width: 96px; height: 30px; font-size: 13px; line-height: 30px; color: #666666; text-align: center; border-radius: 3px; }
.index-c .tlist .tl li .circle { width: 16px; height: 16px; border: 2px solid #d5d5d5; border-radius: 19px; position: relative; top: 5px; margin-left: 3px; }
.index-c .tlist .tl li .circle .circle2 { width: 10px; height: 10px; border: 1px solid #a7a7a7; border-radius: 11px; background: #b9b9b9; position: absolute; top: 2px; left: 2px; }
.index-c .tlist .tl li .point { position: absolute; width: 5px; background: #dddddd; height: 100%; left: 107px; top: 25px; }
.index-c .tlist .tl li.active a { background: #dddddd; }
.index-c .tlist .tl li.active .circle { border: 2px solid #86c7f8; }
.index-c .tlist .tl li.active .circle .circle2 { border: 1px solid #46a4ed; background: #3fa1ec; }
.index-c .tlist .tl li:hover a { background: #dddddd; }
.index-c .tlist .tl li:hover .circle { border: 2px solid #86c7f8; }
.index-c .tlist .tl li:hover .circle .circle2 { border: 1px solid #46a4ed; background: #3fa1ec; }
.index-c .xn-list2 { width: 685px; margin-top: 80px; display: none; }
.index-c .xn-list2 h5 { font-size: 16px; line-height: 24px; font-weight: bold; color: #666666; }
.index-c .xn-list2 ul { margin-top: 40px; }
.index-c .xn-list2 li { float: left; }
.index-c .xn-list2 li a { width: 134px; display: block; height: 20px; line-height: 20px; font-size: 16px; color: #01527f; text-align: center; border-left: 1px solid #8c8c8c; margin-top: 40px; }
.index-c .xn-list2 li:nth-of-type(5n+1) a { border-left: none; }
.index-c .xn-list3 { width: 666px; margin-top: 40px; }
.index-c .xn-list3 ul { margin-left: -20px; *margin-left: -21px; display: none;}
.index-c .xn-list3 li { width: 323px; height: 186px; margin-top: 30px; border: 1px solid #dddddd; margin-left: 20px; }
.index-c .xn-list3 li .img { width: 135px; height: 186px; }
.index-c .xn-list3 li .img img { width: 135px; height: 186px; }
.index-c .xn-list3 li .des { margin-top: 20px; padding: 0 10px; }
.index-c .xn-list3 li .des h5 { font-size: 16px; line-height: 30px; font-weight: bold; color: #666666; }
.index-c .xn-list3 li .des p { font-size: 12px; line-height: 24px; color: #666666; }
.index-c .xn-list3 li .des p span { font-weight: bold; }
.index-c .xn-list3 li .des a { display: block; width: 70px; height: 22px; font-size: 12px; line-height: 22px; color: #000000; background: url("../images/xz.png") no-repeat left center; text-indent: 20px; margin-top: 10px; margin-right: 10px; }

@media screen and (min-width: 1880px) { .header, .index-c, .online { width: 1420px !important; }
  .hd-br { float: right; margin-right: 20px; }
  .index-c .xn-list3, .index-c .xn-list { width: 976px; }
  .index-c .xn-list3 li { width: 322px !important; margin-left: 10px; }
  .index-c .xn-list3 li .des { padding: 0 10px; }
  .index-c .xn-list2 { width: 998px; }
  .index-c .xn-list li { width: 25% !important; }
  .index-c .xn-list2 li:nth-of-type(5n+1) a { border-left: 1px solid #8c8c8c; }
  .index-c .xn-list2 li:nth-of-type(7n+1) a { border-left: none !important; } }