@charset "utf-8";

/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  background: #FFF;
  line-height: 30px;
  font-family: "Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

ul, li, ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

a {
  color: #666;
  text-decoration: none;
}

img {
  border: 0px;
}

.clear {
  clear: both;
  display: block;
}

.header-root ul {
  list-style-type: none;
  margin: 0;
  padding: 0 12px;
  /* background-color: #0057AA; */
  
}

/*header开始*/
.header-logo{
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 0;
  justify-content: space-between;
  box-shadow: 5px 3px 2px #ccc;
}
.header-root li {
  display: inline-block;
  margin-right: 10px;
}

.header-root a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content2 {
  display: none;
  position: absolute;
  left: 100px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown2:hover .dropdown-content2 {
  display: block;
}

/*header结束*/
.index {
  clear: both;
  width: 100%px;
  margin: 15px 0;
  display: flex;
  justify-content: space-around;
}

.topC .top span {
  float: right;
  font-size: 23px;
  color: #fff;
  background: #ce0203;
  border-radius: 30px;
  line-height: 45px;
  padding: 0px 30px;
  margin: 29px 14px 20px 0px;
  display: block;
  text-align: center;
}

.topC {
  clear: both;
  display: block;
  /*background: URL(bg.jpg) repeat; */
  background: rgb(222, 222, 222);
}

.topC .top_tel {
  position: absolute;
  right: 89px;
  top: 0px;
  display: block;
}

.topC em {
  font-style: normal;
  text-align: center;
}


.topText {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
  text-align: right;
}

.topText a {
  display: inline-table;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  padding: 0px 20px;
  color: #FFF;
  background: #000;
}

.top {
  clear: both;
  display: block;
  width: 1200px;
  height: 124px;
  margin: 0px auto;
  position: relative;
}

.logo {
  float: left;
  display: block;
  width: 415px;
  height: 100px;
  background: URL(logo.png) left bottom no-repeat;
}

.logo a {
  display: block;
  width: 100%;
  height: 100px;
  cursor: pointer;
}

.tel {
  float: right;
  display: block;
  width: 355px;
  height: 71px;
  background: URL(tel.png) left bottom no-repeat;
  margin-top: 20px;
}


.topmenu {
  clear: both;
  display: block;
  height: 45px;
  background: #000 URL(menu.jpg) left top repeat-x;
}

/* menu style ========================================= */
.nav {
  clear: both;
  display: block;
  width: 1200px;
  height: 45px;
  margin: 0px auto;
}

.nav li {
  display: inline-table;
  float: left;
  position: relative;
  text-align: center;
  padding: 0px 22px;
  text-transform: uppercase;
}

.nav li.last {
  background: none;
}

.nav li:hover {
  background: #F40;
}

.nav .on {
  clear: both;
  display: block;
  color: #FFF;
  background: #F40;
}

.nav li:hover a {
  color: #FFF;
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
}

.nav li span:hover {}

.nav li span:hover a {
  text-decoration: none;
}

.nav li span {
  height: 45px;
  line-height: 45px;
}

.nav li span a {
  color: #FFF;
}

.nav li span .on {}

.nav li span a {
  font-size: 16px;
}

.nav li.selected .submenu {
  display: block;
}

.nav li .submenu {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  width: 170px;
  z-index: 10000;
  background: #FFF;
  border: 1px solid #e3e3e3;
}

.nav li .submenu a {
  clear: both;
  display: block;
  width: 100%;
  text-align: left;
  text-indent: 1em;
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav li .submenu a:hover {
  background: #e3e3e3;
  text-decoration: none;
}


/* banner style start */
.flexslider {
  position: relative;
  height: 404px;
  overflow: hidden;
}

.slides {
  position: relative;
  z-index: 1;
}

.slides li {
  height: 404px;
}

.flex-control-nav {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  width: 100%;
  text-align: center;
}

.flex-control-nav li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
}

.flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 40px;
  overflow: hidden;
  background: #0f6ab9;
  cursor: pointer;
  border-radius: 50%;
}

.flex-control-nav .flex-active {
  background: #F40;
}


/* search */
.search {
  clear: both;
  display: block;
  height: 46px;
  line-height: 46px;
  background: #ededed;
}

.searchForm {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
}

