/*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 .c