/*
 * index.scss
 * data: 2019-09-06
 * author: [zhqiang]
 */
.color_link {
  position: relative;
  width: 1059px;
  height: 500px;
  margin: 0 auto;
}

.color_link li {
  position: absolute;
}

.color_link li a {
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.c_1_co {
  width: 320px;
  height: 230px;
  background: url(../images/cco1.jpg) no-repeat;
  top: 0px;
  left: 0px;
}

.c_2_co {
  width: 320px;
  height: 230px;
  background: url(../images/cco2.jpg) no-repeat;
  top: 0px;
  left: 336px;
}

.c_3_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco10.jpg) no-repeat;
  top: 510px;
  left: 358px;
}

.c_4_co {
  width: 388px;
  height: 230px;
  background: url(../images/cco4.png) no-repeat;
  top: 0px;
  right: 0px;
}

.c_5_co {
  width: 388px;
  height: 108px;
  background: url(../images/cco5.jpg) no-repeat;
  top: 122px;
  right: 0px;
}

.c_6_co {
  width: 638px;
  height: 108px;
  background: url(../images/cco6.jpg) no-repeat;
  top: 244px;
  right: 0px;
}

.c_7_co {
  width: 638px;
  height: 108px;
  background: url(../images/cco7.jpg) no-repeat;
  top: 366px;
  right: 0px;
}

.c_8_co {
  width: 409px;
  height: 230px;
  background: url(../images/cco8.jpg) no-repeat;
  top: 244px;
  left: 0px;
}

.c_9_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco9.jpg) no-repeat;
  top: 256px;
  left: 0px;
}

.c_10_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco10.jpg) no-repeat;
  top: 256px;
  left: 358px;
}

.c_11_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco3.jpg) no-repeat;
  top: 256px;
  right: 0px;
}
.c_12_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco11.jpg) no-repeat;
  top: 386px;
  left: 0px;
}

.c_13_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco9.jpg) no-repeat;
  top: 386px;
  left: 358px;
}

.c_14_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco11.jpg) no-repeat;
  top: 386px;
  right: 0px;
}
.c_15_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco3.jpg) no-repeat;
  top: 510px;
}
.c_16_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco11.jpg) no-repeat;
  top: 510px;
  left:358px;
}
.c_17_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco9.jpg) no-repeat;
  top: 510px;
  right: 0px;
}
.c_18_co {
  width: 345px;
  height: 108px;
  background: url(../images/cco11.jpg) no-repeat;
  top: 634px;
  left: 0px;
}
.icon200 {
  width: 100px;
  height: 100px;
  display: inline-block;
  background: #ccc;
  margin-top: 50px;
  margin-bottom: 10px;
}

.icon100 {
  width: 73px;
  height: 73px;
  background: #ccc;
  float: left;
  margin-top: 18px;
  margin-left: 25px;
}

.icon-1 {
  background: url(../images/icon1.png) no-repeat center center;
}

.icon-2 {
  background: url(../images/icon2.png) no-repeat center center;
}

.icon-3 {
  background: url(../images/icon3.png) no-repeat center center;
}

.icon-4 {
  background: url(../images/icon4.png) no-repeat center center;
}

.icon-5 {
  background: url(../images/icon5.png) no-repeat center center;
}

.icon-6 {
  background: url(../images/icon6.png) no-repeat center center;
}

.icon-7 {
  background: url(../images/icon7.png) no-repeat center center;
}

.icon-8 {
  background: url(../images/icon8.png) no-repeat center center;
}

.icon-9 {
  background: url(../images/icon9.png) no-repeat center center;
}

.icon-10 {
  background: url(../images/icon10.png) no-repeat center center;
}

.icon-11 {
  background: url(../images/icon11.png) no-repeat center center;
}

.icon-12 {
  background: url(../images/icon12.png) no-repeat center center;
}

.margint0 {
  padding-top: 45px;
  text-align: left;
  padding-left: 150px;
}

.margint1 {
  padding-top: 35px;
  text-align: left;
  padding-left: 150px;
}

.margint2 {
  padding-top: 45px;
  text-align: left;
  padding-left: 120px;
}

.link {
  width: 1200px;
  height: 50px;
  line-height: 50px;
  background: #2966a9;
  border-radius: 3px;
  margin: 0 auto;
}

.link .nav {
  float: left;
  background: #4f8ed3 url(../images/link_nav.png) no-repeat center center;
  width: 50px;
  height: 50px;
  border-radius: 3px 0 0 3px;
}

.link ul {
  float: left;
  overflow: hidden;
  width: 1000px;
}

.link ul li {
  float: left;
  overflow: hidden;
  display: block;
  line-height: 50px;
  float: left;
  background: url(../images/li_nav2.png) no-repeat right center;
}

.link ul li a {
  color: #fff;
  margin: 0 18px;
  font-size: 14px;
  display: block;
}

.select01 {
  margin-left: 20px;
}