@charset "UTF-8";

* {
  font-family: '微软雅黑', Helvetica, Arial, Sans-Serif;
  word-wrap: break-word;
  word-break: break-all;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header {
  width: 100%;
  /*height: 112px;*/
  /*margin: 0 auto;*/
  background: #2c2c2c;
}

.header_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.header_left {
    float: left;
    display: flex;
}
.index_logo {
  display: flex;
  align-items: center;
}

.index_mulu {
    position: relative;
    cursor: pointer;
}
.index_mulu .index_mulu_nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.index_mulu .index_mulu_nav span {
    display: block;
    background: #333;
    width: 26px;
    height: 2px;
    transition: .25s margin .25s,.25s transform;
}
.index_mulu .index_mulu_nav span:not(:last-child) {
  margin-bottom: 5px;
}
.index_mulu.close .index_mulu_nav span {
    margin-bottom: 0px;
    transition: .25s margin,.25s transform .25s;
    transform-origin: top;
}
.index_mulu.close .index_mulu_nav span:nth-child(1) {
  transform: rotate(45deg);
}
.index_mulu.close .index_mulu_nav span:nth-child(2) {
  transform: rotate(45deg);
  opacity: 0;
  visibility: hidden;
}
.index_mulu.close .index_mulu_nav span:nth-child(3) {
  transform: rotate(135deg);
  margin-top: -2px;
}
.header_right {
    float: right;
    display: flex;
    align-items: center;
}

.index_logo a>img {
    display: block;
    vertical-align: middle;
    border-style: none;
    height: 74px;
}

.index_height {
  height: 60px;
}

img {
  border: 0;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #1974A1;
}

.clearfix {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.nav {
  /*height: 50px;*/
  /*line-height: 50px;*/
  position: relative;
  z-index: 1;
  /*margin: 50px auto 0;*/
  float: right;
}

.nav a {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}

.active a {
  color: #f60000;
  background: url(../images/nav_hover.png) no-repeat center 30px;
}

.nav .nLi {
  float: left;
  position: relative;
  display: inline;
  width: 115px;
  margin-left: 20px;
}

.nav .nLi a:hover {
  color: #f60000;
  background: url(../images/nav_hover.png) no-repeat center 30px;
  font-weight: 200
}

.nav .nLi h3 {
  float: left;
  position: relative;
  line-height: 34px;
  height: 34px;
  font-weight: 200;
}

.index_cz {
  background: #F6F6F6;
  width: 100%;
  margin: 0 auto;
}

.index_cz_content {
  position: relative;
  width: 1200px;
  height: 500px;
  background: url(../images/cz.jpg) no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  margin: 60px auto 0;
  padding: 0 0 60px 0;
}

.index_cz_content li {
  font-size: 18px;
  line-height: 60px;
  color: #fff;
  height: 60px;
  width: 400px;
  cursor: pointer;
}

.cz_left {
  background: url(../images/left.png) no-repeat;
  height: 60px;
  width: 380px;
  display: block;
  padding-left: 20px;
}

.cz_left:hover {
  background: url(../images/left_bj.png) no-repeat;
  height: 60px;
  width: 380px;
  display: block;
  padding-left: 20px;
  -webkit-transition: 0.5s;
  -moz-webkit-transition: 0.5s;
  -o-webkit-transition: 0.5s;
  transition: 0.5s;
}

.cz_right {
  background: url(../images/right.png) no-repeat;
  height: 60px;
  width: 400px;
  display: block;
}

.cz_right span {
  padding-left: 60px;
}

.cz_right:hover {
  background: url(../images/right_bj.png) no-repeat;
  height: 60px;
  width: 400px;
  display: block;
  -webkit-transition: 0.5s;
  -moz-webkit-transition: 0.5s;
  -o-webkit-transition: 0.5s;
  transition: 0.5s;
}

.zc_a {
  position: absolute;
  top: 170px;
  left: 0px;
}

.zc_b {
  position: absolute;
  top: 270px;
  left: 0px;
}

.zc_c {
  position: absolute;
  top: 370px;
  left: 0px;
}

.zc_d {
  position: absolute;
  top: 170px;
  right: 0px;
}

.zc_e {
  position: absolute;
  top: 270px;
  right: 0px;
}

.zc_f {
  position: absolute;
  top: 370px;
  right: 0px;
}

.nav .nLi h3 a {
  display: block;
  width: 115px;
  height: 35px;
  font-size: 18px;
  font-weight: 200
}

.nav .sub {
  display: none;
  width: 115px;
  left: 0;
  top: 35px;
  position: absolute;
  background: #fff;
  line-height: 30px;
  padding: 5px 0;
  border-radius: 0 0 3px 3px;
}

.nav .sub li {
  zoom: 1;
  width: 115px;
}

.nav .sub a {
  display: block;
  background: #fff;
  color: #333;
  text-align: center;
  font-size: 15px;
}

.nav .sub a:hover {
  background: #f60000;
  color: #fff;
}

.nav .on h3 a {
  color: #fff;
}

.nav .on {
  width: 115px;
  height: 34px;
  line-height: 34px;
}

.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #920000;
  position: absolute;
  top: 15px;
  right: 2px;
}

.wz_top {
  width: 100%;
  height: 28px;
  line-height: 26px;
  background: #dfdfdf;
}

#topBar1 {
  height: 28px;
  line-height: 26px;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  font-size: 12px;
}

#topBar1 li {
  color: #333;
  text-indent: 3em;
}

#topBar1 span {
  float: right;
  color: #666;
}

#topBar1 li small {
  color: #f60000;
  font-size: 12px;
  letter-spacing: 1px;
}

.siteWidth a {
  color: #666;
}

.siteWidth a:hover {
  color: #666;
  text-decoration: underline
}

.index_tou {
  width: 100%;
  background: #f6f6f6;
  padding: 20px 0;
  margin-bottom: 20px;
}

.index_tou_title {
  text-align: center;
  padding-top: 60px;
}

.index_tou_title h3 {
  font-size: 40px;
  color: #333;
}

.index_tou_title_p {
  width: 915;
  margin: 0 auto;
  font-size: 40px;
  color: #333;
  float: left;
  padding-top: 20px;
}

.index_tou_title_p p {
  text-align: left;
}

.index_tou_title span {
  color: #DB0000;
}

.index_amen {
  width: 1200px;
  margin: 30px auto;
  height: 900px;
  position: relative;
}

.amen_a {
  position: absolute;
  top: 15px;
  left: 650px;
}

.amen_b {
  position: absolute;
  top: 50px;
  left: 370px;
}

.amen_c {
  position: absolute;
  top: 175px;
  left: 180px;
}

.amen_d {
  position: absolute;
  top: 400px;
  left: 147px;
}

.amen_e {
  position: absolute;
  top: 595px;
  left: 190px;
}

.amen_f {
  position: absolute;
  top: 730px;
  left: 370px;
}

.amen_g {
  position: absolute;
  top: 730px;
  left: 620px;
}

.amen_h {
  position: absolute;
  top: 645px;
  left: 850px;
}

.amen_i {
  position: absolute;
  top: 410px;
  left: 910px;
}

.amen_j {
  position: absolute;
  top: 208px;
  left: 890px;
}

/*团队展示 */

