@charset "utf-8";
/* CSS 2020年12月修改 */
html,body,div,a,img,p,ul,li,i,span,p,h3{ margin:0; padding:0; font-size:14px;}
html{background:url(../images/body_bg.jpg)}
ul,li{ list-style:none;}
img{ border:0}
a{ text-decoration:none; color:#202020}
a:hover{ color:#9f1725}

.w1200{ width:1200px; margin:0 auto;}
.cl{ clear:both;}
.mt{ margin-top:30px;}
.mb{ margin-bottom:30px;}



/*滚动图片*/
.pic{ position:relative; height:300px; padding:30px 0; background:url(../images/picbg.jpg) center center;}
.wa{ position:absolute; width:100%; height:14px; top:0; left:0; background:url(../images/wa.png) center top repeat-x; z-index:2;}
.pic .bg{ height:300px; background:url(../images/picbg.png) center center no-repeat;}
.pic .pT{ padding:10px; color:#fff;}
.pic .pT img{ height:14px;}
.pic .pT .pTl{ float:left;}
.pic .pT .pTr{ float:right;}

#product{ width:1200px; margin:0 auto; height:270px; overflow:hidden;}
#product ul{ float:left;}
#product li{ background:#fff; width:200px; height:230px; border:1px solid #CCC; padding:10px; float:left; margin:10px; text-align:center;}
#product li p{ height:30px; line-height:30px;}
#product .box{ width:1936px;}

/*公司简介*/
.aboutl{ width: 400px; float: left;}
.aboutl img{ width: 400px; height: 300px;}
.aboutr{ width: 750px; float: right;}
.aboutr h3{ text-align: center;}
.aboutr h3 a{ font-size: 20px; line-height: 40px;}
.aboutr p{ color: #666; line-height: 30px;}
.aboutr p a.zfr{ float: right; margin-right: 20px;}

/*新闻列表*/
.news h3{ border-bottom:2px dotted #333; line-height:40px; margin-bottom:5px; color:#9f1725;}
.news h3 i{ font-size:24px;}
.news h3 span{ font-size:20px; color:#999; font-weight:normal;}
.news h3 a{ float:right; font-size:12px; color:#9f1725; font-weight:normal; line-height:40px;}
.news h3 a:hover{ color:#f60;}
.news .nL{ float:left; width:48%;}
.news .nL ul li{ line-height:30px; height:30px; border-bottom:1px dotted #999;}
.news .nL ul li i{ color:#9f1725;}
.news .nL ul li span{ float:right; color:#9f1725; font-size:12px;}
.news .nR{ float:right; width:48%;}
.news .nR .nRb img{ width:30%; float:left; margin-top:10px; margin-left:10px;}
.news .nR .nRb .nRbr{ width:60%; float:right; padding-top:20px;}
.news .nR .nRb .nRbr p{ color:#9f1725; line-height:30px;}

/*案例展示*/
.case{ padding: 30px 0;}
.case h3{font-size: 30px; text-align: center; }
.case .anli{ margin-top: 10px;}
.case ul li{width: 230px; float:left; margin:10px 5px; background: #fff; text-align: center;}
.case ul li img{ padding: 10px 10px 0 10px; width: 210px;}
.case ul li span{line-height: 30px;}

/*地图*/
.map{padding:30px 0;}
.map h3{font-size: 30px; text-align: center; }
.map span{ display: block; height: 10px; border-bottom: 3px solid #dddddd;}
.map .map2{ margin-top: 10px; padding: 10px; background: #fff;}
.map .phone{display: none;}

/*link*/
.link{ padding: 10px 0;}
.link a{ padding:10px; line-height: 30px;}

/*底部*/
.foot{ text-align:center; background:#d6d6d6; padding:20px 0;}
.foot p{ line-height:23px;}
.foot a{ color:#000000;}
.foot a:hover{ color:#666;}

/*返回顶部*/
#pageTop{background:url(../images/page_top.png) no-repeat;}
#pageTop:hover{background-position:-71px 0}
#pageTop { width: 62px; height: 80px; right: 20px; bottom: 20px; position: fixed; overflow: hidden; text-indent: -999px;}
#pageTop a { width: 100%; height: 100%; display: block;}

/*手机端样式*/
@media (max-width:980px){
    .w1200{ width: 100% !important;}
    .aboutl,.aboutl img,.aboutr{width: 100% !important;}
    .aboutr p{ padding: 10px;}
    
    .case ul li{ width: 48%; margin: 2% 1%;}
    .case ul li img{ width:96%; padding: 2% 2% 0% 2%;}
    
    .news .nL,.news .nR{ float: none; width: 98%; padding: 1%;}
    .news .nR{ margin-top: 20px;}
    
    .map .map2{ display: none;}
    .map .phone{ display: block; width: 98%; margin-top: 10px; padding: 1%; background: #fff; overflow: hidden; }
}