.container{
    width:1200px;
    margin:0px auto;
}
.fluid{
    width:100%;
    padding:60px 0px;
}
.banner {
    width: 100%;
}

.banner img {
    display: block;
    width: 100%;
    height: auto;
}

.banner .swiper-pagination-bullet{
    width:30px;
    height:30px;
    opacity: 1;
    text-align: center;
    line-height: 26px;
    background:#000;
    background:rgba(0,0,0,0.8);
    border:2px solid #fff;
    color:#fff;
}
.banner .swiper-pagination-bullet-active{
    background: #1c2978;
}
.top-fluid {
    width: 100%;
    background: #f0f0f0;
    height: 40px;
    line-height: 40px;
    color: #010101;
    font-size: 13px;
}

.top a {
    color: #010101;
    margin-left: 15px;
    font-size: 13px;
}
.header{
    padding: 15px 0px;
    width: 1200px;
    margin:0px auto;
}

.header .logo {
    float: left;
}
.header .logo img{
    height:90px;
}

.header .dianhua {
    float: right;
   
}
.header .dianhua dl dt {
   font-size: 18px;
   font-weight: 600;
    color: #1c2978;
}
.header .dianhua dl dd{
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.header .dianhua dl dd i.iconfont {
    font-size: 25px;
    color:#1c2978;
    display: block;
    margin-right: 5px;
}

.header .dianhua dl dd span {
    display: block;
    font-size:22px;
    width: 100%;
    color:#1c2978;

}


.daohang{
    display: none;
}
.navbar{
    background:#1c2978;
}
.nav{
    width:1200px;
    margin:0px auto;
    position: relative;
}
.nav ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nav ul>li{
    width:16.666667%;
}
.nav ul>li>a{
    width:100%;
    display: block;
    text-align: center;
    font-size:16px;
    color:#fff;
    line-height: 50px;
    border-right:1px solid #8594ac;

}
.nav ul>li:first-of-type>a{
    border-left:1px solid #8594ac;
}
.nav ul>li.active>a,.nav ul>li:hover>a{
    background:#24315b;
}
.nav ul>li .sub-tab{
    width:1200px;
    background:#0a85bb;
    padding:2px 12px 12px;
    line-height:35px;
    position: absolute;
    top:50px;
    left:0px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    display: none;
}

.nav ul>li .sub-tab a{
    font-size:14px;
    border-right:1px solid #ddd;
    margin-top:10px;
    display: block;
    min-width:11%;
    padding:0px 10px;
    color:#fff;
    text-align: center;
}
.nav ul>li .sub-tab a:hover{
    background:#032b53;
}
.nav ul>li .sub-tab a:last-of-type{
    border-right:0px;
}
.main-title {
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom:20px;
}
.main-title>a{
    float:right;
    color:#666;
    border:1px solid #ddd;
    padding:0px 10px;
    font-size:14px;
}
.main-title>a:hover{
    color:#1c2978;
    border-color:#1c2978;
}

.main-title .main-t{
    float:left;
    position: relative;
}

.main-title .main-t::before{
    content:"";
    left:0px;
    bottom:-10px;
    width:137px;
    height:1px;
    background: #333;
    position: absolute;
}
.main-title .main-t i.iconfont{
    font-size: 20px;
    margin-right:5px;
    color:#1c2978;
}
.main-title .main-t  h3{
    font-size:23px;
    font-weight: bold;
    display: inline;
    color:#1c2978;
}
.main-title .main-t span{
    font-size:15px;
    padding-left:10px;
    margin-left:10px;
    text-transform: uppercase;
    border-left:2px solid #333;
}
.main-title-right{
    float:right;
   
}
.main-title-rlist{
 display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.main-title-rlist a{
    display: block;
    padding:0px 10px;
    font-size:13px;
    /* border-right:1px solid #333;
    font-weight: 600;
    color:#000; */
    background:#fff;
    border-radius: 5px;
    margin-left:10px;
    height:32px;
    border:1px solid #ddd;
}
.main-title-rlist a:hover{
    background:#1c2978;
    color:#fff;
}
/* 案例 */

.case-item {
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px;
    float:left;
}

.case-item:nth-of-type(4n) {
    margin-right: 0px;
}

.case-item .img {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.case-item .img img {
    width: 100%;
}

.case-item .info p {
    text-align: center;
    line-height: 30px;
    color: #666;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.case-item:hover .img{
    border-color:#1c2978;
}
.case-item:hover .img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.case-item:hover .info p{
    color:#1c2978;
}


.lc-fluid{
    padding:20px 0px;
}
.lc img{
    margin:0px auto;
    max-width:100%;
    display: block;
}

.bgbw{
     background:#f8f8f8;
}
.bgw{
   background:#fff;
}
.bgb{
    background-color: #eceef5;
}
.about-img{
    width:400px;
    float:left;
}
.about-img img{
    width:100%;
}
.about-title {
    margin-bottom:10px;
}
.about-title h2{
    font-size:20px;
    font-weight: bold;
}
.about-title p{
    text-transform: uppercase;
    font-size:16px;
    line-height: 30px;
    color:#666;
}
.about-info{
    float:right;
    width:770px;

}
.about-info .about-des{
    line-height: 25px;
    text-indent: 2em;
    height:175px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}
.about-tel{
    font-size:20px;
    color:#1c2978;
    margin-top:10px;
    line-height: 30px;
    height:30px;
    font-weight: bold;
}
.news-fluid{
    background:#f8f8f8;
}
.news-box .main-title .main-t h3{
    font-size:18px;
}
.news-box {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.news-box:last-of-type {
    margin-right: 0px;
}
.news-item{
    margin-bottom: 10px;
}
.news-item .news-img {
    float: left;
    width: 150px;
    height:86px;
}
.news-item .news-img img{
    display: block;
    width:100%;
    height: 100%;
}
.news-item .news-info {
    float: right;
    width: 220px;
}
.news-item .news-info .news-title a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    display: block;
}

.news-item .news-des {
    font-size:12px;
    height:40px;
    line-height: 20px;
    color:#666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-box ul li {
    line-height: 30px;
    border-bottom: 1px dashed #ddd;
    background:url(../images/xb.jpg) no-repeat left center;
    padding-left:10px;
}

.news-box ul li a {
    display: block;
    float: left;
    width: 290px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news-box ul li span{
    float:right;
    font-size:13px;
    color:#666;
}
.news-box ul li a:hover{
    color:#1c2978;
}
.friend-link-fluid {
    background: #d9d9d9;
    padding:10px 0px;
}
.friend-link{
    line-height: 30px;
}
.friend-link span{
    float:left;
    width:80px;
    font-weight: bold;
    color:#333;
}
.friend-link>div{
    float:left;
    width:1120px;
}
.friend-link>div a{
    margin:5px;
    color:#666;
}
.friend-link>div a:hover{
    color:#1c2978;
}
.footer-fluid {
    background: #333;
    padding: 30px 0px;
    color: #fff;
}

.footer-ewm {
    float: left;
    width: 240px;
    padding: 20px;
    text-align: center;
    border-right: 1px dashed #ddd;
    line-height: 30px;
}

.footer-ewm img {
    width: 120px;
}

.footer-info {
    float: right;
    width: 960px;
    padding-left: 57px;
    line-height: 35px;
    font-size: 16px;
}

.footer-info a {
    color: #fff;
}
.side {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 5px;
    top: 220px;
    z-index: 100;
}

.side ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    list-style: none;
}

.side ul li .sidebox {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #1c2978;
    opacity: 0.7;
    filter: Alpha(opacity=70);
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.side ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #1c2978;
    opacity: 0.7;
    filter: Alpha(opacity=70);
    transition: all 0.3s;
}

.side ul li .sidetop:hover {
    background: #1c2978;
    opacity: 0.7;
    filter: Alpha(opacity=70);
}

.side ul li .sidebox img {
    float: left;
}

.side ul li .ewm {
    display: block;
    position: absolute;
    left: -125px;
    top: -120px;
    display: none;
}

.side ul li:hover .ewm {
    display: block;
}

.side ul li a {
    text-decoration: none;
}
.bottom-fluid {
	background: #1c2978;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 3px 0px;
	display: none;
	z-index: 999;
}

.bottom-fluid ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.bottom-fluid ul li a {
	color: #fff;
}

.bottom-fluid ul li i.iconfont {
	font-size: 25px;
}

.bottom-fluid ul li p {
	font-size: 12px;
}
.bottom-fluid .gotop {
	display: block!important;
}

.sub-case .case-item{
    width:274px;
    margin-right:19px;
}
.sub-case .case-item:nth-of-type(4n){
    margin-right:19px;
}
.sub-case .case-item:nth-of-type(3n){
    margin-right:0px;
}
.crumbs-fluid {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px;
    background: #f8f8f8;
}

.crumbs {
    line-height: 30px;
}

.crumbs i.iconfont {
    font-size: 20px;
    margin-right: 5px;
}

.crumbs a:hover {
    color: #1c2978;
}

.sub-content-fluid {
    padding: 50px 0px;
}

.sub-sidebar {
    float: left;
    width: 300px
}

.sub-sidebar-title {
    background: #1c2978;
    text-align: center;
    padding: 15px 0;
}

.sub-sidebar-title h3 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.sub-sidebar-title p {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    line-height: 25px;
}

.sub-sidebar-list ul li {
    line-height: 40px;
    border: 1px solid #ddd;
    border-top: 0px;
}

.sub-sidebar-list ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 5px 15px;
}

.sub-sidebar-list ul li a:hover {
    color: #1c2978;
    background: #f8f8f8;
    padding-left: 20px;
}

.sub-sidebar-list ul li a i.iconfont {
    font-size: 18px;
    margin-right: 5px;
}

.sub-sidebar-tel {
    background: #1c2978;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
}

.sub-sidebar-tel .tel {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    text-shadow: 0px 0px 3px #666;
}

.sub-sidebar-tel .more {
    width: 120px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #ddd;
    display: block;
    margin: 10px auto 0px;
    text-align: center;
    background: #fff;
    line-height: 35px;
}

.sub-sidebar-btn {
    line-height: 40px;
    border: 1px solid #ddd;
    border-top: 0px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: none;
    background:#f8f8f8;
}
.sub-content-right {
float: right;
width: 900px;
padding-left: 40px;
}
.sub-cont-top {
background: #1c2978;
color: #fff;
line-height: 40px;
margin-bottom: 20px;
}

.sub-cont-top .left {
font-size: 18px;
padding-left: 10px;
}

.sub-cont-top .right a {
display: block;
background: #E4E4E4;
padding-right: 10px;
padding-left: 10PX;
color: #333;
}

.sub-cont-top .right a:hover {
background: #1c2978;
color: #fff;
}

.sub-cont-top .right i.iconfont {
font-size: 16px;
transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
}

.pages {
text-align: center;
width: 100%;
}

.pages .page {
display: table;
margin: 20px auto;
}

.pages .page a,
.pages .page span {
display: block;
padding: 5px 8px;
border: 1px solid #ddd;
color: #666;
float: left;
margin: 5px;
}

.pages .page span,
.pages .page a:hover {
background: #1c2978;
color: #fff;
border: 1px solid #1c2978;
}

.sub-swrapper{
    padding:20px;
    border:1px solid #ddd;
}
.sub-swapper-title {
    text-align: center;
	border-bottom: 1px solid #e2e2e2;
}

.sub-swapper-title h1 {
	font-size: 24px;
	color: #000;
	padding: 15px 0;
	line-height: 1.5;
}
.sub-swapper-title p{
    line-height: 20px;
    padding-bottom: 10px;
    color:#666;
}
.sub-swapper-title-category {
	font-size: 14px;
	margin-bottom: 15px;
	color: #888;
	overflow: hidden;
	line-height: 25px;
}

.sub-swapper-title-category .left {
	float: left;
}

.sub-swapper-title-category .left span {
	margin-right: 20px;
	position: relative;
	padding-left: 25px;
}

.sub-swapper-title-category .left span i.iconfont {
	margin-right: 5px;
	font-size: 20px;
	float: left;
	position: absolute;
	left: 0px;
}

.sub-swapper-title-category .right {
	float: right;
}

.sub-swapper-title-category .right a {
	color: #888;
}

.sub-swapper-title-category .right a:hover {
	text-decoration: underline;
	color: #284b9e;
}

.sub-swapper-info {
	padding-top: 30px;
	font-size: 16px;
	line-height: 2;
	color: #191919;
}

.sub-swapper-info p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 20px;
	color: #191919;
}

.sub-swapper-info img {
	display: inline-block;
	max-width: 100%;
}

.sub-contact-title {
	font-size: 20px;
	color: #1c2978;
	margin-top: 20px;
	line-height: 50px;
	font-weight: 600;
	position: relative;
	margin-bottom: 20px;
	border-top: 1px dashed #ddd;
}

.sub-contact-title:first-of-type {
	border-top: 0px;
}

.sub-contact-title::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 20px;
	height: 2px;
	background: #1c2978;
}

