/*主页*/

.swiper-container {
    width: 1440px;
    height: 840px;
    margin: 0 auto;
}

.banner {
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    background-size: 13px !important;
    z-index: 10000!important;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 999;
}

.home_banner_container {
    position: absolute;
    width: 1024px;
    left: 50%;
    top: 0;
    margin-left: -512px;
    /*margin: 0 auto;*/
    height: 840px;
    z-index: 9999;
}

.home_logo {
    text-align: center;
    margin-top: 20px;
    margin-left: -50px;
}

.home_steps {
    position: absolute;
    right: 0;
    top: 30px;
}

.home_steps a {
    font-size: 20px;
    color: #fff;
    padding: 0 12px;
    font-family: 'PingFang-SC-Regular';
}

.home_text {
    margin-top: 55px;
    margin-bottom: 40px;
}

.home_text .p1 {
    font-size: 72px;
    color: #fff;
}

.home_text .p2 {
    font-size: 62px;
    color: #fff;
}

.home_list .home_li {
    width: 72px;
    height: 72px;
    /*background: #fff;*/
    float: left;
    margin-right: 20px;
    text-align: center;
    border-radius: 4px;
}

.home_list .home_li a {
    font-size: 12px;
    color: #fff;
    height: 100%;
    display: block;
}

.who_li:hover {
    background: #62B1F5;
}

.city_li:hover {
    background: #FF6C6C;
}
.question_li:hover {
    background: #FF6C6C;
} 
.blog_li:hover {
    background: #FFA348;
}

.who {
    background: url(../image/other/who.png) no-repeat 25px 10px;
    padding-top: 45px;
}

.city {
    background: url("../image/other/city.png") no-repeat 25px 10px;
    padding-top: 45px;
}

.blog {
    background: url("../image/other/blog.png") no-repeat 25px 10px;
    padding-top: 45px;
}

.home_select {
    position: absolute;
    bottom: 0;
    width: 1024px;
    left: 50%;
    z-index: 99;
    margin-left: -512px;
}

.home_select_tab {
    margin-left: 112px;
}

.home_select_tab li {
    width: 114px;
    height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    float: left;
    margin-right: 30px;
}

.home_select_info {
    width: 100%;
    /*height: 96px;*/
    /*line-height: 96px;*/
    padding: 31px 48px;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
}

.home_china1_input {
    float: left;
    width:916px;
    height: 48px;
    position: relative;
}

.home_china1_input input {
    width:788px;
    height: 46px;
    background: #FFFFFF;
    border: 0;
    padding: 0 10px;
    border-radius: 4px 0 0 4px;
}

.home_china1_input .btn_select {
    width: 129px;
    height: 46px;
    background: #F8F8F8;
    font-size: 16px;
    color: #B0B8BB;
    position: relative;
}

.home_china1_input .btn_search {
    background: #62B1F5;
    width: 96px;
    height: 48px;
    float: left;
    color: #fff;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
}

.home_china1_btn {
    float: left;
    margin-left: 15px;
}

.home_china1_btn .btn_creat {
    width: 196px;
    height: 48px;
    background: #FF6C6C;
    color: #fff;
    font-size: 16px;
}

.home_select_tab li.active {
    background: rgba(0, 0, 0, 0.6);
}

.right_menu {
    position: fixed;
    right: 0;
    top: 50%;
    /*height: 192px;*/
    margin-top: -96px;
    background: #F1F5F6;
    border: 1px solid rgb(215, 220, 220);
    z-index: 99;
}

.right_menu a {
    width: 64px;
    height: 64px;
    display: block;
    background: #f1f5f6;
    text-align: center;
    font-size: 12px;
    color: #7E8386;
    padding-top: 40px;
}

.right_menu a.who {
    background: url("../image/other/who_gray.png") no-repeat 22px 10px;
}
.right_menu a.home {
    background:#EB5F5F  url("../image/other/home.png") no-repeat 22px 10px;color: #fff;
}
.right_menu a.city {
    background: url("../image/other/city_gray.png") no-repeat 22px 10px;
}

.right_menu a.blog {
    background: url("../image/other/blog_gray.png") no-repeat 22px 10px;
}

.right_menu a.who:hover {
    background: #53A1E4 url("../image/other/who.png") no-repeat 22px 10px;
    color: #fff;
}

.right_menu a.city:hover {
    background: #EB5F5F url("../image/other/city.png") no-repeat 22px 10px;
    color: #fff;
}

.right_menu a.blog:hover {
    background: #EE943A url("../image/other/blog.png") no-repeat 22px 10px;
    color: #fff;
}

.home_c_title {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 35px;
    border-bottom: 1px solid #D2DADE;
    height: 125px;
    line-height: 125px;
}

.home_c_title p {
    font-size: 30px;
    color: #393939;
}

