@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clear { zoom: 1 }
.left { float: left; }
.right { float: right; }
.p130 { padding-top: 25px; }
.mt15 { margin-top: 30px; }
.mb50 { margin-bottom: 50px; }
.f_l { float: left; }
.f_r { float: right; }
.w1200 { width: 1200px; margin: 0 auto; display: block; overflow: hidden }
/* 顶部 */
.top { padding: 20px 0 18px 0; }
/* 导航 */
.nav { min-width: 1200px; background-color: #df2427; height: 50px; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul li { float: left; width: 133px; }
.nav ul li a { width: 133px; font-size: 16px; text-align: center; color: #fff; line-height: 50px; position: relative; display: block; overflow: hidden; }
.nav ul li a:hover, .nav ul li a.current, .nav ul li .on { background-color: #e96852; color: #fff; }
/* banner */
.banner { position: relative; display: block; overflow: hidden; width: 100%; margin-bottom: 4px; z-index: 1; clear: both; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 13px; height: 13px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 13px; height: 13px; line-height: 40px; overflow: hidden; cursor: pointer; background-color: #df2427; border-radius: 10px; }
.flex-control-nav .flex-active { background-position: 0 0; border: 1px solid #df2427; background-color: rgba(255,255,255,0) }
/* 右侧浮动在线客服 */
.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");
position: fixed; top: 31.6%; right: 0px; z-index: 999999; display: none; }
.commonposition a { display: block; width: 45px; height: 45px; position: relative; background-color: #df2427; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-top: 1px; }
.commonposition a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #000; }
.commonposition a.HomeQQ { background-position: -4px 0px; }
.commonposition a.HomeQQ1 { background-position: -4px 0px; }
.commonposition a.Homedianhua { background-position: -4px -102px; }
.commonposition a.Homeweixin { background-position: -4px -153px; }
.commonposition a.Hometop { background-position: -4px -205px; background-color: #666; }
.commonposition a span.QQbggray { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.QQbggray1 { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.weixinerweima { right: 45px; padding: 0px; }
.commonposition a span.dianhuabggray { background-position: -4px -102px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 120px; }
.title { margin: 45px 0 30px 0; text-align: center }
.title h2 { font-size: 24px; color: #333333; }
.title h3 { font-size: 14px; color: #999999; padding-top: 5px }
.server ul { margin-right: -22px; display: block; overflow: hidden }
.server ul li { width: 385px; float: left; margin-right: 22px; margin-bottom: 30px; }
.server ul li img { width: 385px; height: 289px; }
.server ul li .server_t { width: 385px; height: 40px; line-height: 40px; }
.server ul li .server_t p { font-size: 14px; color: #666; float: left; width: 300px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }
.server ul li .server_t img { float: right; width: 17px; height: 11px; padding-top: 15px }
.server ul li .product_img { width: 385px; height: 289px; display: block; overflow: hidden; border: 1px solid #f1f1f1; }
.server ul li .product_img img { width: 385px; height: 289px; transition: .2s transform; transform: translateZ(0); }
.server ul li:hover .product_img img { transform: scale(1.1, 1.1); transition: .4s transform; }

.server1 ul { margin-right: -22px; display: block; overflow: hidden }
.server1 ul li { width: 285px; float: left; margin-right: 22px; margin-bottom: 30px; }
.server1 ul li img { width: 285px; height: 208px; }
.server1 ul li .server_t { width: 285px; height: 40px; line-height: 40px; }
.server1 ul li .server_t p { font-size: 14px; color: #666; float: left; width: 200px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }
.server1 ul li .server_t img { float: right; width: 17px; height: 11px; padding-top: 15px }
.server1 ul li .product_img { width: 285px; height: 214px; display: block; overflow: hidden; border: 1px solid #f1f1f1; }
.server1 ul li .product_img img { width: 285px; height: 214px; transition: .2s transform; transform: translateZ(0); }
.server1 ul li:hover .product_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.more a { width: 240px; height: 45px; line-height: 45px; border: 1px solid #f1f1f1; text-align: center; color: #ccc; margin: 20px auto 0 auto; -webkit-transition: all .25s ease; transition: all .25s ease; display: block }
.more a:hover { color: #fff; background-color: #df2427; }
.more1 a { width: 240px; height: 45px; line-height: 45px; border: 1px solid #e1e1e1; background-color: #fff; text-align: center; color: #ccc; margin-left: 100px; -webkit-transition: all .25s ease; transition: all .25s ease; display: block; margin-top: 30px }
.more1 a:hover { color: #fff; background-color: #df2427; }
.about { height: 320px; overflow: hidden; padding-top: 30px }
.about_pic { width: 600px; position: relative; top: -400px }
.about_t { width: 650px; height: 370px; background-color: #f1f1f1; }
.about_t p { font-size: 14px; line-height: 30px; padding: 30px 30px 20px 100px }
.gg { margin-top: 50px; width: 100%; height: 292px; overflow: hidden; display: block; background: url(../images/gg.jpg) 50% 0; }
.cz { margin-top: 40px; }
.cz ul { margin-right: -50px; }
.cz ul li { width: 262px; border-radius: 150px; height: 500px; background-color: #feecec; float: left; margin-right: 50px; margin-bottom: 20px;}
.cz ul li img { display: block; margin: 0 auto; padding-top: 30px; }
.cz ul li h2 { font-size: 18px; color: #333; text-align: center; line-height: 28px; padding: 15px 0 10px 0 }
.cz ul li p { font-size: 14px; color: #666; text-align: center; padding: 0 10px; line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; }
.news_line { display: block; text-align: center; width: 1200px; overflow: hidden }
.news_line a{color: #333; padding:0 10px}
.news_line a:hover{color:#df2427}
.news_main { margin-top: 40px; }
#newslist { padding-bottom: 95px; width: 1200px; }
.newstitem .news_wrapper { position: inherit; }
.newstitem.left a.newscontent, .newstitem.right a.newscontent { padding: inherit; }
.newstitem.left a.newscontent:hover, .newstitem.right a.newscontent:hover { padding: inherit; }
.newstitem a.newscontent:hover .news_wrapper, .news_wrapper { width: 100%; }
.separator { display: none; }
.news_w1 { width: 277px; }
.news_w2 { width: 900px; }
.newstitem { height: 320px; margin-bottom: 20px; position: relative; float: left; margin-right: 30px; border-color: transparent; }
.newstitem:last-child { margin-right: 0; }
.newstitem a.newscontent { border-radius: 4px; transition: all 0.3s ease-out 0s; text-align: left; margin-top: 0px; position: absolute; width: 100%; top: 0px; }
.newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 80px; width: 90px; font-weight: 300; padding: 9px 0; width: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease 0s; }
.newstitem .md { color: #BDBDBD; display: inline-block; position: absolute; bottom: 20px; left: 22px; font-size: 14px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.newstitem .md span { display: none; }
.newstitem .year { color: #8a8a8a; font-size: 28px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; position: absolute; top: 24px; left: 22px; }
.newsbody .description { width: auto; margin-top: 8px; font-size: 13px; color: #b0b0b0; text-align: left; height: 48px; overflow: hidden; line-height: 24px; padding: 0px 20px; transition: all 0.6s ease 0s; }
.newstitem:hover p.title { color: #464646; }
.newsbody { width: auto; }
.newsbody .title { font-size: 16px; line-height: 38px; padding: 40px 20px 0px 20px; margin-top: 99px; border-top: 1px solid #dcdcdc; transition: all 0.6s ease 0s; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.news_w2 { height: 280px; position: relative; float: left; margin-right: 30px; border-color: transparent; }
.news_w2:last-child { margin-right: 0; }
.news_w2 a.newscontent { border-radius: 4px; transition: all 0.3s ease-out 0s; text-align: left; margin-top: 0px; position: absolute; width: 100%; top: 0px; }
.news_w2 .newsbody1 p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 80px; width: 90px; font-weight: 300; padding: 9px 0; width: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease 0s; }
.news_w2 .md { color: #BDBDBD; display: inline-block; position: absolute; bottom: 20px; left: 22px; font-size: 14px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.news_w2 .md span { display: none; }
.news_w2 .year { color: #8a8a8a; font-size: 28px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; position: absolute; top: 24px; left: 22px; }
.news_w2 .newsbody1 .description { width: auto; margin-top: 8px; font-size: 13px; color: #b0b0b0; text-align: left; height: 48px; overflow: hidden; line-height: 24px; padding: 0px 20px; transition: all 0.6s ease 0s; }
.news_w2:hover p.title { color: #464646; }
.news_w2 .newsbody1 { width: auto; }
.news_w2 .newsbody1 .title { font-size: 16px; line-height: 38px; padding: 10px 20px 0px 20px; margin-top: 99px; border-top: 1px solid #dcdcdc; transition: all 0.6s ease 0s; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.newstitem:hover .newsbody p.date { top: 202px; height: 100px; background: #df2427; transition: all 0.6s ease 0s; }
.newstitem:hover .md { bottom: 32px; color: #fff; }
.newstitem:hover .year { top: 34px; color: #fff; }
.newstitem:hover .newsbody .title { margin-top: 14px; border-color: rgb(223, 36, 39); }
.newstitem:hover .newsbody .description { color: #8A8A8A; }
.newstitem:hover a.details { margin-left: 154px; opacity: 1; }
.newstitem a.details { display: block; width: 80px; height: 30px; text-align: center; padding-top: 10px; border-radius: 0; border: 1px solid rgba(255,255,255,.3); position: relative; z-index: 2; overflow: hidden; margin-top: 245px; margin-left: 290px; transition: all 0.6s ease 0s; opacity: 0; }
.newstitem:hover a.details i { text-indent: 0px; color: #fff; }
.newstitem i { margin: 0; margin-left: 0px; position: absolute; left: 18px; top: 10px; text-indent: 0px; color: #fff; font-size: 20px; margin: 0; }
a.details { border: #dfdfdf 1px solid; background: rgba(255, 255, 255, .0); width: 360px; height: 58px; display: block; line-height: 20px; font-size: 14px; color: #fff; border-radius: 30px; transition: all ease-out .3s; }
.link_bj { padding: 15px 0; margin-top: 20px }
.link h2 { font-size: 18px; color: #000000; }
.link .link_main { margin-top: 10px; }
.link .link_main a { font-size: 14px; color: #666666; margin-right: 20px; }
.link .link_main a:hover { color: #e96852; }
.footer_bj { background-color: #df2427; padding: 5px 0 }
.footer_bj div { text-align: center; color: #fff; line-height: 24px; padding: 10px 0; }
.footer_bj div a { margin-left: 10px; color: #fff; }
.title_top_right { width: 1200px; margin: 0 auto; display: block; overflow: hidden; line-height: 40px; border-bottom: 1px solid #f1f1f1; }
.title_top_right img { margin-top: 5px; }
.title_top_right p { margin: 0px 5px 0px 5px; }
.title_top_right a { margin: 0px 0px 0px 5px; }
.title_top_right a:hover { color: #0b74de; }
.title_top_right_xi1 { padding-top: 8px; }
.page_mian_content { width: 1200px; margin: 25px auto; }
.page_mian_content_left { width: 280px; overflow: hidden; }
.page_mian_contleft_one { width: 280px; overflow: hidden; position: relative; }
.page_contleft_one_b { width: 280px; }
.page_title_top { position: absolute; top: 5px; width: 250px; height: 70px; line-height: 70px; color: #fff; background-color: #1f294b; }
.page_title_xi1 { font-size: 20px; margin-left: 10px; margin-right: 10px; }
.page_title_xi2 { font-size: 12px; margin-left: 10px; }
.page_mian_contleft_two { margin-top: 25px; }
.page_mian_contleft_two img { width: 100%; }
.page_mian_lefthree { overflow: hidden; margin-top: 25px; backgrond: #fff; border: 6px solid #f3f2f2; margin-bottom: 30px; }
.subnav { width: 250px; }
.subnav .column { background: url(../images/thre_imgbg.png) no-repeat top center; height: 70px; }
.subnav .column h1 { color: #fff; font-size: 22px; padding-left: 25px; padding-top: 10px; }
.subnav .column h1 span { display: block; font-size: 12px; font-family: Tahoma, Arial, Helvetica, Sans-serif; text-transform: uppercase; color: #feecec; line-height: 24px }
.subnav .twonav ul li { width: 190px; height: 50px; padding-left: 28px; border-left: 1px solid #dcdbdb; border-right: 1px solid #dcdbdb; border-bottom: 1px solid #dcdbdb; }
.subnav .twonav ul li a { display: block; background: url(../images/rjt_ico.png) no-repeat 158px center; font-size: 14px; color: #333; line-height: 50px; font-weight: bold; }
.subnav .twonav ul li:hover a, .f_l .twonav ul li.on a { color: #004da1; }
.accordion { border-left: 1px solid #dcdbdb; border-right: 1px solid #dcdbdb; }
.accordion a { cursor: pointer; padding: 15px 15px 15px 42px; color: #333; font-size: 14px; font-weight: 700; background: url(../images/rjt_ico.png) no-repeat 188px center; position: relative; border-bottom: 1px solid #dcdbdb; width: 191px; display: block }
.accordion a:hover { color: #df2427; }
.accordion a.on { color: #df2427; }
.right_ny { width: 900px; margin-bottom: 20px }
.about_ny img { margin: 10px 0; }
.about_ny p { font-size: 14px; color: #666; line-height: 24px; text-indent: 2em; }
form { display: block; overflow: hidden; margin-top: 10px; }
.form_l { width: 560px; margin-bottom: 50px; margin: 0 auto }
.form_1 { margin-top: 20px; }
.form_1 label { font-size: 18px; color: #666666; }
.form_1 label em { color: #bf0103; }
.form_1 input { width: 558px; border: 1px solid #cccccc; color: #666; height: 47px; line-height: 47px; margin-top: 10px; outline: none; font-size: 16px; padding-left: 10px }
.form_1 select { width: 572px; border: 1px solid #cccccc; color: #666; height: 47px; line-height: 47px; margin-top: 10px; outline: none; font-size: 16px; padding-left: 10px }
.form_r { width: 560px; margin-bottom: 50px; margin: 0 auto }
.form_2 { margin-top: 20px; }
.form_2 label { font-size: 18px; color: #666666; }
.form_2 textarea { width: 558px; height: 156px; border: 1px solid #cccccc; margin-top: 10px; outline: none; font-size: 16px; color: #666; padding-left: 10px; font-family: "微软雅黑"; }
.button { width: 200px; height: 42px; line-height: 42px; border-radius: 20px; background-color: #bf0103; color: #fff; margin: 0 auto; display: block; margin-top: 40px; outline: none; cursor: pointer }
/* 分页 */
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; padding-top: 10px; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #a3a3a3 solid 1px; border-radius: 2px; color: #a3a3a3; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
/* 图文详情 */
.pic_list_xq { margin-top: 10px; margin-bottom: 20px }
.pic_list_xq p { font-size: 14px; color: #333; text-indent: 2em; line-height: 24px; }
.pic_list_xq img { text-align: center; display: block; margin: 0 auto; padding: 20px 0; }
.pic_list_xq h2 { font-size: 24px; text-align: center; color: #000; line-height: 40px; }
.pic_list_xq h3 { font-size: 14px; color: #979696; text-align: center; line-height: 30px; }
.pic_list_details { border-top: 1px dashed #d6d4d4; margin-top: 20px; padding-top: 20px; }
.pic_list_details p { font-size: 14px; color: #000; text-indent: 2em; text-align: left; line-height: 24px; padding-top: 20px; }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 30px; color: #2c6abc; }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #3f3f3f; font-weight: normal; }
.page_text p a:hover { color: #494949; }
.city-filter { padding:15px; background:#f8f8f8; overflow: hidden; margin-bottom:30px}
.city-filter .filter-left { float:left; width:50px; }
.city-filter .filter-left p { padding:5px 0; }
.city-filter .filter-right { float:right; width:820px; }
.city-filter .filter-row ul li { float:left; margin:5px 10px; }
.city-filter .filter-row ul li a { color:#3c3c3c; }
.city-filter .filter-row ul li a:hover { color:#ed1818; }
.city-filter .filter-row ul li a.selected { font-weight:bold; color:#eb0e16; }
.point-list { position:relative; margin-right: -20px; }
.point-item { float:left; width:398px; padding:10px 20px; margin-bottom: 15px; margin-right: 20px; border:1px solid #ccc; }
.point-item p.address { padding:5px 0; font-size:16px; color:#222; border-bottom:1px dotted #ccc;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }
.point-item p.name { padding:5px 0; font-size:14px; color:#8c8c8c; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }
.point-item p.score img { display:inline-block; }
.point-item p.score span { display:inline-block; margin:0 10px; font-size:12px; color:#ccc; float:right; }


.crrt{overflow: hidden; padding-top: 20px;}

/* 联系我们 */
.lxfs{overflow: hidden; width: 900px; margin: 0 auto; padding-bottom: 2%;}
.lxfs .left{overflow: hidden; float: left; width: 45%;  padding-right: 30px;}
.lxfs .left h2{font-size: 24px; color: #3f3f3f; margin: 0 0 10px 0;}
.lxfs .left p{font-size: 14px; margin: 0;line-height: 24px;}
.lxfs .right{float: right; width: 38%;}
.lxfs .right img{width: 150px; height: 150px;}

/* 百度地图 */
#allmap {width:100%; height:350px;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
.myclass{ height:50px; width:180px; font-size:12px; line-height:22px;}
.bigdiv{width:100%; height:100%; margin:0 auto; padding:20px 0;}


