body { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 14px; }
input, select, textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; ; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }
img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
/*.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }*/
.img:hover { background: #000 }
.img:hover img { opacity: .5; transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }
.pos_cell { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(http://m.123.com:2020/theme/vip20/images/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.header { background: #1c1c1c; line-height: 70px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.logo img { vertical-align: middle; }
.menu li { float: left; margin: 0 25px; }
.menu li a { color: #717171; }
.menu li.on a, .menu li a:hover { color: #fff; }
.banner { position: relative; }
.banner_cur { left: 10%; right: 10%; position: absolute; top: 50%; margin-top: -20px; z-index: 100; }
.banner_cur span { cursor: pointer; display: block; width: 46px; height: 46px; border-radius: 100%; border: 1px solid #fff; background-image: url(../image/cur1.png); background-repeat: no-repeat; background-position: center center; }
.banner_cur span:hover { border-color: #fb3546; background-color: rgba(0,0,0,0.2); }
.banner_cur span.next { background-image: url(../image/cur2.png); }
.banner .item { position: relative; font-family: Arial; }
.banner .text { left: 0; width: 100%; z-index: 100; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.banner .text h2 { font-size: 46px; font-weight: normal; }
.banner .text p { font-size: 24px; margin: 2em 0; }
.banner_search { max-width: 800px; margin: 0 auto; padding: 8px; background: rgba(0,0,0,0.15); border-radius: 3px; width: 90%; line-height: 48px; }
.banner_search .box { background: #fff; border-radius: 2px; position: relative; padding-right: 147px; }
.banner_search .btn { position: absolute; top: 0; right: 0; width: 147px; text-align: center; }
.banner_search .btn button { line-height: 48px; width: 100%; display: block; color: #fff; background:url(../image/icon1.png) no-repeat 100px center #be9a78; font-size: 16px; border:none; }
.btn button:hover { background:url(../image/icon1.png) no-repeat 100px center #956d47; }

.banner_search .span_tit { display: block; float: left; width: 72px; text-align: center; border-right: 1px solid #d5d5d5; font-size: 15px; font-weight: bold; color: #000; }
.banner_search .div_input { padding-left: 20px; overflow: hidden; }
.div_input input { width: 100%; border: 0; background: none; text-align: left; }
.owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; /*background: url(../images/dots.png) no-repeat center center;*/ border-radius: 100%; background: none; margin-bottom: 15px; position: relative; border: 2px solid transparent; }
.owl-theme .owl-dots .owl-dot span:after { content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background: #fff; content: ''; position: absolute; top: 50%; margin-top: -2px; left: 50%; margin-left: -2px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border-color: #fff; background: none; }
.details .owl-theme .owl-dots .owl-dot span:after { background: #be9a78 }
.details .owl-theme .owl-dots .owl-dot.active span, .details .owl-theme .owl-dots .owl-dot:hover span { border-color: #be9a78; }
.page1_text .img1 { text-align: right; width: 50%; float: right; }
.page1_text .text { line-height: 30px; color: #878787; text-align: center; overflow: hidden; }
.page1_text .text { padding: 80px 0; }
.page_tit2 h3 { font-size: 48px; font-family: 'Times New Roman'; font-weight: normal; color: #000; line-height: 58px; }
.page_tit2 h2 { font-size: 40px; font-weight: normal; color: #000; line-height: 58px; margin-bottom: 30px; }
.page1_text .text p { height: 120px; overflow: hidden; max-width: 425px; margin: 0 auto; margin-bottom: 30px; }
.xxj { color: #fff; display: block; line-height: 44px; padding:0 15px; text-align: center; background: #be9a78; margin: 0 auto; }
.btn a { color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; background: #be9a78; margin: 0 auto; }
.page { overflow: hidden; padding: 60px 0; }
.page:after { content: ''; display: block; clear: both; }
.page.on { background: #f9f9f9; }
.page_tit { margin-bottom: 40px; text-align: center; }
.page_tit h3 { font-size: 30px; margin-bottom: 20px; font-weight: normal; }
.page_tit h2 { font-size: 28px; }
.page_tit p { color: #999; }
.page_tit p span:before, .page_tit p span:after { display: inline-block; width: 30px; height: 1px; background: #999; vertical-align: middle; content: ''; margin: 0 2px; margin-bottom: 2px; }
.page_tag ul li { margin-left: -4px; display: inline-block; }
.page_tag { text-align: center; }
.page_tag a { display: block; line-height: 30px; padding: 0 23px; color: #7e7e7e; position: relative; }
.page_tag .on a, .page_tag a:hover { background: #be9a78; color: #fff; }
.page_tag .on a:before, .page_tag a:hover:before { color: #be9a78 }
.page_tag a:before { content: '|'; display: block; position: absolute; left: -2px; }
.page_tag li:first-child a:before { display: none; }
.pro_list ul:after { content: ''; display: block; clear: both; }
.pro_list li { width: 33.333%; float: left; text-align: center; }
.pro_list h3 { font-size: 16px; color: #000; font-weight: normal; }
.pro_list p { padding: 10px 0 15px; color: #be9a78; background: no-repeat bottom center; }
.pro_list a:hover p { background: url(../image/icon2.png) no-repeat bottom center; }
.pro_list ul { display: none; margin-top: 20px; }
.pro_list ul.on { display: block; }
.pro_list ul.on li { animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both; }
.about_list2 { max-width: 1100px; margin: 0 auto; border-top: 1px solid #e8e8e8; margin-top: 30px; padding-top: 30px; }
.about_list2 ul li { width: 31.333%; margin: 0 1%; float: left; }
.about_list2 ul { margin: 0 -1%; }
.about_list2 .img { position: relative; }
.about_list2 img { display: block; }
.about_list2 .img p { position: absolute; bottom: 20px; left: 20px; right: 20px; line-height: 42px; background: #fff; text-align: center; height: 42px; }
.about_list2 .img p span { display: block; height: 20px; border-bottom: 1px solid #000; margin: 0 14px; }
.about_list2 .img p label { display: inline-block; padding: 0 10px; background: #fff; }
.about_list2 .text { line-height: 28px; color: #333; margin-top: 10px; }
.his_list { padding-top: 20px; position: relative; }
.his_list .line { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 1px; background: #d3d3d3 }
.his_list ul li { text-align: right; margin: 20px 0; padding-right: 50%; clear: both; position: relative; }
.his_list ul li i { position: absolute; left: 50%; margin-left: -5px; top: 10px; width: 9px; height: 9px; border-radius: 100%; background: #d3d3d3 }
.his_list ul li i:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -80px; width: 60px; height: 1px; background: #d3d3d3; top: 4px; }
.his_list ul li:nth-child(2n) i:after { margin-left: 20px; }
.his_list ul li:nth-child(2n) { padding-right: 0; padding-left: 50%; text-align: left; }
.his_list ul li .text { padding: 0 100px; line-height: 28px; color: #262626; }
.his_list ul li .text h3 { font-size: 20px; color: #a2774f; font-weight: normal; margin-bottom: 10px; }
.ry_list { max-width: 1034px; margin: 0 auto; }
.ry_list li { width: 30.3%; float: left; margin: 10px 1.5%; text-align: center; line-height: 40px; }
.ry_list li .img { border: 10px solid #efefef; max-width: 270px; margin: 0 auto; }
.ry_list li:nth-child(3n+1) { clear: both; }
.ry_list li .img img { display: block; }
.td_list { max-width: 1100px; margin: 0 auto; }
.td_list li { width: 25%; float: left; }
.td_list li:hover .tit p span { width: 100%; }
.td_list li .box { margin: 17px; }
.td_list li .img { position: relative; }
.td_list li .img img { display: block; }
.td_list li .tit p { line-height: 56px; background: #1c1c1c; padding: 0 16px; font-size: 16px; color: #c09874; position: relative; }
.td_list li .tit p a { color: #c09874; }
.td_list li .tit p span { position: absolute; display: block; width: 48px; height: 4px; background: #be9a78; bottom: 0; right: 0; }
.td_list li:nth-child(4n+1) { clear: both; }
.td_list li .text { margin-top: 15px; line-height: 26px; color: #6c6c6c }
.td_list li .text h3 { font-size: 20px; margin-bottom: 10px; color: #000 }
.zp_p_list { max-width: 1120px; margin: 0 auto; line-height: 28px; color: #4c4c4c }
.zp_p_list a { color: #be9a78 }
.bold { font-weight: bold; }
.zp_p_list .list { border-bottom: 1px solid #ebefef; margin-bottom: 15px; padding-bottom: 15px; }
.zp_p_list .list:last-child { border-bottom: 0 }
.zp_p_list .list h3 { font-size: 20px; font-weight: normal; color: #000; margin-bottom: 5px; line-height: 40px; }
.zp_p_list .text>ul>li { list-style: decimal; margin-left: 20px; }
.zp_list .text>ul { max-width: 514px; }
.zp_p_list .title { cursor: pointer; margin: 10px 0; line-height: 54px; border: 1px solid #e3e9ec; background: url(../image/icon12.png) no-repeat 98% center #f9f9f9; padding: 0 20px; }
.zp_p_list .title span { display: inline-block; width: 23%; color: #000 }
.zp_p_list .title span.span1 { font-size: 22px; }
.zp_p_list .box { display: none; transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; }
.zp_p_list .on .title, .zp_p_list li:hover .title { background: url(../image/icon12-1.png) no-repeat 98% center #be9a78; border-color: #be9a78; }
.zp_p_list .on .title span, .zp_p_list li:hover .title span { color: #fff; }
@keyframes zoomIn {  from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
 50% {
opacity: 1;
}
}
.pro_list li:nth-child(3n+1) { clear: both; }
.pro_list li a { display: block; margin: 12px; background: #fff; padding: 23px; box-shadow: 0 0 20px rgba(0,0,0,0.05) }
.pro_list li a:hover { box-shadow: 0 1px 50px rgba(0,0,0,0.1) }
.pro_list li a:hover .img { background: #fff; }
.page_pro { padding: 0; background: #1c1c1c; position: relative; }
.pro_owl { width: 50% }
.pro_owl .owl-theme .owl-controls { width: auto; right: -60px; left: auto; width: 120px; }
.pro_owl .owl-theme .owl-controls .owl-nav [class*=owl-] { display: block; float: left; width: 60px; height: 60px; margin: 0; padding: 0; background-image: url(../image/cur1.png); background-position: center center; background-repeat: no-repeat; border-radius: 0; background-color: #1c1c1c }
.pro_owl .owl-theme .owl-controls .owl-nav .owl-next { background-image: url(../image/cur2.png); background-color: #be9a78 }
.page_pro .text { position: absolute; left: 55%; }
.page_pro .text .box { max-width: 410px; }
.page_tit2.on h3 { color: #fff; }
.page_tit2.on h2 { color: #c09874; }
.page_pro .text p { line-height: 32px; color: #696969; height: 96px; overflow: hidden; margin-bottom: 30px; }
.page_pro .btn a { margin-left: 0; background: #0b0b0b; }
.btn2 a span { display: inline-block; padding-right: 17px; background: url(../image/icon3.png) no-repeat right center; }
.btn2 a:hover span { padding-right: 27px; }
.service_list:after { content: ''; display: block; clear: both; }
.service_list ul li { width: 25%; float: left; }
.service_list a { display: block; margin: 7px; position: relative; }
.service_list img { display: block; }
.service_list .text { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; }
.service_list .text h3 { font-size: 16px; font-weight: normal; }
.service_list .text p { margin: 10px 0; background: bottom center no-repeat }
.service_list .text .more { display: inline-block; padding-right: 10px; background: url(../image/icon4.png) no-repeat right center; }
.service_list a:hover .img:before { background: #fff; opacity: .95; top: 20px; left: 20px; right: 20px; bottom: 20px; }
.service_list a:hover .text { bottom: auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; color: #000; z-index: 100 }
.service_list a:hover .text h3 { color: #000; border-bottom: 1px solid #d7d7d7; margin: 0 20px; padding-bottom: 15px; }
.service_list a:hover .text p { color: #7f7f7f; padding-bottom: 20px; background: url(../image/icon5.png) bottom center no-repeat; }
.service_list a:hover .text span { display: none; }
.news_list ul li { width: 48%; padding: 25px 0; float: left; }
.news_list ul li:nth-child(2n) { float: right; }
.news_list a { display: block; }
.news_list .img { width: 160px; height: 100px; float: left; margin-right: 20px; }
.news_list .text { overflow: hidden; }
.news_list .p_time { height: auto; color: #a1a1a1 }
.news_list h3 { margin-top: 10px; font-size: 16px; color: #000; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list p { line-height: 20px; color: #999; height: 40px; overflow: hidden; }
.news_list .line { width: 100%; height: 1px; background: #efefef; margin: 8px 0; }
.news_list .line label { display: block; width: 13px; height: 1px; background: #000 }
.news_list a:hover .line label { width: 100%; }
/*----------织 梦 58 d e d e 5 8.c o m----------*/
.mainer { margin-top: 70px; }
ul:after { content: ''; display: block; clear: both; }
.btn_more { margin-top: 20px; text-align: center; }
.btn_more a { display: inline-block; padding: 0 45px; line-height: 42px; border: 1px solid #b2b2b2; color: #999 }
.btn_more a:hover { border-color: #fb3546; color: #fb3546 }
.div_pos { line-height: 65px; color: #515151; }
.div_pos a { color: #000; }
.div_pos a:hover { color: #fb3546 }
.details .wrap { max-width: 1180px; }
.details .tit { padding: 20px 0; border-bottom: 1px solid #e8e8e8; line-height: 30px; }
.details .tit h2 { font-size: 20px; font-weight: normal; }
.details .tit p { color: #be9a78 }
.details .tit span { color: #717171 }
.details .text { line-height: 36px; color: #898989; padding: 20px 0; }
.page_padd { padding-top: 0; }
.page_tit3 { margin: 0 10px; padding-top: 30px; }
.page_tit3 span { font-size: 20px; }
.center { text-align: center; }
.page_size { text-align: center; margin-top: 30px; }
.page_size a { display: inline-block; width: 35px; height: 35px; line-height: 35px; vertical-align: middle; background-color: #515151; color: #fff; background-position: center center; background-repeat: no-repeat; margin: 5px 2px; ; }
.page_size a.prev { background-image: url(../image/cur3.png); }
.page_size a.next { background-image: url(../image/cur4.png); }
.page_size a:hover, .page_size a.on { background-color: #be9a78; }
/*----------footer----------*/
.footer { padding: 50px 0; color: #fff; line-height: 26px; background: url(../image/footer.jpg) no-repeat center center; background-size: cover; }
.footer .wrap { max-width: 1000px; }
.footer .text { overflow: hidden; }
.footer .ewm img { display: block; margin-bottom: 15px; }
.footer .ewm { text-align: center; width: 170px; }
.footer .list { padding-top: 10px; }
.footer .list ul li { margin: 15px 0; }
.footer a { color: #fff; }
.news_tag { text-align: center; padding: 50px 0; }
.news_tag ul li { display: inline-block; }
.news_tag a { display: block; padding: 0 10px; min-width: 72px; text-align: center; line-height: 30px; background: #eee; color: #7e7e7e; }
.news_tag li.on a, .news_tag a:hover { background: #be9a78; color: #fff; }
.page_news .list { max-width: 945px; margin: 0 auto; }
.page_news .list .img { width: 471px; float: right; margin-left: 50px; }
.page_news .list .text { border-top: 2px solid #000; padding-top: 30px; overflow: hidden; }
.page_news .list li { margin-bottom: 40px; }
.page_news .list li:after { content: ''; display: block; clear: both; }
.page_news h3 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.page_news .list a:hover { color: #be9a78 }
.page_news .time { line-height: 20px; margin-bottom: 10px; padding-left: 25px; background: url(../image/icon6.png) no-repeat left center; color: #a8a8a8 }
.page_news p { line-height: 27px; height: 81px; overflow: hidden; color: #737373; margin: 30px 0; }
.page_news .btn a { background: none; border: 2px solid #000; color: #000; line-height: 34px; width: 120px; margin-left: 0 }
.page_news .btn a:hover { background: #333; color: #fff; }
/*----------custom----------*/
.news_details { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1) }
.news_details .box { width: 90%; margin: 0 auto; }
.news_details .tit { padding: 55px 0; text-align: center; }
.news_details .tit h2 { font-size: 36px; font-weight: normal; margin-bottom: 25px; }
.news_details .tit p { font-size: 18px; color: #333; }
.news_details .text { font-size: 16px; color: #414141; line-height: 28px }
.news_details .text h3 { font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; }
.news_details .text img { margin-top: 10px; }
.text_cur { line-height: 70px; border-top: 1px solid #e8e8e8 }
.text_cur span { max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text_cur a { color: #000; }
.text_cur a:hover { color: #be9a78; }
.pro_list2 ul li { width: 25%; float: left; }
.pro_list2 a { display: block; margin: 7px; font-size: 16px; }
.pro_list2 ul { margin: 0 3px; margin-top: 20px; }
.pro_list2 img { display: block; }
.pro_list2 .img { margin-bottom: 20px; }
.cont_list ul li { width: 33.333%; float: left; text-align: center; }
.cont_list ul li .text { margin-top: 20px; color: #434343 }
.cont_list ul li .text h3 { font-size: 16px; font-weight: normal; color: #000; margin-bottom: 10px; }
.message { max-width: 710px; margin: 0 auto; }
.message ul li { width: 50%; float: left; }
.message ul li:last-child { width: 100%; }
.message ul { margin-bottom: 0px; }
.message .div_input { margin: 5px; line-height: 40px; border: 1px solid #e9e9e9; background: #fff; padding: 0 15px; }
.div_input textarea { width: 100%; height: 150px; border: 0; background: none; resize: none; padding: 10px 0; }
.banner .item img { display: block; }
.about_tag { line-height: 80px; border-bottom: 1px solid #e8e8e8 }
.about_tag ul li { width: 20%; float: left; text-align: center; }
.about_tag ul li a { margin-left: -1px; border-left: 1px solid #e8e8e8; font-size: 16px; color: #222; display: block; }
.about_tag ul li:first-child a { border-left: 0; }
.about_tag ul li span { display: inline-block; padding-left: 50px; }
.about_tag ul li span.span1 { background: url(../image/icon7.png) no-repeat left center; }
.about_tag ul li span.span2 { background: url(../image/icon8.png) no-repeat left center; }
.about_tag ul li span.span3 { background: url(../image/icon9.png) no-repeat left center; }
.about_tag ul li span.span4 { background: url(../image/icon10.png) no-repeat left center; }
.about_tag ul li span.span5 { background: url(../image/icon11.png) no-repeat left center; }
.about_tag ul li.on a, .about_tag ul li a:hover { background: #be9a78; }
.about_tag ul li.on span, .about_tag ul li a:hover span { color: #fff; }
.about_tag ul li.on span.span1, .about_tag ul li a:hover span.span1 { background: url(../image/icon7-1.png) no-repeat left center; }
.about_tag ul li.on span.span2, .about_tag ul li a:hover span.span2 { background: url(../image/icon8-1.png) no-repeat left center; }
.about_tag ul li.on span.span3, .about_tag ul li a:hover span.span3 { background: url(../image/icon9-1.png) no-repeat left center; }
.about_tag ul li.on span.span4, .about_tag ul li a:hover span.span4 { background: url(../image/icon10-1.png) no-repeat left center; }
.about_tag ul li.on span.span5, .about_tag ul li a:hover span.span5 { background: url(../image/icon11-1.png) no-repeat left center; }
.about_d_text { line-height: 30px; color: #6d6d6d; }
.about_list { max-width: 790px; margin: 0 auto; }
.about_list ul li { width: 33.333%; float: left; margin: 35px 0 }
.about_list .box { margin: 10px; border: 1px solid #e7e7e7; text-align: center; padding: 35px 0; color: #ababab; }
.about_list .box h3 { font-size: 56px; color: #323232; font-weight: normal; margin-bottom: 20px; }
 @media only screen and (max-width: 1400px) {
.banner_cur { left: 5%; right: 5%; }
.page_tit2 h2 { margin-bottom: 10px; }
}
@media only screen and (max-width: 1200px) {
.page_tit2 h3 { font-size: 38px; }
.page_tit2.on h2 { font-size: 30px; }
.page_pro .text p { line-height: 25px; margin-bottom: 10px; height: 75px; }
.his_list ul li .text { padding-left: 0 }
.his_list ul li:nth-child(2n) .text { padding-left: 100px; padding-right: 0 }
}
 @media only screen and (max-width: 900px) {
.menu { position: fixed; top: 60px; left: -100%; width: 100%; height: 100%; background: #fff; }
.menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
.menu ul li a { line-height: 45px; font-size: 18px; }
.menu ul { padding-top: 10px; }
.header .logo { position: relative; z-index: 1001; line-height: 60px; }
.menu_wrap { position: absolute; top: 10px; width: 40px; height: 40px; background: url(../image/menu.png) no-repeat center center #be9a78; background-size: 25px auto; right: 5px; }
.h_menu .menu_wrap { background: url(../image/menu-1.png) no-repeat center center #be9a78; background-size: 25px auto; }
.h_menu .menu { left: 0; }
.header { line-height: 60px; }
.mainer { margin-top: 60px; }
.menu li.on a, .menu li a:hover { color: #fb3546 }
.banner .text h2 { font-size: 30px; }
.banner .text p { font-size: 14px; }
.banner_search { max-width: 500px; }
.page1_text .text { padding: 20px 0; }
.pro_owl { width: 80%; margin: 0 auto; }
.page_pro { padding: 50px 0; }
.page_pro .text { position: initial; top: auto; left: auto; right: auto; transform: none; width: 80%; margin: 0 auto; padding: 20px 0; }
.page_pro .text .box { max-width: 100%; }
.pro_owl .owl-theme .owl-controls { right: 0 }
.service_list ul li { width: 50%; }
.service_list ul li:nth-child(2n+1) { clear: both; }
.service_list ul li img { width: 100%; }
.about_tag ul li span { padding-left: 0; background: none !important }
.about_tag { line-height: 60px; }
.td_list li .box { margin: 5px; }
.td_list li { width: 50%; }
.td_list li:nth-child(2n+1) { clear: both; }
.td_list li img { width: 100%; }
.ry_list li { width: 47%; }
.ry_list li:nth-child(3n+1) { clear: none; }
.ry_list li:nth-child(2n+1) { clear: both; }
.page_news .list .img { width: 300px; margin-left: 20px; }
.page_news .list .text { padding-top: 20px; }
.page_news p { margin-top: 0; height: 54px; margin-bottom: 10px }
.page_news .time { margin-bottom: 0 }
.page_news .list li { margin-bottom: 20px; }
}
 @media only screen and (max-width: 800px) {
.news_list ul li { width: 100%; padding: 10px 0; }
}
 @media only screen and (max-width: 750px) {
.banner .text h2 { font-size: 20px; }
.banner .text p { margin: 1em; }
.banner_cur { display: none; }
.banner_search .btn { width: 100px; }
.banner_search .box { padding-right: 100px; }
.banner_search .span_tit { width: 50px; }
.banner_search .div_input { padding-left: 10px; }
.banner img { width: 150%; margin-left: -25%; max-width: initial; }
.banner .img1 { overflow: hidden; }
.page1_text .img1 { float: none; width: 100%; }
.pro_list li:nth-child(3n+1) { clear: none; }
.pro_list li { width: 50%; }
.pro_list li:nth-child(2n+1) { clear: both; }
.pro_list li a { padding: 15px; margin: 5px; }
.footer .ewm { float: none; text-align: center; margin-bottom: 20px; display: none; }
.footer .list ul li { margin: 5px 0; }
.footer .ewm img { margin: 0 auto; margin-bottom: 10px; }
.footer { text-align: center; }
.page { padding: 20px 0; }
.about_list ul li { margin: 20px 0; }
.page_tit2 h3 { font-size: 25px; line-height: 20px; }
.page_tit2 h2 { font-size: 30px; }
.about_tag ul li a { font-size: 14px; }
.about_tag { line-height: 40px; }
.about_tag .wrap { width: 100%; }
.about_list .box h3 { font-size: 30px; }
.about_list .box { margin: 5px; }
.page_tit h2 { font-size: 20px; }
.about_list2 ul li { margin: 0 auto; width: 95%; margin-bottom: 15px; float: none; }
.about_list2 img { width: 100%; }
.his_list ul { padding-left: 50px; }
.his_list ul li i { left: -40px }
.his_list ul li { padding: 0 !important; width: 100%; text-align: left; }
.his_list ul li .text { padding: 0 !important }
.his_list .line { left: 10px; right: auto; }
.his_list ul li i:after { margin-left: 10px !important; width: 20px !important; }
.zp_p_list .title span { min-width: 47%; width: auto; }
.zp_p_list .title { line-height: 30px; padding-top: 10px; padding-bottom: 10px; }
.page_news .list .img { width: 150px; float: left; margin: 0 auto; margin-right: 10px; }
.page_news p { height: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page_news .list .text { padding-top: 10px; }
.page_news .list .time { display: none; ; }
.page_news .list .text { border-top: 0 }
.page_news .btn a { border: 0; line-height: 20px; text-align: left; }
.page_news .time { margin-bottom: 10px; }
.page_news p { margin-bottom: 5px }
.news_details .tit h2 { font-size: 26px; margin-bottom: 15px; }
.news_details .tit { padding: 30px 0; }
.pro_list2 ul li { width: 50%; }
.page_news h3 { margin-bottom: 5px; }
.pro_list2 .img { margin-bottom: 10px }
.text_cur span { max-width: 100%; float: none; }
.text_cur { line-height: 35px; padding: 10px 0; }
.cont_list ul li { float: none; width: 100%; text-align: left; clear: both; margin-bottom: 10px; }
.cont_list ul li:after { content: ''; display: block; clear: both; }
.cont_list ul li .img1 { float: left; width: 60px; margin-right: 20px; }
.cont_list ul li .text { margin-top: 0; padding-top: 10px; overflow: hidden; }
.map { overflow: hidden; }
.map img { width: 200%; margin-left: -50%; max-width: initial; }
.full { display: none; }
.page_tag a { padding: 0 15px; }
.news_tag { padding: 20px 0; }
.page_tit h3 { font-size: 24px; margin-bottom: 10px; }
.page_tit { margin-bottom: 20px; }
}
.pro_list2 ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.full { position: fixed; top: 50%; right: 0; z-index: 1001; }
.full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: rgba(0,0,0,0.5); z-index: 1; }
.full li a:hover span, .full li a:hover label { background-color: #be9a78 !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; }
.full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; }
.full li a label { display: block; width: 140px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #000; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%; ; }
.full li a:hover label { left: -140px; }
.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a span.span1 { background-image: url(../image/full1.png); }
.full li a span.span2 { background-image: url(../image/full2.png); }
.full li a span.span3 { background-image: url(../image/full3.png); }
.full li a span.span4 { background-image: url(../image/full4.png); }
#maximg img { max-width: 100% !important; height: auto !important }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { float: left; font-family: 'microsoft yahei'; margin: 0 2px; padding: 0 10px; line-height: 25px; background: #fff; border: 1px solid #d8dadf }
.pagination span { color: #333; font-size: 14px; padding: 8px 2px; margin: 0 5px; border-radius: 3px; }
.pagination a:hover { color: #333; border: 1px solid #333; }
.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }