@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 14px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1002px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1002px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*样式初始化及公共样式部分lpm*/
body{color:#666; font-size:14px; margin:0 auto; background-color:#fff;  font-family:"arial";}
a{color:#666; text-decoration:none;}      /*定义全局链接颜色lpm*/
a:hover{color:#0070c8; text-decoration:none;}      /*定义全局链接鼠标滑过颜色lpm*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0px; padding:0px; list-style:none; border:0px;}      /*主要标签的样式初始化lpm*/
.clear{clear: both; height:0px; overflow:hidden;}  /*清除左右浮动lpm*/
.fl{float:left;}     /*定义左浮动lpm*/
.fr{float:right;}     /*定义右浮动lpm*/
.cp img{border:1px solid #C1C1C1; padding:2px;  background:#fff;}      /*定义标签调用图片的边框样式lpm*/
.cp a:hover img{ border:1px solid #0070c8; padding:2px; background:#fff;}      /*定义鼠标经过时边框的变化效果lpm*/
#copy{ display:none;}      /*隐藏后台自带版权DIVlpm*/
.box{width:1002px; height:auto; margin:0 auto;}      /*定义版面统一宽度lpm*/
.font_en{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}      /*定义英文字体及大写lpm*/
.main { width:1002px; margin:0 auto;}
#main { width:1002px; margin:0 auto;}
.top5{padding-top:5px;}
.top20{padding-top:20px;}
.top30{padding-top:30px;}
.top10{padding-top:10px;}
.top40{padding-top:40px;}
.top50{padding-top:50px;}
.top70{padding-top:70px;}
.hidden{display:none;}

/*抬头*/
.top_bg{ width:100%;margin:0 auto; 
    
    background: #f5f6f7 ;
 

  
}
#top{height:32px; color:#666; line-height:32px;}
.top_l{font-size: 11px ;
    color: #73787e ;}
.top_r{padding-right:20px;
   }
.top_r a{
    font-size: 12px;line-height:18px;color: #60666d;
}

.top_r a:hover{color:#a30d21;}
.top_r span{ color: #60666d;padding: 0 20px;
}
.logo{padding-top:25px; height:104px; padding-bottom:28px; padding-right:15px;}

.name p {font-size: 13px ;
    line-height: 1.5 ;
    font-weight: 400 ;
    color: #596168 ;
    margin: 0;}
.name span {font-size: 12px ;
    line-height: 1.7 ;
    color: #7a8085 ;
    display: block;}


#head{  
    min-height: 112px;width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 0 ;
    box-sizing: border-box;}
#head .tel img{width: 200px;
    max-width: 100%;
    height: auto ;
    filter: grayscale(1);}
#head .name{    max-width: 760px;}

#head .name:before {
    content: "SHENGHAO DOORS";
    display: block;
    font-size: 26px;
    font-weight: 750;
    letter-spacing: 1px;
    line-height: 1.25;
    color: #24272b;
    margin-bottom: 7px;
    border-left: 3px solid #a30d21;
    padding-left: 13px;
}



/*导航*/
.nav_bg{width:100%; height:50px; background:#007dd2;}
#nav li{width:100px; height:50px; line-height:50px; float:left; text-align:center; font-family:"Microsoft YaHei"; background:url(images/20170207142651_649553092.jpg) no-repeat center right;}
#nav li a{ color:#fff; font-size:14px; display:block; margin-right:1px;}
#nav .a_nav a{padding:0 18px 0 18px; background:#2dba01; color:#fff;}
#nav li a:hover , #nav li a.navCur{background:#2dba01; color:#fff;}






/*产品展示*/

#prod{
    
}

.list{width:230px; height:auto;
    box-sizing: border-box;
        border: 1px solid #e5e7e9;
    background: #fff ;
    box-shadow: none ;
    border-radius: 5px;
    overflow: hidden;
    
}
.list_t{width: 230px; color:#fff;overflow:hidden; text-align:center; font-size:12px; text-transform:uppercase;
    
        height: auto ;
    min-height: 64px;
    background:#f5f6f7;
    color:#24272b;
    border-bottom: 1px solid #e5e7e9;
}
.list_t span{ display:block; font-weight:bold;
        font-size: 16px;
    letter-spacing: .5px ;
    margin: 0 ;
    padding: 23px 14px ;
}

.list_t1 { width:181px; height:32px;  overflow:hidden;  line-height:32px; font-size:16px; color:#fff; margin:0 auto; 
    border: 0 ;
  
    height: auto ;
    line-height: 1.5 ;
}
.list_t1 a { color:#24272b !important; font-size:16px;}
.list_t1 a:hover { color:#fff !important; font-size:16px; text-decoration:underline;}

.list_t2 {width:190px; min-height:30px; margin:0 auto; height:auto;  overflow:hidden; font-size:14px; color:#666666; text-align:left; }
.list_t2 li{
    border-bottom: 1px solid #edf0f2;width: 186px;
}
.list_t2 a { font-size:13px ; display:block;line-height: 1.55;padding: 14px 5px ;
    color: #596168 ;

    
}
.list_d{ line-height:40px; padding:16px 0px 0 0px;  border-top:none; overflow:hidden;
  
}

.list_m{ width:230px; height:20px; overflow:hidden;}
.list_d a:hover{color:#a30d21;}

.markermenu ul li a { font-family:"Microsoft YaHei" !important; font-size:14px !important;}

.prod_main{width:742px; height:auto;}
.prod_d{width:742px; margin:10px auto; border-top:none;}
.prod_more  a{color: #a30d21;
    font-size: 12px ;}

#tablit {width:752px; margin:0 auto;  height:auto; }
#tablit dl{ float:left; width:752px; justify-content: space-between;
    border-bottom: 1px solid #e5e7e9;

    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
    padding-bottom: 14px;
    box-sizing: border-box;
}
#tablit dl dt{ width:12px; height:30px; line-height:30px; font-size:14px;}
#tablit dl dd{width:120px;height:30px; line-height:30px; text-align:center; font-size:14px;}

#tablit dl dd, #tablit .on{
    color: #24272b;
    font-size: 25px ;
    line-height: 1.3;
    height: auto ;
    width: auto ;
    text-align: left ;
    font-weight: 650 ;}
#tablit .out{ color:#a30d21;}
.tabcon{width:748px; height:auto; clear:both; padding-top:15px;}
.dis{display:none;}

.ddsubmenustyle li a{width: auto;}
.rightarrowpointer{display:none;}

.prod_b{min-height: 300px;
    
    display:flex;flex-wrap: wrap;
    
    gap: 24px 18px;
    padding-bottom: 18px
}
.prod_b a{box-sizing: border-box;
    display:block;width: 237px;height: auto;
   
   
    margin: 0 ;
    border: 1px solid #e7e9eb;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 3px 12px #20262b06
    
}
.prod_b a:nth-of-type(3n){ margin-right:0;}

.prod_b a i{ padding:6px;
    display: block;width: 100%;height: auto;text-align: center;
}
.prod_b a i img{display:block;width:218px;
    height: auto;
}
.prod_b a em{ display: block;
font-style: normal ;
    font-size: 13px ;
    line-height: 1.55 ;
    text-align: left;
    padding: 14px ;
    white-space: normal ;
    height: auto ;
    color: #333a40 ;
    min-height: 44px;
}




/*优势*/
#adv_bg { width:100%; height:auto; background:#fff; overflow:hidden;}
.adv_bg1 { width:100%; height:573px; margin:0 auto; background:url(images/20170207144700_827531661.jpg) center no-repeat; overflow:hidden;}
.adv_bg2 { width:100%; height:482px; margin:0 auto; background:url(images/20170207145003_1861400162.jpg) center no-repeat; overflow:hidden;}

.adv_w1 { width:496px; height:130px; font-size:14px; color:#666666; line-height:36px; margin:172px 0 0 65px;}
.adv_w1 b { display:block; color:#a30d21; font-size:26px; line-height:36px;}
.adv_w1 span { display:block; font-size:16px; line-height:20px; color:#000000; margin-bottom:16px;}

.adv_w2 { width:393px; height:166px; font-size:14px; color:#666666; line-height:36px; margin:40px 0 0 65px;}
.adv_w2 b { display:block; color:#a30d21; font-size:26px; line-height:36px;}
.adv_w2 span { display:block; font-size:16px; line-height:20px; color:#000000; margin-bottom:16px;}

.adv_w3 { width:340px; height:205px; font-size:14px; color:#666666; line-height:36px; margin:0 0 0 567px;}
.adv_w3 b { display:block; color:#a30d21; font-size:26px; line-height:36px;}
.adv_w3 span { display:block; font-size:16px; line-height:20px; color:#000000; margin-bottom:15px;}

.adv_w4 { width:393px; height:166px; font-size:14px; color:#666666; line-height:36px; margin:35px 0 0 567px;}
.adv_w4 b { display:block; color:#a30d21; font-size:26px; line-height:36px;}
.adv_w4 span { display:block; font-size:16px; line-height:20px; color:#000000; margin-bottom:15px;}

/*公司简介*/
.about_t { width:565px; height:45px; margin:0 auto; overflow:hidden;text-align:center;}
.about_t b {font-size: 28px ;
    color:#24272b;
   }
.about_bg {height: auto ;
    min-height: 420px;
    background: #f5f6f7 ;
    padding: 45px 0 ;
    overflow: visible;}

.about_p { margin-top:14px;}
.about_r { margin:14px 13px 0 16px; width:500px;}
.about_w { color: #58626b ;
    font-size:14px ;
    line-height: 1.9 ;

    
}
.about_w strong { color:#fff;}
.about_more { margin-top:20px;}
.about_more li a {width:111px;  background:#a30d21; color:#fff; font-size:14px;  text-align:center;
    
        display: inline-block ;
    background: #a30d21;
    color: #fff ;

    padding: 11px 22px ;
   
    line-height: 1.5 ;
    border-radius: 3px;
}
.about_more li a:hover { color:#fff; text-decoration:underline;}



.prod_m { margin-top:75px;}
.prod_d1 { margin-left:17px; width:935px; margin-top:10px;}

/*新闻*/
.news_t { width:565px; height:65px; margin:0 auto; overflow:hidden;text-align:center;}
.news_t b { color:#a30d21; font-size:30px; }

/*新闻*/
#news2{width:1002px; height:470px; margin:0 auto; padding-bottom:5px;}
.news21{ float:left; width:482px;}
.news21 .news_div_item{ position:relative;}
.news21 .news_div_item_pic{ position:absolute; top:0;}
.news21 .news_div_item_content{line-height:30px; width:482px; padding-top:10px; position:absolute; top:290px;}
.news21 .news_div_item_a{ font-size:16px;}
.news21 .news_div_item_body{ color:#999; line-height:24px;}


.news22{ float:right; width:490px; }
.news22 .news_div .news_div_item:nth-child(1){ display:none;}
.news22 .news_div_item{ background:#f6f6f6; width:490px; height:80px; margin-bottom:20px; transition:0.2s;}
.news22 .news_div_item_date{float:left; width:92px; background:url(images/20170207170450_23482702.jpg) right no-repeat;  height:80px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news22 .news_div_item_day{position:absolute; top:24px; left:35px; font-size:20px; font-weight:bold;}
.news22 .news_div_item_month{position:absolute; top:50px; left:57px; color:#999;}
.news22 .news_div_item_year{position:absolute; top:50px; left:19px; color:#999;}
.news22 .news_div_item_content{ float:left; line-height:30px; margin-left:20px; width:375px; padding-top:10px;}
.news22 .news_div_item_body{ color:#999;}
.news22 .news_div_item:hover { background:#007dd2; transition:0.2s;}
.news22 .news_div_item:hover .news_div_item_day,.news22 .news_div_item:hover .news_div_item_month,.news22 .news_div_item:hover .news_div_item_year,.news22 .news_div_item:hover .news_div_item_title,.news22 .news_div_item:hover .news_div_item_body{ color:#FFF;}
.news22 .news_div_item:hover .news_div_item_title a{ color:#FFF;}

/*自定义新闻*/
.news21 .divdgweb_new_div_item{ position:relative;}
.news21 .divdgweb_new_div_item_pic{ position:absolute; top:0;}
.news21 .divdgweb_new_div_item_content{line-height:30px; width:482px; padding-top:10px; position:absolute; top:290px;}
.news21 .divdgweb_new_div_item_a{ font-size:16px;}
.news21 .divdgweb_new_div_item_body{ color:#999; line-height:24px;}


.news22{ float:right; width:490px; }
.news22 .divdgweb_new_div .divdgweb_new_div_item:nth-child(1){ display:none;}
.news22 .divdgweb_new_div_item{ background:#f6f6f6; width:490px; height:80px; margin-bottom:20px; transition:0.2s;}
.news22 .divdgweb_new_div_item_date{float:left; width:92px; background:url(images/20170207170526_710780265.jpg) right no-repeat;  height:80px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news22 .divdgweb_new_div_item_day{position:absolute; top:24px; left:35px; font-size:20px; font-weight:bold;}
.news22 .divdgweb_new_div_item_month{position:absolute; top:50px; left:57px; color:#999;}
.news22 .divdgweb_new_div_item_year{position:absolute; top:50px; left:19px; color:#999;}
.news22 .divdgweb_new_div_item_content{ float:left; line-height:30px; margin-left:20px; width:375px; padding-top:10px;}
.news22 .divdgweb_new_div_item_body{ color:#999;}
.news22 .divdgweb_new_div_item:hover { background:#007dd2; transition:0.2s;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_day,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_month,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_year,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#FFF;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{ color:#FFF;}

.main_xw_l{ width:1002px;}

.lanrenzhijia{ width:1002px; height:65px; margin:0px auto; background:none; font-family:"Microsoft YaHei";}
.lanrenzhijia .tab{ overflow:hidden; background:url() no-repeat; width:1002px; float:left; height:65px;}
.lanrenzhijia .tab span { color:#bdbdbd; font-size:14px; text-transform:uppercase; font-weight:normal;}
.lanrenzhijia .tae{ padding-right:30px; float:right; text-align:left; font-family:"Microsoft YaHei"; font-size:18px; float:right; line-height:46px;  }
.lanrenzhijia .tae a{ color:#a30d21; }
.lanrenzhijia .tab a{  display:block; float:left; text-decoration:none; color:#333; height:46px; line-height:46px; padding-right:30px; text-align:left; font-size:16px; font-weight:bold;}
.lanrenzhijia .tab a:hover{  color:#a30d21; text-decoration:none; overflow:hidden; border-bottom:2px solid #a30d21;height:46px;}
.lanrenzhijia .tab a.on{ color:#a30d21; text-decoration:none; border-bottom:2px solid #a30d21; overflow:hidden;}
.lanrenzhijia .content{ overflow:hidden; width:1002px; position:relative; float:left; margin-top:4px; height:400px;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1002px;}

.lanrenzhijia .content .li{ width:1002px; float:left;}

/*友情链接*/
.xian { width:100%; height:2px; background:#cccccc;margin-top:20px;}
#links { width:1002px; height:106px; margin:0 auto; font-family:"Microsoft YaHei";} 
.links_l { width:133px; height:106px; background:url(images/20170207165246_1586419745.jpg) center no-repeat; overflow:hidden; float:left;}
.links_w { margin-top:60px; line-height:20px; font-size:12px; color:#000;}
.links_w a { color:#fff;}
.links_w a:hover { text-decoration:underline;}
.links_r { width:850px; line-height:75px; float:right;}

  .linkTagcs
                    { 
                    width:820px;
                 height:auto;}
                    .linkTagcs ul
                    {margin:0px;padding:0px;list-style-type:none;}
                    .linkTagcs li
                    {list-style:none;margin:0px; 
                    width:140px;
                 padding-right:10px;line-height:80px;float:left;}
                    .linkTagcs li a
                    {color:#666;word-break:break-all;}
                    .linkTagcs li img
                    {border:0px;}
                    
/*版权*/
#footer_bj{ width:100%; overflow:hidden;
        background: #25282d ;
    margin-top: 45px ;
    border-top: 0;
}
#footer{ width:100%; height:45px; background:#25282d; margin:0 auto; margin-top:10px;}
#footer .menu{width:1002px; height:41px; margin:0 auto;    border-bottom: 1px solid #ffffff18;
    padding: 12px 0}
#footer li{width:100px; height:41px; line-height:41px; float:left;  text-align:center; }
#footer li a{ color: #edf0f2;
    font-size: 13px;}


#footer li a:hover{color:#fff; text-decoration:underline;}
#footer .n{ background:none;}
.footer_z{ font-size:14px; color:#fff;  line-height:30px;}
.footer_yk{ width:1002px; text-align:center;}
.footer_yz{ 
color: #b8bec5 ;
    font-size: 12px ;
    line-height: 2;
    padding: 25px 0 35px;
    text-align: left;    
    
}
.footer_yz a{     color: #dce1e5;
    font-size: 12px;}
.footer_yz a:hover{ color:#fff; text-decoration:underline;}


/*内页*/
.n_box{width: 742px;
    
}

.plant{
    width: 1002px; margin: 20px auto auto auto;
}
    .plant	.picScroll-left{ overflow:hidden; position:relative; }
	.plant	.picScroll-left .hd{ overflow:hidden;  height:60px; width: 100%;top: 40px;
		position: absolute;
		    
		}
	.plant	.picScroll-left .hd .prev{ display:block;  width:17px; height:38px; 
			 cursor:pointer; background:url(images/20170208091157_1427781575.jpg) 0 0 no-repeat; position:absolute; left:0;top:20px;}
     .plant    .picScroll-left .hd .next{ display:block;  width:17px; height:38px; position:absolute; right:0;top:20px;
			 cursor:pointer; background:url(images/20170208091229_116802939.jpg) 0 0 no-repeat;}
	.plant	.picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.plant	.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.plant	.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.plant	.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
	.plant	.picScroll-left .hd ul li.on{ background-position:0 0; }
	.plant	.picScroll-left .bd{ padding:0 20px;   }
	.plant	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.plant	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:224px;
		display:block;}
	.plant	.picScroll-left .bd ul li .pic{ text-align:center; border:1px solid #eee; }
	.plant	.picScroll-left .bd ul li .pic img{ width:216px;   display:block; }
	.plant	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.plant	.picScroll-left .bd ul li .title{ line-height:30px;   }
.fiexjs{
    display: flex;
    justify-content: space-between;
}
     .dingwei{position: sticky;
    
    overflow-y: auto;
    top: 10px;}






/*外部代码*/
	.shenghao-facebook-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border: 2px solid currentColor;
		border-radius: 50%;
		font: bold 25px Arial;
		margin-right: 12px;
		flex-shrink: 0
	}

	.shenghao-facebook-row {
		display: flex;
		align-items: center;
		gap: 4px;
		line-height: 1.5;
		margin: 8px 0;
		color: inherit;
		text-decoration: none
	}

	.shenghao-facebook-floating a {
		display: block !important;
		width: 45px !important;
		height: 45px !important;
		padding: 0 !important;
		overflow: visible !important;
		position: relative !important
	}

	.shenghao-facebook-floating i {
		pointer-events: none
	}

	.shenghao-facebook-floating img {
		max-width: 100%
	}