@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{height:110px !important; width:100%;  background: #ffffff;     border-bottom: 1px solid #e4e4e4;}
.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;
}


.header .d2{height:90px; width:100%;  background: #ffffff;  border-bottom: 1px solid #e4e4e4;}
.header .block{position:relative; height:100%;}
.header .logo{width:35%; float:left; padding-top:20px;}
.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;}

.nav_r_a{float: left;}
.select {margin-left:30px;width: 29px;height: 30px; margin-top:12px; float: right;}

/* 搜索框 */
#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 form {
    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:728px;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: relative;top: -130px; 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;}
.banner .slick-prev{ background:url(../images/perv_03.png) no-repeat; width:20px; height:39px; position:absolute; bottom:90px; z-index:2; border:none; font-size:0; left:45%; outline:none;}
.banner .slick-next{ background:url(../images/next_05.png) no-repeat; width:20px; height:39px; position:absolute; bottom:90px; z-index:2; border:none; font-size:0; right:45%; outline:none;}

.sou{ width:950px; position:absolute; left:0; right:0; margin:0 auto; bottom:0; z-index:999;}
.inputBox_02{ width:856px; height:74px; float:left; background:#fff; border: none;color:#999999;font-size:100%; text-indent:15px; line-height:74px; font-size:16px; border-top-left-radius:20px;}
.searchBox_01{ background:url(../images/sou_03.png) no-repeat; width:94px; height:74px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


.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; 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 .l{display:-ms-flexbox; float:left; width:45%;}
.item .l .pic{width:142px; float:left;}
.item .l .pic img{width:100%;height:auto;}
.item .l .txt{ float:left;font-size:16px;color:#72080A;padding-left:30px;line-height:2.2;}
.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; position: relative;}
.item .r a::before{ content: ">"; position: absolute; left: 0; line-height: 17px;}
.item .r a:hover{ /*color:#72080A;*/ color: #034ea1;}


.header_blong{ width:100%; overflow:hidden; background:url(../images/newsbg_02.jpg) top center no-repeat;}
.header_news{ width:100%; overflow:hidden; padding-top:97px;}
.xyyw{ width:26%; float:left; overflow:hidden;}
.xyyw_top{ width:100%; overflow:hidden; padding-right:30px; padding-top:4px;}
.xyyw_top span{ float:left; background:url(../images/yw_03.png) left no-repeat; padding-left:40px; font-size:24px;}
.xyyw_top .more{ float:right; background:url(../images/more_05.png) right no-repeat; padding-right:40px; font-size:16px; line-height:32px; color:#666666;}
.xyyw_nav{ width:100%; overflow:hidden; background:#FFF; margin-top:20px; padding:30px 30px 0 30px; height:612px;}
.xyyw_one{ width:100%; height:210px; overflow:hidden; position:relative;}
.xyyw_one .tyimg img{ width:100%; height:100%; transition: all 1s ease-out;}
.xyyw_one .tyimg img:hover{ transform: scale(1.2);}
.xyyw_one .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:40px; height:40px; background: rgba(0,0,0,0.5);}
.xyyw_one .mask h5{ width:100%; font-size:16px; color:#fff; text-align:center; display:block; padding:0 10px;}

.xyyw_two{ width:100%; overflow:hidden; padding-top:10px;}
.xyyw_two ul li{ width:100%; border-bottom:1px #e5e5e5 solid; padding-top:16px; padding-bottom:16px;}
.xyyw_two ul li span{ display:block; font-size:14px; color:#034ea1; background:url(../images/sj_03.png) 0 12px no-repeat; padding-left:20px; padding-top:8px;}
.xyyw_two ul li a{ height:55px; padding-top:10px; color:#202020; font-size:16px; transition: all 0.5s linear; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.xyyw_two ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}

.xydt{ width:48%; float:left; overflow:hidden; background:url(../images/gu_03.jpg) no-repeat; height:668px;}
.xydt>ul>li{ width:100%; float:left; overflow:hidden;}
.xydt ul li .xydtimg{ width:100%; overflow:hidden;}
.xydt ul li .xydtimg img{ width:100%; height:100%; transition: all 1s ease-out; display:block;}
.xydt ul li .xydtimg img:hover{ transform: scale(1.2);}
.xydt ul li .xydt_cen{ padding:0 40px; overflow:hidden; width:100%;}
.xydt ul li span{ display:block; text-align:center; color:#034ea1; font-size:16px; padding-top:26px;}
.xydt ul li h4{ display:block; text-align:center; color:#111111; font-size:22px; padding-top:16px; font-weight:bold;}
.xydt ul li p{ display:block; padding-top:16px; color:#707070; font-size:14px; line-height:26px;}
.news_flash_nav {overflow: hidden;position: relative; text-align:center;}
.news_flash_nav ul li { display:inline-block; width: 18px; height: 18px; background:url(../images/mm_03.png) no-repeat; margin:0 7px; border-radius:50%; cursor: pointer; font-size:0;}
.news_flash_nav ul li.slick-active{background:url(../images/yy_03.png) no-repeat;}


.tzgg{ width:26%; float:right; overflow:hidden;}
.tzgg_top{ width:100%; overflow:hidden; padding-left:30px; padding-top:4px;}
.tzgg_top span{ float:left; background:url(../images/tzgg_03.png) left no-repeat; padding-left:40px; font-size:24px;}
.tzgg_top .more{ float:right; background:url(../images/more_05.png) right no-repeat; padding-right:40px; font-size:16px; line-height:32px; color:#666666;}


.header_hdyg{ width:100%; overflow:hidden; padding-top:45px; padding-bottom:70px;}
.hdyg_top{ width:100%; overflow:hidden;}
.hdyg_top span{ float:left; background:url(../images/yg_03.png) left no-repeat; padding-left:40px; font-size:24px;}
.hdyg_top .more{ float:right; background:url(../images/more_05.png) right no-repeat; padding-right:40px; font-size:16px; line-height:32px; color:#666666;}
.hdyg_nav{ width:100%; overflow:hidden; padding-top:30px;}
.hdyg_nav ul li{ width:33.33%; float:left; height:220px;}
.hdyg_nav ul li .hdyg_cen{ padding:30px 30px 0 30px; height:220px; overflow:hidden; background:url(../images/yh_03.png) no-repeat; background-size:100% 100%; margin:0 15px;}
.hdyg_nav ul li a{ display:block; color:#333333; font-weight:bold; line-height:24px; font-size:16px; border-bottom:1px #dddddd dashed; padding-bottom:16px;  white-space:nowrap; overflow:hidden; text-overflow: ellipsis; transition: all 0.5s linear;}
.hdyg_nav ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}
.hdyg_nav ul li span{ display:block; color:#999999; padding-left:24px; margin-top:15px; font-size:14px;}
.hdyg_nav ul li .rw{ background:url(../images/rw_03.jpg) 0 5px no-repeat; margin-top:20px;}
.hdyg_nav ul li .sj{ background:url(../images/dd_08.jpg) 0 5px no-repeat;}
.hdyg_nav ul li .dd{ background:url(../images/sj_06.jpg) 0 5px no-repeat;}
.hdyg_flash_nav {overflow: hidden;position: relative; text-align:center; padding-top:10px;}
.hdyg_flash_nav ul li { display:inline-block; width: 18px; height: 18px; background:url(../images/mm_03.png) no-repeat; margin:0 7px; border-radius:50%; cursor: pointer; font-size:0;}
.hdyg_flash_nav ul li.slick-active{background:url(../images/yy_03.png) no-repeat;}


.header_jcsj{ width:100%; background:url(../images/ntn_02.jpg) #f0f5fa top center no-repeat; overflow:hidden; padding-top:60px; padding-bottom:75px;}
.jcsj_top{ width:100%; overflow:hidden;}
.jcsj_top span{ float:left; background:url(../images/jc_03.png) left no-repeat; padding-left:40px; font-size:24px; color:#FFF;}
.jcsj_top .more{ float:right; background:url(../images/mm_06.png) right no-repeat; padding-right:40px; font-size:16px; line-height:32px; color:#fff;}
.jcsj_nav{ width:100%; overflow:hidden; margin-top:35px; position:relative;}
.jcsj_nav ul li{ border-radius:10px;}
.jcsj_nav ul li:first-child{ width:320px; height:150px; overflow:hidden;}
.jcsj_nav ul li:first-child+li{ width:320px; height:150px; overflow:hidden; margin-top:10px;}
.jcsj_nav ul li:first-child+li+li{ width:500px; height:310px; overflow:hidden; position:absolute; left:330px; top:0;}
.jcsj_nav ul li:first-child+li+li+li{ width:200px; height:200px; overflow:hidden; margin-top:10px;}
.jcsj_nav ul li:first-child+li+li+li+li{ width:200px; height:200px; overflow:hidden; position:absolute; left:210px; bottom:0;}
.jcsj_nav ul li:first-child+li+li+li+li+li{ width:200px; height:200px; overflow:hidden; position:absolute; left:420px; bottom:0;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li{ width:200px; height:200px; overflow:hidden; position:absolute; left:630px; bottom:0;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li{ width:430px; height:520px; overflow:hidden; position:absolute; left:840px; top:0;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li{ width:200px; height:310px; overflow:hidden; position:absolute; right:0; top:0;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li+li{ width:200px; height:200px; overflow:hidden; position:absolute; right:0; bottom:0;}
.jcsj_nav ul li img{ width:100%; height:100%; transition: all 1s ease-out; display:block;}
.jcsj_nav ul li img:hover{ transform: scale(1.2);}

.link{ width:100%; padding-top:40px; overflow:hidden;}
.link ul{ margin:0 -2% 0 0; zoom:1;}
.link ul li{ width:23%; float:left; margin-right:2%; overflow:hidden; position:relative;}
.link ul li img{ width:100%; height:100%; transition: all 1s ease-out; display:block;}
.link ul li img:hover{ transform: scale(1.2);}
.link .slick-prev{ background:url(../images/per_03.png) no-repeat; width:30px; height:30px; position:absolute; bottom:45%; z-index:2; border:none; font-size:0; left:10px; outline:none;}
.link .slick-next{ background:url(../images/net_05.png) no-repeat; width:30px; height:30px; position:absolute; bottom:45%; z-index:2; border:none; font-size:0; right:10px; outline:none;}


.foter{ width:100%; height:512px; background:url(../images/foter_02.jpg) top center no-repeat; padding-top:30px; background-size:cover;}
.foter_logo{ width:100%; height:56px; overflow:hidden; text-align:center;}
.foter_wx{ width:100%; position: relative; margin-top:-15px;}
.foter_wx ul li{ width:70px; height:70px; float:left; position: relative;}
.foter_wx ul li img{ width:100%;}
.foter_wx ul li:first-child+li{ margin-top:35px; margin-left:30px;}
.foter_wx ul li:first-child+li+li{ margin-left:30px;}
.foter_wx ul li:first-child+li+li+li{ margin-top:35px; margin-left:30px;}
.foter_wx ul li:first-child+li+li+li+li{ margin-left:30px;}
.foter_wx ul li:first-child+li+li+li+li+li{ float:right;}
.foter_wx ul li:first-child+li+li+li+li+li+li{ float:right; margin-right:30px; margin-top:35px;}
.foter_wx ul li:first-child+li+li+li+li+li+li+li{ float:right; margin-right:30px;}
.foter_wx ul li:first-child+li+li+li+li+li+li+li+li{ float:right; margin-right:30px; margin-top:35px;}
.foter_wx ul li:first-child+li+li+li+li+li+li+li+li+li{ float:right; margin-right:30px;}
.foter_wx ul li .codeBox{position: absolute; top:-194px; left:-30px; width: 120px; height: 120px; background-color: #808080; padding: 10px; transition: all .3s linear; opacity: 0;}
.foter_wx ul li:hover .codeBox{opacity: 1;top:-137px;}
.foter_wx ul li .codeBox img{width: 100%;height: 100%;}

.foter_logn{ overflow:hidden; text-align:center; margin-top:70px;}
.foter_nav{ width:100%; overflow:hidden; padding-top:110px;}
.lxfs{ width:22%; 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);}
.wxgz{ width:145px; float:right; overflow:hidden; text-align: center;}
.wxgz span{ display:block; text-align:center; font-size:16px; color:#FFF; padding-top:10px;}
.bottom{ width:100%; color:#FFF; font-size:16px; text-align:center; padding-top:10px;}
.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%;}

@media screen and (max-width: 1640px) {
.block{ width:1400px; margin:0 auto;}
.section-inner{ width:1400px; margin:0 auto;}
}

@media screen and (max-width: 1440px) {
.block{ width:1200px; margin:0 auto;}
.section-inner{ width:1200px; margin:0 auto;}
.jcsj_nav ul li:first-child{ width:260px; height:122px;}
.jcsj_nav ul li:first-child+li{ width:260px; height:122px;}
.jcsj_nav ul li:first-child+li+li{ width:400px; left:270px; height:248px;}
.jcsj_nav ul li:first-child+li+li+li{ width:160px; height:160px;}
.jcsj_nav ul li:first-child+li+li+li+li{ width:160px; height:160px; left:170px;}
.jcsj_nav ul li:first-child+li+li+li+li+li{ width:160px; height:160px; left:340px;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li{ width:160px; height:160px; left:510px;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li{ width:350px; height:425px; left:680px;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li{ width:160px; height:248px;}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li+li{ width:160px; height:160px;}
.foter_wx ul li{ width:50px; height:50px;}
.xyyw_one{ height:160px;}
}