@charset "utf-8";
/* CSS Document */

/*--- whole ---*/
html{ font-size:100%; }
body{ transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666;}
html,
body{height:100%;} 

.w1200 { max-width:1200px; margin:0 auto; position:relative;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
 
.white { color: #fff !important; }
.color-blue { color: #2e417c; }
.color333 { color: #333; }
.d-black { display: block !important; }
.bg-white { background-color: #fff !important; }

a:hover { color: #2e417c; }

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

.pb0 { padding-bottom: 0 !important; }
.pd20 { padding-bottom: 20px !important; }
.pd30 { padding-bottom: 30px !important; }

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
img { max-width: 100%; }
input.text{display:block;width:100%;height:100%;border:0px;background:none;}
 
.nav-icon{ width:9%; min-width: 50px; padding:30px 10px 0; height:50px; float:right;cursor:pointer; display: none;}
.nav-icon a{display:block;width:100%;height:3px;background-color:#666;position:relative;}
.nav-icon a:before,
.nav-icon a:after{content:"";display:block;width:100%;height:3px;background-color:#666;position:absolute;left:0px;}
.nav-icon a:before{top:-10px;}
.nav-icon a:after{bottom:-10px;}
.nav-icon.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.nav-icon.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.nav-icon.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}

/*wap nav*/
#wap-nav { width: 65%; right: 0; top: 134px; position: absolute; height: calc(100% - 60px); background: #fff; z-index: 99999; display: none; }
#wap-nav ul li { line-height: 42px; font-size: 13px; background: #fff; }
#wap-nav ul li a { border-bottom: solid 1px #dedede; display: block; padding-left:14px; }
#wap-nav ul li .second { display: none; }
#wap-nav ul li .second a { background: url(../images/t1.png) 16px center no-repeat; padding-left: 30px; }
#wap-nav ul li a.down { background: url(../images/icon-dd1.png) 95% center no-repeat; }
#wap-nav ul li a.down.cur { background-image: url(../images/nav-icon.png); } 
#wap-nav ul li ul { display: none; }
#wap-nav ul li ul li a { padding-left: 24px; }
#wap-nav ul li ul li ul li a{ padding-left: 34px; }



.w1280 { max-width: 1280px; margin: 0 auto; }

.header {  }
.header .top { height: auto; overflow: hidden; border-bottom: solid 1px #e6e6e6; }
.header .top .fr { line-height: 75px; }
.top-nav { height: 58px; line-height: 58px; }
.top-nav .nav { float: left; }
.top-nav .nav ul li { float: left; padding-right: 50px; font-size: 16px; position: relative; }
.top-nav .nav ul li .down { position: absolute; left: -25px; top: 58px; z-index: 99; width: 100%; min-width: 125px; box-sizing: border-box; border:solid 1px #f9f9f9; background-color: #f9f9f9; padding: 12px 0; display: none; }
.top-nav .nav ul li:hover .down { display: block; }
.top-nav .nav ul li .down ul li { width: 100%; padding: 0 6px; line-height: 28px; font-size: 14px; text-align: center; } 
.top-nav .nav ul li .down.nav-solution { width: 100%; height: auto; }
.top-nav .nav ul li .down.nav-solution dl { margin-right:70px; float: left; display: block; }
.top-nav .nav ul li .down.nav-solution dl dt { font-size: 16px; font-weight: bold; line-height: 32px; } 
.top-nav .nav ul li .down.nav-solution dl dd { line-height: 24px; font-size: 14px; color: #666; }

.top-nav .nav ul li .down2 { width: 780px; }
.top-nav .nav ul li .down2 span { display: inline-block; float: left; width: 25%; padding: 0 25px; font-size: 14px; height: 30px; line-height: 30px; }


.top-nav .nav ul li a { color: #333; }
.top-nav .nav ul li a:hover { color: #2e417c; }
.top-nav .nav ul li a.cur { color: #2e417c; }
.top-nav .top-nav-search { float: right; min-width: 72px; position: relative; }
.top-nav-search .top-search { width: 18px; height: 18px; background: url(../images/search.png) center center no-repeat; position: absolute; left: 0; top: 20px; cursor: pointer; }
.top-nav-search .lang { float: right; padding-left: 18px; position: relative; }
.top-nav-search .lang:before { position: absolute; left: 0; top: 23px; width: 1px; height: 12px; background-color: #e0e0e0; content: ''; }
.top-nav-search .top-search.cur{background-image:url(../images/close2.png);}

.banner { position: relative; width: 100%; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 24px; background-color: rgba(255,255,255, .6); display: inline-block; }
.banner .swiper-pagination-bullet-active { width: 12px; height: 12px; margin: 0 auto; background-color: #2d427b !important; } 
.banner .swiper-pagination { width: 100%; bottom: 28px !important; text-align: center; } 
.banner img { min-height: 200px; object-fit: cover; }

.wap-banner { position: relative; width: 100%; display: none; }
.wap-banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 24px; background-color: rgba(255,255,255, .6); display: inline-block; }
.wap-banner .swiper-pagination-bullet-active { width: 12px; height: 12px; margin: 0 auto; background-color: #2d427b !important; } 
.wap-banner .swiper-pagination { width: 100%; bottom: 28px !important; text-align: center; } 
.wap-banner img { min-height: 200px; object-fit: cover; }

.under-line { border-bottom: solid 1px #dedede; height: auto; overflow: hidden; }

.bar-title { line-height: 55px; margin-top: 32px; height: auto; overflow: hidden; }
.bar-title .fl { font-size: 24px; color: #333; }
.bar-title .fr a {transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666; border:solid 1px #d9d9d9; padding: 0 12px; height: 26px; line-height: 24px; box-sizing: border-box; display: inline-block; border-radius: 16px; }
.bar-title .fr a:hover { background-color: #2e417c; border-color: #2e417c; color: #fff; }
.index-news { padding: 25px 0; height: auto; overflow: hidden; }
.index-news dl { width: calc((100% - 80px) / 3); float: left; } 
.index-news dl:nth-child(2) { margin: 0 40px; }
.index-news dl dt img { width: 100%; }
.index-news dl dd { padding: 12px 20px; border: solid 1px #d9d9d9; border-top: none; }
.index-news dl dd h3 { height: 32px; line-height: 32px; font-size: 18px; font-weight: normal; color: #333; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.index-news dl dd .con { color: #666; height: 48px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical;  }

.index-solu { background-color: #9ba2bc; height: auto; overflow: hidden; margin-top: 16px; }
.index-solu .main { max-width:1280px; margin:0 auto; position:relative; }
.index-solu .main .item { width: 20%; float: left; position: relative; }
.index-solu .main .item img.img { width: 100%; object-fit: cover; }
.index-solu .main .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(38, 35, 86, 0.3); transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out; }
.index-solu .main .item dl { margin: 10%; position: absolute; width: 80%; top: 50%; transform: translateY(-50%); }
.index-solu .main .item dl dt { text-align: center; }
.index-solu .main .item dl dd h3 {padding: 15px 0;font-size: 18px;color: #fff;font-weight: normal;text-align: center;margin: 8px 0 0;}
.index-solu .main .item dl dd .con {font-size: 14px;color: #fff;height: 48px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;display: box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;text-align: center;display: none;margin: 10px 0 0;}
.index-solu .main .item:hover dl dd .con,
.index-solu .main .item:hover dl dd a.more { display: block; }
.index-solu .main .item:hover .bg { background-color: rgba(50, 68, 124, 0.8); }
.index-solu .main .item dl dd a.more {width: 100px;height: 30px;border:solid 1px rgba(255,255,255, .65);box-sizing: border-box;line-height: 28px;display: block;text-align: center;color: rgba(255,255,255, .65);border-radius: 16px;margin: 0 auto;margin-top: 87px;display: none;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.index-solu .main .item dl dd a.more:hover { background-color: rgba(255,255,255, .35); border-color: rgba(255,255,255, .35); color: #fff;  }

.index-solu .swiper-button-prev,
.index-solu .swiper-button-next { width: 45px; height: 100%; top: 0; margin-top: 0 !important; }
.index-solu .swiper-button-prev { background: url(../images/arr-left.png) center center no-repeat !important; background-color: rgba(0, 0, 0, .1) !important; left: 0; }
.index-solu .swiper-button-next { background: url(../images/arr-right.png) center center no-repeat !important; background-color: rgba(0, 0, 0, .1) !important; right: 0; }
 

.index-product { height: auto; overflow: hidden; padding: 20px 0; }
.index-product dl { width: 210px; float: left; text-align: center; margin: 20px 0; }
.index-product dl dt { height: 60px; line-height: 60px; }
.index-product dl dd { line-height: 30px; }

.index-ser { box-sizing: border-box; padding-top: 154px; height: 600px; background:url(../images/bg.jpg) top center no-repeat; color: #fff; }
.index-ser .ser1 { text-align: center; height: auto; overflow: hidden; }
.index-ser dl { display: inline-block; font-size: 18px; margin: 0 35px; }
.index-ser .ser1 dl dd,
.index-ser .num { font-size: 24px; }
.index-ser .ser2 {  text-align: center; padding-top: 100px; height: auto; overflow: hidden; }
.index-ser dl dd { line-height: 72px; }

.iSer-img{display:block;width:94px;height:94px;line-height:94px;font-size:0px;border-radius:100%;margin:0 auto;position:relative;}
.iSer-img:hover{background:#2e417c;}

.iSer-img
{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.index-news { }
.index-news-left { width: 64%; float: left; }
.index-news-ri { width: 30%; float: right; }
.index-news-ri .ri-main { padding-top: 10px; width: 100%; height: auto; overflow: hidden; }
.index-news-ri .ri-main dl { width: 100%; }
.index-news-ri .ri-main dl dd { border: none !important; }
.index-news-left .main { height: auto; overflow: hidden; padding-top: 10px; }
.index-news-left .main .le-pic { width: 48%; float: left; }
.index-news-left .main .le-pic img { width: 100%; }
.index-news-left .main .lists { width: 46%; float: right; }
.index-news-left .main .lists ul li { padding-bottom: 16px; }
.index-news-left .main .lists ul li h3 { font-weight: normal; line-height: 26px; font-size: 16px; }
.index-news-left .main .lists ul li p { font-size: 14px; color: #666; padding-top: 6px; }

.m-bottom15 { margin-bottom: 15px !important; }
.foot-site { background-color: #505050; padding-top: 32px; color: rgba(255,255,255, .4); }
.links { line-height: 28px; border-top: solid 1px rgba(255,255,255, .4); padding-bottom: 10px;}
.links h3.title { font-size: 14px; line-height: 40px; font-weight: normal; color: #fff; }
.links a { margin-right: 20px; }
.links a:hover { color: #fff; }
.foot-site .foot1 { padding-bottom: 10px;}
.foot-site .site { width: 70%; float: left; position: relative; }
.foot-site .site:after { width: 1px; height: 100%; background: url(../images/line.jpg) no-repeat; background-size: cover; position: absolute; right: 0; top: -20px; content: '' }
.foot-site .site dl { width: 16.6%; display: block; float: left; }
.foot-site .site dl dt { color: #fff; padding-bottom: 10px; font-size: 16px; }
.foot-site .site dd { line-height: 32px;}
.foot-site .site a:hover { color: #fff; }

.foot1-ri { width: 26%; float: right; }
.weixin { text-align: center; width: 88px; float: left; }
.weixin dl dd { padding-top: 10px; }
.foot-content { width: calc(100% - 108px); line-height: 24px; }
.foot-content h3 { font-size: 24px; color: #fff; border-bottom: solid 1px rgba(255,255,255, .4); line-height: 36px; margin-bottom: 5px;}
.footer { background-color: #3c3c3c; padding: 25px 0; color: rgba(255,255,255, .4); font-size: 14px;}
.footer a:hover { color: #fff; }

.ny-banner { position: relative; }
.ny-banner img { width: 100%; min-height: 200px; object-fit: cover; }
.ny-banner .banner-word { position: absolute; top: 0; width: 1280px; left: 50%; transform: translateX(-50%); z-index: 99;  color: #fff; top: 50%; margin-top: -50px; line-height: 50px; font-size: 36px;} 
.ny-banner .banner-word p:last-child { font-size: 30px; }
.ny-banner .banner-word p { position: relative; } 
.ny-banner .banner-word p:first-child:after { content: ''; width: 82px; height: 3px; position: absolute; left: 0; bottom: -1px; background-color: #fff; }

.ny-banner .banner-word p { margin-left: -560px; transition:margin-left .3s ease-in-out;-moz-transition:margin-left .3s ease-in-out;-webkit-transition:margin-left .3s ease-in-out; }
.ny-banner .banner-word.on p { margin-left: 0px; }
 
.wap-ny-banner { position: relative; display: none; }
.wap-ny-banner img { width: 100%; min-height: 200px; object-fit: cover; }


.ny-bar { border-bottom: solid 1px #e5e5e5; }
.ny-bar .nav { float: left; border-left: solid 1px #e5e5e5; }
.ny-bar .nav ul li { height: 62px; float: left; font-size: 16px; color: #333; }
.ny-bar .nav ul li a { display: block; border-bottom: solid 1px #e5e5e5; padding: 0 28px; line-height: 62px; border-right: solid 1px #e5e5e5;}
.ny-bar .nav ul li.cur a { border-bottom-color: #2e417c; color: #2e417c; }
.ny-bar .current { color: #888; line-height: 62px; float: right; font-size: 12px; background: url(../images/icon1.jpg) left center no-repeat; padding-left: 24px; }

.about1 { }
.ny-header { text-align: center; line-height: 28px; padding: 60px 0; }
.ny-header h3 { font-size: 28px; color: #333; font-weight: normal; line-height: 42px; }
.ny-header p { color: #b5b5b5; font-size: 16px; }

.num-data { text-align: center; }
.num-data dl { display: inline-block; width: 25%; max-width: 212px; position: relative; }
.num-data dl:after { position: absolute; width: 1px; height: 100%; right: 0; top: 0; background-color: #ccc; content: ''; }
.num-data dl:last-child:after { display: none; }
.num-data dl dt { font-size: 48px; color: #2e417c; }
.num-data dl dd { font-size: 16px; color: #666; }

.about-content { padding: 66px 0; line-height: 24px; color: #666; font-size: 14px; }

.about2 { color: #fff; background: url(../images/about-bg.jpg) top center no-repeat; background-size: cover; height: 560px;  }
.about2 .list { text-align: center; width: 1120px; margin: 0 auto; padding-top: 20px; height: auto; overflow: hidden; }
.about2 .list dl { width: 25%; display: inline-block; float: left; }
.about2 .list dl dt { height: 150px; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; }
.about2 .list dl:nth-child(1) dt { background: url(../images/a1.png) center center no-repeat; }
.about2 .list dl:nth-child(2) dt { background: url(../images/a2.png) center center no-repeat; }
.about2 .list dl:nth-child(3) dt { background: url(../images/a3.png) center center no-repeat; }
.about2 .list dl:nth-child(4) dt { background: url(../images/a4.png) center center no-repeat; }
.about2 .list dl:nth-child(1) dt:hover { background: url(../images/a1-hover.png) center center no-repeat; }
.about2 .list dl:nth-child(2) dt:hover { background: url(../images/a2-hover.png) center center no-repeat; }
.about2 .list dl:nth-child(3) dt:hover { background: url(../images/a3-hover.png) center center no-repeat; }
.about2 .list dl:nth-child(4) dt:hover { background: url(../images/a4-hover.png) center center no-repeat; }
.about2 .list dl dd { text-align: center; font-size: 14px; line-height: 24px; }
.about2 .list dl dd h3 { font-size: 18px; font-weight: bold; line-height: 42px; }

.about3-content { padding: 32px 10px; padding-bottom: 60px; border-top: solid 1px #e5e5e5; text-align: center; }
.about3 .ny-header { padding-bottom: 20px; }

.about4 { background: url(../images/about-bg2.jpg) top center no-repeat; background-size: cover; height: 840px; }
.about4 .ny-header {  }

.history-box { height: 514px; max-width: 980px; margin: 0 auto; position: relative; padding: 0 10px; }
.history-box .box { max-width: 656px; margin: 0 auto; height: 514px; display: none; } 
.history-box .icon { width: 45px; height: 45px; position: absolute; top: 210px; cursor: pointer; }
.history-box .icon.prev { left: 0; background: url(../images/left-2.png) no-repeat; }
.history-box .icon.next { right: 0; background: url(../images/right-2.png) no-repeat; }

.history-box .icon.prev.valid { background: url(../images/left.png) no-repeat; cursor: default; }
.history-box .icon.next.valid { background: url(../images/right.png) no-repeat; cursor: default; }

.history-box .content { box-sizing: border-box; background: url(../images/bg.png) no-repeat; background-size: 100% 100%; height: 365px; font-size: 16px; color: #fff; padding: 180px 40px; }
.history-box .year { text-align: center; height: 145px; line-height: 145px; font-size: 72px; color: #2e417c; }

.history-speed { position: relative; width: 1270px; margin: 0 auto; } 
.history-speed .speed { width: 1200px; height: 76px; margin: 0 auto; position: relative; overflow: hidden; }
.history-speed .speed:before { position: absolute; left: 0; top: 17px; height: 1px; width: 100%; background-color: #c2c2c2; content: ''; }
.history-speed .icon { width: 35px; height: 35px; position: absolute; top: 0px; cursor: pointer; }
.history-speed .icon.prev { left: 0; background: url(../images/left-2.png) no-repeat; background-size: 100% 100%; }
.history-speed .icon.next { right: 0; background: url(../images/right-2.png) no-repeat; background-size: 100% 100%; }
.history-speed .icon.prev.valid { left: 0; background: url(../images/left.png) no-repeat; background-size: 100% 100%; cursor: default; }
.history-speed .icon.next.valid { right: 0; background: url(../images/right.png) no-repeat; background-size: 100% 100%; cursor: default; }
.history-speed .speed ul { display: block; position: absolute; left: 0;}
.history-speed .speed ul li { padding-top: 35px; line-height: 40px; width: 120px; float: left; text-align: center; font-size: 24px; color: #666; position: relative; cursor: pointer;}
.history-speed .speed ul li:before { position: absolute; width: 15px; height: 15px; background-color: #c2c2c2; border-radius: 50%; content: ''; top: 10px; left: 50%; margin-left: -7px; }
.history-speed .speed ul li.cur { color: #2e417c; }
.history-speed .speed ul li.cur:before { background-color: #2e417c; }

.float-ri {position: fixed; right: 0; width: 50px; height: 204px; top: 50%; margin-top: -102px;}
.float-ri ul li { height: 50px; line-height: 50px; position: absolute; right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #fff; font-size: 13px; z-index: 999;
	transition:right .25s ease-in-out; -moz-transition:right .25s ease-in-out;-webkit-transition:right .25s ease-in-out;
}
.float-ri .top { width: 50px; text-align: center; background: url(../images/top.png) 20px 9px no-repeat #8a8a8a; padding-top: 20px; line-height: 20px; cursor: pointer; }
.float-ri .qq { top: 51px; width: 114px; background: url(../images/qq.png) 18px center no-repeat #8a8a8a; padding-left: 52px; right: -64px }
.float-ri .qq:hover { right: 0; }
.float-ri .mail { top: 51px; width: 114px; background: url(../images/mail.png) 18px center no-repeat #8a8a8a; padding-left: 52px; right: -64px }
.float-ri .mail:hover { right: 0; }
.float-ri .tel { top: 102px; width: 164px; background: url(../images/tel-icon.png) 18px center no-repeat #8a8a8a; padding-left: 52px; right: -114px; }
.float-ri .tel:hover { right: 0; }
.float-ri .wx { top: 153px; width: 50px; background: url(../images/wx.png) no-repeat center center #8a8a8a; }
.float-ri .wx .ewm { position: fixed; z-index: 99; right: 55px; top: 50%; margin-top: -80px; display: none; }
.float-ri .wx:hover .ewm { display: block; }
.float-ri ul li:hover { background-color: #2e417c; }
.float-ri ul li:hover a { color: #fff; }

.about-list1 { height: auto; overflow: hidden; border-top: solid 1px #dfdfdf; padding-bottom: 35px; }
.about-list1 dl { width: calc(50% - 10px); float: left; margin: 30px 0; display: block; height: auto; overflow: hidden; }
.about-list1 dl dt { width: 39.375%; float: left; }
.about-list1 dl dt img { width: 100%; }
.about-list1 dl dd { width: 56.25%; float: right; }
.about-list1 dl:nth-child(2n+1) { padding-right: 10px; }
.about-list1 dl:nth-child(2n) { padding-left: 10px; }
.about-list1 dl dd { color: #666; font-size: 14px; line-height: 24px; }
.about-list1 dl dd h3.name { font-size: 24px; line-height: 38px; color: #2e417c; font-weight: normal; }
.about-list1 dl dd .con { padding-top: 7px; }

.ny-main { padding-bottom: 45px; }
.ny-main .ny-header { padding-bottom: 20px; }

.honor-banner { padding-top: 50px; max-width: 1280px; margin: 0 auto; }
.honor-list { max-width: 1320px; height: auto; overflow: hidden; padding-top: 60px; padding-bottom: 20px; margin: 0 auto; }
.honor-list dl { width: calc(33.33% - 40px); margin: 0 20px; float: left; }
.honor-list dl dt { background-color: #f4f4f4; padding: 36px; }
.honor-list dl dd { height: 56px; line-height: 56px; text-align: center; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }

.zl-list { max-width: 1310px; height: auto; overflow: hidden; padding-top: 60px; padding-bottom: 20px; margin: 0 auto; }
.zl-list dl { width: calc(25% - 30px); margin: 0 15px; float: left; }
.zl-list dl dt { background-color: #fff; padding: 22px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out;border:1px solid #ccc; }
.zl-list dl dd { height: 44px; margin: 8px 24px; padding-bottom: 20px; line-height: 22px; text-align: center; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }
.zl-list dl:hover dt { background-color: #2e417c; }

.join1 { min-height: 310px; background: url(../images/join.jpg) top center no-repeat; background-size: auto 100%; color: #2e417c; line-height: 24px; padding: 50px 0; }
.join1 h3 { font-size: 24px; font-weight: normal; line-height:36px; padding-top: 12px; }

.join2 { padding: 30px 0; background-color: #2e417c; color: #fff; text-align: center; line-height: 24px; }
.join2 h3 { font-size: 24px; font-weight: normal; line-height: 36px; padding-top: 12px; }

.w950 { max-width: 950px; margin: 0 auto; }

.join-type { max-width: 560px; margin: 0 auto; height: auto; overflow: hidden; padding: 62px 0;  }
.join-type ul li { width: calc(50% - 40px); cursor: pointer; float: left; height: 96px; line-height: 96px; padding-left: 17%; font-size: 18px; margin: 0 20px;border:1px solid #ccc; }
.join-type ul li.type1 { background: url(../images/join-type1.png) 10.4% center no-repeat; }
.join-type ul li.type2 { background: url(../images/join-type2.png) 10.4% center no-repeat; }
.join-type ul li.type1.cur { background: url(../images/join-type1-cur.png) 10.4% center no-repeat #2e417c; color: #fff; }
.join-type ul li.type2.cur { background: url(../images/join-type2-cur.png) 10.4% center no-repeat #2e417c; color: #fff; }

.join4 { margin-bottom:30px; border-top: solid 1px #e5e5e5; line-height: 24px; color: #666; height: auto; overflow: hidden; }
.join4 h3 { padding-bottom: 6px; padding-top: 20px }  

.job-bar-title { width: 100%; height: auto; overflow: hidden; }
.job-bar-title ul li { height: 48px; line-height: 48px; float: left; width: 18%; text-align: center; }
.job-bar-title ul li.icon { width: 10%; }
.job-bar-title.bar-1 { background-color: #2e417c; color: #fff; font-size: 16px; }
.job-bar-title.bar-2 { background-color: #f7f7f8; color: #666; font-size: 14px; }

.jobs { display: none; }
.jobs dl dt { border-bottom: solid 1px #e5e5e5; cursor: pointer; }
.jobs dl.cur dd { display: block; }
.jobs dl dd { padding: 20px 82px; display: none; }
.jobs dl dt .icon i { display: inline-block; width: 18px; height: 10px; background: url(../images/j1.png) center center no-repeat; }
.jobs dl.cur dt .icon i { background-image: url(../images/j2.png); }
.jobs h3{color:#2e417c;font-size:16px;}

.product-main .ny-header { padding: 60px 0 20px 0; }
.product1 { height: auto; overflow: hidden; border-top: solid 1px #e6e6e6; padding-top: 50px; max-width: 1280px; margin: 0 auto; }
.product1 dl { display: block; width: calc(25% - 12px); float: left; border:solid 1px #e6e6e6; padding: 10px; margin: 6px; } 
.product1 dl dt { padding: 0 10px; line-height: 66px; float: left; vertical-align: middle; }
.product1 dl dd { line-height: 22px; font-size: 12px; color: #666; width: calc(100% - 78px); float: right; }
.product1 dl dd h3 { padding: 4px 0; overflow: hidden; line-height: 24px; font-size: 16px; font-weight: normal; color: #333; padding-bottom: 10px; }

.pro-type1 { height: auto; overflow: hidden; padding-bottom: 22px;}
.pro-type1 ul li { float: left; height: 48px; line-height: 48px; text-align: center; width: calc(20% - 24px); background-color: #ebebed; margin: 12px 12px; font-size: 18px; color: #333; cursor: pointer; }
.pro-type1 ul li.cur { background-color: #2e417c; color: #fff; position: relative; }

.pro-content .box{ border: solid 1px #e6e6e6; padding: 20px; line-height: 28px; position: relative; }
.pro-content .box:after { background: url(../images/tb-11.jpg); width: 33px; height: 18px; position: absolute; margin-left: -16px; content: ''; top: -18px; z-index: 99; }
.pro-content .box0:after,
.pro-content .box5:after,
.pro-content .box10:after,
.pro-content .box15:after,
.pro-content .box20:after ,
.pro-content .box25:after  { left: calc(100% / 10); }
.pro-content .box1:after,
.pro-content .box6:after,
.pro-content .box11:after,
.pro-content .box16:after,
.pro-content .box21:after,
.pro-content .box26:after { left: calc(100% / 5 + (100% / 10)); }
.pro-content .box2:after, 
.pro-content .box7:after, 
.pro-content .box12:after, 
.pro-content .box17:after, 
.pro-content .box22:after, 
.pro-content .box27:after { left: calc(100% / 5 * 2 + (100% / 10)); }
.pro-content .box3:after,
.pro-content .box8:after,
.pro-content .box13:after,
.pro-content .box18:after,
.pro-content .box23:after ,
.pro-content .box228:after { left: calc(100% / 5 * 3 + (100% / 10)); }
.pro-content .box4:after,
.pro-content .box9:after,
.pro-content .box14:after,
.pro-content .box19:after,
.pro-content .box24:after,
.pro-content .box29:after { left: calc(100% / 5 * 4 + (100% / 10)); }
.pro-content .list { height: auto; overflow: hidden; padding-top: 20px; }
.pro-content .list ul li { width: 25%; float: left; padding: 12px 0; line-height: 24px; }
.pro-content .list ul li p { padding-left: 12px; }
.pro-content .list ul li h3 { font-weight: normal; font-size: 16px; color: #333; }

.pro-type2 { height: auto; overflow: hidden; padding-bottom: 22px;}
.pro-type2 ul li { float: left; height: 48px; line-height: 48px; text-align: center; width: calc(20% - 24px); background-color: #ebebed; margin: 12px 12px; font-size: 18px; color: #333; cursor: pointer; }
.pro-type2 ul li.cur { background-color: #2e417c; color: #fff; }
.pro-type1 ul li.cur a,
.pro-type2 ul li.cur a { color: #fff; }

.pro-view-1 { height: 72px; background-color: #2e417c; }
.pro-view-1 .main { line-height: 72px; color: rgba(255,255,255, .6); background: url(../images/icon2.png) 10px center no-repeat; padding-left: 34px; height: 72px; }
.pro-view-1 a:hover { color: #fff; }

.pro-view-1 .down { cursor: pointer; height: 72px; float: left; color: #fff; display: inline-block; background: url(../images/down.png) right center no-repeat; padding-right: 12px; position: relative; padding-left: 6px; }
.pro-view-1 .down .down-box { width: 340px; position: absolute; top: 72px; background: #fff; left: 0; z-index: 9999; color: #333; line-height: 22px; font-size: 12px; padding: 10px; display: none; box-shadow: 0 3px 10px rgba(0,0,0, .2) }
.pro-view-1 .down .down-box a { padding: 0 10px; position: static !important; width: 50%; float: left; line-height: 22px; height: 22px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.pro-view-1 .down .down-box a:hover { color: #2e417c; }

.pro-view { background-color: #f5f5f5; padding: 60px 0; height: auto; overflow: hidden; }
.pro-view-le { width: 72%; background-color: #fff; float: left;}
.pro-view-le .pro-view-box { padding: 4%; }
.pro-view-title { font-size: 32px; color: #2e417c; font-weight: normal; border-bottom: solid 1px #dfdfdf; padding-bottom: 20px;}
.pro-view-le .content,
.solution-view .content { line-height: 30px; padding: 10px 0; }

.pro-view-h3 { height: 36px; line-height: 36px; background: url(../images/line.png) left center repeat-x; font-size: 24px; color: #333; }
.pro-view-h3 span { background-color: #fff; display: block; padding-right: 5px; float: left; }
.line-15 { height: 15px; overflow: hidden; background-color: #f5f5f5 }
.line-20 { height: 20px; overflow: hidden; background-color: #f5f5f5 }

.pro-view-list1 { height: auto; overflow: hidden; padding-top: 20px; }
.pro-view-list1 dl { border: solid 1px #d7d8d9; width: calc(33.33% - 12px); margin: 6px; float: left; text-align: center; padding: 20px; padding-top: 10px; display: block; }
.pro-view-list1 dl dt { line-height: 24px; padding: 12px 0; font-size: 16px; font-weight: bold; position: relative; }
.pro-view-list1 dl dt:after { position: absolute; left: 50%; margin-left: -18px; bottom: 0; height: 3px; content: ''; width: 36px; background-color: #dcdcdc; }
.pro-view-list1 dl dd { padding-top: 10px; }
.pro-view-list1 dl:hover { background-color: #2e417c; color: #fff; }

.pro-view-ri { width: 25%; background-color: #fff; float: right; }
.pro-view-ri1 { color: #fff; height: 50px; line-height: 50px; background-color: #2e417c; padding: 0 6%; } 
.pro-view-ri1 a { color: #666; border:solid 1px #d9d9d9; padding: 0 12px; height: 26px; line-height: 24px; box-sizing: border-box; display: inline-block; border-radius: 16px; color: #fff; }
.pro-view-ri2 { height: auto; overflow: hidden; padding: 6%; }
.pro-view-ri2 dl { display: block; border-bottom: solid 1px #dedede; }
.pro-view-ri2 dl dt { font-size: 16px; padding: 6px 0; }
.pro-view-ri2 dl dd { line-height: 24px; height: auto; overflow: hidden; padding-bottom: 10px; }
.pro-view-ri2 dl dd .con { color: #666; height: 48px; line-height: 24px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }
.pro-view-ri2 dl dd .more { float: right; font-size: 12px; color: #2e417c; }
.pro-view-ri2 ul { display: block; margin-top: 10px; }
.pro-view-ri2 ul li { height: 32px; line-height: 32px; padding-left: 12px; position: relative; overflow: hidden; white-space: normal; text-overflow:ellipsis; }
.pro-view-ri2 ul li:before { width: 6px; height: 6px; background-color: #2e417c; position: absolute; left: 0; top: 13px; content: ''; } 

.solution1 { position: relative; height: 468px; width: 100%; margin-bottom: 36px; }
.solution1 .icon { display: block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top: -32px; cursor: pointer; }
.solution1 .icon.icon-le { left: 0; background: url(../images/le-hover.png) no-repeat; background-size: 100% 100%; }
.solution1 .icon.icon-ri { right: 0; background: url(../images/ri-hover.png) no-repeat; background-size: 100% 100%; }
.solution1 .icon.icon-le.swiper-button-disabled {background: url(../images/le.png) no-repeat; background-size: 100% 100%;}
.solution1 .icon.icon-ri.swiper-button-disabled {background: url(../images/ri.png) no-repeat; background-size: 100% 100%;}

.solution1-list { width: calc(100% - 128px); margin: 0 auto; height: 468px; }
.solution1-list .item { width: calc(33.33% - 30px); margin: 0 15px; background-color: #fff; border:solid 1px #ebebec;}
.solution1-list .item:hover { border-color: #455889; }
.solution1-list .item .item-top { height: 150px; background-color: #ebebec }
.solution1-list .item .item-top dl dt { float: left; width: 30%; text-align: center; height: 150px; line-height: 150px; }
.solution1-list .item .item-top dl dd { width: 70%; float: left; padding: 30px 0; padding-right: 10px; }
.solution1-list .item .item-top dl dd h3 { font-size: 22px; font-weight: normal; line-height: 40px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.solution1-list .item .item-top dl dd .con { height: 48px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical;  }

.item-lists { height: 275px; overflow: hidden; overflow-y: scroll; margin: 12px; }
.item-lists ul { display: block; padding-right: 10px; }
.item-lists ul li { height: 46px; line-height: 45px; border-bottom: solid 1px #dfe0e1; font-size: 16px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.item-lists ul li span { font-family: "宋体"; }

.solution2 { background-color: #f5f5f5; }

.solution2-list { border-top: solid 1px #dedede; height: auto; overflow: hidden; text-align: center; padding: 18px 0 !important; }
.solution2-list dl { width: 24.5%; display: inline-block; margin: 16px 0; }
.solution2-list dl dt { height: 70px; line-height: 70px; text-align: center; }
.solution2-list dd{color:#333;font-size:16px;}

.solution-case-list { height: auto; overflow: hidden; }
.solution-case-list ul li { float: left; width: calc(16.6% - 20px); margin: 10px; border: solid 1px #ccc; }
.solution-case-list ul li:hover { border-color:#2e417c; }

.ny-more { text-align: center; padding: 28px 0; color: #333; }
.ny-more a { display: inline-block; width: 100px; height: 32px; border-radius: 16px; line-height: 32px;/* background-color: #fafafa;*/border:1px solid #ccc;}
.ny-more a:hover{color:#fff;background:#2e417c;}

.solution4 { background-color: #f4f4f4; }
.down-list { padding-bottom: 20px; height: auto; overflow: hidden; }
.down-list dl { background-color: #fafafa; width: calc(50% - 24px); float: left; display: block; padding: 20px; margin: 12px; transition:box-shadow .25s ease-in-out;-moz-transition: box-shadow .25s ease-in-out;-webkit-transition: box-shadow .25s ease-in-out; }
.down-list dl:hover { -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);  
  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .2);  
  box-shadow:0 0 20px rgba(0, 0, 0, .2);   } 
.down-list dl dt { height: 50px; line-height: 50px; font-size: 24px; color: #333; overflow: hidden; border-bottom: solid 1px #dadada; white-space:nowrap; text-overflow:ellipsis; }
.down-list dl dd { padding-top: 12px;}
.down-list dl dd .con { height: 48px; line-height: 24px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }
.down-list dl dd .download { margin-top: 16px; border:solid 1px #dedede; height: 35px; line-height: 32px; text-align: center; display: inline-block; background: url(../images/download-d.png) 28px center no-repeat; padding-left: 55px; padding-right: 26px; border-radius: 16px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.down-list dl dd .download:hover { background-image: url(../images/download.png); background-color: #2e417c; color: #fff; }
.down-list dt:hover{color:#2e417c;}

.down-list dl dd .more { width: 125px; margin-top: 16px; border:solid 1px #dedede; height: 35px; line-height: 32px; text-align: center; display: inline-block; text-align: center; border-radius: 16px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.down-list dl dd .more:hover {  background-color: #2e417c; color: #fff; }


.downloads { padding-bottom: 35px; background-color: #f5f5f5; }

.dl-output { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 9999; display: none; }
.dl-output .box { width: 566px; height: 380px; position: fixed; left: 50%; margin-left: -283px; top: 50%; margin-top: -190px; }
.dl-output .box .content { width: 526px; height: 350px; background-color: #fff;  float: left; margin-top: 20px; padding: 30px 20%;}
.dl-output .box .close { width: 38px; height: 38px; background: url(../images/close.png) no-repeat; float: right; margin: -10px 0 0 -10px; cursor: pointer; }

.dl-output .box .content input { border:solid 1px #dedede; height: 40px; line-height: 38px; padding: 0 10px; width: 100%; }
.dl-output .box .content ul li { padding: 8px 0; height: auto; overflow: hidden; }
.dl-output .box .content .yzm { width: 55%; float: left; }
.dl-output .box .content .btn { width: calc(100% - 55% - 10px); float: right; color: #888; background-color: #fff; padding: 0; text-align: center; font-size: 12px; }
.dl-output .box .content .down-btn { width: 100%; border: none; font-size: 18px; color: #fff; background-color: #2e417c; cursor: pointer; }
 
.solution-view{ max-width: 1280px; margin: 0 auto; background-color: #fff; padding: 3% 5%; padding-bottom: 5%; } 
.solution-title { padding: 12px 0; line-height: 48px; text-align: center; font-size: 32px; color: #2e417c; border-bottom: solid 1px #dfdfdf; position: relative;  margin-bottom: 30px;
}
.solution-title .share { position: absolute; right: 0; bottom: 20px; }
.solu-faqs { height: auto; overflow: hidden; padding-top: 20px; }
.solu-faqs dl dt { height: 70px; line-height: 70px; border-bottom: solid 1px #d7d8d9; position: relative; padding: 0 80px; font-size: 16px; color: #666; cursor: pointer; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.solu-faqs dl dt i { display: inline-block; position: absolute; }
.solu-faqs dl dt i.i1 { width: 70px; height: 69px; background-color: #d1d1d1; line-height: 69px; font-size: 24px; font-style: normal; color: #fff; text-align: center; left: 0; top: 0; }
.solu-faqs dl.cur dt i.i1 { background: #314a98; } 
.solu-faqs dl dt i.i2 { width: 32px; height: 32px; background: url(../images/f2.png); right: 16px; top: 16px;}
.solu-faqs dl.cur dt i.i2 { background-image: url(../images/f1.png); }
.solu-faqs dl.cur dt { background: #2e417c; color: #fff; }
.solu-faqs dl dd { padding: 20px 60px; line-height: 24px; background: #f4f7ff; display: none; }
.solu-faqs dl.cur dd { display: block; }
.solu-faqs dl dd .ask { color: #2e417c; }

.solu-down { padding: 20px 0; }
.solu-down ul li { background-color: #f9f9f9; padding: 20px 30px;border:1px solid #ccc;margin-top:20px; }
.solu-down ul li h3 { font-size: 16px; color: #2e417c; line-height: 32px; }
 
.solu-down ul li .download { margin-top: 16px; border:solid 1px #dedede; height: 35px; line-height: 32px; text-align: center; display: inline-block; background: url(../images/download-d.png) 28px center no-repeat; padding-left: 55px; padding-right: 26px; border-radius: 16px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; position: absolute; right: 20px; top: 15px; }
.solu-down ul li .download:hover { background-image: url(../images/download.png); background-color: #2e417c; color: #fff; }

.pro-view-list2 { height: auto; overflow: hidden; min-height: 120px; padding-top: 20px; position: relative; padding: 20px 70px; padding-bottom: 0; } 
.pro-view-list2 .swiper-slide{ width: calc(33.33% - 12px); float: left; text-align: center; padding: 20px; display: block; border: solid 1px #e5e5e5; margin: 6px; }
.pro-view-list2 dl dt { line-height: 24px; padding: 12px 0; font-size: 16px; font-weight: bold; position: relative; }
.pro-view-list2 dl dt:after { position: absolute; left: 50%; margin-left: -18px; bottom: 0; height: 3px; content: ''; width: 36px; background-color: #dcdcdc; }
.pro-view-list2 dl dd { padding-top: 10px; height: 58px; line-height: 24px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical;  }
.pro-view-list2 .swiper-slide:hover{ background-color: #2e417c; color: #fff; }
.pro-view-list2 a:hover {color: #fff; }

.pro-view-list2 .icon { display: block; width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; }
.pro-view-list2 .icon.icon-le { left: 0; background: url(../images/le-hover.png) no-repeat; background-size: 100% 100%; }
.pro-view-list2 .icon.icon-ri { right: 0; background: url(../images/ri-hover.png) no-repeat; background-size: 100% 100%; }
.pro-view-list2 .icon.icon-le.swiper-button-disabled {background: url(../images/le.png) no-repeat; background-size: 100% 100%;}
.pro-view-list2 .icon.icon-ri.swiper-button-disabled {background: url(../images/ri.png) no-repeat; background-size: 100% 100%;}
 
.ny-main2 { background-color: #f5f5f5; padding: 60px 0; height: auto; overflow: hidden; }
.contact { padding: 3% 5%; background-color: #fff; max-width: 1280px; margin: 0 auto; }
.contact1 { text-align: center; padding: 0 20%; line-height: 30px; padding-bottom: 45px; }
.contact10 { line-height: 30px; padding-bottom: 45px; }
.contact1 h3 { font-size: 36px; line-height: 50px; font-weight: normal; padding-bottom: 12px; }

.contact2 { height: auto; overflow: hidden; position: relative; margin-bottom: 30px; }
.contact2:after { width: 1px; height: 100%; background-color: #f0f0f0; content: ''; position: absolute; top: 0px; right: 56.8%; }
.contact2-le { width: 34%; float: left; margin: 0 4%; }
.contact2-le dl { width: 100%; height: auto; overflow: hidden; display: block; padding: 18px 0; border-bottom: dotted 1px #e1e1e1; }

.contact2-le dl dt { float: left; }
.contact2-le dl dd { width: calc(100% - 82px); padding: 6px 0; float: right; line-height: 28px; font-size: 16px; }
.contact2-le dl:last-child { border-bottom: none; }

.contact2-ri { width: 51.6%; float: right; }

.contact3 { height: auto; overflow: hidden;}
.contact3 dl { width: calc(50% - 24px); margin: 12px; float: left; display: inline-block; }
.contact3 dl dt { height: 55px; line-height: 55px; background-color: #f7f7f7; padding: 0 15px;color:#333;font-size:18px; }
.contact3 dl dd { padding: 10px 15px; line-height: 30px; }


.news-1{ max-width: 1280px; margin: 0 auto; background-color: #fff; padding:2%; padding-bottom: 0; height: auto; overflow: hidden; } 
.news-1-box { width:calc(50% - 40px); margin: 0 20px; float: left; }
.news-1-box:last-child { float: right; }
.news-1-box h3.title { font-size: 24px; line-height: 40px; font-weight: normal; }
.news-1-box .time { line-height: 34px; }
.news-1-box .con { height: 225px; line-height: 24px; padding-top: 12px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; box-orient:vertical; }
.news-1-box a.more { margin-top: 12px; display: inline-block; color: #2e417c; }

.news-1-box .swiper-slide { position: relative; }
.news-1-box .swiper-slide p.detail { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; line-height: 48px; background-color: rgba(0,0,0, .7); color: #fff; padding: 0 12px; }
.news-1-box .icon { display: block; width: 32px; height: 80px; position: absolute; top: 50%; margin-top: -40px; cursor: pointer; z-index: 99; }
.news-1-box .icon.icon-le { left: 0; background: url(../images/le2.png) no-repeat; background-size: 100% 100%; }
.news-1-box .icon.icon-ri { right: 0; background: url(../images/ri2.png) no-repeat; background-size: 100% 100%; }
.news-1-box .swiper-slide p.detail a:hover{color:#ccc;}
 
.news-2 dl { display: inline-block; width: 100%; height: auto; overflow: hidden; padding: 25px; border-bottom: solid 1px #e5e5e5; float: left; }
.news-2 dl:nth-child(1) { border-top: solid 1px #e5e5e5; }
.news-2 dl:hover { background-color: #f9f9f9; }
.news-2 dl dt { width: 27%; float: left; }
.news-2 dl dd { width: 70%; float: right; }
.news-2 dl dd .content { float: left; width: 76%; }
.news-2 dl dd .content h3.title { height: 42px; line-height: 42px; font-size: 18px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.news-2 dl dd .content .con { color: #666; height: 126px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:5; line-clamp:5; -webkit-box-orient:vertical; box-orient:vertical; }

.news-2 dl dd .content a.more { display: inline-block; margin-top: 36px; color: #2e417b; }

.news-2 dl dd .time { float: right; text-align: center; color: #666;}
.news-2 dl dd .time dl { width: 66px; margin: 0 20px; margin-top: 50px; text-align: center; padding: 0; border-bottom: none; float: none; }
.news-2 dl dd .time dl dt { width: 100%; font-size: 55px; border-bottom: solid 1px #666; line-height: 60px; }
.news-2 dl dd .time dl dd { width: 100%; line-height: 30px; }

.new-title { line-height: 36px; color: #2e417c; font-size: 24px; }
.new-c { position: relative; height: auto; overflow: hidden; border-bottom: solid 1px #e5e5e5; }
.new-c div { float: left; line-height: 40px; }
.new-c .t { background: url(../images/t.png) left center no-repeat; padding-left: 25px; }
.new-c .addr { background: url(../images/t2.png) left center no-repeat; padding-left: 24px; margin-left: 20px; }
.new-c .mark { margin-left: 30px; }
.new-c .share {}

.new-detail { line-height: 28px; padding: 12px 0; border-bottom: solid 1px #e5e5e5; }
.new-page { padding: 8px 0; border-bottom: solid 1px #e5e5e5; }
.new-page p { line-height: 20px; padding: 4px 0;}

.go-back { text-align: center; padding: 25px 0 0px 0; }
.go-back a{ display: inline-block; margin: 0 auto; height: 40px; line-height: 40px; color: #fff; width: 140px; background: url(../images/back.png) 26px center no-repeat #2e417c; padding-left: 55px; }
.go-back a:hover { color: #fff; }

.pro-view-ri3 { color: #fff; height: 50px; line-height: 50px; background-color: #2e417c; padding: 0 6%; } 

.pro-view-ri4 { padding: 0 6%; padding-top: 0; }
.pro-view-ri4 ul { display: block; margin-top: 10px; }
.pro-view-ri4 ul li { height: 32px; line-height: 32px; padding-left: 12px; position: relative; overflow: hidden; white-space: normal; text-overflow:ellipsis; }
.pro-view-ri4 ul li:before { width: 6px; height: 6px; background-color: #2e417c; position: absolute; left: 0; top: 13px; content: ''; } 
 
.pro-view-ri5 { padding: 6%;}
.pro-view-ri5 ul { display: inline-block; }
.pro-view-ri5 ul li { border-bottom: solid 1px #e5e5e5; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ivestor { background-color: #fff; padding: 3%; max-width: 1280px; margin: 0 auto; }
.ivestor-type { border-top: solid 1px #e2e2e2; border-bottom: solid 1px #16277d; height: 52px; }
.ivestor-type ul li { float: left; width: 132px; text-align: center; font-size: 16px; color: #333; border-left: solid 1px #fff; border-right: solid 1px #fff; height: 50px; line-height: 50px; background: url(../images/l2.jpg) right center no-repeat; cursor: pointer; }
.ivestor-type ul li.cur { border-left: solid 1px #16277d; border-right: solid 1px #16277d; background: none; position: relative; color: #16277d; }
.ivestor-type ul li.cur:before { position: absolute; left: -1px; top: -4px; width: 132px; height: 5px; background-color: #16277e; content: '' }
.ivestor-type ul li.cur:after { position: absolute; left: 0px; bottom: -1px; width: 130px; height: 1px; background-color: #fff; content: '' }
.ivestor-type ul li.bg-none{ background: none; }
.gupiao-pic { display: none; text-align: center; padding:60px 20px; }

.ivestor .lists { height: auto; overflow: hidden; padding-bottom: 25px; }
.ivestor .lists dl { padding: 30px; height: auto; overflow: hidden; border-bottom: solid 1px #e5e5e5; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.ivestor .lists dl:hover { background-color: #e5e5e5; }
.ivestor .lists dl dt { padding: 10px 15px; line-height: 30px; background-color: #e5e5e5; width: 95px; height: 95px; float: left; text-align: center; }
.ivestor .lists dl dt dl { padding: 0; border:none; }
.ivestor .lists dl dt dl dt,
.ivestor .lists dl dt dl dd { width: 100%; height: auto; overflow: hidden; text-align: center; }
.ivestor .lists dl dt dl dt { padding: 0; line-height: 50px; font-size: 48px; border-bottom: solid 1px #999; }
.ivestor .lists dl dd { width: calc(100% - 115px); height: 95px; float: right; }
.ivestor .lists dl dd h3 { height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 18px; font-weight: normal; }
.ivestor .lists dl:hover dd h3 a { color: #16277d; }
.ivestor .lists dl dd .con { height: 48px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }

.ivestor .map {}
.ivestor-contact { padding: 40px 0; height: auto; overflow: hidden; }
.ivestor-contact dl { width: 33.33%; display: inline-block; text-align: center; font-size: 18px; float: left; }
.ivestor-contact dl dt { height: 130px; line-height: 130px; }
.ivestor-contact dl dd { padding-bottom: 25px;}

/*活动*/
.hd-banner img { min-height: 200px; width: 100%; object-fit: cover; }

.wap-hd-banner img { display: none; min-height: 200px; width: 100%; object-fit: cover; }


.hd-nav { background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); height: auto; overflow: hidden; }
.hd-nav .logo { float: left; }
.hd-nav .hd-menu { float: right; }
.hd-nav .hd-menu ul li { border-bottom: solid 2px #fff; height: 62px; line-height: 60px; float: left; font-size: 16px; color: #555;}
.hd-nav .hd-menu ul li a { display: block; padding: 0 35px; }
.hd-nav .hd-menu ul li.cur { border-bottom-color: #2e417c; color: #2e417c; }

.hd-1 { max-width: 1280px; padding-bottom: 64px; height: auto; overflow: hidden; margin: 0 auto; }
.hd-1-le { width: 48%; float: left; }
.hd-1-ri { width: 48%; padding-right: 20px; line-height: 24px; float: right; height: 330px; overflow: hidden; overflow-y: scroll }

.hd-2 { background: url(../images/bg2.jpg) top center no-repeat; height: 886px; background-size: auto 100%; }
.hd-2 .lists { padding-bottom: 40px; }
.hd-2 .lists dl dt {  text-align: center; }
.hd-2 .lists dl dt img { border-radius: 50%; }
.hd-2 .swiper-slide { width: 25%; }
.hd-2 dl dd { height: 120px; text-align: center; color: rgba(255,255,255, .6); line-height: 24px; padding-top: 12px; }
.hd-2 dl dd h3 { line-height: 40px; font-size: 18px; font-weight: normal; color: #fff; }

.hd-2 .swiper-pagination-bullet { background: rgba(255,255,255, .6); }
.hd-2 .swiper-pagination-bullet-active { background-color: #fff !important; }

.hd-rc { max-width: 1280px; margin: 0 auto; padding-top: 12px; height: auto; overflow: hidden; }
.hd-rc dl { width: 25%; float: left; cursor: pointer; }
.hd-rc dl dt { text-align: center; }
.hd-rc dl dt i { width: 106px; height: 106px; background-repeat: no-repeat; background-position: center center; background-color: #fff; border-radius: 50%; display: inline-block; text-align: center; margin: 0 auto; }
.hd-rc dl:nth-child(1) dt i { background-image: url(../images/t-1.png); }
.hd-rc dl:nth-child(2) dt i { background-image: url(../images/t-2.png); }
.hd-rc dl:nth-child(3) dt i { background-image: url(../images/t-3.png); }
.hd-rc dl:nth-child(4) dt i { background-image: url(../images/t-4.png); }
.hd-rc dl:nth-child(1).cur dt i { background-image: url(../images/t-1-w.png); background-color: #2e417c; }
.hd-rc dl:nth-child(2).cur dt i { background-image: url(../images/t-2-w.png); background-color: #2e417c; }
.hd-rc dl:nth-child(3).cur dt i { background-image: url(../images/t-3-w.png); background-color: #2e417c; }
.hd-rc dl:nth-child(4).cur dt i { background-image: url(../images/t-4-w.png); background-color: #2e417c; }
.hd-rc dl dd { text-align: center; padding-top: 12px; }

.hd-rc dl dd h3 { font-size: 16px; font-weight: bold; line-height: 32px; }

.hd-rc-item { padding-top: 24px; max-width: 1280px; margin: 0 auto; line-height: 24px; display: none; }

.rc-tab { width: 100%; border-top: solid 1px #fff; border-left: solid 1px #fff; } 
.rc-tab tr th { background-color: #2e417c; line-height: 64px; padding: 0 30px; color: #fff; font-size: 24px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }
.rc-tab tr td { padding: 20px 30px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 24px; }

.hd-3 { background: url(../images/bg3.jpg) top center no-repeat; background-size: auto 100%; padding-bottom: 45px; }
.hd-3-title { border-bottom: solid 1px #dadada; max-width: 1280px; margin: 0 auto; line-height: 55px; color: #fff; font-size: 18px; }

.hd-3 .lists { padding: 20px 0; }

.hd-3 .lists .swiper-slide { width: 16.66%; float: left; } 
.hd-3 .lists .swiper-slide .item img { width: 100%; padding: 8px; }

.hd-4 { background-color: #f4f4f4; }
.hd-4 .lists { height: auto; overflow: hidden; }
.hd-4 .lists ul li { float: left; width: 16.66%; text-align: center; padding: 0 0 40px 0; height: auto; overflow: hidden; }
.hd-4 .lists ul li a { width: 120px; height: 120px; line-height: 120px; text-align: center; display: inline-block; background-color: #fff; border-radius: 50%; font-size: 24px; }
.hd-4 .lists ul li.cur a { background-color: #2e417c; color: #fff; }

.hd-new-list { height: auto; overflow: hidden; margin-top: -20px;}
.hd-new-list dl { width: calc(33.33% - 40px); margin: 20px; float: left; transition:box-shadow .25s ease-in-out;-moz-transition: box-shadow .25s ease-in-out;-webkit-transition: box-shadow .25s ease-in-out;  }
.hd-new-list dl:hover { -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);  
  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .2);  
  box-shadow:0 0 20px rgba(0, 0, 0, .2); }

.hd-new-list dl dt img { width: 100%; }
.hd-new-list dl dd { padding: 10px 22px; }
.hd-new-list dl dd h3{ line-height: 36px; font-weight: normal; font-size: 18px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.hd-new-list dl dd .con { height: 48px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }

.hd-vod-list dl dt { padding: 10px; background-color: #f4f4f4; position: relative; }
.hd-vod-list dl:hover { box-shadow: none !important; }
.hd-vod-list dl dd h3{ text-align: center; }
.hd-vod-list dl dt .v-icon { background: url(../images/v-icon.png) no-repeat; width: 54px; height: 54px; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; z-index: 99; cursor: pointer; }

.vod-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .65); z-index: 999; display: none; }
.vod-bg .box { position: fixed; width: 80%; max-width: 800px; height: 540px; background-color:#fff; transform: translate(-50%, -50%); -web-kit-transform: translate(-50%, -50%); left: 50%; top: 50%; }
.vod-bg .box .video { width: 100%; height: 100%; padding: 10px;}
.vod-close { position: absolute; right: -30px; top: -30px; }
.vod-close img { cursor: pointer; }

.partner-type { text-align: center; padding-top: 65px; }
.partner-type ul { display: block; text-align: center; }
.partner-type ul li { cursor: pointer; display: inline-block; margin: 2px; background-color: #f6f6f6; height: 40px; line-height: 40px; text-align: center; padding: 0 24px; }
.partner-type ul li.cur { background-color: #2e417c; color: #fff; }
.partner-type ul li.cur a:hover{color:#fff;}

.partners { height: auto; overflow: hidden;padding-top:30px;}
.partners ul li { float: left; width: calc(20% - 30px); margin: 15px;border:1px solid #ccc; }
.partners ul li img { width: 100%; }

.parnter2 { height: auto; overflow: hidden; }
.parnter2 dl { border-bottom: solid 1px #dadada; padding: 30px 0;  height: auto; overflow: hidden;}
.parnter2 dl dt { border: solid 1px #dadada; width: 46%; padding: 20px; float: left; }
.parnter2 dl dd { width: 48%; float: right; line-height: 28px; }
.parnter2 dl dd h3 { height: 48px; line-height: 48px; font-size: 24px; font-weight: normal; border-bottom: solid 1px #dadada }
.parnter2 dl dd .con { padding-top: 6px; }

.parnter2 dl:nth-child(2n) dt { float: right; }
.parnter2 dl:nth-child(2n) dd { float: left; }
.parnter2 dl:last-child { border-bottom: none; }

.mystyle { float: left; margin-right: 20px; }


.ctUs-map{width:100%;border:1px solid #bed2c8;position:relative;overflow:hidden; }
.ctUs-map img{max-width: none;}

.Container-wrapper {position:relative;left:0px;width:100%;height:auto;}
/*网站地图*/
.web-map{padding:.57rem 0 .64rem;}
.wMap-top{line-height:47px;text-align:center;font-weight:600;font-size:32px;color:#333;padding:0 0 .15rem;border-bottom:1px solid #e5e5e5;}
.wMap-list{width:104.25%;margin:0 0 0 -4.25%;}
.wMap-list li{width:33.333%;padding:0 0 0 4.25%;float:left;margin:.4rem 0 0;}
.wMap-list .wMap-box{padding:.23rem .3rem .22rem;color:#333333;border:1px solid #e5e5e5;border-radius:15px;}
.wMap-box .top{line-height:25px;font-size:18px;padding:0 0 .2rem;text-align:center;border-bottom:1px solid #e5e5e5;margin:0 0 .13rem;}
.wMap-box a{display:block;width:50%;padding:.05rem 0;line-height:24px;color:#666666;float:left;}


.pre_nextpage{ padding: 1.8% 1%; border-bottom: 1px solid #e5e5e5; /*border-top: 1px solid #e5e5e5;*/ height: auto; overflow: hidden;}
.pre_nextpage a{ display: inline-block; width: 50%; line-height: 30px; background-size: 30px 30px;}


.vod-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .65); z-index: 999; display: none; }
.vod-bg .box { position: fixed; width: 80%; max-width: 800px; height: 586px; background-color:#000; transform: translate(-50%, -50%); -web-kit-transform: translate(-50%, -50%); left: 50%; top: 50%; }
.vod-bg .box .video { width: 90%; height: 90%; margin: 5%; margin-top: 5%; }
.colse { float: right; padding: 10px 10px 0 0; }
.colse img { cursor: pointer; }

/*顶部搜索*/
.Hsrch-box{width:300px;padding:0 45px 0 65px;height:50px;background:#fff;position:absolute;top:58px;right:0px;z-index:2;display:none;}
.Hsrch-box select{display:block;width:60px;height:50px;padding:0 0 0 5px;background:#fff;border:0px;position:absolute;left:0px;top:0px;margin:0px;}
.Hsrch-box .btn{display:block;width:40px;height:50px;padding:0px;background:url(../images/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;margin:0px;}
.Hsrch-box .text{display:block;padding:0px;width:100%;height:50px;line-height:50px;background:#fff;border:0px;margin:0px;}
.Hsrch-box i{display:block;width:1px;height:20px;background:#ccc;position:absolute;top:15px;right:40px;}