@charset "utf-8"; /***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, textarea, select, input { margin: 0; padding: 0; outline: none }
ol, ul { list-style: none; }
html { overflow-x: hidden; -webkit-text-size-adjust: none; }

body { color: #000000; font-family: 'Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif; }
img { display: block; max-width: 100%; border: none }

/*a 链接*/

a { text-decoration: none; outline: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; color: #000000; }
a:hover { color: #f08300; }
/*居中*/

.juzhong { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.juzhong2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.erduan { display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; }
.shang { display: flex; flex-direction: row; justify-content: space-between; }
.xia { display: flex; align-items: flex-end; flex-direction: row; justify-content: space-between; }
.shangzhong { display: flex; flex-direction: row; justify-content: center; }
.shangzuo { display: flex; flex-direction: row; justify-content: flex-start; }
.zuo { display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; }
.you { display: flex; flex-direction: row; justify-content: flex-end; align-content: center; align-items: center; }




/*浮动*/
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.clear { clear: both }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }

/* HTML5 重置为较旧版本的浏览器 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */

input[type="text"], input[type="button"], button, textarea, select { outline: none; resize: none; font-family: "exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; -webkit-appearance: none; }
input[type="button"] { cursor: pointer; border: 0; }
input[type="submit"] { cursor: pointer; border: 0 }
input[type="reset"] { cursor: pointer; border: 0 }


/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; -webkit-appearance: none; }
i, em { font-style: normal }

@font-face { font-family: 'Averta'; src: url('../fonts/Averta.eot'); src: url('../fonts/Averta.eot?#iefix') format('embedded-opentype'), url('../fonts/Averta.woff') format('woff'), url('../fonts/Averta.ttf') format('truetype'), url('../fonts/Averta.svg#Averta') format('svg'); }


.nav-btnbox { display: none }
.pd3 { padding-top: 3%; padding-bottom: 3% }
.pd4 { padding-top: 4%; padding-bottom: 4% }
.pd5 { padding-top: 5%; padding-bottom: 5% }
.pd6 { padding-top: 6%; padding-bottom: 6% }
.pd2 { padding-top: 2%; padding-bottom: 2% }
.mt1 { margin-top: 1% }
.mt2 { margin-top: 2% }
.mt3 { margin-top: 3% }
.mt4 { margin-top: 4% }
.mt5 { margin-top: 5% }
.pt3 { padding-top: 3% }
.pt4 { padding-top: 4% }
.pt5 { padding-top: 5% }
.pt6 { padding-top: 6% }
.pt7 { padding-top: 7% }


.pb3 { padding-bottom: 3% }
.pb4 { padding-bottom: 4% }
.pb5 { padding-bottom: 5% }
.pb6 { padding-bottom: 6% }
.pb7 { padding-bottom: 7% }

.animated { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); visibility: visible; }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); visibility: visible; }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}



.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }




.fangdapic { overflow: hidden; position: relative }
.fangdapic > img { transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width: 100% }
a:hover .fangdapic > img { transform: scale(1.1); -webkit-transform: scale(1.1); }
li:hover .fangdapic > img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.fangdapic:hover > img { transform: scale(1.1); -webkit-transform: scale(1.1); }


