/*generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #f5f5f5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #e2e2e2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







 ::selection {



  background-color: #0bae6e;



  color: #fff;



}







::-moz-selection {



  background-color: #0bae6e;



  color: #fff;



}







::-webkit-selection {



  background-color: #0bae6e;



  color: #fff;



}



* {



    padding: 0;



    margin: 0;



    font-family: 'microsoft yahei', arial, helvetica, clean, sans-serif;



}







body {



    font: 14px/1.231 'microsoft yahei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;

    max-width:100%;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.fixednav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentelement.scrolltop));



}



.ny_banner{

  width: 100%;

  overflow: hidden;

}



.yc {



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.gd {



  -webkit-transition: .5s;



  transition: .5s;



}







.top {



  -webkit-transform: translatey(-5px);



  transform: translatey(-5px);



}







.righta {



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



}







.dx {



  text-transform: uppercase;



}







.left {



  float: left;



}







.right {



  float: right;



}







.clearboth {



  clear: both;



}







.content-1 {



  width: 1200px;



  margin: 0 auto;



}







.content-all {



  width: 1200px;



  margin: 0 auto;



  position: relative;



}







/*pagebanner*/



.pagebanner {



  width: 100%;



  height: 280px;



  overflow: hidden;



}







.pagebanner img {



  width: 100%;



  height: 280px;



  display: block;



}







/*crumbs*/



.crumbs {



  width: 100%;



  height: 20px;



  background: #f8f8f8;



  padding: 15px 0;



}







.crumbs img {



  vertical-align: text-top;



  padding-right: 10px;



}







/*caselist*/



.caselist {



  overflow: hidden;



}







.caselist .caselistl {



  width: 290px;



  margin-top: 50px;



}







.caselist .caselistl .caselisttitle {



  width: 100%;



  height: 110px;



  background: ${yyt.color};



  border-radius: 15px 15px 0 0;



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



}







.caselist .caselistl .caselisttitle img {



  text-align: center;



  margin-top: 30px;



  margin-left: 50px;



  float: left;



}







.caselist .caselistl .caselisttitle .caselistt {



  float: left;



  padding-left: 10px;



  text-align: center;



  margin-top: 28px;



}







.caselist .caselistl .caselisttitle .caselistt h4 {



  font-size: 30px;



  font-weight: bold;



  text-transform: uppercase;



  color: #fff;



  line-height: 30px;



}







.caselist .caselistl .caselisttitle .caselistt p {



  text-align: left;



  color: #fff;



    font-size: 24px;

    padding-top: 5px;



}







.caselist .caselistl .caselistlbox {



  width: 262px;



  padding: 19px 14px;



  background: #f8f8f8;



}







.caselist .caselistl .caselistlbox ul li .prolist {



  width: 260px;



  height: 40px;



  border: 1px solid #dedede;



  border-radius: 6px;



  line-height: 40px;



  /* margin-bottom: 4px; */



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  position: relative;



}







.caselist .caselistl .caselistlbox ul li i {



  width: 258px;



  height: 38px;



  background: ${yyt.color};



  border: 1px solid ${yyt.color};



  display: block;



  position: absolute;



  top: -100%;



  -webkit-transition: .5s;



  border-radius: 6px;



  transition: .5s;



  overflow: hidden;



}







.caselist .caselistl .caselistlbox ul li a.onetitle {



  display: block;



  line-height: 40px;



  font-size: 16px;



  width: 86%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: .5s;



  transition: .5s;







  position: absolute;



  font-weight: normal;



  top: 0;



  left: 0;



  z-index: 2;



}







.caselist .caselistl .caselistlbox ul li b {



  width: 14%;



  float: right;



  line-height: 40px;



  cursor: pointer;



  height: 40px;



  position: relative;



  z-index: 9;



}







.caselist .caselistl .caselistlbox ul li a.onetitle::before {



  display: inline-block;



  content: "|";



  margin-left: 5%;



  margin-right: 5%;



  font-weight: bold;



  color: #dedede;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistl .caselistlbox ul li:hover i {



  top: 0;



}







.caselist .caselistl .caselistlbox ul li:hover a.onetitle {



  color: #fff;



}







.caselist .caselistl .caselistlbox ul li:hover a.onetitle::before {



  color: #fff;



  -webkit-transform: rotate(90deg);



  transform: rotate(90deg);



}







.caselist .caselistl .casetel {



  width: 270px;



  border: 10px solid #f8f8f8;



  background: #fff  no-repeat right bottom;

  display: none;

}







.caselist .caselistl .casetel h4 {



  text-align: center;



  padding: 26px 0;



  font-size: 16px;



  font-weight: bold;



}







.caselist .caselistl .casetel h4 i {



  color: #666666;



  text-transform: uppercase;



  font-family: arial, "helvetica neue", helvetica, sans-serif;



  font-size: 14px;



}







.caselist .caselistl .casetel ul li {



  margin-bottom: 20px;



  width: 238px;



  padding: 0 20px;



  font-size: 14px;



  font-weight: bold;



  line-height: 24px;



}







.caselist .caselistl .casetel ul li img {



  width: 15px;



  height: 15px;



  display: inline-block;



  padding-right: 10px;



}







.caselist .caselistl .casetel a {



  display: block;



  width: 130px;



  height: 40px;



  background: ${yyt.color};



  margin-left: 20px;



  margin-bottom: 120px;



  text-align: center;



  line-height: 40px;



  color: #fff;



  border-radius: 4px;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistl .casetel a:hover {



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);



}







.caselist .caselistr {



  width: 880px;



  margin-top: 50px;



}







.caselist .caselistr .caselisttop {



  width: 860px;



  border: 10px solid #f8f8f8;



  background: #fff;



  overflow: hidden;



}







.caselist .caselistr .caselisttop .hd {



  padding: 20px 20px 10px;



  position: relative;



  overflow: hidden;



}







.caselist .caselistr .caselisttop .hd ul li {



  float: left;



  width: 45px;



  height: 30px;



  margin-right: 6px;



  background: #f8f8f8;



  text-align: center;



  line-height: 30px;



}







.caselist .caselistr .caselisttop .hd ul li.on {



  background: ${yyt.color};



  color: #fff;



}







.caselist .caselistr .caselisttop .hd .caselistp {



  float: right;



}







.caselist .caselistr .caselisttop .hd .caselistp .case-next {



  width: 50px;



  height: 30px;



  float: left;



  background:  no-repeat center;



  margin-right: 10px;



  cursor: pointer;



}







.caselist .caselistr .caselisttop .hd .caselistp .case-prev {



  width: 50px;



  height: 30px;



  float: left;



  background:  no-repeat center;



  cursor: pointer;



}







.caselist .caselistr .caselisttop .bd {



  width: 820px;



  padding: 0 20px 20px;



  overflow: hidden;



}







.caselist .caselistr .caselisttop .bd ul li .caselistimg {



  width: 535px;



  height: 375px;



  position: relative;



  overflow: hidden;



  float: left;



}







