@charset "UTF-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
margin: 0px;
}
input, button, ul, ol {
margin: 0px;
padding: 0px;
}
body, input, button, form {
font-size: 14px;
line-height: 28px;
font-family: "microsoft yahei", '宋体', 'PingFang SC', 'Myriad Pro', "AvantGarde Bk BT", "Arial", 'Helvetica Neue', 'Helvetica', 'sans-serif';
color: #666;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
font-weight: normal;
}
ul, ol, li {
list-style: none;
}
input {
background: none;
border: 0 none;
}
img, iframe {
border: 0px;
}
em, i {
font-style: normal;
}
button, input, select, textarea {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.red {
color: #ba292e;
}
.fl {
float: right;
}
.fr {
float: right;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.poa {
position: absolute;
}
.por {
position: relative;
}
.hidden {
display: none;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.icon {
background: url(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #30b7ef;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.ease, .ease * {
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.noease, .noease * {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/*top_main*/
.top_main {
width: 100%;
height: 40px;
line-height: 40px;
background: #30b7ef;
font-size: 12px;
color: #fff;
z-index: 12;
}
.top_main .top_r {
margin-right: 10px;
}
.top_main li {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
text-align: center;
}
.top_main li a {
color: #fff;
cursor: pointer;
padding: 0 16px;
}
.top_main li a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_main .split {
display: inline-block;
*display: inline;
*zoom: 1;
width: 1px;
height: 12px;
background: #83d4f5;
vertical-align: middle;
}
.top_main .map {
width: 85px;
border-left: 1px solid #83d4f5;
text-indent: 20px;
padding-left: 10px;
background: url(../images/map.png) 10px center no-repeat;
color: #fff;
}
.top_main .map a {
color: #fff;
}
.top_main .map a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_main .top_right {
text-align: right;
font-size: 0;
line-height: 0;
}
.top_main .top_right li {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 40px;
font-size: 12px;
height: 40px;
}
.top_main .top_right .sou {
width: 45px;
border-left: 1px solid #83d4f5;
position: relative;
}
.top_main .top_right .sou a {
display: block;
height: 27px;
padding: 0;
padding-top: 13px;
}
.top_main .top_right .sou s {
width: 18px;
height: 18px;
display: block;
margin: 0 auto;
background: url(../images/search.png) no-repeat;
}
.top_main .top_right .sou:hover {
background-color: #0362ab;
}
.top_main .search {
width: 200px;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
top: 40px;
background: #0362ab;
z-index: 999;
display: none;
overflow: hidden;
}
.top_main .search .stxt {
width: 100%;
height: 40px;
line-height: 40px;
text-indent: 10px;
float: left;
background: none;
border: 0px;
outline: none;
color: #fff;
}
.top_main .search .sbtn {
width: 25px;
height: 20px;
position: absolute;
outline: none;
cursor: pointer;
right: 10px;
top: 10px;
background-color: #0362ab;
background: url(../images/search.png) 3px 1px no-repeat;
}
/*header_main*/
.header_main {
position: relative;
width: 100%;
height: 120px;
z-index: 100;
background: #fff;
}
.header_main .logo {
float: left;
width: 675px;
height: 93px;
display: block;
padding: 10px 0 0 1%;
}
.header_main .logo img {
float: left;
display: block;
}
.header_main .tel_main {
float: right;
width: 276px;
height: 110px;
}
.header_main .tel_main .zx {
margin-top: 30px;
font-size: 14px;
line-height: 24px;
color: #666;
}
.header_main .tel_main .tel {
width: 270px;
height: 50px;
line-height: 50px;
background: #30b7ef;
border-radius: 25px;
text-align: center;
margin-top: 35px;
}
.header_main .tel_main .tel .t1 {
margin-right: 6px;
font-size: 16px;
color: #fff;
}
.header_main .tel_main .tel .num {
font-size: 20px;
font-weight: bold;
color: #fff;
}
/*导航栏下拉*/
#nav_main {
position: relative;
height: 50px;
z-index: 60;
margin-bottom:25px;
margin-top:25px;
}
#nav_main .logo{
float:left;
max-width:400px;
overflow:hidden
}
#nav_main .logo img{ max-width:100%; max-height: 50px;}
#nav_main .nav {
display: block;
float:right;
}
#nav_main li {
float: left;
display: block;
width: 100px;
height: 50px;
font-size: 18px;
text-align: center;
line-height: 40px;
position: relative;
}
#nav_main li a {
display: block;
margin-top: 1px;
text-align: center;
position: relative;
height: 50px;
color: #666;
font-size: 16px;
line-height: 50px;
}
#nav_main li a:hover, #nav li.hover a {
height: 50px;
color: #30b7ef;
}
#nav_main li .subnav {
margin-right: 0;
transition: all .36s ease;
position: absolute;
top: calc(100% - 2px);
left: 0;
opacity: 0;
width: 100%;
height: auto;
border-width: 2px 0 0;
border-style: solid;
border-color: #008fd7;
overflow: hidden;
z-index: 199;
background: #fff;
}
#nav_main li .subnav {
position: absolute;
left: 0px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 199;
opacity: 0;
visibility: hidden;
height: auto;
overflow: hidden;
width: 100%;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
#nav_main li .subnav .nav1 {
transition: all .36s ease;
display: block;
font-weight: 500;
margin-left: 0;
line-height: 48px;
cursor: pointer;
width: 100%;
border-bottom: 1px solid rgba(170,170,170,.2);
}
#nav_main li .subnav .nav1 .subA {
height: 50px!important;
transition: all .36s ease;
display: block;
font-weight: 500;
line-height: 50px!important;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #666!important;
}
#nav_main li:hover .subnav {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
#nav_main li.hover .subnav .nav1.subA {
color: #666;
}
#nav_main .subnav .nav1:hover .subA {
color: #30b7ef!important;
}
/* banner */
#banner_main {
z-index: 2;
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
}
#banner_main .banner {
width: 1920px;
height: 600px;
position: absolute;
left: 50%;
margin-left: -960px;
overflow: hidden;
}
#banner {
width: 100%;
min-width: 1000px;
position: relative;
overflow: hidden;
z-index: 0;
}
#banner, .banner ul {
max-height: 600px;
overflow: hidden;
}
.banner li {
width: 100%;
position: absolute;
z-index: 1;
overflow: hidden;
}
.banner li:first-child {
display: block;
}
.banner li img {
width: 1920px;
display: block;
position: relative;
left: 50%;
margin-left: -960px;
top: 0;
min-width: 1200px;
}
#banner .tip {
width: 1200px;
height: 20px;
line-height: 0;
font-size: 0;
text-align: center;
position: absolute;
left: 50%;
margin-left: -600px;
bottom: 0px;
z-index: 13;
}
#banner #tip {
width: 1200px;
height: 20px;
line-height: 0;
font-size: 0;
text-align: center;
position: absolute;
left: 50%;
margin-left: -600px;
bottom: 0px;
z-index: 13;
}
#banner #tip #num {
display: block;
height: 60px;
font-size: 36px;
line-height: 60px;
text-align: center;
color: #0362ab;
text-indent: 80px;
}
#banner #tip .hd {
position: absolute;
bottom: 0;
right: 30%;
width: 261px;
height: 30px;
z-index: 12;
bottom: 20px;
}
#banner #btn_prev, #banner #btn_next {
float: left;
display: block;
width: 30px;
height: 30px;
z-index: 5;
cursor: pointer;
transition: all 600ms ease;
}
#banner #btn_prev {
background: url("../images/prev.png") no-repeat center center #30b7ef;
border-right: 1px solid #0362ab;
}
#banner #btn_next {
background: url("../images/next.png") no-repeat center center #30b7ef;
}
#banner #btn_prev:hover {
opacity: .9;
filter: alpha(opacity=80);
transition: all 600ms ease;
background: url("../images/prev1.png") no-repeat center center #0362ab;
}
#banner #btn_next:hover {
opacity: .9;
filter: alpha(opacity=80);
transition: all 600ms ease;
background: url("../images/next1.png") no-repeat center center #0362ab;
}
#banner .flip {
position: absolute;
bottom: 0;
right: 261px;
width: 320px;
height: 60px;
background: url("../images/flip.png") no-repeat;
z-index: 12;
}
/*banner end*/
/*footer*/
.bottom_main {
width: 100%;
height: auto;
padding-bottom: 30px;
background: #e6e6e6;
border-bottom: 1px solid #767272;
}
.bottom_main .bottom_nav {
margin-top: 58px;
margin-right: 50px;
}
.bottom_main .bottom_nav .left {
float: left;
width: 130px;
height: 185px;
display: inline-block;
border-right: 1px solid #e6e6e6;
}
.bottom_main .bottom_nav .left h3 {
font-size: 18px;
line-height: 16px;
color: #666;
height: 34px;
text-align: center;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.bottom_main .bottom_nav .left dd {
text-align: center;
}
.bottom_main .bottom_nav .left dd a {
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #999;
text-align: center;
}
.bottom_main .bottom_nav .left a:hover {
color: #30b7ef;
}
.bottom_main .bottom_nav .left dt:hover h3 {
color: #30b7ef;
}
.bottom_main .txt .tit {
padding-left: 40px;
margin-top: 47px;
height: 33px;
font-size: 22px;
line-height: 33px;
color: #666;
background: url("../images/tel.png") no-repeat;
background-size: 33px 33px;
}
.bottom_main .txt .hotLine {
margin-top: 12px;
font-size: 14px;
line-height: 30px;
color: #666;
width: 230px;
}
.bottom_copy {
width: 100%;
background: #e6e6e6;
line-height: 35px;
color: #666;
font-size: 14px;
padding: 30px 0;
}
.bottom_copy .w1200 {
text-align: center;
}
.bottom_copy a {
display: inline-block;
color: #666;
padding-left: 6px;
}
.bottom_copy a:hover {
color: #30b7ef;
}
/********.toolbar1*********/
.toolbar_wrap {
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 0;
height: 100%;
}
.toolbar {
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
z-index: 1000;
}
.toolbar .toolbar_tabs {
position: absolute;
top: 50%;
left: -60px;
width: 60px;
margin-top: -61px;
}
.toolbar .toolbar_tab {
position: relative;
width: 60px;
height: 60px;
margin-bottom: 4px;
cursor: pointer;
background-color: #0362ab;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.toolbar .tab_person .tab_ico {
background-position: 7px 8px;
}
.toolbar .tab_ico {
width: 34px;
height: 35px;
margin-left: 1px;
position: relative;
z-index: 2;
background-color: #0362ab;
_display: block;
display: inline-block;
background-image: url(../images/toolbaricon.png);
background-repeat: no-repeat;
}
.toolbar .tab_text {
width: 130px;
font-size: 14px;
height: 60px;
line-height: 60px;
color: #fff;
text-align: center;
position: absolute;
z-index: 1;
left: 80px;
top: 0;
background-color: #30b7ef;
border-radius: 3px;
}
.toolbar_tab:hover, .toolbar_tab:hover .tab_ico, .toolbar_tab_hover, .toolbar_tab_hover .tab_ico {
background-color: #30b7ef;
}
.toolbar .tab_kf em {
width: 130px;
height: 130px;
text-align: left;
}
.toolbar .tab_kf em img {
width: 110px;
height: 110px;
margin-top: 10px;
margin-left: 10px;
}
.toolbar .toolbar_tabs a {
display: inline-block;
height: 60px;
}
/*.toolbar .tab_kf .tab_text{margin-top:-40rpx;}*/
/*******index css*******/
.index {
overflow: hidden;
}
.index .head_tit {
position: relative;
margin-bottom: 20px;
}
.index .head_tit .title {
text-align: center;
}
.index .head_tit .tit {
font-size: 35px;
color: #333;
line-height: 35px;
}
.index .head_tit .etit {
margin-top: 4px;
font-size: 12px;
color: #999;
line-height: 14px;
text-transform: uppercase;
}
.index .head_tit .more {
padding-left: 52px;
margin-top: 14px;
float: right;
font-size: 14px;
line-height: 14px;
background: url("../images/line1.png") no-repeat left center;
color: #999;
}
.index .head_tit .more:hover {
color: #30b7ef;
}
/*解决方案*/
.solutions {
padding-top: 60px;
}
.solutions .solute {
position: relative;
}
#solute .bd {
float: left;
width: 838px;
height: 518px;
}
#solute .bd .list li {
position: relative;
display: block;
width: 838px;
height: 518px;
}
#solute .bd .list li .img {
position: absolute;
left: 90px;
display: block;
width: 706px;
height: 518px;
z-index: 2;
}
#solute .bd .list li .txt {
position: absolute;
top: 86px;
left: 0;
display: block;
width: 390px;
height: 360px;
background: url("../images/txt_bg.png") no-repeat;
z-index: 3;
}
#solute .bd .list li .txt .tit {
margin-top: 100px;
margin-left: 60px;
font-size: 18px;
color: #333;
line-height: 20px;
}
#solute .bd .list li .txt .cont {
margin-top: 20px;
margin-left: 60px;
width: 260px;
font-size: 14px;
color: #666;
line-height: 24px;
}
#solute .hd {
float: right;
width: 354px;
}
#solute .hd .list li {
display: block;
width: 360px;
height: 162px;
margin-bottom: 12px;
border: 1px solid #ececec;
cursor: pointer;
}
#solute .hd .list li .txt {
height: 90px;
margin-top: 40px;
margin-left: 40px;
padding-left: 110px;
}
#solute .hd .list li .txt .tit {
padding-top: 20px;
font-size: 18px;
color: #666;
line-height: 20px;
}
#solute .hd .list li .txt .etit {
margin-top: 8px;
font-size: 14px;
color: #999;
text-transform: uppercase;
}
#solute .bd .list li:hover .txt .tit {
color: #30b7ef;
}
#solute .hd .list li.item1 .txt {
background: url("../images/ico1.png") no-repeat;
}
#solute .hd .list li.item2 .txt {
background: url("../images/ico2.png") no-repeat;
}
#solute .hd .list li.item3 .txt {
background: url("../images/ico3.png") no-repeat;
}
#solute .hd .list li.item1:hover .txt {
background: url("../images/ico11.png") no-repeat;
}
#solute .hd .list li.item2:hover .txt {
background: url("../images/ico21.png") no-repeat;
}
#solute .hd .list li.item3:hover .txt {
background: url("../images/ico31.png") no-repeat;
}
#solute .hd .list li.item1.on .txt {
background: url("../images/ico11.png") no-repeat;
}
#solute .hd .list li.item2.on .txt {
background: url("../images/ico21.png") no-repeat;
}
#solute .hd .list li.item3.on .txt {
background: url("../images/ico31.png") no-repeat;
}
#solute .hd .list li.on, #solute .hd .list li:hover {
background-color: #30b7ef;
transition: all ease 600ms;
}
#solute .hd .list li.on .txt .tit, #solute .hd .list li.on .txt .etit {
color: #fff;
}
#solute .hd .arrow {
position: absolute;
top: 260px;
left: 388px;
z-index: 12;
}
#solute .hd .arrow .next {
display: block;
width: 38px;
height: 92px;
background: url("../images/nnext.png") no-repeat;
cursor: pointer;
}
/*案例展示*/
.icaseShow {
margin-top: 00px;
}
.icaseShow .icase {
position: relative;
height: 70px;
}
.icaseShow .menu1 {
position: absolute;
top: 0;
right: 136px;
}
.icaseShow .menu1 a {
float: left;
display: block;
padding: 0 15px;
height: 31px;
margin-right: 6px;
font-size: 14px;
text-align: center;
line-height: 30px;
color: #666;
background: #fff;
border-radius: 20px;
}
.icaseShow .menu1 a.hover, .icaseShow .menu1 a:hover {
color: #fff;
background: #30b7ef;
}
.caseMain {
position: relative;
width: 100%;
height: 476px;
background: url("../images/case_bg.png") no-repeat;
background-size: 100% 476px;
}
.caseMain .bd {
position: relative;
width: 100%;
padding-top: 0px;
z-index: 12;
}
.caseMain .bd .list {
width: 106%;
}
.caseMain .bd .list li {
float: left;
width: 280px;
height: 356px;
margin-right: 26px;
}
.caseMain .bd .list li .img {
display: block;
width: 280px;
height: 210px;
}
.caseMain .bd .list li .txt {
width: 240px;
height: 66px;
padding: 0 20px;
background: #fff;
transition: all ease 600ms;
}
.caseMain .bd .list li .txt .tit {
padding-top: 20px;
font-size: 16px;
color: #666;
line-height: 30px;
}
.caseMain .bd .list li .txt .cont {
font-size: 14px;
color: #999;
line-height: 24px;
}
.caseMain .bd .list li .txt .more {
margin-top: 12px;
font-size: 14px;
color: #999;
line-height: 14px;
}
.caseMain .bd .list li:hover .txt {
background: #30b7ef;
transition: all ease 600ms;
}
.caseMain .bd .list li:hover .txt .tit, .caseMain .bd .list li:hover .txt .cont, .caseMain .bd .list li:hover .txt .more {
color: #fff;
}
.caseMain .bd .list li:hover .img {
filter: brightness(105%);
-webkit-filter: brightness(105%);
}
.caseMain .hd {
position: absolute;
top: 224px;
width: 1200px;
height: 30px;
}
.caseMain .hd .prev, .caseMain .hd .next {
position: absolute;
display: block;
width: 29px;
height: 29px;
cursor: pointer;
}
.caseMain .hd .prev {
background-position: 0 0;
left: -6.6%;
}
.caseMain .hd .next {
background-position: -36px 0;
right: -6.6%;
}
.caseMain .hd .prev:hover {
background-position: 0 -40px;
}
.caseMain .hd .next:hover {
background-position: -36px -40px;
}
/*关于我们*/
.aboutus {
height: 520px;
}
.aboutus .about {
padding-top: 60px;
}
.aboutus .aboutImg {
position: absolute;
width: 590px;
height: 396px;
}
.aboutus .aboutImg .aboutBg {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 396px;
background: #30b7ef;
z-index: 2;
}
.aboutus .aboutImg .aImg {
position: relative;
z-index: 3;
}
.aboutus .aboutImg .aImg .img {
margin-left: 30px;
width: 560px;
height: 345px;
}
.aboutus .aboutImg .aImg .tit {
padding-left: 18px;
margin-left: 30px;
background: url("../images/triger.png") no-repeat left center;
color: #fff;
text-transform: uppercase;
}
.aboutus .aboutCont {
position: relative;
float: right;
width: 506px;
height: 396px;
}
.aboutus .aboutCont .about_tit {
padding-top: 00px;
}
.aboutus .aboutCont .about_tit .cName {
font-size: 24px;
color: #333;
line-height: 40px;
}
.aboutus .aboutCont .about_tit .eName {
margin-top: 8px;
font-size: 12px;
color: #999;
line-height: 12px;
}
.aboutus .aboutCont .about_tit .line {
width: 140px;
height: 1px;
margin-top: 20px;
background-color: #9ad9f3;
margin-left: -90px;
}
.aboutus .aboutCont .cont {
margin-top: 30px;
font-size: 14px;
line-height: 26px;
color: #666;
}
.aboutus .aboutCont .line1 {
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 3px;
background-color: #30b7ef;
}
.aboutus .aboutCont .more {
position: absolute;
top: 0;
right: 0;
padding-left: 52px;
font-size: 14px;
line-height: 14px;
background: url("../images/line1.png") no-repeat left center;
color: #999;
}
.aboutus .aboutCont .more:hover {
color: #30b7ef;
}
/*公司新闻*/
.companyNews {
width: 100%;
height: 594px;
background: url("../images/news_bg.png") no-repeat;
background-size: 100% 594px;
}
.companyNews .head_tit {
padding-top: 60px;
}
.companyNews .head_tit .tit {
color: #fff;
}
.companyNews .head_tit .etit {
color: #999;
}
.companyNews .showNew {
margin-top: 20px;
}
.companyNews .showNew .left {
float: left;
width: 440px;
}
.companyNews .showNew .rest {
position: relative;
width: 440px;
height: 400px;
}
.companyNews .showNew .rest .bd .list li {
position: relative;
width: 440px;
height: 400px;
}
.companyNews .showNew .rest .bd .list li img {
display: block;
width: 440px;
height: 256px;
}
.companyNews .showNew .rest .bd .list li .txt {
width: 440px;
height: 144px;
background: #fff;
transition: all ease 600ms;
}
.companyNews .showNew .rest .bd .list li .txt .tit {
padding-top: 30px;
margin-left: 24px;
font-size: 16px;
color: #666;
text-align: left;
line-height: 30px;
}
.companyNews .showNew .rest .bd .list li .txt .cont {
width: 386px;
margin-top: 8px;
margin-left: 24px;
font-size: 14px;
color: #999;
line-height: 24px;
color: #999;
}
.companyNews .showNew .rest .bd .list li:hover img {
-webkit-filter: brightness(105%);
filter: brightness(105%);
}
.companyNews .showNew .rest .bd .list li:hover .txt {
background: #f6b927;
transition: all ease 600ms;
}
.companyNews .showNew .rest .bd .list li:hover .txt .tit {
color: #fff;
}
.companyNews .showNew .rest .bd .list li:hover .txt .cont {
color: #fff;
}
.companyNews .showNew .rest .hd {
position: absolute;
width: 30%;
bottom: 12px;
right: 30px;
}
.companyNews .showNew .rest .hd .iconList {
float: right;
}
.companyNews .showNew .rest .hd li {
float: left;
width: 10px;
height: 10px;
background-color: #d9d6d3;
border-radius: 100%;
margin-right: 12px;
font-size: 0px;
cursor: pointer;
}
.companyNews .showNew .rest .hd li.on {
background-color: #30b7ef;
}
.companyNews .showNew .right {
float: left;
width: 730px;
margin-left: 30px;
}
.companyNews .showNew .right .showList {
width: 106%;
}
.companyNews .showNew .right .showList .list li {
position: relative;
float: left;
width: 354px;
height: 190px;
margin-bottom: 20px;
margin-right: 20px;
background: #fff;
transition: all ease 600ms;
cursor: pointer;
}
.companyNews .showNew .right .showList .list li .time {
float: left;
width: 60px;
padding-top: 70px;
margin-left: 16px;
}
.companyNews .showNew .right .showList .list li .time .day {
font-size: 42px;
color: #f6b827;
line-height: 36px;
}
.companyNews .showNew .right .showList .list li .time .year {
margin-top: 6px;
font-size: 12px;
color: #666;
line-height: 14px;
text-indent: 3px;
}
.companyNews .showNew .right .showList .list li .txt {
float: left;
width: 250px;
margin-left: 12px;
}
.companyNews .showNew .right .showList .list li .txt .tit {
padding-top: 40px;
font-size: 16px;
color: #666;
text-align: left;
line-height: 36px;
}
.companyNews .showNew .right .showList .list li .txt .cont {
font-size: 14px;
color: #999;
line-height: 24px;
}
.companyNews .showNew .right .showList .list li:hover {
background: #f6b927;
transition: all ease 600ms;
}
.companyNews .showNew .right .showList .list li:hover .time .day {
color: #fff;
}
.companyNews .showNew .right .showList .list li:hover .txt .tit {
color: #fff;
}
.companyNews .showNew .right .showList .list li:hover .txt .cont {
color: #666;
}
/*内页样式*/
/***********category css*************/
.nyIcon {
background: url(../images/nyicon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
/*wrapper*/
.wrapper {
padding: 0 0 36px;
min-height: 220px;
background: #f5f5f5;
}
.wrapper .noinfor {
padding: 0 0 20px;
text-align: left;
color: red;
text-align: center;
}
/*nybanner*/
.nybanner {
width: 100%;
height: 250px;
line-height: 42px;
position: relative;
overflow: hidden;
background: url(../images/nybanner.jpg) center top no-repeat;
background-position: center top;
background-repeat: no-repeat;
color: #fff;
}
.nybanner h3 {
font-size: 34px;
padding: 70px 0 6px;
}
.nybanner .en {
font-size: 30px;
font-family: arial;
font-weight: bold;
}
.nybanner .line {
width: 50px;
height: 2px;
display: block;
background: #fff;
margin-top: 10px;
}
/*menu*/
.menu {
width: 100%;
height: 60px;
line-height: 60px;
background: #fff;
border-bottom: 1px solid #ddd;
}
.menu .list {
width: 1199px;
margin: 0 auto;
border-left: 1px solid #ddd;
}
.menu li {
width: 198px;
height: 60px;
float: left;
border-right: 1px solid #dddddd;
position: relative;
}
.menu li .nav1 {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 18px;
display: block;
text-align: center;
}
.menu li .nav1 s {
border-style: solid dashed dashed dashed;
border-color: rgba(255, 255, 255, 0) transparent transparent transparent;
border-width: 10px;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -20px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.menu li:hover, .menu li.hover {
border-right-color: #ddd;
}
.menu li:hover .nav1, .menu li.hover .nav1 {
background: #30b7ef;
color: #fff;
}
.menu li:hover .nav1 s, .menu li.hover .nav1 s {
border-color: #30b7ef transparent transparent transparent;
}
.menu li .subMenu {
position: absolute;
left: 0px;
top: 50px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 199;
opacity: 0;
visibility: hidden;
height: auto;
overflow: hidden;
width: 100%;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
text-align: center;/* border-top: 2px solid #008fd7; */
padding-top: 20px;
}
.menu li:hover .subMenu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.menu li .subMenu a {
display: block;
width: 100%;
font-size: 16px;
line-height: 50px;
background: #fff;
border-bottom: 1px solid rgba(170,170,170,.2);
}
.menu li .subMenu a:hover {
background: #30b7ef;
color: #fff;
}
/*sitepath*/
.sitepath {
height: 80px;
line-height: 80px;
text-align: right;
}
.sitepath s {
width: 20px;
height: 18px;
background-position: 0 0;
margin-right: 4px;
}
/* reLink */
.reLink {
height: 48px;
line-height: 48px;
padding: 0 15px;
border: 1px solid #dddddd;
}
.reLink .nextLink, .reLink .prevLink {
width: 50%;
color: #666;
}
.reLink .nextLink {
text-align: right;
}
.reLink a {
display: block;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.reLink a:hover {
color: #30b7ef;
}
/*n-gridlist*/
.n-gridlist {
width: 100%;
}
.n-gridlist .item {
width: 380px;
float: left;
margin: 5px 0px 0px 20px;
background: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.n-gridlist .item a {
width: 100%;
display: block;
cursor: pointer;
}
.n-gridlist .item img {
width: 380px;
height: 285px;
display: block;
}
.n-gridlist .item h3 {
width: 100%;
height: 64px;
line-height: 64px;
text-align: center;
font-size: 16px;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.n-gridlist .item .bg {
position: absolute;
width: 400px;
padding-top: 136px;
height: 240px;
left: -400px;
top: 0;
z-index: 10;
background: url(../images/red80.png) repeat 0 0;
text-align: center;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.n-gridlist .item .bg s {
width: 50px;
height: 50px;
display: block;
border-radius: 100%;
margin: 0 auto;
background-color: #fff;
background-position: -22px 18px;
}
.n-gridlist .item:hover {
background: #0362ab;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.n-gridlist .item:hover h3 {
color: #fff;
}
.n-gridlist .item:hover .bg {
left: 0;
}
/*showList*/
.showList {
width: 105%;
}
.showList .item {
width: 380px;
float: left;
margin: 0 30px 30px 0;
background: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.showList .item a {
width: 100%;
display: block;
cursor: pointer;
}
.showList .item img {
width: 380px;
height: 213px;
display: block;
}
.showList .item h3 {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.showList .item .bg {
position: absolute;
width: 400px;
padding-top: 136px;
height: 240px;
left: -400px;
top: -34px;
z-index: 10;
background: url(../images/red80.png) repeat 0 0;
text-align: center;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.showList .item .bg s {
width: 50px;
height: 50px;
display: block;
border-radius: 100%;
margin: 0 auto;
background-color: #fff;
background-position: -22px 18px;
}
.showList .item:hover {
background: #333333;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.showList .item:hover h3 {
color: #fff;
}
.showList .item:hover .bg {
left: 0;
}
/*n-tit*/
.n-tit {
margin-bottom: 30px;
}
.n-tit h3 {
line-height: 35px;
font-size: 24px;
}
.n-tit s {
width: 4px;
height: 22px;
margin-right: 15px;
background: #30b7ef;
display: inline-block;
vertical-align: middle;
}
.n-tit .more {
font-size: 16px;
width: 120px;
height: 30px;
text-align: center;
line-height: 30px;
margin-top: 10px;
border: 1px solid #ddd;
transition: all ease 600ms;
}
.n-tit .more:hover {
width: 150px;
transition: all ease 600ms;
}
/*relateNews*/
.relateNews {
padding: 55px 0 0;
width: 100%;
overflow: hidden;
}
.relateNews .list {
width: 110%;
}
.relateNews .list li {
width: 545px;
float: left;
margin-right: 32px;
margin-bottom: 20px;
}
.relateNews .list li a {
display: block;
width: 100%;
height: 100px;
}
.relateNews .list li img {
width: 135px;
height: 100px;
display: block;
float: left;
margin-right: 20px;
}
.relateNews .list li h3 {
line-height: 26px;
font-size: 16px;
float: left;
}
.relateNews .list li p {
line-height: 24px;
overflow: hidden;
font-size: 14px;
color: #999;
float: left;
width: 388px;
text-align: justify;
}
.relateNews .list li .time {
color: #999999;
font-family: arial;
font-size: 16px;
line-height: 26px;
float: right;
}
/*aboutPage*/
.aboutPage {
padding: 40px 40px;
width: 1120px;
margin: 0 auto;
background: #fff;
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.aboutPage .contact_tit {
text-align: center;
position: relative;
padding-bottom: 30px;
margin-top: 30px;
*margin-top:60px;
}
.aboutPage .contact_tit .tit {
font-size: 45px;
line-height: 66px;
font-weight: 100;
position: relative;
display: inline;
z-index: 12;
}
.aboutPage .contact_tit .tit i {
background: #bababa;
width: 90px;
height: 1px;
display: block;
position: absolute;
right: -120px;
top: 30px;
display: block;
}
.aboutPage .contact_tit .tit i:first-child {
left: -120px;
right: auto;
}
.aboutPage .contact_tit .entit {
font-size: 82px;
line-height: 66px;
color: #eee;
text-transform: uppercase;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0px;
z-index: 10;
font-family: Arial;
}
.aboutPage .txtcon {
min-height: 460px;
}
.aboutPage .txtcon img {
max-width: 100%;
}
.aboutPage .mapArea {
width: 100%;
height: 400px;
margin-top: 20px;
}
.aboutPage .mapArea #allmap {
width: 100%;
height: 400px;
}
/*newsPage*/
.newsPage .item {
width: 100%;
height: 168px;
margin-bottom: 20px;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
background: #fff;
}
.newsPage .item a {
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
.newsPage .item img {
width: 224px;
height: 168px;
display: block;
margin-right: 30px;
}
.newsPage .item h3 {
font-size: 20px;
padding: 35px 0 20px;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.newsPage .item .txt {
color: #999999;
line-height: 24px;
height: 48px;
padding-right: 130px;
overflow: hidden;
}
.newsPage .item .time {
width: 150px;
padding-top: 45px;
font-family: arial;
font-size: 20px;
color: #999;
}
.newsPage .item .time .day {
font-size: 40px;
line-height: 45px;
display: block;
}
.newsPage .item:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.newsPage .item:hover h3 {
font-weight: bold;
color: #30b7ef;
text-indent: 5px;
}
.newsPage .item:hover .time .day span {
background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
background: #ff0000;
color: #fff;
}
.newsPage .item:hover img {
filter: brightness(105%);
-webkit-filter: brightness(105%);
}
/*showNews*/
.showNews {
padding: 40px 40px;
width: 1198px;
margin: 0 auto;
background: #fff;
}
.showNews img {
max-width: 100%;
}
.showNews .title {
color: #333333;
line-height: 32px;
text-align: center;
font-weight: bold;
font-size: 22px;
}
.showNews .mark {
width: 100%;
height: 40px;
line-height: 40px;
margin: 15px 0 20px;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
text-align: center;
}
.showNews .mark span {
margin: 0 10px;
font-size: 12px;
color: #666666;
}
.showNews .shareNew {
padding-bottom: 25px;
}
.showNews .showContxt {
padding: 0 0 30px;
line-height: 30px;
}
/*showProduct*/
.showProduct {
padding: 40px 40px;
width: 1120px;
margin: 0 auto;
background: #fff;
}
.showProduct .pro-tit {
margin-bottom: 40px;
}
.showProduct .pro-tit s {
width: 4px;
height: 50px;
display: block;
background: #30b7ef;
float: left;
margin-right: 10px;
}
.showProduct .pro-tit h3 {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.showProduct .pro-tit .mark {
line-height: 20px;
color: #999;
}
.showProduct .pro-tit .mark span {
margin-right: 6px;
}
.showProduct img {
max-width: 100%;
}
.showProduct .shareNew {
padding-bottom: 25px;
}
.showProduct .showContxt {
padding: 0 0 30px;
line-height: 30px;
}
.showProduct .infoImg {
margin-bottom: 40px;
}
.showProduct .infoImg .imgf {
width: 500px;
height: 375px;
display: block;
float: left;
margin-right: 40px;
}
.showProduct .infoImg .txt {
line-height: 32px;
height: 320px;
overflow: hidden;
}
.showProduct .infoImg .btn {
margin-top: 15px;
}
.showProduct .infoImg .btn a {
width: 120px;
height: 40px;
line-height: 40px;
font-size: 16px;
display: inline-block;
margin-right: 10px;
text-align: center;
background: url(../images/detail-btnbg.png) no-repeat -140px center;
}
.showProduct .infoImg .btn a:hover {
background-position: left center;
color: #30b7ef;
}
/*msgPage*/
.msgPage {
padding: 40px 0px 55px;
width: 1120px;
margin: 0 auto;
margin-top: 50px;
background: #fff;
border: 1px solid #ddd;
}
.msgPage .online_title {
margin-bottom: 30px;
}
.msgPage .online_title .tit {
font-size: 30px;
color: #737373;
text-align: center;
}
.msgPage .online_title .entit {
font-size: 14px;
color: #737373;
font-family: Arial;
text-transform: uppercase;
text-align: center;
}
.formData {
width: 1000px;
margin: auto;
}
.formData .item {
height: 40px;
line-height: 40px;
width: 462px;
float: left;
position: relative;
margin-bottom: 25px;
}
.formData .item label {
width: 85px;
float: left;
color: #666;
padding-right: 5px;
text-align: right;
}
.formData .item .red {
color: red;
font-size: 12px;
position: absolute;
right: -10px;
top: 2px;
}
.formData .liuyan .red {
right: -2px;
top: 0px;
}
.formData .yzm .red {
right: 107px;
top: 2px;
}
.formData .item input {
width: 360px;
height: 40px;
line-height: 40px;
float: left;
padding-left: 10px;
border: 0px;
font-size: 14px;
background: #f5f5f5;
border-radius: 5px;
}
.formData .item .msg-box {
position: absolute;
left: 90px;
}
.formData .item.mr30 {
margin-right: 68px;
}
.formData .item.yzm {
width: 380px;
}
.formData .item.yzm input {
width: 160px;
}
.formData .item.yzm img {
margin-left: 20px;
}
.formData .item.youxiang {
margin-right: 70px;
}
.formData .item.liuyan {
width: 100%;
height: 96px;
}
.formData .item.liuyan textarea {
width: 880px;
float: left;
height: 76px;
border: 0px;
background: #f5f5f5;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
overflow: hidden;
color: #666;
resize: none;
font-family: "microsoft yahei";
}
.formData .itemsub {
width: 400px;
height: 40px;
line-height: 40px;
position: relative;
}
.formData .itemsub label {
width: 85px;
float: left;
color: #333;
padding-right: 5px;
text-align: right;
}
.formData .itemsub .msg-box {
position: absolute;
left: 90px;
}
.formData .itemsub input[type=text] {
width: 147px;
height: 40px;
line-height: 40px;
float: left;
border-radius: 6px;
font-size: 14px;
background: #f5f5f5;
color: #333;
text-indent: 10px;
}
.formData .itemsub img {
height: 32px;
float: left;
margin-top: 5px;
margin-left: 10px;
}
.formData .btn {
width: 100px;
height: 40px;
line-height: 40px;
cursor: pointer;
color: #fff;
margin-left: 8px;
background: #30b7ef;
}
.formData .btn[type=reset] {
background: #aaa;
margin-right: 9px;
}
/*searchPage*/
.searchPage {
overflow: hidden;
}
.searchPage ul {
width: 105%;
}
.searchPage .item {
width: 280px;
height: 222px;
float: left;
margin: 0 25px 30px 0;
background: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.searchPage .item a {
width: 100%;
display: block;
}
.searchPage .item img {
width: 280px;
height: auto;
display: block;
}
.searchPage .item h3 {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 64px;
line-height: 64px;
text-align: center;
font-size: 16px;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
background: #fff;
}
.searchPage .item .bg {
position: absolute;
width: 280px;
padding-top: 86px;
height: 72px;
left: -280px;
top: 0;
z-index: 10;
background: url(../images/red80.png) repeat 0 0;
text-align: center;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.searchPage .item .bg s {
width: 50px;
height: 50px;
display: block;
border-radius: 100%;
margin: 0 auto;
background-color: #fff;
background-position: -22px 18px;
}
.searchPage .item:hover {
background: #fff;
}
.searchPage .item:hover h3 {
color: #fff;
background: #30b7ef;
}
.searchPage .item:hover .bg {
left: 0;
}
.map_ul {
list-style: outside none none;
display: block;
width: 100%;
padding-top: 10px;
}
.map_ul li {
display: block;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #DCDBDB;
margin-left: 10px;
float: left;
}
.map_ul li a {
font-size: 14px;
float: left;
width: 100%;
height: 23px;
line-height: 23px;
font-weight: bold;
}
.map_ul .list-inline {
display: block;
margin-left: 7%;
width: 80%;
min-height: 30px;
}
.map_ul .list-inline a {
font-weight: normal;
width: auto;
float: none;
line-height: 32px;
height: 32px;
margin: 0 10px 10px 0;
display: inline-block;
border: 1px solid #ccc;
padding: 0px 10px;
}
.map_ul .list-inline a:hover {
background: #30b7ef;
color: #fff;
}
span.bds_more, .bds_tools a {
line-height: 14px !important;
}
/* Underline From Center2 */
.hvr-underline-from-center2 {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.hvr-underline-from-center2:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #30b7ef;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center2:hover:before, .hvr-underline-from-center2.hover:before, .hvr-underline-from-center2:focus:before, .hvr-underline-from-center2:active:before {
left: 0;
right: 0;
}
.hvr-underline-from-center2:hover, .hvr-underline-from-center2.hover {
*height: 47px !important;
*border-bottom: 3px solid #30b7ef;
*line-height: 50px !important;
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.02);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes scale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}