@charset "utf-8";
html, body, a, p, span, ul, img {
padding: 0;
margin: 0;
list-style: none;
border: none;
font-size: 14px;
font-family: "Microsoft YaHei", "Arial";
color: #666;
}
p {
line-height: 25px;
}
img {
border: none;
vertical-align: middle;
}
td {
vertical-align: center;
font-size: 14px;
}
* {
margin: 0;
padding: 0;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
border: medium none;
margin: 0;
padding: 0;
}
body, button, input, select, textarea {
outline: none;
}
.body {
background: #fff;
}
.nbody {
background: #efefef;
}
ul, ol, li {
list-style: none;
}
img {
border: 0px;
}
table, table tr, table td {
border: solid 1px #777777;
}
html, body {
height: auto;
margin: 0 auto;
}
.hide {
display: none;
}
.clear {
clear: both;
}
input, textarea {
font-family: "Microsoft YaHei", "Arial";
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 3em;
line-height: 1;
margin: 0;
padding: 0;
}
h2 {
font-size: 2em;
margin: 0;
padding: 0;
}
h3 {
font-size: 1.5em;
line-height: 1;
margin: 0;
padding: 0;
}
h4 {
font-size: 1.2em;
line-height: 1.25;
margin: 0;
padding: 0;
}
h5 {
font-size: 1em;
margin: 0;
padding: 0;
}
h6 {
font-size: 1em;
}
body {
background: #fff;
}
/* 页面基本元素
-------------------------------------------------------------- */
/* 链接样式 */
a {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
/* 常用元素 */
.clear {
clear: both;
font-size: 1px;
line-height: 0px;
height: 0px;
}
/* 层浮动 */
.left {
float: left;
}
.right {
float: right;
}
.center {
margin: 0 auto;
}
/* 文字对齐 */
.tleft {
text-align: left;
}
.tright {
text-align: right;
}
.tcenter {
text-align: center;
}
img {
webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
transition: transform .75s cubic-bezier(.19, 1, .22, 1);
transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
}
/*默认滚动条样式*/
::-webkit-scrollbar
{
width: 5px;
height:5px;
}
::-webkit-scrollbar-track
{
border-radius: 0px;
background: #222222;
}
::-webkit-scrollbar-thumb
{
border-radius: 5px;
background:#0f66c8;
}
::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background:#0f66c8;
}
/* top
-------------------------------------------------------------- */
.header {
width: 100%;
height: 100px;
position: fixed;
z-index: 999;
top: 0;
padding:0 1%;
}
.logo {
overflow: hidden;
padding:28.5px 0;
}
.en{
padding-right:1%;
padding-top:37.5px;
padding-left:42px;
position:relative;
}
.en:before{
content:"";
position:absolute;
width:1px;
height:26px;
background: rgba(15,102,200,0.4);
left:0;
top:37px;
}
.en a{
width:60px;
height:25px;
display:block;
line-height:25px;
text-align:center;
border:solid 1px #0f66c8;
color:#0f66c8;
font-weight:bold;
border-radius:25px;
}
.small{
background:rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
/* nav
-------------------------------------------------------------- */
.menu, .menu ul {
list-style: none;
padding: 0;
}
.menu > li {
position: relative;
display: inline-block;
outline: 0;
}
.submenu {
position: absolute;
left: 0;
top: 100%;
z-index: 0;
overflow: hidden;
/* IE8 needs this */
overflow: hidden\0/ !important;
max-height: 0;
/* A .submenu should be only revealed when hovering the .menu */
pointer-events: none;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
pointer-events: auto;
z-index: 10;
max-height: 2000px;
-webkit-transition: none;
-moz-transition: none;
}
/* Default
================================================================= */
.submenu li {
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
-moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;
-ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;
-o-transition: opacity .4s, -o-transform .6s, max-height .6s;
transition: opacity .4s, transform .6s, max-height .6s;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.nmenulist li {
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
-moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;
-ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;
-o-transition: opacity .4s, -o-transform .6s, max-height .6s;
transition: opacity .4s, transform .6s, max-height .6s;
}
.nmenu ul > li:hover .nmenulist li, .nmenu ul > li:focus .nmenulist li {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* Shield
================================================================= */
.shield {
overflow: visible;
-webkit-perspective: 400px;
-moz-perspective: 400px;
-ms-perspective: 400px;
-o-perspective: 400px;
perspective: 400px;
}
.shield li {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
-moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
-ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
-o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}
.nav{
text-align:right;
}
.nav > ul{
display:inline-block;
margin:0;
}
.nav .menu > li{
float:left;
text-align:center;
line-height:100px;
position:relative;
}
.nav .menu > li a{
color:#fff;
font-size:17px;
display:block;
padding:0 40px;
line-height:100px;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
position:relative;
}
.nav .menu > li:hover a,.nav .menu > li.current a{
font-weight:bold;
}
.nav .menu > li .submenu{
width:100%;
}
.nav .menu > li .submenu li{
width:100%;
line-height:30px;
background:#2552c5;
text-align:center;
margin-top:1px;
}
.nav .menu > li .submenu li a{
display:block;
color:#fff;
background:none;
font-size:14px;
padding:0;
line-height:30px;
margin:0;
}
.nav .menu > li .submenu li:hover{
background:#fff;
}
.nav .menu > li .submenu li:hover a{
color:#0f66c8;
}
/* cont
-------------------------------------------------------------- */
.cont {
width: 1438px;
overflow: hidden;
margin: auto;
}
.cont1 {
width: 1438px;
height:auto;
margin: auto;
}
/* banner
-------------------------------------------------------------- */
.banner{
position:relative;
}
.indexbg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/bg.png) repeat;
z-index:99;
}
.banner .owl-wrapper .owl-item:nth-child(1){
}
.banner .owl-wrapper .owl-item:nth-child(2){
}
.banner .owl-carousel{
height:100vh;
}
.banner .owl-wrapper,
.banner .owl-carousel .owl-wrapper-outer,
.banner .owl-item{
height:100%;
}
.banner .owl-pagination{
position:absolute;
right:100px;
top:40%;
display:none;
}
.banner .owl-page{
margin-bottom:20px;
}
.banner .owl-page span{
text-indent:2000px;
display:block;
width:10px;
height:10px;
background:#fff;
border-radius:10px;
margin:8px auto;
}
.banner .owl-page.active{
width:30px;
height:30px;
border:2px solid #fff;
border-radius:30px;
}
.banner .owl-prev{
background:url(../images/prev.png) no-repeat left center;
width:12px !important;
height:18px!important;
position:absolute;
right:100px;
top:50%;
margin-top:-9px;
}
.banner .owl-number{
text-align:center;
font-size:15px;
font-family:Arial;
position:absolute;
right:222px;
top:50%;
margin-top:-54.5px;
color:#fff;
}
.banner .owl-number span:before {
content: "0";
}
.banner .owl-number span{
font-size:30px;
font-family:Arial;
color:#fff;
display:block;
float:left;
margin-right:5px;
padding-top:7px;
}
.banner .owl-next{
background:url(../images/next.png) no-repeat left center;
width:12px !important;
height:18px!important;
position:absolute;
right:47px;
top:50%;
margin-top:-9px;
}
.banner .owl-item img{
width:100%;
height:auto;
}
.item .cont{
position:absolute;
top:49%;
padding-left:12.5%;
z-index:100;
}
.item p.p1{
color:#fff;
line-height:100px;
font-size:120px;
font-family:Arial;
text-transform:uppercase;
}
.item p.p1 img{
width:auto;
}
.item p.p2{
color:#fff;
line-height:55px;
font-size:50px;
margin-top:15px;
}
.item p.p3{
width:50%;
color:#fff;
line-height:30px;
font-size:16px;
margin-top:72px;
}
.banner .owl-carousel .owl-item:first-child .p3{
text-indent:2em;
}
.item p.p4{
width:600px;
color:#fff;
line-height:60px;
font-size:22px;
background:#0f66c8;
text-align:center;
letter-spacing:5px;
margin-top:34px;
}
.item p.p5{
font-family:Arial;
font-size:24px;
color:#fff;
line-height:30px;
margin-top:4px;
letter-spacing: 5px;
margin-top:17px;
}
.item p.p6{
font-family:Arial;
font-size:24px;
color:rgba(255,255,255,0.4);
line-height:30px;
margin-top:4px;
font-weight:normal;
}
.item p.p7{
width:100%;
overflow:hidden;
text-align:center;
margin-top:112px;
}
.item p.p7 img{
width:auto;
}
.banner .owl-carousel .owl-item:nth-child(2) .item .cont{
right:0;
padding-left: 0;
padding-right: 12.5%;
}
.banner .owl-carousel .owl-item:nth-child(2) .p1,.banner .owl-carousel .owl-item:nth-child(2) .p2,.banner .owl-carousel .owl-item:nth-child(2) .p5{
text-align:right;
}
.banner .owl-carousel .owl-item:nth-child(2) .p2{
font-size:54px;
line-height:60px;
}
.banner .owl-carousel .owl-item:nth-child(2) .p4{
float:right;
margin-top:136px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p3{
font-size:22px;
line-height:30px;
letter-spacing: 5px;
}
.banner .owl-carousel .owl-item:nth-child(3) .cont{
left:50%;
margin-left:-719px;
padding-left:0;
top:50%;
margin-top:-137.5px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p2{
margin-top:0;
}
.banner .owl-carousel .owl-item:nth-child(3) .p2,.banner .owl-carousel .owl-item:nth-child(3) .p6,.banner .owl-carousel .owl-item:nth-child(3) .p3,.banner .owl-carousel .owl-item:nth-child(3) .p4{
text-align:center;
}
.banner .owl-carousel .owl-item:nth-child(3) .p3{
width:100%;
margin-top:26px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p4{
width:400px;
margin:55px auto 0;
font-size:22px;
}
/*shubiao*/
.shubiao-index{
position:absolute;
bottom:58px;
left:35px;
width:60px;
z-index:99;
}
.shubiao{
width:14px;
margin:40px auto 0;
position:relative;
}
.shubiao-ncon{
margin-top:70px;
}
.shubiao_line {
width: 1px;
height: 60px;
background: #fff;
margin:10px auto;
}
.shubiao_pinyin{
width:20px;
font-size:14px;
text-align:center;
color:#fff;
margin-bottom:5px;
margin:auto;
}
#shubiao{
width:26px;
margin:0 auto;
}
.mouse {
position: relative;
width: 26px;
height: 48px;
border-radius: 30px;
border: 3px solid #fff;
}
.mouse:after {
content: '';
position: absolute;
top: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 3px;
height: 12px;
border-radius: 50%;
background-color: #fff;
-webkit-animation: scroll 1s infinite alternate;
animation: scroll 1s infinite alternate;
}
@-webkit-keyframes scroll {
100% {
-webkit-transform: translate(-50%, 8px);
transform: translate(-50%, 8px);
}
}
@keyframes scroll {
100% {
-webkit-transform: translate(-50%, 8px);
transform: translate(-50%, 8px);
}
}
.click{
width:136px;
overflow:hidden;
position:absolute;
right:142px;
top:50%;
margin-top:5px;
border-top:solid 1px rgba(255,255,255,0.5);
padding-top:19px;
}
.click h5{
width:100%;
overflow:hidden;
font-size:15px;
color:#fff;
}
.click p{
width:100%;
overflow:hidden;
font-size:12px;
color:#fff;
font-family:Arial;
}
.bannermore{
width:77px;
height:77px;
position:absolute;
right:200px;
bottom:58px;
z-index:100;
background:url(../images/icon18.png) no-repeat center;
}
/**/
.culture02{padding-bottom:10px;}
.culture02 li{background:#f4f4f4; margin-top:37px; transition:all 0.5s ease;}
.culture02 li:first-child{margin-top:0;}
.culture02 li .li_box{padding:26px 50px;}
.culture02 li .li_box .left{width:12%; float:left; line-height:58px; position:relative; font-size:24px; color:#000; font-weight:600;}
.culture02 li .li_box .left:after{content:''; width:1px; height:58px; background:#d7dee3; position:absolute; right:0; top:50%; margin-top:-29px;}
.culture02 li .li_box .right{width:88%; float:left;}
.culture02 li .li_box .right .r_box{padding:0 23px 0 29px; line-height:58px;}
.culture02 li .li_box .right .r_box .tit{float:left; width:70%; font-size:16px; color:#000; margin-bottom:0px;}
.culture02 li .li_box .right .r_box .tit p{ line-height:58px; text-align:left; font-size:16px; color:#000;}
.culture02 li .li_box .right .r_box .more{width:13%; float:right; position:relative; font-size:15px; color:#da2d27;}
.culture02 li .li_box .right .r_box .more:after{content:''; width:11px; height:12px; background:url(../img/culture02_1.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-6px;}
.culture02 li:hover{background:#009944;}
.culture02 li:hover .li_box .left{color:#fff;}
.culture02 li:hover .li_box .left:after{background:#fff; background:rgba(255,255,255,0.7);}
.culture02 li:hover .li_box .right .r_box .tit{color:#fff;}
.culture02 li:hover .li_box .right .r_box .tit p{color:#fff;}
.culture02 li:hover .li_box .right .r_box .more{color:#fff;}
.culture02 li:hover .li_box .right .r_box .more:after{background-position:-11px 0;}
.culture02 li .hidden_detail{display:none;}
.el{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media(min-width:1920px) {
.p_video{ width:100%;}
.lingyudk{ width:40%; margin:0px auto;}
}
.banner video{ width:100%; height:100%; object-fit: cover;}
/**/
/* tit
-------------------------------------------------------------- */
.tit {
width:100%;
overflow:hidden;
}
.tit h3 {
width:100%;
overflow: hidden;
font-size: 40px;
color: #112010;
line-height:45px;
text-align:center;
font-weight:normal;
}
.tit h3 a {
font-size: 40px;
color: #112010;
}
.tit hr{
width:56px;
border:none;
border-bottom:solid 2px #0f66c8;
margin-top:18px;
}
/* topcontact
-------------------------------------------------------------- */
.topcontact {
height:90px;
color:#fff;
line-height:90px;
padding-left:38px;
font-size:18px;
margin-top: -45px;
background:#2552c5;
position: relative;
z-index: 99;
}
.topcontact .dh{
width:90px;
height:90px;
background:url(../images/icon1.png) no-repeat center;
}
.topcontact .dh a{
width:100%;
height:100%;
display:block;
}
/* pro
-------------------------------------------------------------- */
.swiper-slide { height: auto;
overflow: hidden;
background-color: #FFFFFF;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); border: 1px solid #c1c1c1;
padding: 20px;}
.swiper-slide img {width:100%;
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease }
.swiper-slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 500ms ease-in 0ms;
}
.swiper-slide p {font-size: 16px;color: #2b2b2b;text-align: center;padding: 10px 0;}
.swiper-button-next {
position: relative;
width: 40px;
height: 40px;
z-index: 99;
right: 0;
}
.swiper-button-prev { position: relative;
width: 40px;
height: 40px;
z-index: 99;
left: 0;
}
.pro .tit h3{text-align: center;}
.pro{
width:100%;
overflow:hidden;
background:#f8f8f8;
padding:102px 2% 0 2%;
padding-bottom:104px;
}
.pro hr{
margin:18px auto 0;
}
.pronr{
overflow:hidden;
margin-top:60px;
}
.pronr .prolf{
padding:0 14px 0 0;
}
.pronr .prolf dl{
width:100%;
height:300px;
overflow:hidden;
margin-bottom:33px;
background:#fff;
}
.pronr .prolf dl:last-child{
margin-bottom:0;
}
.pronr .prolf dl dt{
padding:0;
overflow:hidden;
text-align:center;
position:relative;
height:300px;
}
.pronr .prolf dl dt img{
max-width: 360px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.pronr .prolf dl:hover dt img{
transform:translate(-50%, -50%) scale(1.2);
}
.pronr .prolf dl dd{
padding:66px 0 0 32px;
}
.pronr .prolf dl dd h4{
width:100%;
overflow:hidden;
font-size:26px;
line-height:40px;
color:#2b362b;
font-weight:normal;
}
.pronr .prolf dl dd p{
width:100%;
overflow:hidden;
font-size:16px;
color:#797d78;
line-height:30px;
margin-top:14px;
}
.pronr .prolf dl dd .promore1{
width: 100px;
height: 32px;
text-align: center;
line-height: 32px;
border: solid 1px #0f66c8;
border-radius: 25px;
color: #0f66c8;
margin-top:54px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.pronr .prolf dl:hover dd .promore1{
background:#0f66c8;
color:#fff;
}
.pronr .prort{
padding:0 0 0 14px;
}
.prortnr{
width:100%;
height:633px;
overflow:hidden;
background:url(../images/probg.jpg) no-repeat top center;
background-size:cover;
padding:62px 0 0 54px;
}
.pronr .prort h4{
width:100%;
overflow:hidden;
font-size:35px;
line-height:40px;
color:#fff;
font-weight:normal;
}
.pronr .prort p{
width:100%;
overflow:hidden;
font-size:16px;
color:#fff;
margin-top:20px;
}
.promore{
width:100%;
overflow:hidden;
margin-top:56px;
}
.promore a{
display:block;
width:100px;
height:32px;
text-align:center;
line-height:32px;
border:solid 1px #fff;
border-radius:25px;
color:#fff;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.promore a:hover{
background:#fff;
color:#0f66c8;
}
.pro_more{
width:100%;
overflow:hidden;
text-align:center;
line-height:30px;
padding-bottom:10px;
margin-top:60px;
}
.pro_more a{
font-size:20px;
color:#112010;
border-bottom:solid 3px #0d0d0d;
padding-bottom:9px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.pro_more a:hover{
color:#0f66c8;
border-bottom:solid 3px #0f66c8;
}
/* customer
-------------------------------------------------------------- */
.customer{
width:100%;
overflow:hidden;
background:url(../images/hzhbbg.jpg) no-repeat top center;
background-size:cover;
padding-top:123px;
padding-bottom:194px;
}
.customerlist{
width:100%;
overflow:hidden;
margin-top:64px;
}
.customerlist .customerlf{
overflow:hidden;
padding:0 90px;
}
.customerlist .customerlf ul{
width:100%;
overflow:hidden;
}
.customerlist .customerlf ul li{
width:23%;
overflow:hidden;
float:left;
margin:5px 1%;
border:solid 1px #e3e3e3;
text-align:center;
}
.customerlist .customerlf ul li img{
max-width:100%;
height:auto;
}
.customerlist .customerrt{
overflow:hidden;
padding:0;
position:relative;
}
.customerrt .customeimg{
width:74%;
overflow:hidden;
float:left;
}
.customerrt .customeimg img{
max-width:100%;
height:auto;
}
.customerrt .custometit{
width:24%;
overflow:hidden;
float:right;
}
.customerrt .custometit span{
font-size:20px;
color:#000;
float:left;
margin-top:100px;
}
.customerrt .custometit h4{
width:100%;
overflow:hidden;
font-size:36px;
color:#343434;
line-height:45px;
font-weight:normal;
margin-bottom:13px;
}
.customerrt .custometit p{
width:100%;
overflow:hidden;
font-size:16px;
color:#a3a3a3;
font-family:Arial;
line-height:24px;
}
.customerlist .customerrt .customerbtn{
width:100%;
overflow:hidden;
height:68px;
line-height:68px;
text-align:center;
margin-top:70px;
}
.customerlist .customerrt .customerbtn a{
width:100%;
overflow:hidden;
background:#0f66c8;
display:block;
font-size:18px;
color:#fff;
}
/* hyyy
-------------------------------------------------------------- */
.hyyy{
width:100%;
overflow:hidden;
position:relative;
}
.hyyy .tit{
position:absolute;
top:9%;
z-index:99;
}
.hyyy .tit h3,.hyyy .tit h3 a{
color:#fff;
}
.hyyy .tit hr{
margin:18px auto 0;
}
.hyyy ul li .hyyynr{
top:32%;
position:absolute;
left:50%;
margin-left:-719px;
}
.hyyy ul li img{
width:100%;
height:auto;
}
.hyyy ul li .hyyyen{
width:100%;
overflow:hidden;
font-size:21px;
font-family:Arial;
color:#fff;
line-height:30px;
}
.hyyy ul li .hyyycn{
width:100%;
overflow:hidden;
font-size:52px;
color:#fff;
line-height:60px;
margin-top:6px;
}
.hyyy ul li hr{
width:54px;
border:none;
border-bottom:solid 2px #fff;
margin-top:74px;
}
.product-thumbs{
height:40px;
padding-bottom:70px;
position:absolute !important;
bottom:108px;
left:50%;
margin-left:-719px !important;
}
.product-thumbs:before{
content:"";
width:100%;
height:1px;
background:rgba(255,255,255,0.2);
position:absolute;
top:19px;
left:0;
}
.product-thumbs .title{
width:100%;
overflow:hidden;
font-size:16px;
color:#fff;
line-height:40px;
text-align:center;
background:url(../images/icon14.png) no-repeat top center;
margin-top:10px;
padding-top:30px;
cursor:pointer;
}
.product-thumbs .swiper-slide-active .title,.product-thumbs .swiper-slide:hover .title{
font-weight:bold;
background:url(../images/icon15.png) no-repeat top center;
margin-top:0;
padding-top:40px;
}
/* about
-------------------------------------------------------------- */
.about .tit h3 { font-weight: bold;
overflow: hidden;
font-size: 32px;
color: #343434;
line-height: 40px;}
.abo-img a {
display: block;
width: 80px;
height: 80px;
background: #0f66c8 url(../images/icon3.png) no-repeat center;
z-index: 99;
position: relative;
left: 0;
bottom: 80px;
}
.about .abouten {
width: 100%;
overflow: hidden;
font-family: Arial;
font-size: 16px;
color: #a3a3a3;
line-height: 20px;
text-transform: uppercase;
margin-top: 15px;
}
.abo-left {width: 49%;float: left;padding-right: 30px;}
.abo-right {width: 49%;float: left;padding-left: 30px;}
.about {
background:url(../images/abbj.jpg) no-repeat center;
padding-top:146px;
padding-bottom:100px;
}
.about .aboutms{
width:100%;
overflow:hidden;
text-align:left;
font-size:16px;
line-height:44px;
margin-top:53px;
}
.about .tit hr{
/*margin:18px auto 0;*/
}
.aboutlist{
width:100%;
overflow:hidden;
margin-top:66px;
}
.ab_fl{
width:100%;
overflow:hidden;
}
.ab_fl dl{
width:33%;
overflow:hidden;
float:left;
padding:0;
text-align: center;
border-right: solid 1px #e0e0e0;
}
.ab_fl dl:last-child {
border-right: none;
}
.ab_fl dl dt{
width:100%;
overflow:hidden;
font-size:16px;
font-weight:normal;
color:#000;
}
.ab_fl dl dd{
width: 100%;
overflow: hidden;
color: #585858;
padding: 5px 0;
padding: 15px 20%;
text-align: center;
margin: auto;
}
.ab_fl dl dt .counter{
font-size:55px;
color:#0f66c8;
margin-right:10px;
font-weight:normal;
line-height:50px;
font-family:Tahoma;
}
.aboutmore{
width:100%;
overflow:hidden;
margin-top:104px;
}
.aboutmore a{
width:182px;
height:48px;
display:block;
line-height:48px;
text-align:center;
background:#d61821;
color:#fff;
font-size:16px;
border-radius:30px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.aboutmore a:hover{
background:rgba(214,24,33,0.8);
}
.ys{
width:100%;
height:859px;
overflow:hidden;
background:url(../images/ysbg.jpg) no-repeat top center;
background-size:cover;
}
.ys .ysnr{
width:86%;
overflow:hidden;
float:right;
}
.ys .ysnr .yslf{
width:27%;
overflow:hidden;
padding-top:150px;
}
.yslf .tit h3,.yslf .tit p{
color:#fff;
}
.yslf .ysbtn{
width:100%;
overflow:hidden;
margin-top:157px;
}
.yslf .ysbtn a{
display:block;
width:210px;
height:68px;
text-align:center;
line-height:68px;
background:#fff;
font-size:16px;
color:#0f66c8;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.yslf .ysbtn a:hover{
background:#0f66c8;
color:#fff;
}
.ysnr .ysrt{
width:73%;
overflow:hidden;
}
.cloud-product-box{
width:100%;
overflow:hidden;
}
.cloud-product-wrapper {
margin: 0 auto;
width: 1200px
}
.cloud-product {
position: relative;
z-index: 9;
}
.cloud-product-title {
height: 32px;
text-align: center;
line-height: 32px;
font-size: 32px;
color: #333
}
.color-blue {
color: #009fd9
}
.cloud-product-explain {
margin-top: 26px;
margin-bottom: 82px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px;
color: #999
}
.cloud-product-ul {
width: 100%
}
.cloud-product-ul li {
height:859px;
position: relative;
width: 30%;
float: left;
}
.cloud-product-ul li:first-child {
margin-left: 0
}
.active-inner-item{
width:100%;
overflow:hidden;
}
.active-inner-item h4{
width:100%;
overflow:hidden;
text-align:center;
font-size:30px;
color:#fff;
line-height:40px;
}
.active-inner-item hr{
width:32px;
border:none;
border-bottom:solid 1px #fff;
margin:auto;
}
.cloud-product-ul li h4{
width:40px;
overflow:hidden;
font-size:30px;
color:#fff;
margin:auto;
line-height:30px;
font-weight:normal;
margin-top:180px;
}
.cloud-product-ul li hr{
width:32px;
border:none;
border-bottom:solid 1px #fff;
position:absolute;
bottom:292px;
left:50%;
margin-left:-16px;
}
.cloud-product-ul li .ysnum{
width:100%;
overflow:hidden;
font-size:80px;
color:#fff;
text-align:center;
line-height:80px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
bottom:172px;
}
.cloud-product-single-top {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #f2f2f2
}
.cloud-product-name {
font-size: 18px;
color: #333;
font-weight: 700
}
.cloud-product-single-bottom {
width: 100%;
height: 340px
}
.empty-space {
width: 100%;
height: 99px;
padding: 26px 0 0 0;
}
.product-introduce-title {
margin-bottom: 14px;
height: 22px;
line-height: 22px;
font-size: 22px;
text-align: center
}
.product-introduce-title.normal-weight {
font-weight: 400
}
.product-introduce-content {
margin: 0 auto 26px;
width: 180px;
line-height: 14px;
font-size: 14px;
text-align: center;
color: #999
}
.product-introduce-list {
margin: 0 auto;
padding-top: 28px;
height: 135px;
width: 84%;
border: 1px solid #f1f1f1;
border-left: none;
border-right: none
}
.introduce-list-small {
margin-bottom: 18px;
line-height: 14px;
font-size: 14px;
color: #999;
text-align: center
}
.product-introduce-price {
margin: 48px auto 0;
font-size: 14px;
text-align: center;
color: #333
}
.price-blue {
color: #0af;
font-size: 38px
}
.normal-inner {
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s
}
.active-inner {
position: relative;
display: none;
height: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s
}
.introduce-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 360px
}
.cloud-product-ul li.active .active-inner {
display: block;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.cloud-product-ul li.active .normal-inner {
display: none;
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.cloud-product-ul li {
-webkit-transition: width .15s linear;
-o-transition: width .15s linear;
-moz-transition: width .15s linear;
transition: width .15s linear
}
.cloud-product-ul li.active {
z-index: 9;
width: 40%;
background: rgba(18,105,158,0.9);
}
.cloud-product-ul li.active .ysimg,.cloud-product-ul li.active h4{
text-align:left;
}
.cloud-product-ul li.active{
padding:102px 95px 0 95px;
}
.cloud-product-ul li.active h4{
width:100%;
overflow:hidden;
text-align:center;
font-size:30px;
color:#fff;
line-height:40px;
margin-top:70px;
}
.cloud-product-ul li.active hr{
width:32px;
border:none;
border-bottom:solid 1px #fff;
position:inherit;
bottom:0;
left:0;
margin:26px auto 0;
}
.cloud-product-ul li.active .ysjs{
width:100%;
overflow:hidden;
font-size:16px;
color:#fff;
line-height:30px;
margin-top:47px;
}
.cloud-product-ul li.active .ysnum{
width:100%;
overflow:hidden;
font-size:220px;
line-height:164px;
font-family:Arial, Helvetica, sans-serif;
color:rgba(255,255,255,0.1);
position:absolute;
bottom:-3px;
letter-spacing:-20px;
}
.active .product-introduce-content {
color: #eff6ff
}
.active-product-introduce-title {
color: #fff
}
.active .product-introduce-list {
padding-top: 22px;
border-color: #3f9ff9
}
.introduce-list-large {
margin: 0 auto;
width: 228px;
line-height: 22px;
color: #ddebff;
font-size: 14px
}
.active .product-introduce-price {
margin-top: 32px;
color: #fefeff
}
.product-introduce-price .price-white {
display: inline-block;
font-size: 36px;
height: 36px;
line-height: 36px;
color: #fff
}
.buy-link-btn {
display: block;
margin: 30px auto 0;
width: 90%;
height: 40px;
line-height: 40px;
background-color: #ff9600;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.buy-link-btn:hover {
background-color: #f80
}
/* history
-------------------------------------------------------------- */
.history{
width:100%;
height:950px;
overflow:hidden;
background:url(../images/fzlcbg.jpg) no-repeat top center;
background-size:cover;
padding-top:60px;
}
.history .tit p{
text-align:left;
color:rgba(255,255,255,0.05);
font-size:120px;
line-height:120px;
}
.history .tit h3{
text-align:left;
color:#fff;
}
.historylist{
width:100%;
padding-top:190px;
}
.historylist .historylf,.historylist .historyrt{
padding:0;
}
.historylist .historylf h4{
width:100%;
overflow:hidden;
color:#fff;
font-size:50px;
text-align:left;
line-height:55px;
}
.historylist .historylf p{
width:100%;
overflow:hidden;
color:#eaecef;
font-size:16px;
line-height:30px;
text-align:left;
margin-top:42px;
}
.historylist .historyrt{
font-size:35px;
color:#fff;
line-height:40px;
text-align:left;
padding-left:200px;
}
.historymore{
width:100%;
overflow:hidden;
margin-top:140px;
}
/* ys
-------------------------------------------------------------- */
.hzkh{
padding-top:90px;
padding-bottom:84px;
}
.hzkhnr{
width:100%;
overflow:hidden;
margin-top:100px;
}
.hzkhnr ul{
width:100%;
overflow:hidden;
}
.hzkhnr ul li{
width:18%;
overflow:hidden;
float:left;
margin:17px 1%;
box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
-moz-box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
-webkit-box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
}
/* news
-------------------------------------------------------------- */
.news {
width:100%;
overflow:hidden;
background:#eeeff1;
padding-top:72px;
padding-bottom:116px;
}
.news .tit h3{
text-align:left;
}
.news .newsnr {
margin-top:56px;
position:relative;
}
.news-carousel-carousel { display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: 10px;
}
.news .newsnr dl{
width: 100%;
overflow: hidden;
padding: 0;
margin: 0 15px;
}
.news .newsnr dl dt{
width:100%;
overflow:hidden;
position:relative;
height:328px;
}
.news .newsnr dl dt img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.news .newsnr dl:hover dt img{
transform:translate(-50%, -50%) scale(1.2);
}
.news .newsnr dl dd h4{
width:100%;
overflow:hidden;
font-size:22px;
color:#1c1c1c;
line-height:30px;
font-weight:normal;
margin-top:34px;
text-align:left;
text-overflow: ellipsis;
white-space: nowrap;
}
.news .newsnr dl dd p{
width:100%;
overflow:hidden;
font-size:15px;
color:#424243;
line-height:28px;
font-weight:normal;
margin-top:11px;
text-align:left;
}
.news .newsnr dl dd .newsdate{
width:100%;
overflow:hidden;
font-size:15px;
color:#1f1f1f;
font-weight:normal;
line-height:35px;
margin-top:39px;
position:relative;
text-align:left;
}
.news .newsnr dl dd .newsdate:after{
content:"";
width:84px;
height:2px;
background:#212121;
position:absolute;
left:0;
bottom:0;
}
.news .newslist{
width:100%;
margin-top:54px;
overflow: hidden;
}
.news .newsnr dl:hover dd h4{
color:#0760cd;
}
.newsmore{
width:100%;
overflow:hidden;
margin-top:84px;
}
.newsmore a{
width:182px;
height:48px;
line-height:48px;
text-align:center;
display:block;
color:#0f66c8;
border:solid 1px #0f66c8;
border-radius:30px;
margin:auto;
font-size:16px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.newsmore a:hover{
background:#0f66c8;
color:#fff;
}
.news .owl-number{
display:none !important;
}
/* link
-------------------------------------------------------------- */
.link {
width:100%;
overflow:hidden;
background:#262626;
padding-top:46px;
}
.linknr{
font-size:15px;
color:#fff;
line-height:30px;
}
.link a {
font-size:15px;
color:#fff;
margin-right:10px;
}
/* footer
-------------------------------------------------------------- */
.footer {
width: 100%;
overflow: hidden;
background: #262626;
background-size: cover;
padding-top: 60px;
}
.footernr .footerrt{
width: 20%;
overflow: hidden;
}
.footernr .footerrt dl{
overflow:hidden;
float:right;
}
.footernr .footerrt dl dt,.footernr .footerrt dl dd{
overflow:hidden;
text-align:center;
color:#fff;
line-height:30px;
}
.footernr .footerrt dl dd{
margin-top:5px;
}
.footernr .bnav{
width: 80%;
overflow: hidden;
float:left;
}
.footernr .bnav ul li{
width:18%;
overflow:hidden;
float:left;
}
.footernr .bnav ul li:last-child{
width:28%;
}
.footernr .bnav ul li h4{
width:100%;
overflow:hidden;
font-size:16px;
color:#fff;
line-height:30px;
font-weight:normal;
margin-bottom:18px;
}
.footernr .bnav ul li h4 a{
font-size:16px;
color:#fff;
}
.footernr .bnav ul li p{
width:100%;
overflow:hidden;
color:rgba(255,255,255,0.4);
line-height:32px;
}
.footernr .bnav ul li p a{
color:rgba(255,255,255,0.4);
}
.footernr .bnav ul li dl{
overflow:hidden;
float:left;
margin-top:50px;
}
.footernr .bnav ul li dl dt,.footernr .bnav ul li dl dd{
overflow:hidden;
text-align:center;
}
.footernr .bnav ul li dl dd{
font-size:12px;
color:#fff;
line-height:30px;
}
.footernr .bnav ul li p a:hover{
color:#fff;
}
.footernr .bewm{
width:17%;
overflow: hidden;
float:right;
}
.bot{
width:100%;
overflow:hidden;
line-height:30px;
border-top:solid 1px #515151;
padding:37px 0;
margin-top:80px;
color:#9d9d9d;
}
.footernr .bottel,.footernr .botfh{
padding:0;
}
.footernr .bottel{
margin-top:105px;
}
.footernr .botfh a{
background:url(../images/icon2.png) no-repeat right center;
font-size:16px;
color:#fff;
line-height:30px;
padding-right:46px;
float:right;
margin-top:95px;
cursor: pointer;
}
.botly{
width:100%;
overflow:hidden;
background:url(../images/icon1.png) no-repeat left center;
line-height:30px;
padding-left:40px;
}
.footernr .bottel dl,.footernr .bottel dl dt,.footernr .bottel dl dd{
width:100%;
overflow:hidden;
}
.footernr .bottel dl{
margin-top:22px;
}
.footernr .bottel dl dt{
color:#d61821;
font-size:16px;
line-height:30px;
font-weight:normal;
}
.footernr .bottel dl dd{
color:#fff;
font-size:30px;
line-height:40px;
}
.footernr .bottel dl dd a{
color:#fff;
font-size:30px;
}
.botly a{
color:#fff;
font-size:16px;
}
.footernr .bewm dl dt,.footernr .bewm dl dd{
overflow: hidden;
text-align:center;
}
.footernr .bewm dl dd{
line-height:30px;
margin-top:6px;
color:#6c6a6a;
}
.footernr .bmap {
width: 100%;
overflow: hidden;
font-size: 16px;
margin-top:25px;
}
.footernr .bmap a{
width:100%;
height:54px;
line-height:54px;
border:solid 1px #c6c6c6;
display:block;
font-size:16px;
color:#5c5454;
padding-left:32px;
position:relative;
float:right;
}
.footernr .bmap a:after{
content:"+";
position:absolute;
right:20px;
color:#7b7575;
font-size:28px;
font-weight:normal;
top:0;
line-height:50px;
}
.bot{
margin-top:28px;
}
.bot .botlf,.bot .botrt{
padding:0;
font-size:15px;
color:rgba(255,255,255,0.5);
line-height:30px;
}
.bot .botrt{
text-align:right;
}
.bot a{
color:rgba(255,255,255,0.5);
}
/* banner_n
-------------------------------------------------------------- */
.banner_n {
width: 100%;
height: 300px;
background: url(../images/aboutban.jpg) no-repeat top center;
background-size: cover;
position:relative;
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.banner_n{
height:800px;
}
.cloud-product-ul li.active .ysnum{
font-size:200px;
}
.cloud-product-ul li.active {
padding: 102px 60px 0 60px;
}
}
@media(max-width:1680px) {
.banner_n{
height:613px;
}
}
@media(max-width:1440px) {
.banner_n{
height:525px;
}.ys .ysnr{
width:93%;
} .cloud-product-ul li.active .ysnum{
font-size:160px;
}
.cloud-product-ul li h4,.cloud-product-ul li.active h4{
font-size:26px;
}
}
@media(max-width:1360px) {
.banner_n{
height:496px;
}
}
@media(max-width:1280px) {
.banner_n{
height:467px;
}
.cloud-product-ul li h4,.cloud-product-ul li.active h4{
font-size:22px;
}
}
@media(max-width:1152px) {
.banner_n{
height:420px;
}
.cloud-product-ul li.active {
padding: 102px 40px 0 40px;
}
}
@media(max-width:1024px) {
.banner_n{
height:373px;
}
}
@media(max-width:991px) {
.banner_n{
height:361px;
}
.ys .ysnr .yslf{
padding-top:60px;
}
.yslf .ysbtn{
margin-top:50px;
}
.ys .ysnr{
width:88%;
float:none;
margin:auto;
}
.ys .ysnr .yslf,.ysnr .ysrt{
width:100%;
}
.ysnr .ysrt{
margin-top:40px;
}
.cloud-product-ul li.active .ysnum {
letter-spacing: 0;
}
.cloud-product-ul li h4{
margin-top:100px;
}
.cloud-product-ul li hr{
bottom:200px;
}
.cloud-product-ul li{
height:575px;
}
.cloud-product-ul li.active h4{
margin-top:0;
}
.customerrt .customeimg {
width: 66%;
}
.customerrt .custometit {
width: 32%;
}
.cloud-product-ul li .ysnum{
bottom:100px;
}
.cloud-product-ul li.active .ysnum {
font-size: 140px;
line-height:140px;
}
}
@media(max-width:768px) {
.banner_n{
height:280px;
}
}
/* position
-------------------------------------------------------------- */
.position {
width:100%;
overflow:hidden;
border-bottom:solid 1px #e6e6e6;
}
.positionnr .positionrt{
text-align:right;
font-size:16px;
color:#343434;
line-height:30px;
padding:28px 0 28px 41px;
background:url(../images/icon3.png) no-repeat left center;
}
.positionnr .positionrt a{
font-size:16px;
color:#343434;
}
.position a:hover {
color: #0f66c8;
}
.nmenu{
overflow:hidden;
}
.nmenu ul{
overflow:hidden;
margin:0;
}
.nmenu ul li{
overflow:hidden;
float:left;
line-height:86px;
margin-right:20px;
text-align:center;
}
.nmenu ul li a{
font-size:16px;
color:#000;
display:block;
position:relative;
}
.nmenu ul li a:after{
content:"";
width:0;
height:2px;
background:#0f66c8;
position:absolute;
bottom:0;
left:0;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.nmenu ul li a:hover,.nmenu ul li.active a{
color:#0f66c8;
}
.nmenu ul li:hover a:after,.nmenu ul li.active a:after{
width:100%;
}
/* ntit
-------------------------------------------------------------- */
.ntit{
width:100%;
overflow:hidden;
}
.ntit h3{
width:100%;
overflow:hidden;
font-size:30px;
color:#000;
line-height:40px;
font-weight:normal;
}
.ntit hr{
width:40px;
border:none;
border-bottom:solid 2px #e00515;
margin-top:20px;
}
/* nabout
-------------------------------------------------------------- */
.ncfsb { padding: 90px 0;
background: #f8f8f8;}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ncfsb .tit hr { margin: 18px auto 0;}
.mySwiper1 {padding-top:50px;}
.mySwiper1 .swiper-slide{padding: 0;display:block;}
.mySwiper1 .swiper-slide p {padding: 5px 0;width: 100%;overflow: hidden;}
.mySwiper1 .swiper-button-next {
background-image: url(../images/qywhnext.png);
left: 97.2%;
right: auto;
z-index: 999999;
top: -150px;
position: relative;
}
.mySwiper1 .swiper-button-prev {
background-image: url(../images/qywhprev.png);
right: 0;
left: auto;
z-index: 999999;
top: -190px;
position: relative;
}
.mySwiper1 .swiper-button-next:hover {
background-image: url(../images/qywhnext1.png);}
.mySwiper1 .swiper-button-prev:hover {
background-image: url(../images/qywhprev1.png);}
.nabout{
margin-top:60px;
margin-bottom:60px;
}
.nabout .tit hr{
margin:18px auto 0;
}
.nabout .naboutnr{
width:100%;
overflow:hidden;
margin-top:46px;
font-size:16px;
color:#585858;
line-height:30px;
}
.nabout .naboutnr p{
overflow:hidden;
font-size:16px;
color:#585858;
line-height:30px;
}
.naboutimg{
width:100%;
overflow:hidden;
margin-top:86px;
}
.naboutimg img{
max-width:100%;
height:auto;
}
.nqyln{
width:100%;
overflow:hidden;
background:url(../images/qywhbg.jpg) no-repeat top center;
background-size:cover;
padding-left:17%;
padding-top:102px;
}
.nqylnlf{
width:50%;
overflow:hidden;
padding-bottom:74px;
}
.nqylnlf h3{
width:100%;
overflow:hidden;
font-size:40px;
color:#fff;
line-height:45px;
font-weight:normal;
}
.nqylnlf .nqylnimg{
width:100%;
overflow:hidden;
border-radius:8px;
margin-top:44px;
}
.nqylnlf .nqylnimg img{
width:100%;
height:auto;
}
.nqyln h4{
width:100%;
overflow:hidden;
font-size:30px;
color:#fff;
line-height:35px;
margin-top:32px;
font-weight:normal;
}
.nqyln p{
width:100%;
overflow:hidden;
font-size:16px;
color:#fff;
line-height:30px;
margin-top:18px;
}
.nqylnmore{
width:100%;
overflow:hidden;
line-height:30px;
padding-bottom:8px;
margin-top:47px;
}
.nqylnmore a{
font-size:16px;
color:#fff;
line-height:30px;
border-bottom:solid 2px #fff;
padding-bottom:8px;
}
.nqylnrt{
width:37%;
overflow:hidden;
padding-top:90px;
}
.nqylnrt .nqylnbtn{
width:30%;
overflow:hidden;
padding-top:112px;
}
.nqyln_qywh{
width:63%;
overflow:hidden;
}
.nqywhimg{
width:100%;
overflow:hidden;
border-radius:8px;
}
.nqywhimg img{
width:100%;
height:auto;
}
.nzc{
width:100%;
overflow:hidden;
background:#f1f1f1;
padding-top:164px;
padding-bottom:162px;
}
.nzc .nzcimg{
width:39%;
overflow:hidden;
border-radius:8px;
}
.nzc .nzcimg img{
width:100%;
height:auto;
}
.nzc .nzcrt{
width:61%;
overflow:hidden;
padding-left:80px;
padding-top:27px;
}
.nzc .nzcrt h3{
width:100%;
overflow:hidden;
font-size:40px;
line-height:45px;
color:#1c1c1c;
font-weight:normal;
border-bottom:solid 1px #c1c1c1;
padding-bottom:38px;
}
.nzc .nzcrt .nzcrtnr{
width:100%;
overflow:hidden;
font-size:15px;
color:#6d6d6d;
line-height:30px;
margin-top:32px;
}
.nzc .nzcrt .nzcrtnr p{
overflow:hidden;
font-size:15px;
color:#6d6d6d;
line-height:30px;
}
.nztimg{
width:100%;
overflow:hidden;
margin: 20px 0;
}
.nztimg img{
max-width:100%;
height: auto;
}
.video_n{
width:100%;
overflow:hidden;
margin-top: 30px;
}
.video_n video{
max-width:100%;
height: auto;
}
.videolist{
overflow: hidden;
margin: 15px 0;
}
.nhonor{
width:100%;
overflow:hidden;
padding-top:94px;
padding-bottom:144px;
}
.nhonor .tit hr{
margin:18px auto 0;
}
.nhonorlist{
width:100%;
margin-top:42px;
}
.nhonorlist .nhonorimg{
width:100%;
overflow:hidden;
}
.nhonorlist .nhonorimg img{
max-width:100%;
height:auto;
}
.nhonor .owl-carousel .owl-item{
padding:0 10px;
}
/* nzt
-------------------------------------------------------------- */
.nzt{
margin-top:60px;
margin-bottom:60px;
}
.nztnr{
width:100%;
overflow:hidden;
}
.nztnr ul{
width:100%;
overflow:hidden;
}
.nztnr ul li{
width:48%;
overflow:hidden;
float:left;
margin:20px 1%;
position:relative;
height:436px;
}
.nztnr ul li img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.nztnr ul li:hover img{
transform:translate(-50%, -50%) scale(1.2);
}
.nzt p{
overflow:hidden;
font-size:16px;
line-height:30px;
}
.nzt img{
max-width:100%;
height:auto;
}
/* nsb
-------------------------------------------------------------- */
.nsb {
margin-top:60px;
margin-bottom:60px;
}
.nsb dl{
overflow:hidden;
padding:0 14px;
margin:15px 0;
}
.nsb dl dt{
width:100%;
overflow:hidden;
text-align:center;
}
.nsb dl dd{
width:100%;
overflow:hidden;
text-align:center;
font-size:18px;
color:#4a4a4a;
line-height:30px;
padding:12px 0;
}
/* ncase
-------------------------------------------------------------- */
.ncase{
margin-top:60px;
margin-bottom:60px;
}
.ncase dl{
padding:0 10px;
margin:20px 0;
}
.ncase dl dt,.ncase dl dd{
width:100%;
overflow:hidden;
}
.ncase dl dt{
position:relative;
height:344px;border: 1px #f3f3f3 solid;
}
.ncase dl dd{
font-size:18px;
line-height:30px;
background: #f3f3f3;
text-align: center;
padding: 5px 0;
}
.ncase dl dt img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.ncase dl:hover dt img{
transform:translate(-50%, -50%) scale(1.2);
}
.poptrox-popup{
overflow:visible !important;
}
.nabout h4 {font-size: 24px;text-align: center;}
/* ncase
-------------------------------------------------------------- */
.ncase {
margin-top: 45px;
margin-bottom: 45px;
}
.ncase .ncasenr {
width: 100%;
overflow: hidden;
margin-top: 25px;
}
.ncase .ncasenr dl {
width: 375px;
overflow: hidden;
float: left;
margin-right: 37.5px;
}
.ncase .ncasenr dl {
width: 375px;
overflow: hidden;
float: left;
margin-right: 37.5px;
margin-top: 20px;
margin-bottom: 20px;
}
.ncase .ncasenrr dl dt, .ncase .ncasenr dl dd {
width: 100%;
overflow: hidden;
text-align: center;
}
.ncase .ncasenr dl dd {
font-size: 16px;
color: #000;
line-height: 30px;
padding: 12px 0;
background: #ebebeb;
}
.ncase .ncasenr dl:nth-child(3n) {
margin-right: 0;
}
/* npro
-------------------------------------------------------------- */
.bg{
background:#f4f4f4;
}
.nmenulist {
width: 150px;
position: absolute;
z-index: 999;
}
.nmenulist li{
width: 100%;
color: #fff;
}
.nmenu .active .nmenulist li a{
line-height: 40px;
color: #fff;
background: #0f66c8;
}
.nmenu .active .nmenulist li a:hover{
line-height: 40px;
color: #fff;
background: #4793e1;
}
.nmenu .nmenulist li a{
line-height: 40px;
color: #fff;
background: #0f66c8;
}
.nmenu .nmenulist li a:hover{
line-height: 40px;
color: #fff;
background: #4793e1;
}
.nmenulist li:hover {
pointer-events: auto;
z-index: 10;
max-height: 2000px;
-webkit-transition: none;
-moz-transition: none;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.mySwiper2 {
height: 80%;
width: 100%;
}
.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 1;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.npro{
margin-top:50px;
margin-bottom:50px;
}
.npro dl{
padding:0 10px;
margin:20px 10px;
border: 1px solid #f2f2f2;
width: 23%;
}
.npro dl dt{
width:100%;
overflow:hidden;
background:#fff;
height:320px;
position:relative;
}
.npro dl dt img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.npro dl:hover dt img{
transform:translate(-50%, -50%) scale(1.2);
}
.npro dl dd{
width:100%;
overflow:hidden;
border-top:solid 1px #f4f4f4;
padding-top:16px;
background:#fff;
padding:16px 7% 17px 7%;
position:relative;
}
.npro dl dd:after{
content:"";
width:0;
height:2px;
background:#0f66c8;
position:absolute;
left:0;
bottom:0;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.npro dl dd p{
width:100%;
overflow:hidden;
color:#aaaaaa;
}
.npro dl dd h4{
width:100%;
overflow:hidden;
color:#aaaaaa;
font-size:18px;
color:#1f1f1f;
line-height:30px;
font-weight:normal;
border-bottom:solid 1px #dbdbdb;
padding-bottom:17px;
white-space: nowrap;
text-overflow: ellipsis;
}
.npro dl dd .npromore{
width:100%;
overflow:hidden;
line-height:30px;
margin-top:13px;
position:relative;
}
.npro dl dd .npromore:before{
content:"";
width:20px;
height:2px;
background:#dbdbdb;
position:absolute;
left:0;
top:14px;
}
.npro dl dd .npromore span{
overflow:hidden;
float:right;
color:#585858;
}
.npro dl:hover dd h4{
color:#0f66c8;
font-weight:bold;
}
.npro dl:hover dd:after{
width:100%;
}
.npro .nproimg{
width:38%;
overflow:hidden;
}
.npro .nproimg img{
max-width:100%;
height:auto;
}
.npro .nprojs{
width:62%;
overflow:hidden;
padding-left:115px;
}
.npro .nprojs h1{
width:100%;
overflow:hidden;
font-size:30px;
color:#1f1f1f;
line-height:40px;
font-weight:normal;
border-bottom:solid 1px #eaeaea;
padding-bottom:24px;
}
.npro .nprojs .nproms{
width:100%;
overflow:hidden;
margin-top:34px;
}
.npro .nprojs .nproms p{
overflow:hidden;
font-size:16px;
line-height:30px;
color:#737373;
}
.npro,.npro p{
font-size:16px;
line-height:30px;
}
.nprotd{
width:100%;
overflow:hidden;
margin-top:40px;
background: #f6f6f6;
}
.nprotd .tit { padding: 0 0 60px 0;}
.nprotd .tit h3 {text-align: left; }
.nprotd .tit h3,.nprogg .tit h3{
font-size:30px;
}
.nprotd .tit hr,.nprogg .tit hr{
margin:18px auto 0;
}
.nprotdnr{
overflow:hidden;
/* background:#f6f6f6;*/
margin-top:48px;
}
.nprotdlist{
padding: 0 0 62px 0;
}
.nprotdlist p{
overflow:hidden;
font-size:16px;
color:#545454;
line-height:30px;
}
.nprogg{
margin-top:82px;
}
.nprogg .nproggnr{
width:100%;
overflow:hidden;
margin-top:70px;
font-size:16px;
line-height:30px;
}
.nprogg .nproggnr p{
font-size:16px;
line-height:30px;
}
.nprogg .nproggnr table{
width:100%;
}
.nprogg .nproggnr table tr,.nprogg .nproggnr table tr td{
border:solid 1px #e1e1e1 !important;
font-size:16px !important;
line-height:30px !important;
color:#343434 !important;
}
.nprogg .nproggnr table tr td{
padding:10px 5px;
text-align:center;
}
.nprogg .nproggnr table tr:first-child{
background:#f6f6f6;
}
.nprosyfw{
width:100%;
overflow:hidden;
}
.nprofbnr{
overflow:hidden;
font-size:16px;
line-height:30px;
margin-top:40px;
}
.nprofbnr p{
width:100%;
overflow:hidden;
font-size:16px;
line-height:30px;
color:#fff;
}
.nprofbnr img{
max-width:100%;
height:auto;
}
.mar{
margin-bottom:60px;
}
/* nnews
-------------------------------------------------------------- */
.nnews{
margin-top:50px;
margin-bottom:50px;
}
.nnews dl{
padding:0 22px;
margin:30px 0;
}
.nnews dl dt{
width:100%;
height:379px;
overflow:hidden;
position:relative;
}
.nnews dl dd{
width:100%;
overflow:hidden;
}
.nnews dl dd .nnewstop{
width:100%;
overflow:hidden;
margin-top:16px;
}
.nnews dl dd .nnewstop .nnewsfl{
width:46px;
overflow:hidden;
height:28px;
background:#0f66c8;
text-align:center;
line-height:28px;
border-radius:5px;
color:#fff;
}
.nnews dl dd .nnewstop .nnewsdate{
overflow:hidden;
color:#a3a3a3;
line-height:28px;
margin-left:18px;
}
.nnews dl dd h4{
width:100%;
overflow:hidden;
font-size:22px;
color:#1f1f1f;
line-height:30px;
font-weight:normal;
margin-top:16px;
white-space: nowrap;
text-overflow: ellipsis;
}
.nnews dl dt img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.nnews dl:hover dt img{
transform:translate(-50%, -50%) scale(1.2);
}
.nnews dl dd .nnewsms{
width:100%;
overflow:hidden;
font-size:16px;
color:#8d8d8d;
line-height:30px;
margin-top:16px;
}
.nnews .nnewsnr dl:hover dt h4{
color:#0760cd;
}
.marg{
margin-top:40px;
}
.nnews h1{
width: 100%;
overflow: hidden;
font-size: 24px;
line-height:30px;
color: #0f66c8;
font-weight:bold;
text-align: center;
margin: 0 0 16px 0;
}
.nnews .fbtime {
width: 100%;
overflow: hidden;
font-size: 15px;
line-height: 30px;
color: #666;
text-align: center;
border-bottom: solid 1px #ebebeb;
padding-bottom: 23px;
}
.nnews .fbnr {
width: 100%;
overflow: hidden;
margin-top: 30px;
font-size: 18px;
line-height: 35px;
color: #333;
}
.nnews .fbnr p {
width: 100%;
overflow: hidden;
font-size: 18px;
line-height: 35px;
color: #333;
}
.nnews .fbnr img{
max-width:100%;
height:auto;
}
/* ntzzgx
-------------------------------------------------------------- */
.ntzzgx{
margin-top:60px;
margin-bottom:60px;
}
.ntzzgx ul{
width:100%;
overflow:hidden;
}
.ntzzgx ul li{
width:100%;
overflow:hidden;
padding-bottom:40px;
border-bottom:solid 1px #e9e9e9;
margin-top:60px;
}
.ntzzgx ul li .ntzzgxlf,.ntzzgx ul li .ntzzgxrt{
padding:0;
}
.ntzzgx ul li .ntzzgxlf h4{
width:100%;
overflow:hidden;
font-size:22px;
line-height:30px;
color:#1f1f1f;
font-weight:normal;
margin:0;
}
.ntzzgx ul li .ntzzgxlf .ntzzgxms{
width:100%;
overflow:hidden;
font-size:16px;
color:#8d8d8d;
line-height:30px;
margin-top:18px;
}
.ntzzgx ul li .ntzzgxrt span{
float:right;
font-size:16px;
}
.ntzzgx ul li .ntzzgxlf .ntzzgxmore{
width:136px;
height:42px;
border-radius:20px;
text-align:center;
line-height:42px;
color:#0f66c8;
border:solid 1px #0f66c8;
margin-top:45px;
}
.ntzzllz{
width:100%;
overflow:hidden;
}
.ntzzllz p{
overflow:hidden;
font-size:16px;
color:#585858;
line-height:30px;
margin-bottom:20px;
}
/* njob
-------------------------------------------------------------- */
.njob{
margin-top:60px;
margin-bottom:60px;
}
.njob .njobimg{
width:32%;
overflow:hidden;
}
.njob .njobimg img{
max-width:100%;
height:auto;
}
.njob .njobnr{
width:68%;
overflow:hidden;
padding-left:90px;
padding-top:8px;
}
.njob .njobnr h4{
width:100%;
overflow:hidden;
font-size:30px;
color:#1f1f1f;
line-height:40px;
font-weight:normal;
margin:0 0 24px 0;
}
.njob .njobnr p{
overflow:hidden;
font-size:15px;
color:#737373;
line-height:30px;
}
.njoblist{
width:100%;
overflow:hidden;
margin-top:90px;
}
.njoblist .tit h3{
font-size:30px;
}
.njoblist .tit hr{
margin:18px auto 0;
}
.njoblist dl{
width:100%;
overflow:hidden;
margin-top:40px;
}
.njoblist dl dt,.njoblist dl dd{
width:100%;
overflow:hidden;
}
.njoblist dl dt{
background:#f4f4f4;
font-size:20px;
line-height:58px;
color:#1d1d1d;
font-weight:normal;
padding-left:42px;
}
.njoblist dl dd{
padding:36px 42px;
border:solid 1px #e5e5e5;
}
.njoblist dl dd p{
overflow:hidden;
font-size:16px;
color:#585858;
line-height:30px;
}
/* nhzhb
-------------------------------------------------------------- */
.nhzhb{
margin-top:60px;
margin-bottom:60px;
}
.nhzhbnr{
width: 100%;
overflow: hidden;
}
.nhzhbnr ul{
width: 100%;
overflow: hidden;
}
.nhzhbnr ul li{
width: 18%;
overflow: hidden;
float: left;
margin: 17px 1%;
box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
-moz-box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
-webkit-box-shadow: 0px 0px 8px rgba(4,0,0,0.08);
}
.nhzhbnr ul li img{
max-width:100%;
height:auto;
}
/* ncjzsnr
-------------------------------------------------------------- */
.ncjzsnr {
width: 100%;
overflow: hidden;
margin-top: 40px;
margin-bottom: 40px;
}
.ncjzsnr ul {
width: 100%;
overflow: hidden;
}
.ncjzsnr ul li {
width: 419px;
overflow: hidden;
margin-right: 71.5px;
margin-top: 30px;
margin-bottom: 30px;
float: left;
}
.ncjzsnr ul li img {
max-width: 100%;
height: auto;
}
.ncjzsnr ul li:nth-child(3n) {
margin-right: 0;
}
/* ncontact
-------------------------------------------------------------- */
.cont-cont { overflow: auto; margin: 50px auto;}
.cont-left {width:45%;float:left; padding-right: 20px;}
.cont-left img {width:100%;}
.cont-right {width:45%;float:left; padding-left: 20px;}
.contact-list li {
position: relative;
display: flex;
align-items: center;
}
.contact-list li + li {
margin-top: 10px;
}
.contact-list li .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
width: 80px;
background-color: #f3f3f3;
color: #0068b6;
transition: all 500ms ease;
}
.contact-list li .icon .fa {
font-size: 23px;
}
.contact-list li:hover .icon {
background-color: #0068b6;
color: #f3f3f3;
}
.contact-list li:hover .icon .fa {
color: #f3f3f3;
}
.contact-list li .content {
margin-left: 30px;
width: 80%;
}
.contact-list li .content p {
}
.contact-list li .content h4 {
font-size: 16px;
font-weight: 700;
line-height: 27px;
}
.contact-list li .content h4 a {
color: #666;
transition: all 500ms ease;
}
.contact-list li .content h4 a:hover {
color: #0068b6;
}
.contact-list li .content h4 a span {
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #888;
}
.yglx {
width: 100%;
overflow: auto; margin-top: 50px;
}
.yglx ul li {
width: 18%;
float: left;
text-align: center;
background: rgba(243,243,243,.8);
margin: 0 10px;
padding: 20px 0;
}
.yglx ul li span {font-weight: blod;}
.yglx ul li p a {color:#666;}
.richtext ul li:before{display:none;}
@media screen and (max-width: 970px){
.cont-left {
width: 100%;
}
.cont-right {
width: 100%;
}
.richtext ul li {
padding-left: 0;
}
.contact-list li .icon {
height: 80px;
width: 60px!important;
}
.yglx ul li {
width: 100%;
}
}
.ncontact{
margin-top:60px;
margin-bottom:60px;
position:relative;
}
.ncontact .map{
width:100%;
height:768px;
}
.ncontact .ncontactnr{
width:27%;
overflow:hidden;
padding:40px 54px 32px 54px;
background:#f5f5f5;
position:absolute;
top:0;
left:0;
z-index:99;
height:768px;
}
.ncontact .ncontactnr ul{
width:100%;
overflow:hidden;
}
.ncontact .ncontactnr ul li{
width:100%;
overflow:hidden;
border-bottom:solid 1px #e0e0e0;
padding:0 0 10px 44px;
margin-bottom:10px;
}
.ncontact .ncontactnr ul li:first-child,.ncontact .ncontactnr ul li:nth-child(2),.ncontact .ncontactnr ul li:nth-child(3),.ncontact .ncontactnr ul li:nth-child(4),.ncontact .ncontactnr ul li:nth-child(5){
background:url(../images/icon5.png) no-repeat left 6px;
}
.ncontact .ncontactnr ul li:nth-child(6){
background:url(../images/icon6.png) no-repeat left 6px;
}
.ncontact .ncontactnr ul li:nth-child(7){
background:url(../images/icon7.png) no-repeat left 6px;
}
.ncontact .ncontactnr ul li:nth-child(8){
background:url(../images/icon8.png) no-repeat left 6px;
}
.ncontact .ncontactnr ul li p{
width:100%;
overflow:hidden;
font-size:16px;
color:#323232;
}
.ncontact .ncontactnr ul li p a{
font-size:16px;
color:#323232;
}
.ncontact .ncontactnr dl{
width:100%;
overflow:hidden;
}
.ncontact .ncontactnr dl dt{
overflow:hidden;
float:left;
}
.ncontact .ncontactnr dl dt img{
max-width:100%;
height:auto;
}
.ncontact .ncontactnr dl dd{
overflow:hidden;
float:left;
padding-left:20px;
text-align:center;
color:#000;
padding-top:28px;
}
/* nmessage
-------------------------------------------------------------- */
.nmessage{
margin-top:60px;
margin-bottom:60px;
}
.nmessage .tit hr{
margin:18px auto 0;
}
.nmessagenr{
margin-top:57px;
}
.nmessage dl{
width:49%;
overflow:hidden;
float:left;
margin-bottom:22px;
}
.nmessage dl dt{
width:100%;
overflow:hidden;
color:#343434;
font-size:16px;
line-height:30px;
padding-bottom:10px;
font-weight: normal;
}
.nmessage dl dd{
width:100%;
overflow:hidden;
}
.nmessage dl dd input{
width:100%;
overflow:hidden;
border:solid 1px #e4e4e4;
line-height:60px;
padding-left:56px;
color:#323232;
font-size:15px;
}
.nmessage dl dd textarea{
width:100%;
height:308px;
overflow:hidden;
border:solid 1px #e4e4e4;
line-height:30px;
padding-left:56px;
padding-top:18px;
}
.nmessage dl:last-child{
width:100%;
}
.nmessage dl:nth-child(2n+1){
margin-right:1%;
}
.nmessage dl:nth-child(2n){
margin-left:1%;
}
.nmessage dl:nth-child(1) dd input{
background:#fff url(../images/icon9.png) no-repeat 24px center;
}
.nmessage dl:nth-child(2) dd input{
background:#fff url(../images/icon10.png) no-repeat 24px center;
}
.nmessage dl:nth-child(3) dd input{
background:#fff url(../images/icon11.png) no-repeat 24px center;
}
.nmessage dl:nth-child(4) dd input{
background:#fff url(../images/icon12.png) no-repeat 24px center;
}
.nmessage dl:nth-child(5){
width:100%;
}
.nmessage dl:nth-child(5) dd textarea{
background:#fff url(../images/icon13.png) no-repeat 24px 21.5px;
}
.nmessage .tjbtn {
width: 100%;
overflow: hidden;
margin-top:20px;
}
.nmessage .tjbtn button {
width: 100%;
height: 60px;
background: #0f66c8;
color: #fff;
text-align:center;
font-size:16px;
}
/* dede_pages
-------------------------------------------------------------- */
.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul a{color:#555;display:block;padding: 5px 11px; border: 1px solid #ddd;float: left;margin:5px;font-size:12px}
.pages ul a.page-num-current{ background:#0f66c8;color:#fff;border: 1px solid #0f66c8; }
.pages ul a:hover{ background:#0f66c8;color:#fff;border: 1px solid #0f66c8;}
.news-exp {
overflow: hidden;
line-height:30px;
margin-top:20px;
}
.news-exp .news-explf,.news-exp .news-exprt{
padding:0;
}
.news-exp .news-explf i{
width:33px;
height:33px;
background:url(../images/prev7.png) no-repeat center;
border-radius:50%;
display:block;
float:left;
margin-right:22px;
}
.news-exp .news-exprt i{
width:33px;
height:33px;
background:url(../images/next7.png) no-repeat center;
border-radius:50%;
display:block;
float:right;
margin-left:22px;
}
.news-exp a {
width:50%;
float:left;
overflow: hidden;
font-size:16px;
color:#343434;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-exp a:last-child{
text-align:right;
}
.news-exp .news-exprt{
text-align:right;
}
.news-exp a:hover{
color:#0f66c8;
text-decoration:none;
}
.a_txt,.rg{
display:none;
}
.map {width: 100%;
height: 600px; overflow: hidden;
margin-top: 80px;}
.lcon1 ul{padding-top:40px;}
.contact .lcon1
{
padding-top: 0px;
padding-bottom: 54px;
}
.contact .lcon1 h1
{
font-family: 'HN';
font-size: 48px;
color: #002a5c;
}
.contact .lcon1 h2
{
font-size: 28px;
margin-top: 32px;
color: #00478a;
}
.contact .lcon1 li
{
font-size: 16px;
display: inline-block;
width: 565px;
margin-top: 30px;
}
.contact .lcon1 li img
{
display: inline-block;
width: 24px;
margin-right: 22px;
vertical-align: top;
}
.contact .lcon1 li span
{
display: inline-block;
width: calc(100% - 52px);
width: -webkit-calc(100% - 52px);
vertical-align: top;
}
.contact .lcon2
{
padding-top: 60px;
padding-bottom: 76px;
background: url(../images/conbg.png) center;
background-size: cover;
}
.contact .lcon2 h2
{
font-size: 28px;
}
.contact .lcon2 h5
{
font-size: 16px;
margin-top: 28px;
margin-bottom: 45px;
opacity: .8;
}
.contact .lcon2 .inputgroup
{
margin-top: 30px;
}
.contact .lcon2 .inshort
{
float: left;
width: 50%;
height: 55px;
}
.contact .lcon2 .i1
{
padding-right: 25px ;
}
.contact .lcon2 .i2
{
padding-left: 25px ;
}
.contact .lcon2 input,
.contact .lcon2 textarea
{
font-size: 16px;
width: 100%;
height: 100%;
padding-left: 58px;
color: #fff;
border: 1px solid #8db6d9;
background: transparent;
}
.contact .lcon2 textarea
{
height: 100px;
padding-top: 23px;
resize: none;
}
.contact .lcon2 button
{
font-size: 18px;
line-height: 55px;
width: 575px;
height: 55px;
margin-top: 37px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
text-align: center;
color: #00478a;
background: #fff;
}
.contact .lcon2 button:hover
{
color: #fff;
background: #00478a;
}
.contact ::-webkit-input-placeholder
{
opacity: 1;
/* WebKit browsers */
color: #fff;
}
.contact :-moz-placeholder
{
opacity: 1;
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
.contact ::-moz-placeholder
{
opacity: 1;
/* Mozilla Firefox 19+ */
color: #fff;
}
.contact :-ms-input-placeholder
{
opacity: 1;
/* Internet Explorer 10+ */
color: #fff;
}
.contact .map
{
height: 600px; border:1px solid #ccc;
}
.lcon2 c_w h2{ color:#fff;}
/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){
.large {
background: #fff;
}
.nav,.topewm{display:none}
.headernr{
width:98%;
}
.rg{display:block;padding-top:34px;float:right;margin-right:10px;}
.rg a img{vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
.nztnr ul li{
height:381px;
}
.news .newsnr dl dt{
height:247px;
}
.ncase dl dt{
height:301px;
}
.npro dl dt{
height:249px;
}
}
@media only screen and (min-width: 1360px) and (max-width: 1439px) {
.nnews dl dt{
height:358px;
}
.nztnr ul li{
height:359px;
}
.news .newsnr dl dt{
height:232px;
}
.ncase dl dt{
height:284px;
}
.npro dl dt{
height:234px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1359px) {
.nnews dl dt{
height:336px;
}
.nztnr ul li{
height:338px;
}
.news .newsnr dl dt{
height:216px;
}
.ncase dl dt{
height:266px;
}
.npro dl dt{
height:219px;
}
}
@media only screen and (min-width: 1152px) and (max-width: 1279px) {
.nnews dl dt{
height:299px;
}
.nztnr ul li{
height:304px;
}
.news .newsnr dl dt{
height:192px;
}
.ncase dl dt{
height:238px;
}
.npro dl dt{
height:195px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1151px) {
.nnews dl dt{
height:263px;
}
.nztnr ul li{
height:270px;
}
.news .newsnr dl dt{
height:168px;
}
.ncase dl dt{
height:210px;
}
.npro dl dt{
height:172px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
.nnews dl dt{
height:254px;
}
.nztnr ul li{
height:262px;
}
.news .newsnr dl dt{
height:162px;
}
.ncase dl dt{
height:203px;
}
.npro dl dt{
height:166px;
}
}
@media only screen and (min-width: 980px) and (max-width: 991px) {
.news .newsnr dl dt{
height:159px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width: 769px) and (max-width: 979px) {
.news .newsnr dl dt{
height:193px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
.news .newsnr dl dt{
height:338px;
} .news .newsnr dl{width: 100%;}
}
@media only screen and (min-width: 860px) and (max-width: 991px) {
.nnews dl dt{
height:216px;
}
.nztnr ul li{
height:227px;
}
.ncase dl dt{
height:268px;
}
.npro dl dt{
height:194px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:768px) and (max-width: 859px) {
.nnews dl dt{
height:190px;
}
.nztnr ul li{
height:203px;
}
.ncase dl dt{
height:238px;
}
.npro dl dt{
height:172px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:640px) and (max-width: 767px) {
.nnews dl dt{
height:336px;
}
.nztnr ul li{
height:169px;
}
.ncase dl dt{
height:407px;
}
.npro dl dt{
height:219px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:540px) and (max-width: 639px) {
.nnews dl dt{
height:279px;
}
.nztnr ul li{
height:142px;
}
.news .newsnr dl dt{
height:281px;
}
.ncase dl dt{
height:344px;
}
.npro dl dt{
height:381px;
}
.news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:425px) and (max-width: 539px) {
.nnews dl dt{
height:213px;
}
.nztnr ul li{
height:112px;
}
.news .newsnr dl dt{
height:216px;
}
.ncase dl dt{
height:265px;
}
.npro dl dt{
height:297px;
} .news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:375px) and (max-width: 424px) {
.nnews dl dt{
height:185px;
}
.nztnr ul li{
height:99px;
}
.news .newsnr dl dt{
height:187px;
}
.ncase dl dt{
height:232px;
}
.npro dl dt{
height:260px;
} .news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:320px) and (max-width: 374px) {
.nnews dl dt{
height:178px;
}
.nztnr ul li{
height:84px;
}
.news .newsnr dl dt{
height:181px;
}
.ncase dl dt{
height:196px;
}
.npro dl dt{
height:219px;
} .news .newsnr dl{width: 100%;}
}
@media only screen and (min-width:0px) and (max-width: 319px) {
.nnews dl dt{
height:175px;
}
.nztnr ul li{
height:80px;
}
.news .newsnr dl dt{
height:180px;
}
.ncase dl dt{
height:194px;
}
.npro dl dt{
height:215px;
} .news .newsnr dl{width: 100%;}
}
@media(max-width:1600px) {
.cont, .cont1 {
width: 88%;
}
.item p.p1 {
line-height: 80px;
font-size: 80px;
}
.item p.p2 {
line-height: 50px;
font-size: 40px;
margin-top: 5px;
}
.item p.p3{
margin-top:50px;
}
.banner .owl-carousel .owl-item:nth-child(3) .cont{
margin-left:-44%;
}
.banner .owl-carousel .owl-item:nth-child(2) .p4 {
margin-top: 80px;
}
.pronr .prort h4{
font-size:30px;
}
.product-thumbs{
margin-left:-44% !important;
}
.hyyy ul li .hyyynr {
top: 32%;
position: absolute;
left: 50%;
margin-left:-44%;
}
}
@media(max-width:1440px) {
.nav .menu > li a{
padding: 0 30px;
}
.banner .owl-carousel .owl-item:nth-child(2) .p2 {
font-size: 40px;
line-height:50px;
}
.item p.p1 img{
height:50px;
}
.item .cont{
top:45%;
}
.item p.p4{
line-height:50px;
}
.hyyy ul li .hyyycn{
font-size:40px;
}
.pronr .prort h4{
font-size:25px;
}
.njob .njobnr{
padding-left:60px;
}
.ncontact .ncontactnr {
padding: 40px 40px 32px 40px;
}
}
@media(max-width:1360px) {
.nav .menu > li a{
padding: 0 25px;
}
.item .cont {
top: 43%;
}
.item p.p3 {
width: 54%;
}
.item p.p3{
margin-top:40px;
}
.en{
padding-left:25px;
}
}
@media(max-width:1280px) {
.item .cont {
top: 40%;
}
.ab_fl dl dt .counter {
font-size: 50px;
}
.hyyy ul li .hyyycn{
font-size:36px;
}
.nzc .nzcrt{
padding-left: 60px;
}
.ncontact .ncontactnr {
width: 30%;
}
.nmenu ul li{
margin-right:30px;
}
}
@media(max-width:1200px) {
.nav .menu > li a{
padding: 0 20px;
}
.en{
padding-left:20px;
}
}
@media(max-width:1152px) {
.item .cont {
top: 38%;
}
.nav .menu > li a{
padding: 0 15px;
}
.en{
padding-left:15px;
}
.product-thumbs{
bottom:60px;
}
.nzc{
padding-top:80px;
padding-bottom:80px;
}
.nzc .nzcrt{
padding-top:10px;
padding-left: 40px;
}
.ncontact .ncontactnr {
padding: 40px 30px 32px 30px;
}
}
@media(max-width:1024px) {
.ncontact .ncontactnr {
padding: 40px 25px 32px 25px;
}
}
@media(max-width:1023px) {
.en {
padding-left: 10px;
}
.bannermore,.shubiao-index,.click{
display:none;
}
.banner .owl-number{
display:none !important;
}
.banner .owl-prev,.banner .owl-next{
top:inherit;
margin-top:0;
bottom:20px;
}
}
@media(max-width:991px) {
.header{
height:60px;
}
.logo{
padding:15px 0;
}
.logo img{
height:30px;
}
.rg{
padding-top:14px;
}
.en{
padding-top:17.5px;
}
.en:before{
top:17px;
}
.item p.p2,.banner .owl-carousel .owl-item:nth-child(2) .p2{
font-size:36px;
}
.item p.p5{
font-size:20px;
}
.item p.p1{
font-size:60px;
line-height:60px;
}
.item p.p1 img {
height: 40px;
}
.item p.p7{
margin-top:50px;
}
.pronr .prolf dl dd h4{
font-size:18px;
}
.item p.p4 {
width: 500px;
letter-spacing: 3px;
}
.item p.p4,.banner .owl-carousel .owl-item:nth-child(3) .p4,.banner .owl-carousel .owl-item:nth-child(3) .p3{
font-size:18px;
}
.product-thumbs{
bottom:20px;
}
.hyyy ul li .hyyycn {
font-size: 30px;
}
.hyyy ul li hr{
margin-top:20px;
}
.ntzzgx ul li{
margin-top:30px;
}
.ntzzgx ul li .ntzzgxlf .ntzzgxmore{
margin-top:30px;
}
.about{
padding-top: 30px;
padding-bottom: 10px;
}
.about .tit h3 {
font-weight: bold;
overflow: hidden;
font-size: 20px;
color: #343434;
line-height: 40px;
}
.abo-img img {width: 100%;}
.about .aboutms{
padding:0;
}
.ab_fl dl{
width:33.3333333%;
}
.ab_fl dl dt .counter {
font-size: 30px;
margin-right: 0;
}
.ab_fl dl dd {
padding-right: 20%;
}
.nqyln{
padding-left:6%;
}
.nzc .nzcimg,.nzc .nzcrt{
width:100%;
}.news .newslist
.nzc .nzcrt{
padding-left:0;
}
.ntzzgx ul li .ntzzgxrt{
margin-top:20px;
}
.ntzzgx ul li .ntzzgxrt span{
float:left;
}
.news .newsnr dl dd h4{
font-size:18px;
}
.nmenu,.positionnr .positionrt{
width:100%;
}
.positionnr .positionrt{
text-align:left;
padding: 10px 0 10px 41px;
}
.nmenu ul li{
line-height:50px;
margin-right:20px;
}
.pronr .prolf dl{
height:auto;
}
.pronr .prolf dl dd {
padding: 30px 0 20px 32px;
}
.pronr .prolf,.pronr .prort{
padding: 0;
}
.tit h3,.tit h3 a,.nzc .nzcrt h3,.nqylnlf h3{
font-size:34px;
}
.njob .njobimg,.njob .njobnr{
width:100%;
}
.njob .njobimg{
text-align:center;
}
.njob .njobnr{
padding-left:0;
margin-top:20px;
}
.ncontact .ncontactnr,.ncontact .map{
width:100%;
}
.ncontact .map{
height:280px;
}
.ncontact .ncontactnr{
position:inherit;
}
.npro .nproimg,.npro .nprojs{
width:100%;
}
.npro .nproimg{
text-align:center;
}
.npro .nprojs{
padding-left:0;
}
.npro .nprojs h1{
font-size:26px;
}
.news-exp a{
width:100%;
}
.news-exp a:last-child{
text-align:left;
}
.footernr .bnav,.footernr .footerrt{
width:100%;
}
.footernr .footerrt dl{
float:left;
}
.bot .botlf,.bot .botrt{
text-align:center;
}
.footernr .bottel,.footernr .botfh a{
margin-top: 40px;
}
}
@media(max-width:767px) {
.pro {
padding: 40px 2% 0 2%;
}
.item p.p2, .banner .owl-carousel .owl-item:nth-child(2) .p2 {
font-size: 30px;
}
.item p.p5 {
font-size: 18px;
}
.item p.p1 {
font-size: 50px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p3{
font-size:18px;
}
.banner .owl-carousel .owl-item:nth-child(2) .p4 {
margin-top: 40px;
}
.item p.p6{
font-size:20px;
}
.ab_fl dl{
width:33%;
}
/*.ab_fl dl:last-child{
clear:both;
}*/
.ab_fl dl dt .counter {
font-size: 32px;
}
.hyyy ul li img{
width:140%;
}
.hyyy ul li .hyyyen{
font-size:18px;
}
.hyyy ul li .hyyycn {
font-size: 26px;
line-height:30px;
}
.nqyln{
padding-right:6%;
}
.nqylnlf,.nqylnrt{
width:100%;
}
.nqylnlf{
padding-bottom:0;
}
.nqylnrt{
padding-top:60px;
padding-bottom:60px;
}
.nqylnrt .nqylnbtn{
display:none;
}
.nqyln_qywh{
width:100%;
}
.nprogg .nproggnr{
overflow-x:scroll;
}
.nprogg .nproggnr table{
width:700px;
margin:auto;
}
.footernr .bnav ul li{
width:33.3333333%;
}
.footernr .bnav ul li:last-child{
width:66.6666667%;
}
.cloud-product-ul li.active {
padding: 60px 20px 0 20px;
}
.customerlist .customerlf {
padding: 0;
}
.customerlist .customerrt{
margin-top:30px;
}
.cloud-product-ul li.active .ysnum {
font-size: 100px;
line-height:100px;
}
}
.logop {display: none}
@media(max-width:640px) {
.logoc {display: none}
.logop {display: block}
.abo-left {
width: 100%;
padding-right:0;
}
.small{
background:rgba(255,255,255,0.8);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
.abo-right {
width: 100%;
padding-left: 0;
}
.item p.p1 img {
height: 30px;
}
.item p.p1 {
font-size: 40px;
}
.banner .owl-carousel {
height: auto;
}
.item .cont {
top: 20%;
padding-left: 6%;
}
.news .newsnr dl dd .newsdate {
margin-top: 10px;
margin-bottom: 20px;
}
.news .newsnr dl {margin:0;}
.banner .owl-carousel .owl-item:nth-child(2) .item .cont{
padding-right:6%;
}
.banner .owl-carousel .owl-item:nth-child(3) .p3 {
font-size: 16px;
}
.item p.p4,.item p.p3,.banner .owl-carousel .owl-item:nth-child(3) .p4{
width:100%;
}
.item p.p6 {
font-size: 16px;
}
.item p.p2, .banner .owl-carousel .owl-item:nth-child(2) .p2 {
font-size: 24px;
line-height:30px;
}
.item p.p7{
margin-top:20px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p3{
margin-top:10px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p4 {
margin: 20px auto 0;
}
#owl-demo .owl-wrapper .owl-item .p_video {
display: none;
}
#owl-demo .owl-wrapper .owl-item:first-child{
background: url(/skin/images/banner.jpg) no-repeat top center;
background-size: cover;
}
.prortnr{
height:450px;
background-size: 640px;
}
.tit h3,.tit h3 a,.nzc .nzcrt h3,.nqylnlf h3{
font-size:30px;
}
.nmessage dl{
width:100%;
}
.nmessage dl:nth-child(2n+1){
margin-right:0;
}
.nmessage dl:nth-child(2n){
margin-left:0;
}
.cloud-product-ul li h4 {
width: 30px;
}
.cloud-product-ul li h4, .cloud-product-ul li.active h4 {
font-size: 20px;
line-height:30px;
}
.cloud-product-ul li.active hr {
margin: 10px auto 0;
}
.cloud-product-ul li.active .ysjs{
margin-top:10px;
}
.cloud-product-ul li.active .ysjs {
font-size: 14px;
line-height: 25px;
}
}
@media(max-width:639px) {
.npro dl{
width:100%;
}
.banner {
top: 60px;
}
.about {
margin-top: 60px;
}
}
@media(max-width:540px) {
.npro .nprojs h1{
font-size:22px;
}
.swiper-button-next, .swiper-button-prev{
display:none;
}
.item p.p4 {
line-height:25px;
padding:5px 0;
}
.item p.p3 {
margin-top: 20px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p4 {
margin: 30px auto 0;
}
.banner .owl-carousel .owl-item:nth-child(3) .cont{
margin-top:-92.5px;
}
}
@media(max-width:425px) {
.prortnr{
padding: 62px 0 0 30px;
}
.item p.p4{
margin-top:24px;
}
.hyyy ul li img{
width:160%;
}
.product-thumbs .title{
font-size:14px;
}
.hyyy .tit{
top:6%;
}
.hyyy .tit hr {
margin: 8px auto 0;
}
.hyyy ul li img {
width: 170%;
}
.hyyy ul li .hyyyen {
font-size: 16px;
line-height:25px;
}
.hyyy ul li .hyyycn {
font-size: 22px;
margin-top:0;
}
.hyyy ul li hr {
margin-top: 10px;
}
.product-thumbs .title {
font-size: 13px;
}
.banner .owl-carousel .owl-item:nth-child(3) .p4 {
margin: 20px auto 0;
}
.cloud-product-ul li.active .ysnum {
font-size: 70px;
line-height: 70px;
}
.cloud-product-ul li .ysnum {
font-size: 40px;
line-height: 40px;
}
.cloud-product-ul li h4, .cloud-product-ul li.active h4{
font-size:18px;
}
.cloud-product-ul li.active {
padding: 40px 10px 0 10px;
}
.cloud-product-ul li.active .ysjs{
line-height:22px;
}
}
@media(max-width:320px) {
}
.sidebar *{ box-sizing:border-box;}
.sidebar {
position:fixed;
top:80%;
right:20px;
width:42px;
text-align:center;
z-index:10;
height:250px;
margin-top:-125px;
z-index:9;
line-height:42px
}
.sidebar a {
width:42px;
height:42px;
border-radius:21px;
cursor:pointer;
display:block;
overflow:hidden;
transition:all .3s cubic-bezier(.15,.65,.58,.99);
-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a>span {
color:#fff;
font-size:14px;
margin-left:25px;
display:none;
line-height:42px;
height:42px;
opacity:0;
filter:alpha(opacity=0);
transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a.right-qq {
background:url(../images/sidebar-icon1.png) no-repeat center;
margin-bottom:10px;
background-color:#0f66c8;
position:absolute;
right:0;
top:0
}
.sidebar a.right-qq:hover {
width:148px;
background:url(../images/sidebar-icon1.png) no-repeat 20px center #88ae1b
}
.sidebar a.right-weixin {
background:url(../images/sidebar-icon2.png) no-repeat center;
background-color:#0f66c8;
margin-bottom:10px;
position:absolute;
right:0;
top:52px;
overflow:visible
}
.sidebar a.right-weixin:hover {
background:url(../images/sidebar-icon2.png) no-repeat center #000;
}
.sidebar a.right-weixin:hover .weixin-code {
opacity:1;
visibility:visible;
left:-140px
}
.sidebar .weixin-code {
position:absolute;
left:-125px;
top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
opacity:0;
visibility:hidden;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}
.sidebar .weixin-code img {
width:120px;
height:120px
}
.sidebar a.right-tell {
background:url(../images/sidebar-icon3.png) no-repeat center;
background-color:#0f66c8;
margin-bottom:10px;
position:absolute;
right:0;
top:104px
}
.sidebar a.right-tell:hover {
width:160px;
background:url(../images/sidebar-icon3.png) no-repeat 20px center #000;
}
.sidebar a.right-message {
background:url(../images/sidebar-icon4.png) no-repeat center;
background-color:#0f66c8;
margin-bottom:10px;
position:absolute;
right:0;
top:156px;
overflow:visible
}
.sidebar a.right-message:hover {
background:url(../images/sidebar-icon4.png) no-repeat center #000;
}
.sidebar a.right-message:hover .fixed-message {
opacity:1;
visibility:visible;
left:-325px
}
.sidebar a.right-top {
background:url(../images/sidebar-icon5.png) no-repeat center;
background-color:#0f66c8;
position:absolute;
/* bottom: 0; */
right: 0;
top: 160px;
}
.sidebar a.right-top:hover {
width:120px;
background:url(../images/sidebar-icon5.png) no-repeat 20px center #000;
}
.sidebar a:hover>span {
display:block;
vertical-align:middle;
opacity:1;
filter:alpha(opacity=100)
}
@media (max-width: 768px) {
.sidebar { display: none;}
}