/* 配置 */
@charset "GB2312";
a,a:hover{
    text-decoration:none;
}
*::selection{
    background-color: rgba(0, 0, 0, 0);
}
body{
    font-family: 'Microsoft YaHei';
}
@font-face {
  font-family: 'iconfont';  /* project id 553665 */
  src: url('//at.alicdn.com/t/font_553665_4jjww3qta9duc8fr.eot');
  src: url('//at.alicdn.com/t/font_553665_4jjww3qta9duc8fr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_553665_4jjww3qta9duc8fr.woff') format('woff'),
  url('//at.alicdn.com/t/font_553665_4jjww3qta9duc8fr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_553665_4jjww3qta9duc8fr.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 无缝滚动 */
.str_wrap {
	overflow:hidden;
	zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	display:inline;
	zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
/* 公共样式 */
.sm-block{
    display: none;
}

/* 公共文件样式 */
/* 头部 */
header{
    border: solid #00499d;
    border-width: 3px 0;
    overflow: hidden;
}
header .header{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
header .header .logo{
    background-color: #00499d;
}
header .header .head{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
header .header .head .top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
}
header .header .head .top .allCity{
    display: inline-block;
    color: #ffffff;
    background-color: #fe0000;
    border-radius: 5rem;
    padding: 3px 10px;
}
header .header .head .top .allCityText{
    color: #1d1d1d; 
}
header .header .head .top .nav{
    justify-content: flex-end;
}
header .header .head .top .nav a{
    padding-left: 10px;
    margin-left: 10px;
    line-height: 16px;
    color: #000000;
    border-left: 1px solid #000000;
}
header .header .head .top .nav a:first-child{
    border-left: 0;
}
header .header .head .top .phone .iconfont{
    font-size: 25px;
    color: #000000;
}
header .header .head .top .phone{
    padding-top: 5px;
}
header .header .head .top .phone .num{
    font-size: 25px;
    color: #fe0000;
}
header .header .head .navbar::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 200%;
    height: 1px;
    background-color: #000;
    overflow: hidden;
}
header .header .head .navbar{
    padding: 0;
}
header .header .head .navbar .nav{
    width: 100%;
}
header .header .head .navbar .nav .nav-link{
    border-radius: 0;
    border-right:1px solid #000;
    color: #000000;
    padding: 15px 0;
}
header .header .head .navbar .nav .nav-link:hover{
    color: #ffffff;
    background-color: #00499d;
}
/* 底部 */
footer{
    color: #ffffff;
}
footer .footer{
    padding: 30px 0;
    background-color: #00499d;
}
footer .footer .top .num,
footer .footer .top .num .iconfont{
    font-size: 30px;
    text-align: center;
}
footer .footer .top .info{
    text-align: center;
}
footer .footer .hr{
    height: 1px;
    margin: 30px 0;
    background-color: rgba(255,255,255,0.3);
    position: relative;
}
footer .footer .hr::after{
    content: '///';
    color: rgba(255,255,255,0.2);
    background-color: #00499d;
    padding: 0 8px;
    position: absolute;
    bottom: -10px;
    left: 49%;
}
footer .footer .body .title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
footer .footer .body .list .li{
    display: block;
    color: #ffffff;
    padding-bottom: 8px;
}
footer .footer .body .col-md-4{
    border-right: 1px solid rgba(255,255,255,0.2);
}
footer .footer .body .col-md-4:nth-child(2){
    padding-left: 35px;
}
footer .copyright{
    background-color: #003f86;
    padding: 15px 0;
}
footer .copyright .pack{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .copyright a{
    color: #ffffff;
}
.footbottom{
    visibility: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
}
.footbottom a{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 15px 0;
    background-color: #007bff;
    color: #ffffff;
}
/* 首页 */
/* 轮播图 */
.index .banner .banners{
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
}
.index .banner .banners.banner1{
    background-image: url('../images/1.jpg');
}
.index .banner .banners.banner2{
    background-image: url('../images/2.jpg');
}
.index .banner .banners.banner3{
    background-image: url('../images/3.jpg');
}
/* 热门推荐 */
.index .hot .hotRow{
    position: relative;
    width: 100%;
    height: 100px;
}
.index .hot .hotRow .Row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 50%;
    background-color: #ffffff;
	box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.27);
}
.index .hot .hotRow .Row .hotLeft{
    background-color: #00499d;
    height: 100px;
    box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.27);
    display: flex;
    align-items: center;
    padding-right: 15px;
}
.index .hot .hotRow .Row .hotLeftTitle{
    color: #ffffff;
    background-color: #fe0000;
    padding: 2px 10px;
    font-weight: bold;
}
.index .hot .hotRow .Row .hotLeft .nav-link{
    color: #ffffff;
    border-right: 1px solid #ffffff;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 16px;
}
.index .hot .hotRow .Row .hotLeft .nav-link:last-child{
    border-right: 0;
}
.index .hot .hotRow .Row .hotRight{
    padding-right: 30px;
}
/* 关于我们 */
.index .about .aboutLeft{
    border-top: #00499d 3px solid ;
}
.index .about .aboutLeft .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}
.index .about .aboutLeft .top .left .cname{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}
.index .about .aboutLeft .top .left .cname span{
    color: #00499d;
}
.index .about .aboutLeft .top .left .ename{
    color: #c8c8c8;
    font-size: 18px;
}
.index .about .aboutLeft .top .right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.index .about .aboutLeft .top .right div{
    color: #ffffff;
    background-color: #00499d;
    padding: 0 8px;
}
.index .about .aboutLeft .top .right .iconfont{
    text-align: center;
    background-color: #fe0000;
}
.index .about .aboutLeft .body .aboutLeftR{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.index .about .aboutLeft .body .aboutLeftRT .title{
    color: #00499d;
    font-weight: bold;
}
.index .about .aboutLeft .body .aboutLeftRT .synopsis{
    text-indent: 2em;
    padding-top: 30px;
    line-height: 30px;
    font-size: 14px;
}
.index .about .aboutLeft .body .aboutLeftRB{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index .about .aboutLeft .body .aboutLeftRB a{
    background-color: #dcdcdc;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    margin-top: 15px;
}
.index .about .aboutLeft .body .aboutLeftRB a:hover{
    background-color: #00499d;
}
.index .about .aboutLeft .body .aboutLeftRB .iconfont{
    font-size: 20px;
    color: #000000;
}
.index .about .aboutLeft .body .aboutLeftRB a:hover .iconfont{
    color: #ffffff;
}
.index .about .aboutLeft .body .aboutLeftRB .name{
    padding: 0 5px;
    color: #111111;
}
.index .about .aboutLeft .body .aboutLeftRB a:hover .name{
    color: #ffffff;
}
.index .about .aboutRight{
    height: 100%;
    border: solid 4px #cbcbcb;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index .about .aboutRight .title{
    display: flex;
    align-items: center;
}
.index .about .aboutRight .title .icon{
    width: 5px;
	height: 16px;
	background-color: #00499d;
}
.index .about .aboutRight .title .cname{
    font-weight: bold;
    padding: 0 5px;
}
.index .about .aboutRight .title .ename{
    font-size: 12px;
    color: rgba(51, 51, 51, 0.3);
}
.index .about .aboutRight .credit{
    margin-top: 30px;
}
.index .about .aboutRight .credit .name{
    text-align: center;
    padding: 30px 0;
}
.index .about .aboutRight .credit .carousel-control-next, .index .about .aboutRight .credit .carousel-control-prev{
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 30px;
}
.index .about .aboutRight .credit .carousel-control-next{
    justify-content: flex-end;
}
.index .about .aboutRight .credit .iconfont{
    color: #00499d;
}
.index .about .aboutRight .credit a:hover .iconfont{
    color: #fe0000;
}
/* 产品中心 */
.index .product{
    margin: 80px 0;
    padding: 50px 0;
    background: url('../images/product.jpg') no-repeat center;
}
.index .product .hr{
    background: url('../images/productTitle.png') no-repeat center;
    height: 15px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.index .product .title{
    text-align: center;
}
.index .product .title .name{
    font-size: 30px;
    color: #ffffff;
}
.index .product .title .slogan{
    letter-spacing: 10px;
    color: #ffffff;
}
.index .product .body .series{
    border:1px solid #ffffff;
    height: 240px;
    display: block;
    position: relative;
}
.index .product .body .series .name{
    font-size: 20px;
    color: #ffffff;
    background-color: #007dff;
    padding: 0 10px;
    position: absolute;
    left: 15px;
    bottom: 94%;
}
.index .product .body .series .img{
    width: 100%;
    height: 230px;
    background-color: #fff;
    position: absolute;
    top: 10%;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.index .product .body .series .img .info{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #ffffff;
    font-weight: bold;
    text-indent: 2em;
    font-size: 16px;
    line-height: 32px;
    background-color: rgba(0, 74, 157, .8);
    visibility: hidden;
}
.index .product .body .series:hover .img .info{
    visibility: visible;
}
.index .product .body .series:hover .name{
    background-color: #fe0000;
}
/* 推荐产品 */
.index .recommend .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.index .recommend .title .titleL{
    display: flex;
    align-items: center;
}
.index .recommend .title .titleLL{
    width: 7px;
    height: 50px;
    margin-right: 10px;
    background: url('../images/recommendIcon.jpg')
}
.index .recommend .title .titleLR{
    color: #00327e;
}
.index .recommend .title .titleLR .cname{
    font-weight: bold;
    font-size: 25px;
}
.index .recommend .title .titleLR .ename{
    font-size: 14px;
}
.index .recommend .title .titleR{
    color: #00327e;
}
.index .recommend .title .titleR .iconfont{
    font-weight: bold;
    margin-left: 2px;
}
.index .dowebok {
    width: 100%;
    height: 500px;
}
.index .dowebok .row{
    padding-left: 0;
    list-style: none;
}
.index .dowebok .row .col-md-3{
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 15px;
}
.index .dowebok .pack{
    display: block;
    position: relative;
}
.index .dowebok .pack .info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: rgba(0, 50, 126, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    visibility: hidden;
}
.index .dowebok .pack:hover .info{
    visibility: visible;
}
.index .dowebok .pack .info .name{
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index .dowebok .pack .info .skip{
    color: #01316f;
    border-radius: 5rem;
    padding: 0 8px;
    background-color: #dff4f7;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 服务 */
.index .serve .top{
    margin-top: 50px;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    background-color: #00499d;
}
.index .serve .content{
    padding: 80px 0;
    background: url('../images/serveBG.jpg') center;
}
.index .serve .content .title{
    text-align: center;
    padding-bottom: 50px;
}
/* 案例展示 */
.index .case{
    background-image: url('../images/caseBG.jpg');
}
.index .case .caseLeft{
    height: 100%;
    color: #ffffff;
    background-color: #00499d;
}
.index .case .caseLeft .title{
    display: inline-block;
    font-size: 25px;
    padding: 10px 20px;
    margin-top: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #e60514;
}
.index .case .caseLeft .cslogan{
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 15px;
}
.index .case .caseLeft .eslogan{
    padding-left: 20px;
    font-size: 12px;
    color: rgba(68, 150, 255, 0.6);
}
.index .case .caseLeft .slogan{
    padding-left: 20px;
    list-style: none;
    padding-top: 15px;
    padding-right: 30px;
}
.index .case .caseLeft .slogan .list{
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.index .case .skip{
    padding: 30px 0;
    text-align: right;
}
.index .case .skip a{
    display: inline-block;
    color: #ffffff;
    padding: 8px 20px;
}
.index .case .skip .fh{
    background-color: #00499d;
}
.index .case .skip .al{
    background-color: #fe0000;
}
.index .case .doweboks {
    width: 100%;
    margin: 30px auto;
    font-size: 14px;
    background-color: unset;
    height: 300px!important;
}
.index .case .doweboks .pack{
    margin: 0 15px;
    color: #333;
    text-decoration: none;
    display: inline-block;
    background-color: #fff;
}
.index .case .doweboks .pack:hover {
    text-decoration: underline;
}
.index .case .pack .name{
    text-align: center;
    padding: 15px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 新闻资讯 */
.index .new{
    margin-top: 80px;
    margin-bottom: 30px;
}
.index .new .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index .new .titleLeft{
    display: flex;
    align-items: center;
}
.index .new .titleLeft .cname{
    font-size: 20px;
    font-weight: bold;
}
.index .new .titleLeft .ename{
    font-size: 20px;
    font-weight: bold;
    color: #c8c8c8;
    padding-left: 8px;
}
.index .new .titleRight{
    display: flex;
    align-items: center;
}
.index .new .titleRight .iconfont{
    display: inline-block;
    height: 24px;
    padding: 0 5px;
    color: #ffffff;
    background-color: #fe0000;
}
.index .new .titleRight .skip{
    display: inline-block;
    height: 24px;
    color: #ffffff;
    background-color: #00499d;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
}
.index .new .newLeft,
.index .new .newRight{
    padding-top: 30px;
    border-top: 2px solid #00499d;
}
.index .new .newLeft .listT .row{
    align-items: center;
}
.index .new .newLeft .listT .list{
    display: block;
    padding: 20px 0;
    color: #303030;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
}
.index .new .newLeft .listT .time{
    padding: 5px;
    border: #000 1px solid;
}
.index .new .newLeft .listT .time .day{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #000;
}
.index .new .newLeft .listT .time .year{
    text-align: center;
    font-size: 14px;
}
.index .new .newLeft .listT .info .name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index .new .newLeft .listT .info .description{
    font-size: 12px;
}
.index .new .newLeft .listB{
    padding: 30px 0;
}
.index .new .newLeft .listB a{
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.index .new .newLeft .listB .iconfont{
    font-weight: bold;
}
.index .new .newLeft .listB .name{
    color: #333333;
}
.index .new .newRight .list{
    padding: 20px 0;
    color: #303030;
    display: block;
}
.index .new .newRight .list .name{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
}
.index .new .newRight .list .description{
    font-size: 12px;
    line-height: 24px;
}
.index .new .newRight .list .skip{
    text-align: center;
}
.index .new .newRight .list .skip .btn{
    display: inline-block;
    color: #ffffff;
    background-color: #fe0000;
    border-radius: 5em;
    padding: 5px 30px;
}
/* 友情链接 */
.index .links{
    padding: 15px 0;
    background-color: #e6e6e6;
}
.index .links .pack{
    display: flex;
    align-items: center;
}
.index .links .title{
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #161616;
    min-width: max-content;
}
.index .links .title .ename{
    color: rgba(27,27,27,0.4);
}
.index .links .title .cname{
    color: #1b1b1b;
    font-weight: bold;
}
.index .links .link a{
    color: #1b1b1b;
    padding: 0 15px;
}
.channel .banner,
.subd .banner,
.inner-banner,
.article .banner{
    height: 300px;
    margin-bottom: 50px;
    background: url('/uploadfile/202103/10/1744322553.jpg') no-repeat center;
}
.sitepath{
    color: #fff;
    background-color: #1c6af5;
    padding: 10px 15px;
    margin-bottom: 50px;
}
.sitepath a{
    color: #fff;
    font-size: 16px;
    margin: 0 5px;
}
.sitepath a:hover{
    color: rgba(255,255,255,.6);
}
.listpage{
    margin-top: 50px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
/* channel */
.channel .body .nav{
    justify-content: space-around;
}
.channel .body .nav .nav-link{
    color: #000;
    padding: .5rem 2rem;
    border: #000 1px solid;
}
.channel .body .nav .nav-link.active{
    color: #fff;
    background-color: #1c6af5;
    border: #1c6af5 1px solid;
}
.channel .body .col-md-3{
    padding-right: 8px;
    padding-left: 8px;
}
/* //channel */

/* list */
/* 阵型列表 */
.subd .body .list .skip{
    display: block;
    border:1px solid #d8d8d8;
    margin-bottom: 30px;
}
.subd .body .list .skip img,
.subd .body .list .skip span{
    display: block;
}
.subd .body .list .skip span{
    line-height: 20px;
}
.subd .body .list .skip .name{
    text-align: center;
    color: #000;
    padding:10px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.subd .body .list .skip .time{
    text-align: right;
    color: #9E9E9E;
    padding: 0 10px;
    padding-bottom: 5px;
}
.subd .body .list .skip:hover span{
    color: #fff;
    background-color: #1c6af5;
}
/* 新闻栏目 */
.inner .right .new-c .nav{
    justify-content: space-around;
}
.inner .right .new-c .nav .nav-link{
    color: #000;
    padding: .5rem 2rem;
    border: 1px solid #000;
}
.inner .right .new-c .nav .nav-link.active{
    color: #ffffff;
    border: 1px solid #1c6af5;
}
.inner .right .new-c .lists .skip{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: #000;
    border-bottom: 1px #dddddd dashed;
}
/* 竖型列表 */
.subd .body-c .list .skip{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: #000;
    border-bottom: 1px #dddddd dashed;
}
.subd .body-c .list .skip:hover{
    color:rgba(0,0,0,.5);
}
.subd .body-c .list .skip .name:before{
    content: ">";
    padding-right: 10px;
}
/* //list */

/* article */
.article .body .title{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.article .body .content p{
    text-indent: 2em!important;
}
.article .body .content img{
    max-width: 100%!important;
}
.article .body .content table{
    width: 100%!important;
}
.article .body .content table tr:hover{
    color: #fff!important;
    background-color: #1c6af5!important;
}
.article .body .content video {
    width: 100%;
    max-width: 845px;
    height: 560px;
    background-color: #333;
}
.article .prenext{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
/* //article */
.subd{
    padding-bottom: 50px;
}
.article{
    padding-bottom: 80px;
}
.inner-subd{
    padding-bottom: 0;
}
.inner .right .name{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 15px;
}
.inner-left .list-group{
    margin-bottom:30px;
    text-align:center;
}