@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
    display: none;
}
a:link{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:active{
    text-decoration:none; color: #272727;text-decoration: none;
}
body {
    font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #272727;
    background-color:#fff;
    overflow-x:hidden ;
  
}
.border-b-1{
 border-bottom: 1px solid #ddd;
}
.nav-hold{
max-width: 1400px;
    margin: 10px auto;
   
    padding-bottom: 5px;
}
nav-top{
    border-bottom: 1px solid #ddd;
}
.nav-top-left{
    float: left;
}
.nav-top-right{
    float: right;
}
.nav-top-right a{
    padding-left: 15px;
}
.nav-top-right span{
    padding-right: 5px;vertical-align: middle;
}
.nav-top-right img{
    vertical-align: middle;
}
.n-about-hold table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.n-about-hold table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #3F3F3F;
    text-align:left;

}
.pro-right ul li:first-child{
    background: #fa5351;color: #fff;
}
.pro-right ul li:first-child a{
color: #fff;
}
.n-about-hold table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #fff;
    vertical-align: middle;
}
.n-about-hold table  td img{
    vertical-align: middle;padding-right: 10px;
}
.n-about-hold table tr:first-child{
    background:#ff0000;color:#fff
}
.n-about-holdtable tr:nth-child(odd){

}
.n-about-hold table tr:nth-child(even){
    background: #ffd4d5;

}
.ph-head{
    display: none;
}
.n-banner img{
    width: 100%;
}
.ph-logo{
    display: none;
}
.col-7{
    color: #7f7f7f;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fl-l{
    float: left;
}
.power{
    -webkit-transition: -webkit-transform 0.3s;
    transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    overflow: hidden;
}

.power img{
    -webkit-transition: transform 0.25s ease-out;
    -moz-transition: transform 0.25s ease-out;
    -ms-transition: transform 0.25s ease-out;
    -o-transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}
/*.power:hover img{
    transform: scale(1.1, 1.1);

    -ms-transform:scale(1.1, 1.1); 	!* IE 9 *!
    -moz-transform:scale(1.1, 1.1); 	!* Firefox *!
    -webkit-transform:scale(1.1, 1.1); !* Safari 和 Chrome *!
    -o-transform:scale(1.1, 1.1); 	!* Opera *!
}*/
.head{
max-width: 1400px;padding: 10px 15px;margin: 0 auto;
}
.head .head-left{
    float: left;width: 45%;
}
.head  .head-right{
    width: 50%;float: right;
}
.head .head-right ul li{
    float: left;width: 14.2%;text-align: center;line-height: 60px;position: relative;
}
.head .head-right ul li:hover ul{
    display: block;
}
.head .head-right ul li img{
margin:0 5px
}
.head .head-right ul li ul{
    position: absolute;left: -5px;top:60px;width: 120px;z-index: 1000;background: red;display: none;
}
.head .head-right ul li ul li{
    width: 120px;line-height: 30px;border-bottom: 1px solid #f15757;
}
.head .head-right ul li ul li a{
    color: #fff;
}
.hold{
    max-width: 1400px;margin: 40px auto;padding: 0 30px;
}
.pro-head .pro-left{
    float: left;color: #7f7f7f;
}
.pro-head .pro-left .tit{
    font-size: 18px;font-weight: bold;color: #000000;
}
.xian{
    width: 50px;height: 2px;background: red;margin-top: 15px;
}
.pro-right{
    width: 40%;float: right;
}
.pro-right ul li{
    float: left;width: 22%;margin: 1%;border: 1px solid #ddd;padding: 8px 0px;text-align: center;
}
.pro-hold{
    margin: 20px 0;
}
.pro-hold .pro-list{
    width: 48%;margin: 1%;float: left;
}
.pro-hold .pro-list .pro-top{
    position: relative;width: 96%;
    margin: 0 1.6%;
}
.pic{
    border: 1px solid #ddd;text-align: center;padding: 2% 0;
}
.pic img{
    width: 96%;

}
.pro-hold .pro-list .con {
position: absolute;bottom: 0px;left: 0px;width: 94%;padding: 15px 3%;z-index: 10;display: none;
}
.pro-hold .pro-list .con i{
    position: absolute;right: 30px;top:30px;width: 25px;height: 19px;display: inline-block;background: url("../images/i.png");
}
.pro-hold .pro-list .con h2{
font-weight:normal
}
.pro-hold .pro-list .pro-top:hover .con {
    background: #db241c;color: #fff;
}
.pro-hold .pro-list .pro-top:hover .pic{
    border: 1px solid  #db241c;
}
.pro-bom ul li{
    float: left;width: 48%;margin:2% 1%;
}
.pro-hold .pro-list .pro-top:hover .con{
    display: block;
}
.pro-hold .pro-list .pro-bom ul li:hover .con{
    display: block;
}
.ly-pro-right{
    width: 40%;float: right;text-align: right;
}
.ly-pro-right img{
    vertical-align: middle;margin-left: 10px;
}
.about-con{
    float: left;width: 46%;padding:2%  4% 2% 0;line-height: 27px;
}
.about-list{
    overflow: hidden;
}
.about-list ul li{
    float: left;width:25%;text-align: center;
}
.about-list ul li .about-list-img{
background: #d9d9d9;
    margin: 10px auto;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    text-align: center;
}
.about-list ul li .about-list-img:hover{
    background:#db241c ;
}

