/* CSS Document */

object,embed {
	max-width: 100%
}
.wrapper {
    position: relative;
    height: 100%;
}
.mb_30 {
  margin-bottom: 1.88rem !important;
}

.banner_party {
  position: relative;
  margin-bottom: 63px;
  /*margin-top:120px;*/
  overflow: hidden;
}
.banner_party img {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.banner_party .larger {
  display: block;
}
.banner_party .small {
  display: none;
}

.banner_party .key_info_width {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner_party ul {
  width: 1140px;
  margin: 0 auto;
  margin-top: 40px;
}
.banner_party ul .title {
  margin-top: 36px ;
  font-size: 58px;
  color: #323232;
  line-height: 72px;
}
.banner_party ul .path {
  font-size: 14px;
  color: #5f636a;
  line-height: 28px;
}

.banner_party .banner_max_width {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner_party ul {
  width: 1140px;
  margin: 0 auto;
  margin-top: 40px;
}
.banner_party ul .title {
  margin-top: 36px ;
  font-size: 42px;
  color: #323232;
  line-height: 72px;
}
.banner_party ul .path {
  font-size: 14px;
  color: #5f636a;
  line-height: 28px;
}

.max_width {
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
}

.q_nav_tit li {
    list-style: none;
    vertical-align: top;
}
.q_nav_tit{ color: #5f636a;}
.q_nav_tit p{display:inline-block; margin-left:6px;}
.q_nav_tit p a{ color:#5f636a;}
.q_nav_tit p span{color:#b3b3b3; margin:0 8px;}
.q_nav_tit p a:hover{ color: #323232;}

.nav_zx_left {
  float: left;
  width: 18%;
  margin-right: 5%;
}
.nav_zx_left li {
  line-height: 42px;
  border-bottom: 1px solid #ccc;
}
.nav_zx_left li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0;
  color: #323232;
}
.nav_zx_left li a i {
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #ccc;
  font-size: 0;
  margin: 0 10px;
}
.nav_zx_left .title {
  font-size: 24px;
  line-height: 24px;
  color: #323232;
  padding-bottom: 22px;
}
.nav_zx_left .active a,
.nav_zx_left :hover a {
  color: #0057aa;
}
.nav_zx_left .active a i,
.nav_zx_left :hover a i {
  background: #0057aa;
}
.nav_zx_left .drop_out {
  cursor: pointer;
  background: url(../images/zx_select_arrow_03.png) 97% center no-repeat;
}
.nav_zx_left .drop_in i {
  display: inline-block;
  width: 6px;
  height: 2px;
  background: #ccc;
  font-size: 0;
  margin: 10px 10px 5px 22px;
}
.zxabout_leader .padding_china_width {
  width: 1180px;
  position: relative;
  margin: -300px auto 0px auto;
  padding: 64px 70px;
  background-image: url(../images/zx_yhd_back_03.png);
}
.zxabout_leader .padding_china_width .right_content {
  float: left;
  width: 70%;
}
.zxabout_leader .padding_china_width .right_content h3 {
  margin: 0;
  margin-bottom: 34px;
  font-size: 32px;
  line-height: 40px;
  color: #323232;
  font-weight: normal;
}
.zxabout_leader .padding_china_width .right_content .tab_box .label {
  overflow: hidden;
  margin-bottom: -1px;
}
.zxabout_leader .padding_china_width .right_content .tab_box .label .active,
.zxabout_leader .padding_china_width .right_content .tab_box .label li:hover {
  color: #0057aa;
  border-bottom: 1px solid #0057aa;
}
.zxabout_leader .padding_china_width .right_content .tab_box .label li {
  float: left;
  min-height: 52px;
  /*margin-right: 5%;*/
  font-size: 19px;
  line-height: 20px;
  color: #323232;
  /*padding: 0 4px;*/
  width: 20%;
  text-align: center;
  cursor: pointer;
  padding: 6px 0;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .pop_box {
  padding-bottom: 25px;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .pop_box .dl {
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .pop_box .dt {
  float: left;
  width: 144px;
  font-size: 15px;
  line-height: 35px;
  color: #5f636a;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .pop_box .dd {
  float: left;
  font-size: 15px;
  line-height: 35px;
  color: #666;
  font-weight: bolder;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .leader {
  border-top: 1px solid #ccc;
  padding: 30px 78px 40px 2px ;
  font-size: 13px;
  line-height: 23px;
  color: #5f636a;
}
.zxabout_leader .padding_china_width .right_content .tab_box .content_box .box .leader .title {
  margin-bottom: 17px;
  font-size: 18px;
  line-height: 20px;
  color: #323232;
}

.zxabout_instroduction .padding_china_width {
  width: 1180px;
  position: relative;
  margin: -300px auto 0px auto;
  padding: 64px 50px;
  background-image: url(../images/opacity-bg.png);
}
.zxabout_instroduction .padding_china_width .right_content {
  float: left;
  width: 77%;
}
.zxabout_instroduction .padding_china_width .right_content h3 {
  margin: 0;
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 46px;
  color: #323232;
  font-weight: normal;
}
.zxabout_instroduction .padding_china_width .right_content .content_box{
  font-size: 16px;
  color: #323232;
  line-height: 24px;
}
.zxabout_instroduction .padding_china_width .right_content .portrait {
  width: 100%;
  margin-bottom: 20px;
}
.zxabout_instroduction .padding_china_width .right_content .portrait img {
  width: 100%;
}
.zxabout_instroduction .padding_china_width .right_content .cont {
  width: 640px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 30px;
  color: #323232;
}

.animate-effect>div { padding-left: 0; padding-right: 0;}

.towtitle { line-height: 24px;
  height: 28px;
 border-bottom: 1px solid #ccc;
 color: #0d0ff4;
 font-size: 18px;
 font-weight: bold;
}
.ab_key { background: url("../images/key.jpg") #000000 center center no-repeat; background-size: cover; height: 140px; overflow: hidden;}
.ab_key_info { border-radius: 3px; width: 300px; margin: 40px 0 0 0;   text-align: center; overflow: hidden;}
.ab_key_info .small { font-size: 20px; color:#fff;line-height: 30px; margin-top: 80px; display: block;}
.ab_key_info .big { font-size: 36px !important; line-height: 48px; color: #fff; margin-bottom: 80px;}

.main-content{
  position: relative;
  width: 1000px;
  padding-bottom: 60px;
  margin: 0 auto;
}
.main-content .main-tit{
  padding: 30px 30px 8px 0;
  font-size: 20px;
}
.main-tit{
  text-align: center;
}
.padding-width{
  position: relative;
  margin: 0px auto;
  padding: 64px 70px;
}
.detail-date{
 padding: 20px 0;
 border-top: #adadad dotted 1px;
 border-bottom: #adadad dotted 1px;
 color: #666;
 text-align: center;
}
.detail-cont{
  position: relative;
  display: block !important;
  /*display: none;*/
}
.main-content p{
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin: 12px 0;
  text-indent: 2em;
}
.main-content .text p {
  text-indent:0;

}
.main-content p img{
  max-width:100% !important;
  margin:0 auto !important;
}
.main-content p.detail-date{
line-height: 40px;
  font-size: 16px;
  color: #B3B3B3;
  text-indent:0;
  padding:0 !important;
}
.main-content .detail-txt{
  padding: 8px 0 20px;
}
.main-content .detail-txt p{
  padding: 0;
}

table th {
  border: 1px solid #cccccc;
  padding: 15px;
}

tr :first-child {
  background-color: #eeebe9;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both
}

.finance th{
  text-align: center;
  background-color: #eeebe9;
}

.finance td, .finance th {
  padding: 8px 4px;
  border: 1px solid #ccc;
}

.finance td {
  text-align: left;
  background-color: #fff;
  font-size:12px;
}

.tab1 th{
  text-align: center;
  background-color: #eeebe9;
  vertical-align: middle;
}

.tab1 td, .tab1 th {
  padding: 8px 6px;
  border: 1px solid #ccc;
}

.tab1 td {
  text-align: left;
  background-color: #fff;
  font-weight: inherit;
}
.tab1 a { color: #0057aa;}
.tab1 tr :first-child {
  background-color:#fff;
}

.clearfix {
  zoom: 1
}


.yy-typePage {
  margin: 0 auto;
  min-width: 1200px;
}

.yy_newsContent{
float:right;
width:707px;
}
.yy-newContainer .yy-newContent ul li {

float: left;

width: 22%;

margin-right: 2%;
  margin-bottom: 24px;

color: #727272

}
.yy-newContainer .yy-newContent ul li:last-child{
margin-right:0;
}

.yy-newContainer .yy-newContent ul li>a {

display: block;

color: #727272;

}

.yy-newContainer .yy-newContent li:nth-child(4n) {

margin-right: 0

}



.yy-newContainer .yy-newContent ul li>a>p.yy-imgBox {

overflow: hidden

}



.yy-newContainer .yy-newContent ul li>a>p.yy-imgBox img {

-webkit-transition: transform 1s;

transition: transform 1s

}



.yy-newContainer .yy-newContent ul li>a>p.yy-imgBox img:hover {

-webkit-transform: scale(1.2);

transform: scale(1.2)

}



.yy-newContainer .yy-newContent ul li>a>div {

padding: 0 2%;

width: 96%

}



.yy-newContainer .yy-newContent ul li>a>div.yy-newTextTime {

padding: 3% 2% 5%

}



.yy-newContainer .yy-newContent ul li>a>div.yy-newTextTit {

color: #595757;

padding-bottom: 3%;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

font-weight: 700;

padding-top: 2px;

}
.yy-newContainer .yy-newContent ul li>a>div.pp-newTextTit {

color: #0057aa;

padding-bottom: 3%;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

font-weight: 700;

padding-top: 15px;
background:#FFF;
font-size:16px;
font-weight:normal;

}
.yy-newContainer .yy-newContent ul li>a:hover>div.pp-newTextTit{
color:#da000d;
}


.yy-newContainer .yy-newContent ul li>a>div.yy-newTextCon .yy-newWord {

line-height: 2em;

height: 6em;
overflow: hidden;


}



.yy-newContainer .yy-newContent ul li>a>div.yy-newTextCon .yy-newGoto {

cursor: pointer;

margin-top: 4%

}



.yy-newContainer .yy-newContent ul li>a>div.yy-newTextCon .yy-newGoto a {

color: #727272

}



.yy-newContainer .yy-newContent ul li>a>div.yy-newTextCon .yy-newGoto a:hover,.yy-newContainer .yy-newContent ul li>a>div.yy-newTextCon .yy-newGoto:hover {

color: #0098d9

}

.welfare_cast {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
}

.welfare_img {
  width: 380px;
  margin-right: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.welfare_img:nth-child(2n) {
  width: 380px;
  margin-right: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.welfare_img img {
  width: 350px;
}

.product_cast {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.product_img {
  width: 240px;
  margin-right: 25px;
}

.product_1 {
  position: relative;
  width: 240px;
  height: 240px;
  border:1px solid #ccc;
}

.p_font {
  background: #0950a0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30px;
  width: 30px;
}

.product_zz_cast {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.product_zz_cast .product_img{
  width: 240px;
  margin-right: 36px;
  margin-bottom: 48px;
}
.product_zz_cast .product_img:nth-child(3) {margin-right: 0px;}

.product_zz_cast .product_box { border: 1px solid #ccc; display: block; overflow: hidden;}
.product_zz_cast .product_box:hover { border: 1px solid #0d0ff4; }
.product_zz_cast .product_1 {
  position: relative;
  width: 240px;
  height: 200px;
  border:1px solid #fff;
  vertical-align: middle;
}
.product_zz_cast .produc_text {
   border-top: 1px solid #ccc;
   padding: 10px 12px;
}
.product_zz_cast .produc_text span{ display: block;}

.zxabout_instroduction .padding_china_width .right_content .product_img h3 {
  color: #003876;
  font-size: 22px;
}

img {
  display: inline-block;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
}

.zxabout_instroduction .technology {
  width: 1180px;
  position: relative;
  margin: -300px auto 0px auto;
  padding: 0px 0px;
  background-image: url(../images/opacity-bg.png);
}

.technologyTab {
  background-color: #ffffff;
}
.technologyTab ul li {
  position: relative;
  flex: 1;
  text-align: center;
}
.technologyTab ul li+li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 2.25rem;
  margin-top: -1.12rem;
  background-color: #efeef0;
}
.technologyTab ul li a {
  display: block;
  height: 5.0rem;
  line-height: 5.0rem;
  font-size: 1.8rem;
  cursor: pointer;
  border-bottom: 2px solid #efeef0;
  font-family: "MontserratRegular";
  position: relative;
}
.technologyTab ul li a:hover{
  color: #0d0ff4;
  
}
.technologyTab ul li.active a:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0d0ff4;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.technologyBox {
  padding: 0;
}
.technologyBoxHead {
  padding: 6.25rem 8.8541vw;
  border-bottom: 2px solid #e8e9ea;
  display: flex;
  align-items: center;
}
.technologyBoxHead .con {
  padding-left: 1.88rem;
}
.technologyBoxHead .con .title {
  font-size: 2.25rem;
  margin-bottom: 0.62rem;
}
.technologyBoxHead .con .text {
  font-size: 1.25rem;
}

.wow {
  visibility: hidden;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.technologyBoxList .technologyBoxList_items+.technologyBoxList_items {
  border-top: 1px solid #efeef0;
}
.technologyBoxList_items {
  padding: 6.25rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.technologyBoxList_items_text {
  width: 52%
}
.technologyBoxList_items_img {
  width: 42%;
  text-align: right;
}
.technologyBoxList_items_title {
  font-size: 2.12rem;
  margin-bottom: 0.62rem;
}
.technologyBoxList_items_ul li+li {
  border-top: 1px solid #efeef0;
  padding-top: 2.5rem;
  margin-top: 2.5rem;
}
.technologyBoxList_items_ul li .title {
  font-size: 1.75rem;
  color: #0d0ff4;
  margin-bottom: 0.38rem;
}
.technologyBoxList_items_ul li .text {
  font-size: 1.12rem;
  line-height: 1.8;
  margin-bottom: 1.88rem;
}
.hVideo {
  width: 12.5rem;
  color: #ffffff;
}
.hVideo a {
  display: block;
  height: 2.88rem;
  line-height: 2.88rem;
  background-color: #0d0ff4;
  color: #fff;
  font-size: 1.0rem;
  text-align: center;
  cursor: pointer;
}
.hVideo a span {
  padding-left: 2.5rem;
  background-image: url(../images/hVideoIcon.png);
  background-position: left center;
  background-size: 1.19rem auto;
  background-repeat: no-repeat;
}
.foreign-tag { margin: 0 auto 24px; width: 500px; display: block; overflow: hidden;}
.foreign-tag ul li{ float: left;}
.foreign-tag ul li a { font-size: 2rem; line-height: 45px; border: 1px solid #cccccc;  display: block; padding: 0 12px; }
.foreign-tag ul li:first-child a{border-radius: 5px 0 0 5px;}
.foreign-tag ul li:last-child a{border-radius: 0 5px 5px 0;}
.foreign-tag ul li.active a{ background-color: #0d0ff4; color: #FFF;border: 1px solid #0d0ff4;}

.ab_case_list { position: relative; overflow: hidden;}
.ab_case_list li{ width: 180px; height: 120px; float: left; margin: 12px 20px 12px 0; background-color: #FFF;border: 1px solid #ccc;display:flex;align-items:center; justify-content: center;}
.ab_case_list li:nth-child(5n){
  margin: 12px 0px 12px 0;
}
.ab_case_list li img {max-width: 100%; max-height: 120px;align-items:center;}

.job_cast {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.job_img {
  width: 240px;
  margin-right: 15px;
}
.job_img:nth-child(3n) {
  width: 240px;
  margin-right: 0px;
}

.job_1 {
  position: relative;
  width: 240px;
  height: 160px;
  border:1px solid #ccc;
}
.zxabout_instroduction .padding_china_width .right_content .job_cast h3{
  font-size: 18px;
}
.p_font {
  background: #0950a0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30px;
  width: 30px;
}

.recruit{ margin: 12px auto 24px;}
.rec{}

.rec1{ border-bottom: 1px solid #ccc;}
.rec1 a { font-size: 18px; font-weight: bold; line-height: 35px;}
.rec1 span{ margin: 0 12px;}
.rec2 { margin: 16px 0; border: 1px dotted #d8d8d8; padding: 8px 16px;}
.rec3{ display: none;}
.describe span{ font-size: 16px; font-weight: bold; margin: 4px 0; display: block;}

.tab1 { background: url(/images/i.gif) 4px 60px no-repeat;width: 1040px;}
.dt0{ width: 1030px;background-color: #fff;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;height: 47px; line-height: 47px; text-align: center;}
.dt1{ width: 50px;}
.dt2{ width: 370px;}
.dt3{ width: 120px;}
.dt4{ width: 270px;}
.dt5{ width: 100px;}
.dt6{ width: 120px;}
.tab1 .head { clear: both;}
.tab1 .head li{float: left; border:1px solid #dddddd; padding: 8px 0; text-align: center; border-right: 0; height: 60px; background: #eeebe9; font-weight: bold;}
.tab1 .head li:first-child{ background-color: #fff;}
.tab1 .head li:last-child{border-right: 1px solid #dddddd;}
.tab1 .body{clear: both;}
.tab1 .body li div{float: left;padding: 0px 5px;border:1px solid #dddddd;border-right: 0;border-bottom: 0;height: 37px; line-height: 37px; white-space: nowrap;overflow:hidden ;text-overflow:ellipsis; }

.tab1 .body li div:last-child{border-right: 1px solid #dddddd;}
.tab1 .body li:last-child div{border-bottom: 1px solid #dddddd;}

.sus,.sus .oli,sus .bli {font-size:16px;}
.sus .oli {padding-left:25px; 
  text-indent:-20px;}
.sus .bli {padding-left:25px; }