/* header{position:fixed;top:0;left:0;z-index:99;width:100%;background-color:#fff;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
 */
.page-wrapper{ background-color:#fff;margin:-180px auto 140px; position:relative; z-index:10;box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);}

.page-banner{ width:100%; position:relative; height:450px; overflow:hidden;min-width:1260px; } 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1); }
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover;background-position:center;}
.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}

.page-nav{ height:60px;text-align:center; background-color:#f2f2f2; margin:0 30px}
.page-nav ul{ float:right}
.page-nav ul li{ position:relative;display:inline-block; padding:0 20px;}
.page-nav ul li a{ vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color; transition-property: color;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:inline-block;  position:relative; text-align:center;  line-height:60px;  }
.page-nav ul li a:before {content:""; position: absolute;z-index: -1;bottom:-2px;left: 0;right: 0;background: #191f66;-webkit-transform: scaleX(0);transform: scaleX(0); transition: all 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);color: #fff;padding: 0px 20px; height:4px;display:none\9}
.page-nav ul li a:hover:before,.page-nav ul li a:focus:before,.page-nav ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.page-nav ul li a:hover{ color:#191f66;  color:#fff\9}
.page-nav ul li.current a{ color:#191f66; font-weight:bold}
.page-nav ul li.current a:before,.page-nav ul li.current a:focus:before,.page-nav ul li.current a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.page-top{ padding:30px 30px 0; height:120px; overflow:hidden; position:relative}
.page-title strong{margin-left: 30px;font-weight:500;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:fantasy;text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.page-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}

.location{ position:absolute; right:30px;top:77px; line-height:20px; font-size:14px;}
.location i{ display:inline-block; width:10px; height:10px; background:url(../image/home-icon.png) no-repeat; position:relative;top:1px }
.location em{ display:inline-block; background:url(../image/location-li.png) no-repeat; width:3px; height:5px; margin:0 10px; position:relative;top:-2px }
.location a{ color:#aaa}
.location a:hover{ color:#006db8}
.location a:last-child{ color:#666; font-weight:bold}

.sub-location{ float:left; margin-left:20px; margin-top:20px; line-height:20px; font-size:12px;}
.sub-location i{ display:inline-block; width:10px; height:10px; background:url(../image/home-icon.png) no-repeat; position:relative;top:1px }
.sub-location em{ display:inline-block; background:url(../image/location-li.png) no-repeat; width:3px; height:5px; margin:0 10px; position:relative;top:-2px }
.sub-location a{ color:#aaa}
.sub-location a:hover{ color:#006db8}
.sub-location a:last-child{ color:#666; font-weight:bold}

@-webkit-keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@-webkit-keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

@keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

/* 小首页 */
.ab-topbox{display: flex;justify-content: space-between;padding:30px;align-items: center;}
.ab-about,.ab-promo{width: 49%;height:400px/* display: flex;align-items: center;justify-content: space-between; */}
.ab-about .ab-left{height: 270px;overflow: hidden;margin-bottom: 15px;}
.ab-about .ab-left img{width: 100%;height: 100%;display: block;object-fit: cover;}
.ab-about .ab-right{line-height: 1.8;text-indent: 2em;text-align: justify;font-size: 16px;}
.ab-about .ab-right a{color: #191f66;margin-left: 10px;-webkit-transition: all .3s ease;transition: all .3s ease}
.ab-about .ab-right a:hover{text-decoration: underline;}
.ab-links{width: 32%;}
.ab-links a{display: block;width: 100%;height: 50px;margin-bottom: 20px;background-color: #f5f5f5;line-height: 50px;font-size: 16px;text-align: center;-webkit-transition: all .2s;transition: all .2s}
.ab-links a:last-child{margin-bottom: 0;}
.ab-links a:hover{background-color: #191f66;color: #fff;}
.ab-main{padding:30px;display: flex;justify-content:space-between;}
.ab-main .litem{width: 32%;background-color: #f5f5f5;position: relative;}
.ab-main .litem .imgb{width: 100%;height: 240px;overflow: hidden;}
.ab-main .litem img{width: 100%;height: 100%;display: block;object-fit: cover;-webkit-transition: all .3s ease;transition: all .3s ease}
.ab-main .litem p{padding:20px ;font-size: 16px;color: #333;font-weight: bold;}
.ab-main .litem:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.ab-main .litem:hover p{color: #191f66;}
/* 新增 */
.ab-promo video{width: 100%;height: 100%;}

.ab-bottom{padding:30px;display: flex;justify-content: space-between;}
.his-con{width: 38%; line-height:2;  color:#666}
.ab-con .ab-tit{font-size: 20px;color: #191f66;font-weight: bold;margin-bottom:20px;}
.ab-con .ab-tit::before{content: '';display: inline-block;width: 20px;height: 4px;margin-right: 10px;background-color: #191F66;vertical-align: middle;}
.ab-con .ab-tit .n-more{display: block;float: right;padding:5px ;color: #666;text-align: center;font-size: 14px;font-weight: normal;}
.ab-con .ab-tit .n-more:hover{color: #191f66;text-decoration: underline;}
.his-con .item{ margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.his-con .item label{ color:#191f66; font-size:16px;}
.his-con .item:last-child{ border-bottom:0}


/* .his-con .n-more{display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;background-color: #f5f5f5;font-size: 16px;color: #333;margin: 10px auto 30px;-webkit-transition: all .3s ease;transition: all .3s ease}
.his-con .n-more:hover{background-color: #191f66;color: #fff;}
 */
.dev-con{width: 60%;}
.dev-con img{max-width: 100%;}

.c-bot{display: flex;text-align: center;justify-content: center;}
.c-bot a{display: block;width: 150px;margin: 20px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background-color: #191f66;color: #fff;}
.c-bot a:hover{background-color: rgba(25,31,102,.9);}
/* ----end----- */

.news-box{padding:30px;position: relative;}
.news-box .nItem .title,.social-box .nItem .title{font-size: 20px;font-weight: bold;margin-bottom: 20px;border-left: solid 4px #191f66;padding-left: 10px;color: #191f66;background-color: #f5f5f5;padding:10px 20px;}
.news-box .nItem .title .n-more{display: block;float: right;line-height:30px;color: #191F66;text-align: center;font-size: 14px;font-weight: 500;}
.news-box .nItem li{ background-color:#fff; padding:30px 0; position:relative;border-bottom: solid 1px #eee;}
.news-box .nItem li:last-child{border-bottom: 0;}
.news-box .nItem li a{position: relative;-webkit-transition: background-color .25s;transition:background-color .25s;display: flex;align-items: center;justify-content: space-between;}
.news-box .nItem li .image{ width:330px;height: 180px;overflow: hidden;}
.news-box .nItem li .image img{ width:100%; height:100%;object-fit: cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.news-box .nItem li .text{width: 70%;}
.news-box .nItem li .text span{ display:block; font-weight:600; font-size:28px; color:#006db8}
.news-box .nItem li .text h2{ font-size:16px; font-weight:bold; line-height:1.6; margin-top:10px}
.news-box .nItem li .text h2 a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-box .nItem li .text p{ margin-top:15px; line-height:1.8; color:#aaa; font-size:14px}
.news-box .nItem li .more{width: 0px;height: 180px;background: url(../image/news-more.jpg) no-repeat right center; box-shadow: -100px 0 180px #f2f6f7; opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-box .nItem li a:hover{ background-color:#f7f7f7}
.news-box .nItem li a:hover .more{ right:0;opacity: 1; width:180px;}
.news-box .nItem li:hover .image img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.news-box .nItem li:hover .text h2{color:#191f66 ;}

/* ---new  news--- */
.news-box2{display: flex;justify-content: space-between;}
.news-box .boxItem{width: 49%;}
.news-box h2{ font-size:20px; font-weight:bold; position:relative;}
.news-box h2 a{ display:inline-block; margin-right:30px; color:#191f66;border-bottom: solid 3px #191f66;}
.news-box .con{ margin-top:20px; position:relative}
.news-box a.more{ position:absolute; right:0;top:-53px; font-size:14px; color:#666; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px;}
.news-box a.more:hover{ color:#4a4a4a; background-color:#eee}
.news-box dl{ padding-bottom:20px;border-bottom:1px #ddd dotted; position:relative;display: flex;justify-content: space-between;align-items: center}
.news-box dl .image{ width:37%;height: 150px;}
.news-box dl .image img{ width:100%;height: 100%;object-fit: cover;}
.news-box dl .text{width: 60%;}
.news-box dl strong{display:block; font-size:18px;position:relative; line-height:24px;}
.news-box dl strong a{ color:#444;max-width:100%;_width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block; }
.news-box dl strong em{color:#006db8;display: block;font-size: 16px;margin: 5px 0 10px; }
.news-box dl strong a:hover{ color:#191f66}
.news-box dl p{ font-size:16px; color:#666; line-height:1.8; overflow:hidden; text-align: justify;}
.news-box dl p a{ color:#666;}
.news-box dl p a:hover{ text-decoration:underline; color:#191f66}
.news-box .u-news{ margin-top:10px;}
.news-box .u-news li{ padding:6px 0; margin-right:75px; position:relative }
.news-box .u-news li a{ background:url(../image/history-li.png) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:85%;_width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:left;font-size: 16px;}
.news-box .u-news li span{ font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}
/* ---end--- */

/* ---new product---- */
.pro-box{margin-top: 40px;}
.pro-box .pro-tit{font-size:20px;font-weight:bold; position:relative;margin-bottom: 30px;}
.pro-box .pro-tit span{display:inline-block;color:#191f66;border-bottom: solid 3px #191f66;padding-bottom: 10px; }
.pro-box .pro-tit a{float: right;font-size:14px; color:#666; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px;font-weight: 500;}
.pro-box .prolist li .imgbox{width:100%;height: 260px;overflow: hidden;}
.pro-box .prolist li p{padding: 20px;font-size: 16px;color: #333;margin-bottom: 0;text-indent: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* --- end --- */

/* ---new social--- */
.soc-box{position: relative;overflow: hidden;}
.soc-box .nItem{width: 49%;float: left;margin-right: 2%;}
.soc-box .nItem:last-child{margin-right: 0;}
.soc-box .nItem li{padding: 10px 0;}
.soc-box .nItem li .image{width: 38%;margin-right: 2%;}
.soc-box .nItem li .text{width: 60%;}
.soc-box .nItem li .text p{display: -webkit-box;display: -moz-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.soc-box .nItem li .text span{font-size: 18px;}
.soc-box .nItem li .text h2{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.soc-box .nItem li .more{display: none;}
/* --- end --- */

.party-right{width: 65%;}
.party-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.party-top a{display: block;width: 49%;height: 50px;background-color: #f5f5f5;line-height: 50px;font-size: 16px;text-align: center;-webkit-transition: all .2s;transition: all .2s}
.party-top a:hover{background-color: #191f66;color: #fff;}
.party-fc{ overflow:hidden;}
.party-fc .title{font-size: 16px;font-weight: bold;margin-bottom: 20px;margin-bottom: 20px;}
.party-fc ul{display: flex;justify-content: space-between;align-items: center;}
.party-fc ul li{ width:32%; border:1px #eee solid;  background-color:#f7f7f7}
.party-fc ul li:nth-child(4n){margin-right: 0;}
.party-fc ul li img{ width:100%;height: 257px;object-fit: cover;}
.party-fc ul li span{ display:block; text-align:center; line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.party-fc .n-more,.social-box .n-more{color:#191f66 ;float: right;font-weight: 500;font-size: 14px;line-height: 2;}

.social-box{padding:30px;}
.social-box .nItem{width: 100%;margin-bottom:30px ;}
.social-box .nItem .title{border-left: solid 2px #191f66;padding-left: 10px;}
.social-box .nItem ul{overflow: hidden;}
.social-box .nItem ul li{width: 32%;margin-right: 2%;background-color: #f7f7f7;float: left;}
.social-box .nItem ul li:last-child{margin-right: 0;}
.social-box .nItem ul li a{display: block;}
.social-box .nItem ul li .imgb{width: 100%;height: 240px;overflow: hidden;}
.social-box .nItem ul li .imgb img{width: 100%;height: 100%;display: block;object-fit: cover;-webkit-transition: all .3s ease;transition: all .3s ease}
.social-box .nItem ul li:hover .imgb img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.social-box .nItem ul li p{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:15px 15px 0 15px;font-weight: bold;}
.social-box .nItem ul li span{font-size: 14px;padding:5px 15px 15px 15px;display: block;color: #666;text-align: justify;}
.staff-links{width: 100%;}

.social-box .item-a{ margin-bottom: 40px;}
.social-box .item-a .text{ width:68%; float:right; padding-left:30px;}
.social-box .item-a .text h2{font-size:24px;height:100px; line-height: 1.2;}
.social-box .item-a .text h2 strong{font-weight:normal}
.social-box .item-a .text h2 span{ display:block; margin-top:10px; font-family:fantasy; font-size:40px;  font-weight:bold; color:#006db8}
.social-box .item-a .text p{ line-height:2; color:#6a6a6a; font-size:15px;}
.social-box .item-a .image{ width:32%; float:left;}
.social-box .item-a .image  img{ width:100%}

/* --staff-- */
.staff-dy{margin-bottom:30px;overflow: hidden;}
.staff-dy .img{width: 40%;float: left;height:250px;margin-right: 2%;}
.staff-dy .img img{width: 100%;height: 100%;object-fit: cover;}
.staff-dy .txt{position: relative;overflow: hidden;padding:30px 0}
.staff-dy p{text-align:justify;line-height: 2.8;font-size: 16px;}
.social .item-a .image{height: 240px;}
.social .item-a .image img{height: 100%;object-fit: cover;}

/* 董事长致辞 */
.speech{ padding:40px 30px 50px}
.speech .text{ width:100%;line-height:2;}
.speech .text p{ margin-bottom:15px;text-indent: 2em;}

/* 集团简介 */
.page-con{ padding:30px}
.about .about-title strong{ display:block; font-size:26px;letter-spacing: 6px; }
.about .about-title span{ display:block; font-size:14px; color:#aaa;text-transform: uppercase }
.about .since{ font-family:fantasy;color:#006db8; font-size:30px}
.about .content-a{ margin-top:10px; line-height:2;font-size:18px; color:#666; position:relative}
.about .content-a p{font-size: 14px;text-indent: 2em;}

.about .content-b{ margin-top:30px; line-height:2; color:#666}
.about .content-b h2{font-size:16px; font-weight:bold; position:relative; color:#191f66}
.about .content-b h2:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:9px solid #191f66; position:absolute; left:70px; top:5px; }
.about .content-b p{ margin-top:15px;}
.about .about-pic{padding:30px;height: 700px;}
.about-contact{ padding:30px; background-color:#f7f7f7; position:relative}
.about-contact h2{ font-size:18px; font-weight:bold}
.about-contact p{ margin-top:20px; line-height:1.8;font-size: 16px;}
.about-contact p a.btn{ background-color:#006db8; display:block; width:130px; line-height:28px; color:#fff; margin-top:10px; font-size:16px;}
.about-contact .qr{ position:absolute; right:30px;top:55px;}
.about-contact .qr .image{ display:block; width:140px; height:140px;}
.about-contact .qr .image img{ width:100%}
.about-contact .qr span{ display:block; font-size:14px; margin-top:10px; color:#aaa; text-align:center; line-height:1.6}
.about p img{max-width: 100%;}

/* 发展历程 */
.history{ margin-top:30px; background-color:#f5f5f5; position:relative; padding-left:550px; }
.history-left{ width:550px; padding:30px; position:absolute; left:0;top:0;}
.history-title{ font-size:26px; margin-bottom:20px; position:relative}
.history-title:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:115px; top:13px; }
.history-title2{ font-size:26px;  position:relative; background-color:#fff; border-top:1px #eee solid;height:95px; padding-top:30px; padding-left:40px}
.history-title2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:125px; top:43px; }
.history-tab{ height:60px; }
.history-tab a{ line-height:60px; text-align:center;width:160px; background-color:#fff; color:#bbb; font-family:fantasy;display:inline-block; font-size:24px; position:relative}
.history-tab a span{ font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; font-size:20px;}
.history-tab a.current:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:5px solid #191f66; position:absolute; left:50%; margin-left:-8px;bottom:-5px;}
.history-tab a.current{ background-color:#191f66; color:#fff}
.history-left .con{ margin-top:30px}
.history-left .content{ line-height:2; margin-top:40px; color:#8a8a8a}
.history-left .content .item{ margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.history-left .content .item label{ color:#191f66; font-size:16px;}
.history-left .content .item:last-child{ border-bottom:0}
.history-left .title{ margin-top:20px; font-weight:bold; font-size:18px;}

.history-left .slider{ width:488px; overflow:hidden}
.history-left .slider .bd li{width:240px;margin-right:10px;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);}
.history-left .slider .bd li img{width:100%;height:144px}
.history-left .slider .bd li span{ display:block;height:60px; line-height:60px;padding:0 20px; background-color:#fff; text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.history-right{  background-color:#fff; min-height:750px; _height:750px; padding-bottom:50px}
/*时间轴*/
.time_line{ width:90%; margin:0 auto}
.time_line .hd{  height:32px;  border-bottom:2px #e2e2e2 solid;margin:0 40px; position:relative; }
.time_line .hd .prev,.time_line .hd .next{width:40px; height:40px; border-radius:40px; display:block; position:absolute;text-align:center; background-color:#f2f2f2; z-index:20; top:10px; }
.time_line .hd .prev{  left:-40px;}
.time_line .hd .next{right:-40px; top:10px;}
.time_line .hd i{font-family: cursive;font-size: 20px;line-height: 40px;font-weight: 550;}

.time_hdwarp{ width:100%; height:60px; overflow:hidden; position:relative;}
.time_line .hd ul{ width:10000px; height:60px;position:absolute; left:0; top:0px;}
.time_line .hd ul li{ width:120px; height:60px;float:left; text-align: center; color:#666; font-size:16px; cursor:pointer; position:relative}
.time_line .hd ul li label{ display:block; width:60px; line-height:16px; line-height:16px; position:absolute; left:50%; margin-left:-30px;top:0;cursor:pointer;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.time_line .hd ul li .dot{ width:10px; height:10px; position:absolute; left:50%; margin-left:-5px;top:26px;}
.time_line .hd ul li .dot em{ display:block; width:10px; height:10px; position:absolute; left:0;top:0;border-radius:10px; background-color:#ddd;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;  }
.time_line .hd ul li .dot i{ display:block; width:0px; height:0px; position:absolute; left:5px;top:5px;border-radius:0px; background-color:#191f66; z-index:2;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.time_line .hd ul li.ontime label{ color:#191f66;}
.time_line .hd ul li.ontime .dot em{ width:20px; height:20px;left:-5px;top:-5px;border-radius:20px; background-color:#fff; border:1px #ddd solid}
.time_line .hd ul li.ontime .dot i{ width:10px; height:10px; position:absolute; left:0;top:0;border-radius:10px;}
.time_line .bd{ width:100%; margin-top:50px;}
.time_line .bd ul li{ display:none;}
.time_line .bd ul li div.history-item{ margin-bottom:25px; background:url(../image/history-li.png) no-repeat 0 12px; padding-left:18px; line-height:2; font-size:16px;}
.time_line .bd ul li div.history-item .image{ margin-top:10px; }
.time_line .bd ul li div.history-item .image img{ width:360px; height:240px; border-radius:5px; overflow:hidden}
.time_line .bd ul li div.history-item label{ display:block; color:#006db8}
@media (max-width:1550px){
	.time_line .bd ul li div.history-item{ font-size:15px;}
}

/* 组织机构 */
.zuzhi{ text-align:center; padding:40px 0 50px}
.zuzhi img{max-width: 100%;display: block;margin: auto;}

/* 集团荣誉 */
.nysub-nav{ margin:30px auto;  text-align:center;display: flex;align-items: center;justify-content: center;}
.nysub-nav a{ display:inline-block; line-height:42px; color:#666; padding:0 20px; background-color:#eee; margin:0 2px; border-bottom:2px #e2e2e2 solid}
.nysub-nav a.current{ background-color:#191f66; border-bottom:2px #191f66 solid; color:#fff}
.honor .honor-list{ overflow:hidden; padding:30px}
.honor .honor-list ul li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%;border:1px #eee solid; padding:10px; background-color:#f7f7f7}
.honor .honor-list ul li:nth-child(4n){margin-right: 0;}
.honor .honor-list ul li img{ width:100%;}
.honor .honor-list ul li span{ display:block; text-align:center; line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 人力资源 */
.job-con{ padding:30px;}

.hr-list li {padding:10px 20px;border-bottom: dashed   1px #eee;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out;}
.hr-list li:nth-child(odd){background-color: rgba(25,31,102,.1);}
.hr-list li:last-child{border-bottom: 0;}
.hr-list li.hr-title{font-size: 16px;font-weight: bold;background-color: #191F66;color: #fff;border-bottom: 0;margin-bottom: 20px;}
.hr-list li.hr-title a{color: #fff;}
.hr-list li.hr-title:hover{background-color: #191F66;}
.hr-list li.hr-title:hover a{color: #fff;}
.hr-list li a{display: flex;font-size: 16px; }
.hr-list li a div{width: 50%;}
.hr-list li a .hr-right{line-height: 2;}
.hr-list li a .date{font-size: 14px;color: #999;margin-top: 10px;display: block;}
.hr-list li:hover a{color: #333;}
.hr-list li:hover .hr-left{color: #191F66;}

.article-list{ padding:30px}
.article-list li{ text-align:right; padding:20px 0; border-bottom:1px #e8e8e8 solid }
.article-list li a{ float:left; background:url(../image/history-li.png) no-repeat 0 center; padding-left:15px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:580px;_width:580px;}
.article-list li span{ color:#aaa}

/**************分页********************/
#pages{ text-align:center; padding-top:30px; }
#pages a{ display:inline-block; padding:11px 16px; background-color:#fff; border:1px #e2e2e2 solid; color:#888; margin:0 2px;-webkit-transition: background-color .25s;transition:background-color .25s; border-radius:3px }
#pages a:hover{  color:#191f66}
#pages a.active,#pages a.page-num-current{ background-color:#191f66; border-color:#191f66;  color:#fff}
#pages a.prev,#pages a.next{ font-size:14px; position:relative;} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}

/* 集团新闻 */
.news-con{ padding:30px 0; }
.news-list li{ background-color:#fff; margin:0 30px; padding:30px 0; position:relative;border-bottom: solid 1px #eee;}

.news-list li:last-child{border-bottom: 0;}
.news-list li a{position: relative;-webkit-transition: background-color .25s;transition:background-color .25s;display: flex;align-items: center;justify-content: space-between;}
.news-list li .image{ width:330px;height: 180px;overflow: hidden;}
.news-list li .image img{ width:100%; height:100%;object-fit: cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.news-list li .text{width: 70%;}
.news-list li .text span{ display:block; font-weight:600; font-size:28px; color:#006db8}
.news-list li .text h2{ font-size:16px; font-weight:bold; line-height:1.6; margin-top:10px}
.news-list li .text h2 a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li .text p{ margin-top:15px; line-height:1.8; color:#aaa; font-size:13px}
.news-list li .more{width: 0px;height: 180px;background: url(../image/news-more.jpg) no-repeat right center; box-shadow: -100px 0 180px #f2f6f7; opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list li a:hover{ background-color:#f7f7f7}
.news-list li a:hover .more{ right:0;opacity: 1; width:180px;}
.news-list li:hover .image img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.news-list li:hover .text h2{color:#191f66 ;}
/* 内容详情页 */
.news-view .news-info .title{ color:#333; text-align:center; padding:55px 100px 29px;}
.news-view .news-info .title h1{font-size:24px; font-weight:500;line-height:36px;}
.news-view .news-info .title p{color:#666;font-size:22px;  padding-top:5px; }
.news-view .news-info .info{color:#999; position:relative; padding:20px 40px; height:60px; background-color:#f4f4f4}
.news-view .news-info .info span.source{background: url(../image/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.date{background: url(../image/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.hits{background: url(../image/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-view .news-info .info .share{ position:absolute; right:40px;top:21px;}
.news-view .content{ line-height:200% ;  margin-top:20px; font-size:16px; margin:30px 40px 40px 40px;}
.news-view .content p{ margin-bottom:15px;line-height:200% ;text-indent: 2em;}
.news-view .content img{display: block;margin:10px auto;max-width: 100%;}
.news-view .content span{ margin-bottom:15px;line-height:240% ;}
.news-view .content h3{ margin:25px 0 10px ; font-size:16px ;}
.other{  background-color:#f7f7f7; padding:20px 40px 40px; font-size:14px;}
.other .left{ float:left;color:#999;}
.other .left p{ height:30px;}
.other .left p a{ margin-left:3px;}

/* 集团党建 */
.party .party-nav{ margin:30px auto;  text-align:center;display: flex;align-items: center;justify-content: center;}
.party .party-nav a{ display:inline-block; line-height:42px; color:#666; padding:0 20px; background-color:#eee; margin:0 2px; border-bottom:2px #e2e2e2 solid}
.party .party-nav a.current{ background-color:#191f66; border-bottom:2px #191f66 solid; color:#fff}
.party .content{ line-height:200% ;  padding:20px 0; font-size:16px;margin: 30px;}
.party .content p{ margin-bottom:15px;line-height:200% ;text-indent: 2em;}
.party .content img{display: block;margin:10px auto;max-width: 100%;}

/* 党员标兵 */
.party .member-list{ overflow:hidden; padding:30px}
.party .member-list ul li{ width:23.5%; float:left; margin-right:2%;margin-bottom:2%;border:1px #eee solid; padding:10px; background-color:#f7f7f7}
.party .member-list ul li:nth-child(4n){margin-right: 0;}
.party .member-list ul li img{ width:100%;height: 180px;object-fit: contain;}
.party .member-list ul li span{ display:block; text-align:center; line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 旗下产业 */
.cybody{background-color: #e0e2e4;}
.business-location{padding:20px 0; border-bottom:1px rgba(20, 145, 200, 0.1) solid; position:relative; z-index:20 }
.business-location .wrapper{ color:#666; font-size:14px; position:relative}
.business-location i{ display:inline-block; width:10px; height:10px; background:url(../image/home-icon.png) no-repeat; position:relative;top:1px }
.business-location .wrapper a{ margin:0 2px}

.business-location.black{ border-bottom:0; background-color:#eee}
.business-location.black .wrapper{ color:#999}
.business-location.black .wrapper a{ color:#666}

.business-main{ width:100%; overflow:hidden; position:relative;}
.business-main .item-wrapper{ padding:3% 0 8%; }
.business-main .items{ width:24%; height:400px; margin-right:1%;background: #fff;overflow:hidden; float:left; position:relative;visibility:visible\9; box-shadow:0px 3px 25px 0px rgba(0,0,0,0.1); z-index:2 }
.business-main .items:last-child{margin-right: 0;}
.business-main .image{ width:100%; height:200px;overflow:hidden; position:relative}
.business-main .image img{ width:100%; height:100%; display:block;object-fit:cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.business-main .mask{ height:50%; width:100%; position:absolute; left:0;top:0; background:#1d3994;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; z-index:2;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.business-main .txt{ position:absolute; width:100%; text-align:center;top:65%; z-index:3; left:0; color:#444;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.business-main .txt em{ display:block; width:80px; height:80px; background-color:#fff;border-radius:40px; position:absolute;top:-100px;left:50%; margin-left:-40px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.06);}
.business-main .txt img{ display:block; width:50px;margin:15px auto;line-height:80px; }
.business-main .txt strong{ display:block; font-size:22px;}
.business-main .txt span{  display:block;color:#999;text-transform: uppercase;font-size:12px;margin-top: 5px;}
.business-main .txt a{ display:inline-flex;align-items:center; padding:7px 10px 7px 15px; background-color:#006db8;color:#fff; margin-top:20px; transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;justify-content: center;}
.business-main .txt a:hover{ background-color:#191f66; border-color:#191f66; color:#fff}
.business-main .txt a i{ width:30px;height:30px;display:inline-block;margin-left:2px; background:url(../image/ic_right.png) no-repeat center center;background-size: 30px;}
.business-main .items:hover .mask{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.business-main .items:hover .image img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.business-main .items:hover a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-top:20px; background-color:#006db8; color:#fff; padding:7px 25px;}
.business-main .bx-pager{ bottom:-40px !important}
.business-main .bx-pager.bx-default-pager a{ background:#fff !important}
.business-main .bx-pager.bx-default-pager a.active{ background:#005acb !important}
.business-main a.prev-btn{ display:block; width:50px; height:50px; background:url(../image/prev.png) no-repeat; position:absolute; left:50%; margin-left:-680px;top:50%; margin-top:-45px;}
.business-main a.prev-btn:hover{ background-image:url(../image/prev_on.png)}
.business-main a.next-btn{ display:block; width:50px; height:50px; background:url(../image/next.png) no-repeat; position:absolute; left:50%; margin-left:630px;top:50%; margin-top:-45px;}
.business-main a.next-btn:hover{ background-image:url(../image/next_on.png)}
.business-main .map-btn{ width:220px; height:70px; background-color:#006db8; position:absolute; left:50%; margin-left:-100px;bottom:-70px; z-index:2;border-radius:5px 5px 0 0;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.business-main .map-btn a{ display:block; line-height:60px; font-size:16px; text-align:center; color:#fff}
.business-main .map-btn a i{ font-size:26px; line-height:26px; position:relative;top:4px; margin-right:5px}
.business-main .map-btn.hover{ bottom:-10px}
.business-main .map-btn:hover{bottom:0}

@media (max-height: 800px) {
	.business-main .txt i{ font-size:50px}
	.business-main .txt span{ display:none}
}
.business{background-color: #e0e2e4 ;}
.business-view{ padding:30px 0 8%; position:relative;}
.business-left{width:20%; float:left;}
.business-cate{  border-top:10px #006db8 solid ;}
.business-cate a{ display:block; height:60px; background-color:#f5f5f5; border-bottom:1px #eee solid; line-height:56px; font-size:16px;text-align: center;}
.business-cate a i{ font-size:24px; margin-right:10px; position:relative;top:4px}
.business-cate a.current{ background-color:#fff; color:#191f66;}
.business-con{ width:77%; float:right; background-color:#fff; height:100%; padding:30px 50px 40px}

.business-view .title{ margin-bottom:20px;}
.business-view .title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size: 46px;font-weight: 500;font-family: fantasy;text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards;opacity: 0;display:inline-block;}
.business-view .title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #333;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}
.business-view .title p{ font-size:22px; margin-top:15px; color:#191f66; }
.business-view .content{  padding:30px 0; min-height:200px}
.business-view .content p{ margin-bottom:20px;text-indent: 2em;line-height:2;}
.business-view .content img{max-width: 100%;display: block;margin: auto;}
.business-view .slider{ height: 390px !important; position: relative; overflow: hidden;background: url(../image/bg1.png) no-repeat, url(../image/bg2.png) no-repeat; background-position: center 80%,bottom center; background-size:90% auto,85% auto }


.business-view .slider .swiper-container{overflow:hidden; height:360px;}
.business-view .slider .swiper-slide{ text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover}
.business-view .slider .swiper-pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center; margin:0}
.business-view .slider .swiper-pagination span{margin:0 2px;}
.business-view .slider .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.business-view .slider .swiper-active-switch{background: #006db8;}

/* 产品展示 */
.business-view .prolist li,.pro-box .prolist li{width: 32%;margin-right: 2%;float: left;border: solid 1px #eee;box-sizing: border-box;margin-bottom: 2%;}
.business-view .prolist li:nth-child(3n),.pro-box .prolist li:nth-child(3n){margin-right: 0;}
.business-view .prolist li .imgbox{width: 100%;height: 200px;overflow: hidden;}
.business-view .prolist li .imgbox img,.pro-box .prolist li .imgbox img{width: 100%;height: 100%;display: block;object-fit: cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;transition: transform 0.5s ease-out; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.business-view .prolist li p{padding:10px;font-size: 14px;color: #333;margin-bottom: 0;text-indent: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.business-view .prolist li:hover .imgbox img,.pro-box .prolist li:hover .imgbox img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.business-view .prolist li:hover p,.pro-box .prolist li:hover p{color:#191f66 ;}
.det-more{ padding:7px 10px; color:#191f66;}

/* 集团文化 */
.culture-item-a{ padding:30px;position: relative;}
.culture-item-a h2{  font-weight:400; position:relative;  line-height:24px;font-size:18px;}
.culture-item-a b{font-size:24px; display:block; margin-top:10px;}
.culture-item-a h2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:79px; top:7px; }
.culture-item-a p{ margin-top:25px; line-height:2; color:#666; font-size:16px;}

/* ---new-- */
.culture-item-a .cul-txt{width: 49%;}
.culture-item-a .vid-box{position: absolute;bottom: 30px;width: 45%;height:470px;right: 30px;}
/* --end-- */


.culture-item-c .text{ width:50%; float:left}
.culture-item-c .text .item{ height:245px;background: url(../image/culture-building.jpg) no-repeat right bottom #f1f1f1;padding:30px}
.culture-item-c .text .item h2{ color:#888; font-size:18px; position:relative;line-height: 1.2;}
.culture-item-c .text .item h2:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:12px solid #bbb; position:absolute; left:99px; top:3px; }
.culture-item-c .text .item h2 b{color:#1c64b7; display:block;font-size:20px; font-weight:bold; margin-top:10px; }
.culture-item-c .text .item p{ margin-top:15px; line-height:1.6; color:#888;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-align: justify;}
.culture-item-c .text .item.current{ background:#436dc2; color:#fff}
.culture-item-c .text .item.current h2{ color:#fff}
.culture-item-c .text .item.current h2:before {border-top:12px solid #fff; left:79px }
.culture-item-c .text .item.current h2 b{ color:#fff}
.culture-item-c .text .item.current p{ color:#b3c4e7}
.culture-item-c .image{ width:50%; height:490px; overflow:hidden; float:right}
.culture-item-c .image img{ height:100%; width:100%;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out;object-fit: cover;}
.culture-item-c .image:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.culture-item-d{ width:100%; padding:30px}
.culture-item-d h2{font-size:20px; font-weight:bold; margin-bottom:30px;}
.culture-item-d .item{ position:relative; margin-bottom:20px; display: flex;align-items: center;justify-content: space-between;}
.culture-item-d .item h3{ background:url(../image/culture-h3-bg.jpg) no-repeat; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fd343b; font-weight:bold; }
.culture-item-d .item p{ color:#7a7a7a;width: 95%;}
.culture-item-e{ width:100%; background:url(../image/culture-feiji.jpg) no-repeat right 240px #fafafa;height:370px; padding:30px;}
.culture-item-e h2{font-size:20px; font-weight:bold; margin-bottom:30px;}
.culture-item-e ul{ display: flex;justify-content: space-between;}
.culture-item-e ul li{ width:19%; height:138px; line-height: 50px; text-align:center; font-size:16px; position:relative;border: solid 1px #006db8;padding:1%;background-color: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.culture-item-e ul li span{line-height: 1.5;display: block;font-size: 14px;color: #666;text-align: justify;}
.culture-item-e ul li:hover{background-color: #006db8;color: #fff;}
.culture-item-e ul li:hover span{color: #fafafa;}

/* 集团活动 */
.social{ margin-top:30px; padding:0 30px 30px;}
.social ul li{ width:32%;  float:left; margin-right:2%;margin-bottom:30px}
.social ul li:nth-child(3n){margin-right: 0;}
.social ul li .image{height: 240px;overflow:hidden;}
.social ul li .image img{ width:100%;height:100%;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block;object-fit: cover;}
.social ul li .text{ background-color:#f4f4f4; padding:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.social ul li .title{ font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.social ul li .description{ margin-top:10px; color:#999; font-size:13px; line-height:1.7;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;display: -webkit-box;display: -moz-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.social ul li .more{ margin-top:10px;}
.social ul li .more a{ color:#191f66; font-weight:bold;}
.social ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.social ul li:hover .text{ background-color:#191f66; color:#fff}
.social ul li:hover .description{ color:#bbccee}

/* 联系我们 */
.contact-title{ height:120px; overflow:hidden; position:absolute;z-index:10;top:-110px; right:0; }
.contact-title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:fantasy;text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.contact-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #666;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}
.contact .item-a .qr-code{ width:30%; float:left; text-align:center; padding:40px; background-color:#e0e2e4;height:290px;}
.contact .item-a .qr-code .image{ width:155px; height:155px; margin:0 auto;}
.contact .item-a .qr-code img{ width:155px;}
.contact .item-a .qr-code span{ display:block; margin-top:10px; line-height:1.6}
.contact .item-a .text{ width:70%; float:right;height:290px; background:url(../image/contact-text-bg.jpg) no-repeat right bottom;background-size:cover; padding:30px 40px}
.contact .item-a .text h1 strong{ display:block; font-size:26px; }
.contact .item-a .text h1 span{ display:block; font-size:16px; color:#aaa; margin-bottom:5px;}
.contact .item-a .text ul li{ margin-bottom:5px; color:#999; }
.contact .item-a .text ul li label{ margin-right:5px;}
.contact .item-a .text ul li a#map-btn{ display:inline-block;background-color: #006db8; width: 110px; text-align:center;line-height: 32px; position:absolute;color: #fff; margin-left:10px; margin-top:-6px; border-radius:4px }
.contact .item-a .text ul li a#map-btn i{display:inline-block;margin-right:3px;width:20px;height:20px; background:url(../image/position.png) no-repeat center;background-size:contain;position: relative;top: 5px;}
.contact .item-a .text ul li a#map-btn:hover{ background-color:#191f66}

/* 在线留言 */
.contact .message-box {padding:40px 40px 70px;background-color:#fff;margin-bottom:60px;}
.contact .message-box .title {font-size:16px;color:#999;}
.contact .message-box .title span {font-weight: bold;color: #333;font-size: 24px;line-height: 24px;margin-right: 15px;}
.contact .message-box .form-box {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
.contact .message-box .form-box .line {width:49%;margin-bottom:2%;height:50px;position:relative;}
.contact .message-box .form-box .line input {width:100%;height:100%;border:1px solid #ccc;transition:all 0.6s;padding-left:30px;}
.contact .message-box .form-box .line.has-text {width:100%;height:160px;resize:none;}
.contact .message-box .form-box .line.has-text textarea {width: 100%;height: 100%;border: 1px solid #ccc;padding: 20px 30px;transition: all 0.6s;resize: none;}
.contact .message-box .form-box .code-box {height:50px;display:flex;align-items:center;}
.contact .message-box .form-box .code-box .img-box {overflow:hidden;width:120px;height:100%;line-height:50px;}
.contact .message-box .form-box .code-box .line {width:190px;height:100%;margin-bottom:0;}
.contact .message-box .form-box .msg-btn {width:190px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;border:0;background-color:#191f66;outline: none;}

.b-map{ position:fixed; left:0;top:100%; width:100%;height:100%; z-index:10000; background-color:rgba(50,50,50,0.8); visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.b-map .contact-map{ width:76%;height:72%; position:absolute; left:12%;top:14%; background-color:#fff;box-shadow:0px 5px 15px rgba(0,0,0,.2)}
.b-map .close-btn{ position:absolute; right:12%;top:14%; width:80px; height:80px; background:url(../image/close4.png) no-repeat center center #191f66; display:block; z-index:2}
.b-map.hover{ visibility:visible;top:0;}


@media(max-width:414px){
	#contact .message-box{padding:10px;}
	#contact .message-box .title span{font-size: 16px;}
	#contact .message-box .form-box .line{width: 100%;height: 40px;}
	#contact .message-box .form-box .line.has-text{height: 120px}
	#contact .message-box .form-box .line.has-text textarea{;padding: 10px;}
	#contact .message-box .form-box .code-box{height: 40px;}
	#contact .message-box .form-box .code-box .img-box{line-height: 40px;}
	#contact .message-box .form-box .msg-btn{margin-top: 20px;height: 40px;line-height: 40px;width: 120px;font-size: 14px;}
	#contact .message-box .form-box .line input{padding-left: 10px;}
}