﻿body{ margin:0 auto; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal; background: #f0f0f0;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
/*html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

}*/

ul { list-style:none;}

*{margin:0px;padding:0px;}
img { border:0px;}
a { color:#05a; text-decoration:none;}
a:hover { color:#f00;}
.clear{ clear:both;}
.show{ display: block;}
.hide{display: none;}

.top{ height: 44px; border-bottom: 1px solid #d9d9d9 ;}
.top-box{ width: 1100px; margin: 0 auto; color:#565656; font-size: 12px; line-height: 44px;}
.top-box ul{ float: right; overflow: hidden; width: 175px;}
.top-box ul li{ float: left; height: 44px; line-height: 44px; padding-left: 19px; background-position: left center; background-repeat: no-repeat;}
.top-box ul li a{ color:#565656 ;}

.herder{ overflow: hidden; width: 1100px; margin: 0 auto;}
.herder .logo{ float: left;}
.phone{ height: 105px; width: 180px; float: right; padding-left: 85px; background: url(http://www.cffm.com/imagesNew/a_14.png) left center no-repeat;}
.phone p{ padding-top: 34px; color: #333;}
.phone h2{ font-size: 20px; color: red;}

.nav{ height: 44px; background: url(http://www.cffm.com/imagesNew/a_18.png) left center repeat-x;}
.nav-box{ width: 1100px; margin: 0 auto;}
.nav-box li{ float: left;}
.nav-box a{ display: block; padding: 0 20px; height: 44px; color: #fff; font-size: 13px; line-height: 44px;}
.nav-box .on{ background: url(http://www.cffm.com/imagesNew/a_20.png) left center repeat-x;}

.nav-box LI ul li a:hover{ background-image:none;}
.nav-box LI UL {MARGIN-LEFT: -999em; POSITION: absolute}
.nav-box LI UL li,.menu1 LI UL li a{
	line-height:40px;
	height:40px;
	background-image:none;}
.nav-box LI:hover UL,.menu1 LI.sfhover UL {
	MARGIN-TOP: 0px;
	padding:4px;
	Z-INDEX: 5; 
	FILTER: alpha (opacity=90); 
	MARGIN-LEFT: 0px; 
	WIDTH: 100px; 
	BORDER-BOTTOM: #0D1C31 1px solid; 
	POSITION: absolute; 
	background-color:#0D182A; 
	opacity: 0.90;
	+CLEAR: both; +MARGIN-TOP: 0px;
	_clear:both; _margin-top:0px;
}
.nav-box LI:hover UL LI A,.menu1 LI.sfhover UL LI A{
	/*BORDER-RIGHT: #999 1px solid;*/ 
	DISPLAY: block; 
	PADDING: 0px 0px 0px 8px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	MARGIN: 0px; 
	TEXT-TRANSFORM: none; 
	WIDTH: 90px; 
	color:#FFFFFF; 
	TEXT-ALIGN: left;
}
.nav-box LI:hover UL LI A:hover,.menu1 LI.sfhover UL LI A:hover {
	/*BORDER-TOP: #6CA7C7 1px solid;
	BORDER-BOTTOM: #6CA7C7 1px solid;  */
	BACKGROUND-COLOR: #0D182A
}
.nav-box UL LI UL {DISPLAY: none;}
.nav-box UL LI UL LI A:hover {
	MARGIN-TOP: -2px; 
	DISPLAY: block; 
	FILTER: alpha (opacity=85); 
	MARGIN-LEFT: 50px; 
	WIDTH: 105px; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #666;
}


.fullSlide{ width:100%;  position:relative;  height:580px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:580px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:580px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:36px; height:8px; margin:10px; overflow:hidden; background:#fff;  line-height:999px; }
.fullSlide .hd ul .on{ background:#e68011;  }
.fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(http://www.cffm.com/imagesNew/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.main{ width: 1100px; margin: 0 auto; padding-top: 47px; overflow: hidden;}
.main-left{ width: 272px; height: 284px; float: left; position: relative;}
.main-left  .bd li a{ display: block;  width: 272px; height: 284px;}
.main-left .icon img{ width: 100%; height: 100%;}
.main-left .hd ul{ overflow: hidden; position: absolute; width: 80px; height: 20px; right: 10px; bottom: 10px;}
.main-left .hd li{ float: left;width: 20px; height: 20px; color: #FFFFFF; text-align: center; line-height: 20px;}
.main-left .on{ background: #e61717;}
.main-center{ width: 482px; float: left; padding-left: 15px;}
.main-center .title{ height: 35px; overflow: hidden;}
.main-center .title .bt{ width: 124px; height: 35px; background: #cc0000; text-indent: 8px; font-size: 19px; color: #fff; font-weight: bold; line-height: 35px; float: left;}
.main-center .title .title-right{ float: left; width: 350px; height: 33px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9 ;}
.main-center .title .more{ float: right; display: block; line-height: 33px; color: #666; width: 70px;}
.main-center .title .bd{ height: 33px; width:150px; float: left; overflow: hidden; padding-left: 20px;}
.main-center .title .bd ul li{ line-height: 33px;}
.main-center .title .bd ul li a{ color: red;}
.main-center .list li{ margin-top: 23px; height: 12px; background: url(http://www.cffm.com/imagesNew/a_31.png) 4px center no-repeat; padding-left: 15px; color: #666; padding-right: 10px; line-height: 12px; font-size: 12px;}
.main-center .list a{ color: #666;}
.main-center .list span{display: block; float: right;}
.main-right{ width: 300px; float: right;}
.main-right .title{ height: 38px; line-height: 38px; background: #cc0000; line-height: 38px; color: #fff; text-indent: 10px; font-size: 19px;}
.main-right .title a{display: block; float: right; font-size: 12px; color: #fff; padding-right: 8px; line-height: 38px;}
.main-right .icon{padding-top: 10px;}
.main-right .list li{ margin-top: 13px; padding-left: 15px; background: url(http://www.cffm.com/imagesNew/a_35.png) left center no-repeat; height: 12px; line-height: 12px;}
.main-right .list li a{ color:#666;}
.bannertop{background: url(http://www.cffm.com/zzllgj/images/陆稿荐首页_04.jpg) center center; height: 800px; }
.bannermid{background: url(http://www.cffm.com/zzllgj/images/陆稿荐首页_12.jpg) center center no-repeat; height: 300px; }
.bannerbtt{background: url(http://www.cffm.com/zzllgj/images/陆稿荐首页_13.jpg) center center no-repeat; height: 671px;  }
.banner2{background: url(http://www.cffm.com/zzllgj/images/陆稿荐首页_10.jpg) center center no-repeat;  height: 750px;   }
.layer1{ padding-top: 77px; width: 1100px; margin: 0 auto; overflow: hidden;}
.layer-left{ float: left; width: 780px;}
.layer1 .title{ background: url(http://www.cffm.com/imagesNew/b_03.png) left center repeat-x; height: 24px;}
.layer1 .title h2{ width: 260px; height: 24px; line-height: 24px; font-size: 24px; background:#fff; color: #cc0000;}
.layer1 .title h2 span{ color: #999; font-size:12px; font-weight: normal;}
.warp {
    background: url(http://www.cffm.com/zzllgj/images/10086.png) center center no-repeat;
    overflow: hidden;
    height: 630px;
}
.layer-leftMain{ height: 221px; width:780px; position: relative; padding-top: 130px;}
.layer-leftMain .next{ position: absolute; height: 221px; line-height: 221px; width: 34px; text-align: center; right:0; font-size: 25px; color: #666;}
.layer-leftMain .prev{ position: absolute; height: 221px; line-height: 221px; width: 34px; text-align: center; left: 0; font-size: 25px; color: #666;}
.layer-leftMain .bd{ width: 712px; margin: 0 auto; overflow: hidden;}
.layer-leftMain .bd ul{ overflow: hidden; width: 1100px;}
.layer-leftMain .bd li{ float: left; padding-right: 17px; width: 165px;}
.layer-leftMain .bd li p{  color: #000000;text-align: center;margin-top: 8px; font-size: 18px;   }
.layer-right{ width: 290px; float: right;}
.layer-right ul{padding-top: 30px;}
.layer-right li{ height: 13px;  line-height: 13px; color: #666666; padding-bottom: 10px;}
.layer-right li a{ color: #666666;}
.layer-right li span{display: block; float: right;}
.layer-right .bottom{ display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; background: #cc0000; color: #FFFFFF; float: right; margin-top: 8px;}
.banner3{ background: url(http://www.cffm.com/zzllgj/images/陆稿荐首页_12.jpg) center center no-repeat; height: 241px;}

.layer3{ height: 610px; background: #f0f0f0;}
.layer3-box{ width: 1100px; margin: 0 auto; padding-top: 58px;}
.layer3-box .hd{ height: 67px;}
.layer3-box .hd ul{ border: 1px solid #ccc; overflow: hidden; height:65px;}
.layer3-box .hd ul li{ border-right:1px solid #ccc; float: left; height: 65px; line-height: 65px; font-size: 16px; text-align:  center; width:365px;}
.layer3-box .hd ul .on{ background: #cb0005; color: #FFFFFF;}
.layer3-box .bd{ height: 420px; background: #FFFFFF; width: 1100px;}
.layer3-box .bd table{ width: 840px; margin: 0 auto;}
.layer3-box .bd table th{ height: 100px; width: 25%; color: red;font-weight: normal; text-align: center;}
.layer3-box .bd table tr{ height: 30px; }
.layer3-box .bd table td{ text-align:center; color: #666666;border-bottom: 1px solid #f2f2f2;}
.footer{ height: 270px; background: #333333;}
.footer-box{ width: 1100px; margin: 0 auto; position: relative;}
.footer-nav{ overflow: hidden; padding-top: 40px;}
.footer-nav li{float: left; color: #FFFFFF;}
.footer-nav a{ color: #FFFFFF;}
.footer-list{ padding-top: 17px; overflow: hidden;}
.footer-list .list-left{ width: 270px; float: left;}
.footer-list .list-left p{ line-height: 55px; color: #FFFFFF;}
.footer-list .list-left li{ padding-left: 25px; color: #FFFFFF; background-position: left center; background-repeat: no-repeat; height: 18px; line-height: 18px; margin-bottom: 10px;}
.footer-list .list-center{ float: left;}
.footer-list .list-center p{ line-height: 55px; color: #FFFFFF;}
.footer-list .list-center li{ color: #FFFFFF; padding-bottom: 12px;}
.footer-list .list-right{ width: 164px; height:47px; border: 1px dashed #fff; line-height: 47px; text-align: center; display: block; color: #ffd201; float: left; margin-left: 75px;}
.footer-icon{ width: 300px; height: 130px; position: absolute; top: 70px; right: 0;}
.copyright{ height: 65px; background-color: #000;}
.copyright-box{ width: 1100px; margin: 0 auto; color: #999; line-height: 65px;}
.copyright-box span{ float: right; color: #999; display: block;}
.fullSlide .index2 ul li{ width: 20px; height: 20px; border-radius:50%; background: rgba(0,0,0,0.5); margin: 4px;}
.fullSlide .index2 ul .on{background: #FFFFFF;}

.product{ width: 1100px; margin: 0 auto; overflow: hidden; padding-top: 40px;padding-bottom:17px ;}
.product-left{ width: 550px; float: left;}
.product .title{ height: 40px; background: #d90000; font-size: 20px; color: #fff; text-indent: 15px; line-height: 40px;}
.product .title span{ color: #d9d9d9;}
.product-left .icon{ padding-top: 28px;}
.product-left p{font-size: 12px; color: #666666; padding-top: 24px; text-indent: 26px; line-height: 16px;}
.product-left .bottom{ width: 100px; height: 30px; display: block; float: right; text-align: center; line-height: 30px; color: #fff; background: #cc0000; margin-top: 17px;}
.product-center{ width: 280px; float: left; padding-left: 25px;}
.product-center li{ width: 280px; height: 80px; background-color: #e6e6e6; background-position:22px center; background-repeat: no-repeat; margin-top: 28px;}
.product-center li p{ padding: 32px 0 0 72px; color:#333333}
.product-center li a{display: block; margin: 10px 10px 0 0; color: #666666; float: right;}
.product-right{ width: 530px; float: right;}
.product-right .icon{ padding-top: 28px; overflow: hidden; height: 108px;}
.product-right .icon .icon-left{ width: 281px; height: 108px; position: relative; float: left;}
.product-right .icon .icon-left .dibu{position: absolute; width: 281px; height: 20px; line-height: 20px; text-align: center; color: #FFFFFF; background:rgba(0,0,0,0.5); left: 0; bottom: 0;}
.product-right .icon-right{ width: 37px; height: 108px; color: #FFFFFF; line-height: 33px; font-weight: bold; font-size: 21px; background: #fe8d13; float: left; text-align: center;} 
.product-right .list{ width: 530px; height: 55px; overflow: hidden; margin-top: 17px;}
.product-right .list .list-left{ width: 55px; height: 55px;float: left; line-height: 55px; text-align: center; background: #cc0000;
  color: #FFFFFF; font-size: 20px; font-weight: bold;}
.product-right .list .list-right{width: 240px;float: right;}
.product-right .list .list-right p{font-size: 12px;padding-bottom:8px ;}
.product-right .list .list-right p a{color: #333333;}
.product-right .list .list-right span a{color: #666666;}
.product-right .bottom{display: block;float: right;color:#e51717;margin-top: 20px;} 
.brand{padding: 35px 0 90px 0;background: #f0f0f0;}
.brand-box{width: 1100px;margin: 0 auto;overflow: hidden;}
.brand-box .brand-left{width:550px;float:left;}
.brand-box .title{height: 50px;overflow: hidden;}
.brand-box .title .title-left{font-size: 50px;float: left;font-weight: bold;color: #cc0000;line-height: 50px;}
.brand-box .title .title-center{ float: left; padding-top: 5px; padding-left: 5px;}
.brand-box .title .title-center p{ font-size: 20px;}
.brand-box .title .title-right{ display: block; line-height: 50px; float: right; color: red; padding-right: 35px;}
.brand-leftList{width: 550px; height: 195px; padding-top: 45px;position: relative;}
.brand-leftList .next{ height: 195px; width: 25px; position: absolute; right: 0; text-align: center; line-height: 195px; font-size: 30px; color: #333333;}
.brand-leftList .prev{ height: 195px; width: 25px; position: absolute; left: 0; text-align: center; line-height: 195px; font-size: 30px; color: #333333;}
.brand .brand-leftList .bd{ width: 500px; margin: 0 auto; overflow: hidden;}
.brand .brand-leftList .bd ul{ width: 1000px; overflow: hidden;}
.brand .brand-leftList .bd li{ width: 159px; float: left; padding-right: 13px;}
.brand .brand-leftList .bd li p{ width: 159px; height: 30px; text-align: center; line-height: 30px; color: #FFFFFF; background: #cc0000; margin-top: 10px;}
.brand-center{ width: 270px; float: left; padding-left: 29px;}
.brand-center ul{ width: 280px; margin-top: 45px; background-color: #FFFFFF;}
.brand-center ul li{ height: 47px; line-height: 47px; background-color: #FFFFFF; padding-left: 39px; background:url(http://www.cffm.com/imagesNew/c_22.png) 17px center no-repeat; border-bottom: 1px solid #d9d9d9;}
.brand-center ul li a{ font-size: 16px; color: #333333;}

.brand-right{ width: 220px; float: right;}
.brand-right ul{ margin-top: 45px;}
.brand-right ul li{padding-bottom: 15px;}
.brand-right ul li a{ display: block; width: 220px; height: 80px; text-align: center; line-height: 80px; color: #FFFFFF;
background: #E68011; font-size: 18px;}
.brand-bottom{ height: 62px; background: #cc0000;}
.brand-bottom .bottom-box{ width: 1100px; margin: 0 auto; line-height: 62px;}
.brand-bottom .bottom-box .bottom-boxLeft{ float: left; font-size: 30px; color: #FFFFFF; font-weight: bold;}
.brand-bottom .bottom-box .bottom-boxCenter{ float: left; font-size: 30px; color: #FFFFFF; padding-left: 170px;font-weight: bold;}
.brand-bottom .bottom-box .bottom-boxRight{ float: right; font-size: 30px; color: #d44747;font-weight: bold;}

.footer1{ height: 130px; background: #333333;}
.footer1 .footer1-box{ width: 1100px; margin: 0 auto;}
.footer1-left{ float: left; width:400px; height: 130px; background: url(http://www.cffm.com/imagesNew/c_27.png) right center no-repeat;}
.friendlink{ line-height: 50px; color: #CCCCCC;}
.footer1-left ul{ width: 160px; overflow: hidden;}
.footer1-left ul li{ float: left; padding: 0 20px 10px 0;}
.footer1-left ul li a{ color: #CCCCCC;}
.footer1-right{ width: 493px; float: right; padding-top: 55px; text-align: right;}
.footer1-right p{ color: #CCCCCC; padding-bottom: 4px;}
.footer1-right span{ color: #999999; line-height: 18px;}

.banner4{ background: center center; height: 400px;}
.news{ width: 1100px; margin: 0 auto; overflow: hidden;}
.news-left{ width: 240px; float: left;}
.news-left .title{ height: 95px; line-height: 95px;}
.news-left .right-box li{ line-height: 44px; height: 44px; border:1px solid #cccccc; border-bottom:0; text-indent: 17px; font-size: 14px;}
.news-left .right-box li a{ color: #333;}
.news-left .right-box li:hover {background-color: #cc0000;font-size: 14px;  background-image: url(http://www.cffm.com/imagesNew/z_24.jpg); background-position: 202px center; background-repeat: no-repeat;border:1px solid #cc0000; border-bottom:0;}
.news-left .right-box li:hover a { color:#fff}
.news-left .right-box .top{background-color: #cc0000;font-size: 14px;  background-image: url(http://www.cffm.com/imagesNew/z_24.jpg); background-position: 202px center; background-repeat: no-repeat;border:1px solid #cc0000; border-bottom:0;}
.news-left .right-box .top a{color: #FFFFFF;}
.news-left .right-box .icon{ margin-top:-2px ;}
.news-right{ width: 795px; float: right; overflow: hidden;}
.news-right .title{ height: 95px; overflow: hidden; border-bottom:1px solid #d9d9d9;}
.news-right .title .title-left{ width: 250px; text-indent: 20px; background: url(http://www.cffm.com/imagesNew/z_16.jpg) left center no-repeat; height:95px; line-height: 95px; font-size: 19px; float: left;}
.news-right .title .title-right{ width: 250px; float: right; padding-left: 20px; background: url(http://www.cffm.com/imagesNew/z_13.jpg) left center no-repeat; height: 95px; line-height: 95px; color: #666666;}
.news-right .title .title-right a{ color: #666666;}
.news-right .news-main{ overflow: hidden;}
.news-right .news-list li{padding-left:22px; height: 35px; line-height:35px; border-bottom:1px dashed #cccccc; background: url(http://www.cffm.com/imagesNew/z_20.jpg) left center no-repeat;}
.news-right .news-list li span{ display: block; float: right;}
.news-right .news-list li a{ color: #666;}
.news-right .right-bottom{ text-align: center; padding: 80px 0 130px 0;}
.news-right .right-bottom li{display: inline-block; padding: 0 2px;}
.news-right .right-bottom li a{display: block; height: 30px; line-height: 30px; color: #565656; background: #ebebeb; padding: 0 22px;}
.news-right .right-bottom li .on{ color: #fff; background: #cc0000;}
.news-right .right-bottom li a:hover{color: #fff; background: #cc0000;}
.compaly{ overflow: hidden;}
.compaly .hd ul li{border: 1px solid #d9d9d9; width: 150px; height: 46px; text-align: center; cursor:pointer; line-height: 46px; float: left; color: #333; font-size: 13px;}
.compaly .hd ul li:nth-child(2){ border-left:0 ;}
.compaly .hd ul .on{ background: #cc0000; border: 1px solid red; color: #fff;}
.compaly .bd{ width: 795px; height: 100%; overflow: hidden;}
.compaly .bd ul{ overflow: hidden; width:900px; height: 700px;}
.compaly .bd li{ float: left; padding:25px 25px 0 0;}

.press-title{ height: 150px; background: url(http://www.cffm.com/imagesNew/pass_09.jpg) left bottom repeat-x;}
.press-box{ width: 1100px; margin: 0 auto;}
.press-box .left{ float: left; height: 95px; line-height: 95px; padding-left: 35px; background: url(http://www.cffm.com/imagesNew/pass_05.jpg) left center no-repeat; font-size: 25px; color: #2e2e2e;}	
.press-box .right{ float: right; height: 95px; line-height: 95px; color: #666666;}
.press-box .right a{ color: #666666;}
.press-main{ background: #f2f2f2;}
.press-main .main-box{width: 1100px; margin: 0 auto; padding-bottom:60px;}
.pressWarp{ border-bottom: 1px solid #d9d9d9; height: 95px;}
.press-list{ margin-top:-104px ;}
.press-list .hd{height: 54px;}
.press-list .hd li{ float: left; border-left:1px dashed #cccccc; width: 118px; height: 54px; line-height: 54px; text-align: center; font-size: 14px;}
.press-list .hd li:nth-child(3){ border-right:1px dashed #cccccc;}
.press-list .hd .on{ background: #cc0000; border:0; color: #FFFFFF;}
.pressCenter{ width: 1100px; margin: 0 auto; background:#FFFFFF ; padding-top: 50px; margin-top: 45px;}
.pressCenter .pressCenter-box1{ width: 965px; overflow: hidden; margin:0 auto; padding-bottom: 17px;}
.pressCenter-box1 .icon{ float: left;}
.pressCenter-box1 .text{ float: right; width: 710px; height: 160px; background: #f2f2f2;}
.pressCenter-box1 .text p{ color: #D90000; padding-top: 31px; padding-left: 19px; padding-bottom: 15px; font-size: 13px;}
.pressCenter-box1 .text span{display: block; padding-left: 19px; color: #666666; font-size: 13px;}
.pressCenter-box1 .text h2{ padding-top: 25px; font-weight: normal; font-size: 12px; padding-right: 32px;}
.pressCenter-box1 .text h2 a{display: block; float: right; color: #CC0000;}
.pressCenter .pressCenter-box2{width: 965px; margin: 0 auto; position: relative; height:63px; padding-bottom: 25px;}
.pressCenter .pressCenter-box2 .title{ background:url(http://www.cffm.com/imagesNew/a1.jpg) left center no-repeat; height: 13px; text-indent:9px;font-size: 13px; line-height: 13px;}
.pressCenter .pressCenter-box2 .text{ font-size: 12px; margin-top: 15px; color: #666;}
.pressCenter .pressCenter-box2 .sj{ height: 12px; font-size: 12px; width: 70px; position: absolute; right:19px; bottom: 29px; color: #666666;}
.pressCenter .pressCenter-box3{ text-align:  center; padding: 100px 0 150px;}
.pressCenter .pressCenter-box3 li{ display: inline-block; height: 30px; line-height: 30px;}
.pressCenter .pressCenter-box3 li a{ padding: 0 20px; color: #565656; background-color: #ebebeb; height: 30px; display: block;}
.pressCenter .pressCenter-box3 li .on{background-color: #CC0000; color: #FFFFFF;}
