@charset "utf-8";

/*COMMON_BLK_START*/

/*AVAIBLE_VI

[

{"vicolor":"#18a5b7","sub1color":"#333333"},

{"vicolor":"#01a08e","sub1color":"#ffb400"},

{"vicolor":"#1A2D27","sub1color":"#ABC327"},

{"vicolor":"#ffb400","sub1color":"#35c096"}

]

AVAIBLE_VI*/

.oh {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list-style-02 .vertical-layout-item .item-line,

.list-style-01 .vertical-layout-item .item-line {

  padding: 15px;

}

.list-style-02 .vertical-layout-item .item-line::after,

.list-style-01 .vertical-layout-item .item-line::after {

  border: 1px solid #dedede;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.list-style-02 .vertical-layout-item .item-line:hover::after,

.list-style-01 .vertical-layout-item .item-line:hover::after {

  border-color: #18a5b7;

}

.list-style-02 .level-layout-item .item-line::after,

.list-style-01 .level-layout-item .item-line::after {

  border: 1px solid #dedede;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.list-style-02 .level-layout-item .item-line:hover::after,

.list-style-01 .level-layout-item .item-line:hover::after {

  border-color: #18a5b7;

}

.list-style-02 .item-line:hover .item-link,

.list-style-01 .item-line:hover .item-link {

  background: #18a5b7;

  border-color: #18a5b7;

}

.list-style-02 .item-line:hover .item-link a,

.list-style-01 .item-line:hover .item-link a {

  color: #fff;

}

.recommend .item-picture,

.abput-pic,

.about-list li,

.part-con li,

.case-list dl,

.superi-pic,

.news-con dl {

  overflow: hidden;

}

.recommend .item-picture img,

.abput-pic img,

.about-list li img,

.part-con li img,

.case-list dl img,

.superi-pic img,

.news-con dl img {

  transition: .5s;

}

.recommend .item-picture:hover img,

.abput-pic:hover img,

.about-list li:hover img,

.part-con li:hover img,

.case-list dl:hover img,

.superi-pic:hover img,

.news-con dl:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.search-btn:after {

  background-color: #18a5b7;

}

.search-btn::before {

  border-color: #18a5b7;

}

.nav-two {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

}

/*头部*/

.headbj {

  height: 170px;

  position: relative;

  z-index: 99;

  background: url(../images/t_bj.jpg) repeat-x;

  height: 170px;

}

#h1-tag {

  float: left;

  font-size: 0;

  line-height: 0;

  height: 170px;

  display: table;

  width: 170px;

  background: #18a5b7;

  text-align: center;

}

#h1-tag a {

  display: table-cell;

  vertical-align: middle;

}

#h1-tag img {

  display: inline-block;

  max-height: 170px;

  max-width: 130px;

}

.t_fr {

  float: right;

  width: 1000px;

  height: 170px;

}

.hd_top {

  height: 120px;

  box-sizing: border-box;

  padding-top: 20px;

}

.t_wz {

  float: left;

  width: 610px;

}

.t_wz span {

  display: block;

  height: 44px;

  line-height: 44px;

  font-size: 30px;

  color: #333333;

  overflow: hidden;

}

.t_wz em {

  display: block;

  font-size: 22px;

  color: #666666;

  line-height: 92px;

  height: 95px;

  overflow: hidden;

  letter-spacing: 5px;

}

.t_tel {

  float: right;

  max-width: 370px;

  margin-top: 10px;

}

.t_tel em {

  font-size: 16px;

  height: 24px;

  line-height: 24px;

  overflow: hidden;

  display: block;

}

.t_tel em i {

  background: #18a5b7 url(../images/t_tel.png) no-repeat center;

  width: 21px;

  height: 21px;

  display: inline-block;

  border-radius: 50%;

  vertical-align: middle;

  margin-right: 6px;

}

.t_tel em b {

  max-width: 80px;

  height: 21px;

  line-height: 21px;

  overflow: hidden;

  font-weight: normal;

}

.t_tel span {

  display: block;

  font-size: 28px;

  color: #18a5b7;

  overflow: hidden;

  height: 55px;

  line-height: 26px;

}

.nav {

  height: 50px;

  line-height: 50px;

}

.nav .nav-one > li {

  float: left;

  position: relative;

}

.nav .nav-one > li > a {

  font-size: 16px;

  color: #333333;

  position: relative;

  overflow: hidden;

  padding: 0;

  height: 50px;

  display: inline-block;

}

.nav .nav-one > li > a:hover,

.nav .nav-one > .cur > a {

  color: #18a5b7;

}

.nav .nav-one > li > a:hover:after,

.nav .nav-one > .cur > a:after {

  width: 100%;

  height: 3px;

  background: #18a5b7;

  position: absolute;

  left: 0;

  bottom: 0;

  content: "";

  display: block;

}

.nav-one > li:hover .nav-two {

  display: block;

}

.nav-two {

  display: none;

  background: #fff;

  position: absolute;

  top: 50px;

  z-index: 90;

}

.nav-two li {

  border-bottom: 1px solid #ccc;

}

.nav-two li {

  white-space: nowrap;

  height: 50px;

  position: relative;

  overflow: hidden;

  border-right: 0px;

}

.nav-two li a {

  display: block;

  height: 50px;

  font-size: 15px;

  font-weight: normal;

  line-height: 50px;

  color: #0d0d0f;

  text-align: center;

  overflow: hidden;

}

.nav-two li:last-child {

  border-bottom: 0;

}

.nav-two li:hover > a {

  color: #fff;

}

.nav-two li:hover {

  background-color: #18a5b7;

  border-color: #18a5b7;

}

/*底部*/

.foot {

  /*height:256px;*/



  background: #f1f1f1;

  padding-top: 62px;

  box-sizing: border-box;

  overflow: hidden;

  padding-bottom: 26px;

}

.ft_fl {

  float: left;

  width: 233px;

}

.ft_fl h3 {

  font-size: 0;

  line-height: 0;

  height: 153px;

  display: table;

}

.ft_fl h3 a {

  display: table-cell;

  vertical-align: top;

}

.ft_fl h3 img {

  display: inline-block;

  max-height: 153px;

  max-width: 120px;

}

.ft_fl span a {

  display: block;

  font-size: 14px;

  color: #828282;

  height: 20px;

  overflow: hidden;

  line-height: 20px;

}

.ft_w {

  float: left;

  width: 330px;

  padding-left: 66px;

  position: relative;

  font-size: 14px;

  line-height: 32px;

  color: #a8a8a8;

}

.foot h4 {

  height: 41px;

  line-height: 41px;

  font-size: 20px;

  font-weight: bold;

  color: #333333;

  overflow: hidden;

  margin-bottom: 8px;

}

.ft_w h4 em {

  padding-right: 10px;

  display: inline-block;

  max-width: 300px;

  height: 28px;

  overflow: hidden;

}

.ft_w h4 i {

  max-width: 100px;

  height: 28px;

  overflow: hidden;

  display: inline-block;

}

.ft_w p {

  font-size: 14px;

  line-height: 32px;

  color: #a8a8a8;

  max-height: 62px;

  overflow: hidden;

}

.ft_w p em {

  display: inline-block;

  max-width: 250px;

  max-height: 62px;

  line-height: 32px;

  overflow: hidden;

  vertical-align: text-top;

}

.ft_w p span {

  height: 32px;

  line-height: 32px;

  display: inline-block;

  max-width: 80px;

  overflow: hidden;

  vertical-align: text-top;

}

.ft_w a {

  color: #444444;

}

.ft_nav {

  float: left;

  width: 234px;

  position: relative;

}

.ft_nav:after,

.ft_w:after {

  width: 1px;

  height: 136px;

  content: "";

  display: block;

  background: #e0e0e0;

  position: absolute;

  right: 0;

  top: 5px;

}

.foot .ft_nav ul.nav-one > li a {

  padding: 0;

  color: #444444;

}

.foot .ft_nav ul.nav-one > li {

  width: 50% !important;

  text-align: left !important;

  font-size: 14px;

  line-height: 32px;

  color: #444444;

  height: 32px;

  overflow: hidden;

  float: left;

}

.ft_fr {

  float: right;

  width: 266px;

  margin-top: 9px;

}

.ft_fr p {

  float: left;

  width: 114px;

  margin-right: 37px;

  text-align: center;

  font-size: 0;

  line-height: 0;

}

.ft_fr p img {

  width: 114px;

  height: 114px;

}

.ft_fr p span {

  display: block;

  font-size: 14px;

  color: #333333;

  margin-top: 16px;

}

.ft_fr p:last-child {

  margin: 0;

}

.link {

  height: 63px;

  background: #fff;

  line-height: 63px;

  min-height: 63px;

}

.link span {

  float: left;

  width: 95px;

  display: block;

  color: #a8a8a8;

  font-size: 14px;

  overflow: hidden;

  height: 63px;

}

.link p {

  float: right;

  width: 1105px;

  font-size: 14px;

  height: 63px;

  overflow: hidden;

}

.link p a {

  color: #a8a8a8;

}

.bg_vi_color {

  background-color: #18a5b7;

}

.txt_vi_color {

  color: #18a5b7 !important;

}

.f-support {

  font-size: 14px;

  color: #828282;

  line-height: 20px;

}

.f-support img {

  width: 44px;

  vertical-align: sub;

  margin-left: 5px;

}

.bg_vi_color {

  background-color: #18a5b7;

}

.txt_vi_color {

  color: #18a5b7 !important;

}

/*COMMON_BLK_END*/

/*banner*/

.banner {

  position: relative;

  width: 100%;

  height: 680px;

  overflow: hidden;

}

.ban_list {

  position: relative;

  z-index: 0;

}

.ban_list li {

  overflow: hidden;

  height: 680px;

  text-align: center;

  position: relative;

}

.ban_list li img {

  width: 1920px;

  height: 680px;

  position: absolute;

  left: 50%;

  top: 0;

  margin-left: -960px;

}