.index_amen {
  width: 1200px;
  height: 520px;
  margin: 60px auto 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.index_amen ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.index_amen li {
  /*margin-right: 12px;*/
  margin: 0 3.5px;
  width: 291px;

  list-style: none;
  background-color: #FFF;
  float: left
}



.index_amen ul li {
  display: block;
  height: 518px;
  border: 1px #CCCCCC solid;
}

.index_amen ul li h2 {
  transition: all 0.36s;
}


.index_amen ul li a:hover h2 {
  color: #0E2CC0;
  transition: all 0.36s;
}

.index_amen ul li a:hover p {
  color: #333;
}

.index_amen .teamimg:hover img {
  transform: scale(1.05);
  transition: all 0.36s;
}

.teamimg {
  position: relative;
  overflow: hidden;
  /*width: 270px;*/
  height: 325px;
  margin: 15px;
}

.index_amen li img {
  width: 100%;
  transition: all 0.36s;
}

.index_amen .left {
  width: 30px;
  height: 50px;
  font-size: 25px;
  background: #f43434;
  position: absolute;
  left: 3.5px;
  top: 232px;
  line-height: 50px;
  text-align: center;
  z-index: 10;
  color: #fff;
  font-weight: bolder;
  display: none;
  cursor: pointer
}

.index_amen .right {
  width: 30px;
  height: 50px;
  font-size: 25px;
  background: #f43434;
  position: absolute;
  right: 3.5px;
  top: 232px;
  line-height: 50px;
  text-align: center;
  z-index: 10;
  color: #fff;
  font-weight: bolder;
  display: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer
}

.index_amen .txt {
  margin: 0 15px;
}

.index_amen .txt h2 {
  font-size: 20px;
  margin: 5px 0;
}

.index_amen .txt b {
  color: #000;
  font-weight: normal;
  font-size: 16px;
}

.index_amen .txt p {
  line-height: 24px;
  font-size: 12px;
  text-align: justify;
}

.index_amen .mask {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 8;
  display: none
}

/*团队展示完成*/

.index_smal {
  height: 200px;
  background: #f6f6f6;
  text-align: center;
}

.index_title {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}

.index_title h2 {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 200;
  color: #f60000;
  padding-top: 20px;
}

.index_title h3 {
  color: #999;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
}

.index_list {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 60px 0;
}

.index_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.index_list ul li {
  width: 270px;
  color: #333;
  margin-top: 40px;
  text-align: center;
}

.index_list li:hover {
  color: #FFF;
}

.index_list li h2 {
  padding-top: 210px;
  font-size: 18px;
  margin-bottom: 6px;
}

.index_list li p {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.icon01 {
  background: url(../images/1.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon01:hover {
  background: url(../images/01.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon02 {
  background: url(../images/2.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon02:hover {
  background: url(../images/02.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon03 {
  background: url(../images/3.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon03:hover {
  background: url(../images/03.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon04 {
  background: url(../images/4.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon04:hover {
  background: url(../images/04.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon05 {
  background: url(../images/5.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon05:hover {
  background: url(../images/05.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon06 {
  background: url(../images/6.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon06:hover {
  background: url(../images/06.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon07 {
  background: url(../images/7.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon07:hover {
  background: url(../images/07.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon08 {
  background: url(../images/8.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.icon08:hover {
  background: url(../images/08.jpg) no-repeat;
  height: 300px;
  transition: all 0.5s;
}

.margin {
  margin: 0 40px;
}

.left_margin {
  margin-left: 40px;
}

.img {
  background: url(../images/45.jpg) no-repeat center center;
  height: 1445px;
  margin: 0 auto;
}

.img_btn {
  background: url(../images/46.jpg) no-repeat center center;
  height: 1076px;
  margin: 0 auto;
}

.index_youshi {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0 30px 0;
}

.index_youshi ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}

.index_youshi ul li {
  padding-bottom: 30px;
}

.index_youshi li {
  clear: both;
}

.youshi_first img {
  float: right;
}

.youshi_first .figcaption {
  display: block;
  position: relative;
  float: left;
  width: 550px;
  height: 120px;
  letter-spacing: 1px;
  padding-top: 160px;
  background: url(../images/index_you.png) no-repeat;
}

.index_ding {
  width: 100%;
  background: url(../images/ding.jpg) no-repeat center center;
  height: 160px;
  position: fixed;
  bottom: 0;
}

.index_ding_a {
  width: 1200px;
  margin: 0 auto;
  height: 158px;
  position: relative;
}

.index_ding_a a {
  width: 200px;
  height: 50px;
  position: absolute;
  bottom: 45px;
  right: 10px;
}

.youshi_first .figcaption .ksax {
  position: absolute;
  font-size: 54px;
  font-weight: 300;
  color: #FFF;
  top: 48px;
  left: 26px;
}

.youshi_first .figcaption h2 {
  position: absolute;
  font-size: 26px;
  font-weight: 300;
  color: #333;
  top: 46px;
  left: 160px;
}

.youshi_first .figcaption h3 {
  position: absolute;
  font-size: 22px;
  font-weight: 300;
  color: #DB0000;
  top: 94px;
  left: 160px;
}

.youshi_first .figcaption p {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  top: 7px;
  left: 0;
  line-height: 1.75;
}

.youshi_first .figcaption p span {
  color: #DB0000;
}

.youshi_second .figcaption {
  display: block;
  position: relative;
  width: 550px;
  height: 120px;
  letter-spacing: 1px;
  padding-top: 160px;
  background: url(../images/index_you.png) no-repeat;
}

.youshi_second .figcaption .ksax {
  position: absolute;
  font-size: 54px;
  font-weight: 300;
  color: #FFF;
  top: 48px;
  left: 26px;
}

.youshi_second .figcaption h2 {
  position: absolute;
  font-size: 26px;
  font-weight: 300;
  color: #333;
  top: 46px;
  left: 160px;
}

.youshi_second .figcaption h3 {
  position: absolute;
  font-size: 22px;
  font-weight: 300;
  color: #DB0000;
  top: 94px;
  left: 160px;
}

.youshi_second .figcaption p {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  top: 7px;
  left: 0px;
  line-height: 1.75;
}

.youshi_second .figcaption p span {
  color: #DB0000;
}

.index_case {
  background-color: #2b2e33;
}

.index_case {
  background-color: #2b2e33;
}

.case_content {
  width: 1200px;
  margin: 0 auto 50px;
}

.case_content_title {
  text-align: center;
}

.case_content_title h2 {
  font-size: 40px;
  color: #ff0000;
  font-weight: 200;
  padding: 0px 0 6px 0;
  letter-spacing: 2px;
  margin-top: 20px;
}

.case_content_title h3 {
  font-size: 18px;
  color: #999;
  font-weight: 200;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}

.case_content_title p {
  font-size: 44px;
  color: #e5e5e5;
  line-height: 1.5;
  letter-spacing: 2px;
}

.index_case .case_content_list p {
  color: #ffffff;
  ;
}

.padding_p {
  padding-top: 50px;
}

.case_content_list {
  margin: 0px auto;
}

.case_content_list li {
  width: 32%;
  margin-bottom: 2%;
  text-align: center;
  opacity: 0.5;
}

.case_content_list li:hover {
  opacity: 1;
}

.case_content_list li img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.case_content_list li p {
  font-size: 18px;
  color: #FFF;
  padding: 10px 0;
  text-align: center;
  background-color: #2A65A0;
}

.case_content_list li:hover p {
  background-color: #EE422F;
  color: #FFF;
}

.p_link {
  padding: 30px 0;
  /* margin: 0 auto; */
  text-align: center;
}

.index_qiye {
  width: 1200px;
  margin: 40px auto 60px;
  font-size: 14px;
  color: #333;
  line-height: 1.75;
}

.index_qiye h3 {
  font-size: 24px;
  font-weight: normal;
  color: #DB0000;
  line-height: 1.75;
  text-align: center;
}

.index_qiye_content {
  position: relative;
  height: 420px;
  font-size: 14px;
  color: #666;
  line-height: 1.75;
  margin-top: 40px;
  background: url(../images/gs_bj.png) no-repeat;
  background-position-x: 50%;
}

.index_more {
  position: absolute;
  top: 373px;
  left: 533px;
}

.index_more a {
  background: #cecece;
  width: 132px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: block;
  transition: all 0.36s;
}

.index_more a:hover {
  background: #f43434;
  transition: all 0.36s;
}

.index_qiye_a {
  position: absolute;
  right: 20px;
  top: 8px;
  text-align: right;
  width: 40%;
}

.index_qiye_b {
  position: absolute;
  left: 20px;
  top: 100px;
  text-align: left;
  width: 40%;
}

.index_qiye_c {
  position: absolute;
  right: 20px;
  top: 180px;
  text-align: right;
  width: 40%;
}

.index_qiye_d {
  position: absolute;
  left: 20px;
  top: 280px;
  text-align: left;
  width: 40%;
}

.index_about {
  width: 100%;
  height: 560px;
  margin: 60px auto 0;
}

.focusBox {
  position: relative;
  width: 100%;
  height: 560px;
  overflow: hidden;
}

.focusBox .hd {
  overflow: hidden;
  zoom: 1;
  position: absolute;
  bottom: 38%;
  right: 41%;
  z-index: 3
}

.focusBox .hd li {
  float: left;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  width: 25px;
  height: 6px;
  cursor: pointer;
  overflow: hidden;
  background: #919191;
  margin-left: 4px;
  filter: alpha(opacity=80);
  opacity: .8;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease
}

.focusBox .hd .on {
  background: #e52324;
  filter: alpha(opacity=100);
  opacity: 1;
}

.li_position {
  position: relative;
}

.pic_active {
  width: 550px;
  height: 470px;
  position: absolute;
  top: 10%;
  left: 53%;
}

.pic_active h2 {
  font-size: 30px;
  color: #fff;
}

.focusBox_container {
  width: 100%;
  background: #333;
  position: relative;
  height: 560px;
}

.focusBox_right {
  float: right;
  width: 50%;
  background: #333;
  position: absolute;
  right: 22%;
  top: 6%;
}

.focusBox {
  width: 50%;
  height: 560px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.focusBox .pic img {
  display: block;
  min-height: 560px;
  max-width: 100%;
}

.focusBox .hd {
  overflow: hidden;
  zoom: 1;
  position: absolute;
  bottom: 4%;
  right: 5%;
  z-index: 3
}

.focusBox .hd li {
  float: left;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  width: 35px;
  height: 5px;
  cursor: pointer;
  overflow: hidden;
  background: #919191;
  margin-left: 4px;
  filter: alpha(opacity=80);
  opacity: .8;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease
}

.focusBox .hd .on {
  background: #e52324;
  filter: alpha(opacity=100);
  opacity: 1;
}

.focusBox .prev,
.focusBox .next {
  width: 45px;
  height: 99px;
  position: absolute;
  top: 91px;
  z-index: 3;
  filter: alpha(opacity=20);
  -moz-opacity: .2;
  opacity: .2;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease
}

.focusBox .prev {
  background-image: url(../images/index.png);
  background-position: -112px 0;
  left: 0
}

.focusBox .next {
  background-image: url(../images/index.png);
  background-position: -158px 0;
  right: 0
}

.focusBox .prev:hover,
.focusBox .next:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6
}



.pic_active h3 {
  width: 45px;
  height: 3px;
  background: #e52324;
  margin: 7% 0;
}

.pic_active p {
  font-size: 15px;
  color: #EBEBEB;
  line-height: 1.8;
}

.pic_active h4 img {
  width: 551px;
  height: 107px;
  margin-top: 50px;
}

.index_foot {
  background: #F6F6F6;
  margin: 0 auto;
}

.foot_banner {
  margin: 0 auto;
  height: 550px;
  padding: 60px 0;
}

.w3cFocus {
  width: 100%;
  position: relative;
  height: 550px;
}

.w3cFocus .prev, .w3cFocus .next {
  position: absolute;
  display: block;
  left: 10px;
  top: 240px;
  font-size: 50px;
  line-height: 0;
  filter: alpha(opacity=80);
  opacity: 0.8;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.w3cFocus .next {
  left: auto;
  right: 10px;
  background-position: -46px 0;
}

.w3cFocus .prev:hover,
.w3cFocus .next:hover {
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}

.w3cFocusIn {
  width: 100%;
  max-width: 960px;
  height: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.w3cFocusIn .bd, .w3cFocusIn .bd ul {
    height: 100%;
}
.w3cFocusIn .bd li {
  vertical-align: middle;
}

.w3cFocusIn .bd li img {
  /*width: 960px;*/
  /*height: 550px;*/
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.w3cFocusIn .hd {
  position: absolute;
  right: 4px;
  bottom: 6px;
}

.w3cFocusIn .hd ul {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  overflow: hidden;
  zoom: 1;
}

.w3cFocusIn .hd ul li {
  position: relative;
  float: left;
  display: inline;
  padding-top: 4px;
  margin-right: 6px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  cursor: pointer;
}

.w3cFocusIn .hd ul li img {
  width: 76px;
  height: 46px;
  border: 2px solid #fff;
  display: block;
}

.w3cFocusIn .hd ul li.on {
  filter: alpha(opacity=100);
  opacity: 1;
  background: url(../images/focusarrow.png) center 0 no-repeat;
}

.w3cFocusIn .hd ul li.on img {
  border: 2px solid #3499EA;
  border-bottom-width: 4px;
}

.pubic_banner {
  width: 100%;
  margin: 0 auto 0;
}

.pubic_banner img {
  width: 100%;
  height: inherit;
}

.demeanor {
  width: 1200px;
  margin: 50px auto;
}

.demeanor h2 {
  font-size: 34px;
  color: #333;
  font-weight: 300;
}

.demeanor h3 {
  font-size: 20px;
  color: #666;
  font-weight: 300;
  margin: 5px 0;
}

.demeanor_act {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  padding: 50px 0 30px;
}

.demeanor_act p {
  margin-bottom: 10px;
  padding-left: 2em;
}

.demeanor_act b {
  font-size: 20px;
}

.demeanor_act img {
  float: right;
  margin-left: 30px;
}

.demeanor_bg {
  background: url(../images/py.jpg) no-repeat center center;
  height: 673px;
}

.demeanor_b {
  width: 1200px;
  margin: 0 auto;
}

.demeanor_b img {
  float: left;
  margin-right: 30px;
}

.demeanor_b {
  color: #333;
  font-size: 14px;
  line-height: 1.75;
  padding: 60px 0 0;
}

.demeanor_b p {
  text-indent: 2em;
  margin: 12px 0;
}

.demeanor_b b {
  font-size: 20px;
}

.contact {
  width: 1200px;
  margin: 80px auto 120px;
}

.contact_list {
  position: relative;
  color: #333;
  font-size: 18px;
}
.contact_list ul li {
  margin-bottom: 35px;
}
.contact_list ul li:last-of-type {
  margin-bottom: 0;
}
.contact_list p {
  font-size: 24px;
}

.contact_webname {
  margin-bottom: 35px;
}

.contact_photo {
  background: url(../images/photo.png) no-repeat;
  padding-left: 64px;
}

.contact_qq {
  background: url(../images/qq.png) no-repeat;
  padding-left: 64px;
}

.contact_email {
  background: url(../images/email.png) no-repeat;
  padding-left: 64px;
}

.contact_address {
  background: url(../images/view.png) no-repeat;
  padding-left: 64px;
}

.contact_wei {
  background: url(../images/icon.png) no-repeat;
  padding-left: 64px;
  position: absolute;
  margin-top: 70px;
  left: 700px;
  top: 0;
}

.contact_er {
  position: absolute;
  right: 0px;
  margin-top: 70px;
  top: 0px;
}

.contact_content {
  background: url(../images/bj.jpg) no-repeat center center;
  height: 680px;
  margin-top: 100px;
  position: relative;
}

.contact_top {
  max-width: 410px;
  position: absolute;
  top: 32px;
  left: 32px;
  color: #ccc;
  
}
.contact_top form {
  display: flex;
  flex-wrap: wrap;
}
.contact_top p {
  font-size: 20px;
  color: #888888;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 12px;
}

.contact_top input, .contact_top textarea {
  background: #EEEEEE;
  border: none;
  border: 1px solid #fff;
  outline: none;
}

.contact_top input {
  width: 100%;
  color: #333;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.contact_top .input-width-1 {
    flex: 0 0 auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.contact_top .input-width-2 {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.contact_top textarea {
    display: block;
    width: 100%;
    height: 140px;
    font-size: 13px;
    resize: vertical;
    color: #333;
    padding: 10px;
    box-sizing: border-box;
}
.contact_top .form-code {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
}
.contact_top .form-code img {
    background-color: #fff;
}
.contact_top .form-button {
    text-align: center;
}
.contact_top button {
  color: #666666;
  height: 35px;
  padding: 0 20px;
  border: 1px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*.cheng, .you {*/
/*  margin-right: 10px;*/
/*}*/

.textarea {
  width: 386px;
  height: 140px;
  color: #fff;
  font-size: 13px;
  padding: 10px 0 0 10px;
  margin-bottom: 20px;
}

.contact_top a {
  font-size: 13px;
  padding: 4px 8px;
  border: 1px solid #fff;
  color: #fff;
}

.diagnosis {
  width: 1200px;
  margin: 60px auto 100px;
  background: url(../images/header.jpg) no-repeat;
  height: 800px;
}

.diagnosis_content {
  background: url(../images/bj.jpg) no-repeat center center;
  height: 1670px;
}

.diagnosis_top {
  width: 1200px;
  margin: 0 auto;
}

.diagnosis_title {
  text-align: center;
  position: relative;
}

.diagnosis_title h2 {
  color: #f60000;
  font-size: 40px;
  font-weight: 200;
  padding: 80px 0 5px 0;
}

.diagnosis_title h3 {
  color: #999999;
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 240px;
}

.diagnosis_title ul {
  color: #b6b6b6;
  font-size: 24px;
}

.diagnosis_title li {
  width: 630px;
}

.p_first {
  position: absolute;
  top: 440px;
  left: 380px;
}

.p_second {
  position: absolute;
  top: 750px;
  left: 240px;
}

.p_three {
  position: absolute;
  top: 1130px;
  left: 380px;
}

.p_four {
  position: absolute;
  top: 1450px;
  left: 190px;
}

.p_banner {
  margin: 80px 0;
}

.diagnosis_list {
  width: 1160px;
  margin: 40px auto 80px;
}

.diagnosis_list li {
  margin-bottom: 60px;
}

.diagnosis_list_a {
  background: url(../images/pi.jpg) no-repeat;
  width: 465px;
  height: 510px;
  float: left;
  color: #fff;
  text-align: center;
}

.diagnosis_list_a h2 {
  font-size: 30px;
  font-weight: 300;
  padding-top: 280px;
  margin-bottom: 30px;
}

.diagnosis_list_a p {
  font-size: 20px;
  line-height: 1.4;
}

.diagnosis_list_b {
  background: url(../images/pq.jpg) no-repeat;
  width: 465px;
  height: 510px;
  float: right;
  color: #515151;
  text-align: center;
}

.diagnosis_list_b h2 {
  font-size: 30px;
  font-weight: 300;
  padding-top: 280px;
  margin-bottom: 30px;
}

.diagnosis_list_b p {
  font-size: 20px;
  line-height: 1.4;
}

.diagnosis_list_c {
  background: url(../images/bi.jpg) no-repeat;
  width: 465px;
  height: 510px;
  float: left;
  color: #515151;
  text-align: center;
}

.diagnosis_list_c h2 {
  font-size: 30px;
  font-weight: 300;
  padding-top: 280px;
  margin-bottom: 30px;
}

.diagnosis_list_c p {
  font-size: 20px;
  line-height: 1.4;
}

.diagnosis_list_d {
  background: url(../images/he.jpg) no-repeat;
  width: 465px;
  height: 510px;
  float: right;
  color: #fff;
  text-align: center;
}

.diagnosis_list_d h2 {
  font-size: 30px;
  font-weight: 300;
  padding-top: 280px;
  margin-bottom: 30px;
}

.diagnosis_list_d p {
  font-size: 20px;
  line-height: 1.4;
}

.slideTxtBox {
  width: 100%;
  text-align: left;
  margin-top: 60px;
}

.slideTxtBox .hd {
  height: 225px;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.slideTxtBox .hd ul {
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
}

.slideTxtBox .hd ul li {
  float: left;
  cursor: pointer;
  height: 225px;
  width: 360px;
  border: 5px solid #eee;
}

.slideTxtBox_center {
  margin: 0 44px;
}

.slideTxtBox .hd ul li a {
  height: 225px;
  display: block
}

.slideTxtBox .hd ul li:hover {
  border: 5px solid #2076ca;
}

.slideTxtBox .hd ul li.on {
  height: 225px;
  border: 5px solid #2076ca;
}

.slideTxtBox .bd {
  background: #fff;
}

.case_title {
  background: url(../images/pic4.jpg) no-repeat;
  width: 487px;
  height: 103px;
  margin: 0 auto;
  text-align: center;
  color: #e52324;
  font-size: 40px;
  font-weight: bold;
  padding-top: 40px
}
.case_title h1 {
    font-size: 40px;
    display: inline;
}
.case_title p {
  color: #666;
  font-size: 20px;
  line-height: 40px;
  font-weight: normal;
}

.case_hgroup img {
  float: left;
  margin-right: 50px;
}

.case_hgroup {
  color: #666;
  line-height: 26px;
  font-size: 15px;
}

.case_hgroup p {
  color: #666666;
  font-size: 18px;
}

.case_hgroup h2 {
  font-size: 28px;
  margin: 30px 0;
  color: #333;
}

.case_hgroup h3 {
  color: #3366CC;
  font-size: 16px;
  margin: 20px 0;
}

.case_list {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  height: 350px;
}

.case_qian {
  width: 1200px;
  margin: 30px auto 100px auto;
}

.case_qi {
  width: 980px;
  margin: 10px auto;
}

.case_qi p {
  font-size: 24px;
  color: #333;
  line-height: 70px;
  text-align: center;
}

.case_qg {
  font-size: 18px;
  color: #e52324;
  line-height: 50px;
  background: url(../images/mo.jpg) left 40px no-repeat;
  width: 1200px;
  margin: 0 auto;
}

.xiao {
  background: url(../images/contect3.jpg) no-repeat center center;
  margin: 60px 0;
  height: 45px;
}

.case_lwe li {
  float: left;
  margin: 30px 5px 80px;
}

.feedback {
  background: url(../images/header.jpg) no-repeat;
  width: 1200px;
  height: 1246px;
  margin: 60px auto 100px;
}

.feedback p {
  font-size: 48px;
  font-weight: bold;
  color: #894e08;
  text-align: center;
  padding-top: 250px;
}

.feedback ul {
  padding: 110px 0 0 476px;
}

.feedback li {
  width: 40px;
  font-size: 32px;
  float: left;
  color: #894e08;
  margin-right: 40px;
  font-weight: 700;
}

.feedback span {
  color: #c49e70;
  font-weight: 200;
}

.feedback_small {
  background: url(../images/center.jpg) no-repeat center center;
  height: 300px;
}

.feedback_content {
  width: 1204px;
  background: url(../images/content.jpg) no-repeat;
  height: 500px;
  position: relative;
  margin: 100px auto 0;
}

.feedback_content li {
  color: #333;
  font-size: 25px;
}

.feedback_content p {
  font-size: 33px;
}

.feedback_content_a {
  position: absolute;
  top: 80px;
  right: 210px;
}

.feedback_content_b {
  position: absolute;
  top: 215px;
  right: 300px;
}

.feedback_content_c {
  position: absolute;
  top: 362px;
  right: 140px;
}

.Qualification {
  width: 1200px;
  height: 425px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  margin: 0 auto;
  padding: 60px 0 0 0;
}

.Qualification img {
  float: left;
  margin-right: 50px;
}

.Qualification h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.Qualification h3 {
  font-size: 18px;
  line-height: 1.75;
  margin-top: 30px;
}

.Qualification p {
  text-indent: 2em;
  text-align: justify;
}

.course {
  background: url(../images/zhan.jpg) no-repeat;
  height: 343px;
  margin: 120px auto;
  width: 1204px;
  position: relative;
}

.course li {
  width: 120px;
  font-size: 12px;
  color: #333;
  line-height: 1.3
}

.course h2 {
  font-size: 24px;
  color: #ff9000;
  margin-bottom: 10px;
}

.course_a {
  position: absolute;
  top: 190px;
  left: 90px;
}

.course_b {
  position: absolute;
  top: 120px;
  left: 270px;
}

.course_c {
  position: absolute;
  top: 40px;
  left: 460px;
}

.course_d {
  position: absolute;
  top: 4px;
  left: 640px;
}

.course_e {
  position: absolute;
  top: 4px;
  left: 820px;
}

section.content {
  margin: 0px auto;
  transition: all 0.3s ease-in-out 0s;
  width: 1200px;
}

.artlist ul.items {
  position: relative;
  top: 0px;
  margin: 0px 60px;
  padding: 0px;
  list-style: none;
}

.artlist ul.items li {
  margin-bottom: 50px;
  height: 166px;
}

.artlist ul.items li span.date {
  display: block;
  float: left;
  width: 58px;
  height: 66px;
  padding-top: 5px;
  color: White;
  font-size: 20px;
  text-align: left;
  background: url(../images/icons.png) no-repeat 0px -512px;
}

.artlist ul.items li span.date u {
  display: block;
  margin-top: -5px;
  font-size: 12px;
  text-decoration: none;
}

.artlist ul.items li a.thumb {
  display: block;
  float: left;
  margin-left: 12px;
  width: 230px;
  border: 3px solid White;
  background: White;
}

.artlist ul.items li p.left {
  float: left;
  display: block !important;
  padding-right: 30px;
}

.artlist ul.items li p.right {
  display: block !important;
  float: right;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.artlist ul.items li p.right span.title {
  display: block;
}

.artlist ul.items li p.right span.title a {
  color: #333;
  font-size: 24px;
  text-decoration: none;
}

.artlist ul.items li p.right span.title a:hover {
  color: #2fd0b5;
}

.artlist ul.items li p.right span.rel {
  display: block;
  color: #999;
  font-size: 12px;
  margin-top: 20px;
}

.artlist ul.items li p.right span.rel u {
  margin: 0 10px;
  color: #aaa;
  text-decoration: none;
}

.artlist ul.items li p.right span.rel a {
  color: #999;
  text-decoration: none;
}

.artlist ul.items li p.right span.rel a:hover {
  border-bottom: 1px solid #999;
}

.artlist ul.items li p.right span.summary {
  display: block;
  margin-top: 35px;
  height: 60px;
  color: #555;
  line-height: 1.75;
  overflow: hidden;
}

.artlist ul.items li span.tags {
  display: block;
  margin-top: 8px;
}

.artlist ul.items li span.tags .glyphicon {
  color: #2cc0a7;
}

.artlist ul.items li span.tags a {
  margin-left: 10px;
  color: #2cc0a7;
}

.paging {
  margin: 0px 0px 30px 40px;
  text-align: center;
}

.qzPagination {
  display: inline-block;
  height: 35px;
}

.qzPagination li {
  float: left;
  display: block;
  height: 35px;
  margin-right: 2px;
  border: #dfdfdf 1px solid;
  color: #000000;
  font-family: Arial;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  background: #f6f6f6;
  padding: 0px 8px;
}

.qzPagination li a {
  color: #000000;
}

.qzPagination li a:hover {
  color: #ff0000;
}

.qzPagination li.thisclass {
  position: relative;
  border: #2fd0b5 1px solid;
  color: White;
  font-family: Arial;
  background: #2fd0b5;
}

.qzPagination .prev {
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}

.qzPagination .next {
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}

.artshow .box {
  position: relative;
  margin: 20px 0 0 60px;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.artshow .box h1 {
  font-size: 20px;
  font-weight: bold;
  color: #0d68bf;
  line-height: 170%;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
  padding: 10px 0;
  text-align: center;
}

.artshow .box .rel {
  font-size: 12px;
  color: #979797;
  text-align: center;
}

.artshow .box .rel a {
  color: #999;
  text-decoration: none;
}

.artshow .box .rel a:hover {
  border-bottom: 1px solid #999;
}

.artshow .box .rel u {
  margin: 0px 15px;
  color: #aaa;
  text-decoration: none;
}

.artshow .box .words {
  padding-top: 20px;
  padding-bottom: 14px;
  border-top: 1px solid White;
  line-height: 25px;
}
.artshow .box .words :last-child {
  margin-bottom: 0;
  padding-bottom: 0px;
}
.artshow .box .words h2 {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 170%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.artshow .box .words p {
  font-size: 14px;
  color: #666;
  line-height: 1.75;
  margin-bottom: 14px;
  text-indent: 2em;
  text-align: justify;
  word-break: normal;
}

.artshow .box .words img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.artshow .box .words p a {
  margin: 0 3px;
  color: #3588be;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}

.artshow .box .words p a:hover {
  border-bottom: 1px solid #3588be;
}

.artshow .box>dl.tags {
  margin-top: 40px;
}

.artshow .box>dl.tags dt {
  display: inline-block;
}

.artshow .box>dl.tags dt .glyphicon {
  margin: 0px 8px 0px 12px;
}

.artshow .box>dl.tags dd {
  display: inline-block;
  margin-top: 10px;
}

.artshow .box>dl.tags dd a {
  margin-right: 5px;
  padding: 2px 8px 4px 8px;
  color: White;
  background: #2fd0b5;
  text-decoration: none;
}

.artshow .box .bdsharebuttonbox {
  margin-bottom: 40px;
}

.artshow aside {
  position: fixed;
  right: -310px;
  width: 280px;
  border: 15px solid White;
  background: White;
  z-index: 100;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.artshow aside.active {
  right: 85px;
}

.artshow aside .ad img {
  width: 280px;
  height: 210px;
}

.artshow aside .caption {
  margin-top: 25px;
  height: 25px;
  border-bottom: 2px solid #eee;
}

.artshow aside .caption h3 {
  display: inline-block;
  position: relative;
  top: -22px;
  padding-bottom: 8px;
  font-size: 18px;
  border-bottom: 2px solid #2fd0b5;
}

.artshow aside ul.items {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}

.artshow aside ul.items li {
  margin-top: 20px;
  height: 70px;
}

.artshow aside ul.items li a.thumb {
  float: left;
  margin-right: 15px;
}

.artshow aside ul.items li a.thumb img {
  width: 101px;
  height: 70px;
}

.artshow aside ul.items li .title {
  display: block;
  line-height: 22px;
}

.artshow aside ul.items li .title a {
  color: #333;
  text-decoration: none;
}

.artshow aside ul.items li .title a:hover {
  color: #2fd0b5;
}

.artshow aside ul.items li .rel {
  margin-top: 5px;
  display: block;
  color: #aaa;
}

.artshow aside ul.items li .rel .glyphicon {
  margin: 0px 5px 0px 15px;
}

.flink {
  font-size: 14px;
  line-height: 40px;
  background-color: #666666;
  height: 40px;
  text-align: left;
}

.flink a {
  font-size: 14px;
  color: white;
  margin: 0 5px;
}

.flink a:hover {
  color: yellow;
}

.flink span {
  color: red;
}

.footer {
  width: 100%;
  height: 195px;
  background: #2c2c2c;
  padding: 40px 0 20px;
}

.weixin {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  font-size: 13px;
  color: #959595;
  text-align: center;
}

.foot p {
  color: #959595;
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px;
}

.foot p a {
  color: #959595;
  margin-right: 30px;
  font-size: 16px;
}

.foot p a:hover {
  text-decoration: underline;
}

.footer_list {
  height: 150px;
  width: 1100px;
  margin: 0 auto 20px;
}

.footer_list li {
  text-align: center;
  width: 220px;
  float: left;
  font-size: 14px;
  line-height: 20px;
}

.xian_index {
  background: #959595;
  width: 100%;
  height: 1px;
}

.hexinyewu,
.hexinyewu a {
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFCC00;
  font-weight: bod;
  font-size: 14px;
}

.wenzi1 {
  width: 100%;
  text-align: center;
  color: #fff;
}

.wenzi1 h3 {
  padding-top: 67px;
  font-size: 41px;
}

.wenzi1 p {
  color: #cdcdcf;
  font-size: 16px;
  padding-top: 10px
}

.hongse {
  color: #e80901;
}

.normal {
  font-weight: 300;
}

.wenzi2 {
  color: #FFF;
  margin-left: 13.333%;
  padding-top: 62px;
}

.wenzi2 h3 {
  font-size: 40px;
  padding-bottom: 8px;
}

.wenzi2 p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  text-align: justify;
  padding-bottom: 30px
}

.wenzi3 {
  color: #FFF;
  text-align: right;
  margin-right: 13.333%;
  padding-top: 296px;
}

.wenzi3 h3 {
  font-size: 40px;
  padding-bottom: 8px;
}

.wenzi3 p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  padding-bottom: 30px
}

.wenzi4 {
  color: #FFF;
  margin-left: 13.333%;
  padding-top: 26px;
}

.wenzi4 h3 {
  font-size: 40px;
  padding-bottom: 8px;
}

.wenzi4 p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  padding-bottom: 30px
}

.wenzi5 {
  color: #FFF;
  text-align: right;
  margin-right: 13.333%;
  padding-top: 302px;
}

.wenzi5 h3 {
  font-size: 40px;
  padding-bottom: 8px;
}

.wenzi5 p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  padding-bottom: 30px
}
.wenzi2, .wenzi3, .wenzi4, .wenzi5 {
    display: flex;
    flex-direction: column;
}
.wenzi2, .wenzi4 {
    align-items: flex-start;
}
.wenzi3, .wenzi5 {
    align-items: flex-end;
}
 .wenzi2 p, .wenzi3 p, .wenzi4 p, .wenzi5 p {
    max-width: 35%;
}

/*--整合style.css--*/
.Decoration_top {
  width: 1220px;
  margin: 60px auto;
}

.Decoration_top img {
  float: right;
}

.Decoration_top h2 {
  font-size: 34px;
  color: #333;
  line-height: 45px;
  font-weight: 500;
  padding-top: 50px;
}

.Decoration_top p {
  font-size: 18px;
  color: #666;
  line-height: 30px;
  margin: 50px 0 0;
}

.cl {
  clear: both;
}

.Decoration_title {
  width: 1220px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 22px;
  color: #666;
  text-transform: uppercase;
}

.Decoration_title h2 {
  font-size: 36px;
  margin-bottom: 5px;
  color: #333;
}

.Decoration_title h2 span {
  color: #e52324;
  font-weight: 400;
}

.Decoration_activ {
  width: 1170px;
  margin: 0 auto 100px;
}

.Decoration_active {
  width: 1220px;
  margin: 0 auto;
}

.Decoration_img {
  width: 1220px;
  margin: 0 auto 60px;
}

.Decoration_center {
  width: 1220px;
  margin: 0 auto;
  background: url(../images/d2.jpg) no-repeat;
  height: 572px;
}

.Decoration_center p {
  padding: 480px 0 0 700px;
  color: #333;
  font-size: 15px;
  line-height: 30px;
}

.Spread_list {
  width: 1200px;
  margin: 60px auto;
}

.Spread_hgroup img {
  float: left;
  margin-right: 100px;
}

.Spread_hgroup h2 {
  font-size: 48px;
  font-weight: bold;
  color: #333;
  margin: 15px 0 30px;
}

.Spread_hgroup h2 span {
  color: #e52324
}

.Spread_hgroup p {
  font-size: 24px;
  color: #333;
  line-height: 40px;
  padding-top: 50px;
}

.Spread_hgroup a {
  background: #e52324;
  color: #fff;
  padding: 8px 25px;
  font-size: 18px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.Credit_title {
  width: 1200px;
  margin: 60px auto;
  font-size: 48px;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.Credit_si {
  background: url(../images/pic9.jpg) no-repeat;
  height: 605px;
  width: 1200px;
  margin: 0px auto;
}

.Credit_si a {
  display: inline-block;
  margin-bottom: 29px;
  margin-right: 29px;
  height: 274px;
  width: 274px;
  overflow: hidden;
}

.Credit_si a:nth-child(4n) {
  margin-right: 0px;
}

.Credit_si a img {
  width: 274px;
  height: 274px;
}

.Credit_si a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.2, 1.2);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 500ms;
}

.Credit_qi {
  background: url(../images/pic8.jpg) no-repeat;
  width: 1280px;
  height: 450px;
  margin: 0 auto 60px;
}

.Credit_qi li {
  width: 150px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 43px;
  float: left;
  padding-top: 30px;
}

.Credit_qi li p {
  text-align: left;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding-left: 15px;
  margin-top: 50px;
}

.Credit_fang {
  width: 1280px;
  margin: 0 auto;
}

.Credit_fang li {
  width: 400px;
  text-align: center;
  color: #fff;
  float: left;
  padding: 40px 0;
  margin-bottom: 30px;
}

.Credit_fang p {
  padding: 0 30px;
  line-height: 26px;
}

.Credit_fang h2 {
  font-size: 30px;
}

.Credit_fang h3 {
  width: 40px;
  height: 2px;
  background: #fff;
  margin: 12px auto;
}

.Credit_fang li.blue:hover {
  background: #e56c0e;
}

.Credit_fang li.red:hover {
  background: #11ae96;
}

.Credit_fang li.rede:hover {
  background: #14c12f;
}

.Credit_fang li.bl:Hover {
  background: #1993c1;
}

.Credit_fang li.hl:Hover {
  background: #da3ddc;
}

.Credit_fang li.blu:hover {
  background: #3b65cd;
}

.Spread_h {
  background: url(../images/tgi.jpg) no-repeat;
  height: 530px;
  margin: 0 auto;
}

.Spread_h {
  width: 1200px;
  height: 530px;
  overflow: hidden;
  margin: 0px auto;
}

.Spread_h p {
  color: #686868;
  margin: 1em 0px;
}

.Spread_h h2 {
  color: #e72327;
  margin-top: 85px;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
}

.Spread_h h2.top2 {
  color: #e72327;
  margin-top: 60px;
}

.Spread_yuan {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.Spread_yuan li {
  padding-top: 25px;
  width: 220px;
  height: 195px;
  background: #999;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  ;
  -webkit-border-radius: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.Spread_yuan li p {
  padding: 0 30px;
}

.Spread_yuan li:hover {
  background: #e52324;
}

.sphl {
  float: left;
  width: 300px;
  float: left;
  text-align: right;
  padding-top: 20px;
}

.sphr {
  float: right;
  width: 300px;
  float: right;
  padding-top: 20px;
}

.yuan_a {
  margin: 0 24px;
}

.blue {
  background: #f2700c;
  cursor: pointer;
}

.red {
  background: #11bca2;
  cursor: pointer;
}

.rede {
  background: #13ce31;
  cursor: pointer;
}

.bl {
  background: #1b9ccd;
  cursor: pointer;
}

.hl {
  background: #ec47ee;
  cursor: pointer;
}

.blu {
  background: #416ddb;
  cursor: pointer;
}

.qi_r {
  margin: 0 40px;
}

.qi_h {
  margin: 0 33px;
}

.Operations_lm {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
}

.Operations_lm h2 {
  font-size: 48px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
}

.Operations_lm h3 {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  background: #e5231f;
  width: 320px;
  margin: 0 auto;
  line-height: 45px;
  padding-bottom: 5px;
}

.Operations_tai {
  background: url(../images/operations2.jpg) no-repeat;
  width: 1230px;
  height: 500px;
  margin: 60px auto;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.Operations_tai li {
  width: 365px;
}

.tai_a {
  position: absolute;
  top: 58px;
  left: 186px;
}

.tai_b {
  position: absolute;
  top: 60px;
  right: 26px;
}

.tai_c {
  position: absolute;
  top: 235px;
  left: 186px;
}

.tai_d {
  position: absolute;
  top: 235px;
  right: 26px;
}

.tai_e {
  position: absolute;
  top: 406px;
  left: 186px;
}

.tai_f {
  position: absolute;
  top: 406px;
  right: 26px;
}

.Operations_title {
  width: 1200px;
  margin: 60px auto;
  text-align: center;
}

.Operations_title h2 {
  font-size: 48px;
  color: #333;
  font-weight: bold;
}

.Operations_title h2 span {
  color: #e52324;
}

.Operations_title h3 {
  font-size: 24px;
  color: #666;
  line-height: 40px;
  letter-spacing: 2px;
}

.Operations_bao {
  width: 1220px;
  margin: 60px auto 80px;
  background: url(../images/operations3.jpg) no-repeat;
  height: 500px;
  font-size: 15px;
  color: #666;
  line-height: 25px;
  position: relative;
}

.Operations_bao li {
  width: 320px;
}

.bao_a {
  position: absolute;
  top: 80px;
  left: 32px;
}

.bao_b {
  position: absolute;
  top: 345px;
  left: 32px;
}

.bao_c {
  position: absolute;
  top: 80px;
  right: 25px;
}

.bao_d {
  position: absolute;
  top: 345px;
  right: 25px;
}

.Operations_li {
  background: url(../images/operations4.jpg) no-repeat;
  height: 480px;
  width: 1140px;
  margin: 0 auto;
  font-size: 16px;
  color: #666;
  line-height: 26px;
  position: relative
}

.Operations_li li {
  width: 290px;
}

.li_a {
  position: absolute;
  top: 30px;
  left: 80px;
  text-align: right;
}

.li_b {
  position: absolute;
  top: 192px;
  left: 80px;
  text-align: right;
}

.li_c {
  position: absolute;
  top: 355px;
  left: 80px;
  text-align: right;
}

.li_d {
  position: absolute;
  top: 16px;
  right: 80px;
}

.li_e {
  position: absolute;
  top: 210px;
  right: 80px;
}

.li_f {
  position: absolute;
  top: 355px;
  right: 80px;
}

.Operations_server {
  background: url(../images/operations5.jpg) no-repeat;
  height: 430px;
  width: 1230px;
  margin: 60px auto;
  font-size: 16px;
  color: #666;
  position: relative;
}

.server_a {
  position: absolute;
  top: 15px;
  left: 50px;
}

.server_b {
  position: absolute;
  top: 387px;
  left: 190px;
}

.server_c {
  position: absolute;
  top: 15px;
  left: 310px;
}

.server_d {
  position: absolute;
  top: 387px;
  left: 460px;
}

.server_e {
  position: absolute;
  top: 15px;
  left: 596px;
}

.server_f {
  position: absolute;
  top: 387px;
  left: 730px;
}

.server_g {
  position: absolute;
  top: 15px;
  left: 870px;
}

.server_h {
  position: absolute;
  top: 387px;
  right: 50px;
}

.Operations_you {
  background: url(../images/operations6.jpg) no-repeat;
  width: 1280px;
  height: 260px;
  margin: 60px auto;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.Operations_you li {
  float: left;
  width: 150px;
  text-align: center;
  padding-top: 180px;
}

.li_left {
  text-align: left;
}

.case_content_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.case_content_list a {
  display: grid;
}

.p_link a {
  display: block;
}

.c-links {
  background-color: #333;
}

.c-list2 li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.c-title {
  padding: 5px 0;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 24px;
  color: #FFCC00;
}

.c-tbox {
  width: 70%;
  margin: 0 auto;
}

.c-box {
  flex-grow: 1;
  flex-shrink: 1;
  line-height: 24px;
  font-size: 12px;
}

.c-box a {
  display: inline-block;
  margin: 5px 10px;
  color: rgba(255, 255, 255, 0.4);
}

.c-box a:hover {
  color: #FFCC00;
}

.foot {
  background-color: #333;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}

.foot_list {
  width: 70%;
  margin: 0 auto;
  padding: 50px 0 30px 0;
}

.foot .foot_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.foot .foot_list ul li {
  width: 25%;
  text-align: center;
}

.foot .foot_list ul li p {
  font-size: 14px;
  color: #E2E2E2;
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px;
}

.foot .foot_list ul li img {
  width: 70px;
}

.foot .foot_list .weix {
  width: 120px;
}

.foot .foot_list .weii {
  margin-top: 0;
}

.foot .foot_list ul li p a {
  font-size: 14px;
  color: #E2E2E2;
  text-align: center;
  margin-right: 0;
}

.foot .hexinyewu {
  color: #FFCC00;
  height: auto;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}

.index_case {
  background-color: #333;
}

.case_content_title {
  padding: 30px 0;
}

.case_content_title h2 {
  font-size: 40px;
  color: #ff0000;
  font-weight: 200;
  letter-spacing: 2px;
  padding: 0;
  margin-top: 0;
}

.case_content_title h3 {
  font-size: 18px;
  color: #999;
  font-weight: 200;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
}

.case_content_title p {
  font-size: 36px;
  color: #E2E2E2;
  line-height: normal;
  letter-spacing: 2px;
}

.case_content {
  width: 100%;
  margin: 0 auto;
}

.case_content_list {
  width: 80%;
}

.case_content_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.case_content_list li {
  width: 32%;
  margin: 25px 0 0 0;
  text-align: center;
  opacity: 1;
}

.case_content_list li p {
  background-color: #F60000;
}

.p_link {
  padding: 60px 0;
}

.p_link a span {
  font-size: 14px;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 40px;
  padding: 10px 50px;
}

.index_title {
  width: 100%;
  text-align: center;
  padding: 60px 0 40px 0;
  border-bottom: 1px solid #CCC;
}

.index_titles {
  border-bottom: none;
}

.index_title .titleh .tit {
  font-size: 40px;
  font-weight: bold;
  color: #333;
  padding: 0;
  margin-bottom: 0;
}

.index_title .titlehs .tit {
  color: #FFF;
}

.index_title .titlehsh .tit {
  color: #DB0000;
}

.index_title .titleh .tit b {
  color: #DB0000;
}

.index_title .titleh .subtit {
  font-size: 18px;
  font-weight: 300;
  color: #929394;
  margin-bottom: 0;
  padding-top: 15px;
}

.index_title .titlehsh .subtit {
  padding-bottom: 40px;
  border-bottom: 1px solid #CCC;
}

.index_title .titleh .subtits {
  font-size: 40px;
  font-weight: normal;
  color: #FFF;
  padding-top: 40px;
}

.index_qiye p {
  font-size: 22px;
  text-align: center;
  color: #DB0000;
}

.socase a {
  position: relative;
}

.socase a .mask {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.socase a .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 80%);
  opacity: 0;
  transition: all .36s ease;
}

.socase a:hover .mask {
  opacity: 1;
  transition: all .36s ease;
}

.socase a .mask span {
  font-size: 24px;
  color: #FFF;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.p_link a {
  color: #FFF;
  width: 140px;
  margin: 0 auto;
  border-radius: 40px;
  border: 2px solid #FFF;
  padding: 10px 0;
  transition: all .36s ease;
}

.p_link a:hover {
  border: 2px solid #DB0000;
  background-color: #DB0000;
  transition: all .36s ease;
}

.listnew {
  width: 100%;
  padding: 60px 0;
  margin: 0 auto;
  background: #FFF;
}

.listnew .main-new {
  width: 1200px;
  margin: 0 auto;
}

.listnew .main-new ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
}

.listnew .main-new ul li {
  position: relative;
  width: 32%;
  margin-right: 2%;
  margin-top: 30px;
  box-shadow: 0 2px 35px 0 #c9c9c9;
}
.listnew .main-new ul li:nth-of-type(3n) {
    margin-right: 0;
}

.listnew .main-new ul li p {
  padding: 20px;
}

.listnew .main-new ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.listnew .main-new ul li a img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.listnew .main-new ul li a span {
  font-size: 14px;
  color: #6D7276;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.listnew .main-new ul li a .mask {
  position: absolute;
  color: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #279CD4;
  box-sizing: border-box;
  text-align: justify;
  padding: 50px 20px;
  transition: all .36s ease;
}

.listnew .main-new ul li a:hover .mask {
  opacity: 1;
}

.listnew .main-new ul li a .mask span {
  font-size: 22px;
  color: #FFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.listnew .main-new ul li a .mask p {
  font-size: 14px;
  margin-top: 20px;
  padding: 0;
}

.listnew .main-new ul li a .mask .more {
  position: absolute;
  bottom: 50px;
}

.cgimg {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.cgimg .cgimgs:hover img {
  transform: scale(1.05);
  transition: all 0.36s;
}

.cgimgs {
  position: relative;
  overflow: hidden;
  width: 510px;
  height: 280px;
}

.cgimgs img {
  transition: all 0.36s;
}
.m-open {
    overflow: hidden;
}
.nav .nLi h3>span {
    display: none;
}

.gmv {
	background-image: url(/skins/images/e1bg02.png);
}

.gmv h1 {
	width: 100%;
	text-align: center;
	font-size: 40px;
	color: #333;
	padding: 60px 0;
}

.gmv h1 span {
	color: #DB0000;
}
.listnew {
    padding: 0 0 60px 0;
}
.pagess {
    margin-top: 70px;
}
.pagess ul {
    display: flex;
    justify-content: center;
}
.pagess .page-number {
    margin-right: 10px;
}
.page-number.previous, .page-number.next {
    font-weight: bold;
}
.pagess .page-number a, .pagess .page-number span {
    display: inline-block;
    background: transparent;
    font-size: 14px;
    color: #333;
    background-color: #EEE;
    padding: 10px 15px;
}
.pagess .page-number:last-of-type {
    margin-right: 0;
}
.pagess .page-number.current span, .pagess .page-number a:hover {
    background-color: #FF0000;
    color: #F6F6F6;
}


.pagess .disabled {
    cursor: not-allowed;
}
.pagess .disabled a {
    opacity: 0.5;
    pointer-events: none;
}

.mianb .mianz {
    width: 1200px;
    font-size: 14px;
    margin: 0 auto;
    padding: 20px 0;
}
.content .box {
    margin: 0;
}
.sxasd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.content .sxasd a {
    color: #333;
}
section.content .sxasd a:hover {
    color: #f60000;
}

.lise-case {
    padding: 0 0 60px 0;
}
.lise-case .case_content_list {
    width: 1200px;
}

.lise-case .case_content_list ul {
    justify-content: flex-start;
}

.lise-case .case_content_list ul li {
    margin-right: 2%;
    margin-top: 30px;
    box-shadow: 0 2px 35px 0 #c9c9c9;
}

.lise-case .case_content_list ul li:nth-of-type(3n) {
    margin-right: 0;
}

.Qualification figure, .demeanor_act figure, .demeanor_b figure {
    display: flex;
}

.Qualification figure img, .Qualification figure figcaption, .demeanor_act figure img, .demeanor_act figure figcaption, .demeanor_b figure img, .demeanor_b figure figcaption {
    width: 50%;
}

.demeanor_act figure {
    flex-direction: row-reverse;
}

@media screen and (min-width: 1200px) {
    .d-xl-none {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .header {
            background: #fff;
    }
    .header_left {
        width: 100%;
        justify-content: space-between;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    }
    
    .index_logo a>img {
        height: 64px;
    }
    .header_right {
        display: block;
        width: 100%;
        float: none;
    }
    .nav.clearfix {
        height: calc(100vh - 64px);
        display: none;
    }
    .nav, .nav .nLi, .nav .nLi h3 {
        float: none;
    }
    .nav .on {
        height: auto;
        line-height: normal;
    }
    .nav .nLi {
        margin-left: 0;
        display: block;
        width: auto;
    }
    .nav .nLi h3 {
        padding: 0 20px;
        line-height: 46px; 
        height: 46px;
        position: relative;
    }
    .nav .sub {
        /*display: block;*/
        position: initial;
        width: auto;
        padding: 0 20px;
        background: #f7f8fa;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    .nav .sub li {
        width: auto;
    }
    .nav .nLi h3 a {
        color: #666;
        width: auto;
        height: auto;
        display: inline-block;
    }
    
    .nav a, .nav .sub a {
        text-align: left;
    }
    .nav .sub a {
        color: #999;
        background: none;
        line-height: 35px;
        font-size: 16px;
        
    }
    .nav .nLi h3>span {
        display: inline-block;
        font-style: normal;
        float: right;
        transition: all .36s;
    }
    .nav .nLi.on h3>span {
        transform: rotate(315deg);
    }
    
    #content, .pubic_banner {
        margin-top: 64px !important;
    }
    .gmv {
        background: url(/skins/images/e1bg02.png) center center / cover no-repeat;
    }
    .gmv h1 {
        font-size: 18px;
        padding: 41px 0;
    }
    .index_title {
        width: auto;
        text-align: left;
        padding: 40px 20px;
    }
    .index_title .titleh .tit {
        position: relative;
        font-size: 20px;
        padding-left: 12px;
        color: #333;
    }
    .index_title .titleh .tit:before {
        position: absolute;
        content: "";
        width: 4px;
        left: 0;
        top: 0.3rem;
        height: calc(100% - 0.2rem);
        background: linear-gradient(180deg, #CF000E 0%, rgba(207, 0, 14, 0) 100%);
    }
    .index_title .titlehsh .tit {
        color: #DB0000;
    }
    .index_title .titleh .subtit {
        font-size: 14px;
        color: #666666;
        font-weight: 400;
    }
    .index_amen, .index_list, .index_cz_content, .index_youshi, .index_qiye, .listnew .main-new, .lise-case .case_content_list {
        width: auto;
    }
    .w3cFocusIn, .w3cFocusIn .bd li img {
        width: 100%;
    }
    .foot_banner {
        padding: 45px 20px;
    }
    .index_list ul {
        justify-content: space-around;
    }
    .img, .img_btn {
        background: none;
        height: auto;
    }
    .img_btn {
        margin-bottom: 40px;
    }
    .wenzi2 {
        margin-top: 40px;
        margin-left: 0;
    }
    .wenzi3, .wenzi5 {
        /*text-align: left;*/
        margin-right: 0;
    }
    .wenzi2, .wenzi3, .wenzi4, .wenzi5 {
        color: #333;
        padding: 0 20px;
    }
    .wenzi2 h3, .wenzi3 h3, .wenzi4 h3, .wenzi5 h3 {
        font-size: 20px;
    }
    
    .wenzi2 p, .wenzi3 p, .wenzi4 p, .wenzi5 p {
        font-size: 14px;
        color: #666;
        padding-bottom: 6px;
        font-weight: 400;
    }
    .wenzi4 {
        margin-left: 0;
    }
    .index_ys, .index_youshi {
        background: #F6F6F6;
    }
    .index_youshi {
        padding: 60px 20px 30px 20px;
    }
    .wenzi2 p, .wenzi3 p, .wenzi4 p, .wenzi5 p {
        max-width: none;
    }
    .pagess {
        margin-top: 30px;
    }
    .mianb .mianz {
        width: auto;
        padding: 20px;
    }
    section.content {
        width: auto;
        margin: 0 20px;
    }
    .listnew.show-listnews, .contact {
        width: auto;
    }
    .contact {
        margin: 40px 20px;
    }
    .Qualification {
        padding: 40px 20px 0 20px;
        width: auto;
        height: auto;
    }
    
    .Qualification img {
        margin-right: 20px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .demeanor {
        width: auto;
        margin: 40px auto;
    }
    .demeanor .demeanor_title {
        padding: 0 20px;
    }
    .demeanor h2 {
        font-size: 20px;
    }
    .demeanor h3 {
        font-size: 16px;
    }
    .demeanor .demeanor_title img {
        width: 100%;
    }
    .demeanor_act {
        padding: 40px 20px 0 20px;
    }
    .demeanor_act img {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .demeanor_bg {
        height: auto;
    }
    .demeanor_b {
        width: auto;
        padding: 40px 20px
    }
    .demeanor_b img {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .index_amen .left {
        left: 0;
    }
    .index_amen .right {
        right: 0;
    }
}
@media screen and (max-width: 991px) {
    .zc_a {
        top: 70px;
    }
    .zc_b {
        top: 190px;
    }
    .zc_c {
        top: 310px;
    }
    .zc_d {
        top: 130px;
    }
    .zc_e {
        top: 250px;
    }
    .zc_f {
        top: 370px;
    }
    .cgimgs {
        width: 48%;
    }
    .youshi_first img, .youshi_second img {
        width: 100%;
        height: 100%;
        float: none;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .youshi_second .figcaption, .youshi_first .figcaption {
        width: 52%;
    }
    .youshi_first .figcaption h2, .youshi_second .figcaption h2 {
        font-size: 20px;
        font-weight: bold;
    }
    .youshi_first .figcaption h3, .youshi_second .figcaption h3 {
        font-size: 14px;
        font-weight: 400;
    }
    .listnew .main-new ul li a .mask {
        padding: 30px 15px
    }
    .listnew .main-new ul li a .mask span {
        font-size: 20px;
    }
    .listnew .main-new ul li a .mask .more {
        bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .w3cFocusIn .hd {
        display: none;
    }
    .icon01 {
        background: url(../images/fu_ico01.png) no-repeat;
    }
    .icon02 {
        background: url(../images/fu_ico02.png) no-repeat;
    }
    .icon03 {
        background: url(../images/fu_ico03.png) no-repeat;
    }
    .icon04 {
        background: url(../images/fu_ico04.png) no-repeat;
    }
    .icon05 {
        background: url(../images/fu_ico05.png) no-repeat;
    }
    .icon06 {
        background: url(../images/fu_ico06.png) no-repeat;
    }
    .icon07 {
        background: url(../images/fu_ico07.png) no-repeat;
    }
    .icon08 {
        background: url(../images/fu_ico08.png) no-repeat;
    }
    .icon01, .icon02, .icon03, .icon04, .icon05, .icon06, .icon07, .icon08 {
        background-position-x: 50%;
        height: auto;
        transition: auto;
        margin: 20px 10px;
    }
    .icon01:hover {
        background: url(../images/fu_ico01.png) no-repeat;
    }
    .icon02:hover {
        background: url(../images/fu_ico02.png) no-repeat;
    }
    .icon03:hover {
        background: url(../images/fu_ico03.png) no-repeat;
    }
    .icon04:hover {
        background: url(../images/fu_ico04.png) no-repeat;
    }
    .icon05:hover {
        background: url(../images/fu_ico05.png) no-repeat;
    }
    .icon06:hover {
        background: url(../images/fu_ico06.png) no-repeat;
    }
    .icon07:hover {
        background: url(../images/fu_ico07.png) no-repeat;
    }
    .icon08:hover {
        background: url(../images/fu_ico08.png) no-repeat;
    }
    .icon01:hover, .icon02:hover, .icon03:hover, .icon04:hover, .icon05:hover, .icon06:hover, .icon07:hover, .icon08:hover {
        /*background: url(../images/fu_ico01.png) no-repeat;*/
        background-position-x: 50%;
        height: auto;
        transition: auto;
    }
    
    .index_list {
        padding: 0 20px 40px 20px
    }
    .index_list ul {
        justify-content: flex-start;
    }
    .index_list ul li {
        width: 31.333333%;
        margin-top: 0;
        background: #F8F8F8;
        margin-bottom: 3%;
    }
    
    
    .index_list ul li:nth-of-type(3n+2) {
        margin-left: 3%;
        margin-right: 3%;
    }
    .index_list li h2 {
        padding-top: 60px;
        font-size: 14px;
        line-height: 1.75;
        font-weight: 400;
        margin-bottom: 0;
    }
    .index_list li p {
        display: none;
    }
    .index_list li:hover {
        color: #333;
    }
    .zc_a {
        top: 70px;
    }
    .zc_b {
        top: 130px;
    }
    .zc_c {
        top: 190px;
    }
    .zc_d {
        top: 250px;
    }
    .zc_e {
        top: 310px;
    }
    .zc_f {
        top: 370px;
    }
    .zc_a, .zc_b, .zc_c, .zc_d, .zc_e, .zc_f {
        width: auto;
        max-width: 400px;
        position: static;
    }
    .zc_d, .zc_e, .zc_f {
        right: auto;
    }
    .index_cz_content li {
        width: auto;
    }
    .cz_left, .cz_right {
        padding-left: 20px;
    }
    .cz_left:hover {
        /*background: url(../images/right.png) no-repeat;*/
        width: auto;
    }
    .cz_right {
        background: url(../images/left.png) no-repeat;
    }
    .cz_right:hover {
        background: url(../images/left_bj.png) no-repeat;
        width: auto;
    }
    .cz_right span {
        padding-left: 0;
    }
    .cz_left, .cz_right {
        background-position-x: 50%;
    }
    .wenzi2 {
        margin-top: 0;
    }
    .wenzi3, .wenzi5 {
        /*text-align: left;*/
    }
    
    .index_title {
        border-bottom: 0;
    }
    .index_amen, .index_cz_content {
        margin: 0;
    }
    .index_cz_content {
        padding: 20px 0;
        height: auto;
    }
    .index_youshi {
        padding: 0 20px;
    }
    .index_youshi ul li:nth-of-type(odd) .cgimg {
        flex-direction: column-reverse;
    }
    .index_youshi ul li:nth-of-type(even) .cgimg {
        flex-direction: column;
    }
    .cgimgs {
        width: 100%;
        height: 100%;
    }
    .youshi_second .figcaption, .youshi_first .figcaption {
        width: 100%;
    }
    .youshi_first .figcaption, .youshi_second .figcaption {
        padding-top: 0;
        background: none;
        height: auto;
    }
    .youshi_first .figcaption .ksax, .youshi_first .figcaption h2, .youshi_first .figcaption h3, .youshi_first .figcaption p, .youshi_second .figcaption .ksax, .youshi_second .figcaption h2, .youshi_second .figcaption h3, .youshi_second .figcaption p {
        position: static;
    }
    .youshi_first .figcaption .ksax, .youshi_second .figcaption .ksax {
        display: none;
    }
    .youshi_first .figcaption h2, .youshi_second .figcaption h2 {
        margin-bottom: 12px;
    }
    .youshi_first .figcaption h3, .youshi_second .figcaption h3 {
        margin-bottom: 6px;
    }
    .youshi_first .figcaption p, .youshi_second .figcaption p {
        text-align: justify;
        margin-bottom: 12px;
    }
    .index_title .titlehsh .subtit {
        display: none;
    }
    .index_title .titleh .subtits {
        display: none;
    }
    .index_case {
        background-color: transparent;
    }
    .p_link {
        padding: 40px 0;
    }
    .p_link a {
        border: 2px solid #cecece;
        background: #cecece;
    }
    .case_content_list {
        width: 100%;
    }
    .case_content_list ul {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto hidden;
        -ms-overflow-x: auto;
        -ms-overflow-y: hidden;
    }
    .case_content_list li {
        width: 100%;
        padding: 0 10px;
        margin: 0;
    }
    .case_content_list li img {
        width: auto;
        height: 200px;
    }
    .socase a .mask {
        position: static;
        opacity: 1;
        background: none;
        overflow: hidden;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .socase a .mask span {
        color: #333;
        font-weight: bold;
        font-size: 20px;
    }
    .index_qy {
        background: #F6F6F6;
        padding-bottom: 40px;
    }
    .index_qiye {
        margin: 0;
    }
    .index_qiye>p {
        display: none;
    }
    .index_qiye_content {
        background: none;
        margin-top: 0;
        height: auto;
        padding: 0 20px;
    }
    .index_qiye_a, .index_qiye_b, .index_qiye_c, .index_qiye_d {
        position: static;
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
    .index_more {
        position: static;
        display: flex;
        justify-content: center;
    }
    .index_foot {
        background: none;
        padding-bottom: 40px;
    }
    .foot_banner {
        padding: 0 20px;
    }
    .listnew, .lise-case {
        background: #F6F6F6;
        padding-bottom: 40px;
    }
    .listnew .main-new ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .listnew .main-new ul li {
        min-width: 300px;
        width: auto;
        padding: 0 10px;
        margin-top: 0;
        margin-right: 0;
        box-shadow: none;
    }
    .listnew .main-new ul li p {
        background: #fff;
        display: flex;
        justify-content: center;
    }
    .listnew .main-new ul li a .mask {
        display: none;
    }
    .listnew .main-new ul li a span {
        -webkit-line-clamp: 1;
    }
    .c-links, .foot .foot_list ul li img, .foot .foot_list .weii {
        display: none;
    }
    .foot_list {
        width: auto;
        padding: 40px 20px;
    }
    .foot .foot_list ul {
        flex-direction: column;
    }
    .foot .foot_list ul li {
        width: auto;
        margin-bottom: 10px;
    }
    .foot .foot_list ul li:last-child {
        margin-bottom: 0;
    }
    .foot .foot_list ul li p {
        text-align: left;
        margin-top: 0;
    }
    .hexinyewu, .hexinyewu a {
        font-size: 12px!important;
        line-height: 1.5!important;
    }
    .foot .hexinyewu {
        line-height: 1.5;
        text-align: left;
        padding: 18px 20px;
    }
    .listnew.list-listnews .main-new ul, .listnew.show-listnews .main-new ul, .lise-case .case_content_list ul {
        flex-wrap: wrap;
        overflow-x: visible;
    }
    .listnew.list-listnews .main-new ul li, .listnew.show-listnews .main-new ul li {
        padding: 0;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .listnew.list-listnews .main-new ul li:last-of-type, .listnew.show-listnews .main-new ul li:last-of-type, .lise-case .case_content_list ul li:last-of-type {
        margin-bottom: 0;
    }
    .listnew.list-listnews .main-new, .lise-case .case_content_list {
        padding: 20px;
    }
    .listnew.listnew.show-listnews {
        background: none;
    }
    .listnew.show-listnews .main-new ul li p {
        background: #F6F6F6;
    }
    .pagess {
        margin-top: 20px;
    }
    .sxasd {
        margin-bottom: 20px;
    }
    .lise-case .case_content_list ul li {
        padding: 0;
        margin-bottom: 20px;
        margin-right: 0;
        margin-top: 0;
        width: auto;
        box-shadow: none;
    }
    .lise-case .case_content_list ul li a img {
        width: 100%;
    }
    .lise-case .case_content_list ul li .mask {
        background: #fff;
        display: flex;
        justify-content: center;
        padding: 20px;
        width: auto;
        height: auto;
    }
    .lise-case .case_content_list ul li .mask span {
        font-size: 18px;
    }
    .Qualification {
        padding: 0 20px;
    }
    .Qualification figure {
        flex-direction: column;
    }
    .Qualification figure img, .Qualification figure figcaption, .demeanor_act figure img, .demeanor_act figure figcaption, .demeanor_b figure img, .demeanor_b figure figcaption {
        width: auto;
    }
    .Qualification figure img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .demeanor {
        margin: 0;
        margin-bottom: 40px;
    }
    .demeanor_act figure {
        flex-direction: column;
    }
    .demeanor_act figure img {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .demeanor_act figure figcaption hgroup :last-child {
        margin-bottom: 0;
    }
    .demeanor_bg {
        background: url(../images/py.jpg) center center / cover no-repeat;
    }
    .demeanor_b {
        padding: 0 20px 40px 20px;
    }
    .demeanor_b figure {
        flex-direction: column;
    }
    .demeanor_b figure img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .demeanor_b figure figcaption hgroup :last-child {
        margin-bottom: 0;
    }
    .contact_top {
        left: 0;
    }
    .contact_top .input-width-1 {
        width: 100%;
    }
    
}