*{outline: none}

@media (min-width: 1200px){
  .container {
    width: 1470px;
  }
}

body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: auto;
}
.row{
  margin: 0px;
  padding: 0px;
}
a{
  text-decoration: none;
  color: #555
}
a:hover{
  color: #000000;
  text-decoration: none;
}
.header_bg{
  background-color: #f3f3f3;
  height: 40px;
}
.header_bg h5{margin: 0;height: 40px;line-height: 40px;}
.container-fluid{
  padding: 0px;
}
.container-fluid> .row{
  padding: 0px;
  margin: 0px;
}
.nav>li>a{
  padding: 12px;
}
.nav-tabs{
  border-bottom: 0px;
}
.nav-tabs>li{
  display: inline-block;
  float: none;
}
/* .nav-tabs>li.active>a{
} */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  border-top:0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 3px solid #e92322;
  color: #e92322;
}
/* .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  border: 0px;
} */
.nav-tabs>li>a:hover{
  border: 0px;
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color: #fff;
}
.nav-tabs>li>a{
  border: 0px;
}
/*导航条*/
.yd_nav {
  border: none;
  /* border-top: 1px solid #CCC; */
  background: #FFF;
  margin-bottom: 0;
  border-radius: 0;
  z-index: 99999;
  width: 100%;
  top: 0;
  left: 0;
}
.yd_nav .yd_icon_logo {
  font-size: 50px;
  width: 180px;
  color: #e92322;
  vertical-align: middle;
}
.yd_nav .navbar-brand {
  color: #777;
  height: 100px;
  line-height: 70px;
  margin-left: -30px!important;
}
.yd_nav .navbar-brand:hover,
.yd_nav .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.yd_nav .navbar-text {
  color: #777;
}
.yd_nav .navbar-nav > li > a {
  border-top: 3px solid #fff;
  height: 100px;
  line-height: 70px;
  color: #777;
  font-size: 16px;
}
.yd_nav .navbar-nav > li > a:hover,
.yd_nav .navbar-nav > li > a:focus {
  color: #e92322;
  background-color: transparent;
  border-top: 3px solid #fff;
}
.yd_nav .navbar-nav > .active > a,
.yd_nav .navbar-nav > .active > a:hover,
.yd_nav .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #fff;
  border-top: 3px solid #e92322;
}
.yd_nav .navbar-nav > .disabled > a,
.yd_nav .navbar-nav > .disabled > a:hover,
.yd_nav .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.yd_nav .navbar-toggle {
  border-color: #ddd;
  margin-top: 23px;
}
.yd_nav .navbar-toggle:hover,
.yd_nav .navbar-toggle:focus {
  background-color: #ddd;
}
.yd_nav .navbar-toggle .icon-bar {
  background-color: #888;
}
.yd_nav .navbar-collapse,
.yd_nav .navbar-form {
  border-color: #e7e7e7;
}
.yd_nav .navbar-right .text-right,
.yd_nav .navbar-right .text-left> img{
  padding-top: 25px;
}
.yd_nav .navbar-right .text-right> p{
  margin: 0px;
  display: inline-block;
}
.yd_nav .navbar-right .text-right> .red_tel{
  color: #e92322;
  font-size: 24px;
}
.yd_nav .navbar-nav > .open > a,
.yd_nav .navbar-nav > .open > a:hover,
.yd_nav .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.yd_nav .navbar-link {
  color: #777;
}
.yd_nav .navbar-link:hover {
  color: #333;
}
.yd_nav .btn-link {
  color: #777;
}
.yd_nav .btn-link:hover,
.yd_nav .btn-link:focus {
  color: #333;
}
.yd_nav .btn-link[disabled]:hover,
fieldset[disabled] .yd_nav .btn-link:hover,
.yd_nav .btn-link[disabled]:focus,
fieldset[disabled] .yd_nav .btn-link:focus {
  color: #ccc;
}

/* footer */
td,th{
  text-align: center;
}
table{
  border-spacing: 0px;
  z-index: 1;
  margin-top: 10px;
}
.code img{
  height: 100px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  border-top: 0px;
}
footer> .row{
  border-top:1px solid #eee;
  padding:2em;
}
footer> .row> div>p:nth-child(2){
  margin-bottom: 20px;
}
.bg{
  background-size: cover!important;
  width: 100%;
  height: 320px;
}

/* contact */
/* news */
.contact,
.news{
  padding: 0px;
  width: 100%;
  height: 720px;
}
.news .contact-cate_left{
  background-image: url(../image/kaijie12ep_info_list_cate_1.webp);
}
.news .contact-cate_right{
  background-image: url(../image/kaijie12ep_info_list_cate_2.webp);
}
.contact .contact-cate_left{
  background-image: url(../image/kaijie12ep_contact_cate_1_bg.webp);
}
.contact .contact-cate_right{
  background-image: url(../image/kaijie12ep_contact_cate_2_bg.webp);
}
.news .contact-cate_left,
.news .contact-cate_right,
.contact .contact-cate_left,
.contact .contact-cate_right{
  /* background-size: 100% 100%; */
  background-size: cover;
  height: 720px;
  width: 50%;
  position: absolut;
  padding: 0px;
}
.news .contact-cate_left> .contact_us,
.news .contact-cate_right> .contact_us,
.contact .contact-cate_left> .contact_us,
.contact .contact-cate_right> .contact_us{
  height: auto;
  width: 100%;
  /* position: relative;
  top: 30%; */
  left: 0;
}
.news .contact-cate_left> .contact_us .newsP,
.news .contact-cate_right> .contact_us .newsP,
.contact .contact-cate_left> .contact_us .newsP,
.contact .contact-cate_right> .contact_us .newsP{
  height: auto;
  padding-top: 20%;
  /* position: absolute;
  top: 30%;  */
}
.news .contact-cate_left> .contact_us a,
.news .contact-cate_right> .contact_us a,
.contact .contact-cate_left> .contact_us a,
.contact .contact-cate_right> .contact_us a{
  /* margin-top: -10px;
  font-size: 32px; */
  color: #fff;
}
/* .news .contact-cate_left> .contact_us a:hover,
.news .contact-cate_right> .contact_us a:hover,
.contact .contact-cate_left> .contact_us a:hover,
.contact .contact-cate_right> .contact_us a:hover{
  background-color: #000;
  opacity: 0.1;
  height: 100%;
} */
.news .contact-cate_left> .contact_us:hover,
.news .contact-cate_right> .contact_us:hover,
.contact .contact-cate_left> .contact_us:hover,
.contact .contact-cate_right> .contact_us:hover{
  background-color: #000;
  opacity: 0.5;
  height: 100%;
}
.news .contact-cate_left> .contact_us .contact_p1,
.news .contact-cate_right> .contact_us .contact_p1,
.contact .contact-cate_left> .contact_us .contact_p1,
.contact .contact-cate_right> .contact_us .contact_p1{
  font-size: 54px;
  padding-top: 20px;
  /* color: #fff; */
}
.news .contact-cate_left> .contact_us .contact_p2,
.news .contact-cate_right> .contact_us .contact_p2,
.contact .contact-cate_left> .contact_us .contact_p2,
.contact .contact-cate_right> .contact_us .contact_p2{
  margin-top: -10px;
  font-size: 32px;
  /* color: #fff; */
}
.business,
.consultation{
  margin:50px 0;
  width: 100%;
}
.business> .row,
.consultation> .row{
  width: 100%;
}
.business> .row> .text-center> h1,
.consultation> .row> .text-center> h1{
  font-size: 60px;
  margin: 0;
  line-height: 72px;
}
.business> .row> .text-center> h3,
.consultation> .row> .text-center> h3{
  font-size: 36px;
  margin: 0;
  line-height: 48px;
}
.business> .row> .text-center> p{line-height: 24px;}
.business> .business_bg{
  background-size: 100% 100%;
  background-image: url(../image/kaijie12ep_bu-bg1.webp);
  height: 910px;
  width: 100.5%;
  position: absolut;
}
.business> .business_bg> .select_card{
  height: 520px;
  /* width: 480px; */
  position: relative;
  top: 10%;
  left: 65%;
  background-color: #fff;
}
.business> .business_bg> .select_card> .row:nth-child(1){
  padding-top:40px;
}
.business> .business_bg> .select_card> .row:nth-child(2)> .area{
  border-bottom: 1px dotted #888;
}
.business> .business_bg> .select_card> .row:nth-child(n+2){
  padding-top:20px;
  padding-left: 20px;
}
.business> .business_bg> .select_card> .row input,
.business> .business_bg> .select_card> .row button{
  border-radius: 0px;
  height: 55px;
}
.business> .business_bg> .select_card> .row input{
  border-right: 0px;
}
.business> .business_bg> .select_card> .row button{
  border-left: 0px;
}
.business> .business_bg> .select_card> .row> .area{
  padding-bottom: 20px;
}
.business> .business_bg> .select_card> .row> .area> p:nth-child(1){
  color: #e92322;
}
.business> .business_bg> .select_card> .row> .area> p:nth-child(n+2){
  margin: 0 0 3px;
}
.business> .business_bg> .select_card> .row> .area> p> span{
  margin-right: 20px;
}
/* consultation */
.coreConsultations{
  margin-top: 0px;
}
.consultations{
  background-size: cover;
  height: 760px;
}
.consultations> .row> .text-center> h1,
.consultation> .row> .text-center> h3,
.consultation> .row> .text-center> p{
  color: #fff;
}
.consultation{
  padding:80px 0;
  background-color: #fafafa;
}
.consultation> .container> .form{
  padding: 50px;
}
.consultation> .container> .form label .span{
  color: #e92322;
  font-size: 18px;
  margin-right: 5px;
}
.consultation> .container> .form .form-control{
  border-radius: 0px;
  border: 1px solid #ddd;
  height: 45px;
}
.consultation> .container> .form .textarea{
  height: 160px;
}
.consultation> .container> .form .form-group{
  margin: 40px 0;
}
.consultation> .container> .form .button{
  height: 58px;
  width: 230px;
  font-size: 1.5em;
}
/* news */
.listDiv{
  padding: 30px 0;
}
.listDiv> .item{
  height: 500px;
  padding: 65px 50px;
  border: 1px solid #dbdbdb;
  /* background-color: #f5f5f5; */
}
.listDiv> .item:hover{
  background-color: #f5f5f5;
}
.listDiv> .item:hover .media-left .day{
  color: #e92322;
}
.listDiv> .item:hover .media-body> .media-heading{
  color: #e92322;
}
.listDiv> .item:hover .text-left .more{
  border: 0px;
  color: #fff;
  background-color: #e92322;
}
.listDiv> .item .media-left{
  background: #e8e8e8;
}
.listDiv> .item .media-left .day{
  /* color: #e92322; */
  font-size: 52px;
  margin: 30px 20px 0px 30px;
}
.listDiv> .item .media-left .mouth{
  color: #a6a9a0;
  font-size: 18px;
  text-align: center;
  margin: 0px 0px 30px 10px;
}
.listDiv> .item .media-body{
  padding: 20px 0 0 80px;
}
.listDiv> .item .media-body> .media-heading{
  /* color: #e92322; */
  margin-bottom: 35px;
}
.listDiv> .item .media-body> p{
  color: #777777;
  line-height: 24px;
  text-align: justify;
}
.listDiv> .item .text-left .more{
  /* background-color: #e92322; */
  background-color: #FFF;
  color: #777;
  border: 1px solid #777;
  line-height: 1px;
  height: 25px;
  width: 40px;
  border-radius: 20px;
  margin: 90px 20px 50px 210px;
}
/* case_bg */
.case_bg{
  background-image: url(../image/kaijie12ep_about_three_bg.webp);
  height: 720px;
  width: 100%;
  background-size: cover;
  background-position:  center;
  background-repeat: no-repeat;
}

