/* CSS Document */
.header{
  font-size: 0;
  text-align: center;
  padding: .1rem 0;
}
.header-left{
  display: inline-block;
  vertical-align: top;
}
.header-left>a{
  width: 320px;
  height: 242px;
  display: block;
  margin: 0 auto 5px;
  background: url('/Template/zhuanti/youlu/images/header-left__img.png') no-repeat center;
  background-size: contain;
}
#header-left_img {
    background: url('/Template/zhuanti/youlu/images/header-left__img.png') no-repeat center;
}
.header-left__box{
  width: 320px;
  border: 1px solid #ebebeb;
  padding: 21px 0;
}
.header-left__box h2{
  font-size: 16px;
  color: #525567;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.header-left__list{
  display: inline-block;
  vertical-align: top;
}
.header-left__list a{
  width: 80px;
  height: 30px;
  display: block;
  font-size: 14px;
  color: #525567;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  background: #fdfdfd;
}
.header-left__list:hover a{
  color: #fff;
  border: 1px solid #f11a28;
  background: linear-gradient(to bottom, #ff7446 0, #ff594b 50%,#ff3b51 100%);
}

.header-middle{
  width: 490px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.header-middle h2{
  font-size: 34px;
  color: #323232;
  text-align: center;
  font-weight: 600;
  line-height: 60px;
  border-bottom: 1px dashed #c7c7c7;
  margin: 0 10px 10px;
}
.header-middle h3{
  font-size: 32px;
  color: #ff5c01;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.header-middle .header-middle__link{
  display: block;
  width: 335px;
  height: 54px;
  font-size: 20px;
  color: #fff;
  line-height: 54px;
  background: #ff5c01;
  border-radius: 27px;
  margin: 0 auto 20px;
}
.header-middle__box{
  border: 1px solid #ebebeb;
  padding-bottom: 27px;
}
.header-middle__box h5{
  font-size: 16px;
  color: #525567;
  font-weight: 600;
  line-height: 60px;
}
.header-middle__list{
  text-align: left;
  border-bottom: 1px dashed #dbdbdb;
  margin: 5px 15px;
}
.header-middle__list a{
  display: block;
}
.header-middle__list p{
  width: 385px;
  font-size: 15px;
  color: #7a7a7b;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
}
.header-middle__list i{
  width: 60px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #ff5c01;
  font-weight: 600;
  line-height: 30px;
}

.header-right{
  display: inline-block;
  vertical-align: top;
  width: 242px;
  border: 1px solid #ebebeb;
}
.header-right h2{
  width: 202px;
  height: 41px;
  font-size: 16px;
  color: #065855;
  line-height: 30px;
  font-weight: 600;
  margin: 20px auto;
  background: url('/Template/zhuanti/youlu/images/header-right__title.png') no-repeat center;
  background-size: contain;
}
.header-right h3{
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-align: center;
  line-height: 60px;
  margin-bottom: 9px;
}
.header-right h3 #t_d{
  width: 70px;
  height: 50px;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 50px;
  background: #000;
  padding: 0 10px;
  margin: 0 10px;
  /*重置上面的样式*/
  float: none;
  top: 0;
  display: inline-block;
}
.header-right__list{
  border-bottom: 1px solid #e5e5e5;
}

.header-right__list i{
  width: 21px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/header-right.png') no-repeat center;
}
.header-right__list:nth-of-type(1) i{
  background-position: 1px 12px;
}
.header-right__list:nth-of-type(2) i{
  background-position: 1px -30px;
}
.header-right__list:nth-of-type(3) i{
  background-position: 1px -68px;
}
.header-right__list:nth-of-type(4) i{
  background-position: 1px -111px;
}
.header-right__list:nth-of-type(5) i{
  background-position: 1px -151px;
}
.header-right__list:nth-of-type(6) i{
  background-position: 1px -192px;
}
.header-right__list:nth-of-type(7) i{
  background-position: 1px -232px;
}
.header-right__list:nth-of-type(8) i{
  background-position: 1px -273px;
}
.header-right__list:nth-of-type(9) i{
  background-position: 1px -308px;
}
.header-right__list a{
  width: 70px;
  height: 40px;
  font-size: 12px;
  color: #e23c3e;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.header-right__list--link a{
  color: #494747;
  font-weight: 600;
}

.header-middle .mtp{width: 490px; height: 240px; background: #f7f8f9; margin-bottom: 5px;}
.header-middle iframe{width:450px;height: 240px; padding: 0 20px; }

.bmcp-iframe h1{font-size: 24px; font-weight: bold; color: #745fb5; text-align: center; line-height: 70px;}
.bmcp-iframe .xa, .xa1, .xa2, .xa3{width: 190px; height: 28px; background: url("../images/bmcp1.png") #fff no-repeat 5px center ; border:none; margin-bottom: 20px; padding-left: 30px;}
.bmcp-iframe .xa1, .xa3{float: left;}
.bmcp-iframe .xa, .xa2{float: right;}
.bmcp-iframe .xa1{background: url("../images/bmcp1.png") #fff no-repeat 5px center ;}
.bmcp-iframe .xa2{background: url("../images/bmcp2.png") #fff no-repeat 5px center ;}
.bmcp-iframe .xa3{background: url("../images/bmcp3.png") #fff no-repeat 5px center ;}
.bmcp-iframe .xa{background: url("../images/bmcp4.png") #fff no-repeat 8px center ; width: 160px;}
.bmcp-iframe a{width: 254px; display: block; height: 44px; background: #9082bd; border-radius: 10px; border:1px solid #745fb5; box-shadow: 0px 3px 0px #65549b; margin: auto; font-size: 20px; color: #fff; text-align: center; line-height: 44px;}
.bmcp-iframe a:hover{
    font-weight: bold;
    box-shadow: 0 0 10px #745fb5;
    }
#background {
    background: #9082bd;
}