/* CSS Document */
.bg_gray{background: #fafafa;}

.swiper-slide{
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;
    justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;
     }
.swiper-pagination-bullet{background: #e5e5e5;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #ffaf00;}
.swiper-container.h_qt{height: 101px;overflow: visible;z-index: 9;}


.g_title{font-size:3.2rem;padding:20px 0px;color: #1f1f1f;text-align: center;}

.home_mod1{width: 100%;padding-top:60px;padding-bottom:30px;overflow: hidden;}
.home_mod1 ul li{width:33.33%;padding:0px 1.5%;box-sizing:border-box;float: left;position: relative;}
.home_mod1 ul li img{display:block;width:100%;height:100%filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.home_mod1 ul li a:hover img{width:100%;height:100%filter:alpha(Opacity=100);-moz-opacity:1;opacity:1}

.home_title {width:100%;height:40px;position: relative;margin-top: 1vw;margin-bottom: 2vw;}
.home_title .line{position:absolute;left:0px;top:50%;margin-top:-0.5px;width:100%;height:1px;background:#d1d1d1;z-index: 8;}
.home_title .caption{position: absolute;left:50%;top:0px;margin-left:-8vw;text-align: center;color: #333333;background: #FFFFFF;font-size:22px;
width:16vw;height: 40px;line-height:40px;z-index: 9;font-weight: bold;}


.home_promod{width:100%;margin-top:3vw;}
.home_promod ul li{width:320px;float:left;margin:0px 10px;margin-bottom:35px;overflow: hidden;box-sizing: border-box;}
.home_promod ul li .p_pic{width:302px;height:302px;box-sizing:border-box;border:solid 1px #ececea;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;}
.home_promod ul li .p_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_promod ul li .p_pic img:hover{transform: scale(1.2);}
.home_promod ul li .ph_name{margin-top:10px;display:block;height:20px;line-height:20px;margin-bottom:10px;font-size: 1.6rem;color: #666666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.home_promod ul li.show .show_text{width:100%;position: absolute;left: 0px;bottom: 50%;padding:0 15px;margin-bottom:-20px;box-sizing: border-box;}
.home_promod ul li .p_btn{display:none}
.home_promod ul li.show .show_text .p_btn{margin:0 auto;width:100px;height:40px;line-height:40px;display: block;}
.home_promod ul li.show .show_text .p_btn a{width:40px;height:40px;line-height:40px;float:left;margin:0px 5px;border-radius: 2px; color: #232323;font-size:22px;background-color: rgb(255,255,255,0.85);display: block;text-align: center;}
.home_promod ul li.show .show_text .p_btn a:hover{width:40px;height:40px;line-height:40px;float:left;margin:0px 5px;border-radius: 2px; color: #FFFFFF;font-size:22px;background-color: rgb(35,35,35,0.85);display: block;text-align: center;}

.home_more_btn{display:block;width:40%;height: 36px;line-height: 36px;color: #333333;border: solid 1px #333333;border-radius:2px;margin: 0 auto;text-align: center;font-size: 1.6rem;margin-bottom:30px;}
.home_more_btn:hover{display:block;width:40%;height: 36px;line-height: 36px;color: #333333;border: solid 1px #333333;border-radius:2px;margin: 0 auto;text-align: center;font-size: 1.6rem;margin-bottom:30px;}

.home_proroll{width:100%;margin-bottom:2vw;}
.home_proroll ul li{width:324px;float:left;margin-bottom:35px;box-sizing: border-box;position:relative;}
.home_proroll ul li .p_pic{width:301px;height:301px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_proroll ul li .p_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_proroll ul li .p_pic img:hover{transform: scale(1.2);}
.home_proroll ul li .ph_name{position:absolute;left:0px;bottom:-30px;display:block;width:100%;padding:0px 10px;box-sizing:border-box;height:24px;line-height:24px;
font-size: 1.4rem;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.swiper-pro{ width: 100%;height: 100%;}
.sroll_btn{width: 124px;text-align: center;margin: 0 auto;margin-bottom:4vw;margin-top: 10px;}
.sroll_btn .prev_btn{width:52px;height:52px;line-height:52px;font-size:30px;float: left;background: #191919;color: #FFFFFF;overflow: hidden;}
.sroll_btn .next_btn{width:52px;height:52px;line-height:52px;font-size:30px;float: left;background: #d9cdc2;color: #FFFFFF;overflow: hidden;}


.home_about_bg{margin:40px 0px;height:442px;background:url(../images/abg.jpg) no-repeat center center;}
.home_about{width:1360px;margin:0 auto;padding:0px 90px;height:100%; padding-top:4%; padding-bottom:10%;box-sizing:border-box;}
.home_about .g_title {font-size: 3.6rem;padding-top:0px;padding-bottom:15px;color: #FFFFFF;font-weight: bold;background: url(../images/line_2.jpg) no-repeat center bottom;}
.home_about .text_a{margin-top:30px;margin-bottom:40px;text-align:center;font-size: 16px;line-height: 30px;max-height:90px;color: #fff; overflow: hidden;
 text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-indent: 2em;text-align: justify;}
.home_about .a_more{display:block;float:left;width:100px;height:38px;border:solid 1px #d1d1d1;background: #ffffff;font-size: 16px;line-height: 38px;color: #555555;text-align: center;margin-top:20px;border-radius:3px;
 transition:width 2s;-webkit-transition:width 2s;/* Safari */}
.home_about .a_more:hover{width:150px;}
.home_about .a_more2{float:left;margin-left:20px;color:#ffffff;height:40px;font-size: 16px;line-height:40px;margin-top:20px;background: #858281;border-radius: 3px;padding: 0px 20px;}



.home_news{padding: 50px 0px;}
.home_news ul li{width:48%;float: left;margin:0px 1%;background: #ffffff;padding:2vw;box-sizing: border-box;}
.home_news ul li .date{width:60px;background:#e3d9d0;float:left;box-sizing:border-box;color: #191919;text-align:center;font-size:2.4rem;font-family: arial;padding-top: 10px;}
.home_news ul li .date span{display:block;font-size: 1.2rem;padding-bottom:15px;color: #999999;}
.home_news ul li .content{height:100%;padding:0px 50px 0px 20px;box-sizing: border-box;overflow: hidden;}
.home_news ul li .content .title{height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.home_news ul li .content .title a{color: #333333;font-size: 1.6rem;font-family: arial;}
.home_news ul li .content .title a:hover{color: #222430;}
.home_news ul li .content .text{margin-top:10px;color: #999999;font-size: 1.6rem;line-height:28px;height:80px; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.home_news ul li .news_more{display:inline-block;padding-top:20px;font-size: 16px;color: #333333;font-family: arial;text-decoration: underline;}




/*返回顶部css*/
.return_top{ position:fixed; bottom:0px; right:0px; width:50px; z-index:100}
.return_top ul li{ height:50px;width:50px; margin-top:10px;}
#line{ border-top:dotted 1px #cccccc;margin-top:30px;padding-bottom: 20px;}
.Related_recommend{ width:100%; background:url(../images/nybj2.jpg) repeat-x left top #FFF;}
.m_title{ width:100%; font-size:15px; color:#545454; height:30px; line-height:20px;}
.Related_recommend .relatedLink{ display:block;}
.Related_recommend .relatedLink li{ float:left; width:25%;height:28px; line-height:28px; color:#4f4f4f; background:url(../images/dian.jpg) no-repeat left center; text-indent:9px;}
.Related_recommend .relatedLink li a{height:28px; line-height:28px; color:#4f4f4f; display:block; white-space:break-word;}
.Related_recommend .relatedLink li a:hover{height:28px; line-height:28px; color:#1b99fb;white-space:break-word;background:url(../images/dian2.jpg) no-repeat left center;}
#related_btn{ width:100%;margin:10px 0px;cursor:pointer;font-size:14px; color:#545454; height:20px; line-height:20px; font-family:"微软雅黑";}
/*返回顶部css end*/

 @media only screen and (max-width:1400px) {


.home_about_bg{background:#f4f4f4;height: auto;}
.home_about{width:100%;padding:5vw ;height:100%;box-sizing:border-box;}
.home_about .a_more2{background: #232323;}

.home_promod{width:100%;}
.home_promod ul li{width:23vw;max-width:330px;float:left;padding:0px;margin:10px 8px;box-sizing: border-box;text-align: center;box-sizing: border-box;}
.home_promod ul li .p_pic{width:22vw;height:22vw;max-height:330px;max-width:330px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_promod ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}

.g_title{padding: 20px 15px;box-sizing:border-box;font-size:2.4rem;}

.home_title{margin: 2vw 0vw;}
.home_title .caption{margin-left:-10vw;width:20vw;}
.home_proroll ul li{width: 25%;max-width:330px;float:left;padding:0px 2vw;box-sizing: border-box;text-align: center;box-sizing: border-box;}
.home_proroll ul li .p_pic{width:20vw;height:20vw;max-height:330px;max-width:330px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_proroll ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.sroll_btn .prev_btn{width:40px;height:40px;line-height:40px;font-size:24px;}
.sroll_btn .next_btn{width:40px;height:40px;line-height:40px;font-size:24px;}
.sroll_btn{width:80px;text-align: center;}


}



 @media only screen and (max-width:3000px) {
.home_about_bg{margin:40px 0px;height:442px;background:url(../images/abg.jpg) no-repeat center center;}
.home_mod1{padding:30px 0px;}
/* .home_about_bg{margin:20px 0px;background-image: none;} */
.home_about .text_a{margin-top:20px;margin-bottom:20px;font-size: 1.4rem;}
.home_about .g_title {font-size: 3rem;padding-top:0px;padding-bottom:15px;font-weight: bold;background: url(../images/line_2.jpg) no-repeat center bottom;}
.home_news {padding:30px 0px 0px;}


}
@media only screen and (max-width:1040px) {

.pc{display: none;}
.home_mod1{padding:20px 0px 0px;}
.home_more_btn{margin-bottom: 10px;}
.home_about_r{display: none;}
.home_news{padding:0px 10px;}
.home_news ul li .content {padding:0px 30px 30px 10px;overflow: hidden;}
.home_news ul li .date {width:70px;font-size: 3.4rem;}
.home_news ul li .content .title a{font-size: 1.6rem;}
.home_news ul li .content .text {font-size: 1.4rem;line-height: 24px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home_news ul li .news_more {font-size: 14px;}
.send_inquiry{display: none;}



.swiper-container{/*margin-top:5.6rem;*/min-height: 0;}
.swiper-container.swiper-container1,.swiper-container.swiper-container8{margin-top: 0px;}
.header{display: none;}
.m_header{display: block;}
.home_about_bg{color: #333333;background:#f4f4f4!important;}
.m_header.home{margin-bottom:0px;}
.home_about {width: 100%;padding: 0px 15px 10px 15px;}
.home_about_bg_pic{display: none;}
.home_about .g_title {color:#333;background: url() !important;}
.home_about .text_a{color:#666666}
/* .home_about .g_title{color: #fff;background: url()} */
.m_company_name{width:100%;margin-top:5.6rem;height: 44px;line-height: 44px;padding: 0px 15px;overflow: hidden;background: #fafafa;font-size: 1.4rem;box-sizing: border-box;}	
 
.home_title .caption{margin-left:-15vw;width:30vw;}
.home_promod{width:100%;box-sizing: border-box;}
.home_promod ul li{width:33.3%;max-width:375px;max-height:375px;float:left;margin:0px;padding:0px 2vw;margin-bottom:15px;text-align: center;box-sizing: border-box;}
.home_promod ul li .p_pic{width:26vw;height:26vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_promod ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_promod ul li.show .show_text{display: none;}
.home_proroll{width:100%;box-sizing: border-box;margin-top: 15px;}
.home_proroll ul li{width:33.3%;max-width:375px;max-height:375px;float:left;padding:0px 2vw;margin-bottom:40px;text-align: center;box-sizing: border-box;}
.home_proroll ul li .p_pic{width:28vw;height:28vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
.home_proroll ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}
}


 @media only screen and (max-width:767px) {
.home_mod1{padding-top: 10px;}
.home_mod1 ul li{width:50%;}
.home_mod1 ul li:nth-child(3){width:100%;margin-top:3vw;}
.home_news ul li{width:100%;float:none;}
.home_title .caption{margin-left:-18vw;width:36vw;font-size:18px;}
.home_about_bg{color: #333333;background:#f4f4f4!important;}
.home_about .text_a{color:#666666}
.g_title{padding:20px 15px;box-sizing:border-box;font-size:2rem;}
.home_about .g_title {color:#333;background: url() !important;}



 }




 @media only screen and (max-width:420px){
.home_title .caption{margin-left:-25vw;width:50vw;font-size:18px;} 
.home_promod{width:100%;padding: 0px 15px;box-sizing: border-box;}
.home_promod ul li{width:50%;max-width:375px;max-height:375px;float:left;margin-bottom:30px;text-align: center;}
.home_promod ul li .p_pic{width:42vw;height:42vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}

.home_proroll{width:100%;padding: 0px 15px;box-sizing: border-box;}
.home_proroll ul li{width:50%;max-width:375px;max-height:375px;float:left;margin-bottom:30px;text-align: center;}
.home_proroll ul li .p_pic{width:42vw;height:42vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;}

.sroll_btn .prev_btn{width:40px;height:40px;line-height:40px;font-size:30px;}
.sroll_btn .next_btn{width:40px;height:40px;line-height:40px;font-size:30px;}
.sroll_btn{width: 80px;text-align: center;margin: 0 auto;margin-bottom:20px;margin-top:0px;}

}



/*左侧悬浮栏目*/
.float_box {
    z-index: 99;
    width: 200px;
    border: 1px solid #f1f1f1;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);
    padding: 5px;
    overflow: hidden;
    position: fixed;
    top: 60%;margin-top: -280px;
    right: 20px;
    background: #FFF;
    font-size: 12px;
}

.float_box_title {
    background: #0091ec;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    padding-left: 5px;
    position: relative;
    margin-bottom: 10px;
}

.float_box_title span {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
    width: 160px;
    font-size: 12px;
}

#fold {
    border-color: #0091EC #FFFFFF #0091EC #0091EC;
    border-style: solid;
    border-width: 4px;
    float: right;
    height: 0;
    margin: 8px 3px 0 0;
    overflow: hidden;
    position: relative;
    width: 0;
    z-index: 999;
}

.float_box.hold-close {
    width: 60px;
    overflow: unset;
}

.float_box.hold-close .float_box_title {
    width: 55px;
    overflow: hidden;
    height: 24px;line-height: 24px;
}

.float_box.hold-close .float_box_title span.fold_title {
    display: none
}

.float_box.hold-close .float_box_title span.fold_click_title {
    display: block;
    width: 47px;
    font-size: 12px;
}

.float_box .float_box_title span.fold_click_title {
    display: none
}

.float_box.hold-close .float_top span {
    display: none
}

.float_box.hold-close #fold {
    border-right: none;
    border-left: 4px solid #FFF
}

.float_box.hold-close .float_bottom {
    width: 52px;
    overflow: hidden
}

.float_box.hold-close .float_bottom a {
    color: #f3f3f3;
    padding-left: 11px;
}

.triangle {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #0091EC;
    height: 0;
    left: 24px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    width: 0;
}

.float_top {
    line-height: 140%;
    height: 50px;font-size: 12px;
}
.float_top span {
font-size: 12px;line-height:24px;
}
.float_top img {
    float: left;
    margin-right: 10px;
    max-height: 50px;
    max-width: 50px;
}

.float_top a {
    color: #0091ec
}

.float_bottom a {
    background: #f3f3f3;
    display: block;
    width: 170px;
    margin: 5px 0;
    padding: 0 5px 5px 10px;
    color: #3486e0;
    text-decoration: none
}

.float_bottom a:hover {
    background: #f3f3f3
}

.float_tb1 {
    background: url(../images/float_tb.png) no-repeat 0 1px;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding-left: 10px;
    margin-top: 5px;
}

.float_tb2 {
    background: url(../images/float_tb.png) no-repeat 0 -35px;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding-bottom: 5px;
}
.float_whatsapp {
    background: url(../images/float_whatsapp.png) no-repeat  0 5px;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding-bottom: 5px;
}
.tel_float_box{
    display: none;
    width: auto;
    margin-left: -50px;
    border:1px solid #dcdcdc;
    padding: 10px 5px;
    position: absolute;
    top: 50px;
    /*right:10px;*/
    background-color: #ffffff;
}
.whatsapp_box:hover div{
    display: block;
}
.qrcode_float_box{
    display: none;
    width: auto;
    margin-left: -50px;
    border:1px solid #dcdcdc;
    padding: 10px 5px;
    position: absolute;
    top: 50px;
    right:70px;
    background-color: #ffffff;
}
.whatsapp_box:hover div{
    display: block;
}
.float-media-list {
    padding-left: 0
}

.float-media-list li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 55px;
    margin: 5px 0;
    text-align: center;
}

.float-media-list a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 32px;
    height: 32px;
    background: url(../images/media.png) 0 0 no-repeat;
}

.float-media-list a.float-media-list-twitter {
    background-position: 0 -185px;
}

.float-media-list a.float-media-list-youtobe {
    background-position: 0 -224px;
}

.float-media-list a.float-media-list-linkedin {
    background-position: 0 -111px;
}

.float-media-list a.float-media-list-pinterest {
    background-position: 0 -148px;
}

.float-media-list a.float-media-list-googleplus {
    background-position: 0 -37px;
}

.float-media-list a.float-media-list-instagram {
    background-position: 0 -74px;
}

.supplier-photo-img savm img {
    width: 55px;
    height: 55px;
}
/*左侧悬浮栏目*/