.caselist .caselistr .caselisttop .bd ul li .caselistimg img {



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  margin: auto;



  max-width: 100%;



  max-height: 100%;



}







.caselist .caselistr .caselisttop .bd ul li .caselisttext {



  width: 195px;



  height: 305px;



  background: #f8f8f8;



  padding: 35px;



  position: relative;



}







.caselist .caselistr .caselisttop .bd ul li .caselisttext h4 a {



  display: block;



  font-size: 16px;



  line-height: 46px;



  border-bottom: 1px solid #ccc;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselisttop .bd ul li .caselisttext p {



  margin-top: 20px;



  color: #666;



  line-height: 26px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 7;



  overflow: hidden;



  height: 182px;



}







.caselist .caselistr .caselisttop .bd ul li .caselisttext i {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 0;



  height: 2px;



  background: ${yyt.color};



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselisttop .bd ul li:hover .caselisttext i {



  width: 100%;



}







.caselist .caselistr .caselisttop .bd ul li .caselisttext .caselistmore {



  margin-top: 30px;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



  color: #666;



}







.caselist .caselistr .caselisttop .bd ul li:hover .caselisttext .caselistmore {



  color: #999999;



  margin-left: 110px;







}







.caselist .caselistr .caselisttop .bd ul li:hover .caselisttext h4 a {



  padding-left: 10px;



  color: ${yyt.color};



}







.caselist .caselistr .caselistbottom ul li {



  margin-top: 20px;



  width: 396px;



  border: 5px solid #f8f8f8;



  overflow: hidden;



  padding: 10px;



  float: left;



  margin-right: 28px;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselistbottom ul li:nth-child(2n) {



  margin-right: 0;



}







.caselist .caselistr .caselistbottom ul li .caseimg {



  width: 200px;



  height: 150px;



  float: left;



  overflow: hidden;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselistbottom ul li .caseimg a {



  display: block;



  width: 200px;



  height: 150px;



  -webkit-transition: .5s;



  transition: .5s;



  position: relative;



}







.caselist .caselistr .caselistbottom ul li .caseimg a img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselistbottom ul li .caselisttextd {



  float: left;



  width: 180px;



  margin-left: 10px;



}







.caselist .caselistr .caselistbottom ul li .caselisttextd h4 a {



  line-height: 50px;



  font-size: 16px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



}







.caselist .caselistr .caselistbottom ul li .caselisttextd p {



  font-size: 14px;



  color: #999999;



}







.caselist .caselistr .caselistbottom ul li .caselisttextd a.casemore {



  display: block;



  float: left;



  margin-top: 30px;



  -webkit-transition: .5s;



  transition: .5s;



  color: #666;



}







.caselist .caselistr .caselistbottom ul li:hover .caselisttextd a.casemore {



  color: ${yyt.color};



  margin-left: 100px;



}







.caselist .caselistr .caselistbottom ul li:hover {



  border: 5px solid ${yyt.color};



  width: 394px;



  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2)



}







.caselist .caselistr .caselistbottom ul li:hover .caseimg img {



  -webkit-transform: scale(1.1);



  transform: scale(1.1);



}







.p_xgxx .p_sgxx_ul li:hover .caselist .caselistr .caselistbottom ul li:hover .caselisttextd h4 a {



  color: ${yyt.color};



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



}







.caselist .caselistr .caselistbottom ul li:hover .caselisttextd a.casemore {



  color: ${yyt.color};



  -webkit-transform: translatex(-5px);



  transform: translatex(-5px);



}







.neirong p {



  margin-bottom: 10px;



  font-size: 15px;



  line-height: 2;



}







.neirong div {



  margin-bottom: 10px;



  font-size: 15px;



  line-height: 2;



}











/*��ò³ï¿½ï¿½*/



.container {



  width: 1200px;



  margin: auto;



}







.danye {



  margin-top: 50px;



}







.danye .danye_title {



  padding-bottom: 10px;



  border-bottom: 1px solid #dedede;



}







.danye .danye_title h3 {



  text-align: center;



  font-size: 24px;



  line-height: 35px;



}







.danye .danye_title .other {



  text-align: center;



  color: #999;



  padding-top: 20px;



}







.danye .danye_title .other span {



  padding: 0 15px;



}







.danye .neirong {



  padding-top: 20px;



  line-height: 2;



}







.danye .neirong img {



  max-width: 100%;



  padding: 10px 0;



}







.danye .fenxiang {



  display: inline-block;



}







.danye .zy {



  clear: both;



  margin-top: 50px;



  background:  no-repeat center bottom;



  height: 55px;



}







.bshare-custom .bshare-share-count {



  background: transparent  no-repeat !important;



  padding: 0 !important;



}







.danye .zy li {


float: left;


line-height: 14px;


height: 14px;


color: #666;


/* width: 400px; */
}







.danye .zy li:nth-child(2) {



  float: right;



}







.danye .zy li:nth-child(2) a {


/* text-align: right; */


/* float: left; */
}







.danye .zy li:nth-child(1) a {



  text-align: left;



  float: right;







}







.danye .zy li a {


/* width: 330px; */


overflow: hidden;


text-overflow: ellipsis;


white-space: nowrap;


/* display: block; */


line-height: 14px;


height: 14px;


color: #666;
}







.danye .zy li a:hover {



  color: ${yyt.color};



}







/*��������*/



.abuot {



  width: 870px;



  margin-top: 50px;



}







.abuot h3 {



  text-align: center;



  font-size: 24px;



  line-height: 35px;



}





.abuot1 {







  margin-top: 50px;



}







.abuot1 h3 {



  text-align: center;



  font-size: 24px;



  line-height: 35px;

    margin-bottom: 40px;





}







.abuot .abuot_t {



  height: 18px;



  background:  no-repeat center bottom;



  margin-top: 10px;



  /* text-align: right; */



  line-height: 30px;



  color: #999;



  text-align: center;



}







.abuot .fenxiang {



  height: 40px;



  /* float: right; */



  margin-left: 20px;



  display: inline-block;



  text-align: center;



}







.abuot .neirong {



  margin-top: 20px;



  line-height: 2;



}







.a_tuijian {



  height: 300px;



  border: 10px solid #f8f8f8;



  margin-top: 35px;



  padding: 0 30px;



}







.a_tuijian h3 {



  padding: 23px 0 0 0px;



  font-size: 16px;



  display: block;



}







.a_tuijian .a_tuijian_c {



  margin: 16px 0 0 0;



}







.a_tuijian .a_tuijian_c li {



  width: 260px;



  text-align: center;



  float: left;



  cursor: ,



    default;



}







.a_tuijian .a_tuijian_c li .atuijianimg>a {



  width: 240px;



  height: 170px;



  border: 10px solid #f8f8f8;



  transition: 0.5s;



  position: relative;



  display: block;



  cursor: ,



    default;



}







.a_tuijian .a_tuijian_c li .atuijianimg>a img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.a_tuijian .a_tuijian_c li p a {



  display: block;



  line-height: 4;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  transition: 0.3s;



  ;



}







.a_tuijian .a_tuijian_c li:hover .atuijianimg>a {



  border: 10px solid ${yyt.color};



}







.a_tuijian .a_tuijian_c li:hover p a {



  color: ${yyt.color};



}







/*��æ·ò³ï¿½ï¿½*/



.productlistr {



  width: 880px;



  margin-top: 50px;



}







.productlistr .p_c .p_c_1 {



  border: 10px solid #f8f8f8;



  margin-bottom: 20px;



  overflow: hidden;



}







.productlistr .p_c .p_c_1 .p_c_1_t {



  height: 50px;



  border-bottom: 1px dashed #dedede;



  width: 810px;



  margin: 10px auto;



  line-height: 50px;



}







.productlistr .p_c .p_c_1 .p_c_1_t a.more {



  float: right;



  color: #999;



  transition: 0.3s;



}







.productlistr .p_c .p_c_1 .p_c_1_t a.more:hover {



  color: ${yyt.color};



}







.productlistr .p_c .p_c_1 .p_c_1_t h4 span {



  font-size: 16px;



  color: ${yyt.color};



  font-weight: bold;



  position: relative;



}







.productlistr .p_c .p_c_1 .p_c_1_t h4 span::before {



  display: inline-block;



  content: "|";



  margin-left: 1%;



  margin-right: 2%;



  font-weight: bold;



  color: ${yyt.color};



  -webkit-transition: .5s;



  transition: .5s;



}







.productlistr .p_c .p_c_1 .p_c_1_t h4 span:hover::before {



  -webkit-transform: rotate(90deg);



  transform: rotate(90deg);



}







.productlistr .p_c .p_c_1 .p_ul {



  margin: 30px 0 0 20px;



  width: 830px;



}







.productlistr .p_c .p_c_1 .p_ul li {



  width: 260px;



  float: left;



  margin: 20px 7px;



  transition: 0.5s;



}







.productlistr .p_c .p_c_1 .p_ul li:hover {



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







}







.productlistr .p_c .p_c_1 .p_ul li>a {



  width: 260px;



  height: 170px;



  border-top-right-radius: 3px;



  border-top-left-radius: 3px;



  position: relative;



  display: block;



}







.productlistr .p_c .p_c_1 .p_ul li>a img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.productlistr .p_c .p_c_1 .p_ul li p a.p_a {



  display: block;



  margin-left: 0;



  transition: 0.3s;



  height: 40px;



  line-height: 40px;



  border-bottom: 1px solid #dedede;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.productlistr .p_c .p_c_1 .p_ul li:hover p a.p_a {



  color: ${yyt.color};



  margin-left: 10px;



  border-bottom: 1px solid transparent;



  margin-right: 10px;



}







.productlistr .p_c .p_c_1 .p_ul li p a.p_a::before {



  display: inline-block;



  content: "|";



  margin-left: 1%;



  margin-right: 3%;



  font-weight: bold;



  color: ${yyt.color};



  -webkit-transition: .5s;



  transition: .5s;



  font-weight: bold;



}







.productlistr .p_c .p_c_1 .p_ul li:hover p a.p_a::before {



  -webkit-transform: rotate(90deg);



  transform: rotate(90deg);



}







.p_xgxx {



  margin-top: 50px;



  height: 450px;



  background: #f8f8f8;
  display: none;


}







.p_xgxx .p_xgxx_t {



  height: 80px;



  padding-top: 50px;



  background:  no-repeat center 107px;



  text-align: center;



}







.p_xgxx .p_xgxx_t p {



  font-size: 30px;



  color: #cccccc;



  text-transform: uppercase;



}







.p_xgxx .p_xgxx_t h3 {



  font-size: 26px;



  width: 150px;



  background: #f8f8f8;



  height: 30px;



  line-height: 30px;



  margin: 0 auto;



}







.p_xgxx .p_sgxx_ul {



  margin-top: 50px;



}







.p_xgxx .p_sgxx_ul ul {



  width: 1280px;



}







.p_xgxx .p_sgxx_ul li {



  width: 355px;



  float: left;



  margin-right: 70px;



}







.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t {



  height: 60px;



}







.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t span {



  float: right;



  color: #999;



  line-height: 60px;



}







.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 {



  width: 290px;







}







.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 span {



  width: 26px;



  height: 5px;



  background: ${yyt.color};



  margin-right: 263px;



}







.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 a {



  font-weight: bold;



  font-size: 16px;



  margin-top: 15px;



  display: block;



  padding-top: 15px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 290px;



}







.p_xgxx .p_sgxx_ul li:hover .p_sgxx_ul_t h4 a {



  transition: 0.3s;



  color: ${yyt.color};



}







.p_xgxx .p_sgxx_ul li p {



  line-height: 30px;



  color: #666;



  height: 85px;



  overflow: hidden;



}







.p_xgxx .p_sgxx_ul li .more a {



  display: block;



  width: 60px;



  height: 30px;



  background: #999;



  text-align: center;



  margin-top: 30px;



  transition: 0.3s;



}







.p_xgxx .p_sgxx_ul li:hover .more a {



  width: 110px;



  background: ${yyt.color};



}







/*����í¨ï¿½ï¿½ò³ï¿½ï¿½*/



.zizhilistr {



  width: 860px;



  float: right;



  margin-top: 50px;



}







.zizhilistr .zz_r .zz_ul ul {



  width: 900px;



}







.zizhilistr .zz_r .zz_ul li {



  width: 270px;



  height: 245px;



  float: left;



  margin: 0 30px 30px 0;



  overflow: hidden;



  border-bottom: 1px solid #dedede;



  position: relative;



}







.zizhilistr .zz_r .zz_ul li img {



  width: 270px;



  height: 200px;



}







.zizhilistr .zz_r .zz_ul li p {



  background:  no-repeat right;



  height: 35px;



}







.zizhilistr .zz_r .zz_ul li p a {



  display: block;



  overflow: hidden;



  text-align: left;



  line-height: 35px;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 210px;



}







.zizhilistr .zz_r .zz_ul li p i {



  width: 0px;



  height: 1px;



  z-index: 1;



  display: block;



  position: relative;



  transition: 0.4s;



  top: 39px;



}







.zizhilistr .zz_r .zz_ul li:hover p i {



  width: 100%;



  background: ${yyt.color};



}







.zizhilistr .zz_r .zz_ul li:hover p a {



  color: ${yyt.color};



}







.zizhilistr .zz_r .zz_ul li span {



  position: absolute;



  width: 100%;



  height: 200px;



  top: -300px;



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



  transition: 0.5s;



}







.zizhilistr .zz_r .zz_ul li span img {



  width: auto;



  height: auto;



  position: absolute;



  top: 90%;



  left: 50%;



  margin-left: -20px;



  transition: 0.3s;



}







.zizhilistr .zz_r .zz_ul li:hover span img {



  top: 35%;



  transition-delay: 0.2s;



}







.zizhilistr .zz_r .zz_ul li:hover span {



  top: 0;



}







.zizhilistr .zz_r .fenye {



  text-align: center;



}







.zizhilistr .zz_r .fenye li {



  display: inline-block;



  padding: 5px 15px;



  background: #f8f8f8;



  margin: 0 5px;



}















/*�����ñ¶ï¿½æ¼ï¿½í¨ï¿½ï¿½*/



.caselist .zxtj {



  height: 400px;



  border: 10px solid #f8f8f8;



  margin-bottom: 10px;



}







.caselist .zxtj h3 {



  width: 250px;



  margin: auto;



  height: 40px;



  line-height: 40px;



  border-bottom: 1px solid #dedede;



  font-size: 16px;



  padding-top: 10px;



  margin-bottom: 18px;



}







.caselist .zxtj li {



  width: 250px;



  margin: 0 auto 18px;



  height: 65px;



}







.caselist .zxtj li .zxtj_r {



  width: 155px;



  float: right;



}







.caselist .zxtj li .zxtj_r a {



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding-bottom: 5px;



  transition: 0.3s;



}







.caselist .zxtj li:hover .zxtj_r a {



  color: ${yyt.color};



}







.caselist .zxtj li img {



  width: 85px;



  height: 65px;



  float: left;



}







.caselist .zxtj li p {



  height: 40px;



  overflow: hidden;



  color: #666;



}







.prorc {



  width: 850px;



  height: auto;



  border: 10px solid #f8f8f8;



  margin-top: 50px;



}







.prorc .proc {



  padding-top: 25px;



}







.prorc .proc .proc_t {



  text-align: center;



  width: 815px;



  margin: auto;



}







.prorc .proc .proc_t h3 {



  font-size: 18px;



  font-weight: bold;



  line-height: 30px;



}







.prorc .proc .proc_t .other {



  line-height: 30px;



  color: #999;



  margin-top: 10px;



  border-bottom: 1px solid #dedede;



}







.prorc .proc .proc_t .other span {



  display: inline-block;



  margin: 0 15px;



}







.xgtjbox {



  padding: 0 20px;



}







.prorc .proc .proc_b {



  padding: 15px;



  line-height: 2;



}







.prorc .proc .fenxiang {







  height: 30px;



  display: inline-block;



  margin-right: 10px;



}







.prorc .proc .bshare-custom .bshare-share-count {



  background: transparent  no-repeat 0 !important;







}











.proc_b p {



  margin-bottom: 10px;



}











.proc_b img {



    max-width: 820px;



    height: auto;



}











.proc_b div {



  margin-bottom: 10px;



}







.prorc .proc .yemian {



  clear: both;



  margin-top: 60px;



  height: 50px;



  line-height: 50px;



  color: #666;



}







.prorc .proc .yemian li:nth-child(1) {



  float: left;



  margin-left: 15px;



}







.prorc .proc .yemian li:nth-child(1) a {



  float: right;



}







.prorc .proc .yemian li:nth-child(2) {



  float: right;



  margin-right: 15px;



}







.prorc .proc .yemian li:nth-child(2) a {

/* float: left; */

/* text-align: right; */
}







.prorc .proc .yemian li a {

display: inline;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

color: #666;

transition: 0.3s;
}







.prorc .proc .yemian li:hover a {



  color: ${yyt.color};



}











.addpage {



  display: table;



  margin: 50px auto;



}







.addpage span,



.addpage a {



  display: inline-block;



  padding: 5px 15px;



  background: #f8f8f8;



  margin: 0 8px;



  cursor: pointer;



  -webkit-transition: .5s;



  transition: .5s;



}







.addpage span:hover,



.addpage a:hover {



  background: ${yyt.color};



  color: #fff;



}







.caselist .p_xgxx {



  margin-top: 0;



}











.caselist .caselistl .caselistlbox1 ul li .prolist {



  background: ${yyt.color}  no-repeat 95% center;



  color: #fff;



  border-radius: 6px;



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



}







.caselist .caselistl .caselistlbox1 ul li a.onetitle {



  color: #fff;







}







.caselist .caselistl .caselistlbox1 ul li {



  margin-bottom: 10px;



}







.caselist .caselistl .caselistlbox1 ul li i {



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



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



  z-index: 2;



}







.caselist .caselistl .caselistlbox ul li p {



  line-height: 30px;



  padding: 0 20px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  border-bottom: 1px dashed #ddd;



  height: 36px;



  line-height: 36px;



  background:  no-repeat 6px center;



}















.caselist .caselistl .caselistlbox ul li p a {



  color: #333;



  display: block;



  width: 220px;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;







}







.caselist .caselistl .caselistlbox ul li p a:hover {



  color: ${yyt.color};



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



}







.caselist .caselistl .caselistlbox ul li p a.erjifenlei {



  display: block;



  color: ${yyt.color};



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



}







.xgtj {



  width: 850px;



  height: auto;



  border: 10px solid #f8f8f8;



  margin-top: 50px;



}







.xgtj h4 {



  padding: 0 20px;



  line-height: 40px;



  font-weight: bold;



  font-size: 16px;



  color: #333;



}







.xgtjimg>a {



  width: 240px;



  height: 170px;



  border: 10px solid #f8f8f8;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



  position: relative;



}







.xgtjbox ul li:hover .xgtjimg>a {



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



}











.xgtjbox ul li .xgtjimg p a {



  line-height: 50px;



  width: 240px;



  padding: 0 10px;



  text-align: center;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;







}







.xgtjbox ul li:hover a {



  color: ${yyt.color};



}











.xgtjbox,



.xgtjbox ul li,



.xgtjbox ul li a {



  cursor: , default;



}







.xgtjbox ul li .xgtjimg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  max-width: 100%;



  max-height: 100%;



}















.conacttitle {



  margin-top: 30px;



  font-size: 24px;



  text-align: center;



}







.conacttitle span {



  display: block;



  font-size: 14px;



  color: #999;



  line-height: 26px;



}











.conactl {



  width: 580px;







}











.ly_d1 {



  width: 38px;



  height: 38px;



  position: absolute;



  left: 0;



  top: 0;



  background:  no-repeat 0;



  -webkit-transition: all .3s ease-out;



  transition: all .3s ease-out;



}







.webq_bd_2 {



  width: 100%;



  height: 38px;



  line-height: 38px;



  border: 0;



  background: none;



  color: #fff;



  box-sizing: border-box;



  padding: 0 10px 0 50px;



  -webkit-transition: all .3s ease-out;



  transition: all .3s ease-out;



  display: block;



}











.lqy_jia .webq_bd_2 {



  padding: 0 50px 0 10px;



}







.lqy_jia .ly_d1 {



  left: 201px;



}







.lqy_jia .ly_d2 {



  left: 201px;



}







.lqy_jia .webq_bd_1 {



  padding: 0 50px 0 10px;



}







.lqy_jia .ly_d3 {



  left: 462px;



}







.conacttext1 i {



  display: inline-block;



  height: 18px;



  background:  no-repeat center left;



  font-size: 14px;



  color: #999;



}







.conacttext2 i {



  display: inline-block;



  height: 18px;



  background:  no-repeat center left;



  font-size: 14px;



  color: #999;



}







.conacttext3 i {



  display: inline-block;



  height: 18px;



  background:  no-repeat center left;



  font-size: 14px;



  color: #999;



}







.conacttext4 i {



  display: inline-block;







  height: 18px;



  background:  no-repeat center left;



  font-size: 14px;



  color: #999;







}







.conacttext i {



  width: 48px;



  padding-left: 20px;



  height: 40px;



  line-height: 40px;







}











.conacttext {



  background: #f8f8f8;



  padding-left: 20px;



  margin-top: 16px;



}







.conacttext input {



  width: 80%;



  display: inline-block;



  background: #f8f8f8;



  height: 40px;



  line-height: 40px;



  color: #999;



}







.conacttext4 i {



  display: block;



}







.conacttext4 input {



  line-height: 30px;



  width: 96%;



}







.conactl {



  margin-top: 30px;



}







.conacttext4 textarea {



  width: 96%;



  height: 80px;



  background: #f8f8f8;



}







.conactbottom {



  width: 100%;



  height: 40px;



  background: #999999;



  text-align: center;



  font-size: 14px;



  font-weight: bold;



  margin-top: 16px;



  color: #fff;



  cursor: pointer;



}







::-webkit-input-placeholder {



  color: #666;



}







::-moz-placeholder {



  color: #666;



}







:-ms-input-placeholder {



  color: #666;



}











.conactr {



  width: 480px;



}







.conactr h4 {



  font-weight: bold;



  font-size: 18px;



  margin-top: 70px;



  margin-bottom: 20px;



}







.conactr ul li.conact1 {



  padding-left: 35px;



  background:  no-repeat center left;



}







.conactr ul li.conact2 {



  padding-left: 35px;



  background:  no-repeat center left;



}







.conactr ul li.conact3 {



  padding-left: 35px;



  background:  no-repeat center left;



}







.conactr ul li.conact4 {



  padding-left: 35px;



  background:  no-repeat center left;



}







.conactr ul li.conact5 {



  padding-left: 35px;



  background:  no-repeat center left;



}







.conactr ul li {



  margin-top: 30px;



  color: #999;



}







.conactconter {



  padding: 50px 0 20px;



  background: #fff;



  line-height: 2;



  font-size: 14px;



}







.conactbox {



  width: 100%;



  height: auto;



}







.newsaddl a {



  padding: 10px 20px;



  display: inline-block;



  margin-right: 10px;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsaddl {



  overflow: hidden;



  margin-top: 30px;



}







.newsaddl a.on,



.newsaddl a:hover {



  background: ${yyt.color};



  color: #fff;



}











.newsaddr img {



  vertical-align: sub;



  padding-right: 10px;







}







.newsaddr a {



  color: #666;



}







.newsaddr {



  margin-top: 38px;



  color: #666;



}







.newsaddr a:hover {



  color: ${yyt.color};



}







.newstitle {



  margin-top: 40px;



  display: block;



  padding-bottom: 10px;



  overflow: hidden;



  border-bottom: 1px solid #ccc;



  margin-bottom: 20px;



}







.newstitle h3 {



  float: left;



  font-size: 18px;



  letter-spacing: 0.5px;



}







.newstitle h3 b {



  font-size: 14px;



  color: #999;



  font-weight: normal;



}







.newstitle a {



  float: right;



  color: #999;



}







.newstime span {



  font-size: 50px;



  color: #999;



  display: block;



}







.newstime i {



  background:  no-repeat center left;



  padding-left: 40px;



  color: #999;



}







.newscenter {



  width: 800px;



  margin-left: 20px;



}







.newscenter a {



  color: #333;



  font-size: 16px;



  padding-top: 16px;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: .5s;



  transition: .5s;



}







.newscenter p {



  font-size: 14px;



  line-height: 24px;



  margin-top: 8px;



}







.newsright {



  width: 180px;



  height: 120px;



  position: relative;



}







.newsright img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.newslistbox ul li {



  margin-top: 30px;



  padding-bottom: 30px;



  border-bottom: 1px solid #ccc;



  -webkit-transition: .5s;



  transition: .5s;



}







.newslistbox ul li:hover {



  padding-left: 20px;



}







.newslistbox ul li:hover a {



  color: ${yyt.color};



}











.newsbottom {



  width: 100%;



  height: 500px;



  background: #f8f8f8;



  margin-top: 50px;



  overflow: hidden;



}







.newsbottom ul li {



  width: 270px;



  margin-top: 40px;



}







.newsbottom ul li a.newsbottomimg {



  display: block;



  position: relative;



  width: 270px;



  height: 200px;



  overflow: hidden;



}







.newsbottom ul li a.newsbottomimg img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.newsbottom ul li i {



  display: block;



  width: 100%;



  height: 100%;



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



  position: absolute;



  top: -100%;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbottom ul li .newsbottomtext a .newsbottomtexta {



  display: block;



  font-size: 16px;



  text-align: center;



  padding-top: 10px;



  position: absolute;



  top: 10px;



  width: 230px;



  padding: 0 10px;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbottom ul li .newsbottomtext {



  width: 250px;



  padding: 0 10px;



  height: 150px;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbottom ul li .newsbottomtext p {



  font-size: 14px;



  line-height: 1.5;



  position: absolute;



  margin-top: 20px;



  text-align: center;



  height: 42px;



  top: 30px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;



  width: 250px;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbottomtext {



  position: relative;



}







.newsbottom ul li:hover .newsbottomimg i {



  top: 0;



}







.newsbottom ul li:hover .newsbottomtext a.newsbottomtexta {



  position: absolute;



  top: -120px;



  color: #fff;



  width: 250px;



  text-align: center;



}







.newsbottom ul li:hover .newsbottomtext {



  background: #7f7f7f;



}







.newsbottom ul li .newsbottomtext a.newsbottomtexta {



  width: 250px;



  position: absolute;



  top: 10px;



  text-align: center;



  -webkit-transition: .5s;



  transition: .5s;



  font-size: 16px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.newsbottom ul li .newsbottomtext a.newsbottomtexta b {



  width: 40px;



  height: 2px;



  display: block;



  margin: 0 auto;



  background: #f8f8f8;



  -webkit-transition: .5s;



  transition: .5s;



  margin-top: 10px;



}















.newsbottom ul li:hover .newsbottomtext p {



  color: #fff;



}







.newsbottom ul li:hover .newsbottomtext p {



  top: 10px;



}







.newsmore {



  width: 150px;



  height: 30px;



  border: 1px solid #fff;



  display: block;



  margin: 0 auto;



  position: absolute;



  left: 60px;



  top: 90px;



  text-align: center;



  line-height: 30px;



  color: #fff;



  display: none;



}







.newsbottom ul li:hover .newsbottomtext .newsmore {



  display: block;



}











.newsbottom ul li {



  float: left;



  margin: 0 15px;







}















.newsbcenter ul li {



  width: 350px;



  position: relative;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbcentertop {



  width: 330px;



  height: 60px;



  padding: 10px;



  position: absolute;



  top: 0;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbcentertopl {



  font-size: 30px;



  color: #999;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbcentertopl i {



  color: #999;



  display: block;



  font-size: 14px;



  line-height: 14px;



  -webkit-transition: .5s;



  transition: .5s;



}











.newsbcentertopr {



  width: 50px;



  height: 45px;



  background:  no-repeat center;



  margin-top: 8px;



  -webkit-transition: .5s;



  transition: .5s;



}











.newsbcenterbuttomline {



  width: 100%;



  height: 1px;



  background: #ccc;



  position: absolute;



  top: 81px;



  -webkit-transition: .5s;



  transition: .5s;



}







.newsbcentertoptext a {



  display: block;



  font-size: 16px;



  color: #333;



  line-height: 3;



  margin-top: 2px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: .5s;



  transition: .5s;







}







.newsbcentertoptext p {



  font-size: 14px;



  color: #999;



  line-height: 1.8;



  height: 50px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;



  -webkit-transition: .5s;



  transition: .5s;







}







.newsbcentertoptext {



  position: absolute;



  top: 80px;



  -webkit-transition: .5s;



  transition: .5s;



  width:100%;



}











.newsbcenter ul li:hover .newsbcentertop {



  background: ${yyt.color};



}







.newsbcenter ul li:hover .newsbcentertop .newsbcentertopl {



  color: #fff;



}







.newsbcenter ul li:hover .newsbcentertop .newsbcentertopl i {



  color: #fff;



}







.newsbcenter ul li:hover .newsbcentertop .newsbcentertopr {



  background:  no-repeat center;



}











.newsbcenter ul li {



  margin-top: 20px;



  height: 180px;



  float: left;



  margin-right: 75px;



  margin-bottom: 50px;



}







.newsbcenter ul li:nth-child(3) {



  margin-right: 0;



}







.newsbcenter ul li:hover .newsbcenterbuttomline {



  top: 0;



}











.newsbcenter ul li:hover .newsbcentertop {



  top: 110px;



  ;



}











.newsbcenter ul li:hover .newsbcentertoptext a {



  top: 0;



}







.newsbcenter ul li:hover .newsbcentertoptext {



  top: 0;



}















.servicebox {



  margin-top: 40px;



  position: relative;



  height: 450px;



  overflow: hidden;



}







.servicetlimg {



  width: 780px;



  height: 450px;



  position: relative;



}







.servicetlimg img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.servicetltext {



  position: relative;



  width: 390px;



}







.servicetltext a.servicetitle {



  width: 340px;



  padding-right: 40px;



  display: block;



  line-height: 80px;



  font-size: 18px;



  background:  no-repeat center right;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.servicetltext .servicetltextd {



  width: 380px;



  height: 230px;



  position: absolute;



  z-index: 2;



  right: 0;



  top: 80px;



  padding: 35px;



  background: #f8f8f8;



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







}







.servicetltextd p {







  line-height: 2;



  font-size: 14px;



  color: #666;



  height: 120px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 4;



  overflow: hidden;



}







.servicetltext .servicetltextd a {



  width: 110px;



  height: 30px;



  border: 1px solid #ccc;



  display: block;



  text-align: center;



  color: #666;



  border-radius: 5px;



  margin-top: 20px;



  line-height: 30px;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicetltext .servicetltextd a:hover {



  background: ${yyt.color};



  color: #fff;



  border: 1px solid ${yyt.color};



  -webkit-transform: translatey(-5px);



  transform: translatey(-5px);



}







.newsbottom ul li:hover .newsbottomtext a.newsbottomtexta b {



  width: 100px;



}







.servicebox .hd {



  position: absolute;



  z-index: 9;



  width: 410px;



  right: 0;



  top: 328px;



}







.servicel {



  width: 90px;



  height: 11px;



  background:  no-repeat center;



  cursor: pointer;



  float: left;



}







.servicer {



  width: 90px;



  height: 11px;



  background:  no-repeat center;



  cursor: pointer;



  float: left;



  margin-left: 20px;



}







.servicetltext a.servicetitle:hover {



  -webkit-transform: translatex(-5px);



  transform: translatex(-5px);



  color: ${yyt.color};



}







.servicelist {



  margin-top: 40px;



}







.servicelistimg {



  width: 370px;



  height: 270px;



  overflow: hidden;



  display: block;



  position: relative;



}







.servicelist ul li {



  width: 370px;



  height: 330px;



  position: relative;



  overflow: hidden;



  float: left;



  margin-bottom: 50px;



  margin-right: 10px;



}







.servicelist ul li:nth-child(3n) {



  margin-right: 0;



}







.servicelistimg img {



  display: block;



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



  -webkit-transition: .5s;



  transition: .5s;



}







.gesture {



  width: 100%;



  height: 100%;



  display: block;



  background:  no-repeat center rgba(0, 0, 0, 0.2);



  position: absolute;



  top: -100%;



  left: 0;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicelisttext {



  height: 60px;



  width: 100%;



  position: absolute;



  bottom: 0;



  left: 0;



  -webkit-transition: .5s;



  transition: .5s;



  border-bottom: 1px solid #e5e5e5;



}







.servicelisttext a {



  padding: 0 20px;



  text-align: center;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



  line-height: 60px;







  color: #333;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicelisttext p {



  padding: 0 20px;



  text-align: center;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  color: #666;



}







.servicelist ul li:hover .servicelistimg img {



  -webkit-transform: scale(1.06);



  transform: scale(1.06);



}







.servicelist ul li:hover .gesture {



  top: 0;



}







.servicelist ul li:hover .servicelisttext {



  height: 80px;



  background: #f8f8f8;



}







.servicelist ul li:hover a {



  line-height: 36px;



}







.servicelisttext i {



  width: 0;



  height: 4px;



  background: ${yyt.color};



  position: absolute;



  bottom: 0;



  left: 0;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicelist ul li:hover .servicelisttext i {



  width: 100%;



}







.servicenews {



  width: 100%;



  height: 540px;



  background: #fbfbfb;



}







.servicelist .addpage {



  margin: 0 auto 70px;



}







.servicetitle1 {



  padding-top: 50px;



}







.servicetitle1 i {



  width: 15px;



  height: 3px;



  background: #999;



  display: inline-block;



  vertical-align: middle;



  margin-right: 5px;



  float: left;



  margin-top: 9px;



}







.servicetitle1 h4 {



  font-size: 18px;



  color: #333;



  line-height: 1;



}







.servicetitle1 span {



  color: #999;



  font-family: arial, "helvetica neue", helvetica, sans-serif;



  margin-top: 5px;



  display: block;



}







.serivcenewsbox {



  margin-top: 36px;



}







.serivcenewsboxl {



  width: 330px;



  height: 370px;



  -webkit-transition: .5s;



  transition: .5s;



  background: #fff;



}







.serivcenewsboxl>a {



  width: 330px;



  position: relative;



  height: 230px;



  display: block;



  overflow: hidden;



}







.serivcenewsboxl>a img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.servicenewstime {



  width: 125px;



  height: 75px;



  background:  no-repeat center rgba(0, 0, 0, 0.5);



  position: absolute;



  left: 0;



  bottom: 0;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicenewstime span {



  font-size: 30px;



  font-family: arial, "helvetica neue", helvetica, sans-serif;



  margin-left: 10px;



  margin-top: 15px;



  color: #fff;



}







.servicenewstime i {



  color: #fff;



  margin-top: 46px;



  float: right;



  margin-right: 14px;



  display: block;



}







.servicenewsltext {



  width: 330px;



  height: 140px;



  background: #ffffff;



}







.servicenewsltext a {



  padding: 0 10px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  line-height: 4;



  font-size: 16px;



  -webkit-transition: .5s;



  transition: .5s;



}







.servicenewsltext p {



  font-size: 14px;



  line-height: 2;



  color: #666;



  padding: 0 10px;



  height: 56px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;







}







.serivcenewsboxl:hover {



  -webkit-transform: translatey(-5px);



  transform: translatey(-5px);



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



}







.serivcenewsboxl:hover a {



  color: ${yyt.color};



}







.serivcenewsboxl:hover .servicenewstime {



  background:  no-repeat center rgba(14, 126, 230, 0.5);



  left: 205px;



}







.servicenewsboxr ul li {



  width: 820px;







  position: relative;



  padding: 20px 0 32px;



  overflow: hidden;



}







.servicenewsboxr ul li i {



  position: absolute;



  top: 0px;



  left: 0;



  width: 0px;



  height: 1px;



  background: ${yyt.color};



  -webkit-transition: .5s;



  transition: .5s;



}







.servicenewsboxr ul li b {



  position: absolute;



  top: 0px;



  left: 0;



  width: 100%;



  height: 1px;



  background: #dedede;



  -webkit-transition: .5s;



  transition: .5s;



}







.sevicenewsboximg {



  display: block;



  width: 170px;



  height: 130px;



  position: relative;



}







.servicenewsboxr ul li:hover i {



  width: 100%;



}







.sevicenewsboximg img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}











.sevicenewsboxrtxt {



  width: 406px;



  padding: 0 54px 0 30px;



}







.sevicenewsboxrtxt a {



  line-height: 4;



  font-size: 16px;



  display: block;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.sevicenewsboxrtxt p {



  font-size: 14px;



  color: #666;



  line-height: 2;



  height: 56px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;







}











.servicenewsboxr ul li:hover .sevicenewsboxrtxt a {



  color: ${yyt.color};



  -webkit-transform: translatex(5px);



  transform: translatex(5px);



}







.sevicenewsboxrtime {



  width: 150px;



  height: 130px;



  border-left: 1px solid #dedede;



}







.sevicenewsboxrtime span {



  font-size: 30px;



  font-weight: 100;



  color: #999;



  display: block;



  text-align: center;



  line-height: 3;



  position: relative;



}







.sevicenewsboxrtime span i {



  position: absolute;



  top: 0;



  left: 0;



}







.sevicenewsboxrtime a {



  width: 8px;



  height: 18px;



  overflow: hidden;



  display: block;



  margin-left: 44px;



  animation: proll linear 2s infinite alternate;



}







.sevicenewsboxrtime a img {



  width: 8px;



  height: 18px;







}







.sevicenewsboxrtime:hover img {



  border-left: 180px solid transparent;



  -webkit-filter: drop-shadow(-180px 0 0px ${yyt.color});



  filter: drop-shadow(-180px 0 0px ${yyt.color});



}







.servicenewsboxr {



  border-bottom: 1px solid #dedede;



}







.servicedetailed {



  margin-top: 26px;



  border-top: 1px solid #dedede;



  border-bottom: 1px solid #dedede;



  overflow: hidden;



  padding-bottom: 30px;



}











.servicedetaildedtext p {



  font-size: 14px;



  line-height: 2;



  padding: 28px 0;



  text-indent: 2em;



  color: #333;



}







.servicedetailedbox ul li {



  float: left;



  margin-top: 30px;



  width: 240px;



  padding: 0 80px;



}











.servicedetailedbox ul li:nth-child(2) {



  width: 238px;



  border-left: 1px solid #dedede;



  border-right: 1px solid #dedede;







}







.servicedetailedbox ul li i {



  width: 72px;



  height: 72px;



}







.servicedetailedbox ul li i img {



  display: block;



  margin: 0 auto;



}







.servicedetailedbox ul li h5 {



  font-size: 20px;



  text-align: center;



  margin-top: 24px;







}







.servicedetailedbox ul li p {



  font-size: 14px;



  text-align: center;



  margin-top: 5px;



  color: #666;



  line-height: 2



}







.servicemessagtitle h3 {



  font-size: 20px;



  text-align: center;



  padding-top: 52px;



}







.servicemessagtitle p {



  font-size: 14px;



  font-family: arial, "helvetica neue", helvetica, sans-serif;



  text-align: center;



  color: #666;



  line-height: 2;



}







.servicemessagebox {



  width: 1036px;



  margin: 0 auto



}







.servicemessagebox input {



  padding-left: 30px;



  width: 302px;



  line-height: 2.5;



  border-bottom: 1px solid #dedede;



  margin-right: 20px;



  float: left;



  color: #999;



}







.servicemessagebox input:nth-child(3) {



  margin-right: 0;



}







.messagebox1 {



  background:  no-repeat center left;



}







.messagebox2 {



  background:  no-repeat center left;



}







.messagebox3 {



  background:  no-repeat center left;



}







.servicemessagebox textarea {



  background:  no-repeat center left;



  padding-left: 30px;



  width: 1006px;



  line-height: 34px;



  border-bottom: 1px solid #dedede;



  height: 34px;



  color: #999;



  display: block;



  overflow: hidden;



  margin-top: 20px;



}







.servicemessagebox input.messagebox4 {



  cursor: pointer;



  width: 140px;



  height: 36px;



  border: 1px solid #dedede;



  float: none;



  padding-left: 0;



  background: #fff;



  margin: 30px auto 0;



  display: block;



  color: #333;



  -webkit-transition: .5s;



  transition: .5s;



  position: relative;



}







.servicemessagebox input.messagebox4::before {



  width: 140px;



  height: 36px;



  background: ${yyt.color};



}







.servicemessagebox input.messagebox4:hover {



  background: ${yyt.color};



  color: #fff;



  border: 1px solid ${yyt.color};



  -webkit-transform: translatey(-5px);



  transform: translatey(-5px);



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



}







.servocemap {



  width: 1036px;



  height: 570px;



  margin: 54px auto 0;



}







.teamimg {



  display: block;



  width: 380px;



  height: 280px;



  position: relative;



}







.teamimg img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.team ul li {



  float: left;



  margin-top: 40px;



  border: 1px solid #dedede;



  margin-right: 27px;



  -webkit-transition: .5s;



  transition: .5s;



}







.team ul li:nth-child(3n) {



  margin-right: 0;



}







.team ul li .teamtext {



  width: 340px;



  margin: 0 auto;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



}







.team ul li .teamtext .teammore {



  font-size: 16px;



  line-height: 3;



  display: block;



  border-bottom: 1px dashed #dedede;



  -webkit-transition: .5s;



  transition: .5s;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  position: relative;



}











.teammd {



  width: 0;



  height: 13px;



  background:  no-repeat center;



  padding-right: 11px;



  display: block;



  overflow: hidden;



  margin: 18px 0;



  text-indent: 20px;



  -webkit-transition: .5s;



  transition: .5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  line-height: 1;



  color: #666;



}







.team ul li:hover {



  -webkit-transform: translatey(-25px);



  transform: translatey(-25px);



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



  border: 1px solid ${yyt.color};



}







.team ul li .teamimg img {



  -webkit-transition: .5s;



  transition: .5s;



}







.team ul li:hover .teamimg img {



  padding: 1%;



  max-width: 98%;



  max-height: 98%;



}











.team ul li:hover .teamtext .teammore {
 
  color: ${yyt.color};
 
}







.team ul li:hover .teammd {



  width: 40%;



  text-indent: 0;



}











































@keyframes proll {



  0% {



    -webkit-transform: translatex(0px);



    transform: translatex(0px);



  }







  25% {



    -webkit-transform: translatex(-5px);



    transform: translatex(-5px);



  }







  50% {



    -webkit-transform: translatex(0px);



    transform: translatex(0px);



  }







  75% {



    -webkit-transform: translatex(5px);



    transform: translatex(5px);



  }







  100% {



    -webkit-transform: translatex(0px);



    transform: translatex(0px);



  }







}







.more img {



  width: 30px;



  height: 5px;



  display: block;



  margin: 0px auto;



  padding: 12px 0;



}











.danye {



  margin-bottom: 50px;



}







.caselistl {



  margin-bottom: 50px;



}







.prodcts {



  margin-bottom: 50px;



}







.p_xgxx {



  margin-top: 0;



}











.a_tuijian {



  margin-bottom: 50px;



}







.newsbcenter {



  margin-bottom: 30px;



}







.wjdh-map {



  margin-bottom: 0px;



}











.wjdh-map #wmap {



  border: 10px solid #e8e8e8;



  padding: 0 20px;



  

}



.driving-way .hd{

  height: 50px;

}



















.caselist .caselistl .caselistlbox ul li.product1 a.onetitle::before {



  color: #fff;



  -webkit-transform: rotate(90deg);



  transform: rotate(90deg);



}







.caselist .caselistl .caselistlbox ul li.product1 i {



  top: 0;



}











.j_form{position:relative;}







.j_form label{width: 320px;float: left;border:1px solid #eee;position:relative;display:block;height:40px;line-height:40px;margin: 0 0 12px 0;font-size:12px;color:#bebebe;padding-left:120px;}







.j_form .label .h_x{left: 395px;top: -8px;position: absolute;}







.j_form input[type="text"]{height:40px; color:#676767;width: 290px;border:none;background:#fff;border-radius:0px;display:block;padding:0 15px;line-height:40px;font-size:12px;}







.j_form input[type="text"]:focus{}







.j_form label strong{font-weight:normal;display:block;background:#eee;color:#5e5f61;height:40px;line-height:40px;position:absolute;width: 120px;left:0px;top:0;font-size:14px;text-align:center;}







.j_form .textarea_box{width: 798px;height:163px;}







.j_form .textarea_box strong{height:163px;}







.j_form textarea{height: 150px;resize:none;color:#66656b;width: 538px;padding-right:10px;background:none;border: none;line-height:24px;font-size:12px;padding: 6px 15px;}







.j_form textarea:focus{}







.yzm_box{position:relative;border:1px solid #fff !important;}







.yzm_box strong{height:42px !important;line-height:42px !important;}







.yzm_box input[type="text"]{border:1px solid #eee;font-size:14px;height:40px;color:#666;width: 182px !important;line-height:40px;}







.yzm{position:absolute;right:0px;height:40px;top:0px; border:1px solid #eee;}







.yzm a{position:absolute;color:#adada6;right:-90px;height:40px;line-height:40px;width:80px;top:0;}







.yzm_box input[type="submit"]{}







.j_form input[type="submit"]{width:120px;margin-top: 20px;display:block;cursor:pointer;height:40px;background:${yyt.color};border-radius:0px;overflow:hidden;color:#fff;font-size:14px;line-height:38px;border:none;text-align:center;}







.j_form input[type="submit"]:hover{background:#1c4d96;}











.w-1200{width: 1200px;margin: auto;}







.clear{clear:both;}







.fl{float:left;}







.fr{float:right!important;}





/*分页*/



.addpage{margin: 10px auto 40px; text-align: center;}



.addpage span{ display:inline-block; margin:0 3px; border: 1px solid #e5e5e5; line-height: 30px; cursor:pointer; text-align: center;padding: 0 10px;color: #464646;}



.addpage a{ display:inline-block; margin:0 3px; border: 1px solid #e5e5e5; line-height: 30px; cursor:pointer; text-align: center;padding: 0 10px;color: #464646;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}



.addpage a:hover{background: ${yyt.color};color: #fff;border: 1px solid ${yyt.color};}



.addpage .current{background: ${yyt.color};color: #fff;border:1px solid ${yyt.color};}





table{

  margin:auto;

}


.prorc1{
  margin-top: 40px;
}

.prorcboxcenter .hd ul{
  display: flex;
  height: 50px;
  background: #f8f8f8;
}

.prorcboxcenter .hd ul li{
  display: inline-flex;
  padding:0 30px;
  line-height: 50px;
  cursor: pointer;
}


.prorcboxcenter .hd ul li.on{
  color: #fff;
}


.prorcboxcenter .bd{
  width: 820px;
  height: auto;
  border: 10px solid #f8f8f8;
  border-top: 0;
  padding: 15px;
}



.tagdiv{
  
  justify-content: end;
}


.tagdiv i{
  display: inline-flex;
  padding: 10px 20px;
  background: #fff; 
  line-height: 14px;
  padding-right: 0;
}


span.tagclass {
  display: inline-flex;
 
 
  border-radius: 30px;
  line-height: 14px;
  
  margin-left: 10px;
}