@charset "utf-8";
.home-top-grid1 {
  background: rgba(11, 100, 143, 0.7);
  transition: 0.5s all;
}
.home-top-grid2 {
  background: rgba(226, 23, 55, 0.5);
  transition: 0.5s all;
}
.home-top-grid3 {
  background: rgba(11, 100, 143, 0.4);
  transition: 0.5s all;
}
.iconfont {
  font-family: 'iconfont';
}
@font-face {
  font-family: 'AvantGardeBook.otf';
  src: url('../AvantGardeBook.otf');
}
img {max-width: 100%;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

body {font-family: 微软雅黑; min-width: 320px;}
a {color: #666;}
a:hover { text-decoration: none;}
h1,h2,h3,h4,h5,h6,ul,li { margin: 0; padding: 0;}
img { border: 0;}
.clear {overflow: hidden; _zoom: 1;}
.clearfix { _zoom: 1;}
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.relative { position: relative;}
.pt-100 { margin-top: 30px;}
.pt-200 { margin-top: 60px;}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');/* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg');/* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.container {
  max-width: 1400px;
}
/*-header-*/
.header {
clear: both;
    width: 100%;
    z-index: 999;


}
.kuan_heaaer .logo {
  width: 22%;margin:25px 0;
  float: left;
  /*background: #e89d08;*/
}
.kuan_heaaer .logo img {
  max-width: 100%;
  max-height: 100%;
  float: right;
}
.kuan_heaaer .nav_div {
  height: 42px;
  width: 50%;
  float: right; 
}
.kuan_heaaer .nav_div .nav_ul {
  max-width: 1035px;
}
.kuan_heaaer .nav_div .nav_ul li {
  float: left;
  height: 42px;
  width: 13%;
  text-align: center;
  position: relative;
}
/*.kuan_heaaer .nav_div .nav_ul li:first-child {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}*/
.kuan_heaaer .nav_div .nav_ul li a {
  height: 100%;
  display: block;
  width: 100%;
  line-height: 100%;
  color: #fff;
  font-size: 16px;font-weight:600;
  outline: none;
}
.kuan_heaaer .nav_div .nav_ul li a span {
  display: block;
  height: 32px;
  line-height: 32px;
  margin-top: 45px;
  overflow: hidden;
}
.kuan_heaaer .nav_div .nav_ul li a span:hover {
   color:  #e99b03;
}
.kuan_heaaer .nav_div .nav_ul li:hover .erji {
  display: block;
}
.kuan_heaaer .nav_div .nav_ul li:hover a {
  color: #fff;
}
.kuan_heaaer .nav_div .nav_ul .active {
  background: #e89d08;
}
.kuan_heaaer .nav_div .nav_ul .active a {
  color: #fff;
}
.kuan_heaaer .nav_div .nav_ul .erji {
  position: absolute;
  z-index: 9999;
  background: rgba(255,255,255,0.3);
  color: #fff;
  top: 82px;
  width: 170%;
  padding: 10px 0;
  display: none;
  border-radius:40px 0px 40px 0px
}
.kuan_heaaer .nav_div .nav_ul .erji a {
  color: #fff;
  line-height: 30px;
  overflow: hidden;border-bottom:0px solid #999;
  font-size: 14px;font-weight: 100;
  width: 100%;
}
.kuan_heaaer .nav_div .nav_ul .erji a:hover { font-weight: 700; color: #e89c05;}
.kuan_heaaer .ensou {/*clear: left;*/float: right;margin-right:12%; margin-top: 45px; position: relative;}
.kuan_heaaer .ensou .en {
  color: #eee;
  font-size: 14px;
  font-family: arial;
  /*background: url(../Images/en.png) no-repeat left center;*/
  /*padding-left: 25px;*/
  display: inline-block;
  height: 19px;
  line-height: 19px;
  /*margin: 0px 15px;*/
}
.kuan_heaaer .ensou .en:hover {
  color: #e99b03
}
.kuan_heaaer .ensou .sou_img {
  float: right;
}
.kuan_heaaer .ensou .sou_nei {
  position: absolute;
  right: 0px;
  top: 42px;
  background: #fff;
  width: 157px;
  z-index: 99999;
  padding: 6px;
  border-radius: 4px;
  display: none;
}
.kuan_heaaer .ensou .sou_nei input {
  width: 120px;

  padding: 5px;
  border: 1px solid #9c9c9c;
}
.kuan_heaaer .ensou .sou_nei .iput_btn {
  width: 20px;

  padding: 5px;
  border: 1px solid #9c9c9c;
}
.kuan_heaaer .ensou .sou_nei img {
  cursor: pointer;
}
.kuan_heaaer .ensou .menu2{ float:left }
.kuan_heaaer .ensou .search { float:right;  height: 30px; background:rgba(255,255,255,0.3); border-radius: 15px; }
.kuan_heaaer .ensou .search .input { display: block; float: left; width:80%; padding: 0px 15px; height: 30px; *height: 20px; line-height: 20px; color: #eee; border: none; outline: none; background: none; }
.kuan_heaaer .ensou .search .submit { display: block; width: 18%; height: 30px; float: left; outline: none; border: none; background: none; cursor: pointer; background: url(../Images/icon.png) no-repeat center -60px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.kuan_heaaer .ensou .search .submit:hover { opacity: 0.8; }


.menu2 {position:relative; margin-right:10px;z-index:999;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; font-size:16px;color:#fff;padding:0 0px; height:40px;line-height:40px; text-align:center;  overflow:hidden;}
.menu2 ul {padding:0; margin:0;list-style-type: none; }
.menu2 ul li {float:left; margin-right:1px; position:relative;}
.menu2 ul li ul {display: none;}
/* specific to non IE browsers */
.menu2 ul li:hover a {color:#fff; }
.menu2 ul li:hover ul {display:block; position:absolute; top:40px; left:0; }
.menu2 ul li:hover ul li a.hide2 {background:#022e51; color:#fff; padding-right:30px;}
.menu22 ul li:hover ul li:hover a .hide2 {background:#022e51; color:#fff;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; background: rgba(17,115,232,0.4);font-size:14px;  color:#fff; width:150px;height:30px;line-height:30px;border-bottom:1px #0764d3 solid;}
.menu2 ul li:hover ul li a:hover {background:#e89c05; color:#000;width:150px;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;}
.menu2 ul li:hover ul li:hover ul.left {left:-141px;}

@media (max-width: 980px) {
  .kuan_heaaer .logo {
    width: 25%;
  }
  .kuan_heaaer .nav_div {
    display: none;
  }
  .kuan_heaaer .phone-nav {
    display: block;
    padding-top: 32px;
  }
  .kuan_heaaer .ensou {
    float: right;
    margin-right: 10%;
    /*width: 92px;*/
  }
  .kuan_heaaer .ensou .sou_img {
    padding: 0px;
  }
}
@media (max-width: 640px) {
  .kuan_heaaer .logo {
    width: 30%;
    margin-top:3px;
  }
  .kuan_heaaer .ensou {
    margin-right: 15%;
    margin-top: 25px;
  }
}
@media (max-width: 480px) {

  .kuan_heaaer .ensou {
     display:none;
    margin-top: 5px;
    margin-right: 10%;
  }
  .kuan_heaaer .ensou .sou_nei {
    top: 36px;
    margin-right: -5px;
  }
  .kuan_heaaer .phone-nav {
    padding-top: 5px;
    margin-right: 5px;
  }
}


/*-banner-*/
.ys_nyban_title {
    color: #fff;
}
.ys_nyban_title .std_title1 {
    text-align: center;
    font-weight: bold;
}
.ys_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-intro .page-intro__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.page-intro .page-intro__content {
    position: relative;
    z-index: 2;
}
.page-intro--home h1{
    font-size: 50px;
    color: #FFF;letter-spacing:3px;
    font-weight: lighter;
    text-transform: uppercase;    font-family: "fangsong";
    text-align: center;
    margin: 0 0 45px;
}
.page-intro--home .txt{
    color: #FFF;font-family: "fangsong";
    font-size: 50px;letter-spacing:3px;
    line-height: 28px;
    max-width: 820px;
    margin: 0 auto 110px;
    text-align: center;
}
.page-intro .page-intro__background video {
position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    /*-webkit-transform: translate3d(-50%,-50%,0);*/
    transform: translate3d(-50%,-50%,0);
}
.page-intro--home .page-intro__content{
    padding: 435px 0 485px;
}
@media only screen and (max-width: 1600px){
.page-intro--home .page-intro__content{
    padding: 335px 0 305px;
}

}
@media only screen and (max-width: 480px){
    .ys_nyban_title .std_title1 {
        font-size: 24px;
    }
.page-intro--home .page-intro__content{
    padding: 205px 0 0px;
}
.page-intro--home h1{
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
text-align: center;
}
.page-intro--home .txt{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
}



/*-banner-*/
.banner {
  text-align: center;
  overflow: hidden;
}
.banner img {
  display: block;
  margin: auto;
}
.banner .slick-dots {
  width: 100%;
  margin: auto;
      text-align: center;
}
.banner .slick-dots li button {
  width: 32px;
  height: 8px;
}
.banner .slick-dots .slick-active button {
  background: #e89c05;
  height: 10px;
  width: 10px;
}
@media (max-width: 768px) {
  .banner .slick-dots {
    text-align: center;
    bottom: 15px;
  }
  .banner .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .banner .slick-dots .slick-active button {
    background: #e89c05;
    height: 10px;
    width: 10px;
  }
}
.home-about {
    padding: 50px 0;
    background-color: #f8f8f8
}

.home-about .pic-tu {
    float: right
}

.home-about .core-title {
    color: #fff;
    width: 30%;
    z-index: 9;
    font-size: 24px;
    position: absolute;
    /*margin-top: -345px;*/
    padding: 40px 0 40px 50px;
    background-color: #e89c05
}

.home-about .font40 {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold
}

.home-about .more-2 {
    width: 134px;
    height: 34px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    border: solid 1px #fff
}

.home-about .core-product {
    /*margin-top: -330px;*/
    position: relative;
    margin-bottom: 80px;
}

.home-about .core-product .container {
    position: relative
}

.home-about .core-product .list {
    height: 207px;
    width: 80%;
    float: right;
    z-index: 9;
    position: relative;
    background-color: #fff;
    border: solid 1px #e1e1e1
}

.home-about .core-product .list ul li a:hover p{
    color:#e89c05
}

.home-about .core-product .list:before {
    content: "";
    right: -1px;
    top: 60px;
    height: 150px;
    position: absolute;
    border-right: solid 12px #e89c05
}

.home-about .core-product .list:after {
    content: "";
    right: -1px;
    bottom: -13px;
    position: absolute;
    width: 290px;
    border-bottom: solid 12px #e89c05
}

.home-about .core-product .list li:first-child {
    border: 0
}

.home-about .core-product .list li {
    width: 25%;
    float: left;
    height: 207px;
    text-align: center;
    border-left: solid 1px #e1e1e1
}

.home-about .core-product .list li a {
    color: #333;
    font-size: 16px;
    display: block
}

.home-about .core-product .list li .pic {
    margin-top: 50px;
    height: 80px;
}

.home-about .core-product .list li .pic img {
    max-width: 80px;
    max-height: 80px;
}

.home-about .core-product .list li p{
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.home-about .box {
    width: 43%;
    float: left;
    margin-top: 30px;
    color: #535353;
    height: 296px;
    overflow: hidden;
    line-height: 18px;
    position: relative;
    padding-left: 150px
}

.home-about .box:before {
    top: 15px;
    left: 0;
    content: "";
    width: 120px;
    height: 6px;
    position: absolute;
    background-color: #333
}

.home-about .box .tit {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    max-height: 30px;
    overflow: hidden;
}

.home-about .box .contss{
    max-height: 144px;
    line-height: 24px;
    overflow: hidden;
}

.home-about .box .more {
    margin-top: 20px
}

.home-about .box .more a {
    color: #333;
    display: inline-block;
    text-decoration: underline
}

.home-about .box .more a:hover {
    color: #e89c05
}

@media (max-width: 1230px) {
    .home-about {
        padding-bottom: 30px
    }

    .home-about .box {
        padding-left: 0;
        width: 40%;
        padding-right: 15px
    }

    .home-about .box:before {
        display: none
    }
}

@media (max-width: 1190px) {
    .home-about .box {
        width: 30%;
        padding-right: 0
    }
}

@media (max-width: 1000px) {
    .home-about {
        padding-top: 0
    }

    .home-about .core-title {
        width: 100%;
        margin: 0;
        padding: 15px;
        position: relative
    }

    .home-about .core-product {
        margin: 0
    }

    .home-about .core-product .list {
        width: 100%
    }

    .home-about .box {
        width: 100%;
        height: auto;
        padding-bottom: 30px
    }

    .home-about .box .tit {
        line-height: 24px;
        font-size: 16px;
        height: 24px;
    }

    .home-about .pic-tu {
        float: left;
        width: 100%
    }
}

@media (max-width: 640px) {
    .home-about .core-product .list {
        border: solid 1px #ccc;
        height: auto
    }

    .home-about .core-product .list:before, .home-about .core-product .list:after {
        display: none
    }

    .home-about .core-product .list li:first-child {
        border: solid 1px #ccc
    }

    .home-about .core-product .list li {
        width: 50%;
        height: auto;
        padding: 25px 0;
        border: solid 1px #ccc
    }

    .home-about .core-product .list li .pic {
        margin-top: 0
    }

    .home-about .font40, .home-about .nfont14 {
        display: none
    }
}

/*分页*/
.pageing {
  text-align: center;
  padding: 4% 0px;
}
.pageing a {
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  color: #898989;
  padding: 7px 12px;
  margin-bottom: 14px;
  display: inline-block;
}
.pageing a:hover {
  background: #e89d08;
  color: #fff;
}
.pageing .active {
  color: #e89c05;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  padding: 7px 14px;
  margin-bottom: 10px;
  display: inline-block;
}
.pro_home .pro_qie {
  width: 100%;
  background: #f7f7f7;
}
.pro_home .pro_qie span {
  display: block;
  width: 12.5%;
  float: left;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding: 1% 0px;
  box-sizing: border-box;
  border-right: 1px solid #e7e7e7;
  border-bottom: 3px solid #f4f4f4;
  cursor: pointer;
}
.pro_home .pro_qie span i {
  font-style: normal;
  height: 30px;
  line-height: 30px;
  width: 90%;
  margin: auto;
  display: block;
  overflow: hidden;
}
.pro_home .pro_qie span:last-child {
  border-right: none;
}
.pro_home .pro_qie span:hover {
  background: #fff;
  border-bottom: 3px solid #e89c05;
}
.pro_home .pro_qie .active {
  background: #fff;
  border-bottom: 3px solid #e89c05;
}
@media (max-width: 640px) {
  .pro_home .pro_qie span {
    width: 50%;
    font-size: 14px;
  }
}
.pro_home .pro_com {
  margin: 3% 0px 3%;
}
.pro_home .pro_com .pro_com_ul {
  display: none;
}
.pro_home .pro_com .pro_com_ul li {
  width: 33.3333%;
  float: left;
  background: #f7f7f7;
}
.pro_home .pro_com .pro_com_ul li a {
  display: block;
  padding: 10% 4%;
  width: 100%;
  height: 100%;
}
.pro_home .pro_com .pro_com_ul li .pic {
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
}
.pro_home .pro_com .pro_com_ul li .pic i {
  display: block;
  padding-bottom: 72%;
}
.pro_home .pro_com .pro_com_ul li .pic img {
  transition: 0.3s;
}
.pro_home .pro_com .pro_com_ul li .text {
  float: right;
  width: 45%;
}
.pro_home .pro_com .pro_com_ul li .text span {
  color: #333;
  font-size: 26px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
  display: block;
}
.pro_home .pro_com .pro_com_ul li .text p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  margin: 10px 0px 20px;
}
.pro_home .pro_com .pro_com_ul li .text .more {
  height: 32px;
  width: 32px;
  background: url(../Images/pro_h2.png) no-repeat;
  display: block;
}
.pro_home .pro_com .pro_com_ul li:hover {
  background: #fbfbfb;
  border-bottom: 3px solid #e4e4e4;
}
.pro_home .pro_com .pro_com_ul li:hover .pic img {
  transform: scale(0.95);
}
.pro_home .pro_com .pro_com_ul li:hover .text span {
  color: #5292c7;
}
.pro_home .pro_com .pro_com_ul li:hover .text .more {
  background: url(../Images/pro_h1.png) no-repeat;
}
@media (max-width: 640px) {
  .pro_home .pro_com .pro_com_ul li {
    border-bottom: 1px dashed #ccc;
    width: 100%;
  }
  .pro_home .pro_com .pro_com_ul li .text span {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }
}
.case_home {
    /*background: #f0efec;*/
    margin: 60px 0px;
    overflow: hidden;
}

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ text-align:center; font-weight:normal; font-size:30px; color:#333}
.title h2 a{ color:#333}
.title em{ display:block; text-align:center; font-size:12px; color:#999; text-transform:uppercase; margin:10px 0; font-family:Arial;}
.title i{ display:block; width:40px; height:3px; background-color:#e89c05; margin:0 auto}
.title p{ font-size:16px; color:#333; text-align:center; margin:10px 0}
/*应用*/
.yingyong { overflow:hidden; width:100%; margin-bottom:60px;}
.yingyong .yybox{overflow:hidden;  max-width: 1400px; margin:0 auto;  margin-top:30px; position:relative}
.yingyong .menu { overflow:hidden; }
.yingyong .menu li{ overflow:hidden; width:100%; height:57px; margin-bottom:2px; background-color:#e9e9e9; }
.yingyong .menu a{ display:block; width:100%; height:100%; font-size:16px; color:#000; text-decoration:none; line-height:57px;}
.yingyong .menu .list span{ display:inline-block; width:27px; height:27px; overflow:hidden; margin-left:15px; position:relative; top:10px; margin-right:10px;}
.yingyong .menu .list span{ *display:inline}
.yingyong .menu .list span img{ display:block; position:absolute; left:0; top:0}
.yingyong .menu .list.cur a{ background-color:#e89c05; color:#fff;}
.yingyong .menu .list.cur img{top:-27px;}
.yingyong .menu .phone{ overflow:hidden; padding-left:68px; width:170px; background:url(../../static/images/yyphone.png) 26px center no-repeat; background-color:#e9e9e9}
.yingyong .menu .phone p{ font-size:13px; color:#666; margin-top:9px;}
.yingyong .menu .phone span{ display:block; font-size:22px; color:#000; font-family:Arial;}
.yingyong .tuwen { overflow:hidden;height:370px;  position:relative; }
.yingyong .tuwenlist{ overflow:hidden; position: relative; width:100%; height:100%;}
.yingyong .tuwen ul{ overflow:hidden; position:absolute}
/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

*/
.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}
.yingyong li.list2{ overflow:hidden;float:left;position:relative;background-color:#fff;}
.yingyong li.list2 img{ display:block;    padding-left: 0px; }
.yingyong li.list2 .wen{ margin-top:40px;}
.yingyong li.list2 h3{ font-weight:normal; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}
.yingyong li.list2 h3 a{ color:#000}
.yingyong li.list2 p{ font-size:14px; line-height:26px; color:#666; overflow:hidden; text-align:justify; margin-bottom:20px;}
.yingyong li.list2 .btn2{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn2 a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; text-decoration:none; float:left; margin-right:7px; background-color:#e89d08;}
.yingyong li.list2 .btn2 a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(../../static/images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(../../static/images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}


/*about+ry*/
.about_ry { overflow:hidden; width:100%; margin:50px 0 30px 0; }
.about_ry .title{ margin-bottom:20px;}
.about_ry .title p {font-size: 16px; color: #666; text-align: center; margin: 10px 0;letter-spacing: 2px;}
.about_ry .title h2{ font-size:30px; font-weight:;}
.about_ry .title em {
    width: 40px;
    height: 2px;
    background: #e89c05;
    margin: 20px auto;
}
.about { overflow:hidden; max-width:1400px; margin:auto;margin-bottom:50px; }
.about dl{ overflow:hidden; width:100%; }
.about dt{  overflow:hidden}
.about dd{margin-top:4%; }
.about dd p{ font-size:15px; color:#555; line-height:28px; text-align:justify; margin-bottom:15px; overflow:hidden}
.about dd a{ display:block; width:116px; height:32px; background:url(../Images/about_btn.png) no-repeat center; margin-top:30px;}


.ry { overflow:hidden; max-width:1315px; height:460px; background:url(../Images/img_k.jpg) no-repeat center 370px; margin:0 auto; display:none}
.ry .rybox{ overflow:hidden;max-width:1400px; margin:0 auto; height:275px; position:relative}
.ry .rybox ul{ overflow:hidden; position:absolute}
.ry .rybox li{float:left;  width:11.5%; height:275px; margin:0 12px;}
.ry .rybox li img{ display:block;width:276px; padding:16px; background:url(../Images/img_bg.jpg) no-repeat center; margin-bottom:28px;}
.ry .rybox li a{ display:block; text-decoration:none; text-align:center; font-size:18px; color:#666}
.ry .btn{ display:block; margin:0 auto; width:116px; height:32px; background:url(../Images/about_btn.png) no-repeat center; margin-top:20px;}

.about_ry .menu { overflow:hidden; margin:0 auto; height:70px; margin-top:50px; position:relative}
.about_ry .menu i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}
.about_ry .menu ul{ overflow:hidden; position:relative; z-index:1; width:348px; height:70px; margin:0 auto;}
.about_ry .menu li{ float:left; width:154px; height:70px; margin:0 10px;}
.about_ry .menu .list{ display:block; text-decoration:none;background:url(../Images/about_02.png) no-repeat center;  line-height:41px; text-align:center; overflow:hidden; width:154px; font-size:16px; color:#666;}
.about_ry .menu span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}
.about_ry .menu span{ *display:inline}
.about_ry .menu em{font-style:normal;}
.about_ry .menu span img{ display:block; position:absolute; left:0; top:0}
.about_ry .menu b{ display:block; width:16px; height:16px; background:url(../Images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}
.about_ry .menu li.cur .list{ background:url(../Images/about_01.png) no-repeat center; color:#fff;}
.about_ry .menu li.cur span img{ top:-28px;}
.about_ry .menu li.cur b{ background:url(../Images/about_yc.png) no-repeat center}

.hp_serviceList{background-color:#fff;overflow: hidden;position:relative;height:755px;width:98%; max-width: 1400px;z-index:2;margin:5% auto;}
.hp_serviceList ul{width:100%;height:92%}
.hp_serviceList li{background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(../Images/banner_web.jpg);width:32.3%;margin:0.5%; height:40%;float:left;overflow:hidden;position:relative;/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);*/transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;}
/*.hp_serviceList li:nth-child(4),.hp_serviceList li:nth-child(5){width:48.9%;height: 47%;}*/
.hp_serviceList li:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:'';transition:background-color .4s ease;-moz-transition:background-color .4s ease;-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease}
.hp_serviceList li a{position:absolute;left:0;top:0;z-index:1;color:#fff;font-size:16px;width:100%;height:100%;display:block}
.hp_serviceList li .item{position:absolute;left:5%;bottom:5%}
.hp_serviceList li .pic{max-width:90px;width:50%;transition:margin-top .4s ease;-moz-transition:margin-top .4s ease;-webkit-transition:margin-top .4s ease;-o-transition:margin-top .4s ease}
.hp_serviceList li a .txt .title{font-size:18px;letter-spacing:2px;margin-top:15px;font-weight:600;}
.hp_serviceList li a .txt .line{height:1px;width:90px;background-color:#fff;transition:transform .4s,margin .4s;-moz-transition:-moz-transform .4s,margin .4s;-webkit-transition:-webkit-transform .4s,margin .4s;-o-transition:-o-transform .4s,margin .4s;-webkit-transform:scaleX(0);margin-bottom:0;margin-top:0}
.moreline{height:1px;width:10%;background-color:#fff;transition:transform .4s,margin .4s;-moz-transition:-moz-transform .4s,margin .4s;-webkit-transition:-webkit-transform .4s,margin .4s;-o-transition:-o-transform .4s,margin .4s;position:absolute;right:8%;bottom:16%}
.hp_serviceList li a .txt .desc{line-height:24px;height:0;opacity:0;transition:opacity .4s,height .4s,;-moz-transition:opacity .4s,height .4s;-webkit-transition:opacity .4s,height .4s;-o-transition:opacity .4s,height .4s}

.hp_serviceList li:hover{background-size:cover;/*-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);*/}
.hp_serviceList li:hover:before{background:rgba(232,156,5,.7)}
.hp_serviceList li:hover a .txt .desc{opacity:1;height:45px;float:right}
.hp_serviceList li:hover a .txt .line{-webkit-transform:scaleX(1);margin-bottom:20px;margin-top:20px}
.hp_serviceList li:hover .moreline{-webkit-transform:scaleX(1.2)}

@media (max-width: 480px){
.hp_serviceList li,.hp_serviceList li:nth-child(4),.hp_serviceList li:nth-child(5) {width: 100%;    height: 20%;}
.hp_serviceList {
    height: 1075px;}
.about_ry {
    margin: 25px 0 0px 0;
}
.about_ry .title h2{ font-size:24px;}
.about_ry .title p {
    font-size: 14px;
    letter-spacing: 0px;
}
.about dd h2 {
  margin-top:15px;
}
}

.main-6 {
   max-width:1400px; margin:100px auto; 
}
.main-6 .left li div:first-child {
	width:10%;color: #e89c05;
	float: left;
	background: #f2f2f2;
	height: 85px;
}

.main-6 .left li {
	border-bottom: 1px solid #dedede;
	list-style-type: none;
}

.main-6 .left li div:last-child {
	width: 88%;
	margin-left: 15%;
	margin-top: 20px ;margin-bottom: 5px;
	line-height: 30px;
}

.main-6 .left li .date {
	padding-top: 15px;
}

.main-6 .left li .date p:first-child {
	text-align: center;
	font-size: 25px;
	height: 30px;
}

.main-6 .left li .date p:last-child {
	text-align: center;
	color: #888;
}

.main-6 .left li .new-1 p {
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.main-6 .left li .new-1 h4 {
	font-size: 18px;color: #333;
}

.main-6 .left li .new-1 h4:hover {
	color: #e89c05;
}
.main-6 .right li {
	max-width: 400px;
	list-style-type: none;
	height: 210px;
	overflow: hidden;
	margin-right: 10px;
}

.main-6 .right li img {
    width: 100%;
	height: 210px;
	cursor: pointer;
	transition: all 0.6s;
	border: none;
}

.main-6 .right li:hover {
	width: 100%;
}

.main-6 .right li:hover img {
	transform: scale(1.1);
	overflow: hidden;
}

.main-6 .right li h4 {
	line-height: 30px;font-size: 16px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	position: relative;
	top: -30px;
	z-index: 10;
	text-align: center;
}

.main-6 .right li:last-child {
	margin-top: 20px;
}

@media (max-width: 640px) {
  .case_home {
    padding: 30px 0px;
  }
}

.homeCour {padding-bottom: 56px; background: url(../images/home_c_bg.jpg) no-repeat center; background-size: cover;}
.homeCourWrap {/*padding: 0 40px;*/}
.homeCourList {margin-top: 40px;}
.homeCourList li {float: left; width: 23%; height: 284px; margin: 0 1%; text-align: center; border-radius: 5px; overflow: hidden; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeCourList li a {/*background: #00CA9D;*/ height: 100%; display: block; /*padding: 32px 24px 10px 24px;*/ box-sizing: border-box; position: relative;}
.homeCourList li .pic {width: 160px; height: 160px; line-height: 160px; margin: 0 auto 0; margin-top: 20px; border-radius: 50%; background-color: #fff; }
.homeCourList li .pic img {width: auto; vertical-align: middle;}
.homeCourList li h3 {margin-top: 18px; font-size: 16px; line-height: 28px;}
.homeCourList li h4 {color: #b2b2b2; line-height: 24px;}
.homeCourList li p {padding:0 26px; margin-top: 15px; color: #666; /*height: 146px;*/ line-height: 32px; font-size: 16px; overflow: hidden;} 
/*.homeCourList li:hover {margin-top: -24px; background: #00CA9D;box-shadow: 0 0 20px 0 #aeded3;}*/
/*.homeCourList li:hover h3, .homeCourList li:hover h4, .homeCourList li:hover p {color: #fff;}*/
.homeCourInner {/*display: none;*/ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.homeCourTxt {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 22;}
.homeCourList li .homeCourTxt h3 {margin-top: 120px; margin-bottom: 4px; /*color: #fff;*/ font-size: 20px;}
/*.homeCourList li .homeCourTxt h3 {color: #00CA9D;}*/
.homeCourList li.on {margin-top: -24px;}
/*.homeCourList li.on a {background: #00CA9D;}*/
.homeCourList li.on .homeCourInner {top: -60px; left: 80px; opacity: 0; filter:alpha(opacity=0);  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} 
.homeCourList li.on .homeCourInner h3,
.homeCourList li.on .homeCourInner h4 {display: none;}



.case_home .case_com {
  width: 98%;
  margin: auto;
  /*max-width: 1400px;*/
}
.case_home .case_com .top {
  color: #333;
  text-align: center;
}
.case_home .case_com .top span {
  font-size: 30px;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
  letter-spacing: 3px;margin-top:5px;
}

@media (max-width: 640px) {
    .case_home .case_com .top span {
        font-size: 24px;
        line-height: 30px;
        height: 30px;
    }
    .case_home .case_com .top i {
        font-size: 14px;
        letter-spacing: 0px;
    }
}
.case_home .case_com .top i {
    font-size: 16px;
    color: #666;
    font-family: kartika;
    font-style: normal;
    letter-spacing: 3px;
    display: block;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    width: 100%;
}
.case_home .case_com .top em {
  width: 40px;
  height: 2px;
  background: #e89c05;
  margin: auto;
  display: inline-block;
}
.sec_top{height:55vh;display:flex;justify-content:center;margin:60px 0 100px 0}
.sec_top .cents,.sec_top .lfs,.sec_top .rts{position:relative;flex:1}
.sec_top .flexbox{overflow:hidden;    padding: 0 1px;}
.sec_top .flexbox:hover .picbox img{transform:translateY(-4%)}
.sec_top .flexbox:hover .textbox{opacity:0}
.sec_top .flexbox:hover .texthover{opacity:1;bottom:0}
.sec_top .picbox{width:100%;height:100%;overflow:hidden}
.sec_top .picbox img{transition:All .5s ease;width:100%;height:105%;display:block;object-fit:cover}
.sec_top .rgb{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.2);left:0;top:0}
.sec_top .textbox{transition:All .5s ease;position:absolute;box-sizing:border-box;left:50px;bottom:30px;padding-right:50px}
.sec_top .textbox p.textcls{background:hsla(0,0%,100%,.5);color:#333;padding-left:10px;font-size:22px}
.sec_top .textbox p{color:#fff;text-transform:uppercase;font-weight:600;margin-bottom:5px;margin-top:0;letter-spacing:3px;position:relative;font-size:22px}
.sec_top .textbox .line{width:80px;height:2px;background-color:#fff;margin-bottom:30px;overflow:hidden}
.sec_top .textbox .line .linered{min-height:0;height:2px;width:80px;background-color:#e89d08;transform:rotate(0deg) scale(1) translate(-50%);transition:all .5s ease}
.sec_top .textbox .name{color:#fff;text-transform:capitalize;font-size:17px;font-weight:600;line-height:1.2em;letter-spacing:1px}

.sec_top .texthover{opacity:0;transition:All .5s ease;background:rgba(232,157,8,.4);width:100%;height:100%;position:absolute;bottom:-100%;left:0;display:flex;justify-content:center;align-items:center}
.sec_top .texthover a{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.sec_top .texthover .txt_info{min-width:0;z-index:auto;padding-left:0;padding-top:0;margin-top:50px;right:30px;text-align:center}
.sec_top .texthover .txt_info p{color:#fff;text-transform:uppercase;font-weight:400;margin-bottom:20px;margin-top:0;font-family:Oswald;letter-spacing:3px}
.sec_top .texthover .txt_info .line{width:100px;height:1px;min-height:0;color:#734343;background-color:#fff;margin-bottom:20px;overflow:hidden;margin-left:auto;margin-right:auto}
.sec_top .texthover .txt_info .name{margin-bottom:0;color:#fff;text-transform:capitalize;font-size:20px;font-weight:700;line-height:1em;letter-spacing:1px;margin-top:0;padding-top:0}
.sec_top .texthover .txt_info .icond{min-height:40px;min-width:40px;width:40px;height:40px;margin-left:auto;margin-right:auto;margin-top:30px;color:#fff;cursor:pointer}
.sec_top .texthover .txt_info .icond i{font-size:24px}
.sec_top .txt_info .txt{color:#fff;margin-top:10px; text-transform:capitalize;font-size:15px;line-height:1.2em;letter-spacing:1px}


@media (max-width: 640px) {
    .sec_top {
        height: auto;
        display: inherit;
        margin: 60px 0 0px 0;
    }
}
@media (max-width: 480px) {
    .sec_top {
        height: auto;
        display: inherit;
        margin: 60px 0 0px 0;
    }
}


.fs24 { font-size: 32px;}
.columnTitle{border-bottom:solid 1px #eaeaea;height:65px;text-align:center;line-height:42px;margin-bottom:50px;}
.columnTitle .desc{background:#fff;color:#666;padding-left:10px;padding-right:10px;width:500px;letter-spacing: 2px;text-align:center;margin-left:auto;margin-right:auto;font-size:16px}
.hp_clientsList{background-color:#fff;position:relative;width:100%;overflow:hidden;z-index:2;padding-top:55px}
.hp_clientsList .txt{text-align:center}
.hp_clientsList .txt .title{font-size:26px;font-weight:700;color:#df3739;margin-top:0px}
.hp_clientsList .txt .desc{font-size:18px;margin-top:5px;color:#333}
.hp_clientsList ul{margin-top:60px;margin-bottom:60px;width:100%;border-bottom:solid 1px #eaeaea;border-left:solid 1px #eaeaea}
.hp_clientsList ul li{width:calc(100%/6);height:120px;float:left;text-align:center;position:relative;overflow:hidden;padding:0}
.hp_clientsList ul li .clientLogo{border:solid 1px #eaeaea;border-bottom-width:0;border-left-width:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .3s;margin:0;width:100%;height:100%;background-image:url(../Images/client_logo1.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-color:#fff;/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)*/}
.hp_clientsList ul li .clientLogo:before{background-color:rgba(255,255,255,.2);position:absolute;width:calc(96%);height:calc(96%);left:2%;top:2%;content:""}
.hp_clientsList ul li:hover .clientLogo{border-width:10px;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0)}
.hp_clientsList ul li:hover .clientLogo:before{background-color:rgba(255,255,255,0)}

.new_home {
  width: 100%;
  margin: 3% auto;
  max-width: 1400px;
}
.new_home .right_new li {
  width: 24%;
  float: left;
  background: #f5f6f6;
  margin-right: 1%;
}
.new_home .right_new li:last-child {
  margin-right: 0px;
}
.new_home .right_new .pic {
  position: relative;
}
.new_home .right_new .pic i {
  display: block;
  padding-bottom: 31.297709923664126%;
}
.new_home .right_new .text {
  padding: 7.2% 10px;
}
.new_home .right_new .text h4 {
  color: #373737;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.new_home .right_new .text time {

  font-family: arial;
  color: #989898;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
}
.new_home .right_new .text p {
  color: #7e7e7e;
  font-size: 13px;
  line-height: 22px;
  height: 44px;
  width: 100%;
  overflow: hidden;
}



@media (max-width: 640px) {
  .new_home .left_new {
    width: 100%;
    margin-bottom: 10px;
  }
  .new_home .right_new {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .new_home .left_new .pic {
    width: 100%;
  }
  .new_home .left_new .text {
    width: 100%;
    margin: 0px;
  }
  .new_home .right_new li {
    width: 100%;
    margin-bottom: 10px;
  }
  .columnTitle .desc {
        width: 100%;
        letter-spacing: 0px;
        font-size: 14px;
    }
}
.links {
  width: 98%;
  margin: auto;
  max-width: 1400px;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
}
.links span {
  width: 5%;
  max-width: 60px;
  float: left;
  background: url(../Images/link_bg.jpg) no-repeat left top;
  display: block;
  line-height: 32px;
  color: #333333;
  font-size: 14px;
}
.links .link_a {
  width: 94%;
  float: right;
  line-height: 32px;
}
.links .link_a a {
  display: inline-block;
  padding: 0px 5px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
}
.links .link_a a:hover {
  color: #0083c7;
}
@media (max-width: 768px) {
  .links span {
    width: 10%;
    float: left;
  }
  .links .link_a {
    width: 84%;
    float: right;
  }
}
@media (max-width: 640px) {
  .links span {
    width: 100%;
  }
  .links .link_a {
    width: 100%;
  }
}
.footer {
  background: #2c2f34;
  width: 100%;

}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 90px;
  }
}
.footer_com {
  max-width: 1400px;
  width: 98%;
  margin: auto;
  padding: 3% 0px;
}
.footer_com .di_nav {
  width: 55%;
  float: left;
}
.footer_com .di_nav li {
  width: 25%;
  float: left;
  border-left: 1px solid #424449;
  padding-left: 15px;
}
.footer_com .di_nav li a {
  display: block;
  color: #97989a;

  line-height: 24px;
  height: 24px;
  overflow: hidden;
  width: 100%;
}
.footer_com .di_nav li a:hover {
  color: #e89c05;
}
.footer_com .di_nav li .tit {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  color: #fff;
  margin-bottom: 10px;
}
.footer_com .er_right {
  width: 40%;
  float: right;
}
.footer_com .er_right .er {
  width: 22%;
  float: left;
}
.footer_com .er_right .er .pic {
  position: relative;
}
.footer_com .er_right .er .pic i {
  display: block;
  padding-bottom: 100%;
}
.footer_com .er_right .er .pic img {
  padding: 10px;
  border: 1px solid #444;
  box-sizing: content-box;
}
.footer_com .er_right .er .text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-left: 10px;
}
.footer_com .er_right .er .text span {
  display: block;
  line-height: 25px;
  height: 25px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
.footer_com .er_right .er .text span:last-child {
  color: #aeaeae;

}
.footer_com .er_right .dian {
  width: 55%;
  float: right;
}
.footer_com .er_right .dian .di_bg {
  background: url(../Images/di_dian.png) no-repeat left;
  padding-left: 52px;
}
.footer_com .er_right .dian span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer_com .er_right .dian a {
  display: block;
  color: #ffffff;
  font-size: 1.8em;
  font-family: Pabloco;
}
.footer_com .er_right .dian .map_a {
  border: 1px solid #e89c05;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  width: 70%;
  height: 40px;
  line-height: 37px;
  margin-top: 20px;
}
.footer_com .er_right .dian .map_a:hover {
  font-weight: 700;
}
@media (max-width: 768px) {
  .footer_com .di_nav {
    display: none;
  }
  .footer_com .er_right {
    width: 100%;
    padding: 5% 0px;
  }
  .footer_com .er_right .er {
    width: 30%;
  }
  .footer_com .er_right .er .pic i {
    padding-bottom: 31.25%;
  }
  .footer_com .er_right .dian {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .footer_com .er_right .er {
    width: 100%;
  }
  .footer_com .er_right .er .text {
    padding-left: 0px;
  }
  .footer_com .er_right .dian {
    width: 100%;
    display: block;
  }
  .footer_com .er_right .dian span {
    font-size: 14px;
    display: none;
  }
  .footer_com .er_right .dian a {
    font-size: 18px;
    display: none;
  }
  .footer_com .er_right .dian .map_a {
    display: block;
    margin: 15px auto 0px;
  }
}
.copy {
  width: 100%;
  margin: auto;
  border-top: 1px solid #484848;
  padding: 15px 0px;
  color: #505256;

}
.copy .copy_cc {
  max-width: 1400px;
  width: 98%;
  margin: auto;
}
.copy .amap {
  float: left;
}
.copy .amap:hover {
  color: #0083c7;
}
.copy span {
  width: 60%;
  display: inline-block;
  line-height: 20px;
}
.copy .y_a {
  float: right;
}
.copy .y_a .map {
  margin-right: 10px;
  display: none;
}
.copy .y_a .map:hover {
  color: #0083c7;
}
@media (max-width: 640px) {
  .copy {
    text-align: center;
  }
  .copy .amap {
    display: none;
  }
  .copy span {
    width: 100%;
  }
  .copy .y_a {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .copy .y_a .map {
    display: inline-block;
  }
}
/*-phone-nav-*/
.phone-nav {
  position: absolute;
  right: 1%;
  margin-right: 15px;
  display: none;
  color: #fff;
  z-index: 9;
  padding-top: 22px;
}
.phone-nav span {
  color: #e89c05;
  font-size: 30px;
}
@media (max-width: 980px) {
  .phone-nav {
    display: block;
  }
}
.com_zi {
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.com_zi .left_zi {
  width: 247px;
  float: left;
  border-right: 1px solid #f5f5f5;
}
.com_zi .left_zi .top_com {
  background: url(../Images/left_top_bg.jpg) no-repeat;
  min-height: 170px;
  padding-top: 70px;
  position: relative;
}
.com_zi .left_zi .top_com span {
  font-size: 27px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  width: 100%;
  display: block;
  overflow: hidden;
  color: #fff;
    text-align: center;
}
.com_zi .left_zi .top_com:after {
  content: url(../images/after_top.png);
  position: absolute;
  left: 0px;
  top: -33px;
  width: 374px;
  height: 33px;
  z-index: 9999;
}
.com_zi .left_zi .nav_left {
  border-left: 8px solid #e5e5e5;
  padding: 0px 6px;
  position: relative;
}
.com_zi .left_zi .nav_left li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 30px;
  position: relative;
}
.com_zi .left_zi .nav_left li a {
  font-size: 14px;
  color: #666666;
  display: block;
  width: 100%;
  padding-right: 12px;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  background: url(../Images/li_san.png) right center no-repeat;
}
.com_zi .left_zi .nav_left li:hover a {
  color: #e89d08;
  font-weight: 700;
}
.com_zi .left_zi .nav_left li .er {
  padding: 0px 0px 10px;
}
.com_zi .left_zi .nav_left li .er a {
  color: #999;
  line-height: 24px;
  height: 24px;
  background: none;
  font-weight: 500;
}
.com_zi .left_zi .nav_left li .er a:hover {
  color: #e89d08;
}
.com_zi .left_zi .nav_left .active a {
  color: #e89d08;
  font-weight: 700;
}
.com_zi .left_zi .nav_left:before {
  content: "";
  position: absolute;
  height: 46px;
  width: 13px;
  top: 0px;
  left: -13px;
  background: #e89d08;
}
.com_zi .left_zi .pro_lei {
  border: 1px solid #f5f5f5;
  margin-top: 40px;
}
.com_zi .left_zi .pro_lei .top {
  background: #e89c05 url(../Images/li_lei.png) no-repeat 20px center;
  padding-left: 40px;
  height: 38px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}
.com_zi .left_zi .pro_lei .pro_l_nei {
  padding: 20px 5px 10px;
  border-bottom: 1px solid #F5F5F5;
}
.com_zi .left_zi .pro_lei .pro_l_nei .pic {
  width: 100%;
  position: relative;
}
.com_zi .left_zi .pro_lei .pro_l_nei .pic i {
  display: block;
  padding-bottom: 69.12442396313364%;
}
.com_zi .left_zi .pro_lei .pro_l_nei p {
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
}
.com_zi .left_zi .pro_lei .left_g_new {
  padding: 20px;
}
.com_zi .left_zi .pro_lei .left_g_new li a {
  color: #686868;
  font-size: 13px;
  line-height: 27px;
  height: 27px;
  overflow: hidden;
  widows: 100%;
  display: block;
  background: url(../Images/li_dian1.jpg) no-repeat left center;
  padding-left: 10px;
}
.com_zi .left_zi .pro_lei .left_g_new li a:hover {
  color: #e89d08;
  font-weight: 700;
}

 .listBox{border-left: 8px solid #e5e5e5;}
 .listBox dt{
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
	color: #666;	
	border-bottom: 1px solid #e5e5e5;
    padding: 0px 20px;
	line-height: 54px;
	margin-left: 10px;
	background: url(../images/li_san.png) right center no-repeat;
	background-position: 200px 22px;
}
	.listBox dl.list_inner{
    display: none;
    margin: 0;
    padding: 0;
}
	.listBox dl.list_inner dd a{
    padding: 0.7em 2em;
    padding-left: 30px;
    display: block;
	text-decoration: none;
    color: #666;
}
	.listBox dl.list_inner dd a {
    font-size: 14px;
    color: #999;
    font-family: "微软雅黑";
    display: block;
    width:90%;
    padding-right: 12px;
    overflow: hidden;
    /*height: 20px;*/
    line-height: 20px; 
}

#bot {
   color: #e89d08;
    font-weight: 700;
}

@media (max-width: 640px) {
  .com_zi .left_zi {
    display: none;
  }
}
.com_zi .right_zi {
  width: 78%;
  float: right;
}
.com_zi .right_zi .bar {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0px 10px;
}
.com_zi .right_zi .bar .b_tt {
  float: left;
  font-size: 18px;
  font-weight: 500;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30%;
  overflow: hidden;
}
.com_zi .right_zi .bar .curbar {
  float: right;
  text-align: right;

  color: #6e6e6e;
  width: 68%;
  vertical-align: middle;
  margin-top: 12px;
}
.com_zi .right_zi .bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar a:hover {
  color: #e89c05;
}
.com_zi .right_zi .bar .curbar i {
  font-style: normal;
  /*max-width: 100px;*/
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar i:last-child {
  color: #000;
  border-bottom: 1px solid #e89d08;
}
@media (max-width: 640px) {
  .com_zi .right_zi .bar {
    padding: 15px 0px 10px 10px;
  }
  .com_zi .right_zi .bar .b_tt {
    width: 100%;
  }
  .com_zi .right_zi .bar .curbar {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .com_zi .right_zi {
    width: 75%;
  }
}
@media (max-width: 980px) {
  .com_zi .right_zi {
    width: 70%;
  }
}
@media (max-width: 786px) {
  .com_zi .right_zi {
    width: 65%;
  }
}
@media (max-width: 640px) {
  .com_zi .right_zi {
    width: 100%;
    padding-right: 0px;
  }
}
/*新闻页面*/
.news_zi_ul {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 5% 0px;
}
.news_zi_ul li a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 30px 10px;
  transition: 0.5s;
}

.news_zi_ul li:nth-child(2n+1){
  background: #f7f7f7;
}

.news_zi_ul li a .left {
  width: 78%;
  float: left;
}
.news_zi_ul li a .left h4 {
  font-size: 15px;
  color: #333;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  font-weight: 700;
}
.news_zi_ul li a .left p {
  font-size: 13px;
  color: #666;
  line-height: 22px;
  overflow: hidden;
  height: 44px;
  width: 100%;
}
.news_zi_ul li a .right {
  width: 18%;
  float: right;
  text-align: right;
  overflow: hidden;
}
.news_zi_ul li a .right time {
  display: block;
  font-size: 18px;
  color: #9e9e9e;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  width: 100%;
}
.news_zi_ul li a .right span {
  display: block;
  font-size: 13px;
  color: #494949;
  padding-right: 15px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}
.news_zi_ul li a .right i {
  height: 31px;
  display: inline-block;
  width: 31px;
  background: url(../Images/news_n1.png);
  position: relative;
  right: 15px;
  transition: 0.5s;
}
.news_zi_ul li a:hover {
  background: rgba(17,115,232,0.1);
}
.news_zi_ul li a:hover .right i {
  background: url(../Images/news_n2.png);
}
.pro_p {
  line-height: 30px;
  color: #666;
  font-size: 16px;
  margin: 4% 0px;
}
.n-title{ padding-bottom: 0.5rem; border-bottom: 1px #DFDFDF solid; text-align: center;width:100%;}
.n-title h1{ font-size: 1.9rem; font-weight: 400;padding-bottom: 0.8rem;}
.n-title .inf{ color: #999; font-size: .875rem;}

.article-come {
	line-height: 26px;
	margin-top: 15px;
	text-align: center;
	color: #999999;
}
.article-come span {
	margin: 0 10px;
	padding-left: 28px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.article-come .bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.article-come .span-date {
	background: url(../images/article_time.png) no-repeat left;
}
.article-come .span-num {
	background: url(../images/article_num.png) no-repeat left;
}
.article-come .span-share {
	padding-left: 0;
}


@media (max-width: 640px) {
  .pro_p {
    padding-left: 10px;
  }
}


.xianhuotable{border-spacing:0; }
.xianhuotable tr th{text-align: center; border:1px solid #cd8901; background: #e89c05; padding:15px 0; font-size:16px; font-weight: normal;color:#fff;}
.xianhuotable tr td{text-align: center; border:1px solid #ccc; padding:15px 0;color:#555;}
.xianhuotable tr:nth-child(2n+1){text-align: center; border:1px solid #ccc; padding:10px 0;color:#555; background: #ededed; }

.pro_zi_ul li {
  border: 5px solid #eaeaec;
  width: 30.6%;
  float: left;
  padding: 20px;
  margin-bottom: 4%;
  margin-right: 4%;
}
.pro_zi_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.pro_zi_ul li .pic {
  position: relative;
  display: block;
  overflow: hidden;
}
.pro_zi_ul li .pic i {
  display: block;
  padding-bottom: 69.12442396313364%;
}
.pro_zi_ul li .pic img {
  transition: 0.5s;
}
.pro_zi_ul li .pic:hover img {
  transform: scale(1.1);
}
.pro_zi_ul li .text {
  text-align: center;
}
.pro_zi_ul li .text p {
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.pro_zi_ul li .text a {

  font-weight: 700;
  color: #fff;
  background: #e89d08;
  padding: 5px 18px;
  border-radius: 10px;
}
.pro_zi_ul li .text a:hover {
  background: #3C3C3C;
}
@media (max-width: 980px) {
  .pro_zi_ul li {
    width: 48.5%;
    margin-right: 3%;
  }
  .pro_zi_ul li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .pro_zi_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
}
@media (max-width: 480px) {
  .pro_zi_ul li {
    width: 100%;
    margin-right: 0px;
  }
}

/*影集*/
.l {
    float: left;
}
.r {
    float: right;
}
.about_t3{ height:60px; overflow:hidden; line-height:60px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:30px; color:#333333; letter-spacing:5px; margin-top:3%;}
.about_bg3 h1{ color:#666; font-size:30px;text-align:center;}
.title_t3{ color:#666; font-size:14px;width:80%;margin:10px auto;text-align:center;}
.title_t4{ margin:30px auto;border:1px solid #ededed;padding:25px;}
.title_t4 p{ color:#666; font-size:14px; line-height:26px;}
.zhaopin{ color:#000; font-size:14px;background:#eee; line-height:36px;text-align:center;margin-bottom:20px;}
.zhaopin b{ color:#e89c05; font-size:14px; line-height:26px;}
.Photo_ul{ width:100%; padding-bottom:20px;margin-top:80px;}
.Photo_ul ul li{ display:block; overflow:hidden;}
.Photo_ul ul li a{  display:block;}
.Photo_ul ul li .imgs{ width:45%; overflow:hidden;}
.Photo_ul ul li .imgs img{border-radius:30px; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.Photo_ul ul li .Photo_box{ width:50%; overflow:hidden;}
.Photo_ul ul li .Photo_box .Photo_txt{ width:90%; margin:90px auto; max-width:700px;font-size:14px;}
.Photo_ul ul li .Photo_box .Photo_txt em{ display:block;  color:#22396f; margin-top:15%; margin-bottom:7%; }
.Photo_ul ul li .Photo_box .Photo_txt h2{font-size:24px; letter-spacing:2px; overflow:hidden; height:36px; line-height:36px;margin:5% 0;}
.Photo_ul ul li .Photo_box .Photo_txt p{ line-height:26px;font-size:16px;color:#666;   overflow:hidden;}
.Photo_ul ul li .Photo_box .Photo_txt label{ width:40%; height:30px; display:block; line-ooter_com .er_right .dian a:30px; padding-top:3%; padding-bottom:3%; border:1px solid #666666;color:#666666; text-align:center; cursor:pointer; margin-top:8%; clear:both; font-size:16px;}
.Photo_ul ul li .Photo_box .Photo_txt label:Hover{ border:1px solid #22396f;color:#22396f;}
.Photo_ul ul li a:hover .Photo_box .Photo_txt h2{ color:#22396f;}
.Photo_ul ul li a:hover .imgs img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}

@media screen and (max-width: 1440px) {
       .kuan_heaaer .nav_div .nav_ul li {
  width: 14%;
}
.Photo_ul ul li .Photo_box .Photo_txt em{ margin-top:5%;}
}

@media screen and (max-width: 1100px) {
.Photo_ul ul li .Photo_box .Photo_txt{ font-size:14px;}
.Photo_ul ul li .Photo_box .Photo_txt em{ margin-bottom:3%;}
.Photo_ul ul li .Photo_box .Photo_txt label{ margin-top:4%;}
.Photo_ul ul li .Photo_box .Photo_txt h2{ font-size:18px; line-height:30px; height:30px;}
}


/* ################ job-post-details-area ################ */
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.single-job{
    border: 1px solid #e89d08;
    background: #fff;
    padding: 18px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
}
.single-job2{
    background: #f0f0f0;
    padding: 18px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
}
.titlez h4 {font-size: 20px;line-height: 28px;margin-bottom: 10px; font-weight: 600;}
.titlez h4 a {color: #333333;}
.titlez h4 a:hover {color: #e89c05;}
.meta-info{color: #e0e0e0;}
.meta-info p {margin: 0;padding: 0;color: #666666; font-size: 15px;line-height: 30px;}
.meta-info p em {
    width: 1px;
    height: 14px;
    background: #e0e0e0;
    margin: 0 8px;
    display: inline-block;
}
.fanhui{margin:auto;    text-align: center;}
.fanhui a{background:#e89d08; color: #fff;border:1px solid #e89d08;padding:5px 15px;}

.job-post-details-area .single-job {
  padding: 18px;
  margin-bottom: 5px;
  border: 1px solid #EEEFF1;
  -webkit-box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.1); }

.job-post-details-area .titlez h3 {
  font-size: 22px;
  line-height: 25px;
  margin: 5px 0; }
  .job-post-details-area .titlez h3 a {
    color: #333333; }

.job-post-details-area .meta-info p {
  margin: 0;
  padding: 0;
  margin-right: 15px;
  color: #666666;
  font-size: 14px; }
  .job-post-details-area .meta-info p i {
    margin-right: 5px;
    color: #C0BEBE;
    font-size: 14px; }

.job-post-details-area .job-post-list .sidebar-title {
  margin-bottom: 15px; }
  .job-post-details-area .job-post-list .sidebar-title h3 {
    font-size: 22px; }
    .job-post-details-area .job-post-list .sidebar-title h3:before {
      left: 0; }
    .job-post-details-area .job-post-list .sidebar-title h3:after {
      left: 25%; }

.job-post-details-area .job-post-list .single-job {
  margin-bottom: 15px; }
  .job-post-details-area .job-post-list .single-job:last-child {
    margin-bottom: 0; }

.job-post-details-area .job-post-list .time-btn a {
  border: 1px solid #27AE60;
  padding: 8px 15px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 16px;
  color: #27AE60;
  font-size: 14px; }
  .job-post-details-area .job-post-list .time-btn a:hover {
    border: 1px solid #2EA2DB;
    color: #2EA2DB; }

.job-post-details-area .job-post-list a {
  color: #333333; }

.job-post-details-area .dec-title h4 {
  font-size: 18px;
  color: #333333; }

.single-job {
  display: table;
  width: 100% !important; }
  .single-job .logo {
    width: 65px;
    float: left; }
    .single-job .logo img {
      width: 100%; }
  .single-job .job-meta {
    width: calc(100% - 154px);
    padding-left: 10px;
    float: left; }
    @media (max-width: 574px) {
      .single-job .job-meta {
        width: calc(100% - 80px); } }
  @media (max-width: 574px) {
    .single-job .timing {
      margin-left: 75px !important; } }
  @media (max-width: 767px) {
    .single-job .time-btn {
      margin-top: 5px; } }
  @media (max-width: 574px) {
    .single-job .meta-info {
      display: block !important; } 
    .meta-info p em {
    display: none;
}
  }

.time-btn {
    border: 1px solid;
    padding: 2px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 12px;
    width: auto;
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 780px) {
/*影集*/
.Photo_ul ul li{ margin-bottom:30px;    width: 100%;    height: auto;}
.Photo_ul ul li .imgs{ width:96%; margin-left:2%; margin-right:2%;}
.Photo_ul ul li .Photo_box{ width:100%;}
.Photo_ul ul li .Photo_box .Photo_txt{ width:96%; margin:0 2%;}
.Photo_ul ul li .Photo_box .Photo_txt label{ padding-top:2%; padding-bottom:2%; width:30%;}

}


/*button*/
.tsf-button2{margin-top:30px}
.tsf-button2 a:hover{    
    background-color: #e89c05;
    color: #fff;
}
.tf-button {
  display: inline-block;
  font-size: 14px !important;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  padding-right: 52px;
  text-transform: uppercase;
  width: 180px;
}
.tf-button {
  background-color: transparent;
  border: 1px solid #ddd;
  color: #e89c05;
  border-radius:50px;
}
.tf-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.tf-button::before {
  /*background-color: #e89d08;*/
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  transform: skewX(25deg);
  width: 52px;
  transition: 0.3s;
  z-index: -1;
}
.tf-button::after {

  right: 30px;
  content: '';
    border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tsf-button a {
  position: relative;
  z-index: 5;
}
.tsf-button a:hover {
  color: #fff;
}
.tf-button:hover::before {
  right: 0;
  transform: skewX(25deg);
  width: 100%;
}
.btn {
    display: inline-block;
    padding: 10px 42px;
    margin-bottom: 0;margin-right:5%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default   { background-color: #f55;
                 border: 0px solid;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    padding: 12px 17px;
    cursor: pointer;
}



/*移动端底部导航*/
.phonefooternav {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99999;
}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #666;
  list-style: none;
}
.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .phonefooternav {
    display: block;
  }
}
@media (max-width: 480px) {
  .phonefooternav ul li {
    padding: 3px 0px;
  }
  .phonefooternav ul li a i {
    padding: 2px 0px;
  }
}
.w1004 {
  max-width: 1400px;
  margin: auto;
  border-radius: 5px;
  width: 98%;
  padding: 3% 0px;
}
.map {
  margin: 0 auto;
}
.map dl {
  margin: 20px 0 20px 0;
  overflow: hidden;
  line-height: 30px !important;
}
.map dl:hover dt a {
  color: #fff;
  font-weight: bold;
}
.map dt {
  font-size: 14px;
  float: left;
  width: 10%;
  text-align: center;
  background: #e89d08;
}
.map dt a {
  color: #fff;
  display: block;
}
.map dt a:hover {
  color: #fff;
  font-weight: bold;
}
.map dd {

  overflow: hidden;
  float: left;
  width: 85%;
  margin: 0px;
}
.map dd .p2 {
  padding: 0 0 0 20px;
  clear: both;
}
.map dd .p2 a {
  color: #e89d08;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.map dd .p2 a:hover {
  color: #e89d08;
}
.map dd div {
  clear: both;
  overflow: hidden;
  padding: 0px 20px 0 10px;
}
.map dd div a {
  color: #333;
  float: left;
  padding: 0 10px 0 10px;
}
.map dd div a:hover {
  color: #003e7e;
  background: #e89d08;
  color: #fff;
}
@media (max-width: 768px) {
  .map dt {
    width: 15%;
  }
  .map dd {
    width: 85%;
  }
}
@media (max-width: 640px) {
  .map dt {
    width: 20%;
  }
  .map dd {
    width: 80%;
  }
}
@media (max-width: 400px) {
  .map dt {
    width: 100%;
  }
  .map dd {
    width: 100%;
  }
}
/*典型业绩*/
.case_zi_ul {
  width: 100%;
}
.case_zi_ul li {
  width: 32.3%;
  float: left;
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
.case_zi_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.case_zi_ul li .pic {
  position: relative;
  display: block;
  overflow: hidden;
}
.case_zi_ul li .pic i {
  display: block;
  padding-bottom: 76.56765676567657%;
}
.case_zi_ul li .pic img {
  transition: 0.5s;
}
.case_zi_ul li .text {
  background: #f6f6f6;
  padding: 20px 10px 20px;
}
.case_zi_ul li .text p {
  color: #666;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 700;
  padding: 0px 10px;
  width: 100%;
  overflow: hidden;
}
.case_zi_ul li .text a {
  color: #999;
  font-size: 14px;
  padding: 0px 10px;
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.case_zi_ul li:hover .pic img {
  transform: scale(1.1);
}
.case_zi_ul li:hover .text {
  background: #e89d08;
}
.case_zi_ul li:hover .text p {
  color: #fff;
  border-color: #86b7dc;
}
.case_zi_ul li:hover .text a {
  color: #fff;
}
@media (max-width: 980px) {
  .case_zi_ul li {
    width: 49%;
    margin-right: 2%;
  }
  .case_zi_ul li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .case_zi_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
}
@media (max-width: 980px) {
  .case_zi_ul li {
    margin-bottom: 10px;
  }
  .case_zi_ul li .text {
    padding-bottom: 20px;
  }
}
.case_show .case_s1 {
  padding: 4% 0px;
}
.case_show .case_s1 .pic_l {
  width: 50%;
  float: left;
  position: relative;
}
.case_show .case_s1 .pic_l i {
  display: block;
  padding-bottom: 76.90631808278867%;
}
.case_show .case_s1 .text_r {
  width: 50%;
  float: right;
  padding: 20px;
}
.case_show .case_s1 .text_r h4 {
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  color: #333333;
  width: 100%;
  overflow: hidden;
}
.case_show .case_s1 .text_r p {
  line-height: 26px;
  color: #808080;
}
@media (max-width: 480px) {
  .case_show .case_s1 .pic_l {
    width: 100%;
  }
  .case_show .case_s1 .text_r {
    width: 100%;
  }
}
.xi_guan {
  background: url(../Images/guan_xian.jpg) repeat-x top;
  margin-bottom: 4%;
  padding-top: 1px;
}
.xi_guan .guan_c {
  width: 100%;
  max-width: 520px;
  margin: auto;
  background: #e89d08;
  height: 42px;
  line-height: 42px;
}
.xi_guan .guan_c span {
  display: block;
  width: 33%;
  margin: auto;
  font-size: 16px;
  color: #fff;
  background: #0f80d4;
  font-weight: 700;
  text-align: center;
}
.down_ul {
  border-bottom: 1px solid #e5e5e5;
  padding: 5% 0px;
}
.down_ul li {
  line-height: 38px;
  height: 38px;
  padding: 0px 10px;
}
.down_ul li a {
  display: block;
  height: 100%;
  color: #666;
  font-size: 13px;
}
.down_ul li a span {
  display: inline-block;
  width: 80%;
  background: url(../Images/down_tu.png) no-repeat left center;
  padding-left: 30px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
}
.down_ul li a time {
  display: inline-block;
  width: 18%;
  float: right;
  text-align: right;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
}
.down_ul li:nth-child(2n+2) {
  background: #e9e9e9;
}
.down_ul li:hover a {
  font-weight: 700;
}
@media (max-width: 480px) {
  .down_ul li a span {
    width: 70%;
  }
  .down_ul li a time {
    width: 27%;
  }
}
.honor_ul {
  padding: 5% 0px;
}
.honor_ul li {
  width: 23%;
  margin: 0px 5.15% 2%;
  float: left;
}
.honor_ul li .pic {
  position: relative;
  border: 1px solid #c5c5c5;
  box-shadow: 2px 2px 2px #e6f0f8;
}
.honor_ul li .pic img {
  padding: 3px;
}
.honor_ul li .pic i {
  display: block;
  padding-bottom: 68.80733944954129%;
}
.honor_ul li p {
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 786px) {
  .honor_ul li {
    width: 46%;
    margin: 0px 2%;
  }
}
.jia_more {
  width: 131px;
  height: 31px;
  line-height: 29px;
  text-align: center;
  color: #666;
  border: 1px solid #bebebe;
  display: block;
  transition: 0.5s;
  margin: -1% auto 5%;
}
.jia_more:hover {
  color: #fff;
  background: #e89d08;
  border-color: #e89d08;
}
.about_zi {
  padding: 5% 0px;
}
.about_zi p {
  line-height: 30px;
  font-size: 15px;
  color: #666;
  margin-bottom:10px;
}
.about_zi .about_img {
  position: relative;
  margin: 3% 0px;
}
.about_zi .about_img img {
  z-index: 1;
}
.about_zi .about_img i {
  display: block;
  padding-bottom: 30.102040816326532%;
}
.about_zi .about_img .kuan_a {
  width: 229px;
  height: 158px;
  background: url(../Images/about_kuan.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -79px;
  left: 15%;
  z-index: 999;
  padding: 10px 15px;
}
.about_zi .about_img .kuan_a span {
  display: block;
  font-size: 34px;
  color: #333;
  font-family: AvantGardeBook;
  font-weight: 700;
  line-height: 40px;
  height: 40px;
  width: 100%;
  overflow: hidden;
}
.about_zi .about_img .kuan_a time {
  display: block;
  color: #333;
  font-size: 14px;
  font-family: AvantGardeBook;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9999;
}
.about_zi .about_img .kuan_a em {
  width: 188px;
  height: 44px;
  background: #e89d08;
  color: #fff;
  display: block;
  line-height: 44px;
  text-align: center;
  font-style: normal;
  margin-top: 25px;
}
@media (max-width: 980px) {
  .about_zi .about_img .kuan_a {
    display: none;
  }
}




.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #ddd;
	left: 10%;
	margin-left: -0.7%;
}

.cbp_tmtimeline > li {
	position: relative;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { padding: 0; margin: 0;}


.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	/*width: 15%;*/
	padding-right: 100px;
	position: absolute;top:5px;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 1.0em;
	color: #000;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 1.6em;
	color: #e89d08;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #e89d08;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 10px 13%;
	/*background: #4668b2;*/
	color: #333;border:1px solid #e5e5e5;
	padding: 1.2em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4em;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	border:1px solid #e5e5e5;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;font-size: 1.0em;line-height: 1.6em;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	/*border-right-color: #e5e5e5;*/
	border-width: 10px;
	top: 30px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	/*border-right-color: #6989ce;*/
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 10px;
	height: 10px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 42px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #e89d08;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #e89d08;border:3px solid #fff;
	text-align: center;
	left: 8.8%;
	top: 40%;
	margin: 0 0 0 -0%;
}

.cbp_tmicon-phone:before {
	/*content: "\e000";*/
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}
@media (max-width: 640px) {
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 10px 20%;
}
.cbp_tmtimeline > li .cbp_tmicon {
    left: 14.1%;
}
.cbp_tmtimeline:before {
    left: 16%;
    margin-left: -0.7%;
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.4em;
}
}


.menu {display: table;line-height:35px;height:35px;position:relative; margin:30px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;  color:#333;  text-align:center; overflow:hidden;font-size: 15px;padding:0 45px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin:0 3px; position:relative;background:#f8f8f8;}
.menu ul li ul {display: none;z-index:9999;width:100%;}
.menu ul li ul li{width:100%;    margin: 0 0px;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#e89d08;}
.menu ul li:hover ul {display:block; position:absolute; top:35px; left:0; width:100%;}
.menu ul li:hover ul li a.hide2 {background:#fff; color:#333; width:100%;}
.menu ul li:hover ul li:hover a.hide2 {background:#eae1dc; color:#5a4031;}
#bot{background:#eae1dc; color:#5a4031;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;background:#f0f0f0; font-size: 13px; color:#5a4031;height:30px;line-height:30px;border-bottom:1px #fff solid;}
.menu ul li:hover ul li a:hover {background:#eae1dc; color:#5a4031;width:100%;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-141px;}
#bot {
    background: #e89d08;
    color: #fff;
}

@media (max-width: 768px) {
.menu ul li {float:left; margin-right:3px; position:relative;}
.menu ul li:first-child{/*display:none;*/}
.menu ul li a, .menu ul li a:visited {padding:0 15px;}
}




.contact_map {
  width: 100%;
  margin-bottom: 30px;
}
.contact_map #map {
  width: 100%;
  height: 290px;
}
@media (max-width: 640px) {
  .contact_map #map {
    height: 200px;
  }
}
.cont_zi {
  padding: 5% 0px;
}
.con_cc .left {
  width: 15%;
  float: left;
  background: #8ccbec;
  text-align: center;
  height: 100%;
  min-height: 202px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 55px;
}
.con_cc .left p {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  font-family: arial;
  margin-top: 10px;
}
.con_cc .right {
  width: 85%;
  float: left;
  border-top: 2px solid #757575;
}
.con_cc .right li {
  border-bottom: 1px solid #f3f3f3;
  line-height: 40px;
  height: 40px;
  font-size: 13px;
}
.con_cc .right li b {
  width: 15%;
  text-align: right;
  display: inline-block;
  margin-right: 4%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.con_cc .right li span {
  display: inline-block;
  width: 79%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
@media (max-width: 980px) {
  .con_cc .left {
    display: none;
  }
  .con_cc .right {
    width: 100%;
  }
}
@media (max-width: 786px) {
  .con_cc .right li b {
    width: 20%;
  }
  .con_cc .right li span {
    width: 75%;
  }
}
@media (max-width: 480px) {
  .con_cc .right li {
    height: auto;
  }
  .con_cc .right li b {
    float: left;
    width: 25%;
    height: auto;
  }
  .con_cc .right li span {
    width: 70%;
    height: auto;
  }
}
.pro_zi_show {
  padding: 4% 0px;
}
.pro_zi_show .pro_show2 {
  border: 1px solid #e5e5e5;
  margin: 30px 0px;
}
.pro_zi_show .pro_show2 .top_3 {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #e5e5e5;
  background: #e89d08;
  font-weight: 700;
  padding: 0px 10px;
}
.pro_zi_show .pro_show2 p {
  line-height: 24px;
  color: #666;
  padding: 3%;
}
.pro_show1 .left {
  border: 1px solid #e5e5e5;
  position: relative;
  width: 45%;
  float: left;
}
.pro_show1 .left i {
  display: block;
  padding-bottom: 69.12442396313364%;
}
.pro_show1 .right {
  float: right;
  width: 50%;
  padding-top: 20px;
  padding-right: 5%;
}
.pro_show1 .right h4 {
  font-size: 16px;
  color: #666;
  height: 40px;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
}
.pro_show1 .right p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 640px) {
  .pro_show1 .left,
  .pro_show1 .right {
    width: 100%;
  }
}
.pro_show3 {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.pro_show3 .s3_top {
  background: #f5f5f5;
  height: 46px;
  line-height: 46px;
  color: #fff;
  color: #666;
  padding: 0px 15px;
  overflow: hidden;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.pro_show3 .s3_com {
  padding: 1%;
}
.pro_show3 .s3_com ul li {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  position: relative;
}
.pro_show3 .s3_com ul li:nth-child(2n+2) {
  margin-right: 0px;
}
.pro_show3 .s3_com ul li input {
  border: 1px solid #dfdbdb;
  width: 100%;
  padding: 9px 20px;
  outline: none;
  font-size: 14px;
  color: #797979;
  border-radius: 5px;
}
.pro_show3 .s3_com ul li .rred {
  border: 1px solid #ff0000;
}
.pro_show3 .s3_com ul li i {
  position: absolute;
  color: #ff0000;
  font-style: normal;
  right: 2%;
  top: 50%;
  margin-top: -10px;
}
@media (max-width: 640px) {
  .pro_show3 .s3_com ul li {
    width: 100%;
    margin-right: 0px;
  }
}
.pro_show3 .tex_div {
  position: relative;
}
.pro_show3 .tex_div textarea {
  min-height: 85px;
  resize: none;
  border: 1px solid #dfdbdb;
  width: 100%;
  padding: 10px 20px;
  outline: none;
  font-size: 14px;
  color: #797979;
  border-radius: 5px;
}
.pro_show3 .tex_div .rred {
  border: 1px solid #ff0000;
}
.pro_show3 .tex_div i {
  position: absolute;
  color: #ff0000;
  font-style: normal;
  right: 1%;
  top: 4%;
}
.pro_show3 .yan_div {
  margin-top: 20px;
  position: relative;
}
.pro_show3 .yan_div .rred {
  border: 1px solid #ff0000;
}
.pro_show3 .yan_div input {
  border: 1px solid #dfdbdb;
  border-radius: 5px;
  width: 166px;
  padding: 9px 20px;
  outline: none;
  font-size: 14px;
  color: #797979;
  float: left;
}
@media (max-width: 480px) {
  .pro_show3 .yan_div input {
    width: 120px;
  }
}
.pro_show3 .yan_div i {
  position: absolute;
  color: #ff0000;
  font-style: normal;
  left: 150px;
  top: 50%;
  margin-top: -10px;
}
@media (max-width: 480px) {
    .fs24 {
        font-size: 24px;
    }
  .pro_show3 .yan_div i {
    left: 105px;
  }
}
.pro_show3 .yan_div img {
  max-height: 100%;
  max-width: 100%;
  float: left;
  margin: 1px 5px 0px;
}
.pro_show3 .yan_div a {
  float: left;
  vertical-align: middle;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
}
.pro_show3 .yan_div a:hover {
  color: #e89d08;
}
.pro_show3 .btn_a {
  text-align: center;
  padding: 20px 0px;
}
.pro_show3 .btn_a a {
  background: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 5px;
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px 5px;
  color: #666;
}
.pro_show3 .btn_a a:hover {
  color: #fff;
  background: #e89d08;
  border-color: #e89d08;
}
@media (max-width: 480px) {
  .pro_show3 .btn_a a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
/*上下页切换*/
.prev_next {
  text-align: left;
  margin: 5% auto;
  line-height: 40px;
  color: #7b7b7b;

  max-width: 1400px;
  border: 1px solid #e5e5e5;
  width: 100%;
}
.prev_next li {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.prev_next li b {
  color: #999999;

}
.prev_next li a {
  color: #666;
  display: block;
  height: 40px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
.prev_next li a:hover {
  color: #e89d08;
}
.prev_next li:last-child {
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 640px) {
  .prev_next {
    margin: 30px auto 30px;
  }
  .prev_next li {
    width: 100%;
    margin-bottom: 10px;
  }
  .prev_next li:last-child {
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-left: none;
  }
}
.news_show_zi {
  padding: 4% 0px;
}
.news_show_zi h4 {
  color: #333;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  margin-bottom: 10px;
}
.news_show_zi p {
  color: #898989;
  font-size: 14px;
  line-height: 24px;
}
.news_show_zi .sh_img {
  position: relative;
  padding: 8% 0px;
  margin: 35px 0px 25px;
}
.news_show_zi .sh_img img {
  box-shadow: -25px -25px 0px #f2f2f2;
}
.news_show_zi .sh_img i {
  display: block;
  padding-bottom: 35.714285714285715%;
}
.news_show_zi .guan_ul {
  padding: 3% 0%;
}
.news_show_zi .guan_ul li {
  line-height: 39px;
  height: 39px;
}
.news_show_zi .guan_ul li a {
  width: 80%;
  float: left;
  display: block;
  color: #666;
  height: 39px;
  overflow: hidden;
  background: url(../Images/jian_sian.png) no-repeat 6px center;
  padding-left: 18px;
}
.news_show_zi .guan_ul li span {
  width: 20%;
  float: right;
  color: #999;
  display: block;
  height: 39px;
  overflow: hidden;
  text-align: right;
  padding-right: 6px;
}
.news_show_zi .guan_ul li:hover a {
  color: #007bc8;
}
@media (max-width: 480px) {
  .news_show_zi .guan_ul li a {
    width: 70%;
  }
  .news_show_zi .guan_ul li span {
    width: 26%;
  }
}
.feed_ul li {
  width: 49%;
  float: left;
  margin-bottom: 15px;
  margin-right: 2%;
}
.feed_ul li:nth-child(2n+2) {
  margin-right: 0px;
}
.feed_ul li .div_biao {
  line-height: 36px;
  color: #9b9b9b;
}
.feed_ul li .div_biao img {
  float: left;
  margin-top: 11px;
  margin-right: 5px;
}
.feed_ul li .div_biao i {
  font-style: normal;
  color: #FF0000;
  display: inline-block;
  line-height: 36px;
  margin-left: 3px;
}
.feed_ul li input {
  width: 100%;
  padding: 10px;
  background: #f7f7f7;
  border: none;
}
@media (max-width: 480px) {
  .feed_ul li {
    width: 100%;
    margin-right: 0px;
  }
  .feed_ul li .div_biao {
    padding-left: 10px;
  }
}
.form_div {
  padding: 5% 0px;
}
.form_div .div_biao {
  line-height: 36px;
  color: #9b9b9b;
}
.form_div .div_biao img {
  float: left;
  margin-top: 11px;
  margin-right: 5px;
}
.form_div .div_biao i {
  font-style: normal;
  color: #FF0000;
  display: inline-block;
  line-height: 36px;
  margin-left: 3px;
}
@media (max-width: 480px) {
  .form_div .div_biao {
    padding-left: 10px;
  }
}
.form_div .nei_c {
  margin-bottom: 15px;
}
.form_div .nei_c textarea {
  width: 100%;
  padding: 10px;
  background: #f7f7f7;
  border: none;
  resize: none;
  min-height: 215px;
}
.form_div .yan_div {
  margin-bottom: 15px;
}
.form_div .yan_div input {
  max-width: 299px;
  width: 35%;
  padding: 10px;
  background: #f7f7f7;
  border: none;
  margin-right: 10px;
}
.form_div .yan_div a {
  color: #888888;
  font-size: 14px;
  margin-left: 10px;
}
.form_div .btn_th {
  color: #fff;
  background: #e89d08;
  width: 100%;
  max-width: 248px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 20px auto;
  display: block;
}
.form_div .btn_th:hover {
  font-weight: 700;
}
/*搜索弹出层*/
.search_mask {
  background: url(../Images/search_mask.png);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
}
.search_mask .s_box {
  width: 350px;
  height: 136px;
  padding: 25px;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  position: absolute;
  margin-top: -68px;
  background: #fff;
}
.search_mask .s_box .text1 {
  text-align: center;
  line-height: 24px;
  color: #666;
  font-size: 16px;
}
.search_mask .s_box .sure {
  width: 140px;
  height: 36px;
  display: block;
  margin: 20px auto 0;
  background: #00a0e9;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  letter-spacing: 5px;
}
.viewer-navbar {
  display: none;
}
/*# sourceMappingURL=style.css.map */



.padding_tb_100{padding-top: 50px;}
.padding_tt_100{padding-bottom: 50px;}
.x_about_seg_img_wrapper img{
	width:100%;
}
.x_about_seg_img_cont_wrapper h3 {
    font-size: 30px;
    margin-bottom: 80px;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}
.x_about_seg_img_cont_wrapper h3:after{
	content:'';
	border:1px solid #e89d08;
	width:40px;
	position:absolute;
	left:48.5%;
	bottom:-20px;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.x_about_seg_img_cont_wrapper p{
	padding-top:10px;
}
.x_about_seg_img_cont_wrapper img{
	margin-top:20px;width:100%;
}


.form-control { display:inline-block; width: 99%; height: calc(2.25rem + 10px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

@media screen and (prefers-reduced-motion:reduce) {
    .form-control { transition: none; }
}

.form-control::-ms-expand { background-color: transparent; border: 0; }
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
.form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::-moz-placeholder { color: #6c757d; opacity: 1; }
.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::placeholder { color: #6c757d; opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }
.form-control-file, .form-control-range { display: block; width: 100%; }
.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }
.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }
.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5; }
.form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; }
    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; }
.form-control-sm { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }
.form-control-lg { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; }
select.form-control[multiple], select.form-control[size] { height: auto; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-text { display: block; margin-top: .25rem; }
.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
    .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; }
.form-check { position: relative; display: block; padding-left: 1.25rem; }
.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; }
    .form-check-input:disabled ~ .form-check-label { color: #6c757d; }
.form-check-label { margin-bottom: 0; }
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem; }
    .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; }
.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745; }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem; }
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745; }
    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25); }
    .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }
.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745; }
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745; }
    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a; }
.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: #34ce57; }
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25); }
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745; }
    .custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }
.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25); }
.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #eb410d; }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem; }
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #eb410d; }
    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #eb410d; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25); }
    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }
.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #eb410d; }
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #eb410d; }
    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #efa2a9; }
.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: #e4606d; }
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25); }
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #eb410d; }
    .custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; }
.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25); }
.form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; }
    .form-inline .form-check { width: 100%; }

@media (min-width:576px) {
    .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; }
    .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .form-inline .form-control-plaintext { display: inline-block; }
    .form-inline .custom-select, .form-inline .input-group { width: auto; }
    .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; }
    .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0; }
    .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
    .form-inline .custom-control-label { margin-bottom: 0; }
}