﻿
@charset "UTF-8";.bd_weixin_popup{-webkit-box-sizing:content-box;box-sizing:content-box}


@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,img {margin:0;padding:0;}
img {border:0}
ol,ul {list-style:none}
input{outline: none;border:none;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
html,body{min-width: 1200px;font-family: "Microsoft YaHei";_width:expression(document.body.clientWidth < 1200 ? "1200px" : "auto");}
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: "微软雅黑";    /*文字字体定义 */
	font-size: 14px;    /*文字大小定义 */
	color: #333; /*文字颜色定义 */
	min-width:1200px;
	outline: none;
}
*{
	word-break: break-all; word-wrap:break-word
}
/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
/*a:link {color: #333;}  未访问的链接 */
/*a:visited {color: #333;}  已访问的链接 */
a:hover{color: #333;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #333;} /* 点击激活链接 */

.fl{float:left;}
.fr{float:right;} 
.hide{display: none}

.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

i,em{ font-style:normal;}
.content{width:1200px;margin:0 auto;}

.dib{display: inline-block;*display: inline;zoom:1;}
.wd1200{width:1200px;margin: 0 auto;}

/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
.input{ border:1px solid #ccc; height:20px;line-height:20px} 
ul,li{ list-style:none}
.backcolor{background:#1a4077;}





.header{position:fixed;top:0;left:0;width:100%;height:180px;z-index:5000;background:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);transition:ease .5s}
.header .logo{display:block;float:left;line-height:100px;overflow:hidden;margin-top:30px}
.header .logo img{height:174px;height:60px}
.header .slogan{float:left;border-left:1px solid #eaeaea;margin-left:20px;margin-top:25px;padding:8px 0 8px 20px}
.header .slogan h3{font-size:24px;font-weight:bold;line-height:1;color:#f9be00}
.header .slogan p{font-size:18px;line-height:1;color:#2b2b2b;margin-top:12px}
.header-right{float:right}
.language{float:right;position:relative}
.language-text{display:block;font-size:16px;color:#191919;line-height:24px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.language-text i{display:inline-block;vertical-align:middle;font-size:12px;margin-left:4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.language-list{position:absolute;top:100%;right:0;z-index:10;background:#fff;padding:10px 0;-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.05);box-shadow:0 2px 4px 2px rgba(0,0,0,.05);opacity:0;visibility:hidden;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.language-list a{display:block;padding:10px 30px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.language-list a:hover{color:#2179bc}
.language:hover .language-text{color:#2179bc}
.language:hover .language-text i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.language:hover .language-list{opacity:1;visibility:visible}
.header-top .sep{float:right;display:inline-block;width:1px;height:16px;background:#888;margin:4px 13px}
.header-search{float:right;margin-top:15px;position:relative}
.bt-search{position:relative;border:none;background:none;float:left;width:30px;height:22px;line-height:18px;cursor:pointer;transition:.5s;z-index:10}
.bt-search .sub-bot{display:block;width:14px;height:22px;line-height:15px;background:transparent;border:none;position:absolute;z-index:3;cursor:pointer;background:url(../images1/icon-search.png) no-repeat center transparent;padding-right:30px}
.searchop .search-all{z-index:10;opacity:1;visibility:visible}
.search-all{position:absolute;right:0;top:0;width:300px;height:auto;z-index:-1;opacity:0;visibility:hidden;transition:all .2s}
.search-all .search-box{position:relative;height:36px;margin-top:38px;background:#fff}
.searchop .search-all .search-box{animation:searchform-fade 400ms both}
.searchop .search-all form{animation:searchform-slide 1s both;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.search-all .search-box .search-txt{color:#333;line-height:34px;width:44px;text-align:center;cursor:pointer;transition:all .3s ease-out}
.search-all .search-box .search-txt i{font-size:20px !important}
.search-all .search-box .search-txt.left{float:left}
.search-all .search-box .search-inp{margin-left:44px;transition:all .3s ease-out 0s;margin-right:44px}
.search-all .search-box .search-inp input{font-size:16px;line-height:36px;color:#333;width:100%;border-radius:5px}
.searchop .search-close{opacity:1;transition:all .2s ease-out 0s}
.search-all .search-box .search-close{width:44px;height:36px;font-size:16px;color:#333;line-height:36px;text-align:center;cursor:pointer;position:absolute;top:0;right:0;opacity:1}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation:item-searchshow .4s both;animation:item-searchshow .4s both}
.home-banner.app{display:none}
.home-banner.app img{width:100%}
.home-banner.app .swiper-slide a{display:block;height:900px}
.home-appbanner{width:100%;display:none}
.home-appbanner img{width:100%}
.banner-cont span{display:inline-block;width:43px;height:2px;background:#fff;margin-right:4px;margin-bottom:25px;margin-top:10px}
.banner-slogan{font-size:60px;color:#fff}
.banner-slogan b{font-weight:800}
.banner-sub{font-size:70px;color:#000;line-height:70px}
.banner-sub span{font-weight:bold;width:auto;height:auto;background:none;margin:0 !important}
.banner-des{font-size:24px;line-height:24px;color:#000;margin-top:15px}
.banner-more{display:inline-block;font-size:16px;color:#fff;line-height:26px;text-align:center;padding:9px 60px 9px 34px;border:1px solid transparent;border-radius:30px;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:#000 url(../images1/more1.png)no-repeat top 14px right 32px;margin-top:48px}
.banner-more:hover{background:transparent url(../images1/more1.png)no-repeat top 14px right 32px;border-color:#fff;color:#fff}
.home-banner .banner-pagination{position:absolute;bottom:45px;left:18%;width:auto;z-index:10;text-align:center;font-size:0;z-index:10;color:#fff;font-size:20px}
.home-banner .banner-pagination .swiper-pagination-current{font-size:24px;line-height:26px;color:#fff}
.home-banner .banner-pagination .swiper-pagination-total{font-size:14px;line-height:26px;color:#8b8b8b}
.animat-line{position:absolute;width:60px;height:1px;background:rgba(255,255,255,0.5);bottom:55px;left:13.4%;z-index:5;overflow:hidden}
.animat-line > span{display:block;position:relative;background:#f9be00;height:1px}
.banner-img{width:100%}
.appbanner-img{width:100%;display:none}
@-webkit-keyframes byline2{from{width:0}
to{width:60px}
}@keyframes byline2{from{width:0px}
to{width:60px}
}.home-banner .swiper-slide-active .animat-line > span{-webkit-animation:byline2 5s linear 0s;animation:byline2 5s linear 0s}
@keyframes myfirst{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@-webkit-keyframes myfirst{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@-webkit-keyframes anim4{from{-webkit-transform:rotateZ(0deg)}
50%{-webkit-transform:rotateZ(180deg)}
to{-webkit-transform:rotateZ(360deg)}
}@-moz-keyframes anim4{from{-moz-transform:rotateZ(0deg)}
50%{-moz-transform:rotateZ(180deg)}
to{-moz-transform:rotateZ(360deg)}
}@-ms-keyframes anim4{from{-ms-transform:rotateZ(0deg)}
50%{-ms-transform:rotateZ(180deg)}
to{-ms-transform:rotateZ(360deg)}
}@-o-keyframes anim4{from{-o-transform:rotateZ(0deg)}
50%{-o-transform:rotateZ(180deg)}
to{-o-transform:rotateZ(360deg)}
}@keyframes anim4{from{transform:rotateZ(0deg)}
50%{transform:rotateZ(180deg)}
to{transform:rotateZ(360deg)}
}.index-search{background:#f7f7f7;padding:12px 0 11px}
.index-keywords{float:left;padding:5px 0 0}
.index-searinput{float:right;padding:5px 20px;border:1px solid #dcdcdc}
.index-keywords span{display:inline-block;font-size:16px;color:#000;padding-right:12px}
.index-keywords a{display:inline-block;font-size:16px;color:#616161;line-height:30px;padding:0 17px}
.index-keywords a:hover{color:#000;font-weight:bold}
.index-searinput input{font-size:14px;color:#bebebe}
.index-searinput i{color:#666369;font-size:17px;cursor:pointer}
@media(max-width:640px){.index-searinput{float:none;margin-top:20px;padding:5px 10px}
.index-keywords{float:none}
.index-searinput input{width:93%}
.index-keywords a{font-size:14px;padding:0 5px}
.index-keywords span{font-size:14px;padding-right:8}
}@media(max-width:320px){.index-searinput input{width:91%}
}.home-title{font-size:38px;color:#3c4a65;text-align:center; font-weight:bold;}
.home-title span{display:inline-block;color:#ba0001}
.home-des{font-size:18px;line-height:26px;color:#666;text-align:center;margin-top:5px}
.home-viewmo{display:block;font-size:16px;line-height:26px;color:#fff;transition:ease .4s;padding:9px 60px 9px 34px;border:1px solid transparent;border-radius:30px;background:#000 url(../images1/more1.png)no-repeat top 14px right 32px;cursor:pointer;margin:0 auto;width:fit-content;margin-top:50px;max-width:300px}
.home-padd{padding:80px 0}
.home-viewmo:hover{background:#ba0001 url(../images1/more1.png)no-repeat top 14px right 32px;border-color:#ba0001;color:#fff}
.home-application{}
.home-application-cont{margin-top:50px;position:relative}
.home-application-cont ul{float:left;width:21.43%;position:absolute;height:100%;top:0;left:0}
.home-application-images{float:right;width:78.57%}
.home-application-cont li{background:#194077;transition:ease .4s;padding:0px 40px;height:25%;width:100%}
.home-application-cont li > div{width:100%;height:100%}
.home-application-cont li a{display:block;position:relative;height:100%;width:100%;display:table}
.home-application-cont li span{font-size:120px;color:rgba(255,255,255,0.04);font-family:"mon-sb";line-height:120px;position:absolute;top:13px;left:0}
.home-application-image{display:none}
.home-application-image img{width:100%}
.home-application-image.on{display:block}
.home-application-cont li h3{font-size:22px;line-height:26px;color:#fff;font-weight:bold;display:table-cell;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-application-cont li p{font-size:16px;line-height:24px;color:#fff;display:none}
.home-application-cont li.on{background:#ba0001;width:133.6%;z-index:5;position:relative}
.home-application-cont li.on span{opacity:0;font-size:45px}
.home-application-cont li.on h3{color:#fff;display:block;margin-bottom:10px}
.home-application-cont li.on p{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-application-cont li.on{padding-top:30px}
.home-product{background:#f3f3f3}
.home-product-con{margin-top:50px}
.home-product-con ul{margin:-10px}
.home-product-con li{float:left;width:50%;padding:10px;overflow:hidden}
.home-product-con li a{display:block;width:100%;background:#fff;overflow:hidden;position:relative;transition:ease .4s;padding:50px}
.homepro-img{overflow:hidden;float:right;width:31.88%}
.home-product-con li img{width:100%;transition:ease .4s}
.home-product-text{float:left;width:50%}
.home-product-text h2{font-size:22px;line-height:30px;color:#111;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:85%;margin-bottom:10px}
.home-product-text p{font-size:16px;line-height:24px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:86%}
.home-product-more{display:block;font-size:14px;line-height:26px;color:#333;transition:ease .4s;padding:9px 60px 9px 34px;border:1px solid #d7d7d7;border-radius:30px;background:transparent url(../images1/more2.png)no-repeat top 14px right 32px;cursor:pointer;width:fit-content;margin-top:50px}
.home-product-con li a:hover .home-product-more{background:#ba0001 url(../images1/more1.png)no-repeat top 14px right 32px;border-color:#ba0001;color:#fff}
.home-product-con li a:hover img{transform:scale(1.04)}
.home-advantage{width:100%;background-size:100% 100% !important}
.home-advantage .home-title{color:#fff}
.home-advantage .home-des{color:#c2c2c2}
.home-advantage ul{margin-top:50px}
.home-advantage li{position:relative;float:left;width:25%;text-align:center;padding:20px 25px}
.home-advantage li span{font-size:120px;color:rgba(255,255,255,0.05);font-family:"mon-l";position:absolute;top:-35px;left:28%}
.home-advantage-icon{width:85px;height:81px;text-align:center;margin:0 auto}
.home-advantage-icon img{display:block;transition:ease .5s;width:100%}
.home-advantage li h3{font-size:20px;line-height:30px;color:#fff;font-weight:bold;margin-top:30px;margin-bottom:10px}
.home-advantage li p{font-size:16px;line-height:26px;color:rgba(255,255,255,0.8)}
.home-advantage li:hover img{transform:rotateY(180deg)}
.home-advantage .home-viewmo{background-color:transparent;border-color:rgba(255,255,255,.3)}
.home-advantage .home-viewmo:hover{background:#f9be00 url(../images1/more1.png)no-repeat top 14px right 32px;border-color:#f9be00}
.home-partner{background:#f4f4f4}
.home-partner-con{margin-top:50px}
.home-partner-img{}
.home-partner-img img{width:100%}
.home-about{padding:40px 0 80px}
.home-about-top{position:relative;width:100%;height:100%}
.home-about-top .home-title,.home-about-top .home-des{text-align:left}
.home-about-left{float:left;width:38%;position:absolute;height:100%;left:0;top:0}
.home-about-right{float:right;width:55%}
.home-about-left span{display:inline-block;width:43px;height:2px;background:#f9be00;margin:20px 4px 20px 0}
.home-about-top .home-title span{width:auto;height:auto;background:none;margin:0}
.home-about-lecon{}
.home-about-left > div{display:table;width:100%;height:100%}
.home-about-left > div > div{display:table-cell;vertical-align:middle}
.home-about-lecon h3{font-size:24px;line-height:26px;color:#333;font-weight:bold;margin-bottom:10px}
.home-about-lecon p{font-size:16px;color:#666;line-height:33px;max-height:240px}
.home-about-img{position:relative;width:100%}
.home-about-img img{width:100%}

.wrap1300{width:1300px;margin:0 auto;position:relative;}
.zOdds{height:975px;background:url(../images1/oddsbg.jpg) no-repeat center bottom;}
.zhs{text-align:center;font-size:34px;color:#015cb5;font-weight:bold;padding-top:60px;}
.zhs span{display:block;font-weight:normal;font-size:14px;color:#888;padding-top:5px;padding-bottom:15px;position:relative;}
.zhs span:after{content:"";width:78px;height:3px;position:absolute;left:50%;bottom:-2px;margin-left:-39px;background:#015cb5;}
.zOdds .box{height:925px;background:url(../images1/xta.png) no-repeat center;padding-top:50px;}
.zOdds .box .ys{width:300px;text-align:center;position:absolute;overflow:hidden;}
.zOdds .box .ys span{display:inline-block;width:56px;height:56px;line-height:56px;background:#ba0001;font-family:arial;border-radius:28px;color:#fff;font-size:30px;}
.zOdds .box .ys h4{font-weight:bold;font-size:20px;padding:10px 0;}
.zOdds .box .ys p{font-size:13px;color:#666;line-height:22px;}
.zOdds .box .ys1{left:50%;margin-left:-150px;top:53px;}
.zOdds .box .ys2{left:50px;top:290px;}
.zOdds .box .ys3{right:50px;top:290px;}
.zOdds .box .ys4{left:0;top:590px;}
.zOdds .box .ys5{right:0;top:590px;}

.ycon{ width:1200px; margin:0 auto;}
.yin{padding: 60px 0 100px;}
.yin_t{font-size: 40px;color: #000;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;}
.yin_t a{color: #000;}
.yin_t b{color: #a81833;}
.yin_t span{display: block;font-size: 20px;color: #333;}
.yin_t i{color: #a81833;padding:0 15px;}
.yin dl{width: 286px;height: 400px;position: relative;margin: 80px 18px 0 0;float: left;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.yin dl dt{width: 286px;line-height: 0;position: relative;}
.yin dl dt img{width: 286px;height: 400px;}
.yin dl dt h4{font-size: 18px;color: #fff;height: 85px;line-height: 85px;width: 286px;text-align: center;position: absolute;bottom: 0;left: 0;background: #255294;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.yin dl dt h4 em{display: block;width: 46px;height: 46px;line-height: 0;background: #a81833;border-radius: 50%;position: absolute;top: -23px;left: 120px;}
.yin dl dt h4 em img{width: 46px;height: 46px;}
.yin dl dd{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 286px;text-align: center;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.yin dl dd h5{height: 70px;line-height: 70px;overflow: hidden; background:url(../images1/yin_line.gif) no-repeat center 67px;font-size: 26px;color: #fff;}
.yin dl dd em{display: block;width: 46px;height: 46px;line-height: 0;background: #fac12c;border-radius: 50%;padding: 9px;margin: 80px auto 0;}
.yin dl dd em img{width: 46px;height: 46px;}
.yin dl dd p{font-size: 16px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;width: 220px;margin: 0 auto;padding: 15px 0 0;}
.yin dl:hover dd,.yin dl.cur dd{height: 400px;}
.yin dl:hover dt h4,.yin dl.cur dt h4{height: 0;}
.yin dl:hover dt h4 em,.yin dl.cur dt h4 em{top: 0;}
.yin dl:hover,.yin dl.cur{-webkit-transform:translate(0,-35px);transform:translate(0,-35px);}
.yin .nobor{margin-right: 0;}

.ino-dot{position:absolute;width:9px;height:9px;background:#dda700;border-radius:50%;transition:ease .5s}
.ino-dot1{top:66.27%;left:51.14%}
.ino-dot2{top:68.09%;left:59.85%}
.ino-dot3{top:78.27%;left:64.71%}
.ino-dot4{top:79%;left:69.5%}
.ino-dot5{top:64.45%;left:70.85%}
.ino-dot6{top:84.45%;left:73.28%}
.ino-dot7{top:48.09%;left:76.85%}
.ino-dot8{top:62.54%;left:82.57%}
.ino-dot h3{font-size:16px;line-height:28px;color:#666;min-width:35px;position:absolute;top:100%;left:-100%}
.inodot-txt{background:url(../images1/homemap-ba.png)no-repeat bottom left 50%;min-width:328px;position:absolute;display:none;padding-bottom:10px;bottom:216%;left:-1772%;z-index:5}
.inodot-txt > div{background:rgba(0,0,0,.6);border-radius:3px;padding:18px}
.inodot-txt h4{font-size:20px;line-height:28px;color:#fff;font-weight:bold}
.inodot-txt p{font-size:14px;line-height:28px;color:#fff}
.ino-dot.on .inodot-txt{display:block}
.ino-dot:before{position:absolute;content:'';width:100%;height:100%;top:0%;left:0%;opacity:0;filter:alpha(opacity=0)\9;border-radius:50%;background:radial-gradient(circle,#dda700,rgba(221,167,0,0.0.3));-webkit-animation:kuosan-1 2s linear infinite;animation:kuosan-1 2s linear infinite;-webkit-animation-delay:750ms;animation-delay:750ms}
.ino-dot:after{position:absolute;content:'';width:100%;height:100%;top:0%;left:0%;opacity:0;filter:alpha(opacity=0)\9;border-radius:50%;background:radial-gradient(circle,#dda700,rgba(255,255,255,1));-webkit-animation:kuosan-1 2s linear infinite;animation:kuosan-1 2s linear infinite;z-index:-1;-webkit-animation-delay:1500ms;animation-delay:1500ms}
@-webkit-keyframes kuosan-1{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;filter:alpha(opacity=100)\9}
100%{-webkit-transform:scale(5);transform:scale(5);opacity:0;filter:alpha(opacity=0)\9}
}@keyframes kuosan-1{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;filter:alpha(opacity=100)\9}
100%{-webkit-transform:scale(5);transform:scale(5);opacity:0;filter:alpha(opacity=0)\9}
}@-webkit-keyframes kuosan-2{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}
25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}@keyframes kuosan-2{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}
25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}.home-about-bottom{}
.home-about-bottom ul{}
.home-about-bottom li{float:left;width:20%;text-align:center}
.home-about-icon{width:75px;height:67px;margin:0 auto;transition:ease .5s}
.home-about-bottom li:hover .home-about-icon{transform:rotateY(180deg)}
.home-about-icon img{width:100%}
.home-about-bottom li h3{font-size:31px;color:#333;}
.home-about-bottom li h3 span{display:inline-block;font-size:48px;color:#333; font-weight:bold;}
.home-about-bottom li p{font-size:16px;line-height:30px;color:#666}
.home-new{background:#f4f4f4}
.home-new-con{margin-top:40px}
.home-new-con ul{margin:0 -12px}
.home-new-con li{float:left;width:33.3%;padding:0 12px}
.home-new-con li > div{}
.home-new-con li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.home-new-top{margin-bottom:20px}
.home-new-top img{width:100%;transition:ease .5s}
.home-new-top a:hover img{transform:scale(1.04)}
.home-new-bottom{}
.home-new-top a{position:relative;overflow:hidden}
.home-new-text{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.6);padding:18px 20px}
.home-new-text h3{font-size:20px;color:#fff;font-weight:bold;transition:ease .5s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.home-new-top a:hover .home-new-text h3{color:#f9be00}
.home-new-text span{display:block;font-size:14px;color:#c8c8c8;margin-top:5px}

.home-new-bottom{ width:1400px; margin:auto; height:100px;}
.home-new-bottom p{font-size:18px;line-height:40px;color:#333;transition:ease .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; float:left; width:33.3%;padding:0 12px;}
.home-new-bottom p:hover{color:#f9be00}