.searchForm form {
  float: left;
  display: block;
  width: 426px;
  height: 46px;
  position: relative;
  margin-right: 20px;
}

.searchForm .searchInput {
  width: 390px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  text-indent: 1em;
  border: none;
  background: #FFF;
  left: 0px;
  top: 3px;
  position: absolute;
}

.searchForm .searchBtn {
  width: 36px;
  height: 38px;
  border: none;
  background: #1579c5 URL(searchBtn.jpg) left bottom no-repeat;
  right: 0px;
  top: 3px;
  cursor: pointer;
  position: absolute;
}

/* index product */
.indexProductTitle {
  clear: both;
  display: block;
  border-bottom: 2px solid #000;
  margin-bottom: 10px;
}

.indexProductTitle div {
  display: inline-block;
  width: 270px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background: #e3e3e3;
  font-size: 18px;
}

.indexProductTitle .cur {
  background: #000;
  color: #FFF;
}

.tabMore {
  float: right;
  display: block;
  width: 100px;
  text-align: right;
}

.hotProList {
  clear: both;
  display: block;
  width:1200px;
}

.hotProList .cur {
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.hotProList div {
  display: none;
}

.hotProList li {
  float: left;
  display: block;
  width: 230px;
  margin-right: 10px;
}

.hotProList li div {
  clear: both;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 230px;
  height: 230px;
}

.hotProList li div img {
  border: 0px;
  max-width: 230px;
  max-height: 230px;
}

.hotProList li span {
  clear: both;
  display: block;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}


/* ad */
.ad1 {
  clear: both;
  display: block;
  width: 1200px;
  height: 146px;
  margin: 20px auto;
  overflow: hidden;
}

.ad2 {
  clear: both;
  display: block;
  height: 169px;
  background: URL(ad2Bg.jpg) left bottom repeat-x;
  text-align: center;
}

.ad2 img {
  border: 0px;
}


/* ganxie grow */
.ganxie {
  clear: both;
  display: block;
  border-top: 3px solid #d8d8d8;
  background: #ededed;
}

.ganxieTit {
  clear: both;
  display: block;
  width: 1200px;
  height: 70px;
  margin: 30px auto 20px;
  position: relative;
}

.ganxieText {
  width: 650px;
  text-align: center;
  font-size: 34px;
  background: #ededed;
  position: absolute;
  left: 225px;
  top: 20px;
  z-index: 30;
}

.ganxieLine {
  width: 1200px;
  height: 3px;
  background: #d8d8d8;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 20;
}

.ganxieC {
  clear: both;
  display: block;
  padding-bottom: 30px;
}

.rollBox {
  clear: both;
  height: 215px;
  margin: 0 auto;
  width: 1200px;
}

.rollBox .LeftBotton {
  height: 210px;
  width: 39px;
  background: url(Btn.png) left 50% no-repeat;
  overflow: hidden;
  float: left;
  display: inline;
  cursor: pointer;
}

.rollBox .RightBotton {
  height: 210px;
  width: 39px;
  background: URL(Btn.png) right 50% no-repeat;
  overflow: hidden;
  float: right;
  display: inline;
  cursor: pointer;
  margin-right: 10px;
}

.rollBox .Cont {
  width: 1100px;
  overflow: hidden;
  float: left;
  margin-top: 10px;
}

.rollBox .ScrCont {
  width: 10000000px;
}

.rollBox .Cont .pic {
  float: left;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  width: 225px;
  height: 180px;
  position: relative;
  overflow: hidden;
}

.rollBox .Cont .pic img {
  display: block;
  margin: auto;
  width: 200px;
  margin: 7px auto;
  border: 0px;
}

.rollBox .Cont .pic span {
  background: #e3e3e3;
  clear: both;
  display: block;
  width: 200px;
  height: 27px;
  line-height: 27px;
  margin-left: 12px;
  position: absolute;
  _position: ;
  bottom: 0px;
}

.rollBox #List1, .rollBox #List2 {
  float: left;
}


/* youshi style */
.youshi {
  clear: both;
  display: block;
  background: rgb(222, 222, 222);
}

.youshiC {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
}

.youshiListTit {
  clear: both;
  display: inline-table;
  border-bottom: 5px solid #000;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0px;
  margin-bottom: 15px;
}

.youshiListTit span {
  clear: both;
  display: block;
  text-transform: Uppercase;
}