.home_c_title .more {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
    color: #1CB0F6;
    padding-right: 15px;
    background: url("../image/other/viewmore.png") no-repeat right center;
}

.home_c_list ul li {
    width: 244px;
    float: left;
    margin-right: 16px;
}

.home_c_list ul li:hover {
    background: #F1F5F6;
}

.home_c_list ul li:last-child {
    margin-right: 0;
}

.li_img {
    position: relative;
    overflow: hidden;
    width: 244px;
    height: 244px;
}

.li_img img {
    width: 244px;
    height: 244px;
    display: block;
    border-radius: 4px 4px 0 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}

.li_txt {
    padding: 17px 16px;
    position: relative;
}

.li_txt .p_name {
    font-size: 18px;
    color: #393939;
    line-height: 30px;
}

.li_txt .adress {
    font-size: 14px;
    color: #393939;
    line-height: 25px;
}

.li_txt span {
    font-size: 14px;
    color: #a2b2b9;
    position: absolute;
    right: 25px;
    bottom: 20px;
}

.li_img .scale {
    width: 244px;
    height: 244px;
}

.li_img .caption {
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    left: 0;
}

.li_img:hover img {
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.li_img:hover .scale {
    background-color: rgba(0, 0, 0, 0.5);
}

.home_c_list ul.three_ul li {
    width: 320px;
    margin-right: 32px;
}

.home_c_list ul.three_ul li:last-child {
    margin-right: 0 !important;
}

.home_c_list ul.three_ul li.li_img {
    position: relative;
    overflow: hidden;
    width: 320px;
    height: 323px;
}

.home_c_list ul.three_ul .li_img img,
.home_c_list ul.three_ul .li_img,
.home_c_list ul.three_ul .li_img .caption {
    width: 320px;
    height: 323px;
}

.home_c_list .three_ul {
    margin-top: 28px;
    margin-bottom: 10px;
}

.home_content-gray {
    background: RGB(250, 250, 250);
}

.home_c_list .five_ul li {
    width: 320px;
    height: 210px;
    overflow: hidden;
    margin-right: 32px;
}

.home_c_list .five_ul li:last-child {
    margin-right: 0;
}

.five_ul {
    padding-bottom: 50px
}

.five_ul li .li_img img {
    border-radius: 4px
}

.five_ul li .li_img,
.five_ul li .li_img .caption,
.five_ul li .li_img img {
    width: 320px;
    height: 210px;
}

.li_img .tranlate_left {
    opacity: 0;
    padding: 100px 24px 24px 24px;
    /*position: relative;*/
}

.li_img:hover .tranlate_left {
    opacity: 1;
}

.tranlate_left .p_name {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    padding-bottom: 16px;
}

.tranlate_left .info {
    width: 208px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.icon_right {
    background: url("../image/other/right.png") no-repeat;
    display: block;
    width: 16px;
    background-size: 16px;
    height: 16px;
    position: absolute;
    right: 25px;
    bottom: 35px;
}

.china1_link {
    padding: 30px 0;
    height: 245px;
    background: url("../image/other/footer.png") no-repeat top center;
}

.china1_l_left {
    width: 244px;
    margin-right: 20px;
}

.china1_l_left,
.china1_l_li {
    /*display: inline-block;*/
    color: #fff;
    float: left;
    margin-left: 20px;
}

.china1_l_li {
    width: 160px;
}

.china1_l_li h3 {
    font-size: 16px;
    margin-bottom: 15px;
}

.china1_l_li a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.china1_l_left p {
    line-height: 20px;
    margin-top: 10px;
}

.join {
    width: 76px;
    height: 32px;
    background: #62B1F5;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
}

.china1_l_li span {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.facebook {
    background: url("../image/other/facebook.png") no-repeat center;
    display: inline-block!important;
    width: 16px;
    height: 16px;
}

.twitter {
    background: url("../image/other/twitter.png") no-repeat center;
    display: inline-block!important;
    width: 16px;
    height: 16px;
}

.weibo {
    background: url("../image/other/weibo.png") no-repeat center;
    display: inline-block!important;
    width: 16px;
    height: 16px;
}

.wechat {
    background: url("../image/other/wechat.png") no-repeat center;
    display: inline-block!important;
    width: 16px;
    height: 16px;
}

.dropdown_menu {
    position: absolute;
    top: 55px;
    right: -20px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 175px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    max-height: 165px;
    overflow-y: auto;
}

.dropdown_menu:after {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    top: -7px;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid#fff;
    left: 50%;
    margin-left: -5px;
}

.dropdown_menu li a {
    display: block;
    padding: 5px 3px;
    /*text-align: center;*/
    color: #333;
    text-indent: 1em;
}

.dropdown_menu li a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


/*login and register*/

.bill_show {
    width: 562px;
    border: 1px solid #979797;
    border-radius: 4px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -281px;
    margin-top: -300px;
    z-index: 9999;
    padding: 10px 30px;
    text-align: center;
}

.bill_logo img {
    margin-bottom: 10px;
}

.form_control input {
    width: 100%;
    height: 48px;
    border: 0;
    background: #F1F5F6;
    border-radius: 4px;
    font-size: 16px;
   /*  color: #333; */
    padding-left: 20px;
}

.form_control input::-webkit-input-placeholder {
    color: #D2DADE;
    font-size: 16px;
}

.input_check:checked {
    background-color: #62B1F5;
    border: 1px solid #62B1F5;
    border-radius: 2px;
}

.a_login {
    width: 135px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #FF6C6C;
    background: #FFFFFF;
    border: 1px solid #FB5E5E;
    border-radius: 4px;
    display: inline-block;
}

.a_register {
    width: 100%;
    height: 72px;
    line-height: 72px;
    background: #FF6C6C;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    display: block;
}

.forget {
    position: absolute;
    right: 20px;
    cursor: pointer;
    font-size: 14px;
    /*color: #d2dade;*/
}

.input_check {
    position: relative;
    width: 16px;
    height: 16px;
    background-clip: border-box;
    -webkit-appearance: none;
    /* -moz-appearance: none; */
    appearance: none;
    margin: -0.15px 0.6px 0 0;
    vertical-align: text-bottom;
    border-radius: 3px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    background-color: #fff;
    border: 1px solid #d7d7d7;
}

.check_txt {
    text-align: left;
    font-size: 14px;
    color: #7E8386;
}

.check_txt input {
    margin: 0 10px 0 20px;
    width: 16px;
    height: 16px;
    /*vertical-align: middle;*/
}

.form_control .a_member {
    float: left;
    line-height: 48px;
    font-size: 14px;
    color: #D2DADE;
    padding-left: 20px;
}

.form_control .a_login {
    float: right;
}

.form_control {
    position: relative;
    margin-bottom: 24px;
}

.form_control:after {
    content: '';
    display: block;
    clear: both;
}

.bill_mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

.bill_show .close {
    background: url("../image/other/close.png") no-repeat center;
    background-size: 16px;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}


/*top banner*/

.top_banner {
    background: #86D4FF;
    height: 0;
}

#swiper_container2 {
    height: 598px;
    width: 1024px;
}

#swiper_container2 .swiper-slide {
    width: 300px;
    text-align: center;
}

#swiper_container2 .swiper-slide img {
    margin-bottom: 67px;
    display: block;
    margin-top: 20px;
}

