@charset "utf-8";
/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
b,
i,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
textarea {
  *overflow: auto;
}
code,
kbd,
samp,
tt {
  font-size: 100%;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
}
sup,
sub {
  font-size: 100%;
  vertical-align: baseline;
}
input,
textarea {
  -webkit-appearance: none;
}
a {
  text-decoration: none;
}
.clear {
  clear: both;
}
.head_bj {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0px;
  z-index: 9999;
}
.head {
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  display: flex;
  position: relative;
}
@media (max-width: 770px) {
  .head {
    
	justify-content: space-between;
    
  }
  .f_logo {
    width: 300px !important;
  }
  .f_logo img {
    width: 100%;
  }
}
/* 菜单栏样式 */
.menu_icon {
  width: 25px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  top: 20px; 
  right: 30px;
  display: none;
}
@media (max-width: 770px) {
  .menu_icon {
    display: block;
  }
}
.menu {
  position: fixed;
  top: 64px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: none;
}
.menu ul {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.menu ul li {
  width: 100%;
  padding: 0 26px;
  box-sizing: border-box;
  border-top: 1px solid #f2f2f2;
}
.menu ul li .active {
  color: #c08a3c !important;
}
.menu ul li span {
  transition: transform 0.5s;
}
.menu ul li .list {
  display: none;
}
.menu ul li .list a {
  border-top: 1px solid #f2f2f2;
  text-indent: 2rem;
}
.menu ul li a {
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 50px;
  color: #333;
}
/* 条状图标样式 */
.bar {
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  left: 0;
  transition: transform 0.5s ease-in-out;
  /* 兼容性处理 */
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
/* 第一个条状图标 */
.bar1 {
  top: 0;
}
/* 第二个条状图标 */
.bar2 {
  top: 50%;
  transform: translateY(-50%);
}
/* 第三个条状图标 */
.bar3 {
  bottom: 0;
}
/* 转换为关闭叉叉 */
.menu_icon.active .bar1 {
  transform: rotate(45deg) translate(6px, 6px);
  /* 兼容性处理 */
  -webkit-transform: rotate(45deg) translate(6px, 6px);
}
.menu_icon.active .bar2 {
  opacity: 0;
}
.menu_icon.active .bar3 {
  transform: rotate(-45deg) translate(6px, -6px);
  /* 兼容性处理 */
  -webkit-transform: rotate(-45deg) translate(6px, -6px);
}
.f_logo {
  width: 378px;
  padding: 10px 0px;
}
.f_nav {
  flex: 1;
  overflow-x: hidden;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 770px) {
  .f_nav {
    display: none;
  }
}
.f_nav .f_nav_region {
  width: 100%;
  overflow-x: hidden;
}
.f_nav .f_nav_region a {
  font-weight: bold;
  font-style: 18px;
}
.f_nav .f_nav_region a:hover {
  color: #c08a3c;
}
.f_nav .f_nav_region .active {
  color: #c08a3c !important;
}
.f_nav ul {
  position: relative;
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .f_nav ul {
    justify-content: flex-start !important;
  }
}
.f_nav .left {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #2185c6;
  font-weight: 800;
  z-index: 9;
  display: none;
}
@media (min-width: 1200px) {
  .f_nav .left {
    display: none!important;
  }
}
.f_nav .right {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #2185c6;
  font-weight: 800;
  display: none;
}
@media (max-width: 1200px) {
  .f_nav .right {
    display: block;
  }
}
@media (min-width: 1200px) {
  .f_nav .right {
    display: none!important;
  }
}
.menu_children_list .item {
 
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 99;
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  overflow: hidden;
  height: 0;
  margin-left:-30px;
  
}
.menu_children_list .item a {
  background-color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
  color: #333;
}
.menu_children_list .item a:hover {
 background: rgba(198,116,50,0.96);
  color: #fff;
}
.f_nav ul {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.f_nav ul li {
  line-height: 90px;
  padding: 0px 25px;
  font-size: 18px;
  position: relative;
  box-sizing: border-box;
}
.f_nav ul li a {
  color: #333;
  white-space: nowrap;
}
/*banner*/
.banner {
  margin: 92px auto 0 auto;
  width: 100%;
}
#banner {
  height: 700px;
  width: 100%;
}
#banner_point {
  margin-top: 660px;
  position: absolute;
  height: 30px;
  z-index: 99999;
  width: 100%;
  font-size: 20px;
}
#banner_list img {
  height: 700px;
  border: 0px;
  width: 100%;
}
#banner_bg {
  position: absolute;
  bottom: 0;
  height: 156px;
  z-index: 1000;
  cursor: pointer;
  width: 100%;
}
#banner ul {
  position: absolute;
  left: 45%;
  list-style-type: none;
  z-index: 1002;
  margin: 0 auto;
  padding: 0;
  width: 143px;
}
#banner ul li {
  display: block;
  width: 24px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 8px;
  display: inline;
  position: relative;
  background: url(../images/bannerqhx.png) no-repeat center center;
}
#banner ul li.on {
  color: #fff;
  background: url(../images/bannerqh.png) no-repeat center center;
}
#banner_list a {
  height: 700px;
  position: absolute;
  display: block;
  width: 100%;
  font-size: 60px;
  font-weight: 900;
}
/*end banner*/
.in_news {
  width: 100%;
  background-color: #f6f6f6;
  padding-top: 50px;
}
.in_news_tit {
  width: 96%;
  max-width: 1400px;
  margin: 0px auto;
  line-height: 30px;
  font-size: 28px;
  padding-bottom: 30px;
}
.in_news_tit a {
  color: #404040;
}
.in_news_tit span {
  font-size: 16px;
  float: right;
}
.in_news_nei {
  width: 96%;
  max-width: 1400px;
  margin: 0px auto;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
.in_news_row {
  width: 21%;
  padding: 18px;
  background-color: #fff;
}
.in_news_row:hover {
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=200, strength=1);
  /*ie*/
  -moz-box-shadow: 0px 0px 5px #909090;
  /*firefox*/
  -webkit-box-shadow: 0px 0px 5px #909090;
  /*safari或chrome*/
}
.in_news_row a {
  color: #454545;
  width: 100%;
  display: block;
}
.in_news_row a:hover {
  color: #c08a3c;
}
.in_news_img{overflow: hidden; height:224px; margin-top:0px;}
.in_news_img img {
  width: 100%;
  position: relative;
  transition: all .5s;
}
.in_news_img:hover img{ transform: scale(1.2);  
                transition: all 1s ease 0s;}