.actived{
  background-color: #fff;
  color: #e92322;
}

.case_bg .div_bg{
  color: #fff;
}
.case_bg .div_bg{
  height: 447px;
  width: 250px;
}
.case_bg .div_bg> .bTop,
.case_bg .div_bg> .bBottom{
  border: 2px solid #fff;
}
.case_bg .div_bg> .bTop{
  border-bottom: 0px;
  height: 145px;
  position: absolute;
  width: 250px;
  /* position: relative;
  top: -33px; */
}

.case_bg .li_list1 .div_bg> .bTop{
  background: url("../image/kaijie12ep_47c67405dc.webp") no-repeat center;
}
.case_bg .li_list1:hover .div_bg> .bTop,.case_bg .li_list_active .div_bg#img1> .bTop{
  background: url("../image/kaijie12ep_7542d152da.webp") no-repeat center;
}
.case_bg .li_list2 .div_bg> .bTop{
  background: url("../image/kaijie12ep_7f8132af9d.webp") no-repeat center;
}
.case_bg .li_list2:hover .div_bg> .bTop,.case_bg .li_list_active .div_bg#img2> .bTop{
  background: url("../image/kaijie12ep_105a051401.webp") no-repeat center;
}
.case_bg .li_list3 .div_bg> .bTop{
  background: url("../image/kaijie12ep_da64fc9037.webp") no-repeat center;
}
.case_bg .li_list3:hover .div_bg> .bTop,.case_bg .li_list_active .div_bg#img3> .bTop{
  background: url("../image/kaijie12ep_da64fc90371.webp") no-repeat center;
}
.case_bg .li_list4 .div_bg> .bTop{
  background: url("../image/kaijie12ep_c32dcd0785.webp") no-repeat center;
}
.case_bg .li_list4:hover .div_bg> .bTop,.case_bg .li_list_active .div_bg#img4> .bTop{
  background: url("../image/kaijie12ep_c32dcd078511.webp") no-repeat center;
}

.case_bg .div_bg> .bTop> img{
  margin-bottom: 10px;
  position: relative;
  top: 75px;
}
.case_bg .div_bg> hr{
  position: absolute;
  top: 39%;
  width: 250px;
}
.case_bg .div_bg> h3{
  position: absolute;
  top: 45%;
  left: 18%;
}
.case_bg .div_bg> .bBottom{
  border-top: 0px;
  height: 190px;
  width: 250px;
  position: absolute;
  top: 58%;
}
.list-inline{
  margin-top: 150px;
}
.list-inline>li{
  margin: 0 40px 0 0;
  position: relative;
}
.list-inline> .li_list> a> .div_bg:hover,.list-inline> .li_list_active> a> .div_bg{
  background-color: #fff;
}
/* .list-inline> .li_list> a> .div_bg:hover> div> img{
  background-color: #e92322;
} */
.list-inline> .li_list> a> .div_bg:hover> h3,.list-inline> .li_list_active> a> .div_bg> h3{
  color: #e92322;
}
.list-inline> .li_list> a> .div_bg:hover> div> p,.list-inline> .li_list_active> a> .div_bg> div> p{
  color: #777
}

/* caseOne */
.caseOne{
  padding: 100px 50px 50px 50px;
  background-color: #fbfbfb;
}
.caseOne> .row{
  background-color: #fff;
}
.caseOne> .row> .col-lg-6,
.caseOne> .row> .col-md-6,
.caseOne> .row> .col-xs-12,
.caseOne> .row> .col-sm-12{
  padding: 0px;
}
.caseOne> .row> div> .row .col-lg-6,
.caseOne> .row> div> .row .col-md-6,
.caseOne> .row> div> .row .col-xs-12,
.caseOne> .row> div> .row .col-sm-12{
  padding: 0px;
}