#swiper_container2 .swiper-slide p.text {
    margin-bottom: 35px;
    font-size: 18px;
    height: 48px;
    overflow: hidden;
    color: #282C2E;
}

#swiper_container2 .swiper-slide p {
    font-size: 14px;
    color: #31393d;
    height: 95px;
    overflow: hidden;
}

#swiper_container2 .swiper-button-next {
    background: url("../image/banner/right.png") no-repeat!important;
}

#swiper_container2 .swiper-button-prev {
    background: url("../image/banner/left.png") no-repeat!important;
}

.swiper_close {
    background: url(../image/banner/close.png) no-repeat;
    position: absolute;
    width: 28px;
    height: 28px;
    right: 5px;
    top: 24px;
    cursor: pointer;
    z-index: 999;
}

.bill_form {
    margin-top: 20px;
}


/*main*/

.china1_main {
    min-height: 700px;
}


/*商品列表*/

.list_tab a {
    display: inline-block;
    width: 80px;
    text-align: center;
    height: 65px;
    font-size: 16px;
    color: #7E8386;
    line-height: 65px;
}

.list_tab a.active {
    font-size: 16px;
    color: #FB5E5E;
    border-bottom: 4px solid #ff5f7f;
}

.list_tab {
    margin: 24px 0 0;
    border-bottom: 1px solid #D2DADE;
    position: relative;
}

.pro_list ul li {
    width: 504px;
    height: 240px;
    float: left;
    margin-bottom: 46px;
    margin-right: 16px;
    position: relative;
}

.pro_list ul li:hover {
    background: #F1F5F6;
}

.pro_list ul li:nth-child(even) {
    margin-right: 0;
}

.pro_list ul li img {
    width: 240px;
    height: 240px;
    display: block;
    float: left;
    margin-right: 16px;
}

.pro_list ul li .pro_l_info {
    overflow: hidden;
}

.pro_l_info .title {
    font-size: 20px;
    color: #282c2e;
    height: 50px;
    line-height: 50px;
}

.pro_l_info .adress {
    font-size: 14px;
    color: #282c2e;
    height: 40px;
    line-height: 40px;
}