.youshiListLi {
  clear: both;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.youshiListLi li {
   
  background: URL(youshiicon.png) no-repeat;
  background-position: 6px 10px; 
  text-indent: 1.5em;
}

.youshiTit {
  clear: both;
  display: block;
  height: 200px;
  position: relative;
}

.youshiTitH1 {
  width: 1200px;
  height: 60px;
  line-height: 60px;
  font-size: 43px;
  font-weight: bold;
  color: #385380;
  position: absolute;
  left: 0px;
  top: 50px;
  text-align: center;
}

.youshiTitWucha {
  position: absolute;
  width: 170px;
  right: 190px;
  top: 75px;
  font-size: 18px;
  font-weight: bold;
  color: #385380;
}

.youshiXuanze {
  position: absolute;
  width: 1200px;
  left: 0px;
  top: 130px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #F40;
  background: URL(youshiTit.png) center 50% no-repeat;
}

.youshi1 {
  clear: both;
  display: block;
}

.youshiLeft1 {
  float: left;
  display: block;
  width: 500px;
}

.youshiLeft1 .youshiListTit {
  font-size: 20px;
  background: URL(youshilefttit.png) 310px 20px no-repeat;
}

.youshiRight1 {
  float: right;
  display: block;
  width: 700px;
  text-align: center;
}


.youshi2 {
  clear: both;
  display: block;
}

.youshiLeft2 {
  float: left;
  display: block;
  width: 500px;
}

.youshiRight2 {
  float: right;
  display: block;
  width: 650px;
}

.youshiRight2 .youshiListTit {
  background: URL(youshirighttit.png) left 20px no-repeat;
  text-indent: 2em;
}

.youshi3 {
  clear: both;
  display: block;
}

.youshiLeft3 {
  float: left;
  display: block;
  width: 680px;
}

.youshiLeft3 .youshiListTit {
  font-size: 20px;
  /*background: URL(youshilefttit.png) 300px 20px no-repeat;*/
}

.youshiLeft3 .youshiListTit span {
  font-size: 20px;
}

.youshiLeft3 .youshiListLi li {
  float: left;
  display: block;
  width: 50%;
  list-style-image: url(youshilefttit.png);
}

.youshiRight3 {
  float: right;
  display: block;
  width: 450px;
}



.youshi4 {
  clear: both;
  display: block;
  height: 370px;
}

.youshiLeft4 {
  float: left;
  display: block;
  width: 450px;
}

.youshiLeft4 img {
  border: 0px;
  width: 100%;
  margin-top: 100px;
}

.youshiRight4 {
  float: right;
  display: block;
  width: 700px;
}

.youshiRight4 .youshiListTit {
  background: URL(youshirighttit.png) left 20px no-repeat;
  text-indent: 2em;
}

.youshiRight4 .youshiListTit span {
  font-size: 18px;
}

.youshiRight4 li {
  height: 40px;
  line-height: 40px;
}




.youshiLine {
  clear: both;
  display: block;
  height: 100px;
  background: URL(youshiLine.png) center bottom no-repeat;
}



.liucheng {
  clear: both;
  display: block;
  width: 100%;
  /*margin: 20px auto;*/
  background: URL(liucheng.jpg) center top no-repeat;
  margin-bottom: 50px;
}

.ad3 {
  clear: both;
  display: block;
  background: #000;
  text-align: center;
}

.ad3 img {
  border: 0px;
}


/* kehu */
.kehu_honor {
  clear: both;
  display: block;
  width: 1200px;
  margin: 20px auto;
}

.kehu {
  float: left;
  display: block;
  width: 800px;
  border: 1px solid #e3e3e3;
}

.indexTitle {
  clear: both;
  display: block;
  height: 47px;
  background: #f7f7f7;
  text-transform: uppercase;
}

.indexTitleText {
  display: inline-table;
  height: 47px;
  line-height: 47px;
  padding: 0px 30px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  background: #000;
}

.indexTitleMore {
  display: inline-table;
  height: 47px;
  line-height: 47px;
  float: right;
  padding: 0px 20px;
}

.kehuList {
  clear: both;
  display: block;
}

.kehuList li {
  clear: both;
  display: block;
  margin: 20px 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.kehuPic {
  float: left;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 270px;
  height: 200px;
  border: 1px solid #e3e3e3;
}

.kehuPic img {
  border: 0px;
  max-width: 270px;
  max-height: 200px;
  vertical-align: middle;
}

.kehuText {
  float: right;
  display: block;
  width: 450px;
  position: relative;
}

.kehuText p {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
}

.kehuText span {
  position: absolute;
  right: 0px;
  bottom: 10px;
  display: inline-table;
  background: #0f6ab9;
  height: 20px;
  line-height: 20px;
  padding: 0px 20px;
}

.kehuText span a {
  color: #FFF;
}

/* honor */
.honor {
  float: right;
  width: 380px;
  border: 1px solid #e3e3e3;
}

.honorList {
  clear: both;
  display: block;
  margin: 30px 10px;
}

.honorList li {
  clear: both;
  display: block;
  margin: 10px 20px;
}

.honorList div {
  clear: both;
  display: block;
  text-align: center;
}

.honorList img {
  border: 1px solid #e3e3e3;
  width: 100%;
}

.honorList span {
  clear: both;
  display: block;
  text-align: center;
}


/* about */
.about {
  clear: both;
  display: block;
  background: #000 URL(aboutBg.png) center -200px repeat-y;
}

.aboutC {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
}

.aboutTitle {
  clear: both;
  display: block;
  height: 120px;
  line-height: 120px;
  font-size: 36px;
  color: #FFF;
  text-align: center;
}

.aboutText {
  clear: both;
  display: block;
  color: #FFF;
}

.aboutVideo {
  display: block;
  display: flex;
  justify-content: space-between;
  margin-right: 15px;
}
.videoleft{
    margin-right: 99px;
}
.aboutList {
  clear: both;
  display: block;
  width: 100%;
  height: 280px;
  overflow: hidden;
  background: #FFF;
  margin: 20px auto;
  border-bottom: 1px solid #e3e3e3;
}

.aboutList li {
  margin: 20px 10px;
}

.aboutList img {
  border: 2px solid #e3e3e3;
  height: 200px;
}

.aboutList span {
  clear: both;
  display: block;
  text-align: center;
}




.indexContent {
  clear: both;
  display: block;
}


/* index news style */
.indexNews {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
}

.indexNewsLeft {
  float: left;
  display: block;
  width: 800px;
}

.indexTitleCur {
  float: left;
  display: inline-table;
  background: #000;
  color: #FFF;
  height: 47px;
  line-height: 47px;
  padding: 0px 30px;
  font-size: 16px;
  font-weight: bold;
}

.indexTitleLink {
  float: left;
  display: inline-table;
  background: #e3e3e3;
  cursor: pointer;
  height: 47px;
  line-height: 47px;
  padding: 0px 30px;
  font-size: 16px;
  font-weight: bold;
}

.indexNewsLeftList {
  clear: both;
  display: block;
  border: 1px solid #e3e3e3;
  padding-bottom: 10px;
}

.indexNewsLeftList li {
  float: left;
  display: block;
  margin-left: 20px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dashed #e3e3e3;
  text-indent: 1em;
  background: URL(newsicon.jpg) left 50% no-repeat;
  width: 370px;
}


.indexNewsRight {
  float: right;
  display: block;
  width: 380px;
  border: 1px solid #e3e3e3;
}

.indexNewsRightList {
  clear: both;
  display: block;
  margin: 0px 10px 10px;
}

.indexNewsRightList li {
  clear: both;
  display: block;
  margin: 0px 10px;
  border-bottom: 1px dashed #e3e3e3;
  text-indent: 1.5em;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: URL(newsicon.jpg) left 50% no-repeat;
}




/* links */
.linkTit {
  width: 1200px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  position: relative;
  margin: 10px auto;
}

.linkTxt {
  display: inline-table;
  background: #FFF;
  padding-right: 20px;
  height: 45px;
  z-index: 50;
  position: absolute;
  left: 0px;
  top: 0px;
}

.linkLine {
  clear: both;
  display: block;
  width: 1200px;
  height: 3px;
  background: #000;
  position: absolute;
  left: 0px;
  top: 20px;
  z-index: 30;
}

.linkContent {
  clear: both;
  display: block;
  width: 1200px;
  margin: 0px auto;
}

.linkContent a {
  margin-right: 10px;
}

/* copy style */
.copy {
width: 100%;
  margin-top: 100px;
  clear: both;
  display: block;
  color: #FFF;
  background: #000 URL(copy.png) center bottom no-repeat;
}

.copy a {
  color: #FFF;
}

.copyMenu {
  clear: both;
  display: block;
  border-bottom: 1px solid #000;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.copyMenu a {
  margin: 0px 10px;
}

.copyText {
  clear: both;
  display: block;
  width: 1200px;
  margin: 15px auto;
  padding: 20px 0px;
}

.copyLogo {
  float: left;
  display: block;
  width: 112px;
  height: 90px;
  background: URL(copyLogo.png) left top no-repeat;
}

.copyTextC {
  float: left;
  display: block;
  width: 800px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-left: 50px;
}


/* left style */
.videoRight{
    margin-top: 20px;
}
.left {
  
  width: 250px;
  margin-left: 80px;
}

.leftList {
  clear: both;
  display: block;
  background: #000;
  border-radius: 15px;
  padding-bottom: 30px;
}

.leftListTit {
  clear: both;
  display: block;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #FFF;
}

.firList {
  clear: both;
  display: block;
  height: 60px;
  line-height: 60px;
  background: #fbfbfb URL(firListIcon.png) 200px 50% no-repeat;
  text-indent: 1em;
  cursor: pointer;
  margin: 0px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.firList .cur {
  color: #F40;
  font-weight: bold;
}

.secList {
  clear: both;
  margin: 0px 10px;
}

.secList .cur a {
  color: #F40;
}

.secList a {
  clear: both;
  display: block;
  height: 30px;
  line-height: 30px;
  background: #f0f0f0;
  text-indent: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.secList a:hover {
  background: #e0e0e0;
}


/* right style */
.right {
    /*flex: 1;*/
    width:1200px;
    margin: 0 50px;
}

.location {
  clear: both;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #000;
  color: #FFF;
}

.classname {
  float: left;
  display: inline-table;
  margin-left: 15px;
}

.classlink {
  float: right;
  display: inline-table;
  margin-right: 15px;
}

.classlink a {
  color: #FFF;
}


.rightContent {
  clear: both;
  display: block;
  margin: 15px 0px;
}





/* sub product content style */
.productList {
  clear: both;
  display: block;
}

.productList li {
  float: left;
  display: block;
  width: 230px;
  margin: 0px 5px 25px 5px;
  text-align: center;
}

.productList li div {
  clear: both;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 228px;
  height: 228px;
  background: #FFF;
  border: 1px solid #f7f7f7;
}

.productList li img {
  border: 0px;
  max-width: 228px;
  max-height: 228px;
}

.productList p {
  clear: both;
  display: block;
  padding: 0px;
  margin: 0px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.productPicList {
  float: left;
  display: block;
  width: 500px;
}

.productBigPic {
  clear: both;
  display: block;
  border: 1px solid #e3e3e3
}

.productBigPic div {
  display: none;
  width: 500px;
  text-align: center;
}

.productBigPic img {
  border: 0px;
  max-width: 100%;
  margin: 0px auto;
}

.productSmallPic {
  clear: both;
  display: block;
}

.productSmallPic div {
  float: left;
  display: inline-block;
  margin: 10px 10px 15px 0px;
  cursor: pointer;
}

.productSmallPic img {
  border: 1px solid #ccc;
  width: 87px;
  height: 87px;
  float: left;
}

.productSmallPic .cur {
  display: inline-block;
  border: 3px solid #258fa5;
}

.productSmallPic .cur img {
  border: 0px;
}


.productInfo {
  float: right;
  display: block;
  width: 420px;
}

.productTitle {
  clear: both;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #000;
  border-bottom: 2px solid #000;
}

.productInfoList {
  clear: both;
  display: block;
}

.productInfoList span {
  color: #000;
}

.productBuy {
  clear: both;
  display: inline-block;
}

.productInfoList a {
  display: inline-block;
  clear: both;
  padding: 0px 55px;
  background: #000;
  color: #FFF;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  cursor: pointer;
  box-shadow: 3px 3px 3px #000;
}


.productText {
  clear: both;
  display: block;
  margin: 20px 0px;
}

.productTextTitle {
  clear: both;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #ccc;
}

.productTextTitle div {
  float: left;
  display: block;
  width: 50%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

.productTextTitle .cur {
  background: #258fa5;
  color: #FFF;
}

.productTextContent table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  border: 0 none
}

.productTextContent table td {
  text-indent: 1em;
}

.productTextContent table td.highlight {
  color: #fff;
  background-color: #258fa5;
  border: 0 none;
}





/* sub news content style */
.newsList {
  clear: both;
  display: block;
}

.newsList li {
  clear: both;
  display: block;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px dashed #e3e3e3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsList li .newsListTitle {
  float: left;
  display: inline-table;
  text-indent: 1em;
  background: URL(newsicon.jpg) left 50% no-repeat;
}

.newsList li .newsListTime {
  float: right;
  display: inline-table;
  color: #999;
}


.newsTitle {
  clear: both;
  display: block;
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}

.newsInfo {
  clear: both;
  display: block;
  text-align: center;
  padding: 10px 0px;
}

.newsInfo span {
  display: inline-block;
  margin: 0px 15px;
}

.newsPic {
  clear: both;
  display: block;
  margin: 10px 0px;
  text-align: center;
}

.newsPic img {
  border: 0px;
  max-width: 700px;
}

.newsContent {
  clear: both;
  display: block;
  margin: 20px 0px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.newsContent p {
  margin: 0px;
}

.newsContent img {
  clear: both;
  display: block;
  border: 0px;
}


/* download style */
.downList {
  clear: both;
  display: block;
}

.downList li {
  float: left;
  display: block;
  width: 46%;
  margin: 0px 2%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e3e3e3;
}

.downList li span {
  float: right;
}

.downList li span a {
  color: #258fa5;
}



/* page style */
.pageList {
  clear: both;
  display: block;
  text-align: center;
  margin: 20px 0px 10px;
}

.pageList a {
  display: inline-block;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e3e3e3;
  margin-right: 7px;
}

.pageList b {
  display: inline-block;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #258fa5;
  background: #000;
  color: #FFF;
  margin-right: 7px;
}


.pageContent {
  clear: both;
  display: block;
  font-size: 16px;
  margin: 30px 0px;
}


.pagePreNext {
  clear: both;
  display: block;
  border-top: 1px solid #e3e3e3;
  padding-top: 10px;
}




/* scroll start */
#demoThree {
  overflow: hidden;
  width: 1150px;
  margin: 0px auto;
}

#demoThree span {
  display: block;
  clear: both;
  text-align: center;
}

#demoThree li {
  float: left;
  text-align: center;
  padding: 0px;
}

#indemoThree {
  float: left;
  width: 1600%;
}

#demoThree1 {
  float: left;
}

#demoThree2 {
  float: left;
}

