* {margin: 0;padding: 0;box-sizing: border-box;}
html {font-size: 10px;line-height: 1;}
body {font-family: Arial, "微软雅黑", sans-serif;color: #2d343f;font-size: 16px;background-color: #fff;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {line-height: inherit;font-size: inherit;font-weight: normal;}
i {font-style: normal;}
img {border: none;vertical-align: middle;}
ul,ol {list-style: none;}
li {list-style: inherit;}
input,textarea,button,span,li,a,div {border: none;outline: none;resize: none;}
textarea {font-family: Arial, "微软雅黑", sans-serif;overflow: auto;}
table {width: 100%;border-spacing: 0;border-collapse: collapse;}
a,a:active,a:hover,a:visited {color: inherit;font-size: inherit;text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol {margin: 0 -10px;*zoom: 1;}
.mycol:before,.mycol:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol .col {float: left;padding: 0 10px;text-align: center; width: 25%;}
.mycol .col img {max-width: 100%;}
.mycol2 {margin: 0 -6.5vw;*zoom: 1;}
.mycol2:before,.mycol2:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol2 .col {float: left;padding: 0 6.5vw;text-align: center;}
.mycol2 .col img {max-width: 100%;}
.mycol-2 .col {width: 50%;}
.mycol-3 .col {width: 33.33333%;}
.mycol-4 .col {width: 25%;}
.mycol-5 .col {width: 20%;}
.box {display: block;}
.center-fa {position: relative;}
.center-fa .center {position: absolute;left: 50%;top: 50%;transform: translate(-50%,50%);}
.center-fa .centerX {position: absolute;left: 50%;transform: translateX(-50%);}
.center-fa .centerY {position: absolute;top: 50%;transform: translateY(-50%);}
.center-img {height: 100%;position: relative;overflow: hidden;}
.center-img img {position: absolute;left: 50%;top: 50%;width: auto;max-width: none;min-width: 100%;height: 100%;transform: translate(-50%,-50%);}
.center-img-hover img {transition: all .3s;}
.center-img-hover:hover img {transform: translate(-50%,-50%) scale(1.05);}
.full-img {width: 100%;height: 0;position: relative;}
.full-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lr-ti li {overflow: hidden;}
.lr-ti li > div {width: 50%;height: 100%;float: left;}
.lr-ti li > div .box {height: 100%;}
.lr-ti li > div .box > div {width: 100%;}
.lr-ti li:nth-child(2n) > div {float: right;}
.hvr-color {transition: all .3s;}
.hvr-color:hover {color: #ec7729;}
.w {width: 1400px;margin: 0 auto;*zoom: 1;}
.w:before,.w:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.w1600 {width: 1600px;margin: 0 auto;*zoom: 1;}
.w1600:before,.w1600:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.bg-img {background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-left {background-position: left center;background-repeat: no-repeat;}
.imgs-btn img {cursor: zoom-in;}
.com-padding {padding-top: 60px;padding-bottom: 60px;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.p-color {color: #7c7c7c;}
.tsi {transition: all .3s;}
.com-bg {background-color: #f5f5f5;}
.com-ba:before,.com-ba:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform .3s;}
.com-title {text-align: center;}
.com-title h3 {display: inline-block;height: 60px;margin-bottom: 20px;font-size: 36px;position: relative;}
.com-title h3:before {content: '';position: absolute;left: 50%;bottom: 0;width: 80%;transform: translateX(-50%);border-bottom: 1px solid #ddd;}
.com-title h3:after {content: '';position: absolute;left: 50%;bottom: -1px;width: 30px;margin-left: -15px;border-bottom: 3px solid #ec7729;}
.com-title p {height: 65px;color: #7c7c7c;}
.com-title .more {display: block;margin-bottom: 30px;margin-top: -20px;color: #ec7729;font-size: 14px;}
.position {height: 55px;line-height: 55px;overflow: hidden;font-size: 14px;transition: all .3s;background-color: #f4f4f4;}
.position a {transition: all .3s;}
.position a:hover {color: #ec7729;}
.position.top {position: fixed;left: 0;top: 60px;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.position .nav a {display: inline-block;width: 115px;text-align: center;color: #333;transition: all .3s;}
.position .nav a.active {background: #ec7729;}
.position .pos > a,.position .w > a {transition: all .3s;}
.position .pos > a:hover,.position .w > a:hover {color: #ec7729;}
.go-top {display: none;cursor: pointer;}
.go-top:before,.go-top:after {content: '';position: fixed;right: 20px;bottom: 50px;width: 50px;height: 50px;background-color: #999;border-radius: 5px;z-index: 9999;}
.go-top:before {background: none;width: 20px;height: 20px;right: 34px;bottom: 58px;border: 3px solid #fff;border-bottom: none;border-right: none;transform: rotate(45deg);z-index: 2;border-radius: 0;z-index: 99999;
}

.h100{width: 100%; height: 100px;}
.header {position: fixed;left: 0;top: 0;width: 100%;height: 100px;line-height: 100px;padding-left: 2vw;box-shadow: 0 5px 30px -20px #000;background: #fff;z-index: 999;}
.header .logo {position: relative;}
.header .logo a {display: block;font-size: 0;}
.header .logo p {position: absolute;top: 50%;transform: translateY(-50%);left: 120px;color: #666;font-size: 16px;white-space: nowrap;}
.header .logo p span {display: block;height: 30px;color: #333;font-size: 20px;}
.header .logo img{height: 60px;}
.header .nav {width: calc(100% - 510px);height: 100%;text-align: right;}
.header .nav ul {width: 100%;height: 100%;display: inline-block;}
.header .nav li {display: inline-block;margin-right: 3vw;position: relative;}
.header .nav li > a {height: 54px;line-height: 54px;color: #3c3c3c;font-size: 18px;display: block;transition: all .3s;position: relative;}
.header .nav li > a:after {content: '';position: absolute;left: 0;bottom: 1px;width: 100%;border-top: 2px solid #ec7729;transform: scaleX(0);z-index: 2;transition: all .3s;}
.header .nav li:hover > a,.header .nav li.active > a {color: #ec7729;}
.header .nav li:hover > a:after,.header .nav li.active > a:after {transform: scaleX(1);}
.header .nav .subnav {position: absolute;left: 50%;bottom: -30px;transform: translate(-50%,100%);width: 140px;height: 0;overflow: hidden;background: #fff;opacity: 0;transition: bottom .5s, opacity .5s;text-align: center;}
.header .nav .subnav > a {display: block;line-height: 1.6;padding: 10px 0;font-size: 14px;}
.header .nav .subnav > a:hover {color: #ec7729;background: #f4f4f4;}
.header .nav li:hover .subnav {height: auto;bottom: -0px;opacity: 1;box-shadow: 0 0 30px -20px #000;}
.header .phone {font-size: 0;}
.header .phone p {float: left;height: 100%;padding: 0 25px 0 30px;color: #ec7729;font-size: 20px;font-weight: 700;text-align: right;background: url(../images/icon_phone01.png) left center no-repeat;}
.header .phone .lang {float: left;width: 100px;height: 100px;position: relative;}
.header .phone .lang > a {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 20px;height: 20px;margin-top: -6px;margin-left: -6px;color: #293e6b;font-size: 14px;line-height: 1.1;text-align: center;border: 2px solid #293e6b;background: #fff;z-index: 2;}
.header .phone .lang > a.active {margin: 0;margin-top: 6px;margin-left: 6px;color: #fff;background: #293e6b;z-index: 1;}
.header .phone .search {float: left;width: 100px;height: 100px;text-align: center;background: #293e6b;}
.header .phone span {display: block;width: 100%;height: 100%;}
.header .phone form {display: none;position: fixed;top: 100px;left: 0;width: 100%;height: 80px;line-height: 80px;background-color: #fff;border-top: 1px solid #ec7729;text-align: center;z-index: 2;}
.header .phone form input {display: inline-block;}
.header .phone form .key {width: 30%;height: 40px;border-radius: 40px;padding-left: 20px;padding-right: 100px;border: 1px solid #ccc;}
.header .phone form .sub {position: relative;left: -80px;width: 80px;height: 40px;border-radius: 40px;}
.header.top {position: fixed;left: 0;top: 30px;height: 60px;line-height: 60px;background: #fff;opacity: 0;visibility: hidden;transition: all .3s;z-index: 1000;}
.header.top li > a {height: 60px;color: #2d343f;}
.header.top li > a:hover {color: #ec7729;}
.header.top.active {top: 0;opacity: 1;visibility: visible;}
.swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;opacity: 1;}
.swiper-pagination-bullet-active {background-color: #ec7729;}
.swiper-pagination.swiper-pagination {bottom: 30px;}

.fl{float: left;}
.fr{float: right;}
.m_main3{padding-bottom: 50px;}
.cp-kind .list:nth-child(odd) {padding:70px 0;}
.cp-kind .list:nth-child(even) {background:#f5f5f5;padding:50px 0;}
.cp-kind h3 {font-size:36px;font-weight:bold;padding-left:0px;display:inline-block;}
.cp-kind .label {background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);font-size:18px;color:#fff;display:inline-block;padding:7px 14px;border-radius:5px;position:relative;vertical-align:bottom;margin-left:30px;}
.cp-kind .label:before,.cp-kind .label:after {content:"";width:8px;height:8px;background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);border:2px solid #fff;border-radius:50%;display:block;position:absolute;top:11px;}
.cp-kind .label:before {left:-5px;}
.cp-kind .label:after {right:-5px;}
.cp-kind .look-more {width:138px;height:45px;background:url("../images/look-detail.png") 20px center no-repeat;border:1px solid #2277c8;font-size:18px;line-height:46px;display:block;border-radius:10px;padding-left:50px;}
.cp-kind .look-more:hover {color:#2277c8;}
.cp-kind .text {font-size:16px;color:#666666;line-height:30px;margin:25px 0 35px 0;}
.cp-kind ul {margin-left:-6.2%;}
.cp-kind li {width:18.8%;float:left;margin-left:6.2%;text-align:center;border-radius:10px;transition:all .3s ease;}
.cp-kind li img {border-radius:10px;transition:all .3s ease;max-width: 100%;}
.cp-kind li p a {font-size:18px;line-height:48px;display:inline-block;box-sizing:border-box;}
.cp-kind li p {-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cp-kind li:hover {background:#fff;box-shadow:0 5px 15px #c4c5ca;}
.cp-kind li:hover img {border-radius:10px 10px 0 0;}
.cp-kind .cp-wz {width:100%;margin-top:10px;}
.cp-kind .cp-wz a {font-size:16px;border:1px dashed #dadada;padding:10px;border-radius:5px;margin-right:15px;display:inline-block;margin-top:20px;color: #666;}
.cp-kind .cp-wz a:hover {background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);border:1px solid transparent;color:#fff;}
.list-pro-cl ul li:hover {background:#fff;border-radius:10px;box-shadow:0 5px 15px #c4c5ca;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
.list-pro-cl ul li:hover img {border-radius:10px 10px 0 0;}

div.swiper-button-next,div.swiper-button-prev {width: 34px;height: 34px;border-radius: 5px;background: #293e6b; text-indent: -3000px;}
.swiper-button-next:after,.swiper-button-prev:after {content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border: 2px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.swiper-button-prev:after {left: 50%;transform: translate(-50%,-50%) rotate(-135deg);}
.swiper-button-next:before,.swiper-button-prev:before {content: '';position: absolute;left: 45%;top: 50%;width: 15px;margin-left: -8px;margin-top: -1px;border-bottom: 2px solid #fff;}
.swiper-button-prev:before {margin-left: -2px;}
.swiper-button-next:hover,.swiper-button-prev:hover {background-color: #ec7729;}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after {border-color: #fff;}
.index-banner {width: 100%;}
.index-banner img {width: 100%;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet {margin: 0 12px;}
.index-banner .swiper-pagination-bullet-active {background: #fff;position: relative;}
.index-banner .swiper-pagination-bullet-active:after {content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;background: #fff;opacity: .3;border-radius: 50%;}
.index-service {padding: 50px 0;background: #fafafa;box-shadow: 0 4px 20px -15px #000;}
.index-service .main li .box {display: block;padding-left: 70px;text-align: left;}
.index-service .main li h4 {height: 35px;color: #3c3c3c;font-size: 20px;}
.index-service .main li p {color: #7c7c7c;font-size: 14px;}
.index-product .nav {text-align: center;}
.index-product .nav a {display: inline-block;line-height: 36px;border-radius: 36px;padding: 0 20px;transition: all .3s;}
.index-product .nav a.active {color: #fff;background: #ec7729;}
.index-product .main {position: relative;}
.index-product .main .item {position: absolute;width: 100%;left: 0;top: 0;transform: translateY(10px);z-index: -1;opacity: 0;transition: all .3s;}
.index-product .main .item.active {position: relative;z-index: 1;opacity: 1;transform: translateY(0);}
.index-product .main .swiper-container {padding: 80px  0 30px;height: 630px;}
.index-product .main li {text-align: center;padding: 40px 2vw;border-radius: 10px;transition: all .3s;top: 0;border: 1px solid #f5f5f5;}
.index-product .main li .img {height: 250px;}
.index-product .main li .img img {max-width: 90%;max-height: 90%;}
.index-product .main li .txt h4 {height: 30px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-product .main li .txt p {height: 0;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;opacity: 0;transition: all .3s;margin-bottom: 10px;}
.index-product .main li .txt .more {display: none;line-height: 32px;font-size: 0;opacity: 0;transition: all .3s;}
.index-product .main li .txt .more a {display: inline-block;width: 110px;color: #fff;font-size: 16px;background: #ec7729;}
.index-product .main li .txt .more a:first-child {background: #293e6b;border-top-left-radius: 32px;border-bottom-left-radius: 32px;}
.index-product .main li .txt .more a:last-child {border-top-right-radius: 32px;border-bottom-right-radius: 32px;}
.index-product .main li .txt .more2 a {display: inline-block;margin-top: 20px;line-height: 30px;border-bottom: 1px solid #293e6b;color: #293e6b;}
.index-product .main li:hover {box-shadow: 0 0 25px -0 #ddd;position: relative;top: -30px;}
.index-product .main li:hover h4 {color: #293e6b;}
.index-product .main li:hover p {height: 75px;opacity: 1;}
.index-product .main li:hover .more {display: inline-block;opacity: 1;}
.index-product .main li:hover .more2 {display: none;}
.index-product .main div.swiper-button-next {right: -60px;}
.index-product .main div.swiper-button-prev {left: -60px;}
.index-case .main li {margin-bottom: 20px;}
.index-case .main li .box {border: 1px solid #ddd;text-align: left;}
.index-case .main li .img {padding-bottom: 62%;}
.index-case .main li .txt {background: #fff;padding: 25px 20px;}
.index-case .main li .txt h4 {height: 28px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-case .main li .txt p {height: 50px;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;}
.index-case .main li .txt .more {display: block;padding-top: 15px;margin-top: 20px;border-top: 1px solid #ddd;color: #293e6b;font-size: 14px;transition: all .3s;}
.index-case .main li .txt .more:hover {color: #ec7729;}
.index-case .get {display: block;width: 220px;line-height: 35px;border-radius: 35px;margin: 50px auto 0;text-align: center;color: #293e6b;border: 1px solid #293e6b;}
.index-about {position: relative;}
.index-about .txt {width: 50%;padding-right: 3vw;padding-top: 50px;}
.index-about .txt h2 {margin-left: -100px;margin-bottom: 35px;padding-top: 0px;padding-left: 100px;color: #293e6b;font-size: 42px;background: url(../images/gtd_bg.png) top left no-repeat;}
.index-about .txt h3 {height: 45px;color: #3c3c3c;font-size: 20px;}
.index-about .txt .con p {color: #7c7c7c;line-height: 30px;margin-top: -7px;}
.index-about .txt a.more {display: block;width: 160px;line-height: 36px;border-radius: 36px;text-align: center;color: #fff;background: #293e6b;}
.index-about .img {position: absolute;right: 0;width: 50%;padding-left: 4vw;}
.index-about .img .video {display: block;width: 100%;height: 560px;border-top-left-radius: 50px;overflow: hidden;}
.index-about .img .more {position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 25px 40px;background: #fff;border-top-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 0 0 30px -20px #000;}
.index-about .img .more a {display: block;height: 120px;padding-top: 75px;text-align: center;background-position: center 30px;background-repeat: no-repeat;}
.index-about .img .more a:hover {color: #ec7729;}
.index-about .num {background-color: #f4f4f4;padding: 35px 0;margin-top: 60px;}
.index-about .num .list {width: 46%;}
.index-about .num li h4 {height: 60px;font-size: 20px;}
.index-about .num li h4 span {color: #293e6b;font-size: 52px;font-weight: 700;vertical-align: top;}
.index-about .num li p {color: #3c3c3c;font-size: 14px;}
.index-about .num li .i {height: 60px;}
.index-news .nav {margin-bottom: 30px;}
.index-news .nav a {display: inline-block;line-height: 36px;border-radius: 36px;padding: 0 30px;margin: 0 5px;transition: all .3s;}
.index-news .nav a:hover,.index-news .nav a.active {color: #fff;background: #ec7729;}
.index-news .nav a.fr {padding: 0;margin: 0;color: #2d343f;background: none;}
.index-news .nav a.fr:hover {color: #ec7729;}
.index-news .left {width: 50%;padding-right: 30px;}
.index-news .left .main .img {height: 415px;}
.index-news .left .main .img img {height: 100%;}
.index-news .left .main .txt {padding: 35px;padding-bottom: 25px;border: 1px solid #ddd;}
.index-news .left .main .txt h4 {height: 32px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .left .main .txt p {height: 50px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;margin-top: -5px;}
.index-news .left .main .txt .date {margin: 20px -15px 0;padding: 20px 15px 0;color: #7c7c7c;border-top: 1px solid #ddd;}
.index-news .right {width: 50%;padding-left: 30px;}
.index-news .right .main {position: relative;bottom: -40px;height: 0;opacity: 0;overflow: hidden;transition: all .3s;}
.index-news .right .main.active {height: auto;opacity: 1;bottom: 0;}
.index-news .right .main li {padding: 23px 0;}
.index-news .right .main li ~ li {border-top: 1px solid #ddd;}
.index-news .right .main li .img {width: 195px;height: 120px;}
.index-news .right .main li .img img {height: 100%;}
.index-news .right .main li .txt {/*width: calc(100% - 220px);*/position: relative;}
.index-news .right .main li .txt h4 {height: 24px;overflow: hidden;margin-bottom: 18px;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;}
.index-news .right .main li .txt p {height: 50px;line-height: 25px;overflow: hidden;margin-bottom: 10px;margin-top: -5px;color: #999;font-size: 14px;}
.index-news .right .main li .txt .date {color: #7c7c7c;font-size: 14px;}
.index-partner{height: 400px; overflow: hidden;}
.index-partner .main {position: relative;}
.index-partner .main li {height: 100px;line-height: 100px;text-align: center;background: #fff;box-shadow: 0px 10px 20px rgb(119 151 188 / 20%);}
.index-partner .main li img {max-width: 100%;max-height: 100%;}
.index-partner .main div.swiper-button-prev {left: -70px;}
.index-partner .main div.swiper-button-next {right: -70px;}
.index-after .w {background: #fff;padding-left: 4vw;padding-right: 4vw;position: relative;bottom: -130px;margin-top: -130px;border-bottom: 3px solid #ec7729;z-index: 2;}
.index-after .main .img {height: 75px;}
.index-after .main h4 {height: 30px;font-size: 20px;}
.index-after .main p {color: #7c7c7c;font-size: 14px;}
.banner {width: 100%;overflow: hidden;}
.banner img {width: 100%;transition: all 1s;}
.banner img:hover {transform: scale(1.02);}
.banner .pos {color: #fff;line-height: 70px;position: relative;top: -70px;margin-bottom: -70px;}
.product .main {height: 660px;background: url(../images/index_pro_bg01.png);}
.pro-main-title {float: left;width: 220px;padding-top: 50px;padding-bottom: 50px;background-color: #293e6b;text-align: center;position: relative;}
.pro-main-title:before {content: '';position: absolute;left: -20px;top: 0;width: 20px;height: 60px;}
.pro-main-title h3 {height: 65px;color: #fff;font-size: 32px;position: relative;}
.pro-main-title h3:after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 40px;height: 2px;background-color: #fff;}
.pro-main-title img {display: block;margin: 40px auto 25px;}
.pro-main-title a.more {display: inline-block;width: 135px;height: 40px;line-height: 40px;border-radius: 37px;color: #293e6b;font-size: 18px;background-color: #fff;transition: all .3s;}
.pro-main-title a.more:hover {width: 150px;}
.pro-main-title p {display: inline-block;line-height: 25px;padding-left: 35px;margin-top: 20px;color: #fff;opacity: .6;background: url(../images/phone_icon02.png) left center no-repeat;}
.pro-main-title h4 {margin-top: 10px;color: #fff;font-size: 22px;}
.pro-main-title a.more {color: #fff;border: 1px solid #fff;background: none;}
.pro-main-title a.more:hover {color: #293e6b;background-color: #fff;}
.pro-main-title ul {padding: 80px 0;margin: 30px 0;position: relative;}
.pro-main-title ul:before,.pro-main-title ul:after {content: '';position: absolute;left: 50%;top: 0;height: 60px;border-left: 1px solid #fff;}
.pro-main-title ul:after {top: auto;bottom: 0;}
.pro-main-title li {padding: 10px 15px;}
.pro-main-title li a {display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;border-radius: 45px;transition: all .3s;}
.pro-main-title li a:hover,.pro-main-title li a.active {color: #293e6b;background-color: #fff;}
.product .com-search .w {padding-left: 250px;}
.pro-detail .top .img.fl img{max-width: 90%;}
.product .list {overflow: hidden;}
.product .list .main {float: right;width: calc(100% - 230px);height: auto;background: none;}
.product .list .main li .img {height: 200px;line-height: 200px;background: #fff;}
.product .list .main li .img img {max-width: 100%;max-height: 100%;}
.product .list .main li h4 {height: 50px;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 30px;}
.case li {margin-bottom: 20px;}
.case li .img {padding-bottom: 70%;}
.case li h4 {height: 65px;overflow: hidden;padding-top: 15px;line-height: 1.5;font-size: 14px;}
.join-require .main ul.mycol {margin: 0 -2.5vw;}
.join-require .main li.col {padding: 0 2.5vw;}
.join-require .main .box {padding: 2.5vw 3.5vw;background: #313131;text-align: left;color: #ec7729;}
.join-require .main .box h4 {height: 35px;font-size: 28px;}
.join-require .main .box h5 {height: 40px;font-size: 14px;}
.join-require .main .box img {width: 100%;margin-bottom: 30px;}
.join-require .main .box .con,.join-require .main .box .con p {line-height: 25px;color: #fff;font-size: 14px;}
.join-require .more {display: block;width: 150px;line-height: 45px;margin: 3.5vw auto 0;text-align: center;color: #ec7729;font-size: 14px;background: #313131;}
.join-policy .main {position: relative;top: -145px;margin-bottom: -145px;margin-left: 270px;width: calc("~100% - 270px");padding: 60px 0;background: url(../images/join_policy_bg02.png) 42% top no-repeat;background-size: auto 100%;*zoom: 1;}
.join-policy .main:before,.join-policy .main:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.join-policy .main li {float: left;width: 50%;margin-right: 1%;padding-left: 30px;border-left: 7px solid #ec7729;color: #fff;position: relative;}
.join-policy .main li:nth-child(2n - 1) {float: right;}
.join-policy .main li h4 {height: 50px;font-size: 22px;font-weight: 700;}
.join-policy .main li .con {width: 90%;}
.join-policy .main li .con p {line-height: 30px;}
.join-policy .main li span {position: absolute;right: -10px;top: 50%;transform: translateY(-50%);display: block;width: 75px;height: 75px;line-height: 75px;text-align: center;color: #ec7729;font-size: 38px;border: 1px solid #ec7729;border-radius: 50%;background: #fff;}
.join-policy .main li:nth-child(2n - 1) span {right: auto;left: -140px;}
.join-after .main li:nth-child(2) {padding-top: 5vw;}
.join-after .main li:nth-child(3) {padding-top: 2.5vw;}
.join-after .main li:nth-child(4) {padding-top: 7.5vw;}
.join-after .main li .box {padding: 3vw 2vw 0;background: #313131;border-bottom: 15px solid #ec7729;text-align: left;}
.join-after .main li h4 {height: 50px;color: #ec7729;font-size: 20px;border-bottom: 1px solid #626262;}
.join-after .main li .con {height: 250px;padding-top: 1.2vw;overflow: hidden;}
.join-after .main li .con p {line-height: 22px;color: #fff;font-size: 14px;}
.join-after .tel {margin-top: 30px;text-align: center;color: #fff;font-size: 28px;}
.join-form .t2 p {height: 55px;color: #ec7729;}
.join-form .main {width: 50%;}
.join-form .main input {width: 100%;line-height: 48px;padding-left: 20px;font-size: 14px;border: 1px solid #ec7729;}
.join-form .main textarea {width: 100%;height: 160px;padding: 20px;margin-top: 20px;border: 1px solid #ec7729;}
.join-form .main .sub {display: block;width: 150px;line-height: 50px;text-align: center;margin-top: 4vw;background: #ec7729;}
.solution .title {text-align: center;margin-bottom: 80px;}
.solution .title h3 {font-size: 40px;font-weight: 700;height: 70px;position: relative;}
.solution .title h3:after {content: '';position: absolute;left: 50%;bottom: 0;width: 30px;margin-left: -15px;border-bottom: 2px solid #ec7729;}
.solution .title p {font-size: 18px;margin-top: 30px;}
.solution .main li {height: 400px;margin-top: 5.5vw;}
.solution .main li:last-child{margin-bottom: 150px;}
.solution .main li .img {height: 100%;}
.solution .main li .img img {height: 100%;}
.solution .main li .txt {height: 100%;padding: 0 4vw;}
.solution .main li .txt h4 {padding-bottom: 1vw;color: #ec7729;font-size: 32px;}
.solution .main li .txt .con {max-height: 300px;overflow: hidden;color: #666;font-size: 16px;line-height: 30px;}
.solution .main li .txt .more {display: block;width: 150px;line-height: 45px;margin-top: 15px;text-align: center;background: #ec7729;}
.service-after .main {margin-top: 30px;}
.service-after .main li .box {padding: 3.75vw 1.5vw 0;background: #fff;position: relative;text-align: left;}
.service-after .main li .box span {position: absolute;left: 30px;top: 0;transform: translateY(-50%);display: block;width: 76px;height: 76px;line-height: 76px;text-align: center;color: #fff;font-size: 24px;background: #ec7729;border-radius: 50%;}
.service-after .main li h5 {height: 45px;color: #ec7729;font-size: 18px;}
.service-after .main li h4 {height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.service-after .main li h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.service-after .main li .con {height: 200px;overflow: hidden;}
.service-after .main li .con p {overflow: hidden;line-height: 32px;font-size: 14px;}
.service-form .main img {width: 100%;margin-bottom: 30px;}
.service-form .main input {width: 100%;line-height: 50px;padding: 0 20px;background: #eee;}
.service-form .main textarea {width: 100%;height: 190px;padding: 25px 20px;margin-top: 20px;background: #eee;}
.service-form .main .sub {display: block;width: 160px;line-height: 50px;margin: 3.25vw auto 0;text-align: center;background: #ec7729;}
.service-nav {margin-top: 1vw;margin-bottom: 2.5vw;text-align: center;}
.service-nav a {display: inline-block;margin: 0 15px;width: 100px;line-height: 40px;}
.service-nav a.active {background: #ec7729;}
.video .main li .img {padding-bottom: 65%;position: relative;}
.video .main li .img span {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/icon_play01.png) center no-repeat;background-color: rgba(0,0,0,0.2);}
.video .main li h4 {line-height: 55px;margin-bottom: 20px;font-size: 14px;}
.down .main {margin-bottom: 60px;}
.down .main li .box {height: 56px;line-height: 56px;text-align: left;border-bottom: 1px solid #ddd;}
.down .main li h4 {font-size: 14px;}
.faq .main li {padding-top: 24px;}
.faq .main li h4 {height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.faq .main li h4 span {display: inline-block;width: 34px;height: 34px;color: #333;text-align: center;background: #ec7729;border-radius: 50%;margin-right: 10px;}
.faq .main li p {margin-top: 10px;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;font-size: 14px;padding-top: 14px;border-bottom: 1px dashed #dcdcdc;}
.news-detail {padding-bottom: 50px;}
.news-detail .main {width: calc(100% - 340px);}
.news-detail .main img {max-width: 100%;}
.news-detail .title {text-align: center;}
.news-detail .title h3 {line-height: 42px;padding-bottom: 10px;font-size: 30px;}
.news-detail .title p {height: 60px;color: #666;font-size: 14px;}
.news-detail .content {padding: 70px 20px;background: #fff;}
.news-detail .content .con {min-height: 100px;line-height: 30px;margin-bottom: 60px;}
.news-detail .content .con img {max-width: 100%;}
.news-detail .more {height: 110px;padding: 20px;margin-top: 35px;background: #fff;position: relative;}
.news-detail .more p {line-height: 35px;}
.news-detail .more p a {display: inline-block;color: #666;font-size: 16px;transition: all .3s;}
.news-detail .more p a:hover {color: #ec7729;}
.news-detail .more p {display: block;}
.news-detail .more .back {display: block;position: absolute;top: 50%;right: 20px;width: 150px;line-height: 45px;margin-top: -23px;text-align: center;background: #ec7729;border-radius: 5px;}
.news-detail .side {width: 320px;}
.news-detail .latest {padding: 40px 30px;margin-bottom: 20px;background: #fff;}
.news-detail .latest h5 {font-size: 20px;}
.news-detail .latest li {padding-top: 30px;padding-bottom: 15px;color: #666;font-size: 15px;border-bottom: 1px dashed #e5e5e5; width: 100%;}
.news-detail .latest h6 {margin-bottom: 10px;transition: all .3s;}
.news-detail .latest li:hover h6 {color: #ec7729;}
.news-detail .latest p span {color: #ec7729;}
.news-detail .pro {margin-top: 35px;}
.news-detail .pro h5 {height: 30px;padding-left: 20px;font-size: 20px;}
.news-detail .pro li .img {background: #fff;text-align: center;}
.news-detail .pro li img {max-width: 100%;}
.news-detail .pro li h6 {line-height: 55px;font-size: 14px;text-align: center;transition: all .3s;}
.news-detail .pro li:hover h6 {color: #ec7729;}
.page-nav {margin-bottom: -30px;}
.page-nav .w {height: 110px;text-align: center;position: relative;top: -30px;background-color: #fff;transition: all .3s;}
.page-nav ul {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);font-size: 0;line-height: 1.5;font-size: 0;}
.page-nav li {display: inline-block;margin-right: 0.4vw;position: relative;z-index: 1;}
.page-nav li:last-of-type {margin-right: 0;}
.page-nav li a {display: block;width: 100%;min-width: 100px;height: 40px;color: #666;line-height: 36px;font-size: 14px;padding: 0 0.4vw;border: 1px solid #fff;border-radius: 40px;transition: all .3s;}
.page-nav li:hover a,.page-nav li.active a {color: #ec7729;border: 1px solid #ec7729;border-radius: 40px;}
.page-nav li:hover a {color: #fff;background: #ec7729;}
.pro-detail {width: calc(100% - 250px);}
.pro-detail .top .img.fl {width: 50%;overflow: hidden;}
.pro-detail .top .txt {width: 50%;}
.pro-detail .top .txt h1{font-size: 20px;margin-top: 20px;}
.pro-detail .top {padding: 25px;background-color: #fff;}
.pro-detail .top .big li {text-align: center;background-color: #fff;}
.pro-detail .top .big li .box {height: 360px;line-height: 360px;overflow: hidden;text-align: center;}
.pro-detail .top .big li .box img {max-width: 100%;max-height: 100%;}
.pro-detail .top .txt {padding-top: 20px;padding-left: 2vw;}
.pro-detail .top .title h4 {height: 52px;color: #1e242b;font-size: 24px;border-bottom: 1px solid #ddd;}
.pro-detail .top .txt .con {min-height: 100px;padding: 20px 0;color: #999;font-size: 14px;line-height: 35px;}
.pro-detail .top .more a {display: inline-block;padding: 11px 30px;margin-right: 1vw;color: #fff;font-size: 18px;background-color: #ec7729;border-radius: 40px;vertical-align: middle;}
.pro-detail .top .more span {display: inline-block;padding-left: 35px;color: #ec7729;font-size: 24px;vertical-align: middle;background: url(../images/icon_phone01.png) left center no-repeat;}
.pro-detail .swiper-button-next,.pro-detail .swiper-button-prev {width: 30px;height: 50px;background: #a3a3a3;z-index: 99999;left: 0;margin-top: -25px;}
.pro-detail .swiper-button-next {left: auto;right: 0;}
.pro-detail .swiper-button-next:after,.pro-detail .swiper-button-prev:after {content: "";position: absolute;left: 45%;top: 50%;width: 10px;height: 10px;border: 3px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro-detail .swiper-button-prev:after {left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover,.pro-detail .swiper-button-prev:hover {background-color: #ec7729;}
.pro-detail .swiper-button-next:hover:after,.pro-detail .swiper-button-prev:hover:after {border-color: #fff;}
.pro-content {float: left;width: 100%;padding: 40px 0;margin-top: 40px;background-color: #fff;}
/*.pro-content table tr:nth-child(2n) {background: rgba(176,196,222,.2);}*/
.pro-content table td {border: 1px solid #ddd;line-height: 2.5;}
.pro-content .pc-title {height: 30px;border-bottom: 1px solid #ddd;}
.pro-content .pc-title h4 {display: inline-block;height: 100%;padding: 0 5px;margin: 0 8px;padding-bottom: 10px;margin-bottom: -1px;color: #1e242b;font-size: 16px;position: relative;overflow: hidden;}
.pro-content .pc-title h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background-color: #ec7729;transition: all .3s;opacity: .8;display: none;}
.pro-content .pc-title h4.active:after {display: block;}
.pro-content .con {display: none;line-height: 1.5;}
.pro-content .con.case .img { height: auto; line-height: 1;}
.pro-content .con.active {display: block;padding: 3vw 0vw;}
.pro-content .con.active h3{font-size: 28px;font-weight: bold;margin: 20px 0 30px;}
.pro-content .con.active p{font-size: 16px;margin-bottom: 15px;}
.pro-content img {max-width: 100%;}
.pro-related .nav {width: 65%;height: 70px;}
.pro-related .nav a {color: #1e242b;font-size: 28px;}
.pro-related li a {display: block;transition: all .3s;}
.pro-related li:hover a {transform: translateY(-5px);}
.pro-related .img {height: 240px;line-height: 240px;text-align: center;overflow: hidden;background: #fff;}
.pro-related .img img {max-width: 100%;max-height: 100%;transition: all .3s;}
.pro-related li:hover .img img {transform: scale(1.02);}
.pro-related h4 {height: 60px;line-height: 60px;overflow: hidden;color: #1e242b;font-size: 18px;}
.pro-related li:hover h4 {color: #ec7729;}
.case-detail {background-color: #f4f4f4;}
.case-detail .box {height: 430px;}
.case-detail .img img {height: 100%;max-width: none;max-height: none;}
.case-detail .txt {padding-left: 6vw;color: #333;}
.about-story .main li {height: 710px;margin-bottom: 60px;}
.about-story .main li .img {width: calc(50% - 3vw);margin-left: 3vw;}
.about-story .main li:nth-child(2n) .img {margin-left: 0;margin-right: 3vw;}
.about-story .main li .txt .box {padding-right: 3vw;}
.about-story .main li .txt h5 {padding-bottom: 20px;color: #ec7729;font-size: 28px;}
.about-story .main li .txt h4 {height: 70px;margin-bottom: 40px;font-size: 28px;position: relative;}
.about-story .main li .txt h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.about-story .main li .txt .con p {line-height: 28px;color: #666;font-size: 14px;}
.about-story .main li:nth-child(2n) .txt .box {padding-right: 0;padding-left: 3vw;}
.about .top li.row {height: 500px;}
.about .top li.row .img {padding-left: 2.5vw;}
.about .top li.row:nth-child(2n) .img {padding-left: 0;padding-right: 2.5vw;}
.about .top li.row .txt {padding-right: 2.5vw;}
.about .top li.row .txt .box {height: 100%;}
.about .top li.row .txt h4 {padding-bottom: 1.5vw;font-size: 36px;}
.about .top li.row .txt h5 {height: 50px;color: #666;font-size: 16px;}
.about .top li.row .txt .con {line-height: 30px;}
.about .top li.row:nth-child(2n) .txt {padding-right: 0;padding-left: 2.5vw;}
.about .main li.row {height: 370px;margin-bottom: 20px;}
.about .main li.row .img {padding-left: 2.5vw;}
.about .main li.row:nth-child(2n - 1) .img {padding-left: 0;padding-right: 2.5vw;}
.about .main li.row .txt {padding-right: 2.5vw;}
.about .main li.row .txt .box {height: 100%;}
.about .main li.row .txt h4 {padding-bottom: 1.5vw;font-size: 28px;}
.about .main li.row .txt h5 {height: 90px;line-height: 30px;overflow: hidden;font-size: 14px;}
.about .main li.row .txt li {display: inline-block;margin-right: 4.5vw;text-align: center;}
.about .main li.row .txt li h6 {height: 48px;color: #ec7729;font-size: 38px;}
.about .main li.row .txt li span {font-size: 14px;}
.about .main li.row:nth-child(2n -1) .txt {padding-right: 0;padding-left: 2.5vw;}
.about-culture .main .row {height: 290px;margin-bottom: 30px;}
.about-culture .main .row .txt {padding-left: 5vw;}
.about-culture .main .row .txt .box {height: 100%;}
.about-culture .main .row h5 {height: 55px;color: #ec7729;font-size: 28px;}
.about-culture .main .row h4 {height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.about-culture .main .row h4:after {content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #e5e5e5;}
.about-culture .main .row .con {font-size: 16px;line-height: 25px;}
.about-honor .main li .img {height: 250px;line-height: 250px;border: 1px solid #d2d2d2;}
.about-honor .main li .img img {max-width: 90%;max-height: 90%;}
.about-honor .main li h4 {color: #292b3e;height: 55px;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.about-honor .more {display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-cert .main li {margin-bottom: 20px;}
.about-cert .main li .img {height: 340px;line-height: 340px;border: 1px solid #d2d2d2;}
.about-cert .main li .img img {max-width: 90%;max-height: 90%;}
.about-cert .more {display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-history li {padding: 30px 0;position: relative;overflow: hidden;}
.about-history li:before,.about-history li:after {content: '';position: absolute;left: 50%;top: 50%;height: 100%;transform: translate(-50%,-50%);border-left: 1px solid #ddd;}
.about-history li:after {width: 12px;height: 12px;border-radius: 50%;background-color: #aaa;border: none;}
.about-history li:hover:after {background-color: #0096ff;}
.about-history li .time {float: left;width: 50%;height: 100%;padding: 0 2.5vw;font-size: 42px;font-weight: 700;line-height: 35px;text-align: right;position: absolute;top: 0;}
.about-history li .time span {position: absolute;top: 50%;right: 2.5vw;transform: translateY(-50%);}
.about-history li:nth-child(2n) .time span {right: auto;left: 2.5vw;}
.about-history li .txt {float: right;width: 50%;padding: 0 2.5vw;color: #7c7c7c;font-size: 18px;line-height: 35px;text-align: left;}
.about-history li:nth-child(2n) .time {float: right;text-align: left;right: 0;}
.about-history li:nth-child(2n) .time span {right: auto;left: 2.5vw;}
.about-history li:nth-child(2n) .txt {float: left;text-align: right;}
.about-photo li.col {margin-bottom: 30px;}
.about-photo li .img {height: 0;padding-bottom: 63%;position: relative;}
.about-photo li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-photo li h4 {height: 70px;line-height: 70px;text-align: center;color: #1e242b;font-size: 18px;background-color: #fff;}
.about-swiper .main {position: relative;}
.about-swiper .swiper-button-next,.about-swiper .swiper-button-prev {left: -60px;width: 36px;height: 36px;background: none;border: 3px solid #dee3ef;}
.about-swiper .swiper-button-next:hover,.about-swiper .swiper-button-prev:hover {background: #ec7729;border-color: #ec7729;}
.about-swiper .swiper-button-next {left: auto;right: -60px;}
.about-swiper .swiper-button-next:after,.about-swiper .swiper-button-prev:after {width: 6px;height: 6px;border-color: #576077;}
.about-swiper .swiper-button-next:hover:after,.about-swiper .swiper-button-prev:hover:after {border-color: #fff;}
.com-pages {margin-top: 30px;text-align: center;font-size: 0;}
.com-pages span,.com-pages a {display: inline-block;padding: 0 10px;height: 40px;line-height: 40px;margin: 0 5px;font-size: 14px;font-weight: 700;background: #d6d6d6;transition: all .3s;vertical-align: middle;}
.com-pages a:first-of-type,.com-pages a:last-of-type {width: 85px;color: #ec7729;background: #293e6b;}
.com-pages a:first-child{display: none;}
.com-pages a:hover {color: #fff;background-color: #ec7729;}
.com-pages span {color: #fff;background: #ec7729;}
.com-pages label {display: none;}
.news-nav .box {padding: 0 6vw;}
.news-nav a {margin: 0 2.5vw;}
.news li.col {text-align: left;margin-bottom: 30px;}
.news li .img {height: 0;padding-bottom: 62%;position: relative;}
.news li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news li .txt {padding: 25px 20px;overflow: hidden;background: #fff;}
.news li h4 {height: 22px;line-height: 1;color: #1e242b;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li span {display: block;color: #999;font-size: 14px;line-height: 50px;}
.news li .con {height: 50px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;}
.contact .main {padding-left: 4vw;padding-top: 1.25vw;background-color: #fff;}
.contact .main li.col {padding-top: 40px;padding-bottom: 40px;text-align: left;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.contact .main li:nth-child(n + 4) {border: none;}
.contact .main li .img {float: left;height: 65px;width: 80px;}
.contact .main li .txt {float: left;width: calc(100% - 80px);}
.contact .main li h5 {height: 30px;color: #555;font-size: 16px;}
.contact .main li p {color: #1e242b;font-size: 30px;}
.contact .map {margin-top: 40px;
}
#map {width: 100%;height: 520px;
}
#map td {box-sizing: content-box;
}
#map img {max-width: none;max-height: none;}
.BMapLib_SearchInfoWindow .BMapLib_bubble_center {line-height: 1.5;}
.map h6 {padding-left: 40px;line-height: 75px;color: #262626;font-size: 18px;background-color: #fff;}
.map h6 img {margin-right: 15px;}
.contact-all .main .row {height: 400px;}
.contact-all .main .row .img {width: calc(50% + 3vw);}
.contact-all .main .row .txt {width: calc(50% - 3vw);padding-left: 3vw;}
.contact-all .main .row .txt .box {height: 100%;}
.contact-all .main .row h4 {height: 3.5vw;margin-bottom: 2vw;font-size: 32px;border-bottom: 1px dashed #b5b5b5;}
.contact-all .main .row .con p {color: #666;line-height: 34px;}
.contact-message .main .txt {width: calc(50% - 5vw);padding-right: 2.5vw;}
.contact-message .main .img {width: calc(50% + 5vw);height: 420px;}
.contact-message .main li {margin-bottom: 20px;}
.contact-message .main input {width: 100%;line-height: 60px;padding-left: 30px;padding-right: 15px;border: 1px solid #d2d2d2;}
.contact-message .main textarea {width: 100%;height: 180px;padding: 25px 15px;border: 1px solid #d2d2d2;}
.contact-message .main .sub {display: block;width: 150px;line-height: 40px;margin-top: 35px;text-align: center;background-color: #ec7729;
}
#map {width: 100%;height: 510px;}
.job .main li {overflow: hidden;background: #fff;}
.job .main li:nth-child(2n - 1) {background-color: #f4f4f4;}
.job .main li:nth-child(1) {border-top: 1px solid #dcdcdc;}
.job .main li .tit p {line-height: 70px;}
.job .main li:nth-child(1) .tit p {color: #666;line-height: 65px;background: #eee;}
.job .main li .tit {color: #666;font-size: 18px;position: relative;cursor: pointer;}
.job .main li.active .tit,.job .main li .tit:hover {color: #fff;background: #ec7729;}
.job .main li .tit span:after {content: '+';position: absolute;right: 8vw;top: 50%;transform: translateY(-50%);}
.job .main li.active .tit span:after {content: '-';color: #fff;}
.job .main li .con {display: none;padding: 4vw 7.5vw;background: #fff;}
.job .main li .con p {color: #666;font-size: 16px;line-height: 25px;}
.related-title {text-align: center;}
.related-title h3 {height: 50px;font-size: 28px;}
.related-title h4 {height: 60px;color: #666;font-size: 14px;}
.related .main {width: 100%;position: relative;}
.related .swiper-button-next,.related .swiper-button-prev {left: -50px;width: 40px;height: 40px;background: #999;}
.related .swiper-button-next:hover,.related .swiper-button-prev:hover {background: #ec7729;}
.related .swiper-button-next {left: auto;right: -50px;}
.related .swiper-button-next:after,.related .swiper-button-prev:after {width: 6px;height: 6px;border-color: #fff;}
.pro-related li {text-align: center;margin-top: 0 !important;}
.case-related .txt {background: #fff;}
.links {line-height: 2;color: #687281;font-size: 14px;}
.links a {margin-right: 1vw;color: #687281;font-size: 14px;}
.links a:hover {color: #ec7729;text-decoration: underline;}
.footer {padding-top: 60px;color: #8793a5;font-size: 14px;background-color: #2d343f;}
.footer.index {padding-top: 190px;}
.footer dl {float: left;margin-right: 6vw;margin-bottom: 30px;text-align: left;}
.footer dl:last-child {margin-right: 0;}
.footer dt {height: 55px;color: #b2c0d7;font-size: 18px;position: relative;}
.footer dd a {display: block;height: 35px;}
.footer .phone h4 {height: 45px;color: #b2c0d7;}
.footer .phone h5 {height: 40px;color: #ec7729;font-size: 28px;}
.footer .phone .more {display: block;width: 160px;line-height: 35px;border-radius: 35px;margin-top: 10px;text-align: center;color: #fff;border: 1px solid #fff;}
.footer .qr {margin-left: 3vw;}
.footer .qr img {width: 120px;height: 120px;padding: 5px;background: #fff;}
.footer .qr p {margin-top: 15px;color: #677284;font-size: 14px;text-align: center;}
.footer .copy {margin-top: 20px;line-height: 60px;border-top: 1px solid #38404d;color: #687281;}
.footer .copy span,.footer .copy a {display: inline;margin: 0 5px;}
.footer a {transition: all .3s;}
.footer a:hover {color: #ec7729;transform: translateX(4px);opacity: 1;}
.hor-top-show {position: absolute;bottom: -40px;opacity: 0;left: 0;top: 0;overflow: hidden;transition: all .3s;z-index: 1;}
.hor-top-show.active {position: relative;opacity: 1;bottom: 0;z-index: 2;}
.hvr1.hvr1 .img {background: #000;position: relative;}
.hvr1.hvr1 .img img {transition: all .5s;}
.hvr1.hvr1 .img:before {content: '';position: absolute;top: 35px;bottom: 35px;left: 20px;right: 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scaleX(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1 .img:after {content: '';position: absolute;top: 20px;bottom: 20px;left: 35px;right: 35px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scaleY(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1:hover img {opacity: .8;}
.hvr1.hvr1:hover .img:before {transform: scaleX(1);}
.hvr1.hvr1:hover .img:after {transform: scaleY(1);}
.hover-img-big .img {overflow: hidden;}
.hover-img-big .img img {transition: transform .5s;}
.hover-img-big:hover img {transform: scale(1.04);}
.hover-color.hover-color h4 {transition: all .3s;}
.hover-color.hover-color:hover h4 {color: #ec7729;}
.hover-left-rotate {transition: transform .3s;}
.hover-left-rotate:hover {transform: rotateY(360deg);}
.hover-left-move {position: relative;right: 0;transition: all .3s;}
.hover-left-move:hover {right: -4px;}
.hover-top-move {display: inline-block;position: relative;transition: transform .3s;}
.hover-top-move:hover {transform: translateY(-5px);}
.hover-bg-big {position: relative;z-index: 1;}
.hover-bg-big:after {content: "";background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transition: transform .3s;z-index: -1;}
.hover-bg-big:hover:after {transform: scale(1);}
.hvr-bg-move {position: relative;overflow: hidden;transition: all .5s;}
.hvr-bg-move:hover {box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move:after {content: '';position: absolute;left: -100%;top: 0;width: 0;height: 100%;background-color: #fff;opacity: .5;box-shadow: 0 0 30px #fff;}
.hvr-bg-move:hover:after {left: 100%;width: 50%;transition: all .5s;}
.hvr-bg-move2 {position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.hvr-bg-move2:hover {box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move2:after {content: '';position: absolute;left: 50%;top: 50%;width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;border-radius: 50%;background: #fff;transform: scale(0);transition: all .3s;z-index: -1;}
.hvr-bg-move2:hover:after {animation: bg_big 1s;
}
@keyframes bg_big {0% {  opacity: .6;}100% {  opacity: 0;  transform: scale(1);}}
.flash {overflow: hidden;width: 380px;height: 230px;position: relative;}
.flash em {cursor: pointer;height: 230px;width: 380px;left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));}
.flash:hover em {left: 380px;transition: all 0.7s;}
.flip img {width: 380px;height: 230px;position: absolute;left: 0;top: 0;z-index: 2;transform: rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility: hidden;}
.flip span {position: absolute;width: 380px;height: 230px;background: #e1e1e1;line-height: 230px;text-align: center;transform: rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility: hidden;left: 0;top: 0;}
.flip:hover img {transform: rotateY(180deg);}
.flip:hover span {transform: rotateY(0deg);}
.up span {height: 40px;bottom: -40px;display: block;background: #333;transition: all 0.5s;line-height: 40px;color: #fff;}
.up:hover img {margin-top: -40px;transition: all 0.5s;}
.panorama {background-image: url(../images/6608185829213862083.jpg);background-size: auto 100%;cursor: pointer;animation: panorama 10s linear infinite alternate;animation-play-state: paused;}
.panorama:hover,.panorama:focus {animation-play-state: running;
}
@keyframes panorama {to {  background-position: 100% 0;}}
.border .txt {position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;color: #fff;line-height: 230px;transform: scale(0);}
.border .txt:before,.border .txt:after {position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border .txt:before {top: 0;right: 0;bottom: 0;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border .txt:after {top: 0;right: 0;bottom: 0;left: 0;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border:hover .txt:before,.border:hover .txt:after {opacity: 1;transform: scale(1);transition: all 0.5s;}
.border:hover .txt {transform: scale(1);}
.border:hover img {opacity: .5;}
.border2 .txt {position: absolute;top: 20px;left: 20px;right: 20px;bottom: 20px;color: #fff;line-height: 230px;transform: scale(0);}
.border2 .txt:before,.border2 .txt:after {position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border2 .txt:before {top: 15px;right: 0;bottom: 15px;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border2 .txt:after {top: 0;right: 15px;bottom: 0;left: 15px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border2:hover .txt:before,.border2:hover .txt:after {opacity: 1;transform: scale(1);transition: all 0.5s;}
.border2:hover .txt {transform: scale(1);}
.border2:hover img {opacity: .5;}
.jitter:hover img {animation: tada 1s .2s ease both;
}
@keyframes tada {0% {  transform: scale(1);}10%,  20% {  transform: scale(0.9) rotate(-3deg);}30%,  50%,  70%,  90% {  transform: scale(1.1) rotate(3deg);}40%,  60%,  80% {  transform: scale(1.1) rotate(-3deg);}100% {  transform: scale(1) rotate(0);}}
.effect1 {perspective: 800px;}
.effect1 .pic {display: block;transition: 0.4s;}
.effect1 .txt {position: absolute;left: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;top: -100%;transition: all 0.5s;z-index: -1;}
.effect1:hover .pic {transform: rotateX(80deg);transform-origin: center bottom 0;}
.effect1:hover .txt {top: 0;}
.effectBtn {display: inline-block;padding: 5px 25px;font-size: 14px;color: #fff;border: 2px solid #4d92d9;background-color: #4d92d9;text-decoration: none;transition: 0.4s;}
.text-desc {position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;opacity: 0;width: 100%;padding: 20px;}
.effect2 {perspective: 500px;z-index: 5;}
.effect2 .txt {position: absolute;left: 0;bottom: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;z-index: -1;transform: rotateX(80deg);transform-origin: center bottom 0;opacity: 0;}
.effect2:hover .txt {transform: none;opacity: 1;}
.effect2:hover img {transform: translateY(-100%);}
.effect3 {perspective: 500px;overflow: visible;}
.effect3 .txt {position: absolute;left: 0;top: 0;background: #fff;height: 90%;width: 70%;padding: 5% 20% 5% 10%;transition: 0.6s;transform: translateX(-100%);opacity: 0;}
.effect3:hover .txt {transform: translateX(0px);opacity: 1;}
.effect3:hover img {transform: scale(0.5) translateX(100%);position: relative;z-index: 9;}
.effect4 .txt {position: absolute;left: 0;top: 0;background: #fff;height: 70%;width: 80%;padding: 25% 10% 5% 10%;transition: 0.6s;transform: translateY(100%);opacity: 0;}
.effect4:hover .txt {transform: translateY(0px);opacity: 1;}
.effect4:hover img {transform: scale(0.3) translateY(-100%);position: relative;z-index: 9;}
.effect5 .txt {position: absolute;right: 0;top: 0;background: #fff;height: 90%;width: 90%;padding: 5%;transition: 0.6s;opacity: 0;transform: perspective(600px) rotateY(-90deg);transform-origin: right center 0;width: 40%;}
.effect5 img {position: relative;right: 0;}
.effect5:hover .txt {opacity: 1;transform: perspective(600px) rotateY(0deg);z-index: 5;}
.effect5:hover img {right: 50%;}
.effect6 {border: 5px solid #eee;}
.effect6 .txt {position: absolute;right: 0;top: 0;background: #fff;width: 70%;height: 90%;padding: 5% 15%;transition: 0.6s;transform: scale(0);backface-visibility: hidden;}
.effect6:hover .txt {transform: scale(1);border-radius: 50% 0 50% 0;}
.effect6:hover img {transform: scale(1.1);}
.button1 {background: #555;padding: 50px 0;margin-bottom: 50px;overflow: hidden;}
.btn {color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto 2em;max-width: 160px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;width: 100%;margin: 0 10px;}
.btn:hover {text-decoration: none;}
.btn1 {background: #ec7729;font-weight: 100;}
.btn1 svg {height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.btn1 rect {fill: none;stroke: #fff;stroke-width: 2;stroke-dasharray: 422, 0;}
.btn1:hover {background: #ec7729;font-weight: 900;letter-spacing: 1px;}
.btn1:hover rect {stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;-webkit-transition: all 1.35s cubic-bezier(0.19,1,0.22,1);transition: all 1.35s cubic-bezier(0.19,1,0.22,1);}
.btn2 {letter-spacing: 0;}
.btn2:hover,.btn2:active {letter-spacing: 5px;}
.btn2:after,.btn2:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(255,255,255,0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.btn2:hover:after,.btn2:hover:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 70%;}
.btn2:hover:before {bottom: auto;top: 0;width: 70%;}
.btn3 {background: #ec7729;border: 1px solid #da251f;box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;font-weight: 900;letter-spacing: 1px;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.btn3:hover {background: #ec7729;border: 1px solid rgba(0,0,0,0.05);box-shadow: 1px 1px 2px rgba(255,255,255,0.2);color: #ec817d;text-decoration: none;text-shadow: -1px -1px 0 #c2211c;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.btn4 {border: 1px solid;overflow: hidden;position: relative;}
.btn4 span {z-index: 20;}
.btn4:after {background: #fff;content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);width: 50px;z-index: 10;}
.btn4:hover:after {left: 120%;-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);}
.btn5 {border: 0 solid;box-shadow: inset 0 0 20px rgba(255,255,255,0);outline: 1px solid;outline-color: rgba(255,255,255,0.5);outline-offset: 0px;text-shadow: none;-webkit-transition: all 1250ms cubic-bezier(0.19,1,0.22,1);transition: all 1250ms cubic-bezier(0.19,1,0.22,1);}
.btn5:hover {border: 1px solid;box-shadow: inset 0 0 20px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.2);outline-color: rgba(255,255,255,0);outline-offset: 15px;text-shadow: 1px 1px 2px #427388;}
.btn-hvr:before,.btn-hvr:after {z-index: -1;box-sizing: border-box;transition: 0.5s;}
.btn-hvr {position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.btn-hvr0:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: #ec7729;}
.btn-hvr0:hover {color: #fff;}
.btn-hvr0:hover:before {width: 250px;}
.btn-hvr1:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #ec7729 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr1:hover {color: #ecdcd4;}
.btn-hvr1:hover:after {border-width: 330px 330px 0 0;}
.btn-hvr1:active {background: #b27254;}
.btn-hvr1-2 {color: #bc4b41;}
.btn-hvr1-2:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #6a1a13;position: absolute;bottom: 0;left: 0;}
.btn-hvr1-2:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #6a1a13 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr1-2:hover {color: #ebcac7;}
.btn-hvr1-2:hover:before {border-width: 206.25px 0 0 206.25px;}
.btn-hvr1-2:hover:after {border-width: 0 0 206.25px 206.25px;}
.btn-hvr1-2:active {background: #b02b20;}
.btn-hvr2 {color: #48a6b1;}
.btn-hvr2:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #185a62;position: absolute;bottom: 0;left: 0;}
.btn-hvr2:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #185a62 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr2:hover {color: #c9e5e8;}
.btn-hvr2:hover:before {border-width: 165px 0 0 165px;}
.btn-hvr2:hover:after {border-width: 0 165px 165px 0;}
.btn-hvr2:active {background: #2896a3;}
.btn-hvr3 {color: #ad96a0;}
.btn-hvr3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #5f4f56;position: absolute;bottom: 0;left: 0;}
.btn-hvr3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #5f4f56 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr3 span:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #5f4f56 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr3 span:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #5f4f56 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr3:hover {color: #e7e0e3;}
.btn-hvr3:hover:before {border-width: 165px 0 0 165px;}
.btn-hvr3:hover:after {border-width: 0 165px 165px 0;}
.btn-hvr3:hover span:before {border-width: 0 0 165px 165px;}
.btn-hvr3:hover span:after {border-width: 165px 165px 0 0;}
.btn-hvr3:active {background: #9e838f;}
.btn-hvr4 {color: #8d53b3;}
.btn-hvr4:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #492064 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr4:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #492064;position: absolute;bottom: 0;left: 0;}
.btn-hvr4:before,.btn-hvr4:after {border-color: #492064;}
.btn-hvr4 span:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #492064 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr4 span:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #492064 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr4 span:before,.btn-hvr4 span:after {border-color: #492064;}
.btn-hvr4:hover {color: #decde9;}
.btn-hvr4:hover:before {border-width: 20px 62.5px;}
.btn-hvr4:hover:after {border-width: 20px 62.5px;}
.btn-hvr4:hover span:before {border-width: 20px 62.5px;}
.btn-hvr4:hover span:after {border-width: 20px 62.5px;}
.btn-hvr4:active {background: #7935a6;}
.btn-hvr5 {color: #808695;}
.btn-hvr5:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #3f444e transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr5:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #3f444e;position: absolute;bottom: 0;left: 0;}
.btn-hvr5:hover {color: #dadce0;}
.btn-hvr5:hover:before,.btn-hvr5:hover:after {border-width: 80px 262.5px;}
.btn-hvr5:active {background: #697182;}
.btn-hvr6 {color: #80629f;}
.btn-hvr6 span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background: #402a55;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: width 0.4s, height 0.4s;transition: width 0.4s, height 0.4s;z-index: -1;}
.btn-hvr6:hover {color: #dad1e3;}
.btn-hvr6:hover span {width: 562.5px;height: 562.5px;}
.btn-hvr6:active {background: #6a468e;}
.btn-hvr7 {color: #27692b;}
.btn-hvr7:before,.btn-hvr7:after,.btn-hvr7 span:before,.btn-hvr7 span:after {content: '';position: absolute;top: 0;width: 63.5px;height: 0;background: #012f04;}
.btn-hvr7:before {left: 0;}
.btn-hvr7:after {left: 125px;}
.btn-hvr7 span:before,.btn-hvr7 span:after {top: auto;bottom: 0;}
.btn-hvr7 span:before {left: 62.5px;}
.btn-hvr7 span:after {left: 187.5px;}
.btn-hvr7:hover {color: #c0d3c1;}
.btn-hvr7:hover:before,.btn-hvr7:hover:after,.btn-hvr7:hover span:before,.btn-hvr7:hover span:after {height: 80px;}
.btn-hvr7:active {background: #014f06;}
.btn-hvr8 {color: #5177a7;}
.btn-hvr8:before,.btn-hvr8:after {content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: #ec7729;}
.btn-hvr8:after {top: auto;bottom: 0;}
.btn-hvr8:hover:before,.btn-hvr8:hover:after {height: 40px;}
.btn-hvr8:active {background: #325f98;}
.btn-hvr9 {color: #c93a8e;}
.btn-hvr9:before,.btn-hvr9:after,.btn-hvr9 span:before,.btn-hvr9 span:after {content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: rgba(115,14,73,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr9:after,.btn-hvr9 span:before {top: auto;bottom: 0;}
.btn-hvr9 span:before,.btn-hvr9 span:after {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr9:hover {color: #efc5de;}
.btn-hvr9:hover:before,.btn-hvr9:hover:after,.btn-hvr9:hover span:before,.btn-hvr9:hover span:after {height: 80px;}
.btn-hvr9:active {background: #c0177a;}
.btn-hvr10 {color: #8f5c82;}
.btn-hvr10:before,.btn-hvr10:after,.btn-hvr10 span:before,.btn-hvr10 span:after {content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: rgba(74,38,65,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr10:after,.btn-hvr10 span:before {left: auto;right: 0;}
.btn-hvr10 span:before,.btn-hvr10 span:after {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr10:hover {color: #decfda;}
.btn-hvr10:hover:before,.btn-hvr10:hover:after,.btn-hvr10:hover span:before,.btn-hvr10:hover span:after {width: 250px;}
.btn-hvr10:active {background: #7b3f6c;
}
@-webkit-keyframes criss-cross-left {0% {  left: -20px;}50% {  left: 50%;  width: 20px;  height: 20px;}100% {  left: 50%;  width: 375px;  height: 375px;}
}
@keyframes criss-cross-left {0% {  left: -20px;}50% {  left: 50%;  width: 20px;  height: 20px;}100% {  left: 50%;  width: 375px;  height: 375px;}
}
@-webkit-keyframes criss-cross-right {0% {  right: -20px;}50% {  right: 50%;  width: 20px;  height: 20px;}100% {  right: 50%;  width: 375px;  height: 375px;}
}
@keyframes criss-cross-right {0% {  right: -20px;}50% {  right: 50%;  width: 20px;  height: 20px;}100% {  right: 50%;  width: 375px;  height: 375px;}}
.btn-hvr11 {position: relative;color: #9a7cba;}
.btn-hvr11:before,.btn-hvr11:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #8865ae;border-radius: 50%;}
.btn-hvr11:before {left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-hvr11:hover:before {-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-hvr11:hover:after {-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}
.sea-product ul.mycol {margin: 0 -10px;}
.sea-product li.col {padding: 0 10px;margin-bottom: 20px;}
.sea-product li {transition: all .3s;}
.sea-product li:hover {transform: translateY(-10px);}
.sea-product li .img {height: 280px;line-height: 280px;text-align: center;position: relative;}
.sea-product li img {max-width: 80%;max-height: 80%;}
.sea-product li h4 {height: 50px;line-height: 50px;color: #1e242b;font-size: 18px;overflow: hidden;text-align: center;
}
@media (max-width: 1700px) {.w1600 {  width: 1400px;}
}
@media (max-width: 1520px) {.w {  width: 1200px;}.w1600 {  width: 1200px;}.header .nav li {  margin-right: 2vw;}.header .nav li > a {  font-size: 16px;}
}
@media (max-width: 1300px) {.header .nav li {  margin-right: 1.5vw;}
}

div.digg a{height: auto;}
div.digg span{height: auto;}


/*内容详细样式*/
.entry{ margin-top:20px; padding:40px 20px 60px; font-size:14px; line-height:2em; word-wrap:break-word; }
.entry img{ max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#DC2523; }
.entry ul,.entry ol{ margin:1em; padding:0; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
.entry table th{ background:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }


 ::-webkit-scrollbar{width: 7px;height: 7px;background-color: #F5F5F5;}
 ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;}
 ::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8;}

 .next-box{line-height: 30px;}