@charset "utf-8";
html, body { margin: 0; padding: 0; font: 100%/150%"arial", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; color: #333; background: #fcfafe; overflow: hidden; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h4, h6 { font-weight: normal; font-size: 100%; }
he, cite, code, dfn, th, var, address { text-align: left; font-weight: normal; font-style: inherit; }
img { border: none; margin: 0; padding: 0; line-height: 0; display: block; }
ul, li { list-style: none; padding: 0; margin: 0; }
dl { display: block; }
blockquote { font-style: normal; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.clearfix { clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; display: inline-block; }

/* for IE/Mac */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.row { margin: 0; padding: 0; line-height: 0; height: 20px; }
ul { margin: 0; padding: 0; list-style: none }
a, a:link, a:hover { text-decoration: none }
a, a:link { color: #333; }
a:hover { color: #99694f; }
input { font-size: 90%; }
#content { width: 100%; position: absolute; top: 45px; letter-spacing: .05em; bottom: 54px; background-color: #f7f7f7; }

/*图标*/
.icon { background: url(iocnfooter.png) no-repeat; background-size: cover; }
.icon_foot, .header-icon, .icon_foot2 { height: 18px; width: 18px; }
.header-icon { margin: 13px; }
.icon_foot { margin: 8px auto -1px auto; }
.icon_menu { background-position: 0px 0px; }
.icon_home { background-position: -18px 0; }
.icon_tel { background-position: -36px 0 }
.icon_share { background-position: -54px 0; }
.icon_return { background-position: -90px 0; }
.icon_mail { background-position: -108px 0; }
.icon_sms { background-position: -126px 0; }
.icon_location { background-position: -72px 0; }

/*菜单
-----------------------------------------------------------------------------------------------------------*/
#pagemenu { border-right: 1px solid #ccc; position: absolute; width: 46%; top: 47px; bottom: 0; z-index: 11; background: rgba(0, 0, 0, 0.8); color: #FFF; }
.menubar { letter-spacing: 3px; width: 100%; padding-top: 8px; text-align: center; padding-bottom: 8px; background: rgba(0, 0, 0, 0.1); border-bottom: rgba(0, 0, 0, 0.2) 1px solid; }
#pagemenu li { padding: 0.4em 0; border-bottom: rgba(0, 0, 0, 0.2) 1px solid; color: #FFF; border-top: rgba(255, 255, 255, 0.2) 1px solid; text-indent: 1em; }
#pagemenu dt { text-align: center; }
#pagemenu li a { color: #FFF; }
#pagemenu blockquote { border-bottom: rgba(0, 0, 0, 0.2) 1px solid; padding-bottom: 0.4em; }
#pagemenu dl { border-top: rgba(255, 255, 255, 0.2) 1px solid; padding-top: 0.4em; }
#pagemenu dt { line-height: 40px; }

/*页头
-----------------------------------------------------------------------------------------------------------*/
#page, #page1, body { width: 100%; position: absolute; top: 0; bottom: 0; }
.header { height: 45px; width: 100%; background: #FFF; position: relative; z-index: 100; border-bottom: #87b4d5 solid 3px; }
.header .title { font-size: 110%; font-weight: bold; line-height: 260%; color: #3371ba; letter-spacing: .1em; text-align: center; margin-left: 20px; }
.header .left { position: absolute; top: 0; left: 0; }
.header .right { float: right; position: absolute; top: 0; right: 0; }

/*页脚
-----------------------------------------------------------------------------------------------------------*/
.footer { background: #FFF; height: 50px; width: 100%; position: absolute; bottom: 0; border-top: #87b4d5 solid 3px; }
.footer li { font-size: 80%; width: 25%; float: left; }
.footer, .footer li, .footer li a { text-align: center; color: #2873aa; }
.footer li strong { font-weight: normal; }
.abc { width: 60%; margin: 0 auto; }
.abc:hover { width: 60%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; }

/*yy*/
.crm { border-bottom: 1px solid #ccc; }
.crm input { border: none; }
.crm li { padding: 6px; border-bottom: 1px solid #ccc; }
.crm li .rese { border: none; background: none; color: #999; }
.crm li .rese1 { border: none; background: #c2c2c2; color: #fff; }
.crm .rese2 { background: #fff; overflow-x: hidden; overflow-y: hidden; color: #999; width: 86%; height: 100px; margin: 0 10px; padding: 10px; }
.crm .re-ban { text-align: center; color: #fff; padding: 10px 0; width: 95%; border: none; background: #ec6217; margin: 10px auto; display: compact; }
.p_enter { background: rgba(0, 0, 0, 0.85); width: 60%; padding: 0.3em 0; color: #464646; text-align: center; margin: 10px 20%; border-radius: 5px; border: rgba(255, 255, 255, 0.2) 1px solid; position: absolute; bottom: 70px; letter-spacing: 0.2em; }
.p_enter2 { background: #7e4da0; width: 40%; padding: 0.3em 0; color: #fff; text-align: center; margin: 10px 30%; display: inline-block; }
.enter-btn { width: 60%; position: absolute; bottom: 60px; left: 20%; text-align: center; padding: 5px; border-radius: 5px; color: #fff; background: #B5652A; }

/*幻灯
-----------------------------------------------------------------------------------------------------------*/
#wrapper { width: 100%; display: block; margin: 0 auto; }
#wrapper img { width: 100%; margin: 0 auto; }
.swUl, .swUl > li { display: block; float: left; list-style: none; padding: 0; margin: 0; border-radius: 50%; }
.swUl { width: 50px; bottom: 15px; left: 45%; z-index: 1000; position: relative; }
.swUl > li { text-indent: -9999em; width: 6px; height: 6px; background: #fff; overflow: hidden; margin: 0 10px 0 0; border-radius: 9px; }
.swUl > li.active { background: #535353; }
.swUl > li:last-child { margin: 0; }

/*分享
-----------------------------------------------------------------------------------------------------------*/
.fx { text-indent: 100px; }
.icon1 { background: url(fx.png) no-repeat; background-size: 45px 229px; }
.icon_qq { background-position: 30px 12px; }
.icon_sina { background-position: 30px -38px; }
.icon_r { background-position: 24px -90px; }
.icon_k { background-position: 30px -140px; }
.icon_dou { background-position: 30px -190px; }

/*文字-盒子-阴影
-----------------------------------------------------------------------------------------------------------*/
.box-shadow { box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); -webkit-box-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); }
.text-shadow { }
.ct h6 a:hover { text-shadow: 1px 1px 0 #444; }
.text-shadow1 { text-shadow: 1px 1px 0 #fff; }

/*按钮
-----------------------------------------------------------------------------------------------------------*/
.Page { width: 100%; margin: 10px auto; font-size: 70%; }
.Page li { width: 45%; margin: 0 2%; padding: 5px 0; display: inline-table; text-align: center; border-radius: .4em; background: rgba(0, 0, 0, 0.4); }
.Page li a { color: #fff }
.btn-a { width: 100%; display: inline-table; padding: 5px 0; text-align: left; border-radius: .4em; background: #FFF; border: #eeeeee solid 2px; text-indent: 10px; }

/*新闻列表*/
.newstitle { width: 100%; border: solid 1px #e4e4e4; height: 50px; background: #FFF; }
.newstitle ul li { height: 50px; text-align: center; float: left; width: 25%; background: #FFF; line-height: 50px; }
.newstitle ul .selected { border-bottom: #30b6e6 solid 3px; }
.newslist { width: 100%; }
.newslist li { text-indent: 1em; height: 45px; line-height: 45px; border-bottom: 1px #e4e4e4 solid; background: url(icon-list.png) 95% 50% no-repeat; background-size: 22px; }
.newslist blockquote { width: 85%; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; }
#pullUp, #more { width: 95%; margin: 10px auto; padding: 8px 0; font-size: 80%; background: rgba(0, 0, 0, 0.4); text-align: center; color: #fff; cursor: pointer; border-radius: 5px; position: relative; }

/*产品中心
-----------------------------------------------------------------------------------------------------------*/
.Product { width: 98%; margin: 0 auto; }
.Product li { font-size: 80%; float: left; width: 42%; margin: 1.5%; padding: 5px; text-align: center; border: 1px #ccc solid }
.Product img { width: 100%; height: 110px; }
.Product li blockquote { height: 20px; line-height: 25px; width: 100%; text-overflow: ellipsis;/*这就是省略号喽*/ white-space: nowrap;/*设置不折行*/ -o-text-overflow: ellipsis;/*兼容opera*/ overflow: hidden; display: block; }

/*列表页 二级栏目*/
.index_three { width: 98%; margin: 5px auto; }
.index_three li a { width: 28%; margin: 1%; padding: 7px 5px; text-align: center; color: #FFF; display: block; float: left; font-size: 12px; background: #CCC; }
.index_three { width: 98%; margin: 5px auto; }
.index_three li a { width: 28%; margin: 1%; padding: 7px 5px; text-align: center; color: #FFF; display: block; float: left; font-size: 12px; background: #6292ca; }
.index_three li a:hover { background: #c1010b }

/*信息详情页
-----------------------------------------------------------------------------------------------------------*/
.box { width: 95%; margin: 0px auto; padding: 2.5% }
.box img { width: 100%; min-width: 100%; }
.box hr { height: 1px; border: 0; padding: 0; margin: 0 auto 10px auto; background: #ccc; }
.line { width: 100%; border-bottom: #FFF solid 1px; border-top: #e4e4e4 solid 1px; }
.box h3 { font-size: 120%; color: #085492; letter-spacing: .1em; width: 100%; margin: 10px auto; text-align: center }
.box h4 { color: #999; font-size: 80%; margin: 0 0 10px 0; width: 100%; text-align: center; }
.box .lxwm li { padding: 5px 0; }
#piclist li img { width: 100%; min-width: 100%; margin-bottom: 10px; border: #ececec solid 1px; }

/*浜岀骇涓嬫媺鑿滃崟*/
.leveltwo { width: 100%; float: left; }
.lt_title { background: rgba(48, 182, 230, 0.5); height: 50px; line-height: 50px; text-indent: 1em; position: relative; border-bottom: #d7e7e7 solid 2px; }
.leveltwo ul li { text-indent: 2em; height: 50px; line-height: 50px; background-color: #FFF; width: 100%; float: left; display: none; background: url(icon-list.png) 2% center no-repeat; background-size: 20px; }
.lticon { width: 36px; height: 36px; background: url(newslist.png) 7% 50% no-repeat; position: absolute; top: 5px; right: 2%; }

/*首页 栏目设置
-----------------------------------------------------------------------------------------------------------*/
.main-title { width: 96%; margin: 15px auto 5px auto; border-bottom: #87b4d5 solid 3px; }
.main-title li { width: 50%; display: inline-table; }
.main-title li blockquote { font-size: 110%; color: #5486c7; text-indent: 10px; }
.main-title li strong { color: #d4d4d4; font-weight: normal; }
.main-title li a { font-size: 70%; color: #87b4d5; text-align: right; display: block; }

/*快速导航
-----------------------------------------------------------------------------------------------------------*/
.maincid { width: 100%; margin: 0 auto; }
.maincid li { width: 31%; margin: 1% 0.5% 1% 1%; height: 45px; float: left; text-align: center; border: #dbdbdb solid 1px; background-image: -moz-linear-gradient(top, #FFF, #f7f7f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#f7f7f7)); }
.maincid li span { margin-top: 10px; display: block; font-size: 80%; }
.maincid li img { width: 20%; max-height: 35px; margin: 12px 6%; margin-right: 2%; float: left; }