.ban-prev,

.ban-next {

  width: 79px;

  height: 78px;

  position: absolute;

  top: 50%;

  margin-top: -40px;

  opacity: .8;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 79px 78px;

  cursor: pointer;

}

.ban-prev {

  left: 2%;

  background-image: url(../images/c_prev.png);

}

.ban-next {

  right: 2%;

  background-image: url(../images/c_next.png);

}

.ban_nav {

  position: absolute;

  bottom: 20px;

  left: 8%;

  z-index: 1;

  overflow: hidden;

  margin-left: -600px;

  width: 1200px;

  text-align: right;

}

.ban_nav ul li {

  display: inline-block;

  width: 8px;

  height: 8px;

  color: #fff;

  border-radius: 50%;

  margin: 0 10px;

  border-radius: 50%;

  border: 2px solid #fff;

  cursor: pointer;

}

.ban_nav ul .on {

  background: #18a5b7;

  border-color: #18a5b7;

}

.content {

  width: 1200px;

  margin: 0 auto;

}

i,

em,

b {

  font-style: normal;

}

/*标题公用样式*/

.titis {

  text-align: center;

  height: 152px;

}

.titis h2 {

  overflow: hidden;

  font-size: 40px;

  color: #333333;

  height: 59px;

  line-height: 59px;

  font-weight: bold;

}

.titis p {

  font-size: 24px;

  color: #666666;

  line-height: 39px;

  height: 39px;

  overflow: hidden;

}

.keyword {

  width: 876px;

}

.search-inp {

  width: 300px;

  height: 35px;

}

.search {

  background: none;

  height: 85px;

  line-height: 85px;

}

.search-inp input {

  border: 1px solid #e5e5e5;

  border-radius: 12px 0 0 12px;

  width: 229px;

  padding-left: 18px;

  height: 33px;

  border-right: 0;

}

.search-btn {

  width: 52px;

  height: 35px;

  background: #18a5b7 url(../images/seach.png) no-repeat center;

  background-size: 24px 23px;

  border-radius: 30px;

  margin-left: -25px;

  float: left;

}

/*引子*/

.guide {

  background: url(../images/yz_bj.jpg) no-repeat center top;

  background-size: 1920px 500px;

  height: 500px;

  box-sizing: border-box;

  padding-top: 83px;

}

.yz_c h2 {

  font-size: 40px;

  color: #333333;

  font-weight: bold;

  text-align: center;

  height: 74px;

  line-height: 74px;

  overflow: hidden;

}

.yz_c ul {

  overflow: hidden;

  padding-top: 86px;

}

.yz_c li {

  float: left;

  width: 25%;

  text-align: center;

}

.yz_c li i {

  display: block;

  width: 100px;

  height: 100px;

  background: #18a5b7;

  padding: 8px;

  border-radius: 50%;

  margin: 0 auto;

}

.yz_c li i img {

  border: 1px solid rgba(255, 255, 255, 0.5);

  border-radius: 50%;

}

.yz_c li .p {

  padding-top: 22px;

  font-size: 16px;

  color: #333333;

  line-height: 24px;

  max-height: 96px;

  overflow: hidden;

}

.dz_c {

  padding-top: 71px;

  height: 1012px;

}

.dz_t {

  float: left;

  font-size: 0;

  line-height: 0;

}

.dz_fr {

  float: right;

  width: 480px;

}

.dz_fr dl {

  height: 138px;

  margin-bottom: 8px;

  position: relative;

  overflow: hidden;

}

.dz_fr dt {

  float: left;

  width: 53px;

  height: 53px;

  background: #eeeeee;

  text-align: center;

  font: 30px arial;

  color: #18a5b7;

  line-height: 53px;

  border-radius: 50%;

  margin-top: 45px;

}

.dz_fr dd {

  float: right;

  width: 383px;

  padding: 24px 10px 0 0;

}

.dz_fr dd h4 {

  font-size: 24px;

  color: #333333;

  height: 37px;

  line-height: 37px;

  overflow: hidden;

}

.dz_fr dd p {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

}

.dz_fr dl:hover:after {

  width: 456px;

  content: "";

  display: block;

  height: 140px;

  background: #fff;

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

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

}

.dz_fr dl:hover dt {

  background: #18a5b7;

  color: #fff;

}

.dz_d {

  margin-top: 24px;

  overflow: hidden;

}

.dz_d li {

  float: left;

  width: 369px;

  margin-right: 46px;

}

.dz_d li i {

  display: block;

  font-size: 0;

  line-height: 0;

  width: 369px;

  overflow: hidden;

}

.dz_d li i img {

  width: 369px;

  height: 208px;

}

.dz_d li span {

  display: block;

  height: 43px;

  background: #18a5b7;

  line-height: 43px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  font-weight: bold;

  overflow: hidden;

  padding: 0 8px;

}

.dz_d li:last-child {

  margin-right: 0;

}

.str {

  background: url(../images/zx_bj.jpg) no-repeat center top;

  height: 853px;

  background-size: 1920px 853px;

  padding-top: 70px;

  box-sizing: border-box;

}

.str .titis {

  height: 200px;

}

.str_qh {

  width: 600px;

  height: 336px;

  overflow: hidden;

}

.str_qh li {

  float: left;

  width: 200px;

  text-align: center;

  height: 162px;

}

.str_qh li i {

  width: 86px;

  height: 86px;

  background: #535353;

  border-radius: 50%;

  display: block;

  margin: 0 auto;

}

.str_qh li span {

  font-size: 18px;

  color: #333333;

  margin-top: 12px;

  line-height: 24px;

  max-height: 48px;

  overflow: hidden;

  display: block;

}

.str_qh li:nth-child(4) {

  margin-left: 96px;

}

.str_qh li.on i {

  background: #18a5b7;

}

.str_nr {

  width: 600px;

  overflow: hidden;

}

.str_a1 {

  background: #fff;

  height: 133px;

  padding: 12px;

}

.str_a1 dl {

  border: 1px solid #18a5b7;

  height: 131px;

  padding: 31px 25px 0 31px;

  box-sizing: border-box;

}

.str_a1 dt {

  float: left;

  font-size: 0;

  line-height: 0;

  padding-top: 6px;

}

.str_a1 dt img {

  width: 99px;

  height: 56px;

}

.str_a1 dd {

  float: right;

  width: 390px;

}

.str_a1 dd h4 {

  height: 33px;

  font-size: 24px;

  color: #333333;

  line-height: 33px;

  overflow: hidden;

}

.str_a1 dd p {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  padding-top: 12px;

  max-height: 48px;

  overflow: hidden;

}

.policy {

  height: 325px;

  padding-top: 71px;

  overflow: hidden;

}

.policy li {

  float: left;

  font-size: 0;

  line-height: 0;

  margin-right: 19px;

}

.policy li:last-child {

  margin: 0;

}

.yous {

  height: 1131px;

}

.yous .titis {

  height: 181px;

  overflow: hidden;

}

.ys_nr {

  height: 918px;

  position: relative;

}

.ys_t1 {

  position: absolute;

  left: -360px;

  top: 0;

  font-size: 0;

  line-height: 0;

}

.ys_t2 {

  position: absolute;

  right: 0;

  top: 407px;

}

.ys_t2 i {

  width: 93px;

  height: 93px;

  background: #18a5b7 url(../images/ys_ico1.png) no-repeat center;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.ys_w1 {

  float: right;

  width: 506px;

  margin-top: 44px;

  position: relative;

  height: 363px;

}

.ys_nr dl {

  height: 177px;

  overflow: hidden;

}

.ys_nr dt {

  float: left;

  width: 53px;

  height: 53px;

  background: #18a5b7;

  font: 30px arial;

  color: #fff;

  line-height: 53px;

  text-align: center;

  border-radius: 50%;

  overflow: hidden;

}

.ys_nr dd {

  float: right;

  width: 428px;

}

.ys_nr dd h4 {

  height: 48px;

  line-height: 48px;

  font-size: 30px;

  color: #333333;

  font-weight: bold;

  overflow: hidden;

}

.ys_nr dd .ys_n {

  padding-top: 13px;

  font-size: 16px;

  line-height: 24px;

  color: #666666;

  max-height: 96px;

  overflow: hidden;

}

.ys_nr .ys_w1:after {

  content: "";

  display: block;

  width: 1px;

  height: 124px;

  background: #c9c9c9;

  position: absolute;

  left: 26px;

  top: 53px;

}

.ys_w2 {

  float: left;

  width: 514px;

  margin-top: 160px;

}

.case_c {

  height: 916px;

  padding-top: 75px;

  background: #f1f1f1;

}

.case_c .titis {

  height: 150px;

}

.case_nr {

  height: 566px;

  position: relative;

}

.case_nr li {

  height: 505px;

  background: #fff;

  overflow: hidden;

}

.case_nr li i {

  float: left;

  width: 674px;

  height: 505px;

  display: block;

  font-size: 0;

  line-height: 0;

}

.case_nr li i img {

  width: 674px;

  height: 505px;

}

.case_nr .al_w {

  float: left;

  width: 404px;

  padding: 92px 0 0 62px;

}

.case_nr .al_w h4 a {

  display: block;

  height: 53px;

  line-height: 53px;

  font-size: 30px;

  color: #333333;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.case_nr .al_w p {

  font-size: 14px;

  color: #666666;

  line-height: 28px;

  height: 173px;

  padding-top: 24px;

  overflow: hidden;

}

.case_nr .al_w em a {

  display: block;

  width: 121px;

  height: 38px;

  line-height: 38px;

  background: #18a5b7;

  text-align: center;

  color: #fff;

  font-size: 14px;

}

.al_j1,

.al_j2 {

  position: absolute;

  top: 228px;

}

.al_j1 {

  left: -68px;

}

.al_j2 {

  right: -68px;

}

.hez {

  height: 150px;

}

.hez li {

  float: left;

  font-size: 0;

  line-height: 0;

  box-sizing: border-box;

  position: relative;

}

