body {
    background: #ffffff;
}
.h50 {
    height: 3.8rem;
}
.m-head {
    padding: .6rem .19rem 0 .19rem;
    overflow: hidden;
    background-color: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 4rem;
    z-index: 999;
}
.m-head .head-logo {
    float: left;
	display: flex;
	flex-direction: column;
/*    margin-top: .75rem;*/
    margin-left: 1rem;
	
}
.head-logo .logo-img {
    float: left;
    width: 1.5rem;
    color: #fff;
}
.logo-img img {
    display: block;
    width: 100%;
}
.head-logo #city_ {
	display: block;
    text-align: left;
    font-size: 1.12rem;
    font-weight: 600;
	overflow: hidden;
}
.head-logo .temp-style {
	display: block;
    text-align: left;
    font-size: 0.8rem;
	color: #7b7b7b;
}
.m-head .head-query {
    margin-top: .2rem;
    margin-left: 6.3rem;
    width: 62%;
    height: 2.6rem;
    padding-left: 2rem;
    background: #f5f4f7 url(../images/Magnifier.gif) no-repeat 0.6rem center;
    background-size: 1rem;
    border-radius: .5rem;
    border: 1px solid #ececec;
}
.head-query input {
    width: 90%;
    height: 100%;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    background: #f5f4f7;
    padding-left: .2rem;
}
.m-head-message {
    position: absolute;
    right: 1.25rem;
    top: .5rem;
    color: #2cacfc;
}
.m-head-message i {
    display: block;
        width: 1.2rem;
    height: 1.9rem;
    margin: 0 auto;
    background: url(../images/tixing.jpg) no-repeat center;
    background-size: 100%;
}
.m-head-message p {
    font-size: .8rem;
    line-height: normal;
}
.m-head-message .mheadTag {
    position: absolute;
    top: 0;
    right: -.7rem; 
    padding: 0 .3rem;
    background: #fd616c;
    border-radius: 1rem;
    color: #fff;
    line-height: 1rem;
    font-size: .1rem;
}

.option_box_ {
    width: 100%;
    overflow: hidden;
/*    margin-top: 1rem;*/
}
.option_box {
    width: 98%;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #fff;
}
.option_box li {
    float: left;
    width: 25%;
    margin-top: 1rem;
}
.option_box .option {
    text-align: center;
}
.option_box .option img {
    width: 1.658rem;
    height: 1.758rem;
    display: block;
    margin: 0 auto;
}
.option_box .option p {
   height: 1.538rem;
    line-height: 1.54rem;
    font-size: 1.012rem;
    color: #282828;margin-top: .45rem;
}
.makefriends{width: 93%;
    margin: 1.5rem auto 0 auto;
    display: flex;
    background: #f9f9f9;
    border-radius: 500px;height: 3.423rem;}
.makefriends div.makebg{    width: 4.5rem;
    height: 2.325rem;
    background: url(../images/jiaoliu.jpg) 1.642rem top no-repeat;
    border-right: 1px solid #d6d3d4;
    background-size: 50%;
    padding-right: .7rem;
    align-self: center;
  
}
.makefP{width: 60%;flex: 1;display: flex;}
.makefP img{width: 1.145rem;
    height: 1.145rem;
    align-self: center;
    margin: 0 .5rem;}
/* .makefP p{margin-left: .123rem;
    overflow: hidden;
    align-self: center;color:#333;
    line-height: 1.245rem;height: 1.245rem;} */
.makefP .maskbox{
    width: 82%;
    white-space:nowrap;
    margin-left: .123rem;
    overflow: hidden;
    align-self: center;color:#333;
    line-height: 1.245rem;
}
.makefP .maskbox .masitem{
    width:auto;height:auto;font-size: 1.0354rem;float:left;overflow:hidden;
}
.makefP .maskbox .masitem ul{height: 1.245rem;font-size: 1.0354rem;padding-right: 1.21rem;}