.sub-contact-info {
	line-height: 40px;
	font-size: 16px;
}
.sub-contact-info img{
    width:180px;
}
.sub-contact-form {
	padding-bottom: 30px;
	margin-top: 30px;
}

.sub-contact-form ul li {
	margin-bottom: 20px;
	width: 550px;
}

.sub-contact-form ul li span {
	float: left;
	width: 110px;
	line-height: 35px;
}

.sub-contact-form ul li input[type=text] {
	width: calc(100% - 110px);
	border: 1px solid #ddd;
	height: 35px;
	padding: 5px;
}

.sub-contact-form ul li textarea {
	width: calc(100% - 110px);
	height: 80px;
	padding: 5px;
	border: 1px solid #ddd;
}

.sub-contact-form ul li input[type=text]:focus,
.sub-contact-form ul li textarea:focus {
	border: 1px solid #1c2978;
	box-shadow: 0px 0px 3px #1c2978;
}

.sub-contact-form ul li.form-btn input[type=submit] {
	width: 180px;
	height: 50px;
	background: #1c2978;
	color: #FFFFFF;
	border: 1px solid #1c2978;
	margin-left: 110px;
	cursor: pointer;
	font-size: 18px;
}

.sub-contact-form ul li.form-btn input[type=submit]:hover {
	background: #9b0603;
	border: 1px solid #9b0603;
}

