@charset "utf-8";
#newBridge{
    z-index:999!important;
}
.header_top{
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;
    z-index: 9999;
    position: relative;
}
body{background-color:#fff}
.logo_serch{
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
nav{
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.header_top img,.header_top video{
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}
/* logo */
.logo_serch{
    height: auto;
    padding: 18px 0;
    background: url(../images/logo_bg.png) no-repeat center;
    background-size: 100% auto;
}
.logo img{
    display: block;
    width: auto;
    height: 48px;
}
.logo_serch .searchbox{
    margin: 4px 0;
}
.logo_serch .searchbox div{
    background: url(../images/search.png) no-repeat center;
    background-size: 100% auto;
    width: 360px;
    height: 40px;
    padding: 4px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
}
.logo_serch .searchbox .text {
    float: left;
    width: calc(100% - 110px);
    height: 32px;
    border: none;
    outline: none;
    line-height: 32px;
    padding-left: 6px;
    font-size: 14px;
    margin: 0;
    background: transparent;
    color: #3f69c1;
}
.logo_serch .searchbox .submit {
    width: 84px;
    height: 32px;
    float: right;
    border: none;
    box-sizing: content-box;
    position:relative;
}

/* 导航 */
nav{
    padding-bottom: 4px;
    background: #fff url(../images/logo_bg.png) no-repeat 0 52px;
    background-size: 100% auto;
}
nav ul.w1400{
    background: #fff;
}
nav ul.w1400 li{
    float: left;
    margin-right: 90px;
    position:relative;
}
nav ul.w1400 li:last-of-type{
    margin-right: 0;
}
nav ul.w1400 li>a{
    display: block;
    width: auto;
    padding: 0 7px;
    line-height: 52px;
    font-size: 20px;
    color: #222428;
    position: relative;
}
nav ul.w1400 li>a.on,nav ul.w1400 li>a:hover{
    color: #3f69c1;
    font-weight: bold;
}
nav ul.w1400>li>a.on::before, nav ul.w1400>li>a:hover::before{
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #3f69c1;
    border-radius: 2px;
    left: 0;
    bottom: -4px;
}
nav ul>li .submenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 56px;
    background: #e7e7e7;
    z-index: 999;
    display: none;
}
nav ul>li .submenu li{
    width: 100%;
    margin-right: 0;
}
nav ul>li .submenu li a{
    display:block;
    width:100%;
    padding:0;
    text-align:center;
    font-size: 16px;
    line-height: 26px;
    padding: 6px 0;
    color: #000;
    border-bottom: 1px solid #e7e7e7;
}
nav ul>li .submenu li a:hover{
    color:#3f69c1;
    border-bottom:1px solid #3f69c1;
}
/* 底部 */
footer{
    padding: 30px 0;
    background: url(../images/footer_bg.png) no-repeat center;
    background-size: 100% auto;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;
}
footer .tab_list ul li{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #3a3535;
    margin-right: 40px;
    padding-bottom: 5px;
    cursor: pointer;
}
footer .tab_list ul li.tab_in{
    color: #193aab;
    border-bottom: 2px solid #193aab;
}
footer .tab_list ul li:last-of-type{
    margin-right: 0;
}
.footer_tab .tab_con>div{
    display: none;
    animation: fadeInUp 0.6s ease backwards .1s
}
.footer_tab .tab_con>div a{
    display: block;
    float: left;
    font-size: 16px;
    color: #3a3535;
    margin-right: 30px;
    margin-top: 20px;
}
.footer_tab .tab_con>div a:hover{
    color: #193aab;
}
.footer_tab .tab_con>div a:last-of-type{
    margin-right: 0;
}
.footer_tab .tab_con>div.con_in{
    display: block;
}
footer .bq{
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 40px;
}
footer .bq a:hover{
	color:#193aab;
}

/* 侧边 */
.float-side{position:fixed;top: 30%;right:0;z-index:99;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.float-side .box{display:block;width:50px;height:50px;position:relative;background-color: #193aab;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;}
.float-side .gotop{display:block;width:50px;height:50px;margin-top: 2px;position:relative;background-color: #193aab;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;z-index: 999;}
.float-side .box+.box{margin-top:2px;z-index: 1;}
.float-side .box.box2{z-index: 2;}
.float-side span{
	position:absolute;
	width:150px;
	height:50px;
	background-color: #193aab;
	font-size:14px;
	font-weight:700;
	color:#fff;
	text-align:center;
	line-height:50px;
	left:250px;
	top:0;
	z-index: -1;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	}
.float-side .box:hover span{opacity:1;filter:alpha(opacity=100);left: -152px;z-index: 1;}
.float-side .pic{
	position:absolute;
	top: 0;
	width:110px;
	height: auto;
	background-color:#193aab;
	padding: 0 2px 2px 2px;
	left:210px;
	box-sizing:border-box;
	opacity:0;
	transition:.3s;
	z-index: -1;
	}

.float-side .box:hover .pic{opacity:1;left: -112px;z-index: 1;}
.float-side .box:hover .ul-tel{opacity:1;filter:alpha(opacity=100);z-index: 1;right: 52px;}
.float-side .pic img{display:block;width:100%;height:100%;border-top: 2px solid #193aab;}
.ul-tel{
	position: absolute;
	width: 183px;
	top: 0;
	right: -200px;
	opacity:0;
	z-index: -1;
	background-color: #193aab;
	border: 1px solid #193aab;
	transition:.3s;
	}
.ul-tel li{
	border-bottom: 1px solid #193aab;
	color: #fff;
	padding: 13px 0 11px 55px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size: 28px auto;
	}
.ul-tel li h4{font-size: 14px;font-weight: normal;margin-bottom: 5px;}
.ul-tel li p{font-size: 14px;font-family: arial;color: #fff;line-height: 18px;}
a.csxx{width: 180px;height: 137px;background: url(../images/csxx.png) no-repeat center;position: fixed;right:0;bottom:0;z-index:999;}
.bgcx .neirong{
	padding: 24px 0;
}
.bgcx .neirong p>a{color:#1668be}
.bgcx .rzcx{
	padding-top: 40px;
}
.dataForm *{box-sizing:border-box}
.bgcx select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/icon7.png) calc(100% - 20px) center no-repeat;
	background-size: 5px;
	padding: 0 24px;
}
::placeholder {
    color: #0000004d!important
}
.bgcx .font1{
	font-size: 16px;
	color: rgb(51, 51, 51);
	line-height: 2;
}
.bgcx .xiaozi{display: none;}
.bgcx .dataForm{
	margin-top: 40px;
	width: 88%;
	border: 1px solid rgb(1, 110, 175);
	border-radius: 5px;
	display: flex;
	overflow: hidden;
	font-size: 14px;
}
.bgcx .dataForm select{
	border: 0;
	display: block;
	border-right: 1px solid rgb(1, 110, 175);
	background-color: rgb(241, 241, 241);
	width: 112px;
	height: 42px;
	line-height: 42px;
	outline: none;
	text-align: center;
	background-position: calc(100% - 8px) center;
	padding: 0 16px;
	display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	
	padding: 0;
}
.bgcx .dataForm input[type=text]{
	width: calc(100% - 192px);
	display: block;
	border: 0;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
}
.bgcx .dataForm .tijiao{
	border-radius: 5px 0 0 5px;
	width: 80px;
	height: 42px;
	line-height: 42px;
	display: block;
	border: 0;
	background: url(../images/icon8.png) center no-repeat #016eaf;
	cursor: pointer;
}
.bgcx .font2{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
	margin-top: 32px;
}
.bgcx .tableK1{
	margin-top: 24px;
	width: 100%;
	/* min-width: 720px; */
	overflow-x: auto;
}
.bgcx .tableK1 table,
.bgcx .tableK1 tbody,
.bgcx .tableK1 tr{
	width: 100%;
}
.bgcx .tableK1 th,
.bgcx .tableK1 td{
	padding: 12px;
	text-align: center;
	font-size: 14px;
	color: #333333;
}
.bgcx .tableK1 tbody tr:nth-child(even){
	background: #f5f5f5;
}
.bgcx .tableK1 th{
	background: #cbe4f3;
	color: #016eaf;
	font-size: 16px;
	border-right: 1px solid #ffffff;
}
.bgcx .tableK1 th:last-child{border: 0;}
.bgcx .tableK1 th:nth-child(1){width: 40%;}
.bgcx .tableK1 th:nth-child(2){width: 40%;}
.bgcx .tableK1 th:nth-child(3){width: 20%;}
.bgcx .tableK1 td a{color: #999999;}
.bgcx .tableK1 td a:hover{color: #016eaf;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.flexb4{display: flex;align-items: flex-start;justify-content: flex-star;}
.databP .tableK1 th:last-child{border: 0;}
.databP .tableK1 th:nth-child(1){width: 40%;}
.databP .tableK1 th:nth-child(2){width: 40%;}
.databP .tableK1 th:nth-child(3){width: 20%;}
.databP .tableK1 td a{color: #999999;}
.databP .tableK1 td a:hover{color: #016eaf;}
.databP3Ul{
/* 	border-bottom: 1px solid #cecece; */
	padding-bottom: 64px;
}
.databP3Ul li{margin-top: 32px;}
.databP3Ul li:first-child{margin-top: 0;}
.databP3Ul.tit{
	width: 250px;
	font-size: 16px;
	color: #016eaf;
}
 .tits{
	width: auto;
	font-size: 16px;
	color: red;
}
.databP3Ul .desc{
	width: calc(100% - 250px);
	font-size: 16px;
	color: #666666;
}
.descs{
	margin-left:30px;
	font-size: 16px;
	color: #666666;
}
a.xz-btn{background:#066dc2;color:#fff;border-radius:30px;padding:8px  16px}
/* 媒体查询 */

@media only screen and (max-width: 1600px) {
	footer{
	    background-size: auto 100%;
	}
}
@media only screen and (max-width: 1500px) {
	.w1400{
		width:88%;
	}
	.logo_serch .searchbox div{
		width:280px;
		background: url(../images/search.png) no-repeat right center;
		background-size: auto;
	}
	nav ul.w1400 li{
		margin-right: 3.2%;
		width: 12%;
	}
	nav ul.w1400>li:first-of-type{
		width:8%;
	}
	nav ul.w1400 li a{
		padding:0;
		text-align:center;
	}
}
@media only screen and (max-width: 1240px) {
	nav{
		background: #fff url(../images/logo_bg.png) no-repeat 0 45px;
	}
	nav ul.w1400 li a{
		font-size:18px;
		line-height:44px;
	}
	footer .bq{
		margin-top:20px;
	}
	nav ul>li .submenu{
		top:48px;
	}
	nav ul>li .submenu li a{
		font-size:14px;
		line-height: 20px;
		padding: 10px 0;
	}
}

.header_m {display:none;}

@media only screen and (max-width: 960px) {





	body::before,body::after{
        display:none!important;
    }
	#newBridge{
		display:none!important;
	}
	.header_top img,.header_top video{
		height:80px;
		width:100%;
		object-fit:cover;
	}
	.w1400{
		width:100%;
		padding:0 30px;
		box-sizing:border-box;
	}
	.logo_serch,nav{
		display:none;
	}
	body.navshow {
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0;
    }
	.header_m {
        display: block;
        width: 100%;
        position: relative;
        top: 0;
        z-index: 9999;
        box-sizing: border-box;
        padding: 20px 30px;
        background: url(../images/logo_bg.png) no-repeat center;
    }

    .header_m .m_logo {
        display: block;
        width: auto;
        float: left;
    }

    .header_m .m_logo a,
    .header_m .m_logo a img {
        width: auto;
        display: inline-block;
        height: 40px;
    }

    .menu1 {
        width: 40px;
        height: 40px;
        display: block;
        right: 30px;
        top: 20px;
        overflow: hidden;
        z-index: 999999999;
        cursor: pointer;
        position: absolute;
    }

    .menu1 span {
        float: left;
        width: 80%;
        background: #fff;
        transition: all 0.4s ease;
        margin-top: 8px;
        margin-left: 10%;
        height: 2px;
    }

    .menu1 span:first-child {
        margin-top: 9px;
    }

    .menu1.open span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 16px;
    }

    .menu1.open span:nth-child(2) {
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .menu1.open span:nth-child(3) {
        opacity: 0;
    }

	footer .bq p span{
		display:block;
		float:none!important;
	}
	footer .bq{
		font-size:14px;
	}



}

@media only screen and (max-width: 768px){
  .csxx{
        display:none!important;
    }
	a.csxx,.float-side{
		display:none;
	}
	#newBridge .nb-icon-right-center{
		bottom:0!important;
		top: auto!important;
		right: 0!important;
	}
	.w1400{
		padding:0 15px;
	}
	.header_m{
		padding:20px 15px;
	}
	.menu1{
		right:15px;
		width: 34px;
		height: 34px;
	}
	.header_top img,.header_top video{
		height:60px;
		width:100%;
		object-fit:cover;
	}

	footer .tab_list ul li{
		font-size: 16px;
	}
	.footer_tab .tab_con>div a{
		float: none;
		display: inline-block;
		margin-top: 0;
		margin-right: 10px;
		font-size: 15px;
	}
	.footer_tab .tab_con>div{
		margin-top:10px;
	}
	footer .bq{
		margin-top:10px;
	}
	footer{
		padding:15px 0;
	}
}
@media only screen and (max-width: 640px){
	.menu1{
		top: 14px;
	}
}