@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: 16px;
    line-height: 1.5;
    color: #333;
    background:#fff;
    box-shadow: 0 0 0 5px #eee;
}
a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#10539a}
/* 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:#10539a; }
.subnavlist .item{ padding: 0 0.5rem;}
.subnavlist .subnava.curr
,.subnavlist .subnava:hover
{ font-weight: bold; color: #10539a; }
/* 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-between; }
.head-company-tel .txtbox .txt{ line-height: 1; }
.head-company-tel .txt1{font-size:28px; font-weight:bold; color:#10539a;  white-space: nowrap;  }
.head-company-tel .txt2{font-size:18px; white-space: nowrap; }
.head-company-tel .telbox{position: relative; flex-direction: column; justify-content: space-between; }
.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: #10539a;}
.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: #10539a; 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; padding-bottom:50px; }
/* 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: #10539a;}
.index-hotkey .keyslist{ flex: auto; }
.index-hotkey .keyslist .a{ display: block; padding: 0 10px; color:#999;}
.index-hotkey .keyslist .a:hover{ color:#10539a}
/* 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:#10539a; padding: 10px 20px;}
.index-pro .clslist  .navli2{ height: 34px; line-height: 34px; padding : 0 10px; border-radius: 17px; background-color: #fff; color:#10539a; 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:#10539a;}
.index-pro .clslist  .a2{ display: block; width:100%; height: 100%;}
.index-pro .clslist .navul3{ padding-top: 10px; padding-bottom: 30px;}
.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:#10539a; }
.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:#10539a; 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 #10539a; 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:#10539a;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:#10539a; }
.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 #10539a; color:#10539a; 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:#10539a; display: block; width:100%; height: 100%;  padding: 10px 30px;  line-height: 1; border: 1px solid #10539a; border-radius: 30px; }
.index-news .morea:hover a{background-color: #10539a;  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:#10539a;}
.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: #10539a; 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:#10539a;}
.index-news  .barlist .baritem:last-child:after{ content:"";}
.index-news  .barlist .baritem.curr{ color:#10539a;}
.index-news  .barlist .baritem.curr:before{content:""; width:100%; border-bottom: 2px solid #10539a; 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: #10539a; border: 1px solid #10539a;  }
.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 #10539a;}
.searchpage .submit{ background-color: #10539a; 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 #10539a; }
.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%}
.index-link  .content-box .txtlink li a{padding: 0px 5px; margin: 0px 5px; display: block;}
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
/*sitemappage page end*/