.about-list ul li img{
    margin-top: 20px;
}
.about-right{
    width: 46%;float: right;
}
.about-right img{
    width: 100%;
}

.news-left{
    width: 46%;float: left;margin-top: 2%;
}
.news-left img{
    width: 100%;
}
.news-right{
    width: 51%;float: right;margin-top: 2%;
}
.news-l{
    width: 42%;margin: 0 1% 1% 1%;float: left;background: #eee;padding: 0 3%;height: 436px;position: relative;
}
.news-righ {
    width: 47%;margin: 0 1% 3% 1%;float: left;
}
.news-r{
    margin: 0 0 4% 0;background: #eee;padding:  6%;height: 170px;
}
.news-r:hover{
    background: url("../images/bg.jpg") no-repeat;background-size: cover;
}
.news-r:hover{
    color: #fff;
}
.news-r:hover .news-t{
    color: #fff;
}
.news-r:hover .news-tit-con{
    color: #fff;
}
.news-r:hover p{
    color: #fff;
}
.news-t{
     font-size: 18px;
    font-weight: bold;
    color: #000000;margin: 6% 0 0 0;
}
.news-tit-con{
    font-size: 16px;
    margin: 2% 0;
    color: #000000;
    line-height: 27px;
}
.news-l .news-con-hold{
    line-height: 27px;color: #999;margin: 4% 0;
}
.news-l .more{
   background: #db241c;width: 120px;height: 36px;line-height: 36px;color: #fff;position: absolute;bottom: 15%;left: 6%;text-align: center;
}
.sike-tit-big{
    font-size: 22px;font-weight: bold;margin: 20px 0;
}
.sike-tit{
  text-align: center;line-height: 27px;width: 1000px;margin: 0 auto;
}
.hezuo-tit{
    text-align: center;width: 460px;margin: 20px auto;
}
.hezuo-tit a{
    padding: 8px 0px;color: #fff;background: #d9d9d9;margin: 0 20px;display: inline-block;width: 150px;
}
.hezuo-tit .on{
    background: #db241c;
}
.hezuo-img{
display:none
}
.hezuo-img img{
    width: 100%;margin: 20px 0;
}
.hr{
    height: 3px;
}
.hr img{
    width: 100%;height: 1px;
}
.footer-left{
    width: 60%;float: left;
}
.footer-right{
    float: right;width: 40%;text-align: center;
}
.footer-l-list ul li{
    width: 20%;float: left;line-height: 27px;color:#808080
}
.footer-l-list ul li a{
color:#808080
}
.footer-l-list ul li .footer-tit a{
    font-size: 18px;font-weight: bold;color:#272727
}
.swiper-container{
    margin-top: 20px;
}

