@import url(ph-main.css);
.crumb{width:96%;padding:0 2%;height:4rem;line-height:4rem;margin-top:1rem;}

.about{width:96%;margin:0.5rem 2% 3rem;}
.about img{width:100%;margin-top:0.5rem;margin-bottom:0.5rem;width:100%;}
.about p{font-size:1.4rem;line-height:3rem;}

.contact{mxx-width:750px;width:96%;padding:0 2% 3rem;}
.contact img{margin-bottom:1rem;width:100%;height:auto;}
.contact h1{font-size:1.6rem;line-height:3.2rem;}
.contact p{font-size:1.4rem;line-height:2.8rem;}
.contact p b{width:16%;display:inline-block;font-weight:500;text-align:right;text-align: justify;text-align-last: justify;}
.contact p span{width:100%;display:block;}
.contact p span img{width:100%;height:auto;}

/*新闻中心 列表*/
.news{width:96%;padding:0 2% 3rem;}
.news_list{width:100%;margin-top:1rem;}
.news_list li{background:#f1f1f1;padding:0.5rem 0;margin-bottom:1rem;border-radius:1rem;}
.news_list li .news_sub{margin-top:0;}

.news_sub{padding:0.5rem 0;}
.news_sub span{float:left;width:16%;text-align:center;margin:0 4%;color:#c1c1c1;}
.news_sub span i{font-style:normal;display:block;font-size:2.4rem;line-height:2.4rem;color:#282828;}
.news_sub span em{font-style:normal;color:#282828;font-size:1.2rem;line-height:1.2rem;}
.news_sub div{float:left;width:75%;}
.news_sub div h3{font-size:1.4rem;line-height:3rem;font-weight:500;}
.news_sub div p{color:#c1c1c1;font-size:1.2rem;line-height:2rem;height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*新闻中心 内容详情*/
.news_con{width:96%;padding:0.5rem 2% 3rem;}
.news_con h1{text-align:center;font-size:1.6rem;}
.news_con span{display:block;text-align:center;color:#999;}
.news_con p{font-size:1.4rem;line-height:3rem;}

.subpart{margin:1rem 0;}
.subpart p{width:96%;background:#e1e1e1;border-radius:0.5rem;padding:0 2%;color:#000;height:3rem;line-height:3rem;margin-bottom:1rem;overflow:hidden;}
.subpart a{color:#000;}

/*产品列表*/
.sidebar{width:98%;padding:0.5rem 1%;}
.sidebar ul li{width:48%;margin:0.25rem 1%;height:3rem;line-height:3rem;float:left;font-size:1.4rem;background:#282828;text-align:center;transition:all .5s;}
.sidebar ul li a{color:#fff;}

.product{width:98%;margin:0 auto;}
.ct2{padding:10px}
.ct2-sd{float:left;width:246px}
.ct2-sd-right{float:right}
.ct2-mn{float:right;width:940px}
.ct2-mn-left{float:left}
.panel-sd{margin-bottom:20px}
.panel-sd .tit{background-color:#015cb5;color:#fff;text-align:center;line-height:50px;font-size:20px;font-weight:700}
.panel-sd .bd{ margin-top:10px;}
.lanmu .tit{line-height:60px;background-color:#015cb5}
.lanmu li{margin-bottom:10px}
.lanmu li:last-child{margin-bottom:0}
.lanmu li>a{display:block;line-height:36px;background-color:#015cb5;border-radius:3px;text-align:center;color:#fff}
.lanmu-box{margin-top:10px}
.lanmu-box p{border-bottom:1px dashed #e3e3e3;line-height:32px;height:32px;overflow:hidden;background:url(../image/flico.jpg) no-repeat 0 10px;padding-left:20px;margin:0}
.list-1{margin:-20px 0 0 -20px}
.list-1 li{float:left;width:33.33%; height:306px;}
.list-1 .wrap{margin:20px 0 0 20px;background-color:#fff;padding:5px; border:#CCC solid 1px; height:286px;}
.list-1 .img-cover{ width:100%; height:236px;}
.list-1 .img-cover img {width:100%; height:236px;}
.list-1 .text{border-top:0;text-align:center}
.list-1 .text h4{margin:0;font-weight:600; line-height:50px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-1 .text p{margin:15px 0 0;font-size:14px}
.list-1 .text .bt{display:inline-block;margin:0 15px;line-height:30px;color:#fff;padding:0 15px;background-color:#015cb5;border:1px solid transparent}
.list-1 .wrap:hover{background-color:#0960AF}
.list-1 .wrap:hover .img-cover span{-webkit-transform:scale(1.1);transform:scale(1.1)}
.list-1 .wrap:hover a{color:#fff}
.list-1 .wrap:hover .bt{border-color:#fff;background-color:transparent}
.list-1 .wrap:hover .bt:last-child{background-color:#fff;color:#333}
.list-1{margin:-10px 0 0 -10px}
.list-1 li{width:50%}
.list-1 .wrap{margin:10px 0 0 10px}
.list-1 .text{padding:10px 0 0}
.list-1 .text p{display:none}
.ct2{padding:30px 0}.ct2-sd{display:none}.ct2-mn{float:none;width:auto}

.yunu-showcase{margin:0 auto 20px}
.yunu-showcase-info{margin-left:430px}
.yunu-showcase-info h1{font-size:20px;margin:0;border-bottom:1px dashed #ddd;padding-bottom:15px}
.yunu-showcase-info p{margin:15px 0 0;color:#666;line-height:1.8}
.yunu-showcase-info .tel{margin-top:15px}
.yunu-showcase-info .tel a{line-height:42px;color:#fff;display:inline-block;width:120px;text-align:center;border-radius:5px;background-color:#015cb5}
.pc-slide{float:left;width:400px}
.view .swiper-slide .imgauto{width:100%;height:300px;line-height:300px}
.view .swiper-container{width:100%}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{margin:0 30px}
.preview .swiper-slide .imgauto{height:80px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative}
.preview .swiper-slide .imgauto img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.preview .arrow-left{background:url(../image/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview .arrow-right{background:url(../image/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview img{padding:1px}
.preview .active-nav .imgauto{border:1px solid #015cb5}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#fff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask{position:absolute;background:url(../image/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}
.yunu-sou{padding:15px 0;background-color:#f5f5f5}
.yunu-sou .hot{float:left;padding:5px 0}
.yunu-sou .hot a{margin-right:10px}
.yunu-sou .hot strong{color:#015cb5}
.yunu-sou .hform{float:right}
.yunu-sou .hform input{float:left;font-size:12px;border:1px solid #eee;padding:6px 12px;line-height:16px;width:210px}.yunu-sou .hform button{border:0;border-bottom:1px solid transparent;padding:0;float:left;cursor:pointer;outline:none;width:49px;height:30px;background:#015cb5;color:#fff}.yunu-link{padding:20px 0}.yunu-link h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#015cb5;padding-bottom:15px}.yunu-link h4 small{text-transform:uppercase;font-size:16px;font-weight:400;color:#999}.yunu-link ul{margin-left:-20px}.yunu-link li{float:left;margin-left:20px;margin-top:20px}
.cp-content-tit{margin-bottom:20px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:16px}.cp-content-tit small{font-size:12px;text-transform:uppercase;color:#999;padding-left:5px}
.content-exp{padding:10px 15px;font-size:12px;background-color:#f5f5f5;margin-top:20px;border-radius:5px}.content-exp li{line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-content-tit{margin-bottom:20px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:16px}.cp-content-tit small{font-size:12px;text-transform:uppercase;color:#999;padding-left:5px}
.pc-slide{float:none;width:auto}.yunu-showcase-info{margin:20px 0 0}.yunu-showcase-info h1{padding-bottom:10px}.yunu-showcase-info p{margin-top:10px}.yunu-sou{padding:0}.yunu-sou .container{padding:0}.yunu-sou .hot{display:none}.yunu-sou .hform{float:none;position:relative}.yunu-sou .hform input{font-size:14px;border-color:transparent;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;padding:9px 60px 9px 15px;border-radius:0;background-color:#f5f5f5}.yunu-sou .hform button{position:absolute;right:0;top:0;width:50px;height:40px;font-size:14px}





.area{width:96%;padding:0 2% 3rem;}
.area_list li{float:left;width:49%;margin-right:2%;margin-bottom:1rem;height:auto;border-radius:1rem;overflow:hidden;}
.area_list li:nth-child(2n+2){margin-right:0;}
.area_list li img{width:100%;height:100%;}
.area_list li p{color:#444;font-size:1.4rem;line-height:4rem;text-align:center;}
.area_list li .txt{width:100%;}

.area_con{width:100%;margin:1rem 0;}
.area_con img{max-width:100%;margin:0 auto 5px;}
.area_con h1{text-align:center;font-size:1.6rem;line-height:3rem;}
.area_con p{font-size:1.4rem;line-height:3rem;}

/*产品型号*/
.content{background:#f1f1f1;max-width:750px;width:96%;margin:0 auto;padding:2rem 2%;}
.content img{width:100%;height:auto;}
.content_con{width:100%;height:auto;}
.content_con h2{font-size:1.6rem;line-height:3.2rem;}
.content_con p{font-size:1.2rem;line-height:2.4rem;}

.model{width:96%;margin:1rem auto 3rem;}
.model dl dt{background:#e1e1e1;}
.model dl dd:nth-child(odd){background:#e1e1e1;}

.model_list li{float:left;width:10%;text-align:center;font-size:1.4rem;height:3rem;line-height:3rem;}
.model_list li:nth-child(1),.model_list li:nth-child(2){width:30%;}
.model_list li:last-child{width:40%;}
.model_list li:nth-child(3),.model_list li:nth-child(4),.model_list li:nth-child(5),.model_list li:nth-child(6){display:none;	}

.product_sub{width:96%;padding:0 2%;}
.product_sub img{width:99%;height:auto;border:1px solid #ccc;}
.product_sub table{width:99.5%;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;height:3.5rem;line-height:3.5rem;margin-top:0.5rem;}
.product_sub table tr{border-bottom:1px dashed #ddd;}
.product_sub table tr:last-child{border-bottom:1px solid #ddd;}
.product_sub table tr th{width:20%;background:#f0f0f0;font-size:1.4rem;}
.product_sub table tr td{border-left:1px solid #ddd;padding-left:1rem;font-size:1.4rem;}

.product_con{width:96%;padding:1rem 2%;}
.product_con h4{width:100%;border-bottom:1px solid #ccc;height:40px;line-height:40px;font-size:18px;}
.product_con h4 span{border-bottom:3px solid #163060;padding:0 10px 7px 10px;}
.product_con p{font-size:1.4rem;line-height:3rem;padding:0.5rem;}
.product_con img{width:100%;margin:1rem auto;}

.product_tuijian{margin-top:1rem;}
.product_tuijian li{width:46%;margin:0 2%;float:left;height:2.5rem;line-height:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 分页 */
.pages{margin-top: 20px;}
.pagination {text-align: center;clear: both;}
.pagination a {display: inline-block;margin-right: -1px;padding: 5px;min-width: 20px;text-align: center;}
.pagination a.active {background: #077ee3;color: #fff;}