@charset "utf-8";

/*公共样式*/

*{margin: 0; padding: 0;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

/* a:hover{color: #e68d37!important;} */

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: calc(100% - 111px); overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*字体*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*加载特效*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/

.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}

.logo{float: left; height: 45px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}

.sp_nav i{display: block; background: #1C4D96; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 10px;}

.sp_nav i:nth-of-type(3){top: 20px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 50px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}

.nav ul li ul{display: none;}

.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{color: #1C4D96; transform: rotate(90deg);}

/*内页菜单*/

.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*公共样式*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #223adf;}

.home_title em{color: #ff7600;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*底部*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

.footer li i{display: block; width: 100%; height: 30px; line-height: 30px; padding-top: 6px; font-size: 22px;}

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}



/*新闻---列表式*/

.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden;}

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}



/*产品列表*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}








@font-face {
	font-family: din;
	src: url(../fonts/DIN-BOLD.OTF);
} 
@font-face {
	font-family: impact;
	src: url(../fonts/impact.ttf);
} 

.container{padding: 0 10px;}
*{box-sizing: border-box;}

/*********************** banner start *********************/
.banner{position: relative;}
.banner .container{position: absolute;top: 0;height: 100%;left: 50%;transform: translateX(-50%);z-index: 999;}
.banner .swiper {width: 100%;height: 100%;overflow: hidden;position: relative;}
.banner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 40px;height: 40px;top: 50%;margin-top: -20px;transition: .3s;background-color: rgba(0,0,0,.1);background-repeat: no-repeat!important;background-position: center !important;border: 1px solid rgba(255,255,255,.25);transition: .3s;}
.banner .swiper-button-prev{background-image: url(../images/left1.png);left: 10px;}
.banner .swiper-button-next{background-image: url(../images/right1.png);right: 10px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color: rgba(0,0,0,.3);border-color: rgba(255,255,255,.5);}
.banner .swiper-pagination{bottom: 0px;width: 100%;z-index: 999;zoom: .8;}
.banner .swiper-pagination-bullet{background: url(../images/dian1.png);display: inline-block;height: 25px;width: 25px;transition: .3s;margin: 0 5px;}
.banner .swiper-pagination-bullet-active{background: url(../images/dian2.png);}


/*********************** banner end *********************/



