@charset "utf-8";
/*共用*/
body{font-size:12px; color:#222; font-family:"Microsoft YaHei"; margin:0px; padding:0px; background:url(../images/fy_1.jpg) top center no-repeat;}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #222; text-decoration: none;}
a:hover{color: #009b4c; text-decoration: none;}
.border_bg{width:auto; height:auto; margin:0 auto; border:1px solid #d0d0d0;}
.cp img{border:1px solid #bbb; padding:2px;}
.cp img:hover{border:1px solid #009b4c; padding:2px;}
.white a{color: #fff; text-decoration: none;}
.white a:hover{color: #ff0; text-decoration: none;}
input,button,select,textarea{outline:none}
.color_bg{color:#009b4c;}
/*抬头*/
#top_t{width:1002px; height:31px; margin:0 auto;}
#top_t .h1{text-align:right; padding-top:18px;}
#top_b{width:1002px; height:129px; margin:0 auto;}
#top_b li{float:left;}
#top_b .t1{width:135px; text-align:center;}
#top_b .t1 img{ -webkit-animation:flash 1s .2s ease both;
-moz-animation:flash 1s .2s ease both;}
@-webkit-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
@-moz-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}}
#top_b .t2{width:233px; padding-top:18px;}
#top_b .t3{width:380px; padding-top:30px; font-size:21px;}
#top_b .t3 .font{font-size:25px; font-weight:bold; letter-spacing:4px;}
#top_b .t4{width:67px; padding-top:35px;}
#top_b .t5{width:187px; padding-top:38px; font-size:16px; letter-spacing:4px;}
#top_b .t5 .font{font-size:29px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;}
/*导航*/
#nav_t{width:100%; border-top:1px solid #ddd; height:1px;}
#nav{width:999px; height:78px; margin:0 auto;}
#nav li{float:left; text-align:center; width:111px;position: relative;}
#nav ul li a{color: #000; text-decoration: none; font-size:14px; font-weight:bold; width:111px; text-align:center; display:block; padding-top:23px; height:55px;}
#nav ul li a:hover{color: #fff; text-decoration: none; font-size:14px; background:url(../images/nav_bg.jpg);}
#nav ul li a .font2{font-size:11px; padding-top:1px; font-weight:normal;}


#nav>ul>li .dropmenu{width:100%;position:absolute;top:100%;left:0px;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
#nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
#nav>ul>li .dropmenu a{font-size: 15px;display:block;line-height:0px;text-align:center;color:#fff;background:rgba(0,0,0,.6);transition:600ms ease; margin-top:1px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;height: 25px;font-weight: normal;}
#nav>ul>li .dropmenu a:hover{background:#009b4c;}

/*搜索*/
#search_bg{width:1002px; margin:0 auto; height:105px;}
#search_bg li{float:left;}
#search_bg .s1{width:298px; padding-top:10px;}
#search_bg .s2{width:450px; padding-top:20px;}
#search_bg .s3{width:254px; padding-top:17px;}

#s_l{width:306px; height:76px; background:url(../images/fy_2.jpg) no-repeat;}
#s_l .st{height:44px; font-size:30px; line-height:44px; padding-left:98px;}
#s_l .sb{height:32px; font-size:13px; color:#fff; line-height:32px; padding-left:98px;}

#search_c{width:442px; height:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
#search_c_l{width:411px; float:left; height:30px; line-height:30px;}
#search_c_r{width:31px; float:right;}
#search_hot{line-height:30px; padding-top:5px;}

#search_r{width:250px; height:71px; background:url(../images/fy_3.jpg) no-repeat;}
#search_r .st{padding-left:80px; line-height:43px; font-size:22px; color:#fff; letter-spacing:3px;}
#search_r .sb{line-height:30px; padding-top:5px; font-size:18px; padding-left:80px;}

#search_b{width:100%; height:1px; background:#ddd; margin-bottom:30px;}
/*丰叶牌板材四大分类*/
#sort_t{width:1002px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; text-align:center;}
#sort_c{width:1002px; margin:0 auto; margin-top:5px; margin-bottom:20px; background:url(../images/fy_4.jpg) no-repeat; height:44px; line-height:44px; text-align:center; font-size:19px;}
#sort_c .color_bg{color:#009b4c; font-size:20px;}
#sort_b{width:1000px; margin:0 auto;}
#sort_b li{float:left; width:235px; height:225px; margin-left:20px;}

#sort_b .img{width:235px; height:225px; background:url(../images/sort-1.png) no-repeat;}
#sort_b .img:hover{width:235px; height:225px; background:url(../images/sort-2.png) no-repeat; color:#fff;}
#sort_b .img:hover div{color:#fff;}
#sort_b .img:hover a{color:#fff;}

#sort_b .s_img1{height:93px; text-align:center; padding-top:30px;}
#sort_b .s_center{height:30px; text-align:center; font-size:16px; color:#171e1a;}
#sort_b .s_center a{font-size:16px; font-weight:bold;}
#sort_b .s_bottom{ text-align:center; line-height:25px; color:#515e58;}
#sort_b .s_bottom a{ color:#515e58;}
/*板材热销产品应用*/
#hot_t{width:348px; height:32px; background:url(../images/fy_5.jpg) repeat-x; margin:0 auto; margin-top:40px;}
#hot_t .h1{width:218px; height:32px; background:#fff; text-align:center; line-height:32px; font-size:25px; margin:0 auto;}
#hot_t .h1 .font{color:#009b4c; font-size:25px;}
/*为什么要选择丰叶？*/
#ys_t{width:460px; height:68px; margin:0 auto; background:url(../images/fy_10.jpg) no-repeat; margin-top:40px;}
#ys_t .h1{font-size:25px; color:#009b4c; padding-top:36px; padding-left:230px;}

#ys_b{width:1000px; margin:0 auto; margin-top:30px;}
#ys_b li{float:left; width:250px;}
#ys_b ul li{background:url(../images/fy_11.jpg) right no-repeat; height:268px;}
#ys_b .none{background:none;}

#ys_b .yuan{width:138px; background:url(../images/yuan.png) no-repeat; height:138px; margin:0 auto;}
#ys_b .yuan:hover{width:138px; background:url(../images/bian_yuan.png) no-repeat; height:138px; margin:0 auto;}

#ys_b .y-t{height:30px; text-align:center; font-size:16px; padding-top:13px; font-weight:bold;}
#ys_b .y-c{height:50px; text-align:center; font-size:12px; color:#666; padding-top:3px; line-height:20px;}
#ys_b .y-b{ text-align:center;}
/*招商加盟、加盟店展示、丰叶视频、荣誉资质*/
#z_j_f_r{width:1002px; margin:0 auto; margin-top:50px;}
#z_j_f_r li{float:left;}
#z_j_f_r .z1{width:168px;}
#z_j_f_r .z2{width:60px; background:url(../images/xian.png) center no-repeat; height:218px;}
#z_j_f_r .z3{width:228px;}
#z_j_f_r .z4{width:198px;}
#z_j_f_r .z5{width:228px;}

.dh_bg_1{height:25px; margin-bottom:20px;}
.dh_bg_1 .h1{float:left; width:7px; height:25px; background:url(../images/dh_bg.png) no-repeat;}
.dh_bg_1 .h2{float:left; padding-left:5px; font-size:16px; line-height:25px; color:#009b4c;}
.dh_bg_1 .h3{float:left; font-size:16px; line-height:25px;}
.dh_bg_1 .h4{float:left; padding-left:8px; font-size:16px; line-height:25px;}
.dh_bg_1 .h5{float:right; padding-top:2px;}

.jmdzs_bg{width:228px;}
.jmdzs_bg li{float:left;}
.jmdzs_bg .pre{width:28px; background:url(../images/pre.jpg) left no-repeat; height:150px; float: left;   margin-top: -160px; position: absolute; cursor:pointer;}
.jmdzs_bg .jmdzs_c{width:230px; padding-top:15px;}
.jmdzs_bg .jmdzs_c p{text-align:center !important; padding-top:10px; padding-left:0px !important;}
.jmdzs_bg .next{width:28px; background:url(../images/next.jpg) right no-repeat; height:150px;  float: right;   margin-top: -160px;     margin-left: 200px;position: absolute; cursor:pointer;}

#cer_bg{border:1px solid #707070; padding:2px; background:#fff;}
/*最新资讯、丰叶新闻、媒体报道、最新活动*/
#z_f_m_z_bg{width:1002px; margin:0 auto; margin-top:50px;}
#z_f_m_z_l{width:658px; float:left;}
#z_f_m_z_r{width:314px; float:right;}

.dh_bg_2{width:408px; margin:0 auto; height:56px;}
.dh_bg_2 .h1{width:58px; height:56px; background:url(../images/fy_14.jpg) no-repeat; float:left;}
.dh_bg_2 .h2{width:332px; text-align:center; font-size:18px; float:left; line-height:56px;}
.dh_bg_2 .h2 .font{font-size:18px; color:#009b4c;}
.dh_bg_2 .h3{width:18px; float:right; padding-top:20px;}

.news_bg{width:658px; margin-top:20px;}
.news_l{width:294px; float:left; padding:10px; background:#afffd6;        margin: 0px 0px 12px 0px;}
.news_r{width:294px; float:right; padding:10px; background:#afffd6;     margin: 0px 0px 12px 0px;}
.news_c{width:294px;}
.news_c_l{width:112px; float:left;}
.news_c_r{width:168px; float:right;}
.news_c_r .nt{height:35px; font-size:13px; font-weight:bold; line-height:35px;}
.news_c_r .nc{height:30px; font-size:12px; color:#7a9b8a;}
.news_c_r .nb{width:73px; height:25px; float:right; line-height:25px; text-align:center; background:#ecfff5;}

.dh_bg_3{width:166px; margin:0 auto; height:54px;}
.dh_bg_3 .h1{width:59px; height:54px; background:url(../images/fy_15.jpg) no-repeat; float:left;}
.dh_bg_3 .h2{width:79px; text-align:center; font-size:18px; float:left; line-height:54px;}
.dh_bg_3 .h2 .font{font-size:18px; color:#009b4c;}
.dh_bg_3 .h3{width:18px; float:right; padding-top:16px;}
/*最新活动幻灯片样式*/
#zxhd_bg{width:302px; border:1px solid #d0d0d0; padding:5px; background:#fff; margin-top:20px;}

.jcarousel-skin-index .jcarousel-clip { overflow: hidden }
.jcarousel-skin-index .jcarousel-clip-horizontal {width:303px }
.jcarousel-skin-index .jcarousel-list { position: relative }
.jcarousel-skin-index .jcarousel-item { width:303px }
.banner{ width: 303px; height: 235px; padding-right: 15px; position: relative; margin:0 auto }
.banner .control-index-hero {position: absolute; left:0; bottom: 0}
.banner .control-index-hero li { float:left;width:37px;height:37px;line-height:37px;overflow:hidden;background:#000;opacity: .9;margin-right:1px;text-align:left;font-family:microsoft yahei; font-size:12px;}
.banner .control-index-hero li.over {width:176px;}
.banner .control-index-hero li.last {margin-right:0;}
.banner .control-index-hero li a {text-decoration:none; float: left; color: #fff; font-size: 12px; line-height: 38px }
.banner .control-index-hero li a.index-hero-number {display: inline-block; font-size: 14px; font-weight: bold; width: 21px; height: 21px; line-height: 21px; text-align: center; margin: 8px; background: #c00 }
/*底部导航*/
#b_nav{width:100%; background:#009b4c; padding:40px 0px 30px 0px; margin-top:50px;}
#b_nav_c{width:1002px; margin:0 auto;}
#b_nav_c li{float:left;}
#b_nav_c .b1{width:300px;}
#b_nav_c .b2{width:60px; background:url(../images/fy_22.jpg) center no-repeat; height:233px;}
#b_nav_c .b3{width:322px;}
#b_nav_c .b4{width:260px; text-align:right;}

.b_nav{width:300px;}
.b_nav li{width:100px; float:left;}
.b_nav .bnav1{font-size:16px; line-height:33px; color:#fff;}
.b_nav .bnav1 a{font-size:16px; color:#fff; font-weight:bold;}
.b_nav .bnav1 a:hover{font-size:16px; color:#ff0;}
.b_nav .bnav2{font-size:12px; color:#c6ded2; line-height:28px; padding-top:5px;}
.b_nav .bnav2 a{font-size:12px; color:#fff;}
.b_nav .bnav2 a:hover{font-size:12px; color:#ff0;}

#links_t{height:40px; font-size:16px; color:#fff; font-weight:bold;}
#links_b{height:30px; font-size:12px; color:#c6ded2;}
#links_b a{color:#c6ded2; font-size:12px;}
#links_b a:hover{color:#ff0;}
s
#contact_t{height:56px; font-size:16px; color:#fff; font-weight:bold;}
#contact_b{font-size:12px; color:#c6ded2; font-size:12px; line-height:28px;}
#contact_b a{color:#c6ded2; font-size:12px;}
#contact_b a:hover{color:#ff0;}
/*版权*/
#copyright_bg{width:100%; height:40px; background:#006933;}
#copyright_c{width:1002px; margin:0 auto; height:40px; color:#fff;}
#copyright_cl{width:822px; float:left; line-height:40px;}
#copyright_cr{width:180px; float:right; line-height:40px; text-align:right;}
/*gotop*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 30000;cursor:pointer; top:500px; right:50px;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block; background-color: #009b4d;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#F00;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(../images/erwei.png);width: 170px;height: 349px;position: absolute;left: -170px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}