.makefriends .chalook{width: 4rem;
    height: 1.72rem;
    line-height: 2.32rem;
    border: 1px solid #fd5148;
    background: #f7fafd;
    align-self: center;
    color: #fd5148;
    border-radius: 500px;
    text-align: center;
    line-height: 1.72rem;
    margin-right: 0.821rem;}
.hengxian{width: 100%;
    height: 1.2rem;
    background: #f8f6f6;}
.line{
	width:100%;
	height:.8rem;
	background-color: #fff;
}
.h_headlines{width:93%;margin: 1rem auto .5rem auto;display: flex;justify-content: space-between;}
.h_headlines div{width: 30%;
    height: 2rem;
    line-height: 2rem;}
.h_headlines div:nth-child(1) img{width: 1rem;
    vertical-align: -0.235rem;}
.h_headlines div:nth-child(2) img{width: 1.3rem;
    vertical-align: -.3rem;}    
.h_headlines div:nth-child(2){text-align: right;}
.h_headlines div:nth-child(1) span {font-size: 1rem;color: #222222;font-weight: 700;padding-left:.3rem;}
.h_headlines div:nth-child(2) span {font-size: 1rem;color: #7a7e8b;font-weight: 600}
.tab{width:100%;}
.tab-menu{padding-top: .6rem;
    padding-bottom: .6rem;
    height: 3.456rem;
    width: 100%;
    margin-bottom: .6rem;
    background: #f8f6f6;}
.tab-menu ul{list-style: none;
    display: flex;
    justify-content: center;}
.tab-menu li{  
    display: block;
    width: 5.75rem;
    height: 2.38rem;
    line-height: 2rem;
    text-align: center;
    margin-left: 1rem; color:#000;position: relative;
}
.tab-menu li p{display: none;
    width: 38%;
    height: .18rem;
    background: #19a6ff;
    position: absolute;
    bottom: .15rem;
    left: 50%;
    border-radius: 500px;
    transform: translateX(-50%);}
.tab-menu li::after{content: '';display: none;width: 50%;height: .22rem;background: #19a6ff;margin: 0 auto;border-radius: 500px;margin-top:.11rem;}
.tab-box{display: flex; flex-direction: row;margin-bottom: 5rem;
    flex-wrap: nowrap;}
.tab-box .tab_items{width:100%;display:none;}
.tab-box div:first-Child{display:block;} 
.change{display: block!important;border-bottom: 2px solid #19a6ff;} 
.tab-box .tab_items .contenters{width:93%;margin:0 auto 1.5rem auto;display: flex;}
.tab .news-container {
	width: 100%;
	height: 7rem;
	display: flex;
/*	border: 1px solid blue;*/
	padding: 0 1rem;
	margin: 1rem 0;
	flex-direction: row-reverse;
}
.tab .news-txt-wrap {
	flex: 2;
	position: relative;
}
.tab .news-txt-wrap span:nth-child(1){
	display: block;
	font-weight: 600;
	color: #3f3f3f;font-size: 1.13rem;
}
.tab .news-txt-wrap span:nth-child(2){
	display: block;
	font-size: .8rem;
	color: #3f3f3f;
	position: absolute;
	left: 0;font-size: 1.01rem;
	bottom: 0;
}
.tab .news-txt-wrap span:nth-child(3){
	display: block;
	float: right;
	font-size: .8rem;
	color: #3f3f3f;
	position: absolute;
	right:0;font-size: 1.01rem;
	bottom: 0;
}
.tab .news-img {
	width: 11rem;
	border-radius: 3px;
	overflow: hidden;
	margin: 0 1rem 0 0;
	position: relative;
	
}
.tab .news-img img {
	width: 100%;
	transform: scale(1);
	position: absolute;
	top: 0rem;
	left: 0rem;
	height: 11rem;
}

.loading {
	/*display: flex;*/
	text-align: center;
	justify-content: center;
	width: 100%;
	height: 3rem;
/*	background-color: #f7f7f7;*/
	margin-bottom: 5rem;
	line-height: 3rem;
	color: #7a7e8b;
	
}
.loading img {
	width: 1rem;
	height: 1rem;
	align-self: center;
	margin: 0 0 0 .3rem;
}
.contenters img{width:10rem;}
.contenters .contenp {padding-left:1rem;}
.contenters .contenp p:nth-child(1){font-size: 1.1rem;color:#000;}
.contenters .contenp p:nth-child(2){margin-top:2.7rem;}
.contenters .contenp p:nth-child(2) span{color:#666666;}
.contenters .contenp p:nth-child(2) span:nth-child(1){margin-right: 1rem;}
.contenters .contenp p:nth-child(2) span:nth-child(3){
    float: right;
    margin-right: 1rem;
    width: .7rem;
    height: .8rem;
}
.contenters .contenp p:nth-child(2) span:nth-child(3) img{width: 100%;}
.contentitle{margin: 1rem auto;}
.contentitle>p{width: 93%;margin: 0 auto;font-size:1.2rem;color:#000;}
.contentitle .cont_img{width:93%;margin: 1rem auto;display: flex;justify-content: space-between;}
.contentitle .cont_img img{width: 31%;
    height: 6.5rem;}
    .contentitle .contp{font-size: 1rem;color:#666666;}
    .contentitle .contp span{margin-right: 1rem;}
    .contentitle .contp span:nth-child(3){ float: right;
        margin-right: 1rem;
        width: .7rem;
        height: .8rem;}
        .contentitle .contp span:nth-child(3) img{width:100%;}  
   
    .fa-anglecolor {
        color: #2cacfc;
    }
    .fa-angle-down3 {
        width: 3rem;
        height: 3rem;
        margin-bottom: .2rem;
    }

 /* 轮播图 */
        .m-banner {
            width: 100%;
            overflow: hidden;
            position: relative;
            margin-top: .29rem!important;
        }

        .m-banner .banner-container {
            width: 93%;
            height: 7.825rem;
            overflow: hidden;
            margin: 0 auto;
        }

        .m-banner .banner-container img {
            width: 100%;
            float: left;
            height: 7.825rem;
        }

        .bd .tempWrap ul,
        .banner-container .tempWrap ul li {
            width: 96%;
            height: 100%;
            margin: 0 auto;
            border-radius: .7rem;
        }

        .m-banner .banner-intelligent {
            width: 93%;
            height: 10rem;
            overflow: hidden;
            margin: 0 auto;
        }

        .m-banner .banner-intelligent img {
            width: 100%;
            float: left;
            height: 9rem;
        }

        .bd .tempWrap ul,
        .banner-intelligent .tempWrap ul li {
            width: 96%;
            height: 100%;
            margin: 0 auto;
        }

        .m-banner .hd {
            position: absolute;
            bottom: -3%;
            width: 100%;
            /* text-align: right; */
            right: 2%;
            text-align: center;
        }

        .m-banner .hd ul li {
            display: inline-block;
            width: 0.5rem;
            height: 0.28rem;
            background-color: #fedede;
            color: transparent;
            border-radius: 1rem;
            margin-right: 0.192rem;
            text-indent: -999px;
        }

        .m-banner .hd ul li.on {
            background-color: #fd5148;
             width: 1.5rem;
/*            height: .385rem; */
        }
.zoomImage{padding-bottom: 88%!important;border-radius: 5px;}

.mtsed{width: 96%;height: 12.25rem;
    display: flex;
    margin: 0 auto;margin-top: .55rem;
    justify-content: space-between;}
.mtsed .mtes_left{width: 62%;
    display: flex;
    flex-wrap: wrap;}
   .mtsed .mtes_left div:nth-child(1) {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 48%;border-radius: .32rem;
    background: #F9F9F9 url(../images/jiance2.png) no-repeat 1.35rem center;
    background-size: 11%;
    justify-content: center;
    padding-left: 4.23rem;
}
.mtsed .mtes_left div:nth-child(1) p:nth-child(1){
	font-size: 1.213rem;
    color: #222222;
    text-align: left;
    width: 70%;
    margin-bottom: .21rem;
}
.mtsed .mtes_left div:nth-child(1) p:nth-child(2){
	font-size: 1.023rem;
    color: #666666;
    text-align: left;
    width: 70%;
}
 .mtsed .mtes_left div:nth-child(2){width: 100%;
    height: 48%;border-radius: .32rem;
    background: #F9F9F9 url(../images/kuaisu2.png) no-repeat 1.25rem center;
    background-size: 13%;
    display: flex;
    flex-direction: column;
    padding-left: 4.23rem;
    justify-content: center;} 
.mtsed .mtes_left div:nth-child(2) p:nth-child(1){
	font-size: 1.213rem;
    color: #222222;
    text-align: left;
    width: 90%;
    margin-bottom: .21rem;
}
.mtsed .mtes_left div:nth-child(2) p:nth-child(2){
	 font-size: 1.023rem;
    color: #666;
    text-align: left;
    width: 90%;
}
.mtsed .mtes_left img{width: 100%;
    height: 6rem;}
.mtsed .mtes_right{width: 35%;border-radius: .32rem;
    height: 100%;
    background: #F9F9F9 url(../images/yisheng2.png) center 3.2rem no-repeat;
    background-size: 15%;
    display: flex;
    flex-direction: column;
    background-size: 23%;
    justify-content: center;
    padding-top: 3.11rem;
    align-items: center;
}
.mtsed .mtes_right p:nth-child(1){width: 100%;
    text-align: center;
    color: #222222;
    font-size: 1.213rem;
}
.mtsed .mtes_right p:nth-child(2){width: 100%;
    text-align: center;
    font-size: 1.023rem;
    color: #666;
}

.mtsed .mtes_right img{width:100%;height: 100%;}

.m-foot {
    position: fixed;
    left: 0;
    bottom: -1px;
    width: 100%;
    color: #333;
    background: url(../images/footerbg.png) 0 -0.2rem;
    background-size: 100%;
    height:6rem;
}
.m-foot ul li {
    list-style: none;
    width: calc(100%/5);
    float: left;
    text-align: center;
    padding-top: 2.2rem;
    padding-bottom: 0.45rem;
    font-size: 12rem;
}
.m-foot ul li font {
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: 2rem;
}
.m-foot ul li p {
    font-size: .8rem;
    margin: 0;
}
.m-foot ul li.foot-cart{padding-top:1rem;}
.m-foot ul li.foot-index font {
    background: url(../images/homes.jpg) no-repeat center;
    background-size:80%;
}
.m-foot ul li.foot-product font {
    background: url(../images/huanze.png) no-repeat center;
    background-size: 80%;
}
.m-foot ul li.foot-cart font {
    margin-bottom: .2rem;
    width: 3rem;
    height: 3rem;
    background: url(../images/xiaoxis.jpg) no-repeat center;
    background-size: 90%;
}
.m-foot ul li.foot-member font {
    background: url(../images/xinwen1.jpg) no-repeat center;
    background-size:75%;
}
.m-foot ul li.foot-me font {
    background: url(../images/huiyuans.jpg) no-repeat center;
    background-size: 75%;
}

   .fa-angle-down0 {
    background: url(../images/homes.jpg) no-repeat center !important;
    background-size: 80%!important;
}

.fa-angle-down1 {
    background: url(../images/ren2.png) no-repeat center !important;
    background-size: 80%!important;
}

.fa-angle-down2 {
    background: url(../images/xiaoxi2.png) no-repeat center !important;
    background-size: 90%!important;
}

.fa-angle-down3 {
    background: url(../images/xinwen2.png) no-repeat center !important;
    background-size: 75% !important;
}
 .fa-angle-down4 {
    background: url(../images/huiyuan2.png) no-repeat center !important;
    background-size: 75% !important;
}
#m-footul .cur {
color: #0088fe;
}