@charset "utf-8";
/* CSS Document */
body{ /*background-color:#f8f8f8;*/ }

/**/
/*.online{ width:66px; height: auto; position: fixed; right:0; top:50%; margin-top: -110px;  z-index: 1000; }
.online > h3{ width: 66px; height: 66px; box-sizing: border-box; border:1px solid #ff5353; background-image: url(../images/emp-41.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;  z-index: 1200; }
.online > .onlineList{ width: 100%; box-sizing: border-box; border:1px solid #ebebeb; }
.online > .onlineList > ul > li{ width: 100%; position: relative;}
.online > .onlineList > ul > li + li{ border-top: 1px solid #ebebeb; }
.online > .onlineList > ul > li > a{ display: block; width: 100%; position: relative; z-index: 1220; padding-bottom: 12px;  linear; background-color: rgba(245,245,245,1);}
.online > .onlineList > ul > li > a > p{ width: 100%; height: 0; padding-top: 100%; position: relative; }
.online > .onlineList > ul > li > a > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.online > .onlineList > ul > li > a > h3{ width: 100%; height: 20px; line-height: 20px; font-weight: normal; font-size: 12px; text-align: center; color: #666; position: absolute; left:0; bottom:8px; }
.online > .onlineList > ul > li > a:hover{ background-color: rgba(235,235,235,1); }*/


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,0.9); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto; }
/*底部*/
.foot-blank{ height:auto; width:100%; }

.links{ width: 100%; min-width: 1200px; box-sizing:border-box; background-color:#1f1f1f; height: auto; border-bottom: 1px solid rgba(255,255,255,0.2);}
.links > .c-con{ box-sizing: border-box; padding-top: 2.5%; padding-bottom: 2%; display: block;}
.links > .c-con > .linkPhone{width: 284px; height: auto; float: left; height: 92px; background-image: url(../images/emp-45.png); background-repeat: no-repeat; background-position: left top;}
.links > .c-con > .linkNav{ width:656px; height: auto; box-sizing: border-box; padding-left:84px; float: left; }
.links > .c-con > .linkNav > ul > li{ width: 25%; float: left; height: 36px; line-height: 36px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px;}
.links > .c-con > .linkNav > ul > li a{ color: rgba(255,255,255,0.5); }
.links > .c-con > .QTcode{ width: 240px; height: auto; float: right; }
.links > .c-con > .QTcode > p{ width: 110px; height: 110px; margin:0 auto; overflow: hidden; }
.links > .c-con > .QTcode > p > img{ width: 110px; height: 110px; }
.links > .c-con > .QTcode > h3{ width: 100%; height: 32px; line-height: 32px; font-weight: normal; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; }
.footer{ width: 100%; min-width: 1200px; box-sizing:border-box; background-color:#1f1f1f; height: auto;}
.footer > .c-con{ display: block; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}
.footerNav,.copyright{ width: 100%; height: auto; line-height: 30px; text-align: center; color: rgba(255,255,255,0.8); font-size: 14px; }
.copyright{ color: rgba(255,255,255,0.5); }
.footerNav > a{color: rgba(255,255,255,0.8);}
.copyright > a{color: rgba(255,255,255,0.5); }
.links > .c-con > .linkNav > ul > li a:hover,.footerNav > a:hover,.copyright > a:hover{color: rgba(255,255,255,1) !important;}
/*首页*/
/*焦点图*/


.flash{ width:100%; position: relative;  linear; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:60px; height:6px; border-radius:0; box-sizing:border-box; background-color: rgba(255,255,255,1); }
.swiper1 .swiper-pagination-bullet-active{background-color:rgba(217,72,77,1);}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%;}
.swiper1 .swiper-slide > a > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display: none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }
.swiper1 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper1 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}