/* scroll end */



/* kefu list */
.kefuShow {
  position: fixed;
  top: 150px;
  right: 0px;
  background: #4fbae8;
  width: 24px;
  min-height: 120px;
  display: none;
  color: #FFF;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  text-align: center;
  padding: 10px 0px;
  z-index: 1000;
}

.kefu {
  position: fixed;
  z-index: 1000;
  top: 154px;
  right: 0px;
  background: #FFF;
  width: 150px;
  border: 4px solid #2687e5;
  border-radius: 10px;
}

.kefuHeader {
  clear: both;
  display: block;
  height: 121px;
  background: URL(kefuTop.png) center top no-repeat;
  margin-top: -9px;
}

.kefuHeader span {
  float: right;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #16a0de;
  color: #FFF;
  text-align: center;
  margin: 6px 6px 0px 0px;
  cursor: pointer;
}

.kefuList {
  clear: both;
  display: block;
}

.kefuList li {
  margin: 10px 15px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.kefuList li a {
  clear: both;
  display: block;
  background: #29a5dc;
  color: #FFF;
  border-radius: 10px;
  text-align: center;
}

.kefuEwm {
  clear: both;
  display: block;
  height: 120px;
  background: URL(ewm.jpg) center top no-repeat;
}

.kefuF40 {
  clear: both;
  display: block;
  text-align: center;
  color: #F40;
  line-height: 20px;
}

.kefuText {
  clear: both;
  display: block;
  text-align: center;
}

.kefuBlue {
  clear: both;
  display: block;
  text-align: center;
  color: #2687e5;
  font-weight: bold;
}