/*内页导航*/
.n-hold{
    max-width: 1200px;margin: 0 auto;
}
.n-guider{
    padding: 10px 0;overflow: hidden;
}
.n-about-hold{
    line-height: 27px;padding-bottom: 30px;padding: 0 15px;
}
.n-guider .n-guider-right{
    float: right;
}
.right_sunu{
    margin-top: 20px;
}
.n-about-hold h1{
    font-size: 22px;font-weight: bold;text-align: center;margin: 20px 0;
}
.n-about-hold h2{
    text-align: center;font-size: 14px;margin-bottom: 10px;
}
.n-second-guide-hezuo .line{
    border-top: 1px solid #ddd;
    position: absolute;
    top: 50%;
    z-index: -1;
    width: 100%;
}
.ph-article-shop-img{
    display: none;
}
.n-second-guide-hezuo a{
    display: inline-block;
    padding: 6px 25px;
    margin: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    background: #0382d8;
    color: #fff;
    position: relative;
}
.n-second-guide-hezuo a:hover{
    background: #02428c;

}
.n-about-con{
    line-height: 27px;width: 900px;margin: 20px auto;padding-bottom: 30px;
}
.n-about-con h1{
    text-align: center;font-size: 18px;margin: 10px;
}
.n-about-con h2{
    font-size: 14px;text-align: center;margin-bottom: 20px;
}
.n-second-guide-hezuo>ul{
    width: 800px;margin: 0 auto;
}
.n-second-guide-hezuo>ul li{
    float: left;padding: 10px 0;text-align: center;position: relative;width: 150px;margin: 0 25px;
}
.n-second-guide-hezuo>ul li a{
    width:100% ;padding: 6px 0px;
}
.n-second-guide-hezuo>ul li>ul{
    position: absolute;left: 11px;top:45px;width: 150px;display: none;
}
.n-second-guide-hezuo>ul li:hover>ul{
    display: block;
}
.n-second-guide-hezuo>ul li>ul li{
    border-bottom: 1px solid #ff7270;margin: 0px;
}
.n-second-guide-hezuo>ul li>ul li a{
    width:100% ;padding:5px 0px;background:#fa5351; border: 0px;color: #fff;margin: 0px;font-size: 14px;
}
.n-second-guide-hezuo>ul li{
    padding: 0px;
}

.n-second-guide a:hover{
    background: #0382d8;
    color: #fff;
}

.n-pro-guide{
    height: 40px;margin-top: 20px;border-bottom: 1px solid #d22d31;overflow: hidden;padding: 0 5px;
}
.n-pro-guide .n-pro-g-left{
    float: left;height: 40px;line-height: 40px;
}
.n-pro-guide .n-pro-g-left i{
    height: 22px;width: 4px;background: #d22d31;display: inline-block;line-height: 40px;vertical-align: middle;
}
.n-pro-guide .n-pro-g-left span{
    color: #000;font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;
}
.n-pro-g-right{
    float: right;height: 40px;line-height: 40px;font-size: 16px;
}
.fenye{
    overflow: hidden;margin: 20px;
}
.fenye ul li{
    float: left;padding: 5px;
}

.n-about-us1{
    line-height: 27px;width: 1200px;margin: 20px auto;
}

