@charset "utf-8";
input{outline: none;border:none;}
/**/
/*.yzbj{height:172px; background:url(../images/yzbj.png) no-repeat center;margin-top: -102px;}
.yz{ height:172px;}
.yz .y{width:345px; height:143px; padding-top:29px;padding-left:55px;float:left;  background:#f5f5f5; z-index: 100;position: relative;margin-right: 70px;}
.yz .y span{font-size:16px; color:#111113; display: block;}
.yz .y i{display: block;margin-top: 15px; color:#111113; margin-bottom: 24px;width:218px; padding:0 36px; position: relative; text-align: center;}
.yz .y i::before{width:19px; height:2px; background:url(../images/hg2.jpg) no-repeat center; content:""; position: absolute; top:11px; left:0;}
.yz .y i::after{width:19px; height:2px; background:url(../images/hg2.jpg) no-repeat center; content:""; position: absolute; top:11px; right:0; }
.yz .y em{font-size: 36px; font-family: Arial, Helvetica, sans-serif; color:#333333;display: block; line-height:30px;  padding-left:36px; background:url(../images/phone.png) no-repeat top left;}
.yz .search{float:left; width:730px;padding-top:102px;}
.yz .search em{display: block; width:460px; margin-top: 27px;float:left;}
.yz .search em i{float:left;font-size: 12px; color:#FFF; margin-right: 5px;}
.yz .search em a{display: block; float:left;font-size: 12px; color:#FFF; margin-right: 7px;}
.yz .search p{width:217px; height:30px;float:right;margin-top: 20px; background:url(../images/hg3.png) no-repeat bottom center;}
.yz .search p .txt{width:163px; height:30px; padding:0 10px; font-size: 14px; color:#FFF; opacity: 0.5; float:left;border:0;background:0;}
.yz .search p .btn{width:30px; height:30px; background:url(../images/btn.png) no-repeat center; float:left; border:0;}*/
/**/