.siteHeader{width: 100%;box-sizing: border-box;padding:6px 3.125%;position: absolute;left:0;top: 2%;z-index: 900;background-color: transparent;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;height: 84px;}
.siteHeader > .siteHd-main > .logo{display: block;width: 230px;height: 57px;flex-shrink: 0;align-self: center;overflow: hidden;}
.siteHeader > .siteHd-main > .logo > img{width: 230px;}
.siteHeader > .siteHd-main > .logo > img:nth-of-type(1){display: block;}
.siteHeader > .siteHd-main > .logo > img:nth-of-type(2){display: none;}
.siteHeader > .siteHd-main{width: 100%;box-sizing: border-box;padding: 0px 10%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.siteHeader > .siteHd-main > .nav{width: 100%;height: 100%;display: block;box-sizing: border-box;padding-left: 5%;}
.siteHeader > .siteHd-main > .nav > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; box-sizing: border-box;padding-top: 10px; padding-bottom: 10px;}
.siteHeader > .siteHd-main > .nav > ul > li{height: 52px;/*flex: 1;*/display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;margin-left: 4%;}
.siteHeader > .siteHd-main > .nav > ul > li:nth-last-of-type(1){ margin-right: 0; }
.siteHeader > .siteHd-main > .nav > ul > li > a{ font-size: 16px; color: #FFF !important; }
.siteHeader > .siteHd-main > .nav > ul > li.active::after,.siteHeader > .siteHd-main > .nav > ul > li:hover::after{ background-color: #d9484d; }
.siteHeader > .siteHd-main > .nav > ul > li::after{ content: ' '; width: 100%; height: 3px; background-color: transparent; position: absolute; left:0; bottom:0; }
.siteHeader > .siteHd-main > .nav > ul > li.active > a,.siteHeader > .siteHd-main > .nav > ul > li:hover > a{ color: #d9484d; }

.sechHeader,.fixedHeader{ background-color: #FFF; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.sechHeader > .siteHd-main{  padding-right: 114px; justify-content: center; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out; }
.sechHeader > .siteHd-main > .nav,.sechHeader > .siteHd-main > .searchIcon{ display: none; }
.sechHeader > .siteHd-main > .nav > ul > li > a,.fixedHeader > .siteHd-main > .nav > ul > li > a{ color: #333 !important; }
.sechHeader > .siteHd-main > .logo > img:nth-of-type(2),.fixedHeader > .logo > img:nth-of-type(2){display: block;}
.sechHeader > .siteHd-main > .logo > img:nth-of-type(1),.fixedHeader > .logo > img:nth-of-type(1){display: none;}



.sechSelect{ width: 80px; height: 30px; flex-shrink: 0; position: relative; }
.sechSelect > h3{ width: 100%; height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; text-align: center; position: relative; padding-right:20px; box-sizing: border-box; }
.sechSelect > h3::after{ content: '\e621';width: 20px; height: 20px; line-height: 20px; position: absolute; right:0; top:50%; margin-top: -10px; font-family:"iconfont" !important;  font-size:13px;}
.sechSelect > .sechSelectList{ display: block; width: 100%; height: auto;background-color: #FFF; position: absolute; left:0; top:30px; border-radius: 0 0 6px 6px; display: none; }
.sechSelect > .sechSelectList > ul > li{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px; box-sizing: border-box; cursor: pointer;}
.sechSelect:hover > .sechSelectList{ display: block; }
.sechSelect > .sechSelectList > ul > li:hover{ background-color: rgba(250,250,250,1); }
.sechSelect > h3 > span,.sechSelect > .sechSelectList > ul > li span{ display: none; }
.sechInput{ width: 100%; height: 30px; box-sizing: border-box; padding:0 20px; }
.sechInput > input{ width: 100%; height: 30px; line-height: 30px; text-align: left; font-size: 14px; border:0; background-color: #FFF; }
.sechSubmit,.sechClose{ width: 30px; height: 30px; background-color: #FFF; align-self: center; margin-left:20px; line-height: 30px; text-align: center; flex-shrink: 0; cursor: pointer; }
.sechSubmit{ margin-left:0; }
.sechSubmit > input{ width: 30px; height: 30px; padding:0; background-color: #FFF; font-size: 20px; border:0;font-family:"iconfont" !important;  font-size:24px; }
.siteHeader  > .fixedSearchForm{ display: none; }
.fixedHeader{ position: fixed;top:0; }
.fixedHeader  > .siteHd-main > .searchIcon{display: none;}
.fixedHeader > .siteHd-main > .nav{ display: block; }
.fixedHeader > .siteHd-main > .logo > img:nth-of-type(1){display: none;}
.fixedHeader > .siteHd-main > .logo > img:nth-of-type(2){display: block;}

/*****/
.col{width: 100%; height: auto; box-sizing: border-box; padding-top: 6.5%; padding-bottom: 6.5%;}
.colHeader{ width: 100%; height: auto; line-height: 60px; font-size: 36px; text-align: center; box-sizing: border-box; padding:20px 0; margin-bottom: 2.5%;}
.f1,.f2,.f3{ width: 100%; min-width: 1200px; height: auto; }
.f1{ background-image: url(../images/plan.png); background-repeat: no-repeat; background-position: center bottom; height: auto; background-color: #f0f0f0;}
.f2{ background-image: url(../images/f2.png); background-repeat: no-repeat; background-position: center center; height: 658px; }
.f2 .colHeader{ color: #FFF; }
.f2{ background-color: #081629; }
.f3{ background-color: #f8f8f8; height: auto; }
.prodList{ width: 100%; height: auto; overflow: hidden; }
.prodList > ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
.prodList > ul > li{width: 24%;height: 0;padding-top: 31%;margin: 0 1%;box-sizing: border-box;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;position: relative;background-color: #1b5887;}
.prodList > ul > li > a > .prodItem{ width: 100%; height: 100%; position: absolute;left:0; top:0; display: flex; flex-flow: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.prodList > ul > li > a > .prodItem > .prodItem-about{width: 100%;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;}
.prodList > ul > li:nth-of-type(2){ background-color: #da4b1f;}
.prodList > ul > li:nth-of-type(3){ background-color: #455684;}
.prodList > ul > li:nth-of-type(4){ background-color: #e09718;}

.prodList > ul > li > a > .prodItem > .prodItem-about > p{width: 28%;margin-bottom: 10%;overflow: hidden;animation: fadeInDown 0.5s ease-in-out;-webkit-animation: fadeInDown 0.5s ease-in-out;}
.prodList > ul > li > a > .prodItem > .prodItem-about > p > img{width: 80%;}
.prodList > ul > li > a > .prodItem > .prodItem-about > p > img:nth-of-type(1){ display: block; }
.prodList > ul > li > a > .prodItem > .prodItem-about > p > img:nth-of-type(2){ display: none; }
.prodList > ul > li > a > .prodItem > .prodItem-about > h3,.prodList > ul > li > .prodItem > .prodItem-about > h5{width:100%;height: 30px;line-height: 30px;text-align: center;box-sizing: border-box;padding:0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;min-width: 0;font-weight: normal;color: #FFF;animation: fadeInUp 0.5s ease-in-out;-webkit-animation: fadeInUp 0.5s ease-in-out;margin-top: 5%;}
.prodList > ul > li > a > .prodItem > .prodItem-about > h3{font-size: 22px;}
/*.prodList > ul > li > a > .prodItem > .prodItem-about > h3::after{content: ' '; width: 30px; height: 1px; background-color: #FFF; position: absolute; left:50%; top:50%; margin-left:-14px;}*/
.prodList > ul > li > a > .prodItem > .prodItem-about > h4{width:100%;height: 50px;position: relative;font-size:14px;font-weight: 400;margin-top: 5%;color:#fff;text-transform:uppercase;animation: fadeInUp 0.5s ease-in-out;-webkit-animation: fadeInUp 0.5s ease-in-out;}
.prodList > ul > li > a > .prodItem > .prodItem-about > h5{height: 24px;line-height: 24px;font-size: 14px;font-weight: 300;color: #fff;border: 1px solid #fff;padding: 1% 2%;border-radius: 3px;text-transform: uppercase;}
.prodList > ul > li > a > .prodItem > .prodItem-cont{ width: 50%; box-sizing: border-box; padding:7%; background-color: #c7d9ff; background-image: url(../images/prodItem.png); background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; display: none; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: #224895; position: relative;}
.prodList > ul > li > a > .prodItem > .prodItem-cont::after{ content: ' '; width: 0;height: 0;border-top: 20px solid transparent;border-left: 24px solid #3369d7; border-bottom: 20px solid transparent; position: absolute; left:0; top:50%; margin-top: -12px;}
.prodList > ul > li > a > .prodItem > .prodItem-cont > div{ width: 100%; height: 100%; font-size: 16px; line-height: 30px; text-align: left; height: 150px; }
/*.prodList > ul > li:hover > a > .prodItem > .prodItem-about{ background-color: rgba(255,255,255,1);}
.prodList > ul > li:hover > a > .prodItem > .prodItem-about > h3{color:#3369d7}
.prodList > ul > li:hover > a > .prodItem > .prodItem-about > h4::after{background-color: #3369d7;}
.prodList > ul > li:hover > a > .prodItem > .prodItem-about > p > img:nth-of-type(1){ display: none; }
.prodList > ul > li:hover > a > .prodItem > .prodItem-about > p > img:nth-of-type(2){ display: block; }
*/

.busiList,.youshiList,.serviceList{ width: 100%; height: auto; }
.busiList > ul > li{width: 18.4%;float: left;margin-right: 2%;padding-top: 5%;padding-bottom: 1%;background-color: #16417a;box-sizing: border-box;}
.busiList > ul > li > .busiItem-img{display: block;width: 120px;margin:0 auto;overflow: hidden;}
.busiList > ul > li > .busiItem-img img{ width: 100%; }
.busiList > ul > li > .busiItem-about{ width: 100%; box-sizing: border-box; padding:0px 20px 20px 20px; }
.busiList > ul > li > .busiItem-about > h3,.busiList > ul > li > .busiItem-about > p{width: 100%;height: 60px;line-height: 20px;text-align: center;color: rgba(255,255,255,0.8);font-size: 13px;font-weight: normal;overflow: hidden;}
.busiList > ul > li > .busiItem-about > h3{height: 50px;line-height: 50px;text-align: center;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;}
.busiList > ul > li > .busiItem-about > h3 > a{ color: rgba(255,255,255,0.8) !important; }
.busiList > ul > li > .busiItem-about > h3 > a:hover{ color: rgba(255,255,255,1) !important; }
.busiList > ul > li > .busiItem-about > p{ margin-top: 10px; }

.youshiList > ul > li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; background-color: #FFF; box-sizing: border-box; padding:30px; height: 152px; overflow: hidden; }
.youshiList > ul > li > .youshiItem-img{ display: block; width: 48px; height: 48px; overflow: hidden; float: left;}
.youshiList > ul > li > .youshiItem-img img{ width: 48px; overflow: hidden; }
.youshiList > ul > li > .youshiItem-about{ display: block; width: 260px; height: 92px; float: right; overflow: hidden; box-sizing: border-box; padding-left: 10px; }
.youshiList > ul > li > .youshiItem-about > h3,.youshiList > ul > li > .youshiItem-about > p{ width: 100%; height: 60px; line-height: 20px; font-size: 13px; text-align: left; overflow: hidden; color: #999; }
.youshiList > ul > li > .youshiItem-about > h3{ font-weight:normal; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; }

.youshiList2{ white-space: 100%; height: auto; }
.youshiList2 > ul > li{ width: 20%; float: left; box-sizing: border-box; padding:0 30px; overflow: hidden; }
.youshiList2 > ul > li > .youshiItem2-img{ display: block; width: 48px; height: 48px; overflow: hidden;}
.youshiList2 > ul > li > .youshiItem2-img img{ width: 48px; overflow: hidden; }
.youshiList2 > ul > li > .youshiItem2-about{ display: block; width: 100%; height: auto; float: right; overflow: hidden; box-sizing: border-box;padding-top: 24px; }
.youshiList2 > ul > li > .youshiItem2-about > h3,.youshiList2 > ul > li > .youshiItem2-about > p{ width: 100%; height: 80px; line-height: 20px; font-size: 13px; text-align: left; overflow: hidden; color: #999; }
.youshiList2 > ul > li > .youshiItem2-about > h3{ font-weight:normal; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; }
.youshiList2 > ul > li > .youshiItem2-about > p{ margin-top: 20px; }


.serviceList > ul > li{ width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; border:1px solid #e1e1e1;}
.busiList > ul > li:nth-of-type(5n),.youshiList > ul > li:nth-of-type(3n),.serviceList > ul > li:nth-of-type(4n){ margin-right: 0; }
.serviceList > ul > li > .servItem-img{ width: 100%; overflow: hidden; }
.serviceList > ul > li > .servItem-img > img{ width: 100%; }
.serviceList > ul > li > .servItem-about{ width: 100%; box-sizing: border-box; padding:16px;}
.serviceList > ul > li > .servItem-about > h3,.serviceList > ul > li > .servItem-about > p{ width: 100%; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; font-size: 20px; text-align: center;}
.serviceList > ul > li > .servItem-about > p{ height: 30px; line-height: 30px; font-size: 14px; color: #999;text-align: left; }

.header{ width: 100%; height: auto; padding-top: 2.5%; padding-bottom: 1.25%; }
.header > h3,.header p{ font-size: 36px; font-weight: normal; text-align: left; line-height: 2; }
.header > p{ font-size: 16px; color: #666; margin-bottom: 5%; position: relative;}
.header > p > a{display: inline-block; height: auto;line-height: 32px; position: absolute; right:0; top:0; linear;}
.header > p > a:hover{ color: rgba(217,72,77,1) !important; }
.fw-header > h3,.fw-header > p{color:#fff;}

.partner{ width:100%; height: auto; margin-top: 3%; margin-bottom: 3%;}
.partner > ul > li:nth-child(5n+5){margin-right: 0;}
.partner ul{display: flex;flex-wrap: wrap;}
.partner ul li{width: 229px;height: 120px;margin-right: 8px;margin-bottom: 10px;}
.partner ul li a{}
.partner ul a img{display: block;width: 100%;}
.btnF1More{display: block;width: 162px;height: 46px;line-height: 44px;border-radius: 24px;box-sizing: border-box;border:1px solid #dcdcdc;margin: 4% auto;background-color: #FFF;font-size: 16px;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.btnF1More:hover{ background-color: #d94850; border:1px solid #d94850; color: #FFF !important; }
.btnF5More{ display: block; width: 162px; height: 46px; line-height: 44px; border-radius: 24px; box-sizing: border-box; margin:0 auto; margin-top: 1%; border:1px solid #dcdcdc; background-color: #FFF; font-size: 16px; text-align: center;  linear;background-color: #d94850; border:1px solid #d94850; color: #FFF !important;}
.btnF5More:hover{ border:1px solid #dcdcdc; background-color: #FFF; color:#333 !important ; }


.about{ box-sizing: border-box; padding-top: 4%; padding-bottom:6%; background-image:url(../images/about_bg.png);background-repeat: no-repeat;background-position: left;background-color: #1b5887;}
.about > header{ margin-bottom:1%; }
.about > header > h3,.about > header > p{ width:100%; font-weight: normal; text-align: center; line-height: 2; font-size: 22px;}
.about > header > h3{font-size: 60px;line-height: 1.1;text-align: left;font-family: constantia;text-transform: uppercase;color: #2652a8;}
.aboutContent{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items:stretch; }
.ac-content{ flex: 1; box-sizing: border-box; padding-right:3%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.ac-content > h3{display: inline-block;line-height: 2;font-weight: normal;font-size: 38px;position: relative;color: #fff;}
.ac-content > h3::after{content: ' '; width: 100%; height: 2px; background-color: #dab968; position: absolute; left:0; bottom:0;}
.ac-content > div{line-height: 2;font-size: 16px;text-indent: 2em;color: #fff;}
.ac-content > a{display: block;width: 160px;height: 46px;line-height: 44px;border-radius: 5px;box-sizing: border-box;border:1px solid #dcdcdc;margin-top: 10%;background-color: #FFF;font-size: 16px;text-align: center;color:#1b5887;}
.ac-content > a img{ width: 100%; }
.ac-img{ width: 50%; overflow: hidden; }
.ac-img img{ width: 100%; }




.colMain{background-color:#f8f8f8;padding-bottom: 1%;}
.newsMain{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.newsHot{ width:41.2%; display: block; overflow: hidden; height: auto; box-sizing: border-box;  linear; box-sizing: border-box;/* padding:10px;*/ margin-top: 3%; margin-bottom: 3%;}
.newsHot:hover{/* padding:10px;*/ background-color: #224895; }
.newsHot > .newsHot-img{ width:100%; height: auto; flex-shrink: 0; }
.newsHot > .newsHot-img > p{ width:100%; height: 0; padding-top: 60%; position: relative; overflow: hidden; }
.newsHot > .newsHot-img > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;  linear;}
.newsHot:hover > .newsHot-img > p > img{ transform: scale(1.03); -webkit-transform: scale(1.03); }
.newsHot > .newsHot-about{ width: 100%; box-sizing: border-box;  linear; padding:2%; linear;}
.newsHot > .newsHot-about > h3{ width: 100%; height: 40px; line-height: 40px; font-weight: normal; font-size: 14px; color: #666 !important;  linear;}
.newsHot > .newsHot-about > p{ width: 100%; height: 60px; line-height: 30px; font-size: 18px;overflow: hidden; color: #000 !important;  linear;}
.newsHot:hover > .newsHot-about > h3{ color: rgba(255,255,255,0.8) !important;}
.newsHot:hover > .newsHot-about > p{ color: rgba(255,255,255,1) !important; }
.newsList{ width: 53%;  linear;}
.newsList > ul{ width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.newsList > ul > li{ width: 100%; height: 33.33%; box-sizing: border-box; display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; align-items: center; linear;}
.newsList > ul > li{border-bottom: 1px solid #999999;}
.newsList > ul > li > .newsItem-date{ width: 100px; height: 100px; background-color: #f2f2f2; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; flex-shrink: 0; margin-right: 4%; linear; color: #999;}
.newsList > ul > li > .newsItem-date > h3{ font-weight: 550; font-size: 30px; }
.newsList > ul > li > .newsItem-date > p{ font-size: 14px; }
.newsList > ul > li > .newsItem-right > h3{width: 75%;height: 40px;line-height: 40px;font-weight: normal;font-size: 14px;color: #666 !important;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList > ul > li > .newsItem-right > p{width: 75%;height: 60px;line-height: 30px;font-size: 18px;overflow: hidden;color: #000 !important;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;text-align: left;}
.newsList > ul > li:hover{ background-color: #f2f2f2 }
.newsList > ul > li:hover > .newsItem-date{ background-color: #224895; color: #FFF; }
.newsList > ul > li:hover > .newsItem-right > h3,.newsList > ul > li:hover > .newsItem-right > p{ color: #224895 !important; }