@charset "utf-8";
.banner { position:relative; width:100%; overflow:hidden; }
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center; }
.banner .hd { position:absolute; left:50%; bottom:5%; width:1002px; height:16px; margin-left:-501px; z-index:1; }
.banner .hd ul { width:1002px; height:16px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:0 3px; border-radius:100%; background:#fff; line-height:99px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background:#fe881c; opacity:1; }

.container { width:1080px; margin:0 auto; padding:16px 0 30px; }

.col-b { margin-bottom:20px; }
.col-b .g-sd { float:left; width:470px; }
.col-b .g-mn { float:right; width:600px; }

.m-about { background:url(../images/o_ico_13.jpg) repeat-x #f8f8f8; }
.m-about .g-hd { position:relative; height:42px; background:url(../images/o_ico_12.jpg) no-repeat; line-height:42px; }
.m-about .g-hd h2 { float:left; padding-left:22px; color:#fff; font-weight:100; font-size:14px; }
.m-about .g-hd .more { position:absolute; top:0; right:10px; font-family:\5b8b\4f53; }
.m-about .g-hd .more a { color:#fff; }
.m-about .g-hd .more a:hover { color:#ff0; }
.m-about .g-bd { height:196px; padding:20px 15px 0; border:solid #d7dee3; border-width:0 1px 1px; font-size:13px; line-height:22px; overflow:hidden; }
.m-about .g-bd img { float:left; margin:0 15px 0 0; border:1px solid #eee; vertical-align:top; }

.hotNews { padding:0 24px; border:1px solid #d7dee3; background:url(../images/o_ico_05.gif) repeat-x #f2f2f2; }
.hotNews .g-hd { position:relative; height:41px; background:url(../images/o_ico_14.gif) repeat-x; line-height:41px; }
.hotNews .g-hd h2 { float:left; font-size:14px; font-weight:100; color:#0d73cb; }
.hotNews .g-hd .more { position:absolute; top:0; right:0; font-family:\5b8b\4f53; }
.hotNews .g-hd .m-tab li { float:left; padding:0 10px; font-size:14px; text-align:center; }
.hotNews .g-hd .m-tab .on { background:url(../images/o_ico_15.gif) repeat-x; }
.hotNews .g-bd { height:214px; padding:8px 0 0; overflow:hidden; }
.hotNews .g-bd ul { display:block; overflow:hidden; zoom:1; }
.hotNews .g-bd li { position:relative; height:39px; border-top:1px solid #d7dee3; line-height:39px; font-size:13px; }
.hotNews .g-bd li:first-child { border-top:0; }
.hotNews .g-bd li span { position:absolute; top:0; right:0; width:82px; color:#999; font-size:12px; text-align:right; }
.hotNews .g-bd li a { display:block; padding-right:92px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.m-pictxt { float:left; width:203px; margin:10px 20px 0 0; }
.m-pictxt .u-pic { width:201px; height:114px; margin-bottom:8px; border:1px solid #d7dee3; }
.m-pictxt .u-txt { position:relative; height:48px; font-size:14px; line-height:23px; }
.m-pictxt .u-txt .m { position:absolute; right:0; bottom:0; display:inline-block; width:71px; height:23px; background:url(../images/o_ico_16.jpg) no-repeat; color:#fff; font-size:12px; text-align:center; vertical-align:top; }

.u-tt { margin-bottom:20px; padding:5px 24px 0; border:1px solid #d7dee3; }
.u-tt .g-hd { position:relative; height:40px; background:url(../images/o_ico_03.gif) no-repeat left bottom; line-height:37px; }
.u-tt .g-hd h2 { float:left; padding:0 5px; border-bottom:3px solid #0d73cb; color:#0d73cb; font-weight:100; font-size:16px; }
.u-tt .g-hd .more { position:absolute; top:0; right:10px; font-family:\5b8b\4f53; }
.u-tt .g-bd { overflow:hidden; }

.col-l { padding:5px 19px 15px; background:url(../images/o_ico_05.gif) repeat-x #f2f2f2; }
.col-l .g-hd { margin:0 5px; }
.col-l .g-bd { height:158px; padding:0 5px; background:url(../images/o_ico_10.jpg) no-repeat; }
.col-l .g-bd li { float:left; width:114px; height:152px; background:url(../images/o_ico_09.gif) no-repeat 0 35px; line-height:24px; font-size:15px; text-align:center; }
.col-l .g-bd li a { display:block; width:114px; height:116px; padding:36px 0 0; }
.col-l .g-bd li a:hover { background:url(../images/o_ico_11.jpg) no-repeat center top; }
.col-l .g-bd li span { display:block; }

.col-n { background:url(../images/o_ico_05.gif) repeat-x #f2f2f2; }
.col-n .g-bd { padding:20px 0 0; }
.pro-grid { overflow:hidden; }
.pro-grid li { float:left; width:334px; margin:0 14px 17px 0; }
.pro-grid li:nth-child(3n) { margin-right:0; }
.pro-grid li a { display:block; }
.pro-grid li .u-pic { position:relative; display:block; width:100%; padding-top:100%; overflow:hidden; border:1px solid #ececec; box-sizing:border-box; background:#fff; }
.pro-grid li .u-pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; display:block; }
.pro-grid li span { display:block; padding-top:8px; line-height:24px; font-size:14px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.col-v { background:url(../images/o_ico_05.gif) repeat-x #f2f2f2; }
.col-v .g-bd { padding:20px 0 0; }
.col-v .g-bd ul { width:1045px; }
.col-v .g-bd li { float:left; width:192px; margin-right:17px; text-align:center; }
.col-v .g-bd li img { width:192px; height:auto; padding:0; }
.col-v .g-bd li span { display:block; height:44px; font-size:14px; line-height:44px; padding:0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.col-x { background:url(../images/o_ico_04.gif) repeat-x #f2f2f2; }
.col-x .g-bd { width:1030px; padding:15px 0; font-size:13px; line-height:26px; }
.col-x .g-bd a { margin:0 16px 0 0; white-space:nowrap; }

.col-z { height:136px; overflow:hidden; }
.col-z ul { width:1100px; height:136px; }
.col-z li { float:left; width:253px; height:134px; margin:0 20px 0 0; border:1px solid #d8dfe3; }

.container img { vertical-align:top; }