.p_inline span {
    display: inline-block;
    width: 82px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #7E8386;
    background: #F1F5F6;
    border-radius: 4px;
    text-align: center;
    margin-right: 10px;
}

.star .staricon,.suppler_num .staricon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/other/china1stop_icon.png) no-repeat;
    background-position: 0 0;
    /*background-size: 16px 16px;*/
}

.star .active,.suppler_num .active {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/other/china1stop_icon.png) no-repeat;
    /*background-size: 16px 16px;*/
    background-position: -17px 0;
}

.star,
.reviews {
    display: inline-block;
}

.reviews {
    font-size: 14px;
    color: #FFA348;
    letter-spacing: 0px
}

.follow {
    height: 50px;
    line-height: 50px;
}

.pro_l_i_text {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #7E8386;
    line-height: 20px;
}


/*pro Case*/

.pro_case_list ul li {
    position: relative;
    padding: 24px 24px 24px 0;
}

.pro_case_list ul li:hover {
    background: #F1F5F6;
}

.pro_case_list ul li img {
    float: left;
    width: 320px;
    height: 230px;
    display: block;
    border-radius: 4px;
    margin-right: 16px;
}


/*.pro_case_list ul li:after{
            content: '';
              clear:both;
            display: block;
        }*/

.pro_case_info {
    overflow: hidden;
    width: 475px;
}

.pro_case_info .title {
    font-size: 20px;
    color: #282C2E;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 20px 0 18px;
    height: 45px;
    overflow: hidden;
}


/*.intro{
            margin-bottom: 20px;
        }*/

.intro .intro_title,
.intro .intro_txt {
    float: left;
}

.intro .intro_txt {
    width: 366px;
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    color: #7E8386;
}

.intro .intro_title {
    width: 90px;
    font-size: 14px;
    color: #282C2E;
}

.pro_case_price {
    position: absolute;
    right: 24px;
    bottom: 24px;
    text-align: right;
}
.pro_case_price .btn_a {
    display: block;
    width: 152px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #FF6C6C;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    float: left;
    margin-left:10px
}
.pro_case_price .rate {
    font-size: 14px;
    color: #7E8386;
}

.pro_case_price .price {
    font-size: 30px;
    color: #FF6C6C;
    margin-top: 6px;
    margin-bottom: 20px;
}

.pro_case_price .btn_price {
    display: block;
    width: 152px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #FF6C6C;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
}

.pro_case_list ul {
    margin-bottom: 20px;
}


/*404*/

.error_main .e_p1 {
    font-size: 20px;
    color: #272c2e;
}

.error_main .e_p2 {
    font-size: 18px;
    color: #272c2e;
}

.error_main {
    width: 380px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
}

.error_main p.error_p {
    font-size: 14px;
    padding: 12px 0;
    color: #7E8386;
}

.link_home {
    width: 152px;
    height: 48px;
    line-height: 48px;
    background: #62B1F5;
    border-radius: 4px;
    color: #fff;
    display: block;
    text-align: center;
}

.error_img {
    width: 390px;
    display: inline-block;
    text-align: center
}

.error_box {
    margin-top: 65px;
}
/*personal*/
.personal_main{
    margin-top:24px;
}
.personal_tab{
    font-size: 0;

}
.personal_tab a{
    display: inline-block;
    width: 140px;
    height:48px;
    line-height: 48px;
    font-size: 14px;
    text-align: center;
    color: #7E8386;
    background: #FAFAFA;
    box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.06), 0px -1px 0px 0px rgba(0,0,0,0.06), 0px 1px 0px 0px rgba(0,0,0,0.06);
}
.personal_tab a.active{
    background: #62B1F5;
    color: #fff;
}

.personal_msg_link{
    height: 65px;
    line-height: 65px;
}
.personal_msg_link a{
    color: #7E8386;
    font-size: 14px;
    padding: 0 10px;
}
.personal_msg_link a.active{
    color: #282c2e;
}
.personal_head{
    text-align: center;
    width: 100%;
    padding:85px 0;
    /*background: #FAFAFA;*/
    border-radius: 4px;
}
.personal_head img{
    width: 200px;
    height:200px;
    border-radius: 50%;
    display: inline-block;
}
.personal_head p,.personal_head p em{
    font-size: 24px;
    color: #282c2e;
    line-height: 40px;
}
.personal_h_btn{
    display: block;
    background: #62B1F5;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    width: 196px;
    height: 48px;
    line-height: 48px;
    margin: 16px auto;
}
/*blog*/
.blog_main {
    margin-top: 24px;
    position: relative;
}

.blog_left {
    float: left;
    width: 243px;
    margin-right: 32px;
    /*background: #F8F8F8;*/
}

.blog_right {
    float: right;
    width: 713px;
}

.blog_left .title {
    width: 100%;
    height: 48px;
    text-align: left;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    background: #62B1F5;
    text-indent: 24px;
}

