@import url(main.css);
.main{width:1200px;margin:30px auto;zoom:1;}
.main:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}

.crumb{width:1200px;margin:0 auto;height:50px;line-height:50px;margin-top:20px;}

.about{width:1200px;margin:0 auto 50px;}
.about img{margin-bottom:10px;width:100%;}
.about p{font-size:14px;line-height:28px;}

.contact{width:1200px;margin:0 auto 50px;}
.contact img{margin-bottom:10px;width:100%;height:auto;}
.contact h1{font-size:18px;line-height:36px;}
.contact p{font-size:16px;line-height:32px;}
.contact p b{width:70px;display:inline-block;font-weight:500;text-align:right;text-align: justify;text-align-last: justify;}
.contact p span{width:300px;display:block;}
.contact p span img{width:100%;height:auto;}

/*新闻中心 列表*/
.news{width:1200px;margin:0 auto 50px;}
.news_list{width:100%;margin-top:20px;}
.news_list li{background:#FFF;padding:20px 0;margin-bottom:15px;background:#f1f1f1;border-radius:10px;}
.news_list li:hover{background:#ececec;cursor:pointer;}
.news_list li .news_sub{margin-top:0;}

.news_sub{margin-top:20px;transition:all 0.6s;}
.news_sub span{float:left;width:60px;text-align:center;margin:0 30px;color:#c1c1c1;}
.news_sub span i{font-style:normal;display:block;font-size:30px;color:#282828;}
.news_sub span em{font-style:normal;color:#282828;}
.news_sub div{float:left;width:1050px;}
.news_sub div h3{font-size:16px;font-weight:500;}
.news_sub div p{color:#999;font-size:12px;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/*新闻中心 内容详情*/
.news_con{width:1180px;margin:0 auto 50px;}
.news_con h1{text-align:center;font-size:18px;}
.news_con span{display:block;text-align:center;color:#999;}
.news_con p{font-size:14px;line-height:28px;}
.news_con .subpart p{line-height:40px;}

.subpart{margin:20px 0;background:#e1e1e1;height:40px;line-height:40px;border-radius:10px;color:#000;}
.subpart p{width:44%;padding:0 2%;margin-right:4%;overflow:hidden;float:left;}
.subpart p:last-child{margin-right:0;}
.subpart a{color:#000;}

/*产品列表*/
.sidebar{width:98%;padding:10px 1%;}
.sidebar ul{padding-bottom:10px;}
.sidebar ul li{width:18%;margin:5px 1%;height:40px;line-height:40px;float:left;font-size:16px;background:#282828;text-align:center;transition:all .5s;}
.sidebar ul li a{color:#fff;}
.sidebar ul li:hover{background:#ec0000;transition:all .5s;}

.product{width:1200px;margin:0 auto 50px;}
.ct2{padding:10px 0}
.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}

.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}
.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}


.area{width:1200px;margin:0 auto 50px;}
.area_list li{float:left;width:290px;height:290px;position:relative;margin:5px;border-radius:20px;overflow:hidden;}
.area_list li img{width:100%;height:100%;}
.area_list li p{display:none;color:#FFF;font-size:18px;line-height:290px;text-align:center;}
.area_list li .txt{width:290px;background:rgba(44,44,44,0.6);z-index:999;position:absolute;left:0;bottom:0;opacity:0;border-radius:20px;}
.area_list li:hover .txt{opacity:1;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;}
.area_list li:hover .txt p{display:block;}

.area_con{padding:20px;}
.area_con img{max-width:700px;margin:0 auto 5px;}
.area_con h1{text-align:center;font-size:18px;line-height:40px;}
.area_con p{font-size:14px;line-height:28px;}
.area_con .subpart p{line-height:40px;}

.content{background:#f1f1f1;max-width:1920px;margin:0 auto;padding:30px 0;}
.content img{float:left;width:300px;height:300px;margin-right:30px;}
.content_con{width:870px;height:300px;overflow:hidden;float:left;}
.content_con h2{font-size:18px;line-height:40px;}
.content_con p{font-size:14px;line-height:28px;text-indent:2em;}

.model{width:1200px;margin:0 auto 50px;}
.model dl dt{background:#d70000;color: #fff;}
.model dl dd:nth-child(odd){background:#e1e1e1;}
.model dl dd:hover{background:#ec0000;}
.model dl dd:hover a{color:#FFF;}
.model dl dd a{color:#444;}

.model_list li{float:left;width:10%;text-align:center;height:45px;line-height:45px;border-right: 1px #f1f1f1 solid;}
.model_list li:nth-child(1){width:15%;}
.model_list li:nth-child(2),.model_list li:nth-child(3){width:20%;}
,.model_list li:nth-child(4),.model_list li:nth-child(5){width:5%;}
.model_list li:last-child{width: 14%;border: none;}


/*产品型号*/
.product_sub{margin-top:10px;}
.product_sub img{float:left;width:368px;height:368px;margin-right:20px;border:1px solid #ccc;}
.product_sub table{float:left;width:810px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;height:45px;line-height:73px;}
.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;}
.product_sub table tr td{border-left:1px solid #ddd;padding-left:20px;}

.product_con{margin-top:20px;}
.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;}
.pro_content p{font-size:14px;line-height:35px;text-indent:2em;padding:10px;}
.product_con img{max-width:800px;height:auto;margin:20px auto;}

.product_tuijian{margin-top:20px;}
.product_tuijian li{width:29.333%;margin:0 2%;float:left;height:35px;line-height:35px;overflow:hidden;}



/* 分页 */
.pages{margin-top: 20px;}
.pagination{
    padding:10px 12px; margin-top:50px; clear:both; text-align:center; vertical-align:top;
}
.pagination a{
    display:inline-block; padding:8px 15px; margin-right:3px; border:1px solid #ccc; overflow:hidden; vertical-align:top; font-size:12px;
}
.pagination .page-num-current{
    background:#077ee3; color:#FFF; text-decoration:none;
}
.pagination a:hover{
    background:#077ee3; border:1px solid #077ee3; color:#FFF; text-decoration:none;
}