*{margin:0px;
padding:0px;
}
html,body{
-webkit-text-size-adjust:none;
}
body{
color:#5a5a5a;
background-color:#fff; font-family:Verdana, Geneva, sans-serif;
}
body img{
border:0px;
max-width:100%;
}
/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}
/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
COLOR: #5a5a5a; TEXT-DECORATION: none;
}
A:link {
COLOR: #5a5a5a; TEXT-DECORATION: none;
}
A:visited {
COLOR: #5a5a5a; TEXT-DECORATION: none;
}
A:hover {
RIGHT: 0px; COLOR: #004776;
text-decoration:none;
}
.clear{
clear:both;
}
ul li{
list-style-type:none;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.fl{
float:left;
}
.fr{
float:right;
}
.w{
width:1200px; height:auto; margin:0 auto;
}
.index{
background:url(../image/bg01.jpg) center center no-repeat;background-attachment:fixed;
}
/* --------- banner --------- */
.banner{
width:100%; height:auto; position:relative;
}
#slider-wrap{width:100%; height:780px;}
#slider{position: relative; width:100%; height:780px;}
#slider img{position:absolute; top:0; left:0; display:none; width:100%; height: 780px; margin:0 auto;}
.nivoSlider{position:relative;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px;display:block;left:0px;width:100%;height:auto;border:0;padding:0;margin:0;z-index:6;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute; left:0; bottom:0; width:990px; display:none; z-index:50; height: 40px; }
.nivo-caption p{width:990px;height: 40px; text-indent: -9999px}
.nivo-controlNav{position:absolute; left:50%; bottom:10px; z-index: 100; display:none;}
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer;background:#074d91}
.nivo-controlNav a.active{background:#ff6400;font-weight:bold}
.nivo-controlNav a{display:block; color: #fff; width:30px; height:20px; line-height: 20px; text-align: center; margin-right:3px; float:left; overflow: hidden;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-directionNav a {display:block;width:30px;height:30px;text-indent:-9999px;border:0;}
a.nivo-nextNav {right:15px;}
a.nivo-prevNav {left:15px;}
.wrap-box{
width:100%; height:112px; position:absolute; top:30px; /**z-index:1111;**/ left:0;
}
.header{
width:1200px; height:79px; background:url(../image/ntop.png) no-repeat;
}
.logo{
padding-left:15px; padding-top:11px;
}
.nav{
height:72px; line-height:72px; margin-top:7px; margin-right:35px;
}
.nav ul{
list-style-type:none;
}
.nav li{
width:auto; height:72px; text-align:center; float:left; margin-left:45px; display:inline; font-weight:bolder; position:relative;
}
.nav a{
line-height:72px; display:block; font-size:14px;
}
.nav a:hover{
background:url(../image/line01.jpg) left bottom no-repeat;
}
.nav li:hover a{
background:url(../image/line01.jpg) left bottom no-repeat;
}
.nav .on a{
background:url(../image/line01.jpg) left bottom no-repeat;
}
.nav ul li ul.sec-menu {
position:absolute; top: 72px; width: 258px; left:0px; display:none; background:#fff;filter: font-size:14px; color:#fff; z-index:111;
}
.nav ul li ul.sec-menu li {
list-style-type:none; height:auto; line-height:30px; float:none; margin-left:0px; font-weight:normal; text-align:left;
}
.nav ul li ul.sec-menu li a {
display:block; font-size:14px; height:auto; padding-left:10px; line-height:26px; padding-top:10px; padding-bottom:10px; color:#fff; border-top:1px #ddd solid; background:none;
}
.nav ul li ul.sec-menu li a:link {
display:block; font-size:14px;height:auto; line-height:26px; color:#5a5a5a;
}
.nav ul li ul.sec-menu li a:visited {
display:block; font-size:14px;height:auto; line-height:26px; color:#5a5a5a;
}
.nav ul li ul.sec-menu li a:hover {
display:block; font-size:14px;height:auto; line-height:26px; color:#fac312;
}
.nav li:hover .sec-menu{
height:auto;
}
.msearch{
display:none;
}
.mnav{
display:none;
}
.m-nav{
display:none;
}
.mseabox{
display:none;
}
.search{
width:169px; height:32px; border:1px #dddddd solid; margin-right:20px; margin-left:40px; margin-top:24px; padding-top:2px;
}
.lang{
width:30px; height:19px; margin-right:15px; margin-top:32px;
}
.seatxt{
width:125px; height:30px; border:0px; float:left; padding-left:10px; line-height:30px;
}
.seasub{
width:30px; height:30px; background:url(../image/seabg.jpg) center center no-repeat; border:0px; cursor:pointer;
}
.bannertxt{
text-align:center; font-size:20px; color:#fff; margin-top:170px; /*height:281px;*/ height:307px;
}
.bannertxt h2{
font-size:40px; background:url(../image/line01.jpg) center bottom no-repeat; padding-bottom:30px; margin-bottom:25px;
}
.service{
height:auto;
}
.service ul{
list-style-type:none;
}
.service li{
height:330px; /*width:380px;*/ /*width:265px;*/ width:24.2%; float:left; background-color:#fff; /*margin-right:30px;*/ /*margin-right:20px;*/ margin-right:1%; display:inline;
}
.service h2{
font-size:18px; font-weight:normal; background:url(../image/line02.jpg) left top no-repeat; padding-top:15px; margin-top:15px; margin:0 20px;transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.service img{
margin-bottom:20px;
}
.service li:hover img{
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.service li:hover h2{
background:url(../image/line02-2.jpg) left top no-repeat;
}
.service p{
margin:0 20px; font-size:14px; color:#777777; margin-top:20px; line-height:26px;
}
.service li:nth-child(4n){
margin-right: 0;
}
.more{
width:192px; height:42px; background-color:#fac312; text-align:center; border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px; line-height:42px; margin:0 auto; margin-top:70px;
}
.more a{
font-size:16px; color:#fff; display:block;
}
.sertitle{
background:url(../image/line03.jpg) center bottom no-repeat; font-size:30px; text-align:center; padding-bottom:20px;
}
.box{
width:100%; height:auto; background-color:#fff; display:table; margin-top:125px; /*padding-top:50px;*/padding-top:1px;
}
.fuwuinfo{
height:auto; margin-top:50px;
}
.fuwuinfo ul{
list-style-type:none;
}
.fuwuinfo li{
width:365px; /*height:250px;*/ float:left; padding-right:30px; margin-top:10px; font-size:18px; padding:15px; border:1px dotted;
}
.fuwuinfo p{
font-size:14px; margin-top:15px; line-height:24px;
}
.fuwuinfo img{
float:left; margin-right:20px; margin-bottom:30px;
}
.aboutbox{
width:100%; height:550px; background:url(../image/bg02.jpg) center center no-repeat; /*margin-top:30px;*/margin-top:1px;
}
.aboutinfo{
width:530px; height:auto; font-size:14px; color:#d8dadb; line-height:30px; padding-top:40px;
}
.aboutinfo h2{
font-size:30px; font-weight:normal; background:url(../image/line02.jpg) left bottom no-repeat; padding-bottom:25px; color:#fff;
}
.aboutinfo p{
margin-top:30px;
}
.more2{
width:135px; height:42px; background-color:#fac312; text-align:center; border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px; line-height:42px; margin-top:30px;
}
.more2 a{
font-size:14px; color:#fff; display:block;
}
.mt50{
margin-top:50px;
}
.mt70{
margin-top:70px;
}
.news{
margin-top:40px;
}
.newsinfo{
width:820px; height:auto; float:left;
}
.newsinfo ul{
list-style-type:none;
}
.newsinfo li{
width:380px; height:477px; float:left; margin-right:30px; color:#888888; font-size:14px;
}
.newsinfo p{
font-size:14px; line-height:26px; margin-top:10px;
}
.newsinfo p a{
font-weight:bolder; color:#004776; font-size:14px; line-height:45px;
}
.newsinfo a{
font-size:16px;
}
.newsinfo img{
width:380px; height:240px; margin-bottom:15px;
}
.newslist{
width:348px; height:445px; float:right; border:1px #dddddd solid; padding:15px; overflow:hidden;
}
.newslist li{
height:38px; line-height:38px; background:url(../image/arrow.jpg) left center no-repeat; padding-left:20px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.newslist a{
font-size:14px; color:#5a5a5a;
}
.newslist a:hover{
color:#004776;
}
.myscroll { width: 348px; height: 445px;overflow: hidden;}
.botbox{
height:auto; background-color:#004776; padding-top:45px; padding-bottom:45px; margin-top:60px; color:#fff; font-size:18px;
}
.botbox h2{
font-size:20px; line-height:40px;
}
.more3{
width:190px; height:42px; background-color:#fac312; text-align:center; border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px; line-height:42px; margin-top:20px; float:right; margin-right:20px;
}
.more3 a{
font-size:16px; color:#fff; display:block;
}
.footbox{
width:100%; height:auto; padding-top:60px; background:url(../image/foot02.jpg) left center no-repeat #24292f; padding-bottom:20px;
}
.footleft{
line-height:45px; font-size:14px; color:#999999; float:left;
}
.footleft .footnav{
margin-bottom:15px;
}
.footleft .footnav a{
margin-left:20px; margin-right:20px; color:#999999; line-height:36px;
}
.footleft .footnav a.home{
margin-left:0px; line-height:36px;
}
.footleft .footnav a:hover{
color:#fff; line-height:36px;
}
.footleft a{
color:#999;
}
.footleft a:hover{
color:#fff;
}
.ewm{
width:125px; height:auto; float:right; text-align:center; color:#999999; font-size:14px;
}
.ewm img{
margin-bottom:5px;
}
.copyrights{
height:auto; line-height:26px; border-top:1px #373c43 solid; text-align:center; font-size:14px; margin-top:40px; padding-top:20px; color:#888;
}
.copyrights a{
color:#888;
}
.copyrights a:hover{
color:#fff;
}
.combg{
background:url(../image/O1CN01yEBmbl20dsvuqTxOr_!!712096873.jpg) center top no-repeat;
}
.bannertxt2{
text-align:center; font-size:20px; color:#fff; margin-top:70px; height:121px;
}
.bannertxt2 h2{
}
.position{
height:40px; line-height:40px; font-size:14px; margin-top:10px; border-bottom:1px #ddd solid; padding-bottom:5px;
}
.position a{
font-size:14px;
}
.nytitle{
text-align:center; font-size:26px; background:url(../image/line02.jpg) center bottom no-repeat; padding-bottom:16px; margin-top:30px;
}
.txtwiht{
/*color:#fff;*/
}
.content{
margin-top:30px; font-size:14px; line-height:30px; padding-bottom:40px;
}
.content p{
margin-top:15px;
}
.content h4{
background-color:#004776; height:40px; color:#fff; line-height:40px; padding-left:15px; font-size:16px;
}
.aboutpic{
float:right; width:500px; height:auto;
}
.maboutpic{
display:none;
}
.whyus{
width:100%; height:420px; padding-top:60px; background:url(../image/O1CN01Wg75KN20dsw1UEQtV_!!712096873.jpg) center center no-repeat;
}
.whyusinfo{
height:auto; padding-top:60px;
}
.whyusinfo li{
width:25%; height:auto; text-align:center; float:left; color:#fff; font-size:18px;
}
.whyusinfo img{
margin-bottom:15px;transition: .5s all;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-o-transition: .5s all;
}
.whyusinfo li:hover img {/*transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);*/}
.linian{
height:auto; font-size:16px; line-height:36px; margin-top:50px;
}
.linian img{
float:right; margin-right:30px;
}
.linian h2{
font-size:26px; font-weight:normal; margin-bottom:25px;
}
.contact{
margin-top:50px;
}
.coninfos{
/*width:480px;*/ width:375px; height:auto; background-color:#004776; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; float:left; padding-top:20px; padding-bottom:20px; margin-right:1px;10
}
.coninfos ul{
margin:0 30px;
}
.coninfos li{
height:auto; border-bottom:1px #4091d5 solid; margin-top:15px; padding-bottom:15px; color:#fff; line-height:26px;
}
.coninfos li:last-child{
border-bottom:0px;
}
.coninfos a{
color:#fff;
}
.coninfos h3{
color:#fdc300; margin-bottom:10px;
}
.message{
width:605px; height:auto; float:right; line-height:40px; margin-right:40px;
}
.message h2{
background:url(../image/line02.jpg) left bottom no-repeat; padding-bottom:15px; font-weight:normal; margin-bottom:15px;
}
.message span{
color:#F00; margin-left:3px;
}
.mestxt{
width:603px; height:40px; border:1px #dddddd solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; margin-bottom:10px; padding-left:10px; -webkit-appearance: none; border-radius: 0;
}
.mestxt:hover{
border:1px #004776 solid;
}
.mestxt2{
width:603px; height:125px; border:1px #dddddd solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; padding-left:10px; padding-top:5px; -webkit-appearance: none; border-radius: 0;
}
.mestxt2:hover{
border:1px #004776 solid;
}
.sub_yzm{
width:113px; height:40px; border:1px #dddddd solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; margin-bottom:10px; padding-left:10px; text-transform:uppercase; font-size:16px; -webkit-appearance: none; border-radius: 0;
}
.sub_yzm:hover{
border:1px #004776 solid;
}
.messub{
width:150px; height:45px; background-color:#fdc300; color:#fff; cursor:pointer; border:0px; font-size:18px; float:right;
}
.checkcode{
vertical-align:middle; height:42px; width:auto;
}
.maps{
margin-top:50px; height:180px; padding-top:200px; background:url(../image/maps_en.jpg) center center no-repeat;
}
.maps_icon{
text-align:center; margin:0 auto; width:19px; height:31px; background:url(../image/mark_a.png) no-repeat;
}
@keyframes webfd
{
from {top: 6px;}
to {top: -6px;}
}
@-moz-keyframes webfd /* Firefox */
{
from {top: 6px;}
to {top: -6px;}
}
@-webkit-keyframes webfd /* Safari 和 Chrome */
{
from {top: 6px;}
to {top: -6px;}
}
@-o-keyframes webfd /* Opera */
{
from {top: 6px;}
to {top: -6px;}
}
.webfd{
animation: webfd 0.8s linear 0s infinite alternate;
/* Firefox: */
-moz-animation: webfd 0.8s linear 0s infinite alternate;
/* Safari 和 Chrome: */
-webkit-animation: webfd 0.8s linear 0s infinite alternate;
/* Opera: */
-o-animation: webfd 0.8s linear 0s infinite alternate;position:relative;
}
.common{
height:auto; margin-top:50px;
}
.leftnav{
width:263px; height:auto; float:left;
}
.leftnav a{
display:block;
}
.leftnav li{
height:60px; line-height:60px; background-color:#eeeeee; text-align:center; margin-bottom:3px;
}
.leftnav a:hover{
background-color:#004776; color:#fff;
}
.leftnav .leftnavon{
background-color:#004776; color:#fff;
}
.leftnav .leftnavon a{
color:#fff;
}
.news_list{
width:906px; height:auto; border:1px #dddddd solid; float:right; padding-bottom:30px; padding-top:10px;
}
.newslists{
margin:0 15px;
}
.newslists li{
height:auto; border-bottom:1px #dbd4cd dashed; padding-bottom:25px; margin-top:20px; padding-left:20px; padding-right:20px;
}
.newslists .date{
width:60px; height:57px; padding-top:3px; background-color:#004776; text-align:center; color:#fff; float:left; margin-bottom:50px; font-size:12px; margin-right:20px; margin-top:7px;
}
.newslists span{
font-size:22px; font-weight:bolder;
}
.newslists p{
font-size:14px; color:#888888; line-height:26px;word-wrap:break-word;
}
.newslists a{
line-height:30px; font-weight:bolder;
}
.pages{
margin:0 15px; text-align:center;
}
.pages ul{
list-style-type:none;
padding:30px 0px 12px 0px;
}
.pages ul span{
display:inline-block;
font-family:Tahoma;
height:30px;
line-height:30px;
margin-right:5px; font-size:16px;
}
.pages ul span.page-status{
padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
margin-right:3px; margin-left:-3px; font-size:16px;
}
.pages ul span.page-numbar a{
margin-left:3px; margin-right:3px; font-size:16px;
}
.pages ul span a{
color:#555;
height:35px;
line-height:35px;
padding-left:15px;
padding-right:15px;
display:inline-block;
border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
color:#fff;
text-decoration:none;
background-color:#004776; height:35px; line-height:35px;
padding-left:15px;
padding-right:15px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
background-color:#004776;
padding:0px 4px 0px; padding-left:15px; padding-right:15px;
font-weight:bold;
color:#fff;
}
.text-secondary{
font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888; padding-top:10px;
}
.prenext{
color:#525252;
height:auto;
border-top:1px #ddd dashed;
width:100%;
padding-top:20px;
padding-bottom:10px;
margin-top:15px; font-size:14px;
}
.prenext ul{
list-style-type:none;
}
.prenext li{
line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
line-height:25px; font-size:14px;
}
.prenext a:visited{
line-height:25px; font-size:14px;
}
.prenext a:hover{
line-height:25px; font-size:14px;
}
.article{
width:866px; height:auto; padding-left:20px; padding-right:20px; border:1px #dddddd solid; float:right; padding-bottom:30px; padding-top:30px; font-size:14px; line-height:26px; word-wrap:break-word;
}
.article h1{
text-align:center; font-size:24px; margin-bottom:15px; line-height:40px;
}
.article p{
text-indent:2em; margin-bottom:20px;
}
.daodu{
background-color:#f5f5f5; padding:10px; font-size:12px; margin-top:20px; margin-bottom:20px;word-wrap:break-word;
}
.cases{
height:auto; margin-top:50px;
}
.cases ul{
list-style-type:none;
}
.cases li{
height:460px; width:380px; float:left; background-color:#f7f7f7; margin-right:30px; display:inline; margin-bottom:30px;
}
.cases h2{
font-size:18px; font-weight:normal; background:url(../image/line02.jpg) left top no-repeat; padding-top:15px; margin-top:15px; margin:0 20px;transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.cases img{
margin-bottom:20px; width:100%; height:auto; max-height:380px;
}
.cases li:hover img{
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.cases li:hover h2{
background:url(../image/line02-2.jpg) left top no-repeat;
}
.cases p{
margin:0 20px; font-size:14px; color:#777777; margin-top:20px; line-height:26px;
}
.cases li:nth-child(3n){
margin-right: 0;
}
.fc_03c{
color:#F00;
}
.btxt {
margin-top:0px;
animation: myfirst 1.5s;
}
@keyframes myfirst {
from {
margin-top:25%;
}
to {
margin-top: 0px;
}
}
.btxt2 {
/*margin-top:0px;*/
margin-top:20px;
animation: myfirst 2s;
}
@keyframes myfirst {
from {
margin-top:35%;
}
to {
margin-top: 0px;
}
}
.btxt3 {
margin-top:0px;
animation: myfirst 2s;
}
@keyframes myfirst {
from {
margin-top:40%;
}
to {
margin-top: 0px;
}
}
.btxt4{
margin-top:0px;
animation: myfirst 1.2s;
}
@keyframes myfirst {
from {
margin-top:20%;
}
to {
margin-top: 0px;
}
}
#backtop{
width:36px; height:36px;position:fixed; _position: absolute; right:20px; _right:20px; bottom:20px; z-index:11111; display:none;
}
#backtop a{
display:block; width:36px; height:36px; background:url(../image/top-1.jpg) no-repeat;
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
}
#backtop a:hover{
background:url(../image/top-2.jpg) no-repeat;
}
.footer{
overflow:hidden;
}
.powerdby{
display:none;
}
.beian{
background:url(../image/beian.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:25px;
}
@media screen and (max-width:1280px) {
.w{
width:1000px;
}
.header{
width:1000px; height:79px; background:url(../image/ntop.png) no-repeat;
}
.nav li{
margin-left:28px;
}
.service li{
height:430px; width:320px; margin-right:20px;
}
.service img{
width:100%; height:auto;
}
.bannertxt{
height:315px;
}
.fuwuinfo li{
width:300px; height:180px; float:left; padding-right:30px; margin-top:10px; font-size:18px;
}
.fuwuinfo img{
margin-bottom:90px;
}
.aboutinfo{
width:425px;
}
.newsinfo{
width:660px;
}
.newsinfo li{
width:300px; margin-right:30px;
}
.newsinfo img{
width:100%; height:auto;
}
.newslist{
width:308px;
}
.botbox{
font-size:14px;
}
.botbox h2{
font-size:20px;
}
.cases li{
width:320px;margin-right:20px;
}
.leftnav{
width:213px;
}
.news_list{
width:756px;
}
.article{
width:716px; height:auto;
}
.coninfos{
width:400px;
}
.message{
width:545px; height:auto; float:right; line-height:40px; margin-right:0px;
}
.mestxt{
width:543px;
}
.mestxt2{
width:543px;
}
.mpics img{
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;
}
}
@media screen and (max-width:1000px) {
.w{
width:96%;
}
.header{
width:96%; height:79px; background:url(../image/ntop.png) no-repeat;
}
.service li{
width:32%; height:auto; margin-right:2%; padding-bottom:20px;
}
.nav{
display:none;
}
#slider-wrap{height:550px;}
#slider{height:550px;}
#slider img{height: 550px;}
.bannertxt{
font-size:14px; height:201px; width:90%; margin:0 auto; margin-top:100px;
}
.bannertxt h2{
font-size:30px;
}
.fuwuinfo li{
width:46%; height:auto; padding-right:4%;
}
.fuwuinfo img{
margin-bottom:20px;
}
.aboutbox{
width:100%; height:auto; background-image:none; background-color:#1b2936; /*margin-top:30px;*/margin-top:10px;
}
.maboutpic{
display:block; width:100%;
}
.maboutpic img{
width:100%; height:auto; display:block;
}
.aboutinfo{
height:auto; background-color:#1b2936; padding-top:25px; padding-bottom:25px; width:96%; padding-left:2%; padding-right:2%;
}
.newsinfo{
width:100%;
}
.newsinfo li{
width:49%; margin-right:2%; height:auto;
}
.newsinfo li:nth-child(2n){
margin-right: 0;
}
.newsinfo img{
width:100%; height:auto;
}
.newslist{
width:auto; margin-top:30px; float:none;
}
.botbox{
text-align:center;
}
.more3{
float:none; margin:0 auto; margin-bottom:20px;
}
.m-nav{
display:block; float:right; width:73px; height:73px; margin-top:6px;
}
.m-nav img{
height:73px; width:auto;
}
.mnav{
width:30%; height:100%; background-color:#1a74c2; position:fixed; right:-100%; top:0; z-index:11111; display:block;transition: .5s all;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-o-transition: .5s all;
}
.mnav ul{
margin-top:0px;
}
.mnav li{
text-align:center; height:45px; line-height:45px; font-size:18px; color:#fff; margin-bottom:5px;
}
.mnav a{
color:#fff; height:45px; line-height:45px;
}
.mnav a:hover{
border-bottom:3px #fff solid; padding-bottom:10px;
}
.mnav .cur a:link{
border-bottom:3px #fff solid; padding-bottom:10px;
}
.mnav .cur a:visited{
border-bottom:3px #fff solid; padding-bottom:10px;
}
.mnav .cur a:hover{
border-bottom:3px #fff solid; padding-bottom:10px;
}
.guanbi{
color:#fff; text-align:left; padding-left:20px; padding-top:10px; font-size:24px;
}
.guanbi a:link{
border-bottom:0px;
}
.guanbi img{
width:30px; height:auto;
}
.linian img{
width:50%; height:auto;
}
.cases li{
width:32%; margin-right:2%;
}
.leftnav{
width:18%;
}
.news_list{
width:80%;
}
.article{
width:75%;
}
.coninfos{
width:100%; float:none;
}
.coninfos ul{
margin:0 20px;
}
.message{
width:100%; height:auto; float:none; padding-top:30px;
}
.mestxt{
width:96%;
}
.mestxt2{
width:96%;
}
}
@media screen and (max-width:750px) {
.fuwuinfo li{
width:100%; height:auto; padding-bottom:10px; padding-right:0px; float:none; display:table; border-bottom:1px #ddd dashed; font-weight:bolder;
}
.fuwuinfo p{
font-weight:normal;
}
.servicebox{
background-color:#1c2a37; padding-bottom:25px; padding-top:10px; height:auto; display:table;
}
.more{
margin-top:30px;
}
.box{
margin-top:0px; padding-top:50px;
}
.ewm{
width:100%; height:auto; float:none; margin-top:10px;
}
.mnav{
width:50%;
}
.leftnav{
width:100%; float:none;
}
.leftnav li{
width:49%; margin-right:2%; display:inline; float:left; height:40px; line-height:40px;
}
.leftnav li:nth-child(2n){
margin-right: 0;
}
.news_list{
width:100%; float:none; clear:both; border:0px;
}
.newslists{
margin:0px;
}
.newslists li{
height:auto; border-bottom:1px #dbd4cd dashed; padding-left:0px; padding-right:0px;
}
.article{
width:100%; float:none; clear:both; border:0px; padding:0px; padding-top:30px;
}
.btxt {
margin-top:0px;
animation: myfirst 1.5s;
}
@keyframes myfirst {
from {
margin-top:100px;
}
to {
margin-top: 0px;
}
}
.btxt2 {
margin-top:0px;
animation: myfirst 2s;
}
@keyframes myfirst {
from {
margin-top:150px;
}
to {
margin-top: 0px;
}
}
.btxt3 {
margin-top:0px;
animation: myfirst 2s;
}
@keyframes myfirst {
from {
margin-top:150px;
}
to {
margin-top: 0px;
}
}
.btxt4{
margin-top:0px;
animation: myfirst 1.2s;
}
@keyframes myfirst {
from {
margin-top:250px;
}
to {
margin-top: 0px;
}
.cases h2{
margin:0 10px;
}
.cases p{
margin:0 10px; margin-top:15px;
}
}
@media screen and (max-width:640px) {
.bannertxt{
width:85%; margin-top:50px; padding-bottom:50px;
}
.bannertxt h2{
font-size:15px; padding-bottom:15px;
}
.search{
display:none;
}
.lang{
margin-top:24px;
}
.msearch{
display:block; width:30px; height:30px; background:url(img/seabg2.jpg) center center no-repeat; float:right; margin-right:15px; margin-top:18px; position:relative;
}
.msearch a{
width:30px; height:30px; display:block;
}
.mseabox{
width:100%; height:55px; overflow:hidden; background-color:#fff; position:absolute; right:0px; top:0px; z-index:11111;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all; display:none; padding-top:5px;
}
.mseabox img{
margin-right:12px; margin-top:15px;
}
.msearchtxt{
width:75%; height:50px; float:left; border:0px; padding-left:10px; font-size:16px;
}
.searchsub{
width:47px; height:50px; background:url(../image/seabg.jpg) center center no-repeat; border:0px; cursor:pointer;
}
.service li{
width:100%; margin-right:0px; padding-bottom:20px; float:none; padding-bottom:20px; height:auto; display:table;
}
.service img{
margin-bottom:10px;
}
.sertitle{
font-size:24px;
}
.aboutinfo h2{
font-size:24px;
}
.aboutinfo {
width:100%; padding-left:0px; padding-right:0px;
}
.footbox{
padding-top:30px;
}
.footnav{
display:none;
}
.newsinfo li{
width:100%; margin-right:0px; float:none; height:auto; border-bottom:1px #ddd solid; margin-bottom:15px; padding-bottom:10px;
}
.newslist{
width:100%; border:0px; padding:0px; margin-top:25px; clear:both; padding-top:15px;
}
.newslist ul{
margin:0 10px;
}
.botbox h2{
font-size:16px; text-align:center;
}
.more{
width:135px; height:38px; border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px; line-height:38px;
}
.more a{
font-size:14px;
}
.more3{
width:135px; height:38px; border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px; line-height:38px;
}
.more3 a{
font-size:14px;
}
.header{
height:60px;
}
.combg{
background:url(img/banner004.jpg) center top no-repeat;
}
.logo{
padding-left:15px; padding-top:14px;
}
.logo img{
height:35px; width:auto;
}
.m-nav{
display:block; float:right; width:54px; height:54px; margin-top:6px;
}
.m-nav img{
height:54px; width:auto;
}
.linian img{
width:100%; height:auto; float:none; margin-right:0px; margin-bottom:20px;
}
.position{
margin-top:25px;
}
.whyus{
width:100%; height:auto; padding-top:10px; padding-bottom:30px; display:table;
}
.whyusinfo{
padding-top:30px;
}
.whyusinfo li{
font-size:12px;
}
.whyusinfo img{
width:70%; height:auto;
}
.bannertxt2{
text-align:center; font-size:16px; color:#fff; margin-top:0px; height:1px;
}
.cases li{
width:100%; margin-right:0px; float:left; height:auto; padding-bottom:25px;
}
.article h1{
font-size:18px; line-height:30px;
}
.coninfos{
height:auto; padding-bottom:40px;
}
.messub{
float:none; width:100%; margin-top:10px;
}
}