html {
font-size: 50px;
}
@media screen and (min-width:360px) {
html {
font-size: 60px;
}
}
@media screen and (min-width:400px) {
html {
font-size: 65px;
}
}
@media screen and (min-width:480px) {
html {
font-size: 76px;
}
}
@media screen and (min-width:568px) {
html {
font-size: 89px;
}
}
@media screen and (min-width:639px) {
html {
font-size: 100px;
}
}
body {
font-family: "Microsoft Yahei";
color: #5B5B5B;
padding: 0;
margin: 0;
background: #efeff4;
line-height: 180%;
font-size: 14px;
}
input, textarea, select {
font-family: "Microsoft Yahei";
color: #5B5B5B;
}
a {
color: #333;
}
a:hover {
color: #F00;
}
/*头部*/
.warp {
width: 100%;
max-width: 640px;
margin: 0px auto;
background: #FFF;/* padding-bottom:45px; */
}
.warp_s {
background: #efeff4;
}
.head {
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #eee;
background-color: #FFFFFF;
}
.head .logo {
width: 44%;
float: left;
padding-left: 5px;
}
.head .logo img {
width: 100%;
max-width: 233px;
height: auto;
vertical-align: top;
}
.head .head_r {
width: 50%;
float: right;
text-align: right;
padding-right: 10px;
}
.head .head_r img {
width: 100%;
height: auto;
vertical-align: top;
max-width: 247px;
margin-top: 5px;
}
/*.head{ width:100%; height:60px; border-bottom:1px solid #eee; background:#fff url(../images/top_bg.jpg) right no-repeat;}
.head .logo{ width:44%; float:left; padding-left:10px; padding-top:5px;}
.head .logo img{ height:48px; vertical-align:top;}
.head .head_r{ float:right; text-align:right; padding-right:10px;}
.head .head_r img{ height:19px; vertical-align:top;margin-top:20px;}
*/
/*幻灯片*/
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor: url(../images/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
#owl-demo {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#owl-demo .item {
position: relative;
display: block;
}
#owl-demo img {
display: block;
width: 100%;
}
#owl-demo b {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 78px;
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
}
#owl-demo span {
position: absolute;
left: 0;
bottom: 37px;
width: 100%;
font: 18px/32px "微软雅黑", "黑体";
color: #fff;
text-align: center;
}
.owl-pagination {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 22px;
text-align: center;
}
.owl-page {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
*display: inline;
*zoom: 1;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #FFF;
}
.owl-pagination .active {
background: #D63F43;
}
.owl-buttons {
display: none;
}
.owl-buttons div {
position: absolute;
top: 50%;
width: 24px;
height: 48px;
margin-top: -40px;
text-indent: -9999px;
}
/*.owl-prev { left: 10px; background-image: url(../images/bg17.png);}
.owl-next { right: 10px; background-image: url(../images/bg18.png);}
.owl-prev:hover { background-image: url(../images/bg17.png);}
.owl-next:hover { background-image: url(../images/bg18.png);}*/
.statistics {
background: #FFF;
padding: 10px 0 10px;
}
.statistics li {
text-align: center;
border: 0px;
position: relative;
}
/*yhw start
.serch-box{ width: 100%; padding: 5px 15px 10px 15px; background: #fff;}
.serch-box>a{ display: block; line-height: 0;}
#home_search{ width: 100%; vertical-align: middle;}
.statistics li span{
font-size: 24px;
font-family: 'impact';
}
*/
.statistics li span {
font-size: 17px;
}
.statistics li:nth-child(1) span {
color: #3fbff0;
}
.statistics li:nth-child(2) span {
color: #ff7f00;
}
.statistics li:nth-child(3) span {
color: #fb7e7e;
}
.statistics li p {
font-size: 15px;
color: #333;
}
.statistics li i {
position: absolute;
right: 0px;
top: 50%;
width: 1px;
background: #e5e5e5;
height: 32px;
margin-top: -20px;
}
.con-search {
padding: 10px 15px;
background: #FFF;
margin-top: 10px;
}
.con-search-main {
width: 100%;
height: 35px;
padding: 0 15px;
border-radius: 30px;
border: 1px solid #e5e5e5;
}
.con-earch-main a {
display: block;
}
.con-search-main input[type=search] {
width: 100%;
border: 0px;
background: none;
margin-bottom: 0px;
/*margin-top: 3px;*/
padding: 10px 0 10px 35px;
font-size: 15px;
}
.con-search-main .mui-search .mui-placeholder {
/*top: 3px;*/
font-size: 15px;
}
.con-search-main .mui-icon-search:before {
color: rgba(0,0,0,0);
padding: 0px 10px;
margin-right: 5px;
background: url(../images/search_icon.png) center no-repeat;
}
.con-search-main .mui-search:before {
margin-top: -10px;
}
.con-search-main .mui-search.mui-active:before {
content: "";
padding: 10px;
background: url(../images/search_icon.png) center no-repeat !important;
}
.three-box {
display: block;
clear: both;
}
.three-box li {
float: left;
width: 33.33%;
box-sizing: border-box;
}
.three-box li:nth-child(3n) {
border-right: 0px !important;
}
.three-box li:nth-last-child(-n+3) {
border-bottom: 0px;
}
/**三列间隙列表**/
.three-box-space li {
float: left;
width: 31.73%;
width: -webkit-calc(33.33% - 5px);
width: -moz-calc(33.33% - 5px);
width: calc(33.33% - 5px);
box-sizing: border-box;
margin-right: 5px;
margin-bottom: 10px;
}
.three-box-space li:nth-child(3n) {
margin-left: 5px;
margin-right: 0px;
}
.mui-search {
position: relative
}
.mui-search input[type=search] {
padding-left: 30px
}
.mui-search .mui-placeholder {
font-size: 16px;
line-height: 30px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
height: 34px;
text-align: center;
color: #999;
border: 0;
border-radius: 6px;
background: 0 0
}
.mui-search .mui-placeholder .mui-icon {
font-size: 20px;
color: #333
}
.mui-search:before {
font-family: Muiicons;
font-size: 20px;
font-weight: 400;
position: absolute;
top: 50%;
right: 50%;
display: none;
margin-top: -18px;
margin-right: 31px;
content: '\e466'
}
.mui-search.mui-active:before {
font-size: 20px;
right: auto;
left: 5px;
display: block;
margin-right: 0
}
.mui-search.mui-active input[type=search] {
text-align: left
}
.tj {
background: #D50000 none repeat scroll 0 0 !important;
border: 0 none;
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
text-align: center;
width: 100%;
line-height: 40px;
cursor: pointer;
}
.tj:hover, .tj:active {
color: #FFFFFF;
}
.child-title {
font-size: 19px;
color: #383838;
text-align: center;
border: 0px;
padding: 4% 33px 2% 0px;
}
.company {
background-color: #FFFFFF;
margin-top: 10px;
padding: 0 10px;
}
.company ul li {
background: #d2d2d2;
position: relative;/* padding: 10px;*/
}
.company ul li img {
width: 100%;
margin-bottom: -4px;
}
.company ul li p {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
padding: 3px 0;
text-align: center;
background: rgba(0,0,0,0.6);
font-size: 14px;
color: #FFF;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.company .mui-slider {
padding-bottom: 28px;
}
.company .banner-indicator {
bottom: 8px;
}
.two-box-space li {
float: left;
width: 48.4%;
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
margin-bottom: 10px;
border: none;
overflow: hidden;
text-align: left;
margin-right: 5px;
}
.two-box-space li:nth-child(2n) {
margin-left: 5px;
margin-right: 0px;
}
.mui-slider {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
border-bottom: 0
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
border-top: 1px solid #c8c7cc;
border-bottom: 1px solid #c8c7cc
}
.mui-slider .mui-slider-group {
font-size: 0;
position: relative;
-webkit-transition: all 0s linear;
transition: all 0s linear;
white-space: nowrap
}
.mui-slider .mui-slider-group .mui-slider-item {
font-size: 14px;
position: relative;
display: inline-block;
width: 100%;
height: 100%;
vertical-align: top;
white-space: normal
}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) {
line-height: 0;
position: relative;
display: block
}
.mui-slider .mui-slider-group .mui-slider-item img {
width: 100%
}
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before {
height: 0
}
.mui-slider .mui-slider-group.mui-slider-loop {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.mui-slider-title {
line-height: 30px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
margin: 0;
text-align: left;
text-indent: 12px;
opacity: .8;
background-color: #000
}
.mui-slider-indicator {
position: absolute;
bottom: 1px;
width: 100%;
text-align: center;
background: 0 0
}
.mui-slider-indicator.mui-segmented-control {
position: relative;
bottom: auto
}
.mui-slider-indicator .mui-indicator {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px 4px;
cursor: pointer;
border-radius: 50%;
background: #aaa;
}
.mui-slider-indicator .mui-active.mui-indicator {
background: #2d9cea;
}
.mui-slider-indicator .mui-icon {
font-size: 20px;
line-height: 30px;
width: 40px;
height: 30px;
margin: 3px;
text-align: center;
border: 1px solid #ddd
}
.mui-slider-indicator .mui-number {
line-height: 32px;
display: inline-block;
width: 58px
}
.mui-slider-indicator .mui-number span {
color: #ff5053
}
.mui-slider-progress-bar {
z-index: 1;
height: 2px;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
/*幻灯片*/
.bg_a {
width: 100%;
background-color: #FFFFFF;
}
.i_ma {
width: 100%;
background: #FFF;
padding: 5px 8px;
position: relative;
padding-left: 83px;
}
.i_ma .code {
width: 67px;
height: 50px;
float: left;
cursor: pointer;
position: absolute;
left: 5px;
top: 5px;
}
.i_ma .code img {
width: 100%;
height: auto;
vertical-align: top;
}
.i_ma .gz {
display: block;
width: 100%;
float: right;
height: 50px;
line-height: 50px;
text-align: left;
font-size: 0.2rem;
color: #444;
background: url(../images/icon3.jpg) no-repeat right center;
position: static;
}
.i_mb {
width: 100%;
text-align: center;
border-top: 1px solid #e2e2e2;
}
.i_mb li {
width: 33.33%;
float: left;
text-align: center;
font-size: 0.2rem;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
padding-top: 10px;
}
.i_mb li img {
width: 45%;
height: auto;
max-width: 92px;
vertical-align: top;
}
.i_mb li p {
width: 100%;
height: auto;
padding-top: 5px;
padding-bottom: 10px;
text-align: center;
font-size: 0.23rem;
}
.i_mc {
width: 100%;
border-top: 1px solid #ddd;
background: #FFF;
border-bottom: 1px solid #eee;
}
.i_mc th {
width: 40%;
text-align: center;
padding: 10px 0;
}
.i_mc th img {
width: 90%;
height: auto;
max-width: 149px;
}
.i_mc .i_name {
margin-bottom: 12px;
border-bottom: 1px solid #2dc0f7;
line-height: 40px;
color: #333;
}
.i_mc td {
border-left: 1px solid #ddd;
padding: 10px 15px;
text-align: left;
}
.i_mc td p {
line-height: 150%;
padding: 3px 0;
font-size: 0.2rem;
float: left;
height: 34px;
padding-right: 10px;
font-size: 14px;
color: #333;
}
.i_mc td em {
background-color: #0b7bca;
color: #FFFFFF;
border-radius: 10px;
display: inline-block;
padding: 0px 5px;
margin-right: 3px;
}
.rx {
width: 100%;
margin-top: 10px;
line-height: 0px;
height: 45px;
background: url(../images/tel_bg.png) center no-repeat;
line-height: 45px;
color: #FFFFFF;
text-align: center;
background-size: cover;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
.rx a {
color: #FFFFFF;
}
.rx img {
width: 100%;
}
.rx em {
width: 114px;
height: 30px;
line-height: 30px;
background: #f95555 url(../images/tel_ico.png) 10px no-repeat;
padding-left: 36px;
font-size: 14px;
color: #FFFFFF;
display: inline-block;
margin-left: 20px;
border-radius: 6px;
text-align: left;
background-size: 21%;
top: -3px;
position: relative;
}
/*.rx a{ display:block; width:100%; text-align:center; height:53px; background:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
.rx a span{ display:inline-block; *display:inline; zoom:1; font-size:0.28rem; color:#D53F43; padding-left:30px; height:53px; line-height:53px; vertical-align:top; background:url(../images/icon1.jpg) no-repeat left center;}
.rx a em{font-size:0.32rem; font-weight:bold;}
*/
.i_md {
width: 100%;
background: #fff;
background-size: cover;
text-align: center;
}
.i_md .name, .i_name {
width: 100%;
font-size: 18px;
text-align: center;
padding: 4% 25px 4% 0;
color: #383838;
}
.i_md .name, .i_name i {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
margin-top: -4px;
margin-right: 5px;
}
.i_md .name, .i_name .t_ico1 {
background: url(../images/t_ico1.png) bottom no-repeat;
background-size: 100%;
}
.i_md .name, .i_name .t_ico2 {
background: url(../images/t_ico2.png) bottom no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
}
.i_md .blue .tit .t_ico3 {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-top: -4px;
margin-right: 8px;
background: url(../images/t_ico3.png) bottom no-repeat;
background-size: 100%;
}
.child-title .t_ico4 {
display: inline-block;
vertical-align: middle;
width: 28px;
height: 28px;
margin-top: -4px;
margin-right: 5px;
background: url(../images/t_ico4.png) bottom no-repeat;
background-size: 100%;
}
.i_md .name, .i_name .t_ico5 {
background: url(../images/ico_lb.png) bottom no-repeat;
background-size: 100%;
width: 35px;
height: 35px;
}
.i_md .des {
width: 100%;
padding: 0 10px;
font-size: .2rem;
}
.i_md ul {
width: 100%;
margin-top: 20px;
}
.i_md ul li {
width: 50%;
float: left;
padding: 20px 15px;
font-size: 0.2rem;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.i_md ul li img {
width: 50%;
max-width: 88px;
vertical-align: top;
}
.i_md ul li b {
display: block;
width: 100%;
height: 45px;
line-height: 45px;
font-size: 0.28rem;
}
.i_md ul li .d_des {
width: 100%;
font-size: 0.2rem;
line-height: 160%;
}
.i_md ul li .d_des em {
color: #D90005;
}
.i_me {
}
.i_mem {
width: 100%;
text-align: center;
}
.i_mem table {
width: 100%;
background: #FFF;
border-top: 1px solid #ddd;
padding-bottom: 20px;
}
.i_mem table td {
padding: 10px;
border-bottom: 1px solid #f7f7f7;
border-right: 1px solid #ddd;
font-size: 0.20rem;
line-height: 140%;
}
.i_mem table td em {
color: #D11519;
}
.tip {
width: 100%;
padding: 10px 10px 0;
font-size: 0.22rem;
color: #D11519;
text-align: left;
line-height: 150%;
}
.foot {
width: 100%;
background: #225fb9;
height: 50px;
text-align: center;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
color: #FFF;
border-top: 1px solid #FFFFFF;
}
.foot li {
width: 33%;/*width:33.33%;*/
float: left;
}
.foot li img {
width: 25px;
height: 25px;
vertical-align: top;
margin-top: 7px;
}
.foot li a {
display: block;
width: 100%;
height: 50px;
cursor: pointer;
font-size: 16px;
}
.foot li.zxcx {
background-color: #df2f2f;
}
.foot li span.ico1 {
background: url(../images/f2.png) left no-repeat;
padding-left: 40px;
display: inline-block;
color: #FFFFFF;
line-height: 50px;
}
.foot li span.ico2 {
background: url(../images/f3.png) left no-repeat;
padding-left: 40px;
display: inline-block;
color: #FFFFFF;
line-height: 50px;
}
.foot li p {
width: 100%;
height: 20px;
line-height: 20px;
color: #FFF;
}
.banner img {
width: 100%;
height: auto;
vertical-align: top;
}
.tck, .tc_dh {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
/*display: none;*/
}
.tck img {
width: 280px;
height: 280px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -140px;
margin-top: -140px;
}
.tc_dh .i_mb {
width: 90%;
position: absolute;
left: 50%;
top: 55%;
background: #FFF;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-55%);
-o-transform: translateX(-50%) translateY(-55%);
transform: translateX(-50%) translateY(-55%);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.s_a {
width: 100%;
background: #FFF;
}
.bz {
width: 100%;
background: url(../images/jt.png) no-repeat center top;
background-size: 100% auto;
border-top: 1px solid #e2e2e2;
}
.bz li {
width: 25%;
float: left;
text-align: center;
}
.bz li img {
width: 55%;
height: auto;
vertical-align: top;
margin-top: 12px;
}
.bz li p {
width: 100%;
height: auto;
padding: 10px 0;
font-size: .22rem;
}
.bz1 {
width: 100%;
background: url(../images/jt1.png) no-repeat center top;
background-size: 100% auto;
border-top: 1px solid #e2e2e2;
}
.bz1 li {
width: 20%;
float: left;
text-align: center;
}
.bz1 li img {
width: 55%;
height: auto;
vertical-align: top;
margin-top: 12px;
}
.bz1 li p {
width: 100%;
height: auto;
padding: 10px 0;
font-size: .22rem;
}
.s_tip {
width: 90%;
padding: 10px;
text-align: center;
font-size: .18rem;
margin: 0px auto;
color: #D63F43;
line-height: 145%;
}
.bg_b {
width: 100%;
background: #fff;
margin-top: 10px;
padding: 15px;
}
.zl {
width: 100%;
border: 1px solid #ddd;
border-bottom: 0;
background: #FFF;
margin-top: 10px;
}
.zl li {
width: 100%;
padding: 13px 13px 13px 0.65rem;
text-align: left;
line-height: 0.26rem;
position: relative;
border-bottom: 1px solid #ddd;
line-height: .32rem;
}
.zl li i, .zl li span {
display: inline-block;
*display:inline;
zoom: 1;
vertical-align: top;
font-size: 0.2rem;
}
.zl li i {
width: 0.3rem;
height: 0.3rem;
background: #D63F43;
font-style: normal;
color: #FFF;
text-align: center;
font-size: 0.2rem;
line-height: 0.3rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
left: 0.17rem;
top: 13px;
}
.zl li em {
color: #D63F43;
}
.s_b {
width: 100%;
text-align: center;
margin-top: 10px;
background-color: #FFFFFF;
}
.s_bm {
width: 100%;
border-top: 1px solid #e2e2e2;
padding-bottom: 15px
}
.s_b img {
width: 100%;
height: auto;
vertical-align: top;
}
.s_bma img {
width: auto;
max-width: 100%;
height: auto;
}
.s_bm span, .s_bm span i {
display: inline-block;
*display:inline;
zoom: 1;
margin: 7px 5px;
font-size: .2rem;
vertical-align: top;
}
.s_bm span i {
margin: 0;
width: 0.25rem;
height: 0.25rem;
text-align: center;
background: #D63F43;
font-style: normal;
color: #FFF;
text-align: center;
font-size: 0.2rem;
line-height: 0.25rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-right: 5px;
vertical-align: middle;
margin-top: -0.05rem;
}
.bg_c {
height: 367px;
width: 100%;
background: #333 url(../images/bz_bg.jpg);
background-size: cover;
padding-top: 10px;
}/**/
.bg_c .i_name {
color: #333;
}
.home .i_name {
font-size: 19px;
}
.s_c {
width: 100%;
padding: 0px 15px 15px;
margin-top: 10px;
color: #333;
}/*text-shadow: #000 1px 1px 1px;*/
.s_c dl {
width: 50%;
float: left;
padding-left: 0.6rem;
vertical-align: top;
position: relative;
margin-bottom: 15px;
}
.s_c dl dt {
width: 0.6rem;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.s_c dl dt img {
width: 90%;
max-width: 42px;
height: auto;
vertical-align: top;
}
.s_c dl dd {
width: 100%;
padding-left: 7px;
padding-right: 7px;
}
.s_c dl dd .title {
width: 100%;
font-size: 0.25rem;
line-height: 0.28rem;
margin-top: 0.08rem;
font-weight: bold;
}
.s_c dl dd .des {
width: 100%;
font-size: 14px;
line-height: 0.32rem;
margin-top: 0.08rem;
}
.bg_d {
width: 100%;
background: #fff;
margin-top: 10px;
}
.tabBox_t, .tabBox {
width: 100%;
margin-top: 10px;
}
.tabBox .tabNav {
width: 100%;
border-bottom: 1px solid #ddd;
}
.tabBox .tabNav li {
width: 25%;
float: left;
font-size: 0.24rem;
text-align: center;
cursor: pointer;
padding: 10px 0;
}
.tabBox .tabNav li.now {
border-bottom: 3px solid #D63F43;
}
.tabBox .tabCont {
display: none;
margin-top: 10px;
}
.tabBox .tabCont img {
width: 100%;
height: auto;
vertical-align: top;
}
.s_d {
width: 100%;
background: #FFF;
}
.s_dm {
width: 100%;
text-align: left;
border-top: 1px solid #e2e2e2;
padding: 15px;
}
.s_dm .title {
width: 100%;
font-size: 0.23rem;
line-height: 0.26rem;
margin-bottom: 0.1rem;
}
.s_dm em {
color: #D63F43;
}
.s_dm .des {
font-size: 0.2rem;
}
.s_dm .i_tip {
font-size: 0.18rem;
}
.s_e {
padding: 15px;
width: 100%;
border-top: 1px solid #e2e2e2;
border-bottom: 0;
background: #FFF;
padding-bottom: 0px;
}
.s_e li {
width: 100%;
padding: 15px 10px;
padding-bottom: 0px;
}
.s_e li .name {
width: 100%;
font-size: .25rem;
margin-bottom: 10px;
}
.s_e li .ctn {
width: 100%;
}
.s_e li p, .sb td p, .zy_l li {
width: 100%;
position: relative;
font-size: .2rem;
padding: 7px 0;
padding-left: 0.4rem;
}
.s_e li i, .sb td p i, .zy_l li i {
display: block;
width: 0.3rem;
height: .3rem;
text-align: center;
font-size: .2rem;
color: #FFF;
line-height: .3rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #D63F43;
position: absolute;
left: 0;
top: 7px;
font-style: normal;
}
.tip_a {
width: 100%;
font-size: .18rem;
text-align: left;
padding: 15px;
padding-top: 0px;
}
.sdzl {
width: 100%;
text-align: center;
background-color: #FFFFFF;
margin-top: 10px
}
.sdzl .i_name {
border-bottom: 1px solid #e2e2e2;
}
.sdzl img {
max-width: 90%;
height: auto;
vertical-align: top;
}
.bzxdwx {
padding-bottom: 17px;
}
.bzxdwx img {
max-width: 97%;
height: auto;
vertical-align: top;
}
.sdzl p {
width: 100%;
padding: 15px 0;
text-align: center;
font-size: .24rem;
}
.sb {
width: 100%;
background: #FFF;
margin-top: 10px;
border: 1px solid #ddd;
border-bottom: 0;
}
.sb th {
width: 30%;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.sb td {
width: 70%;
border-bottom: 1px solid #ddd;
text-align: left;
padding: 15px;
}
.sb th img {
width: 60%;
height: auto;
vertical-align: top;
max-width: 110px;
}
.sb th p {
width: 100%;
font-size: 0.23rem;
}
.sb td p {
width: 100%;
}
.sb td.lan p i {
background: #4799D1;
}
.zy {
width: 100%;
text-align: center;
font-size: .18rem;
line-height: .26rem;
}
.zy_l {
width: 100%;
background: #FFF;
border: 1px solid #ddd;
padding: 15px;
margin-top: 10px;
}
.wrap {
width: 100%;
border-top: 1px solid #e2e2e2;
}
.tabs {
width: 100%;
border-bottom: 1px solid #ddd;
}
.tabs a {
display: block;
width: 25%;
float: left;
font-size: 0.24rem;
text-align: center;
cursor: pointer;
padding: 10px 0;
}
.tabs a.active {
border-bottom: 3px solid #D63F43;
color: #D63F43;
}
.swiper-wrapper {
width: 100%;
height: auto !important;
}
.swiper-container {
width: 100%;
margin-top: 10px;
}
.swiper-slide {
width: 100%;
height: auto !important;
overflow: hidden;
float: left;
}
.content-slide {
width: 100%;
height: auto;
}
.content-slide img {
width: 100%;
height: auto;
vertical-align: top;
}
.w_a {
width: 100%;
text-align: center;
margin-top: 10px;
background-color: #FFFFFF;
padding: 15px;
}
.w_a img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.w_a .w_name {
width: 100%;
margin-top: 20px;
text-align: center;
font-size: .28rem;
}
.w_a .w_name em {
color: #D63F43;
font-weight: bold;
}
.w_b {
width: 100%;
font-size: .22rem;
}
.w_b .ms {
color: #777;
}
.w_c {
width: 100%;
text-align: center;
}
.w_c .c_name {
width: 100%;
padding: 20px 5px;
font-size: .34rem;
font-weight: bold;
color: #FFF;
background: #D63F43;
}
.w_c h6 {
width: 100%;
margin-top: 10px;
padding: 15px 5px 0;
font-weight: normal;
font-size: .28rem;
}
.w_c .ms {
width: 100%;
text-align: center;
font-size: .2rem;
margin-bottom: 15px;
}
.w_c img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.w_c .w_cm {
width: 100%;
padding: 0 15px 20px;
background-color: #FFFFFF;
}
.w_d {
width: 100%;
padding: 25px 15px;
text-align: center;
background-color: #FFFFFF;
margin-top: 10px;
}
.w_d .ms {
width: 100%;
margin-top: 10px;
text-align: left;
font-size: .2rem;
line-height: .36rem;
}
.w_d img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.qq {
width: 100%;
margin-top: 20px;
text-align: center;
}
.qq img {
width: 154px;
height: 39px;
vertical-align: top;
}
.w_e {
width: 100%;
padding: 25px 15px;
text-align: center;
background-color: #FFFFFF;
margin-top: 10px;
}
.w_e .i_name span {
color: #D63F43;
}
.w_e img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.w_e p {
font-size: .28rem;
margin-top: 8px;
}
.w_f {
width: 100%;
padding: 25px 15px;
border-top: 1px solid #ddd;
background-color: #FFFFFF;
margin-top: 10px;
}
.w_f .tabs {
border: 0;
}
.w_f .tabs a {
width: 32%;
float: left;
margin-right: 2%;
border: 1px solid #ddd;
background: #F5F5F5;
text-align: center;
padding: 3px 0;
font-size: .28rem;
}
.w_f .tabs a.active {
border: 1px solid #ddd;
background: #FFF;
}
.w_f .tabs a span {
display: inline-block;
*display:inline;
zoom: 1;
vertical-align: top;
height: 31px;
line-height: 31px;
}
.bd_list {
width: 100%;
border: 1px solid #ddd;
padding: 5px 10px;
}
.bd_list li {
width: 100%;
margin: 8px 0;
}
.bd_list li input {
width: 100%;
height: 35px;
line-height: 35px;
border: 1px solid #eee;
padding: 0 7px;
font-size: .2rem;
}
.bd_list li input[type="submit"] {
color: #FFF;
background: #D63F43;
font-size: .28rem;
cursor: pointer;
}
.bg_e {
width: 100%;
background: #F5F5F5;
padding: 25px 15px;
overflow: hidden;
}
.bg_e img {
width: 100%;
height: auto;
vertical-align: top;
}
.ct {
width: 100%;
padding: 25px 10px;
text-align: center;
}
.ct li {
width: 48%;
float: left;
margin: 0 1%;
background: #ECECEC;
padding: 25px 10px;
}
.ct li img {
width: 50px;
height: 50px;
vertical-align: top;
}
.ct li .title {
width: 100%;
height: 40px;
color: #333;
line-height: 40px;
font-size: .3rem;
}
.ct li .ctn {
width: 100%;
font-size: .2rem;
color: #666;
line-height: .29rem;
}
.ct li .ctn b {
font-size: .26rem;
color: #D63F43;
}
.result {
width: 100%;
background: #FFF;
border: 1px solid #ddd;
}
.result dt {
width: 33%;
float: left;
padding: 10px;
}
.result dt img {
width: 100%;
height: auto;
vertical-align: top;
}
.result dt p {
width: 100%;
text-align: center;
margin-top: 10px;
font-size: .2rem;
}
.result dd {
width: 67%;
float: left;
padding: 10px;
border-left: 1px solid #ddd;
}
.result dd .title {
width: 100%;
padding: 10px 0 15px;
border-bottom: 1px solid #ddd;
font-size: .24rem;
color: #333;
line-height: 0.28rem;
}
.result dd .des {
width: 100%;
font-size: 0.2rem;
}
.result dd .des .f_14 {
font-size: .22rem;
padding-top: .2rem;
padding-bottom: 5px;
}
.about {
width: 100%;
margin: 0px auto;
padding: 15px;
border: 1px solid #ddd;
background: #FFF;
}
.about h1 {
width: 100%;
margin-bottom: 10px;
padding: 15px;
font-size: .28rem;
text-align: center;
}
.about p {
width: 100%;
margin-bottom: 15px;
text-indent: 2em;
font-size: .2rem;
line-height: .28rem;
}
.about img {
width: 100%;
height: auto;
vertical-align: top;
margin-bottom: 15px;
}
/*2016-3-17修改*/
.tck .tu {
width: 280px;
height: 320px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -140px;
margin-top: -170px;
text-align: center;
}
.tck .tu img {
width: 280px;
height: 280px;
vertical-align: top;
position: static;
margin: 0 auto;
}
.tck .tu p {
width: 100%;
height: 40px;
line-height: 30px;
text-align: center;
font-size: .2rem;
color: #999;
padding-top: 7px;
}
.am-share {
font-size: 14px;
border-radius: 0;
bottom: 0;
left: 0;
position: fixed;
text-align: center;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms;
width: 100%;
z-index: 100000;
}
.am-modal-active {
transform: translateY(0px);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.am-modal-out {
z-index: 99999;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.am-share-title {
background-color: #f5f5f5;
border-bottom: 1px solid #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: #333;
font-weight: 400;
margin: 0 10px;
padding: 10px 10px 0;
text-align: center;
text-align: left;
font-size: .28rem;
}
.am-share-title::after {
border-bottom: 1px solid #dfdfdf;
content: "";
display: block;
height: 0;
margin-top: 10px;
width: 100%;
}
.am-share-footer {
margin: 10px 10px 0;
}
.am-share-footer .share_btn {
color: #fff;
display: block;
width: 100%;
background-color: #D63F43;
border: 1px solid #D63F43;
border-radius: 0;
cursor: pointer;
font-size: .28rem;
font-weight: 400;
height: 60px;
line-height: 60px;
text-align: center;
transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;
vertical-align: middle;
white-space: nowrap;
font-family: "微软雅黑";
}
.am-share-sns {
background-color: #f8f8f8;
border-radius: 0 0 2px 2px;
margin: 0 10px;
padding-top: 15px;
height: auto;
zoom: 1;
overflow: auto;
}
.am-share-sns li {
margin-bottom: 15px;
display: block;
float: left;
height: auto;
width: 33.33%;
text-align: left;
}
.am-share-sns a {
color: #555;
display: inline-block;
*display:inline;
zoom: 1;
text-decoration: none;
font-size: .24rem;
width: 100%;
}
.am-share-sns li a i {
display: inline-block;
*display:inline;
zoom: 1;
width: .34rem;
height: .34rem;
vertical-align: top;
background: url(../images/qq.png) no-repeat center center;
background-size: cover;
margin: 0.05rem .1rem 0.05rem .24rem;
}
.am-share-sns span {
display: block;
}
.am-share-sns .share-icon-weibo {
}
.sharebg {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 99998;
display: none;
}
.sharebg-active {
opacity: 1;
display: block;
}
/*2016-3-18修改*/
.tck {
}
.tck_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100000000;
}
.tck .tck_m {
width: 90%;
max-width: 640px;
background: #FFF;
padding: 15px;
margin: 0 auto;
position: relative;
top: 10%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 100000001;
}
.tck .tck_m img {
position: static;
margin: 0;
width: 100%;
height: auto;
}
.tck .tck_m dl {
width: 100%;
}
.tck .tck_m dl dt {
width: 30%;
float: left;
}
.tck .tck_m dl dd {
width: 70%;
float: right;
padding: 0 15px;
text-align: center;
font-size: .2rem;
padding-top: 15px;
line-height: .28rem;
}
.tck .tck_m dl dd .fz span {
display: inline-block;
*display:inline;
zoom: 1;
padding: 5px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
margin: 10px auto;
}
.tck .tck_m dl dd .lj {
width: 100%;
margin-top: 10px;
}
.tck .tck_m dl dd .lj img {
max-width: 94px;
vertical-align: top;
margin-top: 10px;
}
.tck .tck_m .de {
width: 100%;
margin-top: 10px;
}
/*2016-3-21修改*/
.sb_banner, .sb_banner img {
width: 100%;
height: auto;
vertical-align: top;
position: relative;
}
.sb_banner .wen {
width: 100%;
position: absolute;
left: 0;
top: .9rem;
text-align: center;
z-index: 99;
}
.sb_banner .wen p {
width: 100%;
font-size: .36rem;
font-weight: bold;
line-height: .4rem;
}
.sb_banner .sb_a {
width: 100%;
padding: .26rem 0;
}
.sb_banner .sb_a a {
display: inline-block;
*display:inline;
zoom: 1;
vertical-align: top;
padding: .06rem .3rem;
font-size: .24rem;
color: #FFF;
background: #D63F43;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 .14rem;
}
.i_md .blue {
}
.i_md .blue .tit {
text-align: center;
font-size: 18px;
color: #383838;
text-align: center;
padding: 4% 0 5% 0;
}
.gszx_tt1 {
color: #ff5c01
}
.gszx_tt2 {
font-size: 14px;
color: #999999;
line-height: 30px;
display: block;
text-align: center;
}
.i_md .blue .text {
color: #fff;
font-size: 20px;
padding-bottom: 25px;
}
.i_md .blue .item {
width: 94%;
margin: auto;
padding-bottom: 10px;
overflow: hidden;
border: 0
}
.i_md .blue .item input {
border-radius: 3px;
display: inline-block;
width: .66rem;
border: 1px solid #c8c7cc!important;
background-color: #fff;
width: 100%;
height: 40px;
padding-left: 40px;
margin: auto;
}
.i_md .blue .item .hm {
display: inline-block;
float: right;
width: 26.3%;
background-color: #fdd23f;
height: .7rem;
line-height: .7rem;
text-align: center;
color: #bb312b;
font-size: 15px;
}
.i_md .panel {
border: 0;
padding-bottom: 10px;
}
.i_md .top_tit {
background-color: #169ad5;
color: #fff;
text-align: center;
font-size: 20px;
height: 1rem;
line-height: 1rem;
}
.img-replace {
/* replace text with an image */
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
/* --------------------------------
Main components
-------------------------------- */
.cd-popup-trigger {
display: block;
width: 170px;
height: 50px;
line-height: 50px;
margin: 3em auto;
text-align: center;
color: #FFF;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
border-radius: 50em;
background: #35a785;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1170px) {
.cd-popup-trigger {
margin: 6em auto;
}
}
/* --------------------------------
xpopup
-------------------------------- */
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(126, 126, 126, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 9999999999999999;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 90%;
max-width: 400px;
margin: 40% auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 9999999999999999;
}
.cd-popup-container p {
color: #666666;
padding: 2em 1em;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container .cd-buttons a {
display: block;
height: 50px;
line-height: 50px;
text-transform: uppercase;
color: #D63F43;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
border-top: 1px solid #D5D5D5;
background: #fff;
border-radius: 0 0 .25em .25em;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.cd-popup-container {
margin: 0em auto;
}
}
.i_mda {
padding: 10px 0px;
background-color: #FFFFFF;
margin-top: 10px;
}
.i_mda .title2 {
padding: 4% 0 2% 0;
margin: 0 2%;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.i_mda .title2 .tit {
border-left: 3px solid #D63F43;
color: #D63F43;
padding-left: 3%;
font-size: .26rem;
line-height: .34rem;
float: left;
font-weight: 600;
}
.i_mda .title2 .phone {
font-size: .26rem;
color: #D63F43;
float: right;
line-height: .34rem;
}
.i_mda .title2 .phone span {
font-size: .26rem;
color: #D63F43;
}
.i_mda .dgg_question {
overflow: hidden;
padding: 2%;
}
.i_mda .dgg_question li {
border-bottom: 1px dotted #adadad;
overflow: hidden;
padding: 2.5% 0;
position: relative;
}
.i_mda .dgg_question li .top {
overflow: hidden;
}
.i_mda .dgg_question li .top .tit {
float: left;
font-size: .22rem;
color: #000;
width: 70%;
line-height: .42rem;
}
.i_mda .dgg_question li .top .tit i {
font-size: .1rem;
color: #d2d2d2;
vertical-align: middle;
margin-right: 3%;
}
.i_mda .dgg_question li .top .btn {
width: 22%;
background-color: #DF2F2F;
position: absolute;
color: #FFFFFF;
right: 0px;
font-size: .2rem;
height: .4rem;
line-height: .4rem;
text-align: center;
}
.i_mda .dgg_question li .eye, .i_mda .dgg_question li .time {
float: left;
color: #999999;
}
.i_mda .dgg_question li .eye {
width: 120px;
background: url(../images/eye.png) left no-repeat;
padding-left: 28px;
}
.i_mda .dgg_question li .time {
width: 120px;
background: url(../images/time.png) left no-repeat;
padding-left: 28px;
}
.i_mda .dgg_question li .top .zx {
top: .38rem;
}
.i_mda .dgg_question li .msg {
border: 0;
padding: 0 0 0 3%
}
.i_mda .dgg_question li .msg span {
margin-right: 2%;
float: left;
display: inline-block;
min-width: 30%;
color: #b9b9b9;
}
.i_mda .dgg_question li .msg span i {
margin-right: 2%;
}
.i_mda .dgg_question li.h .tit {
color: #c40101;
}
.i_mda .dgg_question li.h .btn {
border-color: #e83b3b;
color: #e83b3b;
background-color: #fff;
}
.i_mda .a_detail {
font-size: .28rem;
color: #000;
padding: 2% 0 6% 0;
text-align: center;
display: block;
text-decoration: none;
}
.brt {
border-top: 3px solid #f7723f;
padding: 2% 4% 0 4%;
}
/*------中秋活动--------*/
.hide_box {
z-index: 9999999999;
filter: alpha(opacity=50);
background: #666;
opacity: 0.5;
-moz-opacity: 0.5;
left: 0;
top: 0;
height: 100%;
width: 100%;
position: fixed;
display: none;
}
.shang_box {
width: 90%;
height: 250px;
position: fixed;
z-index: 9999999999999;
top: 15%;
left: 5%;
display: none;
background: url('../images/zhongqiuhd.png');
background-size: 100%;
}
.shang_box img {
border: none;
border-width: 0;
}
.dashang {
display: block;
width: 100px;
margin: 5px auto;
height: 25px;
line-height: 25px;
padding: 10px;
background-color: #E74851;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 10px;
font-weight: bold;
font-size: 16px;
transition: all 0.3s;
}
.dashang:hover {
opacity: 0.8;
padding: 15px;
font-size: 18px;
}
.shang_close {
float: right;
display: inline-block;
width: 38px;
height: 38px;
margin-right: 47px;
}
.huodong_an {
margin-top: 58%;
text-align: center;
}
.huodong_text {
width: 150px;
margin-left: 15px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 12px;
color: #e14538;
font-family: "Microsoft YaHei";
border: 0px;
background-color: #efd568;
}
.huodong_niu {
width: 160px;
height: 46px;
background: url('../images/hong_an.png');
text-indent: -999px;
border: 0px;
cursor: pointer;
margin-top: 10px;
margin-left: 20px;
background-size: 100%;
}
#div1 {
margin-top: 10px;
height: 50px;
overflow: hidden;
}
#div1 ul li {
padding-left: 20px;
line-height: 18px;
padding-top: 7px;
height: 43px;
font-size: 14px;
color: #FFFFFF;
text-align: center;
text-shadow: #000 0 1px 0 rgba(0,0,0,.6);
}
/*------end 中秋活动--------*/
.ys_hong {
color: #F11212
}
.zx {
padding-bottom: 30px;
padding-top: px;
}
.zx li .title {
padding-bottom: 0;
}
.zx li .title span {
font-size: 18px;
color: #D80B14;
}
.zx li .des {
line-height: 24px;
padding-left: 30px;
font-size: 14px;
margin-top: 5px;
}
.yq {
margin: 0px auto;
}
.yq li {
text-align: left;
padding-left: 25px;
}
.yq li .title {/* width:100%; *//* height:30px; *//* line-height:30px; *//* white-space:nowrap; *//* overflow:hidden; *//* text-overflow:ellipsis; */
}
.yq li .title img {
width: 23px;
height: 23px;
vertical-align: top;
margin-top: 5px;
}
.yq li .title span {
display: inline-block;
*display:inline;
zoom: 1;
height: 30px;
line-height: 30px;
vertical-align: top;
margin-left: 2px;
font-size: 14px;
color: #D8131D;
}
.yq li .ctn {
width: 100%;
padding-left: 30px;
font-size: 14px;
color: #666;
line-height: 170%;
height: 70px;
overflow: hidden;
margin-top: 10px;
}
.yq li.y1 .ctn {
height: 130px;
}
.yq li .ctn p {
margin-bottom: 10px;
}
.xetitle {
padding: 20px;
font-size: 14px;
text-align: left;
}
.xetitle1 {
font-size: 26px;
font-weight: bold;
padding: 20px 0px 30px;
color: #4e4e4e;
}
.con-piece {
background-color: white;
margin-bottom: 10px;
}
.three-advan {
/*margin-top: 10px;*/
}
.three-advan ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 60px;
padding: 0 10px;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.three-advan ul li {
/*-webkit-flex: 1;*/
/*flex: 1;*/
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 33.333%;
}
.three-advan ul li i {
display: inline-block;
width: 26px;
height: 23px;
background: url("../images/advan-icon.png") no-repeat;
background-size: cover;
vertical-align: middle;
}
.three-advan ul li>div {
display: inline-block;
vertical-align: middle;
font-size: 10px;
color: #565656;
text-align: left;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
margin-left: 5px;
}
.three-advan ul li i.icon2 {
background-position: -26px 0;
}
.three-advan ul li i.icon3 {
background-position: -52px 0;
}
.three-advan ul li>div .til {
color: #ff5c01;
font-size: 13px;
}
.three-advan ul li>div span {
color: #ff5c01;
}
.three-advan ul li>div p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.til {
margin-bottom: 3px;
}
.btn-group {
padding-bottom: 13px;
text-align: center;
}
.btn-group a {
display: inline-block;
width: 35%;
line-height: 25px;
color: white;
font-size: 12px;
background-color: #0393dc;
margin: 0 3%;
}