﻿/*什么是甲醛*/
.section_what{ padding-bottom:80px; }
.section_what .nr{ height:300px;background-image:url(../images/bg_what.jpg);background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.section_what .w1200{ position:relative; height:100%;}
.section_what .pic{ position:absolute;}
.section_what .pic_01{ left:0; bottom:-80px; width:40%;}
.section_what .pic_02{ right:0; bottom:-70px;}
.section_what .pic img{ max-width:100%; height:auto;}
.section_what .txt{ padding-left:40%;}
.section_what .bt_01 { width:auto; padding:20px 0px;}
.section_what .bt_01 .line{ width:90px;}

.page-nav { padding-top:10px;}
.page-nav .w1200{ font-size:0;}
.page-nav .w1200 .btn_submit{ font-size:16px; padding:0 20px; margin:0 10px 10px 0;}



/*左侧版块列表news*/
.page_con2{ background:#fff;}
.page_con2 .bt_02 { position:relative;}
.page_con2 .bt_02 .more{ position:absolute; right: 20px; top:20px; display:block; height: 20px; line-height:20px;}
.page_con2 .nr .nr-inner{ padding:0 20px 30px;}
.page_con2 .nr .pic{ display:block; width:300px; overflow:hidden; float:left;}
.page_con2 .nr .pic img{ width:100%; height:auto;}
.page_con2 .nr .txt{ width:auto; float:left;margin-left:20px;}
.page_con2 .nr .txt .title{ font-size:16px; line-height:30px; padding:5px 0;}
.page_con2 .nr .txt .desc{ height:50px; padding:5px 0; line-height:25px; overflow:hidden; margin-bottom:5px; color:#888;}
.page_con2 .nr .pic:hover{ opacity:.8;filter: alpha(opacity=80);-khtml-opacity: .8;-moz-opacity: .8;}



/*左侧版块列表*/
.page_con{ background:#fff;}
.page_con .bt_02 { position:relative;}
.page_con .bt_02 .more{ position:absolute; right: 20px; top:20px; display:block; height: 20px; line-height:20px;}
.page_con .nr .nr-inner{ padding:0 20px 30px;}
.page_con .nr .pic{ display:block; width:300px; overflow:hidden; float:left;}
.page_con .nr .pic img{ width:100%; height:auto;}
.page_con .nr .txt{ width:480px; float:right;}
.page_con .nr .txt .title{ font-size:16px; line-height:30px; padding:5px 0;}
.page_con .nr .txt .desc{ height:50px; padding:5px 0; line-height:25px; overflow:hidden; margin-bottom:5px; color:#888;}
.page_con .nr .pic:hover{ opacity:.8;filter: alpha(opacity=80);-khtml-opacity: .8;-moz-opacity: .8;}




/*右侧版块*/
.part-right-news2{ background:#fff; margin-bottom:20px;}
.part-right-news2 .nr .item{ display:block; position:relative; padding:0 20px 10px 150px;}
.part-right-news2 .nr .item .pic{ width:120px; height:80px; overflow:hidden; position:absolute; left:20px; top:0;}
.part-right-news2 .nr .item .pic img{ width:100%; height:100%;}
.part-right-news2 .nr .item .txt{}
.part-right-news2 .nr .item .txt .title{ height:40px; margin-bottom:10px; line-height:20px; overflow:hidden; font-size:14px;}
.part-right-news2 .nr .item .txt .date{ height:30px; line-height:30px; font-size:12px; color:#888;}
.part-right-news2 .nr .item .pic:hover{ opacity:.8;filter: alpha(opacity=80);-khtml-opacity: .8;-moz-opacity: .8;}
.part-right-news2 .nr .more{ padding:10px 20px 20px;}

/*右侧问答*/
.part-right-qa{ background:#fff; margin-bottom:20px;}
.part-right-qa .nr .list{}
.part-right-qa .nr .list li{ margin-bottom:10px;}
.part-right-qa .nr .list li .dl{ line-height:20px; padding-left:50px; padding-right:20px; padding-top:0; margin-bottom:0;}
.part-right-qa .nr .list li .dl .dt{ width:50px; top:7px;}
.part-right-qa .nr .list li .dl .dt span{ display:inline-block;*display:inline;*zoom:1; width:20px; height:20px; font-size:12px; line-height:20px; position:relative; color:#fff;}
.part-right-qa .nr .list li .dl .dt span:after{ content:''; position:absolute; right:-4px; top:50%; margin-top:-6px; display:block; width:0; height:0; border-width:6px 0 6px 6px; border-style:dashed dashed dashed solid; border-color:transparent; }
.part-right-qa .nr .list li .dl .dt .span_q{ background:#df6c10;}
.part-right-qa .nr .list li .dl .dt .span_q:after{ border-left-color:#df6c10; }
.part-right-qa .nr .list li .dl .dt .span_a{ background:#128cc9;}
.part-right-qa .nr .list li .dl .dt .span_a:after{ border-left-color:#128cc9; }
.part-right-qa .nr .list li .dl .dd .h3{ padding:5px 0; font-size:14px;}
.part-right-qa .nr .list li .dl .dd .h3 span{ display:block; max-height:60px; overflow:hidden;}
.part-right-qa .nr .list li .dl .dd .h3 a{ display:block;}
.part-right-qa .nr .more{ padding:10px 20px 20px;}


.section_products {}
.section_products .imglist .item{ width:285px; margin: 0 20px 20px 0;}
.section_products .imglist .item .pic{ height:285px;}
.section_products .imglist .item_more{ text-align:center;height:337px; color:#128cc9;}
.section_products .imglist .item_more .txt{ padding-top:120px; }
.section_products .imglist .item_more .txt .iconfont{ display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; line-height:30px; font-size:16px; color:#fff; background:#128cc9;}
.section_products .imglist .item_more .txt p{ font-size:16px; line-height:50px;}
.section_products .imglist .item_more:hover{ color:#20a1e2;}
.section_products .imglist .item_more:hover .txt{ padding-top:115px;}
.section_products .imglist .item_more:hover .txt .iconfont{ background:#20a1e2;}

.page_flinks { padding:10px 0;}
.page_flinks .dl{ padding-left:120px; line-height:25px;}
.page_flinks .dt{ width:120px; color:#888;}
.page_flinks .dd{ font-size:0;}
.page_flinks .dd a{ display:inline-block; *display:inline; *zoom:1; font-size:14px; margin-right:20px;}




/*phone 手机版 样式*/
@media (max-width:767px){

.section_what { padding-bottom:.8rem;}
.section_what .bt_01{ padding:.1rem 0;}
.section_what .nr{ height:auto;}
.section_what .pic_01{ width:50%;}
.section_what .pic_02{ width:20%;}
.section_what .txt{ padding:0 .1rem .5rem;}

.page-nav{ padding:.1rem;}
.page-nav .w1200 .btn_submit{ font-size:.14rem; padding:0 .1rem; margin:0 .05rem .05rem 0;}

.page_con{ margin-bottom:.2rem;}
.page_con .bt_02 .more{right: .1rem; top:.2rem; height: .15rem; line-height:.15rem;}
.page_con .nr .nr-inner{ padding:0 .1rem .1rem;}
.page_con .nr .pic{ width:100%;}
.page_con .nr .txt{ width:100%;}
.page_con .nr .txt li{ border-bottom:1px #dbdbdb dashed;}
.page_con .nr .txt .title{ font-size:.16rem; line-height:.2rem; padding: 0;}
.page_con .nr .txt .title a{ display:block; padding:.1rem 0;}
.page_con .nr .txt .desc{ height:auto; padding:0 0 .05rem; line-height:.2rem;margin-bottom:.05rem; }

.section_main .part-right{ display:block; width:100%;}
.part-right-news2{ margin-bottom:.2rem;}
.part-right-news2 .nr ul{ border-top:1px #dbdbdb solid;}
.part-right-news2 .nr ul li{ border-bottom:1px #dbdbdb solid;}
.part-right-news2 .nr .item{ padding: .1rem .1rem .1rem 1.2rem;}
.part-right-news2 .nr .item .pic{ width:1rem; height:.64rem; top:.1rem; left:.1rem;}
.part-right-news2 .nr .item .txt .title{padding: 0; height: .4rem; margin-bottom: .05rem; line-height: .2rem; overflow: hidden; font-size: .16rem;}
.part-right-news2 .nr .item .txt .date{ font-size:.12rem; height:.2rem; line-height:.2rem;}
.part-right-news2 .nr .more{ padding:.1rem;}

.part-right-qa .nr .list li{ margin-bottom:.1rem;}
.part-right-qa .nr .list li .dl{ line-height:.2rem; padding-left:.5rem; padding-top:.05rem; padding-right:.1rem;}
.part-right-qa .nr .list li .dl .dt{ width:.4rem; top:.07rem;}
.part-right-qa .nr .list li .dl .dt span{width:.3rem; height:.3rem; line-height:.3rem; font-size:.12rem;}
.part-right-qa .nr .list li .dl .dt span:after{right:-.06rem; margin-top:-.1rem; border-width:.1rem 0 .1rem .1rem; }
.part-right-qa .nr .list li .dl .dd h3{ padding:.07rem 0; font-size:.16rem;}
.part-right-qa .nr .list li .dl .dd h3 span{ height:auto; display:inline;}
.part-right-qa .nr .list li .dl .dd h3 a{ display:inline;}
.part-right-qa .nr .more{ padding:.1rem;}

.section_products .imglist .item{ width:auto; margin:0 .1rem .2rem;}
.section_products .imglist .item .pic{ height:1.5rem;}
.section_products .imglist .item_more{ height:1.82rem;}
.section_products .imglist .item_more .txt{ padding-top:.8rem;}
.section_products .imglist .item_more .txt .iconfont{ width:.3rem; height:.3rem; font-size:.16rem; line-height:.3rem;}
.section_products .imglist .item_more .txt p{ font-size:.14rem; line-height:.3rem; }

.page_flinks .dl{ padding:0 .1rem; line-height:.25rem;}
.page_flinks .dt{ width:100%; position:static; text-align:left; font-size:.14rem; margin-bottom:.05rem;}
.page_flinks .dd a{ font-size:.14rem; margin-right:.1rem;}



}
