@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none; outline:medium;font-family:微软雅黑;}
*{font-family:微软雅黑;box-sizing: border-box;}
html{overflow-x: hidden}
body{width:100%;font-family:微软雅黑;background:#fff;color:#333;font-size:14px;}
table{border-collapse:collapse}
img{border:none;max-width:100%;}
.bd li,.hd li{list-style:none}
.dd,.simg{transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;-webkit-transition:all ease-in .5s;}
.header{
}
.header1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
height: 88px;
padding: 16px 0;
}
.logo{
float: left;
width: 23%;
}
.nav{
width: 63%;
float: left;
margin-left: 2%;
}
.nav ul{
}
.nav ul li{
list-style-type: none;
width: 14%;
float: left;
text-align: center;
font-size: 16px;
color: #333333;
line-height: 56px;
position: relative;
}
.nav ul li a{
color: #333333;
}
.nav_sub{
display: none;
position: absolute;
z-index: 963;
background-color: #fff;
padding: 0 9px;
}
.nav_sub ul{
padding-top: 16px;
}
.nav_sub ul li{
width: 100%;
float: none;
text-align: left;
list-style-type: none;
line-height: 42px;
border-bottom: 1px solid #ebebeb;
}
.nav_sub ul li a{
font-size: 14px;
color: #333333;
}
.nav ul li:hover .nav_sub{
display: block;
}
.nav ul li:hover>a{
color: #bd2027;
}
.rexian{
float: right;
width: 12%;
margin-top: 6px;
}
.rexian dl{
overflow: hidden;
}
.rexian dl dt{
width: 19%;
padding-top: 3px;
float: left;
}
.rexian dl dd{
width: 79%;
float: right;
}
.rexian dl dd span{
display: block;
font-size: 13px;
color: #666666;
}
.rexian dl dd code{
display: block;
font-size: 15px;
color: #bd2027;
}
.banner{
font-size: 0;
position: relative;
}
.banner .swiper-pagination{
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.banner .swiper-pagination-switch{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #ffffff;
margin: 0 7px;
cursor: pointer;
}
.wmdfw{
margin-top: 49px;
}
.wmdfw1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.wmdfw1 h1{
font-size: 35px;
color: #333333;
font-weight: normal;
text-align: center;
}
.line{
width: 30px;
height: 3px;
background-color: #bd2027;
margin: 10px auto 0;
}
.wmdfw1 h2{
font-size: 14px;
color: #999999;
font-weight: normal;
text-align: center;
margin-top: 10px;
}
.wmdfw1 ul{
overflow: hidden;
}
.wmdfw1 ul li{
list-style-type: none;
width: 25%;
float: left;
float: left;
margin-bottom: 60px;
height:170px;
}
.wmdfw1 ul li a img{
display: block;
margin: 0 auto;
}
.wmdfw1 ul li a span{
display: block;
text-align: center;
font-size: 20px;
color: #333333;
margin: 10px 0;
}
.wmdfw1 ul li a code{
display: block;
text-align: center;
font-size: 14px;
color: #999999;
line-height: 25px;
}
.wmdfw1 ul li:hover a span{
color: #bd2027;
}
.gssb{
background: url(../images/gssb_bg.jpg) center no-repeat;
padding: 60px 0 130px;
background-size: 100% 100%;
}
.gssb1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.gssb1 h1{
font-size: 35px;
color: #333333;
font-weight: normal;
text-align: center;
}
.gssb1 h2{
font-size: 14px;
color: #999999;
font-weight: normal;
text-align: center;
margin-top: 10px;
}
.gssb1 .swiper-container{
margin-top: 20px;
padding-bottom: 30px;
}
.gssb1 .gssb1d{
padding-left: 1px;
}
.gssb1 .gssb1d a img{
display: block;
margin: 0 auto;
font-size: 0;
}
.gssb1 .gssb1d a strong{
display: block;
font-size: 0;
padding: 10px 0 10px 16px;
color: #333333;
font-weight: normal;
display: block;
}
.gssb1 .gssb1d a span{
display: block;
font-size: 20px;
color: #333333;
}
.gssb1 .gssb1d a code{
display: block;
font-size: 14px;
color: #999999;
margin-top: 6px;
}
.gssb1 .gssb1d:hover a strong{
background-color: #bd2027;
}
.gssb1 .gssb1d:hover a span{
color: #fff;
}
.gssb1 .gssb1d:hover a code{
color: #fff;
}
.aboutus{
width: 100%;
max-width: 1200px;
margin: 60px auto 0;
}
.aboutus dl{
overflow: hidden;
}
.aboutus dl dt{
float: left;
height: 330px;
width: 27%;
}
.aboutus dl dd{
float: left;
height: 330px;
width: 73%;
padding: 0 80px;
}
.aboutus dl dd h2{
background: url(../images/bk.jpg) no-repeat;
background-position: left top;
width: 200px;
padding-left: 50px;
padding-top: 20px;
font-style: normal;
}
.aboutus dl dd h2 span{
font-size: 30px;
color: #333333;
display: block;
}
.aboutus dl dd h2 code{
font-size: 14px;
color: #999999;
display: block;
}
.aboutus dl dd p{
position: relative;
font-size: 14px;
color: #666666;
line-height: 28px;
text-align: left;
}
.syh{
position: absolute;
left: -70px;
top: -10px;
}
.xyh{
position: absolute;
right: -70px;
bottom: -10px;
}
.gszz{
background: url(../images/gszz_bg.jpg) no-repeat;
margin-top: 60px;
padding: 52px;
background-position: top center;
}
.gszz1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.gszz h1{
font-size: 35px;
color: #fff;
font-weight: normal;
text-align: center;
}
.line1{
width: 30px;
height: 3px;
background-color: #fff;
margin: 10px auto 0;
}
.gszz h2{
font-size: 14px;
color: #fff;
font-weight: normal;
text-align: center;
margin-top: 10px;
}
.gszz .gszz3{
padding: 0 6px;
}
.gszz2{
padding: 15px 22px;
background-color: #fff;
border: 1px solid #e5e5e5;
}
.gszz2 img{
display: block;
}
.gszz2 span{
display: block;
font-size: 16px;
color: #333333;
text-align: center;
margin-top: 16px;
}
.gszz1 .swiper-pagination2{
position: absolute;
z-index: 20;
bottom: 0;
width: 100%;
text-align: center;
opacity: 1 !important;
}
.gszz1 .swiper-pagination2 .swiper-pagination-switch{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #e0e0e0;
margin: 0 7px;
cursor: pointer;
}
.gszz1 .swiper-pagination2 .swiper-active-switch{
background: #999999;
}
.gszz1 .swiper-container{
padding-bottom: 60px;
margin-top: 30px;
}
.footer{
background-color: #333333;
padding: 33px 0 40px;
}
.footer1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.footer_logo{
float: left;
height: 220px;
padding: 40px 50px 0;
border-right: 1px solid #414141;
}
.footer_nav{
float: left;
height: 220px;
padding: 40px 70px 0;
border-right: 1px solid #414141;
}
.footer_nav ul{
}
.footer_nav ul li{
list-style-type: none;
margin-bottom: 9px;
}
.footer_nav ul li a{
font-size: 14px;
color: #999999;
}
.footer_code{
float: left;
height: 220px;
padding: 36px 50px 0;
border-right: 1px solid #414141;
}
.footer_mess{
float: left;
height: 263px;
padding: 36px 0 0 50px;
}
.footer_messp{
font-size: 14px;
color: #ffffff;
font-weight: bold;
}
.footer_messp1{
font-size: 25px;
color: #ffffff;
font-weight: bold;
margin-top: 10px;
}
.footer_messp1 img{
margin-right: 6px;
}
.footer_messp2{
font-size: 14px;
color: #999999;
margin-top: 10px;
}
.header_m{
display: none;
}
.header_m1{
overflow: hidden;
}
.logo_m{
width: 40%;
float: left;
margin: 9px 0 0 12px;
}
.icon_m{
width: 6.4%;
float: right;
margin: 9px 12px 0 0;
}
.menu_m{
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 66%;
height: 100%;
background-color: #333333;
padding: 16px 3% 0;
overflow-y: auto;
padding-bottom: 20px;
}
.menu_m1{
width: 77%;
}
.menu_m2{
margin-top: 20px;
}
.menu_m2 ul{
}
.menu_m2 ul li{
list-style-type: none;
line-height: 40px;
border-bottom: 1px solid #525252;
font-size: 16px;
padding-left: 6%;
}
.menu_m2 ul li a{
color: #fff;
}
.menu_m2 ul li a img{
margin-right: 9px;
vertical-align: middle;
}
.menu_m2 ul li a span{
float: right;
color: #676767;
margin-right: 9%;
}
.menu_m2d{
display: none;
}
.menu_m2d ul{
}
.menu_m2d ul li{
list-style-type: none;
padding-left: 20px;
font-size: 14px;
border-bottom: 0 !important;
line-height: 36px !important;
}
.menu_m2d ul li a{
color: #cccccc;
}
.menu_m3{
margin-top: 10px;
}
.menu_m3 dl{
overflow: hidden;
}
.menu_m3 dl dt{
width: 19%;
padding-top: 3px;
float: left;
}
.menu_m3 dl dd{
width: 79%;
float: right;
}
.menu_m3 dl dd span{
display: block;
font-size: 13px;
color: #999999;
}
.menu_m3 dl dd code{
display: block;
font-size: 15px;
color: #fff;
}
.menu_m3p{
font-size: 12px;
color: #999999;
margin-top: 10px;
}
.swiper-pagination3{
display: none;
}
.swiper-pagination3{
position: absolute;
z-index: 20;
bottom: 0;
width: 100%;
text-align: center;
opacity: 1 !important;
}
.swiper-pagination3 .swiper-pagination-switch{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #d7d7d8;
margin: 0 7px;
cursor: pointer;
}
.swiper-pagination3 .swiper-active-switch{
background: #bd2027;
}
.foot_m{
display: none;
background-color: #ffffff;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 9px 0;
z-index: 999;
}
.foot_m ul{
overflow: hidden;
}
.foot_m ul li{
list-style-type: none;
width: 25%;
float: left;
border-left: 1px solid #e0e0e0;
text-align: center;
}
.foot_m ul li a{
}
.foot_m ul li a span{
display: block;
height: 30px;
}
.foot_m ul li a span img{
width: 30%;
}
.foot_m ul li a code{
color: #333333;
font-size: 16px;
}
.inner_ing{
font-size: 0;
}
.inner_main{
margin-top: 49px;
margin-bottom: 30px;
}
.inner_main1{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.inner_main1 h1{
font-size: 35px;
color: #333333;
font-weight: normal;
text-align: center;
}
.inner_gssb {
overflow: hidden;
}
.inner_gssb li{
list-style-type: none;
width: 32%;
float: left;
border: 1px solid #ededed;
margin: 20px 0.5% 0;
padding: 30px 0;
}
.inner_gssb li a{
}
.inner_gssb li a img{
display: block;
margin: 0 auto;
}
.inner_gssb li a span{
display: block;
text-align: center;
font-size: 20px;
color: #333333;
margin-top: 20px;
}
.inner_gssb li:hover{
border: 2px solid #bd2027;
}
.inner_gssb li:hover span{
color: #bd2027;
}
.page{
margin-top: 20px;
text-align: center;
}
.page a{
display: inline-block;
margin: 0 5px;
border-radius: 4px;
border: 1px solid #d1d1d1;
padding: 6px 9px;
font-size: 14px;
color: #d1d1d1;
}
.pageon{
border: 0 !important;
background-color: #bd2027;
color: #fff !important;
}
.inner_gszz {
overflow: hidden;
}
.inner_gszz li{
list-style-type: none;
width: 24%;
float: left;
border: 1px solid #ededed;
margin: 20px 0.5% 0;
padding: 30px 0;
}
.inner_gszz li a{
}
.inner_gszz li a img{
display: block;
margin: 0 auto;
}
.inner_gszz li a span{
display: block;
text-align: center;
font-size: 20px;
color: #333333;
margin-top: 20px;
}
.inner_gsdt{
margin-top: 42px;
}
.inner_gsdt li{
list-style-type: none;
background-color: #fff;
margin-top: 27px;
overflow: hidden;
}
.med_left{
float: left;
width: 210px;
}
.med_center{
float: left;
margin: 0 9px;
padding-left: 20px;
width: 859px;
}
.med_right{
float: left;
width: 50px;
}
.med_centerp{
font-size: 18px;
color: #333333;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top: 10px;
}
.med_centerp1{
font-size: 14px;
color: #999999;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top: 10px;
}
.med_centerp2{
font-size: 0;
margin-top: 10px;
}
.med_centerp2 span{
display: inline-block;
width: 140px;
height: 35px;
line-height: 35px;
background-color: #f4f4f4;
margin-right: 9px;
vertical-align: top;
font-size: 12px;
color: #999999;
text-align: center;
}
.med_centerp2 span img{
margin-right: 3px;
vertical-align: middle;
}
.med_right{
margin-top: 10px;
}
.med_right h1{
font-weight: normal;
font-size: 30px;
color: #b92627;
line-height: 40px;
border-bottom: 1px solid #b92627;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
}
.med_right span{
font-size: 14px;
color: #b92627;
display: block;
text-align: center;
}
.inner_gsjj{
margin-top: 20px;
}
.inner_gsjj:before,.inner_gsjj:after{
content: "";
display: table;
}
.inner_gsjj:after{
clear: both;
}
.inner_gsjj{
*zoom: 1;
}
.inner_gsjj dt{
float: left;
width: 22%;
padding: 15px 20px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
box-shadow: 2px 5px 5px #fafafa;
}
.inner_gsjj dt img{
display: block;
margin-bottom: 20px;
}
.inner_gsjj dd{
float: right;
width: 75%;
}
.inner_gsjj dd p{
font-size: 14px;
color: #666666;
text-indent: 2rem;
line-height: 28px;
margin-bottom: 15px;
}
.inner_jrwm{
margin-top: 20px;
}
.inner_jrwm1{
}
.inner_jrwm1 ul{
overflow: hidden;
}
.inner_jrwm1 ul li{
list-style-type: none;
width: 33%;
float: left;
margin-left: 1px;
text-align: center;
line-height: 62px;
position: relative;
border-top: 4px solid #cccccc;
color: #666666;
font-size: 22px;
background-color: #f6f6f6;
}
.inner_jrwm1 ul li span{
position: absolute;
bottom: 4px;
left: 50%;
display: none;
width: 10px;
height: 6px;
}
.inner_jrwm1on{
border-top: 4px solid #bd1e26 !important;
color: #bd1e26 !important;
background-color: #fff !important;
}
.inner_jrwm1on span{
display: flex !important;
}
.inner_jrwm3{
display: none;
}
.inner_jrwm2d{
margin: 20px 0;
}
.inner_jrwm2dp{
height: 70px;
background: url(../images/inner_jrwm2dp.jpg) no-repeat;
font-size: 20px;
color: #ffffff;
padding: 12px 0 0 14px;
}
.inner_jrwm2dp img{
margin-right: 8px;
vertical-align: middle;
}
.inner_jrwm2dp1{
font-size: 14px;
color: #666666;
line-height: 30px;
padding-left: 14px;
}
.show{
display: block !important;
}
.inner_lxwm{
margin-top: 20px;
}
.inner_lxwm ul{
overflow: hidden;
margin-bottom: 30px;
}
.inner_lxwm ul li{
list-style-type: none;
width: 17%;
margin: 0 1.5%;
float: left;
height: 188px;
padding: 36px 27px 0;
background: url(../images/inner_lxwm.jpg) no-repeat;
}
.inner_lxwm ul li img{
display: block;
margin: 0 auto;
}
.inner_lxwm ul li span{
display: block;
font-size: 14px;
color: #999999;
text-align: center;
margin-top: 10px;
}
.inner_lxwm ul li code{
display: block;
font-size: 16px;
color: #333333;
text-align: center;
margin-top: 10px;
word-break: break-all;
}
.inner_xqp{
font-size: 30px;
color: #333333;
text-align: center;
}
.inner_xqd{
width: 575px;
height: 49px;
border: 1px dashed #bfbfbf;
margin: 20px auto 0;
background-color: #f3f3f3;
line-height: 47px;
font-size: 14px;
color: #999999;
text-align: center;
}
.inner_xqd span{
margin: 0 25px;
}
.inner_xqd img{
margin-right: 7px;
}
.inner_xqp1{
text-indent: 2rem;
font-size: 14px;
color: #666666;
line-height: 28px;
margin-top: 20px;
text-align: left;
}
.inner_xqp2{
text-align: center;
margin-top: 20px;
}
.sxp{
border-top: 1px solid #e7e7e7;
margin-top: 36px;
padding: 11px 0;
}
.sxp p{
margin-bottom: 12px;
}
.sxp span{
display: inline-block;
width: 80px;
height: 32px;
background: url(../images/sxp.jpg) no-repeat;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #666666;
margin-right: 5px;
}
.sxp a{
display: inline-block;
line-height: 32px;
font-size: 14px;
color: #666666;
}
.inner_ywfw dl{
overflow: hidden;
margin-top: 36px;
}
.inner_ywfw dl dt{
float: left;
height: 380px;
width: 40%;
}
.inner_ywfw dl dt img{
width: 100%;
}
.inner_ywfw dl dd{
float: left;
height: 320px;
background-color: #fafafa;
margin-top: 20px;
width: 60%;
padding: 40px 100px 0;
}
.inner_ywfw dl dd h2{
background: url(../images/bk1.jpg) no-repeat;
background-position: left top;
width: auto;
padding-left: 10%;
padding-top: 20px;
font-style: normal;
background-size: auto 100%;
}
.inner_ywfw dl dd h2 span{
font-size: 30px;
color: #666666;
display: block;
}
.inner_ywfw dl dd p{
position: relative;
font-size: 16px;
color: #999999;
line-height: 32px;
text-align: left;
}