@charset "utf-8";
/* CSS Document */
.body_home{background:#000;height:100%;overflow:hidden;}
.header{position:fixed;left:0%;top:0;right:0%;z-index:9999;transition:all 0.7s ease-out 0s;}
.header .d1{background:#034ea1;color: #fff;line-height:50px;height:50px;font-size:16px;overflow:hidden;}
.nav_l{ float:left;}
.header .d1 .nav_l i{margin:0 18px;font-size:12px;}
.header .d1 .nav_l a{display:inline-block;line-height:1;}
.header .d1 .nav_l a.now{color:#fff;}
.nav_r{ float:right;}
.header .d2 .nav_s{ 
float:right; display: flex;
    flex-direction: column;
    width: 65%;
}
.header .d2 .nav_s .nav_r_a{ float:left; line-height:60px;}
.header .d2 .nav_s .nav_r_a a{ padding:0 25px; color:#034ea1; font-size:18px; /* display:inline-block; */ border-right: 2px solid #034ea1;}
.header .d2 .nav_s .nav_r_a a:nth-last-child(1){ border-right: none;}
.header .d2 .nav_s a.now{color:#fff;}

.block_top{ display: flex;
    flex-direction: row;
    justify-content: flex-end;
height: 60px;}


.block_bottom{ float: right;}
.block_bottom ul{ display: flex;
    flex-direction: row;
        justify-content: flex-end;}
.block_bottom ul li{ font-size: 20px;text-align: center;
    width: 20%;height: 55px;
position: relative;
    line-height: 40px;
}

.block_bottom a{display:inline-block;position:relative; width:100%;}
.item{padding:10px; border-top:2px solid #034ea1;position:absolute;width:130%; background: #fff;background-size:contain;opacity:0;visibility:hidden; z-index:9999; left:15%; right:0; top:51px; margin:0 auto;}
.block_bottom ul li:hover .item{    opacity: 1;
    visibility: visible;
    transition: all 0.5s linear;}
.item.s{visibility:visible;opacity:1;transition:opacity 0.2s ease-out 0s; padding: 10px 10px 20px 10px;}
.item .r{width:100%; float:right;}
.item .r a{width:100%;font-size:16px;margin-top:20px; float:left; color:#333; line-height:20px; text-align: left; padding-left: 20px;}
.item .r a::before{ content: ">"; position: absolute; left: 0; line-height: 17px;}
.item .r a:hover{ /*color:#72080A;*/ color: #034ea1;}

.header .d2{height:110px !important; width:100%;  background: #ffffff;     border-bottom: 1px solid #e4e4e4;}
.header .block{position:relative; height:100%;}
.header .logo{width:35%  !important; float:left; /* padding-top:20px; */ height: 100%;
    display: grid;
    align-content: center;}
.header .logo a{font-size:0;display:block;}
.header .logo img{ max-width:100%;vertical-align:middle;display:inline-block;}
.header .nav_main{text-align: center;font-size:16px; float:right; width:60%;}
.header .nav_main ul li{ float:left; width:20%; color: #333333; position:relative;}
.header .nav_main a{display:inline-block;position:relative; width:100%; line-height:90px;}


.block{ width:1480px; margin:0 auto;}
.layout{ width:1200px; margin:0 auto;}

.nav_r_a{float: left;}
.select { /*margin-left:30px;*/ width: 29px;height: 30px; margin-top:15px;}

/* 搜索框 */
#bnt_search {
    height: 29px;
    width: 30px;
}
#bnt_search a {
    display: block;
    background: url(../images/sou_03.png) center no-repeat;
    height: 29px;
    width: 30px;margin-left:0px;
}
#j_seach_box {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
}

#j_seach_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');
    background: rgba(0,0,0,0.85);
}

#j_seach_box #znjs {
    position: absolute;
    overflow: hidden;
    top: 45%;
    z-index: 9999;
    width: 680px;
    left: 0;
	right:0;
	margin:0 auto;
}

#j_seach_box .box_size{
	font-size:50px;
	color:#FFF;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:99999;
	width:50%;
	text-align:right;
	top: 35%;
	cursor:pointer;
}

#j_seach_box input[type="text"] {
    border: none;
    width: 560px;
    display: block;
    height: 60px;
    color: #434343;
    font-size: 15px;
    background:#FFF;
    line-height: 60px;
	float:left;
	text-indent:15px;    font-family: "微软雅黑",Arial, Helvetica, sans-serif;
}
#j_seach_box input[type="submit"] {
    background: #034ea1;
    height: 60px;
    width: 120px;
    cursor: pointer;
    border: none;
	color:#FFF;
	float:left;
	text-align:center;
	font-size:24px;
	line-height:40px;
}

.banner{position:relative;height:680px;overflow:hidden; margin-top:140px;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}

.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#72080A;z-index: 999;}
.banner .banner_nav {overflow: hidden; position:absolute; bottom:30px; left:0; right:0; margin:0 auto; text-align:center;}
.banner .banner_nav ul li { display:inline-block; width: 10px; height: 10px; background:#FFF; margin:0 7px; border-radius:50%; cursor: pointer; font-size:0;}
.banner .banner_nav ul li.slick-active{background: #034ea1;}


.header_blong{ width:100%; overflow:hidden; padding-bottom:50px; background:#f0f5fa;}
.header_blong ul li{ float:left; width:16.666%; text-align:center; padding-top:50px;}
.header_blong ul li img{ transition: all 0.5s;}
.header_blong ul li span{ display:block; text-align:center; padding-top:20px; color:#474849; font-size:16px;}
.header_blong ul li:hover img{ transform: rotateY(180deg);}
.header_blong ul li:hover span{ color:#f9ae31;}


.header_vel{ width:100%; height:300px; background:url(../images/nav_02.jpg) top center no-repeat; background-size:cover;}
.header_vel h4{ display:block; text-align:center; padding-top:80px; color:#FFF; font-size:30px; font-weight:bold; padding-bottom:45px;}
.header_vel a{     display: block;
    width: 210px;
    height: 60px;
    line-height: 54px;
    color: #fff;
    font-size: 20px;
    background: #ef860a;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;}
.header_vel a:hover{ color:#034ea1; background: #FFF;}


.header_video{ width:100%; padding-top:50px; overflow:hidden; padding-bottom:50px;}
.header_video h4{ display:block; text-align:center; color:#333333; font-size:30px; font-weight:bold;}
.video_nav{ width:100%; overflow:hidden; padding-top:30px;}
.video_left{ width:480px; height:438px; float:left; background:url(../images/vido_03.jpg) no-repeat; padding:50px 50px 0 38px; position:relative; background-size: cover;}
.video_left ul li{ width:100%; float:left; overflow:hidden;}
.video_left ul li a{ display:block; font-size:24px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.video_left ul li p{ display:block; font-size:18px; padding-top:30px; color:#a4b5d3; line-height:30px;}
.video_left .slick-prev{ background:url(../images/prev_03.jpg) no-repeat; width:34px; height:32px; position:absolute; bottom:-80px; z-index:2; border:none; font-size:0; left:0; outline:none;}
.video_left .slick-next{ background:url(../images/next_05.jpg) no-repeat; width:34px; height:32px; position:absolute; bottom:-80px; z-index:2; border:none; font-size:0; left:60px; outline:none;}
.video_more{ width:146px; height:42px; border:1px #81a7d0 solid; position:absolute; right:35px; bottom:35px;}
.video_more a{ display:block; text-align:center; line-height:42px; color:#a4b5d3; font-size:16px;}


.video_right{ width:720px; height:438px; float:right; overflow:hidden;}
.video_right img{ width:100%; transition: all 1s ease-out; display:block;}
.video_right img:hover{ transform: scale(1.2);}


.foter{ width:100%; height:168px; background:#034ea1; padding-top:30px;}
.foter_nav{ width:100%; overflow:hidden;}
.lxfs{ width:23%; float:left; overflow:hidden;}
.fo_name{ display:block; font-weight:bold; color:#FFF; font-size:20px; padding-bottom:10px;}
.lxfs ul li{ line-height:30px; display:block;}
.lxfs ul li a{ font-size:15px; color:#FFF; display:block; transition: all 0.5s linear;}
.lxfs ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}
.foter_logo{ width:40%; float:left; overflow:hidden; margin-left:12%; padding-top:30px;}
.wxgz{ width:10%; float:right; text-align:center; overflow:hidden;}
.wxgz img{ width:90px;}
.wxgz span{ display:block; text-align:center; font-size:16px; color:#FFF; padding-top:10px;}
.bottom{ width:100%; height:50px; background:#03428a; color:#FFF; font-size:16px; text-align:center; line-height:50px;}
.bottom a{ color:#FFF;}

.ph_foter{ width:100%; background:#034ea1; overflow:hidden; padding:30px 0; line-height:30px; text-align:center; font-size:14px; color:#ffffff; display:none;}

.ph_banner{ width:100%; overflow:hidden; display:none; position:relative;}
.ph_banner .phd_banner_nav {overflow: hidden;position:absolute; bottom:30px; text-align:center; left:0; right:0;}
.ph_banner .phd_banner_nav ul li { display:inline-block; width: 10px; height: 10px; background:#FFF; margin:0 7px; border-radius:50%; cursor: pointer; font-size:0;}
.ph_banner .phd_banner_nav ul li.slick-active{background: #034ea1;}
.ph_banner .bd{ width:100%; overflow:hidden;}
.ph_banner .bd li{ width:100%; height:auto; position:relative; overflow:hidden;}
.ph_banner .bd img{ width:100%;}

.foter_tb{ width:100%; background:#f0f5fa; display:none;}
.foter_tb ul{ margin:0 -4% 0 0; zoom:1;}
.foter_tb ul li{ width:16%; float:left; text-align:center; margin-right:4%; position:relative;}
.foter_tb ul li a img{ width:100%;}
.foter_tb ul li .codeBox{position: absolute; top:-194px; left:-10px; width: 100px; height: 100px; background-color: #808080; padding: 10px; transition: all .3s linear; opacity: 0;}
.foter_tb ul li .codeBoxk{opacity: 1;top:-107px;}
.foter_tb ul li .codeBox img{width: 100%;height: 100%;}


.list_banner{ width:100%; background:url(../images/list_banner.jpg) top center no-repeat; height:210px; margin-top:142px;}
.list_banner .layout{ position:relative; height:210px;}
.list_banner h4{ text-align:center; color:#ffffff; font-size:30px; padding-top:70px;}
.list_banner h4 img{ vertical-align: middle; padding-right:20px;}

.menu{ width:100%; height:50px; position:absolute; bottom:0;}
.menu ul{ margin:0 -1% 0 0; zoom:1;}
.menu ul li{ width:13.128%; height:50px; float:left; background:#0b69d3; margin-right:1%;}
.menu ul li a{ display:block; color:#FFF; line-height:20px; font-size:16px; text-align:center; display: grid;
    align-content: center; height:50px;}
.menu ul .on a{ background:#f4f4f5; color:#444444; border-top:4px #ffba00 solid;}
.menu ul li a:hover{ background:#f4f4f5; color:#444444; border-top:4px #ffba00 solid;}

@media screen and (max-width: 1640px) {
.block{ width:1400px; margin:0 auto;}
}

@media screen and (max-width: 1440px) {
.block{ width:1200px; margin:0 auto;}

}

@media screen and (max-width: 767px){
video{ width:100%;     height: auto;}

}