.hez li img {

  width: 240px;

  height: 120px;

}

.hez li:after {

  width: 1px;

  height: 120px;

  content: "";

  display: block;

  background: #e8e8e8;

  position: absolute;

  right: 0;

  top: 0;

}

.hez li:hover {

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

  z-index: 1;

}

.news {

  height: 592px;

  overflow: hidden;

  padding-top: 68px;

  box-sizing: border-box;

}

.news .titis {

  height: 83px;

  overflow: hidden;

}

.ns_qh {

  height: 65px;

  border-bottom: 1px solid #ebebeb;

  line-height: 65px;

  position: relative;

}

.ns_qh:after {

  content: "";

  display: block;

  width: 3px;

  height: 24px;

  background: #18a5b7;

  position: absolute;

  left: 0;

  top: 21px;

}

.ns_qh li {

  float: left;

  padding: 0 18px;

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  max-width: 150px;

  overflow: hidden;

  height: 65px;

}

.ns_qh li a {

  color: #333333;

}

.ns_qh li.on a {

  color: #18a5b7;

  height: 65px;

  overflow: hidden;

  display: block;

}

.ns_qh em a {

  float: right;

  font-size: 18px;

  color: #333333;

  max-width: 150px;

  height: 65px;

  line-height: 65px;

  overflow: hidden;

}

.ns_qh em a i {

  width: 24px;

  height: 24px;

  display: inline-block;

  background: #18a5b7 url(../images/ns_ico1.png) no-repeat center;

  border-radius: 50%;

  vertical-align: middle;

  margin-left: 10px;

}

.ns_nr {

  padding-top: 46px;

}

.ns_nr .item-line {

  float: left;

  width: 374px;

  margin-right: 35px;

}

.ns_nr .item-line .item-time,

.ns_nr .item-line .item-desc {

  display: none;

}

.ns_nr .item-line .item-title,

