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

.w1520 { padding-left: 10vw; padding-right: 10vw; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}

.p74 { padding-top: 0.74rem;}
.p74_ { padding-bottom: 0.74rem;}
.m74 { margin-bottom:0.74rem;}
.m58 { margin-top: 0.58rem;}

.maodian {position: relative;top: -.8rem;}


/********关于我们导航*********/
.bread-crumb { width: 100%; overflow: hidden; z-index: 16; height: 80px; line-height: 80px; background: -webkit-linear-gradient(top, #f6f7fa, #fff); background: -moz-linear-gradient(top, #f6f7fa, #fff); background: -ms-linear-gradient(top, #f6f7fa, #fff); background: -o-linear-gradient(top, #f6f7fa, #fff); box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.06); top: 60px; position: sticky; border-top: 1px #eee solid; }
.bread-center { max-width: 1600px; width: 92%; overflow: hidden; height: 100%; margin: 0px auto; }
.bread-left { float: left; width: auto; overflow: hidden; height: 100%; }
.bread-left a { float: left; height: 100%; font-size: 16px; color: #495770; padding: 0px 28px; background: url("../images/icon-118.png") no-repeat left center; }
.bread-left a.home { background: url("../images/icon-117.png") no-repeat left center; padding: 0px; width: 40px; }
.bread-left a:hover { color: #0575fb; }
.bread-center ul { float: right; width: auto; overflow: hidden; height: 100%; }
.bread-center ul li {float: left;width: auto;height: 100%;margin-left: 0.4rem;position: relative;padding: 0px 14px;font-size: 18px;color: #495770;cursor: pointer;position: relative;}
.bread-center ul li:before {width: 0%;height: 3px;content: "";position: absolute;left: 0px;bottom: 0px;background: -webkit-linear-gradient(left, #f35e0e, #108bee);background: -moz-linear-gradient(left, #1517a6, #108bee);background: -ms-linear-gradient(left, #1517a6, #108bee);background: -o-linear-gradient(left, #1517a6, #108bee);}
.bread-center ul li.active:before { width: 100%; }
.bread-center ul li:hover {color: rgba(255, 150, 0, 1);}


.index_title {position: relative;z-index: 5;}
.index_title .content0 {font-size: 14px;color: #999;}
.index_title .content1 {font-size: 0.4rem;color: #f35e0e;position:relative;padding-bottom: 5px;}



/********内页banner*************/
.Inner_banner {position: relative;}
.Inner_banner .img{position: relative;}
.Inner_banner .img img {width: 100%;}
/*.Inner_banner .img:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 40, 150, 0.4);}*/
.Inner_banner .img::before {content: ""; position: absolute;left: 0;top: 0;z-index: 0; width: 100%; height: 100%; background: rgba(14, 40, 118, .1);}
.Inner_banner .img::after {content: ""; position: absolute;left: 0;top: 0; z-index: 0; width: 100%;height: 64%;background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));}


.Inner_banner .position {position: absolute;top: 0; left: 0; width: 100%;height: 100%;z-index: 1;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.Inner_banner .position .box { color: #fff;}
.Inner_banner .position .box h5 {font-size: 0.4rem;}
.Inner_banner .position .box h6 {font-size: 0.22rem; margin-top: 0.17rem;}


/*********左边导航**************/
.ann_left {display: none;}
.side_container { position: fixed; top: 25%; left: 0.4rem; z-index: 5;}
.side_container ul { position: relative; overflow: hidden;}
.side_container ul::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #eaeaea;}
.side_container ul::after {content: '';position: absolute;left: 0;top: 0;height: var(--i);width: 1px;background: #ff9f17;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.side_container ul li { margin-bottom: 0.22rem; padding-left: 0.2rem;}
.side_container ul li:last-child { margin-bottom: 0;}
.side_container ul li a {font-size: 0.14rem;color: rgba(255, 150, 0, 1);}
.side_container ul .active a {color: rgb(197, 197, 197);}







/**********公司简介*****************/
.about-1 { width: 100%; overflow: hidden;background: url(../images/bg4.png) no-repeat left bottom; background-size: contain; padding:0.8rem 0px; }
.about-1center {width: 100%;margin: 0px auto;overflow: hidden;}
.about-1left {float: left;width: 50%;overflow: hidden;}
.about-1right {float: right;width: 45%;overflow: hidden;position: relative;border-radius: 5px;padding: 0px 16px 16px 0px;box-sizing: border-box;}
.about-1info {width: 100%;overflow: hidden;font-size: 0.2rem;color: #495770;line-height: 1.6;}
.about-1info p {width: 100%;overflow: hidden;margin-top: 0.3rem;}

.about-1bottom .box { background: #f35e0e; padding: 0.3rem 0;}
.about-1bottom .box .item {color: #fff; text-align: center;}
.about-1bottom .box .item .top {font-size: 0.36rem;}
.about-1bottom .box .item .top span { font-size: 0.46rem;}
.about-1bottom .box .item .bot { font-size: 0.16rem;}
.about-1bottom .box p { background: #fff; opacity: 0.3; width: 1px;}

@media screen and (max-width: 1024px) {
.w1520 { padding-left: 5vw;padding-right: 5vw; }
.ann_left {display: none; opacity:0;}
.about-1bottom .box .item .top span { font-size: 0.36rem;}
.about-1bottom .box .item .bot {margin-top: 0.1rem;}
}
@media screen and (max-width: 669px) {
.about-1bottom .box .item { padding: 0.2rem 0;width: 50%;}
.about-1bottom .box p { display: none; }
}


.numbers { width:100%; margin-top: 0.4rem;}
.numbers .li-01 {color:#f35e0e; font-size: 0px; }
.numbers .li-01 span { line-height: 0.9; display: inline-block; vertical-align: bottom;font-size: 0.56rem;}
.numbers .li-01 b { display: inline-block; line-height: 18px; height: 20px; width: 20px; font-size: 12px;  text-align: center;  border-radius: 50%; border: 0px solid #f35e0e;}
.numbers .li-02 { font-size: 15px; color: rgb(85, 85, 85); line-height: 1.66;}



/************企业文化****************/
.about-2 { width: 100%; position:relative; overflow: hidden; padding:1rem 0px 0px; }
.about-2 .index_title {position: relative;z-index: 5; text-align:center;}
.about-2content-bg {position:relative;margin:0.5rem auto 0px;/* font-size: 0; */}


.about-2content-bg .item {display: inline-block;vertical-align: top;width: 33%;position: relative;}
.about-2content-bg .item .img_box {overflow: hidden; position:relative;height: 500px;}
.about-2content-bg .item .img_box::before {content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background: rgb(14 40 118 / 52%);}

.about-2content-bg .item img { display: block; width: 100%;  height: 100%; object-fit: cover;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.about-2content-bg .item .txt_box { position: absolute; top: 0;  left: 0; right: 0;  bottom: 0; text-align: center; padding: 2vw;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.about-2content-bg .item .txt_box samp {width: 120px;height: 120px;line-height: 120px;overflow: hidden;display: block;margin: 0px auto;position: relative;text-align: center;}
.about-2content-bg .item .txt_box samp:before { width: 100%; height: 100%; overflow: hidden; border: 2px #fff dotted; border-radius: 50%; content: ""; position: absolute; left: 0px; top: 0px; box-sizing: border-box; }
.about-2content-bg .item .txt_box samp:after { width: 80%; height: 80%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.about-2content-bg .item .txt_box samp img {width: auto;height: auto;max-width: 50%;max-height: 50%;vertical-align: middle;display: inline-block;}

.about-2content-bg .item .txt_box h3 {font-size: 0.36rem;line-height: 1;color: #ff9600;margin-top: 0.4rem;}
.about-2content-bg .item .txt_box p {font-size: 0.22rem;color: #fff;margin-top: 0.2rem;}

/************发展历程****************/
.about-3 { width: 100%; position:relative; overflow: hidden; padding:1rem 0px 0px; }
.about-3 .index_title {position: relative;z-index: 5; text-align:center;}
.about-3-bg {position: relative;background: url(../images/g6abebg.jpg) bottom center no-repeat;background-size: cover;margin: 0.5rem auto 0px;padding: 1rem 0px 1.5rem;}
/*.course-wrap{ margin-top:0.5rem;}
.about-3 .swiper-slide {height: 380px;border-right: 1px solid #e5e5e5;padding: 0.3rem;overflow: hidden;}
.mc_d2s2_content { width: calc(50vw + 680px);}
.about3-year {font-size: 0.5rem; margin-bottom:0.25rem; color: #f35e0e; font-weight:bold;}
.about3-txt p {font-size: 0.2rem;line-height:1.6;color: #666666;position: relative;z-index: 1;padding-left: 15px;margin-bottom: 1em;}
.about3-txt p::before {content: "●";font-family: Arial, Helvetica, sans-serif !important;position: absolute;left: 0;top: 0;font-size: 0.2rem;line-height: inherit;color: #f35e0e;}
.about3-txt .cpyf p::before { color: #ff9600;}

.history_box .swiper-button-next,.history_box .swiper-button-prev {  width: 60px; height: 60px; color: #f35e0e; opacity: 0; transition: all .36s; background-size: 50% 50%; background-color: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); top: calc(50% - 40px);}
.history_box:hover .swiper-button-next,
.history_box:hover .swiper-button-prev {opacity: 1; }
*/



.histStory {width: 100%;overflow: hidden;position: relative;margin-bottom:0.5rem;}
.histStory .storyTain {z-index: 5;padding: 20px 30px;}
.histStory .storyBox:before {content: '';width: 94%;display: block;position: absolute;top: 50%;left: 50%;border-top: 2px #fff solid;z-index: 4;transform: translateX(-50%);}
.histStory .storyTain .swiper-slide {height: 300px;}
.histStory .storyTain .swiper-slide:after {background-color: #FFFFFF;position: absolute;}
.histStory .storyTain .swiper-slide .histStorys {text-align: center;cursor: pointer;line-height: 24px;color: #333333;height: 100%;width: 100%;display: table;position: relative;}
.histStory .storyTain .swiper-slide .midBord {padding: 10px 0;text-align: left;position: relative;display: table-cell;vertical-align: middle;}
.histStory .storyTain .swiper-slide .midBord:after {content: '';width: 20px;height: 20px;display: block;background-color: #ffffff;border: solid 3px #ff9600;border-radius: 50%;}
.histStory .storyTain .swiper-slide .midBord::before {content: '';width: 8px;height: 8px;background-color: #ff9600;border-radius: 50%;position: absolute;top: 50%;left: 10px;transform: translate(-50%, -50%);z-index: 50;}

.histStorys h4 {font-size: 0.4rem;font-weight: bold;line-height: 26px;color: #fff;position: absolute;top: 30%;left: 0%;/* transform: translateX(-50%); */}
.histStorys .month {font-size: 12px;margin-bottom: 70px;}
.histStorys .histDTxt {width: 95%;font-size: 18px;line-height:1.7;color: #fff;text-align: left;position: absolute;top: 60%;left: 50%;transform: translateX(-50%);}
.histStorys .histDTxt p {padding-left: 14px;line-height:1.7;position: relative;}
.histStorys .histDTxt p::before {content: '';width: 8px;height: 8px;background: #ff9600;border-radius: 5px;display: inline-block;vertical-align: middle;margin-right: 8px;position: absolute;left: 0px;top: 11px;}

.histStory .storyTain .swiper-slide:nth-of-type(odd) .histStorys h4 {top: 65%;}
.histStory .storyTain .swiper-slide:nth-of-type(odd) .histStorys .histDTxt {top: auto !important;bottom: 60%;}

.histStory .storyTain .swiper-slide:nth-child(8) .histStorys h4 {top: 65%;}
.histStory .storyTain .swiper-slide:nth-child(8) .histStorys .histDTxt {top: auto !important;bottom: 60%;}

.histStory .storyTain .swiper-slide:nth-child(9) .histStorys h4 {top: 30%;}
.histStory .storyTain .swiper-slide:nth-child(9) .histStorys .histDTxt {top: 60% !important; left: 50%; transform: translateX(-50%);}

.histStory .storyTain .swiper-slide:nth-child(12) .histStorys h4 {top: 65%;}
.histStory .storyTain .swiper-slide:nth-child(12) .histStorys .histDTxt {top: auto !important;bottom: 60%;}

.histStory .storyTain .swiper-slide:nth-child(15) .histStorys h4 {top: 30%;}
.histStory .storyTain .swiper-slide:nth-child(15) .histStorys .histDTxt {top: 60% !important; left: 50%; transform: translateX(-50%);}

.histStory .storyTain .swiper-slide:nth-child(16) .histStorys h4 {top: 65%;}
.histStory .storyTain .swiper-slide:nth-child(16) .histStorys .histDTxt {top: auto !important;bottom: 60%;}


.histStory .swiper-button-next,.histStory .swiper-button-prev {  width: 60px; height: 60px; color: #f35e0e; opacity: 0; transition: all .36s; background-size: 50% 50%; background-color: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); top: calc(50% - 10px);}
.histStory:hover .swiper-button-next,
.histStory:hover .swiper-button-prev {opacity: 1; }


/**********合作客户*****************/
.about-4 { width: 100%; position:relative; overflow: hidden; padding:1rem 0px 0px; background: #f5f8ff; }
.about-4 .index_title {position: relative;z-index: 5; text-align:center;}

.about-4-box { position: relative;padding: 0.8rem 0 0.7rem;}
.about-4-box .img1 { position: absolute; left: 0; width: auto; height: 100%; top: 0; z-index: 3; pointer-events: none;}
.about-4-box .img2 { position: absolute; right: 0; width: auto; height: 100%; top: 0; z-index: 3; pointer-events: none;}

.about-4-box .box .swiper-container { margin-bottom: 0.35rem;}
.about-4-box .box .swiper-container .swiper-wrapper { transition-timing-function: linear; -webkit-transition-timing-function: linear;}
.about-4-box .box .swiper-container .swiper-wrapper .g_logo_box { border-radius: 5px; overflow: hidden;}
.about-4-box .box .swiper-container .swiper-wrapper .g_logo_box img { width: 100%; height: 100%;object-fit: cover;}



.about-5 { width: 100%; position:relative; overflow: hidden; padding:1rem 0px 0px;}
.about-5 .index_title {position: relative;z-index: 5; text-align:center;}

.about-5bg { position: relative;  background: url(../images/honor_bg.jpg) center center no-repeat;background-size: cover; margin: 0.5rem auto 0px;}
.about-5box{width: 100%;max-width: 810px;background: rgba(0 ,40, 150 , 0.7);padding: 0.6rem;}
.about-5tit{}
.about-5tit h2{ font-size:0.2rem; line-height:1.5; color:#fff;}
.about-5tit strong{ font-size:0.3rem; line-height:1.5; color:#fff; text-transform:uppercase;}
.about-5tit strong:after {content: ""; display: block; width: 30px; height: 4px;  background-color: #fff; margin: 10px 0 15px;}
.about-5info{ margin-top:2em;}
.about-5info li{width: 48%;color:#fff;font-size:16px;line-height:2;}

.about-5box .tac{ text-align:left;}




/*-----------荣誉与证书--------------*/
.honor_bg{ padding:1rem 0px; overflow:hidden; width:100%;}
.honor_bg .index_title {position: relative;z-index: 5; text-align:center;}

.honor_bg .honor_box{ width:100%; margin:0 auto;}
.honor-hd {width:100%;  margin-top:0.7rem; text-align:center;}
.honor-hd ul{ overflow:hidden;}
.honor-hd  li{float:left;width: calc(16.66% - 0.4rem);text-align: center;transition: 0.38s;line-height: 1rem;font-size: 0.2rem;color: #666666;margin: 0.2rem 0.2rem;cursor: pointer;border-radius:10px;box-shadow: 0px 0 6px rgba(10, 47, 78, 0.25);position: relative;transition:background 0.3s,color 0.3s,border 0.3s;transition: 0.2s;}
.honor-hd  li span{ display:block; position:relative;border-radius:10px; overflow: hidden;}
.honor-hd  li.active{font-size: 0.25rem;}
.honor-hd  li.active span:after { content: ""; position:absolute; z-index:9; display: block;width: 100%;height: 5px; border-radius:10px; background: #ff9600;  margin-top:-5px;}

.honor-bd{ width:100%; margin:0 auto;}
.honor-bd li{overflow:hidden;}
.honor-bd li .zzlm{ display: block; float:left;width: calc(100% - 100px);font-size:16px; height:42px; line-height:42px;color:#787f88;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.honor-bd li .zzlm span{background:#dcdcdc;padding: 6px 0.2rem;color:#fff;margin-right: 0.2rem;border-radius:10px;font-size:16px;}

.honor-bd li .zzln{ display:block; float:right; height:42px; line-height:42px; position:relative;color:#003da6;font-size:16px;}
.honor-bd li .zzln span{ color:#003da6;}

.honor-bd li:hover .zzlm{color:#003da6;}
.honor-bd li:hover .zzlm span{ background:#003da6;}

.honor-bd .items{ min-height:420px;}

.honor-bigic {position:fixed;left: 0;top: 0;height:100%;background:rgba(28, 28, 28, 0.85);background-size: cover;overflow: hidden;z-index: 999;width:100%; display:none;}

.honor-bigic .loading-bigic {position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin-left: -12px;margin-top: -12px;}
.honor-bigic #images {position: absolute;left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%); max-height:100%;max-width: 100%;}
.honor-bigic .img-alt {position: absolute;text-align: center;width: 50%;margin: 0 auto;left: 25%;top:80%; font-size:16px; color:#000; background:#fff; padding:2%; box-sizing:border-box;}
.op-bigic {position: absolute;right: 20px;top: 20px;z-index: 1;}
.op-bigic span {display: inline-block;width: 40px;height: 40px;margin-right: 20px;text-indent: -999px;overflow: hidden;cursor: pointer;border-radius: 10px;background-image: url(../images/icons.png);background-repeat: no-repeat;background-color: #fff;opacity: .5;}
.op-bigic span:hover {opacity: 1;}
.op-bigic span.close-bigic {background-position: 8px 8px;}

@media (max-width: 769px) {
.honor_bg{ padding:3.5rem 0px 2rem;}
.honor-hd  li{width: calc(32.4% - 0.2rem);}
.honor-hd  li{font-size: 0.9rem;}
.honor-hd  li.active{font-size: 1rem;}


}


/*********多元化全球布局****************/



.svg_map{ position:relative;}
.svg_map .wdmap { width: 100%;margin: 0 auto;position: relative;}
.svg_map .wdmap img.bg{display: block; width: 100%;}


/*svg-map*/
.svg_map .wdmap .map-lines{position: absolute;top: 0;right: 0;width: 100%;height: 100%;stroke: #F08350;fill: none;stroke-width: 0.25px;}

.svg_map .map-dot {position:absolute;margin:-1px 0 0 -1px;z-index: 9;width:6px;height:6px;border-radius:50%;background: #F08350;opacity:0;animation:animation-dot 5.04s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.svg_map .map-dot--0 {left: 65.5%;top: 53%;animation:fade-in 1.8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1;}
.svg_map .map-dot--1{left: 63%;top: 57%;}
.svg_map .map-dot--2{left: 66.4%;top: 57.2%;}
.svg_map .map-dot--3{left: 76%;top: 47%;}

.svg_map .map-line {stroke-dashoffset:160px;stroke-dasharray:160px;animation:animation-line 5.2s linear;animation-fill-mode:both;animation-iteration-count:infinite}
.svg_map .map-line--1 {animation-delay:.4s}
.svg_map .map-dot--1 {animation-delay:1.04s}
.svg_map .map-line--2 {animation-delay:1.94s}
.svg_map .map-dot--2 {animation-delay:2.12s}
.svg_map .map-line--3 {animation-delay:3.02s}
.svg_map .map-dot--3 {animation-delay:3.2s}
.svg_map .map-line--4 {animation-delay:4.46s}
.svg_map .map-dot--4 {animation-delay:4.64s;}
.svg_map .map-line--5 {animation-delay:5.1s}
.svg_map .map-dot--5 {animation-delay:5.2s;}
@-webkit-keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@-webkit-keyframes animation-line {
	0% {stroke-dashoffset:160px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-160px}
	to {stroke-dashoffset:-160px}
}
@keyframes animation-line {
	0% {stroke-dashoffset:160px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-160px}
	to {stroke-dashoffset:-160px}
}
@-webkit-keyframes animation-dot {
	0% {opacity:0}
	20% {opacity:1}
	80% {opacity:1}
	to {opacity:0}
}
@keyframes animation-dot {
	0% {opacity:0}
	20% {opacity:1}
	80% {opacity:1}
	to {opacity:0}
}





.dotBox .list {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #F08350;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-1px, -2px);
  -ms-transform: translate(-1px, -2px);
  transform: translate(-1px, -2px);
  z-index: 5;
}
.dotBox .list::before {
  -webkit-animation: amplify 2.8s infinite 0.2s;
  animation: amplify 2.8s infinite 0.2s;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(240, 131, 80, 0.3);
  opacity: 0.3;
  z-index: 2;
}
 .dotBox .list::after {
  -webkit-animation: amplify 2.8s infinite 0.3s;
  animation: amplify 2.8s infinite 0.3s;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(240, 131, 80, 0.3);
  opacity: 0.3;
  z-index: 1;
}

.dotBox .list p {position: absolute;left: 12px;bottom: -6px;font-size: 12px;white-space: nowrap;
}


.dotBox .list.dot1{left: 76%;top: 47%;}
.dotBox .list.dot2{left: 65.5%;top: 53%;}
.dotBox .list.dot3{left: 63%;top: 57%;}
.dotBox .list.dot4{left: 66.4%;top: 57.2%;}



.dotBox .list.dot14{left: 36.4%;top: 44%;background: url(../images/sigedian.png) center center no-repeat;background-size: cover; width: 10px;height: 9px;}
.dotBox .list.dot14 p {left: -60px; color:#F08350;}


@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes amplify {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}


 
.tac {text-align: center;margin-top: 4em;}
a.whiteMore{ display: inline-block; height: 2.7em; line-height: 2.7; font-size: 16px; padding: 0 2em; border-radius: 2em 0 2em 0;  overflow: hidden;border: 1px solid #fff;  position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;}
a.whiteMore span{position: relative; z-index: 2; transition: 0.5s all ease;-webkit-transition: 0.5s all ease; display: inline-block;line-height: 1;color: #fff; font-size:18px;}
a.whiteMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.whiteMore:hover::before{left:0;}
a.whiteMore:hover span{color:#ff9600;}