html{font-family: Tahoma,"arial","微软雅黑","宋体",FontAwesome;background-color:#0d58ae;font-size:14px;}
body{ background-color: #0d58ae; font-size:14px;color:#fff;}
a,a:hover{ color:#fff;}

.page{ padding: 20px 0;}
.rmainBox,.lsideBox,.lmainBox,.rsideBox,.mainBox{}

.flex>div.rmainBox { width:930px; flex: auto; margin-left: 30px; }
.lsideBox{ width:240px; flex: none;}

.head-top{color:#fff;color:#fff;letter-spacing: 1px; height: 40px; line-height: 40px; background-color: #0a3d79; border-bottom: 1px solid #0d58ae;  }
.head-top .container{ justify-content: space-between;}
.head-top  .bar a{display: block; padding: 0 10px;}
.logo_tel {color:#fff;color:#fff; background-color: #0a3d79; padding: 20px 0; }
.logo_tel .flex.container{ justify-content: space-between;}
.logo_tel  .logo{ padding-right: 30px; border-right:1px solid #0d58ae; }
.logo_tel  .otherimg{padding-left: 30px; overflow: hidden;  position: relative;}
.logo_tel  .otherimg img{  animation: rotatex 10s ease-in 2s infinite;}
.logo_tel  .otherimg:before{ content: ""; position: absolute; left:0; top:50%; z-index: 2; transform: translate(-100%,-50%) rotateZ(-45deg); width:10px; height: 200%; background: rgba(10, 61, 121,0.5) ; animation: searchLights 3s ease-in 2s infinite;}
@keyframes searchLights{
    0%{left:0;}
    to {left:100%}
}

@keyframes rotatex {
    0% { transform: rotateY(0deg); }
    25%{ transform: rotateY(-180deg);  }
    50%{ transform: rotateY(0deg);  }
}
.logo_tel   .phone{ background: url("../images/phone.png") no-repeat center right; padding-right: 50px;}
.logo_tel   .phone p{height: 16px; line-height: 16px; margin-top: 20px;}
.logo_tel   .phone h3{ height: 36px; line-height: 36px;     font-size: 30px; font-family: Arial; font-weight: normal; letter-spacing: 1px;}

.navbar{ background-color: #0d58ae; background-image: linear-gradient(to bottom, #3395f9 50%, #0d58ae); height: 60px; }
.navbar .navul1{ justify-content: space-between;}
.navbar .navli1{flex: auto; text-align: center; position: relative;}
.navbar .nava1{ color:#fff; height: 60px; line-height: 60px; font-size: 20px; display: block; }
.navbar .active .nava1
,.navbar .navli1:hover  .nava1
{ background-image: linear-gradient(to bottom, #de050a 50%, #e33211); }
.navbar  .navul2{ position: absolute;  left:0;  z-index: 99999; min-width: 100%; max-width: 200%; padding-top: 10px; transition: 500ms; top:200%; opacity: 0; visibility: hidden;}
.navbar  .navul2 .nava2{ display: block; width:100%; height: 40px; line-height: 40px; background-color:#0d58ae; border-bottom: 1px solid #fff;  }
.navbar  .navul2 .nava2:hover{ background-color:#e33211; }
.navbar .navli1:hover .navul2{top:100%;opacity: 1; visibility: visible;}
.index-item{ padding: 30px 0;}
.index-item .titlebox{ padding-bottom: 30px;}
.index-item .titlebox .title{  font-size: 30px; font-weight: bold;  line-height: 45px; text-align: center;}
.index-item .titlebox .desc{ height: 45px; line-height: 45px; text-align: center; }
.index-item .titlebox .desc .txt{ display: inline-block; margin: 0 auto; position: relative;}
.index-item .titlebox .desc .txt:before
,.index-item .titlebox .desc .txt:after{ content: ""; position: absolute; width:100px; height: 0px; top:50%; border-bottom: 1px solid #fff;}
.index-item .titlebox .desc .txt:before{ left:-20px; transform: translate(-100%,50%);}
.index-item .titlebox .desc .txt:after{ right:-20px; transform: translate(100%,50%);}
.index-ys1{ padding-top: 60px;}
.index-ys1 .list{ justify-content: space-between;}
.index-ys1 .list .item .quan{ width:138px; height: 138px; border-radius: 50%; background-color: #de050a; border: 8px solid #aab9dc; position: relative; transition: 500ms;}
.index-ys1 .list .item .quan  .img{ position: absolute; left:50%; bottom:50%; transform: translate(-50%,-0px);}
.index-ys1 .list .item .quan .txt{ white-space: nowrap; position: absolute; left:50%; top:50%;transform: translate(-50%,5px); font-size: 16px; font-weight: bold;}
.index-ys1 .list .item .desc{ padding-top: 20px; font-size: 16px;}
.index-ys1 .list .item:hover{ cursor: pointer;   }
.index-ys1 .list .item:hover .quan{ border-color:#fff;}

.index-kz .item{ justify-content: space-between; margin-bottom: 20px;}
.index-kz .dt{ width:23%; position: relative;}
.index-kz .dt .title{ position: absolute; left:0; bottom:0; height: 45px; line-height: 45px; width:100%; font-weight: bold; text-align: center; background-color:rgba(51, 149, 249, 0.75);  }
.index-kz .dd{ width:18.5%;flex-direction: column; }
.index-kz .dd .title{ flex: auto;  line-height: 40px; text-align: center;}


.index-kz .item .pic{ overflow: hidden;}
.index-kz .item .img{ transition: 500ms;}
.index-kz .item .dt:hover .img,
.index-kz .item .dd:hover .img{ transform: scale(1.1);}
.index-kz  .more{ height: 50px; position: relative;}
.index-kz .morea{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);  line-height: 1; line-height: 40px;  padding: 0px 40px; border-radius: 20px; background-color:#3395f9; }

.index-about{ background: url("../images/index_about_bg.jpg") repeat-y center top ; background-attachment: fixed;}
.index-about .pic{ max-width: 40%; flex: none; border:5px solid #a7c6fa; }
.index-about .txtbox{ margin-left: 40px;}
.index-about .txtbox .title{ font-size: 30px; line-height: 50px; letter-spacing: 2px; font-weight: bold; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.index-about .txtbox .title:before{ content: ""; width:300px; height: 0; border-bottom: 2px solid #a7c6fa; position: absolute; left:0; bottom:0;  }
.index-about .txtbox .content{ line-height: 30px;}
.index-about .txtbox  .info{ line-height: 50px;}
.index-about .txtbox  .info .infoa{ display: inline-block; line-height: 40px; padding: 0 30px; border: 1px solid #a7c6fa; border-radius: 5px;}

.index-about  .list{ justify-content: space-between; margin-top: 60px; margin-bottom: 60px;}
.index-about  .list .item{ text-align: center;}
.index-about  .list .title{ font-size: 20px; font-weight: bold; line-height: 60px;}

.index-stkc{ padding-top: 60px;}
.index-stkc  .container{ justify-content: center;}
.index-stkc .leftbox{ background: url("../images/messagebg1.jpg") no-repeat ; width: 401px; height: 400px;}
.index-stkc .rightbox{ height: 400px; background: #e0ddd8; padding: 0 100px;}
.index-stkc .rightbox .bg{ background: url("../images/messageformbg.jpg") no-repeat ; width: 513px; height: 400px; }

.formbox{ width:300px; padding-top: 70px; color:#333; }
.formbox .item,.formbox .shiting{ display: block;}
.formbox .shiting{
    width:300px;
    line-height: 40px;
    font-size:26px;
    font-weight:bold;
    letter-spacing:3px;
    padding-bottom:10px;
    color:#fe0000;
}
.formbox .item{
    display:table;
    margin-bottom:10px;
    font-weight:bold;
}
.formbox .item label{ color:#fff; width:80px; text-align: right;}

.formbox .item select
,.formbox .item input
{
    padding:5px;
    width:210px;
    height:30px;
}
.formbox  button{
    background:#fff;
    color:#000;
    cursor:pointer;
    margin-top:4px;
    width:300px;
    height:40px;
    font-size:20px;
}
.formbox .item option{
    width:300px;
    height:60px;
    display:table;
    margin:20px 0;
}

.index-video{ }
.index-video .item{ width:33.3%; padding-bottom: 10px;}
.index-video .divmain{ margin: 10px;}
.index-video .pic{ position: relative;}
.index-video .pic:after{ content: url("../images/paly.png") ; width: 51px; height: 54px; position: absolute; z-index: 2; left:50%; top:50%; transform: translate(-50%,-50%);}
.index-video .item .title{ height: 40px; line-height: 40px; text-align: center;}
.index-huanjing .rollbox{ overflow: hidden;}
.index-huanjing .item{ flex: none;}
.index-huanjing .divmain{ margin: 5px;}
.index-huanjing  .title{ height: 30px; line-height: 30px; text-align: center;}

.index-news .titleList{ justify-content: center;}
.index-news .titleItem{ height: 40px; line-height: 40px;  margin: 0 5px; background-color:#3492f4; cursor: pointer; }
.index-news .titleItem.curr{ background-color: #e33211;}
.index-news .titleItem .nava{display: block; width:100%; height: 100%;padding: 0 30px;}
.index-news .content-box{ margin-top: 30px; justify-content: center;}
.index-news .content-box .item { width:33.33%; margin-bottom: 30px;}
.index-news .content-box .maindiv{ max-width: 90%; background-color: #fff; }
.index-news .content-box .txt{width:90%; padding: 20px 0; color:#333;}
.index-news .content-box  .title{ font-size: 18px; font-weight: bold; height: 40px; line-height: 40px;  }
.index-news .content-box .maindiv .pic { overflow: hidden;}
.index-news .content-box .maindiv .img {transition: 500ms;}
.index-news .content-box .maindiv:hover .img{ transform: scale(1.1);}

.footer-box {background-color: #303030; padding: 40px 0;}
.footer-box .footlist{ justify-content: space-between;}
.footer-box .footlist dt{ font-size: 18px;  line-height: 40px; height: 40px; margin-bottom:10px;}
.footer-box .footlist dd{ line-height: 30px;}
.footer-box .footlist dd a{ display: block;  width: 100%;}
.footer-box .footlist dl.qrcode{ text-align: center;}
.copyright{ text-align: center; padding: 10px 0;}


.sidenav .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#e33211; text-align: center; font-size: 22px; font-weight: normal;}

.sidenav .sideul2{border-top: 1px solid #fff;  border-bottom: 1px solid #dedede;  background-color: #f6f6f6;}
.sidenav .sideul2 a{width:100%; height: 100%; display: block; color:#333;}
.sidenav .sideul2 dt{ width:100%; height: 49px; line-height: 49px; font-size: 14px; text-indent: 20px; font-weight: bold; position: relative;}
.sidenav .sideul2 dt:before{}

.sidenav .sideul2 dt:before{content: "\f054"; font-family: "FontAwesome"; position: absolute;   right: 25px; color:#333;}
.sidenav .sideul2:hover dt:before{content: "\f078";}
.sidenav .sideul2  dt.cur2class{ color:#2454ac  }
.sidenav .sideul2  dt.cur2class a{ color:#2454ac}
.sidenav .sideul2  dt.cur2class:before{content: "\f078";}

.sidenav .sideul2  dd{ text-indent: 40px; position: relative; height: 30px; line-height: 30px; display: none;}
.sidenav .sideul2  dd:before{ content: "\f105"; font-family: "FontAwesome"; position: absolute; top:0%;   left:-10px;}
.sidenav .sideul2  dd a:hover{ background-color: #fff;  }

.sidecontact-box{ margin-top: 20px;}
.sidecontact-box .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#e33211; text-align: center; font-size: 22px; font-weight: normal; }
.sidecontact-box .sidecontact{ background-color:#f6f6f6; padding: 10px 20px; color:#333; }

.currlocatinon {width:100%; height: 60px; line-height: 60px; display: block; color:#fff; font-weight: normal; position: relative; }
.currlocatinon:before{ content: ""; width:100%; height: 1px; border-bottom: 1px solid #fff; position: absolute; left:0px; bottom: 0px; }
.currlocatinon .curr{ float: left; padding: 0px 20px;  font-size: 22px; color: #fff; position: relative; }
.currlocatinon .curr:before{ content: ""; width:10px; height: 60%; background-color:  #e33211; position: absolute; left:0px; top:20%;}
.currlocatinon  .nav_x { float: right; margin-right: 20px; }
.currlocatinon  .nav_x  a{ color:#fff; }


.aboutpage{ padding: 20px 0px;}
.newspage{ padding: 20px 0px;}
.newspage .newsList .item{ background-color:#f6f6f6 ; padding: 20px; color:#333; margin-bottom: 20px; }
.newspage .newsList .title-box {line-height: 30px;  }
.newspage .newsList .title-box .title{ font-size: 18px; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.newspage .newsList .title-box .title a{ font-weight: bold; color:#333;  }
.newspage .newsList .title-box  .time{ float: right; margin-right: 20px;}
.newspage .newsList .content{ margin-top: 5px;}
.newspage .newsList .content .pic{ float: left; margin-right: 20px; height: 125px;}
.newspage .newsList .content .pic img{ max-width: 100%; height: auto;}
.newspage .newsList .content .desc{ display: inline; line-height: 25px; max-height: 125px; overflow: hidden;}
.newspage .newsList .item:hover .title a{ color:#e33211;}
.shownewspage{ padding: 20px 10px;}
.shownewspage .shownewstitle{ text-align: center; letter-spacing: 2px; font-size: 26px; color:#fff; height: 60px; line-height: 60px;}
.shownewspage .time{ display: block; text-align: center;}
.shownewspage  .shownewscontent{ padding-top:10px;}

.imgpage{ padding: 20px 10px;}

.imgpage .item .divmain{ margin: 10px;}
.imgpage .item .divmain img{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item .divmain .title{ max-width:100%; display: block;  width:100%; height: 100%; height: 40px; line-height: 40px;}
.imgpage .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
.imgpage .item .divmain:hover a{ color:#e33211;}

.imgshowpage { padding: 20px 0px;}
.imgshowpage .img-box{ text-align: center;}
.imgshowpage .prams{text-align: center;}
.imgshowpage .img-box .imglist{ overflow: hidden;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 10px ;border:1px solid #fff; }
.imgshowpage .img-box .imglist li.curr,.showdiv li.curr{ border:1px solid #eee; }
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 10px; }

.sitemappage  .sitemap{ padding: 2rem;}
.sitemappage  .sitename{ font-weight: bold; font-size: 2rem; line-height: 3rem; height: 3rem; 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:19%; margin-right: 1%}