.caseOne> .row> div> .row> a>.text{
  height: 320px;
  padding: 60px 35px 10px 35px;
}
.caseOne> .row> div> .row> a> div> .date{
  color: #9e9e9e;
  font-size: 32px;
}
.caseOne> .row> div> .row> a> div> .titles{
  color: #000000;
  font-size: 19px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
.caseOne> .row> div> .row> a> div> .p{
  color: #9e9e9e;
  margin-top: 30px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.caseOne> .row> div> .row> a> div> .displayT{
  text-align: center;
  line-height: 25px;
  color: #f1949c;
  border: 1px solid #f1949c;
  height: 25px;
  width: 110px;
  position: absolute;
  top: 260px;
  display: none;
}
.caseOne> .row> div> .row> a> div> img{
  height: 315px;
  width: 400px;
}
.caseOne> .row> div> .row> a:hover>.text{
  background-color: #c71523;
  transition: 0.3s;
}
.caseOne> .row> div> .row> a:hover> div> .titles{
  color: #fff;
  /*line-height: 30px;*/
  /*height: 30px;*/
  /*overflow: hidden;*/
}
.caseOne> .row> div> .row> a:hover> div> .p,
.caseOne> .row> div> .row> a:hover> div> .date{
  color: #f1949c;
}
.caseOne> .row> div> .row> a:hover> div> .displayT{
  display: block;
}
.caseOne> .page{
  margin-top: 50px;
}
.pagination> li> a,
.pagination> li> span{
  margin: 0 3px;
  color: #000000;
  border-radius: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination> li> a:hover{
  margin: 0 3px;
  color: #fff;
  border-radius: 5px;
  background-color: #000000;
  border-color: #000000;
}
/* caseTwo */
.caseTwo{
  margin-bottom: 50px;
}
.caseTwo> .row{
  margin: 50px 0;
}
.caseTwo> .row:hover{
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.caseTwo img{transition: all 0.6s;}
.caseTwo> .row .ct_img{overflow: hidden;margin: 30px 15px;}
.caseTwo> .row img:hover{transform: scale(1.1);}
.caseTwo> .row> .caseTwolist:hover .button{background: #000;border-color: #000}

.caseTwo> .row> .caseTwolist{
  padding: 20px 40px;
}
.caseTwo> .row> .caseTwolist .small{
position: relative;
top: -10px;
font-size: 45%;
}
.caseTwo> .row> .caseTwolist h3{
  margin-top: 10px;
  margin-bottom: 20px;
}
.caseTwo> .row> .caseTwolist .p{
  line-height: 1.5em;
  margin-top: 20px;
}
.caseTwo> .row> .caseTwolist .button{
  margin-top: 50px;
  background-color: #e92322;
  border-radius: 0px;
  width: 145px;
  height: 45px;
}
.caseCrossing{
  border: 1px solid #9e9e9e;
  height: 1px;
  width: 60px;
  position: relative;
  top: 0px;
  left: 46%;
}
.casePage{
  border-top: 1px solid #eee;
  margin-top: 100px;
  padding-top: 50px;
}
/* about */
/* 轮播图 */
.pc_imgBox,
.pc_imgBox2,
.pc_imgBox3{
  display: block;
  /* height: 900px; */
  width: 100%;
  background-size: cover;
  background-position:  center;
  background-repeat: no-repeat;
}
.pc_imgBox{
  height: 900px;
}
.pc_imgBox2{
  height: 750px;
}
.pc_imgBox3{
  height: 780px;
}
.m_imgBox{
  display: block;
  width: 100%;
}
.carousel-indicators{
  position: absolute;
  top: 50%;
  left: 97%;
  width: 3%;
  margin-left: 0px;
}
.carousel-indicators li{
  width: 8px;
  height: 8px;
  display: block;
  margin-top: 10px;
}
.carousel-indicators .active{
  width: 9px;
  height: 9px;
  margin-top: 10px;
}
.item> a> .row{
  margin: 0px;
}
.carousel-about,
.carousel-core{
  padding-top: 100px;
  text-align: center;
  color: #fff;
}
.carousel-about> div> h1{
  margin-top: 20px;
  font-size: 64px;
}
.carousel-about> div> h3{
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 32px;
}
.carousel-about> div> p{
  margin-top: 30px;
  line-height: 28px;
}
.carousel-about> div> p:nth-child(7){
  margin-top: 100px;
  line-height: 18px;
}
.carousel-about-xs{
  color: #fff;
  /* text-overflow: ellipsis; */
  position:absolute;
  top:15%;
  left: 33%;
}
/* cultural */
.cultural{
  padding: 140px 30px;
  background-color: #fff;
}
.cultural> .row{
  margin: 0px;
}
.cultural> .row> .crossing,
.development> .row> .crossing{
  border-bottom: 3px solid #e92322;
  height: 2px;
  width: 30px;
  position: relative;
  top: 10px;
  left: 50%;
  margin-left: -15px;
}
.cultural> .row> .culturalP{
  line-height: 32px;
  margin: 50px 0px;;
}
.cultural> .row:nth-child(2)> div{
  margin: 50px 0;
}
.cultural> .row> div h3{
  margin: 20px 0 8px 0;
}
.cultural> .row> div i{
 font-style: normal;
 font-size: 8px;
}
.cultural> .row> div p{
  margin-top: 15px;
  font-size: 16px;
}
/* advantages */
.advantages{
  position: relative;
  height: 900px;
  width: 100%;
  background-image: url(../image/kaijie12ep_about_three_bg.webp);
  background-size: cover;
  background-position:  center;
  background-repeat: no-repeat;
  color: #fff;
}
.advantages> .row{
  margin: 0px;
}
.advantages> .row> div{
  height: 900px;
  border-right: 1px solid #eee;
}
.advantages> .row> div> h1{
  margin-top: 200px;
}
.advantages> .row> div .advantagesP{
  padding: 30px 0;
  line-height: 30px;
}
.development{
  height: 900px;
  width: 100%;
  padding: 160px 30px;
  background-color: #fff;
}
.development> .row{
  margin: 0px;
}
.development> .row:nth-child(2)> div{
  margin: 130px 0 -30px 0;
}
.development> .row> div> .times{
  vertical-align: top;
  display: inline;
  font-size: 64px;
  padding-left: 20px;
}
.development> .row> div> .times sup{
  font-size: 16px;
  top: 1.5em;
}
.development> .row:nth-child(2)> div .time1{
  padding-left: 22%;
}
.development> .row:nth-child(2)> div .time3{
  padding-right: 19%;
}
.development> .row> div> .p{
  font-size: 18px;
  margin-top: 80px;
}
.development> .row:nth-child(3)> div .p1{
  padding-left: 12%;
}
.development> .row:nth-child(3)> div .p3{
  padding-right: 11%;
}

/* wonderfulcase */
.wonderfulcase{
  padding: 0 50px;
}
.wonderfulcase> .row:nth-child(1){
  height: 120px;
  margin: 0px;
  padding: 5px 0px 0 0;
  border-bottom: 1px dashed #888;
}
.wonderfulcase> .row:nth-child(1)> img{
  padding-left: 70px;
  margin-right: 10px;
}
.wonderfulcase> .row:nth-child(1)> p{
  display: inline;
  font-size: 17px;
}
.wonderfulcase> .row> h3{
  margin-top: 45px;
}
.wonderfulcase> .row:nth-child(2)> p{
  margin-top: 20px;
  font-size: 14px;
}
.wonderfulcase> .row:nth-child(3){
  margin-top: 40px;
  margin-bottom: 300px;
}

/* coreBusiness */
/* banner */
.banner{
  height: 750px;
  width: 100%;
}
.banner> div>a{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  /* box-shadow: 50px 50px 50px #000000 inset; */
  box-shadow: #000000 0px 0px 500px 5px inset;
}
.carousel-core> div> h1{
  margin-top: 20px;
  font-size: 72px;
}
.carousel-core> div> h2{
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 84px;
}
.carousel-core> div> div{
  position: relative;
  margin-left: 10%;
  bottom: -240px;
}
.carousel-core> div> div> .button{
  height: 45px;
  width: 250px;
  margin-right: 70px;
  border: 1px solid #fff;
  font-size: 20px;
  background-color:transparent;
}
.carousel-coreBusiness-xs{
  color: #fff;
  /* text-overflow: ellipsis; */
  position:absolute;
  top:15%;
  left: 0;
}
/* event */
.event{
  padding: 80px 0 90px 0;
}
.event .media-left{
  padding-left: 10px;
  padding-right: 0px;
}
.event .media-left,
.event .media-body{
  vertical-align: middle;
}
.event_bg .media-body{
  padding-left: 50px;
}
.event .media-left> p{
  color: #ea8a8b;
  font-size: 380px;
}
.event .media-body> .media-heading{
  font-size: 50px;
}
.event .media-body> h1{
  margin-top: 0px;
}
.event .media-body> .h1line{
  border: 1px solid red;
  height: 1px;
  width: 350px;
}
.event .media-body> .p{
  margin-top: 70px;
  text-indent: 2em;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
}
.event> .row .text-center .more{
  background-color: #e92322;
  line-height: 1px;
  height: 25px;
  width: 70px;
  margin: 0 20px 50px 80%;
  padding-top: 4px;
}
.event_bg> .row .text-center .more{
  margin: 0 20px 50px 6.5%;
}
.event> .row .events{
  margin-bottom: 20px;
}
.event> .row .event2{
  padding-top: 15px;
  margin-bottom: 10px;
}
.event> .row .event3{
  padding-top: 5px;
}
.event_bg{
  background-color: #f6f6f6;
}
/* quality */
.quality{
  position: relative;
  background-image: url(../image/kaijie12ep_quality_bg.webp);
  height: 1000px;
  width: 100%;
  background-size: cover;
  background-position:  center;
  background-repeat: no-repeat;
}
.quality> .row:nth-child(2){
  border-bottom: 1px solid #eee;
  padding: 0 60px;
  margin: 50px 0 0;
}
.quality> .row:nth-child(2)> div{
  margin: 50px 0 30px 0;
}
.quality> .row:nth-child(3){
  padding: 0 60px;
}
.quality> .row> div .circle{
  height: 20px;
  width: 20px;
  border-radius: 20px;
  border: 1px solid #eee;
  position: relative;
  top: -10px;
  left: 45.5%;
  background-color: #fff;
}
.quality> .row> div p{
  font-size: 14px;
  color: #777;
  margin-top: 0px;
}
.quality> .row> div h3{
  margin: 20px 0 5px 0;
}
.quality> .row:nth-child(4){
  margin: 50px 0 30px 0;
  padding: 0 50px;
}
.quality> .row:nth-child(4)> div{
  height: 140px;
  padding: 40px 0 0 80px;
  border: 1px solid #eee;
}
.service{
  background-color: #f6f6f6;
}
.service> .row:nth-child(2)> div{
  margin: 0px;
}
.service .table>tbody>tr:nth-child(3)>td{
  border-bottom: 0px; 
}
.service .table>tbody>tr>td{
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 0px;
  text-align: center;
}
/* .service .table>tbody>tr>td>img:nth-child(1){
  width: 55px;
  height: 55px;
} */
.service > .row> div> img{
  margin-top: 200px;
}
.service .table>tbody>tr>td>img:nth-child(2){
position: relative;
top: -84px;
left: 13.5%;
}
.service .table>tbody>tr>td:nth-child(4){
  border-right: 0px;
}
footer .table>tbody>tr>td{
  width: 20%;
}
@media (max-width: 415px){
  .caseTwo> .row> div> img{
    width: 350px;
  }
  .consultation> .container> .form .form-control{
    margin-top: 10px;
    height: 30px;
    z-index: 999;
  }
  .consultation> .container> .form .textarea{
    height: 120px;
  }
  .consultations{
    height: 460px;
    text-align: center;
  }
  .case_bg .div_bg{
    margin-top: 25px;
  }
  .case_bg {
    width: auto;
  }
  .casePage> div> img{
    width: 60px;
  }
  .caseOne> .row> div> .row> a> div> img{
    width: 250px;
    height: 250px;;
  }
  .consultation> .container> .form .form-group{
    padding: 0 15px;
  }

  .carousel-about-xs{
    left: 21%;
  }
}
@media (min-width: 415px) and (max-width: 767px) { 
  .caseTwo> .row> div> img{
    max-width: 550px;
  }
  .casePage> div> img{
    width: 60px;
  }
  .caseOne{
    padding: 50px 0px 20px;
  }
  .caseOne> .row> div> .row> a> div> img{
    height: 200px;
    width: 300px;
  }
}
@media (max-width: 767px) {
  .yd_nav .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
  }
  .yd_nav .navbar-nav .open .dropdown-menu > li > a:hover,
  .yd_nav .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
  }
  .yd_nav .navbar-nav .open .dropdown-menu > .active > a,
  .yd_nav .navbar-nav .open .dropdown-menu > .active > a:hover,
  .yd_nav .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
  }
  .yd_nav .navbar-nav .open .dropdown-menu > .disabled > a,
  .yd_nav .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .yd_nav .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
  }
  .consultation{
    padding: 0px;
    padding-bottom: 20px;
    height: auto;
    margin: 20px 0;
  }
  .business> .row> .text-center> h1, .consultation> .row> .text-center> h1{
    font-size: 36px;
  }
  .business> .row> .text-center> h3, .consultation> .row> .text-center> h3{
    font-size: 24px;
  }
  .consultation> .container> .form{
    padding: 0px;
  }
  .consultation> .container> .form .form-control{
    margin-top: 10px;
  }
  .consultation> .container> .form .form-control input{
    height: 30px;
  }
  .consultation> .container> .form .button{
    height: 34px;
    width: 82px;
    font-size: 1em;
  }
  /* .case_bg{
    height: auto;
  } */

  /* .case_bg .div_bg> .bBottom{
    height: 140px;;
  } */
  .list-inline>li{
    margin: 0 0 20px 0;
  }
  .business> .business_bg> .select_card{
    left: 18%;
    width: 300px;
  }
  .business> .business_bg{
    height: 600px;
  }
  .business> .business_bg> .select_card> .row input, .business> .business_bg> .select_card> .row button{
    height: 34px;
  }
  .contact, .news{
    height: auto;
  }
  .news .contact-cate_left, .news .contact-cate_right, .contact .contact-cate_left, .contact .contact-cate_right{
    height: 300px;
  }
  .news .contact-cate_left> .contact_us, .news .contact-cate_right> .contact_us, .contact .contact-cate_left> .contact_us, .contact .contact-cate_right> .contact_us{
    top:5%;
  }
  .news .contact-cate_left> .contact_us .contact_p2, .news .contact-cate_right> .contact_us .contact_p2, .contact .contact-cate_left> .contact_us .contact_p2, .contact .contact-cate_right> .contact_us .contact_p2{
    font-size: 18px;
  }
  .news .contact-cate_left> .contact_us .contact_p1, .news .contact-cate_right> .contact_us .contact_p1, .contact .contact-cate_left> .contact_us .contact_p1, .contact .contact-cate_right> .contact_us .contact_p1{
    font-size: 34px;
  }
  .carousel-coreBusiness-xs> h1{
    font-size: 28px;
  }
  .banner{
    height: auto;
  }
  .event{
    padding: 30px 0 0;
  }
  .event .media-left> p{
    font-size: 80px;
  }
  .event .media-body> h1{
    font-size: 24px;
  }
  .event .media-body> .p{
    margin-top: 20px;
    font-size: 8px;
    line-height: 24px;
  }
  .event .media-body> .media-heading{
    font-size: 30px;
  }
  .event> .row> div> .row{
    margin: 0px;
  }
  .event> .row .text-center .more{
    margin-left: 70%;
  }
  .event_bg> .row .text-center .more{
    margin-left: 12%;
  }
  .consultations{
    height: auto;
  }
  .listDiv> .item .media-left .day{
    font-size: 34px;
  }
  .listDiv> .item .media-body{
    padding: 0 0 0 10px;
  }
  .wonderfulcase{
    padding: 0px;
  }
  .wonderfulcase> .row:nth-child(1){
    height: auto;
    padding: 0px;
  }
  .wonderfulcase> .row:nth-child(1)> img{
    padding: 0px;
    margin: 0px;
  }
  .wonderfulcase> .row:nth-child(1)> p{
    font-size: 11px;
  }
  .wonderfulcase> .row:nth-child(1)> h3{
    font-size: 17px;
  }
  .wonderfulcase> .row:nth-child(3){
    margin-bottom: 0px;
  }
  .wonderfulcase> .row:nth-child(3)> div> img{
    width: 350px;
  }
  .container-fluid> .row{
    margin: 0px;
  }
  .case_bg{
    height: auto;
  }
  .case_bg> div> .row{
    margin: 0px;
  }
  /* .case_bg .div_bg{
    padding-top: 50px;
  } */
  .list-inline{
    margin-top: 30px;
  }
  .caseOne{
    padding: 50px;
  }
  .caseOne> .row> div> .row> .text{
    padding: 20px 35px 0;
  }
  .caseOne> .row> div> .row> a> div> img{
    margin-top: 10px;
  }
  .pagination{
    margin: 0px;
  }
  .pagination>li>a, .pagination>li>span{
    padding: 3px 6px;
  }
  footer> .row{
    padding: 2em 1em 1em 1em;
    margin: 0px;
  }
  footer> .row> div> img{
    width: 25px;
  }
  footer> .table> tbody> tr> td img{
    width: 25px;
  }
  footer> .table> tbody> tr> td p{
    font-size: 0.3em;
  }
  /* .development{
    height: 325px;
  }
  .development> .row:nth-child(2)> div{
    margin-top: 40px;
  } */
} 
 @media (min-width: 768px) and (max-width: 991px) { 
  .business> .row> .text-center> h1, .consultation> .row> .text-center> h1{
    font-size: 36px;
  }
  .business> .row> .text-center> h3, .consultation> .row> .text-center> h3{
    font-size: 24px;
  }
  .consultation> .container> .form{
    padding: 0px;
  }
  .consultation> .container> .form .form-control{
    margin-top: 10px;
  }
  .consultation> .container> .form .form-control input{
    height: 30px;
  }
  .consultation> .container> .form .button{
    height: 34px;
    width: 82px;
    font-size: 1em;
  }

   footer> .table> tbody> tr> td p{
     font-size: 0.7em;
   }
  .caseTwo> .row> div> img{
    width: 750px;
  }
  .case_bg .div_bg{
    width: auto;
  }
  .business> .business_bg> .select_card{
    left: 30%;
    width: 300px;
  }
  .banner{
    height: auto;
  }
  .event .media-left> p{
    font-size: 80px;
  }
  .event .media-body> .media-heading{
    font-size: 30px;
  }
  /* .event .media-body> h1{
    font-size: 24px;
  } */

  .event .media-left,
  .event .media-body{
    vertical-align: top;
  }
  /* .event_bg .media-body{
    padding-left: 50px;
  } */
  .event .media-left> p{
    color: #ea8a8b;
    font-size: 80px;
  }
  .event .media-body> .media-heading{
    font-size: 30px;
  }
  .event .media-body> h1{
    margin-top: 0px;
    font-size: 24px;
  }
  .news{
    height: auto;;
  }
  .wonderfulcase> .row:nth-child(3)> div> img{
    width: 700px;
  }
  .case_bg .div_bg> .bTop{
    position: relative;
  }
}
@media (max-width: 991px){
  /* about */
  .advantages{
    height: auto;
  }
  .advantages> .row> div{
    height: auto;
  }
  .advantages> .row> div> h1{
    margin-top: 30px;
  }
  .development{
    height: 365px;
    padding: 0px;
  }
  .development> .row:nth-child(2)> div{
    margin: 20px 90px -50px 0
  }  
  .cultural{
    padding: 10px 0;
  }
  .quality{
    height: auto;
  }
  .quality> .row:nth-child(2)> div img{
    width: 25px;
  }
  .quality> .row> div h3{
    font-size: 9px;
  }
  .quality> .row> div .circle{
    height: 10px;
    width: 10px;
    top: 10px;
  }
  .quality> .row:nth-child(3)> div{
    padding: 0px;
  }
  .quality> .row:nth-child(2){
    margin: 0px;
  }
  .quality> .row:nth-child(4)> div{
    padding: 10px;
  }
  .service .table>tbody>tr>td> img:nth-child(1){
    height: 50px;
    width: 130px;
  }
  .service .table>tbody>tr>td>img:nth-child(2){
    top: -30px;
    left: 11%;;
  }
}
@media (min-width: 992px) and (max-width: 1200px) { 
  .caseTwo> .row> div> img{
    width: 450px;
  }
  .case_bg .div_bg{
    width: 250px;
  }
  .caseOne> .row> div> .row> a> div> img{
    width: 200px;
  }
  .business> .business_bg> .select_card{
    left: 55%;
  }

  .service .table>tbody>tr>td> img:nth-child(1){
    height: 100px;
    width: 180px;
  }
  .service .table>tbody>tr>td>img:nth-child(2){
    top: -110px;
    left: 54%;;
  }
  .consultations{
    height: auto;;
  }
  .business> .row> .text-center> h1, .consultation> .row> .text-center> h1{
    font-size: 36px;
  }
  .business> .row> .text-center> h3, .consultation> .row> .text-center> h3{
    font-size: 24px;
  }
  .consultation> .container> .form{
    padding: 0px;
  }
  .consultation> .container> .form .form-control{
    margin-top: 10px;
  }
  .consultation> .container> .form .form-control input{
    height: 30px;
  }
  .consultation> .container> .form .button{
    height: 34px;
    width: 82px;
    font-size: 1em;
  }
  .wonderfulcase> .row:nth-child(3)> div> img{
    width: 900px;
  }

}
@media (min-width: 1201px) and (max-width: 1570px) { 
  .caseTwo> .row> div> img{
    width: 600px;
  }
  .caseOne> .row> div> .row> a> div> img{
    width: 250px;
  }
  .business> .business_bg> .select_card{
    left: 55%;
    width: 480px;
  }
  .service .table>tbody>tr>td> img:nth-child(1){
    height: 100px;
    width: 180px;
  }
  .service .table>tbody>tr>td>img:nth-child(2){
    top: -30px;
    left: 11%;;
  }
  .wonderfulcase> .row:nth-child(3)> div> img{
    width: 1100px;
  }
  /* .event> .row .event2 >img{
    width: 350px;
  } */
}
@media (min-width: 1571px){
  .business> .business_bg> .select_card{
    width: 480px;
  }
}


/*修改 BY PM*/
.clear{clear: both}

#footer{}
#footer #contact{background: url("../image/kaijie12ep_consultation_bg.webp") no-repeat center;background-size: cover;padding: 90px 0}
#footer #contact #title_en{color: #fff;font-size: 60px;text-align: center;line-height: 72px;}
#footer #contact #title_cn{color: #fff;font-size: 36px;text-align: center;line-height: 48px}
#footer #contact #title_desc{color: #fff;text-align: center;line-height: 24px;}
#footer #contact form{text-align: center;margin-top: 60px;padding: 0 90px}
/*#footer #contact .form-group{}*/
/*#footer #contact .form-group .item-1-3{float: left;width: calc(33.3333% - 30px);margin: 0 15px;}*/
#footer #contact .form-group .form-control{border-radius: 0}
#footer #contact .form-group textarea{margin: 0 15px;width: calc(100% - 30px);}
#footer #contact .form-group button[type=submit]{border-radius: 0;background-color: #e92322;border-color:#e92322;margin-top: 30px;height: 60px;line-height: 60px;padding: 0 60px;font-size: 18px;display: inline-block;width: auto}

#footer #contact .form-group:nth-child(5),#footer #contact  .form-group:nth-child(6),#footer #contact  .form-group:nth-child(7){float: left;width: calc(33.3333% - 30px);margin: 0 15px 15px 15px;}
#footer #contact .form-group:nth-child(8){clear: both;}


#footer #icon{border-bottom: 1px solid #f3f3f3}
#footer #icon .icon_list{float: left;width: 20%;text-align: center;padding: 45px 0}
#footer #icon .icon_list img{height: 36px;width: auto}
#footer #icon .icon_list p{margin: 0;margin-top: 15px;}
#footer #bottom{padding: 45px 0}
#footer #bottom #copyright{font-size: 12px;}
/*#footer #bottom #copyright p a{margin-right: 15px;}*/
#footer #bottom #copyright p a:link{color: #333333}
#footer #bottom #copyright p a:hover{color: #e92322}
/*#footer #bottom #copyright p:last-child{margin-top: 15px}*/
#footer #bottom #qrcode{}
#footer #bottom #qrcode .qrcode_list{text-align: center;float: right}
#footer #bottom #qrcode .qrcode_list img{width: 120px;height: 120px}
#footer #bottom #qrcode .qrcode_list p{font-size: 12px;}

.select_card{padding: 30px;background: #fff;width: 30%;height: 600px;display: inline-block;text-align: left;    box-shadow: 0 0 10px rgba(255,255,255,1);}
.select_card .select_card_title{margin: 0 0 30px 0}
.select_card .select_card_title select.form-control{border-radius: 0}
.select_card .select_card_content{overflow-y: auto;height: calc(100% - 64px)}
.select_card .select_card_content .scc_list{display: none;margin: 0 0 15px 0;border-bottom: 1px dashed #eee;padding: 0 0 15px 0}
.select_card .select_card_content .scc_list h3{color: #e92322;font-size: 16px;line-height: 24px;margin: 0 0 15px 0}
.select_card .select_card_content .scc_list p{line-height: 24px;height: 24px;margin: 0}
.select_card .select_card_content .scc_list p:before{content: '';height: 24px;width:24px;float: left;margin: 0 7.5px 0 0;}
.select_card .select_card_content .scc_list p.contact_area_address:before{background: url("../image/kaijie12ep_contact_area_address.webp") no-repeat 0 3px}
.select_card .select_card_content .scc_list p.contact_area_building:before{background: url("../image/kaijie12ep_contact_area_building.webp") no-repeat 0 5px}
.select_card .select_card_content .scc_list p.contact_area_tel:before{background: url("../image/kaijie12ep_contact_area_tel.webp") no-repeat 0 5px}
.select_card .select_card_content .scc_list p.contact_area_email:before{background: url("../image/kaijie12ep_contact_area_email.webp") no-repeat 0 7px}
.select_card .select_card_content .scc_list1{display: block}

#breadnav{border-top: 1px solid #eee;padding: 30px 0;line-height: 24px;}
#breadnav img{float: left;margin: 0 7.5px 0 0}
#breadnav a{float: left}
#breadnav a:hover{color: #e92322;}
#breadnav em{float: left;margin: 0 15px;}

#content_box{}
#content_box #title{font-size: 24px;font-weight: bold;text-align: center;line-height: 42px;border-bottom: 1px dashed #eee;margin: 0 0 30px 0}
#content_box #content{}
#content_box #content img{max-width: 100%;height: auto}

#topbar{background: #f3f3f3;height: 40px;line-height: 40px;}

#header{}
#header .navbar-brand{height: 100px;line-height: 60px;padding: 20px 15px;}
#header .navbar-brand img{height: 100%;width: auto}
#header .navbar{margin: 0}
#header .navbar-nav>li>a{line-height: 98px;height: 100px;border-top: 2px solid rgba(255,255,255,0)}
#header .nav>li>a{padding: 0 15px;}
#header .navbar-default .navbar-nav>.active>a,#header  .navbar-default .navbar-nav>.active>a:focus,#header .navbar-default .navbar-nav>.active>a:hover{background: none;border-top: 2px solid #e92322;color: #e92322}
#header .navbar-default .navbar-nav>li>a:focus,#header .navbar-default .navbar-nav>li>a:hover{color: #e92322}
#header #contact_tel{padding: 23px 0 22px 0}
#header #contact_tel #contact_tel_text{width: 200px;text-align: right;}
#header #contact_tel span{font-size: 12px;line-height: 18px;}
#header #contact_tel strong{display: block;color: #e92322;font-size: 24px;font-weight: normal;line-height: 27px;white-space: nowrap}
#header #contact_tel img{float: right;margin: 0 0 0 15px;}

.banner_half{text-align: center}
.banner_half .ctb{margin: 0 -15px;color: #fff;padding: 210px 0;position: relative}
.banner_half .ctb .ctb_cell{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 1;display:none}
.banner_half .ctb:hover .ctb_cell{display: none!important;}
.banner_half .ctb a{color: #fff;text-decoration: none!important;position: relative;z-index: 2}
.banner_half .ctb .title_en{font-size: 60px;line-height: 72px;position: relative;z-index: 2}
.banner_half .ctb .title_cn{font-size: 32px;line-height: 48px;position: relative;z-index: 2}
.banner_half_contact .ctb1{background: url("../image/kaijie12ep_contact_cate_1_bg.webp") no-repeat center;background-size: cover;}
.banner_half_contact .ctb2{background: url("../image/kaijie12ep_contact_cate_2_bg.webp") no-repeat center;background-size: cover;}
.banner_half_contact .ctb .ctb1_img{height: 128px;width: 128px;background: url("../image/kaijie12ep_contact_cate_1.webp") no-repeat center;display: inline-block}
.banner_half_contact .ctb .ctb2_img{height: 128px;width: 128px;background: url("../image/kaijie12ep_contact_cate_2.webp") no-repeat center;display: inline-block}
.banner_half_news .ctb1{background: url("../image/kaijie12ep_info_list_cate_1.webp") no-repeat center;background-size: cover;}
.banner_half_news .ctb2{background: url("../image/kaijie12ep_info_list_cate_2.webp") no-repeat center;background-size: cover;}
.banner_half_news .ctb .ctb1_img{height: 128px;width: 128px;background: url("../image/kaijie12ep_0424615788.webp") no-repeat center;display: inline-block}
.banner_half_news .ctb .ctb2_img{height: 128px;width: 128px;background: url("../image/kaijie12ep_c32dcd0785.webp") no-repeat center;display: inline-block}


#contact_business{}
#contact_business #business_title{text-align: center;padding: 60px 0 15px 0}
#contact_business #business_title #title_en{font-size: 60px;text-align: center;line-height: 72px;}
#contact_business #business_title #title_cn{font-size: 36px;text-align: center;line-height: 48px;}
#contact_business #business_title #title_desc{line-height: 24px;}
#contact_business #business_bg{background: url("../image/kaijie12ep_bu-bg1.webp") no-repeat;background-size: cover;height: 900px;padding: 120px 0 0 0;text-align: right}

#news_list_box{}
#news_list_box .list{padding: 60px 0;border-bottom: 1px solid #eee;}
#news_list_box .list .list_date{width: 110px;height: 160px;text-align: center;background: #eee;padding: 35px 0;float: left;margin: 0 30px 0 0}
#news_list_box .list .list_date .day{font-size: 48px;line-height: 60px;margin: 0}
#news_list_box .list .list_date .mouth{font-size: 18px;margin: 0;line-height: 30px;}
#news_list_box .list .list_content{float: left;width: calc(100% - 470px)}
#news_list_box .list .list_content .list_title{font-size: 18px;line-height: 30px;margin: 0 0 15px 0}
#news_list_box .list .list_content .list_title a{}
#news_list_box .list .list_content p{line-height: 24px;font-size: 12px;margin: 0 0 30px 0;}
#news_list_box .list .list_content > a{line-height: 24px;display: inline-block;height: 24px;padding: 0 15px;border: 1px solid #999;border-radius: 12px;color: #999}
#news_list_box .list .list_content > a > em{}
#news_list_box .list .list_thumb{float: right;}
#news_list_box .list .list_thumb > a{display: block;background: #999;width: 300px;height: 180px;background-size: cover!important;}
#news_list_box .list:hover{background: #f5f5f5}
#news_list_box .list:hover .list_date .day{color: #e92322;}
#news_list_box .list:hover .list_content .list_title a{color: #e92322;}
#news_list_box .list:hover .list_content > a{background: #e92322;color: #fff;border-color: #e92322}


/*核心业务*/
#service_banner {position: relative;}
#service_banner .swiper-container {width: 100%;height: 810px;background: #fff;}
#service_banner .swiper-pagination-bullet{background: #fff}
#service_banner .swiper-pagination-bullet-active{background: #ccc}
#service_banner .mouseScroll{color: #fff;position: absolute;bottom: 50px;left: 50%;transform: translate(-50%,0); z-index: 5;text-align: center;}
#service_banner .mouseScroll p{margin-bottom: 20px;}

#service_banner #service_banner_btn{position: absolute;text-align: center;bottom: 100px;left: 0;width: 100%;z-index: 99}
#service_banner #service_banner_btn a{width: 240px;height: 60px;line-height: 60px;border:1px solid #fff;color: #fff;text-align: center;display: inline-block;margin: 0 15px;text-decoration: none!important;font-size: 18px;}
#service_banner #service_banner_btn a.active{color: #000;background: #fff;}

#quality_content{}
#quality_content .tab_nav{list-style: none;margin: 0;padding: 0;position: relative}
#quality_content .tab_nav:before{content: '';position: absolute;height: 1px;background: #eee;width: 100%;left: 0;top: 57.5%;z-index: 1}
#quality_content .tab_nav li{display: inline-block;width: 16%;text-align: center;position: relative;z-index: 2}
#quality_content .tab_nav li a{text-decoration: none!important;}
#quality_content .tab_nav li a img{}
#quality_content .tab_nav li a .circle{text-align: center;margin: 15px 0;}
#quality_content .tab_nav li a .circle em{height: 20px;background: #fff;
  width: 20px;
  border-radius: 20px;
  border: 1px solid #eee;
  display: inline-block}
#quality_content .tab_nav li a .circle em b{height: 10px;width: 10px;border-radius: 50%;    display: inline-block;}
#quality_content .tab_nav li a h3{margin: 0;font-size: 18px;line-height: 30px;color: #333}
#quality_content .tab_nav li a p{margin: 0;font-size: 12px;line-height: 18px;}

.qc_img{width: 72px;height: 72px;display: inline-block}
.qc_img1{background: url(../image/kaijie12ep_bf543b9cd5.webp) no-repeat center;}
.qc_img2{background: url(../image/kaijie12ep_94f02f06e4.webp) no-repeat center;}
.qc_img3{background: url(../image/kaijie12ep_7013dc2138.webp) no-repeat center;}
.qc_img4{background: url(../image/kaijie12ep_19687f822d.webp) no-repeat center;}
.qc_img5{background: url(../image/kaijie12ep_637b28a966.webp) no-repeat center;}
.qc_img6{background: url(../image/kaijie12ep_4283c0bd1a.webp) no-repeat center;}

#quality_content .tab_nav li.active{color: #e92322;}
#quality_content .tab_nav li.active a h3{color: #e92322;}
#quality_content .tab_nav li.active a .qc_img1{background: url(../image/kaijie12ep_7a702ba51e.webp) no-repeat center;}
#quality_content .tab_nav li.active a .qc_img2{background: url(../image/kaijie12ep_d0753efaf0.webp) no-repeat center;}
#quality_content .tab_nav li.active a .qc_img3{background: url(../image/kaijie12ep_4aa91d3047.webp) no-repeat center;}
#quality_content .tab_nav li.active a .qc_img4{background: url(../image/kaijie12ep_85f3747279.webp) no-repeat center;}
#quality_content .tab_nav li.active a .qc_img5{background: url(../image/kaijie12ep_231ca404c8.webp) no-repeat center;}
#quality_content .tab_nav li.active a .qc_img6{background: url(../image/kaijie12ep_53c78a3a3c.webp) no-repeat center;}
#quality_content .tab_nav li.active a .circle{}
#quality_content .tab_nav li.active a .circle em b{background: #e92322}

.tab_content{}
.tab_content .tab-pane{display: none}
.tab_content .tab-pane.active{display: block}
.tab_content .tab-pane p{padding: 30px;border: 1px solid #eee;margin: 60px 0 0 0}

/*关于我们*/
#about_banner {position: relative;}
/* #about_banner .swiper-container {} */
#about_banner .swiper-pagination-bullet{background: #fff}
#about_banner .swiper-pagination-bullet-active{background: #ccc}
#about_banner .mouseScroll{color: #fff;position: absolute;bottom: 50px;left: 50%;transform: translate(-50%,0);z-index: 5;text-align: center;}
#about_banner .mouseScroll p{margin-bottom: 20px;}

/*分页*/
#pagination{padding: 30px 0;text-align: center}
#pagination span,#pagination a,#pagination input{background-color: #fff;border: 1px solid #ddd;height: 34px;line-height: 34px;padding: 0 10px;display: inline-block;border-radius: 5px;margin: 0 2.5px;    vertical-align: middle;}
#pagination input[type=text]{width: 50px;padding: 0 10px;text-align: center}
#pagination a.Ahover{color: #fff;border: 1px solid #000;background: #000}


/*首页CSS*/
.index_banner{background:none!important;}
.index_banner img{display: block;width: 100%; height: auto}

ul,ol{list-style: none}
li{display: inline-block}

#index_info{padding: 30px 0;background: #f9f9f9}
#index_info .info_list{text-align: center}
#index_info .info_list .info_list_pic{display: inline-block;width: 128px;height: 128px;}
#index_info .info_list .info_list_title{font-size: 24px;margin: 0;line-height: 36px;height: 36px;overflow: hidden}
#index_info .info_list .info_list_desc{margin: 0;line-height: 24px;height: 48px;overflow: hidden}
#index_info .info_list1 .info_list_pic{background: url("../image/kaijie12ep_index_main1_1.webp") no-repeat center}
#index_info .info_list1:hover .info_list_pic{background: url("../image/kaijie12ep_index_main1_2.webp") no-repeat center}
#index_info .info_list2 .info_list_pic{background: url("../image/kaijie12ep_index_main1_3.webp") no-repeat center}
#index_info .info_list2:hover .info_list_pic{background: url("../image/kaijie12ep_index_main1_4.webp") no-repeat center}
#index_info .info_list3 .info_list_pic{background: url("../image/kaijie12ep_index_main1_5.webp") no-repeat center}
#index_info .info_list3:hover .info_list_pic{background: url("../image/kaijie12ep_index_main1_6.webp") no-repeat center}
#index_info .info_list_more{display: none;text-align: center;margin-top: 30px;}
#index_info .info_list_more a{color: #e92322;border:1px solid #e92322;display: inline-block;padding: 0 30px;}
#index_info .info_list_more2{display: block;}
#index_info .info_list .info_list_pic:hover{position: relative;bottom: 10px;}

#index_info2{padding: 90px 0;background: #f9f9f9}
#index_info2 .info_list{text-align: center;position: relative}
#index_info2 .info_list .info_icon{position: absolute;top: 50%;right: -30px;height: 55px;width: 55px;margin-top: -23px;}
#index_info2 .info_list .info_icon.info_jia{background: url("../image/kaijie12ep_info_jia.webp") no-repeat 0 0}
#index_info2 .info_list .info_icon.info_deng{background: url("../image/kaijie12ep_info_deng.webp") no-repeat 0 0}
#index_info2 .info_list .info_list_pic{display: inline-block;width: 128px;height: 128px;}
#index_info2 .info_list .info_list_title{font-size: 24px;margin: 0;line-height: 36px;height: 36px;overflow: hidden;color: #999}
#index_info2 .info_list:hover .info_list_title{color: #000}
#index_info2 .info_list1 .info_list_pic{background: url("../image/kaijie12ep_info1.webp") no-repeat center}
#index_info2 .info_list1:hover .info_list_pic{background: url("../image/kaijie12ep_info1h.webp") no-repeat center}
#index_info2 .info_list2 .info_list_pic{background: url("../image/kaijie12ep_info2.webp") no-repeat center}
#index_info2 .info_list2:hover .info_list_pic{background: url("../image/kaijie12ep_info2h.webp") no-repeat center}
#index_info2 .info_list3 .info_list_pic{background: url("../image/kaijie12ep_info3.webp") no-repeat center}
#index_info2 .info_list3:hover .info_list_pic{background: url("../image/kaijie12ep_info3h.webp") no-repeat center}
#index_info2 .info_list4 .info_list_pic{background: url("../image/kaijie12ep_info4.webp") no-repeat center}
#index_info2 .info_list4:hover .info_list_pic{background: url("../image/kaijie12ep_info4h.webp") no-repeat center}

.index_title_box{text-align: center;padding: 60px 0 30px 0}
.index_title_box h2{font-size: 48px;line-height: 60px;margin: 0;}
.index_title_box h3{font-size: 30px;line-height: 42px;margin: 0;}

#index_do{}
#index_do #index_do_content{background: url("../image/kaijie12ep_index_do_bg.webp") no-repeat center;background-size: cover;}
#index_do #index_do_content .do_list{border-right: 0.5px solid #fff;border-left: 0.5px solid #fff;height: 650px;margin: 0 -15px;padding: 150px 30px 0 30px;position: relative;color: #fff}
#index_do #index_do_content .do_list:hover{background:#cc1318;}
#index_do #index_do_content .do_list:hover div{position: relative;bottom: 20px;}
#index_do #index_do_content .do_list:hover em{position: absolute;color: #fff;font-size: 80px;display: inline-block;height: 100px;line-height: 100px;font-style: normal;top: 0px;left: -30px}
#index_do #index_do_content .do_list1{border-left: 0.5px solid transparent;}
#index_do #index_do_content .do_list2{border-left: 0.5px solid transparent;border-right: 0.5px solid transparent;}
#index_do #index_do_content .do_list3{border-right: 0.5px solid transparent;}
#index_do #index_do_content .do_list em{position: absolute;color: #cc1318;font-size: 80px;display: inline-block;height: 100px;line-height: 100px;font-style: normal;top: 150px;left: 0}
#index_do #index_do_content .do_list span{font-size: 80px;display: inline-block;height: 100px;line-height: 100px;margin: 0 0 30px 0}
#index_do #index_do_content .do_list h3{font-size: 24px;line-height: 36px;margin: 0 0 15px 0;}
#index_do #index_do_content .do_list p{line-height: 24px;margin: 0;}

#index_case{}
#index_case #index_case_content{}
#index_case #index_case_content .tab_nav{text-align: center;margin: 0 0 45px 0}
#index_case #index_case_content .tab_content{background: #f9f9f9}
#index_case #index_case_content .tab_content .tab-pane{display: none}
#index_case #index_case_content .tab_content .tab-pane.active{display: block}
#index_case #index_case_content .tab_nav li{margin: 0 30px;}
#index_case #index_case_content .tab_nav li a{height: 36px;line-height: 36px;padding: 0 7.5px;border-bottom: 3px solid transparent;text-decoration: none!important;display: block}
#index_case #index_case_content .tab_nav li.active a{border-bottom: 3px solid #cc1318;color: #cc1318}
#index_case #index_case_content .case_list{margin: 0 -15px;width: calc(100% + 30px);height: 0;padding-bottom: 60%;border: 0.5px solid #fff;position: relative;background-size: cover!important;}
#index_case #index_case_content .case_list .case_list_c{position: absolute;background: rgba(0,0,0,0.7);color: #fff;height: 100%;width:100%;padding: 30px;display: none;z-index: 9}
#index_case #index_case_content .case_list .case_list_c h3{margin: 0 0 7.5px 0;font-size: 18px;height: 30px;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#index_case #index_case_content .case_list .case_list_c p{margin: 0 0 7.5px 0;height: 80px;font-size: 12px; border: 1px solid transparent;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
#index_case #index_case_content .case_list .case_list_c:after{content: '';background: url(../image/kaijie12ep_index_case_tag.webp) no-repeat center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -30px;}
#index_case #index_case_content .case_list:hover .case_list_c{display: block;}

#index_about{padding: 120px 0;border-bottom: 1px solid #eee}
#index_about #index_about_left{}
#index_about #index_about_left #title_en{font-size: 60px;line-height: 72px;}
#index_about #index_about_left #title_cn{font-size: 42px;line-height: 60px;margin: 0 0 15px 0}
#index_about #index_about_left p{font-size: 18px;line-height: 24px;margin: 0;color: #cc1318}
#index_about #index_about_right{}
#index_about #index_about_right p{text-indent: 2em;}

#index_number{padding: 60px 0;text-align: center}
#index_number .in_list{}
#index_number .in_list h3{font-size: 72px;color: #cc1318;height: 80px;line-height: 80px;}
#index_number .in_list h3 span{font-size: 14px;}
#index_number .in_list p{line-height: 24px;margin: 0;}

#index_dev{background: url("../image/kaijie12ep_index_development_bg.webp") no-repeat center;background-size: cover;height: 780px;}
#index_dev .index_title_box{color: #fff}

#index_dev #index_dev_content{margin: 60px 0}
#index_dev #index_dev_content .item{color: #fff;text-align: center; }
#index_dev #index_dev_content .item .year_number{display: inline-block;font-size: 100px;height: 100px;line-height: 100px;padding: 0 30px 0 0;margin: 0 30px 0 0;border-right: 1px solid #fff;vertical-align: middle;width: 320px;}
#index_dev #index_dev_content .item .year_text{height: 90px;overflow: hidden;font-size: 18px;margin: 0;display: inline-block;vertical-align: middle;max-width: calc(100% - 360px)}
#index_dev #index_dev_content .item .year_text .year_text_c{display:flex;align-items: center;height: 100%;}
#index_dev #index_dev_content .item .year_text .year_text_c p{display: inline-block;line-height: 30px;font-size: 18px;margin: 0;}

#owl_carousel_1{position: relative}
#index_dev #index_dev_content .owl-nav{position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
}
#index_dev{position: relative}
#index_dev #index_dev_content .owl-nav button{width: 72px;height: 72px;}
#index_dev #index_dev_content .owl-nav button span{display: none}
#index_dev #index_dev_content .owl-nav .owl-prev{background: url("../image/kaijie12ep_index_development_left.webp") no-repeat center;margin: 0 0 0 60px;}
#index_dev #index_dev_content .owl-nav .owl-next{background: url("../image/kaijie12ep_index_development_right.webp") no-repeat center;float: right;margin: 0 60px 0 0}
#index_dev_content_bottom{color: #fff;text-align: center;position: absolute;left: 0;bottom: 120px;width: 100%}
#index_dev_content_bottom:before{content: '';position: absolute;height: 3px; background: rgba(255,255,255,0.8);width: 100%;left: 0;top: 18px}
#index_dev_content_bottom p{position: relative; display: inline-block;width: 135px;height: 28px;background: url("../image/kaijie12ep_index_development_li_bg.webp") no-repeat 0 0;font-size: 18px;margin: 0;padding-top: 30px;}
#index_dev_content_bottom p{cursor: pointer;}
#index_dev_content_bottom .click_year span{display: block;width: 1px; height: 28px; border: 1px solid #cc1318;position: absolute;top:0;left:66px;}

#index_area #index_area_content{height: 650px;background: #000;background-size: cover!important;padding: 120px 0;color: #fff;text-align: center}
#index_area #index_area_content #title{position: relative;font-size: 18px;line-height: 36px;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 90px;text-shadow: 0 0 5px rgba(0,0,0,1);}
#index_area #index_area_content #title:before{content: '"';position: absolute;font-size: 80px;left: 0;top: 0;font-style: italic}
#index_area #index_area_content #title:after{content: '"';position: absolute;font-size: 80px;right: 0;bottom: 30px;font-style: italic}

#index_area_content_c{margin-top: -2px;display: flex;}
.iacc_list{text-align: center;height: 195px;width: 100px;display: inline-block;padding: 30px 0;border-top: 2px solid transparent;margin: 0 30px;}
.iacc_list img{height: 90px;width: auto;max-width: 100px; margin-bottom: 15px;}
.iacc_list p{height: 30px;line-height: 30px;margin: 0;text-shadow: 0 0 5px rgba(0,0,0,1);}
.iacc_list:hover,.iacc_list_active{border-top: 2px solid #cc1318}

#index_customers #index_customers_content .tab_nav{text-align: center;margin: 0 0 45px 0}
#index_customers #index_customers_content .tab_content{padding-bottom: 60px;}
#index_customers #index_customers_content .tab_content .tab-pane{display: none}
#index_customers #index_customers_content .tab_content .tab-pane.active{display: block}
#index_customers #index_customers_content .tab_nav li{margin: 0 30px;}
#index_customers #index_customers_content .tab_nav li a{height: 36px;line-height: 36px;padding: 0 7.5px;border-bottom: 3px solid transparent;text-decoration: none!important;}
#index_customers #index_customers_content .tab_nav li.active{border-bottom: 3px solid #cc1318;color: #cc1318}
.customer_list{text-align: center;width: 100%;position: relative;padding: 30px;transition: all 0.6s;}
.customer_list img{height: 120px;width: auto;border: 1px solid transparent;}
.customer_list:hover{transform: scale(1.1);box-shadow: darkgrey 0px 0px 10px;}
.customer_list .customer_list_title{height: 30px;line-height: 30px;visibility: hidden}
.customer_list:hover .customer_list_title{visibility: visible}

#index_news{height: 800px;background: url("../image/kaijie12ep_index_xc_bg.webp") no-repeat;background-size: cover}
#index_news .index_title_box{color: #fff}
#index_news_content{}
#index_news_content #left{background: #fff;overflow: hidden}
#index_news_content #left div#left_cell1{overflow: hidden}
#index_news_content #left #thumb{width: 100%; background-size: cover!important;height: 387px;display: block;transition: all 0.6s;}
#index_news_content #left #thumb:hover{transform: scale(1.1);}
#index_news_content #left h3{color: #cc1318;font-size: 14px;line-height: 24px;margin: 0;height: 30px;overflow: hidden;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#index_news_content #left h3 a{color: #cc1318}
#index_news_content #left h3 a:hover{color: #000}
#index_news_content #left p{font-size: 12px;line-height: 18px;margin: 0;height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#index_news_content #left div#left_cell2{padding: 15px;}
#index_news_content #left div#left_cell2 .left_more{display: block; height: 25px;padding-top: 5px;text-align: right;color: #cc1318;}
#index_news_content #left div#left_cell2 .left_more:hover{color: #000;}
#index_news_content #left div#left_cell2 .left_more span{color: #aaa;}

#index_news_content #right{}
#index_news_content #right .inc_list{width: 100%;display: flex; text-align: left;background: #fff;margin-bottom: 15px;padding: 15px;}
#index_news_content #right .inc_list .date_text{width: calc(100% - 114px);}
#index_news_content #right .inc_list:last-child{margin-bottom: 0}
#index_news_content #right .inc_list .date{text-align: center;height: 84px;width: 84px;border-right: 5px solid #cc1318;margin-right: 15px;}
#index_news_content #right .inc_list .date strong{display: block;font-weight: normal;font-size: 60px;height: 60px;line-height: 60px;color: #cc1318}
#index_news_content #right .inc_list .date span{display: block;font-size: 12px;line-height: 24px;height: 24px;}
#index_news_content #right .inc_list h3{ color: #cc1318;font-size: 14px;line-height: 24px;margin: 0;height: 48px;overflow: hidden;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#index_news_content #right .inc_list h3 a{color: #cc1318}
#index_news_content #right .inc_list h3 a:hover{color: #000}
#index_news_content #right .inc_list p{font-size: 12px;line-height: 18px;margin: 0;height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


#allmap{position: absolute;width: calc(70% - 115px);height: 600px;left: 15px;top:0;box-shadow: 0 0 10px rgba(255,255,255,1);}


.caseTwo img{max-width: 100%;height: auto}

#service_right{position: fixed;right: 30px;top: 50%;width: 8px;z-index: 999;}
#service_right a{width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;overflow: hidden;text-indent: -9999em;}
#service_right a.active{background: #ccc;}
#service_box_content{position: relative;padding: 0 105px}
#service_box_content .swiper-slide{padding: 60px;}
#service_box_content .item{float: left;width: 25%;height: 180px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;line-height: 180px;position: relative}
#service_box_content .swiper-slide .item:nth-child(4),#service_box_content .swiper-slide .item:nth-child(8),#service_box_content .swiper-slide .item:nth-child(12){border-right-color: transparent}
#service_box_content .swiper-slide .item:nth-child(9),#service_box_content .swiper-slide .item:nth-child(10),#service_box_content .swiper-slide .item:nth-child(11),#service_box_content .swiper-slide .item:nth-child(12){border-bottom-color: transparent}

#service_box_content .swiper-slide .item:after{content: '';width: 15px;height: 19px;background: url("../image/kaijie12ep_main_customer_tag.webp") no-repeat 0 0;position: absolute;right: -8px;top: -10px;z-index: 9;}
#service_box_content .swiper-slide .item:nth-child(4):after,#service_box_content .swiper-slide .item:nth-child(8):after,#service_box_content .swiper-slide .item:nth-child(12):after{display: none}
#service_box_content .swiper-slide .item:nth-child(1):after,#service_box_content .swiper-slide .item:nth-child(2):after,#service_box_content .swiper-slide .item:nth-child(3):after,#service_box_content .swiper-slide .item:nth-child(4):after{top:0;}

#service_box_content .item a{display: block;width: 100%;height: 100%;text-align: center;background: #f6f6f6;transition: all 0.6s;filter: grayscale(100%);overflow: hidden}
#service_box_content .item a img{width: auto;height: 100%;}
#service_box_content .item a:hover{transform: scale(1.1);filter: none;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index: 99;position: relative;background: #fff;}

#service_box_content .navigation{height: 90px;width: 90px;overflow: hidden;text-indent: -9999em;line-height: 90px;}
#service_box_content .swiper-button-prev{background: url("../image/kaijie12ep_main_customer_left.webp") no-repeat 0 0;left: 15px;}
#service_box_content .swiper-button-next{background: url("../image/kaijie12ep_main_customer_right.webp") no-repeat 0 0;right: 15px;}

.event .case_list{margin: 0;width: 100%;height: 0;padding-bottom: 60%;border: 0.5px solid #fff;position: relative;background-size: cover!important;}
.event .case_list .case_list_c{position: absolute;background: rgba(0,0,0,0.7);color: #fff;height: 100%;width:100%;padding: 30px;display: none;z-index: 9}
.event .case_list .case_list_c h3{margin: 0 0 7.5px 0;font-size: 18px;height: 30px;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event .case_list .case_list_c p{margin: 0 0 7.5px 0;height: 54px;font-size: 12px; border: 1px solid transparent;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 18px;}
.event .case_list .case_list_c:after{content: '';background: url(../image/kaijie12ep_index_case_tag.webp) no-repeat center;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -30px;}
.event .case_list:hover .case_list_c{display: block;}

.is_pc{display: block}
.is_mobile{display: none}

.mlist_box{margin: 0 0 15px 0}
.mlist_box .mlist{height: 120px;background-size: cover!important;width: calc(50% - 2px);float: left;margin: 1px;}


@media (max-width: 768px){
  .is_pc{display: none}
  .is_mobile{display: block}

  #header .navbar-brand img{height: 100%}
  #header .nav>li>a{padding: 0 7.5px}
  /*.index_banner{height: auto;}*/
  /*.index_banner img{display: block;width: 100%;height: auto}*/
  #index_do #index_do_content .do_list{height: auto;padding:30px;}
  #index_dev{height: 400px;}
  #index_dev #index_dev_content .owl-nav .owl-next{margin: 0 15px 0 0}
  #index_dev #index_dev_content .owl-nav .owl-prev{margin: 0 0 0 15px;}
  #index_dev_content_bottom{display: none}
  #index_news_content #left{margin-bottom: 15px;}
  #index_news_content #left #thumb{height: 200px;}
  #header .navbar-right{display: none}
  #index_number .in_list{margin-bottom: 30px;}
  #index_number .in_list h3{font-size: 18px;line-height: 36px;margin: 0;height: 36px;}
  #index_dev #index_dev_content .item .year_number{display: block;margin: 0;border-right: 0;padding: 0}
  #header .navbar-toggle{margin-top: 8px;}
  #header .navbar-brand{height: 50px;padding: 10px 15px!important;}
  #header .navbar-nav{margin: 0 -15px;}
  #header .navbar-nav>li>a{border: 0!important;height: 36px;line-height: 36px;}

  #index_about{padding: 30px 0}
  #index_number{padding: 30px 0}
  #index_area #index_area_content #title{border: 0;padding-bottom: 30px;font-size: 14px;}

  #index_area_content_c{display: block}
  #index_area #index_area_content{height: auto;padding: 60px 0}

  .index_title_box{padding: 30px 0 15px 0}
  .index_title_box h2{font-size: 18px;line-height: 30px;}
  .index_title_box h3{font-size: 16px;line-height: 24px;}

  #index_case #index_case_content .tab_nav{margin: 0 0 15px 0;padding: 0;}
  #index_dev #index_dev_content .owl-nav{display: none}
  #index_area #index_area_content #title:before{display: none}
  #index_area #index_area_content #title:after{display: none}
  .iacc_list{height: 50px;padding: 0;margin: 30px 0 0 0;width: 80px;}
  .iacc_list img{height: 100%;}

  #index_customers #index_customers_content .tab_nav{margin: 0 0 30px 0;padding: 0;}
  #index_customers #index_customers_content .tab_nav li{margin: 0 7.5px 7.5px 7.5px;}

  #index_news{padding-bottom: 30px;height: auto}
  #footer #contact{padding: 30px 0}
  #footer #contact #title_en{font-size: 18px;line-height: 24px;}
  #footer #contact #title_cn{font-size: 16px;line-height: 24px;}
  #footer #contact #title_desc{font-size: 14px;line-height: 24px;}
  #footer #contact form{padding: 0;font-size: 12px;margin-top: 30px;}
  #footer #contact .form-group:nth-child(5),#footer #contact  .form-group:nth-child(6),#footer #contact  .form-group:nth-child(7){float: none;width: 100%;margin: 0 0 15px 0}
  #footer #contact .form-group textarea{margin: 0;width: 100%}
  #footer #icon .icon_list{width: 33.3333%}
  #footer #bottom #qrcode{display: none}

  #service_banner .swiper-container{height: 200px;}
  /*.quality{display: none}*/
  /*.service{display: none}*/
  /*.event .media-left{display: none}*/
  .event_bg .media-body{padding-left: 0;}

  #about_banner .swiper-container{height: 200px;}
  #about_banner .mouseScroll{display: none}
  /*.development{display: none}*/
  .advantages{padding-bottom: 30px;}
  #service_banner_development .swiper-button-next,#service_banner_development .swiper-button-prev{display: none}
  /*#service_banner_development{margin-top: 30px;padding: 30px;}*/


  .cultural> .row> .culturalP{padding: 0 30px;}
  .caseOne{padding: 0}


  .banner_half .ctb{padding: 30px 0;position: relative}
  .banner_half .ctb .title_en{font-size: 24px;line-height: 36px;}
  .banner_half .ctb .title_cn{font-size: 14px;line-height: 24px;}

  #news_list_box .list{padding: 30px 0}
  #news_list_box .list .list_date{float: none;padding: 15px 0;height: auto;width: 80px;margin: 0 auto 15px auto}
  #news_list_box .list .list_date .day{font-size: 18px;line-height: 30px;height: 30px;}
  #news_list_box .list .list_date .mouth{font-size: 12px;line-height: 18px;height: 18px;}
  #news_list_box .list .list_content{float: none;width: 100%}
  #news_list_box .list .list_thumb{float: none;margin: 15px 0 0 0}
  #news_list_box .list .list_thumb > a{width: 100%;background-size: cover!important;}

  #pagination{padding: 30px;}
  #pagination span, #pagination a, #pagination input{margin: 0 0 15px 0}

  #contact_business #business_bg{height: auto;
    padding: 30px 0;}
  #allmap{display: none}
  .select_card{width: 100%}

  #contact_business #business_title #title_en{font-size: 36px;line-height: 48px;}
  #contact_business #business_title #title_cn{font-size: 24px;line-height: 36px;}

  #service_banner #service_banner_btn{bottom: 15px;}
  #service_banner #service_banner_btn a{width: 100px;height: 30px;line-height: 30px;font-size: 12px;margin: 0;}


  #service_box_content .navigation{display: none}
  #service_box_content .swiper-slide{padding: 0}
  #service_box_content{padding: 0 30px;}
  #service_box_content .item{height: 50px;}
  #service_box_content .item a img{vertical-align: top}
  /*#service_box_content .item:after{display: none}*/
  #service_right{display: none}

  .qc_img{width: 36px;height: 36px;background-size: 36px 36px!important;}
  #quality_content .tab_nav{text-align: center}
  #quality_content .tab_nav li a .circle{}
  #quality_content .tab_nav li a h3{font-size: 12px;margin: 0;line-height: 18px;height: 18px;overflow: hidden}
  #quality_content .tab_nav li a p{font-size: 12px;margin: 0;line-height: 18px;height: 36px;overflow: hidden}
  #quality_content .tab_nav li{width: 15%;}
  #quality_content .tab_nav:before{display: none}

  #footer #icon .icon_list p{line-height: 18px;height: 54px;overflow: hidden;font-size: 12px;}

  #index_info2{padding: 30px 0;}
  #index_info2 .info_list .info_icon{}
  #index_info2 .info_list .info_list_title{font-size: 12px;}
  #header .navbar-brand{line-height: normal;padding: 25px 15px;}

  #index_do #index_do_content .do_list span{font-size: 16px;height: 24px;line-height: 24px;margin: 0 0 7.5px 0}
  #index_do #index_do_content .do_list h3{margin: 0 0 7.5px 0;font-size: 16px;height: 24px;line-height: 24px;}
  #index_do #index_do_content .do_list p{font-size: 12px;}
  #index_do #index_do_content .do_list em{height: 36px;line-height: 36px;top: 19px;font-size: 60px;}
  #index_case #index_case_content .tab_nav li a{font-size: 12px;}
  #index_case #index_case_content .tab_nav li{margin: 0 0 7.5px 0}

  #index_about #index_about_left{text-align: center;margin: 0 0 15px 0}
  #index_about #index_about_left #title_en{font-size: 18px;line-height: 30px;margin: 0}
  #index_about #index_about_left #title_cn{font-size: 16px;line-height: 24px;margin: 0}
  #index_about #index_about_left p{font-size: 14px;line-height: 24px;}
  #index_about #index_about_right p{font-size: 12px;line-height: 20px;}

  #index_dev #index_dev_content .item .year_number{text-align: center;width: auto;display: block;height: 60px;
    line-height: 60px;
    font-size: 42px;
    font-weight: bold;}
  #index_dev #index_dev_content .item .year_text{height: auto}
  #index_dev #index_dev_content .item .year_text .year_text_c p{font-size: 12px;line-height: 18px;}
  #index_dev #index_dev_content .item .year_text{text-align: center;width: auto;display: block;max-width: 100%}
  #index_dev #index_dev_content .item .year_text .year_text_c{justify-content: center;}

  .caseTwo> .row .ct_img{margin: 15px 0;}

  .list-inline{margin: 30px 0}
  /*.case_bg .div_bg{border: 2px solid #fff;margin-top: 0;}*/
  /*.case_bg .div_bg> .bTop{display: none}*/
  /*.case_bg .div_bg> hr{display: none}*/
  /*.case_bg .div_bg> .bTop, .case_bg .div_bg> .bBottom{position: relative;border: 0;}*/
  /*.case_bg .div_bg> h3{position: relative;left: 0}*/
  /*.case_bg .div_bg{height: auto;padding: 15px 0;}*/
  /*.case_bg .div_bg> .bBottom{width: auto;height: auto}*/

  #about_banner .introduction-center{margin-top: 15px!important;width: calc(100% - 45px)}
  #cultural > .row:nth-child(2){display: none}
  .advantages> .row> div> h1{margin: 15px 0;font-size: 24px;}
  .advantages> .row> div> img{display: none}
  .advantages> .row> div .advantagesP{line-height: normal;padding: 0;}
  .advantages> .row> div{margin: 30px 0;border: 0;}
  .advantages{padding: 50px 30px;}
  .development{padding: 120px 0 0 0;}

  #index_info2 .info_list .info_list_pic{width: 100%;background-size: 70% auto!important;height: 60px;}
  #index_info2 .info_list .info_icon{height: 15px;width: 15px;background-size: 100% auto!important;right: -25px;}

  .customer_list{padding: 30px 0;height: 150px;}
  .customer_list img{width: 100%;height: auto}

  #topbar{font-size: 12px;}

  #index_news_content #left h3{height: 24px;overflow: hidden}

  #index_case #index_case_content .case_list .case_list_c{padding: 15px;}
  #index_case #index_case_content .case_list .case_list_c:after{display: none}
  #index_case #index_case_content .case_list .case_list_c p{font-size: 12px;line-height: 18px;height: 36px;overflow: hidden;padding: 0;}
  #index_case #index_case_content .case_list .case_list_c h3{font-size: 14px;line-height: 24px;height: 24px;}
  .customer_list:hover{box-shadow: none!important;}

  #index_news_content #right .inc_list h3{height: 24px;overflow: hidden}
  #index_news_content #right .inc_list p{height: 18px;overflow: hidden}
  #index_news_content #right .inc_list .date strong{height: 24px;line-height: 24px;font-size: 24px;}
  #index_news_content #right .inc_list .date span{height: 18px;line-height: 18px;}
  #index_news_content #right .inc_list .date{height: auto;padding-right: 15px;width: 65px;}
  #index_news_content #right .inc_list .date{border-right: 3px solid #cc1318}

  #caseOne .bg{height: 150px;}
  .caseOne> .row> div> .row> a>.text{padding: 15px;height: 150px}
  .caseOne> .row> div> .row> a> div> .date{font-size: 16px;line-height: 24px;height: 24px;}
  .caseOne> .row> div> .row> a> div> .titles{font-size: 16px;line-height: 24px;height: 48px;}
  .caseOne> .row> div> .row> a> div> .p{display: none}
  .caseOne> .row> div> .row> a> div> .displayT{display: none!important;}

  .caseTwo> .row{margin: 0}
  .caseTwo> .row> .caseTwolist{padding: 15px;}
  .caseTwo> .row> .caseTwolist h1{font-size: 14px;line-height: 24px;margin: 0;}
  .caseTwo> .row> .caseTwolist .small{font-size: 14px;line-height: 24px;margin: 0;top: 0}
  .caseTwo> .row> .caseTwolist h3{font-size: 14px;line-height: 24px;margin: 0;top: 0;font-weight: bold}
  .caseTwo> .row> .caseTwolist .p{font-size: 12px;line-height: 24px;margin: 15px 0 0 0;}
  .caseCrossing{left: 50%;margin-left: -30px;}
  .caseTwo> .row> .caseTwolist .button{margin: 15px 0 0 0;transform:scale(0.8);}

  .case_bg .div_bg{width: 100px;height: 150px;}
  .case_bg .div_bg> .bTop{width: 100px;height: 70px}
  .case_bg .div_bg> hr{width: 100px;top: 45%;display: none}
  .case_bg .div_bg> .bBottom{width: 100px;height: 60px; padding-top: 30px;font-size: 12px;bottom: 0;top: auto}
  .case_bg .div_bg> .bBottom p{display: none}
  .case_bg .li_list .div_bg> .bTop{background-size: 50% auto!important;}
  .list-inline{margin: 0 0 15px 0!important;}
  .list-inline>li{margin: 0!important;}
  .case_bg .div_bg> h3{left: 0;width: 110px;font-size: 12px;text-align: center;top: 55%}

  .banner_half_contact .ctb .ctb1_img,.banner_half_contact .ctb .ctb2_img,.banner_half_news .ctb .ctb1_img,.banner_half_news .ctb .ctb2_img{width: 60px;height: 60px;background-size: 100% auto}
  .banner_half .ctb .title_en{font-size: 14px;height: 24px;line-height: 24px;}
  .banner_half .ctb .title_cn{font-size: 12px;line-height: 18px;height: 18px;}

  #contact_business #business_title{padding: 30px 0}
  #contact_business #business_title #title_en{font-size: 18px;line-height: 30px;font-weight: bold}
  #contact_business #business_title #title_cn{font-size: 16px;line-height: 24px;}
  #contact_business #business_title #title_desc{font-size: 12px;line-height: 18px;}

  #about_banner .introduction-center{margin-top: 30px!important;}
  #about_banner .introduction-center h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}
  #about_banner .introduction-center h3{font-size: 16px;line-height: 24px;margin: 0;font-weight: bold}
  #about_banner .introduction-center p{font-size: 12px;line-height: 18px;margin: 0;}

  #cultural{padding: 30px 0}
  #cultural h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}
  .cultural> .row> .culturalP{margin: 15px 0 0 0}
  .advantages> .row> div{margin: 0 0 30px 0}
  .advantages> .row> div> h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}
  .development{padding: 60px 0 0 0}
  .development h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}

  .event .media-body> .media-heading{font-size: 18px;line-height: 30px;margin: 0;}
  .event .media-body> h1{font-size: 16px;line-height: 30px;margin: 0;color: #e92322}
  .event .media-body> .p{font-size: 12px;line-height: 24px;margin: 15px 0;}
  .event .media-left{padding: 0 15px 0 0}

  .event> .row .text-center{float: right;margin: 0 0 30px 0}
  .event> .row .text-center .more{margin: 0!important;}
  #is_mobile_go{display: table-cell!important;}

  #quality_box h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}
  #service_box h1{font-size: 18px;line-height: 30px;margin: 0;font-weight: bold}
  
  #content_box #title{font-size: 18px;line-height: 36px;}
}

@media (min-width: 768px) AND (max-width: 992px){
  #header .navbar-brand img{height: 65%}
  #header .nav>li>a{padding: 0 7.5px}
  /*.index_banner{height: 500px;}*/
  #index_do #index_do_content .do_list{height: 500px;padding: 50px 30px;}
  #index_number .in_list h3{font-size: 48px;}
  #index_dev{height: 500px;}
  #index_dev #index_dev_content .owl-nav .owl-next{margin: 0 15px 0 0}
  #index_dev #index_dev_content .owl-nav .owl-prev{margin: 0 0 0 15px;}
  #index_dev_content_bottom{display: none}
  #index_area #index_area_content{height: 500px;}
  #index_news_content #left #thumb{height: 354px;}
  #header .navbar-right{display: none}
  #index_number .in_list{margin-bottom: 30px;}
  #index_dev #index_dev_content .item .year_number{display: block;margin: 0;border-right: 0;padding: 0}

  #allmap{width: calc(55% - 15px)}
  .select_card{width: 45%}
}

@media (min-width: 992px) AND (max-width: 1200px){
  #header .navbar-brand img{height: 80%}
  #header .nav>li>a{padding: 0 7.5px}
  /*.index_banner{height: 500px;}*/
  #index_do #index_do_content .do_list{height: 500px;padding: 50px 30px;}
  #index_number .in_list h3{font-size: 48px;}
  #index_dev{height: 500px;}
  #index_dev #index_dev_content .owl-nav .owl-next{margin: 0 15px 0 0}
  #index_dev #index_dev_content .owl-nav .owl-prev{margin: 0 0 0 15px;}
  #index_dev_content_bottom{display: none}
  #index_area #index_area_content{height: 500px;}
  #index_news_content #left #thumb{height: 374px;}

  #allmap{width: calc(55% - 15px)}
  .select_card{width: 45%}
}

@media (min-width: 768px){
  .navbar-nav{margin-left: 50px;}
  #is_pc_go{display: table-cell!important;}
}