.sub-contact-map {
	margin-bottom: 30px;
}
/*新闻中心*/

.sub-news-item {
	border-bottom: 1px solid #ddd;
}

.sub-news-item a {
	display: block;
	padding: 10px;
}

.sub-news-item a:hover {
	background: #F8F8F8;
	padding-left: 20px;
}

.sub-news-item .sub-news-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}

.sub-news-item .sub-new-des {
	line-height: 25px;
	max-height: 75px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
}

.sub-news-item .sub-news-time {
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}

.sub-news-item .sub-news-time span {
	padding-right: 10px;
}

.sub-news-item .sub-news-time i.iconfont {
	font-size: 16px;
	margin-right: 5px;
}
.sub-link {
	padding: 15px 0px;
	border-top: 1px solid #e2e2e2;
}

.sub-link p {
	padding: 10px 0;
	color: #000;
	line-height: 20px;
}

.sub-link p a:hover {
	color: #1c2978;
	text-decoration: underline;
}
.pc{
    display: block;
}
.mobile{
    display: none;
}
.fenge-fluid{
    background:#1a2874;
    padding:20px 0px;
}
.fenge{
    width:1200px;
    margin:0px auto;
   display:flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}
.fenge-item{
    width:25%;
    text-align: center;
    color:#fff;
}
.fenge-item img{
    height:80px;
}
.fenge-item p{
    font-size:18px;
    line-height: 40px;
}
.fenge-item span{
    color:#ddd;
    font-size:12px;
    line-height: 25px;
    display: block;
    width:100%;
}
.m20 {
            margin-top: 20px;
        }

        .ys-title img {
            display: block;
            margin: 0px auto;
        }

        .ys-item {
            padding-top: 30px;
        }

        .ys-info .title {
            display: flex;
            align-items: center;
        }

        .ys-info .title .title-num {
            font-size: 50px;
            color: #1c2978;
            font-weight: bold;
            font-family: "Times New Roman";
            width: 60px;
        }

        .subtitle {
            width: calc(100% - 60px);
        }

        .subtitle .eng {
            font-size: 12px;
            text-transform: uppercase;
            color: #999;
            font-weight: bold;
            font-family: "Times New Roman";
        }

        .subtitle .china {
            font-size: 24px;
            color: #1c2978;
        }

        .ys-item .ys-img {
            float: left;
            width: 600px;
        }

        .ys-item .ys-img img {
            width: 100%;
        }

        .ys-item .ys-info {
            float: left;
            padding-left: 40px;
            width: 600px;
            padding-top: 40px;
        }

        .ys-item:nth-of-type(2n) .ys-img {
            float: right;
        }

        .ys-item:nth-of-type(2n) .ys-info {
            padding-left: 0px;
            padding-right: 40px;
        }

        .ys-info ul li {
            background: url(../images/shoucang.png) no-repeat 0px 5px;
            padding-left: 20px;
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 10px;
        }