@charset "utf-8";



/* CSS Document */

*{ margin:0; padding:0;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";  clear: both;height: 0;}

.clearfix { display: inline-block;  zoom:1;}

img{display: inline-block;border:none;}

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure{margin: 0;}

ul, ol, menu{list-style: none;margin: 0;padding: 0;}

a{color: #136ec2;

  text-decoration: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

}

a, a:active, a:focus{outline:none;}

table{border-collapse:collapse;border-spacing:0;}

blockquote, q{quotes: none;}

address, em, i{font-style: normal;}

abbr, acronym{font-variant: normal;}

hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}

fieldset, a img, iframe{border: 0 none;}

input, select, button{vertical-align: middle;-webkit-appearance: none;}

input, textarea, select{*font-size: 100%;-webkit-appearance: none;}

button{overflow: visible;}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner{border: 0 none;padding: 0;}

:active{outline: 0 none;}

::selection{background: #e74700;color: white;}

blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix{*zoom:1;}

html{font-size:20px; line-height: 1.76;scroll-behavior:smooth;}

*{font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑",Helvetica, sans-serif;-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;

/* -webkit-overflow-scrolling: touch;overflow-scrolling: touch; */

}

body{font-size: 16px;background-color: #fff;max-width: 1920px;margin: 0 auto;min-width:320px;overflow-x:hidden; -webkit-font-smoothing: antialiased; }

h1,h2,h3,h4,h5,h6 {

  font-weight: 600;

  color:#000;

}

/*#header *, .containe *{transition:all .5s ease; -webkit-transition: all .5s ease; }*/

 h1{font-size: 36px;} 

 h2{font-size: 20px;} 

 h3{font-size: 16px;font-weight: normal; } 

 h4{font-size: 16px; } 

 @font-face{font-family: 'FontBlar'; src: url('../fonts/arialnb_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* 通用样式 */

.boxWrap{

  width: 240px;

  -moz-transition:margin-top .5s ease-out;

  -webkit-transition:margin-top .5s ease-out;

  -o-transition:margin-top .5s ease-out;

  -ms-transition:margin-top .5s ease-out;

}

.boxWrap:hover{ margin-top:-179px;}

ul{overflow: hidden;}

input,a{outline:none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none ;border-radius: 0; }

input:-webkit-autofill {-webkit-box-shadow: 0px 0px 1000px white inset;}

.containe{

  width: 100%;

  display: block;

  max-width: 1400px;

  margin:0 auto;

  position: relative;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bbbbbb;}

input:-moz-placeholder, textarea:-moz-placeholder{color: #bbbbbb;}

input::-moz-placeholder, textarea::-moz-placeholder{color: #bbbbbb;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bbbbbb;}



.swiper-container {position:relative;width:100%;height:100%;}

/*#ind_banner */

.swiper-container .swiper-slide img{max-width: 100%;display: block;}

.wrapper{max-width:1400px; margin:0 auto;padding: 0 10px;}

/* foot */

.footer{position: relative;padding-top: 2%;width: 100%;padding-bottom: 20px;background: #333333;color: #fff;font-size: 16px;margin-top: 3vw;}

.footer .fn-col h3{font:16px "Microsoft Yahei";color: #fff;margin-bottom: 15px;font-weight: bold;}

.footer .fn-col a{color: #fff}

.footer .fn-col .btline{width: 20px;height: 2px;background: #f08118;margin: 10px 0}

.footer .fn-col ul li{line-height: 30px;}

.fn-bd{text-align: justify;padding-right: 5%;box-sizing: border-box;}

.fn-bd:after{content: "";width: 100%;display: inline-block;font-size: 0;line-height: 0;}

.fn-col{margin-top: 10px;display: inline-block;vertical-align: top}

.footer .contact p{line-height: 40px;}

.footer .contact h3{font-size: 18px;color: #f08118;font-weight: bold;margin-bottom: 27px;}

.footer .fa-phone{font-size: 24px;width: 30px}

.footer .fa-envelope{font-size: 20px;width: 30px}

.footer .fa-globe{font-size: 22px;width: 30px}

.footer .fa-print{font-size: 22px;width: 30px}

.footer .fa-map-marker{font-size: 24px;width: 30px}

.footer .contact .num{font-size: 26px;font-family: Arial, Helvetica, sans-serif;line-height: 30px}

.footer .contact .num span{display: inline-block;margin-left: 30px}

.code img{margin-top: 15px;}

.code p{font:500 16px microsoft yahei;margin-top: 8px;text-align: center}

.footer .frendlink{margin: 20px 0 0;line-height: 38px}

.footer .frendlink .fa-chain{display: inline-block;width: 38px;height: 38px;border-radius: 100%;background: #555555;color: #aaa;margin-right: 8px;line-height: 38px;text-align: center;font-size: 22px}

.footer .frendlink a{margin: 0 5px;color: #aaa;}

.footbar{line-height: 60px;background:#333333;font-size: 16px; }

.copyright{width: 100%;color: #fff;border-top: 1px solid #bbb}

.copyright a{color: #fff;}

.footer .fn-col .contact{line-height: 30px}

.fixed-b { position: fixed; width: 100%; background: #d60000; bottom: 0; left: 0; display: none;z-index: 999; font-size: 20px;}

.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; }

.fixed-b li a { display: block; border-right: 1px solid #fff; color: #fff; padding: 2px 0; }

.fixed-b li:last-of-type a { border-right: 0 none; }

.fixed-b li a .txt { display: block; margin-top: 5px;}



@media only screen and (max-width: 1400px){}

@media only screen and (max-width: 1200px){}



@media only screen and (max-width: 1000px){

  .fixed-b { display: block;}

  .footer{display: none}

  .footbar{background: #222222;margin-top: 5vw;}

  .copyright{padding-bottom: 40px;}

  .homemain .title h2{font: 600 28px "Microsoft Yahei";}

}





@media only screen and (max-width: 640px){

  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}

  .skip .fr{margin-left: 10px;float: left;}

  .copyright a{float: none;}

  .fixed-b { display: block;}

  .footer{display: none}

  .homemain .title h2{font: 600 22px "Microsoft Yahei"}

}



@media only screen and (max-width: 480px){

  .fixed-b { display: block;}

  .footer{display: none}

}

.article{overflow: hidden;}

/*toolbar*/

#toolbar{width:100%;height:48px;background:#f08118;position:fixed; z-index:10000; bottom: 0;  left: 0; opacity:0.9;display: none;}

#toolbar ul li{float:left; width:33.33333%; text-align:center; color:#fff;}

#toolbar ul li:nth-child(2):before,

#toolbar ul li:nth-child(2):after{content: ""; height: 19px;width: 1px;background: #fff;    display: inline-block;}

#toolbar .fa-phone:before {

    line-height: 32px;

    vertical-align: text-top;

    font-size: 26px;

}

#toolbar ul li:nth-child(2) a{width: 98%;}

#toolbar ul li a{width:100%;color:#fff;padding-top: 10px;height: 22px;line-height: 0.8;}

#toolbar ul li a span{font-size: 16px;line-height: 34px;vertical-align: middle;

    margin-left: 10px;

    letter-spacing: 1px;}

#nav{position:relative;}





#toolbar ul li ul li{ width:100%; border-bottom:1px solid #fff;}

#toolbar ul li ul li a{width:100%; padding:0px; height:28px; line-height:28px;}

.search_m{width: 100%;background: #f6f6f6;position: relative;height: 60px;box-shadow: 0 0 10px #ddd;}



.search_m .fl{font-size: 16px;color: #333333;line-height: 60px;display:;}



.search_m .fl span{color: #333;font-weight: bold}

.search_m .fl span img{vertical-align: sub;margin-right: 8px;}

.search_m .fl a{font-size: 16px;margin: 0 8px;color: #555;}

.search_m .fl a:hover{color:#f08118;}

.search_m .fr{width: 250px;height: 40px;margin-top: 10px;background: #fff;line-height: 40px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border: 1px solid #ddd ;}

.search_m .fr:hover{border-color:#f08118; }

.search_m .fr form{position: relative;}

.search_m .ui-input{width: 230px;border: none;line-height: 35px;border-radius: 20px;padding-left: 20px;box-sizing: border-box;}



.search_m .ui-btn1{width: 40px;height: 40px;right:1px;background: url(../images/inco_search.png)center no-repeat;border: none;margin-left: -20px;position: absolute;cursor:pointer;}

.cur_wrap_sidebar ul{

  position: fixed;

  top: 50%;

  margin-top: -162px;

  right: 0;

  z-index: 1000;

  overflow: visible;

}

.cur_wrap_sidebar ul li{

  width: 60px;

  height: 65px;

  position: relative;

  font-size: 16px;

  color: #fff;

}

.cur_wrap_sidebar ul li a{color: #fff;}

.cur_wrap_sidebar ul li.li_one .wrap_btn{

  border-radius: 2px 0 0 0;

}

.cur_wrap_sidebar ul li.li_four .wrap_btn{

  border-radius: 0 0 0 2px;

  border-bottom: none;

}

.cur_wrap_sidebar ul li.li_two .wrap_left,

.cur_wrap_sidebar ul li.li_four .wrap_left{

  padding-right: 10px;

  position: absolute;

  left: -215px;

  top: 0;

  visibility: hidden;

}

.cur_wrap_sidebar ul li.li_two .wrap_left:after,

.cur_wrap_sidebar ul li.li_four .wrap_left:after{

  content: '';

  width: 10px;

  height: 10px;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  position: absolute;

  right: 5px;

  top: 20px;

  background: #f08118;

  z-index: -1;

}

.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img,

.cur_wrap_sidebar ul li.li_four .wrap_left .wrap_img{

  padding: 0 12px;

  box-shadow: 0px 1px 12px 0px rgba(230,230,230,0.5);

  background: linear-gradient(127deg,rgba(253,192,19,1) 0%,rgba(240,129,24,1) 100%)

}

.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img{

  height: 65px;

  display: table-cell;

  justify-content: center;

  align-items: center;

  vertical-align: middle;

}

.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img p{

  font-size: 16px;

  color: #fff;

  line-height: 1.7;

}

.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img p.p_two{

  margin-top: 7px;

}

.cur_wrap_sidebar ul li.li_four .wrap_left .wrap_img img{

  width: 84px;

  height: 84px;

}

.cur_wrap_sidebar ul li.li_five .wrap_btn{

  border-radius: 2px 0 0 2px;

  border: none;

}

.cur_wrap_sidebar ul li .wrap_btn{

  overflow: hidden;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  width: 60px;

  height: 64px;

  position: absolute;

  right: 0;

  background:#646577;

  text-align: center;

  line-height: 64px;

  cursor: pointer;



  transition: width 0.3s ease;

  -webkit-transition: width 0.3s ease;

  -o-transition: width 0.3s ease;

  -moz-transition: width 0.3s ease;

}

.cur_wrap_sidebar ul li .wrap_btn .iconfont{

  font-size:24px;

  color: #fff;

}

.cur_wrap_sidebar ul li .wrap_btn .iconfont{margin-top: -16px;display: inline-block;}

.cur_wrap_sidebar ul li .wrap_btn .iconfont::after{font-size: 12px;position: absolute;bottom: -16px;left: 7px;}

.cur_wrap_sidebar ul li .wrap_btn .icon-yundianxiao::after{content: "服务热线"}

.cur_wrap_sidebar ul li:nth-child(2) .wrap_btn .icon-yundianxiao::after{content: "营销热线"}

.cur_wrap_sidebar ul li .wrap_btn .icon-danchuang_duanxinyanzhengmaicon::after{content: "在线留言"}

.cur_wrap_sidebar ul li .wrap_btn .icon-huidaodingbu::after{content: "返回顶部"}

.cur_wrap_sidebar ul li:hover .wrap_btn .iconfont{margin-top:0;display: inline-block;}

.cur_wrap_sidebar ul li:hover .wrap_btn .iconfont::after{display: none;}





.cur_wrap_sidebar ul li span{

  vertical-align: middle;

}

.cur_wrap_sidebar ul li span.text{

  display: none;

  padding-bottom: 1px;

}

.cur_wrap_sidebar ul li:hover .wrap_btn{

  background:linear-gradient(127deg,rgba(253,192,19,1) 0%,rgba(240,129,24,1) 100%);

  width:110px;

  height:65px;

  padding-left: 18px;

  text-align: left;

  border-radius: 2px 0 0 2px;

  border: none;

}

.cur_wrap_sidebar ul li:hover span.text{

  display: inline-block;

}

.cur_wrap_sidebar ul li:hover span.iconfont{

  margin-right: 8px;

}

.cur_wrap_sidebar ul li.li_two:hover .wrap_left,

.cur_wrap_sidebar ul li.li_four:hover .wrap_left{

  visibility: visible;

  transition-property: visibility;

  -webkit-transition-property: visibility;

  -o-transition-property: visibility;

  -moz-transition-property: visibility;

  transition-delay: 0.2s;

  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  -moz-transition-delay: 0.2s;

}

.contain_bg{position: fixed;position: fixed;width: 100%;height: 100%;display: none;;top: 0;left: 0;z-index: 1002;background: rgba(1,1,1,0.7);-webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.contain_bg video {position: absolute;top: 50%;left: 50%;width: auto;max-width: 900px;min-width: 320px;height: auto;z-index: 9999999;transform: translate(-50%,-50%);}

.contain_bg.show{visibility: visible;}



@media only screen and (max-width: 1000px){

  .search_m .fl{display: block;}

  .contain_bg video{max-width: 100%;}

}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}