html {
background: #fff;
color: #666666;
overflow-x: hidden;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
form,
input,
textarea,
p {
margin: 0 auto;
padding: 0;
}
img {
border: 0;
}
ol,
ul,
li {
list-style: none;
}
h1,
h2,
h3 {
font-weight: normal;
font-size: 100%;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-weight: inherit;
font-size: inherit;
font-family: inherit;
}
input,
textarea,
select {
*font-size: 100%;
}
legend {
color: #000;
}
a {
color: inherit;
text-decoration: none;
}
/*******CSS reset*************/
body {
background: #fff;
color: #333;
font-size: 14px;
font-family: '微软雅黑';
}
a {
color: #333;
}
a:hover {
color: #06559c;
}
/*******CSS reset*************/
.f12 {
font-size: 12px;
}
.f16 {
font-size: 16px;
}
.bold {
font-weight: bold;
}
.white {
color: #fff;
}
.left {
float: left;
}
.right {
float: right;
}
.t_r {
text-align: right;
}
.clear {
clear: both;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.rel_center {
position: relative;
}
.hidden {
display: none;
}
.jj_pic {
float: left;
margin: 0 10px 0 0;
}
.nr_pic {
text-align: center;
position: relative;
width: 100%;
}
.red {
color: #f00;
font-weight: bold;
padding-left: 10px;
}
.nr_red {
color: #f00;
font-weight: bold;
}
.scale:hover img {
transform: scale(1.1, 1.1);
}
.scale img {
transition: transform 1s ease 0s
}
#lxwm_nr {
margin: 0 20px 20px;
font-size: 14px;
}
#lxwm_nr p {
line-height: 35px;
border-bottom: 1px dotted #ccc;
padding-left: 20px;
}
#prev_next {
border-top: 1px solid #f0f0f0;
margin-top: 10px;
padding-top: 5px;
}
#prev_next li {
padding-left: 10px;
height: 30px;
line-height: 30px;
}
#con_lx {
width: 90%;
height: auto;
overflow: hidden;
line-height: 2.0;
font-size: 14px;
margin-bottom: 20px;
}
#con_lx p {
border-bottom: 1px dotted #ccc;
line-height: 38px;
padding-left: 20px;
transition: 0.3s all 0s linear;
}
#con_lx p:hover {
background: #efefef;
color: #000;
border-bottom: 1px solid #ccc;
padding-left: 30px;
}
/** header **/
#top_line_bj {
height: 30px;
width: 100%;
background: #f4f4f4;
}
#top_line .left{
width: 330px !important;
}
#top_line {
width: 1400px;
height: 30px;
line-height: 30px;
}
#top_line a {
padding: 0 10px;
}
#top_index {
width: 1400px;
height: 100px;
}
#logo {
float: left;
padding: 25px 0 0 0;
}
#logo img{
width: 280px;
}
#top_tel {
float: right;
margin-top: 35px;
background: url(../images/top_tel.png) no-repeat left top;
color: #0045a2;
font-family: arial;
font-size: 24px;
font-weight: bold;
padding: 17px 0 0 48px;
}
#nav {
float: left;
height: 100px;
padding-left: 65px
}
#nav li {
float: left;
width: 94px;
height: 70px;
padding-top: 30px;
text-align: center;
transition: 0.3s;
}
#nav li a {
display: inline-block;
position: relative;
color: #333333;
width: auto;
height: 40px;
line-height: 40px;
font-size: 18px;
}
#nav li a::before {
position: absolute;
left: 50%;
bottom: 0;
height: 2px;
background: #fff;
width: 0;
content: '';
transition: 0.3s;
}
#nav l.active>a:before {
width: 100%;
}
#nav l.active>a {
color: #1b2734;
}
#nav li .navson {
display: none;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 130px;
z-index: 100000;
width: 100%;
background: rgba(0, 0, 0, .8);
padding: 20px 0;
}
#nav li .navson dl {
width: 1200px;
}
#nav li .navson dt {
display: block;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 12%;
transition: 0.3s;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
#nav li .navson dt a {
font-size: 15px !important;
color: #fff !important;
}
#nav li .navson dt:hover {
background: #ffc71c;
}
#nav li .navson dt:hover a {
color: #333 !important;
}
#nav li .navson dt a:before {
display: none;
}
#nav li:hover {
background: #013596;
}
#nav li:hover a {
color: #fff;
}
#nav li:hover a::before {
width: 100%;
left: 0;
}
.flash {
width: 100%;
height: 570px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 0;
}
.flash .flashBox {
position: relative;
margin: 0 auto;
width: 1000px;
height: 958px;
}
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd {
position: absolute;
width: 1920px;
left: -460px;
}
.flash .flashBox .bd img {
width: 100%;
height: 100%;
}
#ssbj {
background: #013596;
width: 100%;
height: 80px;
}
#ssnr {
width: 1400px;
height: 80px;
line-height: 80px;
}
#ssnr .left {
color: #fff;
}
#ssnr .left a {
padding: 0 10px;
color: #8a98c3;
}
#ssnr .left a:hover {
color: #fff;
}
.ss {
width: 435px;
height: 50px;
float: right;
margin: 14px 0 0 0;
}
.sou_left {
float: left;
width: 310px;
height: 50px;
line-height: 50px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: none;
text-align: left;
color: #787878;
background: #fff;
padding-left: 20px;
}
.ss_pic {
float: right;
}
#home_bj {
width: 100%;
height: 60px;
background: #f3f5f7;
}
#home {
width: 1400px;
height: 60px;
}
#home .left {
height: 60px;
line-height: 60px;
background: url(../images/home.png) no-repeat left center;
padding-left: 30px;
}
#home .right li {
float: right;
width: 127px;
text-align: center;
height: 60px;
line-height: 60px;
transition: 0.3s;
}
#home .right .on {
background: url(../images/lbhove.png) no-repeat center bottom;
}
/** footer **/
#end_nr_bj {
background: #013596;
width: 100%;
height: auto;
overflow: hidden;
color: #ffffff;
}
#end_nr_bj .main .tit {
font-size: 19px;
font-weight: bold;
text-align: left;
color: #fff;
position: relative;
height: 40px;
}
#end_nr_bj .main .content {
color: #fff;
padding-top: 10px;
}
#end_nr_bj .main .left {
width: 360px;
}
#end_nr_bj .main .right {
padding-left: 50px;
}
#end_line_bj {
height: 50px;
line-height: 50px;
background: #002b7b;
text-align: center;
}
#end_line {
width: 1400px;
height: 50px;
line-height: 50px;
color: #fff;
}
#end_line a {
color: #fff;
}
#end_nav_bj {
background: #ffc71c;
width: 100%;
height: 70px;
}
#end_nav {
width: 1200px;
height: 70px;
line-height: 70px;
text-align: center;
}
#end_nav li {
display: inline-block;
color: #000;
font-size: 16px;
padding: 0 50px;
}
#end_nav li a {
color: #000;
}
#end_nr_bj table {
text-transform: uppercase;
line-height: 35px;
}
#end_nr_bj table input {
width: 240px;
height: 34px;
background: #fff;
border: 1px solid #fff;
padding-left: 10px;
}
#end_nr_bj table textarea {
width: 510px;
height: 70px;
background: #fff;
border: 1px solid #fff;
color: #999999;
padding: 10px;
margin-top: 10px;
}
#end_nr_bj table #submit {
width: 150px;
height: 40px;
background: #ffc71c;
border: 1px solid #ffc71c;
color: #333;
border-radius: 5px;
font-size: 16px;
margin-top: 10px;
padding: 0;
}
#end_nr_bj table input::-webkit-input-placeholder {
color: #999999;
}
#end_nr_bj table input::-moz-input-placeholder {
color: #999999;
}
#end_nr_bj table input::-ms-input-placeholder {
color: #999999;
}
/** main **/
.main {
width: 1400px;
height: auto;
padding: 50px 0;
line-height: 30px;
}
.jj_tit {
text-align: center;
}
.jj_tit p {
color: #333333;
font-weight: bold;
font-size: 30px;
position: relative;
height: 50px;
display: inline-block;
}
.jj_tit p::before {
position: absolute;
content: '';
bottom: 0;
background: #ffc71c;
width: 60%;
height: 2px;
left: 20%;
}
.jj_tit span {
display: block;
color: #666666;
font-size: 16px;
padding-top: 10px;
}
#jjlb {
text-align: center;
padding: 30px 0;
}
#jjlb li {
display: inline-block;
margin: 0 40px;
}
#jjlb li .pic {
background: url(../images/picbj.png) no-repeat center top;
text-align: center;
width: 188px;
height: 163px;
line-height: 163px;
transition: 0.3s;
}
#jjlb li .pic img {
display: inline-block;
vertical-align: middle;
}
#jjlb li .nr {
text-align: center;
color: #333333;
font-size: 16px;
padding-top: 15px;
}
#jjlb li:hover .pic {
background: url(../images/picbj1.png) no-repeat center top;
transform: rotate(360deg);
}
#hui {
background: #eeeeee;
width: 1400px;
height: 580px;
position: relative;
z-index: 2;
}
#blue {
background: #013596;
width: 100%;
height: auto;
position: relative;
margin-top: -100px;
z-index: 1;
}
.slideGroup {
width: 1400px;
text-align: left;
}
.slideGroup .parHd {
height: auto;
position: relative;
padding: 0 30px;
}
.slideGroup .parHd .tit {
float: left;
background: url(../images/cpicon.png) no-repeat left top;
padding-left: 50px;
line-height: 22px;
}
.slideGroup .parHd .tit p {
font-size: 20px;
color: #013596;
}
.slideGroup .parHd .tit span {
color: #333333;
font-size: 14px;
text-transform: uppercase;
}
.slideGroup .parHd ul {
float: left;
text-align: center;
height: 40px;
padding-left: 60px;
}
.slideGroup .parHd ul li {
float: left;
padding: 0 30px;
border-radius: 5px;
margin: 0 0 0 20px;
height: 40px;
line-height: 40px;
background: #013596;
cursor: pointer;
}
.slideGroup .parHd ul li a {
color: #fff;
}
.slideGroup .parHd ul li.on {
height: 40px;
background: #ffc71c;
color: #333;
}
.slideGroup .parHd ul li.on a {
color: #333;
}
.slideGroup .slideBox {
zoom: 1;
padding: 30px 0 0;
position: relative;
}
.slideGroup .sPrev {
position: absolute;
left: -30px;
top: 210px;
display: block;
width: 45px;
height: 94px;
background: url(../images/cp_left.png) no-repeat left top;
transition: 0.3s;
z-index: 10;
}
.slideGroup .sNext {
position: absolute;
right: -30px;
top: 210px;
display: block;
width: 45px;
height: 94px;
background: url(../images/cp_right.png) no-repeat left top;
transition: 0.3s;
z-index: 10;
}
.slideGroup .sPrev:hover,
.slideGroup .sNext:hover {
background-position-x: -45px;
}
.slideGroup .parBd ul {
overflow: hidden;
zoom: 1;
}
.slideGroup .parBd ul li {
margin: 0 10px;
width: 321px;
height: 406px;
float: left;
background: #013596;
_display: inline;
overflow: hidden;
}
.slideGroup .parBd ul li .pic {
width: 100%;
height: 0;
padding-bottom: 80%;
position: relative;
overflow: hidden;
}
.slideGroup .parBd ul li .pic img {
width: 100%;
height: 100%;
object-fit: contain;
left: 0;
position: absolute;
}
.slideGroup .parBd ul li .content {
line-height: 25px;
color: #fff;
padding: 20px;
}
.slideGroup .parBd ul li .content .tit {
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #2e58a6;
}
.slideGroup .parBd ul li .content span {
display: block;
color: #ffc71c;
font-size: 14px;
text-align: right;
padding-top: 5px;
}
#blue .main {
padding: 180px 0 250px;
}
.about_tit {
text-align: center;
}
.about_tit p {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 30px;
position: relative;
height: 50px;
}
.about_tit p::before {
position: absolute;
height: 2px;
width: 90%;
left: 5%;
background: #ffc71c;
content: '';
bottom: 0;
}
.about_tit p span {
font-size: 24px;
color: #9da8cc;
text-transform: uppercase;
padding-left: 10px;
}
.about_tit i {
display: block;
font-style: normal;
color: #7391c7;
font-size: 16px;
padding-top: 10px;
}
#blue .content {
width: 80%;
color: #fff;
padding: 50px 0;
text-align: center;
}
#blue .more {
text-align: center;
width: 200px;
height: 45px;
background: #ffc71c;
border-radius: 5px;
line-height: 45px;
color: #333;
font-size: 14px;
}
#rybj {
background: #fff;
width: 1256px;
padding: 0 50px;
height: 192px;
border: 11px solid #ffc71c;
border-left: 22px solid #ffc71c;
border-right: 22px solid #ffc71c;
position: relative;
z-index: 2;
margin-top: -120px;
}
#cpnr {
position: absolute;
bottom: 15px;
}
#cpnr .swiper-container {
width: 1256px;
height: 100%;
position: relative;
padding-top: 15px;
}
#cpnr .swiper-slide {
text-align: center;
transition: 0.3s;
overflow: hidden;
position: relative;
/* Center slide text vertically */
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#cpnr .swiper-slide .pic {
display: block;
width: 100%;
height: 235px;
overflow: hidden;
}
#cpnr .swiper-slide .pic img {
width: 100%;
height: 235px;
transition: 0.3s;
object-fit: contain;
}
#cpnr .swiper-slide p {
position: absolute;
left: 0;
bottom: 0;
text-align: center;
width: 100%;
color: #fff;
height: 40px;
line-height: 40px;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s;
}
#cpnr .swiper-slide p img {
opacity: 0;
display: none;
}
#cpnr .swiper-slide p a {
color: #fff;
}
#cpnr .swiper-slide:hover p {
height: 100%;
background: rgba(1, 53, 150, 0.9);
}
#cpnr .swiper-slide:hover p span {
display: block;
width: 100%;
padding-top: 65px;
}
#cpnr .swiper-slide:hover p img {
opacity: 1;
display: inline-block;
}
#cpnr .swiper-slide:hover {
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr .swiper-slide:hover img {
transform: scale(1.1);
}
#cpnr .swiper-container .swiper-button-next,
#cpnr .swiper-container .swiper-button-prev {
background: url(../images/right.png) no-repeat center #c40001;
width: 35px;
height: 35px;
position: absolute;
bottom: 0;
top: auto;
transition: 0.3s;
}
#cpnr .swiper-container .swiper-button-prev {
background: url(../images/left.png) no-repeat center #0053b0;
right: auto;
left: 45%;
}
#cpnr .swiper-container .swiper-button-next {
left: auto;
right: 45%;
}
#cpnr .swiper-container .swiper-button-prev:hover {
background: url(../images/left.png) no-repeat center #e9ad45;
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr .swiper-container .swiper-button-next:hover {
background: url(../images/right.png) no-repeat center #e9ad45;
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr .swiper-container #more {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
#cpnr .swiper-container #more a {
display: block;
width: 35px;
margin: 0 auto;
height: 35px;
line-height: 35px;
background: #c5c5c5;
}
#gg {
background: url(../images/gg.png) no-repeat center top;
width: 100%;
height: 300px;
}
.tit_in {
border-left: 6px solid #ffc71c;
padding-left: 10px;
height: 57px;
}
.tit_in p {
color: #013596;
font-size: 30px;
font-weight: bold;
}
.tit_in p span {
color: #999999;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
padding-left: 10px;
}
.tit_in i {
font-style: normal;
color: #333333;
font-size: 16px;
}
#indexNews {
width: 690px;
float: right;
margin-top: 40px;
}
#indexNews li {
float: left;
border: 1px solid #999999;
padding: 15px;
width: 180px;
height: 525px;
background: #fff;
transition: 0.5s;
}
#indexNews li .pic {
padding: 0;
}
#indexNews li .pic img {
width: 100%;
height: 140px;
}
#indexNews li .font {
padding: 0 0 0 4% !important;
line-height: 3rem;
}
#indexNews li .news_title {
text-align: left;
color: #333333;
font-size: 17px;
line-height: 25px;
}
#indexNews li .news_info {
color: #666666;
font-size: 14px;
line-height: 25px;
padding-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
#indexNews li .news_time {
float: left;
line-height: 30px;
text-align: left;
font-weight: normal !important;
color: #b6b6b6;
font-size: 16px;
padding: 0 !important;
margin: 20% 0 15%;
}
#indexNews li .news_time span {
display: block;
margin: 0 auto;
width: 100%;
text-align: left;
height: 40px;
color: #494949;
font-size: 40px;
font-weight: bold;
border-bottom: 1px solid #999999;
}
#indexNews li:hover {
background: #0045a2;
box-shadow: 0 0 10px #979797;
}
#indexNews li:hover .news_time {
color: #fff;
}
#indexNews li:hover .news_time span {
color: #fff;
}
#indexNews li:hover .news_title {
color: #fff;
}
#indexNews li:hover .news_info {
color: #fff;
}
#indexNews li:nth-of-type(2) {
margin: 0 20px;
}
#xw_pic {
width: 690px;
float: left;
text-align: center;
margin-top: 40px;
position: relative;
}
#xw_pic .pic {
width: 690px;
height: 435px;
}
#xw_pic .pic img {
width: 690px;
height: 435px;
}
#xw_font {
width: 688px;
height: 120px;
line-height: 3rem;
background: #fff;
border: 1px solid #999999;
}
#xw_font .left {
width: 128px;
height: 120px;
line-height: 2.5rem;
text-align: center;
font-weight: normal !important;
background: #0045a2;
color: #fff;
font-size: 16px;
}
#xw_font .left span {
display: block;
font-weight: bold;
margin: 0 auto;
width: 90%;
height: 4rem;
line-height: 4rem;
text-align: center;
color: #fff;
font-size: 40px;
border-bottom: 1px solid #4576b7;
padding-top: 5px;
}
#xw_font .right {
text-align: left;
width: 77%;
line-height: 2rem;
padding: 2%;
}
#xw_font .right .tit {
font-weight: bold;
font-size: 18px;
color: #4f4f4f;
width: 100%;
padding-bottom: 1%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#xw_font .right .tit a {
color: #4f4f4f;
}
#xw_font .right .content {
color: #666666;
font-size: 14px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#ys_cp {
width: 600px;
float: left;
text-align: center;
padding: 150px 0 50px;
}
.slideTxtBox {
width: 744px;
text-align: left;
float: right;
}
.slideTxtBox .hd {
height: 502px;
float: left;
width: 119px;
}
.slideTxtBox .hd ul {
height: 502px;
width: 119px;
}
.slideTxtBox .hd ul li {
float: left;
width: 119px;
height: 84px;
cursor: pointer;
text-align: center;
padding-top: 27px;
}
.slideTxtBox .hd ul li p {
width: 56px;
height: 56px;
line-height: 56px;
overflow: hidden;
}
.slideTxtBox .hd ul li p img {
display: block;
vertical-align: middle;
margin-left: 0;
transition: 0.3s;
}
.slideTxtBox .hd ul li.on {
height: 84px;
background: url(../images/yspic11.jpg) no-repeat right center;
}
.slideTxtBox .hd ul li:nth-of-type(2).on {
background: url(../images/yspic22.jpg) no-repeat right center;
}
.slideTxtBox .hd ul li:nth-of-type(3).on {
background: url(../images/yspic33.jpg) no-repeat right center;
}
.slideTxtBox .hd ul li:nth-of-type(4).on {
background: url(../images/yspic44.jpg) no-repeat right center;
}
.slideTxtBox .hd ul li.on p img {
margin-left: -56px;
}
.slideTxtBox .bd {
width: 625px;
height: 502px;
float: right;
}
.slideTxtBox .bd ul {
width: 625px;
height: 502px;
}
.slideTxtBox .bd ul li {
width: 625px;
height: 502px;
background: url(../images/yspic1.jpg) no-repeat left top;
transition: 0.3s;
}
.slideTxtBox .bd ul:nth-of-type(2) li {
background: url(../images/yspic2.jpg) no-repeat left top;
}
.slideTxtBox .bd ul:nth-of-type(3) li {
background: url(../images/yspic3.jpg) no-repeat left top;
}
.slideTxtBox .bd ul:nth-of-type(4) li {
background: url(../images/yspic4.jpg) no-repeat left top;
}
.slideTxtBox .bd ul li .tit {
text-align: center;
padding-top: 90px;
line-height: 40px;
position: relative;
padding-bottom: 20px;
}
.slideTxtBox .bd ul li .tit p {
color: #fff;
font-size: 30px;
font-weight: bold;
}
.slideTxtBox .bd ul li .tit span {
font-size: 16px;
font-family: arial;
text-transform: uppercase;
color: #fff;
}
.slideTxtBox .bd ul li .tit::before {
position: absolute;
bottom: 0;
height: 1px;
background: #fff;
width: 10%;
left: 45%;
content: '';
}
.slideTxtBox .bd ul li .content {
width: 425px;
text-align: center;
color: #fff;
font-size: 16px;
padding-top: 70px;
line-height: 30px;
}
#gsjj_bj {
background: url(../images/jjbj.jpg) no-repeat center top;
width: 100%;
height: auto;
position: relative;
}
#gsjjpic {
float: right;
margin-top: 50px;
}
#gsjjnr {
float: left;
width: 770px;
margin-top: 50px;
font-size: 15px;
line-height: 35px;
}
#qywhbj {
background: url(../images/whbj.jpg) no-repeat center top;
width: 100%;
height: auto;
}
#whtit {
text-align: center;
position: relative;
}
#whtit span {
display: block;
text-transform: uppercase;
color: #414244;
font-size: 70px;
font-weight: bold;
}
#whtit p {
width: 100%;
position: absolute;
color: #fff;
font-size: 45px;
font-weight: bold;
z-index: 1;
top: 25px;
}
#qywhbj .content {
color: #fff;
width: 75%;
text-align: center;
padding: 70px 0 0;
margin: 0 auto;
}
#qywhbj ul {
text-align: center;
}
#qywhbj li {
display: inline-block;
width: 19%;
text-align: center;
color: #fff;
padding: 5% 0 2%;
}
#qywhbj li .bt {
font-size: 20px;
padding: 5% 0 3%;
font-weight: bold;
}
#qywhbj li .nr {
font-size: 16px;
height: 30px;
}
#qywhbj li:hover .pic img {
animation: swing 1s;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0);
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0);
}
}
@-ms-keyframes swing {
20% {
-ms-transform: rotate(15deg);
}
40% {
-ms-transform: rotate(-10deg);
}
60% {
-ms-transform: rotate(5deg);
}
80% {
-ms-transform: rotate(-5deg);
}
100% {
-ms-transform: rotate(0);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0);
}
}
#zzry {
width: 100%;
margin: 30px auto;
}
#zzry .swiper-container {
width: 100%;
height: 100%;
}
#zzry .swiper-slide {
text-align: center;
background: #fff;
overflow: hidden;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#zzry .swiper-slide img {
max-width: 100%;
transition: 0.3s;
}
#zzry .swiper-slide:hover img {
transform: scale(1.1);
}
#cpnr1 {
margin-top: 20px;
}
#cpnr1 .swiper-container {
width: 100%;
height: 100%;
position: relative;
padding-top: 15px;
}
#cpnr1 .swiper-slide {
text-align: center;
transition: 0.3s;
overflow: hidden;
position: relative;
/* Center slide text vertically */
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#cpnr1 .swiper-slide .pic {
display: block;
width: 100%;
height: 235px;
overflow: hidden;
}
#cpnr1 .swiper-slide .pic img {
width: 100%;
height: 235px;
transition: 0.3s;
}
#cpnr1 .swiper-slide p {
position: absolute;
left: 0;
bottom: 0;
text-align: center;
width: 100%;
color: #fff;
height: 40px;
line-height: 40px;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s;
}
#cpnr1 .swiper-slide p img {
opacity: 0;
display: none;
}
#cpnr1 .swiper-slide p a {
color: #fff;
}
#cpnr1 .swiper-slide:hover p {
height: 100%;
background: rgba(1, 53, 150, 0.9);
}
#cpnr1 .swiper-slide:hover p span {
display: block;
width: 100%;
padding-top: 65px;
}
#cpnr1 .swiper-slide:hover p img {
opacity: 1;
display: inline-block;
}
#cpnr1 .swiper-slide:hover {
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr1 .swiper-slide:hover img {
transform: scale(1.1);
}
#cpnr1 .swiper-container .swiper-button-next,
#cpnr1 .swiper-container .swiper-button-prev {
background: url(../images/right.png) no-repeat center #c40001;
width: 35px;
height: 35px;
position: absolute;
bottom: 0;
top: auto;
transition: 0.3s;
}
#cpnr1 .swiper-container .swiper-button-prev {
background: url(../images/left.png) no-repeat center #0053b0;
right: auto;
left: 45%;
}
#cpnr1 .swiper-container .swiper-button-next {
left: auto;
right: 45%;
}
#cpnr1 .swiper-container .swiper-button-prev:hover {
background: url(../images/left.png) no-repeat center #e9ad45;
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr1 .swiper-container .swiper-button-next:hover {
background: url(../images/right.png) no-repeat center #e9ad45;
box-shadow: 0px 0px 10px #d7d7d7;
}
#cpnr1 .swiper-container #more {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
#cpnr1 .swiper-container #more a {
display: block;
width: 35px;
margin: 0 auto;
height: 35px;
line-height: 35px;
background: #c5c5c5;
}
._news.news2 ul li {
height: auto;
margin-bottom: 30px;
float: left;
width: 423px;
margin: 0 20px;
}
._news.news2.double ul li {
width: 49%
}
._news.news2 ul li .news_thum {
position: relative;
height: auto;
overflow: hidden;
width: 100%
}
._news.news2 ul li .img {
display: block;
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
._news.news2 ul li .img img {
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
}
._news.news2 ul li .news_time {
width: auto;
height: auto;
line-height: 35px;
position: absolute;
padding: 0 10px;
font-size: 12px;
left: 0;
bottom: 0;
color: #fff;
background: rgba(0, 0, 0, .4);
font-family: helveticaneuethn;
transition: all .36s ease 0s
}
._news.news2 ul li .news2_des {
width: 100%;
height: auto;
padding: 20px;
background: rgba(0, 0, 0, .01);
box-sizing: border-box;
transition: all .36s ease 0s
}
._news.news2 ul li .news2_des b {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 35px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 10px;
color: #3e3e3e;
padding-bottom: 5px;
position: relative
}
._news.news2 ul li .news2_des b:after {
content: '';
width: 0;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: #fff;
transition: all .36s ease 0s
}
._news.news2 ul li .news2_des .text {
display: block;
line-height: 24px;
height: 48px;
font-size: 12px;
overflow: hidden;
opacity: .7;
}
._news.news2 ul li:hover .news2_des {
color: #fff;
background: #013596
}
._news.news2 ul li:hover .news2_des b {
color: #fff
}
._news.news2 ul li:hover .news_time {
background: #013596
}
._news.news2 ul li:hover .news2_des b:after {
width: 100%
}
.news-detail-content {
padding: 3%;
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
position: relative;
;
}
.news-detail-content .news-detail-title {
padding-bottom: 30px;
text-align: left;
}
.news-detail-content .news-detail-title .h3 {
width: 100%;
font-size: 28px;
color: #004ea1;
line-height: 2.2;
position: relative;
padding-bottom: 10px;
}
.news-detail-content .news-detail-title .h3::after {
width: 40px;
height: 5px;
content: '';
position: absolute;
left: 0px;
bottom: 5px;
background: #004ea1;
}
.news-detail-content .news-detail-title .b {
font-size: 13px;
color: #999999;
line-height: 20px;
margin-top: 10px;
}
.news-detail-content .news-detail {
padding: 0 0 30px;
line-height: 30px;
}
.news-detail-content .news-detail table {
margin: 2% auto;
width: 70%;
}
.news-detail-content .news-detail table td {
border: 1px solid #efefef;
text-align: center;
}
.news-detail-content .news-detail p {
font-size: 14px;
color: #595959;
line-height: 30px;
}
.news-detail-content .news-detail img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.news-detail-content .newsPage {
padding: 0 12px;
color: #999;
font-size: 1.2rem;
line-height: 30px;
margin: 15px 0 30px;
padding-top: 20px;
border-top: 1px solid #efefef;
}
.news-detail-content .newsPage a {
color: #999;
}
.news-detail-content .newsPage a:hover {
color: #333;
}
.cooperation ul li {
height: auto;
display: block;
float: left;
width: 423px;
color: #013596;
margin: 0 24px 40px;
position: relative;
}
/*.cooperation ul li::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; content: ''; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) .4s;}*/
.cooperation ul li .thum {
width: 100%;
height: 0;
padding-bottom: 80%;
position: relative;
overflow: hidden;
}
.cooperation ul li .thum img {
width: 100%;
height: 100%;
left: 0;
position: absolute;
-webkit-transition: all .5s;
}
.cooperation-cont {
width: 70%;
height: auto;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
padding: 20px;
transition: 0.3s;
opacity: 0;
}
.cooperation-cont .bl {
width: 0;
height: 2px;
background: #013596;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all .5s;
}
.cooperation-cont .bl.l1 {
top: 0;
}
.cooperation-cont .bl.l2 {
left: auto;
right: 0;
}
.cooperation ul li:hover .thum img {
-webkit-transform: scale(1.05);
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(100%);
}
.cooperation ul li:nth-child(even) {
margin-right: 0;
}
.cooperation ul li:hover .bl.l1 {
width: 100%;
}
.cooperation ul li:hover .bl.l2 {
width: 100%;
right: 0;
}
.cooperation ul li:hover .cooperation-cont {
opacity: 1;
}
.cooperation ul li:hover .cooperation-cont::before {
height: 100%;
}
.cooperation ul li:hover .cooperation-cont::after {
height: 100%;
}
.cooperation-cont::after,
.cooperation-cont::before {
width: 2px;
display: block;
height: 0;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .5s;
content: '';
background: #013596;
}
.cooperation-cont::after {
left: auto;
right: 0;
top: auto;
bottom: 0;
}
.cooperation-cont h3 {
font-size: 28px;
line-height: 40px;
color: #013596;
font-weight: bold;
}
.cooperation-cont p {
opacity: .7;
text-transform: uppercase;
font-size: 12px;
}
.cplx {
float: left;
width: 500px;
margin-top: 30px;
padding-left: 100px;
}
.cply {
float: right;
width: 700px;
margin-top: 30px;
}
.product-content {
padding: 30px 0 0;
line-height: 30px;
}
.cply table {
text-transform: uppercase;
line-height: 35px;
width: 700px;
}
.cply table input {
width: 320px;
height: 34px;
background: #eeeeee;
border: 1px solid #eeeeee;
padding-left: 10px;
}
.cply table textarea {
width: 672px;
height: 90px;
background: #eeeeee;
border: 1px solid #eeeeee;
color: #999999;
padding: 10px;
margin-top: 10px;
}
.cply table #submit {
width: 150px;
height: 40px;
background: #ffc71c;
border: 1px solid #ffc71c;
color: #333;
border-radius: 5px;
font-size: 16px;
margin-top: 10px;
padding: 0;
}
.cply table input::-webkit-input-placeholder {
color: #999999;
}
.cply table input::-moz-input-placeholder {
color: #999999;
}
.cply table input::-ms-input-placeholder {
color: #999999;
}
.img-cover-4by3 {
width: 100%;
height: 0;
padding-bottom: 70%;
position: relative;
overflow: hidden;
}
.abs-center {
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
}
.de-product-list ul li {
position: relative;
float: left;
width: 423px;
margin: 0 20px 40px;
height: auto;
overflow: hidden;
background: #f6f6f6;
}
.de-product-list ul li a {
display: block;
}
.de-product-list ul li .title {
font-size: 16px;
width: 423px;
text-align: center;
margin: 15px 0;
transition: 0.3s;
}
.de-product-list ul li .title h4 {
color: #013596;
font-size: 16px;
overflow: hidden;
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.de-product-list ul li .title span {
display: block;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.de-product-list ul li #hovertit {
background: #f6f6f6;
padding: 3% 0;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: -50%;
z-index: 2;
transition: 0.4s;
opacity: 0;
}
.de-product-list ul li #hovertit h4 {
color: #595959;
font-size: 16px;
margin: 0;
}
.de-product-list ul li #hovertit span {
display: block;
color: #666;
}
.de-product-list ul li #hovertit ul {
text-align: center;
margin-top: 10px;
padding: 0 39px;
}
.de-product-list ul li #hovertit ul li {
display: inline-block;
margin: 0 10px;
border: 1px solid #013596;
border-radius: 5px;
width: 150px;
height: 40px;
line-height: 40px;
}
.de-product-list ul li #hovertit ul li:nth-of-type(2) {
background: #013596;
color: #fff;
}
.de-product-list ul li:hover #hovertit {
bottom: 0;
opacity: 1;
}
.de-product-list ul li:hover #hovertit li {
color: #333;
}
#cpbj1 {
background: url(../images/cpbj1.jpg) no-repeat center top;
width: 100%;
height: auto;
}
#cpbj2 {
background: url(../images/cpbj2.jpg) no-repeat right bottom;
width: 100%;
height: auto;
font-size: 16px;
}
#cpbj2 .main {
line-height: 40px !important;
}
#cpbj3 {
background: url(../images/cpbj3.jpg) no-repeat right top;
width: 100%;
height: auto;
}
.o_product {
clear: both;
padding: 50px 0 0;
}
.o_product .o_product_img {
float: left;
width: 635px;
height: 0;
padding-bottom: 33%;
position: relative;
overflow: hidden;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.o_product .o_product_img img {
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
}
.o_product .o_product_info {
float: right;
width: 725px;
}
.o_product .o_product_info .cptit {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 20px;
}
.o_product .o_product_info .cptit h2 {
color: #333333;
font-size: 24px;
line-height: 40px;
margin: 0;
}
.o_product .o_product_info .cptit .content {
padding: 0;
}
.o_product .o_product_info .o_product_detail {
font-size: 14px;
color: #999;
margin-top: 20px;
}
.o_product .o_product_info .o_product_detail .o_product_data {
clear: both;
width: 100%;
height: auto;
margin-bottom: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,
.o_product:after {
display: block;
content: '';
clear: both;
height: 0;
width: 0;
}
.o_product_data span {
display: block;
}
.o_product_data span.key {
float: left;
color: #e74d45;
font-size: 18px;
border-left: 2px solid #e74d45;
padding-left: 15px;
}
.o_product_data span.val {
float: left;
height: auto;
line-height: 25px;
width: 380px;
padding-left: 5px;
}
.colhs {
color: #FE4200;
}
.o_product_data span.val b {
color: #FE4200;
font-size: 16px;
}
.o_product_detail li {
width: 148px;
height: 142px;
float: left;
margin: 10px 20px 20px 0;
}
.o_product_detail li .pic {
width: 146px;
height: 110px;
border: 2px solid #e5e5e5;
transition: 0.3s;
}
.o_product_detail li .pic img {
width: 146px;
height: 110px;
}
.o_product_detail li p {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
}
.o_product_detail li:hover .pic {
border: 2px solid #013596;
}
.o_product_info #cptel {
float: left;
width: 280px;
height: 50px;
line-height: 50px;
background: #013596;
text-align: left;
color: #fff;
}
.o_product_info #cptel i {
display: block;
float: left;
width: 22px;
height: 50px;
line-height: 50px;
margin: 0 20px 0 30px;
}
.o_product_info #cptel i img {
display: inline-block;
width: 22px;
height: 22px;
vertical-align: middle;
}
.o_product_info .go_order {
border: none;
outline: none;
transition: 0.3s;
cursor: pointer;
}
.o_product_info .go_order i {
display: block;
float: left;
width: 22px;
height: 50px;
line-height: 50px;
margin: 0 20px 0 30px;
}
.o_product_info .go_order i img {
display: inline-block;
width: 22px;
vertical-align: middle;
}
.o_product_info .go_order .btn {
float: right;
display: block;
width: 186px;
line-height: 50px;
text-align: left;
background-color: #ffc71c;
color: #333;
font-size: .875rem;
padding: 0;
position: relative;
overflow: hidden;
}
.o_product_info .go_order .btn::before {
content: '';
position: absolute;
width: 100%;
height: 300%;
background-color: rgba(255, 255, 255, .16);
left: -50%;
margin: auto;
;
bottom: 0%;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
}
.o_product_info .go_order .btn span {
position: relative;
z-index: 2;
}
.o_product_info .go_order .btn:hover {
background-color: #ffd657;
}
.o_product_info .go_order .btn:hover::before {
transform: rotate(30deg) translateX(100%);
}
#fwms {
margin-top: 20px;
}
#fwms .tit {
background: url(../images/cp_fw.png) no-repeat left center;
padding-left: 30px;
color: #333333;
font-size: 16px;
height: 30px;
line-height: 30px;
}
#fwms ul {
padding-top: 15px;
}
#fwms ul li {
float: left;
border: 1px solid #cecece;
height: 30px;
line-height: 30px;
padding: 0 15px;
margin-right: 15px;
transition: 0.3s;
cursor: pointer;
}
#fwms ul li:hover {
background: #e74d45;
color: #fff;
border: 1px solid #e74d45;
}
#cpbj3 ul {
padding: 30px 0;
}
#cpbj3 li {
float: left;
width: 300px;
margin: 0 25px;
text-align: center;
color: #fff;
}
#cpbj3 li .tit {
position: relative;
padding-bottom: 10px;
margin-top: 20px;
}
#cpbj3 li .tit p {
font-size: 24px;
font-weight: bold;
}
#cpbj3 li .tit span {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
font-family: arial;
text-transform: uppercase;
}
#cpbj3 li .tit::before {
position: absolute;
content: '';
bottom: 0;
height: 1px;
width: 20%;
left: 40%;
background: #fff;
}
#cpbj3 li .content {
width: 95%;
font-size: 15px;
padding-top: 20px;
}
/** sidebar **/
#sidebar {
width: 250px;
height: auto;
overflow: hidden;
float: left;
}
#main_right {
width: 920px;
height: auto;
overflow: hidden;
float: right;
}
.content {
padding: 20px 0 0;
line-height: 30px;
}
#content_zy {
line-height: 30px;
padding: 20px 5px;
}
#zi_banner {
width: 100%;
height: 300px;
background: url(../images/banner.jpg) no-repeat center;
border-top: 2px solid #013596;
}
#pro_list {
text-align: center;
margin-top: 20px;
}
#pro_list li {
display: inline-block;
width: 155px;
margin: 0 5px 5px;
height: 40px;
background: #0045a2;
font-size: 15px;
line-height: 40px;
border: 1px solid #efefef;
border-radius: 5px;
text-align: center;
transition: 0.3s;
}
#pro_list li a {
color: #fff;
}
#pro_list li:hover {
background: #cb1a20;
}
#pro_list li:hover a {
color: #fff;
}
.title_zy {
height: 40px;
line-height: 40px;
border-bottom: 2px solid #06559c;
}
.title_zy .left {
height: 40px;
background: #06559c;
padding: 0 30px;
color: #fff;
font-size: 16px;
}
.title_zy .right {
color: #666;
}
.title_zy .right a {
color: #666;
}
.title_zy .right a:hover {
color: #f00;
}
.left_bt {
background: #06559c;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 24px;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}
.left_lx {
background: #06559c;
padding: 20px 0;
text-align: center;
color: #fff;
font-size: 18px;
}
.left_lx p {
font-family: impact;
font-size: 30px;
padding-top: 10px;
}
/** zy **/
.n_detailCon {
height: auto !important;
overflow: hidden !important;
overflow: visible;
}
.n_detailCon li {
width: 100%;
height: auto;
position: relative;
border-bottom: 1px dotted #ccc;
}
.n_detailCon li a {
height: auto;
width: 890px;
display: block;
margin: 0 auto;
padding: 30px 0;
position: relative;
z-index: 1;
}
.n_detailCon li .n_detailPic {
width: 230px;
height: 173px;
float: left;
margin-left: 10px;
border: 1px solid #ccc;
}
.n_detailCon li .n_detailPic img {
width: 230px;
height: 173px;
}
.n_detailCon li .n_detailR {
width: 620px;
float: right;
padding-right: 10px;
}
.n_detailCon li .n_detailR .n_detailTitle {
height: 30px;
width: 100%;
font-size: 18px;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.n_detailCon li .n_detailR .n_detailNr {
width: 100%;
padding: 5px 0 10px;
line-height: 25px;
color: #6b6b6b;
}
.n_detailCon li .n_detailR .n_time {
line-height: 25px;
height: 25px;
color: #a8a8a8;
font-size: 12px;
}
.n_detailCon li .n_detailR .more {
padding: 0;
border: none;
color: #fff;
font-size: 14px;
line-height: 30px;
width: 100px;
height: 30px;
background: #b8b8b8;
text-align: center;
float: left;
transition: 0.3s;
}
.n_detailCon li:after,
.picScroll-left .bd ul li:before {
content: '';
display: block;
position: absolute;
box-sizing: border-box;
border: 1px dotted transparent;
width: 100%;
z-index: 0;
top: 50%;
left: 0;
height: 0;
transition: 0.3s all;
}
.n_detailCon li:hover:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #f0f0f0;
}
.n_detailCon li:hover .more {
background: #e63a1e;
}
#por_left {
width: 400px;
height: auto;
margin-right: 20px;
float: left;
}
#por_right {
float: right;
width: 458px;
height: auto;
overflow: hidden;
}
#cpms {
border-bottom: 1px dashed #ccc;
border-top: 1px dashed #ccc;
color: #999;
padding: 10px 0;
margin-bottom: 10px;
}
#cpms span {
color: #cc0000;
}
.dg1 {
width: 155px;
height: 40px;
margin-top: 20px;
line-height: 40px;
text-align: center;
color: #fff;
background: #060508;
float: left;
transition: all 0.3s linear 0s;
}
.dg2 {
width: 155px;
height: 40px;
margin-top: 20px;
line-height: 40px;
text-align: center;
color: #fff;
background: #b72300;
float: left;
margin-left: 20px;
transition: all 0.3s linear 0s;
}
.dg2 a {
color: #fff;
}
.dg1 a {
color: #fff;
}
.dg1:hover {
background: #f90;
}
.dg2:hover {
background: #f90;
background-size: 21%;
}
#cp_tel {
background: url(../images/tel1.png) no-repeat left top;
float: left;
padding: 23px 0 0 45px;
width: 200px;
line-height: 30px;
color: #d80000;
font-size: 30px;
font-family: impact;
margin: 10px 0;
}
#cp_tel span {
font-size: 20px;
font-family: "方正正中黑简体";
}
.dgnr {
background: url(../images/dgpic.png) no-repeat right center;
line-height: 2.0;
padding: 20px 0 30px;
color: #999999;
}
/************************************/
.page {
margin: 10px 20px 15px 0;
}
.page a {
display: inline-block;
height: 18px;
line-height: 18px;
border: 1px solid #dbdbdb;
padding: 0 2px 0;
}
.page a:hover {
background: #404040;
color: #fff;
border: none;
height: 20px;
line-height: 20px;
padding: 0 3px 0;
}
.current {
padding: 0 6px 0;
height: 18px;
line-height: 18px;
background: #404040;
color: #fff;
}
/***************global*****************/
.pro li {
float: left;
overflow: hidden;
margin: 0 8px 20px;
width: 287px;
text-align: center;
white-space: nowrap;
transition: all 0.3s linear 0s;
}
.pro li .li-img {
width: 285px;
height: 218px;
line-height: 218px;
background: #fff;
border: 1px solid #eaeaea;
padding: 0 !important;
}
.pro li img {
max-width: 285px;
max-height: 211px;
vertical-align: middle;
}
.pro li p {
height: 35px;
line-height: 35px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.pro li:hover {
background: #333;
}
.pro a {
color: #444;
}
.pro a:hover {
color: #fff;
}
/*************index&goods**************/
.news {}
.news li {
height: 39px;
border-bottom: 1px dotted #cdcdcd;
text-indent: 1em;
line-height: 39px;
}
.news li:before {
color: #e40413;
content: '■\00a0\00a0\00a0';
vertical-align: 2px;
}
.news li:hover {
background-color: #f6f6f6;
}
.news a:hover {
color: #da020d;
}
/****************news*****************/
.news_title {
color: #da020d;
text-align: center;
line-height: 40px;
}
.meta {
color: #999;
text-align: center;
line-height: 28px;
border: 1px solid #f0f0f0;
background: #fbfbfb;
margin-bottom: 10px;
}
/***********news_info**************/
.jobs li {
height: auto;
margin: 23px 18px 18px 28px;
border-bottom: 1px dotted #666;
position: relative;
}
.jobs a {
position: absolute;
right: 0;
top: 0;
float: right;
width: 71px;
height: 34px;
color: #fff;
text-align: center;
line-height: 34px;
display: block;
background: #f00;
}
.jobs strong {
color: #da020d;
}
.jobs p {
/*margin:6px 0 -134px 156px;*/
line-height: 35px;
}
/***************jobs***************/
.rel_center {
text-align: center;
left: 50%;
}
.pro_name {
display: block;
color: #da020d;
text-align: left;
font-size: 18px;
margin-bottom: 10px;
}
.info_title {
height: 35px;
background: #ececec;
margin-top: 20px;
}
.info_title b {
display: inline-block;
padding: 0 20px;
height: 100%;
border-right: 1px solid #fff;
background: #333;
color: #fff;
line-height: 35px;
}
.info_title a {
margin: 8px;
width: 15px;
height: 15px;
background-position: 0 -426px;
}
/********goods_info&jobs_info*******/
.order {
margin: 20px 0 20px 80px;
line-height: 40px;
}
.order img {
vertical-align: -5px;
cursor: pointer;
}
#submit {
width: 55px;
height: 29px;
color: #000;
cursor: pointer;
background: url(../images/button.gif) none center;
}
/**************order&message********/
#banner {
position: relative;
overflow: auto;
}
#banner li {
float: left;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
/*sitemap*/
/*.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}*/
.sitemap {
width: 996px;
float: left;
/*border:3px solid #f0f0f0;*/
margin-top: 10px;
margin-bottom: 10px;
}
.m1 {
height: 20px;
line-height: 20px;
margin-top: 20px;
margin-left: 20px;
}
.m2 {
margin-left: 20px;
margin-top: 20px;
line-height: 25px;
}
.m2 span {
font-size: 14px;
font-weight: bold;
}
.m2t {
border: 1px solid #f0f0f0;
width: 800px;
padding-left: 4px;
margin-top: 2px;
padding: 10px;
margin-bottom: 20px;
}
.m2t ul {}
.m2t ul li {
list-style-type: none;
float: left;
width: 150px;
}
.m2t ul li a:hover {
color: red
}
.f {
float: right;
margin-right: 10px;
_margin-top: 7px;
}