.in_news_row a span {
  color: #999;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
}
.in_news_biaoti {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  padding: 10px 0px;
}
.in_news_row img {
  width: 100%;
}
.in_ywbk_tit {
  width: 100%;
  font-size: 38px;
  font-weight: 600;
  line-height: 82px;
  background-color: #fff;
  text-align: center;
  margin-top: 70px;
}
.in_ywbk_tit a {
  color: #545454;
}
.in_ywbk_nei {
  width: 96%;
  max-width: 1400px;
  margin: 50px auto 0px auto;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  padding-bottom: 70px;
}
.in_ywbk_row {
  width: 29%;
  background-color: #fff;
  padding-bottom: 50px;
}
.in_yw_tb {
  width: 164px;
  margin: 50px auto 0px auto;
  background-color: #f6f6f6;
  height: 164px;
  padding: 0px;
  border-radius: 50%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  align-items: center;
  justify-content: center;
}
.in_yw_tb span {
  font-size: 80px;
  color: #595757;
  margin: 0px;
}
.in_ywbk_row h2 {
  line-height: 60px;
  font-size: 20px;
  color: #333;
  text-align: center;
  font-weight: 600;
  padding-top: 20px;
}
.in_ywbk_row hr {
  width: 50px;
  background-color: #444;
  height: 1.5px;
  margin: 0px auto;
}
.in_about_bj {
  width: 100%;
  background: #fff;
  padding: 30px 0px 120px 0px;
}
.in_about {
  width: 96%;
  max-width: 1400px;
  margin: 50px auto 0px auto;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
.in_about_rowl {
  margin-right: 50px;
}
.in_about_tit span {
  font-size: 100px;
  color: #f4f4f4;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  z-index: 1;
}
.in_about_tit h2 {
  line-height: 100px;
  z-index: 2;
  position: relative;
  font-size: 40px;
  color: #333;
  font-weight: 600;
}
.in_about_p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 40px;
}
.in_about_a {
  margin-top: 60px;
  width: 160px;
  line-height: 50px;
  display: block;
  background-color: #c08a3c;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.in_about_tx {
  border: 1px solid #c08a3c;
  display: block;
  width: 158px;
  height: 48px;
  position: absolute;
  margin-top: -42px;
  margin-left: 7px;
  transition: width 1s, height 1s;
  -webkit-transition: width 1s, height 1s;
  /* Safari */
  z-index: ;
}
.in_about_tx:hover {
  width: 120px;
  height: 25px;
}
.footer_bj {
  background-color: #000;
  width: 100%;
}
.footer_con {
  width: 96%;
  max-width: 1400px;
  margin: 0px auto;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.footer_conl {
  width: 1000px;
  padding-top:50px;
}
.footer_ditu{width:949px;height:285px;border:#ccc solid 1px;}
.footer_conr {
  color: #999;
  padding-top: 55px;
}
.footer_tel {
  font-size: 26px;
  text-align: right;
}
.footer_dizhi {
  font-size: 14px;
  text-align: right;
  line-height: 40px;
}
.footer_ewm {
  width: 150px;
  float: right;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.footer_ewm span {
  display: block;
  width:100%;
  float: right;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
}
.footer_ewm span img {
  width: 100%;
}
.footer_conb {
  line-height: 40px;
  color: #999;
  text-align: center;
  font-size: 14px;
  border-top: 1px solid #3d3d3d;
  padding: 8px 0px;
}


footer {
  background: #484848;
  color: rgba(255, 255, 255, 0.6);
}
footer a {
  color: rgba(255, 255, 255, 0.6);
}
footer a:hover {
  color: #fff;
}
.foot_top {
  padding: 80px 0 60px;
}
.foot_top dl {
  float: left;
  width: 17%;
  margin-left: 3%;
}
.foot_top dl.dl01 {
  margin-left: 0;
}
.foot_top dl dt {
  font-size: 22px;
  border-bottom: 1px solid #5d5d5d;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.foot_top dl dt a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.foot_top dl dd {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 36px;
}
.foot_top dl.dl04 {
  width: 38%;
  position: relative;
}
.foot_top dl .last {
  position: absolute;
  width: 30%;
  right: 0;
  top: 70px;
  text-align: center;
}
.foot_top dl .last .share {
  display: none;
}
.foot_top dl .last .ewm_img {
  margin-bottom: 20px;
}
.foot_top dl .last .ewm_txt {
  display: none;
}
.foot_top dl .last .ewm_img img {
  display: none;
}
.foot_top dl .last .ewm_txt span {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  padding: 0 5px;
  border-left: 1px solid #2d2d2d;
}
.foot_top dl .last .ewm_txt span.cur {
  color: #fff;
}
.foot_top dl .last .share a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: transparent;
  padding: 0;
  float: none;
  margin: 0 4px;
  color: #898989;
  border: 1px solid #898989;
  border-radius: 50%;
  font-size: 15px;
  transition: 0s;
  text-align: center;
}
.foot_top dl .last .share a .iconfont {
  line-height: 29px;
}
.foot_top dl .last .share a:hover {
  color: #fff;
}
.wrap {
  width: 96%;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}
.foot_bott {
  font-size: 14px;
  color: #8c8c8c;
  padding: 20px 0;
  border-top: 1px solid #999;
}
.foot_bott .left {
  float: left;line-height: 26px;
    font-size: 15px;
}
.foot_bott .right {
  float: right;
}

#banner{ height:auto;}
#banner_list a{ height:auto; position:relative;}
#banner_list img{height:auto; }








.banner_n{width:100%;  height:580px; margin-top:100px; }
.banner_n img{ display: none;}
.about_tit{ width:96%; max-width:1400px; margin:50px auto 0px auto; text-align:center; color: #C08A3C; font-size: 30px; font-weight:600;}
.about_tit strong{ display:block; font-size:20px;}
.about_tit strong span{font-size:20px; font-weight:normal;}
.about_tit i{ color:#666; font-size:16px; display:block;}

.about_con{ width:96%; max-width:1400px; margin:50px auto 0px auto; padding-bottom:100px;}
.about_con1{display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;}
.about_con1_n{ margin-left:50px; font-size:18px; line-height:36px; padding-top:10px; color: rgb(85, 85, 85);}
.about_con2{ width:100%; padding:50px 0px;}
.about_con2 ul{display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;}
.about_con2 ul li{ text-align:center; width:33.33%; font-size:18px; color:#333;}
.about_con2 ul li span{ font-size:50px; color:#C08A3C;}
.about_con2 ul li strong{ position: absolute;
    margin-left: 20px;
    line-height: 50px;}
.about_con3{margin-left:50px; font-size:18px; line-height:36px; padding-top:10px; color: rgb(85, 85, 85);}


 #video {
        width: 580px;
        height: 355px;
        margin: 20px auto 0px auto;
        position: relative;
      }

      #video video {
        width: 100%;
        height: 100%;
        object-fit: fill;
      }

      .VideoBtn {
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
        cursor: pointer;
        z-index: 10;
      }
	  
	  
	  .gywm_ff{ width:100%; max-width:1400px; margin:0px auto; padding-top:60px; padding-bottom:100px;}
	  .gywm_ff ul{display: -webkit-flex; /* Safari */
  display: flex; flex-wrap:wrap; }
  .gywm_ff ul li{ width:33%; height:260px; border:1px solid #f1f1f1;}
  .gywm_ff ul li a{ width:86%; margin:0px auto; display:block; color:#454545; height:260px;}
  .gywm_ff ul li a h2{ line-height:60px; font-size:28px; padding-top:35px;}


    	  .gywm_con{ width:100%; max-width:1400px; margin:0px auto;}
	  .gywm_l{ width:250px; float:left; }
	  .gywm_r{ margin-left:250px ; }
	  
.gywm_l a{ color:#333;}	  
	  #side{ width:100%; margin-top:0px;}
#side ul{ width:100%; margin:0px auto; }
#side li{ width:100%;  text-align:center; font-size:15px; }
#side li a{border-bottom:1px solid #ccc; border-top:1px solid #e2e2e2; display:block; width:100%; height:50px; line-height:50px; margin:0px auto;}
#side li a:hover{border-bottom:1px solid #ccc; background-color:#9f9f9f; color:#fff;}
.con{ margin-top:20px; width:100%; padding:0px 15px;}
.navon1{ border-bottom:1px solid #ffa200; width:98%; margin:0px auto;}
.navon1 a{display:block; background-color:#9f9f9f; color:#fff; margin:0px auto; height:49px; line-height:49px;}

.dsjlb{width: 100%; padding-top: 20px;}	
	.dsjlb li{ line-height: 40px; border-bottom: 1px dashed #cdcdcd;}
	.dsjlb li a{ color: #333;}


#video {
	width: 680px;
	height:415px;
	margin: 20px auto 0px auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.zzjg_tit{  width:96%; max-width:1400px; margin:50px auto 0px auto;  font-size:36px; color:#454545; line-height:80px; text-align:center; font-weight:600;}
.zzjg_con{ width:96%; max-width:1400px; margin:50px auto 0px auto; font-size:18px; line-height:36px; color: rgb(85, 85, 85);  padding-bottom:100px;}
.zzjg_con img{ max-width:100%;}

.qywh_tit{  width:96%; max-width:1400px; margin:50px auto 0px auto;  font-size:36px; color:#2185C6; line-height:80px; text-align:center; font-weight:600;}
.qywh_con{ width:96%; max-width:1400px; margin:50px auto 0px auto; font-size:18px; line-height:36px; color: rgb(85, 85, 85);  padding-bottom:100px;}
.qywh_con img{ max-width:100%;}

.qywh_con ul{width:96%; display: -webkit-flex; /* Safari */ display: flex; justify-content: space-between;}
.qywh_con ul li{ width:25%; text-align:center; line-height:60px; margin-top:120px; font-size:26px;}
.qywh_con ul li span{ display:block; font-size:60px; border:1px solid #999; width:120px; height:120px; border-radius:50%; margin:0px auto; line-height:120px;}


.xj_mbx{ background-color:#f1f1f1; width:100%; line-height:60px; font-size:16px;}
.xj_mbx p{ width:96%; max-width:1400px; margin:0px auto 0px auto;}
.xj_mbx p a{ color:#454545;}
.yewu_tit{  width:96%; max-width:1400px; margin:50px auto 0px auto;  font-size:36px; color:#454545; line-height:80px; text-align:center; font-weight:600;}
.yewu_con{ width:96%; max-width:1400px; margin:50px auto 0px auto; font-size:18px; line-height:36px; color: rgb(85, 85, 85);  padding-bottom:100px;}

.yewu_con{ width: 96%;
  max-width: 1400px;
  margin: 0px auto;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;}

.yewu_con_row {
  width: 27%;
  padding: 18px;
  border:1px solid #e2e2e2;
  margin-top: 40px;
  margin:10px 10px;
}


.yewu_con_row a {
  color: #454545;
  width: 100%;
  display: block;
}
.yewu_con_img img{ width:100%;}
.yewu_con_biaoti{ text-align:center;}


.yewu_xiangqing{ width:96%; max-width:1300px; margin:50px auto 0px auto; display: -webkit-flex; /* Safari */ display: flex;  justify-content:space-between;}
.yewu_xiangqingl{ width:50%;}
.yewu_xiangqingl img{ width:80%; margin:0px auto;}
.yewu_xiangqingr{ width:50%;}
.yewu_xiangqingr h2{ font-size:32px; color: #08192D; overflow: hidden;
    max-height: 118px;
    height: auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    line-height: 59px;}
	
.yewu_xiangqingr h3{-webkit-line-clamp: 2;
    color: #08192D;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 0; margin:25px 0px;}

.yewu_xiangqingr h4{color: #fff !important;
    opacity: 1;
    background: #1B78EA;
    border: none; width:120px; text-align:center; line-height:36px; margin:20px 0px; border-radius:10px;}
.yewu_xiangqingr p{ font-size:16px; line-height:32px; color:#555;}


.yewu_liuyan{ background-color: rgb(246, 246, 246); width:100%; margin-top:100px; padding-bottom:80px;}
.yw_liuyantit{font-size: 48px; text-align:center; line-height:60px;
    color: #2185C6; padding-top:80px;}
.yw_liuyantit2{ font-size: 20px;
    color: rgb(51, 51, 51); text-align:center; line-height:60px;}
.liuyan_f1{display: -webkit-flex;
  /* Safari */
  display: flex; justify-content:space-between;}
.form-group{ margin-top:20px;}
.form-group_f1{ width:100%;}
.form-group_f1 textarea{ width:100%; margin:0px auto; text-indent:15px;  line-height: 40px; height:150px;  background: rgb(239, 239, 239);
	border:0px;}
.liuyan_f1 .form-group{ width:23%;  }
.liuyan_f1 .form-group input{-webkit-appearance: none;
    width: 100%;
    background: rgb(239, 239, 239);
	border:0px;
    line-height: 40px;
    margin: 0px auto; text-indent:15px;}
	
.f_yanzheng{display: -webkit-flex;
  /* Safari */
  display: flex;}
 .f_yanzheng input{background: rgb(239, 239, 239);
	border:0px;
    line-height: 40px;}
 .f_yanzheng img {height: 40px;
    margin-left: 15px;}
	
.form-group button{ width:200px; line-height:40px; text-align:center; color:#fff; background-color: rgba(33,133,198,1); border:0px;}
	
.col-lg-6{width:96%; max-width:1400px; margin:0px auto; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;}

.news_f{ width:96%; max-width:1400px; margin:0px auto; display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
   padding-bottom:80px;}
.news_row {
  width: 21%;
  padding: 15px;
  background-color: rgba(246,246,246,1);
  margin-top:50px;margin-left: 20px;
}
.news_row:hover {
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=200, strength=1);
  /*ie*/
  -moz-box-shadow: 0px 0px 5px #909090;
  /*firefox*/
  -webkit-box-shadow: 0px 0px 5px #909090;
  /*safari或chrome*/
}
.news_row a {
  color: #454545;
  width: 100%;
  display: block;
}
.news_row a:hover {
  color: #c08a3c;
}
.news_row a b {
  color: #999;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
}
.news_row a span{ display:block; text-align:right;  transition: all .5s; margin-right:20px;}
.news_row a:hover  span{ display:block;  margin-right:0px;}
.news_biaoti {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  padding: 10px 0px;
}
.news_img{overflow: hidden; height:180px; margin-top:0px;}
.news_row img {
  width: 100%;
  position: relative;
  transition: all .5s;
}
.news_row:hover img{ transform: scale(1.2);  
                transition: all 1s ease 0s;}
				
.news_fny{ width:96%; max-width:1400px; margin:0px auto; padding:20px 0px 30px 0px;}
.news_fny h2{ text-align:center; font-size:26px; line-height:40px; color:#454545;}
.news_fny h3{text-align:center; font-size:14px; line-height:40px; color:#888; border-bottom:1px solid #d1d1d1; margin-bottom:20px;}
.news_fny p{ font-size:16px; color:#454545; line-height:32px; padding-top:10px;}

.text-secondary{ line-height:38px; font-size:16px; padding-bottom:30px; padding-top:15px; border-top:1px solid #f1f1f1; color:#454545; width:96%; max-width:1400px; margin:0px auto; }
.text-secondary a{color:#454545;}

.xinxi_tit{ font-size:40px; text-align:center; line-height:60px; padding-top:50px; color:#333;}
.xinxi_tit span{ display:block; font-size:20px; text-align:center; color: rgb(220, 220, 220); font-weight:600;}
.xinxi_f{width:100%; max-width:1250px; margin:0px auto; padding:30px 0px 120px 0px;}
.xinxi_f_con{ margin-top:30px;margin-left: 20px; width:100%;  background-color: rgba(247,247,247,1); }
.xinxi_f_con a{ line-height:30px; font-size:22px; padding:18px; display:block; color:#454545; font-weight:600; }
.xinxi_f_con:hover{ color:#c08a3c;  filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=200, strength=1);
  /*ie*/
  -moz-box-shadow: 0px 0px 5px #909090;
  /*firefox*/
  -webkit-box-shadow: 0px 0px 5px #909090;
  /*safari或chrome*/}
.xinxi_f_con a p{ font-size:16px; font-weight:normal; color:#999; padding-top:15px;}
.xinxi_f_con a span{ float:right; font-size:18px; font-weight:500;}

.xinxi_f_xq{width:96%; max-width:1400px; margin:0px auto; padding:50px 0px 120px 0px; display: -webkit-flex;  /* Safari */  display: flex; }
.f_side{ width:320px;}
.f_side li{ width:246px; text-align:center; font-size: 18px; padding-bottom:30px;}
.f_side li a{ color:#fff;background: rgba(10,72,164,1);line-height:50px; width:100%; display:block; border-radius:5px;}
.xinxi_xqr h2{ text-align:center; font-size:26px; line-height:40px; color:#454545;margin-top: 20px;}
.xinxi_xqr h3{text-align:left; font-size:14px; line-height:40px; color:#888;  }
.xinxi_xqr h4{text-align:center; font-size:14px; line-height:40px; color:#888; border-bottom:1px solid #d1d1d1; margin-bottom:20px; margin-bottom:20px;}
.xinxi_xqr p{ font-size:16px; color:#454545; line-height:32px; padding-top:10px;}

.my-4{margin-bottom: 1.5rem!important; margin-top: 1.5rem!important; width:100%;}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
	font-size: 13px;
    line-height: 1.25;
    color: #777777;
    background-color: #fff;
}

.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num-current {
    z-index: 1;
       color: #6b6b6b;
    background-color: #ffffff;
}



/* 必要布局样式css */
.djdt_f{ width:96%; max-width:1400px; margin:60px auto 0px auto; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between; padding-bottom:80px;}

.home-banner-slider {
    
    width:630px;
    min-height: 60px;
    /*background:#900;*/
}

.prev {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:#bfbfbf;
    position: absolute;
	margin-top:-230px;
    cursor: pointer;
	margin-left:-40px;
	color:#fff;
	text-align:center;
	line-height:30px;
	
}

.next {
	
	 width: 30px;
    height: 30px;
    border-radius: 50%;
    background:#bfbfbf;
    position: absolute;
   margin-top:-230px;
    cursor: pointer;
	margin-left:640px;
	color:#fff;
	text-align:center;
	line-height:30px;
}


.home-banner-con {
    width: 100%;
    margin: 0 auto;
}

.home-banner-line {
    width: 100%;
    background: #f5f5f5;
    height: 45px;
}

.home-banner-list {
    padding-top: 17px;
    padding-left: 20px;
    font-size: 0;
}

.item-q {
    width: 10px;
    height: 10px;
    display: inline-block;
    _zoom: 1;
    margin-right: 8px;
    background: #ddd;
    border-radius: 50%;
}

.home-shadow {
    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.1);
    position: relative;
    background: #fff;
}
.home-shadow img{ width:100%;}
.home-banner-text {
    width: 100%;
    text-align: center;
}

.home-title {
    font-size: 18px;
    color: #333;
    padding-top: 60px;
    padding-bottom: 42px;
    line-height: 1;
    text-align: center;
}

.home-text {
    font-size: 14px;
    color: #999;
    height: 67px;
    text-align: center;
    line-height: 1.8;
    margin-top: -5px;
}

.home-button a {
    width: 184px;
    height: 54px;
    text-align: center;
    border: solid #2f82ff 1px;
    border-radius: 28px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 54px;
    background: #fff;
    display: block;
    color: #2f82ff;
    transition: background-color .3s;
}

.home-button a:hover {
    background-color: #2f82ff;
    color: #fff
}

.djdt_liebiao{ width:650px;}
.djdt_liebiao li{ width: 100%; border-bottom:1px solid #DBDBDB; margin-bottom:15px;}
.djdt_liebiao li a {line-height: 30px;
    font-size: 18px;
    padding: 16px;
    display: block;
    color: #454545;
    font-weight: 500;
}
.djdt_liebiao li:hover{ color:#c08a3c;  filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=200, strength=1);
  /*ie*/
  -moz-box-shadow: 0px 0px 5px #909090;
  /*firefox*/
  -webkit-box-shadow: 0px 0px 5px #909090;
  /*safari或chrome*/}
.djdt_liebiao li a span{ float:right; font-size:16px; font-weight:500;}


.job_f{ width:96%; max-width:1400px; margin:0px auto; padding:60px 0px; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between; }
.job_fl{ width:45%;}
.job_fl img{ width:100%;}
.job_fr{width:50%; font-size:18px; line-height:36px;margin-top: 50px;}
.job_fr h2{ font-size:25px; line-height:60px;font-weight: 600;}
	
.lianxi_f{ width:100%; max-width:1400px; margin:50px auto 0px auto; background-color: rgba(255, 255, 255, 0);
    border-color: rgba(0,0,0,1);
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px 0px;
}
.lianxi_f ul{ padding:30px 0px; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;}
  
.lianxi_f ul li{ text-align:center; width:25%; border-right:1px solid #D1D1D1;}
.lianxi_f ul li span{ color:#c08a3c; font-size:58px; display:block; text-align:center; width:100%;}
.lianxi_f ul li strong{ display:block; font-size:20px; line-height:60px;}


.lianxi_f2{width:95%; max-width:1400px; margin:100px auto 0px auto; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between; padding-bottom:100px;}
  
.lianxi_f2l{ width:45%; background: url(../images/lxwmbj.png) no-repeat center bottom; color:#524949;}
.lianxi_f2l h2{ font-size:24px; font-weight:normal;  border-bottom:1px solid #999; width:86%; margin:50px auto 0px auto; line-height:76px;}
.lianxi_f2l p{width:86%; margin:20px auto 0px auto; font-size:18px; line-height:48px;}

.lianxi_f2r{ margin-left:20px; width: 50%;}
.lianxi_f2r h2{ font-size:26px; line-height:50px; padding-left:10px;}
  
@media screen and (max-width:1400px){
	.banner {margin: 2px auto 0 auto;}
	.footer_conl {width: 900px;}
	.footer_ditu{width:849px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 227px;  margin-top: 0px;}
	}
	
@media screen and (max-width:1300px){
	#video {width: 480px;}
    }
	
@media screen and (max-width:1200px){
	.footer_conl {width: 720px;}
	.footer_ditu{width:700px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 227px;  margin-top: 0px;}
	.banner_n{width:100%;  height: auto; margin-top:60px; background:none;}
	.banner_n img{ display:block; width:100%}
    }

@media screen and (max-width:1100px){
	.footer_conl {width: 620px;}
	.footer_ditu{width:600px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 188px;  margin-top: 0px;}
	.in_news_biaoti {font-size: 18px;}
	.about_con1{flex-wrap:wrap;}
	.about_video{ width:100%;}
	.about_con1_n{ width:100%; margin-left:0px;}
	.about_con2 ul li{ text-align:left;}
	.about_con3{margin-left:0px;}
	
	
	.gywm_l{width: 100%; float: none;}
	.gywm_l h3{ display: none;}
	#side ul{background-color: #fff; padding-bottom: 10px;}
	.gywm_l ul{display: -webkit-flex; /* Safari */  display: flex; flex-wrap:wrap; justify-content:space-between;  padding-bottom: 10px; }
	#side li { width:50%;}
	.gywm_r { margin-left: 0;}
	#side li a{ border: 1px solid #ccc; border-radius:10px; width: 90%; margin-top: 10px;}
	.navon1{border: 0px; margin: 0px; }
	.lianxi_f2r{ width:100%; margin: 0px auto;}
	
	.yewu_con{ padding-bottom: 0px;}
	
	
    }
@media screen and (max-width:1000px){
	.banner{ display:none;}
	.footer_conl {width: 520px;}
	.footer_ditu{width:500px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 168px;  margin-top: 0px;}
	.in_news_biaoti {font-size: 18px;}
	.in_about_p {font-size: 14px; color: #666; line-height: 30px; margin-top: 20px;}
	.in_about_a { margin-top: 20px; width: 160px; line-height: 40px; display: block; background-color: #c08a3c; color: #fff; text-align: center; font-size: 14px;}
	.in_about_tx {
    border: 1px solid #c08a3c;
    display: block;
    width: 158px;
    height: 42px;
    position: absolute;
    margin-top: -36px;
    margin-left: 7px;
    transition: width 1s, height 1s;
    -webkit-transition: width 1s, height 1s;
    }
	
	.yewu_con_row{width: 26%;}
	.news_row{width: 27%;}
	.xinxi_xqr{ width: 96%; margin: 0px auto;}
    }

@media screen and (max-width:900px){
	.footer_conl {width: 420px;}
	.footer_ditu{width:400px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 158px;  margin-top: 0px;}
	.in_news_biaoti {font-size: 18px;}
	.in_about_p {font-size: 14px; color: #666; line-height: 30px; margin-top: 20px;}
	.in_about_a { margin-top: 20px; width: 160px; line-height: 40px; display: block; background-color: #c08a3c; color: #fff; text-align: center; font-size: 14px;}
	.in_about_tx {
    border: 1px solid #c08a3c;
    display: block;
    width: 158px;
    height: 42px;
    position: absolute;
    margin-top: -36px;
    margin-left: 7px;
    transition: width 1s, height 1s;
    -webkit-transition: width 1s, height 1s;}
    }
	
.f_footer2{ display:none;}
@media screen and (max-width:800px){
	.footer_conl {width: 420px;}
	.footer_ditu{width:400px;height:285px;border:#ccc solid 1px;}
	.in_news_img { overflow: hidden; height: 158px;  margin-top: 0px;}
	.in_news_biaoti {font-size: 18px;}
	.in_about{ width:100%; background: url(../images/wKj2K2L1wM6AKdL-AARRawCQxcQ218.png) no-repeat center bottom; background-color:#fbfbfb;}
	
	.in_about_rowl{ width:94%; margin:0px auto;}
	.in_about_rowr{ padding-bottom:100px;  width:94%; margin:80px auto 0px auto;}
	.in_about_p {font-size: 14px; color: #666; line-height: 30px; margin-top: 20px;}
	.in_about_a { margin-top: 20px; width: 160px; line-height: 40px; display: block; background-color: #c08a3c; color: #fff; text-align: center; font-size: 14px;}
	.in_about_tx {
    border: 1px solid #c08a3c;
    display: block;
    width: 158px;
    height: 42px;
    position: absolute;
    margin-top: -36px;
    margin-left: 7px;
    transition: width 1s, height 1s;
    -webkit-transition: width 1s, height 1s;}
	.in_about_bj{padding: 30px 0px 30px 0px;}
	.in_news_nei{flex-wrap:wrap;}
	.in_news_row {width: 89%;  padding: 18px; background-color: #fff; margin: 20px auto 0px auto;}
	.in_news_img { overflow: hidden; height: auto; margin-top: 0px;}
	.in_about{flex-wrap:wrap;}
	
	#video {width: 100%;}
	.jsmodern-video{width: 100%;}
	.in_ywbk_nei{flex-wrap:wrap;}
	.in_ywbk_row{width: 89%; margin:30px auto 0px auto;}
	.footer_con{ display:none;}
	.about_con1{flex-wrap:wrap; display:block;}
	.about_con1_n{ margin:0px auto 0px auto;}
.footer_bj{ padding-bottom:0px;}
.f_footer2{ width:100%;  position:fixed; bottom:0px;left:0px;z-index:9999; padding:12px 0px 6px 0px; background-color:#222222; display:block; border-top:0px solid #fff;}
.f_footer2 li{ width:20%; float:left; text-align:center; line-height:26px; color:#ffffff;}
.f_footer2 li a{color:#fff; font-size:13px; }
.f_footer2 li span{ display:block; font-size:25px; padding-bottom:6px;}

.qywh_con ul{width:96%; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap;}
.qywh_con ul li{ width:50%; text-align:center; line-height:60px; margin-top:50px; font-size:26px;}
.qywh_con ul li span{ display:block; font-size:60px; border:1px solid #999; width:120px; height:120px; border-radius:50%; margin:0px auto; line-height:120px;}
.yewu_con_row {
    width: 40%; padding: 15px;}
.news_f	{ flex-wrap: wrap;}
.news_row{ width:41%; padding:5px;}	
.news_img {
    overflow: hidden;
    height: 150px;
    margin-top: 0px;
}

.xinxi_f_xq{width:96%; max-width:1400px; margin:0px auto; padding:50px 0px 120px 0px; display: -webkit-flex;  /* Safari */  display: flex; flex-wrap:wrap;}
.f_side {
    width: 320px;
    margin: 0px auto;
}
.f_side li {
    width: 246px;
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
    margin: 0px auto;
}
.xinxi_xqr{ width: 96%;
    margin: 40px auto 0px auto;}
.job_f{flex-wrap: wrap}
.job_fl{ width:100%;}
.job_fl img{ width:100%;}
.job_fr{width:100%; font-size:18px; line-height:36px;}
.job_fr h2{ font-size:22px; line-height:60px}

.djdt_f{flex-wrap: wrap}
.home-banner-slider{ width:100%;}

.lianxi_f{  box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 12px 0px;}
.lianxi_f ul{ padding:30px 0px; display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;flex-wrap:wrap}
  
.lianxi_f ul li{ text-align:center; width:50%; border-right:0px solid #D1D1D1; margin-top:40px;}

.lianxi_f2{flex-wrap:wrap;     margin: 40px auto 0px auto;}
	.lianxi_f2l{ width:100%; padding-bottom:50px;}
	.lianxi_f2r{ margin-left:0px; margin-top:60px;}
    }
.banner_x{ display: none;}
.banner_d{ display: block;}
@media screen and (max-width:770px)	{
	body{ padding-bottom: 76px;}
	.foot_top{ display: none;}
	.banner_d{ display: none;}
	.banner_x{ display: block;}
	.footer a{ display: inline-block;}
	.foot_bott .left{float: none; text-align: center;}
	.foot_bott .left a{ display: block;}
	.foot_bott .right{float: none; text-align: center;}
	.gywm_ff ul li{ width: 50%;border: 0px solid #f1f1f1;}
	.footer_conb a{ display: block;}
	.about_con2{ padding: 10px 0px;}
	.about_con2 ul{flex-wrap: wrap; background: #f1f1f1; padding: 0px 10px 10px 10px;}
	.about_con2 ul li{ width: 100%; margin-top: 10px;}
	.xinxi_f{ width: 96%; margin: 0px auto;}
	.xinxi_f_con {
    margin-top: 20px;
    margin-left: 0px;
    width: 100%;
    background-color: rgba(247,247,247,1);
	}
	.yewu_xiangqing{flex-wrap: wrap; margin: 30px auto 0px auto;}
	.yewu_tit {
    width: 96%;
    max-width: 1400px;
    margin: 20px auto 0px auto;
    font-size: 26px;
    color: #454545;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}
	
	.yewu_xiangqingl{ width: 100%;}
	.yewu_xiangqingl img { width: 100%; margin: 0px auto;}
	.yewu_xiangqingr{ width: 100%;}
	.yewu_xiangqingr h2{font-size: 26px; text-align: center;}
	.yewu_xiangqingr h4{margin: 10px auto;}
	
	.news_f {padding-bottom: 20px;}
	.news_fny h2 {
    text-align: left;
    font-size: 20px;
    line-height: 40px;
    color: #454545;
}
	.news_fny h3 {text-align: left;}
	.news_fny img{ max-width: 100%;}
	.xinxi_tit { font-size: 26px; text-align: center; line-height: 40px;  padding-top: 10px; color: #333; font-weight: 600;}
	.xinxi_f { width: 96%; max-width: 1250px;  margin: 0px auto; padding: 0px 0px 20px 0px;}
	.xinxi_f_con a {    line-height: 30px; font-size: 18px; padding: 10px 10px 5px 10px;display: block;color: #454545; font-weight: 500;}
	
	.about_tit{margin: 20px auto 0px auto;}
	.about_con{margin: 20px auto 0px auto;}
	
	.zzjg_tit {margin: 20px auto 0px auto;}
	
	.yewu_con { padding-bottom: 0px; margin-top: 20px;}
	.news_biaoti{font-size: 16px; line-height: 28px;}
	.news_fny {padding: 20px 0px 10px 0px;}
	
}
@media screen and (max-width:500px){.yewu_con_row {
    width: 41%; padding: 10px;}
	
	
    }	