.blog_ul li {
    /*height: 25px;*/
    line-height: 38px;
    width: 100%;
    height: 38px;
    text-indent: 10px;
    /*margin: 15px 0;*/
    cursor: pointer;
	overflow:hidden;
}

.blog_ul li a {
    font-size: 14px;
    color: #7e8386;
    display: block;
}

.blog_ul li.active{
    border-left: 4px solid #ff6c6c;
    text-indent: 8px;
    background: #D2DADE;
}

.city_ul li.active a {
    color: #282c2e;
    border: 0;
}

.blog_right .title {
    line-height: 36px;
    margin-bottom: 20px;
}

.blog_right .title .time {
    font-size: 14px;
    color: #FFFFFF;
    background: #FFA348;
    border-radius: 2px;
    padding: 2px 5px;
    vertical-align: super;
}

.blog_right .title p {
    display: inline;
    font-size: 30px;
    color: #282C2E;
}

.blog_r_info p {
    margin-bottom: 20px;
    color: #282c2e;
    font-size: 14px;
    line-height: 20px;
}
.blog_r_info img{max-width:100%}
.blog_r_box {
    margin-bottom: 60px;
}

.blog_reviews .title ,.supplier_detail .title,.supplier_reviews .title{
    /*font-family: HelveticaNeue-Light;*/
    font-size: 30px;
    color: #282c2e;
    padding-bottom: 35px;
    border-bottom: 1px solid #D2DADE;
}

.blog_r_li_img {
    float: left;
    width: 110px;
    text-align: center;
}

.blog_r_li_img img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    /*display: block;*/
    margin-bottom: 24px;
}

.blog_r_ul ul li {
    position: relative;
    padding: 10px 0;
}

.blog_r_ul ul li::after {
    content: '';
    clear: both;
    display: block;
}

.blog_r_ul ul li .blog_p {
    float: left;
    font-family: HelveticaNeue;
    font-size: 14px;
    color: #7E8386;
    width: 588px;
    margin-top: 30px;
    margin-left: 15px;
}


.blog_r_li_img .name {
    font-size: 16px;
    color: #7e8386;
    margin-bottom: 8px;
}

.blog_r_li_img .year {
    font-size: 14px;
    color: #7e8386;
}
.blog_reviews
{
    margin-bottom: 64px;
}
.blog_message .heart{
    background: url("../image/other/heart.png") no-repeat left center;
}
.blog_message .msg {
    background: url("../image/other/msg.png") no-repeat left center;
}
.supplier_r_ul ul li .blog_r_li_img{
    margin-right: 40px;
}
.supplier_r_ul ul{
   padding:30px 0;
}
.blog_content{
    overflow: hidden;
}
.supplier_r_ul ul li{
    height: 115px;
    margin-top: 20px;
}
.blog_content .year{
    font-size: 14px;
    color: #7E8386;
    margin-top: 10px;
    margin-bottom: 24px;
}
.blog_content .blog_p
{
    font-size: 14px;
    color: #7E8386;
}
/*personalHis*/
.personal_li ul li{
    position: relative;
    padding:24px 24px 24px 0;
    margin-bottom: 10px;
}
.personal_li ul li img{
    width:195px;
    height:128px;
    float: left;
    border-radius: 4px;
    margin-right: 49px;
}
.personal_ul_link{
    height: 45px;
    line-height: 45px;
    margin-top: 10px;
    position: relative;
}
.personal_ul_link a.a_Post{
    position: absolute;
    display: block;
    width: 95px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    background: #FD6D6F;
    top:5px;
    right:5px;
}
.personal_ul_link a{
    font-size: 14px;
    color: #7E8386;
    display: inline-block;
    padding: 0 15px;
}
.personal_ul_link a.active{
    color: #282C2E;
}
.personal_li ul li  .pro_case_info .title{
    margin:10px 0 18px;
}
.personal_li ul li:hover{
    background: #F1F5F6;
}
.mail_name .mail_n1{
    font-size: 16px;
    color: #7E8386;
    font-weight: 700;
    margin-right: 7px;
}
.mail_name .mail_n2{
    font-size: 14px;
    color: #7E8386;
}
.mail_info{
    margin-top: 18px;
    font-size: 14px;
    color: #7E8386;
}
.mail_time{
    position: absolute;
    right: 10px;
    font-size: 14px;
    color: #7E8386;
}
.personal_mail_li ul li{
    padding-left: 26px;
}
.case_ul ul li{
    padding:24px;
}
.case_ul ul li:hover{
    background: transparent;
}
.case_ul ul li .pro_case_info{
    width: 700px;
}
.case_ul ul li .intro{
    margin-bottom: 25px;
}
.case_ul ul li .intro .intro_txt{
    width: 482px;
    height:auto;
}
.case_ul ul li .pro_case_price{
    bottom:45px;
}
.supplier_main{
    position: relative;
    margin-top: 32px;
}
.supplier_top .supplier_img{
    width: 320px;
    height: 320px;
    float: left;
    margin-right: 70px;
}
.supplier_right{
    overflow: hidden;
}
.supplier_right .name{
    font-size: 30px;
    color: #282C2E;
}
.suppler_num .num{
    background: #FFA348;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    padding:2px 10px;
    vertical-align: top;
    margin-right: 15px;
}
.suppler_num .reviews{
    margin-left:15px;
}
.supplier_li{
    position: relative;
    display: inline-block;
    width: 120px;
    /*padding-top: 40px;*/
    text-align: center;
}
.supplier_li:last-child:after{
    content: '';
    width: 0;
}
.supplier_li:after{
    content:'';
    display: block;
    position: absolute;
    width: 2px;
    height: 73px;
    background: #f1f5f6;
    right:0;
    top:0;
}
.supplier_li p{
    font-size: 14px;
    color: #282c2e;
    line-height: 20px;
    height: 40px;
}
.supplier_li .adress{
    background: url("../image/other/s3.png") no-repeat center 0;
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    /*background-position: 1px -56px;*/
    /*padding-top: 40px;*/
}
.supplier_li .drive{
    background: url("../image/other/s1.png") no-repeat center 0;
    background-size: 24px 24px;
    /*display: block;*/
    display: inline-block;
    width: 24px;
    height: 24px;
    padding-top: 45px;
}
.supplier_li .msg{
    background: url("../image/other/s2.png") no-repeat center 0;
    background-size: 24px 24px;
    /*display: block;*/
    display: inline-block;
    width: 24px;
    height: 24px;
    padding-top:45px;
}
.supplier_info_list{
    margin-bottom: 40px;
}

