* { margin:0px; padding:0px; list-style:none;}
body { margin:0px; padding:0px; font-family:"微软雅黑";}
img { border:none;}


.head { height:117px; background:#fff;}
.head .nbox { width:1000px; margin:0 auto; position:relative;}
.head .nbox .logo { position:absolute; top:32px; left:0px;}
.head .nbox .tbox { position:absolute; top:50px; left:268px;}
.head .nbox .tbox .t1 { color:#014294; font-size:17px;}
.head .nbox .tbox .t2 { color:#777; font-size:14px;}
.head .nbox .rtu { position:absolute; top:48px; right:75px;}
.head .nbox .rma { position:absolute; top:37px; right:-5px;}



.dh { background:#00307b;}
.dh .nbox { width:1000px; height:50px; margin:0 auto;}


.banner { height:529px;}





.container_hn1 { background:url(../images/04.jpg) repeat-x top left; height:94px; width:980px; border-top:6px solid #00307b; margin:-40px auto 0 auto; position:relative; z-index:99;}
.container_hn1 ul li { width:310px; height:94px; position:relative; float:left; margin-right:25px;}
.container_hn1 ul .nomar { margin-right:0px;}
.container_hn1 ul li .tu { float:left; margin-left:20px; margin-top:14px;}
.container_hn1 ul li .tbox { float:left;}
.container_hn1 ul li a { text-decoration:none;}
.container_hn1 ul li .tbox .t1 { color:#014294; padding-left:10px; padding-top:26px; font-size:15px;}
.container_hn1 ul li .tbox .t2 { color:#777; padding-left:10px; font-size:13px; padding-top:1px;}
.container_hn1 ul li .tbox a .t1 { color:#014294; text-decoration:none;}
.container_hn1 ul li .tbox a:hover .t1 { color:#df001d; text-decoration:none;}
.container_hn1 ul li .tbox a .t2 { color:#777; text-decoration:none;}
.container_hn1 ul li .tbox a:hover .t2 { color:#008dd7; text-decoration:none;}


.container_hn2 { width:980px; margin:0 auto; height:70px;}
.container_hn2 .lebox { float:left;}
.container_hn2 .lebox .t1 { color:#888; font-size:13px; height:30px; line-height:30px; background:#fff; margin-top:20px; padding-left:10px;}
.container_hn2 .lebox .t1 a { color:#888; text-decoration:none;}
.container_hn2 .lebox .t1 a:hover { color:#df001d;}
.container_hn2 .lebox .t1 span { color:#0758b3;}
.container_hn2 .ribox { float:right;}
.container_hn2 .ribox .ssbox { background:url(../images/06.jpg) no-repeat top left; width:245px; height:30px; margin-right:10px; margin-top:20px; }
.container_hn2 .ribox .ssbox .ss { width:205px; height:30px; line-height:30px; background:none; border:none; padding-left:10px; color:#999; font-family:"微软雅黑"; float:left;}
.container_hn2 .ribox .ssbox .an { width:30px; height:30px; background:none; border:none; float:left;}


.container_hn3 { background:#f9f9f9; padding-top:30px; overflow:hidden; margin-top:5px; padding-bottom:40px;}
.container_hn3 .nbox { width:980px; margin: 0 auto;}
.container_hn3 .nbox .lebox { width:645px; float:left;}
.container_hn3 .nbox .lebox .bt { color:#666; font-size:16px; height:49px; line-height:48px; overflow:hidden;}
.container_hn3 .nbox .lebox .bt span { color:#b8b8b8; padding-left:20px; font-size:14px;}
.container_hn3 .nbox .lebox .bt a { color:#0858b2; text-decoration:none;}
.container_hn3 .nbox .lebox .bt a:hover { color:#dd011b; text-decoration:none;}
.container_hn3 .nbox .lebox .boxcon { height:200px; overflow:hidden; color:#666; font-size:13px; line-height:25px;}


.container_hn3 .nbox .ribox { float:right; width:310px;}
.container_hn3 .nbox .ribox ul li { width:310px; float:left; margin-right:25px;}
.container_hn3 .nbox .ribox ul li .tu { width:310px; height:80px; overflow:hidden;}
.container_hn3 .nbox .ribox ul li .t1 { color:#666; font-size:16px; height:50px; line-height:48px; padding-left:10px; }
.container_hn3 .nbox .ribox ul li .t1 span { color:#b8b8b8; padding-left:20px; font-size:14px;}
.container_hn3 .nbox .ribox ul li a { text-decoration:none;}
.container_hn3 .nbox .ribox ul li a .t1 {color:#0858b2; text-decoration:none;}
.container_hn3 .nbox .ribox ul li a:hover .t1 {color:#dd011b; text-decoration:none;}


.container_hn4 { width:980px; margin:0 auto;}
.container_hn4 ul { padding:30px 0; overflow:hidden;}
.container_hn4 ul li { width:310px; float:left; margin-right:25px;}
.container_hn4 ul .nomar { margin-right:0px;}
.container_hn4 ul li .tu1 { background:url(../images/07.jpg) no-repeat top left; padding-left:90px; line-height:70px; height:70px; color:#333; font-size:18px; text-align:left;} 
.container_hn4 ul li .tu2 { background:url(../images/08.jpg) no-repeat top left; padding-left:90px; line-height:70px; height:70px; color:#333; font-size:18px; text-align:left;} 
.container_hn4 ul li .tu3 { background:url(../images/09.jpg) no-repeat top left; padding-left:90px; line-height:70px; height:70px; color:#333; font-size:18px; text-align:left;} 
.container_hn4 ul li .boxcon { color:#888; font-size:13px; line-height:21px; padding-top:12px; width:285px; padding-left:5px;}


.footer { background:#00307b; height:310px; clear:both; }
.footer .nbox { width:980px; margin:0 auto;}
.footer .nbox .lebox { background:#001f5e; width:190px; height:310px; float:left;}
.footer .nbox .lebox .tu1 { text-align:center; padding-top:24px;}
.footer .nbox .lebox .tu2 { margin-top:20px; text-align:center;}
.footer .nbox .lebox .tu2 p { color:#fff; font-size:12px; padding-top:7px;}

.footer .nbox .ribox { margin-left:20px; float:left; height:310px; width:760px;}
.footer .nbox .ribox ul { border-bottom:1px solid #335995; overflow:hidden; margin-top:15px;}
.footer .nbox .ribox ul li { float:left; color:#e7e7e7; padding:20px 30px;}
.footer .nbox .ribox ul li a { color:#e7e7e7; text-decoration:none;}
.footer .nbox .ribox ul li a:hover { color:#8a9dff; text-decoration:none;}

.footer .nbox .ribox .t2 { color:#e7e7e7; font-size:13px; line-height:25px; height:124px; margin-top:37px;}

.footer .nbox .ribox .t3 { color:#e7e7e7; font-size:13px; line-height:25px; }
.footer .nbox .ribox .t3 a { color:#e7e7e7; text-decoration:none;}
.footer .nbox .ribox .t3 a:hover { color:#8a9dff; text-decoration:none;}









/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; z-index:999;}
.nav { height:50px; position:relative; z-index:1; width:980px; margin:0 auto;}
.nav a{ color:#fff; text-decoration:none;}
.nav .nLi{ float:left;  display:inline; height:50px; position:relative;}
.nav .nLi h3{ float:left; font-weight:normal;}
.nav .nLi h3 a{ display:block; font-size:15px; color:#fff; text-align:center; padding:0 40px; line-height:50px; }

.nav .on h3 a:hover{ background:#fff; color:#0858b2; border-top:3px solid #00307b; height:47px; line-height:45px;}
.nav .select h3 a { background:#0858b2; color:#fff;}


.nav .sub { display:none; width:630px; height:195px; left:0; top:50px; position:absolute; background:#fff; /*box-shadow: 0px 3px 5px #bbb;*/}
.nav .sub li{ zoom:1; }


/*产品展厅*/
.nav .menucpzt { display:none; width:700px; height:195px; left:-110px; top:50px; position:absolute; }
.nav .menucpzt .lebox { float:left;}
.nav .menucpzt .lebox ul { padding-top:20px; float:left; padding-left:30px; width:120px;}
.nav .menucpzt .lebox ul li { color:#666; font-size:13px; line-height:33px;}
.nav .menucpzt .lebox ul li a { color:#666; text-decoration:none;}
.nav .menucpzt .lebox ul li a:hover { color:#dc001a; }
.nav .menucpzt .ribox { float:right; width:205px; padding-left:30px; border-left:1px solid #e5e5e5; margin-top:20px;}
.nav .menucpzt .ribox .z1 { color:#0858b2; line-height:30px; font-size:13px; font-weight:bold; padding-left:5px; padding-top:2px;}
.nav .menucpzt .ribox .z1 a { color:#0858b2; text-decoration:none;}
.nav .menucpzt .ribox .z1 a:hover { color:#dc001a; text-decoration:none;}
.nav .menucpzt .ribox .cptu { margin-top:4px;}
.nav .menucpzt .ribox .cptu img { border:3px solid #3f6ce1;}

/*品质保障*/
.nav .menupzbz { display:none; width:400px; height:195px; left:-140px; top:50px; position:absolute; }
.nav .menupzbz .lebox { float:left;}
.nav .menupzbz .lebox ul { padding-top:20px; float:left; padding-left:30px; width:120px;}
.nav .menupzbz .lebox ul li { color:#666; font-size:13px; line-height:33px;}
.nav .menupzbz .lebox ul li a { color:#666; }
.nav .menupzbz .lebox ul li a:hover { color:#dc001a; }
.nav .menupzbz .ribox { float:right; width:205px; padding-left:30px; border-left:1px solid #e5e5e5; margin-top:20px;}
.nav .menupzbz .ribox .z1 { color:#0858b2; line-height:30px; font-size:13px; font-weight:bold; padding-left:5px; padding-top:2px;}
.nav .menupzbz .ribox .z1 a { color:#0858b2; text-decoration:none;}
.nav .menupzbz .ribox .z1 a:hover { color:#dc001a;}
.nav .menupzbz .ribox .cptu { margin-top:4px;}
.nav .menupzbz .ribox .cptu img { border:3px solid #3f6ce1;}

/*弘丰文化*/
.nav .menuhfwh { display:none; width:435px; height:195px; left:-140px; top:50px; position:absolute; }
.nav .menuhfwh ul li { height:70px; margin-top:20px; }
.nav .menuhfwh ul li .tu { float:left; margin-left:20px;}
.nav .menuhfwh ul li .tu img { border:1px solid #c6ced7;}
.nav .menuhfwh ul li .tbox { float:left; background:#fff; width:270px; margin-left:25px;}
.nav .menuhfwh ul li .tbox .t1 { color:#0858b1; font-size:13px; font-weight:bold; padding-top:4px;}
.nav .menuhfwh ul li .tbox .t1 a { color:#0858b1; text-decoration:none;}
.nav .menuhfwh ul li .tbox .t1 a:hover { color:#dc001a; text-decoration:none;}
.nav .menuhfwh ul li .tbox .t2 { color:#888; font-size:12px; line-height:21px; width:265px; height:40px; overflow:hidden; margin-top:3px;}

/*关于我们*/
.nav .menugywm { display:none; width:400px; height:195px; left:-140px; top:50px; position:absolute; }
.nav .menugywm .lebox { float:left;}
.nav .menugywm .lebox ul { padding-top:20px; float:left; padding-left:30px; width:120px;}
.nav .menugywm .lebox ul li { color:#666; font-size:13px; line-height:33px;}
.nav .menugywm .lebox ul li a { color:#666; text-decoration:none;}
.nav .menugywm .lebox ul li a:hover { color:#dc001a;}
.nav .menugywm .ribox { float:right; width:205px; padding-left:30px; border-left:1px solid #e5e5e5; margin-top:20px;}
.nav .menugywm .ribox .z1 { color:#999; line-height:30px; font-size:13px; padding-left:5px; padding-top:2px;}
.nav .menugywm .ribox .cptu { margin-top:4px;}
.nav .menugywm .ribox .cptu img { border:1px solid #ccc;}






/* banner css */
.MPbannerBox { overflow:hidden; position:relative; width:100%; height:529px; }


.MPbannerBox .hd { overflow:hidden; position:absolute; bottom:0px; z-index:1; width:100%; height:20px; }
.MPbannerBox .hd ul { overflow:hidden; zoom:1; margin:0 auto; padding:5px 0; display:block; text-align:center}
.MPbannerBox .hd ul li { width:8px; height:8px; background:#eee; cursor:pointer; margin:0 1px; display:inline-block;/*行成块兼行*/ }
.MPbannerBox .hd ul li.on { background:#1fdddf;}

.MPbannerBox .bd { position:relative; height:100%; z-index:0; }
.MPbannerBox .bd li { zoom:1; vertical-align:middle; height:529px; width:100%; text-align:center; margin:0 auto;}











.MPbannerPage { overflow:hidden; position:relative; width:100%; height:370px; }

.MPbannerPage .bd { position:relative; height:100%; z-index:0; }
.MPbannerPage .bd li { zoom:1; vertical-align:middle; height:370px; width:100%; text-align:center; margin:0 auto;}