/*Copyright jiangxt*/
@charset "UTF-8";
/*
    +-----------css--------------+
    |                            |
    |    Author  |  jiangxt      |
    |    Q__Q    |  987916665    |
    |    Addr    |  HB_Handan    |
    |    Date    |  2022.02.10   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
/*Load icon*/
@import "../fonts/iconfont.css";
* {word-wrap: break-word;
   font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
   /*font-family:"Open Sans",sans-serif;*/
   vertical-align: baseline;
   padding:0; margin:0; 
   word-spacing: 0;
   box-sizing:border-box;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7rem;
}
html,body{width:100%;height:100%;position:relative;}
html{-webkit-text-size-adjust: none;/*调整字号小于12px的时候chrome浏览器不生效*/}
body {font-size:14px;color:#4b4d4e;background:#fff;/*font-weight: 200*/}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;font-weight: 400}
table {empty-cells: show; border-collapse: collapse;}
ul li { list-style: none }
img {border: none;}
a {color:#000; text-decoration: none;outline:none}
a:hover {text-decoration: none; color:#ed6c00;outline:none}
.none{ display:none;}

/*Html5*/
*.html{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

/*Float*/
.fl{float:left}
.fr{float:right}
.align-l{text-align: left;}
.align-r{text-align: right;}
.clearfix{clear:both;}
/*Vclass*/
/*::after, ::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400}
h1 {font-size:36px}
h2 {font-size:32px}
h3 {font-size:24px}
h4 {font-size:18px}
h5 {font-size:16px}
h6 {font-size:14px}

.blank10{height: 10px;display: block;}
.blank20{height: 20px;display: block;}
.blank30{height: 30px;display: block;}
.blank40{height: 40px;display: block;}
.blank50{height: 50px;display: block;}

/*common-header*/
.header{height: 80px;display: block;width: 100%;line-height: 80px;}
.header-page{width: 90%;max-width: 1180px;display: flex;justify-content: space-between;margin: 0 auto;
line-height: 80px;padding-top: 20px;}
.header-page .logo{width: 250px;height: 28px;margin-top: 5px;}
.header-page .logo a img{height: 38px;width: auto;}
.header-page .search{display: flex;justify-content: space-between;}
.header-page .search .sublogo img{ margin-right:5px; display: none}
.header-page .search .search-div{padding-top: 3px;position: relative;display: none;}
.header-page .search .search-div i{position: absolute;left: 5px;font-size: 18px;top: 10px;}
.header-page .search .search-div .input{background: #f8f8f8;border: none;height: 38px;min-width: 230px;
padding-left: 26px;float: left;}
.header-page .search .search-div .button{height: 38px;width: 60px;text-align: center;background: #f7ab00;
font-size: 16px;color: #fff;border: none;float: left;}
.header-page .search .english a{height: 38px;line-height: 38px;display:
 block;padding-left: 8px;padding-right: 8px;color: #fff;text-align: center;background: #f7ab00;
margin-left: 10px;margin-top: 0px;}

.header-nav{height: 47px;line-height: 47px;background: #ed6c00;width: 100%;display: block;}
.header-nav ul{width: 100%; white-space: nowrap;overflow-x: scroll;overflow-y: hidden;
-webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
        box-sizing: border-box;
   }
.header-nav ul::-webkit-scrollbar{display: none;}   
.header-nav ul li{text-align: center;line-height: 47px;height: 47px;display: inline-block;margin-left: 8px;margin-right: 8px;}
.header-nav ul li a{width: 100%;line-height:
 47px;color: #fff;font-size: 16px;height: 47px;padding-left: 10px;padding-right: 10px;display: block;}
.header-nav ul li:hover{background: #f7ab00;}
.header-nav ul li.active{background: #f7ab00;}

/*scroll-news*/
.scroll-news{width: 90%;max-width: 1180px;display: flex;margin: 0 auto;height: 42px;line-height: 42px;
overflow: hidden;}
.scroll-news a{height: 42px;line-height: 42px;margin-right: 10px;}

/*common-page*/
.common-page{width: 98%;display: block;justify-content: space-between;
   margin: 0 auto;/*min-height: 350px;*/}
.common-page-l{width: 100%;}
.common-page-r{width: 100%;}
.common-page-left{width: 100%;}
.common-page-right{width: 100%;}
.common-page-block{width: 100%}
.common-page-block ul{}
.common-page-block ul li{height: 36px;line-height: 36px;}
.common-page-block ul li a{width: 100%;line-height: 36px;display: block;font-size: 14px;}
.common-page-block ul li a i{}

/*slide*/
.slide{width: 100%;height: 100%;display: block;}
.slide img{width: 100%;height: 100%;}
.slide .swiper-pagination-bullet{background:#000000;opacity:0.8;width:10px;height:10px;
   margin:0 6px !important;border-radius:10px;}
.slide .swiper-pagination-bullet-active{width:30px;background:#fff;border-radius:10px;}

/*recommend-index*/
.index-recommend{width: 100%;}
.common-bar{height: 38px;line-height: 38px;background: #ed6c00;color: #fff;}
.line{height: 4px;width: 100%;border-bottom: 1px solid #dcdddd;display: block;}
.common-bar a i{padding-left: 5px;color: #fff;}
.common-bar a {font-size: 16px;color: #fff;}
.common-bar a span.more{color: #fff;font-size: 14px;text-align: right;height: 38px;line-height: 38px;
padding-right: 5px;}
.index-recommend ul{}
.index-recommend ul li{height: 36px;line-height: 36px;}
.index-recommend ul li a{width: 100%;line-height: 36px;display: block;font-size: 14px;}
.index-recommend ul li a i{}

/*industry-news*/
.industry-news{}
.bigBox {width: 100%;box-sizing: border-box;margin-top: 10px;}
.bigBox ul {height: 33px;display: flex;}
.bigBox ul li {width: 100px;background: #f7ab00;color: #fff;margin-right: 8px;
   display: flex;justify-content: space-evenly;align-items: center;transition:all .7s ease 0s;}
.bigBox ul li:hover{background-color: #dcdddd;color: #4a4b4b;cursor: pointer}
.box {width: 100%;height: 200px;margin: 10px auto;overflow: hidden;}
.box>div {width: 100%;height: 200px;}
.box>div ul{display: block;}
.box>div ul li{height: 38px;line-height: 38px;width: 100%;background: none;}
.box>div ul li:hover{background: none}
.box>div ul li a{width: 100%;display: block;font-size: 14px;}
.box>div ul li a i{}
.box>div ul li a span.more{}
.cur {background: #dcdddd !important;color:#4a4b4b!important; }

.index-about-show{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;
margin-top: 50px;}
.index-about-show-block{width: 183px;}
.index-about-show-block a{width: 100%;height: 100%;display: block;}
.index-about-show-block a img{width: 183px;height: 141px;display: block;}
.index-about-show-block a div.title{text-align: center;font-size: 14px;height: 38px;line-height: 38px;}

/*index-ad*/
.index-ad{width: 100%;height: 132px;display: block;}

/*client-page*/
.client-page{width: 90%;display: block;border: 1px solid #dcdddd;margin: 0 auto;
max-width: 1180px; position: relative;overflow: hidden;  padding: 30px 0px 10px 0px;}
.client-page .swiper-button-next{width: 24px;height: 30px;background: #ed6c00;color: #fff;
margin-right: -10px;}
.client-page .swiper-button-prev{width: 24px;height: 30px;background: #ed6c00;color: #fff;
margin-left: -10px;}
.client-page .swiper-button-next::after,.client-page .swiper-button-prev::after{font-size: 15px;font-weight: 700}
.swiper {
  width: 100%;
  height: 180px;
  margin-left: auto;
  margin-right: auto;

}

.client-page  .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.client-page  .swiper-slide img{width: 100%;height: auto;}
/*fenhui*/
.fenhui{}
.fenhui-page{min-height: 300px;display:block;border: 1px solid #dcdddd;margin-top: 20px;}
.fenhui-page ul{padding-top: 6px;}
.fenhui-page ul li{height: 36px;line-height: 36px;padding-left: 10px;padding-right: 10px;}
.fenhui-page ul li a{width: 100%;line-height: 36px;display: block;font-size: 14px;}
.fenhui-page ul li a i{}

/*slide*/
.jiangtang{width: 100%;height: 222px;display: block;}
.jiangtang img{width: 100%;height: 100%;}
.jiangtang .swiper-pagination-bullet{background:#000000;opacity:0.8;width:10px;height:10px;
   margin:0 6px !important;border-radius:10px;}
.jiangtang .swiper-pagination-bullet-active{width:30px;background:#fff;border-radius:10px;}
.morelink a{width: 100%;text-align: right;font-size: 14px;display: block;height: 38px;line-height: 38px;}

/*footer*/
.footer{width: 100%;padding-top: 56px;display: block;}
.footer-line{height: 5px;background: #e34300;display: block;margin-bottom: 20px;margin-top: 20px;}
.footer p{text-align: center;color: #595757; padding-left: 8px;padding-right: 8px;}
.footer p a{color: #595757}
.footer p img{width: 100px;height: auto;}
.footer-nav{margin: 0 auto;width: 327px;}
.footer-nav ul{display: flex;flex-wrap: nowrap;align-items: center;text-align: center;  margin:0px auto;}
.footer-nav ul li{}
.footer-nav ul li a{color: #000;font-size: 17px;padding-left: 20px;padding-right: 20px;
border-right: 1px solid #000;text-align: center;font-weight: 600}
.footer-nav ul li:last-child a{border-right: none;}

/*channel-banner*/
.channel-banner {height:160px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.channel-banner .banner-info {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:3}
.channel-banner .banner-info h3{font-size:40px;font-weight:600;position:relative;margin-bottom:30px}
.channel-banner .banner-info h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#ff9600;content:'';display:block;position:absolute;}
.channel-banner .banner-info p{font-size:36px;}

/*position*/
.nav-bread{padding:0;height:42px;line-height:42px;font-size:14px}
.nav-bread i{color: #ed6c00;margin-right: 2px;}
.nav-bread a{color:#000;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#ed6c00 }


/*list-page*/
.list-page{width: 98%;display: block;margin: 20px auto;}
.list-page-flex{display: block;flex-wrap: nowrap;justify-content: space-between;margin-top: 10px;}
.list-page-nav{width: 100%;min-height: 0px;}
.list-page-nav .titlebar{height: 62px;line-height: 62px;position: relative;background: #ed6c00;color: #fff}
.list-page-nav .titlebar h2{font-size: 21px;font-weight: 600;text-align: center;line-height: 58px;}
.list-page-nav .titlebar i{position: absolute;bottom: 0px;text-align: center;color: #fff;
   width: 100%;font-size: 21px;line-height: 8px;}
.list-page-nav ul{}
.list-page-nav ul li{height: 56px;border-bottom: 1px solid #fff;background: #f7ab00;}
.list-page-nav ul li:hover{background: #dddddd}
.list-page-nav ul li:hover a{color: #000}
.list-page-nav ul li.active{background: #dddddd}
.list-page-nav ul li.active a{color: #000}
.list-page-nav ul li a{font-size: 16px;color: #fff;line-height: 56px;width: 100%;display: block;
text-align: center;}   

.list-page-content{width: 100%;}
.list-page-content .channelname{border-bottom: 1px solid #b5b5b6;height: 60px;line-height: 60px;
padding-left: 15px;font-size: 24px;}
.prenext{display: block !important;justify-content: space-between;margin-bottom: 40px;}
.list-page-content-flex{display: block;flex-wrap: nowrap;justify-content: space-between;margin-top: 24px;}
.list-page-content-flex-l{width: 100%}
.list-page-content-flex-r{width: 100%}

/*list-common-bar*/
.list-common-bar{height: 38px;line-height: 38px;background: #ed6c00;color: #fff;}
.list-common-bar span{color: #fbfd58;font-size: 18px;}
.list-common-bar a i{padding-left: 5px;color: #fff;}
.list-common-bar a {font-size: 16px;color: #fff;}

.list-page-recommend ul{padding-top: 10px;}
.list-page-recommend ul li{height: 32px;line-height: 32px;}
.list-page-recommend ul li a{width: 100%;line-height: 32px;display: block;font-size: 14px;}
.list-page-recommend ul li a i{}
.list-page-recommend .morelinks a{width: 100%;text-align: right;font-size: 14px;display: block;height: 38px;line-height: 38px;
color: #ed6c00}


.list-page-flex-content ul{display: block;}
.list-page-flex-content ul li{height: 52px;line-height: 52px;width: 100%;background: none;
border-bottom: 1px dotted #cccccc;}
.list-page-flex-content ul li:hover{background: none}
.list-page-flex-content ul li a{width: 100%;display: block;font-size: 14px;line-height: 52px}
.list-page-flex-content ul li a i{}
.list-page-flex-content ul li a span.more{line-height: 52px}


.list-page-flex-content-litpic ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-page-flex-content-litpic ul li{width: 48%;min-height: 126px;margin-bottom: 15px;}
.list-page-flex-content-litpic ul li a{width: 100%;height: 100%;display: block;}
.list-page-flex-content-litpic ul li a .img{width: 100%;height: auto;overflow: hidden;}
.list-page-flex-content-litpic ul li a .img img{width: 100%;height: auto;transition: all 0.5s linear;}
.list-page-flex-content-litpic ul li a:hover .img img{transform: scale(1.05);}
.list-page-flex-content-litpic ul li a .title{text-align: center;height: 32px;line-height: 32px;}

.list-page-single{line-height: 38px;font-size: 14px;padding-left: 10px;padding-right: 10px;padding-bottom: 30px;}
.list-page-single h1{font-size: 26px;text-align: center;margin-top: 12px;font-weight: 600;margin-bottom: 15px;}
.list-page-single .showbar{text-align: Center;margin-bottom: 20px;}
.list-page-single .lines{height: 1px;border-bottom: 1px dotted #ccc;margin-bottom: 20px;}

/*分页 begin*/
.text-center{text-align: center;margin-top: 60px;margin-bottom: 50px;}
.pagination{display: inline-block;}
.pagination li {margin:0 5px;font-size:14px;border:none;display: inline-block;}
.pagination li a {border-radius:0px;color:#6e6e6e;background:#fff;padding:5px 11px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#34478f;color:#fff;}
/*分页 end*/

.list-single-en{width: 98%;max-width: 1180px;display: block;min-height: 400px;margin: 0 auto;}
.list-single-en .enbar{border-bottom: 1px solid #b5b5b6;height: 48px;line-height: 48px;font-size: 21px;}
.list-single-en-content{width: 90%;display: block;margin: 20px auto;}