@charset "utf-8";

em{font-style: inherit;}
.yqlj {
  width: 1000px;
  margin: 35px auto 30px;
  overflow: hidden;
}
.yqlj h2 {
  float: left;
  width: 131px;
  height: 34px;
}
.yqlj div {
  float: left;
  width: 850px;
  padding-left: 19px;
}
.yqlj div a {
  display: block;
  float: left;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  margin: 0 32px;
}
.yqlj div a:hover {
  color: #4b73b0;
}
.ban {
  width: 100%;
  position: relative;
  height: 326px;
}
.ban img {
  display: block;
  width: 1920px;
  height: 326px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
/***********定位************/
.dingw {
  width: 100%;
  background-color: #ffffff;
}
.dingw > div {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  padding: 27px 0;
}
.dingw > div em {
  display: inline-block;
  background: url("/Template/html/Img/Index/dyny_dw.png") left center no-repeat;
  padding-left: 35px;
  font-size: 14px;
  line-height: 32px;
  color: #545454;
}
.dingw > div a {
  display: inline-block;
  font-size: 14px;
  color: #545454;
}
.dingw > div a:hover {
  color: #4b73b0;
  line-height: 32px;
}
.dingw > div span {
  display: inline-block;
  font-size: 14px;
  color: #545454;
}
/******************产品详情**********************/
.cpxq {
  width: 100%;
  background: url("/Template/html/Img/Index/dyny_bj1.jpg") center top no-repeat;
}
.cpxq .twdiv {
  width: 1000px;
  background-color: #ffffff;
  overflow: hidden;
  padding: 40px 0;
  margin: 0 auto;
}
.cpxq .twdiv .twtu {
  width: 419px;
  height: 437px;
  float: left;
  position: relative;
  overflow: hidden;
  margin-left: 37px;
}
.cpxq .twdiv .twtu ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 99999px;
  overflow: hidden;
}
.cpxq .twdiv .twtu ul li {
  width: 419px;
  height: 437px;
  float: left;
}
.cpxq .twdiv .twtu ul li img {
  display: block;
  width: 419px;
  height: 437px;
}
.cpxq .twdiv .twtu .twdian {
  position: absolute;
  bottom: 15px;
  right: 18px;
}
.cpxq .twdiv .twtu .twdian i {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
  background: url("/Template/html/Img/Index/dyny_qsy.png") no-repeat;
}
.cpxq .twdiv .twtu .twdian i.active {
  background: url("/Template/html/Img/Index/dyny_hsy.png") no-repeat;
}
.cpxq .twdiv .twwen {
  width: 510px;
  float: right;
   
}
.cpxq .twdiv .twwen h3 {
  font-size: 20px;
  color: #2c2f34;
  font-weight: bold;
  line-height: 30px; height:30px; overflow:hidden;
  padding-left: 9px; margin-bottom:20px;
}
.cpxq .twdiv .twwen h4 {
  margin-top: 20px;
  line-height: 32px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #545454;
}
.cpxq .twdiv .twwen p {
  line-height: 28px; height:305px; overflow:hidden;
  font-size: 16px;
  color: #545454;
  padding-left: 10px;
}
.cpxq .twdiv .twwen div {
  margin-top: 35px;
  overflow: hidden;
}
.cpxq .twdiv .twwen div a {
  display: block;
  float: left;
  background: url("/Template/html/Img/Index/dyny_kf.png") 15px center no-repeat #4b73b0;
  padding-left: 65px;
  width: 90px;
  height: 46px;
  line-height: 46px;
  color: #ffffff;
  font-size: 16px;
}
.cpxq .twdiv .twwen div b {
  display: block;
  float: left;
  margin-left: 40px;
  font-size: 30px;
  color: #2c2f34;
  line-height: 46px;
}
.cpxq .xqms {
  width: 1000px;
  margin: 25px auto 0;
  height: 690px;
}
.cpxq .xqms h3 {
  width: 1000px;
  height: 47px;
  background: url("/Template/html/Img/Index/dyny_btbj.png") no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  line-height: 47px;
  text-indent: 35px;
  letter-spacing: 2px;
}
.cpxq .xqms img {
  display: block;
  width: 1000px;
  height: 515px;
  margin-top: 25px;
}
.cpxq .xqms div {
  width: 1000px;
  position: absolute;
  margin-top: -178px;
  background: url("/Template/html/Img/Index/dyny_2.png") top center no-repeat;
}
.cpxq .xqms div h4 {
  font-size: 22px;
  color: #2c2f34;
  line-height: 38px;
  margin: 55px auto 20px;
  text-align: right;
}
.cpxq .xqms div p {
  line-height: 28px;
  font-size: 14px;
  color: #2c2f34;
  text-align: right;
}
.cpxq .yyly {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.cpxq .yyly h3 {
  color: #4b73b0;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}
.cpxq .yyly p {
  font-size: 14px;
  color: #2c2f34;
  margin-top: 7px;
}
.cpxq .yyly p span {
  display: inline-block;
  line-height: 40px;
  margin-left: 50px;
}
.cpxq .yyly p span:before {
  content: "·";
  display: block;
  float: left;
  color: #999999;
  font-size: 40px;
  line-height: 36px;
  margin-right: 8px;
}
.cpxq .jscs {
  width: 1000px;
  margin: 20px auto 0;
  overflow: hidden;
}
.cpxq .jscs h3 {
  width: 1000px;
  height: 47px;
  background: url("/Template/html/Img/Index/dyny_btbj.png") no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  line-height: 47px;
  text-indent: 35px;
  letter-spacing: 2px;
}
.cpxq .jscs .csxq {
  width: 1000px;
  margin: 30px auto 0;
  overflow: hidden;
}
.cpxq .jscs .csxq .cszuo {
  width: 593px; 
  border: 1px solid #ece7e7;
  float: left;
}
.cpxq .jscs .csxq .cszuo li {
  width: 593px;
  display: table;
}
.cpxq .jscs .csxq .cszuo li p {
  font-size: 14px;
  color: #545454;
  height: 54px;
  line-height: 54px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 33px;
  width: 200px;
  background-color: #fff;
  border-bottom: 2px solid #ece7e7;
}
.cpxq .jscs .csxq .cszuo li p:first-child {
  padding: 0;
  text-align: center;
  width: 360px;
  background-color: #e9e8e8;
  border-bottom: 2px solid #f6f6f6;
}
.cpxq .jscs .csxq .csyou {
  width: 355px;
  height: 334px;
  border: 1px solid #ece7e7;
  float: right;
  margin-right: 2px;
}
.cpxq .jscs .csxq .csyou li {
  width: 355px;
  display: table;
}
.cpxq .jscs .csxq .csyou li h4 {
  height: 64px;
  border-bottom: 1px solid #ece7e7;
  text-align: center;
  color: #545454;
}
.cpxq .jscs .csxq .csyou li h4 em {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  padding-top: 9px;
}
.cpxq .jscs .csxq .csyou li h4 span {
  display: block;
  font-size: 12px;
  line-height: 20px;
}
.cpxq .jscs .csxq .csyou li p {
  font-size: 14px;
  color: #545454;
  height: 44px;
  line-height: 44px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 33px;
  width: 210px;
  background-color: #fff;
  border-bottom: 1px solid #ece7e7;
}
.cpxq .jscs .csxq .csyou li p:first-child {
  padding: 0;
  text-align: center;
  width: 145px;
  background-color: #e9e8e8;
  border-bottom: 1px solid #f6f6f6;
}
/********************组成部件********************/
.zcbj {
  width: 100%;
  padding:0 0 10px;
  background: url("/Template/html/Img/Index/dyny_bj2.jpg") center top no-repeat;
}
.zcbj .zcxq {
  width: 1000px;
  margin: 0 auto;
}
.zcbj .zcxq h3 {
  width: 1000px;
  height: 47px;
  background: url("/Template/html/Img/Index/dyny_btbj.png") no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  line-height: 47px;
  text-indent: 35px;
  letter-spacing: 2px;
}
.zcbj .zcxq   div {
  width: 1000px;
  margin-top: 26px;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.zcbj .zcxq   div ul ,.zcbj .zcxq   div .ul {
  width: 498px;
  height: 152px;
  float: left;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4; margin:0; padding:0;
  border-top:0;
  border-left:0;
}
.zcbj .zcxq   div ul li,.zcbj .zcxq   div .ul .li2  {
  float: left;
  width: 295px;
  height: 152px;
  overflow-y: auto;
  padding: 0 20px;margin:0; 
  border-top:0;
  border-left:0;
}
.zcbj .zcxq   div ul li:first-child,.zcbj .zcxq   div .ul .li1 {
  width: 163px;
  padding: 0;margin:0; border:0; float:left;
}
.zcbj .zcxq  div ul li img,.zcbj .zcxq  div .ul .li1 img {
  display: block;
  width: 162px;
  height: 152px;
  border-right: 1px solid #e4e4e4;
}
.zcbj .zcxq  div ul li h4,.zcbj .zcxq  div .ul .li2 h4 {
  font-size: 14px;
  color: #4b73b0;
  font-weight: bold;
  margin-top: 12px;
  line-height: 26px;
}
.zcbj .zcxq  div ul li p,.zcbj .zcxq  div .ul .li2 p {
  font-size: 12px;
  color: #545454;
  line-height: 22px;
}
/******************国际案例********************/
.gjal {
  width: 1000px;
  margin: 0 auto;
}
.gjal h3 {
  width: 1000px;
  height: 47px;
  background: url("/Template/html/Img/Index/dyny_btbj.png") no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  line-height: 47px;
  text-indent: 35px;
  letter-spacing: 2px;
}
.gjal .gjalnr {
  width: 1012px;
  overflow: hidden;
}
.gjal .gjalnr > div {
  float: right;
  position: relative;
  margin-right: 12px;
  margin-bottom: 12px;
}
.gjal .gjalnr .gjal1{ width:1000px;}
.gjal .gjalnr .gjal2{ width:291px;}
.gjal .gjalnr .gjal3{ width:342px;}
.gjal .gjalnr .gjal4{ width:342px;}
.gjal .gjalnr .gjal5{ width:697px;}
.gjal .gjalnr .gjal6{ width:291px;}
.gjal .gjalnr .gjal7{ width:342px;}
.gjal .gjalnr .gjal8{ width:342px;}


.gjal .gjalnr div a{ border:0;}
.gjal .gjalnr div p {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000, 0, endcolorstr=#b2000000, 0);
  width: 100%;
  padding: 10px 0;
  bottom: 0;
  left: 0;
  display: none;
  text-align: center;
  line-height: 34px;
  color: #ffffff;
  font-size: 14px;
}
.gjal .gjalnr div p  a{color: #ffffff; text-decoration:none;}
.gjal .gjalnr .fubj {
  margin-top: -118px;
}