.ns_nr .item-line .item-title a {

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.ns_nr .item-line:hover .item-title a {

  color: #18a5b7;

}

.ns_nr .item-line:nth-child(1),

.ns_nr .item-line:nth-child(2),

.ns_nr .item-line:nth-child(3) {

  margin-bottom: 20px;

  margin-right: 39px;

}

.ns_nr .item-line:nth-child(1):after,

.ns_nr .item-line:nth-child(2):after,

.ns_nr .item-line:nth-child(3):after {

  content: "";

  display: block;

  width: 1px;

  height: 124px;

  background: #ebebeb;

  position: absolute;

  right: 0;

  top: 36px;

}

.ns_nr .item-line:nth-child(1) .item-title,

.ns_nr .item-line:nth-child(2) .item-title,

.ns_nr .item-line:nth-child(3) .item-title,

.ns_nr .item-line:nth-child(1) .item-title a,

.ns_nr .item-line:nth-child(2) .item-title a,

.ns_nr .item-line:nth-child(3) .item-title a {

  height: 52px;

  line-height: 52px;

  font-size: 18px;

  font-weight: bold;

}

.ns_nr .item-line:nth-child(1) .item-time,

.ns_nr .item-line:nth-child(2) .item-time,

.ns_nr .item-line:nth-child(3) .item-time {

  display: block;

  height: 35px;

  line-height: 35px;

  font-size: 0;

  color: #333333;

  font-weight: bold;

}

.ns_nr .item-line:nth-child(1) .item-time div,

.ns_nr .item-line:nth-child(2) .item-time div,

.ns_nr .item-line:nth-child(3) .item-time div {

  display: inline-block;

  font-size: 26px;

}

.ns_nr .item-line:nth-child(1) .item-desc,

.ns_nr .item-line:nth-child(2) .item-desc,

.ns_nr .item-line:nth-child(3) .item-desc {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  padding-top: 4px;

  width: 328px;

  max-height: 72px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.ns_nr .item-line:nth-child(3n) {

  margin-right: 0;

}

.ns_nt {

  height: 180px;

  padding-top: 46px;

}

.ns_nt dl {

  float: left;

  width: 374px;

  height: 180px;

  box-sizing: border-box;

  padding-top: 35px;

  position: relative;

  margin-right: 39px;

}

.ns_nt dl:after {

  content: "";

  display: block;

  width: 1px;

  height: 124px;

  background: #ebebeb;

  position: absolute;

  right: 0;

  top: 36px;

}

.ns_nt dt {

  display: none;

}

.ns_nt dd h4 a {

  display: block;

  height: 52px;

  line-height: 52px;

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.ns_nt dd .prod-hot-desc {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  padding-top: 4px;

  width: 328px;

  max-height: 72px;

  overflow: hidden;

}

.ns_nt dd .prod-hot-time1 {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  height: 35px;

  line-height: 35px;

  font: 26px arial;

  color: #333333;

  font-weight: bold;

  z-index: 2;

}

.ns_nt dd .prod-hot-time1 .prod-hot-time-yy,

.ns_nt dd .prod-hot-time1 .prod-hot-time-icon1 {

  display: none;

}

.ns_nt dd .prod-hot-link {

  display: none;

}

.ns_nt dl:last-child:after {

  display: none;

}

.ns_nt dl:last-child {

  margin: 0;

}

.ns_nt dl:hover dd h4 a {

  color: #18a5b7;

}

.ns_bt dl {

  float: left;

  width: 33.33%;

  font-family: "microsoft yahei";

}

.ns_bt dt {

  display: none;

}

.ns_bt dd .prod-hot-desc {

  display: none;

}

.ns_bt dd .prod-hot-link {

  display: none;

}

.ns_bt dd h4 {

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  padding-right: 15px;

  box-sizing: border-box;

}

.ns_bt dd h4 a {

  font-size: 14px;

  color: #666666;

}

.about {

  height: 652px;

}

.ab_t {

  float: left;

  margin-left: -360px;

}

.ab_t img {

  width: 960px;

  height: 572px;

}

.ab_w {

  float: right;

  width: 503px;

}

.ab_tt {

  padding-top: 42px;

  height: 118px;

  overflow: hidden;

}

.ab_tt em {

  display: block;

  font-size: 40px;

  color: #333333;

  height: 52px;

  line-height: 52px;

  text-transform: uppercase;

  font-weight: bold;

  overflow: hidden;

}

.ab_tt h2 {

  font-size: 30px;

  color: #333333;

  font-weight: bold;

  height: 51px;

  line-height: 51px;

  overflow: hidden;

}

.ab_desc {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  height: 170px;

  overflow: hidden;

}

.ab_d h4 {

  height: 57px;

  overflow: hidden;

  line-height: 32px;

}

.ab_d h4 {

  font-size: 24px;

  color: #333333;

}

.ab_d h4 a em {

  max-width: 200px;

  overflow: hidden;

  height: 30px;

  line-height: 30px;

  overflow: hidden;

  display: inline-block;

  vertical-align: text-top;

}

.ab_d h4 a i {

  width: 24px;

  height: 24px;

  display: inline-block;

  background: #18a5b7 url(../images/ns_ico1.png) no-repeat center;

  border-radius: 50%;

  vertical-align: middle;

  margin-left: 10px;

}

.ab_d li {

  float: left;

  font-size: 0;

  line-height: 0;

  margin-right: 5px;

}

.ab_d li:last-child {

  margin: 0;

}

/*快速通道*/

.shop-nav-t1 i img {

  background-color: #18a5b7;

}

/*返回顶部*/

.sidebar {

  display: -webkit-box;

  display: -ms-flexbox;

  position: fixed;

  bottom: 20px;

  right: 19px;

  z-index: 110;

  height: 44px;

  width: 44px;

}

.sidebar-itme:hover span {

  display: block;

}

.sidebar-itme span {

  display: none;

  width: 66px;

  height: 24px;

  font-size: 12px;

  color: #666;

  text-align: center;

  line-height: 24px;

  border-radius: 4px;

  background-color: #eee;

  position: absolute;

  right: 54px;

  top: 50%;

  margin-top: -12px;

}

.sidebar img {

  width: 44px;

  height: 44px;

  background-color: #ccc;

  border-radius: 2px;

  cursor: pointer;

  transition: background 0.3s ease-in-out;

  -webkit-transition: background 0.3s ease-in-out;

  outline: 0;

}

.sidebar:hover img {

  background-color: #18a5b7;

}

.sidebar .fh {

  display: none;

}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*内页部分*/

/*min-banner*/

.min-banner {

  height: 380px;

  position: relative;

  overflow: hidden;

}

.min-banner img {

  width: 1920px;

  height: 380px;

  position: absolute;

  left: 50%;

  margin-left: -960px;

}

/*面包屑*/

.crumbs-1 {

  height: 65px;

  font-size: 14px;

  border-bottom: 1px dashed #dcdcdc;

  margin-bottom: 30px;

}

.crumbs-1 b {

  font-weight: normal;

}

.crumbs-1 i {

  font-style: normal;

}

.crumbs-1 span {

  padding: 0 5px;

  height: 65px;

  line-height: 65px;

}

.crumbs-1 a:hover {

  color: #18a5b7;

}

/*分页*/

.pagination-1 {

  margin: 30px auto 60px;

  height: 30px;

  text-align: center;

}

.pagination-1 a,

.pagination-1 span {

  vertical-align: top;

  display: inline-block;

  padding: 0 8px;

  height: 26px;

  line-height: 26px;

  border: 1px solid #e5e5e5;

  text-align: center;

  margin: 0 2px;

  background: #fff;

}

.pagination-1 span {

  border: 1px solid #fff;

}

.pagination-1 .page_curr {

  background: #18a5b7;

  color: #fff;

  border-color: #18a5b7;

}

.pagination-1 .laypage_first,

.pagination-1 .laypage_last {

  display: none;

}

/*快速通道*/

.shop-nav-t1 i img {

  background-color: #18a5b7;

}

/*新闻资讯*/

.news {

  padding: 60px 0 0 0;

  overflow: hidden;

}

.news .g-title {

  background-image: url(../images/news_t.jpg);

  margin-bottom: 30px;

}

.news-title {

  height: 56px;

  border-bottom: 1px solid #666;

  font-size: 20px;

  font-weight: bold;

  line-height: 56px;

  overflow: hidden;

  color: #333;

  margin-bottom: 26px;

}

.news-title a {

  color: #333;

  display: inline-block;

  height: 56px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.news-info {

  width: 580px;

}

.news-con {

  margin-bottom: 20px;

}

.news-con img {

  width: 580px;

  display: block;

}

.news-con {

  margin-bottom: 20px;

}

.news-con img {

  width: 580px;

  height: 290px;

  display: block;

}

.faq-info1 .prod-hot-swit {

  min-height: 112px;

}

.faq-info1 dt {

  display: none;

}

.faq-info1 dl {

  padding-left: 136px;

  height: 112px;

  padding-right: 10px;

  position: relative;

  overflow: hidden;

}

.faq-info1 .prod-hot-name {

  height: 46px;

  font-size: 18px;

  color: #333;

  line-height: 46px;

}

.faq-info1 .prod-hot-name a {

  color: #333;

  display: inline-block;

  height: 46px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.faq-info1 .prod-hot-desc {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  padding-right: 10px;

  height: 44px;

  font-size: 14px;

  line-height: 22px;

  color: #888;

}

.faq-info1 .prod-hot-link {

  display: none;

}

.faq-info1 .prod-hot-time3 {

  display: block !important;

  width: 100px;

  height: 108px;

  padding: 0 10px;

  border-right: 1px solid #ebebeb;

  position: absolute;

  top: 0;

  left: 0;

  font-size: 12px;

  line-height: 22px;

  color: #888;

  text-align: center;

  overflow: hidden;

}

.faq-info1 .prod-hot-time-dd {

  word-break: break-all;

  display: block;

  padding-top: 20px;

  font-size: 48px;

  font-weight: bold;

  height: 52px;

  overflow: hidden;

  line-height: 52px;

  color: #333;

}

.faq-info1 .prod-hot-time-icon1 {

  display: none;

}

.faq {

  width: 561px;

}

.faq-info dt {

  display: none;

}

.faq-info dl {

  padding-left: 136px;

  height: 110px;

  padding-right: 10px;

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

  border: 1px solid #ebebeb;

}

.faq-info .prod-hot-name {

  height: 46px;

  font-size: 18px;

  color: #333;

  line-height: 46px;

}

.faq-info .prod-hot-name a {

  color: #333;

  display: inline-block;

  height: 46px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.faq-info .prod-hot-desc {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  padding-right: 10px;

  height: 44px;

  font-size: 14px;

  line-height: 22px;

  color: #888;

}

.faq-info .prod-hot-link {

  display: none;

}

.faq-info .prod-hot-time3 {

  display: block !important;

  width: 100px;

  height: 108px;

  padding: 0 10px;

  border-right: 1px solid #ebebeb;

  position: absolute;

  top: 0;

  left: 0;

  font-size: 12px;

  line-height: 22px;

  color: #888;

  text-align: center;

  overflow: hidden;

}

.faq-info .prod-hot-time-dd {

  word-break: break-all;

  display: block;

  padding-top: 20px;

  font-size: 48px;

  font-weight: bold;

  height: 52px;

  overflow: hidden;

  line-height: 52px;

  color: #333;

}

.faq-info .prod-hot-time-icon1 {

  display: none;

}

/*pin*/

.pin {

  padding: 60px 0 20px;

}

.pin .g-title {

  background-image: url(../images/pin_t.jpg);

}

.pin-box {

  margin-top: 40px;

  height: 170px;

  border: 1px solid #dadada;

}

.pin-pic {

  float: left;

  width: 170px;

  height: 170px;

}

.pin-pic img {

  width: 170px;

  height: 170px;

}

.pin-txt {

  float: left;

  width: 348px;

  height: 170px;

  background-color: #18a5b7;

}

.pin-txt span {

  display: block;

  height: 24px;

  font-size: 18px;

  font-weight: bold;

  line-height: 24px;

  color: #ffffff;

  overflow: hidden;

  padding: 30px 25px 0;

}

.pin-desc {

  padding: 10px 25px 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  color: #ffffff;

  max-height: 110px;

  overflow: hidden;

}

/*产品*/

.pro {

  padding: 60px 0 20px 0;

}

.pro .g-title {

  background-image: url(../images/pro_t.jpg);

}

.pro-box {

  padding-top: 40px;

}

.pro-lf {

  float: left;

  width: 230px;

  border: 1px solid #333333;

}

.pro-lf h2 {

  height: 84px;

  padding: 35px 5px 0;

  background-color: #333333;

  text-align: center;

}

.pro-lf h2 span {

  display: block;

  height: 30px;

  font-size: 22px;

  font-weight: normal;

  line-height: 30px;

  color: #ffffff;

  overflow: hidden;

}

.pro-lf h2 i {

  display: block;

  height: 22px;

  font-size: 12px;

  font-weight: normal;

  line-height: 22px;

  color: #ffffff;

  text-transform: uppercase;

  opacity: 0.8;

  overflow: hidden;

}

.pro-list {

  padding: 0 25px;

}

.pro-list li {

  height: 120px;

  border-bottom: 1px solid #cccccc;

}

.pro-list li span {

  display: block;

  padding: 35px 0 0 26px;

  background-image: url('../images/list_ico02.gif');

  background-repeat: no-repeat;

  background-position: 0px 40px;

  background-size: 17px 17px;

  height: 26px;

  font-size: 18px;

  font-weight: normal;

  line-height: 26px;

  color: #333333;

  overflow: hidden;

}

.pro-list li i {

  display: block;

  height: 22px;

  font-size: 12px;

  font-weight: normal;

  line-height: 22px;

  color: #999999;

  text-transform: uppercase;

  overflow: hidden;

  padding-top: 5px;

}

.pro-list li.cur span,

.pro-list li:hover span {

  color: #18a5b7;

}

.tel {

  height: 120px;

  background-image: url('../images/tel_bg.jpg');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 230px 120px;

}

.tel p {

  padding: 35px 0 0 68px;

  background-image: url('../images/tel.png');

  background-repeat: no-repeat;

  background-position: 18px 42px;

  background-size: 36px 36px;

}

.tel p em {

  display: block;

  height: 22px;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  color: #ffffff;

  opacity: 0.8;

  overflow: hidden;

}

.tel span {

  display: block;

  height: 28px;

  font-size: 22px;

  font-weight: normal;

  line-height: 28px;

  color: #ffffff;

  overflow: hidden;

}

.pro-rt {

  float: right;

  width: 940px;

  overflow: hidden;

}

.pro-pic {

  height: 470px;

  overflow: hidden;

  position: relative;

}

.cPrev,

.cNext {

  position: absolute;

  width: 60px;

  height: 60px;

  top: 50%;

  margin-top: -30px;

  z-index: 10;

  cursor: pointer;

  opacity: 0;

  transition: opacity 0.6s linear;

  -webkit-transition: opacity 0.6s linear;

  -moz-transition: opacity 0.6s linear;

  -o-transition: opacity 0.6s linear;

}

.cPrev img,

.cNext img {

  width: 60px;

  height: 60px;

}

.cPrev {

  left: 5px;

}

.cNext {

  right: 5px;

}

.pro-pic:hover .cPrev,

.pro-pic:hover .cNext {

  opacity: 1;

}

.pro-ul li {

  position: relative;

}

.pro-ul li img {

  width: 940px;

  height: 470px;

}

.pro_c .prod-hot-list {

  margin: 30px 0 0 0;

  position: relative;

}

.pro_c .prod-hot-list dl {

  float: left;

  width: 300px;

  margin: 0 20px 0 0;

  border-bottom: 1px solid #dddddd;

}

.pro_c .prod-hot-list dl:nth-child(3) {

  margin-right: 0;

}

.pro_c .prod-hot-list dt img {

  width: 300px;

  display: block;

}

.pro_c .prod-hot-name {

  position: relative;

  display: block;

  height: 46px;

  font-size: 16px;

  font-weight: normal;

  line-height: 46px;

  color: #333333;

  overflow: hidden;

  padding: 0 20px 0 5px;

}

.pro_c .prod-hot-name a {

  display: block;

  max-height: 46px;

  color: #333;

  padding: 0 5px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.pro_c .prod-hot-desc {

  display: none;

  margin-top: 5px;

  height: 72px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.pro_c .prod-hot-link {

  display: none;

}

.pro_c .prod-hot-list dl:hover .prod-hot-name a {

  color: #18a5b7;

}

/*对比*/

.vs {

  padding: 60px 0 20px;

}

.vs .g-title {

  background-image: url(../images/vs_t.jpg);

}

.vs-nav {

  background-image: url('../images/line.gif');

  background-repeat: no-repeat;

  background-position: center 14px;

  background-size: 1200px 1px;

  margin-top: 40px;

}

.vs-nav li {

  float: left;

  width: 300px;

  padding-top: 54px;

  position: relative;

  height: 32px;

  font-size: 22px;

  font-weight: normal;

  line-height: 32px;

  color: #333333;

  text-align: center;

  overflow: hidden;

}

.vs-nav li::before {

  position: absolute;

  content: '';

  width: 18px;

  height: 18px;

  top: 5px;

  left: 50%;

  margin-left: -9px;

  background-color: #333333;

  border-radius: 100%;

}

.vs-nav li.cur::before {

  width: 24px;

  height: 24px;

  border: 2px solid #333333;

  top: 0;

  margin-left: -14px;

  background-color: #18a5b7;

}

.vs_nr {

  padding-top: 40px;

}

.vs_c {

  width: 1200px;

  margin: 0 auto;

  overflow: hidden;

}

.vs_c .vs_sp {

  width: 580px;

  text-align: center;

  padding-bottom: 10px;

}

.vs_c .vs_sp img {

  width: 580px;

  height: 290px;

  display: block;

}

.vs_c .vs_sp span {

  display: block;

  height: 64px;

  background-color: #18a5b7;

  font-size: 20px;

  font-weight: bold;

  line-height: 64px;

  color: #333333;

  overflow: hidden;

}

.vs_c .vs_sp em {

  display: block;

  max-height: 120px;

  font-size: 16px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  overflow: hidden;

  padding-top: 15px;

}

.vs_c .vs_sp:nth-child(2n) span {

  background-color: #333333;

  color: #fff;

}

/*案例*/

.case {

  padding: 60px 0 20px;

}

.case .g-title {

  background-image: url(../images/case_t.jpg);

}

.case-box {

  padding-top: 40px;

}

.case-nav {

  height: 88px;

  background: #f7f7f7;

  overflow: hidden;

}

.case-nav li {

  float: left;

  width: 300px;

  height: 88px;

  overflow: hidden;

  text-align: center;

}

.case-nav li span {

  display: block;

  height: 30px;

  font-size: 20px;

  font-weight: normal;

  line-height: 30px;

  color: #333333;

  overflow: hidden;

  padding-top: 20px;

}

.case-nav li i {

  display: block;

  height: 22px;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  color: #666666;

  text-transform: uppercase;

  overflow: hidden;

}

.case-nav li.cur {

  background-color: #18a5b7;

}

.case-dx {

  margin-top: 20px;

  height: 600px;

}

.case-pic {

  height: 600px;

  position: relative;

}

.case-pic img {

  width: 1200px;

  height: 600px;

  display: block;

}

.case-pa {

  position: absolute;

  width: 1130px;

  height: 40px;

  padding: 15px 35px;

  left: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.6);

}

.case-pa em {

  float: right;

  width: 140px;

}

.case-pa em a {

  display: block;

  height: 40px;

  font-size: 14px;

  font-weight: normal;

  line-height: 40px;

  color: #050505;

  text-align: center;

  overflow: hidden;

  background-color: #18a5b7;

}

.case-pa span {

  float: left;

  max-width: 940px;

  height: 40px;

  font-size: 18px;

  font-weight: normal;

  line-height: 40px;

  color: #ffffff;

  overflow: hidden;

}

/*优势*/

.ys {

  padding: 60px 0 20px;

}

.ys .g-title {

  background-image: url(../images/ys_t.jpg);

}

.ys-box {

  padding-top: 40px;

}

.ys-box dl {

  padding-bottom: 60px;

}

.ys-box dl.last {

  padding-bottom: 0;

}

.ys-box dt {

  width: 600px;

}

.ys-box dt img {

  width: 600px;

  height: 450px;

  display: block;

}

.ys-box dd {

  width: 540px;

  padding-top: 35px;

}

.ys-box dd h2 {

  height: 44px;

  font-size: 28px;

  font-weight: bold;

  line-height: 44px;

  color: #333333;

  text-transform: uppercase;

  overflow: hidden;

}

.ys-box dd p {

  height: 60px;

}

.ys-box dd p span {

  float: left;

  max-width: 48%;

  height: 60px;

  font-size: 46px;

  font-weight: bold;

  line-height: 60px;

  color: #333333;

  overflow: hidden;

}

.ys-box dd p em {

  float: left;

  max-width: 48%;

  height: 40px;

  font-size: 30px;

  font-weight: normal;

  line-height: 40px;

  color: #333333;

  overflow: hidden;

  padding: 20px 0 0 4%;

}

.ys-desc {

  padding-top: 30px;

  max-height: 208px;

  overflow: hidden;

}

.ys-desc li em {

  float: left;

  width: 40px;

  height: 20px;

  font-size: 20px;

  font-weight: normal;

  line-height: 20px;

  color: #18a5b7;

  text-align: left;

  overflow: hidden;

}

.ys-desc li span {

  float: left;

  width: 500px;

  font-size: 14px;

  font-weight: normal;

  line-height: 26px;

  color: #333333;

}

/*荣誉资质*/

.honor {

  padding: 60px 0 20px;

}

.honor .g-title {

  background-image: url(../images/ry_t.jpg);

}

.honor-box {

  padding-top: 40px;

  position: relative;

}

.honor-ul {

  padding: 10px 0 !important;

}

.honor-ul li {

  float: left;

  width: 240px;

  margin: 0 10px;

  background-color: #fff;

  padding: 40px 20px 20px;

  box-shadow: 0 0 10px 2px #e0e0e0;

  -moz-box-shadow: 0 0 10px 2px #e0e0e0;

  -webkit-box-shadow: 0 0 10px 2px #e0e0e0;

  -o-box-shadow: 0 0 10px 2px #e0e0e0;

}

.honor-ul li img {

  display: block;

  width: 240px;

  height: 320px;

}

.honor-ul li span {

  display: block;

  height: 40px;

  font-size: 16px;

  font-weight: normal;

  line-height: 40px;

  color: #222222;

  text-align: center;

  overflow: hidden;

  padding-top: 20px;

}

.rPrev,

.rNext {

  position: absolute;

  width: 60px;

  height: 60px;

  bottom: 50%;

  margin-bottom: -30px;

  z-index: 10;

  cursor: pointer;

}

.rPrev img,

.rNext img {

  width: 60px;

  height: 60px;

}

.rPrev {

  left: -75px;

}

.rNext {

  right: -75px;

}

/*关于我们*/

.about {

  padding: 60px 0 70px 0;

}

.about .g-title {

  background-image: url(../images/about_t.jpg);

  margin-bottom: 30px;

}

.about dt {

  float: left;

  width: 600px;

  overflow: hidden;

}

.about dt img {

  width: 600px;

  height: 450px;

  display: block;

}

.about dd {

  float: right;

  width: 550px;

  padding: 100px 0 0;

  overflow: hidden;

}

.about dd h4 {

  border-bottom: 1px solid #dfdfe0;

  overflow: hidden;

  padding-bottom: 10px;

}

.about dd h4 span {

  display: block;

  height: 34px;

  font-size: 26px;

  line-height: 34px;

  color: #333;

  overflow: hidden;

}

.about dd h4 em {

  display: block;

  height: 30px;

  font-size: 14px;

  font-weight: normal;

  line-height: 30px;

  color: #666666;

  overflow: hidden;

}

.about dd .about_sp {

  font-size: 14px;

  font-weight: normal;

  line-height: 28px;

  color: #555555;

  max-height: 224px;

  overflow: hidden;

  padding-top: 25px;

  margin: 0;

}

.xc-nav {

  width: 540px;

  height: 56px;

  padding: 0 330px;

  background-color: #f7f7f7;

  margin-top: 65px;

}

.xc-nav li {

  float: left;

  width: 150px;

  height: 54px;

  border-bottom: 2px solid transparent;

  margin: 0 15px;

  cursor: pointer;

}

.xc-nav li em {

  display: block;

  height: 54px;

  font-size: 18px;

  font-weight: normal;

  line-height: 54px;

  color: #000000;

  text-align: center;

  overflow: hidden;

}

.xc-nav li:hover,

.xc-nav li.cur {

  font-weight: bold;

  border-bottom: 2px solid #18a5b7;

  position: relative;

}

.xc-nav li:hover::before,

.xc-nav li.cur::before {

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  bottom: -10px;

  left: 50%;

  margin-left: -8px;

  border-top: 8px solid #18a5b7;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  z-index: 2;

}

.xc_nr {

  padding-top: 30px;

}

.xc_c li {

  float: left;

  width: 284px;

  margin-right: 21px;

  position: relative;

}

.xc_c li:last-child {

  margin-right: 0;

}

.xc_c li img {

  width: 284px;

  height: 213px;

  display: block;

}

.xc_c li span {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 40px;

  background-color: rgba(0, 0, 0, 0.6);

  text-align: center;

  font-size: 16px;

  font-weight: normal;

  line-height: 40px;

  color: #ffffff;

  overflow: hidden;

}

/*返回顶部*/

.sidebar {

  display: -webkit-box;

  display: -ms-flexbox;

  position: fixed;

  bottom: 20px;

  right: 19px;

  z-index: 110;

  height: 44px;

  width: 44px;

}

.sidebar-itme:hover span {

  display: block;

}

.sidebar-itme span {

  display: none;

  width: 66px;

  height: 24px;

  font-size: 12px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  text-align: center;

  border-radius: 4px;

  background-color: #eee;

  position: absolute;

  right: 54px;

  top: 50%;

  margin-top: -12px;

}

.sidebar img {

  width: 44px;

  height: 44px;

  background-color: #ccc;

  border-radius: 2px;

  cursor: pointer;

  transition: background 0.3s ease-in-out;

  -webkit-transition: background 0.3s ease-in-out;

  outline: 0;

}

.sidebar:hover img {

  background-color: #18a5b7;

}

.sidebar .fh {

  display: none;

}

/*******************************内页************************************/

/*广告*/

.min-banner {

  height: 350px;

  position: relative;

}

.min-banner img {

  width: 1920px;

  height: 350px;

  position: absolute;

  left: 50%;

  margin-left: -960px;

}

/*面包屑*/

.crumbs-1 {

  height: 65px;

  font-size: 14px;

  border-bottom: 1px dashed #dcdcdc;

  margin-bottom: 30px;

}

.crumbs-1 b {

  font-weight: normal;

}

.crumbs-1 i {

  font-style: normal;

}

.crumbs-1 span {

  padding: 0 5px;

  height: 65px;

  line-height: 65px;

}

.crumbs-1 a:hover {

  color: #18a5b7;

}

/*标题通用样式*/

.title2 {

  text-align: center;

  margin-top: 30px;

}

.title2 span {

  display: block;

  height: 42px;

  font-size: 30px;

  font-weight: bold;

  line-height: 42px;

  color: #000000;

  overflow: hidden;

}

.title2 em {

  display: block;

  height: 24px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  text-transform: uppercase;

  overflow: hidden;

  padding-top: 5px;

}

/*公司简介*/

.jej {

  padding: 50px 0 60px;

}

.jej-box {

  position: relative;

  margin: 0 auto;

  width: 1200px;

}

.jej-box img {

  width: 1200px;

  height: 600px;

  display: block;

  margin: 0 auto;

}

.jej-desc {

  width: 960px;

  padding: 30px;

  background: rgba(250, 250, 250, 0.88);

  position: relative;

  margin: -150px auto 0;

  border: 1px solid #dedede;

  box-shadow: 2px 2px 20px #ccc;

}

.jej-desc h4 {

  height: 34px;

  font-size: 24px;

  font-weight: normal;

  line-height: 34px;

  color: #000000;

  text-align: center;

  overflow: hidden;

}

.jej-desc .jej_sp {

  margin: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  overflow: hidden;

  padding-top: 15px;

}

/*应用案例*/

.ali {

  padding: 40px 0 60px;

}

.ali-box ul {

  width: 1200px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -webkit-flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-justify-content: space-between;

}

.ali-box li {

  width: 285px;

  height: 214px;

  float: left;

  margin-right: 20px;

  margin-bottom: 20px;

  overflow: hidden;

}

.ali-box li img {

  width: 285px;

  height: 214px;

}

.ali-box li.nones {

  margin-right: 0px;

}

/*资讯详情*/

.article-title {

  height: 60px;

  margin: 30px 0 10px;

  font-size: 24px;

  font-weight: normal;

  line-height: 60px;

  color: #4b4a4a;

  text-align: center;

  overflow: hidden;

}

.article-sour {

  height: 24px;

  font-size: 12px;

  line-height: 24px;

  color: #aaa;

  text-align: right;

  width: 930px;

  margin: 0 auto 5px;

}

.article-sour em {

  height: 24px;

  max-width: 48%;

  display: inline-block;

  overflow: hidden;

  word-break: break-all;

}

.article-soura {

  color: #aaa;

}

.article-desc {

  padding: 16px 18px;

  font-size: 14px;

  line-height: 24px;

  border: 1px solid #d6d6d6;

  margin-bottom: 22px;

}

.article-desc-t1 {

  width: 78px;

  float: left;

  color: #342f2e;

  margin-right: -78px;

}

.article-desc-t2 {

  padding-left: 80px;

}

.article-sourspan {

  margin: 0 9px;

}

.endit-content {

  margin-bottom: 20px;

}

/*副导航*/

.left-nav-01 {

  margin-bottom: 20px;

}

.left-nav-01-tit {

  background: #18a5b7;

  height: 80px;

}

.left-nav-01-tit h2 {

  padding: 0 10px;

  height: 75px;

  font-size: 24px;

  font-weight: normal;

  line-height: 75px;

  color: #ffffff;

  border-bottom: 1px solid #fff;

  text-align: center;

  overflow: hidden;

}

.left-nav-01-one > li {

  background-color: #ccc;

  background-image: url('../images/left-nav-icon1.png');

  background-repeat: no-repeat;

  background-position: 90% 20px;

  background-size: 11px 11px;

  margin-bottom: 2px;

}

.left-nav-01-one > li h3 a {

  display: block;

  margin: 0 40px 0 0;

  padding-left: 32px;

  height: 50px;

  font-size: 18px;

  font-weight: normal;

  line-height: 50px;

  color: #333333;

  overflow: hidden;

}

.left-nav-01-one > li.sidenavcur,

.left-nav-01-one > li:hover {

  background-image: url('../images/left-nav-icon2.png');

  background-repeat: no-repeat;

  background-position: right 20px;

  background-size: 38px 11px;

  background-color: #18a5b7;

}

.left-nav-01-one > li.sidenavcur .left-nav-01-two,

.left-nav-01-one > li:hover .left-nav-01-two {

  display: block;

}

.left-nav-01-one > li.sidenavcur > h3 > a,

.left-nav-01-one > li:hover > h3 > a {

  color: #fff;

}

.left-nav-01-two {

  display: none;

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

}

.left-nav-01-two li {

  height: 50px;

  font-size: 16px;

  line-height: 50px;

  background: #ECECEC;

  position: relative;

  border-bottom: 1px solid #fff;

}

.left-nav-01-two h3 a {

  display: block;

  color: #666;

  padding: 0 40px;

}

.left-nav-01-two li:after {

  content: "";

  width: 8px;

  height: 8px;

  border: 2px solid #b8b8b8;

  border-style: solid solid none none;

  position: absolute;

  top: 50%;

  right: 32px;

  margin-top: -4px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.left-nav-01-two li:hover h3 a,

.left-nav-01-two li.sidenavcur h3 a {

  color: #333;

}

.left-nav-01-two li:hover:after,

.left-nav-01-two li.sidenavcur:after {

  border-color: #333;

}

/*联系信息*/

.fdh-01-tit {

  background: #18a5b7;

  height: 80px;

}

.fdh-01-tit h3 {

  height: 75px;

  font-size: 24px;

  font-weight: normal;

  line-height: 75px;

  color: #333333;

  border-bottom: 1px solid #fff;

  text-align: center;

  overflow: hidden;

}

.p6-order-form-1-add {

  border: 1px solid #eee;

  overflow: hidden;

  margin-bottom: 40px;

}

.p6-order-form-1-add ul {

  padding: 20px 12px;

}

.p6-order-form-1-add li {

  font-size: 14px;

  font-weight: normal;

  line-height: 34px;

  color: #666666;

}

/*分页*/

.pagination-1 {

  margin: 30px auto 60px;

  height: 30px;

  text-align: center;

}

.pagination-1 a,

.pagination-1 span {

  vertical-align: top;

  display: inline-block;

  padding: 0 8px;

  height: 26px;

  line-height: 26px;

  border: 1px solid #e5e5e5;

  text-align: center;

  margin: 0 2px;

  background: #fff;

}

.pagination-1 span {

  border: 1px solid #fff;

}

.pagination-1 .page_curr {

  background: #18a5b7;

  color: #fff;

  border-color: #18a5b7;

}

.pagination-1 .laypage_first,

.pagination-1 .laypage_last {

  display: none;

}

/*产品----------------------------------------------------------------------------------------------------------------------*/

/*产品列表*/

.prod-list01.list-style-01 {

  width: 930px;

}

.list-style-01 .prod-list01-tit {

  height: 40px;

  border-bottom: 1px solid #d4d4d4;

  padding-top: 10px;

  margin-bottom: 14px;

}

.list-style-01 .prod-list01-tit .prod-list01-desc-tit {

  height: 40px;

  display: inline-block;

  font-size: 24px;

  font-weight: normal;

  line-height: 40px;

  color: #333;

  border-bottom: 1px solid #18a5b7;

  overflow: hidden;

}

.list-style-01 .prod-list01-list {

  text-align: center;

  font-size: 0;

  line-height: 0;

}

.list-style-01 .prod-list01-list dl {

  border: 1px solid #dedede;

  margin-bottom: 15px;

  background: #fff;

  width: 290px;

  margin: 0 9px 20px;

  float: left;

}

.list-style-01 .prod-list01-list dl:hover {

  border-color: #18a5b7;

}

.list-style-01 .prod-list01-list dt img {

  width: 100%;

  margin: 0 auto;

  display: block;

}

.list-style-01 .prod-list01-list dd {

  padding: 0 14px;

}

.list-style-01 .prod-list01-list .prod-list01-name {

  height: 45px;

  font-weight: normal;

  font-size: 20px;

  color: #333;

  line-height: 45px;

  text-align: center;

}

.list-style-01 .prod-list01-list .prod-list01-name a {

  display: block;

  height: 45px;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list-style-01 .prod-list01-list h4 a {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list-style-01 .prod-list01-list-desc {

  height: 24px;

  font-size: 14px;

  line-height: 24px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: none;

}

.list-style-01 .prod-list01-list-desc,

.list-style-01 .prod-list01-link {

  display: none;

}

/*联系我们*/

.prod-contact {

  padding: 50px 0 40px;

}

.prod-contact-box {

  padding: 25px 60px 30px;

  background-color: #f0f0f0;

  margin-top: 30px;

}

.prod-contact-box h2 span {

  display: block;

  height: 60px;

  font-size: 24px;

  font-weight: bold;

  line-height: 60px;

  color: #0f0e0d;

  border-bottom: 1px solid #dbdbdb;

}

.prod-contact-box li {

  height: 70px;

  font-size: 16px;

  font-weight: normal;

  line-height: 70px;

  color: #555555;

  padding-left: 58px;

  margin-top: 15px;

  border-bottom: 1px dashed #b1b1b1;

  background-repeat: no-repeat;

  background-position: center left;

  background-size: 45px 45px;

  overflow: hidden;

}

.prod-contact-box li.uli01 {

  background-image: url(../images/a749d5d1417949888ac4d143ccac7bef_60.png);

}

.prod-contact-box li.uli02 {

  background-image: url(../images/a749d5d1417949888ac4d143ccac7bef_61.png);

}

.prod-contact-box li.uli03 {

  background-image: url(../images/a749d5d1417949888ac4d143ccac7bef_62.png);

}

.prod-contact-box li.uli04 {

  background-image: url(../images/a749d5d1417949888ac4d143ccac7bef_63.png);

}

.prod-contact-box li span {

  float: left;

  margin-right: 30px;

}

.prod-contact-box li a {

  color: #555;

}

/*资讯列表*/

.prod-list01.list-style-02 {

  width: 930px;

}

.list-style-02 .prod-list01-tit {

  height: 40px;

  border-bottom: 1px solid #d4d4d4;

  padding-top: 10px;

  margin-bottom: 14px;

}

.list-style-02 .prod-list01-tit .prod-list01-desc-tit {

  height: 40px;

  display: inline-block;

  font-size: 24px;

  font-weight: normal;

  line-height: 40px;

  color: #333;

  border-bottom: 1px solid #18a5b7;

  overflow: hidden;

}

.list-style-02 .prod-list01-list dl {

  border: 1px solid #dedede;

  margin-bottom: 15px;

  background: #fff;

  width: 100%;

  margin: 0 0 20px;

  padding: 15px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;

  justify-content: space-between;

  -webkit-justify-content: space-between;

}

.list-style-02 .prod-list01-list dl:hover {

  border-color: #18a5b7;

}

.list-style-02 .prod-list01-list dl:hover .prod-list01-link {

  background: #18a5b7;

}

.list-style-02 .prod-list01-list dl:hover .prod-list01-link a {

  color: #fff;

}

.list-style-02 dt {

  width: 32%;

  float: left;

}

.list-style-02 .prod-list01-list dt img {

  width: 100%;

  margin: 0 auto;

  display: block;

}

.list-style-02 dd {

  width: 60%;

  padding: 10px 0 0;

  margin-right: 2%;

  float: right;

}

.list-style-02 .prod-list01-list .prod-list01-name {

  height: 40px;

  font-weight: normal;

  font-size: 20px;

  color: #333;

  line-height: 40px;

  margin-bottom: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list-style-02 .prod-list01-list h4 a {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list-style-02 .prod-list01-list-desc {

  max-height: 48px;

  font-size: 14px;

  line-height: 24px;

  color: #797979;

  margin-bottom: 28px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.list-style-02 .prod-list01-link {

  width: 90px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  display: block;

  float: right;

  background: #b6b6b6;

  color: #fff;

}

.list-style-02 .prod-list01-link a {

  display: block;

  color: #fff;

}

/*联系我们*/

.contact {

  padding-top: 30px;

  margin-bottom: 50px;

}

.contact-title {

  height: 80px;

  font-size: 32px;

  color: #222;

  text-align: center;

  position: relative;

  margin-bottom: 40px;

}

.contact-title:after {

  content: "";

  width: 70px;

  height: 2px;

  background-color: #999999;

  position: absolute;

  bottom: 3px;

  left: 50%;

  margin-left: -35px;

}

.contact-title:before {

  content: "";

  width: 8px;

  height: 8px;

  background-color: #18a5b7;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -2px;

  z-index: 99;

}

.contact-title p,

.contact-title h2 {

  font-size: 32px;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

}

.contact-title span,

.contact-title em {

  height: 28px;

  text-transform: uppercase;

  display: block;

  overflow: hidden;

  font-size: 16px;

  color: #666;

  line-height: 28px;

}

.contact-txt {

  padding: 10px 20px;

  margin-bottom: 30px;

  background: #f4f4f4;

}

.contact-txt img {

  width: 180px;

  height: 180px;

  float: left;

}

.contact-txt p,

.contact-txt .contact-txt-desc {

  width: 930px;

  float: right;

}

.contact-txt p {

  height: 50px;

  font-size: 24px;

  color: #18a5b7;

  line-height: 50px;

  margin: 10px 0;

  overflow: hidden;

}

.contact-txt .contact-txt-desc {

  font-size: 15px;

  line-height: 28px;

  color: #000;

}

.contact-list {

  margin-bottom: 40px;

}

.contact-deta {

  float: left;

  border: 1px solid #eee;

  width: 262px;

  min-height: 190px;

  text-align: center;

  margin-right: 20px;

  color: #666;

  padding: 20px 10px 10px;

}

.contact-deta.last {

  margin-right: 0;

}

.contact-icon {

  width: 50px;

  height: 50px;

  background-color: #18a5b7;

  border-radius: 50%;

  margin: 0 auto 20px;

  overflow: hidden;

}

.contact-icon img {

  width: 50px;

  height: 50px;

}

.contact-list-txt {

  min-height: 40px;

  font-size: 18px;

  color: #222;

  line-height: 40px;

}

.contact-info {

  font-size: 16px;

  line-height: 24px;

  color: #555;

}

.contact-info a {

  color: #555;

}

.contact-map img {

  max-width: 100%;

  margin: 0 auto;

  display: block;

}

/*热品推荐*/

.prod-hot {

  padding: 30px 0 30px;

}

.prod-hot .prod-hot-list {

  margin: 30px 0 40px;

  position: relative;

}

.prod-hot .prod-hot-prev {

  width: 30px;

  height: 84px;

  position: absolute;

  top: 50%;

  left: -40px;

  cursor: pointer;

  margin-top: -42px;

  background-image: url('../images/prod-hot-prev-icon1.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 30px 84px;

}

.prod-hot .prod-hot-next {

  width: 30px;

  height: 84px;

  position: absolute;

  top: 50%;

  right: -40px;

  cursor: pointer;

  margin-top: -42px;

  background-image: url('../images/prod-hot-next-icon1.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 30px 84px;

}

.prod-hot .prod-hot-list dl {

  height: auto;

  float: left;

  width: 220px;

  margin-right: 14px;

  border: 1px solid #dfdfdf;

  background-color: #f7f7f7;

}

.prod-hot .prod-hot-list dl:nth-child(4n) {

  margin-right: 0;

}

.prod-hot .prod-hot-list dl.last {

  margin-right: 0;

}

.prod-hot .prod-hot-list dt img {

  width: 220px;

  display: block;

}

.prod-hot .prod-hot-list dd {

  padding: 10px 10px 10px;

}

.prod-hot .prod-hot-name {

  font-size: 16px;

  font-weight: normal;

  line-height: 24px;

  color: #333333;

  max-height: 48px;

  overflow: hidden;

}

.prod-hot .prod-hot-name a {

  display: block;

  max-height: 48px;

  color: #333;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.prod-hot .prod-hot-desc {

  margin-top: 5px;

  height: 72px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.prod-hot .prod-hot-link {

  display: none;

}

/*产品橱窗*/

.pc-cx-tel-1 {

  position: absolute;

  right: 2%;

  bottom: 16px;

  padding-top: 10px;

  width: 50%;

  height: 56px;

  border-top: 2px solid #e6e6e6;

}

.pc-cx-tel-1-t1 {

  float: right;

  width: 114px;

  background-color: #18a5b7;

  text-align: center;

}

.pc-cx-tel-1-t1 a {

  display: block;

  height: 44px;

  font-size: 18px;

  font-weight: normal;

  line-height: 44px;

  color: #0f0e0d;

  overflow: hidden;

}

.pc-cx-tel-1-t2 {

  width: 255px;

  padding-left: 70px;

  height: 56px;

  background-image: url('../images/pc-xc-icon2.png');

  background-repeat: no-repeat;

  background-position: 10px 0px;

  background-size: 40px 40px;

}

.pc-cx-tel-1-t2 span {

  display: block;

  height: 22px;

  font-size: 18px;

  font-weight: normal;

  line-height: 22px;

  color: #454545;

  overflow: hidden;

}

.pc-cx-tel-1-t2 em {

  display: block;

  height: 24px;

  font-size: 18px;

  font-weight: normal;

  line-height: 24px;

  color: #454545;

  overflow: hidden;

}

.p15-showcase {

  position: relative;

  padding: 15px 18px 16px 20px;

  border: 1px solid #eee;

}

.p15-showcase-right-con {

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  overflow: hidden;

  height: 144px;

}

.p15-showcase-left {

  position: relative;

  float: left;

  overflow: hidden;

  margin-right: 24px;

  width: 400px;

  border: 1px solid #e7e7e7;

  line-height: 0;

}

.p15-showcase-left-jt {

  position: absolute;

  top: 50%;

  z-index: 33;

  margin-top: -11px;

  width: 12px;

  height: 23px;

  cursor: pointer;

}

.p15-showcase-left-prev {

  left: 10px;

}

.p15-showcase-left-next {

  right: 10px;

}

.p15-showcase-left-size {

  position: absolute;

  right: 0;

  bottom: 0;

  padding: 0 15px;

  width: 28px;

  height: 28px;

  font-size: 14px;

  font-weight: normal;

  line-height: 16px;

  color: #666666;

}

.p15-showcase-left-size em {

  font-style: normal;

}

.p15-showcase-left-pic {

  width: 400px;

  text-align: center;

}

.p15-showcase-left-pic li {

  float: left;

}

.p15-showcase-left-pic img {

  display: block;

  width: 400px;

  height: 400px;

}

.p15-showcase-right {

  float: left;

  width: 460px;

  padding-top: 30px;

}

.p15-showcase-right-tit {

  overflow: hidden;

  margin-bottom: 16px;

  height: 40px;

  font-size: 24px;

  font-weight: normal;

  line-height: 40px;

  color: #454545;

  text-overflow: ellipsis;

  white-space: nowrap;

}

/*标题通用样式*/

.title {

  text-align: center;

}

.title span {

  display: block;

  height: 42px;

  font-size: 30px;

  font-weight: bold;

  line-height: 42px;

  color: #000000;

  overflow: hidden;

}

.title em {

  display: block;

  height: 24px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #666666;

  text-transform: uppercase;

  overflow: hidden;

  padding-top: 5px;

}

/*效果图*/

.effect li {

  float: left;

  width: 245px;

  padding: 20px;

  box-shadow: 0 0 5px;

  text-align: center;

  height: 210px;

}

.effect li img {

  width: 80px;

  height: 80px;

  display: block;

  margin: 0 auto 20px;

  background-color: #18a5b7;

  border-radius: 100%;

}

.effect li span {

  display: block;

  height: 34px;

  font-size: 22px;

  font-weight: normal;

  line-height: 34px;

  color: #333333;

  padding-top: 10px;

  text-align: center;

  overflow: hidden;

}

.effect li em {

  display: block;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  color: #666666;

  text-align: center;

  max-height: 66px;

  overflow: hidden;

  padding-top: 10px;

}

/*产品特点*/

.ted-ul {

  padding-top: 25px;

}

.ted-ul li {

  float: left;

  width: 365px;

  padding: 30px 40px;

  background-color: #18a5b7;

  margin: 0 40px 30px 0;

}

.ted-ul li.mr0 {

  margin-right: 0;

}

.ted-ul li h2 {

  height: 30px;

  font-size: 18px;

  font-weight: normal;

  line-height: 30px;

  color: #333333;

  overflow: hidden;

}

.ted-ul li p {

  margin: 0;

  height: 66px;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  color: #333333;

  overflow: hidden;

  padding-top: 5px;

}

/*颜色样式*/

.yse-pic img {

  max-width: 100%;

  display: block;

}

/*案例展示*/

.pro-case-box {

  padding-top: 40px;

  overflow: hidden;

}

.pro-case-box li {

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

  width: 225px;

  height: 169px;

}

.pro-case-box li img {

  width: 225px;

  height: 169px;

}

.pro-case-box li.nones {

  margin-right: 0px;

}

/*联系我们*/

.lxi {

  padding: 50px 0 30px 0;

}

.lxi-box {

  padding: 25px 60px 30px;

  margin-top: 30px;

}

.lxi-box h2 span {

  display: block;

  height: 60px;

  font-size: 24px;

  font-weight: bold;

  line-height: 60px;

  color: #0f0e0d;

  border-bottom: 1px solid #dbdbdb;

  overflow: hidden;

}

.lxi-box li {

  max-height: 140px;

  font-size: 16px;

  font-weight: normal;

  line-height: 70px;

  color: #555555;

  padding-left: 58px;

  margin-top: 15px;

  border-bottom: 1px dashed #b1b1b1;

  overflow: hidden;

  position: relative;

}

.lxi-box li i {

  position: absolute;

  width: 45px;

  height: 45px;

  background-size: 45px, 45px;

  z-index: 1;

  left: 0;

  top: 13px;

}

.lxi-box li.uli01 i {

  background-image: url('../images/a749d5d1417949888ac4d143ccac7bef_60.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 45px 45px;

}

.lxi-box li.uli02 i {

  background-image: url('../images/a749d5d1417949888ac4d143ccac7bef_61.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 45px 45px;

}

.lxi-box li.uli03 i {

  background-image: url('../images/a749d5d1417949888ac4d143ccac7bef_62.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 45px 45px;

}

.lxi-box li.uli04 i {

  background-image: url('../images/a749d5d1417949888ac4d143ccac7bef_63.png');

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 45px 45px;

}

.lxi-box li a {

  color: #555;

}

/*产品定制*/

.prodz_fw {

  background-image: url('../images/prodz_i1.jpg');

  background-repeat: no-repeat;

  background-position: center 138px;

  background-size: 1920px 530px;

  min-height: 800px;

  margin: 50px auto 50px;

  overflow: hidden;

}

.prodz_fw .contact-title {

  margin-bottom: 80px;

  overflow: hidden;

}

.prodz_txt {

  height: 130px;

  margin: 40px auto 20px;

  width: 1200px;

  overflow: hidden;

}

.prodz_txt1 {

  padding: 0 50px;

  max-height: 70px;

  overflow: hidden;

  text-align: center;

  font-size: 22px;

  font-weight: normal;

  line-height: 35px;

  color: #ffffff;

}

.prodz_txt2 {

  padding: 0 50px;

  max-height: 60px;

  overflow: hidden;

  margin: 0 auto;

  text-align: center;

  font-size: 16px;

  font-weight: normal;

  line-height: 30px;

  color: #ffffff;

}

.prodz_ul1 {

  overflow: hidden;

  margin-top: 40px;

}

.prodz_ul1 li {

  position: relative;

  float: left;

  border: 1px solid #dedede;

  margin-right: 35px;

  width: 360px;

  padding: 7px;

}

.prodz_ul1 li.nones {

  margin-right: 0;

}

.prodz_ul1 li img {

  width: 360px;

  height: 360px;

}

.prodz_ul1 li span {

  display: block;

  position: absolute;

  bottom: 13px;

  left: 123px;

  width: 110px;

  padding: 0 10px;

  height: 65px;

  background-color: #fff;

  border-radius: 200px 200px 0 0;

  font-size: 18px;

  font-weight: bold;

  line-height: 80px;

  color: #0a0707;

  text-align: center;

}

.prodz_ul1 li:hover span {

  color: #18a5b7;

}

/*prodz_dl*/

.prodz_ys {

  margin: 30px auto 20px;

  overflow: hidden;

}

.prodz_dl {

  width: 1200px;

  margin: 0 auto 0px;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -webkit-flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-justify-content: space-between;

}

.prodz_dl dl {

  float: left;

  width: 580px;

  overflow: hidden;

  margin-bottom: 40px;

  border: 1px solid #e1e1e1;

}

.prodz_dl dl dt {

  width: 580px;

  height: 435px;

  display: block;

}

.prodz_dl dl dt img {

  width: 580px;

  height: 435px;

  display: block;

}

.prodz_dl dl dd {

  width: 580px;

  padding: 50px 28px 0;

  background: #fff;

  box-sizing: border-box;

  position: relative;

}

.prodz_dl dl dd span {

  width: 60px;

  height: 68px;

  overflow: hidden;

  display: block;

  position: absolute;

  top: -34px;

  left: 30px;

  background-color: #18a5b7;

  font-size: 30px;

  font-weight: bold;

  line-height: 68px;

  color: #ffffff;

  word-break: break-all;

  padding: 0 4px;

  text-align: center;

}

.prodz_dl dl dd h3 {

  height: 60px;

  overflow: hidden;

}

.prodz_dl dl dd h3 em {

  display: inline-block;

  float: left;

  max-width: 49%;

  padding-left: 1%;

  height: 68px;

  overflow: hidden;

  font-size: 24px;

  font-weight: normal;

  line-height: 68px;

  color: #343434;

}

.prodz_dl dl dd h3 i {

  display: inline-block;

  float: left;

  max-width: 50%;

  height: 68px;

  overflow: hidden;

  font-size: 24px;

  font-weight: bold;

  line-height: 68px;

  color: #f56b1b;

  font-style: normal;

}

.prodz_dl dl dd .proys_sp {

  height: 72px;

  margin-bottom: 20px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  color: #6d6d6d;

  overflow: hidden;

  text-align: left;

}

.prodz_dl .dl2,

.prodz_dl .dl4 {

  float: right;

}

/*lc*/

.prodz_lc {

  height: 570px;

  box-sizing: border-box;

  background: #f3f3f3;

  padding-top: 50px;

  overflow: hidden;

  font-family: "Microsoft Yahei";

}

.prodz_lc .contact-title i:after {

  border: 5px solid #f3f3f3;

}

.prodz_lc2 dl {

  margin-top: 50px;

  width: 222px;

  height: 250px;

  margin-right: 22px;

  float: left;

  background: #fff;

  box-shadow: 0 0 10px #ccc;

  position: relative;

}

.prodz_lc2 dl dt {

  width: 109px;

  height: 109px;

  margin: -50px auto 0;

}

.prodz_lc2 dl dt img {

  background-color: #18a5b7;

  width: 109px;

  height: 109px;

  border-radius: 100%;

}

.prodz_lc2 dl dd {

  padding-top: 25px;

}

.prodz_lc2 dl dd em {

  display: block;

  text-align: center;

  padding: 0 5px;

  word-break: break-all;

  font-size: 14px;

  overflow: hidden;

  height: 30px;

  line-height: 30px;

  font-weight: bold;

  color: #c3c3c3;

  font-style: normal;

}

.prodz_lc2 dl dd h3 {

  display: block;

  text-align: center;

  padding: 0 5px;

  font-size: 24px;

  height: 44px;

  overflow: hidden;

  line-height: 44px;

  color: #343434;

  font-weight: normal;

  word-break: break-all;

}

.prodz_lc2 dl dd .prolc_sp {

  margin: 5px 10px 0;

  line-height: 22px;

  height: 66px;

  overflow: hidden;

  font-size: 16px;

  color: #939393;

  text-align: center;

  word-break: break-all;

}

.prodz_lc2 dl:nth-child(5) {

  margin-right: 0;

}

/*prodz_anli*/

.prodz_anli {

  margin: 50px auto;

  overflow: hidden;

}

.prodz_anli2 {

  margin: 0 auto;

  height: 400px;

}

.prodz_anli2 dl {

  float: left;

  width: 250px;

  height: 350px;

  padding: 15px;

  background: #fff;

  margin: 0 26px 0 0;

  box-shadow: 0 0 5px #cac8c8;

}

.prodz_anli2 dl dt {

  width: 250px;

  height: 188px;

}

.prodz_anli2 dl dt img {

  width: 250px;

  height: 188px;

}

.prodz_anli2 dl:nth-child(4) {

  margin-right: 0;

}

.prodz_anli2 dl dd h3 {

  display: block;

  text-align: center;

  padding-top: 5px;

  font-size: 20px;

  font-weight: bold;

  height: 50px;

  overflow: hidden;

  line-height: 50px;

  color: #343434;

}

.prodz_anli2 dl dd .prodz_sp {

  margin: 5px 0 0;

  line-height: 25px;

  height: 100px;

  overflow: hidden;

  font-size: 14px;

  color: #939393;

  text-align: left;

}

.prodz_baozhan {

  overflow: hidden;

  width: 1200px;

  height: 65px;

  margin: 0 auto 0;

}

.prodz_baozhan h4 {

  float: left;

  font-size: 16px;

  color: #fff;

  padding: 0 5px;

  width: 150px;

  height: 65px;

  line-height: 65px;

  background-color: #18a5b7;

  text-align: center;

}

.prodz_baozhan .prodz_baozhan2 {

  width: 1000px;

  float: left;

  margin-left: 40px;

  height: 65px;

}

.prodz_baozhan .prodz_baozhan2 em {

  width: 30%;

  float: left;

  font-size: 16px;

  color: #555;

  line-height: 65px;

  height: 65px;

  overflow: hidden;

  padding: 0 1.6%;

  border-right: 1px solid #d1d1d1;

}

.prodz_baozhan .prodz_baozhan2 em:last-child {

  border: 0;

}

.prodz_baozhan .prodz_baozhan2 em:hover {

  color: #000;

}