@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')
}
html{ font-family:"arial","微软雅黑",'FontAwesome';background-color: #fff; font-size: 24px;}
body{font-size: 0.6rem; line-height: 2; color: #37474f; min-width: 1000px;}
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
div{margin: 0px auto;}
.container{max-width: 100%; min-width: 1000px; margin: 0px auto; }
.container{width:1200px;}
.rmainBox { float: right; width:980px;}
.lsideBox{ float:left; width:200px;}
.rmainBox,.lsideBox,.lmainBox,.rsideBox,.mainBox{ margin-bottom: 30px;margin-top: 30px;}
.lmainBox{  float: left; width:980px; }
.rsideBox{float:right; width:200px; }

@media screen and (min-width: 1250px){
    .container{width:1200px;}

}
@media screen and (min-width: 1450px){
    .container{width:1200px;}
}

@media screen and (min-width: 1600px){
    .container{width:1200px;}
    html{font-size: 24px;}
}

.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
a,a:hover{ text-decoration: none;color: #666 }

.pagetitle{ color: #666 ; font-weight: bold; font-size: 1.2rem}

.header-top{ line-height: 3;}
.header-top .welcome{ float: left;}
.header-top  .top_bar{ float: right;}
.header-top  .top_bar span{ padding-left: 20px; display: inline-block; }
.header .logo { width:50%; float: left;}
.header .logo img{ width:180px; height: auto; float: left;}
.header .logo div{ float: left; margin-left: 20px;}
.header .logo div span{ display: block; }
.header .logo div .sitename{ font-size: 1rem; font-weight: 600; line-height: 1.5; margin-top: 10px;}
.header .logo div .sitedesc{ font-size: 0.8rem;font-weight:normal; letter-spacing:3px}
@media screen and (min-width: 1250px){
    .header .logo div .sitedesc{letter-spacing:2px; line-height: 1;}
}
.header  .top-contact{ float: right; display: inline-block; position: relative;}
.header .top-contact span{ display: block; line-height: 1.5;  text-align:left; font-weight: 600;}
.header  .top-contact .top_txt{ font-size: 0.8rem; }
.header  .top-contact .top_tel{ font-size: 0.8rem;  color:#e94700; line-height: 1;}
.header .top-contact:before{ font-family: "FontAwesome"; content: "\f10b"; position: absolute; width:30px; height: 100%; top:0px; left:-35px; font-size: 56px; line-height: 1; color: #e94700 }


.navbar{ width:100%; height:2.25rem; line-height: 2.25rem; background:  #e94700; margin-top: 20px; }
.navbar a{ color: #fff;  }
.navbar .navul1{ justify-content: space-between;}
.navbar .navli1{height:2.25rem; line-height: 2.25rem; flex: auto;}
.navbar .navli1:hover,.navbar .navli1.active{background:#0891d7;}
.navbar .navli1{ position: relative; padding: 0  10px; }
.navbar .navli1:before{ content: ''; background:#fff  ; right: 0px; top: 35%; width:2px; height: 30%; display: inline-block; position: absolute;}
.navbar .navli1:last-child:before{width: 0;}
.navbar .navli1 a{ padding: 0 10px; display: block;}
.navbar .navul2 { position: absolute; z-index: 101; top:200%; right: 0px; width:200%; text-align: left; visibility: hidden; transition: 200ms; opacity: 0; }
.navbar .navul2 .navli2{ width:100%; line-height: 1.5rem; padding-top:2px; }
.navbar .navul2 a{  background-color: #0891d7; padding: 0px; color: #fff; width:100%; height: 100%; display: block; text-indent: 0.7rem; border: 2px solid rgba(0,0,0,0); border-right: 0px; border-left: 0px; }
.navbar .navli1:hover>.navul2{ top:100%; opacity: 1; visibility:visible; }

.header_key { line-height: 4; box-shadow: 0px 2px 20px 0px #ccc;}
.header_key .hotkey{ float: left; width:800px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.header_key .hotkey .title{ color:#e94700; font-weight: 600;}
.header_key .search{ display: inline-block; float: right; position: relative; }
.header_key .search .searchword{border-radius: 5px; border: 1px solid #ccc; width:200px; height: 25px;}
.header_key .search .searchgo{ width:30px; height: 27px;  text-align: center; position: absolute; top:calc(2 * 0.6rem - 13.5px ); right: 0px; background-color: #ec4900; border: 1px solid #ec4900; border-top-right-radius: 5px; border-bottom-right-radius: 5px;    }
.header_key .search .searchgo:before{ content: "\f002";width:30px; height: 20px;  display: block;  font-family: "FontAwesome"; color: #fff; font-size: 0.6rem; }


.index_area1{ margin-top: 40px;}
.index_area1 .title,.index_area1 .desc{ text-align: center; line-height: 2}
.index_area1 .title{ font-size: 30px; font-weight: bold; color: #666;}
.index_area1 .imglist{ margin: 20px;}
.index_area1 .imgitem{ width:50%;  float: left; }
.index_area1 .imgitem .area{ margin:10px;}
.index_area1 .imgitem .area img{width:45%; float: left; height: auto;  max-height:calc(6.2rem)}
.index_area1 .imgitem .area .content{width: calc(100% - 45% - 20px ); margin-left: 10px; float: left; line-height: 2;}

.index_area1 .imgitem .area .content .columnname { color:#ea763b; font-size: 0.7rem;  }
.index_area1 .imgitem .area .content .columndesc{ font-size: 0.6rem; height: calc(2 * 4 * 0.6rem ); overflow: hidden;}

.index_area2{ margin-top: 40px;}
.index_area2 .rolltitle,.index_area2 .rolldesc{ text-align: center; line-height: 2}
.index_area2 .rolltitle{ font-size: 30px; font-weight: bold;}
.index_area2 img{  border-radius: 50%/50%}
.index_area2 .rows{ margin-top: 20px; overflow: hidden;}
.index_area2 .rowssroll{}
.index_area2 .rowsul{white-space: nowrap; }
.index_area2 .rowsul li{display: inline-block;  display: inline-flex; }
.index_area2 .rowsul li a{ margin: 5px;white-space:normal;  }
.index_area2 .rowsul li .title{ text-align: center;}

.index_area3 { margin-top: 40px;}
.index_area3 .title,.index_area3 .desc{ text-align: center; line-height: 2; display: block;}
.index_area3 .title{ font-size: 30px;font-weight: bold; color: #666;}

.index_area3 .nimg{ margin-top: 10px;}
.index_area3 .nimg dl{ float: left;}
.index_area3 .nimg dl dt,.index_area3 .nimg dl dd{ margin:0px 10px;}
.index_area3 .nimg dl dd.title{ font-size: 0.8rem; color:#FF0000; }
.index_area3 .nimg dl dd.desc{ text-align: left;}

.index_area4   { margin-top: 40px;}
.index_area4 .title,.index_area4 .desc{ text-align: center; line-height: 2; display: block;}
.index_area4 .title{ font-size: 30px;font-weight: bold; color: #666;}

.index_area4 .content-box{ background: url("../images/tv.png") no-repeat left top ; position: relative; height: 398px;}
.index_area4 .content-box .video{ width:490px; position: absolute; left:110px; bottom:68px; box-shadow: 0px -26px 26px 10px #e3e3e3;}
.index_area4 .content-box .content { width:calc(100% - 650px) ; position: absolute; top:0px; right: 0px;}
.index_area4 .content-box .imglist{  position: absolute; right: 0px; bottom:40px; display: inline-block;}
.index_area4 .content-box .imglist figure{ float: left; margin-left: 10px;}
.index_area4 .content-box .content .name{ color: #ff571f; font-size: 0.9rem; }
.index_area4 .content-box .content .desc{ text-align: left; line-height: 2;}
.index_area4 .content-box .more{ position: absolute; left: 650px;bottom: 170px; }
.index_area4 .content-box .more a{color:#fff; background-color: #0891d7;   padding: 0px 10px; display: inline-block; border-radius: 10px; }
.index_area5{ margin-top: 40px;}
.index_area5 .rolltitle,.index_area5 .rolldesc{ text-align: center; line-height: 2}
.index_area5 .rolltitle{ font-size: 30px;}
.index_area5 .rows{ margin: 10px; overflow: hidden;}
.index_area5 .rowssroll{}
.index_area5 .rowsul{white-space: nowrap; }
.index_area5 .rowsul li{ display: inline-block;  }
.index_area5 .rowsul li a{ margin: 5px;white-space:normal;  }
.index_area5 .rowsul li .title{ text-align: center;}

.area6_cls   { margin-top: 40px;}
.area6_cls .title-box h3,.area6_cls .title-box .desc{ text-align: center; line-height: 2; display: block;}
.area6_cls .title-box h3{ font-size: 30px;}
.area6_cls .imglist{ margin-top: 20px; }
.area6_cls .imglist .imgitem{ float: left;}
.area6_cls .imglist .content-box span{ display: block; position: absolute; width:100%; text-align: center; bottom:0px; background-color:rgba(0,0,0,0.5); color:#fff;}
.area6_cls .imglist .imgitem .content-box{ width:95%;height: 95%;  margin: auto; position: relative;}
.area6_cls .imglist .imgitem .content-box figure{ width: 100%; height: 100%;}
.area6_cls .imglist .imgitem .content-box  img{ width: 100%; height: 100%;}
.area6_cls .imglist .imgitem { width:400px; height: 225px;}
.area6_cls .imglist .imgitem:first-child{  height: 465px;}

.index_area7{ margin: 20px auto;}
.index_area7 .title,.index_area7 .desc{ text-align: center; line-height: 2;display: block;}
.index_area7 .title{ font-size: 30px;font-weight: bold; color: #666;}
.index_area7 .news{ width:33.333%; float: left;}
.index_area7 .news .news-box{ margin: 0px 10px;}
.index_area7 .news .news-box .title-box{border-bottom: 2px solid #d7d7d7; height: 1.75rem; line-height: 1.75rem; }
.index_area7 .news .news-box .title-box h2{ display: inline; float: left; font-size: 0.8rem; position: relative;}
.index_area7 .news .news-box .content-box { margin-top: 20px;}
.index_area7 .news .news-box .title-box .more{  float: right; text-align: right; padding: 0 0.5rem;}
.index_area7 .news .news-box .content-box figure{ max-width: 100%; height: 130px;}
.index_area7 .news .news-box .content-box  img{ width: 100%; height: 130px; }
.index_area7 .news .news-box .news-list { font-size: 0.6rem;}
.index_area7 .news .news-box .news-list  h2{ width:74%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.6rem; line-height: 2; font-weight: normal;}
.index_area7 .news .news-box .news-list  h2 a{ height: 100%;}
.index_area7 .news .news-box .news-list  .time{ width:25%; float: right; text-align: center; }
.index_area7 .news3 .news-list h2{ position: relative; padding-left: 40px;width: calc(100% - 40px); }
.index_area7 .news3 .news-list h2:before{ content: "问"; width:30px; height: 100%; top:0px; left: 0; position: absolute; color: #fff; background-color:#e5495b; text-align: center; border-radius: 15px;}
.index_area7 .news3 .desc{ position: relative;}
.index_area7 .news3 .content-box{ height: calc(130px + (6 * 2 * 0.6rem)); overflow: hidden; position: relative;}
.index_area7 .news3 .news-box .news-list  .desc{ text-align: left;  margin-top: 5px; padding-left: 40px; display: block; line-height: 1.5; height: 3.6rem;  overflow: hidden; width: calc(100% - 40px); ; position: relative;}
.index_area7 .news3 .news-box .news-list  .desc:before{ content: "答"; width:30px; height: 1.2rem;  top:5px; left: 0; position: absolute; color: #fff; background-color:#0a90d9; text-align: center;  font-weight: 600; border-radius: 15px;}

.footer-box{background-color: #0891d7; border: 1px solid #dedede; color: #0891d7;}
.footer-box .footer_1{ margin: 1rem auto;}
.footer-box .footer_1 h2{ font-size: 0.8rem; font-weight:400; color: #fff}
.footer-box .footer_1 .left h2 a{color: #fff; }
.footer-box .footer_1 .left{ width:60%; float: left; }
.footer-box .footer_1 .left a{ color: #fff; }
.footer-box .footer_1 .left ul{ margin: 0px; float: left;}
.footer-box .footer_1 .mid{ width:22%; float: left; color: #fff; }
.footer-box .footer_1 .right{ width:calc(100% - 60% - 22% - 10px); float: right; }
.footer-box .footer_1 .right img{ max-width: 100%;}
.aboutpage .title-box { text-align: center;}
.aboutpage .title-box span{ display: inline-block; margin: 0px auto; font-size: 1.2rem;  position: relative; font-weight: bold; color:#666; }
.aboutpage .title-box span:after{ content: ""; width:120%; height: 0px; bottom:0px; left: -10%;  border:2px solid #cbb270; position: absolute; }
.aboutpage .title-box ul{ white-space: nowrap;}
.aboutpage .title-box ul li{ display: inline-block; margin: 15px 10px; border-radius:0.6rem; border: 1px solid #f9f6f1; background-color: #f9f6f1;}
.aboutpage .title-box ul li a{ height: 100%; padding: 0px 20px;}
.aboutpage .title-box ul li.cur2class, .aboutpage .title-box ul li:hover{border: 1px solid #e94700; background-color: #e94700; }
.aboutpage .title-box ul li.cur2class a,.aboutpage .title-box ul li:hover a{ color:#fff;}

.aboutpage .show1_cls{ text-align: center;margin-top: 40px;}
.aboutpage div.img.show1_cls{ margin-top: 20px;}
.aboutpage .show1_cls .title{  display: inline-block; margin: 0px auto; font-size: 1.2rem;  position: relative;font-weight: bold; color:#666; }
.aboutpage .show1_cls .title:after{ content: ""; width:50%; height: 0px; bottom:0px; left: 25%;  border:2px solid #cbb270; position: absolute; }
.aboutpage .show1_cls .rows{ margin-top:20px; }
.aboutpage .show1_cls .rows .row{ width:25%; float: left; margin-bottom:20px;}
.aboutpage .show1_cls .rows .row span,.aboutpage .show1_cls .rows .row h2{ display: none;}
.aboutpage .show1_cls .rows .row figure{ width:95% ; height: 210px; border: 1px solid #ccc; box-shadow: 1px 1px 1px 1px #ccc;}
.aboutpage .show1_cls .rows .row  img{ max-width: 100%; max-height: 100%; width:auto; height: auto;}
.aboutpage .show2_cls{ margin-top: 40px;}
.aboutpage .show2_cls .title-box span:after{ content: ""; width:50%; height: 0px; bottom:0px; left: 25%;  border:2px solid #cbb270; position: absolute; }
.aboutpage .show2_cls .newsItem{ width:31.333%; float: left; margin:20px 1%; position: relative;}
.aboutpage .show2_cls figure{ width:100%; height: 150px;margin-bottom: 10px;}
.aboutpage .show2_cls figure img{ width:100%; height: 100%; }
.aboutpage .show2_cls .title,.aboutpage .show2_cls .desc{ width:100%; display: block;}
.aboutpage .show2_cls .title { font-size: 0.7rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.aboutpage .show2_cls .desc{ overflow: hidden; height: 6rem;}
.aboutpage .show2_cls .time{ position: absolute; left:-15px; top:-20px; background-color: #e46310; color:#fff;}
.aboutpage .show2_cls .time span{ display: block; padding: 0px 10px;text-align: center; }
.aboutpage .show2_cls .time span.dtime{ font-size: 24px; line-height: 1.5}
.aboutpage .show2_cls .time span.ymtime{ line-height: 1.5; padding-bottom: 5px;}

.peixunpage .title-box{ text-align: center; }
.peixunpage .title-box span.name{ font-size: 1.2rem; padding: 10px 0px; position: relative; clear: both; font-weight: bold; color:#666;}
.peixunpage .title-box span.name:after{ content: ""; width:50%; height: 0px; bottom:0px; left: 25%;  border:2px solid #cbb270; position: absolute; }

.peixunpage .maincontent{ margin-top: 20px;}
.peixunpage .maincontent .img{ width: 45%; float: left;}
.peixunpage .maincontent .img img{ max-width: 100%; height: auto; box-shadow: 4px 4px 11px 0px #cbb270;}
.peixunpage .maincontent .content{ /* width:calc(55% - 20px); float: right;*/}

.peixunpage_other{ margin-top: 40px;}
.why_choice .why ,.why_choice  .brief{ text-align: center; width:50%;}
.why_choice .why{ font-size: 1.2rem;  font-weight: bold; color:#666;}
.why_choice .item { width:25%; float: left; text-align: center;  position: relative; margin-top: 20px;}
.why_choice .item:after,.why_choice .item span:before,.why_choice .item span:after{ content: ""; width:200px; height: 200px; border-radius: 100px; position: absolute; top:0px; left:calc(50% - 100px );z-index: -1;opacity:0.3;}
.why_choice .item span{ width:200px; height: 200px; line-height: 200px; display: block; font-size: 30px; color:#fff; border-radius: 100px; margin: 10px auto; position: relative;}
.why_choice .item span:before,.why_choice .item span:after{ left:-10px; top:10px;  }
.why_choice .item span:after{ left:10px;}
.why_choice .item1 span,.why_choice .item1:after,.why_choice .item1 span:before,.why_choice .item1 span:after{ background-color: #f76c4b;}
.why_choice .item2 span,.why_choice .item2:after,.why_choice .item2 span:before,.why_choice .item2 span:after{ background-color: #6fcc25;}
.why_choice .item3 span,.why_choice .item3:after,.why_choice .item3 span:before,.why_choice .item3 span:after{ background-color: #ffb400;}
.why_choice .item4 span,.why_choice .item4:after,.why_choice .item4 span:before,.why_choice .item4 span:after{ background-color: #11c1b6;}

.show_ys{ margin-top: 40px;}
.show_ys .ys ,.show_ys  .ys_desc{ text-align: center; width:50%;}
.show_ys .ys{ font-size: 1.2rem;  font-weight: bold; color:#666;}
.show_ys .list{ margin-top: 30px;}
.show_ys .list .item{ width:25%; float: left;}
.show_ys .list .content { margin: 5px; border: 1px solid #ccc; padding: 10px;}
.show_ys .list .content  img{ width:100%; display: block;}
.show_ys .list .content .title{ display: block; font-size: 0.9rem; font-weight: bold;}

.wide .wide_title{ font-size: 1.2rem; text-align: center;  font-weight: bold; color:#666;}
.wide  .wide_list .item{ width:33.333%; float: left;}
.wide  .wide_list .item .content{ width:250px; height: 250px;   color:#fff; border-radius: 150px; margin: 10px auto; position: relative;}
.wide .item .content div{ width:150px; height: 150px;display: table; position:absolute; left:calc( 50% - 75px); top:calc( 50% - 75px); }
.wide .item .content div span{  display: table-cell;  vertical-align: middle; }
.wide .item1 .content{ background-color: #f76c4b; border: 1px solid #f76c4b}
.wide .item2 .content{ background-color: #6fcc25;border: 1px solid #6fcc25}
.wide .item3 .content{ background-color: #ffb400;border: 1px solid #ffb400}


.evaluation .evaluation_title ,.evaluation  .evaluation_desc{ text-align: center; width:50%;}
.evaluation .evaluation_title{ font-size: 1.2rem; font-weight: bold; color:#666;}
.evaluation  .list{ position: relative; height: 700px; margin-top: 30px;}
.evaluation .item{ width:52%; position: absolute; }
.evaluation .item .content{ width:80%; border: 2px solid #ffb400; border-radius: 10px; padding:30px 50px; position: relative;}
.evaluation .item .content:before,.evaluation .item .content:after{position: absolute; content: ""; width: 0px; height: 0px; border-top: 40px solid #ffb400; border-left: 40px solid transparent; left:100px; bottom:-40px; }
.evaluation .item .content:after{border-top-color:  #fff; bottom:-36px; left:98px;  }
.evaluation .item .picAndName{ margin-top: 45px; margin-left: 120px; text-align: left;}
.evaluation .item .pic{ width:80px; height: 80px;float: left;  }
.evaluation .item .pic img{ max-width: 100%; height: auto; max-height: 100%; width: auto; border-radius: 50%;}
.evaluation .item .name{ float: left; line-height: 80px; margin-left: 20px; font-weight: bold;  }
.evaluation .item1{ top:0px; left: 0px;}
.evaluation .item2{ top:20px; right: 0px;}
.evaluation .item3{ top:calc(50% + 20px);  left: 0px;}
.evaluation .item4{ top: calc(50% + 40px); right: 0px;}

.show30_cls{ margin-top: 40px; }
.show30_cls .left-box,.show30_cls .right-box{ width:50%; float: left;}
.show30_cls .title-box,.show30_cls .newslist{ width:95%;}
.show30_cls .title-box{ line-height: 2rem; border-bottom: 1px solid #ffb400;}
.show30_cls .title-box h2{ width:75%; float: left; font-size: 0.8rem; }
.show30_cls .title-box span{ float: right;}
.show30_cls .newslist{ margin:10px auto;}
.show30_cls .newslist figure{ width:45%; float: left;}
.show30_cls .newslist figure img{ width: 100%; height:140px;}
.show30_cls .newslist h2{ width: calc(55% - 20px); float: right; font-size: 0.6rem; font-weight: 600;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.show30_cls .newslist .first span{width: calc(55% - 20px); float: right; height: 3.6rem; overflow: hidden; display: block;}
.show30_cls .newslist .other{ position: relative;}
.show30_cls .newslist .other:before{ font-family: "FontAwesome"; content: "\f111"; position: absolute; width:30px; height: 100%; top:calc(50% - 0.3rem); left:0px; line-height: 1; color: #ccc ;  }
.show30_cls .newslist .other h2{ width:75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-weight: normal; text-indent: 30px;}
.show30_cls .newslist .other .time{float: right; }
.show30_cls .newslist li{ border-bottom: 1px solid #ccc;}


.currlocatinon{ text-indent: 10px; border-bottom:1px solid #ccc;position: relative; }
.currlocatinon:before{ content: ""; display: block; width:100px; height: 3px; background-color: #cbb270; position: absolute; bottom:-1px; left:0px; z-index: 2;}
.currlocatinon .nav_x{line-height: 1.5rem; height: 1.5rem; display: block; float: right; }
.currlocatinon .curr{ font-size: 0.9rem;}


.aboutpage{ padding:20px;}
.newspage{ padding:20px; }
.newspage .newsItem_2{}
.newspage .newsItem_2 .item{ margin-bottom: 1rem;  }
.newspage .newsItem_2 .item h4 { height: 2rem; line-height: 2rem;}
.newspage .newsItem_2 .item h4 a{ color: #333; font-size: 0.8rem; font-weight: bold; }
.newspage .newsItem_2 .item h4 span{ float: right; margin-right: 0.5rem; color: #76838f ; font-weight: normal;}
.newspage .newsItem_2 .item .item_pic{ float: left; margin-right: 0.5rem;}
.shownewpage{padding:20px;  }
.shownewpage .shownewstitle{ text-align: center;}
.shownewpage .time{ display: block; text-align: center;}
.shownewpage  .shownewscontent{ padding-top: 10px;}
.shownewpage .shownewscontent img{ max-width: 100%;}

.imgpage{padding:20px;   }
.imgpage .imglist li{ width:33.33%; float: left; text-align: center;   padding-bottom: 1rem;}
.imgpage .imglist li div{  margin:10px; text-align: center; border: 1px solid #d5d5d5; padding-bottom: 1rem;   }
.imgpage .imglist  li figure{ max-width: 100%; margin-top: 0.5rem;}
.imgpage .imglist li img{ max-width: 100%;}
.imgshowpage{ padding:20px; }
.imgshowpage .title{ text-align: center; font-size: 18px; margin-bottom: 20px;}
.imgshowpage .img-box{ text-align: center;}

.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 0.5rem ; }
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 10px;}

.sitemappage {padding:20px;   }
.sitemappage .maphome{ font-size: 0.9rem;  font-weight: bold; display: none;}
.sitemappage .sitemapclass1{ clear: both; border: 1px solid  #ccc; border-radius: 10px;margin: 10px 0px ; }
.sitemappage .class1title{ margin: 10px 0px; text-indent: 1rem; font-size: 0.7rem;  font-weight: bold;}
.sitemappage .class1title a{ color:#174b9e; }
.sitemappage .class1children{ padding-left: 2rem; border-top: 1px dashed #ccc;}
.sitemappage .class1children:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
.sitemappage .class2title{  float: left; padding: 10px;}
.sitemappage .class2children{ display: none;float: left; width:0px;height: 0px;}

.searchpage{ margin-top: 40px;}

.searchpage .searcname{ text-align: center; height: 2rem; line-height: 2rem; border-bottom: 1px solid #0cbadf;  }
.searchpage .searcname span{ height: 100%; display: inline-block; position: relative; }
.searchpage .searcname span:before{ content: ""; position: absolute; height: 5px; width: 110%; display: block; left: 0px; bottom:-3px; background-color: #4e739f;  }
.searchpage .searchform{ margin: 0px auto; margin-top: 10px; width:95%; position: relative; clear: both; height: 34px;}
.searchpage .searchword{ position: absolute; width:100%; height: 30px; line-height: 30px; border-radius:200px; -webkit-border-radius:200px;  -moz-border-radius:200px;  -ms-border-radius:200px;  -o-border-radius:200px;}
.searchpage .searchword { background-color: #f3f7f9; text-indent:15px; outline:none;border:  1px solid #e4eaec}
.searchpage .searchword:focus{ border:  1px solid #76520c;}
.searchpage .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #f76c4b; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #f76c4b;  height: 32px; line-height: 32px; top:1px; right:-2px; border-radius:30px;-webkit-border-radius:30px;  -moz-border-radius:30px;  -ms-border-radius:30px;  -o-border-radius:30px; }

.seachresult{ margin-top: 30px;}
.seachresult { line-height: 24px; height: 24px;}
.seachresult li{ position: relative; border-bottom:  1px dashed #f2a501; margin-top: 10px;}
.seachresult li span{ position: absolute; right: 0; top: 0px;}

.txtlink { padding: 10px auto;  background-color: #f0f0f2; border: 1px solid #f0f0f2;}
.txtlink ul{ position: relative; padding-left:70px; width: 1130px; min-height: 1.8rem;}
.txtlink ul:before{position:absolute; content:"友情链接："; left:0px; top:0px; display: block; line-height:3; font-weight: bold;}
.txtlink li{ display: inline-block;}
.txtlink  a{ margin: 0px 5px; line-height: 3; display: block;}

.joblist{ margin-top: 30px;}
.joblist .list-none { clear: both;}
.joblist .list-none  span{ width:130px; height: 40px; display:inline-block; overflow: hidden;   }
.joblist .list-none dt { font-size: 14px; color: #f2a501;line-height: 40px;height: 40px; }
.joblist .list-none dd {  line-height: 30px;height: 30px; }

.showjob {margin: 30px 0px; }
.showjob .paralist{ line-height: 25px; }
.showjob  .paralist span{  width:80px; display:inline-block; }
.showjob  h3.ctitle{ margin: 20px 0px 10px 0px;}
.showjob .info_cv{ display: block; width: 128px; height: 38px; line-height: 38px;   text-align: center; margin-top: 10px;}
.showjob .info_cv a{ width: 100% ; height: 100%; display: block;background:#257d67;  color: #fff;  border: 1px solid #257d67; border-radius: 5px;}
.showjob .info_cv a:hover{background:#f2a501 ;border: 1px solid #f2a501;}
.cvlist{ margin: 30px auto; line-height: 25px;}
.cv_table img{ margin-left: 10px;}
.subwebpage { padding: 20px;   }
.subwebpage li{ line-height: 2 }
.subwebpage li span{ padding: 0px 10px;}

.index_area1 .imglist{ margin-top: 40px;}
.index_area2 .rows{margin-top: 40px;}
.area6_cls .imglist{margin-top: 40px;}
.index_area7{ margin-top: 40px;}
.aboutpage div.img.show1_cls{ margin-top: 40px;}
.aboutpage .show2_cls .newslist{ margin-top: 40px;}
.peixunpage .maincontent{ margin-top: 40px;}
.why_choice .item{ margin-top: 40px;}
.show_ys .list{ margin-top: 40px;}
.peixunpage_other .wide_list { margin-top: 40px;}
.evaluation  .list{margin-top: 40px;}

.index_area5 a.more,.index_area1 .more,.index_area2 a.more,.area6_cls a.more { color:#fff; background-color: #0891d7; line-height: 2;   padding: 0px 20px; display: table; border-radius: 10px;  margin: 10px auto;}
.peixunpage .showleft{ float: left; width:75%; }
.peixunpage .showleft img{ max-width: 100%;}

.peixunpage  .news_side{ float: right; width:23%; margin-top: 0px;}
.peixunpage .news_side .title-box h2{ text-align: left;}
.peixunpage .news_side .left-box,.peixunpage .news_side  .right-box{  width:100%; display: block; margin-bottom: 40px;}
.peixunpage .news_side .newslist .other h2{ width:100%;}
.peixunpage .news_side .newslist .other .time{ display: none;}


/*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: 16px; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 16px; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage  .navul .navli_first .nava{color:#174b9e;}
.sitemappage .dataul  { flex-wrap: wrap; padding: 16px ; border: 1px dotted #eee;}
.sitemappage .dataul .datali{ width:23%;  margin: 2px 2% 2px 0; }
/*sitemappage page end*/