.main
{
line-height: 30px;
padding: 4% 0;
}
@media screen and (max-width: 768px)
{
.row
{
margin: 0;
}
}
.img-cover-4by3
{
width: 100%;
height: 0;
padding-bottom: 50%;
position: relative;
overflow: hidden;
}
.abs-center
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
#dituContent label
{
max-width: unset!important;
text-align: center;
}
#top_bj
{
width: 100%;
height: auto;
transition: .5s;
background: #fff;
position: relative;
}
#top_index
{
height: auto;
margin: 0 auto;
}
#logo
{
padding-top: 1%;
padding-bottom: 1%;
text-align: center;
}
#logo a
{
display: block;
}
#logo a img
{
max-width: 100%;
transition: .5s;
position: relative;
z-index: 1;
}
#logo .font
{
float: left;
text-align: left;
border-left: 1px solid #e5e5e5;
padding: 0 0 0 10px;
margin: 1% 0 0 10px;
}
#logo .font p
{
color: #c3002f;
font-size: 26px;
font-weight: bold;
}
#logo .font span
{
color: #333;
font-size: 18px;
}
#top_tel
{
color: #0063d0;
transition: .5s;
padding: 0;
}
.top_tel_con
{
position: relative;
z-index: 1;
padding: 7% 0 0 0;
transition: .3s;
}
.top_tel_con .pic
{
float: left;
width: 20%;
transition: .3s;
}
.top_tel_con .pic img
{
max-width: 100%;
}
.top_tel_con .float-left
{
width: 80%;
padding-left: 3%;
font-size: 14px;
color: #686868;
line-height: 25px;
transition: .3s;
}
.top_tel_con span
{
display: block;
font-size: 28px;
color: #c3002f;
font-family: Bahnschrift;
font-weight: bold;
padding-top: 2%;
}
@media screen and (max-width: 1440px)
{
#logo .font
{
display: none!important;
}
.top_tel_con span
{
font-size: 22px!important;
}
}
@media screen and (max-width: 991px)
{
#logo
{
padding: 2%;
text-align: left;
}
}
@media screen and (max-width: 768px)
{
#top_index
{
padding: 0;
width: 100%;
}
#logo a img
{
max-width: 100%;
}
#logo:before
{
width: 60%;
}
}
#nav
{
height: auto;
transition: .3s;
padding-top: 0;
text-align: center;
}
#nav li
{
display: inline-block;
width: 11%;
height: 100%;
font-size: 18px;
padding-top: 4%;
font-weight: normal;
color: #282828;
text-align: center;
transition: .5s;
position: relative;
}
#nav li a
{
display: inline-block;
position: relative;
height: 100%;
z-index: 1;
color: #282828;
}
#nav li:hover a
{
color: #c3002f;
}
#nav li a:after
{
content: '';
width: 100%;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
background-color: #c3002f;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
left: 0;
}
#nav li:hover a::after
{
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
right: 0;
}
#nav li .navson
{
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
z-index: 999;
width: 100%;
}
#nav li .navson a
{
display: block;
color: #fff!important;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,.7);
text-align: center;
font-size: 14px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
#nav li .navson a:hover
{
background: #c3002f;
}
#nav li .navson a:after
{
display: none!important;
}
@media(min-width: 1200px) and (max-width: 1440px)
{
#nav li
{
font-size: 15px;
}
}
@media(min-width: 768px) and (max-width: 1200px)
{
#nav
{
margin-top: 0;
}
#nav li
{
font-size: 15px;
}
}
@media screen and (max-width: 1200px)
{
#nav li
{
padding-top: 2%;
}
}
.top_bj_active
{
width: 100%;
z-index: 20;
background: #fff!important;
top: 0;
box-shadow: 0 0 20px rgba(0,0,0,.2);
position: fixed!important;
}
.top_bj_active #logo
{
padding: .5% 0;
}
.top_bj_active #logo img
{
transform: scale(.8);
}
.top_bj_active #nav li
{
font-size: 16px;
padding-top: 2%;
}
.top_bj_active #top_tel .top_tel_con
{
padding-top: 2%;
}
.top_bj_active #top_tel .top_tel_con .pic
{
width: 17%;
}
.top_bj_active #top_tel .top_tel_con .float-left
{
line-height: 20px;
font-size: 12px;
}
.top_bj_active #top_tel .top_tel_con span
{
font-size: 26px;
}
.top_bj_active #c-header .c-switch
{
top: 25px;
}
.top_bj_active #c-header .c-nav2
{
top: 55px;
}
#banner img
{
width: 100%;
}
#banner .swiper-pagination
{
bottom: 3%;
}
#banner .swiper-pagination-bullet
{
width: 20px;
height: 5px;
border-radius: 1px;
transition: .3s;
opacity: .3;
}
#banner .swiper-pagination-bullet-active
{
width: 60px;
background: #c3002f;
opacity: 1;
}
#banner .swiper-button-next:after, #banner .swiper-button-prev:after
{
display: none;
}
#banner .swiper-button-next i, #banner .swiper-button-prev i
{
color: #fff;
font-size: 50px;
}
#banner .swiper-button-next, #banner .swiper-button-prev
{
background: rgba(0,0,0,.2);
width: 50px;
height: 80px;
}
#banner .swiper-button-next
{
right: 5%;
}
#banner .swiper-button-prev
{
left: 5%;
}
#mobile_banner img
{
width: 100%;
}
#mobile_banner .swiper-pagination-bullet-active
{
background: #c3002f;
}
#ssbj
{
background: #c3002f;
height: 79px;
}
#ssbj .float-right
{
position: relative;
height: 79px;
}
#ssbj .float-right:before
{
position: absolute;
background: #222d35;
width: 200%;
height: 100%;
left: 0;
top: 0;
content: '';
}
.zy_search_form
{
position: relative;
width: 90%;
float: right;
margin-top: 15px;
height: 40px;
line-height: 40px;
border: none;
border-bottom: 1px solid rgba(255,255,255,.2);
}
.zy_search_form #search_name
{
width: 80%;
height: 38px;
line-height: 38px;
background: #222d35;
float: left;
outline: none;
color: #676767;
font-size: 13px;
text-indent: 20px;
}
.zy_search_form #button
{
width: 28px;
height: 28px;
margin-top: 6px;
color: #fff;
background: none;
float: right;
cursor: pointer;
border: none;
outline: none;
transition: .3s;
}
#ssbj .float-left
{
height: 79px;
line-height: 79px;
color: rgba(255,255,255,.7);
}
#ssbj .float-left p
{
float: left;
width: 11%;
}
#ssbj .float-left i
{
display: inline-block;
color: #fff;
padding-right: 10px;
}
#ssbj .float-left a
{
padding: 0 1%;
color: rgba(255,255,255,.7);
transition: .3s;
}
#ssbj .float-left a:hover
{
color: #fff;
}
@media screen and (max-width: 1440px)
{
#ssbj .float-left p
{
width: 17%;
}
}
@media screen and (max-width: 991px)
{
#ssbj .float-right:before
{
left: -25%;
}
}
@media screen and (max-width: 768px)
{
.zy_search_form
{
width: 100%;
margin-top: 4%;
float: none;
}
}
.ovh
{
overflow: hidden;
display: none;
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(0,0,0,.3);
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99;
}
.ovh.show
{
display: block;
}
.menu
{
position: absolute;
right: 15px;
line-height: 32px;
width: 75px;
height: 30px;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
}
.menu .menu_button
{
width: 35px;
float: right;
height: pointer;
cursor: pointer;
}
.menu .menu_button>.line
{
float: right;
width: 100%;
height: 3px;
background: #323e4a;
margin-top: 6px;
transition: .3s;
transition-timing-function: ease;
}
.menu .menu_button>.line:nth-child(2)
{
transition-delay: .05s;
}
.menu .menu_button>.line:nth-child(3)
{
transition-delay: .1s;
}
.m-sub-menu.show
{
right: 0;
transition: all .44s ease 0s;
z-index: 100000000;
}
.m-sub-menu
{
position: fixed;
right: -100%;
width: 100%;
top: 0;
z-index: 100;
height: 100%;
background-color: #fff;
transition: all .64s ease 0s;
}
.m-sub-menu .top-box
{
line-height: 70px;
background-color: #333;
font-size: 16px;
color: #fff;
text-indent: 25px;
position: relative;
}
.m-sub-menu .top-box .menu_button
{
width: 40px;
height: 40px;
cursor: pointer;
position: absolute;
right: 15px;
top: 18px;
}
.m-sub-menu .top-box .menu_button .line
{
background: #fff;
float: right;
width: 40px;
height: 3px;
margin-top: 6px;
transition: .3s;
transition-timing-function: ease;
}
.m-sub-menu .top-box .menu_button .line:nth-child(1)
{
transform: translateY(10px) rotate(45deg);
-webkit-transform: translateY(10px) rotate(45deg);
}
.m-sub-menu .top-box .menu_button .line:nth-child(2)
{
transform: translateY(0) rotate(0);
-webkit-transform: translateY(0) rotate(0);
display: none;
}
.m-sub-menu .top-box .menu_button .line:nth-child(3)
{
transform: translateY(0) rotate(-45deg);
-webkit-transform: translateY(0) rotate(-45deg);
}
.m-sub-menu .list-wrap
{
height: calc(100vh - 70px);
overflow-y: scroll;
}
.m-sub-menu .list-wrap ul
{
padding-bottom: 80px;
}
.m-sub-menu .list-wrap li
{
line-height: 60px;
border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .list-wrap li:last-child
{
border: none;
}
.m-sub-menu .list-wrap li .col-box
{
display: block;
width: 100%;
padding: 0 8%;
}
.m-sub-menu .list-wrap .tit
{
font-size: 16px;
color: #666;
}
.m-sub-menu .sec-sub-list
{
position: absolute;
right: -100%;
top: 70px;
width: 100%;
}
.m-sub-menu .sec-sub-list .return-fir
{
display: block;
width: 100%;
padding: 0 5%;
line-height: 60px;
background-color: #c3002f;
}
.m-sub-menu .sec-sub-list .return-fir p
{
padding-left: 18px;
color: #fff;
font-size: 18px;
}
.m-sub-menu .sec-sub-list .return-fir p i
{
float: left;
padding-right: 10px;
}
.m-sub-menu .sec-sub-list .boxs
{
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
transition: all .4s ease 0s;
background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show
{
left: -100%;
}
.m-sub-menu .sec-sub-list ul
{
width: 100%;
overflow-y: auto;
}
.m-sub-menu .sec-sub-list li
{
line-height: 50px;
border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .sec-sub-list li a
{
display: block;
width: 84%;
padding: 0 7.8% 0 8.2%;
font-size: 16px;
color: #666;
}
#end_nr_bj
{
background: #222d35;
width: 100%;
height: auto;
overflow: hidden;
color: rgba(255,255,255,.5);
}
#end_nr_bj a
{
color: rgba(255,255,255,.5);
transition: .3s;
position: relative;
}
#end_nr_bj a:hover
{
color: #fff;
}
#end_nr_bj a:after
{
z-index: 1;
content: '';
position: absolute;
left: 0;
bottom: 0;
display: block;
height: 5px;
background-color: rgba(255,255,255,.2);
width: 100%;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
-ms-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
#end_nr_bj a:hover::after
{
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
#end_nr_bj #end_logo
{
border-bottom: 1px solid rgba(255,255,255,.1);
padding: 1% 0;
}
#end_nr_bj #end_logo .float-right
{
text-align: right;
}
#end_nr_bj #end_logo .float-right p
{
color: #666;
}
#end_nr_bj #end_logo .float-right span
{
color: #c3002f;
font-family: 'Bahnschrift';
font-size: 25px;
}
#end_nr_bj .main
{
padding: 2% 0;
}
#end_nr_bj .main .left ul
{
float: left;
padding: 0 4%;
}
#end_nr_bj .main .left ul:first-of-type
{
width: 25%;
padding: 0;
}
#end_nr_bj .main .left ul:first-of-type li
{
width: 50%;
float: left;
}
#end_nr_bj .main .left ul:last-of-type
{
width: 45%;
}
#end_nr_bj .main .left ul:last-of-type li i
{
float: left;
color: #c3002f;
margin-right: 10px;
}
#end_nr_bj .main .left ul .tit
{
font-size: 18px;
color: #fff;
width: 100%!important;
position: relative;
height: 40px;
margin-bottom: 10px;
}
#end_nr_bj .main .left ul .tit:before
{
position: absolute;
left: 0;
bottom: 0;
content: '';
height: 2px;
background: #c3002f;
width: 30px;
transition: .3s;
}
#end_nr_bj .main .left ul li
{
line-height: 30px;
transition: .3s;
}
#end_nr_bj .main .left ul:hover .tit:before
{
width: 60px;
}
#end_nr_bj .main .right
{
text-align: right;
}
#end_nr_bj .main .right img
{
max-width: 100%;
}
@media screen and (max-width: 1400px)
{
#end_nr_bj .main .left ul
{
padding: 0 2%;
}
}
@media screen and (max-width: 991px)
{
#end_nr_bj .main .left ul:last-of-type
{
width: 100%;
}
#end_nr_bj .main .right img
{
max-width: 60%;
}
}
@media screen and (max-width: 768px)
{
#end_nr_bj .main .right
{
padding-top: 3%;
text-align: center;
}
}
@media screen and (max-width: 765px)
{
#end_nr_bj .main .right img
{
max-width: 50%;
}
}
#end_line
{
height: auto;
padding: 10px 0;
line-height: 30px;
color: rgba(255,255,255,.5);
background: #1e2830;
}
#end_line a
{
color: rgba(255,255,255,.5);
}
#end_line a:hover
{
color: #fff;
}
.footer_zx
{
height: 60px;
overflow: hidden;
right: 0;
bottom: 0;
z-index: 20;
width: 100%;
line-height: 25px;
position: fixed;
background-color: #1e2830;
}
.footer_zx a
{
color: #fff!important;
display: block;
width: 33%;
height: 100%;
float: left;
text-align: center;
background-color: #1e2830;
}
.footer_zx i
{
font-size: 28px;
padding: 4% 0 1%;
font-weight: normal;
}
.footer_zx p
{
font-size: 13px;
}
.footer_zx button
{
display: block;
width: 34%;
background: #c3002f;
height: 100%;
float: left;
text-align: center;
color: #fff!important;
}
.kb50
{
height: 60px;
}
.tit_in
{
text-align: center;
position: relative;
}
.tit_in h1
{
color: #222;
font-size: 36px;
position: relative;
z-index: 2;
}
.tit_in h1 span
{
color: #c3002f;
font-weight: bold;
}
.tit_in p
{
position: absolute;
z-index: 1;
width: 100%;
top: 0;
color: rgba(102,102,102,.05);
font-size: 70px;
font-family: Impact;
text-transform: uppercase;
}
.tit_in i
{
font-size: 16px;
color: #a9a9a9;
text-transform: uppercase;
display: block;
}
@media screen and (max-width: 768px)
{
.tit_in p
{
font-size: 35px;
}
.tit_in h1
{
font-size: 24px;
}
.tit_in i
{
font-size: 12px;
}
}
#khal
{
margin: 3% 0 0;
}
#khal .swiper-slide
{
background-position: center;
position: relative;
}
#khal .gallery-top
{
height: auto;
padding: 0;
}
#khal .gallery-top .cp_hui
{
background: #f6f7fc;
padding: 20px 5px 20px 20px;
width: 98%;
float: right;
margin: 0;
}
#khal .gallery-top .big
{
padding: 0;
}
#khal .gallery-top .big li
{
position: relative;
}
#khal .gallery-top .big .pic
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
#khal .gallery-top .big .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
#khal .gallery-top .big .font
{
position: absolute;
left: 0;
bottom: 0;
background: rgba(34,45,53,.9);
width: 100%;
padding: 2%;
}
#khal .gallery-top .big .font .tit
{
color: #fff;
font-size: 20px;
}
#khal .gallery-top .big .font .content
{
color: rgba(255,255,255,.6);
padding-top: 0;
}
#khal .gallery-top .small
{
text-align: center;
}
#khal .gallery-top .small li
{
margin-bottom: 15px;
}
#khal .gallery-top .small li .pic
{
width: 100%;
height: 0;
padding-bottom: 80%;
position: relative;
overflow: hidden;
}
#khal .gallery-top .small li .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
#khal .gallery-top .small li:last-of-type
{
margin-bottom: 0;
}
#khal .gallery-thumbs
{
height: auto;
text-align: left;
}
#khal .gallery-thumbs .swiper-wrapper
{
padding: 0;
}
#khal .gallery-thumbs .swiper-slide
{
cursor: pointer;
height: auto;
background: #f9f9f9;
border-bottom: 1px solid #eee;
padding: 5% 0 9% 15%;
line-height: 25px;
position: relative;
transition: .3s;
}
#khal .gallery-thumbs .swiper-slide:before
{
position: absolute;
left: -20%;
top: -20%;
content: '';
background: url("../image/cplb_bj1.png") no-repeat right top;
width: 15%;
height: 45%;
transition: .3s;
}
#khal .gallery-thumbs .swiper-slide:after
{
position: absolute;
right: -20%;
bottom: -20%;
content: '';
background: url("../image/cplb_bj2.png") no-repeat left top;
width: 11%;
height: 40%;
transition: .3s;
}
#khal .gallery-thumbs .swiper-slide .font p
{
color: #666;
font-size: 18px;
}
#khal .gallery-thumbs .swiper-slide .font span
{
color: #bbb;
font-size: 14px;
text-transform: uppercase;
}
#khal .gallery-thumbs .swiper-slide-thumb-active
{
background: #c3002f;
position: relative;
}
#khal .gallery-thumbs .swiper-slide-thumb-active:before
{
left: 0;
top: 0;
}
#khal .gallery-thumbs .swiper-slide-thumb-active:after
{
right: 0;
bottom: 0;
}
#khal .gallery-thumbs .swiper-slide-thumb-active .font p, #khal .gallery-thumbs .swiper-slide-thumb-active .font span
{
color: #fff;
}
@media screen and (max-width: 1200px)
{
#khal .gallery-thumbs .swiper-slide .font p
{
font-size: 16px;
}
#khal .gallery-thumbs .swiper-slide .font span
{
font-size: 12px;
}
#khal .gallery-top .cp_hui
{
width: 100%;
float: none;
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 991px)
{
#khal .gallery-top .small
{
padding: 0;
margin-top: 3%!important;
}
#khal .gallery-thumbs .swiper-slide
{
padding: 3%;
line-height: 20px;
border-right: 1px solid #eee;
}
}
@media screen and (max-width: 768px)
{
#khal .gallery-top .big .font .content
{
display: none;
}
#khal .gallery-top .cp_hui
{
padding: 15px;
}
#khal .gallery-thumbs .swiper-slide-thumb-active
{
padding-left: 3%;
}
#khal .gallery-top .small li
{
padding: 0 .5%;
margin: 0;
}
}
#hzal
{
position: relative;
}
#hzal .swiper-container
{
width: 100%;
height: 100%;
padding: 3% 0 0;
}
#hzal .swiper-slide
{
text-align: center;
overflow: hidden;
transition: .3s;
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;
}
#hzal .swiper-slide .pic
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
#hzal .swiper-slide .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
transition: .3s;
}
#hzal .swiper-slide p
{
color: #666;
font-size: 16px;
height: 45px;
line-height: 45px;
}
#hzal .swiper-slide:hover img
{
transform: scale(1.1);
}
#hzal .swiper-slide:hover
{
filter: drop-shadow(-8px 5px 8px rgba(153,153,153,.2));
}
#hzal .swiper-button-next, #hzal .swiper-button-prev
{
background: none;
width: 50px;
height: 50px;
top: 50%;
}
#hzal .swiper-button-next:after, #hzal .swiper-button-prev:after
{
display: none;
}
#hzal .swiper-button-next i, #hzal .swiper-button-prev i
{
font-size: 40px;
color: #bababa;
transition: .3s;
}
#hzal .swiper-button-next
{
right: -5%;
}
#hzal .swiper-button-prev
{
left: -5%;
}
#hzal .swiper-button-next:hover i, #hzal .swiper-button-prev:hover i
{
color: #c3002f;
}
@media screen and (max-width: 768px)
{
#hzal .swiper-container
{
padding: 3% 0;
}
#hzal .swiper-button-next
{
right: -40px;
}
#hzal .swiper-button-prev
{
left: -40px;
}
#hzal .swiper-button-next, #hzal .swiper-button-prev
{
display: none;
width: 30px;
height: 30px;
}
#hzal .swiper-button-next i, #hzal .swiper-button-prev i
{
font-size: 30px;
}
}
#gsjjbj
{
background: url("../image/jj_bj.jpg") repeat-y center fixed;
text-align: center;
}
#gsjjbj .tit_in p
{
color: rgba(255,255,255,.05);
}
#gsjjbj .tit_in h1
{
color: #fff;
}
#gsjjbj #gsjj
{
text-align: center;
color: #e1e3e4;
padding: 3% 16% 5%;
font-size: 16px;
}
#gsjjbj ul
{
text-align: center;
}
#gsjjbj ul li
{
display: inline-block;
color: #e1e3e4;
line-height: 35px;
}
#gsjjbj ul li .pic i
{
display: none;
font-size: 40px;
transition: .3s;
}
#gsjjbj ul li:nth-of-type(1) .pic i:nth-of-type(1)
{
display: block;
}
#gsjjbj ul li:nth-of-type(2) .pic i:nth-of-type(2)
{
display: block;
}
#gsjjbj ul li:nth-of-type(3) .pic i:nth-of-type(3)
{
display: block;
}
#gsjjbj ul li:nth-of-type(4) .pic i:nth-of-type(4)
{
display: block;
}
#gsjjbj ul li .pic
{
display: inline-block;
width: 85px;
height: 85px;
line-height: 85px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 5px;
transition: .3s;
}
#gsjjbj ul li .dian
{
color: #c3002f;
font-size: 20px;
}
#gsjjbj ul li p
{
color: #e1e3e4;
font-size: 34px;
font-weight: bold;
transition: .3s;
}
#gsjjbj ul li span
{
color: #fff;
font-size: 16px;
}
#gsjjbj ul li:hover .pic
{
background: #fff;
}
#gsjjbj ul li:hover .pic i
{
color: #c3002f;
}
#gsjjbj ul li:hover p
{
color: #fff;
}
#gsjjbj #tel
{
display: inline-block;
margin: 5% auto 0;
text-align: center;
padding: 0 3%;
color: #e1e3e4;
font-size: 16px;
height: 50px;
line-height: 50px;
background: #c3002f;
border-radius: 25px;
}
#gsjjbj #tel i
{
float: left;
font-size: 28px;
margin-right: 10px;
}
#gsjjbj #tel p
{
float: left;
}
#gsjjbj #tel span
{
display: block;
float: left;
font-family: Bahnschrift;
font-size: 28px;
}
@media screen and (max-width: 1440px)
{
#gsjjbj ul li .pic
{
width: 65px;
height: 65px;
line-height: 65px;
}
#gsjjbj ul li span
{
font-size: 14px;
}
}
@media screen and (max-width: 1200px)
{
#gsjjbj ul li .pic
{
width: 50px;
height: 50px;
line-height: 50px;
}
#gsjjbj ul li .pic i
{
font-size: 34px;
}
#gsjjbj ul li span
{
font-size: 12px;
}
}
@media screen and (max-width: 991px)
{
#gsjjbj #gsjj
{
padding: 3%;
}
#gsjjbj ul li
{
margin: 2% 0;
}
}
@media screen and (max-width: 768px)
{
#gsjjbj ul li .pic
{
width: 40px;
height: 40px;
line-height: 40px;
}
#gsjjbj ul li .pic i
{
font-size: 30px;
}
}
#paodao_top
{
padding: 3% 0;
margin: 0 auto!important;
}
#paodao_top li
{
text-align: center;
cursor: pointer;
}
#paodao_top li .pic
{
float: right;
border: 1px solid #ccc;
border-radius: 100%;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
transition: .3s;
}
#paodao_top li .pic i
{
color: #ccc;
font-size: 24px;
transition: .3s;
}
#paodao_top li .font
{
text-align: left;
padding: 0;
line-height: 27px;
}
#paodao_top li .font p
{
color: #333;
font-size: 24px;
transition: .3s;
}
#paodao_top li .font span
{
color: #666;
font-size: 14px;
transition: .3s;
}
#paodao_top li:hover .pic
{
background: #c3002f;
border: 1px solid #c3002f;
}
#paodao_top li:hover .pic i
{
color: #fff;
}
#paodao_top li:hover .font p
{
color: #c3002f;
font-weight: bold;
}
#paodao_top li:hover .font span
{
color: #c3002f;
}
@media screen and (max-width: 1200px)
{
#paodao_top li
{
padding: 0 .5% 2%;
}
#paodao_top li .font p
{
font-size: 20px;
}
#paodao_top li .font span
{
font-size: 13px;
}
}
@media screen and (max-width: 765px)
{
#paodao_top li
{
padding: 2% 0;
}
#paodao_top li .font p
{
font-size: 16px;
}
#paodao_top li .font span
{
font-size: 12px;
}
}
#cpnr
{
position: relative;
padding-bottom: 5%;
}
#cpnr .hui
{
background: #fff;
}
#cpnr .swiper-container
{
width: 100%;
height: 100%;
}
#cpnr .swiper-slide
{
transition: .3s;
overflow: hidden;
position: relative;
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: 0;
padding-bottom: 80%;
position: relative;
overflow: hidden;
}
#cpnr .swiper-slide .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
#cpnr .swiper-slide .content
{
position: absolute;
left: 50%;
top: 50%;
margin: 5%;
width: 0;
background: rgba(195,0,47,.9);
height: 0;
transition: .3s;
padding: 15% 8% 0 8%;
transition: .4s;
overflow: hidden;
opacity: 0;
}
#cpnr .swiper-slide .content:before
{
position: absolute;
left: 5%;
top: 5%;
content: '';
width: 90%;
height: 90%;
border: 1px solid rgba(255,255,255,.3);
}
#cpnr .swiper-slide .content .tit
{
color: #fff;
font-size: 18px;
}
#cpnr .swiper-slide .content .nr
{
color: rgba(255,255,255,.4);
line-height: 25px;
padding: 6% 0;
}
#cpnr .swiper-slide .content .more i
{
float: left;
color: rgba(255,255,255,.4);
font-size: 45px;
margin-right: 3%;
}
#cpnr .swiper-slide .content .more
{
color: rgba(255,255,255,.4);
}
#cpnr .swiper-slide:hover .content
{
left: 0;
top: 0;
opacity: 1;
width: 90%;
height: 87%;
}
#cpnr .swiper-slide:hover img
{
transform: scale(1.1);
}
#cpnr .swiper-button-next, #cpnr .swiper-button-prev
{
background: #282828;
width: 35px;
height: 35px;
position: absolute;
bottom: 0;
top: auto;
transition: .3s;
text-align: center;
line-height: 35px;
}
#cpnr .swiper-button-next i, #cpnr .swiper-button-prev i
{
color: #fff;
font-size: 26px;
}
#cpnr .swiper-button-prev
{
background: #c3002f;
right: auto;
left: 45.5%;
}
#cpnr .swiper-button-next
{
left: auto;
right: 45.5%;
}
#cpnr .swiper-button-next:after, #cpnr .swiper-button-prev:after
{
display: none;
}
#cpnr #more
{
position: absolute;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
#cpnr #more a
{
display: block;
width: 35px;
margin: 0 auto;
height: 35px;
line-height: 35px;
background: #c5c5c5;
transition: .3s;
}
#cpnr #more a i
{
color: #fff;
}
#cpnr .swiper-button-prev:hover, #cpnr .swiper-button-next:hover, #cpnr #more a:hover
{
background: #c3002f;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
@media(min-width: 1200px) and (max-width: 1440px)
{
#cpnr
{
padding-bottom: 7%;
}
#cpnr .swiper-button-prev
{
left: 44%;
}
#cpnr .swiper-button-next
{
right: 44%;
}
}
@media screen and (max-width: 1200px)
{
#cpnr
{
padding-bottom: 7%;
}
#cpnr .swiper-button-prev
{
left: 43%;
}
#cpnr .swiper-button-next
{
right: 43%;
}
}
@media screen and (max-width: 991px)
{
#cpnr
{
padding-bottom: 7%;
}
#cpnr .swiper-button-prev
{
left: 42%;
}
#cpnr .swiper-button-next
{
right: 42%;
}
}
@media screen and (max-width: 765px)
{
#cpnr
{
padding-bottom: 15%;
}
#cpnr .swiper-button-prev
{
left: 35%;
}
#cpnr .swiper-button-next
{
right: 35%;
}
}
.hui
{
background: #f9f9f9;
}
#xwbj
{
background: #fff;
padding: 3% 2%;
margin-top: 2%;
}
#indexNews li
{
width: 100%;
height: auto;
margin: 0 auto;
padding: 4% 0;
transition: .3s;
border-bottom: solid 1px #e8e8e9;
}
#indexNews li .row
{
margin: 0;
}
#indexNews li .right
{
padding-left: 3%!important;
line-height: 25px;
}
#indexNews li .news_title
{
text-align: left;
color: #333;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 30px;
}
#indexNews li .news_info
{
color: #999;
font-size: 14px;
}
#indexNews li .news_time
{
line-height: 30px;
text-align: center;
font-weight: normal!important;
border-right: solid 1px #e8e8e9;
color: #666;
font-size: 1.5rem;
padding: 0!important;
margin: 0!important;
}
#indexNews li .news_time span
{
display: block;
margin: 0 auto;
line-height: 45px;
width: 100%;
text-align: center;
color: #666;
font-size: 50px;
font-family: Bahnschrift;
}
#indexNews li:last-of-type
{
border-bottom: none;
}
#indexNews li:hover
{
background: #c3002f;
}
#indexNews li:hover .news_title, #indexNews li:hover .news_time, #indexNews li:hover .news_time span
{
color: #fff;
}
#indexNews li:hover .news_info
{
color: rgba(255,255,255,.6);
}
@media screen and (max-width: 1200px)
{
#indexNews li .news_time
{
font-size: 16px;
}
}
@media screen and (max-width: 768px)
{
#indexNews li .news_time span
{
font-size: 40px;
}
}
#xwpicnr .swiper-container
{
width: 100%;
height: 100%;
}
#xwpicnr .swiper-slide
{
text-align: center;
transition: .3s;
position: relative;
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;
}
#xwpicnr .swiper-slide .pic
{
display: block;
width: 100%;
height: 0;
padding-bottom: 60%;
position: relative;
overflow: hidden;
}
#xwpicnr .swiper-slide .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
}
#xwpicnr .swiper-pagination
{
right: 20px;
bottom: 0;
left: auto;
height: 30px;
text-align: right;
}
#xwpicnr .swiper-pagination .swiper-pagination-bullet
{
background: #c3002f;
width: 10px;
height: 10px;
}
@media screen and (max-width: 1440px)
{
#xwpicnr .swiper-slide .pic
{
padding-bottom: 80%;
}
}
@media screen and (max-width: 1200px)
{
#xwpicnr .swiper-slide .pic
{
padding-bottom: 90%;
}
}
@media screen and (max-width: 991px)
{
#xwpicnr .swiper-slide .pic
{
padding-bottom: 70%;
}
}
#zi_banner
{
width: 100%;
height: auto;
text-align: center;
overflow: hidden;
position: relative;
}
#zi_banner img
{
width: 100%;
}
#zi_banner .main
{
position: absolute;
left: 0;
top: 0;
z-index: 1;
color: #fff;
line-height: 35px;
width: 100%;
text-align: center;
padding: 2% 0 0;
}
#zi_banner .main p
{
color: #fff;
font-size: 30px;
font-weight: bold;
padding-top: 3%;
}
#zi_banner .main i
{
color: #c3002f;
font-size: 20px;
padding-top: 10px;
}
#zi_banner .main span
{
display: block;
font-size: 14px;
color: #fff;
}
#zi_banner .main span a
{
color: #fff;
padding: 0 7px;
}
#zi_banner .main span a:hover
{
color: #c3002f;
}
@media screen and (max-width: 1440px)
{
#zi_banner .main p
{
padding-top: 0;
}
}
@media screen and (max-width: 1200px)
{
#zi_banner img
{
width: 200%;
}
#zi_banner .main p
{
padding-top: 8%;
}
}
@media screen and (max-width: 768px)
{
#zi_banner img
{
width: 350%;
margin-left: -50%;
}
}
#gsjj .pic
{
display: inline-block;
position: relative;
overflow: hidden;
}
#gsjj .pic img
{
width: 100%;
transition: .3s;
}
#gsjj .font .tit i
{
color: #c3002f;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
#gsjj .font .tit h1
{
font-size: 30px;
color: #3d464e;
font-weight: bold!important;
height: 50px;
line-height: 50px;
}
#gsjj .font .tit h1 p
{
float: left;
font-size: 30px;
}
#gsjj .font .tit h1 span
{
float: left;
color: #666;
font-size: 16px;
font-weight: normal!important;
}
#gsjj .font .tit h1 span i
{
display: inline-block;
color: #666;
font-size: 20px;
}
#gsjj .font .tit p
{
color: #333;
font-size: 18px;
}
#gsjj .font .content
{
color: #666;
font-size: 16px;
line-height: 35px;
padding: 5% 0;
}
#gsjj .font ul
{
margin-top: 3%!important;
}
#gsjj .font ul li
{
float: left;
width: 20%;
height: 45px;
line-height: 45px;
font-size: 14px;
border: 1px solid #222d35;
text-align: center;
margin-right: 5%;
}
#gsjj .font ul li:first-of-type
{
border: 1px solid #c3002f;
background: #c3002f;
color: #fff;
}
#gsjj .font ul li:first-of-type a
{
color: #fff;
}
#gsjj .font ul li:hover
{
border: 1px solid #c3002f;
background: #c3002f;
}
#gsjj .font ul li:hover a
{
color: #fff;
}
@media screen and (max-width: 1200px)
{
#gsjj .font ul li
{
width: 30%;
}
}
@media screen and (max-width: 1000px)
{
#gsjj .pic
{
width: 100%;
}
#gsjj .pic
{
margin-top: 5%;
}
}
@media screen and (max-width: 768px)
{
#gsjj .font ul li
{
width: 30%;
}
#gsjj .font .tit:before
{
font-size: 75px;
top: 15%;
}
}
.jjin_lb
{
padding: 2% 0;
}
.jjin_lb ul li .pic, .jjin_lb ul li .dian
{
float: left;
}
.jjin_lb ul li .float-left
{
text-align: left;
padding-top: 13px;
}
.jjin_lb ul li .dian
{
padding: 0 5%;
margin-top: 25px;
}
@media screen and (max-width: 1440px)
{
.jjin_lb ul li .float-left
{
padding-top: 0;
}
}
@media screen and (max-width: 1200px)
{
.jjin_lb ul li .dian
{
margin-top: 9px;
}
.jjin_lb ul li .float-left
{
line-height: 25px;
}
}
@media screen and (max-width: 768px)
{
.jjin_lb ul li
{
margin-bottom: 5%;
}
.jjin_lb ul li .dian
{
padding: 0;
margin-top: 15px;
}
.jjin_lb ul li .float-left
{
line-height: 20px;
}
.jjin_lb ul li .float-left p
{
font-size: 28px!important;
}
.jjin_lb ul li .float-left span
{
font-size: 12px!important;
}
}
@media screen and (max-width: 765px)
{
#gsjjbj ul li .dian
{
display: none;
}
.jjin_lb ul li .float-left
{
width: 65%;
padding-left: 2%;
}
}
#kjcx
{
position: relative;
margin-top: 2%;
}
#kjcx .swiper-container
{
width: 100%;
height: 100%;
}
#kjcx .swiper-slide
{
transition: .3s;
position: relative;
padding-bottom: 30px;
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;
}
#kjcx .swiper-slide .pic
{
display: block;
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
#kjcx .swiper-slide .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
#kjcx .swiper-slide .tit
{
position: absolute;
bottom: 0;
left: 5%;
height: auto;
line-height: 30px;
padding: 3% 0;
background: #1e2830;
width: 90%;
text-align: center;
color: #fff;
transition: .3s;
}
#kjcx .swiper-slide .tit p
{
display: inline-block;
font-size: 18px;
color: #fff;
}
#kjcx .swiper-slide .tit span
{
display: block;
position: relative;
text-transform: uppercase;
font-size: 14px;
color: rgba(255,255,255,.5);
}
#kjcx .swiper-slide .tit span:before
{
position: absolute;
width: 20%;
height: 1px;
bottom: 20%;
left: 40%;
content: '';
background: rgba(255,255,255,.5);;
}
#kjcx .swiper-slide:hover img
{
transform: scale(1.1);
}
#kjcx .swiper-slide:hover .tit
{
background-color: #c3002f;
color: #fff;
}
#kjcx .swiper-button-next, #kjcx .swiper-button-prev
{
background: none;
width: 35px;
opacity: 1;
height: 35px;
background: #c3002f;
top: 50%;
transition: .3s;
}
#kjcx .swiper-button-next:after, #kjcx .swiper-button-prev:after
{
display: none;
}
#kjcx .swiper-button-next i, #kjcx .swiper-button-prev i
{
font-size: 25px;
color: #fff;
transition: .3s;
}
#kjcx .swiper-button-next
{
right: -5%;
}
#kjcx .swiper-button-prev
{
left: -5%;
}
#kjcx .swiper-button-next:hover, #kjcx .swiper-button-prev:hover
{
background: #1e2830;
}
#kjcx .swiper-button-next:hover i, #kjcx .swiper-button-prev:hover i
{
color: #fff;
}
@media screen and (max-width: 768px)
{
#kjcx .swiper-button-next
{
right: 0;
}
#kjcx .swiper-button-prev
{
left: 0;
}
#kjcx .swiper-button-next, #kjcx .swiper-button-prev
{
width: 30px;
height: 30px;
}
#kjcx .swiper-button-next i, #kjcx .swiper-button-prev i
{
font-size: 30px;
}
}
.qywh
{
margin-top: 3%!important;
}
.qywh li .font
{
background: #fff;
padding: 15% 10%;
position: relative;
transition: .3s;
}
.qywh li .font i
{
color: #c3002f;
font-size: 45px;
}
.qywh li .font h1
{
color: #000;
font-size: 26px;
padding: 10% 0 8%;
}
.qywh li .font p
{
color: #444b53;
font-size: 16px;
}
.qywh li .font:before
{
position: absolute;
left: 33px;
bottom: -20px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #fff;
}
.qywh li .font:after
{
position: absolute;
left: 33px;
top: -20px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
}
.qywh .col-12:nth-of-type(even) li .font:before
{
display: none;
}
.qywh li .num
{
width: 45px;
height: 45px;
border-radius: 100%;
text-align: center;
line-height: 45px;
font-size: 16px;
font-family: Arial;
background: #fff;
margin: 20px;
transition: .3s;
}
.qywh li:hover .font, .qywh li:hover .num
{
background: #c3002f;
}
.qywh li:hover .font i, .qywh li:hover .font h1, .qywh li:hover .font p, .qywh li:hover .num
{
color: #fff;
}
.qywh .col-12:nth-of-type(odd):hover li .font:before
{
border-top-color: #c3002f;
}
.qywh .col-12:nth-of-type(even):hover li .font:after
{
border-bottom-color: #c3002f;
}
#qywh
{
margin-top: 3%;
}
#qywh .swiper-container
{
width: 100%;
height: 100%;
}
#qywh .swiper-slide
{
transition: .3s;
overflow: hidden;
position: relative;
padding: 4% 0 0;
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;
}
#qywh .swiper-slide .font
{
background: #fff;
padding: 15% 10%;
position: relative;
transition: .3s;
}
#qywh .swiper-slide .font i
{
color: #c3002f;
font-size: 45px;
}
#qywh .swiper-slide .font h1
{
color: #000;
font-size: 26px;
padding: 10% 0 8%;
}
#qywh .swiper-slide .font p
{
color: #444b53;
font-size: 16px;
}
#qywh .swiper-slide .font:before
{
position: absolute;
left: 33px;
bottom: -20px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #fff;
}
#qywh .swiper-slide .font:after
{
position: absolute;
left: 33px;
top: -20px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
}
#qywh .swiper-slide:nth-of-type(even) .font:before
{
display: none;
}
#qywh .swiper-slide .num
{
width: 45px;
height: 45px;
border-radius: 100%;
text-align: center;
line-height: 45px;
font-size: 16px;
font-family: Arial;
background: #fff;
margin: 20px;
transition: .3s;
float: left;
}
#qywh .swiper-slide:hover .font, #qywh .swiper-slide:hover .num
{
background: #c3002f;
}
#qywh .swiper-slide:hover .font i, #qywh .swiper-slide:hover .font h1, #qywh .swiper-slide:hover .font p, #qywh .swiper-slide:hover .num
{
color: #fff;
}
#qywh .swiper-slide:nth-of-type(odd):hover .font:before
{
border-top-color: #c3002f;
}
#qywh .swiper-slide:nth-of-type(even):hover .font:after
{
border-bottom-color: #c3002f;
}
@media screen and (max-width: 768px)
{
#qywh
{
padding: 0 3%;
}
}
#link
{
position: relative;
}
#link .swiper-container
{
width: 100%;
height: 100%;
padding: 0;
}
#link .swiper-slide
{
text-align: center;
overflow: hidden;
transition: .3s;
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;
}
#link .swiper-slide .pic
{
width: 100%;
height: 0;
padding-bottom: 50%;
position: relative;
overflow: hidden;
}
#link .swiper-slide .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
transition: .3s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) Alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
#link .swiper-slide p
{
color: #666;
font-size: 16px;
height: 45px;
line-height: 45px;
}
#link .swiper-slide:hover .pic img
{
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0) Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.news01
{
padding: 0;
}
.news01 li
{
margin-bottom: 7%;
}
.news01 .imgbox
{
width: 100%;
height: 0;
padding-bottom: 70%;
position: relative;
overflow: hidden;
}
.news01 .imgbox img
{
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
height: 100%;
width: 100%;
transition: .3s;
}
.news01 .imgbox1
{
width: 100%;
height: 0;
padding-bottom: 80%;
position: relative;
overflow: hidden;
}
.news01 .imgbox1 p
{
text-align: center;
left: 0;
position: absolute;
height: 100%;
width: 100%;
transition: .3s;
}
.news01 .imgbox1 p img
{
max-width: 100%;
max-height: 100%;
transition: .3s;
}
.news01 .slide:hover .imgbox img
{
transform: scale(1.1);
}
.news01 .txtbox
{
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
background: #fff;
border-bottom: 1px solid #e2e2e2;
}
.news01 .txtbox span
{
display: block;
z-index: 1;
position: relative;
transition: .3s;
}
.news01 .txtbox:after
{
position: absolute;
content: "";
background: #c3002f;
height: 100%;
width: 100%;
left: 0;
bottom: 0;
transition: all .5s;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
-ms-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
.news01 .slide:hover .txtbox::after
{
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.news01 .slide:hover .txtbox span
{
color: #fff;
}
#xgcp
{
padding: 7% 0 2%;
}
#xgcp li
{
margin-bottom: 10%;
background: #fff;
}
#xgcp li .pic
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
#xgcp li .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
#xgcp li p
{
height: 40px;
line-height: 40px;
text-align: center;
transition: .3s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#xgcp li:hover p
{
background: #c3002f;
color: #fff;
}
#xgcp li:hover .pic img
{
transform: scale(1.1);
}
.contact_item
{
padding: 0;
text-align: center;
margin-top: 3%;
}
.contact_item li
{
display: inline-block;
margin-bottom: 30px;
}
.contact_item li span
{
display: block;
width: 150px;
height: 135px;
margin: 0 auto;
text-align: center;
position: relative;
}
.contact_item li span.contact_item_1
{
background: url(../image/contact_li_bg1.png) center no-repeat;
line-height: 108px;
}
.contact_item li span.contact_item_2
{
background: url(../image/contact_li_bg2.png) center no-repeat;
line-height: 135px;
}
.contact_item li span.contact_item_3
{
background: url(../image/contact_li_bg3.png) center no-repeat;
line-height: 170px;
}
.contact_item li span img
{
vertical-align: middle;
}
.contact_item_ewm
{
width: 84px;
height: 84px;
position: absolute;
left: 33px;
top: 45px;
z-index: 1;
}
.contact_item_ewm img
{
width: 84px;
height: 84px;
position: absolute;
left: 0;
top: 0;
transition: all .4s;
vertical-align: top;
}
.contact_item li h4
{
color: #333;
font-size: 18px;
line-height: 30px;
text-align: center;
margin: 10px auto!important;
font-weight: bold!important;
}
.contact_item li p
{
color: #333;
font-size: 14px;
line-height: 26px;
}
.contact_item li:nth-child(3n) p
{
text-align: center;
}
.in_title
{
line-height: 40px;
padding: 30px 0 10px;
color: #747474;
font-size: 16px;
}
.in_title p
{
font-size: 30px;
color: #3e3e3e;
}
.pro_home
{
height: 80px;
line-height: 80px;
}
.pro_home i
{
display: block;
float: left;
font-size: 20px;
margin-right: 10px;
}
.pro_list
{
background: #fff;
padding: 4% 2%;
}
.pro_list li
{
margin-bottom: 3%;
}
.pro_list li .img
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
.pro_list li .img img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
.pro_list li .title
{
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pro_list li:hover .img img
{
transform: scale(1.1);
}
.cpclass
{
margin-bottom: 3%!important;
background: #fff;
}
.cpclass .row
{
margin: 0;
}
.cpclass .pic
{
height: 0;
padding-bottom: 40%;
position: relative;
overflow: hidden;
}
.cpclass .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
.cpclass .font
{
padding: 1.5% 3%;
border-left: 1px solid #f0f0f0;
}
.cpclass .font dl
{
margin: 0;
}
.cpclass .font dl dt
{
font-weight: normal;
clear: both;
padding: 8% 3%;
border-bottom: 1px solid #f0f0f0;
cursor: pointer;
}
.cpclass .font dl dt:last-of-type
{
border-bottom: none;
}
.cpclass .font dl dt p
{
float: left;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #c3002f;
border-radius: 100%;
border: 2px solid #c3002f;
transition: .3s;
}
.cpclass .font dl dt p i
{
font-size: 25px;
transition: .3s;
}
.cpclass .font dl dt h5
{
color: #333;
font-size: 20px;
padding: 2% 0 0 5%;
line-height: 20px;
}
.cpclass .font dl dt h5 span
{
color: #999;
font-size: 12px;
text-transform: uppercase;
font-family: arial;
}
.cpclass .font dl dt:hover p
{
background: #c3002f;
}
.cpclass .font dl dt:hover p i
{
color: #fff;
}
.cpclass .font dl dt:hover h5
{
color: #c3002f;
}
.cpclass .font dl dt:hover h5 span
{
color: #c3002f;
}
@media screen and (max-width: 1200px)
{
.cpclass .font dl dt
{
padding: 3%;
}
.cpclass .font dl dt h5
{
font-size: 16px;
}
}
@media screen and (max-width: 991px)
{
.cpclass
{
display: none;
}
}
.cp_left
{
height: 0;
padding-bottom: 40%;
position: relative;
overflow: hidden;
}
.cp_left img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
.cp_right h2
{
color: #333;
font-size: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cp_right .content
{
border-bottom: 1px dashed #ccc;
border-top: 1px dashed #ccc;
padding: 3% 0;
margin: 3% 0;
}
.cp_right .content p
{
color: #999;
font-size: 16px;
line-height: 35px;
}
.cp_right .content p span
{
color: #282828;
font-weight: bold;
}
.cp_right dl p
{
color: #282828;
font-size: 16px;
font-weight: bold;
float: left;
}
.cp_right dl dt
{
float: left;
font-weight: normal;
color: #c3002f;
font-size: 15px;
background: #f2e3e0;
border: 1px solid #efd1cc;
padding: 0 1%;
margin-right: 2%;
border-radius: 3px;
}
.cp_right ul
{
margin: 5% 0!important;
}
.cp_right ul li
{
padding: 0 1%;
}
.cp_right ul li .pic
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
.cp_right ul li .pic img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
.cp_right ul li p
{
background: #fff;
text-align: center;
width: 100%;
height: 30px;
line-height: 30px;
font-size: 13px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cp_right .order-btn
{
height: 50px;
line-height: 50px;
background: #c3002f;
color: #fff;
border-radius: 5px;
text-align: center;
}
.cp_right .order-btn a
{
color: #fff;
font-size: 16px;
}
.cp_right .zixun-btn
{
height: 50px;
line-height: 50px;
background: #282828;
color: #fff;
border-radius: 5px;
text-align: center;
font-size: 16px;
}
.cp_right .zixun-btn a
{
color: #fff;
font-size: 16px;
}
@media screen and (max-width: 991px)
{
.cp_left
{
padding-bottom: 60%;
}
.cp_right
{
margin-top: 3%;
}
}
#cpbtqh
{
width: 100%!important;
transition: .3s;
background: #fff;
text-align: center;
}
.cpbt
{
margin: 0 auto!important;
height: 70px;
line-height: 70px;
border-bottom: 1px solid #efefef;
width: 100%;
transition: .3s;
}
.cpbt li
{
float: left;
color: #666;
font-size: 16px;
width: 15%;
text-align: center;
position: relative;
transition: .3s;
}
.cpbt li a
{
color: #666;
}
.cpbt li:after
{
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 3px;
content: '';
background: #fff;
transition: .3s;
}
.cpbt li:before
{
position: absolute;
right: 0;
top: 30%;
width: 1px;
height: 40%;
content: '';
background: #d5d5d5;
}
.cpbt li:last-of-type:before
{
display: none;
}
.cpbt li:hover:after
{
position: absolute;
left: 25%;
bottom: 0;
width: 50%;
height: 3px;
content: '';
background: #cf0000;
}
.cpbt li.current:hover:after
{
left: 25%;
width: 50%;
background: #cf0000;
}
.cpbt li.current:after
{
left: 25%;
width: 50%;
background: #cf0000;
}
.cpbtqh_active
{
top: 0;
position: fixed;
left: 0;
z-index: 10;
}
@media screen and (max-width: 1200px)
{
.cpbt li
{
width: 14%;
}
}
@media screen and (max-width: 991px)
{
.cpbt li
{
width: 20%;
}
}
@media screen and (max-width: 765px)
{
.cpbt li
{
width: 25%;
font-size: 13px;
}
}
.bai
{
background: #fff;
padding: 3%;
}
.bai .content
{
line-height: 30px;
color: #999;
padding: 3% 0;
}
.bai .content img
{
max-width: 100%;
}
.xgcp1 li:hover p
{
background: #fff!important;
color: #282828!important;
}
.cp-tools
{
height: auto;
line-height: 37px;
text-align: center;
width: 100%;
overflow: hidden;
padding: 0 10% 5%;
}
.cp-tools a
{
display: block;
float: left;
flex: 1;
width: 45%;
height: 37px;
border-radius: 20px;
background-color: #c3002f;
color: #fff;
}
.cp-tools a:nth-of-type(2)
{
float: right;
}
.cp-tools a.btn-free
{
background: none;
color: #aaa;
border: 1px solid #aaa;
}
.cp-tools a:hover
{
background-color: #c3002f;
border: 1px solid #c3002f;
color: #fff;
}
.cp-tools a:hover~.btn-ask
{
background: none;
color: #aaa;
border: 1px solid #aaa;
}
@media screen and (max-width: 1440px)
{
.cp-tools
{
padding: 0 2% 5%;
}
}
@media screen and (max-width: 1200px)
{
.cp-tools a
{
width: 48%;
font-size: 12px;
}
.cp-tools
{
padding: 0 0 5%;
}
}
#cptd
{
margin: 3% 0 8%!important;
}
#cptd li
{
border-bottom: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
text-align: center;
cursor: pointer;
transition: .3s;
}
#cptd li:nth-of-type(3), #cptd li:nth-of-type(6)
{
border-right: none;
}
#cptd li:nth-of-type(4), #cptd li:nth-of-type(5), #cptd li:nth-of-type(6)
{
border-bottom: none;
}
#cptd li i
{
color: #fff;
font-size: 30px;
background: #c3002f;
border-radius: 100%;
width: 60px;
height: 60px;
line-height: 60px;
margin: 12% auto 5%;
transition: .3s;
}
#cptd li span
{
display: block;
color: #494949;
font-size: 18px;
font-weight: bold;
}
#cptd li p
{
color: #666;
font-size: 14px;
line-height: 25px;
padding: 0 0 10%;
}
#cptd li:hover i
{
background: #fff;
color: #c3002f;
}
#cptd li:hover
{
background: #c3002f;
}
#cptd li:hover span, #cptd li:hover p
{
color: #fff;
}
@media screen and (max-width: 991px)
{
#cptd li p
{
font-size: 12px;
}
#cptd li:nth-of-type(2n)
{
border-right: none;
}
#cptd li:nth-of-type(3)
{
border-right: 1px solid #dfdfdf;
}
#cptd li:nth-of-type(4)
{
border-bottom: 1px solid #dfdfdf;
}
#cptd li:nth-of-type(5), #cptd li:nth-of-type(6)
{
border-bottom: none;
}
}
#anli
{
margin: 3% 0 5%!important;
}
#anli div
{
padding: 0 .5%;
}
#anli li
{
width: 100%;
height: 0;
padding-bottom: 70%;
position: relative;
overflow: hidden;
margin-bottom: 3%;
}
#anli li img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
transition: .3s;
}
#anli li:hover img
{
transform: scale(1.1);
}
.cpinfo_con .tit_in
{
margin: 5% 0 2%;
}
.pro-sider .in-title
{
background: #c3002f;
color: #fff;
padding: 8% 10% 5%;
position: relative;
}
.pro-sider .in-title p
{
font-size: 36px;
padding-bottom: 1%;
}
.pro-sider .in-title span
{
font-family: arial;
font-size: 18px;
text-transform: uppercase;
}
.pro-sider-ul
{
height: auto;
text-align: left;
background: #fff;
padding: 15px;
border: 1px solid #ebebeb;
}
.pro-sider-ul li
{
border-bottom: 1px solid #f0f0f0;
background: #fff;
width: 100%;
cursor: pointer;
height: auto;
padding: 8% 4%;
line-height: 25px;
}
.pro-sider-ul li p
{
color: #333;
font-size: 18px;
}
.pro-sider-ul li span
{
color: #999;
font-size: 14px;
text-transform: uppercase;
}
.pro-sider-ul li i
{
float: right;
color: #999;
font-size: 25px;
}
.pro-sider-ul li:hover p, .pro-sider-ul li:hover span, .pro-sider-ul li:hover i
{
color: #c3002f;
}
.pro-sider-ul #li-on p, .pro-sider-ul #li-on span, .pro-sider-ul #li-on i
{
color: #c3002f;
}
@media screen and (max-width: 1440px)
{
.pro-sider-ul li i
{
display: none;
}
.pro-sider .in-title p
{
font-size: 28px;
}
.pro-sider .in-title span
{
font-size: 14px;
}
}
.page
{
font-size: 0;
text-align: center;
}
.page .center
{
display: inline-block;
overflow: hidden;
}
.page .center .page-span
{
float: left;
font-size: 14px;
color: #c3c3c3;
line-height: 32px;
margin-right: 30px;
}
.page .center .page-list
{
float: left;
overflow: hidden;
}
.page .center .page-list ul li
{
float: left;
width: auto;
min-width: 30px;
height: 32px;
text-align: center;
line-height: 30px;
font-size: 14px;
margin: 0 4px;
padding: 0;
border: none;
background: transparent;
}
.page .center .page-list ul li a
{
min-width: 20px;
padding: 0 5px;
border: 1px solid #eee;
display: block;
color: #333;
border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
background: #fff;
}
.page .center .page-list ul li:hover a
{
color: #f3c04b;
}
.page .center .page-list ul li.active a
{
background: #f3c04b;
color: #fff;
}