/* CSS Document */
@media(max-width:1200px){
.cont{width:96%; margin:0 auto;}
.m_ct_fl{display:none;}
.m_ct_rexian{display:none;}	

/*header*/
.hd_logo{width:20%;}
.hd_logo img{width:100%; height:auto;}
.hd_wz{width:40%; margin-left:5%;}
.hd_wz img{width:100%;}
.hd_rexian{width:30%;}
.hd_rexian img{width:20%; margin-right:2%;}
.hd_rexian p{width: 70%;font-size:14px;}
.hd_rexian p span{font-size:16px;}
.hd_nav ul{width:100%;}

/*index*/
.in_jj_right{width:50%;}
.in_jj_right img{width:100%;}
.in_product , .in_youshi , .in_jianjie , .in_lingyu , .in_news{height:auto;}
.in_pp_list li .in_pp_img img{height:400px;}
.in_ns_rt{width:75%;}

/*erjiyemian*/
.banner img{width:100%;}
.pp_art_img1 img{width:100%;}

}
@media(max-width:760px){
.in_ns_rt{width:65%;}	
.ct_left {display: none;}
.ct_right {width: 100%;}
}
@media(max-width:640px){
.cont{width:96%; margin:0 auto;}
/*header*/
.hd_top{height:30px;}
.hd_welcome{font-size:12px; line-height:30px;}
.hd_logo{width:45%;margin-top:10px;margin-top: 0;}
.hd_logo img{width:100%; height:auto;}
.hd_wz{display:none;}
.hd_rexian{margin-top: 30px;width: 50%;}
.hd_rexian img{width: 22%;margin-right: 3%;}
.hd_rexian p{font-size:12px; line-height:20px; float:left;}
.hd_rexian p span{font-size:14px; letter-spacing:0;}
.hd_nav ul{width:100%;}
.hd_nav ul li{width:24.7%; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.hd_nav ul li:nth-child(4n){border-right:0;}
.hd_nav ul li:nth-child(5+n){border-bottom:0;}
.hd_nav ul li:nth-child(9+n){display:block;}
.hd_nav ul li a{font-size:14px; line-height:29px;}
/*index*/
.slider-main li img{height:90px;}
.osSlider-main .slider-nav{height:15px; bottom:5px;}
.osSlider-main .slider-nav li{width:15px; height:15px; margin:0 5px; padding:0; line-height:15px;}
.index_title , .index_title1{margin-top:10px; height:50px;}
.index_title h3 , .index_title1 h3{font-size:18px; line-height:24px;}
.index_title p , .index_title1 p{font-size:14px;}
.in_pp_list{margin:20px auto;}
.in_pp_list li{width:48.3%; height:240px; margin-bottom:15px;}
.in_pp_list li:nth-child(2n){margin-right:0;}
.in_pp_list li:hover{height:250px;}

.in_anli{height:auto;}
.in_al_list{margin:20px auto;}
.in_al_list li{height:100px;}
.in_al_list li .in_al_img{height:100px;}
.in_al_list li .in_al_img img{height:100px;}
.in_al_list li .in_al_zhegai{height:100px;}
.in_al_list li .in_al_zhegai p{font-size:12px; margin-top:40px;}

.in_youshi{height:auto;}
.in_ys_list{margin:20px auto;}
.in_ys_list li .in_ys_cont{padding-top:10px; height:170px;}
.in_ys_list li .in_ys_cont img{width:30%;}
.in_ys_list li .in_ys_cont h3{font-size:14px; margin:5px auto 0;}
.in_ys_list li .in_ys_cont p{font-size:12px; width:90%;}

.in_dianhua{display:none;}

.in_jj_left{width:55%;}
.in_jj_title{font-size:16px; line-height:30px; height:40px;}
.in_jj_cont{font-size:12px; margin-top:10px;}
.in_jj_more{width:60%; height:30px; line-height:30px; margin:10px auto; font-size:14px;}
.in_jj_list li{width:32%; margin-right:2%; height:60px;}
.in_jj_list li img{margin-top:5px; width:60%;}
.in_jj_right{width:42%; margin-top:150px;}
.in_jj_right img{width:100%;}

.in_lingyu{height:auto;}
.in_ly_list{margin:20px auto;}
.in_ly_list li{width:48%; height:300px; margin-bottom:20px;}
.in_ly_list li:nth-child(2n){margin-right:0;}
.in_ly_list li .in_ly_img{height:300px;}
.in_ly_list li .in_ly_img img{height:300px;}
.in_ly_list li .in_ly_zhegai{height:350px; bottom:-300px;}
.in_ly_list li .in_ly_jia{width:30px; height:30px; line-height:20px;}
.in_ly_list li .in_ly_title{height:30px; line-height:30px; font-size:14px;}
.in_ly_list li .in_ly{padding-top:50px;}
.in_ly_list li .in_ly img{width:50%;}

.in_news{height:auto;}
.in_ns{margin-top:20px;}
.in_ns_fenlei{width:80%;}
.in_ns_fenlei a{height:30px; line-height:30px; font-size:12px;}
.in_ns_list{height:auto;}
.in_ns_list li{width:48%; margin-right:2%; height:100px;}
.in_ns_time{width:60px; height:60px;}
.in_ns_time p{font-size:14px; line-height:20px; margin-top:10px;}
.in_ns_rt{width:58%;}
.in_ns_title{font-size:14px; height:24px; line-height:24px; margin:0px auto;}
.in_ns_cont{font-size:12px; line-height:20px; height:40px;}

/*list_anli*/
.banner img{width:100%; height:80px;object-fit: contain;}

.ct_fl_title{padding-top:10px;}
.ct_fl_title p{font-size:18px; line-height:30px;}
.ct_fl_bz{height:30px; line-height:30px; font-size:14px;}
.ct_fl_list li{height:30px;}
.ct_fl_list li a{height:30px; line-height:30px; font-size:12px;}
.m_ct_fl{display:none;}
.m_ct_rexian{display:none;}
.ct_rt_place{width:60%; overflow:hidden;}
.ct_al_list li{width:48%; margin-right:4%; height:250px; margin-bottom:10px;} 
.ct_al_list li:nth-child(3n){margin-right:4%;}
.ct_al_list li:nth-child(2n){margin-right:0;}
.ct_al_list li .ct_al_img{height:250px;}
.ct_al_list li .ct_al_img img{height:250px;}
.ct_al_list li .ct_al_zhegai{height:80px; background-size:100%;}
.ct_al_list li .ct_al_zhegai p{font-size:14px; margin-top:0px;}
.ct_al_list li:hover .ct_al_zhegai{background-size:100%;}
.ct_page{height:auto; margin:10px auto;}
.ct_page p{width:100%; margin:0; line-height:30px; text-indent:1em;}
.ct_page_list{width:98%; margin:5px auto; padding:0 1%;}
.ct_page_list a{padding:3px 5px; margin-right:5px; margin-bottom:5px; display:block; float:left;}

/*info_anli*/
.ns_art_title{font-size:18px; margin:10px auto;}
.ns_fu_title{height:70px;}
.ns_fu_title div{font-size:12px; width:50%; overflow:hidden; white-space:nowrap;}
.ns_fu_title div img{width:10%;}
.ns_fu_title div:last-child{width:100%; text-align:left;}
.ns_fu_title div:last-child img{width:5%;}
.fanye .shang, .fanye .xia{width:100%;}
.fanye .fenxiang{width:100%;}

/*list_article*/
.ns_list li{height:120px;}
.ns_time{width:75px; height:75px;}
.ns_time p{font-size:14px; line-height:24px; margin-top:15px;}
.ns_rt{width:72%;}
.ns_title{font-size:14px; height:24px; line-height:24px; margin:0px auto;}
.ns_cont{font-size:12px; line-height:20px; height:40px;}

/*list_product*/
.ct_pp_list li{width:49%; height:300px;}
.ct_pp_list li:nth-child(3n){margin-right:2%;}
.ct_pp_list li:nth-child(2n){margin-right:0;}
.ct_pp_list li .ct_pp_img{height:280px;}
.ct_pp_list li .ct_pp_img img{height:280px;}

/*info_product*/
.pp_art_img1 img{width:100%; height:auto;}
.pp_art_title{font-size:16px; margin:10px auto;}
.pp_art_cont p{font-size:12px;}
.pp_lianxi{background-position:right top;}

/*page_about*/
.ab_img img{width:100%;}
.ab_gs_name{font-size:16px; margin-top:10px;}
.ab_gs_cont{font-size:12ppx;}
.ab_hz_list li{height:80px; width:31.5%;}
.ab_hz_list li img{width:100%;}

/*page_contact*/
.ctt_title{margin:10px auto;}
.ctt_title p{font-size:18px; line-height:30px;}
.ctt_title img{width:60%;}
.ctt_left{width:100%;}
.ctt_left .p1{font-size:16px;}
.ctt_left .p2{font-size:14px;}
.ctt_left .p3{font-size:12px;}
.ctt_dizhi, .ctt_lianxi{width:100%;}
.ctt_title1{font-size:16px;}
.ctt_dizhi p img, .ctt_lianxi p img{width:5%;}
.ctt_dizhi p span, .ctt_lianxi p span{font-size:12px;}
.ctt_right{width:100%; margin-bottom:10px;}

/*footer*/
.ft_nav{height:55px;}
.ft_nav li{width:25%;}
.ft_nav li a{font-size:14px; line-height:25px;}
.foot{height:auto; margin-bottom:10px;display: none;}
.ft_left{width:75%;}
.ft_left ul li:first-child{font-size:14px;}
.ft_left ul li a{font-size:12px;}
.ft_center{width:23%; margin-left:2%;}
.ft_center p{margin-bottom:5px; font-size:12px;}
.ft_ct_dh{word-break:break-all;}
.ft_center a{margin-right:2%;}
.ft_center a img{width:20%;}
.ft_right{width:100%; float:none; margin:0px auto 20px; text-align:center;}
.ft_right img{width:40%;}
.m_ft_nav{width:100%; background-color:rgba(0,0,0,0.7); height:50px; position:fixed; bottom:0; padding-top:5px; display:block;}
.m_ft_nav .cont { width: 100%; }
.m_ft_nav li{width: 20%; box-sizing: border-box; float:left; text-align:center; border-right:1px solid #ccc; height:50px;}
.m_ft_nav li img{width:30%;}
.m_ft_nav li p{font-size:12px; color:#fff; line-height:20px;}

.tool li .p {
    width: 100%;
}

.tool li .p img {
    display: block;
    margin: 0 auto;
}

.tool li .t {
    width: 100%;
    height: auto;
    padding: 15px;
}

.tool li .t h2 {
    font-size: 18px;
    text-align: center;
}

.tool li .t .i {
    text-align: center;
}

.tool li .btn {
    padding-top: 30px;
}
.tool li .btn a:nth-child(1), .tool li .btn a:nth-child(2) {
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.plist li,.plist li:nth-child(3n) {
    margin: 0 1.5% 30px;
    width: 47%;
}

.plist li .p a {
    height: 30vw;
    bottom: -30vw;
}

.plist li .p img {
    height: 30vw;
}

.plist li h3 {
    font-size: 14px;
    padding-top: 8px;
}

.plist li p {
    font-size: 12px;
}

.plist li .price {
    font-size: 14px;
    margin-top: 5px;
}
.guwen li,.guwen li:nth-child(3n) {
    width: 48%;
    margin: 0 1% 30px;
}

.guwen li .p img {
    height: 45vw;
}

.guwen li .t h3 {
    background: none;
    padding: 0;
    text-align: center;
    font-size: 18px;
    height: 2em;
    line-height: 2;
}

.guwen li .t .sp {
    display: none;
}

.guwen li .t span {
    width: 68px;
    height: 30px;
    line-height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-left: 28px;
}
.wrap-anli {
    padding: 20px 0;
}

.display-4 {
    padding: 15px;
}

.display-4 .p img {
    width: 100%;
}

.display-4 .t {
    width: 100%;
}

.display-4 .t h3 {
    font-size: 20px;
}

.display-4 .t .mbc {}

.display-4 .t img {
    width: 100%;
}

.display-4 .t .mbc p img {
    width: 84px;
}

.display-2 {
    padding: 15px;
    margin-top: 15px;
    line-height: 2;
}

.display-3 {
    margin-top: 35px;
}

.display-3 .p {
    width: 100%;
    height: auto;
}

.display-3 .p img {
    width: 300px;
    margin: 6vw auto;
}

.display-3 .t {
    width: 100%;
    height: auto;
}

.display-3 .t li {
    width: 100%;
    margin: 13px 0;
}

.display-3 .t .pic {
    height: 219px;
}

.display-3 .t .txt h3 {
    width: 100%;
}
}