.ind_tit{text-align: center;padding: 50px 0 10px;}
.ind_tit p{font-size: 24px;color: #000000;line-height: 32px;}
.ind_tit p b{color: #1C4D96;font-weight: bold;margin-left: 5px;}
.ind_tit span{font-size: 14px;color: #666666;line-height: 32px;}
.ind_tit.white p{color: #fff;}
.ind_tit.white p b{color: #fff;}
.ind_tit.white span{color: #fff;}

/*********************** sec1 start *********************/
.sec1{padding-bottom: 50px;}
.fwxm_sel_list{display: flex;justify-content: center;flex-wrap: wrap;}
.fwxm_sel{display: block;padding: 0 15px;font-size: 14px;color: #333333;height: 45px;line-height: 45px;background: #F5F5F5;border-radius: 10px;margin: 0 2.5px 5px;transition: .3s;}
.fwxm_sel.active{background: linear-gradient(90deg, #1C4D96, #2466CA);color: #fff;}


.fwxm_item_list{position: relative;margin-top: 40px;display: none;}
.fwxm_item_list.active{display: block;}
.fw_box{width: 100%;height: 100%;margin-bottom: 10px;}
.xm_box{width: 100%;}
.fw_box .fwxm_item{height: 100%;}
.fw_box .fwxm_item .img{height: 100%;}
.xm_box .fwxm_item{width: calc(50% - 5px);margin-right: 10px;float: left;}
.xm_box .fwxm_item:nth-of-type(1),.xm_box .fwxm_item:nth-of-type(2){margin-bottom: 10px;}
.xm_box .fwxm_item:nth-of-type(2n){margin-right: 0;}


.pro_style{position: relative;overflow: hidden;}
.pro_style a{display: block;height: 100%;}
.pro_style .img{height: 100%;}
.pro_style .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.pro_style p{display: block;height: 45px;line-height: 45px;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));position: absolute;bottom: 0;left: 0;width: 100%;transition: .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;font-size: 15px;color: #FFFFFF;}
.pro_style .desc{position: absolute;width: 100%;height: 100%;background: rgba(28, 77, 150, .7);top: 0;left: 0;padding: 20px;opacity: 0;visibility: hidden;transition: .3s;}
.pro_style .desc .info{height: 100%;width: 100%;border: 1px solid rgba(255,255,255,.5);display: flex;align-items: center;justify-content: center;}
.pro_style .desc .info span{display: block;font-size: 18px;color: #FFFFFF;line-height: 28px;height: 28px;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_style .desc .fdj{width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.5);border-bottom: none;display: block;position: absolute;bottom: 20px;left: 50%;margin-left: -25px;background: url(../images/search.png) no-repeat center;}
/* .pro_style:hover p{opacity: 0;} */
.pro_style:hover .desc{opacity: 1;visibility: visible;}

.pro_style .desc{display: none;}
/*********************** sec1 end *********************/




/*********************** sec2 start *********************/
.sec2{background: url(../images/sec2_bg.jpg) no-repeat;background-size: auto 500px;}
.about_box{background: #F5F5F5;}
.about_box .ab_box{width: 100%;padding: 50px 15px 30px;}
.about_box .ab_box .atit{font-size: 22px;font-weight: bold;color: #1C4D96;line-height: 30px;}
.about_box .ab_box .btit{display: block;width: 95px;height: 2px;background: #EF0000;margin: 18px 0 15px;}
.about_box .ab_box .ctit{font-size: 14px;color: #333333;line-height: 22px;}
.about_box .ab_box .dtit{margin-top: 25px;display: flex;}
.about_box .ab_box .dtit a{display: block;width: 120px;height: 45px;background: #FFFFFF;font-size: 14px;color: #1C4D96;line-height: 45px;text-align: center;margin-right: 10px;}
.about_box .ab_box .dtit a:hover{background: linear-gradient(90deg, #1C4D96, #2466CA);color: #fff;}
.about_box .ab_box .dtit .ab_phone{display: block;min-width: 250px;height: 45px;line-height: 45px;background: linear-gradient(90deg, #1C4D96, #2466CA);text-align: center;font-size: 12px;color: #fff;}
.about_box .ab_box .dtit .ab_phone span{font-size: 16px;color: #fff;font-family: "din";}
.about_box .out_box{width: 100%;}
.about_box .out_box .img{position: relative;height: 100%;}
.about_box .out_box .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.video_open{width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;cursor: pointer;}
.video_open .icon{position: relative;}
.video_open .icon img{width: 100%;z-index: 9999;position: relative;}
.video_open .icon .i{display: block;border-radius: 100%;position: absolute;top: 50%;left: 50%;}
.video_open .icon .i1{background: rgba(28, 77, 150, .4);width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;animation: biger1 1.5s linear infinite;}
.video_open .icon .i2{background: rgba(28, 77, 150, .4);width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;animation: biger2 1.5s linear infinite;}

.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}

@keyframes biger1{
	0%{transform: scale(1);opacity: 1;}
	100%{transform: scale(1.5);opacity: 0;}
}
@keyframes biger2{
	0%{transform: scale(1);opacity: 1;}
	100%{transform: scale(2);opacity: 0;}
}


.honor_box{position: relative;padding: 40px 0 0;}
.mySwiper_honor {width: 100%;height: 100%;overflow: hidden;position: relative;}
.honor_box .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.honor_item{overflow: hidden;position: relative;}
.honor_item img{width: 100%;}
.honor_item::after{content: "";display: block;height: 60px;width: 100%;background: url(../images/honor_bg.png);background-size: 100% 100%;}
.honor_box .swiper-button-next:after,.honor_box .swiper-button-prev:after{display: none;}
.honor_box .swiper-button-next,.honor_box .swiper-button-prev{width: 40px;height: 40px;background: #F5F5F5;background-position: center !important;background-repeat: no-repeat !important;margin-top: -30px;}
.honor_box .swiper-button-prev{background-image: url(../images/left2.png);left: 0;}
.honor_box .swiper-button-next{background-image: url(../images/right2.png);right: 0;}


/*********************** sec2 end *********************/




/*********************** sec3 start *********************/
.sec3{padding-bottom: 50px;background: #F5F5F5;}

.ys_sel_list{display: flex;margin-bottom: 20px;flex-wrap: wrap;}
.ys_sel{width: 50%;text-align: center;background: #FFFFFF;height: 50px;line-height: 50px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);transition: .3s;font-size: 15px;color: #333333;}
.ys_sel .icon{display: inline-block;width: 33px;height: 30px;background: url(../images/ys_icon1.png) no-repeat;position: relative;top: 8px;transition: .3s;zoom: .8;}
.ys_sel .icon1{background-position: 0px 0px!important;}
.ys_sel .icon2{background-position: -100px 0px!important;}
.ys_sel .icon3{background-position: -205px 0px!important;}
.ys_sel .icon4{background-position: -308px 0px!important;}
.ys_sel .icon5{background-position: -412px 0px!important;}
.ys_sel .icon6{background-position: -516px 0px!important;}
.ys_sel.active{background: linear-gradient(90deg, #1C4D96, #2466CA);color: #FFFFFF;}
.ys_sel.active .icon{background: url(../images/ys_icon2.png) no-repeat;}

.ys_item_list{position: relative;z-index: 999;display: none;}
.ys_item_list.active{display: block;}
.ys_item_list .img{width: 100%;height: 100%;}
.ys_item_list .img img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
.ys_item_list .img .rela{position: relative;height: 100%;}
.ys_item_list .img .num{width: 80px;height: 100px;display: flex;position: absolute;top: 15px;left: 15px;align-items: center;justify-content: center;background: url(../images/num_bg.png);font-family: impact;font-size: 60px;color: #FFFFFF;zoom: .7;}
.ys_item_list .desc{width: 100%;padding: 50px 15px 50px 15px;}
.ys_item_list .desc .atit{font-size: 24px;font-weight: bold;color: #000000;line-height: 48px;}
.ys_item_list .desc .btit{display: block;width: 95px;height: 2px;background: #EF0000;margin: 10px 0 15px;}
.ys_item_list .desc .ctit{font-size: 14px;color: #333333;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-bottom: 30px;}
.ys_item_list .desc .dtit{display: block;width: 250px;height: 45px;line-height: 45px;background: linear-gradient(90deg, #1C4D96, #2466CA);font-size: 14px;color: #fff;text-align: center;}
.ys_item_list .desc .dtit b{font-size: 16px;color: #fff;font-family: din;}
.ys_item_list_box{position: relative;overflow: hidden;background: #fff;}
.ys_item_list_box>div:last-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .2;}


/*********************** sec3 end *********************/




/*********************** sec4 start *********************/
.al_box{width: calc(33.333% - 4px);float: left;}
.al_box+.al_box{margin-left: 5px;}
.al_item+.al_item{margin-top: 5px;}
.al_box:nth-of-type(even) .al_item:first-child{height: 200px;}
.al_box:nth-of-type(even) .al_item:last-child{height: 150px;}
.al_box:nth-of-type(odd) .al_item:first-child{height: 150px;}
.al_box:nth-of-type(odd) .al_item:last-child{height: 200px;}


/*********************** sec4 end *********************/





/*********************** sec5 start *********************/
.sec5{padding-bottom: 20px;}
.xw_box{background: #F5F5F5;}
.xw_box .x_box{width: 100%;}
.xw_box .w_box{width: 100%;}
.xw_item{box-sizing: border-box;padding: 25px 15px;transition: .3s;}
.xw_item{border-top: 1px solid #fff;}
.xw_item p{display: block;font-size: 18px;font-weight: 400;color: #222222;line-height: 32px;height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item span{display: block;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;margin-bottom: 5px;}
.xw_item b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: linear-gradient(90deg, #1C4D96, #2466CA);border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;transition: .3s;}
.xw_item i{display:inline-block;padding-left: 30px;background: url(../images/time1.png) no-repeat;background-position: left center!important;font-size: 16px;color: #CCCCCC;line-height: 30px;margin-left: 15px;transition: .3s;}
.xw_item:nth-of-type(3){display: none;}
.xw_item:nth-of-type(4){display: none;}

.xw_item2{position: relative;}
.xw_item2 .img{height: 300px;width: 100%;overflow: hidden;}
.xw_item2 .img .bg{display: block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;transition: .6s;}
.xw_item2 .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);box-sizing: border-box;padding: 25px 15px;}
.xw_item2 p{display: block;font-size: 18px;font-weight: 400;color: #fff;line-height: 32px;height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xw_item2 span{display: block;font-size: 14px;font-weight: 400;color: #fff;opacity:0.5;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}
.xw_item2 b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: linear-gradient(90deg, #1C4D96, #2466CA);border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;}
.xw_item2 i{display:inline-block;padding-left: 30px;background: url(../images/time2.png) no-repeat;background-position: left center!important;font-size: 14px;color: #CCCCCC;line-height: 30px;margin-left: 15px;}

.xw_item:hover{background: linear-gradient(90deg, #1C4D96, #2466CA);}
.xw_item:hover p,.xw_item:hover span{color: #fff;}
.xw_item:hover b{background: #fff;color: #1C4D96;}
.xw_item:hover i{background: url(../images/time2.png) no-repeat;color: #fff;}
.xw_item2:hover .bg{transform: scale(1.1);}

/*********************** sec5 end *********************/