@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;

    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);

    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),

    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),

    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')

}

body {

    margin: 0;

    padding: 0;

    font-family: "Arial",FontAwesome;

    font-size: 14px;

    line-height: 1.5;

    color: #333;

    background:#fff;

    box-shadow: 0 0 0 5px #eee;

}

a{ text-decoration: none;color: #5a5a5a }

a:hover{color:#008ED6}

/* currposition */

.currposition  { background-color: #f2f2f2; height: 50px; line-height: 50px; width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.currposition .container {justify-content: space-between; position: relative; padding-left: 30px;}

 .currposition .container :before{ content:"\f015"; position: absolute; left:0; top:50%;  transform: translate(0%,-50%); font-size: 20px; color:#008ED6; }

.subnavlist .item{ padding: 0 0.5rem;}

.subnavlist .subnava.curr

,.subnavlist .subnava:hover

{ font-weight: bold; color: #008ED6; }

/* currposition end*/

.page{ padding: 60px 0;}

/* head-top */

.head-top{background-color: #eeeeee; height: 50px; line-height: 50px; font-size: 14px; }

.head-top .flex{ justify-content: space-between;}

.head-top  .txt{ color:#999; letter-spacing: 2px;}

.head-top .topnav{}

.head-top .topnav .item{ margin: 0 5px; }

.head-top .topnav .topnav-link{ display: block;}

/* head-top end*/

/* head-company-tel */

.head-company-tel{ padding: 30px 0;}

.head-company-tel .container.flex{ justify-content: space-between;}

.head-company-tel .logo { justify-self: center; align-self: center;}

.head-company-tel .txtbox{margin-left: 20px;flex-direction: column;justify-content: space-around;}

.head-company-tel .txtbox .txt{ line-height: 1; }

.head-company-tel .txt1{font-size:30px; font-weight:bold; color:#008ED6;  white-space: nowrap;  }

.head-company-tel .txt2{font-size:18px; white-space: nowrap; }

.head-company-tel .telbox{position: relative;flex-direction: column;justify-content: center;}

.head-company-tel .telbox:before{ content: url("../images/hdPhone.png"); position: absolute; left:-10px; top:50%; transform:translate(-100%,-50%); }

.head-company-tel .telbox .txt{ font-size: 14px;  line-height: 1.2;}

.head-company-tel .telbox .telno{ font-size: 30px; color:#ffba00; line-height: 1.2;}

/* head-company-tel end*/

/* mainnav */

.mainnav{ height: 50px; line-height: 50px; background: #008ED6;}

.navul1.flex{ justify-content: space-between; }

.mainnav .nava1{ font-size: 16px;  color:#fff; display: block; padding: 0 30px; }

.mainnav .navli1.active .nava1

,.mainnav .navli1:hover .nava1{ background-color:#ffba00; color:#111; }

.mainnav .navul1:hover .navli1 .nava1{ background-color: transparent; color:#fff; }

.mainnav .navul1 .navli1:hover .nava1{ background-color:#ffba00; color:#111; }

.mainnav .navli1{ position: relative;}

.mainnav .navli1 .navul2{ position: absolute; top:200%; left:0; height: 0; overflow: hidden; opacity: 0; z-index: 99999; min-width: 100%; max-width: 200%; white-space: nowrap; background-color: #008ED6; line-height: 30px; transition: 500ms;  }

.mainnav .navli1:hover .navul2{ top:100%; opacity: 1; height: auto; }

.mainnav .navli1 .nava2{ color:#fff; display: block; padding: 0 20px;}

.mainnav .navli1 .nava2:hover{ background-color:#ffba00; color:#111; }

/* mainnav end*/

/* indexpage */

.index-item{ padding-top:60px; }

/* index-hotkey */

.index-hotkey{ background-color: #eee;}

.index-hotkey .flex{ font-size: 16px;  justify-content: flex-start; height: 50px; line-height: 50px; overflow: hidden; }

.index-hotkey .keystitle{ flex: none; padding: 0 10px; color: #008ED6;}

.index-hotkey .keyslist{ flex: auto; }

.index-hotkey .keyslist .a{ display: block; padding: 0 10px; color:#999;}

.index-hotkey .keyslist .a:hover{ color:#008ED6}

/* index-hotkey end*/

/* index-product */

.index-pro .left{ width:250px; flex: none;}

.index-pro .classtitle{ height: 70px; line-height: 70px; background-color: #373737; color:#fff; font-size: 16px; font-weight: bold; text-align: center; }

.index-pro  .clslist{ background-color:#008ED6; padding: 20px 5px;}

.index-pro .clslist  .navli2{ height: 34px; line-height: 34px; padding : 0 10px; border-radius: 17px; background-color: #fff; color:#008ED6; position: relative;}

.index-pro .clslist  .navli2:after{ content:"\f13a"; position: absolute; top:50%; right:10px; font-size: 24px;transform: translate(0%,-50%);  color:#ffae00; }

.index-pro .clslist  .navli2:hover:after{ color:#008ED6;}

.index-pro .clslist  .a2{ display: block; width:100%; height: 100%;}

.index-pro .clslist .navul3{ padding-top: 10px; padding-bottom: 20px;}

.index-pro .clslist .navul3 .navli3 { padding: 0 10px 0 30px; height: 26px; line-height: 26px; position: relative; }

.index-pro .clslist .navul3 .navli3:before{ content:""; width:10px; height: 10px; border: 2px solid #fff; border-radius: 50%; position: absolute; left:10px; top:50%;transform: translate(0,-50%); }

.index-pro .clslist .navul3 .a3{ color:#fff;}

.index-pro .clslist .navul3 .a3:hover{ color:#ffae00;}

.index-pro .right{ padding-left: 20px; flex: auto;}

.index-pro .barlist{ height: 50px; line-height: 50px; margin-bottom: 20px;  background-color: #373737; color:#fff; font-size: 16px; }

.index-pro .barlist .baritem{ padding: 0 20px;}

.index-pro .barlist  .curr{ color:#fff; background-color:#008ED6; }

.index-pro .barlist  .curr:before{ content:"\f0c9"; padding-right: 5px;}

.index-pro .list{ display: flex; justify-content: flex-start;flex-wrap: wrap;}

.index-pro .list .item{ width:33.33%;}

.index-pro .list .divmain{ margin: 10px; text-align: center; transition: 500ms;}

.index-pro .list  .pic{ border: 1px solid #eee; box-shadow: 6px 6px 3px 2px #eee; overflow: hidden;}

.index-pro .list .divmain .img{ transition: 500ms;}

.index-pro .list .divmain:hover .img{ transform: scale(1.1); }

.index-pro .list .title{ text-align: center; line-height: 3;}

.index-pro .list .itema{ display: block; width:100%; height: 100%;}



/* index-product end*/

/* index-ys */

.index-ys{background-color: #f2f2f2;  background-position: center top; padding: 0; margin-top: 60px; }



.index-ys .ys,.index-ys .yst{ background-position: center top; }

.index-ys .yst{ background-image: url("../images/yst.png"); height: 233px; }

.index-ys .ys0{ background-image: url("../images/ys1.png"); height: 371px; }

.index-ys .ys1{ background-image: url("../images/ys2.png"); height: 399px; }

.index-ys .ys2{ background-image: url("../images/ys3.jpg"); height: 369px; }

.index-ys .ys3{ background-image: url("../images/ys4.png"); height: 345px; }

.index-ys  .yscontent{ width:1000px; position: relative;   }



.index-ys  .ys .wen{ position: absolute; top:15px; left:110px; width:380px; }

.index-ys  .ys:nth-child(2n+1) .wen{ left:630px;}

.index-ys .t1{ color:#008ED6; font-size: 26px; line-height: 36px; }

.index-ys .t2{ color:#202020; font-size: 18px; margin-bottom: 30px; line-height: 28px;}

.index-ys .wen p{ font-size: 15px; line-height: 18px; padding-bottom: 10px; position: relative; padding-left: 15px;}

.index-ys .wen p:before{ content:""; border: 3px solid #008ED6; border-radius: 50%; position: absolute; left:0; top:6px; }

/* index-ys end*/

/* index-about*/

.index-about { background: url("../images/aboutbg.jpg") center; background-color: #fff; padding: 50px 0; }

.index-about .aboutbox{ flex-direction: column; flex: auto; padding: 30px; padding-top:10px;background-color: #fff;  }



.index-about  .abouttitle{ font-size: 22px; line-height: 1; margin: 20px 0; }

.index-about  .abouttitle a{color:#333; font-weight: normal;}

.index-about  .abouttitle span{font-weight: normal; font-size: 14px; color:#d9d9d9; font-family: Arial; padding-left: 5px;}

.index-about  .pic{ flex: none; }

.index-about  .contentbox{ flex: auto; margin-right: 20px;}

.index-about  .contentbox .pic{ flex: none; padding: 5px; margin-right: 20px;}

.index-about   .contentbox .img{ box-shadow: 0 0 0 5px #efefef;}

.index-about  .contentbox .title {  margin-bottom: 10px; }

.index-about  .contentbox .titlea{color:#008ED6;font-size: 20px; font-weight: bold;  }

.index-about  .contentbox .desc{ font-size: 14px; line-height: 1.5;}

.index-about .btna{ width:131px; height: 45px; display: block; float: left; margin-top: 20px; margin-right: 10px; border-radius: 23px; background: url("../images/about_btn01.png") no-repeat center;}

.index-about .btna.zq{ background-image: url("../images/about_btn02.png");}

.index-about .aboutRight{ flex: none; padding-right: 20px;}

.index-about .rollBox{overflow: hidden; padding: 0px 50px;}

.index-about .zzlist{ white-space: nowrap; overflow: hidden;}

.index-about .zzitem{ float: left; display: none;}

.index-about .zzitem:nth-child(1){ display: block;}

.index-about .zzitem img{ display: block;}

.index-about .zzitem em{line-height: 2.5; display: block; text-align: center;}





.index-about .rollbox2 { overflow: hidden;  margin-top: 40px;}

.index-about .rollbox2 .list {  width:1000%; white-space: nowrap;}

.index-about .rollbox2 .item {margin-right: 10px; text-align: center; }

.index-about .rollbox2 .item .pic{ padding: 5px;  }

.index-about .rollbox2 .item .img{ box-shadow: 0 0 0 5px #fff;}

.index-about .rollbox2 .item .title{ line-height: 2.5; display: block; text-align: center; color:#fff;}



.index-about .rollbox2 .btnpre,.index-about .rollbox2  .btnnext{ position: absolute; top:40%; cursor: pointer;}

.index-about .rollbox2 .btnpre:before,.index-about .rollbox2  .btnnext:before{ content:"\f137"; font-size: 30px; line-height: 1;color:#008ED6; }

.index-about .rollbox2 .btnpre:hover:before,.index-about .rollbox2  .btnnext:hover:before{ color:#ffae00}

.index-about .rollbox2 .btnpre{left:10px; transform: translate(0%,-50%); }

.index-about .rollbox2  .btnnext:before{content:"\f138"; }

.index-about .rollbox2  .btnnext{ right:10px;transform: translate(0%,-50%); }

/* index-about end*/

/* index-cases*/

.index-cases .titlebox{ text-align: center; margin-bottom: 30px;}

.index-cases .titlebox .title{ font-size: 30px; color:#222; line-height: 1;}

.index-cases .titlebox .title em{ font-weight: bold;}

.index-cases .titlebox .desc{ font-size: 14px; color:#999; line-height: 1; margin-top: 10px;}

.index-cases .barlist{ justify-content: center; margin :10px 0;}

.index-cases  .baritem{ padding: 0px 20px; border: 1px solid #656565; line-height: 38px; margin: 0 10px;}

.index-cases .barlist .baritem.curr{ border: 1px solid #008ED6; color:#008ED6; cursor: pointer; }

.index-cases  .pannels{ margin-top: 20px;}

.index-cases  .pannel{ flex-wrap: wrap;}

.index-cases  .item{ width:33.3%;}

.index-cases .divmain{ padding: 5px; text-align: center;}

.index-cases .divmain .pic{ position: relative;}

.index-cases .divmain .pic:before{ content: ""; width:100%; height: 100%; border: 5px solid #eee; position: absolute; top:0; left:0;}

.index-cases .divmain .title { line-height: 2.5;}

/* index-cases end*/

/* index-hezuo*/

.index-hezuo{ background-color: #f2f2f2; margin-top: 60px; padding: 60px 0;}

.index-hezuo .titlebox{ text-align: center;}

.index-hezuo .titlebox .title{ font-size: 30px; color:#222; line-height: 1;}

.index-hezuo .titlebox .title em{font-weight: bold;}

.index-hezuo .titlebox .desc{ font-size: 14px; color:#999; line-height: 1; margin-top: 10px;}

.index-hezuo .box { margin-top: 20px; justify-content: flex-start;}

.index-hezuo .box  .pic{ flex: none;}

.index-hezuo .box  .rightbox{ flex: auto; overflow: hidden;}

.index-hezuo .box  .rightbox .list{}

.index-hezuo .box  .rightbox .item{white-space : normal; position: relative; justify-content: space-between; flex: none;}

.index-hezuo .box  .rightbox .item img{ display: block;}

.index-hezuo .box  .rightbox .item:before{ content: ""; width:100%; border-bottom: 2px solid #eee; position: absolute;left:0; top:50%; transform: translate(0%,-50%); }

.index-hezuo .box  .rightbox .item:after{ content: ""; height:100%; border-left: 3px solid #eee; position: absolute; right:0%; top:0; transform: translate(50%,0%); }

/* index-hezuo end*/

/* index-lingyu*/

.index-lingyu{}

.index-lingyu .titlebox{ text-align: center;}

.index-lingyu .titlebox .title{ font-size: 30px; color:#222; line-height: 1;}

.index-lingyu .titlebox .title em{font-weight: bold;}

.index-lingyu .list { margin-top: 40px;}

.index-lingyu .item{ width:25%;}

.index-lingyu .item .content{ margin: 0 5px; height: 400px;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}

.index-lingyu .item .content .colorbg{background-color: #37c684; width:100%; position: absolute; left:0; bottom:0; transition: 500ms;}

.index-lingyu .item .dian{background-color: #37c684; overflow: hidden; width:50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; color:#fff; border-radius: 30px; position: absolute; top:0px; left:50%;  transform: translate(-50%,-50%);}

.index-lingyu .item1 .content{ background-image:url("../images/lingyu1.jpg"); }



.index-lingyu .item2 .content{ background-image:url("../images/lingyu2.jpg"); }

.index-lingyu .item2 .content .colorbg

,.index-lingyu .item2 .content .dian{ background-color: #df394c;}

.index-lingyu .item3 .content{ background-image:url("../images/lingyu3.jpg"); }

.index-lingyu .item3 .content .colorbg

,.index-lingyu .item3 .content .dian{background-color: #9347c3;}

.index-lingyu .item4 .content{ background-image:url("../images/lingyu4.jpg");}

.index-lingyu .item4 .content .colorbg

,.index-lingyu .item4 .content .dian{ }

.index-lingyu .item  .txtbox{ padding:  20px; color:#fff;  }

.index-lingyu .item .content .title{ text-align: center; font-size: 18px;}

.index-lingyu .item .content .desc{ overflow: hidden; line-height: 1.5; margin-top: 10px; display: none;}

.index-lingyu .item .content:hover .colorbg{ height: 100%; opacity: 0.9;  }

.index-lingyu .item .content:hover .desc{ height: auto; display: block; }

.index-lingyu .item .content:hover .dian{ height: 0; width:0; font-size: 0;  }

.index-lingyu  .lingyua{position: absolute; top:0; left:0; z-index: 2; width:100%; height: 100%; }

/* index-lingyu end*/

/* index-news*/

.index-news{background-color: #f2f2f2; padding: 60px 0; margin-top: 60px; }

.index-news .titlebox{ text-align: center;}

.index-news .titlebox .title{ font-size: 30px; color:#222; line-height: 1;}

.index-news .titlebox .title em{font-weight: bold;}

.index-news .box { margin-top: 30px;}

.index-news  .pannels{ margin-top: 30px;}

.index-news .leftbox{ flex: auto; background-color: #fff; padding: 20px; margin-right: 30px;}

.index-news .leftbox .newslist{ display: none;}

.index-news .leftbox .newslist.curr{ display: block;}

.index-news .boxl { flex: none; width:250px;}

.index-news .boxl  .title{ line-height: 2.5; text-align: center;font-weight: bold; }

.index-news .boxl   .desc{ line-height: 1.5; font-size: 14px;}

.index-news .morea{ margin-top: 10px; display: inline-block;}

.index-news .morea a{ color:#008ED6; display: block; width:100%; height: 100%;  padding: 10px 30px;  line-height: 1; border: 1px solid #008ED6; border-radius: 30px; }

.index-news .morea:hover a{background-color: #008ED6;  color:#fff; display: block; width:100%; height: 100%;}

.index-news .boxr{ flex: auto; padding-left: 20px;}

.index-news .boxr .item{ margin-bottom: 20px; border: 1px solid #ececec; padding: 10px;}

.index-news .boxr .item:hover  .datebox{ color:#008ED6;}

.index-news .boxr .datebox{ width:80px; text-align: center; flex: none; border-right: 1px dashed #ececec;}

.index-news .boxr .datebox span{display: block;  }

.index-news .boxr .datebox .d{ font-size: 44px;line-height: 1; }

.index-news .boxr .datebox .ym{ font-size: 18px;line-height: 1.5;}

.index-news .boxr .txtbox{ flex: auto; padding-left: 20px;}

.index-news .boxr .txtbox .title{ font-weight: bold; }

.index-news .boxr .txtbox .desc{ line-height: 1.5; font-size: 14px;}

.index-news .rightbox{ flex: none; width:300px;  background-color: #fff; padding: 20px;}

.index-news .rightbox .newtitle{ padding-bottom: 0;}

.index-news .rightbox .pannel{ height: 350px; margin-top: 30px; overflow: hidden;}

.index-news .rightbox  .list{  overflow: hidden; }

.index-news .rightbox  .item{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ececec;}

.index-news .rightbox  .item .title{ font-weight: bold; line-height: 40px; position: relative; padding-left: 25px;}

.index-news .rightbox  .item .title:before{ content: "Q"; width:20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: #008ED6; color: #fff; position: absolute; left:0; top:50%;  transform: translate(-0%,-50%); }

.index-news .rightbox  .item .desc{ font-size: 14px; height: 75px; line-height: 25px; overflow: hidden; padding-left: 25px; -webkit-line-clamp:3; position: relative;  }

.index-news .rightbox  .item .desc:before{ content: "A"; width:20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: #ffae00; color: #fff; position: absolute; left:0; top:12.5px;transform: translate(-0%,-50%); }

.index-news  .newtitle{ position: relative;}

.index-news  .titlebar{ line-height:48px; height: 48px; font-size: 16px;  font-weight: bold; border-bottom: 2px solid #f2f2f2; position: relative;}

.index-news  .barlist .baritem { position: relative;}

.index-news  .barlist .baritem a{ display: block; width:100%; height: 100%; padding: 0 20px;}

.index-news  .barlist .baritem:after{ content:"/"; height: 100%; position: absolute; top:0px; right:0;transform: translate(50%,0); color:#008ED6;}

.index-news  .barlist .baritem:last-child:after{ content:"";}

.index-news  .barlist .baritem.curr{ color:#008ED6;}

.index-news  .barlist .baritem.curr:before{content:""; width:100%; border-bottom: 2px solid #008ED6; position: absolute; left:0; bottom:0;}

.index-news   .newsmore{ height: 48px; line-height: 48px; position: absolute; bottom:0; right:0px; padding: 0 20px; font-weight: normal;}

/* index-news end*/

/* indexpage end*/

/* footer */

.footer{ background-color: #2d2d2d; padding: 60px 0; color:#b3b3b3;}

.footer a{ color:#b3b3b3;}

.footer .flex{ justify-content: space-between;}

.footer dt{ font-size: 18px; margin-bottom: 15px; }

.footer dd{font-size: 16px;  line-height: 30px;}

.footer .imgdl dd{ text-align: center;}

.footernav .list .item{ padding: 0 20px; line-height: 2.5}

.copyright{ border-top: 1px solid #f2f2f2; background-color: #2d2d2d; color:#b3b3b3; text-align: center; padding: 10px 0;}

/* footer end*/



/*product page*/

.productpage .pagelist { justify-content: flex-start; flex-wrap: wrap;}

.productpage .pagelist .item { width:25%;}

.productpage .pagelist .divmain{ padding: 10px; text-align: center;}

.productpage .pagelist .pic{ overflow: hidden;  box-shadow: 0 0 0 5px #efefef; }

.productpage .pagelist .img{transition: 500ms;}

.productpage .pagelist .divmain:hover .img{ transform: scale(1.1);}

.productpage .pagelist .title{ line-height: 3; font-size: 18px;}



.showproductpage .maincontent{ padding-top: 60px;}

.showproductpage .titlearea .pic{ min-width: 45% ; max-width: 55%;  flex: none; text-align: right;}

.showproductpage .titlearea .titlebox{ flex: auto; margin-left:30px;}

.showproductpage .titlearea .title{ font-weight: bold; font-size:18px;}

.showproductpage .titlearea .desc{ padding-top: 1rem; }

.showproductpage  .btnbar{ margin-top: 30px; border-bottom: 1px solid #eee;}

.showproductpage  .item{ padding: 0.5rem 1.5rem; border: 1px solid #eee; border-bottom: 0; margin-right: 0.5rem; position: relative; cursor: pointer; }

.showproductpage  .item.curr:before{content: ""; position: absolute; left:0; bottom:-1px; width:100%; height: 0;  border-bottom: 1px solid #fff; }

.showproductpage  .item:hover{ background:#eee; }

.showproductpage  .pannels{ padding: 2rem 1rem 1rem; border: 1px solid #eee; border-top: 0; }

/*product page end*/

/*newspage page*/

.newspage .pagelist .item { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 16px;  }

.newspage .pagelist .divmain{ margin: 16px;}

.newspage .pagelist .itema{  width:100%; height: 100%;}

.newspage .pagelist .timebox{ width:100px; flex: none; position: relative}

.newspage .pagelist .timepath{ width:100%; line-height: 1; display: block; position: absolute; left:0; text-align: center;}

.newspage .pagelist .ym{ top:50%;font-size: 20px; transform:  translateY(40%); }

.newspage .pagelist .d{ bottom:50%; font-size: 36px; font-weight: bold; transform: translateY(10%);}

.newspage .pagelist .title{ height: 30px; line-height: 2rem; font-weight: bold; font-size: 18px;}

.newspage .pagelist .desc{ height:46px; ;  line-height: 23px; font-size: 14px; overflow: hidden;}

.newspage .pagelist .item:hover{background-color: #008ED6; border: 1px solid #008ED6;  }

.newspage .pagelist .item:hover .itema{ color:#fff;}



.shownewspage .maincontent{ margin-top: 30px;}

.shownewspage  .titlebox{ text-align: center;}

.shownewspage  .titlebox .title{ font-weight: bold; font-size: 20px; line-height:40px;}

.shownewspage .maincontent .shownewscontent{ margin-top: 20px;}

/*newspage page end*/

/*imgpage page*/

.imgpage  .pagelist { margin-top: 2rem; justify-content: flex-start; flex-wrap: wrap;}

.imgpage   .item{ width:25%; margin-bottom: 30px;}

.imgpage .itema{ display: block; }

.imgpage  .pagelist  .divmain{ margin: 10px;}

.imgpage  .pic{   border: 1px solid #eee; text-align: center; }

.imgpage  .pic img{ width:auto; height: auto; max-width: 100%; max-height: 100%;}

.imgpage  .item .txtbox{ border: 1px solid #eee; ;border-top: 0; padding: 0.5rem 1rem; }

.imgpage .item .title{ font-size: 18px; font-weight: bold; line-height: 40px;}

.imgpage .item .classname { color:#757575}

.imgpage .itema:hover { }

.imgpage .itema:hover .txtbox {}



.showimgpage  .maincontent{ margin-top: 30px;}

.showimgpage   .titlebox{ text-align: center;}

.showimgpage   .titlebox .title{ font-weight: bold; font-size: 20px; line-height: 40px;  }

.showimgpage  .maincontent .content{ margin-top:20px;}

/*imgpage page end*/

/*searchpage page*/

.searchpage .searchform{ margin-bottom: 20px;}

.searchpage .form{ position: relative;}

.searchpage .keyword{ width:100%; height: 40px; line-height: 40px; outline: none; padding: 0 100px 0 30px; border-radius: 50px; border: 1px solid #008ED6;}

.searchpage .submit{ background-color: #008ED6; color:#fff; position: absolute; top:0%; right:0;  height: 40px; line-height: 40px; padding: 0 20px;  border-radius: 50px; border-bottom-left-radius: 0; border-top-left-radius: 0; border: 1px solid #008ED6; }

.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}

/*searchpage page end*/

/*sitemappage page*/

.sitemappage  .companyname{ font-size: 30px; font-weight: bold;   line-height: 70px; text-align: center;}

.sitemappage  .sitemap{ padding: 30px;}

.sitemappage  .sitename{ font-weight: bold; font-size: 30px; line-height: 48px; height: 48px; text-align: center;}

.sitemappage  .navul{ padding-top: 1rem; overflow: hidden; flex-wrap: nowrap;}

.sitemappage  .navul .navli{ padding-right: 1rem; flex: none;}

.sitemappage  .navul .navli_first{ font-weight: bold; }

.sitemappage .dataul  { flex-wrap: wrap; padding: 1rem ; border: 1px dotted #eee;}

.sitemappage .dataul .datali{ width:23%; margin-right: 2%}

/*sitemappage page end*/