/* CSS Document */

body {
  width:100%;
  height:100%;
  margin:0 auto;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif ;
  font-family:"微软雅黑"!important;
  list-style:none;
  background:#fff;
}
a:link {color: #000; text-decoration: none}
a:active { color: #000;text-decoration: none }
a:visited {
  color: #000;
  text-decoration: none
}
li{ list-style:none}
.clear{ clear:both}
.folatleft{ float:left;}
.folatright{ float:right;}
.container{ padding:0px;}

#whole{ width:100%;margin:auto;}
.top{ width:100%; height:40px; border-bottom:1px #CCC solid; line-height:40px;}
.top_p { width:30%; float:left;}
.yuyan { width:50%; margin:auto; float:right;}
.yuyan ul { padding:0px; margin:auto; float:right;}
.yuyan ul li{ float:left; margin-left:10px;}
.logo{ float:left;}
.logo img{ margin-top:2%; margin-bottom:2%;}
.nav_bj{ width:100%; height:44px; line-height:44px; background:#1e6fcb;}
.nav { width:1200px; }
.nav ul{ padding:0px; margin:auto;}
.nav ul li{ float:left;  width:14.2%; height:44px; line-height:44px; text-align:center; color:#fff; }
.nav ul li a{color:#fff; }
.nav ul li:hover{ display:block; background:#05499a; color:#fff;}
.nav ul li a:hover{color:#fff;display:block;}
.banner{ width:100%; min-width:1200px; height:417px; margin:0px auto 0px auto; }
/*slider滚动图START*/

.slider {
  width: 100%;
}

.slider .address {
  display: flex;
  width: 100%;
  margin-top: 60px;
}

.slider .address .address_box {
  width: 28%;
  height: 151px;
  border: 1px solid #e1e1e1;
  margin-right: 53px;
}
.slider .address .address_box .address_box_first{
  float: left;
}
.slider .address .address_box .address_box_first {
  margin: 37px 25px 0 10px;
}

.slider .address .address_box .address_box_second {
  margin-top: 37px;
  line-height: 33px
}

.slider .address .address_box .address_box_second h2 {
  color: #5bb8ab;
}

.slider .address .address_box .address_box_second h3 {
  font-size: 24px;
}


/*slider滚动图END*/

.progress_bar {
  height: 15px;
  width: 100%;
  background-color: #039e8e;
  margin: 88px 0 20px 0;
}
.about_tit { width:1200px; margin:auto; margin-bottom:2%;}
.about_tit h1{ font-size:40px; padding-top:2%; padding-bottom:0px;}
.about_tit img{ margin-top:4%;}
.about_tit span{ color:#999; font-size:16px; text-align:center; width:300px; line-height:25px;}

.sy_cplist{ margin:auto; text-align:center; width:35%; margin-bottom:2%;}
.sy_cplist ul{ padding:0px; margin:auto;}
.sy_cplist ul li{ width:200px; height:50px; line-height:50px; background:#1e6fcb; color:#fff; text-align:center; float:left; margin-left:2%;}
.sy_cplist ul li a{ color:#fff;}
.sy_cplist ul li a:hover{ display:block; background:#3f3e3c;}


.sy_pro_box{ width:1200px; margin:25px auto 0px auto; }
.sy_pro_box::after{ display:block; content:""; clear:both;}
.sy_pro_list{ width:366px; height:371px; float:left;  background:#e9e9e9; margin-top:25px; margin-bottom:5%;}
.sy_pro_list .pic_lie{ width:366px; height:277px; margin:0px auto 0px auto; background:#6384b1}
.sy_pro_list .pic_lie img{ width:366px; height:277px;}
.sy_pro_list .word_lie{ width:210px; float:left; height:20px; color:#248ac4; font-size:20px; text-align:left; padding-left:30px;  margin:25px auto 0px auto;}
.sy_pro_list .word_lie a{ display:block; color:#666;}
.sy_pro_list .word_lie a:hover{  color:#333;}
.sy_pro_list .word_lie span{ font-size:10px;padding-left:35px;}
.sy_pro_list .more{ width:35px; height:35px;line-height:30px; float:left; color:#248ac4; font-size:16px; text-align:center;padding-left:100px;  margin:24px auto 0px auto;}
.sy_pro_list .more a{ display:block; color:#1e6fcb;}
.sy_pro_list .more a:hover{  color:#333;}

.hb{ width:100%; height:174px; background:url(../images/hb.jpg) repeat-x center;}
.sy_pro_list:nth-child(4n-1){ margin-right:25px;}
.sy_pro_list:nth-child(4n-2){ margin-right:25px; margin-left:25px;}

.ab_bj{ width:100%; background:url(../images/ab_bj.jpg) repeat-x ; height:610px; margin-bottom:30px;}
.ab_tit { width:1200px; margin:auto; padding-bottom:2%;}
.ab_tit h1{ font-size:40px; padding-top:2%; padding-bottom:0px; color:#fff;}
.ab_tit span{ color:#fff; font-size:16px; text-align:center; width:300px; line-height:25px;}

.ab_text{ width:650px; font-size:14px; text-align:justify; color:#fff; }
.ab_text h1{ font-size:25px; padding-bottom:20px;}
.ab_text p{ line-height:30px; padding-right:10px; padding-bottom:20px;}
.ab_more{ width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#1e6fcb;}
.ab_more a{ color:#fff;}
.ab_tu img{ padding:2%;background:#fff; width:500px;}

.cf_tu_bj{ background:#e7eaef; width:100%; height:250px; margin-top:40px; margin-bottom:5%;}
.cf_tu_bj ul{ padding:23px; margin:auto;}
.cf_tu_bj ul li{ float:left;  padding:20px;}
.news_box{ width:1200px; margin:auto; height:510px; margin-top:50px; margin-bottom:30px;}

.news_left{ float:left; width:386px; height:510px; border:1px #E3E3E3 solid; border-radius:15px;}
.news_left ul{ padding-left:10px; padding-right:10px;}
.news_left ul li{ list-style:none; width:360px; border-bottom:1px dashed #CCCCCC; height:80px;margin-top:15px;    }
.news_title { text-align:left; margin-top:10px; height:30px; line-height:30px; font-size:20px; text-indent:10px; }

.news_list{  height:85px; padding-left:10px; padding-right:10px; margin-top:10px; line-height:35px;text-align:left;}
.news_date { float:left; padding-top:5px; width:60px; height:70px; text-align:center; font-size:25px; font-weight:bold;color:#1354a5;}
.news_date span{ font-size:12px; color:#1354a5; text-align:center;}
.sy_news_list span{ float:right;}
.news_text{ text-align:left; margin:auto; width:280px; margin-left:10px; float:left; }
.news_text a{ font-size:12px; color:#999999;}
.news_text h1{ font-size:16px; padding:0px; margin:auto; padding-bottom:10px;  }




.news_right{ float:left; width:722px; margin-left:30px; }


.news_right p{ text-align:left; font-size:14px; line-height:30px; text-indent:30px; margin-top:20px;  }
.cont_text { width:370px; float:left;}
.cont_text ul{ padding:0px; margin-top:20px;}
.cont_text ul li{ list-style:none; text-align:left; line-height:25px; height:25px;  font-size:14px; margin-top:5px;}
.cont_text ul li span{ float:right;}
.cont_text ul li a{ color:#666666;}
.cont_img{ width:330px; margin-right:20px; float:left;}

/*底部信息S*/
.w1200 {
  width: 1200px;
  margin: 0 auto;
}

#footer {
  width: 100%;
  background-color: #0858b1;
  color: #fff;
  min-width: 1200px;
  margin-top:3%;
}

#footer .w1200 .footer_box {
  padding: 22px 45px;
}
.foot_nav{ display:table; margin:0px auto 0px auto;}
.foot_nav li{ float:left; height:42px; line-height:42px; font-size:15px; margin-left:48px; }
.foot_nav li:nth-child(1){ margin-left:0px;}
.foot_nav li a{ display:block; color:#FFF; }
.foot_nav li a:hover{ color:#51c0ff; }

.layui-breadcrumb a {
  color: #fff!important;
  
}

#footer .w1200 .footer_box .footer_left {
  float: left;
}

#footer .w1200 .footer_box .footer_left p {
  font-size: 14px;
  line-height: 30px;
}
#footer .w1200 .footer_box .footer_left p a{ color:#fff;}
.footer_left h1{ color:#ffe400; font-size:28px;  font-weight:bold; margin-bottom:8px;}

#footer .w1200 .footer_box .footer_left p:nth-child(2) {
  padding-top: 15px;
}

#footer .w1200 .footer_box .footer_right {
  float: right;
}

#footer .w1200 .footer_box .footer_right img {
}

#footer .w1200 .footer_box .footer_right div {
  float: left;
  margin-right: 15px;
  font-size: 13px;
  line-height: 21px;
}

#footer .w1200 .footer_box .footer_copy {
  padding-top: 30px;
  text-align: center;
}
/*内页*/
.nei_cont{ width:1200Px; margin:0px auto 100px auto; padding-top:30px; }
.nei_cont::after{ display:block; content:""; clear:both;}
.nei_left{ width:218px; float:left;}

.news_list{ width:98%; line-height:20px; clear:both; height:110px; border-bottom:1px #ccc solid; }
.news_list img{ width:100px; height:88px; float:left; margin-right:15px;}
.news_list p{ margin:0px auto 0px auto; padding:0px;}
.news_list .news_title{ padding-top:6px; padding:0px; font-size:15px;}
.news_list .news_riqi{ font-size:12px; margin:4px 0px 3px 0px; color:#999 }
.news_list .news_riqi font{color:#999 !important;}
.news_list .news_intro{font-size:12px; color:#666 }


.left_list_box{ width:216px; float:left; margin-bottom:13px; background:#FFF; border:1px #e2e2e2 solid;}
.left_list_box .title_lie{ width:216px; height:70px; text-align:center; color:#fff; font-size:26px; float:left; padding-top:5px; background:#05499a;}
.left_list_box .title_lie p{ font-family:Arial; text-transform:uppercase; font-size:13px; margin-top:2px; }
.left_list_box .cont_list{width:196px; float:left; padding:8px 10px 10px 10px;}
.left_list_box .cont_list p{ line-height:20px; margin-top:6px; font-size:12px;}

.left_pro_fl{ width:183Px; margin:10px auto 0px auto; padding:0px 5px 5px 5px; font-size:14px; border-bottom:1px #CCCCCC dotted;}
.left_pro_fl a{ display:block;}

.nei_right{ width:944px; float:right; margin-top:18px;}
.nei_right .nei_title{ width:944px; float:left; border-bottom:1px #dfdfdf solid; font-size:15px; padding:0px 0px 9px 0px; margin-bottom:16px; }
.nei_right .cont_lie{width:944px; float:left; line-height:30px; font-size:15px;}
.nei_right .cont_lie img{ max-width:98%;}

.pro_list{ width:280px; float:left; margin-left:40px; margin-bottom:18px;}
.pro_list .pic{ width:278px; height:208px; border:1px #d3d3d3 solid; position:relative; overflow:hidden;}
.pro_list .pic:hover .tuceng{top:0px; transition:0.3s;}
.pro_list .tuceng{ width:278px; height:208px; position:absolute; background:rgba(30,139,255,0.8); top:208px;transition:0.3s;}
.pro_list .tuceng .more{ width:77px; height:24px; line-height:24px; margin:92px auto 0px auto; text-align:center; border:1px #FFFFFF solid;}
.pro_list .tuceng .more a{ display:block; color:#FFF;}
.pro_list .tuceng .more:hover{ border:1px #04c7ff solid;}
.pro_list .tuceng .more a:hover{  color:#04c7ff;}
.pro_list .pic img{ width:278px; height:208px; }
.pro_list .word{ width:280px; float:left; height:33px; text-align:center; line-height:33px; overflow:hidden; margin-top:8px; font-size:14px;}
.pro_list .word a{ display:block; }
.pro_list:nth-child(3n-2){ margin-left:0px;}
.left_lie{ width:236px; float:left; border:1px #d3d3d3 solid; border-top:0px;}
.left_lie .dalei{ width:236px; height:45px; padding:0px 13px 0px 13px; background:#1e6fcb; line-height:45px; font-size:16px; color:#FFF; border-top:1px #d3d3d3 solid; border-bottom:1px #d3d3d3 solid;}
.left_lie .dalei a{ color:#FFF;}
.left_lie .dalei a:hover{ color:#9bf4ff;}
.left_lie .dalei p{ float:right;}
.left_lie .xiaolei{ width:91%;  margin:10px auto 15px auto;}
.left_lie .xiaolei li{ font-size:15px; line-height:25px; margin-bottom:8px; }
.left_lie .xiaolei li a{ display:block;}



.news_biaoti{ width:100%; text-align:center; font-size:16px; margin-bottom:3px; margin-top:12px; font-weight:bold}
.news_word{ width:100%; border-bottom:1px #b3b3b3 dotted; text-align:center; margin-bottom:23px; font-size:13px; padding-bottom:10px;}
.right_cont{ width:100%; padding:0px 5px 0px 5px; margin-top:16px; font-size:15px; line-height:33px; text-align:justify;}
.contimg{ max-width:99%;}
.news_xiangguan{ width:100%; border-top:1px #b3b3b3 dotted; margin-top:33px; overflow:auto; padding-top:20px; }
.news_xiangguan .lie_box{ width:99%; line-height:20px;  margin:0 auto 13px auto;}
.news_xiangguan .lie_box a{ color:#333333;}
.news_xiangguan .lie_box a:hover{ color:#2979d3;}
#tit{ margin-bottom:10px; font-size:18px;}
#tit h1{text-align:center; font-size:25px; padding:0px; line-height:40px; margin:auto}
.textcenter{text-align:center}

/*page*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #006a4f;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #0c62ad;
  border-color: #006a4f;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}