.supplier_text{
    background: #FAFAFA;
    border-radius: 8px;
    padding:24px 10px 20px 0;
}
.supplier_text .supplier_text_left{
    width: 90px;
    vertical-align: top;
}
.supplier_text .supplier_text_left,.supplier_text_right{
    display: inline-block;
    text-align: center;
}
.supplier_text_right{
    margin-left: 30px;
    text-align: left;
    width: 500px;
    position: relative;
}
.supplier_text_left img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 8px;
}
.supplier_text_left .name{
    font-size: 14px;
}
.data-right input,.intro_data-right input{
    width: 345px;
    height: 48px;
    vertical-align: top;
    border-radius: 4px 0 0 4px;
    padding-left: 1em;
    border:1px solid #D2DADE;
}
.pro_list_top{
    margin-top: 24px;
}
.supplier_btn{
    background: #FF6C6C;
    border-radius: 4px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: -60px;*/
}
.supplier_text_right .more{
    position: absolute;
    right:0;
    bottom:0;
    font-size: 14px;
    color: #FFA348;
    line-height: 14px;
}
.supplier_text_right .title{
    font-size: 14px;
    color: #272c2e;
    margin-bottom: 7px;
}
.supplier_text_right .info{
    font-size: 14px;
    color: #7E8386;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.supplier_detail{
    margin-top: 90px;
}
.supplier_detail p{
    line-height: 30px;
    color: #282C2E;
    font-size: 14px;
}
.supplier_detail img{
    border-radius: 4px;
    display: block;
    margin: 10px 0;
}
.show_more{
    width: 240px;
    height: 48px;
    border: 1px solid #62B1F5;
    color: #62B1F5;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    display: block;
    margin:10px auto 65px;
}
.suppler_num{
    margin:16px auto 25px;
}
.map_main{
    background: #62B1F5;
}
.data-right{
    position: absolute;
    right: 0;
    width: 640px;
    bottom:-60px;
    font-size: 0;
}
.data-right span{
    margin-right: 20px;
    font-size: 14px;
    color: #666057;
}
.data-right input ,.intro_data-right input{
    background: url(../image/other/iconCan.png) no-repeat 310px center;
}
.show_list_info{
    position: absolute;
    background: #fff;
    right: 10px;
    top:73px;
    z-index: 1000;
    width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
}
.show_list_info:before{
    content: '';
    position: absolute;
    z-index: 2;
    top: -14px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 7px dashed transparent;
    border-bottom: 7px solid #fff;
    font-size: 0;
    margin-left: -7px;

}
.show_list_info a{
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    border-bottom:1px solid #e5e5e5;
}
.show_list_info a:hover{
    background-color: #f5f5f5;
}
.show_list_info a:last-child{
    border-bottom:0;}
.home_steps .all_name{
    margin-top: 8px;
}

