@charset "utf-8";
/* CSS Document */
.layout{ width: 1400px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header_one{ width:100%; overflow:hidden; height:30px; background:#09477a;}
.one_left{ float:left; line-height:30px; color:#a1c6db;}
.header{ /*background:url(../image/top_02.jpg) top center no-repeat; */background-color: #fff;height:126px; background-position:center center; background-size:cover;}
.header_top{ width:100%; overflow:hidden;}
.logo{ float:left; padding-top:23px;}
.logo img{ display:block;}
.top_right{ float:right; overflow:hidden; padding-top:45px;}
.top_eve{ color:#a1c6db; font-size:14px; text-align:right;}
.top_eve a{ color:#a1c6db; line-height:30px; padding:0 10px;}
.sou{ width:280px; float:right; position:relative;}
.inputBox_02{ width:234px; height:40px; float:left; background:#fff; border:none;color:#999999;font-size:100%; text-indent:15px; line-height:40px;}
.searchBox_01{ background:url(../image/sou_03.jpg) no-repeat; width:46px; height:40px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


/*=================导航=================*/
.nav{ width:100%; height:50px; background:#0067ac;}
.nav_item{ float:left; width:10% !important; text-align:center; height:50px; position: relative; z-index: 100;}
.nav_item a{ width:100%; color:#fff; font-size:16px; display:block; line-height:50px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:100%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#fbb123; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #fbb123; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #fbb123; color:#FFF; opacity:0.6;}


.banner{position:relative;height:500px;overflow:hidden;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}
.banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#72080A;z-index: 999;}
.banner .child:before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.banner .banner_nav {overflow: hidden;height: 50px;position: relative;top: -40px; text-align:center;}
.banner .banner_nav ul{ overflow:hidden; zoom:1; }
.banner .banner_nav ul li {margin:0px 6px;  width:19px; height:20px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; background:url(../image/b_05.png) no-repeat;}
.banner .banner_nav ul li:hover {background:url(../image/b_h_03.png) no-repeat;}
.banner .banner_nav ul li.slick-active{background:url(../image/b_h_03.png) no-repeat;}
.orbit-wrapper{margin:auto !important}

.header_blong{ width:100%; overflow:hidden; padding-top:40px; padding-bottom:45px;}
.news_top{ width:100%; overflow:hidden;}
.news_top span{ float:left; color:#ec464c; font-size:26px; font-weight:bold;}
.news_top .more{ float:right; font-size:14px; padding-top:5px;}
.news_nav{ width:100%; overflow:hidden;}

.news_left{ width:65%; float:left; overflow:hidden; padding-top:30px;}
.news_left ul{ margin:0 -30px 0 0; zoom:1;}
.news_left ul li{ float:left; width:390px; overflow:hidden; margin-right:52px;}
.news_left ul li .news_img{ width:100%; height:220px; overflow:hidden;}
.news_left ul li .news_img img{width:100%;height:100%;transition: all 1s ease-out;}
.news_left ul li .news_img img:hover{transform: scale(1.2);}
.news_left ul li span{ display:block; font-size:16px; color:#333333; padding-top:15px;}

.news_right{ width:35%; float:right; overflow:hidden; padding-top:15px;}
.news_right ul li{ width:100%; height:47px; line-height:47px;}
.news_right ul li span{ float:left; background:url(../image/eve_05.jpg) 0px 20px no-repeat; font-size:16px; color:#f35c3b; padding-left:26px;}
.news_right ul li a{ display:block; font-size:16px; color:#333333; float:left; padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:80%; transition: all 0.5s linear;}
.news_right ul li a:hover{ color:#EC464C; transform: translate(10px, 0px);}


.ksdh{ width:100%; height:80px; overflow:hidden; background:url(../image/ksdh_03.jpg) 1400px; margin-top:45px;}
.ksdh ul{ width:100%; overflow:hidden; padding-top:17px;}
.ksdh ul li{ float:left; width:16.66%; overflow:hidden;}
.ksdh ul li img{ float:left; margin-right:15px; padding-left:39px;}
.ksdh ul li a{ font-size:16px; color:#666666; padding-top:12px; display:block; transition: all 0.5s linear;}
.ksdh ul li a:hover{ color:#EC464C; transform: translate(10px, 0px);}


.header_vel{ width:100%; overflow:hidden; padding-top:33px; background:#e8fdff; height:520px;}
.tzgg{ width:60%; float:left; overflow:hidden;}
.tzgg_top{ width:100%; overflow:hidden;}
.tzgg_top span{ float:left; color:#25a1c3; font-size:26px; font-weight:bold;}
.tzgg_top .more{ float:right; font-size:14px; padding-top:5px;}
.tzgg_nav{ width:100%; overflow:hidden;}
.tzgg_left{ width:390px; height:370px; float:left; overflow:hidden; position:relative; margin-top:30px;}
.tzgg_left img{width: 400px;}
.tzgg_left a{ position:absolute; bottom:24px; right:13px; font-size:14px; color:#ffffff;}


.tzgg_right{ width:390px; float:right; overflow:hidden; padding-top:17px;}
.tzgg_right ul li{ height:51px; width:100%; margin-top:13px;}
.tzgg_right ul li .date{ width:56px; height:51px; float:left; margin-right:20px; background:url(../image/date_03.jpg) no-repeat;}
.tzgg_right ul li .date h4{ text-align:center; color:#fff; padding-top:5px; font-size:13px; font-weight:bold; display:block;}
.tzgg_right ul li .date h6{ text-align:center; color:#fff; font-size:14px; font-weight:bold; padding-top:6px; display:block;}
.tzgg_right ul li a{ font-size:16px; color:#333333; display:block; transition: all 0.5s linear; padding-top:6px;}
.tzgg_right ul li a:hover{ color:#EC464C; transform: translate(10px, 0px);}


.zdwj{ width:35%; float:right; overflow:hidden;}
.zdwj_cen ul{ padding-top:17px; overflow:hidden;}
.zdwj_cen ul li{    width: 100%;margin-top: 13px;overflow: hidden;}
.zdwj_cen ul li .xw_img{width: 150px;height: 83px;  float:left; margin-right:15px; overflow:hidden;}
.zdwj_cen ul li .xw_img img{width: 150px;height: 83px;}
.xwdt_nav ul li .xw_img img{width:150px; height:83px;transition: all 1s ease-out;}
/*.zdwj_cen ul li .xw_img img:hover{transform: scale(1.2);}*/
.zdwj_cen ul li a{ display:block; color:#333333; font-size:16px; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;transition: all 0.5s linear;}
.zdwj_cen ul li a:hover{ color:#ff9900;}
.zdwj_cen ul li p{ display:block; color:#333333; line-height:22px; padding-top:10px;font-size: 14px;transition: all 0.5s linear;}
.zdwj_cen ul li p:hover{ color:#f9ae31; transform: translate(10px, 0px);}
.zdwj_cen ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}
/*
.zdwj_cen ul li .date{ width:56px; height:51px; float:left; margin-right:20px; background:url(../image/zdwj_03.jpg) no-repeat;}
.zdwj_cen ul li .date h4{ text-align:center; color:#fff; padding-top:2px; font-size:16px; font-weight:bold; display:block;}
.zdwj_cen ul li .date h6{ text-align:center; color:#0067aa; font-size:12px; font-weight:bold; padding-top:6px; display:block;}
.zdwj_cen ul li a{ font-size:16px; color:#333333; display:block; transition: all 0.5s linear; padding-top:6px;}
.zdwj_cen ul li a:hover{ color:#EC464C; transform: translate(10px, 0px);}*/


.header_product{ width:100%; height:590px; background:#cee7f4;}
.tycg_nav{ width:100%; overflow:hidden;}
.tycg_left{ width:820px; height:496px; float:left; overflow:hidden; position:relative; margin-top:47px;}
.tycg_left .tyimg img{ width:100%; height:100%; transition: all 1s ease-out;}
.tycg_left .tyimg img:hover{ transform: scale(1.3);}
.tycg_left .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:60px; height:60px; background:#10568a;}
.tycg_left .mask h5{ width:100%; font-size:20px; color:#fff; padding-left:20px; text-align:left; display:block;}

.tycg_right{ width:480px; float:right; overflow:hidden; margin-top:27px;}
.tycg_right ul li{ width:100%; height:238px; overflow:hidden; position:relative; float:left; margin-top:20px;}
.tycg_right ul li .tyimg img{ width:100%; height:100%; transition: all 1s ease-out;}
.tycg_right ul li .tyimg img:hover{ transform: scale(1.3);}
.tycg_right ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:50px; height:50px; background:#10568a;}
.tycg_right ul li .mask h5{ width:100%; font-size:20px; color:#fff; text-align:center; display:block;}
.tycg_right ul li .mast{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:50px; height:50px; background:#01803b;}
.tycg_right ul li .mast h5{ width:100%; font-size:20px; color:#fff; text-align:center; display:block;}


/*================= 底部信息===================*/
.foter{ width:100%; background:#074376; height:200px;}
.header_link{ width:100%; overflow:hidden; padding-top:24px; border-bottom:1px #74acd6 dashed; padding-bottom:20px;}
.header_link span{ float:left; font-size:22px; color:#74aad1; margin-right:38px;}
.header_link ul{ float:left; overflow:hidden; padding-top:5px;}
.header_link ul li{ float:left;}
.header_link ul li em{ font-size:14px; color:#74aad1; padding:0 10px;}
.header_link ul li a{ font-size:14px; color:#74aad1; transition: all 0.5s linear;}
.header_link ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}

.foter_nav{ width:100%; overflow:hidden; padding-top:19px;}
.foter_left{ float:left; width:50%; font-size:14px; color:#FFF; line-height:30px; padding-top:21px;}
.foter_right{ width:14%; float:right;}
.foter_right p{ float:left; font-size:14px; color:#74aad1; padding-top:27px;}
.foter_right img{ float:right; width:90px; height:90px;}
.mask a{color:#fff}
.more-link .moretext{display:none !important}
.news_left a{    font-size: 16px;color: #333333;}
.header .header_top img {
    width: 800px;
}