@charset "utf-8";
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
margin: 0;
padding: 0
}
::selection {
background-color: #0546AC;
color:#fff;
}
::-moz-selection {
background-color: #0546AC;
color:#fff;
}
::-webkit-selection {
background-color: #0546AC;
color:#fff;
}
.breadcrumb a:hover {
color: #0546AC;
}
body {
font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #333;
margin: 0;
padding: 0;
line-height: 1.5;
}
:focus {
outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #333;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
li,
ul {
list-style-type: none;
}
img {
display: inline-block;
border: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
input,
textarea {
outline: 0;
border: 0;
}
textarea {
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
/*banner*/
.banner {
width: 100%;
margin: 0 auto;
position: relative;
height: 600px;
}
.fullSlide {
width: 100%;
position: relative;
height: 100%;
background: transparent;
}
.fullSlide .bd {
margin: 0 auto;
height: 100%;
position: relative;
z-index: 0;
overflow: hidden;
background: url(../style/20170928170300_4804.jpg);
}
.fullSlide .bd ul {
height: 100%;
}
.fullSlide .bd li {
height: 100%;
overflow: hidden;
text-align: center;
background-position: center;
background-repeat: no-repeat
}
.fullSlide .bd li a {
display: block;
height: 100%
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0
}
.fullSlide .hd ul {
text-align: center;
margin-bottom: 10px
}
.fullSlide .hd ul li {
background: #FFF;
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 42px;
height: 11px;
margin: 1px;
overflow: hidden;
*filter: alpha(opacity=50);
*opacity: .5;
line-height: 999px
}
.fullSlide .hd ul .on {
background: #0546AC;
}
.fullSlide .prev,
.fullSlide .next {
display: block;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 15%;
z-index: 1;
width: 40px;
height: 60px;
background: url(../style/slider-arrow.png) -126px -137px #000 no-repeat;
cursor: pointer;
*filter: alpha(opacity=50);
*opacity: .5;
display: none
}
.fullSlide .next {
left: auto;
right: 15%;
background-position: -6px -137px
}
/*search*/
.search_box {
width: 100%;
height: 62px;
background: #FCFCFC;
}
.search {
width: 1180px;
margin: auto;
}
.keytext {
width: 700px;
height: 62px;
line-height: 62px;
float: left;
font-family: Microsoft YaHei;
font-size: 14px;
color: #fff;
}
.keytext a {
margin: 0px 12px 0px 0px;
color: #5f5f5f;
display: inline-block;
}
.keytext a:hover {
color: #0546ac;
}
.keytext i {
display: inline-block;
font-size: 14px;
color: #5f5f5f;
}
.rmgj-n-r {
float: right;
margin-top: 15px;
}
.rmgj-n-r .text {
width: 180px;
padding-left: 20px;
font-size: 14px;
font-family: Montserrat, sans-serif;
height: 30px;
margin-right: 0;
color: #333;
outline: none;
border: 1px solid #0546ac;
background: #fff;
float: left;
box-sizing: border-box;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.keytext span {
padding-right: 10px;
display: block;
float: left;
color: #5f5f5f;
font-size: 16px;
color: #0546ac;
}
.submit {
border: 1px solid #0546ac;
width: 60px;
float: left;
padding: 0;
text-align: center;
height: 30px;
background: #0546ac;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
/*witness*/
.title a {
display: block;
padding-top: 30px;
font: bold 30px/36px "microsoft yahei";
color: #0546AC;
text-align: center;
}
.title a span {
color: #0546ac;
}
.title p {
width: 100%;
height: 30px;
margin-top: 10px;
font: 14px/30px "microsoft yahei";
color: #5f5f5f;
text-align: center;
margin: 5px auto 0;
}
.witness {
width: 100%;
height: 335px;
}
.gd_01 {
position: relative;
width: 1180px;
height: 220px;
margin: 0 auto;
padding-top: 10px;
}
.gd_01 em {
position: absolute;
top: 50px;
}
.gd_01 .t_l1 {
left: 0px;
}
.gd_01 .t_r1 {
right: 0px;
}
.gd_01 #simgs {
margin: 0px auto;
height: 180px;
overflow: hidden;
}
.gd_01 li {
float: left;
width: 230px;
padding: 30px 6px 0 0;
text-align: center;
}
.gd_01 li img {
display: block;
width: 230px;
height: 122px;
border: 1px solid #CCCCCC;
}
.gd_01 li a span {
display: block;
height: 40px;
color: #5f5f5f;
font-size: 16px;
line-height: 40px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gd_01 li:hover span {
color: #0546AC;
}
/*product*/
.product {
width: 100%;
height:840px;
background: #f1f1f1;
padding-top: 40px;
}
.product-left {
width: 240px;
height: 811px;
background: #0546AC;
}
.product-left h2 {
height: 70px;
border-bottom: 1px solid #fff;
}
.product-left h2 a {
display: block;
width: 100%;
padding-top: 8px;
text-align: center;
font:bold 26px/40px "microsoft yahei";
color: #fff;
}
.product-left h2 a span {
display: block;
font: 12px/21px arial;
}
.product-left ul {
width: 226px;
padding: 10px 0;
background: #fff;
margin: 10px auto;
padding-top: 1px;
}
.product-left ul li {
width: 226px;
height: 42px;
margin: 8px auto;
background: #f1f1f1;
}
.product-left ul li a {
width: 216px;
display: block;
padding-left: 10px;
font: 18px/42px "microsoft yahei";
background: #ff9000;
color: #333;
}
.product-left ul li a:hover {
font-size: 19px;
color: #fff;
}
@-moz-keyframes pro {
0% {
width: 0px;
height: 42px;
background: #0546ac;
overflow: hidden;
}
100% {
width: 226px;
height: 42px;
background: #ff9000;
overflow: hidden;
font-size: 20px;
}
}
@-webkit-keyframes pro {
0% {
width: 0px;
height: 42px;
background: #F1F1F1;
overflow: hidden;
}
100% {
width: 226px;
height: 42px;
background: #ff9000;
overflow: hidden;
font-size: 20px;
}
}
@-ms-keyframes pro {
0% {
width: 0px;
height: 42px;
background: #F1F1F1;
overflow: hidden;
}
100% {
width: 226px;
height: 42px;
background: #ff9000;
overflow: hidden;
font-size: 20px;
}
}
@keyframes pro {
0% {
width: 0px;
height: 42px;
background: #F1F1F1;
overflow: hidden;
}
100% {
width: 226px;
height: 42px;
background: #ff9000;
overflow: hidden;
font-size: 20px;
}
}
.navlist li>a {
position: relative;
}
.navlist li>a>em {
z-index: 9999;
display: block;
position: absolute;
left: 10px;
top: 0;
cursor: pointer;
font: 15px/42px "microsoft yahei";
}
.navlist li>a:hover>span {
width: 226px;
height: 42px;
background: #ff9000;
animation: pro 1s 5ms ease;
z-index: 888;
cursor: pointer;
color: #333;
}
.navlist li>a>span {
background: #ff9000;
display: block;
position: absolute;
width: 0px;
height: 42px;
left: 0;
top: 0;
z-index: 888;
}
.pro-img {
width: 100%;
height: 152px;
background: #2a8d10;
padding: 5px 0;
}
.pro-img img {
display: block;
width: 226px;
height: 152px;
margin: 0 auto;
overflow: hidden;
}
.pro-tel {
width: 100%;
height: 84px;
background: #0546ac url(../style/pro-title.png) no-repeat 10px 5px;
margin-top: 4px;
}
.pro-tel span {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 50px;
padding-top: 10px;
color: #fff;
}
.pro-tel p {
padding-left: 50px;
font: bold 26px/30px "microsoft yahei";
color: #fff;
}
.product-right {
width: 900px;
}
.product-right-title {
width: 100%;
height: 62px;
background: #0546ac;
}
.pro-tlt a {
display: block;
text-align: center;
font:24px/62px "microsoft yahei";
color: #fff;
padding: 0 10px;
background: #FF9000;
}
a.pro-more {
padding: 22px 10px 0 0;
font: 14px "microsoft yahei";
color: #fff;
}
.product-right ul {
padding-top: 15px;
}
.product-right ul li {
width: 214px;
height: 231px;
float: left;
padding: 9px 5px;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.product-right ul li b {
display: block;
width: 214px;
height: 186px;
overflow: hidden;
}
.product-right ul li b img {
width: 214px;
height: 186px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li:hover img {
/*-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);*/
}
.product-right ul li a{
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li p {
width: 100%;
height: 42px;
background: #fff;
color: #333;
font: 15px/42px "microsoft yahei";
text-align: center;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li:hover p {
background: #0546AC;
color: #fff;
}
.product-right ul li:hover a{
display: block;
box-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
.product-right ul li:hover{
-webkit-transform: translate(-2px,-2px);
}
/*adv*/
.adv{
width: 100%;
height: 575px;
margin: 0 auto;
position: relative;
background: url(../style/adv-img.jpg) no-repeat right top;
}
.adv-left{
width: 681px;
}
h3.adv-title a{
display: block;
font: bold 30px/45px "microsoft yahei";
color: #000;
padding-top: 45px;
}
h3.adv-title a span{
color: #0546AC;
}
h3.adv-title p{
font: 18px/32px "microsoft yahei";
color: #5f5f5f;
}
h3.adv-title p b{
font-weight:normal;
color: #0546AC;
}
.adv-left ul li .adv-icon{
width: 72px;
height: 72px;
margin-top: 10px;
}
.adv-left ul{
padding-top: 50px;
}
.adv-left ul li{
width: 272px;
height: 80px;
float: left;
padding: 0 63px 54px 0;
}
.adv-left ul li .adv-text{
width: 180px;
height: 83px;
padding:0 10px;
}
.adv-icon1{
background: url(../style/adv-icon1.png) no-repeat center;
}
.adv-icon2{
background: url(../style/adv-icon2.png) no-repeat center;
}
.adv-icon3{
background: url(../style/adv-icon3.png) no-repeat center;
}
.adv-icon4{
background: url(../style/adv-icon4.png) no-repeat center;
}
.adv-icon5{
background: url(../style/adv-icon5.png) no-repeat center;
}
.adv-icon6{
background: url(../style/adv-icon6.png) no-repeat center;
}
.adv-text h4{
font:bold 18px/36px "microsoft yahei";
color: #0546AC;
}
.adv-text p{
font:15px/24px "microsoft yahei";
color: #5f5f5f;
}
.adv-right{
width: 871px;
height: 575px;
position: absolute;
top: 0;
right: -361px;
}
.adv-right img{
display: block;
width: 871px;
height: 575px;
}
/*adm*/
.adm1{
width: 100%;
height: 213px;
background: url(../style/adm1-bg.jpg) no-repeat center;
}
.adm1-left h4{
font:bold 34px/48px "microsoft yahei";
color: #fff;
padding-top: 56px;
}
.adm1-tel {
width: 265px;
height: 114px;
background: url(../style/pro-title.png) no-repeat 10px 0;
margin-top: 45px;
}
.adm1-tel p {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 50px;
padding-top: 10px;
color: #fff;
}
.adm1-tel span {
padding-left: 50px;
font: bold 28px/30px "microsoft yahei";
color: #fff;
}
.adm1 a {
display: inline-block;
width: 110px;
height: 36px;
background: #FF9000;
margin: 12px 7px 0;
text-align: center;
font: 16px/36px "microsoft yahei";
color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.adm1 a:hover {
transform: translate(-2px, -2px);
}
/*case*/
.title-2 a {
display: block;
padding-top: 30px;
font: bold 30px/36px "microsoft yahei";
color: #000000;
text-align: center;
}
.title-2 a span {
color: #0546AC;
}
.title-2 p {
width: 100%;
height: 30px;
background: url(../style/title.png) no-repeat center;
margin-top: 10px;
font:bold 14px/30px "microsoft yahei";
color: #333;
text-align: center;
margin: 5px auto 0;
}
a.title-more{
display: block;
width: 70px;
height: 20px;
border: 1px solid #f5f5f5;
font: 12px/20px "microsoft yahei";
margin: 0 auto;
padding: 0;
-webkit-transition: all .5s ;
transition: all .5s ;
}
a.title-more:hover{
background: #FF9000;
color: #fff;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { zoom: 1; }
.container { margin:30px auto 0; width:1000px;}
.poster-main {
width: 1080px;
height: 261px;
position: relative;
margin: 0 auto;
}
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list {
width: 1080px;
height: 261px;
}
.poster-main .poster-list .poster-item {
width: 200px;
height: 261px;
position: absolute;
left: 0;
top: 0;
}
.poster-main .poster-btn {
position: absolute;
top: 0;
z-index: 10;
cursor: pointer;
}
.poster-main .poster-prev-btn {
left: -210px;
background: url(../style/left.png) no-repeat center center;
}
.poster-main .poster-next-btn {
right: -210px;
background: url(../style/right.png) no-repeat center center;
}
.poster-item a h4{
position: absolute;
bottom: 0;
background: rgba(0,0,0,.7);
color: #fff;
width: 100%;
height: 40px;
text-align: center;
font: 16px/40px "microsoft yahei";
-webkit-transition: all .8s ;
transition: all .8s;
}
.poster-item a:hover h4{
background: #0546AC;
}
.poster-item a img{
display: block;
width: 100%;
position: relative;
}
/*adv2*/
.adv2{
width: 100%;
height: 626px;
background: url(../style/adv-2.jpg) no-repeat center;
margin-top: 70px;
}
#tab_2 {
width: 1180px;
height: 430px;
position: relative;
margin: 30px auto;
}
#tab_2 .tab_menu {
width: 180px;
float: left;
position: absolute;
z-index: 1;
height: 430px;
left: 554px;
}
#tab_2 .tab_menu li {
width: 180px;
height: 100px;
border-bottom: 0px;
cursor: pointer;
text-align: center;
margin: 0 auto;
overflow: hidden;
background: #0546ac;
margin-bottom: 10px;
font: 18px/100px "microsoft yahei";
color: #fff;
text-align: center;
}
#tab_2 .tab_menu li.pdding-none {
padding-bottom: 0;
}
#tab_2 .tab_box_2 {
width: 1180px;
height: 430px;
clear: both;
top: 0px;
position: relative;
float: right;
}
#tab_2 .tab_menu .selected {
background-color: #FF9000;
cursor: pointer;
height: 100px;
color: #fff;
}
#tab_2 .hide {
display: none;
}
.tab_2-left {
float: left;
}
.tab_2-left img {
display: block;
width: 546px;
height: 430px;
}
.tab_2-right {
float: right;
width: 440px;
height: 430px;
background: #eae9e9;
}
.tab_2-text {
padding-top: 10px;
height: 290px;
width: 440px;
}
.tab_2-text p {
padding: 0 15px;
font: 15px/30px "microsoft yahei";
color: #000;
text-indent: 2em;
}
.tab_2-more {
width: 440px;
height: 130px;
background: #e4e4e4;
}
.adv-more-left p i {
display: inline-block;
width: 24px;
height: 26px;
margin: 20px 0px 0px 15px;
background: url(../style/adv-tel.png) no-repeat;
vertical-align: bottom;
padding-right: 5px;
}
.adv-more-left p {
font: 16px/24px "microsoft yahei";
color: #0546ac;
}
.adv-more-left h4 {
font: bold 30px/36px "microsoft yahei";
color: #0546ac;
padding-left: 20px;
}
.adv-more-left {
width: 266px;
padding-top: 13px;
}
.adv-more-right {
display: block;
width: 120px;
height: 34px;
border: 1px solid #0546ac;
margin: 45px 20px 0 0;
font: 14px/34px "microsoft yahei";
text-align: center;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
}
.adv-more-right:hover {
-webkit-animation: rot 0.5s 2 alternate;
-moz-animation: rot 0.5s 2 alternate;
-ms-animation: rot 0.5s 2 alternate;
animation: rot 0.5s 2 alternate;
background: #0546ac;
color: #fff;
border: none;
}
/*adm2*/
.adm2-left h4{
padding-top: 55px;
font:bold 31px/42px "microsoft yahei";
color: #FF9000;
}
.adm2-left span{
display: block;
width: 496px;
height: 30px;
border-bottom: 1px solid #fff;
}
.adm2-left p{
font:bold 34px/42px "microsoft yahei";
color: #fff;
}
/*customer*/
.customer{
width: 100%;
height: 566px;
margin-top: 10px;
}
.customer ul{
width: 1180px;
margin: 0 auto;
}
.customer ul li{
width: 274px;
height: 372px;
float: left;
margin: 50px 10px 0;
background: #f1f1f1;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li b ,.customer ul li b img{
display: block;
width: 274px;
height: 217px;
overflow: hidden;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li:hover{
-webkit-transform: translate(-2px,-2px);
box-shadow: 3px 3px 3px rgba(0,0,0,.3);
background: #FF9000;
color: #fff;
}
.customer ul li:hover h4,.customer ul li:hover p{
color: #fff;
}
.customer ul li:hover img{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.customer ul li h4{
font: 16px/32px "microsoft yahei";
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li p{
padding: 10px;
text-indent: 2em;
color: #5f5f5f;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height:60px;
font: 14px/24px "microsoft yahei";
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.cust-more{
width: 284px;
height: 40px;
border-top: 1px solid #f2f2f2;
margin-top: 33px;
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.cust-more span{
display: block;
float: left;
padding-left: 10px;
font: 14px/40px "microsoft yahei";
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.cust-more i{
display: block;
width: 43px;
height: 15px;
float: right;
overflow: hidden;
background: url(../images/curs-icon.png) no-repeat left top;
margin: 12px 10px 0 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.cust-more div{
width: 284px;
position: absolute;
top: 0;
left: -220px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li:hover div{
top: 0;
left:0;
}
.customer ul li:hover .cust-more{
border-top:1px solid #FDBB29;
background: #FDBB29;
}
.customer ul li:hover span{
color: #fff;
}
.customer ul li:hover i{
background: url(../images/curs-icon.png) no-repeat -43px 0;
}
/*process*/
p.title-3-text{
font:14px/30px "microsoft yahei";
color: #5f5f5f;
}
.process ul li{
width: 82px;
padding: 40px 0;
float: left;
}
.process ul li i.process-icon{
width: 82px;
height: 82px;
display: block;
background-position: left top;
-webkit-transition: all .6s;
transition: all .6s;
}
.process-icon1{
background: url(../style/process-icon1.png);
}
.process-icon2{
background: url(../style/process-icon2.png);
}
.process-icon3{
background: url(../style/process-icon3.png);
}
.process-icon4{
background: url(../style/process-icon4.png);
}
.process-icon5{
background: url(../style/process-icon5.png);
}
.process-icon6{
background: url(../style/process-icon6.png);
}
.process-icon7{
background: url(../style/process-icon7.png);
}
.process-icon8{
background: url(../style/process-icon8.png);
}
.process-icon9{
background: url(../style/process-icon9.png);
}
.process ul li i.process-icon:hover{
background-position: left bottom;
}
.process ul li p{
font: 16px/32px "microsoft yahei";
border: 1px solid #ccc;
border-left: none;
border-right: none;
text-align: center;
margin-top: 10px;
-webkit-transition: all .6s;
transition: all .6s;
}
.process ul li:hover p{
border: 1px solid #0546AC;
color: #0546AC;
border-left: none;
border-right: none;
}
.process b{
display: block;
float: left;
width: 15px;
height: 22px;
background: url(../style/jiaobiao.png) no-repeat center;
margin: 70px 20px 0;
}
/*about*/
.about{
width: 100%;
height: 654px;
background: #014597;
}
.about-title h3 a{
display: block;
width: 1180px;
margin: 0 auto;
font: 30px "microsoft yahei";
color: #fff;
text-align: center;
padding-top: 30px;
padding-bottom: 60px;
background: url(../style/about-line.png) no-repeat center 75px;
}
.about-left{
width: 370px;
height: 470px;
border: 3px solid #90aac9;
}
.about-left a {
display: block;
width: 347px;
height: 449px;
overflow: hidden;
margin: 10px auto;
}
.about-left a img{
display: block;
width: 347px;
height: 449px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.about-left a:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.about-text{
width: 750px;
height: 210px;
overflow: hidden;
}
.about-text p{
font: 15px/30px "microsoft yahei";
color: #fff;
text-indent: 2em;
}
.tab-box{ width:768px; margin:37px auto 30px;}
.tab-top{width: 750px; background: url(../style/rongyu-line.png) no-repeat center; margin: 0 auto;}
.tab-hd { overflow:hidden; zoom:1; width: 302px;margin: 0 auto; background: url(../images/about-tabline.png) no-repeat center;}
.tab-hd li{ float:left; width:131px; height: 34px; color:#fff; text-align:center; cursor:pointer;background: #fdbb29; margin: 0 10px;}
.tab-hd li.active{ background:#FF9000;}
.tab-bd li{display:none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item; }
.tab-hd li a{font: 16px/34px "microsoft yahei";color: #fff; }
.tab-bd li a{ display: inline-block;padding: 20px 0 0;position: relative;width: 247px; height: 174px;}
.tab-bd li a img{width: 247px;height: 174px;}
.tab-bd-text{
width: 247px;
height: 30px;
background: rgba(0,0,0,.6);
position: absolute;
left: 0;
bottom: 0;
font: 15px/30px "microsoft yahei";
text-align: center;
color: #fff;
filter:alpha(opacity=50);
}
.tab-bd li a:hover .tab-bd-text{
background: #fab929;
}
.about-right a.fl-more{color:#fff;}
/*rongyu*/
.rongyu-title{
width: 1180px;
height: 40px;
border-bottom: 1px solid #D6D6D6;
margin-top: 10px;
}
.rongyu-title h4 a{
font: bold 20px/40px "microsoft yahei";
color: #0546AC;
}
.rongyu-title h4 span{
color: #FF9000;
}
.rongyu-more{
float: right;
font: 14px "microsoft yahei";
padding-top: 15px;
padding-left:305px;
}
.marquee {
width: 1180px;
height: 170px;
overflow: hidden;
margin-top: 30px;
}
.marquee li {
display: inline;
float: left;
padding-right: 10px;
}
.marquee li a {
width: 191px;
height: 170px;
display: block;
float: left;
text-align: center;
font-size: 14px;
}
.marquee li a:hover {
text-decoration: none;
}
.marquee li img {
width: 191px;
height: 131px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.marquee li:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.marquee li em {
font-style: normal;
height: 24px;
line-height: 24px;
display: block;
margin-top: 8px;
color: #333;
}
.marquee li:hover em {
color: #0546AC;
}
/*adm3*/
.adm3{
width: 1180px;
height: 204px;
background: url(../style/adm-3.jpg) no-repeat center;
margin: 20px auto 0;
}
.adm3-left{
padding: 50px 0 0 140px;
font:bold 36px/60px "microsoft yahei";
color: #fff;
text-shadow: 4px 2px 4px rgba(0,0,0,.5);
}
.adm3-tel {
width: 265px;
height: 114px;
background: url(../style/pro-title2.png) no-repeat 10px 0;
margin-top: 45px;
}
.adm3-tel p {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 50px;
padding-top: 10px;
color: #fff;
}
.adm3-tel span {
padding-left: 50px;
font: bold 28px/30px "microsoft yahei";
color: #fff;
}
.adm3 a {
display: inline-block;
width: 110px;
height: 36px;
background: #0546AC;
margin: 12px 7px 0;
text-align: center;
font: 16px/36px "microsoft yahei";
color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.adm3 a:hover {
transform: translate(-2px, -2px);
}
/*news*/
.news {
width: 100%;
height: 765px;
background: #f5f5f5;
margin-top: 30px;
}
.news-left {
width: 616px;
height: 688px;
background: #fff;
margin-top: 40px;
}
.news-left img {
display: block;
width: 588px;
height: 325px;
margin: 13px auto;
}
.dongtai h3 {
padding-top: 10px;
font: bold 18px/18px "microsoft yahei";
}
.dongtai h3 i {
display: inline-block;
width: 32px;
height: 20px;
background: #0546ac;
vertical-align: sub;
margin-right: 10px;
}
.dongtai ul {
padding-top: 10px;
}
.dongtai ul li {
width: 588px;
height: 30px;
margin: 3px auto;
border-bottom: 1px dashed #eee;
}
.dongtai ul li p {
float: left;
font: 14px/30px "microsoft yahei";
color: #000000;
}
.dongtai ul li span {
float: right;
font: 14px/30px "microsoft yahei";
color: #000000;
}
.dongtai ul li:after {
content: "";
display: block;
clear: both;
}
.dongtai ul li a:hover p {
color: #0546ac;
}
.dongtai ul li a:hover span {
color: #0546ac;
}
.news-right {
width: 542px;
height: 688px;
}
.news-r {
width: 542px;
height: 344px;
background: #fff;
margin-top: 40px;
}
.dongtai2 h3 {
padding-top: 20px;
font: bold 18px/18px "microsoft yahei";
}
.dongtai2 h3 i {
display: inline-block;
width: 32px;
height: 20px;
background: #0546ac;
vertical-align: sub;
margin-right: 10px;
}
.dongtai2 ul {
padding-top: 10px;
}
.dongtai2 ul li {
width: 508px;
height: 30px;
margin: 3px auto;
border-bottom: 1px dashed #eee;
}
.dongtai2 ul li p {
float: left;
font: 14px/30px "microsoft yahei";
color: #000000;
}
.dongtai2 ul li span {
float: right;
font: 14px/30px "microsoft yahei";
color: #000000;
}
.dongtai2 ul li:after {
content: "";
display: block;
clear: both;
}
.dongtai2 ul li a:hover p {
color: #0546ac;
}
.dongtai2 ul li a:hover span {
color: #0546ac;
}
.wenti{
width: 542px;
height: 323px;
background: #fff;
margin-top: 21px;
}
.dongtai3 h3 {
padding-top: 20px;
font: bold 18px/18px "microsoft yahei";
}
.dongtai3 h3 i {
display: inline-block;
width: 32px;
height: 20px;
background: #0546ac;
vertical-align: sub;
margin-right: 10px;
}
.scrolltop{
overflow: hidden;
position: relative;
height: 240px;
margin-top: 20px;
}
.scrolltop ul li{
width: 508px;
margin: 0 auto;
}
.wen i {
display: inline-block;
color: #fff;
font: bold 14px/23px "microsoft yahei";
text-align: center;
color: #0546ac;
padding-right: 5px;
vertical-align:top;
}
.wen span {
display: inline-block;
font: 14px/24px "microsoft yahei";
padding-left: 5px;
width: 16em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: text-bottom;
color: #3b3939;
}
.da {
}
.da i {
display: inline-block;
color: #fff;
font: bold 14px/23px "microsoft yahei";
text-align: center;
color: #ff9000;
padding-right: 5px;
}
.da span {
font: 14px/23px "microsoft yahei";
padding-left: 5px;
width: 467px;
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
vertical-align: top;
color: #3b3939;
height: 45px;
}
.scrolltop ul li {
border-bottom: 1px dashed #c8c8c8;
padding: 10px 0;
}
/*links*/
.links{
width: 1180px;
height: 70px;
background: url(../style/links.png) no-repeat center;
margin: 20px auto;
}
.links-right{
padding-left: 20px;
}
.links h3{
display: inline-block;
width: 164px;
}
.links h3 a{
display: block;
font:bold 36px/70px arial;
color: #fff;
text-align: center;
}
.links a{
display: inline-block;
font: 14px/24px arial;
vertical-align: bottom;
padding:0 10px;
}
.links span{
display: inline-block;
font: 14px/24px arial;
vertical-align: bottom;
}
.links-right {
width: 990px;
margin-top: 13px;
}