/*发帖*/
.blog_r_main{
    position: relative;
}
.blog_r_main:after{
    content: '';
    display: block;
    clear: both;
}
.blog_message{
    height: 40px;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.blog_message a{
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding-left: 20px;
    color: #8B8F92;
}
.reply_msg_title{
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #000;
}
.reply_msg textarea{
    width: 100%;
    height: 100px;
    padding:8px;
    resize: none;
    border-radius: 2px;
    border:1px solid #CBCBCB;
}
.reply_btn a{
    display: inline-block;
    width: 78px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 15px;
    border-radius: 4px;
}
.reply_btn .cancel_btn{
    color: #7E8386;
    background: #fff;
}
.reply_msg{
    margin-top: 10px;
    display: none;
}
.reply_btn .ok_btn{
    background: #FD6D6F;
    color: #fff;
}
.reply_btn{
    text-align: right;
    margin-top: 10px;
}
/*new add*/
.add_user{
    margin-bottom: 10px;
}
.add_user img{
    width: 64px;
    height: 64px;
    border-radius: 100%;
}
.add_user span{
    margin: 0 10px;
}
.add_user .name{
    font-size: 14px;
    color: #8B8F92;
}
.add_user .data_time{
    color: #A8ABAD;
}
.add_new_blog{

    background: #FD6D6F;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
    height: 48px;
    line-height: 48px;
    margin-top: 10px;
}
.blog_ul{
    background: #F8F8F8;
    /*display: none;*/
}
.blog_down{
    display: none;
}
.add_new_post{
    border:1px solid #FD6D6F;
    color: #FD6D6F;
    font-size: 14px;
    display: block;
    text-align: center;
    height: 48px;
    line-height: 48px;
    margin-top: 10px;
}
.blog_r_info{
    position: relative;
    padding-bottom: 15px;
    border-bottom:1px solid #D2DADE;
    margin-bottom: 20px;
}
.add_icon{
    position: absolute;
    /*bottom:-50px*/
}
.blog_message a.add_red_heart{
    background: url(../image/other/red_heart.png) no-repeat center;
}
/*add page*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-left: 2px;
    color: #7E8386;
    text-decoration: none;
    background-color: #fff;
}
.pagination>li>a.active{
    background: #2CA2FC;
    color: #fff;
    border-radius: 5px;
}
.pagination>li>a:hover{
    color: #2CA2FC;
}
.pagination .prev:hover{
    background: url("../image/other/page_left.png") no-repeat center;
}
.pagination .prev{
    background: url("../image/other/gray_left.png") no-repeat center;
    width: 32px;
    height: 32px;
}
.pagination .next:hover{
    background: url("../image/other/right_page.png") no-repeat center;
}
.pagination .next{
    background: url("../image/other/gray_right.png") no-repeat center;
    width: 32px;
    height: 32px;
}
/*new add*/
.new_add_title{
    background: #FFA348;
    border-radius: 4px;
    display: inline-block;
    color: #fff!important;
    padding:5px 10px;
}
.error_main p.new_s_p{
    color: #74B131!important;
    font-weight: bold;
    margin-bottom: 5px;
}
.success_img{
    position: relative;
    top: 186px;
    left: -90px;
}
/*2018/4*/
.dropDown_search {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: #fff;
    top: 48px;
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid #D2DADE;
    max-height: 350px;
    overflow: auto;
    display: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    /* display: none; */
}
.list_title {
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    color: #FFFFFF;
}
.dropDown_ul {
     margin-bottom: 5px;
     font-size: 0;
 }
.tit_state1 {
    background: #62B1F5;
}
.tit_state2 {
    background: #FFA348;
}
.tit_state3 {
    background: #FF6C6C;
}
.dropDown_li {
    font-size: 14px;
    color: #282c2e;
    padding: 4px 9px;
    background: #F1F5F6;
    border-radius: 4px;
    display: inline-block;
    margin:10px 12px 10px 0;
    cursor: pointer;
}
.dropDown_paixu {
    font-size: 14px;
    color: #282c2e;
    padding: 4px 9px;
    background: #F1F5F6;
    border-radius: 4px;
    display: inline-block;
    margin:10px 12px 10px 0;
    cursor: pointer;
}
.blog_tips span {
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}
.blog_tips span.state1 {
    background: rgba(98,177,245,0.10);
    border-radius: 8px;
    font-size: 14px;
    color: #62B1F5;
}
.blog_tips span.state2 {
    background: rgba(255,108,108,0.10);
    border-radius: 8px;
    font-size: 14px;
    color: #FF6C6C;
}
.blog_tips{
    margin-top: 10px;
}
.other_ul ul li{
    padding:24px;
}
.blog_tips span.state3 {
    border-radius: 8px;
    font-size: 14px;
    color: #FFA348;
    background: RGBA(253, 161, 81,0.10);
}
.blog_list{
    padding:12px;
}
.blog_i_head img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}
.blog_i_head .name {
    font-size: 14px;
    color: #7E8386;
    margin: 0 12px;
}
.blog_i_head .time {
    font-size: 14px;
    color: #FFFFFF;
    background: #FFA348;
    border-radius: 4px;
    padding: 5px 10px;
}
.blog_info_content:after{
    content: '';
    display: block;
    clear: both;
}
.blog_info_content img{
    width: 160px;
    float: left;
    margin-right: 15px;
    display: block;
    border-radius: 4px;
}
.blog_info_content_p{
    overflow: hidden;
}
.blog_txt {
    font-size: 14px;
    color: #282C2E;
    margin-bottom: 8px;
    font-weight: 700;
}
.blog_info {
    font-size: 13px;
    color: #282C2E;
}
.blog_info_content{
    padding:10px 0;
}
.blog_item {
    position: relative;
    margin-bottom: 10px;
}
.blog_list_message a{
    display: inline-block;
  height: 40px;
    line-height: 40px;
    padding-left: 5px;
    font-size: .24rem;
    color: #7E8386;
    width: 35px;
    vertical-align: middle;
}
.blog_list_message{
    text-align: right;
}
.blog_list_message .heart {
    background: url(../image/other/heart.png) no-repeat left center;
    background-size: 16px;
}
.blog_list_message .msg {
    background: url(../image/other/msg.png) no-repeat left center;
    background-size: 16px;
}
.blog_list_message .heart.active {
    background: url(../image/other/heart_active.png) no-repeat left center;
    background-size: 16px;
}
.close_tootip{
    background: url("../image/close.png") no-repeat center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -20px;
    right: -15px;
    z-index: 998;
}.blog_drop .title {
     background: #62B1F5 url(../image/title_down.png) no-repeat right center;
     background-size: 30px;
     border-bottom:1px solid #fff;
 }
 .forget_box{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
     display: none;
     background: rgba(0,0,0,0.6);
 }
 .forget_box em{
     background: url(../image/other/close.png) no-repeat center;
     background-size: 16px;
     width: 32px;
     height: 32px;
     position: absolute;
     right: 10px;
     top: 10px;
     cursor: pointer
 }
 .foget_body{
     width: 562px;
     border: 1px solid #979797;
     border-radius: 4px;
     background: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -281px;
     margin-top: -300px;
     z-index: 9999;
     padding: 10px 30px;
     text-align: center;
 }
 .email_send{
     padding:25px 0;
 }
 .email_send p{
     font-size: 14px;
     margin-top: 10px;
     color: #979797;
 }
 .form_control textarea{
     padding: 10px;
     width: 100%;
     resize: none;
     border:1px solid #D2DADE;
 }
