html,body {position: relative; text-align: center;}
.wide {max-width: 900px; margin: 0 auto;}
html{font-size: calc(100vw/32);}
em,i{font-style:normal}
img {max-width: 100%;}
button, input, select, textarea {line-height: normal;}
a:hover,a {text-decoration: initial !important;}


/*顶部*/
.header {height: 120px; line-height: 120px; background-color: #fff; width: 100%; background-color: #fff; z-index: 20; box-shadow: 0 0 8px rgba(0,0,0,.5);}
.header_nav {float: right;}
.header_nav ul {position: relative;}
.header_nav ul li {float: left; margin: 0 10px; position: relative; z-index:99;}
.header_nav ul li h3 {font-size: 14px;}
div.nav_line {top: 85px !important;}
.header_nav ul li .submenu {position: absolute; width: max-content; text-align: center; left: 50%; margin-left: -60px; padding: 8px 0; top: 120px; background-color: rgba(255,255,255,.85); display: none; z-index: 88;}
.header_nav ul li .submenu dl { margin: 0 2px; width: auto;height: 39px;float: left; line-height: 39px; position: relative; z-index: 222;}
.header_nav ul li .submenu dl dd {line-height: 36px;text-align: center; float: left; display:inline} 
.header_nav ul li .submenu dl dd a{display: inline-block; font-size: 14px; cursor: pointer; padding: 0 20px 0 20px; height: 39px;  line-height: 39px; white-space: nowrap;} 
.header_nav ul li .submenu dl dd a:hover {color: #C7000C;}

.header .search {position: relative; cursor: pointer; margin-left: 20px;}
.header .search-box form {height: 100%;}
.header .search-box {position: absolute; display: none; right: -100px; top: 90px; width: 350px; height: 70px; padding-top: 15px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; z-index: 99999; background-color: #fff;}
.header .search-box input {float: left; width: 260px; border: 1px solid #c7000c; padding-left: 10px; padding-right: 10px; height: 100%; border-right: 1px solid #fff;}
.header .search-box .search-box-submit {float: left; width: 40px; height: 100%; background: url(../img/i1.png) no-repeat; background-position: center center; border: 1px solid #c7000c; border-left: none; cursor: pointer;}

.mobnav-btn { float: right; display: block; width: 30px; height: 30px; position: relative; margin-top: 13px; display: none; cursor: pointer;}
.m_search {display: none;}
.mobnav-btn span { top: 50%; margin-top: 0; }
.mobnav-btn span:first-child { content: ""; top: 7px; left: 0; }
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 5px; position: absolute; background: #666666; -webkit-transition: all 0.5s ease; width: 25px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 16px; opacity: 1; }
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 16px; opacity: 1; }



/*移动端顶部*/
.header1 {height: 60px; line-height: 60px; position: fixed; z-index: 9999; width: 100%; display: none; box-shadow: 0 0 8px rgba(0,0,0,.2); background-color: #fff;}
.header1 a img {width: 164px; height: 25px; margin-left: 15px;}
button#showRightPush{float:left;width:50px;height:50px;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;display: block;outline:none;border:0px;cursor: pointer;top:5px;right:10px;z-index: 600;position: absolute;padding: 0px;background: none; z-index: 9999;}

/*侧边栏*/
.mobile {position: fixed; right: 0px; top: 0; width: 0%; z-index: 98;overflow: hidden; height: 100%; background-color: transparent;}
.choi_m {position: fixed; right: 0%; padding-top: 60px; width: 0%;z-index: 100;overflow: hidden;height: 100%; background-color: #fff; overflow-y: scroll;}
.choi_m ul {padding: 10px 5%;}
.choi_m ul li {height: 44px; line-height: 44px; font-size: 16px;}
.choi_m ul li img {height: 2.0625rem;}
.choi_m ul li a,.choi_m ul li p {display: block; border-bottom: 1px dashed #dcdcdc; color: #666; position: relative;}
.choi_m ul li dd.cur1 a {color: #005bac;}
/*.choi_m ul li:last-child a {border-bottom: 0;}*/
.choi_m ul li dl {height: 0; overflow: hidden;}
.choi_m ul li dd a {padding: 10px 0;}
.choi_m ul li p:after {content: ""; position:absolute;top:50%;right:3px;display:block;margin-top:-5px;width:6px;height:6px;border-right:1px solid #333;border-bottom:1px solid #333;-webkit-transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;-o-transition:-o-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);-ms-transform:rotate(45deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.choi_m ul li.h_a {height: auto;}
.choi_m ul li.h_a p {border-bottom: 1px solid #dcdcdc;}
.choi_m ul li.h_a p:after {border-right:1px solid #005bac;border-bottom:1px solid #005bac;-webkit-transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;-o-transition:-o-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s;-webkit-transform:rotateZ(-135deg);-moz-transform:rotateZ(-135deg);-o-transform:rotateZ(-135deg);transform:rotateZ(-135deg);-ms-transform:rotate(-135deg);}
.choi_m ul li.h_a dl {width: 90%; height: auto; margin: 0 auto; font-size: 14px; padding-bottom: 10px;}
.choi_m ul li.cur p {color: #005bac;}

/*内容*/
.content {padding-bottom: 70px;}

/*banner滚动*/
.banner1 .swiper-pagination-bullet {width: 10px; height: 5px; background-color: #fff; opacity: 1; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; margin: 0 5px; border-radius: 0;}
.banner1 .swiper-pagination-bullet-active {background-color: #c7000c; width: 38px; border-radius: 0;}

.banner1 .swiper-button-next,.banner1 .swiper-container-rtl .swiper-button-prev {right: 0; width: 33px; height: 64px; background: url(../img/l.png) no-repeat; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.banner1 .swiper-button-prev,.banner1 .swiper-container-rtl .swiper-button-next {left: 0; width: 33px; height: 64px; background: url(../img/r.png) no-repeat; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.banner1 .swiper-container.cur .swiper-button-next,.banner1 .swiper-container-rtl .swiper-button-prev {opacity: 1; right: 150px;}
.banner1 .swiper-container.cur .swiper-button-prev,.banner1 .swiper-container-rtl .swiper-button-next {opacity: 1; left: 150px;}
.banner1 .swiper-pagination {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10%; display: inline-block;}
.focus1 {position: absolute; text-align: right; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 23;}
.banner1 .kuang {position: absolute; width: 100%; height: 50px; background-color: rgba(0,0,0,.4); left: 0; bottom: 0; border-top-right-radius: 20px; z-index: 22;}
.focus1 .swiper-slide {width: 87%;}
.focus1 .swiper-slide strong {float: left; max-width: 85%; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}

.hotspot {height: 50px; line-height: 50px; width: 90%; padding-left: 110px; text-align: left; position: relative; overflow: hidden; color: #fff;left: 5px;}
.hotspot .hotspot_name {position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #fff;}
.hotspot .hotspot_name img {margin-right: 10px; vertical-align: -2px;}
.hotspot .swiper-wrapper a {color: #fff;}
.hotspot .swiper-wrapper a span {margin-left: 15px;}

.officeBuilding {text-align: center; padding: 20px 0; text-align: center;}
.officeBuilding h3 {font-size: 34px; color: #c7000c;}
.officeBuilding .txt {font-size: 16px; color: #666; margin-top: 20px; line-height: 22px;}
.officeBuilding ul {display: table; margin: 50px auto 0; width: 100%;}
.officeBuilding ul li {display: inline-block; width: 33.33%; position: relative; padding: 10px 0; }
.officeBuilding ul li a {transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; top: 0; position: relative; display: block; height: 100%;}
.officeBuilding ul li:after {content: ""; position: absolute; width: 1px; height: 100%; background-color: #dcdcdc; right: 0; top: 0;}
.officeBuilding ul li:last-child:after {display: none;}
.icon1 {background: url(../img/icon1.png) no-repeat;}
.officeBuilding ul li i {display: inline-block; width: 55px; height: 55px;}
.officeBuilding ul li i.i1 {background-position: left top;}
.officeBuilding ul li i.i2 {background-position: left -55px;}
.officeBuilding ul li i.i3 {background-position: left -110px;}
.officeBuilding ul li i.i4 {background-position: left -165px;}
.officeBuilding ul li i.i5 {background-position: left -220px;}
.officeBuilding ul li p {font-size: 18px; margin-top: 10px; color: #484646;}
.officeBuilding ul li span {font-size: 16px; margin-top: 10px; color: #999;}
.officeBuilding ul li a img { width:92px; height:92px;}
.officeBuilding ul li a:hover {top: -5px;}
.officeBuilding ul li a:hover p {color: #c7000c;}

/*项目展示*/
.project {margin-top: 90px;}
.project h2,.companyNews h2 {font-size: 34px; font-weight: bold; position: relative; padding-bottom: 20px; text-align: center;}
.project h2:after,.companyNews h2:after {content: ""; position: absolute; width: 62px; height: 4px; background-color: #c7000c; bottom: 0; left: 50%; margin-left: -31px;}
.project .swiper-container {margin-top: 35px; cursor: initial !important; padding-bottom: 30px;}
.project .swiper-slide {text-align: center; height: 100%; width: 27.604167%;}
/*.project .swiper-slide:nth-child(2n) {width: 20.052083%;}*/
.project .swiper-slide p {margin-top: 10px; font-size: 18px; text-align: left; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.project .swiper-slide span{margin-top: 20px; float:left;color: #999; text-align: left; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.project .swiper-slide .project_img {height: 0; padding-top: 75%; position: relative; overflow: hidden;}
/*.project .swiper-slide:nth-child(2n) .project_img {position: absolute; bottom: 30px; width: 100%;}
.project .swiper-slide:nth-child(2n) p {position: absolute; width: 100%; bottom: 0;}*/
.project .project_more,.companyNews_more {display: block; margin: 35px auto 0; width: 160px; height: 44px; border: 1px solid #ccc; border-radius: 4px; text-align: center; color: #666; line-height: 44px;}
.project .project_more:hover,.companyNews_more:hover {color: #c7000c; border-color: #c7000c;}
.project .swiper-scrollbar-drag {height: 5px; background-color: #c7000c; top: -2px; cursor: pointer;}
.project .swiper-slide:hover .project_img img {transform: translate(-50%,-50%) scale(1.07);}
.project .swiper-slide:hover p {color: #c7000c;}


.companyNews {margin-top: 90px;text-align: center;}
.companyNews ul {margin-top: 50px;}
.companyNews ul li {float: left; width: 23%; margin: 1%; position: relative; top: 0; margin-bottom: 10px; text-align: left;}
.companyNews ul li:last-child {margin-right: 0;}
.companyNews ul li .companyNews_img {display: block; height: 0; padding-top: 74.74%; overflow: hidden; position: relative;}
.companyNews ul li .companyNews_txt {padding: 7%; border: 1px solid #dcdcdc;border-bottom: 3px solid #c7000c;}
.companyNews ul li .companyNews_txt h3 {font-size: 16px; line-height: 22px; height:44px; }
.companyNews ul li .companyNews_txt .day {font-size: 12px; margin: 5px 0; color: #999;}
.companyNews ul li .companyNews_txt p {line-height: 20px; color: #999; height:60px;}
.companyNews ul li .companyNews_txt .companyNews_txt_a {display: inline-block; margin-top: 15px; color: #999;}
.companyNews ul li:hover .companyNews_txt h3 a,.companyNews ul li:hover .companyNews_txt .companyNews_txt_a {color: #c7000c;}
.companyNews ul li:hover {top: -5px; box-shadow: 4px 4px 8px rgba(0,0,0,.2);}

.inAaout {margin-top: 50px; position: relative; overflow: hidden;}
.inAaout img {max-width: initial; position: relative;}
.inAbout_txt {position: absolute; width: 600px; top: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.inAbout_txt h2 {font-size: 72px; color: #42d7ed;}
.inAbout_txt .txt {padding-left: 32%;}
.inAbout_txt .txt h3 {color: #fff; font-size: 30px; position: relative; margin-bottom: 46px;}
.inAbout_txt .txt h3 span {position: absolute; width: 45px; height: 19px; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/i3.png) no-repeat; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.inAbout_txt .txt p {color: #fff; line-height: 20px; margin-bottom: 15px;}
.inAaout:hover .inAbout_txt .txt h3 span {right: -10px; background: url(../img/i4.png) no-repeat;}



.zhaobiao {margin-top: 50px; position: relative; overflow: hidden;background: #e0e0e047; height:437px;}
.zhaobiao img {max-width: initial; position: relative; left: 50%; margin-left: -960px;}
.zhaobiao_txt {position: absolute; width: 100%; top: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.zhaobiao_txt h2 {font-size: 72px; color: #42d7ed;}
.zhaobiao_txt .txt {padding-left: 0%; padding: 0 15px;}
.zhaobiao_txt .txt h3 { text-align:center; color: #444;font-weight: bold; font-size: 30px; position: relative;}
.zhaobiao_txt .txt h3 span {position: absolute; width: 45px; height: 19px; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/i3.png) no-repeat; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.zhaobiao_txt .txt p { font-size: 16px;color: #675353; line-height: 170%; margin-bottom: 15px;}
.zhaobiao:hover .inAbout_txt .txt h3 span {right: -10px; background: url(../img/i4.png) no-repeat;}
.zhaobiao_more {display: block;margin: 35px auto 0;width: 160px;height: 44px;border: 1px solid #ccc;border-radius: 4px;text-align: center;color: #fff;line-height: 44px;margin-bottom: 46px;background-color: #c7000c;}
.zhaobiao_more:hover {background-color: rgb(245, 109, 65); box-shadow: 1px 1px 1px #ccc;}


.news h2 {font-size: 34px; font-weight: bold; position: relative; padding-bottom: 20px; text-align: center;}
.gao {margin-top: 90px !important;}
/*合作伙伴*/
.partner {margin-top: 30px;}
.partner h2 {font-size: 18px; color: #666;}
.partner {}
#marquee1 {width: 100%; height: 65px; overflow: hidden; margin-top: 20px;}
#marquee1 ul {height: 100%;}
#marquee1 ul li {float: left; width: 160px; height: 100%; border: 1px solid #ccc; position: relative; overflow: hidden; margin-right: 48px;}
/* #marquee1 ul li img:last-child {display: none; z-index: 2;} */
#marquee1 ul li:hover img:last-child {display: block;}

/*底部*/
.footer_top {background: url(../img/i5.jpg); padding: 65px 0;}
.footer_top .footer_top_one {width: 25%; position: relative; padding-top: 20px;}
.footer_top .footer_top_one:after {content: ""; position: absolute; width: 1px; right: 0; height: 100%; background-color: #ccc; top: 0;}
.footer_top .footer_top_one p {line-height: 18px; color: #999; margin-top: 40px;}
.footer_top .footer_top_two {width: 50%; text-align: center; padding: 20px 0; position: relative;}
.footer_top .footer_top_two:after {content: ""; position: absolute; width: 1px; right: 0; height: 100%; background-color: #ccc; top: 0;}
.footer_top .footer_top_two ul {display: inline-block;}
.footer_top .footer_top_two ul li {float: left; margin-right: 36px; text-align: left;}
.footer_top .footer_top_two ul li:last-child {margin-right: 0;}
.footer_top .footer_top_two ul li h3 {font-size: 14px; cursor: pointer;}
.footer_top .footer_top_two ul li h3 a {display: block;}
.footer_top .footer_top_two ul li p {line-height: 28px; margin-top: 15px;}
.footer_top .footer_top_two ul li p a {display: block; color: #999; left: 0; position: relative;}
.footer_top .footer_top_two ul li p a:hover {color: #333; left: 5px;}
.footer_top .footer_top_three {width: 25%; text-align: right; position: relative; padding-top: 20px;}
.footer_top .footer_top_three h4 {font-size: 24px;}
.footer_top .footer_top_three p {font-size: 30px; font-weight: bold; color: #c7000c; margin-top: 10px;}
.footer_top .footer_top_three .share {margin-top: 10px;}
.footer_top .footer_top_three .share .weixin {display: inline-block; position: relative; width: 32px; height: 32px; background: url(../img/weixin.png) no-repeat; cursor: pointer;}
.footer_top .footer_top_three .share .qq {display: inline-block; width: 32px; height: 32px; background: url(../img/mail.png) no-repeat; margin-left: 10px;}
.weixin_img {position: absolute; border: 1px dashed #ccc; left: 50%; transform: translateX(-50%); width: 120px; height: 120px; background-color: #fff; bottom: -32px; opacity: 0; z-index: -1;}
.weixin_img:after {content: "";position: absolute;  bottom: -7px; left: 50%; display: block; width: 10px; height: 10px; border-right: 1px dashed #dcdcdc; border-top: 1px dashed #dcdcdc; content: ""; -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); background-color: #fff;}
.footer_top .footer_top_three .share .weixin:hover .weixin_img {bottom: 45px; opacity: 1; z-index: 1;}

.footer_bot {padding: 38px 0; text-align: center;}
.footer_bot p {line-height: 18px; color: #999;}


/*项目招商热线电话*/
.hotline {position: fixed; right: -332px; top: 50%; margin-top: -124px; width: 382px; height: 248px; z-index: 10; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.hotline.hotline2{right:auto; left:-382px;}
.hotline_l {width: 50px; height: 100%; background: url(../img/i13.png) no-repeat; text-align: center; margin: 0 auto; word-wrap: break-word; color: #fff; position: relative;}
.hotline_l span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 15px; line-height: 18px;}
.hotline_r {width: 332px; height: 100%; padding: 13px 25px 0; background-color: #efefef;}
.hotline_r ul {float: left; width: 98%;}
.hotline_r ul li {line-height: 20px; margin-bottom: 5px; list-style-type:none; display:block;}
.hotline_r ul li .hotline_name {color: #929292;}
.hotline_r ul li p {color: #535353; font-size: 14px; font-family: "Myriad Pro";}
.hotline:hover {right: 0;}
.hotline.hotline2:hover{left:0;}
.hotline.hotline2 li{ display:block; list-style-type:none;}
.hotline2 .hotline_l{background:#ca0d16; overflow:hidden; -webkit-border-top-right-radius: 5px;  border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;  border-bottom-right-radius: 5px; }

/*关于尚美*/
@font-face {
    font-family: 'bodoni_bd_btbold';
    src: url('../fonts/tt0037m_-webfont.woff2') format('woff2'),
         url('../fonts/tt0037m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.pb0 {padding-bottom: 0 !important;}

.banner-img {overflow: hidden; position: relative;}
.banner-img img {position: relative;}
.banner-img  .navigation {height: 60px; background-color: #fff; position: absolute; bottom: 0; text-align: center; width: 100%; left: 50%; transform: translateX(-50%); line-height: 60px; display: table;}
.banner-img  .navigation a {display: inline-block; min-width: 118px;}
.banner-img  .navigation a.cur {background-color: #c7000c; color: #fff;}

.min_web {background-color: #f2f2f2; display: none;}
.min_web h3 {height: 45px; line-height: 45px; position: relative; padding: 0 15px; cursor: pointer; font-size: 16px;}
.min_web h3:after {position:absolute;top:50%;right:20px;display:block;margin-top:-6px;width:10px;height:10px;border-right: 3px solid #666;border-top: 3px solid #666;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:50%;transform-origin:50%;transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.min_web h3.cur:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg); border-color: #c7000c;}
.min_web ul {display: none; padding: 0 15px 10px;}
.min_web ul li {height: 40px; line-height: 40px; position: relative;}
.min_web ul li:after {content: ""; position: absolute; width: 100%; border-bottom: 1px dashed #ccc; left: 0; bottom: 0;}
.min_web ul li:last-child:after {display: none;}
.min_web ul li a {display: block; padding: 0 15px;}
.min_web ul li.cur a {color: #fff; background-color: #c7000c;}
.min_web ul li.cur:after {border-bottom: 1px solid #c7000c;}

.about_cont {padding-top: 70px;}
.about_cont .about_name {text-align: center; position: relative; padding-bottom: 34px;margin-bottom: 40px;}
.about_cont .about_name h2 {color: #c7000c; font-size: 36px; text-transform: uppercase; font-family: "bodoni_bd_btbold";}
.about_cont .about_name h3 {margin-top: 5px; font-size: 24px;}
.about_cont .about_name:after {content: ""; position: absolute; width: 20px; height: 2px; background-color: #c7000c; bottom: 0; left: 50%; margin-left: -10px;}

.about_txt {text-align: center; margin-top: 34px; padding: 0 60px 45px;}
.about_txt h2 {font-size: 30px; color: #999;}
.about_txt p {font-size: 16px; color: #444; line-height: 30px; margin-top: 30px;}
.about_img {overflow: hidden;}
.about_img .pc_img {position: relative; max-width: initial; left: 50%; transform: translateX(-50%);}
.about_img .mob_img {display: none;}
.about_txt em {display: block; width: 20px; height: 2px; background-color: #c7000c; margin: 25px auto;}

.about_txt_img {background: url(../img/i6.jpg); text-align: center; padding: 55px 0; margin-top: 60px;}
.about_txt_img img {margin: 0 8%;}
.mt55 {margin-top: 55px;}
.mt25 {margin-top: 25px;}
.mt35 {margin-top: 35px;}
.mtb {padding-bottom: 30px; margin-top: 15px;}
.mt60 {margin-top: 60px;}

.about_cont .honor {background: url(../img/bj0.jpg) no-repeat #f9f9f9; padding-bottom: 75px; padding-top: 60px;}
.about_cont .honor .about_name {padding-bottom: 0;}
.about_cont .honor .about_name:after {display: none;}
.about_cont .honor .wide {position: relative; border-bottom: 1px solid #cececd; margin-top: 60px;}
.honor .swiper-container {width: 89.167%; margin: 0 auto;}
.honor .swiper-slide {height: 440px; position: relative; overflow: hidden;}
.honor_img {position: relative; width: 77%; position: relative; height: 0; padding-top: 42.5%; border: 2px solid #cececd;}
.honor .swiper-slide .honor_box {position: absolute; bottom: -235px; padding-left: 30px; width: 100%; transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; padding-bottom: 15px;}
.honor_xian {position: absolute; left: 5px; width: 1px; height: 100%; background-color: #cececd; bottom: 0;}
.honor_xian:after {content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #cececd; background-color: #fff; top: 0; left: 50%; transform: translateX(-50%);}
.honor .swiper-slide .honor_box h4 {font-size: 30px; margin-top: 20px; margin-bottom: 10px; color: #a6a6a6;}
.honor .swiper-slide .honor_box .honor_txt_box {height: 220px; padding-right: 8px;}
.honor .swiper-slide .honor_box .honor_txt_box::-webkit-scrollbar{overflow:visible;width: 4px; background-color: #fff;}
.honor .swiper-slide .honor_box .honor_txt_box::-webkit-scrollbar-thumb{background-color:#dcdcdc;border-radius:8px;min-height:15px; max-height: 20px;}
.honor .swiper-slide .honor_box .honor_txt_box .t {padding-right: 12px;}
.honor .swiper-slide .honor_box .honor_txt_box .zUIpanelScrollBox,.zUIpanelScrollBar{width: 4px; top:4px; right:2px; border-radius:5px;}
.honor .swiper-slide .honor_box .honor_txt_box .zUIpanelScrollBox {background: #fff;}
.honor .swiper-slide .honor_box .honor_txt_box .zUIpanelScrollBar {background:#dcdcdc; border-radius:8px; cursor: pointer;}
.honor .swiper-slide .honor_box p {color: #747373; line-height: 22px;}
.honor .swiper-slide.swiper-slide-next .honor_box h4 {color: #c7000c;}
.honor .swiper-slide.swiper-slide-next .honor_box .honor_xian:after {border-color: #c7000c;}
.honor .swiper-slide.swiper-slide-next .honor_box {bottom: 0;}
.honor .swiper-button-next.swiper-button-disabled,.honor .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.honor .swiper-button-next,.honor .swiper-button-prev {width: 40px; height: 40px; background: #c5c9cf !important; bottom: 0; top: auto;}
.honor .swiper-button-next {right: 0; background: url(../img/r1.png) no-repeat #c5c9cf center center !important;}
.honor .swiper-button-prev {left: 0; background: url(../img/l1.png) no-repeat #c5c9cf center center !important;}
.honor .swiper-button-next:hover,.honor .swiper-button-prev:hover {background-color: #c7000c !important; pointer-events: initial; cursor: pointer;}


/*项目展示*/
.product_list {margin-top: 35px; padding-bottom: 60px;}
.product_list ul {overflow: hidden;}
.product_list ul li {float: left; width: 29.167%; overflow: hidden; position: relative; margin-right: 6.2495%; margin-bottom: 55px; top: 0;}
.product_list ul li:nth-child(3n) {margin-right: 0;}
.product_list ul li .pro_img {position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 100%;}
.product_list ul li .pro_txt {background-color: #272e32; color: #fff; position: absolute; bottom: -50px; left: 0; width: 100%;}
.product_list ul li .pro_txt .pro_txt_top {height: 80px; padding: 15px;}
.product_list ul li .pro_txt .pro_txt_top h3 {font-size: 16px; color: #fff; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.product_list ul li .pro_txt .pro_txt_top p {color: #8b939a; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;}
.product_list ul li .pro_txt .pro_txt_bot {height: 50px; background: url(../img/i7.png) no-repeat center center #c7000c;}
.h80 {height: 80px;}
.product_list ul li:hover .pro_txt {bottom: 0;}


.dropload-down,.dropload-up{position:relative;overflow:hidden;height:0;font-size:18px;-webkit-transform:translateZ(0);transform:translateZ(0); text-align: center;}
.dropload-down{height:50px; line-height: 50px; display: table; width: 100%;}
.dropload-down span {display: inline-block; vertical-align: middle;}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;text-align:center;line-height:50px; vertical-align: middle;}
.dropload-refresh,.dropload-load .loading{display:inline-block;width: 45px;height: 45px; background: url(../img/i8.png) no-repeat;}
.dropload-refresh {margin-right: 20px;}

.pro_text {background-color: #2c2c2c; position:relative;}
.pro_text .pro_text_l {width: 52.083%;}
.pro_text .pro_text_r {width: 47.917%; height: 100%;}
.pro_text .pro_text_r .pro_box {width: 60.9%; height: 100%; color: #fff; padding: 9% 35px 0;}
.pro_text .pro_text_r .pro_box .pro_text_name h2 {font-size: 36px; color: #c7000c; text-transform: uppercase; font-family: "bodoni_bd_btbold";}
.pro_text .pro_text_r .pro_box .pro_text_name h3 {font-size: 24px; margin-top: 10px;}
.pro_text .pro_text_r .pro_box .pro_text_name em {display: block; width: 20px; height: 2px; background-color: #c7000c; margin-top: 15px;}
.pro_text .pro_text_r .pro_box .pro_text_box {margin-top: 10px;}
.pro_text .pro_text_r .pro_box .pro_text_box h4 {font-size: 30px; color: #7c7f8b; margin-bottom: 30px;}
.pro_gd {height: 300px;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width: 4px; top:4px; right:2px; border-radius:5px;}
.zUIpanelScrollBox {background: #333;}
.zUIpanelScrollBar {background:#444; border-radius:8px; cursor: pointer;}
.pro_text .pro_text_r .pro_box .pro_text_box .pro_gd_t .t {font-size: 16px; line-height: 24px; margin-bottom: 20px; padding-right: 10px;}
.pro_text .pro_text_r .pro_box .pro_text_box .pro_gd_t .t:last-child {margin-bottom: 0;}

.pro_direction {position: absolute; bottom: 25px; width: 100%; left:0; padding-left: 54.6%;}
.icon2 {display: inline-block; width: 45px; height: 45px; background: url(../img/icon2.png) no-repeat; background-size: 200%;}
.pro_direction .i1 {background-position: left top; margin-right: 20px;}
.pro_direction .i2 {background-position: left bottom;}
.pro_direction .i1:hover {background-position: right top;}
.pro_direction .i2:hover {background-position: right bottom;}
.pro_direction .fanhui {position: absolute; right: 35px; top: 50%; transform: translateY(-50%); color: #606270; padding-bottom: 5px; border-bottom: 1px solid #606270;}
.pro_direction .fanhui:hover {color: #fff; border-color: #fff;}
/*#ascrail2000 {display: block !important; background-color: #333; opacity: 1 !important;}*/
/*#ascrail2000 div {background-color: #444 !important; display: block !important;}*/

/*新闻*/
.news {margin-top: 40px;}
.news .news_topping {background-color: #f5f5f5; position: relative;}
.news .news_topping .news_topping_img {width: 27.67%;}
.news_topping_txt {float: left; width: 58.3%; padding: 3% 3% 0;}
.news_topping_txt .day {font-size: 24px;}
.news_topping_txt h3 {font-size: 18px; margin-top: 15px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.news_topping_txt p {line-height: 22px; color: #898989; margin-top: 15px;}
.news_topping_icon {position: absolute; width: 14.03%; text-align: center; right: 0; top: 50%; transform: translateY(-50%);}
.news_topping_icon .icon3,.news_list ul li .news_list_name_r i.icon3 {display: inline-block; width: 25px; height: 26px; background: url(../img/icon3.png) no-repeat;}
.news_topping_icon p,.news_list ul li .news_list_name_r .ckxx p {margin-top: 10px; color: #7d7d7d;}
.news .news_topping:hover .news_topping_txt .day {color: #c7000c;}
.news .news_topping:hover .icon3 {background-position: left bottom;}
.news .news_topping:hover .news_topping_icon p {color: #c7000c;}

.news_list {margin-top: 15px; padding-bottom: 40px;}
.news_list ul {border-top: 1px solid #e2eaf1;}
.news_list ul li {margin-bottom: 0px; overflow: hidden; width: 100%; border-bottom: 1px solid #e2eaf1; position: relative; padding: 20px 0; text-align: left;}
.news_list ul li:last-child {margin-bottom: 0;}
.news_list ul li .day {float: left; width: 18.3%; height: 100%; font-size: 20px; color: #dadada; text-align: center;}
.news_list ul li .name {float: left; width: 67.67%; padding-right: 4%;}
.news_list ul li .name h4 {font-size: 18px; color: #333; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li .name p {color: #898989; margin-top: 10px;}
.news_list ul li .name p span {margin-right: 20px;}
.news_list ul li .news_list_name_r {position: absolute; width: 14.03%; height: 100%; top: 50%; right: 0; transform: translateY(-50%);}
.news_list ul li .news_list_name_r .ckxx {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.news_list ul li:hover .day {color: #c7000c;}
.news_list ul li:hover .news_list_name_r i.icon3 {background-position: left bottom;}
.news_list ul li:hover .news_list_name_r .ckxx p {color: #c7000c;}
.m_day {display: none;}

.news_title {text-align: center; padding-bottom: 35px;}
.news_title h2 {font-size: 24px;}
.news_title .news_title_day {font-size: 24px; color: #d2d2d2; margin-top: 10px;}
.news_share_it {padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bdshare-button-style0-32 a, .bdshare-button-style0-32 .bds_more{margin-top: 0 !important; margin-bottom: 0 !important;}
.bdshare-button-style0-32 span {height: 32px; line-height: 32px; margin-right: 10px;}
.bdshare-button-style0-32 .bds_weixin{background-image:url(../img/fx1.png) !important; background-position:0 !important; }
.bdshare-button-style0-32 .bds_tsina{background-image:url(../img/fx2.png)!important;background-position:0 !important;}
.bdshare-button-style0-32 .bds_sqq{background-image:url(../img/fx3.png) !important; background-position:0 !important;}

.news_box_cent {margin-top: 35px; padding-bottom: 60px;}
.news_box_cent_list {width: 27.5%;}
.news_box_cent_list h3 {font-size: 18px; color: #c7000c;}
.news_box_cent_list ul {margin-top: 15px;}
.news_box_cent_list ul li {line-height: 22px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.news_box_cent_list ul li a {color: #707070; padding-left: 20px; position: relative;}
.news_box_cent_list ul li a:after {content: ""; position: absolute; width: 4px; height: 4px; background-color: #c3c3c3; left: 0; top: 50%; margin-top: -2px;}
.news_box_cent_list ul li a:hover {color: #c7000c;}
.news_box_cent_list ul li a:hover:after {background-color: #c7000c;}

.news_box_cent_txt {width: 100%; text-align: center; }
.news_box_cent_txt .fanhui{margin-top:30px;}
.news_box_cent_txt p {line-height: 26px; color: #5f5f5f;  text-align: left;}
.news_box_cent_txt p:last-child {margin-bottom: 0;}
.news_box_cent_txt img {margin-bottom: 30px;}
.news_box_cent_txt a {height: 40px; line-height: 40px; background-color: #dedfe0; color: #93969a; text-align: center; display: block; width: 100%;}
.news_box_cent_txt a:hover {color: #333;}

.news_topping_icon .icon5,.news_list ul li .news_list_name_r i.icon5 {display: inline-block; width: 25px; height: 26px; background: url(../img/icon5.png) no-repeat;}
.news_list ul li:hover .news_list_name_r i.icon5 {background-position: left bottom;}


.article-tabs-wrap { padding-top: 20px; padding-bottom: 30px; }

.article-tabs { position: relative; }

.article-tabs a { display: block; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color: #666666; line-height: 32px; }

.article-tabs .return-list { text-align: center; color: #fff; background: #ce3a41; margin-top: 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.article-tabs .return-list:active { background: #ca0d16; }

.terms-contents, .legaltext { padding: 15px 0; }

@media (min-width: 1024px) { 
.article-tabs-wrap { padding-top: 40px; padding-bottom: 0px; }
  .article-tabs { position: relative; }
  .article-tabs .return-list { position: absolute; right: 0; width: 150px; line-height: 48px; margin-top: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; top: 50%; }
  .article-tabs .return-list:hover { background: #ca0d16; }
  .article-tabs a:hover { color: #ca0d16; }
  .article-tabs a.return-list:hover { color: #fff; }
}
/*人力资源*/
.rlzy {padding-bottom: 70px;}
.rlzy ul {margin-top: 40px;}
.rlzy ul li {float: left; width: 32.75%; margin-right: .875%; text-align: center;}
.rlzy ul li:last-child {margin-right: 0;}
.rlzy ul li h4 {font-size: 16px; margin-top: 15px;}
.rlzy ul li p {color: #8d8d8d; margin-top: 10px;}

.contact {width: 100%;}
.contact .contact_top {background: url(../img/bj6.jpg) no-repeat 100% 100%; padding-top: 60px; padding-bottom: 50px;}
.about_cont .contact .contact_top .about_name {padding-bottom: 33px;}
.about_cont .contact .contact_top .about_name h2 {color: #fff; font-size: 36px; text-transform: uppercase;}
.about_cont .contact .contact_top .about_name h3 {margin-top: 5px; font-size: 24px; color: #fff;}
.about_cont .contact .contact_top .about_name:after {content: ""; position: absolute; width: 20px; height: 2px; background-color: #fff; bottom: 0; left: 50%; margin-left: -10px;}
.contact .contact_top ul {margin-top: 35px;}
.contact .contact_top ul li {float: left; width: 32.75%; margin-right: .875%; text-align: center; background-color: #fff;}
.contact .contact_top ul li a {display: block; padding: 55px 0;}
.contact .contact_top ul li:last-child {margin-right: 0;}
.contact .contact_top ul li .from-item {padding-left: 90px; background: url(../img/i9.png) no-repeat left center; text-align: left; display: inline-block; height: 75px; padding-top: 15px;}
.contact .contact_top ul li:nth-child(2) .from-item {background: url(../img/i10.png) no-repeat left center;}
.contact .contact_top ul li:nth-child(3) .from-item {background: url(../img/i11.png) no-repeat left center;}
.contact .contact_top ul li .p1 {color: #8e8e8e;}
.contact .contact_top ul li .p2 {font-size: 22px; margin-top: 5px;}
.contact_bot {position: relative; width: 100%; overflow: hidden;}
.contact_bot .contact_bot_top {position: absolute; background-color: #c7000c; text-align: center; color: #fff; left: 50%; transform: translateX(-50%); width: 100%; padding: 20px 0; z-index: 10; max-width: 1200px;}
.contact_bot .contact_bot_top .icon {display: inline-block; width: 27px; height: 32px; background: url(../img/i12.png) no-repeat;}
.contact_bot .contact_bot_top p {margin-top: 5px;}
#allmap {width: 100%; height: 440px;}

.business {margin-top: 80px; padding-bottom: 90px;}
.join-form { max-width: 1070px; font-size: 14px; margin: 0 auto; margin-top: 40px;}
.join-form ul { margin: 0 -1.2%; }
.join-form ul li { float: left; width: 100%; padding: 0 1.2% 10px; }
.join-form ul li {width: 50%;}
.join-form ul li.allwidth { width: 100%; }
.join-form ul li .box-input { height: 60px; line-height: 60px; position: relative; border: 1px solid #DDDDDD; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; }
.join-form ul li .box-input.textareaheight, .join-form ul li .box-input textarea { height: 400px !important; }
.join-form ul li .box-input:after, .join-form ul li .box-input:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; }
.join-form ul li .box-input:before { border-top: 1px solid #9099a0; border-bottom: 1px solid #9099a0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); }
.join-form ul li .box-input:after { border-right: 1px solid #9099a0; border-left: 1px solid #9099a0; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
.join-form ul li .box-input em { position: absolute; right: 20px; color: #ff0000; font-style: normal; top: 0; }
.join-form ul li .box-input span { position: absolute; display: block; top: 18px; left: 18px; color: #737373; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; line-height: 22px; opacity: 0; color: #9099a0; font-size: 10px; z-index: 0; }
.join-form ul li .box-input .codeimg { position: absolute; right: 2px; top: 3px; z-index: 10; }
.join-form ul li .box-input .codeimg img { display: block; height: 51px;}
.join-form ul li .box-input input, .join-form ul li .box-input select, .join-form ul li .box-input textarea { width: 100%; background: none; height: 30px; padding-left: 18px; font-size: 14px; color: rgba(115, 115, 115, 0.5); position: relative; z-index: 1; font-family: "Microsoft YaHei";}
.join-form ul li .box-input input::-webkit-input-placeholder, .join-form ul li .box-input select::-webkit-input-placeholder, .join-form ul li .box-input textarea::-webkit-input-placeholder { color: rgba(115, 115, 115, 0.5); }
.join-form ul li .box-input input:-moz-placeholder, .join-form ul li .box-input select:-moz-placeholder, .join-form ul li .box-input textarea:-moz-placeholder { color: rgba(115, 115, 115, 0.5); }
.join-form ul li .box-input input::-moz-placeholder, .join-form ul li .box-input select::-moz-placeholder, .join-form ul li .box-input textarea::-moz-placeholder { color: rgba(115, 115, 115, 0.5); }
.join-form ul li .box-input input:-ms-input-placeholder, .join-form ul li .box-input select:-ms-input-placeholder, .join-form ul li .box-input textarea:-ms-input-placeholder { color: rgba(115, 115, 115, 0.5); }
.join-form ul li.focus .box-input { border: 0; }
.join-form ul li.focus .box-input:after, .join-form ul li.focus .box-input:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.join-form ul li.focus .box-input input, .join-form ul li.focus .box-input textarea, .join-form ul li.focus .box-input select { margin-top: 26px; font-size: 16px; color: #323232; }
.join-form ul li.focus span { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; }
.change-address .box-input { margin-bottom: 10px; }
.change-address .box-input:last-child { margin: 0; }
.join-form ul li .box-input input:focus::-webkit-input-placeholder, .join-form ul li .box-input textarea:focus::-webkit-input-placeholder { color: transparent; }
.join-form ul li .box-input input:focus:-moz-placeholder, .join-form ul li .box-input textarea:focus:-moz-placeholder { color: transparent; }
.join-form ul li .box-input inputfocus::-moz-placeholder, .join-form ul li .box-input textareafocus::-moz-placeholder { color: transparent; }
.join-form ul li .box-input input:focus:-ms-input-placeholder, .join-form ul li .box-input textarea:focus:-ms-input-placeholder { color: transparent; }
.form-btn input { width: 48%; display: block; float: left; height: 60px; max-width: 240px; border: 1px solid #DDDDDD; color: #737373; background: none; margin-right: 2%; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
.form-btn input:hover {color: #323232; border-color: #9099a0;}
.join-form ul li .box-input textarea {padding: 15px; font-family: "Microsoft YaHei";}

.recruitment {margin-top: 40px;}
.recruitment_top {border: 1px solid #e8e9f1; padding: 35px 30px;}
.recruitment_top .recruitment_zwfl {float: left; height: 34px; line-height: 34px; color: #898989;}
.recruitment_top .recruitment_zwfl select {height: 100%; width: 220px; border: 0; border-bottom: 1px solid #d6d6d6; background-color: #fff; color: #b1b1b1;}
.recruitment_zwss {float: right; height: 34px; line-height: 34px; color: #898989;}
.recruitment_zwss .recruitment_zwss_t {width: 353px; background: url(../img/i1.png) no-repeat; background-size: 15px 15px; background-position: left center; padding-left: 20px; border-bottom: 1px solid #d6d6d6; height: 100%;}
.recruitment_zwss .submit {margin-left: 10px; width: 153px; background-color: #c7000c; color: #fff; cursor: pointer; height: 100%;}
.recruitment_zwss .recruitment_zwss_t::-webkit-input-placeholder{color:#b1b1b1}
.recruitment_zwss .recruitment_zwss_t:-moz-placeholder{color:#b1b1b1}
.recruitment_zwss .recruitment_zwss_t::-moz-placeholder{color:#b1b1b1}
.recruitment_zwss .recruitment_zwss_t:-ms-input-placeholder{color:#b1b1b1}

.recruitment_list {margin-top: 15px; padding-bottom: 40px;}
/*.recruitment_list .recruitment_list_ul {display: none;}*/
.recruitment_list ul li { background-color: #f6f8fa; margin-bottom: 15px;}
.recruitment_list ul li:last-child {margin-bottom: 0;}
.recruitment_list .recruitment_list_name {height: 132px; background-color: #f6f8fa; overflow: hidden; position: relative; cursor: pointer;}
.recruitment_list .recruitment_list_name .day {float: left; width: 18.3%; height: 100%; font-size: 20px; color: #c7000c; text-align: center; padding-top: 38px;}
.recruitment_list .recruitment_list_name .name {float: left; width: 66.25%; padding-top: 38px;}
.recruitment_list .recruitment_list_name .name h4 {font-size: 18px; color: #666;}
.recruitment_list .recruitment_list_name .name p {color: #898989; margin-top: 10px;}
.recruitment_list .recruitment_list_name .name p span {margin-right: 20px;}
.recruitment_list .recruitment_list_name .recruitment_list_name_r {float: right; width: 15.45%; background-color: #edeff4; height: 100%; position: relative;}
.recruitment_list .recruitment_list_name .recruitment_list_name_r i.icon4 {position: absolute; width: 37px; height: 35px; background: url(../img/icon4.png) no-repeat; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.recruitment_list_txt {overflow: hidden; position: relative; display: none;}
.recruitment_list_txt .recruitment_list_txt_t {padding-left: 18.3%; padding-right: 15.45%; padding-bottom: 60px;}
.recruitment_list_txt .recruitment_list_txt_t h5 {font-size: 14px; line-height: 30px; color: #898989;}
.recruitment_list_txt .recruitment_list_txt_t p {line-height: 28px; color: #898989; padding-right: 15px;}
.recruitment_list_txt_r {position: absolute; right: 0; height: 100%; background-color: #edeff4; width: 15.45%; top: 0;}

.recruitment_list .list li .name.nav-show,.recruitment_list .list li:hover .name {color: #005bac;}
.recruitment_list .list li:hover .name:after {border-color: #005bac;}
.recruitment_list .list li .name.nav-show:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg); border-color: #005bac;}
.recruitment_list li:hover .recruitment_list_name .recruitment_list_name_r i.icon4,.recruitment_list li .recruitment_list_name.nav-show .recruitment_list_name_r i.icon4 {background-position: left bottom;}

.jzgd {text-align: center; margin-top: 40px;}
.jzgd a {display:inline-block;width: 45px;height: 45px; background: url(../img/i8.png) no-repeat;}

.lineDiv_box {position: absolute; width: 100%; padding: 0 15px;  height: 1px; background-color: #dddddd; margin-top: 4px;}
.lineDiv{position:relative;width:100%; height: 100%;}
.lineDiv .minDiv{position:absolute; top: 50%; transform: translateY(-50%); left: 0;width:200px;height: 5px;background: #c7000c;cursor:pointer;}
.lineDiv .minDiv .vals{position:absolute;top:-45px;left:-10px;width:35px;height:35px;background:#00f;text-align:center;font-size:20px;line-height:35px;}
.lineDiv .minDiv .vals:after{display:block;margin-left:11px;width:0;height:0;border-top:6px solid #00f;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;content:"";}

.bd_weixin_popup .bd_weixin_popup_foot {opacity: 0 !important; height: 20px;}
#allmap img{max-width:none !important;}

.pages{text-align:center; padding-top:10px; margin-bottom:35px;}
.pages a{ margin:0 5px;border-style: solid; border-color:#e7e7e7; border-radius:3px; border-width:1px; padding: 11px 17px;color: #fff; display:inline-block; color:#999;}
.pages ul { text-align:center; display: inline-block;}
.pages ul li{ float:left;}
.pages ul li a.on{background:#ca0d16; color:#fff;}
.pages a:hover{background:#ca0d16; color:#fff;}
.pages span:hover{background:#ca0d16;}




/* 媒体查询 */
@media screen and (max-width: 1680px){
	.pro_text .pro_text_r .pro_box {padding-top: 3%; width: 72%;}
	.pro_text .pro_text_r .pro_box .pro_text_box h4 {font-size: 28px; margin-bottom: 20px;}
}
@media screen and (max-width: 1600px){
	.pro_text .pro_text_r .pro_box {padding-top: 3%; width: 76%;}
	.pro_text .pro_text_r .pro_box .pro_text_name h2 {font-size: 30px;}
	.pro_text .pro_text_r .pro_box .pro_text_name h3 {font-size: 20px;}
	.pro_text .pro_text_r .pro_box .pro_text_name em {margin-top: 10px;}
	.pro_text .pro_text_r .pro_box .pro_text_box h4 {font-size: 24px;}
	.pro_text .pro_text_r .pro_box .pro_text_box .pro_gd_t {font-size: 14px; margin-bottom: 10px;}
	.icon2 {width: 30px; height: 30px;}
	.pro_direction .i1 {background-position: left top; margin-right: 10px;}
}
@media screen and (max-width: 1440px){
	.pro_text .pro_text_r .pro_box {width: 85%;}
	.pro_gd {height: 250px;}
	.focus1 .swiper-slide strong {max-width: 75%;}
}
@media screen and (max-width: 1400px){
	.pro_text .pro_text_r .pro_box {width: 87%;}
}
@media screen and (max-width: 1360px){
	.pro_gd {height: 200px;}
}
@media screen and (max-width: 1260px){
	.header .wide {padding: 0 15px;}
}
@media screen and (max-width: 1200px){
	.header {height: 100px; line-height: 100px;}
	div.nav_line {top: 75px !important;}
	.header_nav ul li .submenu {top: 75px;}

	.wide {padding: 0 15px;}

	.officeBuilding {padding: 40px 0;}
	.companyNews {margin-top: 40px;}

	.footer_top .footer_top_one {display: none;}
	.footer_top .footer_top_two {width: 78%; padding-top: 0;}
	.footer_top .footer_top_two ul {width: 100%;}
	.footer_top .footer_top_two ul li {width: 20%; margin-right: 0;}
	.footer_bot {padding: 35px 0;}

	.about_img .pc_img {display: none;}
	.about_img .mob_img {display: block;}

	.about_cont {padding-top: 50px;}
	.honor .swiper-slide {height: 500px;}
	.about_cont .honor .wide {margin-top: 40px;}
	.about_txt {padding: 0 40px 40px;}

	.pro_text .pro_text_l,.pro_text .pro_text_r {width: 100%; height: auto !important;}
	.pro_text .pro_text_l {text-align: center;}
	.pro_text .pro_text_r .pro_box {width: 100%; padding-bottom: 80px;}
	.pro_gd {overflow-y: hidden; height: auto;}

	.business {padding-bottom: 60px;}
	.news_topping_txt h3 {margin-top: 10px;}
	.news_topping_txt p.znowrap_line3 {-webkit-line-clamp: 2; margin-top: 10px;}
}
@media screen and (max-width: 1024px){
	.focus1 .swiper-slide strong {max-width: 70%;}

	.content {padding-bottom: 30px;}

	.mt60 {margin-top: 40px;}
	.mt40 {margin-top: 20px;}

	.info3_wx img {width: 80%;}
	.info3_wx a img {width: 50%;}
	.info3_wx_txt {font-size: 12px; padding: 0 10px;}
	.info3_wx span {font-size: 12px;}

	.content_r .road {height: 60px; line-height: 60px;}
	.valueProposition,.brandPromise {margin-top: 40px;}

	.footer_top {padding: 45px 0;}

	.about_cont {padding-top: 40px;}

	.about_cont .about_name {padding-bottom: 20px;}
	.about_cont .about_name h2 {font-size: 30px;}
	.about_cont .about_name h3 {font-size: 20px;}
	.about_txt h2 {font-size: 24px;}

	.contact .contact_top ul li .p2 {font-size: 14px;}
	.recruitment_zwss .recruitment_zwss_t {width: 200px;}
	.recruitment_zwss .submit {width: 100px;}
	.recruitment_top .recruitment_zwfl select {width: 150px;}

	.product_list ul li {width: 31%; margin-right: 3.5%; margin-bottom: 25px;}
	.news_box_cent_list {float: right !important; width: 100%; margin-top: 30px;}
	.news_box_cent_txt {float: left !important; width: 100%;}
	.lineDiv .minDiv {width: 50px;}
}
@media (min-width: 1024px) {
	.header_nav {display: block !important;}
}
@media screen and (max-width: 768px){
	.header {height: 60px; line-height: 60px; position: fixed;}
	.header .wide {position: relative;}
	.header .wide:before {content: ""; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 0; left: 0;}
	.header a img {height: 40px;}
	.header .search {display: none;}
	.header_nav {float: initial; position: fixed; width: 100%; left: 0; height: 100%; z-index: 99; background: #fff; padding: 0 15px 20px; overflow-x: auto; padding-bottom: 80px; top: 60px; display: none;}
	.header_nav ul li {width: 100%; padding: 0; position: relative; border-bottom: 1px solid #ccc;}
	div.nav_line {display: none;}
	.header_nav ul li h3 {cursor: pointer; position: relative;}
	.header_nav ul li h3:before {position:absolute;top:50%;right:20px;display:block;margin-top:-6px;width:10px;height:10px;border-top: 1px solid #666;border-left: 1px solid #666;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:50%;transform-origin:50%; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s;}
	.header_nav ul li.active h3:before {-webkit-transform:rotate(225deg);transform:rotate(225deg); border-color: #c7000c;}
	.header_nav ul li h3 span {position: absolute; right: 0; width: 50%; top: 0; height: 100%;}
	.header_nav ul li a {line-height: 50px; display: block;}
	.header_nav ul li .submenu {position: relative; top: 0; border-top: none; width: 100%; left: 0; margin-left: 0;}
	.header_nav ul li .submenu dl { height:auto;}
	.header_nav ul li .submenu dl dd {padding: 0 30px;}
	.header_nav ul li .submenu dl dd a {line-height: 36px; text-align: left; color: #666;}
	.focus1 .swiper-slide strong {max-width: 75%;}

	.mobnav-btn {display: block;}
	.m_search {position: relative; height: 50px; display: block;}
	.m_search form {height: 100%;}
	.m-searchweb {height: 100%;}
	.m_search .search-text {display: block; width: 100%; border-bottom: 1px solid #ccc; height: 100%; font-size: 14px; padding-left: 50px; }
	.m_search .search-text::-webkit-input-placeholder { color: #aaaaaa; }
	.m_search .search-text:-moz-placeholder { color: #aaaaaa; }
	.m_search .search-text::-moz-placeholder { color: #aaaaaa; }
	.m_search .search-text:-ms-input-placeholder { color: #aaaaaa; }
	.m_search .search-btn { position: absolute; left: 0; top: 0; border: 0; height: 50px; width: 50px; background: url(../img/i1.png) center center no-repeat; font-size: 0; -moz-background-size: auto 20px; -o-background-size: auto 20px; background-size: auto 20px; }

	.content {padding-top: 20px;}
	.banner1 .kuang {height: 35px;}
	.banner1 .swiper-pagination {width: 30%;}
	.banner1 .swiper-pagination-bullet {width: 5px;}
	.banner1 .swiper-pagination-bullet-active {width: 20px;}
	.hotspot {height: 35px; line-height: 35px; width: 77%;}
	.hotspot .swiper-slide {overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
	.banner1 .swiper-button-next,.banner1 .swiper-container-rtl .swiper-button-prev,.banner1 .swiper-button-prev,.banner1 .swiper-container-rtl .swiper-button-next {display: none;}

	.officeBuilding {padding: 30px 15px;}
	.officeBuilding .txt {line-height: 26px;}
	.officeBuilding ul li {width: 33.33%;}
	.inAaout,.companyNews ul,.companyNews {margin-top: 30px;}
	.inAbout_txt {width: 400px;}
	.inAbout_txt h2 {font-size: 52px;}
	.inAbout_txt .txt h3 {font-size: 24px;}
	.zhaobiao{margin-top: 30px;}
	.zhaobiao_txt {width: 400px;}
	.zhaobiao_txt h2 {font-size: 52px;}
	.zhaobiao_txt .txt h3 {font-size: 24px;}
	.companyNews ul li {width: 48%; margin-right: 4%; margin-bottom: 15px;}
	.companyNews ul li:nth-child(2n) {margin-right: 0;}
	.companyNews ul li .companyNews_img {border: 1px solid #dcdcdc; border-bottom: none;}

	.project h2, .companyNews h2 {font-size: 28px;}
	.project .project_more, .companyNews_more {margin-top: 25px;}

	.footer_sub {display: none;}
	.footer_top {padding: 20px 0;}
	.footer_top .footer_top_two {width: 100%;}
	.footer_top .footer_top_two:after {display: none;}
	.footer_top .footer_top_two ul li {width: 100%;}
	.footer_top .footer_top_two ul li h3 {font-size: 16px; padding: 12px 0; position: relative;}
	.footer_top .footer_top_two ul li h3:after {content: ""; position: absolute; width: 100%; bottom: 0; height: 1px; background-color: #ccc; left: 0;}
	.footer_top .footer_top_two ul li h3:before {position:absolute;top:50%;right:20px;display:block;margin-top:-6px;width:10px;height:10px;border-top: 1px solid #666;border-left: 1px solid #666;content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:50%;transform-origin:50%; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s;}
	.footer_top .footer_top_two ul li.cur h3:before {-webkit-transform:rotate(225deg);transform:rotate(225deg); border-color: #c7000c;}
	.footer_top .footer_top_two ul li p {margin-top: 10px; padding-bottom: 10px; line-height: 30px;}
	.footer_top .footer_top_two ul li p a:hover {left: 0;}
	.footer_top .footer_top_three {width: 100%; height: auto !important; text-align: left; padding-top: 0;}
	.footer_bot {padding: 25px 0;}
	.footer_top .footer_top_three h4 {font-size: 18px;}
	.footer_top .footer_top_three p {font-size: 24px;}

	.hotline {right: -382px;}

	.contact_bot {overflow: hidden;}
	.banner-img img {max-width: initial; height: 240px; position: relative; left: 50%; transform: translateX(-50%);}
	.banner-img .navigation {display: none;}
	.min_web {display: block;}
	.about_cont {padding-top: 30px;}
	.about_cont .about_name h2,.about_cont .contact .contact_top .about_name h2 {font-size: 26px;}
	.about_cont .about_name h3 {font-size: 18px;}
	.about_txt h2 {font-size: 20px;}
	.about_txt p {font-size: 14px; line-height: 24px;}
	.about_img {margin-top: 30px;}

	.about_txt_img {padding: 30px 0; margin-top: 40px;}
	.about_txt_img img {margin: 20px 40px;}

	.pro_text .pro_text_r .pro_box {padding: 20px 15px 80px;}
	.pro_direction {padding-left: 15px;}
	.pro_direction .fanhui {right: 15px;}

	.product_list {padding-bottom: 30px;}
	.product_list ul li {margin-bottom: 30px;}

	.contact .contact_top {background-size: 100% 100%;}
	.contact .contact_top ul li {width: 100%; margin-right: 0; margin-bottom: 4px;}
	.contact .contact_top ul li a {padding: 30px 0;}
	.join-form ul li .box-input.textareaheight, .join-form ul li .box-input textarea {height: 200px !important;}

	.news_list ul li .day {font-size: 16px;}
	.news_topping_txt .day {font-size: 20px;}
	.news_topping_txt h3 {font-size: 16px;}
	.news_topping_txt {padding-top: 2%;}
	.news_list ul li .news_list_name_r .ckxx p {font-size: 12px;}

	.recruitment_list .recruitment_list_name .day {font-size: 18px;}
	.recruitment_list .recruitment_list_name .name h4 {font-size: 16px;}
	.rlzy,.business {padding-bottom: 35px;}
	.business {margin-top: 40px;}
	.join-form ul li {width: 100%;}
	.contact .contact_top {padding-top: 30px;}

	.footer_top .footer_top_three .share .qq {float: left; margin-left: 0; margin-right: 15px;}
	.weixin_img {float: right;}
	.contact .contact_top ul li .from-item {width: 250px;}
	.contact_bot {height: 333px;}
	#allmap {height: 100%; width: auto;}
	.contact_bot img {overflow: hidden; position: relative; left: 50%; transform: translateX(-50%); max-width: initial;}
}
@media screen and (max-width: 640px){
	.banner1 .swiper-slide {overflow: hidden;}
	.banner1 .swiper-slide img {max-width: initial; height: 333px; position: relative; left: 50%; transform: translateX(-50%);}

	.focus1 .swiper-slide {width: 100%;}
	.focus1 .swiper-slide strong {max-width: 65%;}
	.hotspot .swiper-wrapper a span {font-size: 12px;}

	.banner1 .swiper-pagination {display: none;}
	.hotspot,.banner1 .kuang {width: 100%;}
	.officeBuilding {padding: 20px 15px;}
	.officeBuilding h3 {font-size: 20px; line-height: 22px;}
	.officeBuilding .txt {font-size: 14px;}
	.officeBuilding ul {margin-top: 30px;}
	.officeBuilding ul li {width: 33.33%; margin-bottom: 15px;}
    .officeBuilding ul li a img {width: 70px;height: 70px;}
	/*.officeBuilding ul li:nth-child(2n):after {display: none;}*/
	.inAbout_txt .txt {padding-left: 0;}

	.project h2, .companyNews h2 {font-size: 24px; padding-bottom: 15px;}
	.project .swiper-container {margin-top: 20px; padding: 0 15px 40px;}
	.project .project_more, .companyNews_more {margin-top: 20px;}
	.inAbout_txt {width: 100%;}
	
	.footer_top {height: auto; text-align: center; padding: 10px 0 20px; line-height: 26px;}
	.footer_top ul {display: table; width: 100%;}
	.footer_top ul li {float: initial; display: inline-block;}
	.footer_top select {position: relative; display: inline-block; margin-top: 10px; right: 0;}

	.totop {width: 30px; height: 30px; border-radius: 50%; right: 20px; bottom: 20px;}
	.mt60 {margin-top: 20px;}
	.banner-img img {height: 150px;}

	.about_cont .about_name h2,.about_cont .contact .contact_top .about_name h2 {font-size: 24px;}
	.about_img {margin-top: 0;}
	.about_cont .honor {padding: 30px 0;}
	.about_txt {padding: 0 15px 30px;}
	.about_txt_img img {margin: 10px 0;}
	.honor .swiper-slide .honor_box {position: relative;}
	.honor .swiper-slide.swiper-slide-next .honor_box {padding-bottom: 0;}
	.honor .swiper-slide.swiper-slide-next .honor_box h4 {color: #333;}
	.honor .swiper-slide.swiper-slide-next .honor_box .honor_xian:after {border-color: #cececd;}
	.honor .swiper-slide .honor_box {padding-bottom: 15px;}
	.honor .swiper-slide .honor_box h4 {color: #c7000c;}
	.honor .swiper-slide .honor_box .honor_xian:after {border-color: #c7000c;}
	.honor .swiper-slide .honor_box p {display: block;}
	.honor .swiper-slide .honor_box h4 {font-size: 24px; margin-top: 10px;}
	.honor .swiper-container {width: 79%;}
	.honor .swiper-slide .honor_box p {font-size: 12px; line-height: 20px;}
	.honor .swiper-slide {height: auto;}
	.honor_txt {padding-bottom: 20px;}
	.honor .swiper-slide .honor_box .honor_txt_box {overflow-y: hidden; height: auto;}
	.honor .swiper-slide.swiper-slide-next .honor_box {bottom: -235px;}
	.honor .swiper-slide.swiper-slide-active .honor_box {bottom: 0;}

	.product_list ul li {width: 100%; margin-right: 0;}
	.product_list ul li:nth-child(3n) {margin-right: 0;}
	.product_list ul li:nth-child(2n) {margin-right: 0;}

	.news_title {padding-bottom: 25px;}
	.news_title h2,.news_title .news_title_day {font-size: 18px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.bdshare-button-style0-32 a {width: 24px !important; height: 24px !important; background-size: 100%;}
	.bdshare-button-style0-32 span {height: 24px; line-height: 24px;}
	.news_box_cent {margin-top: 25px; padding-bottom: 30px;}
	.news_box_cent_txt p {margin-bottom: 15px;}

	.news_topping_icon,.news_list ul li .news_list_name_r,.news_list ul li .day,.recruitment_list .recruitment_list_name .day  {display: none;}
	.news .news_topping {padding: 10px 0;}
	.news .news_topping .news_topping_img {width: 100%; text-align: center;}
	.news_topping_txt {width: 100%;}
	.news_topping_txt .day {font-size: 16px;}
	.news_topping_txt h3 {font-size: 14px; margin-top: 5px;}
	.news_topping_txt p.znowrap_line3 {font-size: 12px; line-height: 18px; margin-top: 5px;}
	.news_list ul li {padding-top: 0;}
	.news_list ul li .name {width: 100%;}
	.m_day {display: block; margin-top: 10px; color: #999;}
	.jzgd {margin-top: 20px;}
	.recruitment_list .recruitment_list_name {height: auto; position: relative;}
	.recruitment_list .recruitment_list_name .recruitment_list_name_r {position: absolute; right: 0; top: 0;}
	.recruitment_list .recruitment_list_name .name {width: 84.55%; padding: 15px 0 15px 15px;}
	.recruitment_list_txt .recruitment_list_txt_t {padding-left: 15px;}

	.recruitment_top {padding: 20px 15px;}
	.recruitment_top .recruitment_zwfl {width: 100%;}
	.recruitment_top .recruitment_zwss {width: 100%; margin-top: 15px;}

	.business {margin-top: 20px;}
	.rlzy ul li {width: 100%; margin-right: 0; margin-bottom: 15px;}

	.recruitment_list_txt .recruitment_list_txt_t {padding-bottom: 30px;}
	.recruitment_zwss .recruitment_zwss_t {width: 50%;}
	.recruitment_zwss .submit {width: 20%; float: right;}
	.recruitment_list .recruitment_list_name .recruitment_list_name_r i.icon4 {width: 30px; height: 28px; background-size: 100%;}
	.recruitment {margin-top: 20px;}
	.news_list ul {padding-top: 15px;}

	.companyNews ul li {width: 100%; margin-right: 0;}
	.companyNews ul li:nth-child(2n) {margin-right: 0;}
	.companyNews ul li .companyNews_img {border: 1px solid #dcdcdc; border-bottom: none;}
}
@media screen and (max-width: 320px){
	.banner1 .swiper-slide img {height: 263px;}

	.header1 a img {width: 115px; height: 18px;}
	.footer_bot {padding: 15px;}
	.strength_two_dl dt {font-size: 16px;}
	.strength_two_dl dd {font-size: 12px; line-height: 20px;}
	.recruitment_zwfl {font-size: 12px;}
	.recruitment_zwss {font-size: 12px;}
	.recruitment_top {padding: 15px 10px;}
}



.searchcont01{padding:36px 0;}
.remorebtn{display:block;height:45px;background:#00a0e9 url(../img/cp06.png) no-repeat center;margin:20px 0 10px;}
.searchtitle01{padding:10px 15px;background:#f2f2f2;font-size:18px;}
.searchtitle01 span{color:#da251d;}
.resultlist01{font-size:13px;padding:3% 0;}
.resultlist01 img{display:block;max-width:100%;width:auto; float:left;margin:0 3% 0 0;}
.resultlist01 li{padding:15px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-bottom:-1px;}
.resultlist01 h4{line-height:24px;font-size:16px;margin-bottom:2%;}
.resultlist01 h4 em{color:#da251d;}
.resultlist01 h4 a{display:block;}
.resulttext01{overflow:hidden;height:72px;color:#999; line-height: 18px;}
.resultlabel01{color:#999;display:inline-block;padding-top:3%;}

.searchbtn a{
	padding: 5px 15px;
	background-color: #f2f2f2;
	font-size: 16px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 20px;
}
.searchbtn a.cur{
	background-color: #0068b7;
	color: #fff;
}

.project-dot {
    position:relative;
    text-align:center;
}
.project-dot:after {
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#dcdcdc;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.project-dot span {
    width:30px;
    height:4px;
    background:none;
    opacity:1;
    border-radius:0;
    vertical-align:middle;
    top:-2px;
    position:relative;
    z-index:1;
}
.project-dot span.swiper-pagination-bullet-active {
    background-color:#c7000c;
}

@media(min-width:768px){
	.searchtitle01{
		padding: 18px 15px;
		font-size: 24px;
	}
	.resultlist01 h4{
		font-size: 20px;
	}
}

@media(min-width:1200px) {
    .project-dot span {
        width:200px;
    }
}

.join-text{
    color:#666;
    font-size:16px;
    overflow:hidden;
}
.join-text img {
        display:inline-block;
}
/*.text-center{
    text-align:center;
}*/
.inline {
    display:inline-block;
    text-align:left;
    white-space:nowrap;
    padding:10px 0;
}

/*.col-xs-6{
    float:left;
    padding:0 10px;
    width:50%;
}*/

.join-text .img{
    display:inline-block;
    vertical-align:top;
    width:60px;
    text-align:center;
    padding-right:5px;
    float:left;

}

.hsh_mailtoa04 {
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background-color: #c7000c;
    display: block;
    margin: 32px 0 10px 0;
}
.hotline-more {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -20px;
    background: #C7000C url(../img/hotlineicon.png) 7px center no-repeat;
    z-index: 10;
    background-size: 25px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.hotline-box{
    overflow:hidden;
    
}
@media(min-width:768px){
    
    .col-sm-4{
        float:left;
        padding:0 10px;
        width:33.33333333333%;
    }
    .inline {
        padding-bottom:0px;
        padding-top:20px;
    }

    .hsh_mailtoa04 {
        display: inline-block;
        margin: 32px 22px 0 0;
    }
}
@media(min-width:1024px) {
    .hotline-more {
        display:none;
    }
    .hotline.hotline2{
        left:-342px;
    }
}