* {-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; /*-webkit-user-select: none;*/ outline: none; }
html{font-size:62.5%; height:100%;}
body{font-size: 1.2rem;font-family: "΢ÈíÑźÚ"; color:#000;margin:0 auto; position:relative;-webkit-tap-highlight-color:rgba(255,255,255,0); background: #f1f1f1;height:100%;}
*,:after,:before{box-sizing:border-box;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,img{margin: 0;padding: 0; box-sizing:border-box;}
img {max-width: 100%;}
pre{font-family: 'SiYuanRegular1689337fdb1dd5c' !important;white-space: pre-wrap;
word-wrap: break-word;}
ul,li ,dl,dt,dd{list-style: none;	padding: 0;	margin: 0;}
a {	text-decoration: none;color: #333;}
p{	margin: 0;	padding: 0;}
input, button, select, textarea { outline: none; -webkit-appearance: none; border-radius: 0;margin: 0;	padding: 0; border:none;  font-family: "jt"; background: none;}
h1,h2,h3,h4,h5{ margin: 0; padding: 0; font-weight: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline: none; }
input{ line-height: normal;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
.clear{ clear: both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}

.p10{ padding: 0 10px; box-sizing: border-box;}
.flex{ display: flex; display: -webkit-flex; align-items: center; }


.mobile_btn{cursor:pointer; width: 50px;background: #d82128;  height: 50px; position: absolute; right: 0; top: 0; z-index: 4; box-sizing: border-box;  padding: 18px 14px;  }
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:8% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on span{}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:8% 50%;}
.mobile_btn span{display:block; width:22px;  height:2px; background:#fff; transition:all .45s;}
.mobile_btn .line2{margin:5px 0; width:16px; }

.z_header{ width: 100%; height: 50px; background: #fff; z-index: 10; padding: 0 10px; position: fixed; left: 0; top: 0; z-index: 8;}
.z_header .logo{display: flex;align-items: center; height: 100%;}
.z_header .logo img{ height: 26px;vertical-align: middle;}
.slide_mask{ width: 100%; transform: translateX(100%); transition: all .5s; height: 100%; padding: 0 10px; background: #f1f1f1; padding-top: 60px; box-sizing: border-box; position: fixed; left: 0; top: 0; z-index: 7;}
.slide_mask.on{ transform: translateX(0);}
.slide_mask .nav_a{ display: block; font-size: 16px; border-bottom:1px solid #dddddd; width: 100%; height: 8vh; line-height: 8vh;}
.slide_mask li em{ display: block; width: 50px; height: 7vh; background: url(/DxMXJSNrEIMJTyusIOgHD0NqESgJ.jpg) no-repeat center; background-size: auto 8px; float: right;}
.sub_nav{ display: none;}
.sub_nav a{ display:block; font-size: 12px; color: #666666; margin-bottom: 10px; width: 33.3%; float: left;}
.sub_nav a:hover,.sub_nav a.active{ color: #D82128;}
.slide_mask li.on .nav_a{ border-bottom: none;}
.slide_mask li.on em{ background:url(/DxMXJSNrEIMJTyusIOgHD0NOTxIsID.jpg) no-repeat center;background-size: auto 8px;}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto}
.z_banner{ margin-top: 50px; position: relative;}
.banner img{ width: 100%; display: block; }
.banner_btn{ position: absolute; z-index: 5; top: 50%; transform: translateY(-50%);}
.banner_btn img{ width: auto; height: auto;}
.swiper-prev{ left: 10px;}
.swiper-next{ right: 10px;}
.z_banner .banner_btn img{ height: 18px;}
.swiper-dot{ position: absolute; width: 100%; left: 0; bottom: 15px; text-align: center;z-index: 5;} 
.swiper-dot span{ display: inline-block; width: 8px; transition: all .4s; height: 8px; background: #fff; border-radius: 50%; margin: 0 5px;}
.swiper-dot .swiper-pagination-bullet-active{ width:16px; border-radius: 6px;}
.index_pro{ padding: 20px 10px; box-sizing: border-box; padding-bottom: 0;}
.index_tit{ line-height: 20px; margin-bottom: 20px;}
.index_tit span{ display: inline-block; font-weight: bold; padding-left: 10px; font-size: 18px; height: 20px; line-height: 20px; border-left:3px solid #D82128;}
.index_tit a{display: inline-block; float: right; color: #888888; background: url(/DxMXJSNrEIMJTyusIOgLDkkQJyV.jpg) no-repeat right center; padding-right: 10px; background-size: auto 12px; } 
.pro_list li{ width: 47.2%; float: left; margin-bottom: 15px;}
.pro_list li:nth-child(even){ float: right;}
.pro_list li .img{ width: 100%; margin-bottom: 5px; background: #fff; display: flex; justify-content: center; align-items: center;}
.pro_list li img{ max-width: 100%; max-height: 100%;}
.pro_list li h3{height: 24px; line-height: 24px;}
.z_banner2{ margin-top: 10px;}
.z_banner2 .banner_btn{ display: block; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.6);}
.z_banner2 .banner_btn img{ width: 10px;}
.z_banner2 .banner_btn:hover{ background: #D82128;}
.index_about{ background: #fff; margin-bottom: 15px; padding: 10px; box-sizing: border-box;}
.about_tit{ display: inline-block; border-bottom:3px solid #d82128; font-size: 15px; font-weight: bold; margin: 10px 0; margin-bottom: 20px;}
.about_desc{ line-height: 20px; height: 100px; color: #444444;}
.see_more{ display: inline-block; color: #D82128; margin: 20px 0; background: url(/DxMXJSNrEIMJTyusIOgLDjNqESgJ.jpg)no-repeat right center; background-size: auto 12px; padding-right: 10px;}
.index_news{ padding:30px 10px; background: #fff; box-sizing: border-box;}
.news_list li{ background: #fff; margin-bottom: 25px;}
.news_list li a{ display: block; width: 100%; height: 100%;}
.news_list img{ width: 120px; height: 80px; float: left; margin-right: 10px;}
.news_list h3{ font-size: 14px; font-weight: bold; line-height: 20px; height: 40px; margin-bottom: 10px;}
.news_list h4 span{ display: inline-block; color: #888888; margin-right:20px; padding-left: 25px;}
.news_list h4 .time{ background: url(/DxMXJSNrEIMJTyusIOgOJS9JTxIsID.jpg) no-repeat left center; background-size: auto 16px;}
.news_list h4 .yan{ background: url(/DxMXJSNrEIMJTyusIOgZHSjqESgJ.jpg) no-repeat left center; background-size: auto 12px;}
.news_list .info{padding-top: 5px;    height: 80px;
    box-sizing: border-box}
.more_btn{ display: block; width: 95px; height: 35px;  text-align: center; line-height: 35px; color: #fff;background: url(/DxMXJSNrEIMJTyusIOgLD1qfIyVsDy1G.jpg) no-repeat center; background-size: 100% 100%; margin:10px auto;}
.index_fw{ padding: 20px 10px; box-sizing: border-box;}
.fw_list li{ margin-bottom: 20px;}
.fw_list li a{ display: block;width: 100%; height: 100%; background: #fff;}
.fw_list li .img,.fw_list li .info{ width: 50%; float: left; height: 160px;}
.fw_list li:nth-child(even) .img{float: right;}
.fw_list li:nth-child(even) .info{float: left;}
.fw_list li .img{ display: flex; justify-content: center; align-items: center;}
.fw_list li .img img{ display: block; height: 100%; min-width: 100%;}
.fw_list li .info{ padding: 10px; box-sizing: border-box;}
.fw_list li h3{ display: inline-block; border-bottom:3px solid #D82128; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.fw_list li .desc{ line-height: 20px; height: 100px; color: #444444;}
.index_ly{ background: #284165; padding: 20px 10px; box-sizing: border-box;}
.index_ly h3{ text-align: center; color: #fff; font-size: 18px; font-weight:bold; text-align: center; margin-bottom: 20px;}
.index_ly li{ width: 48%; float: left; margin-bottom: 10px;}
.index_ly li:nth-child(even){ float: right;}
.index_ly li .input_text{ width: 100%; height: 40px; padding: 0 10px; box-sizing: border-box; background: #fff;}
.index_ly textarea{ width: 100%; height: 100px; padding: 10px; box-sizing: border-box; background: #fff;}
.index_ly .tj_btn{ width: 47%; margin: 20px auto; margin-bottom: 10px; height: 40px; display:block; background: #D82128; color: #fff; font-size: 14px;}
.z_footer{ padding-bottom: 50px;}
.foot_info{ background: #333238; position: relative; padding: 25px 10px; box-sizing: border-box; color: #fff;}
.foot_c p{ padding-left: 20px; margin-bottom: 10px; line-height: 28px;}
.foot_c .tel{ background: url(/DxMXJSNrEIMJTyusIOgGNOkQJyV.jpg) no-repeat left center; font-size: 16px; background-size: auto 18px;}
.foot_c .dz{ background: url(/DxMXJSNrEIMJTyusIOgGNkkQJyV.jpg) no-repeat left center;  background-size: auto 18px;}
.foot_c .yx{ background: url(/DxMXJSNrEIMJTyusIOgGNukQJyV.jpg) no-repeat left center;  background-size: auto 12px; padding-left: 30px;}
.foot_code{ width: 100px; height: 100px; background: #fff; padding: 10px; box-sizing: border-box;}
.foot_code img{ width: 100%; height: 100%;}
.foot_link{ position: absolute; right: 10px; bottom: 27px; width: 170px; height: 45px; border:1px solid #4f4e56;background: #3e3d44;}
.foot_link select{ width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; color: #888888; background: url(/DxMXJSNrEIMJTyusIOgHD0NqESgJ.jpg) no-repeat right 10px center; background-size: 15px auto;}
.foot_btm{ padding: 20px 10px; box-sizing:border-box; background: #28282a; color: #5f5f5f;}
.foot_btm a{color: #5f5f5f;}
.foot_seo a{ display: inline-block; margin-bottom: 10px; padding: 0 10px;height: 12px; line-height: 12px; border-left:1px solid #5F5F5F;}
.foot_seo a:first-child{ padding-left: 0; border-left:none;}
.foot_copy{ line-height: 20px;}
.foot_nav{ width: 100%;z-index: 5; height: 50px;line-height: 50px; text-align: center; background: #D82128; position: fixed; left: 0; bottom: 0;}
.foot_nav a{ display: flex; font-size: 14px; align-items: center;justify-content: center; width: 33.3%; float: left; color: #fff;}
.foot_nav a img{ height: 20px; margin-right: 10px;}
.other_banner{ margin-top: 50px; position: relative;}
.other_banner img{ width: 100%; display: block;}
.other_banner .banner_text{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.other_banner h3{ font-size: 25px; margin-bottom: 5px; font-weight: bold; color: #fff;}
.other_banner h4 img{ width: 60%; margin: 0 auto}
.page_nav{  width: 100%;overflow: hidden; box-shadow: 0 4px 32px rgba(0,0,0,.1); box-sizing: border-box; height: 60px; line-height: 60px; background: #fff;}
.wrapper{}
.page_nav li{ float: left; padding-left: 10px;}
.page_nav li a{ display: inline-block; padding: 0 15px; font-size: 14px;}
.page_nav li.cur a{ background: #D82128; border-radius: 16px; height: 32px; line-height: 32px; color: #fff;}
.about_con{ padding: 30px 10px; box-sizing: border-box;}
.about_bt{ text-align: center; margin-bottom: 20px;}
.page_nav2{ text-align: center;}
.page_nav2 li{ display: inline-block; float: none; padding-left: 0;}
.img_auto img{ max-width: 100%!important; height: auto!important;}
.about_bt img{ height: 30px!important;}
.about_detail{ line-height: 20px; color: #444444;}
.process_page{ padding: 30px 10px; box-sizing: border-box;}
.process_list li{ background: #fff; padding: 10px; box-sizing: border-box; line-height: 20px; color: #444444; margin-bottom: 10px;}
.load_more{ display: block; width: 80px; background: url(/DxMXJSNrEIMJTyusIOgsJSZqESgJ.jpg)no-repeat left center; padding-left: 30px; background-size: 20px auto; line-height: 25px; color: #D82128; margin: 20px auto; margin-bottom: 0;}
.zz_list li{ width: 47.8%; float: left; margin-bottom: 20px;}
.zz_list li:nth-child(even){ float: right;}
.zz_list li a{ display: block; width: 100%; height: 100%;}
.zz_list li .img{ width: 100%; overflow: hidden; height: 105px; border:1px solid #dfe3ea; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
.zz_list li img{ height: 100%; width: 100%;}
.zz_list li h3{ width: 100%; height: 44px; background: #fff; line-height: 44px; text-align: center;}

.news_list2{margin-bottom: 25px;}
.index_news2{ position: relative; padding-bottom: 30px;z-index: 1;}
.index_news2:before{ content: ""; display: block; z-index: -1; background: url(/DxMXJSNrEIMJTyusIOgZFOkQJyV.jpg) no-repeat top center;background-size: 100% auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.news_tit{ padding:15px 10px; box-sizing: border-box; font-size: 16px; font-weight: bold; line-height: 24px;}
.news_bar{ background: #fff; padding: 10px; box-sizing: border-box;}
.news_bar span{ display: inline-block; padding-left: 20px;}
.news_bar .time{ background: url(/DxMXJSNrEIMJTyusIOgOJS9JTxIsID.jpg) no-repeat left center; background-size: 16px auto;}
.news_bar .zr{ background: url(/DxMXJSNrEIMJTyusIOgUU0WqHj.jpg) no-repeat left center; background-size: 16px auto;}
.news_bar .yan{ background: url(/DxMXJSNrEIMJTyusIOgZHSjqESgJ.jpg) no-repeat left center; background-size: 16px auto;}
.news_bar .fx{ background: url(/DxMXJSNrEIMJTyusIOgGFEkQJyV.jpg) no-repeat left center; background-size: 16px auto;}

.news_bar h3{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom:1px solid #cccccc; margin-bottom: 10px;}
.news_words a{ display: inline-block; line-height: 24px;}
.news_artic{ padding: 30px 10px; box-sizing: border-box; line-height: 21px; color: #444444;}

.sub_pro {margin-top: 50px; padding: 35px 10px; box-sizing: border-box;}
.sub_pro li{ display: flex; align-items:center; background: #fff; margin-bottom: 20px;}
.sub_pro li .img{ width: 50%; flex-shrink: 0; height: 180px;}
.sub_pro li img{ width: 100%;height: 100%;}
.sub_pro li h3{ font-size: 16px; font-weight: bold; color: #D82128; margin-bottom: 10px;}
.sub_pro .pro_a a{ display: block; font-size: 14px; width: 100%; height: 28px; line-height: 28px; color: #888888;}
.sub_pro li .info{ width: 50%; padding: 20px 15px; box-sizing: border-box;}

.slide_box{ position: fixed; right: 10px; bottom: 80px;z-index: 5;}
.slide_box a{ display: block; width: 36px; height: 36px; margin-top: 10px;}
.slide_box a img{ width: 100%; height: 100%;}
.news_xq{margin-top: 50px; }
.bshare-custom{ text-align: center; margin: 10px 0;}
.bshare-custom a{ margin: 0 10px;width: 27px!important;height: 27px!important; padding: 0!important; display: inline-block; }
.bshare-custom a img{ z-index: -1;}
.share_bar h3{ background: url(/DxMXJSNrEIMJTyusIOgMJSkJOugOKSD.jpg) no-repeat center; background-size: 100% auto; text-align: center;}
.share_bar h3 span{ font-size: 15px;}
.share_bar{ margin-bottom: 40px;}
.bshare-custom .bshare-sinaminiblog{ background: url(/DxMXJSNrEIMJTyusIOgGFDZqESgJ.jpg) no-repeat center!important; background-size: 100% 100%!important;}
.bshare-custom .bshare-qzone{ background: url(/DxMXJSNrEIMJTyusIOgGFDNqESgJ.jpg) no-repeat center!important; background-size: 100% 100%!important;}
.bshare-custom .bshare-weixin{ background: url(/DxMXJSNrEIMJTyusIOgGFDRqESgJ.jpg) no-repeat center!important; background-size: 100% 100%!important;}
#bsWXBox{ width: 232px!important; height: 260px!important;}
.topbtm_bar{ width: 100%; background: #fff;  padding: 0 10px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; height: 50px;}
.topbtm_bar img{height: 18px; vertical-align: middle; }
.topbtm_bar a:nth-child(2) img{ margin-right: 10px;}
.topbtm_bar a{ display: flex; align-items: center; color: #D82128;}
.index_pro2{ padding: 30px 10px;}
.pro_xq{ margin-top: 50px; padding: 25px 0;}
.pro_big{ width: 100%; background: #fff; padding: 0 10px; box-sizing: border-box;}
.proxq_tit{ text-align: center; font-size: 16px; font-weight: bold; line-height: 65px;}
.pro_banner{ border:1px solid #dddddd; margin-top: 0; background: #fff; height: 280px; overflow: hidden;}
.pro_banner img{ max-width: 100%; max-height: 100%;}
.pro_banner .swiper-slide{display: flex; justify-content: center; align-items: center;}
.pro_banner .swiper-dot span{ display: inline-block;border:1px solid #aaaaaa;}
.pro_banner .swiper-dot .swiper-pagination-bullet-active{ background: #D82128; border-color: #D82128; width: 8px;}

.pro_btn{ display: flex; padding: 14px 0; justify-content: space-between;align-items: center;}
.pro_btn a{ display: flex; font-size: 14px; font-weight: bold; height: 44px; border-radius: 22px; background: #D82128; color: #fff; width: 48%; align-items: center; justify-content: center;}
.pro_btn a img{ width: auto; margin-right: 10px;}
.proxq_box{ background: #fff; padding: 24px 10px; box-sizing: border-box; margin-top: 20px;}
.proxq_box .tit{ font-size: 16px; font-weight: bold; height: 16px; line-height: 16px; border-left:3px solid #D82128; padding-left: 10px; margin-bottom: 20px;}
.proxq_box .con{ color: #666666; line-height: 20px;}
.fw_page{ padding: 30px 10px;}
.fw_list2 li:nth-child(even) .img{ float: left;}

.zp_box{ background: #fff; margin-bottom: 20px; padding: 20px; box-sizing: border-box;}
.zp_box h3{ font-size: 14px; }
.zp_box h4 span{ display: inline-block; width: 48%; overflow: hidden; color: #777; line-height: 18px; }
.zp_box h4{ margin: 10px 0;}
.zp_box .ypbtn{ display: block; width: 72%; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; border:1px solid #ccc; border-radius: 20px;}
.zp_box .zp_con{ width: 88%; padding: 20px; height: 70vh;  box-sizing: border-box; background: #fff; position: fixed; left: 6%; top: 50%; transform: translateY(-50%); z-index: 10;}
.zp_con{ display: none;}
.scroll_con{height: 55vh; overflow-y:scroll;}
.zp_con .box{ margin-bottom: 20px;}
.zp_con .box:last-child{ margin-bottom: 0;}
.zp_con h3{ color: #D82128;font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.zp_con .desc{ line-height: 24px; color: #666666;}
.zp_con pre{font-size: 12px; font-family: "΢ÈíÑźÚ";}
.z_mask{ width: 100%; display: none; height: 100%; position: fixed; background: rgba(0,0,0,.6); left: 0; top: 0;z-index: 9;}
.zp_con .fz{ width: 84%; position: absolute; left: 8%; bottom: 20px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 20px; background: #D82128;}

.conatct_page{ padding: 30px 10px; box-sizing: border-box;}
.contact_bar{ background: #D82128; margin-bottom: 20px; padding: 15px 5px; font-size: 14px; box-sizing: border-box; color: #fff; display: flex; justify-content: space-between;}

.contact_box{background: #fff; padding: 20px 10px; box-sizing: border-box; margin-bottom: 15px;}
.contact_box h3{ font-size: 16px; font-weight: bold;  margin-bottom: 10px;}
.contact_box li{ line-height: 20px;}
.contact_box ul{ margin-bottom: 15px;}
.contact_box ul:last-child{ margin-bottom: 0;}
.contact_map{ width: 100%; height: 210px; margin: 20px 0; border: 2px solid #D82128;}
.contact_map img{ width: 100%; height: 100%;}


.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.9); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.pj_list{ margin-left: -3%;}
.pj_list li{ width: 47%; float: left; margin-left: 3%;}
.pj_list li .img{ width: 100%; height: 130px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.pj_list li .info{ background: #efefef; padding: 10px; box-sizing: border-box;}
.pj_list li h3{ font-size: 16px;  }
.pj_list li h4,.pj_list li h3,.pj_list li h5{color: #666666;line-height: 22px; height: 22px;}
.pj_list li .jg{ color: #d8000f; font-size: 16px;}
.website_map li{ padding: 15px 0; padding-bottom: 5px; display: flex; align-items: flex-start;  border-bottom:2px solid #eee; line-height: 20px; }
.website_map li span{ display: inline-block; flex-shrink: 0; border-left: 2px solid #d7000f; height: 20px; line-height: 20px; padding-left: 10px; font-size: 14px; font-weight: bold;}
.website_map li a{ display: inline-block; margin-bottom: 10px; margin-left: 10px; color:#444444; font-size: 14px;}
.website_map li a:hover{color: #d7000f;} 


@media screen and (max-width: 320px){
.contact_bar{ display: block; line-height: 20px;}
.contact_bar span{ display: block;}
}