.inner-section{padding-top:70px}
.inner-section .sec-name{font-size:40px;font-weight:700;margin-bottom:13px}
.inner-section .sec-desc{font-size:24px;color:#666;font-weight:300;margin-bottom:40px}
.inner-section .sec-head.white .sec-desc,.inner-section .sec-head.white .sec-name{color:#fff}
.inner-section .sec-more{display:block;margin:50px auto;position:relative;z-index:3}
.about-left{width:710px}
.about-content{background-color:#eee;padding:30px;border-radius:5px;color:#666;line-height:28px;font-size:16px;margin-bottom:28px}
.about-right{width:560px;margin-left:25px;position:relative}
.about-right img{position:absolute;top:0;left:0; height: 100%;}
.about-param{margin-top:80px;margin-bottom:80px}
.about-param .item{text-align:center}
.about-param .item .item-icon{margin:0 auto;width:100px;height:100px;text-align:center;position:relative;z-index:2}
.about-param .item .item-icon::after{content:'';border-radius:50%;background-image:-moz-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);background-image:-webkit-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);background-image:-ms-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);opacity:.502;position:absolute;width:46px;height:46px;bottom:10px;right:0;z-index:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.about-param .item .item-icon .icon{font-size:80px;color:#254a8a;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:2}
.about-param .item .item-desc{font-size:16px;color:#666;line-height:24px}
.about-param .item:hover .item-icon::after{background-image:-moz-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%);background-image:-webkit-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%);background-image:-ms-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%)}
.about-param .item:hover .item-icon .icon{color:#dd3834}
.about-param .item:hover .item-desc{color:#dd3834}
.sec-cultrue{position:relative;height:820px}
.sec-cultrue .cultrue-box{margin-top:180px}
.sec-cultrue .cultrue-box .item{padding:35px 35px 35px 50px;height:280px;background-color:#fff;box-shadow:0 0 12.61px .39px rgba(0,0,0,.15);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
.sec-cultrue .cultrue-box .item .item-icon{width:50px;height:50px}
.sec-cultrue .cultrue-box .item .item-icon .icon{font-size:40px;color:#e43833;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.sec-cultrue .cultrue-box .item .item-name{font-size:24px;font-weight:700;color:#333;line-height:2;margin-bottom:5px}
.sec-cultrue .cultrue-box .item .item-desc{color:#666;line-height:26px}
.sec-cultrue .cultrue-box .item:hover{background-color:#ea4440}
.sec-cultrue .cultrue-box .item:hover .item-icon .icon{color:#fff}
.sec-cultrue .cultrue-box .item:hover .item-name{color:#fff}
.sec-cultrue .cultrue-box .item:hover .item-desc{color:#fff}
.sec-history{position:relative;height:800px}
.sec-history::after{content:'';position:absolute;width:100%;height:100%;z-index:0;bottom:0;background:url(../images/overlay-img.png) bottom no-repeat}
.swiper-top{position:relative}
.history-year-swiper{position:relative}
.history-year-swiper .history-item{cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);text-align:center}
.history-year-swiper .history-item .year-num{color:#ccc;font-size:100px}
.history-year-swiper .swiper-slide-active,.history-year-swiper .swiper-slide-duplicate-active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.history-year-swiper .swiper-slide-active .year-num,.history-year-swiper .swiper-slide-duplicate-active .year-num{color:#de3e3a}
.prev-next{position:absolute;width:45px;height:45px;background-color:#8b8b8b;margin:auto;top:0;bottom:0;z-index:3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.prev-next i{width:10px;height:1px;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.prev-next i::after,.prev-next i::before{content:'';position:absolute;width:100%;height:100%;background:#fff;left:0;right:0;top:0;bottom:0;margin:auto}
.prev-next i::before{transform:rotate(45deg)}
.prev-next i::after{transform:rotate(-45deg)}
.prev-next.prev{left:-60px}
.prev-next.prev i::after,.prev-next.prev i::before{transform-origin:left}
.prev-next.next{right:-60px}
.prev-next.next i::after,.prev-next.next i::before{transform-origin:right}
.prev-next:hover{background-color:#de3e3a}
.history-txt{width:500px;margin:0 auto}
.history-txt .history-con{display:none;position:relative}
.history-txt .history-con::before{content:'';display:block;width:1px;height:48px;margin:0 auto 30px;transform-origin:top;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);background-color:#de3e3a;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.history-txt .history-con.active{display:block}
.history-txt .history-con.active::before{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}
.history-txt .history-con .wrap p{padding-left:20px;position:relative;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;height:62px;font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.history-txt .history-con .wrap p::before{content:'';width:11px;height:11px;background:#999;border-radius:50%;position:absolute;margin:auto;top:6px;left:0;z-index:2}
.history-txt .history-con .wrap p::after{content:'';height:100%;top:0;width:0;border-left:1px solid #eee;position:absolute;left:5px;z-index:0}
.history-txt .history-con .wrap p:first-child{color:#ec4844}
.history-txt .history-con .wrap p:first-child::after{top:8px}
.history-txt .history-con .wrap p:first-child span{color:#ec4844}
.history-txt .history-con .wrap p:first-child::before{background-color:#ec4844}
.history-txt .history-con .wrap p span{color:#999;margin-right:5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.history-txt .text-more i{display:block;margin:3px;width:3px;height:3px;border-radius:50%;background-color:CurrentColor;color:#666;position:relative}
.sec-honor{height:800px;}
.sec-honor .honor-title{font-size:36px;color:#fff;text-align:center}
.social-box .item{position: relative; height:365px;text-align:center;padding-top:80px;}
.social-box .item::after{ content: ''; background: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; opacity: .3; z-index: 1;}
.social-box .item .item-icon{width:126px;height:126px;border-radius:50%;background-color:#006ecd7a;margin:0 auto 20px;position:relative}
.social-box .item .item-icon::after{content:'';width:40px;height:40px;position:absolute;z-index:0;right:20px;bottom:25px;border-radius:50%;background-image:-moz-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);background-image:-webkit-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);background-image:-ms-linear-gradient(-54deg,#bcd4ff 0,rgba(209,226,255,0) 100%);opacity:.502}
.social-box .item .item-icon .icon{font-size:60px;color:#fff;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:2}
.social-box .item .item-name{ position: relative; font-size:18px;line-height:2;color:#fff;z-index: 2;}

/* huanjing */
.huanjing-box { margin-top: 50px; margin-bottom: 60px; }
.huanjing-box .huanjing-item { position: relative; }
.huanjing-box .huanjing-item .item-txt { flex: 0 0 50%; max-width: 50%; position: relative; padding-left: 80px; padding-right: 80px; z-index: 2; }
.huanjing-box .huanjing-item .item-txt::before { content: ''; width: 720px; position: absolute; height: 0; top: -60px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); right: 0; }
.huanjing-box .huanjing-item .item-txt h3 { color: #1e1e1e; font-size: 24px; line-height: 2; margin-bottom: 10px; }
.huanjing-box .huanjing-item .item-txt p { font-size: 16px; color: #767676; line-height: 2; }
.huanjing-box .huanjing-item .item-img { position: relative; z-index: 2; flex: 0 0 50%; max-width: 50%; height: 420px; }
.huanjing-box .huanjing-item .item-img img { position: absolute; right: -15px; top: 0; height: 100%;}
.huanjing-box .huanjing-item .item-img.right-img { height: 450px; }
.huanjing-box .huanjing-item .item-img.right-img img { right: auto; left: 15px; }
.huanjing-box .huanjing-item.item-1 { z-index: 3; }
.huanjing-box .huanjing-item.item-1 .item-txt { margin-top: 125px; }
.huanjing-box .huanjing-item:nth-child(2) { margin-top: 100px; margin-bottom: 110px; }
.huanjing-box .huanjing-item:nth-child(2) .item-txt { margin-top: 60px; }
.huanjing-box .huanjing-item:nth-child(2) .item-txt::before { display: none; }
.huanjing-box .huanjing-item:nth-child(2)::after { content: ''; display: block; position: absolute; width: 1042px; height: 630px; bottom: 0; left: 0; z-index: 0; background-color: #f5f5f5; }
.huanjing-box .huanjing-item:nth-child(3) .item-txt { margin-top: 115px; }

/* history */
.history-list { padding-left: 20px; padding-top: 30px; margin: 40px 0; }
.history-list .history-title { font-size: 30px; margin-left: 200px; margin-bottom: 30px; }
.history-list .history-item .item-year { flex: 0 0 280px; max-width: 280px; font-size: 20px; text-align: center; border-right: 1px solid #eee; position: relative; }
.history-list .history-item .item-year .year-num span { display: block; width: 158px; height: 50px; line-height: 50px; border: 1px solid #e9e9e9; position: relative; color: #9e9e9e; background-color: #FFFFFF; }
.history-list .history-item .item-year .year-num span::before, .history-list .history-item .item-year .year-num span::after { content: ''; position: absolute; display: block; margin: auto; }
.history-list .history-item .item-year .year-num span::before { width: 12px; height: 19px; right: -1px; top: 0; bottom: 0; z-index: 2; background-color: #FFFFFF; }
.history-list .history-item .item-year .year-num span::after { border: 1px solid #e9e9e9; width: 13px; height: 13px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: -8px; top: 0; bottom: 0; z-index: 1; }
.history-list .history-item .item-year .year-num .dot { position: absolute; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #c1c1c1; right: -12px; margin: auto; top: 20px; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.history-list .history-item .item-year .year-num .dot::before { content: ''; width: 9px; height: 9px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #c1c1c1; z-index: 2; border-radius: 50%; margin: auto; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span, .history-list .history-item .item-year .year-num:hover span { background-color: #e54d49; color: #FFFFFF; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::before, .history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::after, .history-list .history-item .item-year .year-num:hover span::before, .history-list .history-item .item-year .year-num:hover span::after { border-color: #e54d49; background-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::before, .history-list .history-item .item-year .year-num:hover span::before { background-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed .dot, .history-list .history-item .item-year .year-num:hover .dot { border-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed .dot::before, .history-list .history-item .item-year .year-num:hover .dot::before { border-color: #e54d49; background-color: #e54d49; }
.history-list .history-item .item-con { padding-left: 40px; flex: 0 0 870px; max-width: 870px; padding-bottom: 40px; }
.history-list .history-item .item-con p { line-height: 50px; position: relative; padding-left: 50px; font-size: 16px; }
.history-list .history-item .item-con p strong { position: absolute; margin: auto; display: block; left: 0; top: 14px; font-weight: normal; margin-right: 10px; color: #dd3834; height: 24px; line-height: 24px; text-align: right; width: 40px; }

/* culture */
.cultrue-param{margin-bottom:90px}
.cultrue-param .item{position:relative;border-radius:5px}
.cultrue-param .item .item-wrap{position:relative}
.cultrue-param .item .item-wrap .item-img{width:304px;height:380px;position:relative;overflow:hidden;border-radius:5px}
.cultrue-param .item .item-wrap .item-name{position:absolute;height:65px;width:225px;line-height:65px;text-align:center;font-size:24px;color:#000;text-align:center;margin:auto;left:0;right:0;bottom:-39px;background-color:#eee;border-radius:5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.cultrue-param .item .overlay{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);color:#fff;padding:35px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);opacity:0}
.cultrue-param .item .overlay .item-icon{text-align:center;margin:20px auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);opacity:0}
.cultrue-param .item .overlay .item-icon .icon{font-size:70px;color:#fff}
.cultrue-param .item .overlay .item-desc{line-height:26px}
.cultrue-param .item:hover .overlay{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.cultrue-param .item:hover .overlay .item-icon{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.cultrue-param .item:hover .item-name{background-color:#e03833;color:#fff}
.service-box{box-shadow:0 4px 27px 0 rgba(0,0,0,.13);background:#fff;margin-bottom:50px}
.service-box .item{position:relative;border-radius:5px;overflow:hidden;flex:0 0 33.333%;max-width:33.333%;height:350px}
.service-box .item .item-wrap{height:100%;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.service-box .item .item-wrap .item-icon{position:relative;font-size:100px}
.service-box .item .item-wrap .item-icon::after{content:'';border-radius:50%;background-image:-moz-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%);background-image:-webkit-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%);background-image:-ms-linear-gradient(-54deg,#ffc8c7 0,rgba(255,210,210,.01) 99%,#ffd2d2 100%) opacity:.502;position:absolute;width:46px;height:46px;bottom:30px;right:0;z-index:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.service-box .item .item-wrap .item-name{font-size:30px;color:#1a1a1a;line-height:62px}
.service-box .item .overlay{position:absolute;background-image:-moz-linear-gradient(-170deg,#d7d7d7 0,#dd3833 0,#ec4945 100%);background-image:-webkit-linear-gradient(-170deg,#d7d7d7 0,#dd3833 0,#ec4945 100%);background-image:-ms-linear-gradient(-170deg,#d7d7d7 0,#dd3833 0,#ec4945 100%);color:#fff;text-align:center;padding:60px;top:0;bottom:0;left:0;right:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0}
.service-box .item .overlay .overlay-wrap{font-size:18px}
.service-box .item:hover .item-wrap{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}
.service-box .item:hover .overlay{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}


/* contact */
.right-contact .contact-tel i{ font-size: 60px; color: #dd3834;}
.right-contact .contact-tel .tel-inf { padding-left: 14px; }
.right-contact .contact-tel .tel-inf p { color: #666666; font-size: 16px; line-height: 2; }
.right-contact .contact-tel .tel-inf p.tel-num { font-size: 30px; color: #dd3834; line-height: 32px; }

.contact-tab-box { margin-bottom: 50px; }
.contact-tab-box .tab-left { width: 290px; border: 1px solid #ebebeb; border-bottom: none; }
.contact-tab-box .tab-left li { height: 118px; position: relative; width: 100%; text-align: center; line-height: 118px; font-size: 18px; border-bottom: 1px solid #ebebeb; }
.contact-tab-box .tab-left li::before { content: ''; position: absolute; width: 7px; height: 50px; background-color: #dd3834; margin: auto; top: 0; bottom: 0; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; }
.contact-tab-box .tab-left li.active::before, .contact-tab-box .tab-left li:hover::before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; }
.contact-tab-box .tab-con { max-width: calc(100% - 290px); flex: 0 0 calc(100% - 290px); margin-left: -1px; /*border: 1px solid #ebebeb;*/ }
.contact-tab-box .tab-con .con { display: none; }
.contact-tab-box .tab-con .con.active { display: block; }
.contact-tab-box .tab-con .con .contact-item { padding: 30px; position: relative; }
.contact-tab-box .tab-con .con .contact-item::before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAD2CAAAAAAFAirpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflARoREyG4+yZRAAADCUlEQVR42u3XwW0DQQwEQVI+Of98F9D6ITiKrl8xAA7Q+znvnbtzByp4nZ+d2ZmFDj47MzP3vKGC1//1QAbP3fkuPWSwd+ae+b07UMHeuec9s3ehgufueb4vDxWsTu9Bpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQOj0InR6ETg9Cpxeh03vQ6UHo9CB0ehA6PQidHoROD0KnF6HTe9DpQej0IHR6EDo9CJ0ehE4PQqcXodN70OlB6PQgdHoQf39wn0Wqk7y/AAAAAElFTkSuQmCC"); top: 0; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; }
.contact-tab-box .tab-con .con .contact-item::after { content: ''; position: absolute; width: 100%; height: 4px; background-color: #dd3834; bottom: -1px; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; }
.contact-tab-box .tab-con .con .contact-item .item-wrap { position: relative; z-index: 2; padding-left: 50px; }
.contact-tab-box .tab-con .con .contact-item .item-wrap .item-head { position: relative; line-height: 34px; margin-bottom: 10px; }
.contact-tab-box .tab-con .con .contact-item .item-wrap .item-head::before { content: ''; display: block; width: 20px; height: 20px; background: url("../images/ico.png") center/cover no-repeat; position: absolute; margin: auto; top: 0; bottom: 0; left: -36px; }
.contact-tab-box .tab-con .con .contact-item .item-wrap .item-head .head-name { font-size: 18px; font-weight: bold; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.contact-tab-box .tab-con .con .contact-item .item-wrap .item-content { font-size: 16px; line-height: 3em; color: #666666; }
.contact-tab-box .tab-con .con .contact-item:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
.contact-tab-box .tab-con .con .contact-item:hover::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.contact-tab-box .tab-con .con .contact-item:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; left: auto; right: 0; }
.contact-tab-box .tab-con .con .contact-item:hover .item-wrap .item-head .head-name { color: #dd3834; }