@charset "utf-8";
/* CSS Document */
html, body {
font-size: 14px;
font-family: "微软雅黑", "arial";
color: #646464;
line-height: 1.8;
position: relative;
}
.arrowImg {
width: 55px;
height: 55px;
background: url(../images/mouse.png) no-repeat center center;
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 130px;
z-index: 99;
-webkit-transition: all .3s linear 0s;
-moz-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
transition: all .3s linear 0s;
-webkit-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
-moz-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
-o-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
cursor: pointer;
}
.arrowImg:before, .arrowImg:after {
content: '';
position: absolute;
left: 0;
top: 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
box-sizing: content-box;
}
.arrowImg:before {
width: 55px;
height: 55px;
border: 1px solid #fff;
-moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.arrowImg:after {
width: 54px;
height: 54px;
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0.1);
opacity: 0;
-moz-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.arrowImg:hover:before {
opacity: 0;
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.arrowImg:hover:after {
opacity: 1;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@keyframes b_jump {
from {
transform:translateY(0);
-webkit-transform:translateY(0);
}
to {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
}
@-webkit-keyframes b_jump {
from {
transform:translateY(0);
-webkit-transform:translateY(0);
}
to {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
}
.arrowTip {
width: 100%;
height: 1000px;
}
/* case start */
.idx_case a {
display: block;
color: #969696;
float: left;
width: 25%;
padding: 0.5%;
}
.idx_case .pic {
width: 100%;
background-image: url(../images/caseimg_bg.jpg);
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
position: relative;
}
.idx_case .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.idx_case .bodr {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #2C2C2C;
transition: 300ms;
-webkit-transition: 300ms;
opacity: 0;
display: none\9;
}
.idx_case .title {
padding: 20px 0;
padding-left: 30px;
position: relative;
transition: background 300ms;
-webkit-transition: background 300ms;
background-color:#fff;
}
.idx_case .title .ch {
font-size: 16px;
font-family: "微软雅黑";
color: #272528;
white-space: nowrap;
overflow: hidden;
}
.idx_case .title .en {
color: #999;
}
.idx_case .title .line {
display: block;
background: #f9f9f9;
position: absolute;
transition: 300ms;
-webkit-transition: 300ms;
}
.idx_case .title .line_1 {
width: 24px;
height: 1px;
top: 50%;
right: 30px;
margin-top: -1px;
transform: translateX(30px);
-webkit-transform: translateX(30px);
}
.idx_case .title .line_2 {
width: 1px;
height: 24px;
top: 50%;
margin-top: -12px;
right: 42px;
transform: translateY(30px);
-webkit-transform: translateY(30px);
}
.idx_case a:hover .bodr {
opacity: 1;
display: block\9;
}
.idx_case a:hover .pic img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.idx_case a:hover .title {
background: #2C2C2C;
}
.idx_case a:hover .title .ch {
color: #fff;
}
.idx_case a:hover .title .en {
color: #fff;
}
.idx_case a:hover .title .line {
transform: translate(0);
-webkit-transform: translate(0);
}
/* case end */
/* display start */
.idx_pros {
width: 1200px;
margin: 0 auto;
background: #fff;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
.idx_pros a {
display: block;
width: 399px;
height: 200px;
float: left;
color: #646464;
border: 1px solid #eee;
position: relative;
border-right: 0;
border-bottom: 0;
overflow: hidden;
}
.idx_pros .ico, .idx_pros .txts {
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.idx_pros .ico {
background-repeat: no-repeat;
background-position: left center;
left: 0;
transition: left 500ms;
-webkit-transition: left 500ms;
}
.idx_pros .idxp11 .ico {
background-image: url(../images/idxIco1.png);
}
.idx_pros .idxp11:hover .ico {
background-image: url(../images/idxIco11.png);
}
.idx_pros .idxp21 .ico {
background-image: url(../images/idxIco2.png);
}
.idx_pros .idxp12 .ico {
background-image: url(../images/idxIco3.png);
}
.idx_pros .idxp12:hover .ico {
background-image: url(../images/idxIco33.png);
}
.idx_pros .idxp22 .ico {
background-image: url(../images/idxIco4.png);
}
.idx_pros .idxp13 .ico {
background-image: url(../images/idxIco5.png);
}
.idx_pros .idxp13:hover .ico {
background-image: url(../images/idxIco55.png);
}
.idx_pros .idxp23 .ico {
background-image: url(../images/idxIco6.png);
}
.idx_pros .txts {
left: 50%;
width: 35%;
padding-right: 20%;
transition: 500ms;
-webkit-transition: 500ms;
}
.idx_pros .txts .ch {
font-size: 18px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 3px;
margin-top: 45px;
}
.idx_pros .idxp1 .txts .ch {
color: #323232;
}
.idx_pros .txts .en {
font-size: 12px;
margin-top: 2px;
text-transform: uppercase;
}
.idx_pros .pic {
width: 100%;
height: 100%;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.idx_pros .pic img {
width: 100%;
}
.idx_pros .idxp2 {
color: #fff;
}
.idx_pros .idxp2 .txts .ch {
border-color: #fff;
}
.idx_pros .cover {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
overflow: visible;
border: 0 solid #00ae66;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.idx_pros a:hover .cover {
opacity: 1;
border: 150px solid #262428;
}
.idx_pros a:hover .ico {
left: 50%;
}
.idx_pros a:hover .txts {
left: 0;
padding-right: 0;
padding-left: 15%;
}
.idx_pros .idxp1:hover {
color: #fff;
}
.idx_pros .idxp1:hover .txts .ch {
color: #fff;
}
.idx_pros .arrow {
width: 18px;
height: 18px;
background: url(../images/wi_arrow.png) no-repeat center center;
position: absolute;
bottom: 15px;
left: 15%;
transform: translateX(-60px);
-webkit-transform: translateX(-60px);
opacity: 0;
display: none\9;
transition: 500ms;
-webkit-transition: 500ms;
}
.idx_pros a:hover .arrow {
transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* display end */
/* news start */
.idx_news {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.inw-txts {
width: 40%;
float: left;
background: #fff;
}
.inw-txts .bodr {
}
.inw-txts .empty {
position: relative;
}
.inw-txts .year {
width: 20%;
float: left;
position: relative;
line-height: 36px;
}
.inw-txts .year .line {
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
background: #eee;
width: 1px;
height: 100%;
}
.inw-txts .txts {
float: left;
width: 70%;
margin-right: 10%;
line-height: 36px;
}
.inw-txts .empty .year, .inw-txts .empty .txts {
height: 100%;
}
.inews .date {
font-size: 12px;
color: #999;
text-align: center;
}
.inews {
position: relative;
border-bottom: dashed 1px #ececec;
padding:2px 0;
}
.inews:last-child {
border: none;
}
.inews a {
display: block;
color: #666;
white-space: nowrap;
}
.inews .year a {
text-align: right;
padding-right: 20px;
position: relative;
}
.inews .txts {
/* padding-top: 36px;*/
}
.inews .txts a {
padding-left: 20px;
text-overflow: ellipsis;
overflow: hidden;
}
.inw-pic {
width: 20%;
float: left;
height: 100%;
position: relative;
overflow: hidden;
}
.inw-pic ul {
width: 100%;
height: 100%;
}
.inw-pic ul li {
width: 100%;
height: 100%;
}
.inw-pic ul li img {
width: 100%;
}
.jwplayer.aspectMode {
height: 100% !important;
}
.inw-pic .owl-theme .owl-controls .owl-page {
display: block;
}
.inw-pic .owl-theme .owl-controls .owl-page span {
width: 12px;
height: 4px;
margin: 5px 0;
background: #fff;
transition: 300ms;
-webkit-transition: 300ms;
}
.inw-pic .owl-theme .owl-controls {
position: absolute;
top: 60px;
left: 20px;
}
.inw-pic .owl-theme .owl-controls .owl-page.active span {
width: 22px;
}
.inw-trends {
width: 35%;
height: 100%;
float: right;
background-position: center center;
background-repeat: no-repeat;
}
.top-cat {
width: 100%;
background-color: #fff;
position: relative;
display: table;
}
.top-cat p {
width: 92%;
margin: 0px auto;
border-bottom: dashed 1px #ececec;
line-height: 36px;
padding:2px 0;
}
.top-cat p:last-child {
border: none;
}
.top-cat p span {
color: #00ae66;
}
.top-cat p a {
color: #666;
font-size: 14px;
}
.top-cat p a:hover {
color: #00ae66;
}
.top-cat p font {
display: inline-block;
float: right;
font-size: 12px;
color: #949494;
}
.top-cat .sub-tit3 {
width: 95px;
height: 40px;
text-align: center;
background-color: #00ae66;
}
.top-cat .sub-tit3 h3 {
font-size: 16px !important;
color: #fff;
line-height: 40px;
}
/* news related start */
.r {
float: right;
display: inline-block;
}
.news-padding {
margin-top: 3.5%;
}
.newNav dd {
float: left;
width: 100%;
display: block;
padding: 5px 0px;
color: #505050;
line-height: 1.2;
transition: 0ms;
-ms-transition: 0ms;
-webkit-transition: 0ms;
-moz-transition: 0ms;
position: relative;
}
.newNav dd .m1 {
position: absolute;
background-color: #00ae66;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
transition: 400ms;
-ms-transition: 400ms;
-webkit-transition: 400ms;
-moz-transition: 400ms;
}
.newNav dd .name {
font-size: 24px;
background: url(../images/ni1.png) no-repeat scroll left -100%;
margin-left: 34px;
padding-left: 50px;
transition: 400ms;
-ms-transition: 400ms;
-webkit-transition: 400ms;
-moz-transition: 400ms;
position: relative;
z-index: 2;
}
.newNav dd .nt {
margin: 0px 36px;
position: relative;
z-index: 2;
padding: 2px 0px;
color: #c8c8c8;
background: url(../images/nt1.png) no-repeat scroll center center;
float: none;
font: 16px/1 "times new roman";
}
.newNav dd {
color: #fff;
text-align: left;
}
.newNav dd .m1 {
height: 100%;
}
.newNav dd .name {
background-position: left center;
}
.newNav dd .nt {
float: right;
background: url(../images/nt2.png) no-repeat scroll left center;
padding-left: 22px;
margin-top: 5px;
}
.newNav dd .nt a {
color: #fff;
}
.newsRlist a:link, .newsRlist a:visited {
color: #787878;
}
.newsRlist a:active, .newsRlist a:hover {
color: #505050;
}
.newsRlist {
padding: 20px 0px;
position: relative;
overflow: hidden;
}
.newsRlist ul {
overflow: hidden;
}
.newsRlist li {
float: left;
display: block;
width: 49%;
border: 1px solid #e5e5e5;
margin: 7px 14px 7px 0px;
}
.newsRlist li:nth-child(2n) {
margin: 7px 0px;
}
.newsRlist .img {
width: 40%;
height: 100%;
overflow: hidden;
float: left;
}
.newsRlist .img img {
width: 100%;
display: block;
transition: 500ms;
-ms-transition: 500ms;
-webkit-transition: 500ms;
-moz-transition: 500ms;
}
.newsRlist .con {
width: 50%;
padding: 15px;
display: block;
float: left;
}
.newsRlist .t {
font-size: 16px;
color: #505050;
margin-bottom: 3px;
line-height: 1.4;
overflow: hidden;
transition: 300ms;
-ms-transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
white-space: nowrap;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.newsRlist .c {
overflow: hidden;
margin-bottom: 8px;
font-size: 14px;
color: #666;
white-space: nowrap;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.newsRlist li .i {
font-size: 12px;
color: #999;
}
.newsRlist li:hover .img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.newsRlist li:hover {
background-color: #ececec;
}
/* news related end */
/* news list start*/
.icBox {
background-color: #f5f5f5;
padding-bottom: 10px;
}
.icBox .news a {
color: #969696;
}
.icBox .nCell {
width: 23%;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.1);
margin: 1%;
float: left;
position: relative;
}
.ipBox .nCell {
transform: translateY(200px);
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
-moz-transform: translateY(200px);
opacity: 0;
filter: alpha(opacity=0);
}
.ipBox .n1 {
transition: 500ms;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
}
.ipBox .n2 {
transition: 500ms 200ms;
-webkit-transition: 500ms 200ms;
-moz-transition: 500ms 200ms;
-ms-transition: 500ms 200ms;
}
.ipBox .n3 {
transition: 500ms 400ms;
-webkit-transition: 500ms 400ms;
-moz-transition: 500ms 400ms;
-ms-transition: 500ms 400ms;
}
.ipBox .n4 {
transition: 500ms 600ms;
-webkit-transition: 500ms 600ms;
-moz-transition: 500ms 600ms;
-ms-transition: 500ms 600ms;
}
.ipBox.show .nCell {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100);
}
.icBox .newsTxt {
display: block;
padding: 15px;
border: 3px solid #fff;
transition: 400ms;
}
.icBox .nCell:hover .newsTxt {
border-color: #00ae66;
}
.icBox .newsTxt .pic {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.icBox .newsTxt .pic img {
width: 100%;
}
.icBox .newsTxt .date {
overflow: hidden;
color: #d5d5d5;
}
.icBox .newsTxt .day {
float: left;
font-size: 50px;
line-height: 64px;
font-family: 'groteskiaregular';
}
.icBox .newsTxt .right {
float: right;
}
.icBox .newsTxt .year {
font-size: 25px;
line-height: 42px;
font-family: 'groteskiaregular';
text-align: right;
}
.icBox .newsTxt .type {
text-align: right;
}
.icBox .newsTxt .attNum {
overflow: hidden;
font-size: 12px;
color: #c3c3c3;
line-height: 30px;
margin-bottom: 6px;
}
.icBox .newsTxt .attNum p {
float: left;
width: 28px;
height: 30px;
padding-left: 20px;
}
.icBox .newsTxt .title {
font-size: 16px;
color: #323232;
line-height: 28px;
overflow: hidden;
margin-top: 5px;
margin-bottom: 8px;
text-align: justify;
white-space: nowrap;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.icBox .newsTxt .txt {
text-align: justify;
overflow: hidden;
line-height: 23px;
white-space: nowrap;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.icBox .newsTxt .txt:after {
content: '...';
}
/* news list end */
/* partner start */
.cb_partnerContent {
width: 1200px;
margin: 20px auto;
overflow: hidden;
}
.cb_bankImgBox {
overflow: hidden;
}
.cb_bankImg {
float: left;
margin-bottom: 20px;
margin: 10px 14px;
width: 208px;
background-color: #fff;
border: solid 1px #ececec;
-webkit-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
}
.cb_bankImg:hover {
border: solid 1px #00ae66;
}
.cb_bankImg img {
width: 100%;
height: 100%;
}
.qd_paMore {
background-color: #19a9e5;
border: 1px solid #19a9e5;
color: #fff;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 20px auto;
text-align: center;
transition: all 0.3s ease-in-out 0s;
width: 200px;
border-radius:8px;
}
.qd_paMore:hover {
background-color: #00ae66;
border: solid 1px #00ae66;
col0;
-khtml-opacity: 0;
-webkit-opacity: 0;
}
.csstransforms .menu-handler.active .burger-3 {
top: 27px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.csstransforms .trans, .csstransforms .trans:hover {
-webkit-transition: all 277ms ease-in-out;
-moz-transition: all 277ms ease-in-out;
-o-transition: all 277ms ease-in-out;
transition: all 277ms ease-in-out;
-ms-transition: all 277ms ease-in-out;
}
.csstransforms .trans-fast, .csstransforms .trans-fast:hover {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
}
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 {
display: none;
}
.no-csstransforms .menu-handler.active {
background: url(../images/mob_close.png) no-repeat scroll center center;
}
.menuBox {
position: fixed;
left: 0px;
top: -100%;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 900;
background-color: rgba(39,37,40,1);
}
.menuBoxShow {
right: 0px;
}
/* .menuclose {} */
.navMobile {
padding: 10% 0px 50px;
}
.navMobile dd {
display: block;
width: 100%;
text-align: center;
}
.navMobile dd p {
width: 200px;
margin: 0 auto;
}
.navMobile dd p a {
text-transform: uppercase;
font-size: 18px;
position: relative;
}
.navMobile dd a {
display: block;
padding: 12px 0px;
line-height: 1.4;
font-size: 14px;
color: #ccc;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.navMobile dd span {
display: block;
position: absolute;
top: 50%;
background: #000;
width: 0;
height: 1px;
transition: 300ms;
-webkit-transition: 300ms;
}
.navMobile dd .line_1 {
left: 0;
}
.navMobile dd .line_2 {
right: 0;
}
.navMobile dd a:hover, .navMobile dd p a.cur {
color: #00ae66;
}
.navMobile dd a:active {
color: #00ae66;
}
.navMobile dd a:hover span, .navMobile dd p a.cur span {
width: 40px;
}
.mlogo {
width: 175px;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.mlogo img {
width: 100%;
}
.menuBox .tool {
float: none;
text-align: center;
font-size: 0;
margin: 0;
}
.tool a {
display: inline-block;
vertical-align: middle;
float: none;
}
/* menuBox end */
/* 二级页面 css */
.banner .owl-theme .owl-controls {
position: absolute;
left: 0;
right: 0;
font-size: 0;
bottom: 30px;
}
.banner .owl-theme .owl-controls .owl-page span {
margin: 0 5px;
background: #fff;
vertical-align: middle;
}
.banner .owl-theme .owl-controls .owl-page.active span {
background: #00ae66;
}
.banner .mtx {
display: none;
}
.inw-txts .txts a:hover {
color: #00ae66;
}
.pheader {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 889;
background: #336bc2;
}
.mtop {
height: 50px;
}
.pbanner {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.pbanner .vt {
width: 100%;
display: block;
}
.pbanner .pbatxbox {
position: absolute;
text-align: center;
left: 46%;
top: 35%;
display: table;
color: #272528;
font-size: 36px;
}
.pbanner .pbatxbox h2 {
font-size: 36px;
}
.pbanner .pbatxbox h2 span {
color: #00ae66;
}
.pbanner .pbatxbox p {
font-size: 18px;
padding: 0px 15px;
}
.pnav {
background: #f0f0f0;
position: relative;
}
.pnav a {
color: #fff;
display: block;
}
.pnav a:hover, .pnav a:active, .pnav .cnav a {
color: #646464;
}
.pnav li {
float: left;
width: 16.6666%;
*width:16.6%;
background: #00ae66;
line-height: 43px;
text-align: center;
position: relative;
transition: 300ms;
-webkit-transition: 300ms;
}
.pnav li:hover, .pnav .cnav {
background: #fff;
}
.pnav li .line {
display: block;
width: 1px;
height: 100%;
background: #fff;
position: absolute;
top: 0;
right: 0;
opacity: 0.3;
filter: alpha(opacity=30);
}
/* service start */
.typeIbox li {
float: left;
width: 12.5%;
text-align: center;
background: url(../images/type_ico.gif) no-repeat scroll right center;
font: 14px/1.8 "microsoft yahei";
letter-spacing: 0.1em;
display: block;
padding-top: 90px;
position: relative;
}
.typeIbox li.titem1 {
color: #666;
}
.typeIbox li .flow_i1, .typeIbox li .flow_i2 {
display: block;
margin: 0px auto;
width: 80px;
height: 80px;
position: absolute;
left: 50%;
margin-left: -40px;
top: 0px;
}
.typeIbox li .flow_i1 {
transition: 400ms;
}
.typeIbox li .flow_i2 {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
filter: alpha(opacity=0);
transition: 500ms;
}
.typeIbox li:hover .flow_i2 {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.typeIbox li:hover .flow_i1 {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* service end */
/* sem start */
.sem_T {
text-align: center;
padding: 3% 15px;
}
.sem_01 {
font-size: 28px;
color: #272528;
letter-spacing: 4px;
}
.sem_02 {
font-size: 14px;
}
.sem_line {
width: 40px;
height: 1px;
display: block;
margin: 0 auto;
margin-top: 5px;
background: #00ae66;
}
/* sem end */
.sec_txts {
color: #646464;
text-align: center;
}
.sec_txts .t1 {
color: #323232;
font-size: 18px;
}
.sec_txts .line {
width: 40px;
height: 1px;
background: #1a1a1a;
display: block;
margin: 0 auto;
margin-top: 5px;
}
.sec_txts .tx {
margin-bottom: 20px;
}
.abnav li {
width: 20%;
}
.ab1 .txts, .ab2 .txtsBox {
width: 48%;
float: right;
}
.ab1 .txts p {
width: 100%;
text-align: justify;
text-indent: 2em;
}
.ab1 .txts p a {
color: #00ae66;
}
.ab1 .txts p:first-child {
margin-left: 0;
}
.ab_C .pic {
width: 50%;
float: left;
overflow: hidden;
}
.ab_C .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.ab_C .pic:hover img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.ab_C {
overflow: hidden;
}
.ab {
padding-bottom: 3%;
}
.ab2 .txtsBox .txts {
float: left;
width: 47%;
}
.ab2 .txtsBox .txts p {
text-align: justify;
}
.ab2 .txtsBox .pics {
float: left;
width: 47%;
margin-left: 6%;
}
.ab2 .txtsBox .pics .pic {
margin-bottom: 25px;
}
/* team start */
.slideBox {
position: relative;
overflow: hidden;
padding-bottom: 30px;
max-width: 1920px;
}
.max-tem {
float: left;
margin-right: 20px;
width: 224px;
height: 344px;
overflow: hidden;
position: relative;
}
.max-tem:nth-child(5) {
margin-right: 0px;
}
.max-tem .rw-tem1 {
position: relative;
}
.max-tem .rw-tem1 img {
width: 100%;
height: 344px;
}
.max-tem .rw-tem1 p {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 84px;
background-color: #E7E7E7;
text-align: center;
transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
}
.max-tem .rw-tem1 p font {
display: block;
font-size: 20px;
color: #181818;
margin-top: 17px;
}
.max-tem .rw-tem1 p small {
display: block;
font-size: 12px;
color: #31343C;
margin-top: 2px;
}
.max-tem .rw-tem2 {
position: absolute;
left: 0;
top: 100%;
width: 92%;
height: 100%;
padding: 4%;
text-align: center;
color: #fff;
background-color: #ED6C00;
background-color: rgba(0,174,102,0.9);
transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
}
.max-tem .rw-tem2 h3 {
margin-top: 50px;
font-size: 20px;
color: #fff;
}
.max-tem .rw-tem2 h4 {
color: #fff;
margin-top: 9px;
margin-bottom: 30px;
}
.max-tem .rw-tem2 p {
color: #fff;
line-height: 22px;
}
.slideBox2 {
overflow: visible;
}
.slideBox2 .max-tem:hover .rw-tem1 p {
bottom: -100%;
}
.slideBox2 .max-tem:hover .rw-tem2 {
top: 0;
}
.slideBox2 .bd {
width: 100%;
}
.slideBox .hd {
position: absolute;
width: 110px;
height: 28px;
line-height: 28px;
bottom: 0px;
left: 50%;
margin-left: -37px;
z-index: 1;
}
.slideBox .hd li {
display: inline-block;
width: 26px;
height: 6px;
text-indent: -9999px;
overflow: hidden;
margin: 0 6px;
background: #E7E7E7;
cursor: pointer;
}
.slideBox .hd li.on {
background: #00ae66;
}
/* team end */
.ab3 .sec_title, .ab4 .sec_title {
margin: 0px 0px 2% 0;
}
.abpic {
max-width: 100%;
margin: 0 auto;
margin-top: 10%;
}
.ab6 {
position: relative;
}
.ab6 .fixbg {
position: absolute;
top: 0;
left: 0;
}
.ab6 .cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(../images/black.png);
}
.ab6 .ppw {
position: relative;
}
.ab6 .ab_title .en, .ab6 .ab_title .en strong, .ab6 .ab_title .ch {
color: #fff;
}
.ab6 .ab_title .line {
background: #fff;
}
.top {
display: block;
width: 55px;
height: 55px;
position: fixed;
right: 5%;
bottom: 80px;
z-index: 888;
background: url(../images/top.png) no-repeat center center;
transition: 500ms;
-webkit-transition: 500ms;
}
.top.tophide {
transform: translateY(60px);
-webkit-transform: translateY(60px);
opacity: 0;
display: none\9;
}
.aboutpanel {
}
.cpnav {
display: none;
width: 100%;
color: #FFF;
line-height: 50px;
height: 50px;
overflow: hidden;
text-align: center;
font-size: 14px;
background: #00ae66;
cursor: pointer;
}
.caret {
display: inline-block;
width: 0px;
height: 0px;
margin-left: 10px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.nwnav li {
width: 25%;
}
/* news list start */
.ncBox .searchBox {
float: left;
margin-left: 16px;
}
.ncBox .searchBox .input-s {
display: block;
float: left;
background: #f0f0f0;
border: 1px solid #aaaaaa;
width: 0;
height: 21px;
line-height: 21px;
border-radius: 21px;
padding-left: 16px;
transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
opacity: 0;
filter: alpha(opacity=0);
}
.newList {
}
.newList ul a:link, .newList ul a:visited {
color: #b1b1b1;
}
.newList ul a:active, .newList ul a:hover {
color: #b1b1b1;
}
.newList ul {
border-top: 1px solid #ececec;
}
.newList ul li {
padding: 28px 0px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
border-bottom: 1px solid #ececec;
}
.newList ul li .ppw {
padding: 0px 15px 0px;
}
.newList ul li .img {
float: left;
display: block;
width: 242px;
height: 150px;
overflow: hidden;
background-color: #f7f7f7;
}
.newList ul li .img img {
display: block;
width: 100%;
transition: transform 400ms;
-webkit-transition: -webkit-transform 400ms;
}
.newList ul li .con {
width: 626px;
float: left;
display: block;
margin-left: 50px;
color: #b1b1b1;
}
.newList ul li .con .t {
color: #272528;
font: 16px/1.5 "microsoft yahei";
margin-bottom: 18px;
}
.newList ul li .con .t:hover {
color: #00ae66;
}
.newList ul li .con .c {
overflow: hidden;
text-align: justify;
margin-bottom: 20px;
font-size: 14px;
color: #666;
}
.newList ul li .con .more3 {
border: 1px solid #999;
background-color: #fff;
font-size: 14px;
color: #272528;
padding: 0px 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.newList ul li .time {
color: #fff;
float: right;
background-color: #ccc;
padding: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.newList ul li .time .day {
font: 46px/1 arial;
}
.newList ul li .time .moth {
font: 16px/1.4 "microsoft yahei";
display: block;
padding-left: 2px;
}
.newList ul li .time .year {
font: 22px/1.2 arial;
padding-left: 2px;
}
.newList ul li:hover {
background-color: #fff;
}
.newList ul li:hover .con .more3 {
background-color: #00ae66;
border: solid 1px #00ae66;
color: #fff;
}
.newList ul li:hover .time {
background-color: #00ae66;
}
.newList ul li:hover .img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.more3 {
width: 84px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
}
.borderradius .more3 {
background-color: #a6a6a6;
color: #fff;
}
.borderradius .more3:hover, .borderradius .newDl dd:hover .con .more3 {
background-color: #00ae66;
}
.no-borderradius .more3 {
background: url(../images/ico.png) no-repeat -116px -54px;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.no-borderradius .more3:hover, .no-borderradius .newDl dd:hover .con .more3 {
background-position: 0px -54px;
}
.pbgcolor {
background-color: #f6f7f8;
}
.bge8ebf1 {
background-color: #e8ebf1;
}
.infoPaging {
text-align: center;
}
.infoPaging a {
display: block;
padding: 30px 0px;
height: 30px;
color: #545454;
font: 16px/30px "microsoft yahei";
}
.infoPaging a span {
font-family: "宋体";
}
.infoPaging a.list {
margin: 0px auto;
padding-left: 26px;
background: url(../images/list.png) no-repeat scroll left center;
width: 80px;
}
.infoPaging a:hover {
color: #a93531;
}
.infopage {
padding: 70px 0px;
}
.infoT {
text-align: center;
padding-top: 60px;
}
.infoT .t {
font: 30px/1.5 "microsoft yahei";
color: #545454;
}
.infoT .time {
color: #bababa;
margin-top: 10px;
font-size: 16px;
}
.infopage p, .infopage span {
background: none!important;
}
/* news list end */
/* events start */
.events {
padding: 30px 0px;
}
.events ul {
overflow: hidden;
}
.events li {
float: left;
width: 31.333%;
margin: 0 36px 18px 0;
}
.events li:nth-child(3n) {
margin-right: 0px;
}
.events a {
color: #6c6c6c;
transition: 400ms;
-webkit-transition: 400ms;
}
.events .jo-pic {
width: 100%;
overflow: hidden;
}
.events .jo-pic img {
width: 100%;
transition: 400ms;
-webkit-transition: 400ms;
}
.events a:hover .jo-pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.events .jo-txts {
line-height: 55px;
padding: 0 10px;
}
.events .j-name {
float: left;
}
.events .more {
float: right;
}
.events .more span {
float: left;
width: 15px;
height: 55px;
margin-right: 2px;
transition: 300ms;
-webkit-transition: 300ms;
}
.events li:hover .jo-txts {
background: #00ae66;
color: #fff;
transition: 300ms;
-webkit-transition: 300ms;
}
.events a:hover .more span {
background-position: right center;
}
/* events end */
/* partner start */
.bd_logos {
border: 1px solid #00ae66;
text-align: center;
font-size: 0;
position: relative;
padding: 1% 5%;
margin-top: 4.5%;
}
.bd_logos ul {
height: 100%;
overflow: hidden;
}
.bd_logos li a {
display: block;
width: 100%;
padding: 15px 0;
position: relative;
overflow: hidden;
}
.bd_logos li a img {
width: 100%;
transition: 300ms;
-webkit-transition: 300ms;
}
.bd_logos li a .line {
display: block;
width: 50%;
height: 10px;
background: #272528;
position: absolute;
left: 50%;
margin-left: -25%;
bottom: -5px;
display: none;
}
.bd_logos .cnav .line {
display: block;
}
.bd_logos li:hover img {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.bd_logos .bx-wrapper .bx-prev {
left: 6%;
background: url(../images/logo_arrow.png) no-repeat left top;
}
.bd_logos .bx-wrapper .bx-next {
right: 6%;
background: url(../images/logo_arrow.png) no-repeat right bottom;
}
.bd_logos .bx-wrapper .bx-prev:hover {
background-position: right top;
}
.bd_logos .bx-wrapper .bx-next:hover {
background-position: left bottom;
}
.brandpanel {
margin: 3.5% auto;
}
.bd_txtsb {
width: 100%;
margin: 0 auto;
}
.bd_txts {
border: 1px solid #ccc;
padding: 7.5% 12%;
}
.bd_txts .pic {
width: 30%;
height: 100%;
float: left;
}
.bd_txts .pic img {
width: 100%;
}
.bd_txts .txts {
width: 58%;
float: right;
}
.bd_txts .txts h2 {
font-size: 18px;
color: #c49d2e;
margin-bottom: 20px;
}
.bd_txts .txts p {
text-align: justify;
}
/* partner end */
@media screen and (max-width:1281px) {
.inner {
width: 1200px;
}
}
@media screen and (max-width:1024px) {
.fsharp {
height: 48px;
margin-bottom: 50px;
}
}
/* footer end */
.pager {
text-align: center;
font-size: 0;
margin-top: 5%;
}
.pager span {
display: inline-block;
vertical-align: middle;
*display:block;
*zoom:1;
width: 10px;
height: 10px;
border: 1px solid #fff;
background: #00ae66;
margin: 0 3px;
border-radius: 100%;
transition: 300ms;
-webkit-transition: 300ms;
cursor: pointer;
}
.pager span:hover, .pager span.active {
border: 1px solid #00ae66;
background: #fff;
}
.nd-title {
width: 100%;
color: #fff;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding: 55px 0 45px 0;
}
.nd-title .ti {
font-size: 22px;
line-height: 1.6;
}
.nd-title .mass {
margin-top: 20px;
}
.ndtxtsBox {
width: 1200px;
overflow: hidden;
margin: 0 auto;
padding: 3.5% 0 0 0;
}
.ndtxt_L {
width: 75%;
float: left;
}
.nd-txts {
width: 100%;
margin: 0 auto;
padding: 0 0 6.5% 0;
}
.nd-txts p {
text-align: justify;
text-indent: 2em;
font-size: 14px;
color: #666;
}
.nd-txts p a {
color: #00ae66;
}
.nd-txts img {
/*width: 100%;*/
height: 100%;
max-width: 100%;
margin: 10px auto;
}
.swnd a {
width: 50%;
color: #646464;
float: left;
font-size: 12px;
line-height: 28px;
display: block;
}
.swnd a strong {
font-weight: normal;
font-size: 14px;
display: block;
}
.ndnext {
text-align: right;
}
.swnd {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 13px;
}
.swnd a:hover {
color: #00ae66;
}
.share {
margin-top: 10px;
}
.share a {
width: 35px;
height: 35px;
float: left;
display: block;
background: url(../images/share.png) no-repeat;
margin-right: 8px;
transition: 300ms;
-webkit-transition: 300ms;
}
.share .wxin {
background-position: center top;
}
.share .qq {
background-position: right top;
}
.share .sina:hover {
background-position: left bottom;
}
.share .wxin:hover {
background-position: center bottom;
}
.share .qq:hover {
background-position: right bottom;
}
.backList {
display: block;
height: 44px;
width: 200px;
margin: 0 auto;
text-align: center;
line-height: 44px;
font-size: 16px;
overflow: hidden;
color: #666;
position: relative;
letter-spacing: 0px;
transition: 300ms;
-webkit-transition: 300ms;
margin-top: 6%;
}
.backList span {
position: absolute;
display: block;
width: 50%;
height: 1px;
background: #cccccc;
transition: 300ms;
-webkit-transition: 300ms;
}
.backList .line_1 {
top: 0;
right: 50%;
}
.backList .line_2 {
top: 0;
left: 50%;
}
.backList .line_3 {
bottom: 0;
right: 50%;
}
.backList .line_4 {
bottom: 0;
left: 50%;
}
.backList:hover {
color: #00ae66;
letter-spacing: 2px;
}
.backList:hover span {
width: 0;
}
.ndtxt_R {
width: 23%;
float: right;
}
.ndtxt_Rtitle {
background-color: #00ae66;
font-size: 36px;
color: #fff;
text-align: center;
}
.ndtxt_R ul {
width: 100%;
}
.ndtxt_R ul li {
margin: 10px 0px;
}
.ndtxt_R ul li img {
width: 100%;
}
.ndpanel {
}
.propanel {
}
.pronav ul {
text-align: center;
font-size: 0;
}
.pronav ul li {
display: inline-block;
*display:inline;
*zoom:1;
font-size: 14px;
vertical-align: middle;
width: 11%;
margin: 5px;
}
.pronav ul a {
display: block;
color: #646464;
line-height: 15px;
text-align: center;
position: relative;
}
.pronav li .ico {
display: block;
width: 100%;
height: 80px;
background-repeat: no-repeat;
background-position: center -12px;
}
.pronav li .ch {
font-size: 14px;
}
.pronav li .line {
width: 90px;
height: 2px;
background: #eee;
margin: 10px auto 0px;
display: block;
}
.pronav li .txts {
position: relative;
background: #fff;
line-height: 30px;
}
.pronav li.act .txts {
background: #00ae66;
}
.pronav li.act a, .pronav li:hover a {
color: #fff;
}
.pronav li:hover .line, .pronav li.act .line {
background: #fff;
}
.pronav li .txts:hover {
background-color: #00ae66;
}
.pronav {
padding: 30px 0 25px 0;
}
.propanel .ab_title {
text-align: center;
}
.propanel .ab_title .line {
margin: 0 auto;
margin-top: 7px;
}
/* demo start */
.schnews {
height: 116px;
color: #787878;
}
.schnews .name {
line-height: 115px;
font-size: 18px;
float: left;
}
.schnews .demosch {
margin-top: 37px;
float: left;
width: 30%;
height: 42px;
line-height: 38px;
margin-right: 48px;
position: relative;
}
.schnews .demosch:last-child {
margin-right: 0px;
}
.schnews .demosch .demosec {
cursor: pointer;
border: 2px solid #ccc;
height: 38px;
padding-left: 15px;
}
.schnews .demosch .ico {
display: block;
width: 20px;
height: 100%;
position: absolute;
right: 15px;
top: 0;
background: url(../images/search_ico.png) no-repeat right center;
}
.schnews .demosch ul {
position: absolute;
top: 42px;
left: 0;
right: 0;
background: #ccc;
z-index: 99;
display: none;
}
.schnews .demosch ul li {
padding-left: 15px;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
}
.schnews .demosch ul li:hover {
background: #787878;
color: #fff;
}
.schnews .demosch:hover .demosec {
border-color: #00ae66;
color: #00ae66;
}
.schnews .demosch:hover .ico {
background: url(../images/search_ico_r.png) no-repeat right center;
}
/* search start */
.surget {
background-color: #f9f9f9;
min-height: 80px;
}
.searchB {
padding-top: 20px;
}
.searchB ul li {
float: left;
width: 252px;
margin-right: 64px;
font-size: 14px;
}
.searchB ul li:nth-child(4) {
margin-right: 0px;
}
.submit_button input[type="submit"] {
color: #fff;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 500;
border: none;
width: 100%;
background: #00ae66;
line-height: 40px;
outline: none;
transition: all 0.3s ease-in-out 0.1s;
cursor: pointer;
}
.submit_button input:hover {
background: #f9831d;
}
div.select-main {
background-color: #FFFFFF;
border: 1px solid #00ae66;
font-size: 1.7em;
height: 40px;
position: relative;
width: 250px;
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
div.select-main.z-index {
z-index: 10;
}
div.select-main.disabled {
cursor: default;
filter: alpha(opacity=50);
opacity: 0.5;
zoom: 1;
}
div.select-main.disabled div.select-set {
cursor: default;
}
div.select-main.disabled div.select-arrow {
cursor: default;
}
div.select-set {
background-color: #FFFFFF;
color: #333333;
cursor: pointer;
height: 40px;
line-height: 40px;
overflow: hidden;
position: relative;
padding: 0 45px 0 15px;
width: 190px;
font-size: 16px;
z-index: 5;
}
div.select-arrow {
border-top: 7px solid #00ae66;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
cursor: pointer;
height: 0px;
position: absolute;
top: 18px;
right: 10px;
width: 0px;
z-index: 7;
transition: 300ms;
-moz-transition: 300ms;
-webkit-transition: 300ms;
}
div.select-arrow.reverse {
transition: 300ms;
-moz-transition: 300ms;
-webkit-transition: 300ms;
border-top: 7px solid transparent;
border-bottom: 7px solid #00ae66;
top: 10px;
}
div.select-block {
background-color: #FFFFFF;
border-left: 1px solid #00ae66;
border-right: 1px solid #00ae66;
border-bottom: 1px solid #00ae66;
left: -1px;
line-height: 20px;
position: absolute;
top: 32px;
width: 250px;
-moz-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms;
}
ul.select-list {
cursor: pointer;
margin: 15px 0 7px;
}
ul.select-list::-webkit-scrollbar {
width:12px;
}
ul.select-list::-webkit-scrollbar-thumb {
-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
}
ul.select-list {
scrollbar-face-color: #AEB1B1;
scrollbar-shadow-color: #C7CACA;
scrollbar-highlight-color: #CED1D1;
scrollbar-3dlight-color: #CED1D1;
scrollbar-darkshadow-color: #C7CACA;
scrollbar-track-color: #CED1D1;
scrollbar-arrow-color: #333;
}
.select-block ul li.select-items {
width: 88%;
padding: 7px 15px;
}
li.select-items:hover, li.select-items.active {
background-color: #00ae66;
color: #FFFFFF;
}
/* search end */
/* demo end */
.ab_title .en {
color: #b4b4b4;
}
.pro_txts .ti {
font-size: 18px;
color: #000;
background: url(../images/tai.png) no-repeat left center;
padding-left: 3%;
}
.pro_txts p {
text-align: justify;
padding-left: 3%;
}
.pro_txts .txts .tx {
width: 30%;
float: left;
}
.pro_txts .txts .pic {
width: 64%;
overflow: hidden;
margin-left: 3%;
float: left;
}
.pro_txts .pic img {
transition: 600ms;
-webkit-transition: 600ms;
width: 100%;
}
.pro_txts .pic:hover img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.pro_txts .txts {
margin-top: 45px;
margin-bottom: 7.5%;
}
.pro_txts {
margin-top: 8%;
}
.prosw_pics li {
width: 33.3333%;
float: left;
width: 33.3%;
position: relative;
cursor: pointer;
}
.prosw_pics li .bodr {
padding: 30px 40px 0 40px;
border: 1px solid #fff;
transition: 300ms;
-webkit-transition: 300ms;
position: relative;
}
.prosw_pics li .pic {
width: 100%;
overflow: hidden;
}
.prosw_pics li .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.prosw_pics li .ti {
color: #1a1a1a;
text-align: center;
line-height: 55px;
white-space: nowrap;
overflow: hidden;
}
.prosw_pics li:hover .bodr, .prosw_pics li.act .bodr {
border: 1px solid #00ae66;
}
.prosw_pics li:hover .pic img, .prosw_pics li.act .pic img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.prosw_pics li .arrow {
width: 100%;
height: 25px;
position: absolute;
left: 0;
right: 0;
bottom: -25px;
background: url(../images/pro-arrow2.png) no-repeat center bottom;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
opacity: 0;
display: none\9;
transition: 300ms;
-webkit-transition: 300ms;
}
.prosw_pics li:hover .arrow, .prosw_pics li.act .arrow {
transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
display: block\9;
}
.prosw_pics {
margin-top: 30px;
}
.prosw_txts {
margin-top: 90px;
}
.prosw_txts li {
padding: 20px;
overflow: hidden;
}
.prosw_txts li h2 {
font-size: 24px;
color: #1a1a1a;
text-align: center;
margin-bottom: 20px;
}
.prosw_txts li p {
text-align: center;
width: 29%;
line-height: 46px;
color: #272528;
background-color: rgba(145,157,169,0.1);
border: solid 2px #272528;
float: left;
margin: 20px 23px;
}
.prosw_txts li img {
max-width: 100%;
}
.pro1 {
padding: 45px 15% 9% 15%;
background: #fff;
margin-top: 50px;
}
.pro1 .ptxts {
width: 45%;
margin-left: 10%;
float: left;
}
.pro1 .ptxts:first-child {
margin-left: 0;
}
.pro1 .ptxts .pic {
width: 245px;
height: 245px;
margin: 0 auto;
border-radius: 100%;
overflow: hidden;
}
.pro1 .ptxts .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.pro1 .ptxts:hover .pic img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.pro1 .ptxts .ti {
color: #000;
text-align: center;
border-bottom: 1px solid #e5e5e5;
line-height: 25px;
height: 50px;
overflow: hidden;
padding-top: 15px;
}
.pro1 .ptxts .tx {
text-align: justify;
padding-top: 15px;
}
.prot_txts .ti, .proth_txts .ti {
font-size: 18px;
color: #000;
padding-left: 30px;
background: url(../images/tai.png) no-repeat left center;
margin-bottom: 30px;
}
.pro2 {
background: #ffffff;
padding-bottom: 8.5%;
}
.prot_txts .txts {
padding-left: 30px;
}
.prot_txts .txts p {
text-align: justify;
}
.prot_txts .tx1 {
width: 30%;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
}
.prot_txts .txts img {
margin: 0 auto;
max-width: 100%;
}
.prot_txts .txts .img1 {
margin-top: 60px;
}
.prot_txts .txts .tx2 {
border-left: 1px solid #b63030;
padding-left: 15px;
margin-top: 8%;
text-align: justify;
}
.prot_txts .txts .tx2 strong {
color: #323232;
}
.prot_txts {
padding-top: 8.5%;
}
.protpanel {
padding-bottom: 0;
}
.proBox1 {
padding-bottom: 5.5%;
}
.proth_txts .txtsBox {
padding-left: 30px;
}
.proth_txts .txts {
width: 30%;
float: left;
}
.proth_txts .pic {
overflow: hidden;
}
.proth_txts .txb1 .pic {
width: 65%;
float: right;
}
.proth_txts .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.proth_txts .pic:hover img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.proth_txts .txts .ti1 {
color: #000000;
border-bottom: 1px solid #1a1a1a;
padding-bottom: 10px;
margin-bottom: 8px;
}
.proth_txts .txts .tx {
text-align: justify;
}
.proth_txts .txb2 .pic {
width: 30%;
float: right;
}
.proth_txts .txb2 .txts {
margin-left: 5%;
}
.proth_txts .txb2 .txts:first-child {
margin-left: 0;
}
.proth_txts .txb3 {
margin-top: 7.5%;
}
.proth_txts .prothL .txts {
width: 100%;
float: none;
}
.proth_txts .prothL {
float: left;
width: 32%;
}
.proth_txts .prothR {
float: right;
width: 63%;
}
.proth_txts .prothL .ti2 {
margin-top: 10%;
}
.proth_txts {
margin-top: 8.5%;
}
.proth_txts .prosiL {
width: 32%;
float: right;
}
.proth_txts .prosiL .txts {
width: 100%;
float: none;
}
.proth_txts .prosiR {
float: left;
width: 63%;
}
.casenav {
}
.wk-prev, .wk-next {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -15px;
cursor: pointer;
}
.wk-prev {
left: 0;
background: url(../images/wk-prev.png) no-repeat left center;
}
.wk-next {
right: 0;
background: url(../images/wk-next.png) no-repeat right center;
}
.wk_pics {
position: relative;
width: 100%;
}
.wk_pics li {
width: 100%;
position: relative;
overflow: hidden;
}
.wk_pics li .pic {
width: 100%;
height: 900px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.wk_pics li img {
width: 100%;
}
.wk_pics .tx {
text-align: center;
font-size: 18px;
color: #1a1a1a;
padding-top: 10px;
}
.wkswnd a strong {
border-bottom: 1px solid #eee;
padding-bottom: 0;
}
.wkswnd {
border: none;
margin-top: 10%;
}
.wkswnd a {
font-size: 14px;
color: #1a1a1a;
}
.jdTi {
font-size: 24px;
color: #1a1a1a;
text-align: center;
margin: 20px 0 10px;
}
.workspanel .mass {
text-align: center;
line-height: 22px;
margin-bottom: 20px;
color: #999;
font-size: 12px;
}
.workspanel .mass b {
font-weight: normal;
color: #666;
margin-left: 20px;
}
.jdTxt {
color: #666;
text-indent: 2em;
padding: 10px 15px;
}
#jdp {
width: 865px;
margin: 0 auto;
}
.jdpanel {
padding: 5% 0;
}
.jonav li {
width: 25%;
}
.jo1 .tis {
width: 228px;
border: 1px solid #00ae66;
padding: 23px 0 17px 0;
float: left;
margin-left: 6.5%;
}
.jo1 .tis p {
font-size: 18px;
color: #000;
text-align: center;
}
.jo1 .tis .line {
display: block;
width: 30px;
height: 1px;
background: #1a1a1a;
margin: 25px auto;
}
.jo1 .tis .arrow {
width: 100%;
height: 10px;
background: url(../images/jo_arrow.png) no-repeat center center;
display: block;
animation: omap 1.5s linear alternate infinite;
-webkit-animation: omap 1.5s linear alternate infinite;
}
.jo1 .tx {
width: 60%;
float: right;
text-align: justify;
}
.jo1 {
padding: 3% 0 6.2% 0;
}
.jot {
padding-left: 55px;
}
.jot span {
display: block;
width: 16%;
float: left;
line-height: 47px;
height: 47px;
overflow: hidden;
}
.jot span:first-child {
padding-left: 4%;
}
.jod > span {
background: #a0a0a0;
color: #fff;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
}
.jotxs {
position: relative;
margin-bottom: 30px;
}
.jos {
padding-left: 55px;
display: none;
}
.jos .bodr {
border: 1px solid #00ae66;
padding: 30px 5% 7% 5%;
border-top: 0;
}
.jos .bodr span {
display: block;
border-top: 1px solid #eee;
padding-top: 25px;
margin-top: 35px;
}
.jos .bodr span a {
color: #00ae66;
}
.jotxs .line {
background: #00ae66;
display: block;
position: absolute;
}
.jotxs .line_1 {
width: 21px;
height: 1px;
top: 23px;
left: 15px;
}
.jotxs .line_2 {
width: 1px;
height: 21px;
top: 13px;
left: 25px;
}
.jotxs .arrow {
width: 55px;
height: 47px;
position: absolute;
top: 0;
left: 0;
transition: 300ms;
-webkit-transition: 300ms;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
background: #00ae66;
}
.jotxs.act .arrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.jo2 {
padding-bottom: 6.2%;
}
.jo3 {
background: #eee;
padding: 5.8% 0 4.8% 0;
}
.jo_edus {
width: 1140px;
margin: 0 auto;
}
.jo_edus li {
width: 245px;
margin: 10px 20px;
background: #fff;
float: left;
}
.jo_edus a {
color: #787878;
}
.jo_edus li .pic {
width: 100%;
overflow: hidden;
}
.jo_edus li .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.jo_edus li:hover .pic img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.jo_edus a {
color: #646464;
}
.jo_edus a:hover, .jo_edus a:active {
color: #00ae66;
}
.jo_edus li .txts {
padding: 18px 5% 15px 5%;
transition: 300ms;
-webkit-transition: 300ms;
}
.jo_edus li .txts .ti {
color: #1a1a1a;
line-height: 25px;
height: 50px;
overflow: hidden;
}
.jo_edus li .txts .date {
color: #787878;
}
.jo_edus li:hover .txts {
background: #00ae66;
}
.jo_edus li:hover .txts .ti, .jo_edus li:hover .txts .date {
color: #fff;
}
.jo_teams a {
width: 33.3333%;
width: 33.3%;
float: left;
display: block;
color: #1a1a1a;
transition: 300ms;
-webkit-transition: 300ms;
}
.jo_teams .pic {
width: 100%;
overflow: hidden;
}
.jo_teams .pic img {
width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}
.jo_teams a:hover .pic img {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}
.jo_teams a .tx {
padding: 0 5%;
height: 45px;
line-height: 45px;
overflow: hidden;
}
.jo_teams a:hover {
background: #00ae66;
color: #fff;
}
.jo4 {
padding: 9% 0 5% 0;
}
.jo_teams .owl-theme .owl-controls {
margin-top: 50px;
}
.ab2 {
width: 100%;
position: relative;
overflow: hidden;
}
.ab2 .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,174,102,0.8);
}
.ab2 .ppw {
position: relative;
}
.ab2 .fixbg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ab2 .txts {
text-align: center;
color: #fff;
margin-top: 55px;
}
.ab2 .t1 {
font-size: 18px;
}
.ab2 .line {
width: 40px;
height: 1px;
background: #fff;
display: block;
margin: 0 auto;
margin-top: 5px;
}
.ab2 .tx {
margin-top: 25px;
}
/* history start */
.fixbg {
width: 100%;
height: 100%;
padding: 3% 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-attachment: scroll\9;
}
.his-next {
width: 37px;
height: 37px;
border-radius: 100%;
background: #00ae66;
margin: 0 auto;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
position: relative;
}
.ico {
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
transition: 300ms;
-webkit-transition: 300ms;
}
.his-next .ico {
background-image: url(../images/aw9.png);
animation: awmove2 1s linear 0.1s alternate infinite;
-webkit-animation: awmove2 1s linear 0.1s alternate infinite;
}
.his-next:hover {
background: #00ae66;
}
.his-dot {
width: 37px;
height: 37px;
background: #a0a0a0; /*padding:2px; border:2px solid #e5e5e5;*/
border-radius: 100%;
margin: 0 auto;
position: relative;
}
.his-dot .sdot {
width: 100%;
height: 100%;
display: block;
background: #a0a0a0;
border-radius: 100%;
background: url(../images/aw99.png) no-repeat center center;
}
.his-dot:hover {
background: #00ae66;
}
.hisBox {
width: 680px;
margin: 0 auto;
}
.hisBox li { /*height:720px;*/
padding: 25px 0 60px 0;
}
.histxts {
height: 120px;
position: relative;
}
.hisR .txts {
right: 0;
}
.hisL .txts {
left: 0;
}
.histxts .txts {
background: #fff;
width: 300px;
position: absolute;
top: 0;
}
.histxts .bodr {
border: 1px solid #fff;
padding: 15px 15px 20px 20px;
}
.histxts .date {
color: #323232;
font-size: 18px;
line-height: 1.1;
overflow: hidden;
white-space: nowrap;
}
.histxts .tx {
min-height: 50px;
max-height: 125px;
}
.ixline {
position: relative;
margin-top: 35px;
}
.histxts .ixline {
margin-top: 10px;
margin-bottom: 10px;
}
.ixline .line {
display: block;
}
.ixline .line_1 {
width: 100%;
height: 1px;
background: #fff;
}
.ixline .line_2 {
position: absolute;
width: 20px;
height: 7px;
background: #00ae66;
left: 5px;
top: -3px;
border-radius: 50%;
}
.histxts .ixline .line_1, .histxts .ixline .line_2 {
background: #a0a0a0;
}
.histxts .hisDots {
width: 40px;
height: 10px;
position: absolute;
top: 45px;
font-size: 0;
}
.histxts .hisDots span {
display: inline-block;
*zoom: 1;
*display: inline;
vertical-align: middle;
}
.histxts .hisDots .dot {
width: 7px;
height: 7px;
background: #a0a0a0;
border-radius: 100%;
}
.histxts .hisDots .aw {
font-size: 12px;
line-height: 10px;
font-family: "宋体";
}
.hisR .hisDots .aw {
margin-left: 10px;
}
.hisR .hisDots {
left: -43px;
}
.hisL .hisDots .aw {
margin-right: 10px;
}
.hisL .hisDots {
right: -44px;
text-align: right;
}
.his {
position: relative;
}
.hisLine {
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background: #a0a0a0;
}
.bx-next, .bx-prev {
width: 100%;
height: 100%;
font-size: 0;
position: absolute;
top: 0;
display: block;
}
.histxts:hover .bodr {
border: 1px solid #00ae66;
}
.histxts:hover .date, .histxts:hover .hisDots .aw {
color: #00ae66;
}
.histxts:hover .ixline .line, .histxts:hover .hisDots .dot {
background: #00ae66;
}
.ab4 .fixbg {
padding: 55px 0 5.5% 0;
}
/* history end */
.ab5 {
width: 100%;
position: relative;
overflow: hidden;
}
.ab5 .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(25,169,229,0.8);
}
.ab5 .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(25,169,229,0.8);
}
.ab5 .ppw {
position: relative;
}
.ab5 .fixbg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ab5 .txts {
text-align: center;
color: #fff;
margin-top: 55px;
}
.ab5 .t1 {
font-size: 30px;
}
.ab5 .line {
width: 40px;
height: 1px;
background: #fff;
display: block;
margin: 0 auto;
margin-top: 5px;
}
.ab5 .tx {
margin-top: 25px;
}
.txsfo {
border-top: 1px solid #eee;
padding: 4.5% 0;
}
.txsfo02 {
border: none;
padding: 20px 0px;
}
.txsfo li {
width: 20.5%;
margin-left: 6%;
float: left;
}
.txsfo01 li {
width: 15%;
margin: 0px 10px;
float: left;
}
.txsfo li:first-child {
margin-left: 0;
}
.txsfo li .tfo_ti {
color: #1a1a1a;
border: 1px solid #00ae66;
line-height: 36px;
text-align: center;
}
.txsfo00 li .tfo_ti {
color: #1a1a1a;
border: 1px solid #7bc5a0;
}
.txsfo01 li .tfo_ti {
color: #fff;
background-color: #4571ae;
border: 1px solid #4571ae;
}
.txsfo02 li .tfo_ti {
color: #272528;
padding: 10px 5px;
border: 1px dashed #00ae66;
background-color: rgba(0,174,102,0.4);
}
.txsfo li .tfo_ti0 {
background-color: rgba(0,174,102,0.4);
border: 2px dashed rgba(255,255,255,0.5);
color: #272528;
}
.txsfo li .tfo_tx {
text-align: justify;
margin-top: 25px;
}
#map {
height: 410px;
}
.ctas li {
width: 25%;
float: left;
}
.ctas li .icob {
width: 65px;
height: 65px;
background: #00ae66;
border-radius: 100%;
margin: 0 auto;
overflow: hidden;
}
.ctas li .ico {
display: block;
background-position: center center;
width: 100%;
height: 100%;
background-repeat: no-repeat;
transition: 300ms;
-webkit-transition: 300ms;
}
.ctas .cta1 .ico {
background-image: url(../images/ctaico1.png);
}
.ctas .cta2 .ico {
background-image: url(../images/ctaico2.png);
}
.ctas .cta3 .ico {
background-image: url(../images/ctaico3.png);
}
.ctas .cta4 .ico {
background-image: url(../images/ctaico4.png);
}
.ctas li .en {
text-align: center;
text-transform: uppercase;
color: #b3b3b3;
margin-top: 7px;
}
.ctas li .ch {
text-align: center;
margin-top: 12px;
color: #666;
}
.ctas li .ch a {
color: #666;
}
.ctas li .ch a:hover {
color: #00ae66;
}
.ctas li:hover .ico {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.cta_words {
background: #f6f6f6;
padding: 0 0 3% 0;
margin-top: 3%;
}
.words {
width: 70%;
margin: 0 auto;
}
.words_T {
width: 50%;
float: left;
line-height: 40px;
}
.words_T span {
width: 20%;
float: left;
}
.words .s-input {
border-bottom: 1px solid #999;
color: #666;
font-family: "微软雅黑";
font-size: 14px;
line-height: 40px;
}
.words .s-textarea {
line-height: 25px;
height: 150px;
overflow: auto;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
background: none;
}
.words .company, .words .name, .words .phone, .words .mail {
width: 47%;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background-color: #f5f5f5 !important;
}
.words p {
font-size: 14px;
color: #666;
text-align: center;
margin-top: 20px;
}
.words p a {
color: #00ae66;
}
#txtCode {
text-align: center;
float: left;
line-height: 30px;
margin-right: 10px;
border: 1px solid #999;
}
.Validform_error {
background-color: #fff !important;
color: #666;
font-family: "微软雅黑";
font-size: 14px;
}
#contact_form a {
display: inline-flex;
margin-top: 5px;
}
#contact_form a img {
vertical-align: middle;
margin-right: 5px;
}
#service_form a {
color: #333;
}
#service_form a img {
display: inline-block;
}
.subBtn {
width: 150px;
height: 40px;
border: 1px solid #999;
color: #272528;
font-family: "微软雅黑";
font-size: 14px;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
margin: 0 auto;
display: block;
margin-top: 30px;
background-color: #fff;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.subBtn:hover {
border: 1px solid #00ae66;
background: #00ae66;
color: #fff;
}
.words .s-input:focus {
border-bottom: 1px solid #00ae66;
}
.load {
width: 100%;
background: url(../images/load_bg.jpg) no-repeat center bottom;
position: relative;
background-size: cover;
}
.load .bbg {
width: 100%;
height: 29px;
bottom: 0;
left: 0;
right: 0;
background: url(../images/fbbg.jpg);
position: absolute;
}
.load_txs img {
margin: 0 auto;
max-width: 100%;
}
.load_txs .la_tx1 {
margin-top: 28px;
}
.load_txs .la_tx2 {
margin-top: 7%;
}
.load_txs {
padding-top: 11%;
}
.la_line {
width: 230px;
height: 1px;
margin: 0 auto;
background: #e5e5e5;
margin-top: 30px;
position: relative;
}
.la_line .line {
display: block;
position: absolute;
width: 0;
height: 1px;
background: #cf373d;
top: 0;
left: 0;
}
.enter {
width: 98px;
height: 36px;
border: 1px solid #e5e5e5;
margin: 0 auto;
position: relative;
margin-top: 5%;
}
/* 7 start */
.theorBox li:link, .theorBox li:visited {
color: #fff;
}
.theorBox li:active, .theorBox li:hover {
color: #fff;
}
.theorBox li {
float: left;
display: block;
width: 29%;
margin: 0px 2%;
color: #fff;
position: relative;
height: 396px;
overflow: hidden;
}
.theorBox01 li {
height: 200px;
}
.theorBox li .img {
width: 100%;
background-image: url(../images/phoneimg01.jpg);
background-position: center center;
background-size: cover;
height: 100%;
}
.theorBox li:nth-child(2) .img {
background-image: url(../images/phoneimg02.jpg);
}
.theorBox li:nth-child(3) .img {
background-image: url(../images/phoneimg03.jpg);
}
.theorBox .ico {
background: url(../images/bm2.png) no-repeat;
width: 22px;
height: 13px;
position: absolute;
left: 50%;
margin-left: -11px;
bottom: 5%;
transition: 400ms;
-webkit-transition: 400ms;
-ms-transition: 400ms;
}
.theorBox .con {
width: 210px;
padding-top: 60px;
height: 150px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin: -105px 0px 0px -105px;
background-color: #00ae66;
background-color: rgba(0,174,102,0.7);
text-align: center;
transition: 400ms;
-webkit-transition: 400ms;
-ms-transition: 400ms;
}
.theorBox .item2 .con {
background-color: #19a9e5;
background-color: rgba(25,169,229,0.7);
}
.theorBox .item3 .con {
background-color: #272528;
background-color: rgba(39,37,40,0.7);
}
.theorBox .item4 .con {
background-color: #7bc5a0;
background-color: rgba(123,197,160,0.9);
}
.theorBox .item5 .con {
background-color: #7bc5a0;
background-color: rgba(123,197,160,0.9);
}
.theorBox .item6 .con {
background-color: #7bc5a0;
background-color: rgba(123,197,160,0.9);
}
.theorBox .zh {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 35px;
padding-bottom: 8px;
}
.theorBox01 .zh {
font-size: 30px;
}
.theorBox .bot {
background: url(../images/nbot5.png) no-repeat;
width: 59px;
height: 14px;
display: block;
margin: 12px auto 8px;
}
.theorBox .en {
font-size: 14px;
font-family: "zaproman", Georgia, "times new roman";
}
.theorBox .con2 {
width: 210px;
padding-top: 60px;
height: 210px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin: -105px 0px 0px -105px;
background-color: #00ae66;
background-color: rgba(0,174,102,0.9);
text-align: center;
transition: 400ms;
-webkit-transition: 400ms;
-ms-transition: 400ms;
}
.theorBox .con2 .c {
padding: 22px 22px 0px;
height: 256px;
overflow: hidden;
}
.theorBox .con2 .line {
border-bottom: 1px solid #dcdcdc;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 15px;
}
.theorBox .con2 .more {
width: 106px;
height: 35px;
text-align: center;
line-height: 35px;
border: 1px solid #c9c9c9;
display: block;
float: right;
margin: 12% 22px 0px 0px;
}
.theorBox li:hover .con {
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.theorBox li:hover .ico {
transform: translate(0px, -10px);
-webkit-transform: translate(0px, -10px);
opacity: 0;
}
.theorBox li:hover .img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.csstransitions .theorBox .con2 {
opacity: 0;
transform: scale(1.1);
-webkit-transform: scale(1.1);
border: 5px solid rgba(255,255,255,0.3);
box-sizing: border-box;
}
.csstransitions .theorBox li:hover .con2 {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.no-csstransitions .theorBox .con2 {
display: none;
}
/* 7end */
/* 8 start */
.branchDl {
position: relative;
overflow: hidden;
}
.branchDl li:link, .branchDl li:visited {
color: #fff;
}
.branchDl ul {
width: 100%;
}
.branchDl li {
width: 14.33333333%;
display: block;
margin: 0px 10px;
float: left;
display: block;
border: 2px solid #f9f9f9;
background-color: #fff;
padding: 2px;
}
.branchDl .item {
border: 1px solid #272528;
display: block;
height: 200px;
padding: 0px 20px;
text-align: center;
font-size: 14px;
}
.branchDl .item .name {
font-size: 14px;
display: block;
text-align: center;
line-height: 22px;
color: #272528;
margin: 35% 0px 22px;
transition: margin 300ms;
-webkit-transition: margin 300ms;
-ms-transition: margin 300ms;
}
.branchDl .item .more {
width: 178px;
height: 40px;
line-height: 40px;
display: block;
background-color: #b28850;
margin: 0px auto 54px;
display: none;
transition: 300ms;
-webkit-transition: 300ms;
-ms-transition: 300ms;
}
.branchDl .item .bot {
display: block;
}
.branchDl li:hover {
background-color: #00ae66;
}
.branchDl li:hover .name {
margin-top: 25%;
font-size: 14px;
color: #fff;
}
.branchDl li:hover .more {
color: #fff;
display: block;
}
/* 8 end */
/* 9 start */
.p24List2 {
}
.p24List2 td {
padding: 5% 0px;
width: 25%;
text-align: center;
}
.p24List2 .en {
font-size: 30px;
color: #949494;
text-transform: uppercase;
line-height: 1.4;
}
.p24List2 .zh {
font-size: 18px;
}
.p24List2 .yh {
color: #fff;
background-color: #00ae66;
}
.p24List2 .yh:nth-child(2) {
background-color: #19a9e5;
}
.p24List2 .yh:nth-child(3) {
background-color: #272528;
}
.p24List2 .yh .t {
font-size: 20px;
margin-bottom: 40px;
}
/* 9 end */
/* 10 start */
.contbl1 {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.contbl1 td {
border: 1px solid #e5e5e5;
border-bottom: 0px none;
border-left: 0px none;
padding: 2% 5%;
}
.contbl1 td.fc {
background-color: #7bc5a0;
color: #fff;
font-size: 24px;
width: 11%;
padding: 2% 0px;
text-align: center;
}
/* 10 end */
/* 11 start */
.proNav {
margin-top: 30px;
}
.proNav li {
text-align: center;
}
.proNav .li {
display: inline-block;
*zoom: 1;
*display: inline;
vertical-align: middle;
font-size: 14px;
color: #0d0f16;
cursor: pointer;
width: 140px;
margin: 0 15px;
}
.proNav .dot {
width: 100%;
height: 140px;
line-height: 140px;
position: relative;
margin: 15px 0;
background: #fff;
border-radius: 100%;
}
.proNav li .bg {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100%;
transition: 400ms;
-webkit-transition: 400ms;
}
.proNav li .bg_1 {
background: #00ae66;
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0;
display: none\9;
}
.proNav li .bg_2 {
border: 1px solid #00ae66;
}
.proNav li .ti1 {
position: relative;
}
.proNav .li:hover .bg_1, .proNav .li.act .bg_1 {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
display: block\9;
}
.proNav .li:hover .bg_2, .proNav .li.act .bg_2 {
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0;
display: none\9;
}
.proNav .li:hover .ti1, .proNav .li.act .ti1 {
color: #fff;
}
.proNav li .aw {
display: block;
width: 100%;
height: 15px;
background: url(../images/aw10.png) no-repeat center top; /* position:absolute; left:0; bottom:0; */
opacity: 0;
display: none\9;
transition: 400ms;
-webkit-transition: 400ms;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
}
.proNav .li:hover .aw, .proNav .li.act .aw {
opacity: 1;
display: block\9;
transform: translateY(0);
-webkit-transform: translateY(0);
}
/* 11 end */
/* 特效聚集 end */
/* pagenation start */
.digg {
text-align: center;
margin: 20px auto;
}
.digg span {
display: inline-block;
margin-right: 3px;
padding: 4px 13px;
border: 1px solid #ededed;
}
.digg a {
margin-right: 3px;
}
.digg a:link, .digg a:visited {
color: #555;
}
.digg a:active, .digg a:hover {
color: #fff;
background-color: #00ae66;
}
.digg a {
background-color: #fff;
padding: 7px 13px;
border: 1px solid #ededed;
}
.current {
background-color: #00ae66!important;
color: #fff!important;
border: 1px solid #00ae66!important;
}
/* pagenation end */
/* 在线客服 start */
#shares {
position: fixed;
right: 10px;
top: 40px;
z-index: 99999;
}
#shares a {
width: 30px;
height: 30px;
display: block;
background: #8b8b8b;
background-color: rgba(31,31,31,.6);
color: #fff;
font-size: 16px;
text-align: center;
}
#shares a i {
margin-top: 7px
}
#shares a#sshare {
cursor: default;
}
#shares a#sweibo {
background-color: #ececec
}
#shares a#sweixin {
background-color: #f5f5f5;
}
#shares a#gotop {
background-color: #666666;
background-color: rgba(0,0,0,.6);
margin-top: 20px;
font-size: 22px
}
#shares a#gotop i {
margin-top: 3px
}
.fixed {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0,0,0);
background: rgba(0,0,0,.6);
display: none
}
#fixed_weixin .fixed-container {
width: 220px;
height: auto;
padding: 20px 20px 0 20px;
background: #fff;
position: absolute;
left: 50%;
top: 45%;
margin-left: -110px;
margin-top: -140px
}
#fixed_weixin .fixed-container div {
height: 220px
}
#qrcode img {
width: 100%;
}
#fixed_weixin .fixed-container p {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #000
}
#fixed_mp .fixed-container {
width: 258px;
height: 298px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
margin-left: -129px;
margin-top: -149px
}
#fixed_mp .fixed-container p {
padding: 0 20px;
text-align: center;
font-size: 14px;
color: #000
}
#online_open {
width: 30px;
height: 30px;
background: #00d420;
cursor: pointer;
position: fixed;
right: -40px;
bottom: 190px;
z-index: 99999;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 30px;
}
#online_open i {
margin-top: 6px
}
#online_lx {
width: 180px;
height: auto;
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);
box-shadow: 0 5px 9px rgba(4,0,0,.17);
position: fixed;
right: 10px;
z-index: 99999;
top: 230px;
margin-right: -10px;
}
.online_lx01 {
display: none;
}
#olx_head {
padding: 20px;
line-height: 16px;
height: 16px;
background: #00ae66;
border-radius: 5px 5px 0 0;
color: #fff;
font-size: 14px
}
#olx_head i {
background-image: url(../images/close01.png);
width: 16px;
height: 16px;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
float: right;
}
#olx_qq li a {
padding: 12px 20px;
height: 18px;
line-height: 18px;
background: #f5f5f5;
color: #353434;
display: block;
border-bottom: #fff 1px solid;
transition: all ease-out .3s;
font-size: 12px
}
#olx_qq li a i {
color: #5e5e5e;
font-size: 16px;
vertical-align: middle;
margin-right: 8px;
float: left;
margin-top: -9px;
}
#olx_qq li a:hover {
color: #fff;
background: #19a9e5;
}
#olx_qq li a:hover i {
color: #00d420;
}
#olx_tel {
padding: 20px 30px
}
#olx_tel div {
color: #434343;
line-height: 14px;
height: 14px;
margin-bottom: 10px
}
#olx_tel div i {
font-size: 18px;
margin-right: 20px;
vertical-align: middle;
float: left;
margin-top: -3px;
}
#olx_tel p {
line-height: 18px;
font-family: HELVETICANEUELTPRO-THEX;
font-size: 16px
}
.hide, .popup {
display: none;
}
.show {
display: block;
}
#shares a {
width: 40px;
height: 40px;
}
#shares a#sshare {
display: block;
}
#shares a i {
margin-top: 11px;
}
#shares a#sweibo, #shares a#sweixin {
position: fixed;
top: 140px;
right: 10px;
}
#shares a#sweixin {
border-bottom: 1px solid rgba(0, 0, 0, .1);
height: 38px;
position: fixed;
top: 180px;
}
.fa-weibo::before {
color: #999;
}
#online_open i {
margin-top: 10px;
}
#online_open {
background: none;
bottom: 0px;
color: #515151;
top: 100px;
color: #999;
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, .1);
width: 38px;
height: 39px;
border-bottom: none;
}
/* 在线客服 end */
/* ad start */
.ad-tran {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-ms-transition: all .3s ease-out
}
.ad-radius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px
}
.ad-layer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 999;
width: 100%
}
.ad-layer-bg {
width: 100%;
height: 100%;
background-color: #000;
opacity: .55;
filter: alpha(opacity=55)
}
.ad-layer-con {
position: absolute;
top: 55%;
left: 50%;
z-index: 999;
padding-top: 30px;
border-radius: 5px;
}
.close-ad-layer {
background-image: url(../images/ad_sprits.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
-moz-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms;
}
.ad-active .ad-layer-con {
margin: -200px 0 0 -248px;
width: 500px;
height: 265px
}
.ad-jiangli {
position: relative;
margin: -30px auto 0px;
width: 100%;
}
.ad-jiangli img {
width: 100%;
}
.ad-share {
display: block;
margin: 20px auto 0;
width: 198px;
height: 44px;
line-height: 46px;
border: solid 1px #007fcc;
background: none;
color: #007fcc;
text-align: center;
text-decoration: none;
font-size: 18px;
position: absolute;
left: 26px;
bottom: 58px;
}
.ad-share01 {
background-color: #007fcc;
border: solid 1px #007fcc;
color: #fff;
position: absolute;
left: 274px;
bottom: 58px;
}
.ad-share:hover {
background-color: #00ae66;
border: solid 1px #00ae66;
color: #fff;
}
/* ad end */
/*--error--*/
.error {
padding: 10em 0px;
background-color: #f5f5f5;
}
.error-top {
text-align: center;
position: relative;
}
.error-top h4 {
font-weight: 700;
font-size: 2.2em;
color: #7ac20f;
background: #fff;
width: 675px;
padding: 10px 50px;
position: absolute;
top: 30%;
left: 32%;
}
.error-top h3 {
font-weight: 700;
font-size: 15em;
color: #19a9e5;
}
.error-top h5 {
font-weight: 600;
font-size: 2.55em;
color: #7ac20f;
margin: 16px 0px 0px 0px;
}
.error-top p {
font-weight: 600;
font-size: 17px;
color: #14b9d5;
}
.e-btn {
margin-top: 5em;
}
.e-btn a {
background: #7ac20f;
padding: 12px 45px;
font-size: 17px;
color: #fff;
font-weight: 600;
-moz-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms;
}
.e-btn a:hover {
background-color: #19a9e5;
}
/*--error--*/
.process {
padding: 80px 0;
background-color: #f9f9f9;
}
.process .title {
text-align: center;
}
.process .title h2 {
font-size: 32px;
margin-bottom: 0;
}
.process .title span {
text-transform: uppercase;
color: #999;
font-size: 12px;
}
.process .title p {
width: 60%;
margin: 5px auto;
color: #666;
}
.process .process_con {
margin-top: 80px;
overflow: hidden;
}
.process .process_con ul li {
background-color: #fff;
overflow: hidden;
}
.process .process_con ul li .col-sm-3 {
padding: 0;
}
.process .process_con ul li .col-sm-6 {
padding: 0;
}
.process .process_con ul li .text {
text-align: center;
padding-top: 4%;
cursor: pointer;
}
.process .process_con ul li .icon {
width: 100px;
height: 100px;
margin: auto;
background-image: url(../images/process_icon.png);
background-repeat: no-repeat;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.process .process_con ul li h3 {
margin: 0 0 20px;
}
.process .process_con ul li.li_1 .icon {
background-position: 0 0;
}
.process .process_con ul li.li_2 .icon {
background-position: -100px 0;
}
.process .process_con ul li.li_3 .icon {
background-position: -200px 0;
}
.process .process_con ul li.li_4 .icon {
background-position: -300px 0;
}
.process .process_con ul li.li_5 .icon {
background-position: -400px 0;
}
.process .process_con ul li.li_6 .icon {
background-position: -500px 0;
}
.process .process_con ul li.li_7 .icon {
background-position: -600px 0;
}
.process .process_con ul li.li_8 .icon {
background-position: -700px 0;
}
.process .process_con ul li.li_1 .icon:hover {
background-position: 0 -100px;
}
.process .process_con ul li.li_2 .icon:hover {
background-position: -100px -100px;
}
.process .process_con ul li.li_3 .icon:hover {
background-position: -200px -100px;
}
.process .process_con ul li.li_4 .icon:hover {
background-position: -300px -100px;
}
.process .process_con ul li.li_5 .icon:hover {
background-position: -400px -100px;
}
.process .process_con ul li.li_6 .icon:hover {
background-position: -500px -100px;
}
.process .process_con ul li.li_7 .icon:hover {
background-position: -600px -100px;
}
.process .process_con ul li.li_8 .icon:hover {
background-position: -700px -100px;
}
.process .process_con ul li p {
width: 90%;
margin: 9% auto 0;
color: #666;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.process .process_con ul li p:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.process .process_con ul li .img {
overflow: hidden;
cursor: pointer;
}
.process .process_con ul li .img img {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.process .process_con ul li .img img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
@media (max-width:1200px) {
.process .process_con ul li .text {
width: 50%;
padding-top: 2%;
}
}
@media (max-width:1024px) {
.process .process_con ul li .text {
padding-top: 0;
}
.process .process_con ul li p {
margin: 4% auto 0;
}
}
@media (max-width:768px) {
.process .title p {
width: 80%;
}
.process .process_con ul li .text {
width: 100%;
padding-bottom: 5%;
}
.process .process_con ul li .img {
display: none;
}
}
@media (max-width:568px) {
.process .title p {
width: 90%;
}
}
/* 在线客服 start */
.right-fdd2 {
width: 70px;
position: fixed;
right: 0;
bottom: 200px;/*
background-color: #336BC2;
background-color: rgba(51, 107, 194);*/
z-index: 9999;
}
.right-fdd2 ul li {
width: 255px;
height: 66px;/*
border-bottom: 1px solid #545760;
border-bottom: 1px solid rgba(0,0,0,0.2);*/
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background:rgba(0,0,0,0.8);
margin-bottom:1px;
border-radius:4px;
}
.right-fdd2 ul li:nth-child(4) {
border-bottom: none;
}
.right-fdd2 ul li a {
display: block;
width: 66%;
height: 100%;
margin: 0% auto;
font-size: 14px;
font-weight: bold;
padding-left: 57px;
line-height: 64px;
color: #EDEDED;
letter-spacing: 0px;
}
.right-fdd2 ul li.nn1 a {
background: url(../images/mlr1.png) no-repeat 10px center;
}
.right-fdd2 ul li.nn2 a {
background: url(../images/mlr2.png) no-repeat 10px center;
}
.right-fdd2 ul li.nn3 a {
background: url(../images/mlr3.png) no-repeat 10px center;
}
.right-fdd2 ul li.nn4 a {
background: url(../images/mlr4.png) no-repeat 10px center;
}
.right-fdd2 li img {
display: block;
}
.right-fdd2 li:hover {
margin-left: -184px;
background: rgba(0,174,102,0.9);
}
/* 在线客服 end */
/*友情链接*/
.home_rsc{ width:1200px; margin:0 auto 20px;}
.home_rsc b{ float:left;}
.home_rsc p{
text-align:center;
}
.home_rsc p a{
display:inline-block;
padding:0 10px;
margin:0 5px 5px 0;
color:#fff;
border-radius:5px;
position: relative;
}
.home_rsc p a:after{
content:'';
display:block;
width:130px;
height:23px;
width:calc(100% - 4px);
height:calc(100% - 4px);
border-radius:5px;
border:1px solid #fff;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.home_rsc p a:nth-of-type(6n+1){
background-color:#d80019;
}
.home_rsc p a:nth-of-type(6n+2){
background-color:#0760a9;
}
.home_rsc p a:nth-of-type(6n+3){
background-color:#f0c008;
}
.home_rsc p a:nth-of-type(6n+4){
background-color:#8db30e;
}
.home_rsc p a:nth-of-type(6n+5){
background-color:#8a0f79;
}
.home_rsc p a:nth-of-type(6n+6){
background-color:#e28b00;
}
.links{
border-top: 1px solid #e8e8e8;}
.links_con {
padding: 10px 0;
width:1200px;
margin:auto;
}
.links span {
width: 15%;
max-width: 80px;
float: left;
background: url(../images/link_bg.jpg) no-repeat left top;
display: block;
line-height: 32px;
color: #336bc2;
font-size: 16px;
font-weight:bold;
}
.links .link_a {
width: 85%;
line-height: 32px;
float:left;
}
.links .link_a a {
display: inline-block;
padding: 0px 5px;
line-height: 32px;
font-size: 14px;
color: #666;
}
.pop{
width:100%;
height:100%;
position: absolute;
background:rgba(0,0,0,0.3);
top:0;
left:0;
z-index:1111;
display:none;
}
.pop .pop_box{
position:fixed;
width:500px;
height:230px;
background-color:rgba(240,192,8,1);
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
border-radius:5px;
padding:40px 0 0;
box-sizing:border-box;
text-align:center;
z-index:2222;
}
.pop .pop_box:before{
content:'';
display:block;
width:470px;
height:200px;
border:1px solid #fff;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.pop .pop_box h2{
font-size:42px;
color:#fff;
position: relative;
z-index:3333;
}
.pop .pop_box p{
margin-top:20px;
position: relative;
z-index:3333;
}
.pop .pop_box a{
display:inline-block;
width:120px;
height:34px;
line-height:34px;
text-align:center;
background-color:#fff;
color:#f0c008;
border-radius:20px;
margin:0 10px;
font-size:18px;
}
.pop .pop_box a.close{
background-color:#f0c008;
color:#fff;
border:1px solid #fff;
}
.bottom_form{
width:100%;
height:0px;
position: fixed;
bottom:0;
left:0;
background:rgba(0,0,0,0.7);
color:#fdd100;
-webkit-transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
z-index:9;
}
.bottom_form .b_f_box{
width:1200px;
height:80px;
margin:auto;
position: relative;
}
.b_f_left{
width:240px;
float:left;
font-size:18px;
}
.b_f_left span{
display:block;
font-size:28px;
}
.b_f_left i{
position: relative;
top:-10px;
}
.b_f_center{
width:600px;
height:80px;
float:left;
}
.b_f_center i{
display:inline-block;
width:61px;
height:100%;
background:url(../images/fixed_hand.png) no-repeat left center;
animation:trans 1s linear infinite;
float:left;
}
@keyframes trans{
0%{
transform:translateX(-10px);
}
100%{
transform:translateX(-20px);
}
}
.b_f_center input{
font-family: "微软雅黑", "arial";}
.b_f_center .form_left{
float:left;
height:60px;
margin-top:10px;
border:1px solid #fdd100;
width:400px;
text-align:center;
box-sizing:border-box;
margin-right:10px;
}
.b_f_center .form_left p span{
margin:0 5px;
font-weight:bold;
}
.b_f_center .form_left input{
height:22px;
line-height:22px;
color:#999;
padding:0 10px;
font-size:12px;
}
.b_f_center .form_right{
height:60px;
margin-top:10px;
width:60px;
line-height:60px;
border:1px solid #fdd100;
float:left;
text-align:center;
}
.b_f_center .form_right input{
width:56px;
height:56px;
margin:2px;
color:#fff;
font-size:18px;
background-color:#fdd100;
cursor:pointer;
font-weight:bold;
}
.b_f_right{
width:200px;
float:right;
font-size:26px;
}
.b_f_right p{
position: relative;
top:-10px;
font-size:24px;
}
.b_f_box .close{
width:20px;
height:20px;
cursor:pointer;
position: absolute;
top:5px;
right:0;
background:url(../images/ad_sprits.png) no-repeat center center;
}
.bottom_form_btn{
width:100px;
height:80px;
line-height:80px;
border-top-right-radius:40px;
border-bottom-right-radius:40px;
background:rgba(0,0,0,0.7);
position: fixed;
left:0;
z-index:8;
padding-left:40px;
bottom:-100%;
-webkit-transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
cursor:pointer;
}
.bottom_form_btn p{
width:100%;
color:#fdd100;
font-size:20px;
}
.bottom_form_btn i{
display:inline-block;
width:100px;
height:56px;
position: absolute;
top:30px;
right:15px;
margin:auto;
background:url(../images/sericon_07_1.png) no-repeat center center;
animation:scal 1s linear infinite;
}
@keyframes scal{
0%{
transform:scale(0);
opacity:1;
}
100%{
transform:scale(1.2);
opacity:0.5;
}
}
.qrcode_box{
width:100%;
padding:3% 0;
background:url(../images/kefu_bg.jpg);
}