.wapbanner { display: none; position: relative; }
.wapbanner .swiper-pagination { bottom: 10px; text-align: center; width: 100% }
.wapbanner .swiper-pagination-bullet { height: 8px; background: #cc7016; width: 8px; border-radius: 8px; opacity: 1; margin: 0px 5px; }

.wapbanner .swiper-pagination-bullet-active { background: #ffffff; }


.banner { position: relative; z-index: 1; height: 100vh; }
.bannerfiex { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; }
.ban_box { position: relative; }
#zhulu_ban { position: relative; opacity: 0; width: 100%; overflow: hidden; }
#zhulu_ban ul { position: relative; z-index: 3; width: 100%; height: 100%; }
#zhulu_ban ul li .intro { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#zhulu_ban ul li { position: absolute; width: 100%; height: 100%; z-index: 1; }
#zhulu_ban ul li.on { opacity: 1; }
.zhulu_bandot { position: absolute; z-index: 8; top: 50%; text-align: center; width: 6px; right: 20px; transform: translate(0,-50%) }
.zhulu_bandot span { display: inline-block; width: 6px; height: 50px; margin-bottom: 5px; cursor: pointer; position: relative; }
.zhulu_bandot span:before { content: ""; display: block; position: absolute; height: 100%; width: 2px; top: 0%; background: #999; }
.zhulu_bandot span em { display: block; position: absolute; height: 0%; width: 2px; top: 0%; background: #f5871c; }
.zhulu_bandot span:last-child { margin-bottom: 0; }



.mainbox { margin: 0 auto; max-width: 1240px; }

.top { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; padding: 30px 0px; background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)); }
.none { display: none }
.logo { width: 8%; }
.topright { width: 80.6%; position: relative }
.nav { width: 75%; }
.nav li:last-child { display: none }
.nav li > a { color: #fff; font-size: 18px; display: block; line-height: 50px; position: relative }
.nav li > a:hover { color: #f08300 }
.nav li > a:before { width: 0px; height: 2px; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0px; content: ""; background: #f08300; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.nav li:hover > a { color: #f08300 }
.nav li:hover > a:before { width: 100% }
.nav li.cur > a:before { width: 100% }
.nav li.cur > a { color: #f08300 }


.top.cur { background: rgba(255,255,255,0.95); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 0px 0 }
.top.cur .nav li > a { color: #000; line-height: 80px; }
.top.cur .nav li:hover > a { color: #f08300 }
.top.cur .nav li.cur > a { color: #f08300 }

.top.cur .logo img.none { display: block }
.top.cur .logo img.show { display: none }

.top.cur .logo { height: 60px; padding: 10px 0 }
.top.cur .logo img { max-height: 100% }



.navdown { position: absolute; left: 0%; height: 40px; width: 100%; background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0)); color: #fff; font-size: 16px; line-height: 40px; display: none }

.navdown em { font-size: 12px; padding: 0px 20px; color: rgba(255,255,255,0.5) }
.navdown a { display: block; text-align: center; line-height: 34px; color: #fff }
.navdown a:hover { color: #f08300; }
.aboutnav { position: absolute; left: 12.3% }
.pronav { position: absolute; left: 14% }
.downnav { position: absolute; right: 10% }
.newsnav { position: absolute; right: 26% }

.sousu { width: 40px; }
.sousu a { background: #000000; width: 40px; height: 40px; border-radius: 10px; display: block }
.sousu a:hover { background: #ff9a31; }

.sousubox { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 9999999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; background-image: linear-gradient(rgba(0,0,0,0.9) 60%, rgba(0,0,0,0)); top: -100% }

.sousubox.cur { top: 0% }
.searchinput { width: calc(40.3% - 30px); height: 45px; border: 1px solid #c3c3c3; padding: 0px 15px; }

.searchinput::-webkit-input-placeholder { color: #b8b8b8; font-size: 16px; }
.searchinput::-moz-placeholder { color: #b8b8b8; font-size: 16px; }
.searchinput:-ms-input-placeholder { color: #b8b8b8; font-size: 16px; }


.searchbtn { background: url("../images/soubtn.png") no-repeat center center #ff9a31; background-size: 100% auto; width: 40px; height: 40px; border-radius: 10px; margin-left: 10px; }

.guanbi { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px }
.guanbi img { width: 50% }

.sousubox .mainbox { position: relative; padding: 40px 0px; }

.syyoushibox { background: #fff; position: relative; }
.content { position: relative; z-index: 2; background: #fff }
.youshilist { padding-top: 6.5%; padding-bottom: 3% }
.youshilist li { width: 25%; }
.youshitit { margin-top: 80px; }
.youshitit h2 { width: 560px; height: 80px; background: #f08300; font-size: 40px; text-align: center; line-height: 80px; color: #fff; font-weight: normal; margin-top: -45px; }

.syyoushitxt { text-align: center }
.syyoushitxt h3 { font-weight: normal; font-size: 18px; height: 24px; border: 2px solid #f08300; display: inline-block; border-radius: 20px; line-height: 24px; color: #f08300; padding: 0px 20px; margin: 24px 0px; }

.syyoushitxt p { max-width: 60%; margin: 0 auto; text-align: left; font-size: 14px; }
.youshilist { overflow: hidden }
.youshilist li:nth-child(1) { animation-delay: 0.3s; }
.youshilist li:nth-child(2) { animation-delay: 0.5s; }
.youshilist li:nth-child(3) { animation-delay: 0.7s; }
.youshilist li:nth-child(4) { animation-delay: 0.9s; }


.heixian { width: 50%; height: 14px; background: #000000 }
.hhuangxian { width: 50%; height: 14px; background: #f08300 }



@-webkit-keyframes widthleft {
    0% { width: 0px }
    to { width: 50% }
}

@keyframes widthleft {
    0% { width: 0px }
    to { width: 50% }
}

.widthleft { -webkit-animation-name: widthleft; animation-name: widthleft; animation-delay: 1s; }

.zhubj { background: url("../images/zhubj.jpg") no-repeat bottom center; background-size: 100% auto }


.sywulianboxbj { background: url("../images/hse2.png") no-repeat right top; padding-top: 26px; padding-right: 84px; }


.sywulianleft { width: 37.2%; background: url("../images/hse3.png") no-repeat left top; background-size: 100% auto; }
.sywulianleft a { display: block; position: relative; padding-top: 84px; padding-left: 7% }

.bigbiaoti { font-size: 50px; font-weight: normal; color: #fff; position: absolute; left: 10px; top: 10px; line-height: 1; }

.sywulianlefttxt { color: #fff; position: absolute; right: 0px; bottom: 0px; padding: 30px; width: calc(100% - 90px); }

.sywulianlefttxt p { font-size: 14px; line-height: 24px;; }
.sywulianlefttxt span { font-size: 19px; display: block; text-align: right; margin-top: 30px; }


.sywulianright { width: 61.2%; position: relative }


.sywulianright .swiper-slide a { border: 1px solid #dbdbdb; display: block; position: relative }
.sywulianhover { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.7); color: #fff; width: 100%; height: 100%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; opacity: 0 }

.pd30sx { padding: 30px; }

.sywulianhover h3 { font-size: 34px; text-align: right; font-weight: normal; line-height: 1; }
.sywulianhover h4 { font-size: 18px; font-weight: normal }

.sywulianhover p { position: absolute; left: 30px; bottom: 90px; width: calc(100% - 60px); font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }

.sywulianhover span { position: absolute; right: 30px; bottom: 30px; width: 105px; height: 32px; font-size: 14px; line-height: 32px; text-align: center; background: #fff; color: #000 }


.sywulianright .swiper-slide a:hover .sywulianhover { opacity: 1 }

.sywulianright .swiper-slide a:hover .sywulianhover span { background: #f08300; color: #FFFFFF }

.sywulianright .swiper-pagination { right: -50px; top: 50%; width: 10px; transform: translate(0,-50%) }
.sywulianright .swiper-pagination-bullet { height: 80px; background: #cc7016; width: 10px; border-radius: 10px; opacity: 1; margin: 5px 0px; }
.sywulianright .swiper-pagination-bullet-active { background: #ffffff; }

.sywulianpro { background: rgba(245,131,0,0.8); padding: 2.59%; margin-top: 30px; position: relative; padding-bottom: 84px; }

.sywulianprohover { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.8); width: 100%; height: 100%; color: #fff; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.sywulianpro .swiper-slide a { border: 1px solid #dbdbdb; display: block }

.pd40 { padding: 40px 30px 0; }

.sywulianpro .swiper-pagination { bottom: 30px; width: calc(100% - 60px) }
.sywulianpro .swiper-pagination-bullet { width: 80px; background: #cc7016; height: 10px; border-radius: 10px; opacity: 1; margin: 0px 5px; }

.sywulianpro .swiper-pagination-bullet-active { background: #ffffff; }

.sywulianprohover h2 { text-align: center; font-size: 20px; font-weight: 300; font-weight: normal; line-height: 1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }


.sywulianprohover p { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 10px 0px; line-height: 1.8 }
.sywulianprohover span { width: 103px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #fff; border: 1px solid #fff; display: block; margin: 0 auto; margin-top: 20px; }

.sywulianpro .swiper-slide { background: #fff }
.sywulianpro .swiper-slide a:hover .sywulianprohover { opacity: 1 }



.sywulianpro .swiper-slide a:hover .sywulianprohover span { background: #f08300; border: 1px solid #f08300; color: #FFFFFF }


.syshukongright { width: 64.6%; }
.syshukongleft { width: 34.67%; background: url("../images/hse3.png") no-repeat left top; background-size: 100% auto }
.syshukongleft a { display: block; position: relative; padding-top: 84px; padding-left: 7%; }

.syshukongbox { }


.syshukongright li { border: 1px solid #dbdbdb; background: #fff; margin-top: 10px; }
.syshukongright li:nth-child(1) { margin-top: 0px; }
.syshukongright li .fangdapic { width: 29.5% }

.syshukongtxt { width: calc(66% - 25px); padding-right: 25px; }

.syshukongtxt p { font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 10px 0px 10px; line-height: 24px; height: 96px; color: #000 }

.syshukongtxt h3 { font-size: 20px; font-weight: normal; position: relative; display: inline-block; padding-bottom: 5px; line-height: 1.4; padding-top: 10px; }
.syshukongtxt h3:before { content: ""; width: 50%; height: 3px; background: #000; position: absolute; left: 0px; bottom: 0px; }
.syshukongtxt h3:after { content: ""; width: 50%; height: 3px; background: #f08300; position: absolute; left: 50%; bottom: 0px; }

.syshukongtxt span { text-align: right; display: block }
.syshukongtxt span em { width: 148px; height: 37px; line-height: 37px; text-align: center; font-size: 18px; color: #fff; background: #000; display: inline-block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }


.syshukongright li a:hover .syshukongtxt span em { background: #f08300; }

.shuzibox { background-image: linear-gradient(#eaebeb, #c3c3c3); padding: 15px 0 40px; margin-bottom: 10px; }
.shuzibox li span { font-size: 68px; display: block; font-weight: 300; height: 102px; }
.shuzibox li { width: 25% }
.shuzibox li em { font-size: 68px; padding-right: 5px; }
.shuzibox li { text-align: center }
.shuzibox li p { height: 38px; border: 2px solid #000; border-radius: 10px; padding: 0px 20px; display: inline-block; font-size: 17px; line-height: 38px; }

.shuzibox li:nth-child(1) { animation-delay: 0.5s; }
.shuzibox li:nth-child(2) { animation-delay: 0.8s; }
.shuzibox li:nth-child(3) { animation-delay: 1.1s; }
.shuzibox li:nth-child(4) { animation-delay: 1.4s; }



/*.syshukongright li:nth-child(1){animation-delay:0.5s;}
.syshukongright li:nth-child(2){animation-delay:0.8s;}
.syshukongright li:nth-child(3){animation-delay:1.1s;}*/

.newsbj { background: url("../images/huobanbj.jpg") no-repeat bottom center; background-size: 100% auto; padding-bottom: 5% }

.dibubj { }

.synewsleft { padding-top: 84px; position: relative; width: 32.24%; background: url("../images/hse3.png") no-repeat left top; background-size: 100% auto; padding-left: 2.42% }

.synewsright { background: #fff; width: calc(64.6% - 30px); padding-right: 30px; position: relative; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2) }

.synewsright:before { height: 50%; width: 30px; position: absolute; top: 0px; right: 0px; background: #000000; content: ''; }
.synewsright:after { height: 50%; width: 30px; position: absolute; top: 50%; right: 0px; background: #f08300; content: ''; }


.pd20 { padding: 20px; }

.synewspics { width: calc(42.5% - 2px); border: 1px solid #c0c0bf }
.synewstxes { width: 54% }
.synewtit h2 { font-size: 20px; font-weight: normal; width: calc(100% - 100px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.synewtit em { color: #a6a6a6; font-family: arial; text-align: left; width: 70px; font-size: 12px; padding-top: 5px }

.synewstxes h3 { font-weight: normal; width: calc(100% - 100px); font-size: 18px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.synewsxia { margin-top: 10% }
.synewsxia p { width: calc(100% - 100px); font-size: 14px; color: #3f3f3f; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.8 }

.synewsxia em { color: #a6a6a6; text-align: left; width: 70px; text-decoration: underline; font-size: 14px; }

.synewsbot { border-top: 1px solid #dbdbdb; padding-top: 5%; margin-top: 5% }

.nsucx em { width: 25px; height: 25px; background: #f08300; color: #fff; font-size: 16px; text-align: center; line-height: 25px; margin-right: 10px; }

.nsucx p { width: calc(100% - 35px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 14px; }
.synewsbot li { margin-top: 30px; }
.synewsbot li:nth-child(1) { margin-top: 0px; }
.synewsbot li span { color: #a6a6a6; text-align: left; width: 70px; text-decoration: underline; font-size: 14px; }

.nsucx { width: calc(100% - 100px); }

.synewsbot li a:hover span { color: #f08300; }
.synewstop a:hover .synewsxia em { color: #f08300; }

.synewsleft .swiper-pagination { bottom: 20px; width: 100%; text-align: right; right: 0px; }
.synewsleft .swiper-pagination-bullet { width: 40px; background: rgba(0,0,0,0.2); height: 10px; border-radius: 10px; opacity: 1; margin-right: 10px; }

.synewsleft .swiper-pagination-bullet-active { background: #f08300; }


.syhuobanright { width: 64.6%; position: relative; }
.syhuobanright .swiper-slide { background: #fff; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2) }

.syhuobanright .swiper-button-next { width: 18px; height: 70px; background: url("../images/rightan.png") no-repeat center center rgba(0,0,0,0.2); border-radius: 0; right: 1px; background-size: 40% auto; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.syhuobanright .swiper-button-prev { width: 18px; height: 70px; background: url("../images/leftan.png") no-repeat center center rgba(0,0,0,0.2); border-radius: 0; left: 1px; background-size: 40% auto; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }


.syhuobanright:hover .swiper-button-next { opacity: 1 }
.syhuobanright:hover .swiper-button-prev { opacity: 1 }

.footerbj { background: #333333; color: #fff }

.foottel { background: url("../images/telico.png") no-repeat left 5px; font-size: 20px; padding-left: 25px; background-size: 18px auto; }
.foottel a { color: #fff }

.dizhisc { line-height: 2; margin-top: 30px }

.dizhisc h3 { font-size: 14px; font-weight: normal }


.footright li { margin-left: 8px; text-align: center }
.footright li img { display: inline-block; max-width: 86px; }
.footright li p { margin-top: 10px; }

.fotbot { background: #000; padding: 20px 0px; color: #fff }
.fotbot a { color: #fff }
.fotbot a:hover { color: #f08300 }


.fudong { position: fixed; right: 2%; top: 50%; z-index: 9999; display: none }
.fudong li { margin-bottom: 3px; cursor: pointer; position: relative; }

.fudong li > a { background: #f08300; width: 50px; height: 50px; display: block; border-radius: 5px; overflow: hidden }

.fudown { min-height: 50px; border-radius: 5px; background: #f08300; position: absolute; right: 100%; width: 180px; color: #fff; font-size: 18px; top: 0px; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; visibility: hidden }

.fudown .zuo { padding: 0px 10px 0px 10px; height: 50px }
.fudown .zuo img { max-width: 40px; margin-right: 10px; }
.fudown a { color: #fff }
.fudong li:hover .fudown { right: 53px; opacity: 1; visibility: visible }

.erweima p { text-align: center; }
.erweima img { width: 120px; display: inline-block; }
.erweima { padding: 20px; text-align: center; }


.nybanner { position: relative }
.nybanner > img { width: 100% }

.nybanner h2 { position: absolute; left: 50%; top: 60%; transform: translate(-50%,-50%); color: #fff; font-size: 50px; font-weight: 100; height: 70px; line-height: 70px; border-radius: 70px; border: 3px solid #fff; padding: 0px 50px; }

.nyabout { padding-bottom: 80px; }
.nyaboutnav { padding-top: 45px; }
.nyaboutnav li { min-width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; margin: 0px 6px; }

.nyaboutnav li a { background: #dddddd; color: #fff; display: block }
.nyaboutnav li a:hover { background: #000 }

.nyaboutnav li.cur a { background: #000 }


.nyabouttxt { margin: 0 auto; padding: 80px 0px 60px; line-height: 1.8; text-align: justify }

/*.nyabouttxt p{text-indent: 2em; padding-top: 10px;}*/
.nyabouttxt h2 { font-size: 24px; }


.abpicbox { max-width: 820px; margin: 0 auto; }
.abpicbox img { max-width: 24% }



.honortit { text-align: center }
.honortit h2 { font-size: 45px; display: inline-block; position: relative; line-height: 1.2; padding: 0px 20px; }
.honortit h2:before { background: #f08300; height: 50%; content: ""; width: 100%; position: absolute; left: 0px; z-index: -1; bottom: 0px; }


.honortit { margin-top: 70px; margin-bottom: 38px; }

.nyhonorbox { max-width: 1080px; margin: 0 auto; padding-bottom: 140px }
.honorlist li { width: calc(33.3% - 36px); float: left; margin-left: 16px; margin-bottom: 16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 10px; }

.honorlist li a { height: 225px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.honorlist li a img { max-height: 100% }
.honorlist ul { width: calc(100% + 16px); margin-left: -16px; }

.honortxt { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.honortxt p { max-width: 90%; text-align: center }

.honorlist li:hover .honortxt { opacity: 1 }

.honortable table { width: 100% }
.honortable td { border: 1px solid #fff; text-align: center; padding: 10px; font-size: 14px; }

.honortable tr:nth-child(even) { background: #d5d5d5; }
.honortable tr:nth-child(odd) { background: #f8f8f8; }
.honortable th { background: #5e5e5e; color: #fff; padding: 10px; font-size: 16px; }



.nyjiagou { max-width: 1000px; margin: 0 auto; padding-top: 60px; }

.nycontact { max-width: 1020px; margin: 0 auto; padding: 60px 0px; }

.nycontleft { width: 50%; padding-right: 4%; border-right: 1px solid #d0d0d0 }

.nycontleft li h3 { font-stretch: 18px; border-bottom: 1px solid #000; padding: 5px 0px; display: inline-block; margin-bottom: 10px; }

.nycontleft li { font-size: 14px; line-height: 1.8; margin-bottom: 40px; }

.nycontleft li:last-child { margin-bottom: 0px; }

.nycontright { width: 40%; padding-top: 10px; }
.nycontright li { margin-bottom: 20px; }
.nycontright li p { font-size: 14px; margin-bottom: 5px; }

.inputtext { border: 1px solid #d0d0d0; height: 32px; width: calc(100% - 22px); padding: 0px 10px }

.textarea { border: 1px solid #d0d0d0; height: 150px; width: calc(100% - 22px); padding: 10px; }

.wh40 { width: 40% }

.wh55 { width: 55% }

.yanzhengs .inputtext { width: 20% }
.yanzhengs span { color: #b5b5b5; padding: 0 20px; font-size: 14px; }

.yazmx { width: 80px; height: 30px; }

.tijiao { width: 104px; height: 32px; background: #000; color: #fff; font-size: 14px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; margin-top: 30px; }
.tijiao:hover { background: #f08300; }



.nydevelopment { max-width: 900px; margin: 0 auto; background: url("../images/fazbj.png") repeat-y center 46px; margin-top: 105px; margin-bottom: 105px; }

.nydevelopment ul { position: relative; padding-top: 46px }
.nydevelopment ul:before { content: ""; position: absolute; left: 50%; transform: translate(-50%,0); top: 0px; background: #f08300; width: 10px; height: 100% }



.nydevelopment li:nth-child(even) { display: flex; flex-direction: row; justify-content: flex-end; align-content: center; align-items: center; }

.nydevelopment li:nth-child(odd) { text-align: right }
.fazhantxt { width: calc(50% - 80px); padding: 0 40px; }
.fazhantxt h3 { font-size: 48px; color: #f08300; line-height: 1; position: relative }
.fazhantxt h3:before { content: ""; position: absolute; transform: translate(0%,-50%); top: 50%; background: #f08300; width: 40px; height: 40px; border-radius: 100% }

.nydevelopment li:nth-child(even) .fazhantxt h3:before { left: -60px; }
.nydevelopment li:nth-child(odd) .fazhantxt h3:before { right: -60px; }

.fazhantxt h4 { font-size: 16px; padding: 15px 0px; }
.fazhantxt p { line-height: 1.8 }




.nynewsnav li { min-width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; margin: 0px 6px; }

.nynewsnav li a { background: #dddddd; color: #fff; display: block }
.nynewsnav li a:hover { background: #000 }

.nynewsnav li.cur a { background: #000 }



.nynewsbox { max-width: 1060px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); margin: 50px auto 70px; padding: 42px 0px; }


.nynewsleft { width: calc(70% - 1px); border-right: 1px solid #dddddd }


.nynewslist ul { padding: 20px 8% }
.nynewslist li { padding: 20px 0; border-bottom: 1px solid #dddddd }
.nynewslist li:last-child { border: none }
.nynewspics { width: calc(38% - 2px); border: 1px solid #bfbfbf; height: 160px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.nynewstxes { width: 58% }
.nynewtit { margin-bottom: 5px; }
.nynewtit h2 { font-size: 16px; font-weight: normal; width: calc(100% - 100px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.nynewtit em { color: #a6a6a6; font-family: arial; text-align: left; width: 70px; font-size: 12px; padding-top: 5px; }

.nynewstxes h3 { font-weight: normal; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.nynewsxia { margin-top: 5% }
.nynewsxia p { font-size: 14px; color: #3f3f3f; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.8 }

.nynewsxia em { color: #a6a6a6; text-align: right; display: block; margin-top: 10px; }


.nynewslist li a:hover .nynewsxia em { color: #f08300; }

.newspage { padding: 0px 5% }
.pageleft { width: 20% }
.pagecenter { width: 40% }
.pageright { width: 40% }
.pagecenter a { width: 84px; height: 30px; background: #000; color: #fff; font-size: 18px; text-align: center; line-height: 30px; margin: 0px 7px; }
.pagecenter a:hover { background: #f08300; }
.pageright { font-size: 18px; }
.pageright select { padding: 0px 20px 0px 10px; height: 28px; text-align: center; border: 1px solid #d9d9da; margin-right: 5px; font-size: 16px; font-weight: bold; background: url("../images/fotdown.png") no-repeat 84% center; background-size: 8px auto }
.pageright input[type="button"] { width: 62px; height: 28px; background: #000; color: #fff; margin-left: 10px; font-size: 20px; }
.pageright input[type="button"]:hover { background: #f08300; }
.nynewsright { width: 30% }


.nynewsrighthezi { padding: 0px 13%; }
.nynewsrighttit { text-align: center; }
.nynewsrighttit h2 { font-weight: 300; font-size: 30px; padding-bottom: 5px; position: relative }
.nynewsrighttit h2:before { content: ""; width: 50%; height: 3px; background: #000; position: absolute; left: 0px; bottom: 0px; }
.nynewsrighttit h2:after { content: ""; width: 50%; height: 3px; background: #f08300; position: absolute; left: 50%; bottom: 0px; }

.nynewsrighthezi ul { margin-top: 22px; }
.nynewsrighthezi li { margin-bottom: 13px; }
.nynewsrighthezi li em { width: 25px; height: 25px; background: #cccccc; color: #fff; font-size: 16px; text-align: center; line-height: 25px; margin-right: 5px; }
.nynewsrighthezi li a { width: calc(100% - 30px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.nynewsrighthezi li:nth-child(1) em { background: #f08300; }
.nynewsrighthezi li:nth-child(2) em { background: #f08300; }
.nynewsrighthezi li:nth-child(3) em { background: #f08300; }



.weixisnkan { text-align: center; margin-top: 40px; }
.weixisnkan h2 { padding: 0px 5px; padding-bottom: 5px; }
.wixs { border: 1px solid #ddd; display: inline-block }

.soxnac { padding: 15px 0px; }

.nynewsshow { max-width: 1000px; margin: 0 auto }
.mianbao { padding: 30px 0px; font-size: 20px; }

.newsshowtit { text-align: center; padding: 50px 0px; }

.newsshowtit h1 { font-size: 36px; display: inline-block; position: relative; line-height: 1.2; padding: 0px 20px; text-align: left; }
.newsshowtit h1:before { background: #f08300; height: 30%; content: ""; width: 100%; position: absolute; left: 0px; z-index: -1; bottom: 0px; }

.newsshowtit h2 { font-weight: 300; font-size: 24px; padding-top: 15px; }

.newsshowtit p { color: #a6a6a6; font-size: 18px; margin-top: 30px; }


.nynewstxt { padding-bottom: 130px; }

/*.nynewstxt{font-size: 18px; line-height: 1.8; padding-bottom: 130px;}*/


.nynewstxt img { display: inline-block; max-width: 600px; }
.nynewstxt table { width: 100% }
.updown { margin-bottom: 70px; }
.updown a { background: #000; color: #fff; font-size: 20px; height: 30px; padding: 0px 15px; line-height: 30px; max-width: 45%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.updown a:hover { background: #f08300; }

.nydown { max-width: 1080px; margin: 0 auto; padding-top: 55px; }
.nydownnav a { height: 50px; display: block; background: #959595; color: #fff; font-size: 24px; line-height: 50px; width: 50%; text-align: center }

.nydownnav a.cur { background: #f08300; }
.nydownnav a:hover { background: #f08300; }

.nydownbox { margin-top: 50px; margin-bottom: 110px; }
.nydownleft { width: 30.8%; }
.nydownleft li { position: relative; margin-bottom: 10px; }
.nydownleft li.cur img.show { display: none }
.nydownleft li.cur img.none { display: block }

.nydownleft li:hover img.show { display: none }
.nydownleft li:hover img.none { display: block }



.nydownleft li:last-child { margin-bottom: 0px; }
.bitxts { position: absolute; font-size: 30px; top: 24px; right: 20px; text-align: right; line-height: 1.2; color: #fff }

.nydownright { width: calc(69.2% - 10px); border: 5px solid #f08300 }

.nydownlist { padding: 40px; padding-bottom: 20px; }
.nixstit { margin-bottom: 10px; margin-top: 20px; }
.nixstit h2 { display: inline-block; height: 46px; border: 2px solid #f08300; border-radius: 46px; padding: 0px 20px; font-size: 36px; color: #f08300; line-height: 46px; font-weight: normal; font-weight: 300; }
.nydownlist li { padding: 15px 0px; }
.nydownlist li p { font-size: 20px; font-weight: 300; width: calc(100% - 130px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.nydownlist li a { width: 124px; height: 40px; background: #f08300; text-align: center; line-height: 40px; color: #fff; font-size: 20px; font-weight: 300 }
.nydownlist li a:hover { background: #000 }
.nydownlist li p span { color: #f08300 }


.nydownlist ul { margin-top: 40px; }

.nydownlist emptytemplate, emptytemplate { text-align: center; color: #999; font-size: 20px; padding-top: 100px; display: block }

.pageupdown { margin-top: 40px; }
.pageupdown a { width: 125px; height: 52px; background: #000; color: #fff; font-size: 20px; text-align: center; line-height: 52px; margin: 0px 20px; }
.pageupdown a:hover { background: #f08300; }


.nyprolist { padding: 100px 0px; max-width: 1000px; margin: 0 auto }
.nyprolist ul { width: calc(100% + 40px); margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.nyprolist li { width: calc(25% - 40px); float: left; margin-left: 40px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); position: relative; margin-bottom: 40px; }
.nyprolist li a { position: relative; overflow: hidden; display: block }
.nyprolist li a > p { color: #fff; background: #000; text-align: center; font-size: 16px; height: 40px; line-height: 20px; font-weight: 300; padding: 5px 5px; }

.nyprolist li a > p span { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }


.jianceprotxt { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.8); color: #fff; width: 100%; height: 100%; transform: translateY(100%); transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; opacity: 0; z-index: 9 }

.jianceprowenz { width: 85%; }
.jianceprowenz h2 { font-weight: 300; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 10px; line-height: 1.2; font-size: 16px; }
.jianceprowenz p { line-height: 1.6; font-size: 12px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden }

.hot:before { content: ""; width: 50px; height: 53px; background: url("../images/hot.png") no-repeat center center; background-size: 100% auto; position: absolute; left: -5px; top: -5px; z-index: 8 }
.nyprolist li a:hover .jianceprotxt { transform: translateY(0); opacity: 1 }


.nyproshowbox { max-width: 1036px; margin: 0 auto; padding-bottom: 106px; }
.nyproshowbox img { display: inline-block }
.nyproshowtopleft { width: 37% }

.nyproshowtop { margin-bottom: 50px; margin-top: 20px; }

.nyproshowtop.proBox { margin-bottom: 0; }

.nyproshowtopright { text-align: right; line-height: 1.2; width: 60%; position: relative; padding-bottom: 20px; }

.nyproshowtopright h1 { font-size: 50px; font-weight: bold; }
.nyproshowtopright h2 { color: #9b9b9b; font-size: 40px; }

.nyproshowtopright:before { content: ""; width: 60%; height: 8px; background: #9b9b9b; position: absolute; left: 0px; bottom: 0px; }
.nyproshowtopright:after { content: ""; width: 40%; height: 8px; background: #f08300; position: absolute; left: 60%; bottom: 0px; }


.protit { border-bottom: 8px solid #f08300; position: relative; height: 40px; }
.protit h3 { font-size: 40px; font-weight: bold; position: absolute; left: 0px; display: inline-block; line-height: 1.2; bottom: -10px; z-index: 1 }
.protit h3:before { background: #9b9b9b; height: 14px; content: ""; width: 100%; position: absolute; left: 0px; z-index: -1; bottom: 0px; }



.protit:before { content: ""; width: 18px; height: 18px; border-radius: 100%; background: #f08300; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%) }
.protit:after { content: ""; width: 18px; height: 18px; border-radius: 100%; background: #000; position: absolute; right: 28px; top: 50%; transform: translate(0,-50%) }



.jianjietxt { padding: 40px 0px;; }


/*.jianjietxt{font-size:18px; padding:40px; ; line-height: 1.8}
.jianjietxt p{padding-top: 10px;}*/
.jianjietxt table { width: 100% }



.jianjietxt td { border: 1px solid #fff }


.jianjietxt td p { padding-top: 0px; }


.proyoushi { padding: 50px 0px 30px; }
.proyoushi li { width: 50%; float: left }

.youshiico { width: 30%; text-align: center; padding-top: 10px }
.youshiico img { display: inline-block; width: 90%; max-width: 80px; }
.youshitxt { width: 70%; font-size: 20px; height: 186px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden }

.youshitxt h4 { font-size: 30px; color: #ee6f2e; margin-bottom: 10px; }

.canshubox { padding: 50px 0px 50px; text-align: center }
.canshubox img { display: inline-block }

.jiagoupicbox { padding: 50px 0px 50px; text-align: center }
.jiagoupicbox img { display: inline-block }


.jiagoupicbox { padding: 50px 0px 50px; text-align: center }
.jiagoupicbox img { display: inline-block }
.xiangguanprobox { position: relative }
.xiangguanprobox .swiper-container { padding: 10px; }
.xiangguanprobox .swiper-slide { box-shadow: 0px 0px 10px rgba(0,0,0,0.05); position: relative; }
.xiangguanprobox .swiper-slide a { position: relative; overflow: hidden; display: block }
.xiangguanprobox .swiper-slide a > p { color: #fff; background: #000; text-align: center; font-size: 20px; height: 45px; line-height: 45px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 300; }

.xiangguanprobox .swiper-slide a:hover .jianceprotxt { transform: translateY(0); opacity: 1 }

.xiangguanprobox .swiper-button-prev { width: 0; height: 0; border-top: 50px solid transparent; border-right: 30px solid #f08300; border-bottom: 50px solid transparent; background: none; left: -40px; margin-top: -50px }

.xiangguanprobox .swiper-button-next { width: 0; height: 0; border-top: 50px solid transparent; border-left: 30px solid #f08300; border-bottom: 50px solid transparent; background: none; right: -40px; margin-top: -50px }

.xiangguanprobox .swiper-pagination { bottom: 0px; width: 100%; }
.xiangguanprobox .swiper-pagination-bullet { width: 10px; background: rgba(0,0,0,0.2); height: 10px; border-radius: 10px; opacity: 1; margin-right: 10px; }

.xiangguanprobox .swiper-pagination-bullet-active { background: #f08300; }


.proshowdownload { text-align: center; display: none }
.proshowdownload h3 { font-size: 24px; font-weight: normal }
.proshowdownload p { padding: 10px 0px; }
.proshowdownload p a { color: #f08300; border-bottom: 1px solid #f08300; padding: 3px 0px; display: inline-block; font-size: 24px; }

.downpicshx { }

.xiangguanpro { margin-bottom: 5% }



.downpicshx a { overflow: hidden; position: relative; display: block }
.downpicshx a img { transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width: 100% }

.downpicshx a:hover > img { transform: scale(1.02); -webkit-transform: scale(1.02); }

.nyshukongpro { padding: 60px 0px; }
.nyshukongpro li { margin-bottom: 50px; }
.nyshukongpro li .fangdapic { width: 25.8%; }
.shukongproright { width: 74.2%; background-repeat: no-repeat; background-position: right center; background-color: #dddddd; background-size: auto 100% }

.shukongprotxt { padding: 50px 45px; }

.shukongprotxt h3 { font-size: 22px; font-weight: 300; display: inline-block; padding-bottom: 5px; position: relative; margin-bottom: 24px; }
.shukongprotxt h3:before { content: ""; width: 50%; height: 4px; background: #000; position: absolute; left: 0px; bottom: 0px; }
.shukongprotxt h3:after { content: ""; width: 50%; height: 4px; background: #f08300; position: absolute; left: 50%; bottom: 0px; }

.shukongprotxt p { line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 72px; margin-bottom: 20px; }

.nyshukongpro li a { color: #000 }

.nyshukongpro li .you span { background: #000; text-align: center; width: 200px; height: 50px; font-size: 18px; line-height: 50px; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.nyshukongpro li a:hover .you span { background: #f08300; }

.nyshukongpro li a:hover .shukongprotxt h3 { color: #f08300 }

.shukongproyoushi ul { text-align: center }
.shukongproyoushi li { text-align: center; display: inline-block; width: calc(40% - 110px); padding: 28px; margin: 2%; border: 2px dashed #f08300; border-radius: 10px; vertical-align: top }

.shukongico { text-align: center; height: 80px; }
.shukongico img { display: inline-block; max-width: 140px; }

.shukongtxt h4 { font-size: 30px; color: #ee6f2e; margin: 20px 0px; }

.shukongtxt p { text-align: left; font-size: 20px; min-height: 150px; }


.shukongproyoushi { padding: 60px 0px; }


.fananban { position: absolute; left: 50%; top: 56%; color: #fff; transform: translate(-50%,-50%); text-align: center; max-width: 490px; }

.fananban h3 { font-size: 50px; font-weight: 100; border-bottom: 2px solid #fff; padding: 10px; }
.fananban p { font-size: 18px; padding: 10px 4% }


.solutionboxs { padding-top: 65px; padding-bottom: 40px; }


.slider-nav { background: #000; height: 50px; line-height: 50px; }

.slider-nav a { color: #fff; font-size: 18px; padding: 0px 35px; font-weight: 300; display: block }

.slider-nav .slick-active a { background: #f08300; display: block }

.slider-nav .slick-prev { width: 46px; height: 50px; background: no-repeat; border: none; background: url("../images/banleftan.png") no-repeat center center; font-size: 0; position: relative; background-size: 15px auto; cursor: pointer }
.slider-nav .slick-next { width: 46px; height: 50px; background: no-repeat; border: none; background: url("../images/banrightan.png") no-repeat center center; font-size: 0; position: relative; background-size: 15px auto; cursor: pointer }

.slider-nav .slick-list { width: calc(100% - 92px); }

.slider-for { border: 1px solid #bdbdbd; border-top: none }
.solutionhezi .shang { padding: 50px 80px 50px 60px; }

.solutionhezipic { width: 30%; position: relative; box-shadow: -20px 20px 0px rgba(208,126,40,0.5); display: flex; align-items: flex-end; flex-direction: row; justify-content: space-between; }

.solutionhezipic img.none { display: none }


.solutionhezi:before { width: 100%; height: 40%; top: 0px; position: absolute; z-index: -1; background: #f08300; content: ""; }


.solutionheziright { width: 60% }
.solutionheziright h2 { border: 2px solid #fff; border-radius: 50px; text-align: center; font-weight: 300; color: #fff; display: inline-block; padding: 10px 25px; font-size: 20px; }

.solutionhezirighttxt { font-size: 16px; margin-top: 15%; margin-bottom: 3.5%; line-height: 1.8 }

.solutionhezirighttxt p { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }


.solutionmore a { width: 160px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #000; font-size: 18px; }
.solutionmore a:hover { background: #f08300; }

.solutioncasetit { padding: 50px 0px 40px; }
.solutioncasetit h2 { height: 42px; border: 2px solid #f08300; padding: 0px 20px; border-radius: 42px; line-height: 42px; color: #f08300; font-weight: 300; font-size: 36px; }


.solutioncase { max-width: 1036px; margin: 0 auto }
.solutioncase li { float: left; width: calc(33.3% - 32px); border: 1px solid #bdbdbd; text-align: center; margin-bottom: 40px; margin-left: 30px; }


.solutioncase ul { width: calc(100% + 30px); margin-left: -30px; }
.solutioncase li a { padding: 20px; display: block }

.solutioncase li a .fangdapic { margin: 20px; margin-bottom: 0px; height: 241px; }
.solutioncase li p { font-size: 20px; border-bottom: 1px solid #000; padding: 15px 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 56px; line-height: 28px; }

.solutioncase li span { width: 160px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #000; font-size: 18px; display: inline-block; margin-top: 20px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.solutioncase li a:hover span { background: #f08300; }


.solutionimgbox { text-align: center; padding: 40px 0px; }
.solutionimgbox img { display: inline-block }
.solutionimgbox p { padding-top: 10px; }

.anniuboxsc { padding: 60px 0px; }
.anniuboxsc img { display: inline-block }
.casebiaoti h2 { color: #f08300; font-size: 32px; position: relative; line-height: 1; padding-left: 30px }
.casebiaoti h2:before { height: 100%; width: 18px; background: #f08300; content: ""; left: 0px; top: 50%; transform: translate(0, -50%); position: absolute; }

.ptnone { padding-top: 0px; }

.searchbox { max-width: 1000px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; }

.seartit h2 { font-weight: 300; font-size: 40px; position: relative; display: inline-block }


.seartit h2:before { content: ""; width: 50%; height: 4px; background: #000; position: absolute; left: 0px; bottom: 0px; }
.seartit h2:after { content: ""; width: 50%; height: 4px; background: #f08300; position: absolute; left: 50%; bottom: 0px; }


.seartit p { font-size: 16px; }

.seartit p span { color: #f08300; margin-right: 10px; }
.seartit p em { color: #f08300; }


.searbiaoti { padding: 60px 0px 30px }
.searbiaoti h3 { font-weight: 300; font-size: 36px; height: 52px; border: 2px solid #000; padding: 0px 30px; line-height: 52px; border-radius: 52px; }


.sousulist li { padding: 20px 0; border-bottom: 1px solid #dddddd }
.sousulistpics { width: calc(24% - 2px); border: 1px solid #bfbfbf }
.sousulisttxes { width: 72% }

.sousulisttxes h2 { font-size: 20px; font-weight: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 15px; }

.sousulist li span { color: #f08300 }
.nynewsxia { margin-top: 5% }
.sousulisttxes p { font-size: 14px; color: #3f3f3f; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.8 }

.sousulisttxes em { color: #a6a6a6; text-align: right; display: block; margin-top: 10px; }


.sousulist li a:hover .sousulisttxes em { color: #f08300; }


.searprobox { padding: 30px 0; border-bottom: 1px solid #dddddd; }

.seardown { padding: 0px }

.tongganbox { max-width: 1080px; margin: 0 auto; padding: 55px 0px 70px }

.tonggancontent { padding: 48px 7.5% }







.tonggantit { text-align: center }
.tonggantit h2 { font-size: 50px; display: inline-block; position: relative; line-height: 1.2; padding: 0px 20px; }
.tonggantit h2:before { background: #f08300; height: 50%; content: ""; width: 100%; position: absolute; left: 0px; z-index: -1; bottom: 0px; }


.tonggantit { margin-top: 70px; margin-bottom: 38px; }

.tongganruanjian { border: 1px solid #d9d9d9; padding: 30px; padding-bottom: 0px; }

.tongganleft { width: 40% }


.tongganright { width: 55% }


.tonggantxt h2 { background: #000; height: 55px; line-height: 55px; border-radius: 55px; color: #fff; font-weight: 300; font-size: 32px; text-align: center; display: inline-block; padding: 0px 35px; display: inline-block; margin-bottom: 20px; }
.tonggantxt { font-size: 16px; }
.tonggantxt p span { font-weight: bold; color: #f08300 }
.tonggantxt { text-align: right }

.tonggandown { margin-top: 20px; }

.tonggandown { text-align: center }

.erweimxs { border: 1px solid #d9d9d9; width: 120px; }

.tonggandown li:nth-child(1) { margin-right: 50px; }

.tonggandown li p { padding: 10px 0px; }

.tonggandown li .erweimxs p { padding: 0px; }
.applyboxs { padding: 50px 0px; }


.applytit h2 { height: 42px; border: 2px solid #f08300; padding: 0px 20px; border-radius: 42px; line-height: 42px; color: #f08300; font-weight: 300; display: inline-block }

.applyboxs h3 { text-align: center; font-size: 18px; font-weight: 300; padding: 40px 0px; }


.applyboxs ul { max-width: 500px; margin: 0 auto }
.applyboxs li span { width: 100%; font-size: 18px; font-weight: 300; display: block; margin-bottom: 15px; }
.applyboxs li span em { color: #f08300 }
.applyboxs li p { width: 100%; margin-bottom: 15px; }
.applyinput { height: 38px; border: 1px solid #8f8f8f; padding: 0px 10px; width: calc(100% - 22px) }

.qitaxuqiu { height: 160px; border: 1px solid #8f8f8f; padding: 10px; width: calc(100% - 22px) }

.tijiaotwo { width: 142px; height: 50px; background: #000; color: #fff; font-size: 20px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; margin-top: 30px; }
.tijiaotwo:hover { background: #f08300; }




.nynavselect { position: relative; width: 100%; color: #999999; vertical-align: middle; text-align: left; user-select: none; -webkit-touch-callout: none; margin: 30px 0px; display: none; z-index: 9999 }

.nynavselect .placeholder { position: relative; display: block; background-color: #000; z-index: 1; height: 40px; line-height: 40px; font-size: 20px; cursor: pointer; padding-left: 20px; border: 1px solid #000; color: #fff; }

.nynavselect .placeholder:after { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 10; background: url("../images/selectxiah2.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto }
.nynavselect.is-open .placeholder:after { background: url("../images/selectxiah.png") no-repeat center center; background-size: 100% auto }
.nynavselect.is-open ul { display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.05) }

.nynavselect ul { display: none; position: absolute; overflow: hidden; width: 100%; background: #fff; border-radius: 5px; top: 100%; left: 0; padding: 10px 0; z-index: 100; font-size: 18px; }
.nynavselect ul li { display: block; text-align: left; color: #999; cursor: pointer; }
.nynavselect ul li a { display: block; padding: 10px 40px; }





.scroll { position: absolute; bottom: 10px; left: 50%; z-index: 99; text-align: center; transform: translate(-50%,0); cursor: pointer; opacity: 0.8 }

.scroll_ico { -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite; width: 40px; margin: 0 auto; }
.scroll p { color: #fff; font-size: 18px; margin-top: 10px }



.top.cur .lang-switch > a { color: #000; line-height: 80px; }
.top.cur lang-switch:hover > a { color: #f08300 }
.top.cur lang-switch.cur > a { color: #f08300 }
.lang-switch > a { color: #fff; }


@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}