2443 lines
64 KiB
CSS
2443 lines
64 KiB
CSS
|
|
body,div,main,section,article,header,footer,nav,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,th,td {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
html,body {
|
|
overflow-x: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
body {
|
|
font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
|
|
line-height: 1;
|
|
color: #85888e
|
|
}
|
|
|
|
ul,li {
|
|
list-style: none
|
|
}
|
|
|
|
input,textarea {
|
|
outline: 0
|
|
}
|
|
|
|
img {
|
|
max-width: 100%
|
|
}
|
|
|
|
img,input {
|
|
border: 0;
|
|
vertical-align: top
|
|
}
|
|
|
|
a {
|
|
color: #85888e;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.flap {
|
|
visibility: hidden;
|
|
animation-duration: 1s;
|
|
-moz-animation-duration: 1s;
|
|
-webkit-animation-duration: 1s;
|
|
animation-fill-mode: backwards;
|
|
-moz-animation-fill-mode: backwards;
|
|
-webkit-animation-fill-mode: backwards
|
|
}
|
|
|
|
.flaped {
|
|
visibility: visible
|
|
}
|
|
|
|
.text-shadow {
|
|
text-shadow: 0 2px 4px rgba(0,0,0,.16)
|
|
}
|
|
|
|
.bg-grey {
|
|
background-color: #fafbfc;
|
|
}
|
|
|
|
.box.bg-grey{border-top:5px solid #f5f5f5;}
|
|
|
|
.box {
|
|
overflow: hidden;
|
|
padding-top: 100px;
|
|
padding-bottom: 100px
|
|
}
|
|
|
|
.els {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.bold {
|
|
font-weight: 700
|
|
}
|
|
|
|
.wrap {
|
|
word-wrap: break-word;
|
|
word-break: break-all
|
|
}
|
|
|
|
.ystit{
|
|
height: 500px;
|
|
width: 500px;
|
|
border-radius: 500px;
|
|
border: 2px solid #108bed;
|
|
margin: 0 auto;
|
|
}
|
|
.ystit p{
|
|
margin:210px 0 0 0;
|
|
}
|
|
|
|
.tit {
|
|
margin-bottom: 60px;
|
|
text-align: center
|
|
}
|
|
|
|
.tit p{
|
|
font-size: 30px;
|
|
line-height: 50px;
|
|
color:#0f1830;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tit p em{
|
|
font-size: 16px;
|
|
line-height: 50px;
|
|
color:#108bed;
|
|
font-style: normal;
|
|
}
|
|
.tit span{
|
|
font-size: 16px;
|
|
color:#555;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.tit-en {
|
|
display: block;
|
|
font-size: 40px;
|
|
font-family: fzxh;
|
|
color: #108bed;
|
|
}
|
|
|
|
.tit-zh {
|
|
font-size: 18px;
|
|
color: #999;
|
|
}
|
|
|
|
.tit-span {
|
|
display: block;
|
|
padding:20px 0 0 0;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
color: #777;
|
|
}
|
|
|
|
.tit-line {
|
|
margin: 20px auto;
|
|
display: block;
|
|
width: 60px;
|
|
height: 2px;
|
|
font-size: 0;
|
|
background-color: #e1e1e1
|
|
}
|
|
|
|
.owl-dots {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -20px;
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
|
|
.banner-owl .owl-dots {
|
|
bottom: 10px
|
|
}
|
|
|
|
.owl-dot {
|
|
margin: 0 5px;
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 12px;
|
|
border: 1px solid #79b9e5;
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.owl-dot.active {
|
|
background-color: #79b9e5
|
|
}
|
|
|
|
.more-btn {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
width: 65px;
|
|
height: 24px;
|
|
color: #dbdbdb;
|
|
border-radius: 22px;
|
|
border: 1px solid #dbdbdb;
|
|
transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .6s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.more-btn:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 11px;
|
|
display: block;
|
|
width: 24px;
|
|
height: 7px;
|
|
font-size: 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.news-item:hover .more-btn,.news-one:hover .more-btn,.more-btn:hover,.detail-label:hover {
|
|
color: #fff;
|
|
border-color: #108bed;
|
|
background-color: #108bed;
|
|
}
|
|
|
|
.news-item:hover .more-btn:after,.news-one:hover .more-btn:after,.more-btn:hover:after {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px;
|
|
background: rgba(222,222,222,.5);
|
|
-webkit-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out;
|
|
border-radius: 5px
|
|
}
|
|
|
|
::-webkit-scrollbar-button {
|
|
display: none
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: #fff
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece {
|
|
background: #fff
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
width: 8px;
|
|
min-height: 15px;
|
|
background: rgba(0,0,0,.3);
|
|
-webkit-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out;
|
|
border-radius: 5px
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(0,0,0,.6)
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:active {
|
|
background: rgba(0,0,0,.8)
|
|
}
|
|
|
|
.at {
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden
|
|
}
|
|
|
|
.hid {
|
|
overflow: hidden
|
|
}
|
|
|
|
.header {
|
|
position: relative;
|
|
height: 80px;
|
|
z-index: 3;
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.05)
|
|
}
|
|
|
|
.header-logo {
|
|
overflow: hidden;
|
|
display: block;
|
|
width: 100%;
|
|
height:100%;
|
|
}
|
|
|
|
.header-logo-img {
|
|
margin:20px 0;
|
|
height:40px;
|
|
}
|
|
|
|
.nav-item {
|
|
position: relative;
|
|
float: left;
|
|
height: 80px;
|
|
}
|
|
|
|
|
|
.nav-item-a {
|
|
display: block;
|
|
margin-left: 0px;
|
|
padding: 22px 0;
|
|
width: 100%;
|
|
line-height: 37px;
|
|
height: 80px;
|
|
font-size: 16px;
|
|
color: #555;
|
|
text-align: center
|
|
}
|
|
|
|
.nav-item.cur {
|
|
border-bottom:5px solid #108bed;
|
|
}
|
|
|
|
.nav-item.cur:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav-item:hover {
|
|
border-bottom:5px solid #108bed;
|
|
}
|
|
|
|
.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a.cur {
|
|
color: #555;
|
|
background-color: #f8fafc
|
|
}
|
|
|
|
.nav-item-child .nav-item-a:hover>.nav-item-en,.nav-item-child .nav-item-a.cur>.nav-item-en {
|
|
color: #b5bfc6
|
|
}
|
|
|
|
.nav-item.cur>.nav-item-a,.nav-item:hover>.nav-item-a,.nav-item.cur>.nav-item-a>.nav-item-en,.nav-item:hover>.nav-item-a>.nav-item-en {
|
|
|
|
}
|
|
|
|
.nav-item-en {
|
|
display: block;
|
|
padding-top: 6px;
|
|
font-size: 12px;
|
|
color: #b5bfc6;
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.nav-item-child {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 100px;
|
|
display: none;
|
|
z-index: 2;
|
|
background-color: #fff
|
|
}
|
|
|
|
.nav-item-child .nav-item-a {
|
|
margin-left: 0;
|
|
border: 1px solid #e7eff4;
|
|
border-top: 0
|
|
}
|
|
|
|
.nav-item,.nav-item-child {
|
|
width:120px;
|
|
}
|
|
|
|
.header-more {
|
|
display: none;
|
|
margin-top: 6px;
|
|
padding: 16px 10px 0;
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 5px;
|
|
background-color: #45A1DE
|
|
}
|
|
|
|
.header-more i {
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 3px 0;
|
|
width: 24px;
|
|
height: 12px;
|
|
border-top: 2px #fff solid;
|
|
border-bottom: 2px #fff solid
|
|
}
|
|
|
|
.header-more i:after {
|
|
content: '';
|
|
display: block;
|
|
height: 2px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.banner-owl {
|
|
font-size: 0
|
|
}
|
|
|
|
.banner-owl .owl-dot,.honor-owl .owl-dot {
|
|
border: 0;
|
|
background-color: rgba(0,0,0,.3)
|
|
}
|
|
|
|
.banner-owl .owl-dot.active,.honor-owl .owl-dot.active {
|
|
border: 0;
|
|
background-color: #fff
|
|
}
|
|
|
|
.banner-item {
|
|
display: block;
|
|
height: 700px;
|
|
background-repeat: no-repeat;
|
|
background-position: center 0;
|
|
background-size: cover
|
|
}
|
|
|
|
.product-item {
|
|
display: block;
|
|
padding: 0;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin:10px 0;
|
|
border-radius: 25px;
|
|
border:1px solid #eee;
|
|
background:#fff;
|
|
transition:All 0.6s ease-in-out;
|
|
-webkit-transition:All 0.6s ease-in-out;
|
|
-moz-transition:All 0.6s ease-in-out;
|
|
-o-transition:All 0.6s ease-in-out;
|
|
}
|
|
.product-item:hover{
|
|
transform:scale(1.1);
|
|
-webkit-transform:scale(1.1);
|
|
-moz-transform:scale(1.1);
|
|
-o-transform:scale(1.1);
|
|
-ms-transform:scale(1.1);
|
|
}
|
|
|
|
.product-item-img {
|
|
display: inline-block;
|
|
width:130px;
|
|
height:130px;
|
|
background-position: 50%;
|
|
background-size: 80%;
|
|
background-repeat: no-repeat;
|
|
transition: all .3s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .3s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .3s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.product-item1 .product-item-img {background-image: url(../images/item1.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item2 .product-item-img {background-image: url(../images/item2.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item3 .product-item-img {background-image: url(../images/item3.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item4 .product-item-img {background-image: url(../images/item4.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item5 .product-item-img {background-image: url(../images/item5.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item6 .product-item-img {background-image: url(../images/item6.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item7 .product-item-img {background-image: url(../images/item7.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item8 .product-item-img {background-image: url(../images/item8.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.product-item9 .product-item-img {background-image: url(../images/item9.png);transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
|
|
.product-item1:hover{background:#07cf8b;border:1px solid #07cf8b;}
|
|
.product-item2:hover{background:#108bed;border:1px solid #108bed;}
|
|
.product-item3:hover{background:#89d04f;border:1px solid #89d04f;}
|
|
.product-item4:hover{background:#fd6a7f;border:1px solid #fd6a7f;}
|
|
.product-item5:hover{background:#13d0d2;border:1px solid #13d0d2;}
|
|
.product-item6:hover{background:#70c3ff;border:1px solid #70c3ff;}
|
|
.product-item7:hover{background:#13d0d2;border:1px solid #13d0d2;}
|
|
.product-item8:hover{background:#70c3ff;border:1px solid #70c3ff;}
|
|
.product-item9:hover{background:#89d04f;border:1px solid #89d04f;}
|
|
|
|
.product-item1:hover .product-item-img {background-image: url(../images/item1-a-h.png)}
|
|
.product-item2:hover .product-item-img {background-image: url(../images/item2-a-h.png)}
|
|
.product-item3:hover .product-item-img {background-image: url(../images/item3-a-h.png)}
|
|
.product-item4:hover .product-item-img {background-image: url(../images/item4-a-h.png)}
|
|
.product-item5:hover .product-item-img {background-image: url(../images/item5-a-h.png)}
|
|
.product-item6:hover .product-item-img {background-image: url(../images/item6-a-h.png)}
|
|
.product-item7:hover .product-item-img {background-image: url(../images/item7-a-h.png)}
|
|
.product-item8:hover .product-item-img {background-image: url(../images/item8-a-h.png)}
|
|
.product-item9:hover .product-item-img {background-image: url(../images/item9-a-h.png)}
|
|
|
|
.product-item-tit {
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
color: #0f1830;
|
|
margin:-20px 0 35px;
|
|
transition:All 0.5s ease-in-out;
|
|
-webkit-transition:All 0.5s ease-in-out;
|
|
-moz-transition:All 0.5s ease-in-out;
|
|
-o-transition:All 0.5s ease-in-out;
|
|
}
|
|
|
|
.product-item:hover .product-item-tit{
|
|
color:#fff;
|
|
}
|
|
|
|
.product-item-tit-en {
|
|
margin-top: 10px;
|
|
margin-bottom: 30px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.product-item-txt {
|
|
line-height: 2em
|
|
}
|
|
|
|
.productmsg-item{display: none;}
|
|
.productmsg-item img{display: block;width:50%;margin:0 auto;}
|
|
.productmsg-item h6{display: block;font-size: 22px;line-height: 50px;color:#0f1830;text-align: center;}
|
|
.productmsg-item span{display: block;text-align: center;font-size: 16px;line-height: 50px;color:#108bed;background:#fafbfc;width:80%;margin:0 auto;}
|
|
.productmsg-item p{display: block;width:80%;margin:20px auto;font-size: 16px;line-height: 30px;}
|
|
.productmsg-item p:first-letter{margin:0 0 0 3rem;}
|
|
.productmsg-sitem h6{font-size: 26px;line-height: 60px;display: block;text-align: center;color:#0f1830;}
|
|
.productmsg-sitem span{display: block;width:90%;font-size: 16px;line-height: 50px;background: #fafbfc;color:#108bed;margin:0 auto;text-align: center;}
|
|
.productmsg-sitem p{display: block;width:80%;margin:20px auto;font-size: 16px;line-height: 30px;}
|
|
.productmsg-sitem p:first-letter{margin:0 0 0 3rem;}
|
|
|
|
.solution-item {
|
|
padding-top: 100px
|
|
}
|
|
|
|
.solution-item-tit,.solution-item-txt {
|
|
font-family: '黑体';
|
|
font-weight: 400;
|
|
color: #464a53
|
|
}
|
|
|
|
.solution-item-tit {
|
|
font-size: 40px
|
|
}
|
|
|
|
.solution-item-txt {
|
|
margin: 16px 0 20px;
|
|
display: block;
|
|
font-size: 30px
|
|
}
|
|
|
|
.solution-item-txt-en {
|
|
margin-bottom: 36px;
|
|
font-size: 12px;
|
|
line-height: 1.425em
|
|
}
|
|
|
|
.case-box {
|
|
padding-bottom: 0
|
|
}
|
|
.nop-box{
|
|
padding:0;
|
|
}
|
|
|
|
.case-item {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: block;
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.case-item-img {
|
|
display: block!important;
|
|
width: 100%
|
|
}
|
|
|
|
.case-item-tit {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
padding: 0 10px;
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
background-color: rgba(0,0,0,.5)
|
|
}
|
|
|
|
.case-item-tit,.case-item-pop,.case-item-mask {
|
|
transition: all .3s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .3s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .3s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.case-item:hover .case-item-tit {
|
|
bottom: -50px
|
|
}
|
|
|
|
.case-item:hover .case-item-pop {
|
|
top: 50%;
|
|
opacity: 1
|
|
}
|
|
|
|
.case-item:hover .case-item-mask {
|
|
background-color: rgba(0,0,0,.2)
|
|
}
|
|
|
|
.case-item-mask {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,0)
|
|
}
|
|
|
|
.case-item-pop {
|
|
position: absolute;
|
|
opacity: 0;
|
|
left: 0;
|
|
top: 150%;
|
|
margin-top: -98px;
|
|
padding: 38px 10px 50px;
|
|
width: 100%;
|
|
height: 196px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #108bed;
|
|
}
|
|
|
|
.case-item-pop-tit {
|
|
display: block;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.case-item-pop-txt {
|
|
margin: 15px 0;
|
|
height: 40px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical
|
|
}
|
|
|
|
.case-item-pop-btn {
|
|
border: 1px solid #fff
|
|
}
|
|
|
|
.case-item-pop-btn:after {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.news-box-nav {
|
|
display: inline-block
|
|
}
|
|
|
|
.news-box-tit {
|
|
float: left;
|
|
margin: 0 25px;
|
|
padding: 8px 10px;
|
|
font-size: 16px;
|
|
color: #0f1830;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.news-box-tit:hover,.news-box-tit.cur {
|
|
background: #108bed;
|
|
color:#fff;
|
|
}
|
|
|
|
.news-item {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 28px 20px 34px;
|
|
display: block;
|
|
max-width: 350px;
|
|
border-top: 5px solid transparent;
|
|
}
|
|
.diynews{
|
|
background: #fff;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.news-item,.news-item:hover .more-btn {
|
|
transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .6s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.news-item:hover {
|
|
border-top-color: #f5f5f5;
|
|
}
|
|
|
|
.news-item:hover .news-item-tit{
|
|
color:#108bed;
|
|
}
|
|
|
|
.news-item-img {
|
|
width: 310px;
|
|
height: 130px;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.news-item-tit {
|
|
margin: 20px 0 16px;
|
|
display: block;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #0f1830;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.news-item-txt {
|
|
height: 66px;
|
|
line-height: 22px;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
color:#555;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical
|
|
}
|
|
|
|
.news-item-info {
|
|
margin-top: 26px;
|
|
color: #b0b0b0
|
|
}
|
|
|
|
.news-item-month {
|
|
margin-bottom: 8px;
|
|
display: block;
|
|
font-size: 24px
|
|
}
|
|
|
|
.news-item-year {
|
|
font-size: 12px
|
|
}
|
|
|
|
.news-container {
|
|
margin-top: 50px
|
|
}
|
|
|
|
.news-box .owl-carousel .owl-stage-outer {
|
|
margin: -10px -10px 0 -10px;
|
|
padding: 10px 10px 0
|
|
}
|
|
|
|
.news-container .owl-prev,.news-container .owl-next {
|
|
position: absolute;
|
|
left: -50px;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
padding: 13px 0 0 16px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 40px;
|
|
border: 1px solid #d1d1d1;
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.news-container .owl-next {
|
|
left: auto;
|
|
right: -50px;
|
|
padding: 13px 0 0 9px
|
|
}
|
|
|
|
.news-container .owl-prev:hover,.news-container .owl-next:hover {
|
|
border-color: #79b9e5;
|
|
background-color: #79b9e5
|
|
}
|
|
|
|
.news-container .owl-prev:hover:after,.news-container .owl-next:hover:after {
|
|
border-color: #fff
|
|
}
|
|
|
|
.news-container .owl-prev:after,.news-container .owl-next:after {
|
|
content: '';
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #b6b6b6;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.news-container .owl-next:after {
|
|
transform: rotate(135deg);
|
|
-moz-transform: rotate(135deg);
|
|
-ms-transform: rotate(135deg);
|
|
-webkit-transform: rotate(135deg)
|
|
}
|
|
|
|
.leader-item-people {
|
|
position: relative
|
|
}
|
|
|
|
.leader-wraper .item {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px
|
|
}
|
|
|
|
.leader-item-line {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
margin-top: -50px;
|
|
width: 1px;
|
|
height: 100px;
|
|
background-color: #eff3f7
|
|
}
|
|
|
|
.leaders-item:hover .leader-item-line {
|
|
background-color: #489fda
|
|
}
|
|
|
|
.leader-item-portrait,.leader-item-infos {
|
|
display: inline-block
|
|
}
|
|
|
|
.leader-item-infos {
|
|
margin-top: 45px
|
|
}
|
|
|
|
.leader-item-portrait {
|
|
margin-right: 30px;
|
|
padding: 9px;
|
|
width: 176px;
|
|
height: 176px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
border-radius: 176px;
|
|
background-color: #eeeef2;
|
|
transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .6s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .6s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.leader-item-bg {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 158px;
|
|
}
|
|
|
|
.leader-item-img {
|
|
width: 158px;
|
|
height: 158px;
|
|
border-radius: 158px
|
|
}
|
|
|
|
.leader-item-name {
|
|
display: block;
|
|
margin-bottom: 16px;
|
|
font-size: 20px;
|
|
color: #464a53
|
|
}
|
|
|
|
.leader-item-info {
|
|
font-size: 12px
|
|
}
|
|
|
|
.leader-item-introduce {
|
|
margin-top: 62px;
|
|
line-height: 24px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.leaders-item,.leader-item-name,.leader-item-info,.leader-item-introduce {
|
|
transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-moz-transition: all .2s cubic-bezier(0.215,.61,.355,1);
|
|
-webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1)
|
|
}
|
|
|
|
.leaders-item {
|
|
display: block
|
|
}
|
|
|
|
.leaders-item:hover {
|
|
padding-left: 0;
|
|
background-color: #208bd3
|
|
}
|
|
|
|
.leaders-item:hover .leader-item-name,.leaders-item:hover .leader-item-info,.leaders-item:hover .leader-item-introduce {
|
|
color: #fff
|
|
}
|
|
|
|
.contactus-item-info {
|
|
margin-bottom: 100px
|
|
}
|
|
|
|
.contactus-icon-address,.contactus-icon-phone,.contactus-icon-email {
|
|
display: inline-block;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.contactus-box .popbox-inputbox {
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.contactus-box .input-message-box {
|
|
padding: 0
|
|
}
|
|
|
|
.contactus-box .popbox-con {
|
|
margin: auto;
|
|
width: auto
|
|
}
|
|
|
|
.contactus-box .popbox-input-tip {
|
|
color: red
|
|
}
|
|
|
|
.contactus-box input[type=text],textarea {
|
|
color: #444
|
|
}
|
|
|
|
.contactus-icon-box {
|
|
display: block;
|
|
height: 75px
|
|
}
|
|
|
|
.contactus-icon-address {
|
|
width: 49px;
|
|
height: 57px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.contactus-icon-phone {
|
|
margin-top: 4px;
|
|
width: 54px;
|
|
height: 53px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.contactus-icon-email {
|
|
margin-top: 10px;
|
|
width: 53px;
|
|
height: 47px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.contactus-item-txt {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
color: #464a53
|
|
}
|
|
|
|
.input-name,.input-tel,.input-email,.input-message {
|
|
padding: 10px;
|
|
width: 100%;
|
|
height: 43px;
|
|
line-height: 22px;
|
|
border: 0;
|
|
border-bottom: 1px solid #b8b8b8
|
|
}
|
|
|
|
.input-message {
|
|
margin-top: 76px
|
|
}
|
|
|
|
.submit-btn {
|
|
margin: 40px auto 0;
|
|
display: block;
|
|
width: 210px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 16px;
|
|
color: #464a53;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
border: 1px solid #666970
|
|
}
|
|
|
|
.submit-btn:hover {
|
|
color: #fff;
|
|
border-color: #208bd3;
|
|
background-color: #208bd3
|
|
}
|
|
|
|
.map-box {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 380px;
|
|
border-style: solid;
|
|
border-width: 1px 0;
|
|
border-color: #ccc;
|
|
background-color: #fafafb
|
|
}
|
|
|
|
.map-con,#mapContainer {
|
|
height: 380px;
|
|
width: 100%
|
|
}
|
|
|
|
.info-title {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
background-color: #427BBB;
|
|
line-height: 26px;
|
|
padding: 0 0 0 6px;
|
|
font-weight: lighter;
|
|
letter-spacing: 1px
|
|
}
|
|
|
|
.info-content {
|
|
font: 12px Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial;
|
|
padding: 4px;
|
|
color: #666;
|
|
line-height: 23px
|
|
}
|
|
|
|
.info-content img {
|
|
float: left;
|
|
margin: 3px
|
|
}
|
|
|
|
.cooperation-owl {
|
|
margin: 60px 0
|
|
}
|
|
|
|
.cooperation-owl .owl-stage-outer {
|
|
height: 40px
|
|
}
|
|
|
|
.cooperation-item {
|
|
margin: 0 10px;
|
|
display: block;
|
|
width: 200px;
|
|
height: 40px
|
|
}
|
|
|
|
.cooperation-item-img {
|
|
margin: 0 auto;
|
|
max-height: 40px
|
|
}
|
|
|
|
.cooperation-owl .owl-prev,.cooperation-owl .owl-next {
|
|
position: absolute;
|
|
left: -30px;
|
|
top: 8px;
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 2px solid #c5c8cb;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg)
|
|
}
|
|
|
|
.cooperation-owl .owl-next {
|
|
left: auto;
|
|
right: -30px;
|
|
transform: rotate(135deg);
|
|
-moz-transform: rotate(135deg);
|
|
-ms-transform: rotate(135deg);
|
|
-webkit-transform: rotate(135deg)
|
|
}
|
|
|
|
.cooperation-owl .owl-prev:hover,.cooperation-owl .owl-next:hover {
|
|
border-color: #208bd3
|
|
}
|
|
|
|
.footer {
|
|
padding-top: 50px;
|
|
font-size: 12px;
|
|
background-color: #28292c
|
|
}
|
|
|
|
.footer,.footer-icp {
|
|
color: #5e6164
|
|
}
|
|
|
|
.footer-logo {
|
|
margin-right: 28px;
|
|
width: 167px;
|
|
height: 38px
|
|
}
|
|
|
|
.footer-logo-img {
|
|
width: 167px;
|
|
height: 38px
|
|
}
|
|
|
|
.footer-item {
|
|
color: #878c91
|
|
}
|
|
|
|
.footer a:hover {
|
|
color: #ccc
|
|
}
|
|
|
|
.footer-slogan {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.footer-icon {
|
|
float: left;
|
|
display: inline-block;
|
|
width: 36px;
|
|
height: 36px;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.icon-wb,.icon-wx {
|
|
margin-left: 15px
|
|
}
|
|
|
|
.icon-qq {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-qq:hover {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-wx {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-wx:hover {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-wb {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-wb:hover {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.footer-copyright {
|
|
overflow: hidden;
|
|
padding: 22px 0;
|
|
line-height: 21px;
|
|
border-top: 1px solid #2e2f32
|
|
}
|
|
|
|
.cmmi {
|
|
overflow: hidden;
|
|
margin: 40px 0 20px
|
|
}
|
|
|
|
.cmmi img {
|
|
height: 38px;
|
|
display: inline-block!important
|
|
}
|
|
|
|
.cmmi img,.cmmi span {
|
|
float: left
|
|
}
|
|
|
|
.cmmi span {
|
|
margin-left: 14px;
|
|
line-height: 38px
|
|
}
|
|
|
|
.footer-info {
|
|
padding: 10px 0
|
|
}
|
|
|
|
.footer-login {
|
|
padding: 0 15px;
|
|
height: 30px;
|
|
line-height: 28px;
|
|
border-radius: 3px;
|
|
border: 1px solid #5e6164
|
|
}
|
|
|
|
.icon-hotline,.icon-user {
|
|
display: inline-block;
|
|
width: 21px;
|
|
height: 21px;
|
|
vertical-align: top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-user {
|
|
margin-right: 10px;
|
|
width: 36px;
|
|
height: 36px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.footer-user {
|
|
line-height: 36px
|
|
}
|
|
|
|
.footer-social-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.footer-code {
|
|
position: absolute;
|
|
display: none;
|
|
left: 3px;
|
|
top: -150px;
|
|
width: 131px;
|
|
height: 140px;
|
|
z-index: 1
|
|
}
|
|
|
|
.back-top {
|
|
position: fixed;
|
|
display: none;
|
|
right: 50px;
|
|
bottom: 19px;
|
|
padding: 16px 13px 10px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
color: #fff;
|
|
background: rgba(0,0,0,.4);
|
|
z-index: 10000
|
|
}
|
|
|
|
.back-top:hover {
|
|
background: rgba(0,0,0,.5)
|
|
}
|
|
|
|
.back-top-icon {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 2px solid #fff;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg)
|
|
}
|
|
|
|
.popbox {
|
|
position: fixed;
|
|
z-index: 999;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,.5)
|
|
}
|
|
|
|
.popbox-wrap,.agreement-wrap {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
left: 0;
|
|
top: 50px;
|
|
padding: 70px 0;
|
|
width: 100%;
|
|
background-color: #3196da
|
|
}
|
|
|
|
.agreement-wrap {
|
|
padding: 30px;
|
|
color: #000;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
background-color: #fff
|
|
}
|
|
|
|
.indent2 {
|
|
text-indent: 2em
|
|
}
|
|
|
|
.agreement-wrap h2 {
|
|
padding-bottom: 30px;
|
|
font-size: 20px;
|
|
text-align: center
|
|
}
|
|
|
|
.agreement-wrap h3 {
|
|
margin-bottom: 12px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.agreement-wrap h2,.agreement-wrap h3,.agreement-wrap b,.agreement-wrap strong {
|
|
font-weight: 700
|
|
}
|
|
|
|
.agreement-wrap strong {
|
|
display: block
|
|
}
|
|
|
|
.agreement-wrap p,.agreement-wrap strong {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.popbox-close,.agreement-close {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ccc;
|
|
font-size: 50px;
|
|
text-align: center
|
|
}
|
|
|
|
.agreement-close-btn {
|
|
color: #8c8c8c;
|
|
font-size: 16px
|
|
}
|
|
|
|
.agreement-close-btn:hover {
|
|
color: #666
|
|
}
|
|
|
|
.popbox-close:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.agreement-close:hover {
|
|
color: #aaa
|
|
}
|
|
|
|
.popbox-header {
|
|
margin: 0 auto 60px;
|
|
display: block;
|
|
height: 107px;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.popbox-con {
|
|
margin: 0 auto;
|
|
width: 430px
|
|
}
|
|
|
|
.popbox-inputbox {
|
|
position: relative;
|
|
color: #3e60b8
|
|
}
|
|
|
|
.popbox-inputbox,.popbox-forgot {
|
|
padding: 0 15px 15px
|
|
}
|
|
|
|
.popbox-input,.popbox-login-btn,.popbox-getcode {
|
|
padding: 0 15px 0 52px;
|
|
height: 48px;
|
|
width: 100%;
|
|
line-height: 48px;
|
|
border-radius: 3px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.popbox-input.popbox-input-no,.popbox-getcode {
|
|
padding-left: 15px
|
|
}
|
|
|
|
.popbox-forgot {
|
|
padding-top: 15px;
|
|
padding-bottom: 10px;
|
|
font-size: 12px;
|
|
color: #add5f2
|
|
}
|
|
|
|
.popbox-forgot-btn,.popbox-login-a {
|
|
color: #add5f2;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.popbox-forgot-btn:hover,.popbox-login-a:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.popbox-code {
|
|
width: 222px
|
|
}
|
|
|
|
.popbox-code-img {
|
|
width: 144px;
|
|
height: 48px;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.popbox-login-btn,.popbox-getcode {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
display: block;
|
|
font-size: 18px;
|
|
line-height: 48px;
|
|
color: #fffefe;
|
|
text-align: center;
|
|
background-color: #00dbaa
|
|
}
|
|
|
|
.popbox-inputbox-f .popbox-input {
|
|
border: 1px solid #1585d4;
|
|
box-shadow: inset 0 0 5px 0 rgba(19,141,227,.004)
|
|
}
|
|
|
|
.popbox-inputbox-f .icon-email {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.popbox-inputbox-f .icon-password {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.popbox-login-btn:hover {
|
|
color: #fff;
|
|
background-color: #00cc9e
|
|
}
|
|
|
|
.pop-icon {
|
|
position: absolute;
|
|
left: 30px;
|
|
display: block;
|
|
width: 23px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0
|
|
}
|
|
|
|
.icon-email {
|
|
top: 14px;
|
|
height: 20px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon-password {
|
|
top: 11px;
|
|
height: 26px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.popbox-input-tip {
|
|
display: none;
|
|
clear: both;
|
|
padding: 6px 12px 0;
|
|
line-height: 16px;
|
|
font-size: 12px;
|
|
color: #e2f0ff
|
|
}
|
|
|
|
.popbox-input-tip:before {
|
|
content: '!';
|
|
margin-right: 8px;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
color: #3196da;
|
|
text-align: center;
|
|
border-radius: 16px;
|
|
background-color: #e1efff
|
|
}
|
|
|
|
.popbox-login-href {
|
|
padding-top: 20px;
|
|
text-align: center
|
|
}
|
|
|
|
.popbox-login-a {
|
|
font-size: 12px
|
|
}
|
|
|
|
.popbox-getcode-box {
|
|
padding-bottom: 40px
|
|
}
|
|
|
|
.popbox-getcode {
|
|
width: 144px;
|
|
font-size: 14px;
|
|
background-color: #5bb3f3
|
|
}
|
|
|
|
.popbox-getcode.cur {
|
|
cursor: default;
|
|
background-color: #9AACB9
|
|
}
|
|
|
|
.popbox-getcode.cur:hover {
|
|
color: #fffefe;
|
|
background-color: #9AACB9
|
|
}
|
|
|
|
.popbox-getcode:hover {
|
|
color: #fff;
|
|
background-color: #4eabef
|
|
}
|
|
|
|
.reset-password {
|
|
margin: 0 auto 25px;
|
|
display: block;
|
|
height: 38px;
|
|
max-width: 291px
|
|
}
|
|
|
|
.reset-password-two {
|
|
display: none
|
|
}
|
|
|
|
|
|
.agreement-btn {
|
|
color: #add5f2;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.agreement-btn:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.tip-pop {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
padding: 10px 30px;
|
|
font-size: 16px;
|
|
line-height: 1.25;
|
|
color: #fff;
|
|
opacity: 0;
|
|
border-radius: 5px;
|
|
background-color: #5cb85c;
|
|
z-index: 1001
|
|
}
|
|
|
|
.tip-pop.err-pop {
|
|
background-color: #ec971f
|
|
}
|
|
|
|
@-webkit-keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0,100%,0);
|
|
transform: translate3d(0,100%,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0,100%,0);
|
|
transform: translate3d(0,100%,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0,-100%,0);
|
|
transform: translate3d(0,-100%,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0,-100%,0);
|
|
transform: translate3d(0,-100%,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%,0,0);
|
|
transform: translate3d(100%,0,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%,0,0);
|
|
transform: translate3d(100%,0,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%,0,0);
|
|
transform: translate3d(-100%,0,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%,0,0);
|
|
transform: translate3d(-100%,0,0)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.more-btn:after {
|
|
background-position: -33px 0px
|
|
}
|
|
|
|
.news-item:hover .more-btn:after,.news-one:hover .more-btn:after,.more-btn:hover:after {
|
|
background-position: -33px -10px
|
|
}
|
|
|
|
.case-item-pop-btn:after {
|
|
background-position: -33px -10px
|
|
}
|
|
|
|
.contactus-icon-address {
|
|
background-position: -5px -20px
|
|
}
|
|
|
|
.contactus-icon-phone {
|
|
background-position: 0px -80px
|
|
}
|
|
|
|
.contactus-icon-email {
|
|
background-position: -1px -136px
|
|
}
|
|
|
|
.icon-qq {
|
|
background-position: -18px -186px
|
|
}
|
|
|
|
.icon-qq:hover {
|
|
background-position: -18px -225px
|
|
}
|
|
|
|
.icon-wx {
|
|
background-position: -18px -264px
|
|
}
|
|
|
|
.icon-wx:hover {
|
|
background-position: -18px -303px
|
|
}
|
|
|
|
.icon-wb {
|
|
background-position: -18px -342px
|
|
}
|
|
|
|
.icon-wb:hover {
|
|
background-position: -18px -381px
|
|
}
|
|
|
|
.icon-hotline,.icon-user {
|
|
background-position: -33px -420px
|
|
}
|
|
|
|
.icon-user {
|
|
background-position: -18px -444px
|
|
}
|
|
|
|
.popbox-inputbox-f .icon-email {
|
|
background-position: -31px -483px
|
|
}
|
|
|
|
.popbox-inputbox-f .icon-password {
|
|
background-position: -31px -506px
|
|
}
|
|
|
|
.icon-email {
|
|
background-position: -31px -535px
|
|
}
|
|
|
|
.icon-password {
|
|
background-position: -31px -558px
|
|
}
|
|
|
|
.more-btn:after,.news-item:hover .more-btn:after,.news-one:hover .more-btn:after,.more-btn:hover:after,.case-item-pop-btn:after,.contactus-icon-address,.contactus-icon-phone,.contactus-icon-email,.icon-qq,.icon-qq:hover,.icon-wx,.icon-wx:hover,.icon-wb,.icon-wb:hover,.icon-hotline,.icon-user,.popbox-inputbox-f .icon-email,.popbox-inputbox-f .icon-password,.icon-email,.icon-password {
|
|
background-image: url(../images/common_z.png)
|
|
}
|
|
|
|
.log-li{width:140px;}
|
|
.log-li:hover{background: none;border:none;}
|
|
.log-li a{float:left;margin: 28px 9px;font-size: 16px;padding:0 10px;line-height: 25px;text-align: center;}
|
|
.log-a{display: block;color: #555;}
|
|
.log-a:hover{color:#f30;}
|
|
.log-b{display: block;color: #fff;border-radius: 3px;background: #108bed;}
|
|
.log-b:hover{background: #f30;}
|
|
.ysright, .ysleft{padding:28px 30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
|
|
.ysright dl, .ysleft dl{border: 2px solid #108bed;border-radius: 100px;background: #fafbfc;margin: 0 20px;}
|
|
.ysright:hover span, .ysleft:hover span{color:#fd6a7f;}
|
|
.ysright:hover p, .ysleft:hover p{color:#555;}
|
|
.ysright dl{float:right;}
|
|
.ysright dd{float:right;}
|
|
.ysright span{text-align: right;}
|
|
.ysright p{text-align: right;}
|
|
.ysleft dl{float:left;}
|
|
.ysleft dd{float:left;}
|
|
.ysleft span{text-align: left;}
|
|
.ysleft p{text-align: left;}
|
|
.ysrdl1{margin-left:100px!important;}
|
|
.ysrdl2{margin-left:160px!important;}
|
|
.ysldl1{margin-right:100px!important;}
|
|
.ysldl2{margin-right:160px!important;}
|
|
.solution-box{margin-top:-560px!important;}
|
|
.solution-box span{display: block;font-size: 18px;font-weight: bold;color:#0f1830;line-height: 35px;margin-top:15px;}
|
|
.solution-box p{display: block;font-size: 14px;line-height: 20px;}
|
|
.solution-box img{margin:20px;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.ysright:hover img, .ysleft:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
|
|
.guangdiv{width:100%;height:400px;background: url(../images/guangbg.jpg) no-repeat;background-position: 50%;overflow: hidden;}
|
|
.guangdiv h6{color:#fff;font-size: 30px;display: block;text-align: center;margin:90px 0 0 0;line-height: 80px;}
|
|
.guangdiv span{display: block;text-align: center;line-height: 30px;font-size: 18px;color:#fff;}
|
|
.guangdiv a{border-radius: 50px;display: block;width:120px;font-size: 18px;line-height: 40px;text-align: center;color:#0c45b6;margin:50px auto;background:rgba(255,255,255,0.8);}
|
|
.guangdiv a:hover{background: #fff;}
|
|
.guangdiv b{color:#89d04f;}
|
|
.hbpic{border-top:1px dashed #eee;border-right:1px dashed #eee;}
|
|
.hbpic div{background:#fff;border-bottom: 1px dashed #eee;border-left: 1px dashed #eee;}
|
|
.hbpic img{width:80%;margin:10px auto;display:block;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
|
|
.hbpic img:hover{z-index:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
|
|
.footxxdiv{margin:0 0 50px;}
|
|
.ksdhdd{font-size: 14px;line-height: 30px;}
|
|
.ksdhdd a{padding:0 10px;}
|
|
.ksdhdd a:hover{background: #555;}
|
|
.yqljdd{font-size: 14px;line-height: 30px;}
|
|
.yqljdd a{background: #555;padding:0 10px;}
|
|
.lxfsdd{font-size: 14px;line-height: 30px;}
|
|
.lxfsdd p{color:#85888e;}
|
|
|
|
|
|
|
|
.aside {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
width: 0px;
|
|
height: 100%;
|
|
z-index: 18;
|
|
background: url(../images/aside.jpg) center top repeat;
|
|
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.aside ul {
|
|
margin-top: 100px;
|
|
}
|
|
.aside ul li a {
|
|
display: block;
|
|
margin-top: 30px;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.aside ul li img {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
.aside ul li.consulting .img2 {
|
|
display: none;
|
|
}
|
|
.aside ul li.consulting span {
|
|
display: inline-block;
|
|
margin: 0 2px;
|
|
width: 5px;
|
|
height: 5px;
|
|
border-radius: 100%;
|
|
background: #fff;
|
|
}
|
|
.aside ul li.consulting span:nth-child(1) {
|
|
-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
|
|
animation: consulting 0.6s 0.07s infinite ease-in-out;
|
|
}
|
|
.aside ul li.consulting span:nth-child(2) {
|
|
-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
|
|
animation: consulting 0.6s 0.14s infinite ease-in-out;
|
|
}
|
|
.aside ul li.consulting span:nth-child(3) {
|
|
-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
|
|
animation: consulting 0.6s 0.21s infinite ease-in-out;
|
|
}
|
|
@keyframes consulting {
|
|
33% {
|
|
-webkit-transform: translateY(5px);
|
|
transform: translateY(5px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateY(-5px);
|
|
transform: translateY(-5px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes consulting {
|
|
33% {
|
|
-webkit-transform: translateY(5px);
|
|
transform: translateY(5px);
|
|
}
|
|
66% {
|
|
-webkit-transform: translateY(-5px);
|
|
transform: translateY(-5px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.aside ul li.consulting.active {
|
|
background: #fff;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
}
|
|
.aside ul li.consulting.active a {
|
|
color: #3F82ED;
|
|
}
|
|
.aside ul li.consulting.active span {
|
|
background: #3F82ED;
|
|
}
|
|
.aside ul li.consulting.active .img1 {
|
|
display: none;
|
|
}
|
|
.aside ul li.consulting.active .img2 {
|
|
display: block;
|
|
}
|
|
.consulting_box {
|
|
width: 250px;
|
|
height: 100%;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
z-index: 15;
|
|
position: fixed;
|
|
top: 0;
|
|
right: -250px;
|
|
box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
|
|
transition: 0.8s all;
|
|
-webkit-transition: 0.8s all;
|
|
}
|
|
.consulting_box .title {
|
|
background: url(../images/002.png) center top no-repeat;
|
|
text-align: center;
|
|
padding: 26px 0 2px 0;
|
|
color: #fff;
|
|
}
|
|
.consulting_box .title_t1 {
|
|
font-size: 12px;
|
|
}
|
|
.consulting_box .title_t2 {
|
|
font-size: 16px;
|
|
margin: 5px 0;
|
|
}
|
|
.consulting_type {
|
|
padding: 40px 0;
|
|
border-bottom: solid 1px #399BEC;
|
|
}
|
|
.consulting_type_title {
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.consulting_type ul {
|
|
margin: 30px 0 20px 0;
|
|
}
|
|
.consulting_type ul li a {
|
|
display: block;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-indent: 30px;
|
|
z-index: 2;
|
|
position: relative;
|
|
color: #666;
|
|
margin: 0;
|
|
text-align: left;
|
|
transition: 0.3s all;
|
|
-webkit-transition: 0.3s all;
|
|
}
|
|
.consulting_type ul li a img {
|
|
margin: 0;
|
|
display: inline-block;
|
|
padding-right: 30px;
|
|
}
|
|
.consulting_type ul li a .img2 {
|
|
display: none;
|
|
}
|
|
.consulting_type ul li a:before {
|
|
z-index: -1;
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #3c9af2;
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(1, 0.1, 1);
|
|
transform: scale3d(1, 0.1, 1);
|
|
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
|
|
transition: transform 0.4s, opacity 0.4s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.consulting_type ul li a, .consulting_type ul li a:before {
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.consulting_type ul li a:hover:before {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.consulting_type ul li a:hover {
|
|
color: #fff;
|
|
}
|
|
.consulting_type ul li a:hover .img2 {
|
|
display: inline-block;
|
|
}
|
|
.consulting_type ul li a:hover .img1 {
|
|
display: none;
|
|
}
|
|
.consulting_box .problem {
|
|
padding-top: 40px;
|
|
}
|
|
.consulting_box .problem_title {
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.consulting_box .problem ul {
|
|
padding: 20px 0 0 30px;
|
|
}
|
|
.consulting_box .problem ul li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.consulting_box .problem ul li a {
|
|
display: inline-block;
|
|
}
|
|
.consulting_box .problem ul li span {
|
|
display: inline-block;
|
|
width: 3px;
|
|
height: 3px;
|
|
border-radius: 100%;
|
|
background: #3c9af2;
|
|
margin: 3px 10px 3px 0;
|
|
animation: none;
|
|
}
|
|
.consulting_box .problem ul li a {
|
|
font-size: 12px;
|
|
color: #818181;
|
|
}
|
|
.consulting_box .problem ul li a:hover {
|
|
color: #3c9af2;
|
|
}
|
|
.consulting_type .time {
|
|
color: #818181;
|
|
font-size: 12px;
|
|
padding-left: 30px;
|
|
}
|
|
.consulting_box .close {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.consulting_box .close img {
|
|
transition: 0.4s all;
|
|
-webkit-transition: 0.4s all;
|
|
}
|
|
.consulting_box .close:hover img {
|
|
transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
}
|
|
|
|
#close {
|
|
cursor: pointer;
|
|
position: fixed;
|
|
bottom: 18px;
|
|
right: 0;
|
|
width: 0px;
|
|
height: 40px;
|
|
z-index: 100;
|
|
/*background: #fff;*/
|
|
background: url(../images/right-menu-icons.png) no-repeat -776px -15%;
|
|
-webkit-transition: all 0.4s;
|
|
transition: all 0.4s;
|
|
}
|
|
#show {
|
|
cursor: pointer;
|
|
position: fixed;
|
|
bottom: 18px;
|
|
right: 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
z-index: 100;
|
|
/*background: #fff;*/
|
|
background: url(../images/icon-list.jpg) no-repeat 0 -762px;
|
|
-webkit-transition: all 0.4s;
|
|
transition: all 0.4s;
|
|
}
|
|
#close:hover {
|
|
background: url(../images/right-menu-icons.png) no-repeat -776px -93px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.kzf-mod-title p{line-height: 30px;}
|
|
.case_show_brief_title{margin-top:20px;font-size:18px;}
|
|
.glyphicon-paperclip{background: url(../images/hxz.png) no-repeat;background-position: 50%;display: block;height:100%;}
|
|
.introduce_list_title{line-height: 26px;}
|
|
.introduce_list_text{line-height: 25px;}
|
|
.mapdec{text-align: left;}
|
|
.mapdec .text{overflow: hidden;margin-top:35px;}
|
|
.mapdec .text h5{font-size: 18px;line-height: 35px;color:#0f1830;margin:0 0 0 40px;}
|
|
.mapdec .text span{font-size: 14px;line-height: 30px;display: block;margin-top:10px;overflow: hidden;}
|
|
.mapdec i{float:left;margin-right:10px;display:block;width:30px;height:30px;background:url(../images/contimg.png) no-repeat;background-size: 100% auto;}
|
|
.mapdec i.lx_dz{background-position: 0 0;}
|
|
.mapdec i.lx_dh{background-position: 0 -30px;}
|
|
.mapdec i.lx_yx{background-position: 0 -60px;}
|
|
.mapdec i.lx_wz{background-position: 0 -90px;}
|
|
.mapdec i.lx_gjz{background-position: 0 -120px;}
|
|
.mapdec .buslink{overflow: hidden;margin:20px 0 0 0;}
|
|
.buslink dd{display: block;overflow: hidden;font-size: 16px;line-height: 30px;color:#0f1830;}
|
|
.buslink b{display: block;font-size: 16px;line-height: 30px;margin:10px 0 0 40px;}
|
|
.buslink p{display: block;font-size: 16px;line-height: 25px;margin:0 0 0 40px;}
|
|
.technical_support_box_z_info{line-height: 22px;}
|
|
|
|
.newspagelist{width:100%;overflow: hidden;}
|
|
.newspagelist a{display: block;overflow: hidden;padding:15px 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
|
|
.newspagelist a:hover{background: #108bed;}
|
|
.newspagelist .kzf-mod-new-time-box{float:left;width:20%;margin:0 4% 0 0;}
|
|
.newspagelist .kzf-mod-new-time-date{font-size: 24px;font-weight: bold;color:#ccc;line-height: 40px;text-align: center;}
|
|
.newspagelist .kzf-mod-new-time-year{font-size: 16px;color:#ccc;line-height: 22px;text-align: center;}
|
|
.newspagelist .kzf-mod-new-box{float:left;width:70%;padding:0 0 0 4%;border-left:1px solid #eee;}
|
|
.newspagelist .kzf-mod-new-title{font-size: 16px;color: #0f1830;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
.newspagelist .kzf-mod-new-text{font-size: 12px;line-height: 20px;color: #888;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
|
|
.newspagelist a:hover .kzf-mod-new-time-date{color:#fff;}
|
|
.newspagelist a:hover .kzf-mod-new-time-year{color:#fff;}
|
|
.newspagelist a:hover .kzf-mod-new-title{color:#fff;}
|
|
.newspagelist a:hover .kzf-mod-new-text{color:#fff;}
|
|
|
|
.contactipt{width:100%;margin:50px 0 0 0;overflow: hidden;background: #fafafa;}
|
|
.contactipt h6{display: block;font-size:20px;line-height: 50px;background: #108bed;color:#fff;}
|
|
.contactipt dl{width:100%;overflow: hidden;margin:20px 0 0 0;}
|
|
.contactipt span{display: block;font-size:16px;color:#0f1830;line-height: 30px;text-align: left;width:96%;margin:0 auto;}
|
|
.contactipt .contipt{width:96%;border:1px solid #ddd;padding:0 5px;font-size: 14px;color:#0f1830;line-height: 30px;}
|
|
.contactipt .conttext{width:96%;border:1px solid #ddd;padding:0 5px;font-size: 14px;color:#0f1830;line-height: 28px;height:114px;}
|
|
.contactipt .contbut{display: block;width:200px;font-size: 16px;color:#fff;background: #108bed;border:1px solid #108bed;border-radius: 3px;margin:30px auto;line-height: 35px;}
|
|
.contactipt .contbut:hover{background: #fff;background:transparent;color: #108bed;}
|
|
|
|
.txfwitem{padding:20px 0;overflow: hidden;}
|
|
.txfwitem:nth-child(2n){background:#fafafa;}
|
|
.txfwitem img{display: block;width:80%;margin:0 auto;border:1px solid #eee;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.txfwitem img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
|
|
.txfwitem h6{display: block;font-size: 26px;line-height: 50px;color:#108bed;font-weight: bold;margin:50px 0 0 0;text-align: center;}
|
|
.txfwitem p{display: block;font-size: 14px;line-height: 25px;color: #818181;margin:15px 0 0 0;}
|
|
.txfwitem p:first-letter{margin:0 0 0 2.5rem;}
|
|
|
|
.pull-left{width:180px;height:80px;overflow: hidden;}
|
|
|
|
.teseul li{overflow: hidden;height:193px;margin-bottom: 30px;}
|
|
.teseul img{display: block;margin:0 auto;}
|
|
.teseul span{font-size: 16px;color:#0f1830;line-height: 40px;text-align: center;display: block;}
|
|
.teseul p{font-size:14px;color:#0f1830;line-height:25px;position: absolute;width: 100%;height:193px;padding: 69px 20px 0;display: block;top:-193px;left: 0;border-top: 5px solid #f5f5f5;background: #fafbfc;text-align: center;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
|
|
.teseul li:hover p{top:0;}
|
|
|
|
.ggchidiv{width:100%;height:120px;background: url(../images/ggbg.jpg) center center no-repeat;margin:50px 0 0 0;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.ggchidiv:hover{opacity: 0.8;}
|
|
.ggchidiv span{font-size:16px;color:#fff;line-height: 30px;display: block;text-align: center;padding:29px 0 0 0;}
|
|
|
|
.indexnews .newdivtit{width:100%;border-radius: 15px;overflow: hidden;position: relative;}
|
|
.newdivtit img{margin:0 auto;max-height:180px;width:100%;display: block;border-radius: 15px;}
|
|
.newdivtit span{position: absolute;top:180px;left:0;width:100%;height:100%;background:rgba(10,70,180,0.7);padding-top:60px;line-height: 40px;font-size: 25px;text-align: center;color:#fff;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
|
|
.newdivtit i{display: block;font-size: 16px;font-style: normal;line-height: 30px;font-weight: normal;}
|
|
.newdivtit:hover span{top:0;}
|
|
.indexnews ul{width:100%;margin:20px 0 0;max-height:246px;overflow: hidden;}
|
|
.indexnews li{width:100%;background: #fff;margin:0 0 1px;padding:0;}
|
|
.indexnews li a{padding:0 5%;width:100%;max-width:500px!important;margin:0;font-size: 16px;line-height:40px;color:#0f1830;border:none;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
.indexnews li a:hover{border:none;background: #f5f5f5;color:#108bed;}
|
|
.indexnews li a span{color:#888!important;}
|
|
.indexnews .newsmore{width:100%;background: #f5f5f5;font-size: 16px;line-height: 40px;text-align: center;color:#0f1830;display: block;}
|
|
.indexnews .newsmore:hover{background: #108bed;color:#fff;}
|
|
|
|
.coop_show_list{width: 100%;height: 330px;background: #FFFFFF;border:1px solid #fff;box-shadow: 0 2px 15px 0 rgba(151,151,151,0.50);border-radius: 4px;margin: 30px 0 0 0;padding: 0;}
|
|
.coop_show_list:hover{box-shadow: 0 2px 15px 0 rgba(151,151,151,0.80);border:1px solid #eee;}
|
|
.coop-content-left {display: inline-block;height: 100%;padding: 15px 30px 0 0;}
|
|
.coop-content-left>p>span:nth-of-type(1) {display: block;font-size: 30px;color: #23242D;line-height: 42px;margin-bottom: 20px;}
|
|
.coop-content-left>p>span:nth-of-type(2) {color: #23242D;line-height: 30px;}
|
|
.coop-content-left-aDiv {position: absolute;width: 95%;height: 65px;border-top: 0.5px solid #D3D3D3;bottom: 10px;padding: 0 0 0 3px;font-size: 12px;font-weight: 600;line-height: 50px;}
|
|
.coop-content-right {display: inline-block;height: 100%;padding: 0;}
|
|
.coop-mch-logo {position: relative;width: 153px;height: 65px;top: 15px;right: -20px;box-shadow: 0 2px 5px 0 rgba(125, 125, 125, 0.53);}
|
|
.mch-back1 {background: url(../images/mch-back-1.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo1 {background: url(../images/mch-logo-1.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-back2 {background: url(../images/mch-back-2.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo2 {background: url(../images/mch-logo-2.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-back3 {background: url(../images/mch-back-3.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo3 {background: url(../images/mch-logo-3.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-back4 {background: url(../images/mch-back-4.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo4 {background: url(../images/mch-logo-4.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-back5 {background: url(../images/mch-back-5.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo5 {background: url(../images/mch-logo-5.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-back6 {background: url(../images/mch-back-6.png);background-size: cover;-webkit-background-size: cover;}
|
|
.mch-logo6 {background: url(../images/mch-logo-6.png);background-size: cover;-webkit-background-size: cover;}
|
|
.morecase{margin: 20px auto 0;}
|
|
.morecase h6{font-size: 22px;line-height: 70px;color: #0f1830;text-align: center;}
|
|
.morecase .row{border-top:1px dashed #eee;border-left: 1px dashed #eee;}
|
|
.morecase .row div{border-right:1px dashed #eee;border-bottom:1px dashed #eee;}
|
|
.morecase img{display: block;margin:10px auto;max-width: 90%;opacity: 0.7;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
|
|
.morecase img:hover{opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
|
|
|
|
.newcpcon{overflow: hidden;}
|
|
.newcplist{overflow: hidden;text-align: left;}
|
|
.newcplist:nth-child(2n){margin:30px 0;padding:30px 0;border-top: 5px solid #fcfcfc;border-bottom: 5px solid #fcfcfc;}
|
|
.newcplist img{display: block;margin:0 auto;}
|
|
.newcplist h6{font-size: 18px;font-weight: bold;color:#0f1830;margin:30px 0 0 0;}
|
|
.newcplist h6:first-letter, .newcplist p:first-letter{margin:0 0 0 2.5rem;}
|
|
.newcplist p{font-size: 14px;line-height: 25px;padding:10px 20px;background: #f9f9f9;color:#888;margin:20px 0;}
|
|
.newcplist ul{overflow: hidden;width:95%;padding:0 0 0 5%;}
|
|
.newcplist li{float: left;width:50%;font-size: 14px;color: #0f1830;line-height: 25px;}
|
|
|
|
.newfwcon{width:100%;overflow: hidden;background: url(../images/ggbg.jpg) top center no-repeat;padding:50px 0;}
|
|
.newfwcon .kzf-mod-product-list-title{font-size: 16px;font-weight: bold;color:#fff;text-align: center;}
|
|
.newfwcon:hover .kzf-mod-product-list-title{color:#fff;}
|
|
.newfwcon p{font-size: 12px;color:#fff;text-align: center;}
|
|
.newfwcon img{display: block;margin:0 auto;}
|
|
|
|
.zspage{width:100%;overflow: hidden;}
|
|
.zsp_g .zsp_g_top.container, .zsp_e .container, .zsp_b .container{padding:0 0;}
|
|
.zspage .zsp_a{width:100%;overflow: hidden;background: #ff5b28;padding:30px 0;}
|
|
.zsp_a .a1{float: left;width:50%;margin:110px 0 0 0;}
|
|
.zsp_a .a2{float: right;width:45%;margin:0 0 0 0;}
|
|
.zspage .zsp_b{width:100%;overflow: hidden;background: url(../images/b4.png) no-repeat;background-position: 50%;background-size: 80%;padding:50px 0;}
|
|
.zsp_b .zsp_bt{display: block;margin: 0 auto;float: none;}
|
|
.zspage .zsp_c{padding:50px 0 0 0;}
|
|
.zspage .zsp_d{padding:50px 0;}
|
|
.zsp_d .zsp_d_con{margin:15px 0 0 0;}
|
|
.zspage .zsp_e{padding:50px 0;width:100%;overflow: hidden;background: #ffa628;}
|
|
.zspage .zsp_f{padding:50px 0;}
|
|
.zspage .zsp_g{padding:50px 0;background: #f0f1f3;width:100%;overflow: hidden;}
|
|
.zsp_g .zsp_g_con{margin:20px 0;}
|
|
.zsp_g_con img{margin:15px 0;}
|
|
.zsp_g .zsp_wd{display: block;margin: 0 auto;float: none;}
|
|
.zsp_g .zsp_wen{background: #ff5b28;border-radius: 10px;padding:20px 0 30px;}
|
|
.zsp_g .zsp_da{background: #58c1f0;border-radius: 10px;padding:20px 0 30px;}
|
|
.zsp_g span{display: block;font-size: 22px;line-height: 40px;color:#fff;font-weight: bold;}
|
|
.zsp_g span em{font-size: 30px;line-height: 40px;font-style: normal;color:#fff;margin:0 10px 0 0;}
|
|
.zsp_g i{display: block;font-size: 16px;line-height: 22px;padding:0 0 0 40px;text-align: left;font-style: normal;color:#fff;}
|
|
.zspage .zsp_h{padding:30px 0;overflow: hidden;}
|
|
.zsp_h .zsp_h_con{overflow: hidden;}
|
|
.zsp_h_con h6{display: block;font-size: 35px;line-height: 60px;color: #474747;text-align: center;font-weight: bold;}
|
|
.zsp_h_con dl{width:100%;overflow: hidden;margin:15px 0 0;border:2px solid #f0f1f3;}
|
|
.zsp_h_con dl span{float: left;width:35%;display: block;background: #f0f1f3;font-size: 16px;line-height: 46px;color: #474747;text-align: center;}
|
|
.zsp_h_con dl .contipt, .zsp_h_con dl .conttext{float: left;border:none;width: 65%;line-height: 46px;font-size: 16px;color: #474747;padding:0 5%;}
|
|
.zsp_h_con .contbut{width:100%;background: #108bed;font-size: 20px;color: #fff;line-height: 50px;border:none;margin:20px 0 0;}
|
|
.zsp_pic{width:100%;overflow: hidden;background: #f0f1f3;padding:30px 0;}
|
|
.zsp_pic div{width: 100%;height: 310px;overflow: hidden;position: relative;margin:0 auto;}
|
|
.zsp_pic ul{position: absolute;left: 0;top: 0;}
|
|
.zsp_pic ul li{float:left;border:5px solid #fff;margin: 0 0 0 20px;}
|
|
.zsp_pic ul li img{height: 300px;display: block;}
|
|
.zspage h6{display: block;font-size: 35px;line-height: 60px;color: #474747;text-align: center;font-weight: bold;}
|
|
.zspage p{display: block;font-size: 22px;line-height: 35px;color: #999;text-align: center;margin:15px 0;}
|
|
.zspage p em{color:#ff5b28;font-style: normal;}
|
|
|
|
@media (max-width:1199px) {
|
|
#close {display: none;}
|
|
.box {padding-top: 30px!important;padding-bottom: 30px!important;}
|
|
.tit-en {font-size: 30px;}
|
|
.owl-nav {display: none!important;}
|
|
.footer {padding-top: 30px;}
|
|
.footer-copyright {padding: 15px 0;}
|
|
.product-item-bda,.product-item-bdm,.tit {margin-top: 40px;}
|
|
.tit {padding-left: 15px;padding-right: 15px;}
|
|
.solution-box {text-align: center;}
|
|
.solution-item .more-btn {float: none!important;}
|
|
.news-container {margin-top: 30px;}
|
|
.news-box-tit {margin: 0 15px;}
|
|
.leader-item-people {text-align: center;}
|
|
.input-message {margin-top: 60px;}
|
|
.submit-btn {margin-top: 30px;}
|
|
.contactus-item {margin-bottom: 30px;}
|
|
.contactus-item-info {margin-bottom: 50px;}
|
|
.nav-item, .nav-item-child{width:90px;}
|
|
.log-li{width:130px;}
|
|
.log-li a{margin:28px 6px;}
|
|
|
|
.ystit{height:auto;width:auto;border:0;border-radius: 0;margin:auto;}
|
|
.solution-box{margin-top:0!important;}
|
|
.ystit p{margin:0;}
|
|
.productmsg-sitem{margin:35px 0 0 0;}
|
|
|
|
.ysleft dl,.ysright dl{margin:0 20px!important;}
|
|
}
|
|
|
|
@media (max-width:1090px) {
|
|
.nav-item.cur,.nav-item:hover,.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a.cur {background-color: #fff;}
|
|
.nav-item.cur>.nav-item-a,.nav-item:hover>.nav-item-a,.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a:hover>.nav-item-en,.nav-item-child .nav-item-a.cur>.nav-item-en,.nav-item.cur>.nav-item-a>.nav-item-en,.nav-item:hover>.nav-item-a>.nav-item-en {color: #075bb9;}
|
|
.header,.nav-item,.nav-item-a {height: 80px;}
|
|
.nav-item-child {top: 80px;}
|
|
.nav-item-child .nav-item-a {border-top: 0;border-bottom: 1px solid #e7eff4;}
|
|
.nav-item-zh {white-space: nowrap;}
|
|
.pull-left{width:160px;height:80px;}
|
|
.header-logo-img{margin:22.5px 0;height:35px;}
|
|
}
|
|
|
|
@media (max-width:992px) {
|
|
.leader-item-line {display: none;}
|
|
.banner-item {height: 375px;}
|
|
.header {-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);box-shadow: 0 2px 10px rgba(0,0,0,.2);}
|
|
.nav-item {float: none;z-index: 2;width: 100%;}
|
|
.header {height: 56px;}
|
|
.nav-item,.nav-item-a {height: auto;}
|
|
.nav-item-a {padding: 0;line-height: 50px;color: #cceaff;}
|
|
.nav-item.cur,.nav-item:hover,.nav-item.cur>.nav-item-a,.nav-item:hover>.nav-item-a,.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a:hover>.nav-item-en,.nav-item-child .nav-item-a.cur>.nav-item-en,.nav-item.cur>.nav-item-a>.nav-item-en,.nav-item:hover>.nav-item-a>.nav-item-en {font-weight: normal;color: #fff;background: rgba(20,140,240,1);border:none;}
|
|
.nav-item-child .nav-item-a {border: 0;background: rgba(20,140,240,1);}
|
|
.header-more {display: block!important;}
|
|
.nav {position: absolute;display: none;overflow: hidden;height: auto;left: 0;top: 56px;width: 100%;}
|
|
.nav-item-a {margin: 0;}
|
|
.nav-item {background: rgba(0,0,0,.7);}
|
|
.nav-item-child {position: static;width: 100%;background-color: transparent;}
|
|
.log-li{overflow: hidden;background: rgba(20,140,240,0.8);}
|
|
li.nav-item.log-li a{width:30%;margin:20px 10%;color:#fff;line-height: 30px;}
|
|
li.nav-item.log-li a.log-a{border:1px solid #fff;border-radius: 3px;}
|
|
li.nav-item.log-li a.log-b{background:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.7);}
|
|
.pull-left{height:56px;}
|
|
.header-logo-img{margin:10px 0;}
|
|
.nav-item-en{display: none;}
|
|
}
|
|
|
|
@media (max-width:799px) {
|
|
.footer-social,.footer-items,.footer-icon,.footer-copyright .pull-right,.footer-copyright .pull-left {float: none!important;text-align: center;}
|
|
.footer-logo {margin-right: 10px;margin-bottom: 10px;vertical-align: top;}
|
|
.footer-logo,.footer-nav {float: none!important;display: inline-block;text-align: left;}
|
|
.footer-social {margin-bottom: 15px;}
|
|
.cmmi {margin: 10px 0;text-align: center;}
|
|
.cmmi img {float: none;}
|
|
.cmmi span {float: none;}
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.agreement-wrap {padding: 30px 15px;}
|
|
.aside{display:none;}
|
|
.banner-item {height: 275px;}
|
|
}
|
|
|
|
@media (max-width:499px) {
|
|
.footer-slogan {text-align: center;}
|
|
}
|
|
|
|
@media (max-width:430px) {
|
|
#show{display: none;}
|
|
.back-top{right:19px;}
|
|
|
|
.popbox-close,.agreement-close {width: 40px;height: 40px;font-size: 34px;}
|
|
.popbox-con {width: 100%;}
|
|
.popbox-code {margin-bottom: 15px;width: 100%;}
|
|
|
|
|
|
.swiper-container{height:260px!important;}
|
|
.inner{width:100%!important;height:260px!important;}
|
|
.slide1 .xt1{width:90%!important;top:100px!important;}
|
|
.slide1 .bs2{left: 20%!important; top:40%!important;width:60%!important;}
|
|
.slide1 .bs3{left: 20%!important; top:54%!important;width:60%!important;}
|
|
.slide1 .y1{right:0%!important;top:40%!important;width:50%!important}
|
|
.slide1 .y2{left:0%!important;top:25%!important;width:50%!important;}
|
|
.slide1 .y3{top:-10%!important;left:30%!important;width:50%!important}
|
|
.slide2 .s0{width:60%!important;top:30%!important;left:20%!important;}
|
|
.slide2 .s1{width:60%!important;top:60%!important;left:20%!important;}
|
|
.slide2 .s3, .slide2 .s4{width:50%!important;height:auto!important;}
|
|
.slide2 .s5{width:20%!important;right:3%!important;}
|
|
.slide3 .zh-a-1{top:25%!important;width:60%!important;left:20%!important;}
|
|
.slide3 .zh-a-2{left:0!important;height:260px!important;}
|
|
.slide3 .zh-a-3{top:60%!important;left:20%!important;width:60%!important;}
|
|
.slide4 .b-y-1{top:10%!important;left:15%!important;}
|
|
.slide4 .b-y-2{width:40%!important;top:10%!important;left:55%!important;}
|
|
.slide4 .b-y-3{width:45%!important;top:10%!important;}
|
|
.slide4 .b-1{width:60%!important;top:30%!important;left:20%!important;}
|
|
.slide4 .b-3{width:60%!important;top:63%!important;left:20%!important;}
|
|
.slide4 .b-s-1{left:0!important;width:20%!important;}
|
|
.slide4 .b-s-2{left:15%!important;width:10%!important;}
|
|
.slide4 .b-s-3{left:40%!important;width:25%!important;}
|
|
.slide4 .b-s-4{left:30%!important;width:15%!important;}
|
|
.slide4 .b-s-5{left:70%!important;width:15%!important;}
|
|
.slide4 .b-s-6{left:80%!important;width:30%!important;}
|
|
.slide6 .ny1{width:50%!important;right:0!important;bottom:0!important;}
|
|
.slide6 .ny2{left:5%!important;top:25%!important;width:45%!important;}
|
|
.slide6 .ny3{left:10%!important;top:65%!important;width:37%!important;}
|
|
.slide7 .yx1{width:80%!important;right:7%!important;}
|
|
.slide7 .yx2{left:0!important;width:40%!important;}
|
|
.slide7 .yx3{right:0!important;width:40%!important;}
|
|
.slide7 .yx4{top:30%!important;left:15%!important;width:75%!important;}
|
|
.slide7 .yx5{left:0!important;width:35%!important;}
|
|
.slide8 .zs1{left:10%!important;top:26%!important;width:80%!important;}
|
|
.slide8 .zs2{display: none;}
|
|
|
|
.banwuright{display: none!important;}
|
|
.banwuleft{top:15%!important;left:10%!important;}
|
|
.banwuleft span{text-align: center!important;}
|
|
.banwuleft a{margin:20px auto!important;}
|
|
|
|
.product-item-img{width:100%;height:110px;}
|
|
.product-item{margin-top:0;}
|
|
.product-item-tit{font-size: 18px;}
|
|
.productmsg-sitem h6{line-height: 35px;margin:15px auto;}
|
|
.productmsg-sitem span{width:100%;}
|
|
.productmsg-sitem p{width:100%;}
|
|
.productmsg-item span{width:100%;}
|
|
.productmsg-item p{width:100%;}
|
|
|
|
.ysright, .ysleft{padding:0;overflow: hidden;}
|
|
.solution-box img{margin:10px auto;display: block;float:none;}
|
|
.solution-box dd{float: none;}
|
|
.solution-box span{text-align: center;margin-top:0;}
|
|
.solution-box p{text-align: center;}
|
|
|
|
.guangdiv h6{font-size: 18px;}
|
|
.guangdiv span{font-size: 12px;}
|
|
|
|
.kzf-mod-product{padding:20px 0;}
|
|
.mapdec .text{margin:0;}
|
|
|
|
.footxxdiv{margin:0 0 15px;}
|
|
|
|
.page .main{padding:0!important;}
|
|
.price-section .section-heading{margin:0;}
|
|
.vcenter{margin-top:20px;}
|
|
.price-section{z-index: 0;}
|
|
.technical_support_box ul li a .text{width:100%;}
|
|
|
|
.mapdec .text h5{font-size: 18px;line-height: 35px;color:#0f1830;margin:0 0 0 40px;}
|
|
.mapdec .text span{font-size: 15px;line-height: 20px;display: block;margin-top:10px;overflow: hidden;}
|
|
.mapdec i{float:left;margin-right:10px;display:block;width:20px;height:20px;background:url(../images/contimg.png) no-repeat;background-size: 100% auto;}
|
|
.mapdec i.lx_dz{background-position: 0 0;}
|
|
.mapdec i.lx_dh{background-position: 0 -20px;}
|
|
.mapdec i.lx_yx{background-position: 0 -40px;}
|
|
.mapdec i.lx_wz{background-position: 0 -60px;}
|
|
.mapdec i.lx_gjz{background-position: 0 -80px;}
|
|
.mapdec .buslink{overflow: hidden;margin:20px 0 0 0;}
|
|
.buslink dd{display: block;overflow: hidden;font-size: 16px;line-height: 20px;color:#0f1830;}
|
|
.buslink b{display: block;font-size: 16px;line-height: 20px;margin:10px 0 0 40px;}
|
|
.buslink p{display: block;font-size: 16px;line-height: 20px;margin:0 0 0 40px;}
|
|
|
|
.newspagelist .kzf-mod-new-time-date{font-size: 16px;}
|
|
|
|
.txfwitem h6{margin:0;}
|
|
.txfwitem img{margin:1rem auto;}
|
|
|
|
.ggchidiv{margin:0;height:210px;background: url(../images/ggbg.jpg);}
|
|
|
|
.news-container .row{margin:0!important;}
|
|
|
|
.product-item-tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
|
|
.ysright dl,.ysleft dl{float:none;border:none;}
|
|
|
|
.news-box-tit{margin:0 12px;}
|
|
|
|
.indexnews .newsmore{margin:0 0 20px;}
|
|
|
|
.coop-content-left>p>span:nth-of-type(1){margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
.coop-content-left>p>span:nth-of-type(2){line-height: 22px!important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
|
|
.coop-mch-logo{right:30px;}
|
|
|
|
.newfwcon{padding:35px 0;}
|
|
|
|
.zsp_a .a1{margin:40px 0 0 0;}
|
|
.zspage .zsp_b, .zspage .zsp_c{padding:20px 0;}
|
|
.zspage h6{display: block;font-size: 25px;line-height: 45px;color: #474747;text-align: center;font-weight: bold;}
|
|
.zspage p{display: block;font-size: 14px;line-height: 22px;color: #999;text-align: center;margin:8px 0;}
|
|
|
|
}
|
|
|
|
@media (max-width:399px) {
|
|
.cmmi span {display: block;margin-left: 0;}
|
|
}
|
|
|
|
@media (min-width:993px) {
|
|
.nav {display: block!important;}
|
|
.productmsg-sitem{margin:80px 0 0 0;}
|
|
}
|
|
|
|
@media (min-width:640px) {
|
|
.leaders-item {padding-left: 40px;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|