html,
body {
padding: 0;
margin: 0;
}
html {
height: 100%;
font-size: 15px;
}
body {
background-color: #f5f5f5;
font-family: "微软雅黑", Arial, Helvetica, Verdana;
font-size: 16px;
color: #333;
min-height: 100%;
position: relative;
-webkit-text-size-adjust: none;
}
body * {
text-shadow: none;
}
div,
h1,
ul,
dl,
ol,
dd,
dt,
h2,
h3,
h4,
h5,
p,
form,
label,
input,
textarea,
img,
span {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
font-weight: bold;
}
h1,
h2,
h3 {
font-size: 18px;
}
h4,
h5,
h6 {
font-size: 16px;
}
a {
text-decoration: none;
color: black;
}
a:visited {
color: black;
}
a:link {
color: black;
}
a:hover {}
.header {
width: 100%;
height: auto;
color: #000000;
font-size: 16px;
background-color: #fafafa;
font-weight: bold;
position: relative;
overflow: hidden;
}
.headlogo {
width: 84%;
height: 60px;
text-align: left;
overflow: hidden;
float: left;
}
.headlogo img {
width: auto;
max-width: 100%;
max-height: 100%;
margin-top: -5px;
}
.erji {
display: none;
margin-top: 1rem;
}
.menu {
width: 16%;
height: 60px;
text-align: center;
display: block;
float: right;
}
.menu img {
width: 100%;
height: 100%;
}
.box_bg {
width: 100%;
height: auto;
overflow: hidden;
}
.block_home_slider {
padding: 0;
position: relative;
background-color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(../images/js/PIE.htc);
/*��������*/
text-align: center;
line-height: 0px;
margin-right: auto;
margin-left: auto;
}
/*�ײ�Сͼ��*/
.block_home_slider .slide {
position: relative;
}
.block_home_slider .flex-direction-nav a {
width: 40px;
height: 48px;
margin-top: -27px;
display: block;
position: absolute;
top: 50%;
background-repeat: no-repeat;
text-indent: -9000px;
background-color: transparent;
}
.block_home_slider .flex-direction-nav a.flex-prev {
left: 6px;
background-position: -62px top;
}
.block_home_slider .flex-direction-nav a.flex-prev:hover {
background-position: left bottom;
}
.block_home_slider .flex-direction-nav a.flex-next {
right: 6px;
background-position: right top;
}
.block_home_slider .flex-direction-nav a.flex-next:hover {
background-position: right bottom;
}
.block_home_slider .flex-control-paging {
padding-top: 0px;
display: inline-block;
position: absolute;
left: 47%;
bottom: 2%;
}
.block_home_slider .flex-control-paging li {
margin: 0px;
padding: 0px;
float: left;
overflow: hidden;
list-style-type: none;
}
.block_home_slider .flex-control-paging li a {
width: 12px;
height: 12px;
display: block;
background-repeat: no-repeat;
background-image: url(../img/sprite_nav_3.png);
text-indent: -9000px;
cursor: pointer;
}
.block_home_slider .flex-control-paging li a.flex-active {
background-position: right top;
}
.block_home_post_feature {
width: 300px;
}
.block_home_post_feature p {
padding-bottom: 0px;
}
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides>li {
display: none;
-webkit-backface-visibility: hidden;
list-style-type: none;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.chanpin {
width: 90%;
height: auto;
padding: 2em 5% 0;
background-color: white;
}
.chanpin_ul_info {
width: 99%;
height: auto;
overflow: hidden;
position: relative;
padding-left: 1%;
}
.chanpin_ul_info li {
width: 22%;
float: left;
margin-right: 0.9rem;
margin-bottom: 1rem;
}
.chanpin_ul_info li:nth-child(3) {
margin-right: 0 !important;
}
.chanpin_bg {
text-align: center;
}
.chanpin_bg img {
width: 100%;
height: 98%;
}
.chanpin_txt {
text-align: center;
position: relative;
}
.chanpin_txt i {
display: block;
width: 1rem;
height: 2px;
background-color: #1194d9;
position: relative;
left: 40%;
margin: 0.5rem 0;
}
.chanpin_txt h3 {
font-size: 12px;
font-weight: normal;
color: black;
line-height: 1rem;
}
.ding_left {
position: relative;
left: 15%;
}
.ding_right {
position: relative;
left: 18%;
}
.xinwen {
background-color: white;
}
.xinwen h2 {
text-align: center;
padding: 2rem 0 1rem 0;
font-weight: normal;
}
.xinwen_h {
font-size: 20px;
}
.br_siv {
width: 100%;
height: 0;
border-bottom: 1px solid silver;
position: relative;
}
.br_blue {
width: 40px;
height: 2px;
background-color: #008cd6;
position: absolute;
left: 43%;
top: -1px;
}
.xinwen_en {
padding: 0.5rem 0 0.5rem 0;
text-align: center;
font-size: 12px;
color: #6e6c6c;
}
.xin_txt {
padding: 0.5rem;
height: auto;
overflow: hidden;
}
.xin_txt li {
width: 49%;
height: auto;
float: left;
margin-right: 0.3rem;
margin-bottom: 2rem;
}
/*.xin_txt li p{
display: block;
height: 35px;
}*/
.xin_bg img {
width: 100%;
height: 100%;
}
.xin_biao {
display: block;
padding: 0.5rem 0 0.5rem 0;
font-size: 13px;
color: #30a2de !important;
border-bottom: 1px solid #e1e1e1;
}
.xinwen_txt {
display: block;
padding-top: 0.5rem;
font-size: 12px;
color: #747474 !important;
}
.xin_geng {
font-size: 14px;
color: black;
display: block;
padding-top: 1rem;
}
.xin_txt li:nth-child(2) {
margin-right: 0px;
}
.xin_txt li:nth-child(4) {
margin-right: 0px;
}
.xin_txt li:nth-child(6) {
margin-right: 0px;
}
.xin_txt li:nth-child(8) {
margin-right: 0px;
}
.pinpai {
margin-top: 1.25rem;
background-color: white;
}
.pinpai h2 {
font-weight: normal;
padding: 2rem 0 1rem 0;
text-align: center;
}
.viod {
padding: 0.5rem;
position: relative;
}
.viod video {
margin-top: -7px;
}
.video_bg {
width: 96%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 999;
padding: 0 2%;
}
.video_bg img {
width: 100%;
height: 100%;
}
.pin_chan {
padding: 0.5rem;
height: auto;
overflow: hidden;
margin-top: 1rem;
}
.pin_chan li {
width: 30%;
height: 290px;
float: left;
margin-right: 5%;
position: relative;
}
.pin_chan li:nth-child(3) {
margin-right: 0px;
}
.pin_chan li:nth-child(6) {
margin-right: 0px;
}
.pin_bg {
display: block;
text-align: center;
width: 75%;
padding-left: 10%;
}
.pin_bg img {
width: 100%;
height: 100%;
}
.pin_h {
font-size: 16px;
color: black;
text-align: center;
padding: 0.5rem 0 1rem 0;
}
.pin_txt {
font-size: 12px;
color: #666;
}
.pin_geng {
display: block;
width: 100%;
font-size: 16px;
color: black;
text-align: center;
position: absolute;
bottom: 12%;
}
.zhaoshang {
margin-top: 0.5rem;
background-color: white;
}
.zhaoshang h2 {
font-weight: normal;
padding: 2rem 0 1rem 0;
text-align: center;
}
.zhao_bg {
display: block;
padding: 0.5rem;
}
.zhao_bg img {
width: 100%;
height: 100%;
}
.zhao_txt {
padding: 0.5rem;
}
.zhao_txt dt {
font-size: 18px;
color: black;
padding-bottom: 10px;
}
.zhao_txt dd {
font-size: 12px;
color: #666;
padding-bottom: 1rem;
}
.zhao_tel {
padding: 0 0.5rem 2rem 0.5rem;
font-size: 16px;
color: #04a5e9;
}
.fuwu {
margin-top: 1.25rem;
background-color: white;
}
.fuwu h2 {
font-weight: normal;
padding: 2rem 0 1rem 0;
text-align: center;
}
.fu_txt {
padding: 0.5rem;
}
.fu_txt li {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 2rem;
}
.fu_img {
display: block;
width: 25%;
height: auto;
float: left;
vertical-align: middle;
}
.fu_img img {
width: 100%;
height: 100%
}
.fuwu_font {
width: 73%;
height: auto;
float: left;
padding-left: 2%;
}
.fu_biao {
font-size: 18px;
color: black;
padding-bottom: 0.5rem;
display: block;
}
.fuwu_txt {
font-size: 12px;
color: #666 !important;
}
.fu_geng {
font-size: 16px;
color: #b0977e !important;
display: block;
padding-top: 0.5rem;
}
.jiesu {
padding-top: 2rem;
padding-bottom: 2.5rem;
}
.jiesu p:first-child {
font-size: 14px;
color: #333333;
padding-left: 0;
text-align: center;
line-height: 1.5rem;
}
.jiesu p {
font-size: 14px;
color: #333333;
text-align: left;
padding-left: 24%;
line-height: 1.5rem;
}
.caidan {
width: 98%;
background-color: white;
padding-left: 2%;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999999;
}
.a_tab {
display: inline-block;
width: 23%;
height: auto;
position: relative;
padding: 2% 0 1% 0;
}
.a_tab img {
width: 54%;
margin-left: 20%;
}
.er {
position: absolute;
left: 0%;
top: 10%;
opacity: 0;
}
.a_tab:hover .er {
opacity: 1;
}
.a_tab:hover .hov {
opacity: 0;
}
/*.tab_a{
background-image: url("../img/app17-04-10_60.png");
}
.tab_b{
background-image: url("../img/app17-04-11_62.png");
}
.tab_c{
background-image: url("../img/app17-04-11_64.png");
}
.tab_d{
background-image: url("../img/app17-04-11_66.png");
}
.tab_a:hover{
background-image: url("../img/app17-04-11_60.png");
}
.tab_b:hover{
background-image: url("../img/app17-04-10_62.png");
}
.tab_c:hover{
background-image: url("../img/app17-04-10_64.png");
}
.tab_d:hover{
background-image: url("../img/app17-04-10_66.png");
}*/
.fluid {
height: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: white;
overflow: hidden;
z-index: 999;
transition: all 1.5s ease;
}
.fluid_ul_info {
width: 85%;
padding: 0 4%;
height: 0;
opacity: 0;
}
.fluid_ul_info li {
width: 95%;
background: #ffffff;
border-bottom: 1px solid silver;
font-size: 16px;
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.fluid_ul_info li a {
display: block;
padding: 4% 5% 4% 0;
}
.xiala {
position: absolute;
right: 1%;
margin-left: -6px;
top: 20px;
display: block;
width: 0;
height: 0;
overflow: hidden;
line-height: 0;
vertical-align: middle;
border-bottom: 0 none;
border-top: 6px solid #cbcbcb;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
cursor: pointer;
}
.fluid_ul_info li:hover {
background: #ffffff;
}
.fluid_ul_info li a:hover .erji {
display: block;
background-color: #ffffff;
}
.fluid_ul_info li a:hover {
color: #008cd6;
background-color: #ffffff;
}
.erji li {
border-top: 1px dashed #cccccc;
border-bottom: none;
padding-left: 4%;
background-color: #ffffff;
}
.erji li a {
color: #666;
}
.end {
width: 100%;
height: 150px;
text-align: center;
background-color: transparent;
line-height: 120px;
}
.end b {
font-weight: normal;
font-size: 14px;
color: #beb1a4;
display: inline-block;
padding: 0 1rem;
}
.dian {
display: inline-block;
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #beb1a4;
vertical-align: middle;
}
.xian {
display: inline-block;
width: 30%;
height: 1px;
background-color: #beb1a4;
vertical-align: middle;
}
.zhanshi {
width: 100%;
height: auto;
overflow: scroll;
}
.zhan_ul {
width: 125%;
height: auto;
overflow: scroll;
}
.zhan_ul li {
width: 16%;
height: auto;
float: left;
position: relative;
}
.zhan_bg {
width: 100%;
height: 190px;
background-position: 120%;
background-repeat: no-repeat;
background-size: 81%;
}
.zhan_ul li p {
font-size: 14px;
color: #999;
text-align: center;
display: block;
padding-bottom: 20%;
}
.zhan_ul li i {
display: block;
position: absolute;
left: 40%;
bottom: 4%;
width: 15px;
height: 2px;
background-color: #008cd6;
opacity: 0;
}
.zhan_ul li:hover i {
opacity: 1;
}
.jgang {
background-image: url("../img/zs_3.png");
}
.jgang:hove r {
background-image: url("../img/zs_03.png");
}
.yxiang {
background-image: url("../img/zs_05.png");
}
.yxiang:hover {
background-image: url("../img/zs_5.png");
}
.ychi {
background-image: url("../img/zs_07.png");
}
.ychi:hover {
background-image: url("../img/zs_7.png");
}
.cyue {
background-image: url("../img/zs_09.png");
}
.cyue:hover {
background-image: url("../img/zs_9.png");
}
.sjia {
background-image: url("../img/zs_05.png");
}
.sjia:hover {
background-image: url("../img/zs_5.png");
}
.shi_box {
width: 95%;
height: auto;
padding: 0 0.7rem;
margin-top: 0.5rem;
overflow: hidden;
}
.shi_ul li {
width: 45%;
float: left;
margin-right: 0.5rem;
margin-top: 0.7rem;
padding-left: 0.6rem;
}
.shi_ul li:nth-child(2) {
margin-right: 0;
}
.shi_ul li:nth-child(4) {
margin-right: 0;
}
.shi_ul li img {
width: 100%;
height: 100%;
}
.more {
width: 95%;
height: auto;
background-color: white;
padding: 2rem 0.7rem 3rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.more_h2 a {
font-size: 16px;
color: black;
display: block;
padding-left: 0.5rem;
}
.more_i {
display: block;
font-style: normal;
font-size: 12px;
color: #999999;
padding: 0.5rem 0.5rem 1rem;
}
.xq_bg {
width: 100%;
}
.xq_bg img {
width: 100%;
}
.more p {
display: block;
font-size: 14px;
color: #666;
padding: 1rem 0 0.5rem 0;
}
.more p img {
width: 100%;
}
.btn {
width: 100%;
height: auto;
text-align: center;
}
.more_btn {
padding: 7px 9px;
border-radius: 5px;
background-color: transparent;
border: 1px solid #dddddd;
font-size: 13px;
color: #666;
}
.chanjian {
height: auto;
padding: 0.5rem 0.5rem 2rem;
}
.chanjian li:nth-child(1) {
padding: 0rem 0 1rem 0.5rem;
}
.chanjian li {
padding: 1rem 0 1.5rem 0.7rem;
border-bottom: 1px solid #e6e6e6;
}
.chanjian li li:nth-child(1) {
padding: 1rem 0 1.5rem 0.7rem;
}
.chanjian li li {
background-image: url("../img/dd.jpg");
background-repeat: no-repeat;
background-position: 0 23px;
}
.chanjian_h {
font-weight: normal;
text-align: left !important;
padding: 0 !important;
}
.chanjian_h a {
font-size: 16px;
color: #008fd6;
display: block;
padding-bottom: 0.5rem;
}
.chanjian_h a img {
vertical-align: middle;
margin-right: 0.5rem;
width: 1.7rem;
}
.chanjian li p {
font-size: 15px;
color: #000;
line-height: 2rem;
padding-left: 15px;
background-image: url("../img/dd.jpg");
background-repeat: no-repeat;
background-position: 5px 12px;
}
.baoyang_p {
font-size: 14px;
color: #1e1e1e;
padding-left: 3%;
display: block;
padding-bottom: 1rem;
padding-top: 0.5rem;
line-height: 1.5rem;
}
.baoyang_box {
width: 96%;
padding: 0.5rem 2%;
}
.baoyang_txt {
background-color: white;
width: 100%;
margin-bottom: 1.5rem;
}
.baoyang_img {
width: 100%;
}
.baoyang_img img {
width: 100%;
}
.baoyang_txt h2 {
font-size: 18px;
padding: 1.5rem 0 1rem 0.5rem;
}
.baoyang_txt p {
font-size: 14px;
color: #1e1e1e;
line-height: 25px;
padding-left: 0.5rem;
}
.baoyang_txt h3 {
font-size: 14px;
color: #008fd6;
padding-top: 1rem;
line-height: 25px;
padding-left: 0.5rem;
}
.baoyang_txt h4 {
font-size: 14px;
color: #008fd6;
line-height: 25px;
padding-left: 0.5rem;
}
.video_box {
padding: 1rem 0.5rem 1.5rem;
background-color: white;
}
.video_ul {
height: auto;
overflow: hidden;
}
.video_ul li {
width: 48%;
height: auto;
float: left;
margin-right: 3%;
margin-bottom: 3%;
}
.video_ul li:nth-child(2) {
margin-right: 0;
}
.video_ul li:nth-child(4) {
margin-right: 0;
}
.video_ul li:nth-child(6) {
margin-right: 0;
}
.video_ul li:nth-child(8) {
margin-right: 0;
}
.video_ul li:nth-child(10) {
margin-right: 0;
}
.video_ul li img {
width: 100%;
}
.video_txt {
padding: 0 3%;
/* border: 1px solid #e5e5e5;*/
border-top: none;
background-color: white;
}
.video_txt h2 {
font-size: 14px;
color: #008fd6;
text-align: left;
padding: 0.8rem 0 0.7rem 0;
border-bottom: 1px solid #e5e5e5;
}
.video_txt h2 i {
font-style: normal;
color: #333333;
}
.video_txt p {
font-size: 14px;
color: #acacac;
display: block;
padding: 0.4rem 0 1rem 0;
}
.more_i {
text-align: left;
display: block;
font-style: normal;
font-size: 14px;
color: #7e7e7e;
}
.video_txt i img {
width: 25px;
margin-left: 5px;
}
.zhao_full {
padding: 1.5rem;
padding-bottom: 0;
}
.zhao_full_ul li {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 2rem;
}
.full_img {
width: 15%;
float: left;
margin-top: 1%;
}
.full_img img {
width: 100%;
}
.full_txt {
width: 84%;
float: right;
}
.full_txt h2 {
padding: 0 5px 5px;
font-size: 18px;
color: #0077c3;
}
.full_txt h2 i {
font-style: normal;
font-weight: normal;
font-size: 16px;
display: inline-block;
margin-left: 10px;
}
.full_txt P {
line-height: normal;
color: #666;
font-size: 13px;
}
.zuz {
width: 100%;
margin-top: -5%;
}
.zuz img {
width: 100%;
}
.zhao_left {
width: 100%;
margin-bottom: 3%;
position: relative;
}
.zhao_left img {
width: 100%;
}
.kouhao {
width: 11%;
text-align: center;
position: absolute;
left: 6.5%;
top: 27%;
font-size: 13px;
color: #0077c3;
font-weight: 900;
}
.jingshen {
font-size: 12px;
color: #ffffff;
position: absolute;
left: 25%;
top: 32%;
width: 72%;
}
.left_jingshen {
font-size: 12px;
color: #fff;
width: 70%;
position: absolute;
left: 5%;
top: 15%;
}
.right_kou {
width: 11%;
text-align: center;
position: absolute;
right: 6.5%;
top: 27%;
font-size: 13px;
color: #0077c3;
font-weight: 900;
line-height: 15px;
}
.fllu_img img {
width: 100%;
}
.gui_nav {
width: 100%;
height: auto;
background-color: white;
position: relative;
}
.gui_nav i {
display: inline-block;
width: 5%;
vertical-align: middle;
}
.gui_nav i img {
width: 100%;
}
.gui_nav a {
display: inline-block;
font-size: 17px;
color: #2c2c2c;
padding: 5% 6% 3.5%;
text-align: center;
position: relative;
}
.gui_a:hover {
color: #009de1;
}
.gui_a:hover em {
opacity: 1;
}
.gui_a em {
display: block;
width: 50%;
height: 2px;
background-color: #009de1;
position: absolute;
left: 25%;
bottom: 0;
opacity: 0;
}
.gui_nav b {
display: inline-block;
width: 10%;
vertical-align: middle;
position: absolute;
right: 0;
top: 43%;
}
.gui_nav b img {
width: 100%;
}
.chanp_box {
width: 100%;
background-color: white;
}
.cpgg {
display: none;
}
.cpgg_jie {
display: block;
margin-bottom: 1rem;
padding: 2%;
width: 96%;
padding-top: 2rem;
}
.cpgg_jie td {
padding-bottom: 0.7rem;
color: #535353;
font-size: 14px;
width: 70px;
}
.cpgg_kai {
width: 96%;
padding: 1.5rem 0 1rem;
border-top: 2px solid black;
border-bottom: 1px solid black;
overflow: hidden;
height: auto;
margin: 2%;
}
.cpgg_kai_dan {
width: 14%;
text-align: center;
float: left;
color: #595757;
}
.cpgg_kai_dan img {
width: 70%;
}
.cpgg_btn_box {
padding: 2%;
width: 96%;
}
.cpgg_btn {
width: 100%;
background-color: #e6e6e6;
border-radius: 5px;
padding: 0.7rem 0;
text-align: center;
margin: 2rem 0;
color: #535353;
font-size: 18px;
position: relative;
}
.cpgg_btn img {
width: 7%;
vertical-align: middle;
position: absolute;
left: 30%;
top: 22%;
}
.cpgg_tedian ul {
width: 92%;
margin-top: 0.5rem;
padding: 0 4% 2.5rem;
}
.cpgg_tedian li {
padding: 0.5rem 0 0.5rem 10px;
font-size: 12px;
line-height: 18px;
border-bottom: 1px dashed silver;
color: #535353;
background-image: url("../img/dd.png");
background-repeat: no-repeat;
background-position: 0 14px;
}
.cpgg_gg_bg img {
width: 100%;
}
.cpgg_zl_bg img {
width: 100%;
}
.cpgg_zl_text {
width: 96%;
padding: 2% 2% 2rem 2%;
color: #535353;
}
.cpgg_zl_text dt {
padding: 1rem 0;
border-bottom: 1px dashed silver;
}
.cpgg_zl_text dd {
padding: 1rem 0 1rem 1rem;
border-bottom: 1px dashed silver;
position: relative;
width: 97%;
}
.cpgg_zl_span {
position: absolute;
left: 60%;
top: 34%;
font-weight: bold;
}
.cpgg_zl_xia {
width: 10%;
position: absolute;
right: 10%;
top: 20%;
}
.cpgg_zl_xia img {
width: 85%;
}
.guan_img {
width: 100%;
height: 100%;
}
.guan_img img {
width: 100%;
height: 100%;
}
.saoma {
position: absolute;
display: none;
left: -50%;
top: -185%;
width: 140%;
}
.saoma img {
width: 100%;
}
.a_tab:hover .saoma {
display: block;
}
/* 首页添加的轮播图 */
.index_swiper_box {
width: 100%;
height: auto;
background-color: white;
padding-bottom: 10px;
}
.index_swiper_txt {
width: 100%;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.index_swiper_txt img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}