.jiu-header {position: relative; width: 100%;}

.jiu-header span { display: inline-block; }

.jiu-header-welcome {height: 50px; background-color: #f3f3f3; font-size: 12px; color: #777777;}

.jiu-header-welcome .jiu-header-welinfo {height: 50px;}

.jiu-header-wemobile{height: 50px;display: flex;align-items:center;}

.jiu-header-welcome .jiu-header-weboss { margin-left: 10px; flex: 1; line-height:1.7}

.w1200 { width: 1200px; margin: 0 auto; }

.jiu-header-weright{padding-top:13px;}

.jiu-header-weright span {padding: 0 15px; position: relative; }

.jiu-header-weright span:after {content: ''; position: absolute; right: 0; top: 0; border-right: 1px solid #e1e1e1; height: 15px;}

.jiu-header-num {margin: 22px 0 40px 0;}

.jiu-header-num i { display: inline-block; width: 23px; height: 30px; line-height: 30px; font-size: 22.5px; text-align: center; background-color:#ff570d; color: #fff; margin-left: 5px; border-radius: 5px;  }

.jiu-header-num2 { margin-left: 40px; }

.jiu-header-logoimg { width: 160px; height: 71px; }

.jiu-header-logosearch { width: 430px;  }

.jiu-header-logosearch span {display: inline-block; margin: 0 8px 0 8px; font-size: 12px;}

.jiu-header-logosearch span.on {color: #fe7133;}

.jiu-header-logosearch span.logospan {margin-left: 0;}

.jiu-header-logoform { margin-top: 8px;  height: 40px; line-height: 40px; }

.jiu-header-logoform input { height: 40px; line-height: 40px; padding-left: 15px; width: 370px; border: 3px solid #41badc; border-right: none; }

.jiu-header-logobutton { color: #fff; background: linear-gradient(to right,#41bcdd,#02659d); font-size: 15px; color: #fff; text-align: center;width: 75px; height: 46px; line-height: 46px;  }

.jiu-header-nav { margin-top: 22px; }

 主菜单 

/*.head{position: relative; width:100%; height:58px; z-index: 9999}*/

/*.head .nav{display: block; float: left;width:calc(100% - 290px); margin-left: 20px;}*/

/*.head .nav .nav_pc{ width: 100%;}*/

/*.head .nav ul li{float:left; position: relative; box-sizing: border-box; z-index: 999; margin: 0 30px; position: relative;}*/

/*.head .nav ul li img { position: absolute;right: -18px; top: 0px; max-width: 100%; width: auto; height: auto; }*/

/*.head .nav ul li .f_a{line-height:58px;display:block; text-align:center; font-size:16px;}*/

/*.head .nav ul li:hover .f_a{ }*/

/*.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00a2ff;z-index: 9999;box-sizing: border-box}*/

/*.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}*/

/*.head .nav ul li .s_navbox .s_a a:hover{background-color:#cf1322;color: #fff;}*/

/*.m_nav{display:none}*/

/*.headlf .m_logo{display: none}*/

/*.headrg .m_menuimg{display: none}*/

/*.active a{color:#36a6fe;}*/

/*.activ2{background-color: #cf1322}*/

 下拉侧边菜单 

.sidenav{position: relative; width:270px; display: block; float: left;}

.sidenav label {width:100%; display: block; box-sizing: border-box; background: #0061b4; position: relative; height: 58px;line-height: 58px;color: #fff;font-size: 18px; font-weight: bold; text-align: center;}

.sidenav label i {font-size: 20px; display: inline-block; margin-right: 10px;}

.sidenav .side {display: inline-block;  position: absolute; top: 58px;left: 0;z-index: 999;width: 270px; box-sizing: border-box; height: 456px;}

.sidenav .side ul { width: 90px; background: #1c202c; margin-top: 10px; }

.sidenav .side li {width:100%; border-bottom: 1px solid #303852; box-sizing: border-box}

.sidenav .side li:last-child {border-bottom: none;}

.sidenav ul.side li:first-child {cursor: pointer;}

.sidenav .side li a { color: #d1d2d4; height: 90px; display: block;font-size: 12px; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: all 0.2s ease 0s;}

.sidenav .side li a span { display: block; width: 100%; text-align: center; }

.sidenav .side li a i {font-size: 30px; }

.sidenav .side .slide-span{ font-weight: bold; color: #ffff;}

.sidenav .side li.sidenav-active a{background: #fff; color: #f76627;}

.sidenav .side li.sidenav-active .slide-span {color: #f76627;}

.sidenav .side .side_main {display: none;width: 180px; background: #FFFFFF; position: absolute;left: 90px; top:10px; z-index: 7; height: 454px; overflow:hidden; }

.sidenav .side ul li:first-child .side_main{display: block !important;}

.sidenav .side .side_main dl {margin: 20px;padding: 0;}

.sidenav .side .side_main dl dt {font-size: 18px; padding-bottom: 15px;color: #333333; font-weight: bold; border-bottom: 1px dashed #e5e5e5;}

.sidenav .side .side_main dl dt b{font-size: 15px; font-weight: bold;}

.sidenav .side .side_main dl dd {display: inline-block; margin-top: 10px; width: 100%;}

.sidenav .side .side_main dl dd a {position: relative; display: inline-block; color: #777; font-size: 13px; color: #888888; height: auto; line-height: 30px; width: 100%;}

i.icon-hot{display: inline-block;height: 11px;width: 23px; position: relative;bottom: 3px;}

.sidenav .side .side_main dl dd a span {color: #999;}

.sidenav .side .side_main dl dd a:hover {background: none;color: #f76627;}

.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}

.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}

轮播

.slider {position: relative;overflow: hidden;width: 100%;}

.slideBox {position: relative;}

.slideBox .hd {height: 18px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}

.slideBox .hd ul{ text-align:center;  padding-top:5px;  }

.slideBox .hd ul li {cursor:pointer;float: left; margin-right: 8px; width: 8px; height: 8px; border-radius:50%; line-height: 14px;text-align: center; border:2px solid #fff;}

.slideBox .hd ul .on {border:2px solid #f76627; color: #fff;}

.slideBox .bd{ position:relative; z-index:0; height: 490px; }

.slideBox .bd ul li{height: 490px;}

.slideBox .bd li img{width:100%; vertical-align:top;  } 

热门和优势

.jiu-hot-recom {position: relative; width: 100%; background-color: #f1f3f8; padding-bottom: 70px;}

.jiu-hot-retitle { padding-top: 60px; margin-bottom: 15px; text-align: center; }

.jiu-hot-retitle1 { font-size: 29px; font-weight: bold; color: #333; }

.jiu-hot-retspan {position: relative; display: inline-block;}

.line-l, .line-r {

    position: absolute;

    left: -95px;

    top: 19px;

    width: 40px;

    height: 1px;

    background: #cccdd9;

}

.line-l::after, .line-r::after {

    content: '';

    position: absolute;

    left: -14px;

    top: -6px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #cccdd9;

}

.line-r::after {

    right: -14px;

    left: initial;

}

.line-r {

    right: -95px;

    left: initial;

}

.jiu-hot-retspan em {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 14px;

     color: #424242; 

    font-weight: normal;

    font-style: normal;

    font-family: "微软雅黑", "Microsoft YaHei";

}

.jiu-hot-retitle2 { font-size: 14px; color: #9c9da0; margin-top: 20px; }

.jiu-hot-recom .jiu-hot-reclist {position: relative; width: 100%; height: 415px; background-color: #fff;}

.jiu-hot-recom .jiu-hot-recitem { width: 24.9%; float: left; border-right: 1px solid #f5f5f5; position: relative; }

.jiu-hot-recom .jiu-hot-recitem .recom-img {position: absolute; left: 0; top: -5px; width: 87px; height: auto;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recimg { width: 100%; height: 175px; border-bottom: 1px solid #f5f5f5; display: flex; align-items: center; justify-content: center; background-color: #fefefe; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recimg img { width:67px; height: 87px;  }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recinfo { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-rectip {font-size: 23px; color: #424242; margin-top: 25px; margin-bottom: 18px;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-rectip1 { font-size: 14px; color: #525252;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-rectip2 { font-size: 14px; color: #9f9f9f; margin-top: 6px;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recprice { margin-top: 15px; font-size: 18px; font-weight: bold; color: #f00; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan { height: 30px; line-height: 30px; font-size: 14px; border-radius: 20px; border:2px solid #f00; color: #f00; margin-top: 20px; display: block; padding: 0 12px; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan i {color: #c3e6d2; display: inline-block;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan i.reslspan {margin-right: 5px;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan i.resrspan {margin-left: 5px;}

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_02 { border:2px solid #70c0e9; color: #70c0e9; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_02 i {color: #aadaf2; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_03 { border:2px solid #9adfda; color: #9adfda; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_03 i {color: #bceae7; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_04 { border:2px solid #9ad5b3; color: #9ad5b3; }

.jiu-hot-recom .jiu-hot-recitem .jiu-hot-recspan_04 i {color: #c3e6d2; }



.jiu-hot-adv .jiu-hot-advlist { position: relative; width: 100%; height: 300px;}

.jiu-hot-adv .jiu-hot-advitem { width: 230px; margin-right: 12px; float: left; height: 100%; background-color: #fff; }

.jiu-hot-adv .jiu-hot-advitem:last-child { margin-right: 0; }

.jiu-hot-adv .jiu-hot-advtitle { display: flex; align-items: center; justify-content: center; height: 55px; border-bottom: 1px dashed #e8e7e7;}

.advtitle-01 { border-top: 2px solid #fadede; }

.advtitle-02 { border-top: 2px solid #eddaf8; }

.advtitle-03 { border-top: 2px solid #d9e4f6; }

.advtitle-04 { border-top: 2px solid #c8f1e1; }

.advtitle-05 { border-top: 2px solid #f2e4c9; }

.jiu-hot-adv .jiu-hot-advtitle img { width: 121px; height: auto; display: block; }

.jiu-hot-adv .jiu-hot-advinfo {height: 245px; display: flex; align-items: center; flex-direction: column;}

.jiu-hot-adv .advinfo1 {background: url(../images/advf_01.png) no-repeat left bottom; background-size: 100% auto;}

.jiu-hot-adv .advinfo2 {background: url(../images/advf_02.png) no-repeat left bottom; background-size: 100% auto;}

.jiu-hot-adv .advinfo3 {background: url(../images/advf_03.png) no-repeat left bottom; background-size: 100% auto;}

.jiu-hot-adv .advinfo4 {background: url(../images/advf_04.png) no-repeat left bottom; background-size: 100% auto;}

.jiu-hot-adv .advinfo5 {background: url(../images/advf_05.png) no-repeat left bottom; background-size: 100% auto;}

.jiu-hot-adv .jiu-hot-advinfo1 {font-size: 18px; color: #333; font-weight: bold; margin: 40px 0 30px 0;}

.jiu-hot-adv .jiu-hot-advinfo2, .jiu-hot-adv .jiu-hot-advinfo3 { font-size: 14px; color: #808080; line-height: 25px; }

.jiu-flow-path {position: relative; width: 100%; background-color: #fff; padding-bottom: 70px;}

.step-content {

  text-align: center;

}



.step-content .step-content-list {

  position: relative;

  transition: all 0.3s;

  box-sizing: border-box;

}



.step-content .step-content-list:not(:last-child) {

  margin-right: 48px;

}



.step-content .step-content-list:not(:last-child):before {

  content: ' ';

  display: block;

  height: 18px;

  width: 13px;

  background: url(../images/arrow_icon.png) no-repeat;

  background-size: 100%;

  position: absolute;

  top: 39%;

  right: -30px;

}



.step-content .step-content-item-top {

  padding: 30px 0px;

  width: 160px;

  height: 143px;

  background: #fff;

  position: relative;

  transition: all 0.5s;

  box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.3);

  box-sizing: border-box;

}



.step-content .step-content-item-top img {

    max-width: 100%;

    border: 0;

    outline: none;

    vertical-align: middle;

    width: auto;

    height: auto;

    display: inline-block;

}



.step-content .step-content-item-top p {

  font-size: 16px;

  color: #666;

  margin-top: 25px;

}



.step-content .step-content-item p.step-number {

  width: 132px;

  margin-top: 8px;

  text-align: center;

  font-size: 18px;

  font-weight: bold;

  color: #cdd5dc;

  font-style: italic;

}



.step-content .step-content-hover {

  display: none;

  position: relative;

  width: 132px;

  height: 172px;

  color: #fff;

  background-color: #0061b4;

  padding: 25px 15px;

  box-shadow: 4px -3px 2px #c0d8ec;

  box-sizing: border-box;

}



.step-content .step-content-hover h2 {

  font-size: 16px;

}



.step-content .step-content-hover b {

  font-weight: bold;

  font-size: 14px;

}



.step-content .step-content-hover .decrition {

  font-size: 14px;

}



.step-content .step-content-hover .step-number {

  font-size: 18px;

  font-weight: bold;

  font-style: italic;

  position: absolute;

  bottom: 15px;

  left: 33%;

}



.step-content .step_active .step-content-item {

  display: none;

}



.step-content .step_active .step-content-hover {

  display: block;

}

.jiu-team-list {height: 430px;}

.jiu-team-list .jiu-team-item { width: 281px; position: relative; float: left; margin-right: 25px; height: 430px; background-color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; }

.jiu-team-list .jiu-team-item:last-child {margin-right: 0;}

.jiu-team-list .jiu-team-item:hover{box-shadow: 0 0 30px rgba(226, 226, 226, 1); -webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px)}

.jiu-team-list .jiu-team-item:hover a { color: #fff; background-color: #0061b4;}

.jiu-team-list .jiu-team-avatar {padding:7px; height: 220px;}

.jiu-team-list .jiu-team-avatar img { width: 100%; height: 100%; }

.jiu-team-list .jiu-team-info { padding: 0 35px; text-align: center; font-size: 14px; }

.jiu-team-list .jiu-team-info1 {font-size: 20px; font-weight: bold; color: #333; margin-top: 20px;}

.jiu-team-list .jiu-team-info2 {   color: #666666; margin-top: 15px; }

.jiu-team-list .jiu-team-info3 a {display: block; width: 100%; height: 100%; color: #62adf4;}

.jiu-team-list .jiu-team-info3 a{ border: 1px solid #62adf4; border-radius: 8px; height: 30px; line-height: 30px; margin-top: 20px; width: 120px; margin: 20px auto 0 auto; color: #62adf4; display: block;}

.jiu-team-list .jiu-team-info3 a {display: block; width: 100%; height: 100%; color: #62adf4;}



.jiu-adv-banner {position:relative; width: 100%;}



.jiu-custom .jiu-custom-list{height: 510px;}

.jiu-custom .jiu-custom-pleft {width: 885px;}

.jiu-custom-pitem { width: 285px; height: 510px; box-sizing: border-box; border: 1px solid #ececec; float: left; margin-right: 10px; background-color: #fff; overflow:hidden;}

.jiu-custom-pitem a{ display: block;width:100%;height: 100%;}

.jiu-custom-pimg {width:100%; height: 150px; display: flex; align-items: center; justify-content: center;border-bottom: 1px solid #f6f6f6; box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.1); }

.jiu-custom-pimg img { display: block; width: auto; height: auto;max-height:100%; }

.jiu-custom-pname {height: 200px; font-size: 13px; line-height: 22px; margin:0 20px; color: #838383; border-bottom: 1px solid #f6f6f6; padding-bottom:10px;}

.jiu-custom-ptitle { margin: 32px 0 22px 0; font-size: 15px; font-weight: bold; color: #000; }

.jiu-custom-project { margin:15px 20px 0 20px; font-size: 14px; color: #333; display: flex; flex-wrap: wrap; overflow:hidden; height:66px;}

.jiu-custom-project span {background-color: #f16e15; color: #fff; font-size: 12px; padding:0 5px; margin-left: 8px; margin-bottom: 10px; display:inline-block; height:24px; line-height:26px;}

.jiu-custom-pright{ width: 315px; float: right; height: 100%; background-color: #fff; box-sizing: border-box; border: 1px solid #ececec; }

.strategy-R { width:100%; border-radius: 10px; text-align: left; }

.strategy-R .zixun-form {position: relative; margin: 20px 25px 0 25px; }

.strategy-R .zixun-input { height: 55px; line-height: 55px; border: none; border-bottom: 1px solid #f0f0f0; width: 100%; }

.strategy-R .zixun-submit{height: 40px; line-height: 40px; font-size: 16px; color: #f16115; margin-top: 25px; border: 2px solid #f16115; width: 100%; text-align: center; }

.strategy-R .zixun-mi { color: #aaaaaa; font-size: 12px; margin-top: 15px; }

.strategy-R .zixun-item {height: 55px; line-height: 24px; padding-left: 20px; padding-top: 10px;} 

.strategy-R .zixun-feature { margin-top: 30px; height: 100px; border-top: 1px solid #e7e7e7; box-sizing: border-box; display: flex; }

.strategy-R .zixun-feature .zixun-fitem {border-right: 1px solid #e7e7e7; width: 33.3%; display: flex; align-items: center; flex-direction: column; font-size: 14px;}

.strategy-R .zixun-feature .zixun-fitem i {font-size: 30px; display: block; margin-top: 20px; margin-bottom: 10px;}

.strategy-R .zixun-feature .zixun-fitem:last-child {border-right: none;}

.zixun-fitem-color1 {color: #bfd9e6;}

.zixun-fitem-color2 {color: #f6baba;}

.zixun-fitem-color3 {color: #a5c0ed;}





.newCon .bdmain { height: 450px; padding: 0; padding-bottom: 40px; margin-top: 25px;  }

.newCon .newMain {height: 450px; position: relative;}

.newCon a{color: #8a8a8a;}

.newCon .newMain-L { float: left; width: 885px; box-sizing: border-box;  }

.newMain-content {position: relative; margin-right: 15px; background: #fff; height: 450px; border-radius: 5px; box-shadow: 0 0 9px rgba(236, 240, 246, 0.4);  border-right: 1px solid #f4f4f4;}    

.slideTxtBox{ text-align:left; }

.slideTxtBox .hd{ height: 55px; line-height: 55px; position:relative; width: 100%; display: flex; justify-content: space-between; border-bottom: 1px dashed #cacfd9; }

.slideTxtBox .hd .title_more {display: inline-block; position: absolute; right: 0; font-size: 12px; color: #8c98b1; font-size: 12px; width: 115px; text-align: center;}

.slideTxtBox .hd .title_more i{ color: #666; }

.slideTxtBox .hd ul{ position: absolute; height:100%;width: 100%; text-align: center; }

.slideTxtBox .hd ul li{ float:left; cursor:pointer; font-size: 14px; width: 250px; border-right: 1px dashed #cacfd9; height: 100%;}

.slideTxtBox .hd ul li.on{ color: #fff; border-bottom: 2px solid #fff; background-color: #747f9f;}

.slideTxtBox .bd a { color: #61697b; }

.slideTxtBox .bd {margin: 25px 15px 0 25px; padding-top: 0; float: left;}

.slideTxtBox .bd .newslide_left{ width: 48%; float: left;}

.slideTxtBox .bd .newslide_right{ width: 48%; float: right !important; }

.slideTxtBox .bd .newslist_big { height: 90px; padding-bottom: 25px; border-bottom: 1px dashed #cacfd9;}

.slideTxtBox .bd .newslist_img{width: 38%; float: left;}

.slideTxtBox .bd .newslist_img img{width: 100%;}

.slideTxtBox .bd .newslist_article {margin-left: 15px; float: right; width: 57%; line-height: 23px;}

.slideTxtBox .bd .newslist_title { font-size: 16px;   }

.slideTxtBox .bd .newslist_p {font-size:14px; color: #d2d2d2;}

.slideTxtBox .bd .newslist_info {font-size:15px; color: #999999;}

.slideTxtBox .bd .newslist_icon i{ font-size: 18px; }

.slideTxtBox .bd .newslist_tree ul li{ height: 55px; line-height: 55px; border-bottom: 1px dashed #cacfd9;}

.slideTxtBox .bd .newslist_titme {width: 72%; float: left; font-size: 14px;}

.newslist_titme {font-size: 14px;}

.slideTxtBox .bd .newslist_date{float: right;}

.slideTxtBox .bd .newslist_icon { display: inline-block;}

.newCon .strategy-R { width: 315px; float: right; background-color: #fff; border-radius: 5px; height: 100%; text-align: left;}

.newCon .newslide_right {position: relative; height: 450px;}

.newCon .title { height: 50px; line-height: 50px; padding-left: 25px; padding-right: 10px; font-size: 16px; border-bottom: 1px dashed #cacfd9; display: flex; justify-content: space-between; }

.newCon .title .title_more { font-size: 12px; color: #8c98b1; }

.newCon .title .title_more i {color: #666; font-size: 12px;}

.newCon .zixunCon {margin: 15px 20px 0 20px;}

.newCon .question_tiwen { display: flex; margin-bottom: 20px; width: 100%; }

.newCon .question_tiwen input {width: 100%; border: 1px solid #dddddd; border-right: none; background-color: #f4f4f4;}

.newCon .question_tiwen span{display: block; width: 53px; height: 38px; background-color: #747f9f; color: #fff; line-height: 38px; text-align: center;}

.newCon .news_question ul{ display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 13px; border-bottom: 1px dashed #cacfd9; padding-bottom: 20px; }

.newCon .news_question ul li { width: 48%; line-height: 25px; }

.newCon .news_question ul li a {color: #6d6d6d;}

.bsearch_xuan {background:rgba(255, 255, 255, 0.5); height:60px; border-radius: 5px; float: right; width: 145px;}

.bsearch_fenlei {background-color: #07a4a5; height: 48px; text-align: center; border-radius: 5px; line-height: 48px; font-size: 16px; position: relative; top: 6px; margin-left: 6px; margin-right: 6px;}

.question_list ul li { height: 55px;line-height: 55px; border-bottom: 1px dashed #cacfd9;}

.jiu-newspic { width: 100%; height: 113.14px; margin-top: 30px; }

.jiu-newspic-left { width: 165px; height:100%; margin-right: 7px; float: left;background:url(../images/friend_01.png); background-size: 100% 100%; }

.jiu-hezuotitle {margin-left:20px;}

.jiu-hezuotitle1 {margin-top:42px; }

.jiu-hezuo { font-size:22px; font-weight: bold; color: #233159;}

.jiu-hezuotitle img { width:20px; position:relative; left:10px; top:10px;}

.jiu-newspic-right {float: left;}

.jiu-newspic-right {display: flex;}

.jiu-newspic-right .jiu-newspic-item { width: 165px;  margin-right: 7px; }

.jiu-newspic-right .jiu-newspic-item:last-child {margin-right: 0;}

.jiu-friendship {background: url(../images/friendship_bg.png) no-repeat left center; background-size: 100% 100%; height: 670px;}

.jiu-friendship-list {display: flex; flex-wrap: wrap;}

.jiu-friendship-item { width: 230px; height: 140px; margin-right: 10px; margin-bottom: 15px; }

.jiu-friendship-item:last-child {margin-right: 0px;}

.jiu-footer {clear:both;}

.Footer {

    background-color: #252525;

}

.Footer .JieShao {

    padding-bottom: 30px;

    overflow: hidden;

    height: 325px;

    box-sizing: border-box;

}

.Footer .JieShao .new_part {

    padding-top: 35px !important;

}

.Footer .JieShao .part {

    padding-top: 35px;

    text-align: left;

    color: #464646;

}



.Footer .JieShao .new_part .part-list {

    height: 150px;

    text-align: left;

    line-height: 1;

    position: relative;

    width: 150px;

    overflow:hidden;

}

.Footer .JieShao .new_part .list-one {

	text-align: center !important;

}

.Footer .JieShao .new_part .list-two {

	width: 360px;

	box-sizing: border-box;

	padding-left: 65px;

	text-align: left;

}



.Footer .JieShao .new_part h3 {

    font-size: 16px;

    color: #a9a9aa;

}

.Footer .JieShao .part h3 {

    font-weight: normal;

}

.Footer .JieShao .new_part .part-list:before {

    content: '';

    position: absolute;

    right: 0;

    top: 0px;

    height: 150px;

    border-right: 1px solid #393939;

}

.Footer .JieShao .new_part h3 a {

    color: #a9a9aa;

}

.Footer .JieShao .new_part ul.ul-phone{ margin-top: 0 !important; }

.Footer .JieShao .new_part .part-list .phone a{

   font-size: 32px; font-weight: bold;

}

.h3-worketime {margin-top: 20px;}



.Footer .JieShao .new_part ul {

    margin-top: 12px;

}

.Footer .JieShao .part ul li {

    padding-top: 14px;

}

.Footer .JieShao .new_part ul li a {

    color: #666;

}

.Footer .JieShao .part ul li a {

    font-size: 14px;

    line-height: 1;

}

.Footer .JieShao .new_part .QRcode {

    width:  375px;

}

.Footer .JieShao .new_part .footer-code{

	width: 125px; float: right; margin-left: 60px; font-size: 14px;

}

.Footer .JieShao .new_part .footer-code span {display: block; width: 100%; text-align: center;margin-top: 15px;}

.Footer .JieShao .new_part .footer-code img {

	width: 125px; height: 125px; display: block;

}



.Footer .JieShao .new_part .QRcode {

    text-align: center;

}

.Footer .JieShao .new_part .hotRx {

    color: #c8c8c8;

    border: 0;

}

.new_honor {

    background-color: #1e1e1e;

    height: 60px;

    line-height: 60px;

}

.Footer  .copyright_span {

    display: block;

    text-align: left;

    font-size: 12px;

    color: #a9a9aa;
    padding-top:15px;

}
.Footer  .copyright_span .tit{padding-top:15px; font-size: 16px;color: #a9a9aa;}

.Footer  .copyright_span1 {display: block; text-align: right;  width: 570px; color: #a9a9aa;  font-size: 12px; }

.Footer  .copyright_span span:first-child {padding-left: 0;}

.Footer  .copyright_span span {

    display: inline-block;

    padding: 15px 15px 0 15px;

    position: relative;
    
     height: 15px;
     
    line-height: 15px

}

.Footer .copyright_span span:after {content: '';

    position: absolute;

    right: 0;

    top: 15px;

    height: 15px;

    border-right: 1px solid #393939;}



.Footer  .part .honor a {

    float: left;

    display: inline;

    margin-right: 18px;

    margin-bottom: 12px;

}

.Footer .part .honor a img {

    width: 120px;

    height: 40px;

}

/*资质商城*/

.home-hero-container {

  position: relative; height: 172px; padding-bottom: 30px;

}

.home-hero-container ul {

  margin: 0;

  padding: 0;

  height: 159px;

  margin-top: 30px

}



.home-hero-container a {

  outline-style: none

}



.home-hero-container .slide {

  cursor: pointer

}



.home-hero-container .home-hero-sub li {

  float: left;

  width: 290px;

  margin-left: 13px;

  list-style: none;

  cursor: pointer;

  height: 170px;

  overflow: hidden;

}

.home-promo-item1 { background: linear-gradient(to bottom right, #ff7921 , #fec85c);}

.home-promo-item2 {background: linear-gradient(to bottom right,#27a79a,#4dc1b6);}

.home-promo-item3 {background: linear-gradient(to bottom right,#f84f4c,#ff7674);}

.home-promo-item4 {background-color: #352319;}

.home-hero-container .home-hero-sub li a{ display: block; width: 100%; height: 100%; text-align: center; color: #fff;}

/*.home-hero-container .home-hero-sub li a>* {margin-left: 20px; margin-right: 20px;}*/

.home-hero-container .home-hero-sub li a h4 { font-size: 20px; font-weight: bold; margin-top: 25px; }

.home-hero-container .home-hero-sub li a p { font-size: 13px; margin-top: 5px; }

.home-hero-container .home-hero-sub li a .home-promo-img { width: 80px; margin: 12px auto 0 auto; }

.home-hero-container .home-hero-sub li img {

  width: 100%;

  display: block

}

.home-hero-container .home-hero-sub li .home-promo-more {text-align: left;margin:40px 40px 0 40px;}

.home-hero-container .home-hero-sub li .home-promo-more1 { font-size: 16px; }

.home-hero-container .home-hero-sub li .home-promo-more2 {font-weight: bold; font-size: 26px; color: #a9a5a3;}

.home-hero-container .home-hero-sub li .home-promo-more3 { font-size: 12px;  color: #a9a5a3; }



.home-hero-container .home-hero-sub li.first {

 margin-left: 0

}

.jiu-goods-list {margin-top: 20px;}

.home-goods-list {background: #f5f5f5; padding-bottom: 125px; padding-top: 15px; 
/*float: left;*/
width: 100%;}



.home-goods-list .home-star-goods {

  position: relative

}

.box-hd .title {

  font-size: 22px;

  font-weight: 200;

  line-height: 58px;

  color: #333;

  position: relative;

  font-size: 24px;

  font-weight: bold; 

  color: #333333;

  padding-top: 10px;

  padding-bottom: 10px;

}

.box-hd .title:before { content: ''; position: absolute; top:29px; border-left:6px solid #0061b4; height: 22px; border-radius:10px;   }

.box-hd .title span {display: inline-block; margin-left: 17px;}

.home-goods-list .home-star-goods .box-hd .title .titlei {font-size: 14px; color:#666; display: inline-block; margin-left: 20px;font-weight: normal; position: relative;}

.box-hd {

  position: relative;

  -webkit-font-smoothing: antialiased

}

 .box-hd .more {

  position: absolute;

  right: 0;

  top: 35px;

  font-size: 14px;

}

.home-goods-list .home-star-goods .more-link {

  font-size: 14px;

  color: #424242;

  -webkit-transition: all .4s;

  transition: all .4s

}



.home-goods-list .home-star-goods .more-link .iconfont {

  width: 12px;

  height: 12px;

  padding: 4px;

  margin-left: 8px;

  border-radius: 16px;

  font-size: 12px;

  line-height: 12px;

  background: #b0b0b0;

  color: #fff;

  vertical-align: 1px;

  -webkit-transition: all .4s;

  transition: all .4s

}



.home-goods-list .home-star-goods .more-link:hover {

  /*color: #ff6700*/

   color: #0061b4;

  

}



.home-goods-list .home-star-goods .more-link:hover .iconfont {

  /*background: #ff6700*/

  background: #0061b4;

}



.home-goods-list .home-star-goods .xm-controls-middle .control {

  margin-left: 5px

}

.home-goods-list .home-star-goods ul {

  padding: 0;

  margin-bottom: 15px;

  height: 330px;

}



.home-goods-list .home-star-goods ul li {

  height: 332px;

  box-sizing: border-box;

  padding-top: 40px;

  text-align: center;

  background: #fff;

  -webkit-transition: all .6s;

  transition: all .6s;

  position: relative;

  list-style: none;

  margin-bottom: 14px;

  overflow: hidden;

  _zoom: 1;

  margin-left: 15px;

  cursor: pointer;

  -webkit-transition: all .2s linear;

  transition: all .2s linear

}

.home-goods-list .home-star-goods ul li:nth-child(5n+1) {margin-left: 0;}

.xm-carousel-col-5-list li {

    float: left;

    width: 228px;

}



.home-goods-list .home-star-goods ul li.ml-none {

  margin-left: 0

}



.home-goods-list .home-star-goods ul li:hover {

  z-index: 2;

  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);

  box-shadow: 0 15px 30px rgba(0,0,0,0.1);

  -webkit-transform: translate3d(0, -2px, 0);

  transform: translate3d(0, -2px, 0)

}



.home-goods-list .home-star-goods ul li:hover .btn {

  bottom: 0

}



.home-goods-list .home-star-goods ul li img:nth-last-child(2) {

  display: inline-block;

  *zoom: 1;

  *display: inline;

  height: 16px;

  margin-top: -16px;

  vertical-align: middle

}



.home-goods-list .home-star-goods ul .thumb {

  display: flex;
  align-items: center;

  width: 88px;

  margin: 0 auto 40px auto;
  height: 124px;
}



.home-goods-list .home-star-goods ul .thumb img {

  width: 88px;

  /*height: 124px*/

}



.home-goods-list .home-star-goods ul .title {

  margin: 0 20px 3px;

  font-size: 16px;

  font-weight: 400;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  _zoom: 1

}



.home-goods-list .home-star-goods ul .title,.home-goods-list .home-star-goods ul .title a {

  color: #212121

}



.home-goods-list .home-star-goods ul .desc {

  height: 18px;

  margin: 5px 20px 12px;

  font-size: 14px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  _zoom: 1;

  color: #b0b0b0

}



.home-goods-list .home-star-goods ul .price {

  display: inline-block;

  *zoom: 1;

  *display: inline;

  position: relative;

  margin: 0;

  color: #ff6709;

  font-size: 16px

}



.home-goods-list .home-star-goods ul .btn {

  width: 100%;

  border: 0;

  position: absolute;

  left: 0;

  bottom: -38px;

  -webkit-transition: bottom .6s;

  transition: bottom .6s;

  color:#fff;

}



.home-goods-list .home-star-goods ul .flag {

  position: absolute;

  top: 0;

  left: 50%;

  z-index: 2;

  width: 64px;

  height: 20px;

  margin-left: -32px;

  font-size: 12px;

  line-height: 20px;

  text-align: center;

  color: #fff

}

.clearfix:before, .clearfix:after {

    content: " ";

    display: table;

}

.btn-primary:hover {

    background-color: #f25807;

    border-color: #f25807;

    color: #fff;

}

.btn:active {

    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.18);

    box-shadow: inset 0 2px 4px rgba(0,0,0,0.18);

}

.btn:hover {

    text-decoration: none;

    color: #b0b0b0;

}

a:hover {

    color: #ff6700;

    text-decoration: none;

}

a:active, a:hover {

    outline: 0;

}

.btn-primary {

    background: #ff6700;

    border-color: #ff6700;

    color: #fff;

}

.btn {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    width: 158px;

    height: 38px;

    padding: 0;

    margin: 0;

    border: 1px solid #b0b0b0;

    font-size: 14px;

    line-height: 38px;

    text-align: center;

    color: #b0b0b0;

    cursor: pointer;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.jiu-position { padding-top:20px; padding-bottom: 15px; font-size: 12px; color: #666;}

.wrapper04 {position:relative;height: 60px; overflow: hidden;background: #fff; }

.wrapper04 .wrapper04_main {/*margin: 0 3%; */ margin: 0 30px; height: 100%; }

.wrapper04 .tinner {position: relative;}

.wrapper04 .wrapper04_inner { display: inline-block; position: relative; padding-left: 16px; font-size: 20px; font-weight: bold; color: #144196; }

.wrapper04 .wrapper04_inner:before {content: '';position: absolute; left: 0px; right: 0; height: 21px; top: 25px; border-left: 5px solid #e95513;}

.wrapper04 .scrollermain {float: left; background: #fff; width: 86%;}

.wrapper04 .scrollernav {width: 100%; height: 40px; margin-top: 15px; overflow: hidden; position: relative;}

.wrapper04 .scroller {position:absolute; z-index: 1; width: 100% !important; }

.wrapper04 .scroller li {height: 30px; float: left; line-height: 30px; font-size: 14px; text-align: center; margin-right: 30px !important;}

.wrapper04 .scroller li a{display:block;color: #999;  padding: 0px 16px; border-radius: 20px;}

/*.wrapper04 .scroller li.cur a{color: #3CB06C;border-bottom: 2px solid #3CB06C;}*/

.wrapper04 .scroller li a.on{color:#fff; background-color: #0061b4; }

.wrapper04 .scroller li.li2,.wrapper04 .scroller li.li3{line-height: 24px;}

.wrapper04 .scroller li.li2 a,.wrapper04 .scroller li.li3 a{ padding: 6px 0;}

.pages{text-align:center;padding:75px 0 75px; clear: both;}

.pages a{ display: inline-block; width:40px; line-height:38px; color: #635E5E; background-color: #FFF; font-size: 14px; border:1px solid #ddd; margin: 0 4px; border-radius: 3px;}

.pages a:hover, .pages a.current{color: #fff;background:#0061b4; border-color: #0061b4;}

.pages input { display: inline-block; width: 38px; height: 38px; margin: 0 4px 0 4px; border:1px solid #ddd; }

.pages span {display: inline-block; margin: 0 4px 0 4px;}

.pages .jiu-que { width: 45px; }

.public_header_img {

    overflow: hidden;

    width: 100%;

    position: relative;

    height: 450px;

}

.public_header_img>img {

    height: 450px;

    width: 1920px;

    position: absolute;

    left: 50%;

   transform: translateX(-50%);
}

.case_id>h1{

        margin-top: 54px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        font-size: 36px;

        color: #000;

        font-weight: bold;

}

.case_id>p{

        margin-top: 20px;

        font-size: 16px;

        color: #000;

        line-height:25px;

        word-wrap:break-word;

}

.id_advantage{

        position: relative;

        margin-top: 32px;

        margin-bottom: 40px;

        font-size: 0;

        min-height: 285px;

        background: url('../images/border_shadow.png') no-repeat center center;

        background-size: 100% 100%;

}

.id_advantage>div{

  display: inline-block;

}

.id_introduce{

  display: inline-block;

  margin-bottom: 34px;

}

    .id_serve{

        width: 250px;

    }

    .id_serve>h6{

        margin: 42px 0 26px 70px;

        font-size: 26px;

        font-weight: 400;

        color: #000;

        height: 25px;

        line-height: 24px;

    }

    .id_serve>ul{

        margin-left: 70px;

        width: 136px;

    }

    .id_serve>ul>li{

        height: 22px;

        line-height: 22px;

        background: #f3f9fe;

        margin-bottom: 9px;

        font-size: 0;

    }

    .id_serve_point{

        font-size: 14px;

        color: #1e96fa;

        padding-left: 3px;

    }

    .id_serve>ul>li>span{

        display: inline-block;

    }

    .id_serve_num{

        color: #fff;

        width: 24px;

        padding-left: 5px;

        background: url('../images/case_id_point.png') no-repeat;

        vertical-align: top;

        font-size: 14px;

    }

    .id_introduce{

        width: 576px;

        min-height: 200px;

        vertical-align: top;

        padding-left: 41px;

        margin-top: 42px;

        border-left: 1px solid #eaeaea;

        box-sizing: border-box;

        margin-left: 2px;

    }

    .id_introduce>h6{

        color: #000;

        font-size: 26px;

        height: 24px;

        line-height: 24px;

        font-weight: 400;

       /* border-left: 2px solid #1e96fa;*/

        padding-left: 10px;

    }

    .introduce_collocation{

        padding: 10px 0 6px 10px;

        width: 484px;

    }

    .introduce_collocation>ul>li{

        display: inline-block;

        padding: 10px 0;

    }

    .collocation_case{

        display: inline-block;

        padding: 0 14px;

        font-size: 14px;

        color: #399efa;

        height: 30px;

        line-height: 30px;

        border: 1px solid #1e96fa

    }

    .collocation_sign{

        vertical-align: bottom;

        display: inline-block;

        font-size: 28px;

        color: #dddddd;

        font-weight: 300;

    }

    .collocation_desc{

        padding-left: 10px;

        font-size: 14px;

        color: #9094a0;

        line-height: 24px;

        width: 484px;

    }

    .case_edit{

        margin-bottom: 80px;

        padding: 20px 0;

        box-sizing: border-box;

    }

    .case_edit>div{

        overflow: hidden;

        text-align: center;

    }

    .consult_case{

        width: 100%;

        background: url(../images/anli_detail.png) no-repeat left top;

        height: 273px;

    }

    .consult_case>h2{

        text-align: center;

        font-size: 34px;

        color: #fff;

        font-weight: 300;

        padding-top: 60px;

        height: 56px;

        line-height: 56px;
            box-sizing: content-box;

    }

    .consult_case>div{

        margin: 0 auto;

        height: 72px;

        line-height: 80px;

        padding-bottom: 40px;

        color: #fff;

        width: 540px;

    }

    .consult_case>div>a{

        display: inline-block;

        height: 45px;

        line-height: 45px;

        width: 145px;

        background: #fff;

        border-radius: 5px;

        color: #1e96fa;

        text-align: center;

    }

    .consult_case>div>div{

        display: inline-block;

        position: relative;

    }

    .consult_case>div>div>input{

        height: 45px;

        line-height: 45px;

        padding-left: 10px;

        width: 270px;

        border-radius: 5px;

        outline: none;

        border: none;

        box-sizing: border-box;

    }

    .consult_case>div>div>button{

        display: inline-block;

        width: 80px;

        height: 45px;

        background: #1e96fa;

        border: 1px solid #fff;

        color: #fff;

        font-size: 16px;

        position: absolute;

        left: 267px;

        top: 19px;

        line-height: 45px;

        border-radius: 2px;

    }

    .all_link{

        width: 1200px;

        margin: 0 auto;

    }

    .all_link>.all_title{

        position: relative;

        margin-top: 50px;

    }

    

    .case_example>ul>li:hover{

        box-shadow: 0 15px 30px rgba(0,0,0,.1);

        -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);

        -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);

        -webkit-transform: translate3d(0,-8px,0);

        -moz-transform: translate3d(0,-8px,0);

        -ms-transform: translate3d(0,-8px,0);

        -o-transform: translate3d(0,-8px,0);

        transform: translate3d(0,-8px,0);

    }

  .all_link .jiu-custom-pitem:nth-child(4n) {margin-right: 0;}

  .all_link .jiu-custom-pitem {margin-right: 20px;}

  .box-hd2 {margin-top: 15px;}

  .example_id_message{

        position: absolute;

        bottom: 0;

        background: rgba(0,0,0,0.5);

        width: 100%;

        height: 80px;

        font-size: 0;

    }

    .example_id_company{

        width: 1050px;

        margin: 0 auto;

        font-size: 0;

    }

    .example_id_company>li{

        display: inline-block;

        width: 24%;

        border-right: 1px solid #393e46;

        margin: 10px 0;

        height: 60px;

        box-sizing: border-box;

    }

    .example_id_company>li>h5{

        font-size: 14px;

        font-weight: 400;

        color: #828282;

        text-align: center;

        height: 30px;

        line-height: 30px;

    }

    .example_id_company>li>h6{

        font-size: 16px;

        font-weight: 400;

        color: #fff;

        text-align: center;

        height: 30px;

        line-height: 30px;

        padding: 0 10px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        -o-text-overflow: ellipsis;

    }

    .qr_code{

        position: relative;

        height: 0;

        overflow: visible;

        z-index: 99;

    }

    .weiCode{

        position: absolute;

        top: 60px;

        right: 275px;

        width: 120px;

        height: 160px;

        border: 1px solid #eaebec;

        background: #fff;

    }

    .weiCode>div{

        padding-top: 15px;

        padding-bottom: 15px;

        text-align: center;

        height: 90px;

        width: 90px;

        margin: 0 auto;

    }

    .weiCode>div>img{

        width: 100%;

        height: 100%;

    }

    .weiCode>h6{

        text-align: center;

        height: 18px;

        line-height: 18px;

        font-size: 12px;

        color: #878b99;

    }

    @media (min-width: 1280px) {

        .weiCode{

            right:0px;

        }

    }



    @media (min-width: 1366px) {

        .weiCode{

            right:14px;

        }

    }

    @media (min-width: 1440px) {

        .weiCode{

            right:32px;

        }

    }

    @media (min-width: 1680px) {

        .weiCode{

            right:160px;

        }

    }

    @media (min-width: 1920px) {

        .weiCode{

            right:275px;

        }

    }

    .collocation_case:hover{

        background: #1e96fa;

        color: #fff;

    }

    .jiu-detail-bo {position: relative; width: 100%; height: 65px; clear: both;}





.public_row2 {

      background: #fff;

      overflow: hidden;

      width: 100%;

      padding: 0px 0px 20px 0px;

  }

  .public_row_content {

    width: 1200px;

    margin: 0px auto;

    overflow: hidden;

}

.pro_details_left {

    float: left;

    width: 560px;

}

.pro_left_img_div {

    border: 1px solid #e0e0e0;

    overflow: hidden;

}

.pro_left_img_div_a>img {

    /* width: 555px; */

    height: 380px;

    display: block;

    margin: 0px auto;

}

.pro_details_right {

    float: right;

    overflow: hidden;

    width: 610px;

}

.pro_details_right>h2 {

    color: #303030;

    font-size: 26px;

    font-weight: bold;

}

.pro_details_right>h5 {

    font-size: 15px;

    padding: 12px 0;

    font-weight: normal;

    color: #d20514;

}

.pro_details_price {

    position: relative;

    width: 600px;

    font-size: 14px;

    padding: 12px 0;

    margin-bottom: 12px;

    background: url(../images/pro_details_price_bg.jpg) no-repeat #f3f3f3;

    overflow: hidden;

    color: #666;

}

.pro_details_price>div {

    line-height: 30px;

    font-size: 14px;

    color: #999;

    margin: 15px 0;

}

.pro_details_span1 {

    padding: 0 14px;

    display: inline-block;

}

.pro_details_span1 i {display:inline-block; margin: 0 8px;}

.pro_details_pinfo {margin: 5px 14px !important;}

.pro_details_span2 {

    font-size: 24px;

    vertical-align: -3px;

    color: #d20514;

}

.pro_details_span3 {

    display: inline-block;

    max-width: 378px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    vertical-align: middle;

    letter-spacing: 0;

}

.pro_details_span3>i {

    font-size: 20px;

    vertical-align: -3px;

    margin-right: -4px;

    color: #ccc;

}

.pro_details_span2 {

    font-size: 24px;

    vertical-align: -3px;

    color: #d20514;

}

.pro_details_span3 {

    display: inline-block;

    max-width: 378px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    vertical-align: middle;

    letter-spacing: 0;

}

.pro_details_span4 {

    position: absolute;

    top: 16px;

    right: 0;

    line-height: 14px;

    padding: 0 10px;

    font-size: 12px;

    border-left: 1px solid #ddd;

}

.pro_details_span4>span {

    display: block;

}

.pro_details_span4>span.span4-bottom {

    color: #d20514;

}

.pro_details_span5 {

    margin-right: 4px;

}

.pro_details_span5 img {

    vertical-align: -4px;

    margin-right: 2px;

    width: 18px;

    height: auto; 

    display: inline-block;

}

.details_rows {

    overflow: hidden;

    margin-top: 32px;

}

.details_rows a {color: #fff;}

.details_btn2 {

    display: block;

    overflow: hidden;

    width: 190px;

    line-height: 44px;

    height: 44px;

    margin-right: 5px;

    text-align: center;

    font-size: 16px;

    background: #d20514;

    color: #fff;

    border: 1px solid #d20514;

    float: left;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.hot-jixun1 i {font-size: 30px;}

.hot-jixun2 { width: 260px; background-color: #fff; color: #d02425 !important; margin-left: 15px; }

.hot-jixun2 i {font-size: 25px;}

.hot-jixun1 i, .hot-jixun2 i {display: inline-block; margin-right: 5px;}

.details_btn2 span{display: inline-block; position: relative; bottom: 4px;}



.pro_details_left>ul {

    overflow: hidden;

    display: block;

    margin-top: 10px;

    width: 560px;

}

.pro_details_left>ul>li {

    display: block;

    overflow: hidden;

    float: left;

    border: 1px solid #e0e0e0;

    margin-right: 10px;

    width: 100px;

    height: 60px;

    margin-bottom: 10px;

}

.goods_imgs_active {

    border: 1px solid #27a6ee!important;

}

.pro_details_left>ul>li>a {

    display: block;

    overflow: hidden;

    width: 100%;

    height: 100%;

}

.pro_details_left>ul>li>a>img {

    display: block;

    margin: 0px auto;

    height: 100%;

}

.details_introduce {

    float: left;

    overflow: hidden;

    width: 100%;

    box-sizing: border-box;

    margin-bottom: 40px;

  

}

.details_introduce>ul {

    display: block;

    overflow: hidden;

    background: #f5f5f5;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border-bottom: 2px solid #0061b4;

}

.details_introduce>ul>li {

    display: block;

    overflow: hidden;

    float: left;

    width: 125px;

    height: 45px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #0061b4;

    font-size: 16px;

    color: #fff;

}

.details_introduce>ul>li a {color: #fff;}

.details_introduce_a {

    display: block;

    overflow: hidden;

    line-height: 45px;

    font-size: 15px;

    color: #333;

    width: 100%;

    height: 45px;

    text-align: center;

}

.jiu-product-detail {background-color: #fff;}

.jiu-product-detail .box-hd { font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; background-color: #f5f5f5; padding-left: 30px; }

.jiu-product-detail .home-star-goods ul li {border: 1px solid #f5f5f5;}

.jiu-product-detail .home-star-goods ul {margin-top: 30px; margin-bottom: 0px;}

.jiu-product-detail {padding-bottom: 0px;}

.jiu-product-detailimg { margin:22px 0 80px 0; }



/*新闻列表*/
.publicblock {

    width: 1200px;

    margin: 0 auto;

    clear: both;

    zoom: 1;

    padding-top: 20px;

}

.block2 {

    margin-bottom: 30px;

}



.block2 .left {

    width: 936px;

    background: #fff;

    padding: 30px;

    float: left;

    margin-bottom: 50px;

}

.block2 .left .left_title {

    position: relative;

    z-index: 1;

}

.block2 .left .left_title b {

    font-size: 18px;

}

.block2 .left .left_title font {

    font-size: 12px;

    font-family: arial;

    color: #C9CFD8;

    text-transform: uppercase;

    margin-left: 13px;

    position: relative;

    top: 3px;

}

.block2 .left .left_title font:after {

    display: block;

    height: 1px;

    width: 23px;

    position: absolute;

    content: "";

    position: absolute;

    background: url(../images/i3.png) no-repeat left top;

    left: 0;

    top: -6px;

}

.block2 .left .left_tab {

    margin-top: 24px;

}

.block2 .left .left_tab ul {

    border-top: 1px solid #CACFD9;

}

.block2 .left .left_tab li {

    float: left;

    margin-right: 40px;

    position: relative;

}

.block2 .left .left_tab li a {

    line-height: 60px;

    color: #5F5F5F;

    float: left;

    font-size: 16px;

}

.block2 .left .left_tab li.on a {

    color: #D91B34 !important;

    font-weight: 700;

}

.block2 .left .left_tab li a {

    line-height: 60px;

    color: #5F5F5F;

    float: left;

    font-size: 16px;

}

.block2 .left .left_tab li.on:after {

    display: block;

}

.block2 .left .left_tab li:after {

    display: block;

    height: 2px;

    width: 23px;

    content: "";

    position: absolute;

    background: url(../images/i4.png) no-repeat center;

    left: 0;

    top: -1px;

    border-top: 1px solid #D91B34;

    width: 100%;

    display: none;

}

.block2 .left .list .li {

    overflow: hidden;

    border-top: 1px dotted #CACFD9;

    padding: 30px 0;

}

.block2 .left .list .li .time {

    height: 120px;

    width: 60px;

    text-align: center;

    line-height: 48px;

    font-size: 48px;

    color: #D9D9D9;

    font-family: arial;

    position: relative;

    float: left;

    margin-right: 5px;

    background: url(../images/i6.png) no-repeat 10px bottom;

}

.block2 .left .list .li .time em {

    position: absolute;

    font-size: 12px;

    color: #CCCCCC;

    font-family: arial;

    left: 0;

    top: 48px;

    line-height: 15px;

    display: block;

    width: 100%;

}

.block2 .left .list .li .img {

    position: relative;

    height: 125px;

    width: 200px;

    text-align: center;

    color: #fff;

    font-family: arial;

    position: relative;

    float: left;

    background: #1E44B1;

}

.block2 .left .list .li .img img {

    width: 100%;

    height: 100%;

}

.block2 .left .list .li .news_li_content {

    margin-left: 285px;

}

.block2 .left .list .li .news_li_content h2 {

    font-size: 16px;

    font-weight: normal;

    color: #2B3D63;

    padding: 0 0 12px 0;

    position: relative;

}

.oe {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.block2 .left .list .li div.v {

    font-family: arial;

    font-size: 12px;

    padding: 10px 0;

    color: #D2D2D2;

    padding-top: 8px;

    padding-left: 20px;

    background: url(../images/i5.png) no-repeat left center;

}

.block2 .left .list .li .news_li_content p {

    line-height: 18px;

    height: 36px;

    font-size: 12px;

    color: #999;

    overflow: hidden;

    padding-bottom: 18px;

    position: relative;

}

.block2 .left .list .li .news_li_content p:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 20px;

    height: 5px;

    background: url(../images/hr2.png) no-repeat left center;

}

.block2 .left .list .li .news_li_content h2:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 16px;

    height: 1px;

    background: url(../images/hr1.png) no-repeat left center;

}

.block2 .right {

    width: 250px;

    float: right;

    float: right;

}

.block2 .rightbox {

    background: #fff;

    padding: 0 25px;

}

.block2 .right_title {

    height: 70px;

    border-bottom: 1px solid #EAEAEC;

}

.block2 .right_title .hd {

    position: relative;

    height: 70px;

    line-height: 70px;

    font-weight: 700;

    color: #252525;

    font-size: 18px;

    text-align: center;

}

.block2 .right_title .hd a.prev {

    position: absolute;

    left: 0;

    margin-top: -10px;

    top: 50%;

    background: url(../images/i8.png) no-repeat left center;

}

.block2 .right_title .hd a {

    display: block;

    width: 20px;

    height: 20px;

    background: red;

    position: absolute;

}

.block2 .right_title .hd a.next {

    position: absolute;

    right: 0;

    margin-top: -10px;

    top: 50%;

    background: url(../images/i7.png) no-repeat right center;

}

.block2 .right_title .hd {

    position: relative;

    height: 70px;

    line-height: 70px;

    font-weight: 700;

    color: #252525;

    font-size: 18px;

    text-align: center;

}

.block2 .right_one .bd {

    height: 509px !important;

    overflow: hidden;

}

.block2 .right_one li {

    padding: 20px;

    border-bottom: 1px dotted #CACFD9;

    height: 129px;

}

.block2 .right_one li .img {

    display: block;

    margin: 0 auto;

    height: 50px;

}

.block2 .right_one li .img img {

    margin: 0 auto;

    display: block;

    height: 100%;

}

.block2 .right_one li h2 {

    color: #0F2149;

    text-align: center;

    font-size: 16px;

    font-weight: normal;

    margin-top: 13px;

}

.block2 .right_one li h2 span {

    position: relative;

    padding: 0 28px;

}

.block2 .right_one li h2 span:before {

    display: block;

    content: "";

    height: 16px;

    width: 20px;

    position: absolute;

    background: url(../images/i11.png) no-repeat center;

    left: 0px;

    top: 50%;

    margin-top: -8px;

}

.block2 .right_one li h2 span:after {

    display: block;

    content: "";

    height: 16px;

    width: 20px;

    position: absolute;

    background: url(../images/i12.png) no-repeat center;

    right: 0px;

    top: 50%;

    margin-top: -8px;

}

.block2 .right_one li p {

    color: #9E9E9E;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    margin-top: 10px;

    height: 40px;

}

.block2 .right_two {

    padding-bottom: 20px;

}

.block2 .rightbox {

    background: #fff;

    padding: 0 24px;

    height:890px;

    overflow: hidden;

}

.block2 .right_title {

    height: 70px;

    border-bottom: 1px solid #EAEAEC;

}

.block2 .right_two .li {

    padding: 20px 0;

    border-bottom: 1px dotted #CACFD9;

    position: relative;
    box-sizing: content-box;

}



.block2 .right_two .li:before {

    content: '';

    position: absolute;

    width: 31px;

    height: 15px;

    right: 0;

    top: 21px;

}

.block2 .right_two .li .img {

    display: block;

    width: 200px;

    margin-bottom: 10px;

}

.block2 .right_two .li .img img {

    display: block;

    width: 100%;

    height: 100%;

}

.block2 .right_two .li h2 {

    font-size: 14px;

    font-weight: normal;

    color: #2B3D63;

    padding: 0 0 2px 0;

    position: relative;

    max-width: 170px;

}

.block2 .right_two .li div.v {

    font-family: arial;

    font-size: 12px;

    padding: 5px 0;

    color: #D2D2D2;

    padding-top: 8px;

}

.block2 .right_two .li p {

    line-height: 18px;

    height: 40px;

    font-size: 12px;

    color: #999;

    overflow: hidden;

    position: relative;

    padding-top: 5px;

}

.block2 .right_two .li p:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 16px;

    height: 1px;

    background: url(../images/hr1.png) no-repeat left center;

}

.block2 .right_two .li p:after {

    content: '';

    position: absolute;

    right: 0;

    bottom: 5px;

    width: 20px;

    height: 5px;

    background: url(../images/hr2.png) no-repeat left center;

}



/*新闻详情*/

.block3 .left {
    margin-top: 30px;

    background: #fff;

    padding: 20px 30px 20px 30px;

    /*float: left;*/

    width: 1200px;

    margin-bottom: 40px;

}

.block3 .left_head {

    padding-bottom: 28px;

    position: relative;

}

.block3 .left_head h1 {

    font-size: 22px;

    color: #333333;

    font-weight: normal;

    width: 1200px;

}

.block3 .left_head .tags {

    color: #999999;

    font-size: 14px;

    margin-top: 18px;

    padding-top: 12px;

    background: url(../images/i13.png) no-repeat left top;

}

.block3 .left_head .tags span {

    margin-right: 35px;

    

}

.detailed {

    border-top: 1px dotted #CACFD9;

    border-bottom: 1px dotted #CACFD9;

    padding: 30px 0 60px 0;

    line-height: 30px;

}

.prevnext {

    height: 50px;

    line-height: 20px;

    padding: 15px 0;

    border-bottom: 1px dotted #CACFD9;

}

.prevnext a {

    display: block;

    height: 20px;

    line-height: 20px;

    width: 360px;

    padding-left: 15px;

    font-size: 14px;

    color: #999999;

}

.prevnext a.prev {

    float: left;

    background: url(../images/i21.png) no-repeat left center;

}

.prevnext a.next {

    float: right;

    background: url(../images/i22.png) no-repeat left center;

}

/*问答列表*/

.jiu-left-tab { padding: 20px 0 20px 0; border-top: 1px solid #CACFD9; }

.jiu-question-input { width: 345px; height: 38px; box-sizing: border-box; background-color: #f4f4f4; border: 1px solid #dddddd; padding-left: 15px; }

.jiu-question-span { display: inline-block; width: 122px; height: 38px; color: #fff; text-align: center; font-size: 14px; background-color: #747f9f; line-height: 38px; position: relative; top: 1px; }

.jiu-question-list .li {border-bottom: 1px dotted #CACFD9; border-top: inherit !important;}

.jiu-question, .jiu-answer { height: 25px; line-height: 25px; margin-bottom: 12px; }

.jiu-answer {margin-bottom: 20px; }

.jiu-question .jiu-quesiton-wentag, .jiu-answer .jiu-question-datag { width: 25px; height: 25px; line-height: 25px; display: inline-block; text-align: center; color: #fff; background-color: #747f9f; font-size: 14px; float: left; margin-right: 10px; }

.jiu-answer .jiu-question-datag {background-color: #0061b4;}

.jiu-question .jiu-quesiton-wen, .jiu-answer .jiu-question-da { font-size: 14px; color: #989898; }



/*10关于我们*/

.jiu-aboutus,.jiu-joinus {height: 500px; position: relative; width: 100%;}

.jiu-about-cutitle, .jiu-about-histitle { font-size: 36px; position: relative; padding: 20px 0; }

.jiu-about-cutitle:after, .jiu-about-histitle:after {content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #e62129; width: 35px;}

.detailed2 {padding: 30px 0 60px 0; line-height: 30px;}

.jiu-about-hiscontent {margin: 20px 0 40px 0;}

.index-act{padding: 45px 0 50px; background: #F5F5F5;}

.picMarquee-left{ /*position:relative;*/ margin-top: 30px; overflow: hidden;}

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ width: 220px; height: 270px; margin-right: 10px; float:left; _display:inline; overflow:hidden; text-align:center; }

.picMarquee-left .bd ul li:nth-child(5n) {margin-right: 0;}

.picMarquee-left .bd ul li .pic{position: relative; width: 100%;}

.picMarquee-left .bd ul li .pic img{display:block; width: 220px; height: 160px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}

/*.picMarquee-left .bd ul li .jiu-about-pinfo {} */

.picMarquee-left .bd ul li .jiu-about-ptitle {display: block; text-align: center; font-size: 18px; font-weight: bold; color: #494949; padding-top: 12px;}

.picMarquee-left .bd ul li .jiu-about-pinfo{font-size: 14px; color: #666; text-align: center; margin-left: 20px; margin-right: 20px; line-height: 20px; margin-top: 6px;}

.picMarquee-left .bd ul li:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}

.picMarquee-left .bd ul li:hover .tit a{color: #E40211;}

/*11加入我们*/

.listWrapper {

    padding: 60px 0;

    overflow: hidden;

}

.jobList li {

    border-bottom: 1px dashed #dbdbdb;

    margin-bottom: 20px;

}



.jobList h4 {

    font-size: 28px;

    font-weight: normal;

    background: url(../images/gicon19.png) no-repeat right center;

    padding-right: 20px;

    padding-bottom: 20px;

    line-height: 32px;

}

.jobList h4.on {

    color: #333;

    background: url(../images/gicon18.png) no-repeat right center;

}

.jobList h4 span {

    display: block;

    font-size: 16px;

    margin-top: 8px;

}

.jobList h4 span i {

    display: inline-block;

    font-style: normal;

    background: url(../images/job_icon.png) no-repeat left -35px;

    padding-left: 30px;

    margin-right: 15px;

}

.jobList h4 span .num {

    background-position: 0 0;

}

.jobList .font {

    background: #f2f2f2;

    padding: 25px;

    display: none;

}

.jobList .font .tie {

    color: #555;

    margin-bottom: 10px;

    display: block;

}

.jobList .jiu-applyus { font-size: 16px; color: #f25500; padding:10px 30px; border-radius: 20px; border: 1px solid #f25500;display: inline-block; margin: 50px 0 30px 0; }



/* 在线客服样式 */

.gr_kefu{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}

.gr_kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}

.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#36A6FE;overflow:hidden;opacity:.8;}

.gr_kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}

.gr_kefu ul li .sidebox:hover{opacity:1;}

.gr_kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background: #36A6FE;transition:all 0.3s;opacity:.8;}

.gr_kefu ul li .sidetop:hover{opacity:1;}

.gr_kefu ul li img{float:left;}

.gr_kefu ul li .sidebox3{font-size:16px;}

.gr_kefu ul li .kImg{padding:13px;}

/*.gr_kefu ul li .sidebox:hover {background:#ff570d;}*/

.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;box-sizing:content-box; display:none;}

.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}

.gr_kefu .qq{height:0;position:relative;z-index:2;}

.gr_kefu .qq .sidebox{border:1px solid #36a6fe;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}

.gr_kefu .qq h5{height:35px;line-height:35px;background:#36a6fe;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}

.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}

.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}

.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #36a6fe;margin:5px 15px}

.gr_kefu img { width: auto; height: auto; }

#newBridge .icon-right-center{top: 60%!important;}

/*加入我们*/

.loginArea {

    width: 340px;

    float: left;

    margin: 70px 0 0 50px;

}

.layui-form-label {

    width: 100px;

}

.layui-input-block {

    margin-left: 110px;

    min-height: 36px;

}

button, input:not([type=radio]):not([type=checkbox]), select {

    vertical-align: middle;

}



/*05客户案例*/

.whiteBg {

    background: #fff;

}

.chooseBox .choose {

    padding: 15px 0;

    margin: 0 20px;

    border-top: 1px dashed #F0F0F0;

}

.chooseBox .choose1 {

    margin: 0;

    padding: 13px 70px 13px 20px;

    border-top: 0;

    position: relative;

}

.chooseBox .choose1 .Btn {

    position: absolute;

    top: 25px;

    right: 20px;

}

.chooseBox .choose1 .Btn a.show {

    display: none;

}

.chooseBox .choose1 .Btn a .iconfont {

    font-size: 12px;

}

.chooseBox .choose1 .ulBox {

    overflow: hidden;

}

.chooseBox .choose1 li {

    float: left;

    margin: 7px 15px 7px 0;

    width: 143px;

    height: 27px;

    line-height: 27px;

}

.chooseBox .choose1 li a {

    display: block;

    border-radius: 27px;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 12px;

}

.chooseBox .choose1 li:hover a, .chooseBox .choose1 li.cur a {

    background: #FE8B26;

    color: #fff;

}

.chooseBox .choose1 li.last {

    width: 140px;

    margin-top: 5px;

}

.chooseBox .choose1 li.last a {

    display: inline-block;

    width: 80px;

    /* margin: 0 auto; */

    height: 31px;

    background: #3695ed;

    box-shadow: 0 0 10px rgba(54,149,237,.13);

    color: #fff;

    text-align: center;

    margin-left: 8px;

    line-height: 31px;

}

.chooseBox .choose1 li.last img {

    display: inline-block;

    vertical-align: top;

    margin: -2.5px 0 0 5px;

}

.clearfix:before, .clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}

.chooseBox .tit {

    font-size: 14px;

    color: #666;

    width: 75px;

    margin: 5px 0;

    line-height: 24px;

}

.chooseBox .a_lists {

    width: 1080px;

}

.chooseBox .a_lists a.cur, .chooseBox .a_lists a:hover {

    background: #0061b4;

    color: #fff;

}

.chooseBox .a_lists a {

    font-size: 12px;

    color: #666;

    display: inline-block;

    border-radius: 24px;

    background: transparent;

    padding: 0 12px;

    margin: 5px 10px 5px 0;

   line-height: 28px;

   height: 26px;

}

.jiu-custom-caseitem {margin-top: 22px; height: 475px; overflow:hidden;}

.jiu-custom-caseitem .jiu-custom-pname {height: 190px;}

.jiu-custom-ptype {margin: 10px 0;}

.jiu-custom-ptype span{ border: 1px solid #f16e15; color: #f16e15; font-size: 12px; display: inline-block; margin-right: 10px; display: inline-block; padding: 2px 10px; margin-top:10px;}



.preview{width:400px; height:465px; margin:50px 0px 0px 150px;}

/* smallImg */

.smallImg{position:relative; height:77px; margin-top:1px; width:390px; overflow:hidden;float:left;}

.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}



#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}

#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:50px; height:50px;cursor:pointer;}

#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}

/* bigImg */

.bigImg{position:relative; float:left; width:400px; height:400px;}

.bigImg #midimg{width:400px; height:400px;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}



/*产品详情页*/

.product-show{background: #fff;}

.product-show .focusBox{position:relative; float:left;}

/*.product-show .focusBox .bigImg{border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}*/

.product-show .focusBox .bigImg ul, .smallImg .p_list ul {

    display: block;

    list-style-type: disc;

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 0;

}

.smallImg .p_list ul li img {height: 77px;}

.smallImg{position:relative; margin:17px 0;}

.smallImg .scrollbutton{position:absolute; width:30px; height:30px; left:0; top:50%; margin-top:-14px; cursor:pointer; text-align: center; color:#888;}

.smallImg .scrollbutton i{font-size:24px;}

.smallImg .scrollbutton:hover{color:#3C6FAF;}

.smallImg .next{left:auto; right:0;}

.smallImg .p_list{margin:0 auto; overflow:hidden; position:relative;}

.smallImg .p_list li{float:left; display:inline; margin:0 4px; /*padding:4px;*/ position:relative; cursor:pointer; box-sizing:border-box;}

.smallImg .p_list li.on{border: 1px solid #3498db; background:#fff;}




.jiu-listnav2 .jiu-position{font-size: 14px;}
.jiu-listnav2 .jiu-label{padding-top: 10px;padding-bottom: 15px; font-size: 14px; color: #666;}
.jiu-listnav2 .jiu-label span{font-size: 14px; padding: 6px 10px;background-color: #0061b4;color: #fff;border-radius: 3px;}
.jiu-listnav2 .jiu-label span i{font-size: 18px;padding-left: 15px;}
.jiu-listnav2 .jiu-position-nav{border-bottom: 1px solid #eeeeee;}
.jiu-listnav2 .jiu-position-nav li { float: left; font-size: 14px; text-align: center; margin-right: 20px !important; }
.jiu-listnav2 .jiu-position-nav li a { display: block; color: #999; padding:10px 15px;}
.jiu-listnav2 .jiu-position-nav li a.on {color: #00A1FF;border-bottom: 2px solid #00A1FF;font-weight: 700;}
.home-goods-list  .block2 .left{width: 100%;}


/*首页改版*/
.head{position: relative; z-index: 10;  height: 40px;background-color: #373739;}
.head .head-nav-l>p{position: relative; line-height: 40px; font-size: 12px; font-weight: 500; color: #a3a1a1; margin-right: 24px; position: relative;
   }
.head .head-nav-l-p-first{margin-right: 20px;}
.head .time-icon{padding-left: 21px;}
.head .time-icon::after{display: block;content: "";width: 16px;height: 16px;background: url(../images/sprites.png) no-repeat;position: absolute;top: 12px;left: 0;}
.head .line-icon::before{content: ''; display: block; width: 1px; height: 6px; background: rgba(209, 211, 216, 0.15); position: absolute; top: 17px; right: -13px;}
.head .head-nav-r>li{position: relative; margin-right: 24px;line-height: 40px; font-size: 12px; font-weight: 500; color: #a3a1a1; }
.head .head-nav-r>li:last-of-type{margin-right: 0;}
.head .head-nav-r>li.official_account{cursor: pointer;}
.head .head-nav-r>li.official_account span{width: 120px;height: 120px;background-color: #fff;padding: 10px;position: absolute;left:50%;top: 40px;transform: translateX(-50%);
display: none;}
.head .head-nav-r>li.official_account:hover span{display: block;}
.nav{height: 80px;line-height: 80px;background-color:#fff;}
.nav .logo{width:auto; height:80px;}
.nav .logo img{height:100%}
.nav li{margin-left: 35px;}
.nav li a{font-size: 16px;color: #333;cursor: default;}
.nav li.active a{color: #36a6fe;}
.nav li a:hover{color: #36a6fe;}
.banner{position: relative;width:100%;}
.banner .swiper-container{width:100%;}
.swiper-button-prev,.swiper-button-next{width: 50px; height: 50px;background-color: rgba(0, 0, 0,0.329); border-radius: 50%;color: #fff;text-align: center;background-image:none; }
.swiper-button-prev i,.swiper-button-next i{display: flex; align-items: center; justify-content: center; height: 50px;font-size:24px;}
.swiper-button-next:after, .swiper-button-prev:after{content:''}
.banner .swiper-button-prev,.banner .swiper-button-next{display: none;}
.banner:hover .swiper-button-prev{display: block;}
.banner:hover .swiper-button-next{display: block;}
.banner .search-box{width: 100%;position: absolute;left: 0;top: 330px;z-index: 9;}
.search-box .search{width: 663px;border-radius: 3px; background-color: rgba(255, 255, 255, 0.231);padding: 5px;position: relative;}
.search-box .search::before{content: "";position: absolute;left: 18px; top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url(../images/search.png);
    z-index: 10;}
.search-box .search input{ width: 528px; height: 48px;background-color: #fff;padding-left: 40px;border-radius:  3px 0  0 3px; position: relative;}
.search-box .search button{width: 125px; height: 48px;text-align: center;color: #fff;font-size: 16px;background-color:#EB2C17 ;border-radius:  0 3px  3px 0 ;}

/*margin-top: -65px;*/
.index-box{position: relative; z-index: 10;background-color:#F5F6F8;margin-top: 0;}
.part1{border-radius: 5px;overflow: hidden;margin-bottom: 27px;}
.part1 .list{background-color: #fff;padding: 25px 20px;}
.part1 .list .list-item{width: 215px;margin-right: 21px;}
.part1 .list .list-item:last-of-type{margin-right: 0;}
.part1 .list .list-item .tit{font-size: 15px;font-weight: bold;color: #333;position: relative;padding-bottom: 15px;margin-bottom: 10px;}
.part1 .list .list-item .tit::after{content:"";width: 25px;height: 2px;background-color: #E7EAF2;position: absolute;left: 0;bottom: 0;}
.part1 .list .list-item a{display:block;font-size: 13px;color: #666;line-height: 2.769;margin-right: 5px;}
.part1 .list .list-item a:hover{color: #36a6fe;}
.part1 .news-box{width: 100%;height: 43px;background-color: #EB2C17;padding:0 20px;color: #fff;font-size: 14px;}
.part1 .news-box .iconfont{font-size: 18px;margin-right: 10px;}
.part1 .news-box .tit{font-weight: bold;}
.part1 .news-box .swiper-container{flex: 1; height: 100%;margin-left: 10px;}
.part1 .news-box .swiper-container .swiper-slide{display: flex;align-items: center;}
.part1 .news-box .swiper-container .swiper-slide a{display: block; color: #fff;width: 100%;}
.part1 .news-box .swiper-container .swiper-slide a:hover{color: #333;}


.title-line{margin-bottom: 25px;}
.title-line .line{display: inline-block;  width: 15px; height: 3px;margin-bottom: 7px;margin-right: 10px;background-color: #36a6fe;}
.title-line .tit{font-size: 26px;font-weight: bold;margin-right: 10px;}
.title-line .sub-tit{font-size: 14px;color: rgba(16, 29, 55, 0.49);} 
.title-line .more{font-size: 14px;color: rgba(16, 29, 55, 0.49);}
.title-line .more:hover{color: #000;margin-top: 10px;}

.part2{ height: 302px; border-radius: 5px;padding:  25px 20px;background:url(../images/part2.png);margin-bottom: 35px;}
.part2 .title-line{color: #fff;}
.part2 .title-line .icon-huo{font-size: 28px;margin-right: 10px;}
.part2 .title-line .sub-tit{color: #fff;}
.part2 .title-line .zixun{color: #fff;  width: 113px; height: 30px; border-radius: 15px;border:1px solid #fff;font-size: 14px;}
.part2 .title-line .zixun .iconfont{font-size: 16px;margin-right: 5px;}
.part2 .title-line .zixun:hover{color: #36a6fe;background-color: #fff;}
.part2 .swiper-container{width: 100%;}
.part2 .swiper-container .swiper-slide{height: 200px;border-radius: 3px;background-color: #fff;padding: 10px;text-align: center;}
.part2 .swiper-container .swiper-slide .pic-box{width: 1005;height: 120px;overflow: hidden;}
.part2 .swiper-container .swiper-slide .pic-box img{height: 100%;}
.part2 .swiper-container .swiper-slide .tit{font-size: 16px;color: #333;font-weight: bold;line-height: 1.5;padding-top: 10px;}
.part2 .swiper-container .swiper-slide .cont{font-size: 13px;color: #999;line-height: 1.846;}
.part2 .swiper-container .swiper-slide:hover .tit{color: #36a6fe;}

.part3 .case-box .case-list{width: 590px;margin-right: 20px;margin-bottom: 15px;}
.part3 .case-box .case-list:nth-child(2n){margin-right: 0;}
.part3 .case-box .case-list .title-box{width: 100%;height: 110px;color: #fff;padding: 35px 33px 0 24px;}
.part3 .case-box .case-list .title-box .tit{font-size: 20px; font-weight: bold;padding-bottom: 5px;}
.part3 .case-box .case-list .title-box .cont{font-size: 12px;color: rgba(255, 255, 255, 0.541);}  
.part3 .case-box .case-list .title-box .more{width: 99px; height: 29px;text-align: center;border: 1px solid #fff;font-size: 12px;color: #fff;line-height: 29px;}
.part3 .case-box .case-list .title-box .more:hover{color: #36a6fe;background-color: #fff;}
.part3 .case-box .case-list .list-box{width: 100%;} 
.part3 .case-box .case-list .list-box .list-item{width: 50%;height: 150px; border-bottom: 1px solid #F0F0F0;border-right:1px solid #F0F0F0;background-color: #fff;}
.part3 .case-box .case-list .list-box .list-item:nth-child(2n){border-right:none;}
.part3 .case-box .case-list .list-box .list-item a{display: block;width: 100%;height: 100%;padding: 30px 0 0 20px; box-sizing: border-box;}
.part3 .case-box .case-list .list-box .list-item .tit{font-size: 16px;color: #333; font-weight: bold;padding-bottom: 15px;}
.part3 .case-box .case-list .list-box .list-item .cont{font-size: 14px;color: rgba(153, 153, 153, 0.749);line-height: 1.429;}
.part3 .case-box .case-list .list-box .list-item .tag{margin-top: 15px;}
.part3 .case-box .case-list .list-box .list-item .tag span{display: inline-block;padding: 3px 8px;border:1px solid #F0F0F0;font-size: 12px;color: rgba(153, 153, 153, 0.749);
    margin-right: 5px;}
.part3 .case-box .case-list .list-box .list-item:hover .tit{color:#36a6fe;}
.part3 .case-box .case-list:nth-of-type(1) .title-box{background: url(../images/title-box1.png);}
.part3 .case-box .case-list:nth-of-type(2) .title-box{background: url(../images/title-box2.png);}
.part3 .case-box .case-list:nth-of-type(3) .title-box{background: url(../images/title-box3.png);}
.part3 .case-box .case-list:nth-of-type(4) .title-box{background: url(../images/title-box4.png);}

.part4{width: 100%;height: 450px;padding-top: 35px;background: url(../images/part4.png);margin-bottom: 40px;}
.part4 .title-line .line{background-color: #fff;}
.part4 .title-line .tit{color: #fff;}
.part4 .title-line .sub-tit{color:#fff;} 
.part4 .swiper-slide{height: 307px; background-color: #fff;border-radius: 3px; overflow: hidden; transform: scale(0.8);transition: transform .3s;}
.part4 .swiper-slide-active{transform: scale(1);}
.part4 .swiper-slide .pic-box{width: 307px;height: 307px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.part4 .swiper-slide .pic-box img{transition: all .3s;}
.part4 .swiper-slide .cont-box{width: calc(100% - 307px); background: url(../images/swiper-back.png) no-repeat;background-position: right top;padding: 10px 28px;}
.part4 .swiper-slide .cont-box .logo{width:94px;}
.part4 .swiper-slide .cont-box .tit{font-size: 24px;line-height: 1.2;color: #191a24;padding-top: 15px; padding-bottom: 25px;}
.part4 .swiper-slide .cont-box .cont{font-size: 16px;line-height: 1.6;color: #666;}
.part4 .swiper-slide .cont-box .more{width: 114px; height: 37px;text-align: center;border: 1px solid #D2D2D2;font-size: 14px;color: #999;line-height:37px;margin-top: 40px;}
.part4 .swiper-slide .cont-box .more:hover{color: #36a6fe;border: 1px solid #36a6fe;} 
.part4 .swiper-button-prev:hover,.part4 .swiper-button-next:hover{background-color: #fff;color: #000;}
.part4 .swiper-button-prev{left:20%;}
.part4 .swiper-button-next{right:20%;}
.part4 .swiper-slide:hover .pic-box img{transform: scale(1.1);}

.part5{height: 139px;padding: 0 18px;background-color: #fff;margin-bottom: 35px;}
.part5 li{padding-top: 35px;}
.part5 li .index{font-size: 16px;color: #D30202;padding-right: 20px;font-weight: 700;padding-top:3px;}
.part5 li .tit{font-size: 20px;color: #000; font-weight: 700;padding-bottom: 10px;}
.part5 li .cont{font-size: 13px;color: #999;}

.part6 {margin-bottom: 30px;}
.part6 .process-box{width: 100%;height:280px ;background-color:#fff;padding: 20px 20px;}
.part6 .process-box .process-icon{margin-top:62px;}
.part6 .process-box .process-item{text-align: center;width: 138px;}
.part6 .process-box .process-item .tit{font-size: 18px;color: #333;font-weight: bold;line-height: 1.333;margin-bottom:5px;padding-bottom: 13px;position: relative;}
.part6 .process-box .process-item .tit::after{content: "--";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); color: #D3D3D3;line-height: 1;font-weight: normal;
font-size: 18px;}
.part6 .process-box .process-item .cont{font-size: 14px;color: #999;line-height: 1.571;}

.part7 {margin-bottom: 40px;}
.part7 .news-list{width: 100%;padding:0 20px;background-color: #fff;} 
.part7 .news-list li{border-bottom: 1px solid #E8E8E8;width: 555px;}
.part7 .news-list li a{width: 100%;height: 100%; padding: 24px 0;box-sizing: border-box;}
.part7 .news-list li .pic-box{width: 150px;height: 100px;overflow: hidden;}
.part7 .news-list li .pic-box img{width: 100%;height: 100%;transition: all .3s;}
.part7 .news-list li .cont-box{width: calc(100% - 150px); padding-left: 20px;padding-top: 10px;}
.part7 .news-list li .cont-box .tit{font-size: 16px;color: #333;margin-bottom: 10px;}
.part7 .news-list li .cont-box .cont{font-size: 14px;color: #999;line-height: 1.571;}
.part7 .news-list li:last-child{border-bottom: none;}
.part7 .news-list li:nth-last-child(2){border-bottom: none;}
.part7 .news-list li:hover .pic-box img{transform: scale(1.1);}
.part7 .news-list li:hover .cont-box .tit{color: #36a6fe;}

.part8{margin-bottom: 80px;}
.part8 .introduction-box{position: relative;}
.part8 .introduction-box .pic-box{width: 582px; height: 460px;box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.03);background-color: #fff;padding: 64px 53px;}
.part8 .introduction-box .cont-box{  width: 648px; height: 460px;box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);background-color: #fff;position: absolute;right: 0;top: 0;
padding: 64px 35px 20px 47px;}
.part8 .introduction-box .cont-box .tit{font-size: 34px;color: #333;padding: 25px 0;}
.part8 .introduction-box .cont-box .cont{font-size: 14px;color: #777777; line-height: 2.143;}
.part8 .introduction-box .cont-box .cont p{margin-bottom: 35px;}  


.weblink {margin-bottom: 35px;}
.weblink .w1200{background-color: #fff;}
.weblink .w1200 .hezuo{padding: 20px 0;border-bottom: 1px solid #E9E9E9;line-height: 40px;box-sizing: content-box;}
.weblink .w1200 .hezuo ul{width: calc(100% - 140px);}
.weblink .w1200 .hezuo li{border-left: 1px solid #E9E9E9;width: 176.5px;text-align: center;margin-bottom: 10px;display:flex;justify-content:center;align-items:center;}
.weblink .w1200 .hezuo li img{max-width:100%;max-height:100%;}
.weblink .w1200 .hezuo .tit{display: inline-block; width: 140px;font-weight: 700;color: #000;text-align: center;margin-top: 40px;}
.weblink .w1200 .linktitel{color: #171920; font-size: 16px; font-weight: 700; line-height: 1; padding: 30px 20px 15px;}  
.weblink .w1200 .links { padding: 0 20px 20px; font-size: 0; }
.weblink .w1200 .links a { color: #9598a2; font-size: 12px; white-space: nowrap;padding-right:15px ;margin-right:15px ;margin-bottom: 15px; border-right: 1px solid #E9E9E9; }
.weblink .w1200 .links a:hover{color: #36A2DE;}

.contact-box{width: 100%;height: 255px;background: url(../images/contact.png);color: #fff;}
.contact-box .w1200{position: relative;height: 255px;padding-top: 89px;padding-left: 450px;}
.contact-box .title .tit{font-size: 30px; font-weight: bold;padding-bottom: 20px;color: #333}
.contact-box .title .sub-tit{font-size: 14px;color: #333}
.contact-box .contact-btn{  width: 165px; height: 45px; background-color:#3362e8;color: #fff;text-align: center;line-height: 45px;position: absolute;
    right: 0;top: 50%;transform: translateY(-50%);transition: all .3s;}
.contact-box .contact-btn:hover{transform: translateY(-70%);box-shadow: -8px 7px 13px 0 rgba(255, 255, 255, 0.20);}

.foot{padding-top: 65px;height: 315px;background-color: #252525;color: #fff;}
.foot .link-list li{width: 100px;margin-right: 60px;}
.foot .link-list li .tit{font-size: 14px;border-bottom: 1px solid #393939;padding-bottom: 10px;margin-bottom: 10px;}
.foot .link-list li a{display: block;font-size: 12px;line-height:2;color: rgba(255, 255, 255, 0.439);}
.foot .link-list li a:hover{color: #fff;}
.foot .code-box{text-align: center;margin-right: 25px;}
.foot .code-box p{margin-top: 15px;font-size: 12px;color: #8f8f8f;}
.foot .phone-box{padding-left: 25px;}
.foot .phone-box img{width: 40px;height: 40px;}
.foot .phone-box .phone{font-size: 12px;line-height: 2;color: #6b6b6b;padding-left: 10px;}
.foot .phone-box .phone div{font-size: 18px;font-weight: bold;color: #c8c8c8;}
.foot .kefu{width: 176px; height: 42px;color: #c8c8c8;border: 1px solid #4B4B4B;font-size: 14px;margin-top: 20px;}
.foot .kefu i{font-size: 24px;margin-right: 10px;}
.foot .kefu:hover{background-color: #c8c8c8;color: #333;}
.foot-bottom{height:100px;background-color: #1E1E1E;padding-top: 30px;color: #8f8f8f;font-size: 12px;line-height: 2;}
.foot-bottom a{color: #8f8f8f;}
.foot-bottom a:hover{color: #fff;}
.foot-bottom .left span{margin-right: 15px;}
.foot-bottom .right a{margin-left: 18px;}

@media screen and (max-width: 1600px){
     .banner .search-box{top:260px;}
}
@media screen and (max-width: 1440px){
     .banner .search-box{top:240px;}
}
@media screen and (max-width: 1380px){
     .banner .search-box{top:220px;}
}


 .introduction-box .box-bd ul {
     padding: 0;
     margin-bottom: 15px;
     height: 300px;
     overflow: hidden;
 }

.introduction-box .xm-carousel-col-5-list li {

    width: 260px !important;
}

.introduction-box .box-bd ul li {
    height: 290px;
    box-sizing: border-box;
    padding-top: 40px;
    text-align: center;
    background: #fff;
    -webkit-transition: all .6s;
    transition: all .6s;
    position: relative;
    list-style: none;
    margin-bottom: 14px;
    overflow: hidden;
    _zoom: 1;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear

}
.introduction-box .box-bd ul li:nth-child(5n+1) {margin-left: 0;}
.xm-carousel-col-5-list li {
    float: left;
    width: 228px;
}
.introduction-box .box-bd ul li.ml-none {
    margin-left: 0
}
.introduction-box .box-bd ul li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}
.introduction-box .box-bd ul li:hover .btn {
    bottom: 0
}



.introduction-box .box-bd ul li img:nth-last-child(2) {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 16px;
    margin-top: -16px;
    vertical-align: middle
}

.introduction-box .box-bd ul .thumb {
    display: flex;
    align-items: center;
    width: 140px;
    margin: 0 auto 40px auto;
    height: 124px;
}
.introduction-box .box-bd ul .thumb img {
    width: 140px;
    /*height: 124px*/
}
.introduction-box .box-bd ul .title {
    margin: 0 20px 3px;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1
}
.introduction-box .box-bd ul .title,.introduction-box .box-bd ul .title a {
    color: #212121
}
.introduction-box .box-bd ul .desc {
    height: 18px;
    margin: 5px 20px 12px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
    color: #b0b0b0
}
.introduction-box .box-bd ul .btn {
    width: 100%;
    border: 0;
    position: absolute;
    left: 0;
    bottom: -38px;
    -webkit-transition: bottom .6s;
    transition: bottom .6s;
    color:#fff;
}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; }
.picScroll-left .hd .next{ background-position:0 -50px;  }

.picScroll-left .bd{ padding:10px; margin-left: 6%;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;
    width: 190px;
    height: 290px;
    box-sizing: border-box;
    padding-top: 20px;
    background: #fff;
    -webkit-transition: all .6s;
    transition: all .6s;
    position: relative;
    list-style: none;
    margin-bottom: 14px;
    _zoom: 1;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:140px; height:186px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; font-size: 16px; margin: 5px 0;}

.picScroll-left .bd ul li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}
.picScroll-left .bd ul .btn {
    width: 100%;
    border: 0;
    position: absolute;
    left: 0;
    bottom: -38px;
    -webkit-transition: bottom .6s;
    transition: bottom .6s;
    color: #fff;
}
.picScroll-left .bd ul li:hover .btn {
    bottom: 0
}

.floadAd { position: absolute;z-index: 999900; display: none; }
.floadAd .item { display: block; }
.floadAd .item img { vertical-align: bottom; }/* a img 的组合浏览器默认下边会有几个像素的空白，这里可以消除空白*/
#text_zp {
    position: relative; /* 相对定位 */
    font-size: 46px;margin-left: 5px;
}