.n-list-news2{
    overflow: hidden;margin: 30px auto;
}
.n-list-news2 ul li{
    border-bottom: 1px dashed #ddd;padding: 20px;line-height: 27px;
}
.n-news-tit{
    font-size: 16px;    font-weight: bold;
}
.n-news-tit span{
    font-size: 14px; font-weight: normal;
}
.n-list-news2 ul li:hover .n-news-tit {
    color: #fa5351;
}
.n-list-news2 ul li .n-news-con{
    margin: 5px 0;
}
.arcImg{
    width: 500px;margin: 0 auto;
}
.pro-hold1{
    width: 1200px;overflow: hidden;
}
.pro-hold1 ul li{
    float: left;width: 390px;margin: 20px 3px;text-align: center;
}
.pro-hold1 ul li img{
    width: 99%;border: 1px solid #ddd;
}
.pro-hold1 ul li a p{
    line-height: 30px;
}
.pro-hold1 ul li:hover img{
    border:1px solid #00b7ee;
}
.pro-hold1 ul li:hover a{
    color: #00b7ee;
}
.n-second-guide-hezuo{
    max-width: 1200px;position: relative;margin: 30px auto;text-align: center;z-index: 1000;
    animation:zoomIn 2s;
    -moz-animation:zoomIn 2s; /* Firefox */
    -webkit-animation:zoomIn 2s; /* Safari and Chrome */
    -o-animation:zoomIn 2s; /* Opera */
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.pro-list-hold1{
    overflow: hidden;
}
.pro-list-hold1 ul {
	display: grid;
  	grid-template-columns: repeat(4,minmax(0,1fr));
   gap: 20px;
}
.pro-list-hold1 ul li{
   text-align: center;padding: 1% 0;
}
.pro-list-hold1 ul li img{
    width: 96%;border: 1px solid #ddd;
}
.n-product-hold ul li{
    float: left;width: 23%;margin: 1%;text-align: center;
}
.n-product-hold ul li img{
    width: 100%;
}
.n-product-hold ul li p{
    line-height: 30px;background: #ff6e6c;color: #fff;
}
.n-product-hold ul li:hover p{
    background: #ff0000;
}
.pro-list-hold1 ul li p{
    line-height: 27px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.pro-list-hold1 ul li:hover p{
    color: #08a4f1;
}
.pro-list-hold2{
    overflow: hidden;
}
.pro-list-hold2 ul li{
    width: 23%;margin: 1%;text-align: center;float: left;padding: 1% 0;
}
.pro-list-hold2 ul li img{
    width: 96%;border: 1px solid #ddd;
}
.pro-list-hold2 ul li p{
    line-height: 27px;
}
.pro-list-hold2 ul li:hover p{
    color: #08a4f1;
}


.n-pro-guide{
    height: 40px;margin-top: 20px;border-bottom: 1px solid #d22d31;overflow: hidden;
}
.n-pro-guide .n-pro-g-left{
    float: left;height: 40px;line-height: 40px;
}
.n-pro-guide .n-pro-g-left i{
    height: 22px;width: 4px;background: #d22d31;display: inline-block;line-height: 40px;vertical-align: middle;
}
.n-pro-guide .n-pro-g-left span{
    color: #000;font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;
}
.n-second-guide-hezuo{
    max-width: 1200px;position: relative;margin: 30px auto;text-align: center;z-index: 1000;
    animation:zoomIn 2s;
    -moz-animation:zoomIn 2s; /* Firefox */
    -webkit-animation:zoomIn 2s; /* Safari and Chrome */
    -o-animation:zoomIn 2s; /* Opera */
}
.n-second-guide-hezuo .line{
    border-top: 1px solid #ddd;
    position: absolute;
    top: 50%;
    z-index: -1;
    width: 100%;
}
.n-second-guide-hezuo a{
    display: inline-block;
    padding: 6px 25px;
    margin: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    background: #fa5351;
    color: #fff;
    position: relative;
}
.n-second-guide-hezuo a:hover{
    background: #d22d31;

}
.power{
    -webkit-transition: -webkit-transform 0.5s;
    transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
}
.power:hover{
    transform: translate(0,-5px);

    -moz-transform: translate(0,-5px);

    -o-transform: translate(0,-5px);

    -webkit-transform: translate(0,-5px);

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.article-shop-img{
    width: 600px;float: left;text-align: center;margin-top: 20px;position: relative;
}
.product-right_sunu{
    margin: 40px 0;
}
.article-shop-body{
    width: 370px;float: left;border: 1px solid #ff0000;border-radius: 10px;margin-top: 60px;margin-right: 15px;
}
.article-shop-body-tit{
    background: #ff0000;color: #fff;padding: 15px 5px;border-radius: 10px 10px 0 0;text-align: center;font-size: 18px;
}
.tit{
    font-size: 16px;font-weight: bold;
}
.map img{width:100%}
.map-hold{
    width: 800px;margin: 40px auto;border: 1px solid #ddd;overflow: hidden;
}
.map-hold .map-left{
    float: left;width: 48%;padding: 2%;
}
.map-hold .map-right{
    width: 46%;float: left;text-align: center;margin-top: 20px;
}
.map-hold .map-right img{
    width: 200px;
}
.map{
    width: 800px;margin: 20px auto;
}
.map iframe{
    width: 100%;height: 100%;border: 1px solid #ddd;
}
.article-shop-body-con{
    padding: 10px;
}
.article-shop-date{
    margin: 20px auto;max-width: 1000px;
}
.article-shop-date-tit{
    font-size: 16px;font-weight: bold;padding-top: 20px;
}
.article-shop-date-tit i{
    width: 2px;height: 20px;background: #003326;vertical-align: middle;display: inline-block;margin-right: 15px;
}
.article-shop-date-tit span{
    vertical-align: middle;
}
.n-product-duider{
    margin: 20px 0;
}
.n-product-duider .n-product-guider-list{
    padding: 15px 0;
}
.n-product-duider .n-product-guider-list a{
    padding: 0 10px;
}
.n-product-guider-list-tit{
    background: #ff0000;padding: 5px 10px;color: #fff;font-weight: bold;
}
.article-shop h4{
    text-align: center;font-size: 16px;margin: 20px 0;
}
.cpmcjs{
    text-align: center;
}
.cpmcjs img{
    min-width:500px;margin: 0 auto;
}
.biao {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/hs.jpg) left 8px no-repeat;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #AEAEAE;
    font-size: 14px;
}
.biao01 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/hs.jpg) left 8px no-repeat;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #AEAEAE;
    font-size: 14px;
    margin-top: 10px;
}
.tupian {
    text-align: center;font-size: 18px;line-height: 40px;font-weight: bold;
}
#demo11{
    overflow: hidden;
}
#demo11 ul li{
    float: left;width: 25%;text-align: center;margin: 20px 0;
}
#demo11 ul li p{
    line-height: 30px;
}
.table-x{
    width: 900px;
    overflow-x:auto;
}
.forem{
    width: 350px;  margin-left: 100px;float: left;
}
.input{
    border: 1px solid #08a4f1;outline: none;width: 350px;padding: 10px ;margin: 10px 0;
}
.textarea{
    height: 100px;width: 350px;border: 1px solid #08a4f1;outline: none;margin: 10px 0;padding: 10px
}
.article-shop-con{
    margin-top: 60px;
}
.article-shop-con-tit{
    font-size: 18px;font-weight: bold;color: #000;
}
.swiper-wrapper{
    margin: 40px 0;
}
.swiper-wrapper .swiper-slide{
    text-align: center;font-size: 16px;line-height: 24px;
}
.swiper-wrapper .swiper-slide img{
    width: 90%;padding: 2%;border: 1px solid #ddd;
}
.ph-head-guide ul{
    display: none;
}
.history {background:url(../images/line04.jpg) repeat-y 400px 0;overflow:hidden;position:relative;padding-bottom:50px;width: 810px;margin: 40px auto;line-height: 27px}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.jpg) #fff no-repeat 373px 0; height:32px; margin-bottom:14px;}
.history-date h2.first { position:absolute; left:0; top:0; width:100%; z-index:99;}
.history-date h2 a { color:#ff0000; font-weight:bold;font-size:16px; font-family:Arial, Helvetica, sans-serif; display:inline-block; *display:inline; zoom:1; width:58px; height:32px; line-height:32px; text-align:center;margin:1px 0px 0px 373px; }
.history-date h2 a:hover { text-decoration:none;}
.history-date ul { padding:0px; overflow:hidden;}
.history-date ul li { background:url(../images/icon07.png) no-repeat 396px 5px; padding-bottom:25px; zoom:1; }
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.his_ll{ float:left; width:280px;color:#000; margin-left:100px; text-align:right;}
.his_rr{ float:right; width:350px;color:#000; margin-right:35px;}
.histroy-tit{
    text-align: center;
}
.scroll{
    display: none;
}
.ph-product-guider{
    display: none;
}
.footer-bom{
    border-top:1px solid #ddd ;line-height: 40px;
}
.f-hold{
    max-width: 1200px;margin: 0 auto;overflow: hidden;
}
.f-hold-right{
    width: 300px;float: right;margin-top: 5px;
}


.banner img{
width:100%
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-cart{
    display: none;
}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box img{
    width: 200px;
}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media screen and (max-width: 1600px){
    .banner-center{
        right: 20px;
    }
}
@media screen and (max-width: 1500px){
    .flexslider .slides .banner5-left img {
        width: 80%;margin: 0 auto;
    }
    .flexslider .slides   .banner-center img{
        width: 80%;margin: 0 auto;
    }
    .flexslider .slides    .banner2-center img{
        width: 75%;margin: 0 auto;
    }
    .flexslider .slides   .banner1-left img{
        width: 80%;margin: 0 auto;
    }
    .flexslider .slides    .banner3-left img{
        width: 80%;margin: 0 auto;
    }
    .flexslider .slides     .banner4-left img{
        width: 80%;margin: 0 auto;
    }
    .head .head-left img{
        width: 100%;
    }
    .news-l{
        height: 440px;
    }
.news-l .more{
display:none
}
.news-r{
height: 173px;
}
}
@media screen and (max-width: 1300px){
  .news-l{
        height: auto;
    }

.news-r{
height: auto;
}
}
@media screen and (max-width: 1150px){
    .about-con{
        width: 80%;margin: 0 10%;
    }
    .about-right{
        width: 80%;margin: 0 10%;
    }
    .pro-head .pro-left{
        /*width: 80%;margin: 0 10%;*/
    }
    .news-left{
        width: 80%;margin: 4% 10% 0 10%;
    }
    .news-right{
        width: 80%;margin: 2% 10%;
    }
    .news-right .more{
        display: none;
    }
    .news-l{
        height: auto;width: 92%;
    }
    .news-righ{
        width: 98%;
    }
    .sike-tit{
        width: 80%;margin: 0 10%;
    }
    .footer-left{
        width: 100%;
    }
    .footer-right{
        width: 100%;text-align: center;margin-top: 2%;
    }
}
@media screen and (max-width: 1100px){
    .head-left{
        display: none;
    }
    .ph-logo{
        display: block;    float: left;
        width: 45%;
    }
    .pro-list-hold1 ul li{
        width: 31.333%;
    }
    .pro-list-hold2 ul li{
        width: 31.333%;
    }
    .pro-list-hold2 ul li img{
        height: auto;
    }
    .n-product-hold ul li{
        width: 31.333%;
    }
}
@media screen and (max-width: 900px){
.n-about-hold img{

}
    .suspension{
        display: none;
    }
    .f-hold{
        display: none;
    }
    .map-hold{
        width: 98%;margin: 2% 1%;
    }
    .con h2{
        font-size: 16px;
    }
    .pro-right{
     width: 70%;
    }
    .map{
        width: 98%;margin: 2% 1%;
    }
.ph-article-shop-img{
    width: 98%;margin: 2% 1%;display: block;
}
.article-shop-img{
    display: none;
}
    .ph-article-shop-img img{
        width: 100%;
    }
    .article-shop-body{
        width: 98%;margin: 2% 1%;
    }
}
@media screen and (max-width: 700px){
    .ph-n-second{
        display: none;
    }
    .ph-product-guider{
        display: block;margin: 10px 0;
    }
    .pc-product{
        display: none;
    }
    .pro-right-list{
        margin-top: 20px;
    }
    .n-s-guider{
        border-bottom: 1px solid  #ff6e6c;padding-bottom: 5px;position: relative;
    }
    .n-s-guider i{
        width: 2px;height: 20px;background: #ff6e6c;display: inline-block;margin: 0 10px;vertical-align: middle;
    }
    .n-s-guider span{
        font-size: 16px;vertical-align: middle;
    }
    .n-s-guider font{
        width: 20px;
        height: 20px;
        background: url("../images/d.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        float: right;
        margin-right: 10px;
        margin-top: 5px;
    }
    .pro-l-hold ul{
        margin-bottom: 10px;display: none;
    }
    .pro-l-hold ul li{
        padding: 8px;border-bottom: 1px dotted #ddd;background: #ff6e6c;
    }
    .pro-l-hold ul li a{
        color: #fff;
    }
    .ph-n-pro-guide{
        display: none;
    }


    /*电话与返回顶部*/
    .scroll {
        position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 10;
        display: block;
        cursor: pointer;
    }

    .s-tel {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center;
    }

    .s-tel i {
        width: 25px;
        height: 25px;
        background: url("../images/ph.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
    }

    .s-tel p {
        font-size: 12px;
        color: #fff;
        margin-top: -10px;
    }

    .s-scroll {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center;
        margin-top: 10px;
    }

    .s-scroll i {
        width: 15px;
        height: 15px;
        background: url("../images/up1.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        margin-top: 5px;
    }

    .s-scroll p {
        font-size: 12px;
        color: #fff;
        margin-top: -5px;
    }
    .about-con{
        width: 98%;margin: 0 1%;
    }
    .about-right{
        width: 98%;margin: 0 1%;
    }
    .hezuo-tit{
        width: 98%;margin: 0 1%;
    }
    .hezuo-tit a{
        padding: 8px 10px;width: auto;
    }
    .pro-list-hold1 ul li{
        width: 48%;
    }
    .n-product-hold ul li{
        width: 48%;
    }
    .pc-head{
        display: none;
    }

    .ph-head {
        background: #ff8180;
        overflow: hidden;
        padding: 10px 0;
        display: block;
    }

    .ph-head img {;
        margin-left: 5%;
    }

    .ph-head .ph-tit {
        float: right;
        width: 30px;
        margin-top: 2%;
        margin-right: 5%;
    }

    .ph-head-guide ul li {
        padding: 10px;
        border-bottom: 1px solid #ff6b6a;
        background: #fb4a48;
    }


    .ph-head-guide ul li a {
        color: #fff;
    }

    .ph-head-guide ul li i {
        width: 20px;
        height: 20px;
        background: url("../images/icon-9.png") no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .ph-head-guide ul li:nth-child(2) i {
        background: url("../images/icon-1.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(3) i {
        background: url("../images/icon-4.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(4) i {
        background: url("../images/icon-9.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(5) i {
        background: url("../images/icon-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(6) i {
        background: url("../images/icon-6.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(7) i {
        background: url("../images/icon-5.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(8) i {
        background: url("../images/icon-6.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(9) i {
        background: url("../images/icon-3.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(10) i {
        background: url("../images/icon-9.png") no-repeat;
        background-size: 100% 100%;
    }

    .ph-head-guide ul li:nth-child(11) i {
        background: url("../images/icon-9.png") no-repeat;
        background-size: 100% 100%;
    }
    .ph-head-guide ul li:nth-child(12) i {
        background: url("../images/icon-8.png") no-repeat;
        background-size: 100% 100%;
    }
}
@media screen and (max-width: 600px){
.swiper-button-prev, .swiper-button-next{
display:none
}
    .map-hold .map-left{
        width: 90%;
    }
    .pro-right{
        width: 100%;margin: 20px 0;
    }
    .pro-hold .pro-list{
        width: 98%;margin: 1%;
    }
    .hold{
        padding: 0px 5px;
    }
  
    .footer-l-list{
        display: none;
    }
    .footer-right{
    text-align: center;
             }
    .footer-right img{
        width: 90%;
    }
    .pro-hold .pro-list .con{
        padding: 5px 3%;
    }
    .pro-hold .pro-list .con i{
        display: none;
    }
}