/* 公共样式 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* 导航 */
.x-header {
  background: #fff;
  width: 100%;
}
.mycontainer-fluid {
  width: 1200px;
  margin: 0 auto;
  height: 54px;
}
.x-logo {
  float: left;
  height: 95px;
  overflow: hidden;
  line-height: 54px;
  margin: 0;
  width: 442px;
}



.header {
  overflow: hidden;
}
.header .x-header-right {
  width: 700px;
  /*text-align: right;*/
  position: relative;
  height: 95px;
  overflow: hidden;
}
.header .x-header-right p {
  margin: 0;
}
.header .x-header-right .moverl {
  position: absolute;
  top: 23px;
  right: 0px;
  width: 266px;
  background: url(../images/telicon.png) no-repeat 0 center;
  padding-left: 53px;

}
.mynav {
  height: 54px;
  background-color: #f8f8f8;
}
.yu_us {
  height: 546px;
  background: url(../images/abimg.jpg) no-repeat center center;
}
.yu_us .main .tit {
  background: url(../images/at.jpg) no-repeat 0 0;
  margin-top: 111px;
  height: 50px;
}
.yu_us .main .content {
  width: 655px;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #333333;
  margin-top: 40px;
}
.yu_us .main .more {
  width: 181px;
  height: 47px;
  border: solid 1px #c9c9c9;
  line-height: 47px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  font-family: "微软雅黑";
  font-size: 15px;
  letter-spacing: 1px;
  color: #111111;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  margin-top: 54px;
  cursor: pointer;
  background: url(../images/arr.png) no-repeat 118px 21px;
  padding-left: 22px;
}
.yu_us .main .more:hover {
  color: #fff;
  background: #000000 url(../images/arr.png) no-repeat 118px 21px;
}
.yu_us .main .more:hover a {
  color: #fff;
}
.yu_us .main .more a {
  color: #666666;
}
.yu_us .main .fr {
  margin-top: 53px;
}
.yu_us .main .fr .img img {
  width: 498px;
  height: 442px;
}
.pro_dis {
  width: 1920px;
  height: 559px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.pro_dis .pro_top {
  margin-top: 62px;
}
.pro_dis .pro_top .title {
  background: url(../images/pt.jpg) no-repeat 0 0;
  height: 49px;
  width: 85px;
}
.pro_dis .pro_top .tabs .tab_item {
  width: 122px;
  height: 41px;
  border: solid 1px #bfbfbf;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #333333;
  margin-right: 25px;
  text-align: center;
  line-height: 41px;
}
.pro_dis .pro_top .tabs .tab_item:hover {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
}
.pro_dis .pro_top .tabs .tab_item:last-child {
  margin-right: 0;
}
.pro_dis .pro_bot .wrap1 li {
  margin-top: 58px;
  width: 285px;
  height: 340px;
  margin-right: 20px;
  position: relative;
}
.pro_dis .pro_bot .wrap1 li:hover .title1 {
  opacity: 0;
}
.pro_dis .pro_bot .wrap1 li:hover .xiangxi {
  height: 114px;
}
.pro_dis .pro_bot .wrap1 li:hover {
  box-shadow: 2px 2px 15px #c6c3c3;
}
.pro_dis .pro_bot .wrap1 li .img {
  width: 285px;
  height: 340px;
}
.pro_dis .pro_bot .wrap1 li .img img {
  width: 285px;
  height: 340px;
}
.pro_dis .pro_bot .wrap1 li .title1 {
  width: 286px;
  height: 41px;
  background-color: #f8f8f8;
  border: solid 1px #bfbfbf;
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #333333;
  text-align: center;
  line-height: 41px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: 0.1s all linear;
}
.pro_dis .pro_bot .wrap1 li .xiangxi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 285px;
  overflow: hidden;
  height: 0;
  transition: 1s all linear;
  opacity: 1;
  background: rgba(0, 0, 0, 0.55);
}
.pro_dis .pro_bot .wrap1 li .xiangxi .up_wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.pro_dis .pro_bot .wrap1 li .xiangxi .up_wrap .title2 {
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
}
.pro_dis .pro_bot .wrap1 li .xiangxi .up_wrap .more {
  width: 94px;
  height: 26px;
  border: solid 1px #f8f8f8;
  font-family: MicrosoftYaHei;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
  margin: 15px  auto 0;
}
.pro_dis .pro_bot .wrap1 li:last-child {
  margin-right: 0;
}
.my_news {
  width: 1920px;
  height: 559px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.my_news .pro_top {
  margin-top: 62px;
}
.my_news .pro_top .title {
  background: url(../images/ntt.jpg) no-repeat 0 0;
  height: 50px;
  width: 85px;
}
.my_news .pro_top .tabs2 .tab_item {
  width: 122px;
  height: 41px;
  border: solid 1px #bfbfbf;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #333333;
  margin-right: 25px;
  text-align: center;
  line-height: 41px;
}
.my_news .pro_top .tabs2 .tab_item:hover {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
}
.my_news .pro_top .tabs2 .tab_item:last-child {
  margin-right: 0;
}
.my_news .pro_bot .wrap2 li {
  margin-top: 58px;
  width: 285px;
  height: 340px;
  margin-right: 20px;
  position: relative;
}
.my_news .pro_bot .wrap2 li:hover .title1 {
  opacity: 0;
}
.my_news .pro_bot .wrap2 li:hover .xiangxi {
  height: 114px;
}
.my_news .pro_bot .wrap2 li:hover {
  box-shadow: 2px 2px 15px #c6c3c3;
}
.my_news .pro_bot .wrap2 li .img {
  width: 285px;
  height: 340px;
}
.my_news .pro_bot .wrap2 li .img img {
  width: 285px;
  height: 340px;
}
.my_news .pro_bot .wrap2 li .title1 {
  width: 286px;
  height: 41px;
  background-color: #f8f8f8;
  border: solid 1px #bfbfbf;
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #333333;
  text-align: center;
  line-height: 41px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: 0.1s all linear;
}
.my_news .pro_bot .wrap2 li .xiangxi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 285px;
  height: 0;
  transition: 1s all linear;
  opacity: 1;
  background: rgba(0, 0, 0, 0.55);
  overflow: hidden;
}
.my_news .pro_bot .wrap2 li .xiangxi .up_wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.my_news .pro_bot .wrap2 li .xiangxi .up_wrap .title2 {
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
}
.my_news .pro_bot .wrap2 li .xiangxi .up_wrap .more {
  width: 94px;
  height: 26px;
  border: solid 1px #f8f8f8;
  font-family: MicrosoftYaHei;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
  margin: 15px auto ;
}
.my_news .pro_bot .wrap2 li:last-child {
  margin-right: 0;
}
.case_tit {
  background: url(../images/ct.jpg) no-repeat 0 0;
  height: 51px;
  margin-top: 62px;
  width: 1200px;
}
/* focus_Box */
#focus_Box {
  position: relative;
  width: 1200px;
  height: 340px;
  margin: 14px auto;
}
#focus_Box ul {
  position: relative;
  width: 1200px;
  height: 340px;
}
#focus_Box li {
  z-index: 0;
  position: absolute;
  width: 0px;
  background: #787878;
  height: 0px;
  top: 146px;
  cursor: pointer;
  left: 377px;
  border-radius: 4px;
  box-shadow: 1px 1px 12px #c8c8c8;
}
#focus_Box li img {
  width: 100%;
  background: url(img/loading.gif) no-repeat center 50%;
  height: 100%;
  vertical-align: top;
}
#focus_Box li p {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: url(img/float-bg.png) repeat;
  text-indent: 8px;
  color: #fff;
}
#focus_Box li p span {
  display: inline-block;
  width: 70%;
  height: 40px;
  overflow: hidden;
}
#focus_Box .prev,
#focus_Box .next {
  display: block;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 186px;
}
#focus_Box .prev {
  background: url(../images/btn.png) left bottom no-repeat;
  left: -38px;
}
#focus_Box .next {
  background: url(../images/btn1.png) right bottom no-repeat;
  left: -13px;
}
#focus_Box a.imgs-scroll-btn {
  display: block;
  position: absolute;
  z-index: 110;
  top: 7px;
  right: 15px;
  width: 51px;
  height: 23px;
  overflow: hidden;
  background: url(img/share-btn.png) no-repeat;
  text-indent: -999px;
}
#focus_Box {
  height: 530px;
}
#focus_Box .focus_wrap li:nth-child(2) {
  box-shadow: 5px 5px 10px -4px #5c5c5c;
}
#focus_Box .more {
  width: 181px;
  height: 47px;
  margin: 0 auto;
  border: solid 1px #c9c9c9;
  line-height: 47px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  font-family: "微软雅黑";
  font-size: 15px;
  letter-spacing: 1px;
  color: #111111;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  margin-top: 61px;
  cursor: pointer;
  background: url(../images/arr.png) no-repeat 118px 21px;
  padding-left: 22px;
}
#focus_Box .more:hover {
  color: #fff;
  background: #000000 url(../images/arr.png) no-repeat 118px 21px;
}
#focus_Box .more:hover a {
  color: #fff;
}
#focus_Box .more a {
  color: #666666;
}
.my_foot1 {
  height: 680px;
  background: url(../images/ditu.png) no-repeat center 62px;
}
.my_foot1 .foot_menu {
  display: flex;
  padding-left: 241px;
  padding-right: 225px;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-top: 135px;
}
.my_foot1 .foot_menu dl {
  text-align: center;
}
.my_foot1 .foot_menu dl img {
  margin-bottom: 23px;
}
.my_foot1 .foot_menu dl dt {
  font-family: MicrosoftYaHei-Bold;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #333333;
}
.my_foot1 .foot_menu dl dd {
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 1px;
}
.my_foot1 .foot_menu dl dd a {
  color: #333333;
  line-height: 40px;
}
.my_foot1 .weixin p {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.my_foot1 .weixin p:first-child {
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #333333;
  margin-bottom: 17px;
}
.my_foot1 .weixin p:last-child {
  margin-top: 17px;
}
.my_foot1 .weixin p:last-child img {
  vertical-align: top;
  margin-right: 5px;
}
.my_foot1 .parent {
  margin-top: 21px;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #333333;
}
.my_foot1 .parent a {
  color: #333333;
}
.my_foot1 .power {
  text-align: center;
}
.my_foot1 a {
  color: #333333;
}



/* 中间内容*/

#product_contain_right_bottom td {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size:12px;
}
#product_contain_right_bottom button, #product_contain_right_bottom input, #product_contain_right_bottom select,#product_contain_right_bottom option, #product_contain_right_bottom textarea{
        font-size: inherit;
    line-height: 24px;    height: 24px;
}
#product_contain_right_bottom select,#product_contain_right_bottom option{
    font-weight: 500;
    font-size: 14px;
}
#product_contain_right_bottom input.hhha{
   line-height:20px;
   height: 20px;
}
#product_contain_right{
width:760px;
margin-left:32px;

float:left;
}

#product_contain_right_top{
margin-top:15px;
margin-left:3px;
}

#product_contain_right_bottom{
margin:14px auto;
/*border-top:1px solid #DFDFDF;*/
line-height:2em;
width:752px;
}
#right_bottom_title{
    margin: 10px auto;
    width: 700px;
    text-align: center;
    color: #000000;
}

#right_bottom_con{
    margin: 20px auto;
    width: 700px;
    text-align: left;
     color: #000000;
}
input.hahghgha{
    width: 100px;
}