*{
margin: 0;
padding: 0;
}
.index-one-left img {
width: 100%;
height: auto;
}
.index-one-title {
padding-right: 0;
padding-left: 0;
float: left;
}
.index-one-title p {
background: url(../images/hxx_sy_tb.png) no-repeat;
color: #fff;
padding: 0px 10px;
box-sizing: border-box;
background-size: 100% 100%;
width: 88px;
}
.index-one-more {
color: #333;
text-align: right;
cursor: pointer;
}
.index-one-right {
border: 1px solid #E3E3E3;
padding: 20px 0;
box-sizing: border-box;
/*margin-top: 5px;*/
}
.index-two-right{
border: 1px solid #E3E3E3;
padding: 20px 0;
box-sizing: border-box;
margin-top: 5px;
height: 265px;
}
.index-two-pag{
padding-left: 0;
padding-right: 0;
}
.scroll-bar{
overflow-y:auto;
height: 220px;
}
.index-one-right-top {
border-bottom: 2px solid #C40000;
width: 95%;
margin: 0 auto;
}
.index-one-right-bottom {
width: 95%;
margin: 10px auto 0;
}
.index-one-right-title {
padding-right: 0;
padding-left: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align: left;
}
.index-one-right-title span {
color: #DC7870;
font-size: 12px;
}
.index-one-right-time {
color: #333;
text-align: right;
}
.index-one-right-footer {
border-bottom: 2px dashed #DEDEDE;
width: 95%;
margin: 15px auto 0px;
}
.index-one-title span{
color: #DC1B21;
margin-right: 13px;
}
.index-one-title-left {
color: #DC1B21;
}
.active-one{
background: url(../images/hxx_sy_tb.png) no-repeat;
color: #fff !important;
padding: 0px 13px;
box-sizing: border-box;
margin-right: 15px;
background-size: 100% 100%;
}
.active-two{
background: url(../images/hxx_sy_tb_big.png) no-repeat;
background-size: 125px 20px;
color: #fff !important;
padding-left: 5px;
box-sizing: border-box;
margin-right: 15px;
background-size: 100% 100%;
}
.active-three{
background: url(../images/hxx_sy_tb_max.png) no-repeat;
background-size: 125px 20px;
color: #fff !important;
padding-left: 5px;
box-sizing: border-box;
margin-right: 15px;
background-size: 100% 100%;
}
.tab-title-ul-five li:nth-child(1){
float: left;
width: 50%;
height: 22px;
}
.tab-title-ul-five li:nth-child(2){
float: left;
width: 50%;
/* padding-left: 10px; */
}
.tab-title-ul-six li:nth-child(1){
float: left;
width: 50%;
height: 22px;
}
.tab-title-ul-six li:nth-child(2){
float: left;
width: 50%;
padding-left: 10px;
}
.spacing{
margin: 20px 0;
}
.tab-title-ul-six{
height: 20px;
}
.tab-title-ul-five{
height: 20px;
}
.index-one-title-right {
color: #DC1B21;
}
.index-two {
margin-left: 0px;
margin-top: 10px;
height: 295px;
}
.index-two-title-left {
padding: 0px 20px;
}
.index-three {
margin-left: 0px;
margin-top: 5px;
}
.index-three img {
width: 100%;
height: auto;
}
.index-four-title {
margin-bottom: 10px;
}
.index-four-title img{
width:93%
}
.index-four-title-one {
color: #DC1B21;
}
.index-four-title-two {
color: #999999;
}
.index-four {
margin-top: 20px;
}
.index-four-show img {
width: 100%;
height: auto;
}
.index-four-show p {
text-align: center;
margin-top: 5px;
}
.index-four-show-one img {
width: 100%;
height: auto;
}
.index-four-show-one video {
width: 100%;
height: auto;
}
.index-four-show-one p {
text-align: left;
margin-top: 5px;
}
.index-four-right-top {
background-color: #F8F7F6;
width: 95%;
margin: 10px auto;
}
.index-four-title-left {
padding: 0px 13px;
box-sizing: border-box;
margin-right: 15px;
color: #333;
}
.index-four-right {
border: 1px solid #E3E3E3;
padding: 20px 0;
box-sizing: border-box;
margin-top: 5px;
}
.index-file {
margin-left: 0;
}
.footer-nav {
overflow: hidden;
border: 1px solid #D9D9D9;
box-sizing: border-box;
/*box-sizing: content-box;*/
/*width: 1198px;*/
height: 40px;
padding-left:-40px;
/*background-color: #F8F8F8;*/
margin-bottom: 0;
}
.footer-nav li {
float: left;
width: 20%;
line-height: 40px;
}
.footer-nav li p {
text-align: center;
color: #333;
margin: 0;
cursor: pointer;
}
.footer-nav li .active {
color: #FFFFFF !important;
height: 38px;
line-height: 38px;
/*border: 1px solid #E83828;
box-sizing: content-box;*/
background: #DE1418;
}
.footer-content {
border: 1px solid #D9D9D9;
padding: 20px 20px 10px 20px;
box-sizing: border-box;
overflow: hidden;
border-top: 0;
}
.footer-content li p {
float: left;
margin-right: 25px;
}
.footer-content li p a {
color: #454545;
}
.pc-row{
display: none;
}
.mb-row{
display: block;
}
.member_div{
border-bottom: none;
background: #E3010C;
height: 50px;
margin-top: 5px;
}
.member_div div{
width: 94px;
height: 20px;
padding-top: 16px;
margin: 0 auto;
}
.member_div div img{
width: 20px;
height: 18px;
float: left;
}
.member_p{
float: right;
color: #FFFFFF;
text-align: center;
font-size: 16px;
line-height: 17px;,
}
.inquiries1{
border: 1px solid #E3E3E3;
box-sizing: border-box;
height: 215px;
padding-top: 6px;
}
.inquiries_p{
width: 90%;
margin-top: 20px;
margin-left: 5%;
height: 40px;
border: 1px solid #E3010C;
cursor:pointer;
text-align: center;
line-height: 40px;
color: #E3010C;
border-radius: 4px;
}
.inquiries{
border: 1px solid #E3E3E3;
box-sizing: border-box;
height: 215px;
}
.inquiries_form{
width: 90%;
margin-left: 5%;
height: 40px;
}
.inquiries_form .type{
width: 100%;
margin-top: 26px;
height: 40px;
border: 1px solid #E3010C;
outline:none;
text-align: center;
text-align-last: center;
color: #999999;
border-radius: 4px;
}
.inquiries_form .type option{
color: #999999;
font-size: 14px;
outline:none;
}
.inquiries_form .idcard{
width: 100%;
margin-top: 25px;
height: 40px;
border: 1px solid #E3010C;
border-radius: 4px;
}
.inquiries_form .idcard::-ms-input-placeholder {
color: #999999;
text-align: center;
}
.inquiries_form .idcard::-webkit-input-placeholder {
color: #999999;
text-align: center;
}
.inquiries_form .submit{
margin-top: 20px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #E3010C;
border-radius: 4px;
color: #E3010C;
}
@media (min-width: 992px) {
.index-two .index-one-right {
width: 33% !important;
margin-left: 0.5%;
}
.index-two .col-md-4:first-child {
margin-left: 0;
}
.index-one-right-bottom .col-md-8 {
width: 58% !important;
}
.index-one-right-bottom .col-md-4 {
width: 42% !important;
}
}
a{
font-family: '微软雅黑' !important;
}
.iocn::after{
content: '>';
color: #DC7870;
}
@media (max-width: 991px) {
.index-four-title img{
width: 87%;
}
.pc-row{
display: block;
}
.tab-title-ul-six li:nth-child(1){
width: 60%;
}
.tab-title-ul-six{
width: 200px;
}
.tab-title-ul-five{
width: 200px;
}
.tab-title-ul-six li:nth-child(2){
width: 40%;
}
.tab-title-ul-five li:nth-child(1){
width: 60%;
}
.tab-title-ul-five li:nth-child(2){
width: 40%;
}
.mb-row{
/* display: none; */
}
.footer-nav {
-webkit-padding-start: 0;
}
.member{
padding: 20px 0;
}
.index-three {
margin-right: 0;
margin-top: 30px;
}
.index-two {
margin-right: 0;
}
.index-one {
margin-right: 0;
margin-left: 0;
}
.index-one-left {
padding-right: 0;
padding-left: 0;
}
.index-file {
margin-left: -15px;
}
}
@media (max-width:740px) {
.index-one-right-time {
display: none;
}
.index-two{
height: 810px;
}
.swiper-container {
height: 200px;
}
.footr-pc{
display: none;
}
.footr-mobile{
display: block !important;
}
.mobile-img-more{
width: 86% !important;
}
.container-fluid{
padding: 0;
}
}
@media (max-width:400px){
.index-footer-content .col-xs-4{
width: 75%;
}
.index-footer-content .col-xs-6{
width: 75%;
}
}
.tempWrap{
width: 100% !important;
}
.right-content-ul {
position: relative;
}
.bofang{
position: absolute;
z-index: 1000;
top: 36%;
right: 40%;
width: 20% !important;
}
.right-content-ul p{
font-size: 12px;
color: #333;
margin-top: 10px;
}
.scroll-bar-tab{
height: 180px;
/*overflow-y:auto; */
}
.tab-title-ul-one{
width: 183px;
height: 20px;
}
.tab-title-ul-one li{
float:left;
width: 84px;
height: 22px;
}
.tab-title-ul-two{
/*width: 242px;*/
width: 183px;
height: 20px;
}
.tab-title-ul-two li{
float:left;
/*width: 100px;*/
width: 84px;
height: 22px;
}
.tab-title-ul-three{
width: 205px;
height: 20px;
}
.tab-title-ul-three li{
float:left;
width: 95px;
height: 22px;
}
.tab-title-ul-four{
width: 183px;
height: 20px;
}
.tab-title-ul-four li {
float: left;
width: 84px;
height: 22px;
}
#wowslider-container1 { zoom: 1; position: relative;float:right; z-index: 90 }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
.slider-wrap .loader {
width:100%;
margin: 0 auto;
height:19px;
}
.nivoSlider-wrap, .cycleslider-wrap {
display:none;
/*padding: 10px;*/
}
/*Cycle Slider*/
.cycleslider-wrap {
position: relative;
}
/* Direction nav styles (e.g. Next & Prev) */
#cycle-prev, #cycle-next {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
width: 34px;
height: 57px;
text-indent: -999em;
margin-top: -10px;
background-repeat: no-repeat;
}
#cycle-prev {
left:-50px;
background-position: 0 0;
}
#cycle-prev:hover {
background-position: 0 100%;
}
#cycle-next {
right:-50px;
background-position: 100% 0;
}
#cycle-next:hover {
background-position: 100% 100%;
}
#cycle-nav {
position:absolute;
right: 30px;
bottom: -24px;
z-index:99;
}
#cycle-nav a {
position:relative;
z-index:9;
cursor:pointer;
display:block;
float:left;
width:46px;
height:24px;
line-height:24px;
text-align: center;
font-size: 10px;
margin-left: 1px;
color: #999;
}
#cycle-nav a.activeSlide {
color: #333;
background-position: 0 0;
}
.cycle-slider-caption {
position: absolute;
left: 0px;
bottom: 80px;
z-index: 8;
padding: 15px 20px;
}
.cycle-slider-caption h3 {
margin: 0;
font-weight: normal;
font-size: 18px;
color: #FFF;
margin-bottom: 5px;
}
.cycle-slider-caption .text {
color: #FFF;
}
.slider-outer{
width: 100%;
height: 120px;
background-color: #f60;
position: relative;
}
.img-item{
position: absolute;
width: 228px;
height: 100%;
transition: all 1.5s;
/*设置子元素在3D空间中呈现*/
transform-style: preserve-3d;
}
/*让图片可以构成一个有四个面的长方体 start*/
.img{
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
}
.img:nth-child(1){
background: url(../images/pic2.png) no-repeat;
transform: rotateX(0deg) translateZ(60px);
}
.img:nth-child(2){
background: url(../images/pic2.png) no-repeat;
transform: rotateX(-90deg) translateZ(60px);
}
.img:nth-child(3){
background: url(../images/pic2.png) no-repeat;
transform: rotateX(-180deg) translateZ(60px);
}
.img:nth-child(4){
background: url(../images/pic2.png) no-repeat;
transform: rotateX(-270deg) translateZ(60px);
}
/*让图片可以构成一个有四个面的长方体 end*/
.btns{
position: absolute;
top: 50%;
width: 100%;
height: 70px;
margin-top: -35px;
}