.g_pp{background:url(../images/ppbg.jpg) no-repeat center top;height: 806px;padding: 90px 0 0 0;}
.g_pp .m_video{padding-left: 40px;height: 558px;}
.g_pp .m_video dd{float: left;width: 498px;margin-right: 50px;}
.g_pp .m_video h3{height: 56px;line-height: 56px;font-size: 30px;color: #0a0f12;font-weight: normal;margin-bottom: 12px;}
.g_pp .m_video h3 b{color: #1e5db0;}
.g_pp .m_video p{font-size: 15px;line-height: 30px;color: #676767;margin-bottom: 32px;}
.g_pp .m_video span{display: block;float: right;}
.g_pp .m_video dt{float:left;width: 590px;}


.g_pp .m_zmj h4{height: 100px;text-align: center;font-size: 24px;color: #1f5db0;font-weight: normal;}
.g_pp .m_zmj .ibrand-num li{float: left;width: 299px;font-size: 24px;color: #0a0f12;text-align: center;}
.g_pp .m_zmj .ibrand-num li em{display: inline-block;font-size: 48px;color: #0a0f12;}
.g_pp .m_zmj .ibrand-num i{font-size: 14px;color: #0a0f12; font-style: normal;position: relative;top:-6px;}
.g_pp .m_zmj .ibrand-num li span{display: block;}

.g_cpfl{background: #1e5db0;height:120px;}
.g_cpfl h2{float: left;width:420px;height: 100px; font-size: 36px; padding-top:20px;border-bottom: 0px solid #8aa9d3; }
.g_cpfl h2 a{color: #fff;}
.g_cpfl h2 em{display: block;font-size: 18px;color: #fff;font-weight: normal;margin-top: 8px;}
.g_cpfl h2 span{display: block;font-size: 18px;color: #68b92e;font-weight: normal;text-transform: uppercase;}
.g_cpfl .m_cpfl{float: left;width: 772px;border-bottom: 0px solid #8aa9d3;height:120px;}
.g_cpfl .m_cpfl li{float:left;width: 153px;padding-top:15px;height:105px;}
.g_cpfl .m_cpfl li img{width: 146px;margin: 0 auto;text-align: center;}
.g_cpfl .m_cpfl li em{display: block;height: 28px;line-height: 28px;margin-top: 25px;text-align: center;font-size: 18px;color: #fff;}
.g_cpfl .m_cpfl li span{display: block;font-size: 12px;color: #5e8bc6;text-transform: uppercase;text-align: center;}
.g_cpfl .m_cpfl li:hover,.g_cpfl .m_cpfl .cur{background: #68b92e}
.g_cpfl .m_cpfl li:hover span,.g_cpfl .m_cpfl .cur span{color: #96ce6d}

.g_pro{background:url(../images/cpbg.jpg) no-repeat center top;height: 1009px;padding-top: 45px;}
.g_pro h2{height: 40px;line-height: 40px;font-size: 24px;color: #0a0f12;text-align: center;font-weight: normal;margin-bottom: 22px;}
.g_pro h2 a{color: #0a0f12;}
.g_pro .m_cp{margin-left: 50px;}
.g_pro .m_cp dl{float: left;width: 352px;margin-right: 25px;margin-bottom: 30px;}
.g_pro .m_cp dl:last-child{ margin-right: 0;}
.g_pro .m_cp .lastdl{margin-right: 0;}
.g_pro .m_cp dt{width: 352px;height:290px;overflow: hidden;position: relative;}
.g_pro .m_cp dt img{width: 352px;height:290px;display: block; transition: all 0.3s linear 0s;} 
.g_pro .m_cp dt:hover img{transform: scale(1.1);}
.g_pro .m_cp dt em{position: absolute;right: 10px;top:94px;border:3px solid #fff;border-radius: 3px;}
.g_pro .m_cp dt em img{width: 142px;height: 86px;display: block;}
.g_pro .m_cp dd{border: 2px solid #eee;height: 108px;padding-top: 10px;}
.g_pro .m_cp h3{padding-left: 30px;height: 28px;line-height: 28px;font-size: 18px;color: #565656;font-weight: normal;}
.g_pro .m_cp h3 a{color: #565656;}
.g_pro .m_cp p{padding-left: 30px;height: 22px;line-height: 22px;font-size: 14px;color: #999999;font-weight: normal;margin-bottom: 8px;}
.g_pro .m_cp span a{display: block;border-top:2px solid #eee;height: 46px;line-height: 46px;padding-left: 56px;background:url(../images/cpico1-30.jpg) no-repeat 28px 14px;font-size: 14px;color: #a3a3a3;}
.g_pro .m_cp dl:hover span a{background:url(../images/cpico1.jpg) no-repeat 28px 14px;color: #0084c7;}
.g_pro .m_cp dl:hover h3 a{color: #0084c7;}

.g_cptd{background:url(../images/cptdbg.jpg) no-repeat center top;height: 541px;padding: 164px 0 0 0;}
.g_cptd .cptd{float: left;width: 480px;}
.g_cptd .cptd h2{background:url(../images/tdico.png) no-repeat 0 0;padding-top: 90px;font-size: 36px;color: #fff;font-weight: normal; height:122px;}
.g_cptd .cptd h2 em{display: block;font-size: 18px;color: #fff;}
.g_cptd .zsbd li{float: left;width: 182px;margin-right: 12px;}
.g_cptd .zsbd li img{width: 182px;height: 257px;display: block;}
.g_cptd .zsbd{height: 286px;}
.g_cptd .zshd li{width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-right: 9px;float: left;}
.g_cptd .zshd .on{background: #68b92e;}
.g_cptd .cptdys{float: left;width: 715px;}
.g_cptd .cptdys dl{float: left;width: 290px;margin-right: 58px;height: 200px;}
.g_cptd .cptdys dt{width: 106px;height: 72px;}
.g_cptd .cptdys dt img{width: 106px;height: 72px;display: block;}
.g_cptd .cptdys h3{padding-left: 20px;height: 42px;line-height: 42px;font-size: 24px;color: #0a0f12;margin-bottom: 10px;font-weight: normal;}
.g_cptd .cptdys p{padding-left: 20px;font-size: 15px;line-height: 22px;color: #7f7f7f}

/*新闻中心*/
.news_bg{padding: 0 0 60px;background: #f7f7f7;overflow: hidden;}
.ne_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 30px 0 0;height: 80px;overflow: hidden;  margin-bottom:20px;}
.ne_bt a{font-size: 40px;color: #333;}
.ne_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}

.news{ width:580px;height: 400px;background: #fff;box-shadow: 0 3px 10px 3px #ddd;}
.news_t{ height:60px;line-height: 60px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t em{float: left;width: 100px;height: 60px;display: block;line-height: 0;}
.news_t em img{width: 80px;height: 60px;}
.news_t a{font-size: 22px;color: #333;}
.news_t a:hover,.news_t a:hover i{color: #0f5bad;}
.news_t span{float: right;width: 85px;height: 60px;display: block;line-height: 16px;padding: 15px 0 0 15px; background:url(../images/news_line.gif) no-repeat 0 20px;}
.news_t span a{font-size: 12px;color: #2e2e2e;}
.news_t span i{color: #666;display: block;}
.news dl{ width:520px; padding:30px 0 20px;margin:0 auto;height: 126px;}
.news dt{ width:224px; height:126px;overflow: hidden;float: left;}
.news dt img{ width:224px; height:126px;}
.news dd{width:260px;float: left; padding:0 0 0 30px;}
.news dd span{display: block;font-size: 36px;color: #0f5bad;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #0f5bad;}
.news .news_desc{ font-size:14px; color:#757373; height:40px; line-height:20px;overflow: hidden;}
.news_c{ width:520px;margin:0 auto;display: block;}
.news ul li{ height:45px; line-height:45px; overflow:hidden;border-top: #c2c2c2 1px dotted;}
.news ul li a{ font-size:14px; color:#666;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}
.news ul li b{padding: 0 10px 0 0;}

/*品质*/
.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 540px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz{padding:55px 0px 15px 20px;}
.pinz ul{}
.pinz ul li{width: 270px;margin-right:20px; float: left;}
.pinz ul li em{width: 270px;height: 210px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.pinz ul li em img{width:270px;height: 210px;}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 270px;height: 210px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pinz ul li span{ width:270px; display:block; text-align:center; height:40px; line-height:25px;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pinz ul li a:hover span{color: #0f5aad;}
.pinz ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}


/*header*/
.toparea{ width:100%; height:32px; margin:0 auto; background:#f0f0f0; border-bottom:1px solid #dbdbdb}
.toparea ul{ width:1200px; height:32px; margin:0 auto}
.toparea ul li{ float:left; line-height:32px; font-size:14px; color:#666666}

/*header_top*/
.header_top{ width:100%; height:148px; margin:0 auto; background:url(../images/bg_top.jpg) center top no-repeat}
.header_top ul{ width:1200px; height:148px; margin:0 auto; position:relative}
.header_top ul li{}

.header_top ul li.logo{ width:260px; height:148px; position:absolute; left:0; top:0; background: url(../images/logo.jpg) right center no-repeat;font-size:22px; color:#666666; line-height:30px}
.header_top ul li.logo p{ font-size:40px; color:#ff7a00; font-weight:bold; line-height:55px; padding-top:28px}

.header_top ul li.logoa{ width:520px; height:148px; position:absolute; left:278px; top:0;}
.header_top ul li.logoa p{font-size:30px; color:#ff7a00; font-weight:bold; line-height:45px; padding-top:25px}
.header_top ul li.logoa dl dt{ background:url(../images/gou.png) 0 center no-repeat; padding-left:24px; font-size:18px; line-height:24px; color:#666666}

.header_top ul li.tel{
	width: 260px;
    height: 104px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/tel.png) 0 center no-repeat;
    padding-left: 55px;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    padding-top: 44px;
	}
.header_top ul li.tel p{
	font-size: 30px;
    color: #333333;
    font-family: impact;
    line-height: 35px;
	}

/*nav*/
.nav{width:100%; height:60px; margin:0 auto; background:#004892}
.nav  ul { width:1197px; height:60px; margin:0 auto;}
.nav  ul li{float: left;position:relative;}
.nav  ul li a{ width:171px; height:60px; display:block; text-align:center; line-height:60px; color:#fff; font-size:16px; font-weight:bold; /*background:url(../images/nav_line.jpg) right center no-repeat*/} 
.nav  ul li a:hover{color: #fff; font-size:16px; line-height:60px; background:#ff6000}
.nav  ul li:hover{line-height:60px; font-size:16px;color: #fff !important;background:#ff6000}
.nav  ul li:hover a{color:#fff;}
.nav  ul li dl{position:absolute; left:0px; top:60px; z-index:99999; background:#ff7a00; display:none; width:171px;}
.nav  ul li:hover dl{ position:absolute; left:0px; top:60px; z-index:99999; background:#ff7a00; display:block;}
.nav  ul li dl dt a{height:44px;display:block; text-align:center;line-height:44px;color:#fff !important; font-size: 15px !important; font-weight:100;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; border-right:none}
.nav  ul li dl dt a:hover{background:#444; color:#fff !important; line-height:44px; font-size:15px !important; font-weight:100}
.nav .nav_on{color: #fff; font-size:16px; line-height:60px; background:#ff6000}



/*搜索*/
.link{ width:100%; height:82px; margin:0 auto; border-bottom:1px solid #cccccc}
.link ul{ width:1200px; height:82px; margin:0 auto;}
.link ul li{ float:left; height:82px}
.link ul li p{line-height:82px;width:740px; height:82px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-size:14px; font-weight:bold}
.link ul li a{line-height:82px; color:#333; font-weight:100}

.bannerfo{ width:378px;height:40px; border:1px solid #dddddd; position:relative; margin-top:20px;border-radius:20px;}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:0; width:330px; height:40px;}
.bannerfo dl .inputbox input{ width:300px; height:40px; padding:0 15px;color:#aaaaaa; line-height:40px; font-size:14px; background:none}
.bannerfo dl .menuser{ position:absolute; left:330px; top:0; width:48px; height:38px; display:block;background: url(../images/search2.png) no-repeat 0 0; }
.bannerfo dl .menuser input{width:48px; height:38px;background: none}



/* 精品推荐 */

.in_news{width:100%; height:auto; margin:35px auto 45px; }
.in_news .title{ display:block; text-align:center; font-size:18px; color:#666; line-height:35px; width:1200px; margin:auto;}
.in_news .title p{ font-size:30px; color:#333333; line-height:50px; font-weight:bold}
.in_news .title p span{ font-size:30px; color:#004892; line-height:50px; font-weight:bold}
.in_news .title .dec{ width:44px; height:3px; margin:15px auto; background:#004892}
.in_news .content{ width:1200px; height:auto; margin:25px auto 0}

.in_news .news_top {text-align: center; }
.in_news .news_top li{
	display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    margin: 0 10px;
    color: #666666;
    font-size: 16px;
    border: 1px solid #c0c0c0;
	}
.in_news .news_top li a{color: #666;font-size: 16px;}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#004892; border:1px solid #004892}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff;}

.in_news .news_box{ width:1200px; height:auto; margin:24px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {float: left;margin-right:30px; margin-bottom:6px;}
.in_news .news_box li:nth-child(3n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width: 362px;
    height: 362px; display:block;
    overflow: hidden; padding:2px; border:1px solid #c0c0c0;
	}
.in_news .news_box li .topimg img{
	max-width:100%;
	max-height:362px;
	transform: scale(1);
	transition: all 1s ease-out;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}
.in_news .news_box li p{
	width:362px;
	height:44px;
	display:block; text-align:center;
	line-height:44px;
	font-size:16px;
	color:#333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.in_news .news_box li p a{
	line-height:44px;
	font-size:16px;
	color:#333;
}


/*四大优势*/
.in_4ys{ width:100%; height:635px; margin:0 auto; background:url(../images/bg_ys1.jpg) center top no-repeat; padding-top:55px}
.in_4ys .content{ width:1200px; height:auto; margin:0 auto; margin-top:55px;}
.in_4ys .content ul li{ float:left; width:240px; height:auto; display:block; text-align:center; margin:0 25px; font-size:15px; line-height:26px; color:#ffffff; }
.in_4ys .content ul li.li1{ background:url(../images/01.png) center top no-repeat}
.in_4ys .content ul li.li2{ background:url(../images/02.png) center top no-repeat}
.in_4ys .content ul li.li3{ background:url(../images/03.png) center top no-repeat}
.in_4ys .content ul li.li4{ background:url(../images/04.png) center top no-repeat}
.in_4ys .content ul li img{ height:82px; padding-top:20px; padding-bottom:28px;transition: all 0.3s linear 0s;}
.in_4ys .content ul li:hover img{transform:rotate(360deg);}
.in_4ys .content ul li p{ font-size:28px; color:#fff; font-weight:bold; line-height:42px}
.in_4ys .content ul li .dec{ width:35px; height:2px; display:block; margin:12px auto; background:#ffffff}
.in_4ys .tel{ width:460px; height:54px; margin:55px auto 0; display:block; background:url(../images/ys_tel.png) 38px center no-repeat; text-indent:85px; line-height:54px; font-size:20px; color:#ffffff; border:3px solid #ffffff;border-radius: 25px;}
.in_4ys .tel span{ font-size:28px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:54px}

/*公共标题*/
.main_title{ display:block; text-align:center;font-size:20px; color:#444444; line-height:38px; }
.main_title p{
	font-size: 45px;
    color: #222222;
    line-height: 56px;
    font-weight: bold;
    font-family: "微软雅黑";
    padding-top: 8px;
    margin-bottom: 10px;
	}

/*三大理由*/
.in_3reason{ width:100%; height:auto; margin:0 auto; background:url(../images/bg_ys.jpg) center top no-repeat; padding-top:76px; padding-bottom:65px}
.in_3reason .content{ width:1200px; margin:0 auto; margin-top:40px; height:1080px; position:relative}
.in_3reason .content .ysa{ position:absolute; left:705px; top:0}
.in_3reason .content .ysb{ position:absolute; left:0; top:338px}
.in_3reason .content .ysc{ position:absolute; left:598px; top:702px}

.in_3reason .content .txta{position:absolute; left:0; top:45px}
.in_3reason .content .txtb{position:absolute; left:692px; top:412px}
.in_3reason .content .txtc{position:absolute; left:0; top:820px}


.in_3reason .content .txt{ width:526px; height:auto; display:block;}
.in_3reason .content .txt h1{
	height: 78px;
    background: url(../images/ys_title.png) no-repeat 0 0;
    font-style: normal;
    font-size: 12px;
    color: #566571;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    font-weight: 100;
    letter-spacing: -0.2px;
	}
.in_3reason .content .txt h1 span{ width:85px; height:78px; display:block; margin-right:50px; text-align:center; float:left; font-size:50px; font-family:impact; line-height:78px; color:#ffffff;letter-spacing:0;}
.in_3reason .content .txt h1 p{ font-size:28px; color:#0156a9; font-weight:bold; line-height:40px; font-family:"微软雅黑"; padding-top:10px;letter-spacing:0;}
.in_3reason .content .txt .cont{ margin-top:35px}
.in_3reason .content .txt .cont ul li{ background:url(../images/pencile.png) 0 10px no-repeat; padding-left:38px; font-size:17px; line-height:35px; color:#444444}
.in_3reason .content .txt .cont ul li span{font-size:17px; line-height:35px; color:#ff6600}
.in_3reason .content .txt h1{text-transform: uppercase}

/*首页公司简介*/
.in_about{ width:100%; height:auto; margin:0 auto}
.in_about .subfeature{ width:100%; height:225px; margin:0 auto; background:#0068b7}
.in_about .subfeature ul{ width:1200px; height:auto; margin:0 auto; padding-top:40px; padding-bottom:40px}
.in_about .subfeature ul li{
	width: 300px;
    height: 90px;
    display: block;
    float: left;
    border-right: 1px solid #56a2db;
    padding: 0 48px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
	}
.in_about .subfeature ul li:nth-child(3n){ border-right:none}
.in_about .subfeature ul li p{ height:42px; padding-left:56px; line-height:42px; font-size:19px; color:#fff}
.in_about .subfeature ul li.lia{ background:url(../images/icon6.png) 50px 0 no-repeat}
.in_about .subfeature ul li.lib{background:url(../images/icon7.png) 50px 0 no-repeat}
.in_about .subfeature ul li.lic{background:url(../images/icon8.png) 50px 0 no-repeat}

.in_about .subcontent{
	width: 1100px;
    height: 490px;
    margin: 0 auto;
    margin-top: -58px;
    background: #fff;
    padding: 50px 50px 0;
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,.1);
	}


.in_about .subcontent .lefttxt{ width:495px; height:auto; display:block; float:left}
.in_about .subcontent .lefttxt h1{ font-size:28px; color:#333333; font-weight:bold; line-height:45px}
.in_about .subcontent .lefttxt h2{ font-weight:100; font-size:18px; color:#444; line-height:40px}
.in_about .subcontent .lefttxt .txt{ font-size:16px; line-height:30px; color:#666666; height:240px; display:block; overflow:hidden; text-align:justify; margin-top:15px}
.in_about .subcontent .lefttxt .txt *{font-size:16px; line-height:30px; color:#666666;}
.in_about .subcontent .lefttxt .more{ margin-top:45px;}
.in_about .subcontent .lefttxt .more ul li{ float: left; margin-right:30px}
.in_about .subcontent .lefttxt .more ul li a{ width:180px; height:40px; display: block; text-align:center; line-height:40px; background:#666666; color:#fff; font-size:16px;border-radius:20px}

.in_about .subcontent .rightimg{ display:block; float:right; width:569px; height:429px;}
.in_about .subcontent .rightimg img{ width:569px; height:429px;}


.box4{ margin:60px auto 0}

/*子页面大图*/
.nban{ width:100%; height:690px; margin:0 auto; background:#dfdfdf;}