html {
font-family: "arial", "微软雅黑", "宋体", "iconfont" !important;
background-color: #fff;
font-size: 12px;
}
body {
font-size: 12px;
line-height: 24px;
color: #333;
background-color: #fff;
}
[data-iconb]:before {
content: attr(data-iconb);
}
[data-icona]:after {
content: attr(data-icona);
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #0D4CBF;
text-decoration: none;
}
.tag-a:before {
content: "\e669";
}
.tag-a:after {
content: "\e66a";
}
.tag-a {
display: block;
height: 40px;
line-height: 40px;
color: #434343;
}
.tag-a:hover {
color: #333;
}
.page{ padding: 20px 0; background: #EBEBEB;}
.page-left-box{ width:240px; margin-right: 20px;}
.page-left-box .sub-box{ background: #fff; margin-bottom: 20px;}
.page-left-box .sub-box:last-child{ margin-bottom: 0;}
.page-left-box .left-sub-nav .name{ height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; text-align: center; color:#fff; background: #0D4CBF; border-radius: 10px 10px 0 0;}
.page-left-box .left-sub-nav .name:before{ font-weight: normal; margin-right: 12px;}
.page-left-box .category{ padding: 12px;}
.page-left-box .category .sub-nav{ height: 44px; line-height: 44px; text-indent: 45px; font-size: 16px;position: relative; }
.page-left-box .category .sub-nav .nav-a{ display: block; }
.page-left-box .category .sub-nav.on .nav-a { color:#0D4CBF; font-weight: bold;}
.page-left-box .category .sub-nav.on:before{ content: ""; position: absolute; left:10px; top:20%; width:4px; height: 60%; background:#0D4CBF; }
.page-left-box .left-news-box .name{ height: 60px; line-height: 60px; font-size: 24px; font-weight: bold; text-align: center; color:#fff; background: #0D4CBF;}
.page-left-box .left-news-box .list{ padding: 5px 12px;}
.page-left-box .left-news-box .item{ height: 34px; line-height: 34px; background: url("../images/dian.png") no-repeat 0px center; text-indent: 20px;}
.page-left-box .contact{ background: #0D4CBF; border-radius: 10px; padding: 20px 10px; color:#fff; text-indent: 65px; position: relative;}
.page-left-box .contact:before{ position: absolute; left:20px; top:50%; transform: translateY(-50%); font-size: 40px; font-weight: bold; text-indent: 0; }
.page-left-box .contact .txt{ font-size: 16px; }
.page-left-box .contact .phone{ font-size: 20px; font-weight: bold;}
.page-right-box{ padding: 0 25px 25px; background: #fff; }
.currlocatinon .container {
justify-content: space-between;''
line-height: 30px;
padding: 30px 0 10px;
margin-bottom: 20px;
font-size: 14px;
color: #666;
border-bottom: 1px solid #0D4CBF;
}
.currlocatinon .nav_curr {
font-size: 18px;
}
.currlocatinon .container :before {
color: #0D4CBF;
margin-right: 5px;
}
.top-main{ height: 46px; line-height: 46px; background: #e8e8e8;}
.logo-tel{ background: url("../images/l_bg.png") center top; padding: 20px 0; }
.logo-tel .container{ justify-content: space-between; align-items: center;}
.logo-tel .txt-box{position: relative; text-align: right; padding-right: 50px;}
.logo-tel .txt-box:before{position: absolute; top:50%; right:0; transform: translateY(-50%); font-size: 40px;color:#0D4CBF;}
.logo-tel .txt{ font-size: 18px;line-height: 18px; height: 18px; color:#666;}
.logo-tel .phone{color:#0D4CBF; font-size: 26px; height: 26px; line-height: 26px; margin-top: 8px;}
.main-nav{ background: url("../images/navbg.png") repeat-x center center; height: 56px;}
.main-nav .list{ justify-content: space-between;}
.main-nav .nav-li-1{ flex: auto; text-align: center; position: relative}
.main-nav .nav-li-1:before{ content: ""; background: url("../images/navbd.png") no-repeat ; position: absolute; top:0; right:-1px; height: 56px; width : 2px; }
.main-nav .nav-li-1:last-child:before{ background: none;}
.main-nav .nav-a-1{ display: block; height: 56px; line-height: 56px; width:100%; font-size: 14px; color:#fff;}
.main-nav .nav-a-1:before{ margin-right: 6px; font-size: 16px; }
.main-nav .nav-li-1:hover .nav-a-1
,.main-nav .nav-li-1.hover .nav-a-1{background:#0D4CBF }
.main-nav .nav-dl-2{ background: #fff; min-width: 100%; position: absolute; top:100%; opacity: 0; transform: translateY(10px); visibility: hidden; overflow: hidden; transition: 600ms;}
.main-nav .nav-a-2{ display: block; border-bottom: 1px solid #eee; height: 40px; line-height: 40px; font-size: 12px; padding: 0 5px;}
.main-nav .nav-a-2:hover{ background: #f9f9f9; color:#0D4CBF;}
.main-nav .nav-li-1:hover .nav-dl-2{ opacity: 1; transform: translateY(0px); visibility: visible}
.hottags {
width: 100%;
height: 60px;
line-height: 60px;
background:url("../images/l_bg.png") center top;
}
.hottags .tag-a {
height: 60px;
line-height: 60px;
color: #888;
}
.hottags .tag-a:hover{color:#0D4CBF;}
.index-item{ padding-top: 50px;}
.index-item .title-box .title-1{ font-size: 32px; color:#ccc; font-weight: bold; text-transform: uppercase; text-align: center; height: 40px; line-height: 40px; }
.index-item .title-box .title-2{font-size: 32px; text-align: center;height: 40px; line-height: 40px;}
.index-item .title-box .title-2 .before{width: 230px; height: 40px;display: inline-block; background: url("../images/titl01.png") no-repeat center; margin-right: 15px; }
.index-item .title-box .title-2 span{ display: inline-block;}
.index-item .title-box .title-2 .after{ width: 230px; height: 40px;display: inline-block; background: url("../images/titr01.png") no-repeat center; margin-left: 15px;}
.index-item .title-box .title-3{font-size: 18px; text-align: center;height: 40px; line-height: 40px;}
.index-product .content{ margin-top: 30px; }
.index-product .left-box{ width:300px; margin-right: 10px; background:#0D4CBF; padding: 30px 25px; }
.index-product .left-box .left-title-box .name{ font-size: 28px; font-weight: bold; color:#fff; line-height: 34px; height: 34px;}
.index-product .left-box .left-title-box .sub-name{font-size: 12px;color:#fff; font-weight: bold; line-height: 12px; height: 12px; text-transform: uppercase;}
.index-product .left-box .category{ margin-top: 20px; padding: 12px; background: #fff; border-radius: 5px;}
.index-product .left-box .category .sub-nav{ height: 44px; line-height: 44px; font-size: 18px; background: #0D4CBF; color:#fff; text-indent: 12px; border-radius: 5px; margin-bottom: 30px;}
.index-product .left-box .category .nav-a{ color:#fff; display: block; width:100%; height: 100%;}
.index-product .left-box .category .pro_more{ display: block; border: 1px solid #0D4CBF; background: #fff; font-size: 18px; color:#0D4CBF; text-align: center; margin: 10px 0; height: 40px; line-height: 40px;}
.index-product .right-box .comm_title{ height: 30px; line-height: 30px; margin-bottom: 20px; justify-content: space-between;}
.index-product .right-box .comm_title .title{ font-size: 26px; font-weight: bold;}
.index-product .right-box .comm_title .title em{ display: inline-block; color:#888; font-weight: normal; font-size: 14px; margin-left: 8px; }
.index-product .right-box .roll-box{ border: 1px solid #ccc; border-top: 5px solid #0D4CBF; background: url("../images/probg.png") repeat-x; overflow: hidden;}
.index-product .right-box .roll-box .item{ width:898px; }
.index-product .right-box .roll-box .outer-div{width:100%; }
.index-product .right-box .roll-box .flex-auto{ padding:30px; background: #fff; }
.index-product .right-box .roll-box dt{ margin-bottom: 15px; border-bottom: 1px solid #d0d0d0; color:#0D4CBF; font-size: 26px; font-weight: bold; line-height: 50px; height: 50px;}
.index-product .right-box .roll-box dd.clamp-over{ -webkit-line-clamp:6;}
.index-product .right-box .list {margin-top: 20px;}
.index-product .right-box .list .item { width:288px; margin-bottom: 13px;}
.index-product .right-box .list .item:nth-last-child(-n+3){ margin-bottom: 0;}
.index-product .right-box .list .item:nth-child(3n-1){ margin: 0 13px;}
.index-product .right-box .list .pic{ border: 1px solid #ccc; overflow: hidden;}
.index-product .right-box .list img{ transition: 500ms;}
.index-product .right-box .list .single-over{ height: 44px; line-height: 44px; font-size: 16px; font-weight: normal; text-align: center; color:#fff; background: #7b7b7b;transition: 500ms; }
.index-product .right-box .list .item:hover img{ transform: scale(1.1);}
.index-product .right-box .list .item:hover .single-over{ background:#0D4CBF; }
.index-youShi{ background: url("../images/advbg02.jpg") repeat-y center top; margin-top: 50px; padding-top: 0; }
.index-youShi .title-box{ background: url("../images/advbg01.png") no-repeat center top; height: 172px; padding-top: 30px;}
.index-youShi .title-box .title-1
,.index-youShi .title-box .title-2
{ color:#fff;}
.index-youShi .title-box .title-2 .before{background-image:url("../images/titl02.png"); }
.index-youShi .title-box .title-2 .after{background-image:url("../images/titr02.png"); }
.index-youShi .list{ position: relative; padding: 30px 0; }
.index-youShi .list:before{content: ""; width:1px; height: 100%; background: #0D4CBF; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.index-youShi .list .conImg { width:50%;}
.index-youShi .list .contit{ width:50%; padding-top: 65px;}
.index-youShi .list .fl{ padding-right: 100px;}
.index-youShi .list .fr{ padding-left: 100px;}
.index-youShi .list .contit{ position: relative;}
.index-youShi .list .contit h3{font-size: 28px; color:#333;}
.index-youShi .list .contit i{ display: block; font-size: 18px; line-height: 26px; color:#999; text-transform: uppercase; font-weight: normal; margin-bottom: 40px;}
.index-youShi .list .contit .adv_p1{ font-size: 16px; line-height: 34px; color:#333;}
.index-youShi .contit:before
,.index-youShi .contit:after
{ content: ""; width:100%; height: 0; border-top: 1px solid #e6e6e6; position: absolute; left:0;}
.index-youShi .contit:before{ top:20px;}
.index-youShi .contit:after{ bottom:20px;}
.index-youShi .item:last-child .contit:after{ border-top: 0;}
.index-youShi .list .adv_num{ position: absolute; top:100px; width:105px; height: 105px; display: block; line-height: 105px; text-align: center; color:#fff; font-size: 36px; font-weight: bold; background: url("../images/advnum.png") no-repeat ; }
.index-youShi .fl .adv_num{ right:0px; transform: translateX(50%);}
.index-youShi .fr .adv_num{ left:0px; transform: translateX(-50%);}
.index-youShi .contit.fl{ padding-left: 30px; text-align: right;}
.index-youShi .contit.fr{ padding-right: 30px; text-align: left;}
.index-youShi .adv_p2{ background: url("../images/ljzxa.png") no-repeat ; width: 123px ; height: 35px; display: block; margin-top: 10px; line-height: 35px; text-indent: 12px; color:#fff;}
.index-youShi .adv_p2 a{ display: block;color:#fff;}
.index-zxzx{ background: #0D4CBF; padding-top: 0; color:#fff; }
.index-zxzx .conleft{ background: url("../images/zxzxbg01.png") no-repeat left top ; min-height: 288px; padding:30px 0 30px 240px;}
.index-zxzx .conright{ width:460px; background-color: #343434; padding: 24px 32px;}
.index-zxzx .zxzx_p1 { margin-bottom: 15px;}
.index-zxzx .zxzx_p2{margin-bottom: 15px;}
.index-zxzx .zxzx_p2 span { margin-right: 15px; padding-left: 12px; font-size: 16px; background: url(../images/zxzx02.png) no-repeat left center;}
.index-zxzx .zxzx_p3 { width: 440px; height: 42px; line-height: 42px; text-align: center; font-size: 22px; color: #4b440d; background: #fff; border-radius: 25px; box-shadow: 3px 3px 10px #00803a; margin-bottom: 15px;}
.index-zxzx .zxzx_tel { padding-left: 55px; height: 50px; background: url(../images/zxzx_tel.png) no-repeat left center;}
.index-zxzx .zxzx_tel .p1 { font-size: 14px;height: 20px;line-height: 20px;}
.index-zxzx .zxzx_tel .p2 { font-size: 28px; font-weight: bold; height: 30px; line-height: 30px;}
.index-zxzx .conright h4 { font-size: 30px; font-weight: normal; margin-bottom: 15px;}
.index-zxzx .conright h4 span {display: block;margin-bottom: 10px;font-size: 20px;}
.index-zxzx .conright .info_p1 {height: 40px;background: #fff;position: relative;margin-bottom: 8px;}
.index-zxzx .conright .info_p1 span.ico {float: left;width: 40px;height: 40px;border-right: 1px solid #dddddd;background: url(../images/zxzx03.png) no-repeat center;}
.index-zxzx .conright .info_p1 input { float: right; width: 355px;height: 40px;border: none;line-height: 40px;text-indent: 12px;font-size: 14px;color: #666;}
.index-zxzx .conright .info_p2 {height: 40px;background: #fff; position: relative;margin-bottom: 8px;}
.index-zxzx .conright .info_p2 span.ico {float: left;width: 40px;height: 40px;border-right: 1px solid #dddddd;background: url(../images/zxzx04.png) no-repeat center;}
.index-zxzx .conright .info_p2 input {float: right;width: 355px;height: 40px;border: none; line-height: 40px;text-indent: 12px;font-size: 14px; color: #666;}
.index-zxzx .conright .ljtja { display: block; width: 100%; height: 40px;font-size: 21px;text-align: center; line-height: 40px;color: #fff; background: #0D4CBF;border: 0; cursor: pointer;}
.index-sbzs .roll-box{ margin-top: 30px; overflow: hidden;}
.index-sbzs .roll-box .title{ height: 40px; line-height: 40px; text-align: center;background: #0D4CBF; color:#fff; }
.index-xzdb {background: url("../images/advbg02.jpg") center top ; margin-top: 40px;}
.index-xzdb .title-box .title-3{ height: 42px; background: url(../images/xzdbbg03.png) no-repeat center; line-height: 42px; color:#fff; margin-top: 10px;}
.index-xzdb .list{margin-top: 30px; position: relative;}
.index-xzdb .list .left-box
,.index-xzdb .list .right-box
{ width:50%}
.index-xzdb .list .item{ position: relative;}
.index-xzdb .list .img{background: url("../images/xzdb01.png") no-repeat center top; height: 480px; position: absolute;top:50%; transform: translateY(-50%);}
.index-xzdb .list .left-box.img{ left:0;}
.index-xzdb .list .right-box.img{ right:0;}
.index-xzdb .list .img2{ background-image: url("../images/xzdb02.png");}
.index-xzdb .list .img3{ background-image: url("../images/xzdb03.png");}
.index-xzdb .list .img4{ background-image: url("../images/xzdb04.png"); }
.index-xzdb .list .img4{top:100%; transform: translateY(-100%)}
.index-xzdb .text-box{ padding: 60px 10px; min-height: 400px;}
.index-xzdb .list .right-box.text-box{ transform: translateX(600px);}
.index-xzdb .text-box .box_top { padding: 18px 0 0 72px; position: relative;}
.index-xzdb .text-box .box_top span {display: block; width: 49px; height: 69px;border: 3px solid #bfbfbf; position: absolute; left: 0;top: 0;}
.index-xzdb .text-box .box_top i { display: block;width: 28px; padding-top: 30px; margin: 0 auto;font-size: 22px; border-bottom: 3px solid #bfbfbf;font-weight: bold;}
.index-xzdb .text-box .box_top .p1 { font-size: 22px; font-weight: bold; color: #333;}
.index-xzdb .text-box .box_top .p2 { font-size: 16px; text-transform: uppercase; color: #bfbfbf;}
.index-xzdb .text-box .box_top em { display: block; width: 127px; height: 3px; background: #0D4CBF; margin-top: 8px;}
.index-xzdb .text-box ul{ margin-top: 50px;}
.index-xzdb .text-box ul li {font-size: 16px; color: #333; margin-bottom: 15px; line-height: 24px; background: url(../images/icon01.png) no-repeat left center;padding-left: 22px;}
.index-xzdb .text-box ul li b { color: #0D4CBF;}
.index-xzdb .xzdb_tel { display: block; width: 322px;height: 92px; background: url(../images/xzdbtel.png) no-repeat left top; position: absolute;left: 600px; bottom:120px;}
.index-xzdb .xzdb_tel span { display: block;width: 46px; height: 46px; background: url(../images/zxzx_tel.png) no-repeat center; position: absolute; left: 32px; top: 15px;}
.index-xzdb .xzdb_tel .p1 {font-size: 14px; color: #fff; padding-top: 15px; margin-left: 90px;}
.index-xzdb .xzdb_tel .p2 {font-size: 26px;color: #fff; margin-left: 90px;}
.index-dzlc{background: url("../images/line01.png") repeat-x center #0D4CBF;color:#fff; padding-bottom: 40px;}
.index-dzlc .title-box .title-1{color:#fff;}
.index-dzlc .title-box .title-2 .before{background-image:url("../images/titl02.png"); }
.index-dzlc .title-box .title-2 .after{background-image:url("../images/titr02.png"); }
.index-dzlc .list { background: url("../images/dzlc01.png") no-repeat center top; height: 180px ; padding-top: 140px; margin-top: 30px;}
.index-dzlc .list li{ height: 40px; line-height: 40px; font-size: 16px; text-align: center; flex: auto;}
.index-dzlc .dzlc_ljzx { display: block; width: 153px; height: 36px; line-height: 36px; text-indent: 31px;font-size: 14px;color: #fff; background: url(../images/jtr02.png) no-repeat 94px center;
border: 1px solid #fff;
margin: 15px auto 0 auto;
}
.index-dzal{ padding-bottom: 40px;}
.index-dzal .list{ margin-top: 30px; justify-content: space-between;margin-bottom: 40px;}
.index-dzal .item{ width:32%; border: 1px solid #999; position: relative; padding-bottom: 40px; }
.index-dzal dt{ overflow: hidden;}
.index-dzal img{transition: 600ms}
.index-dzal dd.dd1 { font-size: 18px; font-weight: bold; margin: 30px 0 12px 0; text-align: center;}
.index-dzal dd.dd1 a { color: #333;}
.index-dzal dd.dd1 em { display: block; width: 32px; height: 3px; background: #999999; margin: 20px auto 0 auto;}
.index-dzal dd.dd2 { font-size: 14px; line-height: 24px; height: 72px; padding: 0 25px;overflow: hidden;}
.index-dzal dd.dd2 a {color: #333;}
.index-dzal dd.dd3 { position: absolute; left: 50%; width: 140px; height: 36px; line-height: 36px;margin-left: -70px; bottom: -18px; background: #7b7b7b;
text-align: center;
font-size: 14px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.index-dzal dd.dd3 a {
color: #fff;
}
.index-dzal dl:hover dd.dd3 { background: #0D4CBF;}
.index-about{ background: url("../images/bg01.png") center top; padding: 40px 0;}
.index-about .content-box{ margin-top: 30px;}
.index-about .left-box{ margin-right: 5px;}
.index-about .right-box{ background: #fff; padding:30px; position: relative; }
.index-about .right-box h3 {
font-size: 25px;
margin-bottom: 30px;
}
.index-about .right-box h3 span {display: block;width: 14px;height: 25px;position: absolute;left: 0;top: 31px;background: url(../images/aboicon01.png) no-repeat center;}
.index-about .right-box h3 a { color: #333;}
.index-about .right-box .desc{ display: block; font-size: 14px; line-height: 24px; height:144px; -webkit-line-clamp:6; overflow: hidden; }
.index-about .right-box a.ckgda {
display: block;
width: 124px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 14px;
color: #fff;
background: #0D4CBF;
border-radius: 5px;
margin-top: 30px;
}
.index-news .content{ margin-top: 20px;}
.index-news .left-box .btn-list{ width:125px; margin-right: 15px;}
.index-news .left-box .btn{ height:50%; justify-content: center; background: #333; color:#fff; text-align: center; }
.index-news .left-box .btn .name{ font-size: 18px; font-weight: bold; line-height: 40px; height: 40px;}
.index-news .left-box .btn .more{ width:80px; margin: 10px auto 0; border: 1px solid #fff; text-align: center; height: 30px; line-height: 30px;}
.index-news .left-box .btn .more a{ display: block; color:#fff;}
.index-news .left-box .btn.on{ color:#fff; background:#0D4CBF; }
.index-news .left-box .first{ background: #f8f8f8; padding: 20px;}
.index-news .left-box .pic{ margin-right: 20px;}
.index-news .left-box .first .news-a{ font-size: 16px; font-weight: bold; color:#333; padding: 5px 0;}
.index-news .left-box .first .desc{ -webkit-line-clamp:4; line-height: 22px; height: 88px; overflow: hidden; margin: 5px 0;}
.index-news .left-box .first .time{color:#999; font-size: 12px;}
.index-news .left-box .list{ justify-content: space-between;}
.index-news .left-box .list .item{ width:50%; height: 40px; line-height: 40px; }
.index-news .left-box .list .item .title{ position: relative; padding-left: 20px; }
.index-news .left-box .list .item .title:before{content:"\e66b"; color:#0D4CBF; position: absolute; left:5px; top:50%; transform: translateY(-50%);}
.index-news .left-box .list .item .time{margin:0 10px 0 20px; color:#999; font-size: 12px; }
.index-news .left-box .list .item:nth-child(4n)
,.index-news .left-box .list .item:nth-child(4n-1)
{ background: #f8f8f8;}
.index-news .right-box{ width:350px; margin-left: 40px;}
.index-news .right-box .roll-box{ height:348px;overflow: hidden; }
.index-news .right-box .name-box{ position: relative;color:#fff; background:#0D4CBF; text-align: center; }
.index-news .right-box .name-box .name{ font-size: 20px; font-weight: bold; height: 50px; line-height: 50px;}
.index-news .right-box .name-box span{ font-size: 12px; font-weight: normal;}
.index-news .right-box .name-box .news-a{ position: absolute; right:10px; top:50%; transform: translateY(-50%);}
.index-news .right-box .item{ padding: 20px 0; border-bottom: 1px solid #ccc;}
.index-news .right-box .item .title{font-size: 14px; height: 30px; line-height: 30px; font-weight: bold; position: relative; padding-left: 25px;}
.index-news .right-box .item .title:before{content: "Q"; display: block; height: 30px; width:20px; text-align: center; background: #333; color:#fff; position: absolute; left:0; top:0;}
.index-news .right-box .item .desc{ padding-top: 5px; height: 45px; line-height: 20px; overflow: hidden; position: relative; padding-left: 25px; }
.index-news .right-box .item .desc:before{content: "A"; display: block;line-height: 30px; height: 30px; width:20px; text-align: center; background: #0D4CBF; color:#fff; position: absolute; left:0; top:0px;}
.index-links {
background: url("../images/l_bg.png") center top; padding: 30px 0; margin-top: 40px;
}
.index-links .container{
padding: 20px 0;
}
.index-links .list{ margin-top: 20px;}
.index-links a {
display: inline-block; font-size: 14px; padding-right: 10px;
}
.index-links a:hover {
color: #0D4CBF;
}
.footer{ background: #333; color:#fff; min-height: 330px;}
.footer .container{ position: relative;}
.footer .f_wx { width: 180px; padding-bottom: 30px; text-align: center; background: #fff; position: absolute; left: 0; top: 0;}
.footer .f_wx dl dt {
padding-top: 22px;
margin-bottom: 10px;
}
.footer .f_wx dl dt img {
display: block;
margin: 0 auto;
width: 160px;
height: 160px;
}
.footer .f_wx dl dd.dd1 {
font-size: 14px;
color: #333;
}
.footer .f_wx dl dd.dd2 {
font-size: 13px;
width: 125px;
margin: 16px auto 12px auto;
height: 9px;
position: relative;
border-bottom: 1px solid #999999;
}
.footer .f_wx dl dd.dd2 i {
display: block;
width: 70px;
margin: 0 auto;
background: #fff;
color: #333;
}
.footer .f_wx dl dd.dd3 {
font-size: 20px;
color: #0D4CBF;
font-weight: bold;
}
.footer a{ color:#b6b6b6;}
.footer a:hover{ color:#fff;}
.footer .footer-nav1{ margin-left: 180px; justify-content: space-between; height: 50px; line-height: 50px; border-bottom: 1px solid #545454}
.footer .footer-nav1 li{ flex: auto;}
.footer .footer-nav1 a{ display: block; text-align: center;}
.footer .f_bot{ margin-left: 180px; margin-top: 32px; padding: 0 30px; }
.footer .bot_ul1{ padding: 0 50px; border-right:1px solid #545454; }
.footer .bot_ul1:last-child{ border-right: none;}
.footer .bot_ul1 li:first-child {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
height: 18px;
line-height: 18px;
}
.footer .f_bot ul.bot_ul1 li:first-child a {
color: #fff;
}
.footer .f_bot ul.bot_ul1 li {
line-height: 28px;
font-size: 13px;
position: relative;
color: #b6b6b6;
}
.copyright{ background: #0D4CBF; color:#fff; padding: 12px 0; font-size: 14px;}
.copyright a{ color:#b6b6b6;}
.copyright a:hover{ color:#fff;}
.page-list-box .list-1 .item {
border-bottom: 1px solid #eaeaea;
display: block;
padding: 20px;
transition: all .5s;
}
.page-list-box .list-1 .item a {
color: #626669;
}
.page-list-box .list-1 .item .pic {
margin-right: 10px;
}
.page-list-box .list-1 .item .txt-box {
position: relative;
}
.page-list-box .list-1 .item .title {
font-size: 18px;
line-height: 50px;
color: #333;
}
.page-list-box .list-1 .item .desc {
-webkit-line-clamp: 3;
line-height: 22px;
height: 66px;
}
.page-list-box .list-1 .item .time {
font-size: 12px;
color: #666;
position: absolute;
top: 0;
right: 20px;
height: 50px;
line-height: 50px;
}
.page-list-box .list-1 .item:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.page-list-box .list-1 .item:hover .title {
color: #0D4CBF;
}
.page-list-box .list-2 .outer-div {
margin: 0 10px 10px;
display: block;
border: 1px solid #ddd;
transition: 500ms;
background: #7b7b7b;
}
.page-list-box .list-2 .title {
height: 46px;
line-height: 46px;
color: #fff;
text-align: center;
transition: 500ms;
}
.page-list-box .list-2 .outer-div .pic {
position: relative;
overflow: hidden;
}
.page-list-box .list-2 .outer-div .img {
transition: 500ms;
}
.page-list-box .list-2 .outer-div:hover {
background-color: #0D4CBF;
color: #fff;
}
.page-list-box .list-2 .outer-div:hover .title {
color: #fff;
}
.page-list-box .list-2 .outer-div:hover .img {
transform: scale(1.1);
}
.page-show-box .show-1 .title {
font-size: 24px;
font-weight: bold;
line-height: 60px;
text-align: center;
}
.page-show-box .show-1 .time {
display: block;
line-height: 26px;
text-align: center;
}
.page-show-box .show-1 .content {
margin-top: 10px;
padding-top: 10px;
}
.page-show-box .show-2 .show-head {
text-align: center;
}
.page-show-box .show-2 .images-box{ margin: 0 20px 0 0; max-width: 40%; }
.page-show-box .show-2 .big-roll-box {
overflow: hidden;
}
.page-show-box .show-2 .small-roll-box {
margin-top: 20px;
overflow: hidden;
}
.page-show-box .show-2 .small-roll-box .item {
position: relative;
}
.page-show-box .show-2 .small-roll-box .item:before {
content: "";
box-sizing: border-box;
width: 100%;
height: 100%;
border: 5px solid #0D4CBF;
position: absolute;
left: 0;
top: 0;
}
.page-show-box .show-2 .small-roll-box .swiper-slide {
opacity: .6;
}
.page-show-box .show-2 .small-roll-box .swiper-slide-thumb-active {
opacity: 1;
}
.page-show-box .show-2 .show-head .text-box{ text-align: left;}
.page-show-box .show-2 .show-head .title {
height: 60px;
line-height: 60px;
font-size: 24px;
color:#0D4CBF;
border-bottom: 1px dashed #dcdcdc;
}
.page-show-box .show-2 .show-head .desc{ margin-top: 20px;}
.page-show-box .pro-show-ask {
margin-top: 20px;
padding: 6px 15px;
background: #f3f3f3;
font-size: 14px;
font-weight: bold;
position: relative;
}
.page-show-box .pro-show-ask li {font-size: 20px; height: 65px; line-height: 65px;color:#666;}
.page-show-box .pro-show-ask .hottel{color:#0D4CBF; font-weight: normal;}
.page-show-box .pro-show-ask .ask-a{
position: absolute; right:20px; top:50%; transform: translateY(-50%); display: block; height: 40px; line-height: 40px; padding: 0 20px; background:#0D4CBF; color:#fff;
}
.page-show-box .show-2 .show-content {
margin-top: 40px;
}
.list-tags .item {
height: 40px;
line-height: 40px;
border-bottom: 1px dashed #eaeaea;
}
.site-map-page .sitemap {
padding: 30px;
}
.site-map-page .sitename {
font-weight: bold;
font-size: 24px;
line-height: 40px;
height: 40px;
text-align: center;
justify-content: center;
}
.site-map-page .navul {
padding-top: 20px;
}
.site-map-page .navul .navli {
padding-right: 16px;
flex: none;
}
.site-map-page .navul .navli_first {
font-weight: bold;
}
.site-map-page .dataul {
flex-wrap: wrap;
padding: 16px;
border: 1px dashed #333;
}
.site-map-page .dataul .datali {
width: 19%;
margin-right: 1%
}
.tags-box .list-1 {
padding: 20px;
font-size: 14px;
justify-content: space-between; }
.tags-box .list-1 .item-a {
width: 95%;
display: block;
height: 36px;
line-height: 36px;
border-bottom: 1px dashed #eee; }
.tags-box .roll-box {
overflow: hidden; }
.tags-box .roll-box .list-2 {
padding: 20px 0;
text-align: center; }
.tags-box .roll-box .list-2 .outer-div {
margin: 0 5px;
display: block; }
.page-list-box .list-city .item {
padding: 10px 0; }
.page-list-box .list-city .item .outer-div {
height: 60px;
overflow: hidden;
background-color: #f7f7f7; }
.page-list-box .list-city .item .city {
width: 150px;
text-align: center;
flex: none;
display: flex;
align-items: center;
line-height: 30px;
padding: 0 10px;
font-size: 18px;
background-color: #1048a0;
color: #fff; }
.page-list-box .list-city .item .title {
padding: 0 20px;
line-height: 60px;
width: 200px;
flex: auto; }
.page-list-box .list-city .item .time {
padding: 0 10px;
line-height: 60px;
flex: none; }
.index-news .roll-box-2 .item {
white-space: nowrap;
flex: none;
display: block;
overflow: hidden;
width: 200px;
padding-right: 20px;
text-overflow: ellipsis;
font-size: 16px; }
.tags-box .title-box{ font-size: 18px; color:#0D4CBF; font-weight: bold; height: 40px; line-height: 40px; position: relative;}
.tags-box .title-box:before{ content: ""; width:100px; height: 0; border-bottom: 3px solid #0D4CBF; position: absolute; left:0; bottom:-1px; }
.tags-box .list-1{ border: 1px solid #eee; padding: 20px ; }
.tags-box .list-1 .item-a{ width:98%; display: block; height: 30px; line-height: 30px; border-bottom: 1px dashed #eee;}
.tags-box .roll-box{ overflow: hidden; border: 1px solid #eee; }
.tags-box .roll-box .list-2{padding: 20px 0; text-align: center; }
.tags-box .roll-box .list-2 .outer-div{ margin: 0 5px; display: block;}