.list_screen_box {
    border: 1px solid #D2DADE;
    height: 35px;
    width: 280px;
    position: relative;
}
.list_screen{
    position: absolute;
    right:0;
    top:31px
}
.list_screen input {
    padding: 2px 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 0;
    height: 32px;
}
.list_search{
    width: 100%;
    top:35px;
}
.screen_search {
    background: url(../image/search.png) no-repeat center;
    background-size: 16px;
    width: 40px;
    height: 35px;
    color: #fff;
    padding: 0;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.blog_r_i_left{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.blog_r_i_left img{
    width: 200px;
    height: 150px;
}
.blog_r_i_right{
    width: 500px;
    display: inline-block;
    vertical-align: middle;

}
.blog_r_i_right .r_title{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    /*margin-bottom: 10px;*/
}
.blog_r_i_right .r_info{
    height: 80px;
    overflow: hidden;
}
.tag_type:first-child{
    padding-left: 0;
}
.tag_type{
    border-right:1px solid #7E8386;
    padding:0 10px;
}
.tag_type:last-child
{
    border-right:0;
}
.question_p{
    padding:10px 0;
}
.question_p p{
    font-size: 14px;
    line-height:30px;
    color: #9ea3a7;
    text-align: left;
}
.mb{
    margin-bottom: 0;
}
.question_p ul li{
    line-height:30px;
    color: #9ea3a7;
    list-style: disc;
    text-align: left;
    margin-left: 20px;
}

.question {
    background: url(../image/question.png) no-repeat 20px 10px;
    background-size: 30px;
    padding-top: 45px;
}
.right_menu a.question {
    background: #f1f5f6 url(../image/question.png) no-repeat 20px 10px;
    background-size: 30px;
    padding-top: 45px;
}
.right_menu a.question:hover {
    background: #EE943A url("../image/question.png") no-repeat 20px 10px;
    color: #fff;
     background-size: 30px;
    padding-top: 45px;
}
.dibu {width:1440px;height:20px;margin: 0 auto; text-align:center; border-bottom: solid #CCCCCC 1px}
.dibu a{ margin:10px;color:#666666}