@charset "utf-8";.bottom-tel-box{display: none}
@media (max-width: 749px){.bottom-tel-box{display: block;position: fixed;bottom: 0;width: 100%;padding: 10px 20px;z-index: 9999;background: rgba(0, 0, 0, 0.5)}
.bottom-tel-box .tel-box{width: 100%;height: 35px;line-height: 35px;text-align: center;background: #e1eefa}}
*{outline: none}
a, hr{padding: 0}
a, button, input, select, textarea, hr{margin: 0}
article, aside, details, figure, footer, header, hr, nav, section, summary{display: block}
/*header{*//* margin: 0;*//* padding: 0;*//* border: 0;*//* !*font-size: 100%;*!*//* font-weight: 400;*//* vertical-align: baseline;*//* background: 0 0*//*}*//*abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video{*//* margin: 0;*//* padding: 0;*//* border: 0;*//* font-size: 100%;*//* font-weight: 400;*//* vertical-align: baseline;*//* background: 0 0*//*}*/input[type=checkbox], th{vertical-align: bottom}
strong, th{font-weight: 700}
html{box-sizing: border-box;overflow-y: scroll}
*, :after, :before{box-sizing: inherit}
embed, img, object{max-width: 100%}
ul{list-style: none}
blockquote, q{quotes: none}
blockquote:after, blockquote:before, q:after, q:before{content: '';content: none}
a{font-size: 100%;vertical-align: baseline;background: 0 0}
del{text-decoration: line-through}
abbr[title], dfn[title]{border-bottom: 1px dotted #000;cursor: help}
table{border-collapse: collapse;border-spacing: 0;font: 100%}
td{font-weight: 400;vertical-align: top}
hr{height: 1px}
input, select{vertical-align: middle}
pre{white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word}
input[type=radio]{vertical-align: text-bottom}
.ie7 input[type=checkbox]{vertical-align: baseline}
.ie6 input{vertical-align: text-bottom}
input, select, textarea{font: 99% sans-serif}
small{font-size: 85%}
td, td img{vertical-align: top}
sub, sup{font-size: 75%;line-height: 0;position: relative}
sup{top: -0.5em}
sub{bottom: -0.25em}
code, kbd, pre, samp{font-family: monospace, sans-serif}
.clickable, button, input[type=button], input[type=file], input[type=submit], label{cursor: pointer}
button, input[type=button]{width: 100%;height: 50px;border: none;background: #e23433;color: #fff;overflow: visible}
.ie7 img{-ms-interpolation-mode: bicubic}
.clearfix:after, .clearfix:before{content: "\0020";display: block;height: 0;overflow: hidden}
.clearfix:after{clear: both}
.clearfix{zoom: 1}
a{text-decoration: none;border: none;color: inherit}
input, button, select, textarea{outline: none}
textarea{resize: none}
input{font-family: "microsoft yahei";-webkit-appearance: none}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust: 100%}
em, i{font-style: normal}
@font-face{font-family: 'akzidenz-grotesk_bqregular';src: url('../fonts/akzidenzgroteskbq-medium.eot');src: url('../fonts/akzidenzgroteskbq-medium.eot') format('embedded-opentype'), url('../fonts/akzidenzgroteskbq-medium.woff') format('woff'), url('../fonts/akzidenzgroteskbq-medium.ttf') format('truetype'), url('../fonts/akzidenzgroteskbq-medium.svg') format('svg');font-weight: normal;font-style: normal}
.font-akz{font-family: 'akzidenz-grotesk_bqregular'}
.iconfont{font-family: "iconfont";font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden}
body{font-family: "Microsoft YaHei", sans-serif;font-size: 16px;color: #444;max-width: 1920px;margin: 0 auto;/* padding-top: 80px;*/background: #fff}
@media (max-width: 991px){body{/* padding-top: 45px*/}}
@media (max-width: 749px){body{font-size: 12px}}
.fl{float: left}
.fr{float: right}
.lazythumb{text-align: center;position: relative;background: #f8f8f8}
.lazythumb img{height: 30px;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;margin-top: -15px}
.animated{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);opacity: 1}

@media (max-width: 991px){
	/*.page-common-title{max-width: 1240px;margin: 0 auto;line-height: 1;text-align: center;margin: 20px;}
.page-common-title h4{font-size: 30px;margin-top: -20px}
.page-common-title p{font-size: 20px;color: #888;margin-top: 10px}
.page-common-title .en{height: 40px;font-size: 40px;line-height: 40px;text-transform: uppercase;font-family: 'akzidenz-grotesk_bqregular';color: #f7f7f7}}*/
.list-page-filp{display: block;text-align: center}
.list-page-filp ul{display: inline-block}
.list-page-filp li{float: left;width: 40px;height: 40px;font-size: 16px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;margin: 0 2px;text-transform: uppercase}
.list-page-filp li:hover{background: #e23433;color: #fff}
.list-page-filp li a{display: block}
.list-page-filp li span{display: block}
.list-page-filp li .iconfont{font-size: 22px}
.list-page-filp .next, .list-page-filp .prev{width: 70px}
.list-page-filp .omit{display: inline-block;width: 40px;height: 40px;font-size: 14px;margin: 0 1px;color: #444;background: #f9f9f9;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;text-transform: uppercase}
.list-page-filp .current{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #e23433;color: #fff;margin: 0 2px}
.list-page-filp .curr{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #e23433;color: #fff}}

@media (max-width: 767px){
.page-common-title h4{font-size: 22px;margin-top: -18px}
.page-common-title{max-width: 750px;margin: 0 auto;line-height: 1;text-align: center}

/*.page-common-title p{font-size: 16px;color: #888;margin-top: 10px}
*/.page-common-title .en{height: 40px;font-size: 40px;line-height: 40px;text-transform: uppercase;font-family: 'akzidenz-grotesk_bqregular';color: #f7f7f7}
.list-page-filp{display: block;text-align: center;font-size: 0}
.list-page-filp li{display: inline-block;width: 30px;height: 30px;font-size: 12px;line-height: 30px}
.list-page-filp .omit{display: inline-block;width: 30px;height: 30px;font-size: 12px;margin: 0 1px;color: #444;background: #f9f9f9;line-height: 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-transform: uppercase}
.list-page-filp .current{display: inline-block;width: 30px;height: 30px;font-size: 12px;line-height: 30px}
.list-page-filp .curr{display: inline-block;width: 30px;height: 30px;font-size: 14px;line-height: 30px;background: #e23433;color: #fff}}
.header-box{width: 100%;height: 100px;position: fixed;top: 0;left: 0;right: 0;z-index: 9999}
.header-box .header-max-content{height: 100px;background: #fff;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 1;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;right: 0;z-index: 9999}
.header-box .max-active-content{-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);opacity: 0}
.header-box .header-logo{padding: 20px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 20px;top: 0;bottom: 0;z-index: 9999}
.header-box .header-logo .logo{float: left;height: 100%}
.header-box .header-logo .logo img{display: block;height: 100%}
.header-box .header-logo .tel-box{float: left;margin-left: 10px;padding: 5px 0 5px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 16px}
.header-box .header-logo .tel-box p{color: #777}
.header-box .header-logo .tel-box p:first-child{letter-spacing: 3px}
.header-box .header-logo .tel-box .tel{font-size: 24px;color: #e23433;margin-top: 5px}
.header-box .header-min-content{height: 70px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translate(0, -70px);-moz-transform: translate(0, -70px);-ms-transform: translate(0, -70px);-o-transform: translate(0, -70px);transform: translate(0, -70px);background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;right: 0;z-index: 9999}
.header-box .header-min-content .header-logo{padding: 10px 0}
.header-box .header-min-content .header-logo .tel-box{float: left;margin-left: 10px;padding: 0 0 0 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 16px}
.header-box .header-min-content .header-logo .tel-box p{color: #777;line-height: 1.2}
.header-box .header-min-content .header-logo .tel-box p:first-child{letter-spacing: 2px}
.header-box .header-min-content .header-logo .tel-box .tel{font-size: 24px;color: #e23433;margin-top: 5px}
.header-box .min-active-content{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.header-box .header-nav-box{display: none;padding: 300px 0 0 0;background: #fff;text-align: center;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999}
.header-box .nav-list{display: inline-block}
.header-box .nav-list > li{float: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list > li:first-child a{border-left: none}
.header-box .nav-list > li > a, .header-box .nav-list > li .arrow-dropdown{display: block;font-size: 30px;line-height: 80px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
}

@media (min-width: 991px){.header-box .nav-list > li > a:hover, .header-box .nav-list > li .arrow-dropdown:hover{color: #e23433}}
.header-box .nav-list > li > .arrow{cursor: pointer}
.header-box .nav-list > li > .arrow span{position: relative}
.header-box .nav-list > li > .arrow span::before{content: "";width: 12px;height: 12px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -20px;top: 50%;margin-top: -8px}
.header-box .nav-list > .curr > a, .header-box .nav-list .curr .arrow{color: #e23433}
.header-box .nav-list > .curr > a::after, .header-box .nav-list .curr .arrow::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.header-box .nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: absolute;top: 80px;left: -100%;right: -100%;}
.header-box .nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.header-box .nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 24px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
@media (min-width: 991px){.header-box .nav-list .dropdown-menu li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.header-box .nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.header-box .nav-btn-box{cursor: pointer;font-size: 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-transform: uppercase;line-height: 20px;position: absolute;top: 60%;right: 20px;margin-top: -8px;z-index: 9999}
.header-box .nav-btn-box-active{color: #e23433}
.header-box .nav-button{float: right;width: 24px;height: 20px;padding: 0;margin-left: 5px;position: relative;background: none;border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .nav-button .icofnot{float: left}
.header-box .nav-button > span{display: block;width: 100%;height: 2px;background: #444;position: absolute;left: 0;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;z-index: 999}
.header-box .nav-button > span:nth-of-type(1){top: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .nav-button > span:nth-of-type(2){width: 80%;top: 50%;margin-top: -1px}
.header-box .nav-button > span:nth-of-type(3){bottom: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .nav-button > span:nth-of-type(4){width: 2px;height: 0;top: 0;left: 50%;bottom: 0;margin: auto 0;margin-left: -1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .nav-button span.two.squize{width: 0}
.header-box .nav-button span.rotate30{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg)}
.header-box .nav-button span.rotate150{-webkit-transform: rotate(150deg);-moz-transform: rotate(150deg);-ms-transform: rotate(150deg);-o-transform: rotate(150deg);transform: rotate(150deg)}
.header-box .nav-button span.rotate45{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
.header-box .nav-button span.rotate135{-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
.header-box .off{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .off span:nth-of-type(1){top: 0;opacity: 1}
.header-box .off span:nth-of-type(3){bottom: 0;opacity: 1}
.header-box .open{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.header-box .open span{background: #e23433}
.header-box .open span:nth-of-type(1){top: 50%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0}
.header-box .open span:nth-of-type(2){width: 100%}
.header-box .open span:nth-of-type(3){bottom: 50%;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.header-box .open span:nth-of-type(4){width: 2px;height: 24px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (max-width: 1024px){.header-box{width: 100%;height: 60px}
.header-box .header-max-content{height: 60px}
.header-box .header-logo{padding: 10px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 20px;top: 0;bottom: 0;z-index: 9999}
.header-box .header-logo .logo{float: left;height: 100%}
.header-box .header-logo .logo img{display: block;height: 100%}
.header-box .header-logo .tel-box{float: left;margin-left: 10px;padding: 0 0 0 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 12px}
.header-box .header-logo .tel-box p{color: #777;line-height: 1.2}
.header-box .header-logo .tel-box p:first-child{letter-spacing: 2px}
.header-box .header-logo .tel-box .tel{font-size: 18px;color: #e23433;margin-top: 5px}
.header-box .header-nav-box{display: none;padding: 60px 0 0 0;background: #fff;text-align: left;overflow-y: auto;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999}
.header-box .nav-list{display: block}
.header-box .nav-list > li{float: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list > li:first-child a{border-left: none}
.header-box .nav-list > li > a, .header-box .nav-list > li .arrow-dropdown{display: block;font-size: 20px;line-height: 60px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list > li > .arrow span{position: relative}
.header-box .nav-list > li > .arrow span::before{content: "";width: 12px;height: 12px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -20px;top: 50%;margin-top: -8px}
.header-box .nav-list > .curr > a{color: #e23433}
.header-box .nav-list > .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.header-box .nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: static;padding-left: 50px}
.header-box .nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.header-box .nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 16px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
.header-box .nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.header-box .nav-btn-box{font-size: 0}}
@media (max-width: 1024px) and (min-width: 991px){.header-box .nav-list > li > a:hover, .header-box .nav-list > li .arrow-dropdown:hover{color: #e23433}}
@media (max-width: 749px){.header-box{width: 100%;height: 60px}
.header-box .header-max-content{height: 60px}
.header-box .header-max-content .header-logo{padding: 10px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 10px;top: 0;bottom: 0;z-index: 9999}
.header-box .header-max-content .header-logo .logo{float: left;height: 100%}
.header-box .header-max-content .header-logo .logo img{display: block;height: 90%}
.header-box .header-min-content{display: none}
.header-box .header-nav-box{display: none;padding: 60px 0 0 0;background: #fff;text-align: left;overflow-y: auto;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999}
.header-box .nav-list{display: block}
.header-box .nav-list > li{float: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list > li:first-child a{border-left: none}
.header-box .nav-list > li > a, .header-box .nav-list > li .arrow-dropdown{display: block;font-size: 20px;line-height: 60px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list > li > .arrow span{position: relative}
.header-box .nav-list > li > .arrow span::before{content: "";width: 12px;height: 12px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -20px;top: 50%;margin-top: -8px}
.header-box .nav-list > .curr > a{color: #e23433}
.header-box .nav-list > .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.header-box .nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: static;padding-left: 50px}
.header-box .nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.header-box .nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 16px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.header-box .nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
.header-box .nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
@media (max-width: 749px) and (min-width: 991px){.header-box .nav-list > li > a:hover, .header-box .nav-list > li .arrow-dropdown:hover{color: #e23433}}
.footer-box{width: 100%;padding-top: 50px}
.footer-box .footer-content{max-width: 1240px;margin: 0 auto;padding: 0 100px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 30.64516129%;padding-right: 30px;text-align: justify}
.footer-box .footer-content .bottom-about .en-img{height: 35px;position: relative}
.footer-box .footer-content .bottom-about .en-img::before{content: "";display: block;width: 70px;border-top: 1px solid;position: absolute;top: 50%;left: -90px}
.footer-box .footer-content .bottom-about .footer-logo{height: 65px;margin-top: 50px}
.footer-box .footer-content .bottom-about .about-text{margin-top: 30px;line-height: 26px}
.footer-box .footer-content .bottom-about .media-link{margin-top: 20px}
.footer-box .footer-content .bottom-about .media-link a{float: left;width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 40px;font-size: 18px;text-align: center;color: #fff;background: #333;margin-right: 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.footer-box .footer-content .bottom-about .media-link a:hover{color: #fff;background: #e23433}}
.footer-box .footer-content .site-map{float: left;width: 25.80645161%;padding-right: 30px}
.footer-box .footer-content .site-map .map-list-box{margin-top: -10px}
.footer-box .footer-content .site-map .map-list{float: left;width: 50%}
.footer-box .footer-content .site-map .map-list li{margin-top: 10px}
.footer-box .footer-content .site-map .map-list a{line-height: 1.6;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;font-size: 16px;text-transform: uppercase}
@media (min-width: 991px){.footer-box .footer-content .site-map .map-list a:hover{color: #e23433}}
.footer-box .footer-content .footer-contact{float: left;width: 28.13225806%;padding-right: 30px}
.footer-box .footer-content .footer-contact p{color: #333;font-size: 16px;margin-top: 5px}
.footer-box .footer-content .footer-contact .contact-tel{margin-bottom: 20px}
.footer-box .footer-content .footer-contact .contact-tel p{font-size: 24px;color: #e23433;margin-bottom: 10px}
.footer-box .footer-content .follow-us{float: right;padding-top: 90px}
.footer-box .footer-content .follow-us .follow-img-box{text-align: center}
.footer-box .footer-content .follow-us .follow-img-box span{display: block;font-size: 16px;margin-top: 10px}
.footer-box .footer-content .follow-us .img-box{width: 120px;background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block}
.footer-box .frien-link-box{max-width: 1240px;margin: 0 auto;padding: 0 20px;padding-bottom: 30px}
.footer-box .frien-link-box h6{float: left;width: 100px;text-align: left;font-size: 18px;margin-top: 2px}
.footer-box .frien-link-box .frien-link-list{margin-left: 100px}
.footer-box .frien-link-box .frien-link-list li{float: left;padding: 5px 0}
.footer-box .frien-link-box .frien-link-list li:first-child a{border-left: none}
.footer-box .frien-link-box .frien-link-list a{display: block;height: 16px;line-height: 16px;padding: 0 15px;font-size: 14px;color: #888;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9}
.footer-box .frien-link-box .frien-link-list a strong{font-weight: 400}
.footer-box .frien-link-box .frien-link-list a:hover{color: #e23433}
.footer-box .bottom-content{width: 100%;border-top: 1px solid #eae9e9;color: #888;padding: 15px 0}
.footer-box .bottom-content > div{max-width: 1240px;margin: 0 auto;padding: 0 10px}
.footer-box .bottom-content > div p{float: left;margin-right: 20px}
.footer-box .bottom-content > div a{float: right;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.footer-box .bottom-content > div a:hover{color: #e23433}}
@media (max-width: 1200px){.footer-box{width: 100%;padding-top: 50px}
.footer-box .footer-content{max-width: 1240px;margin: 0 auto;padding: 0 80px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 50%;height: 300px}
.footer-box .footer-content .bottom-about .en-img{height: 35px;position: relative}
.footer-box .footer-content .bottom-about .en-img::before{display: none}
.footer-box .footer-content .site-map{float: left;width: 50%;height: 300px}
.footer-box .footer-content .footer-contact{float: left;width: 50%;padding-right: 30px}
.footer-box .footer-content .follow-us{float: right;width: 50%;padding-top: 60px}
.footer-box .footer-content .follow-us .img-box{width: 180px;background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block;width: 100%}}
@media (max-width: 991px){.footer-box{width: 100%;padding-top: 50px}}
@media (max-width: 749px){.footer-box{width: 100%;padding-top: 50px;padding-bottom: 50px}
.footer-box .footer-content{max-width: 450px;margin: 0 auto;padding: 0 20px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 100%;height: auto;padding-right: 0px;text-align: center}
.footer-box .footer-content .bottom-about .footer-logo{height: 65px;margin-top: 30px}
.footer-box .footer-content .bottom-about .about-text{margin-top: 30px;line-height: 26px}
.footer-box .footer-content .bottom-about .media-link{display: none}
.footer-box .footer-content .site-map{display: none}
.footer-box .footer-content .footer-contact{float: left;width: 100%;margin-top: 30px;padding-right: 30px}
.footer-box .footer-content .footer-contact h4{margin-bottom: 20px}
.footer-box .footer-content .footer-contact p{color: #333;font-size: 16px;margin-top: 5px}
.footer-box .footer-content .footer-contact .contact-tel{margin-bottom: 20px}
.footer-box .footer-content .footer-contact .contact-tel p{font-size: 24px;color: #e23433;margin-bottom: 10px}
.footer-box .footer-content .follow-us{float: right;width: 100%;padding-top: 30px}
.footer-box .footer-content .follow-us .follow-img-box{text-align: center}
.footer-box .footer-content .follow-us .follow-img-box span{display: block;font-size: 16px;margin-top: 10px}
.footer-box .footer-content .follow-us .img-box{width: 180px;background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block;width: 100%}
.footer-box .frien-link-box{display: none}
.footer-box .bottom-content{display: none}}
.slider-mask{background: #fff;text-align: center;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99999 !important}
.slider-mask img{display: block;width: 20px;height: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.common-alter-mask{display: none;width: 100%;height: 100%;cursor: pointer;background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999}
.common-alter-mask .alter-content{width: 220px;height: 220px;padding: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff;cursor: default;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.common-alter-mask .alter-content img{display: block;width: 100%;height: 100%}
.common-alter-mask .alter-content .close-btn{display: block;color: #fff;font-size: 30px;cursor: pointer;position: absolute;top: -30px;right: -30px}
.page-mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: rgba(0, 0, 0, 0.8)}
.page-banner-box{width: 100%;height: 320px;background: url("../images/page_banner_bg.jpg");background-attachment: fixed}
.page-banner-box .banner-text{display: table;width: 1240px;height: 100%;margin: 0 auto}
.page-banner-box .banner-text > div{display: table-cell;vertical-align: middle}
.page-banner-box .banner-text h4{font-size: 30px}

@media (max-width: 456px){
.page-banner-box .banner-text {width: 100vw !important;}
.page-banner-box .banner-text h4 {font-size: 24px}
}
@media (max-width: 749px){.page-banner-box .banner-text h4 {font-size: 26px}}
.page-banner-box .banner-text p{font-size: 16px;margin-top: 10px;line-height: 1.8rem;}
.page-banner-box .banner-text .consult-btn{display: block;width: 280px;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-top: 40px;font-size: 16px}
.page-banner-box .banner-text .consult-btn .iconfont{font-size: 12px}
@media (max-width: 991px){.page-banner-box{max-height: 320px}}
@media (max-width: 749px){.page-banner-box{max-height: 250px}}
.page-banner-box .banner-img{width: 100%;height: 25.22704339vw;max-height: 250px}}

.crumbs-nav-box{width: 100%;height: 60px;padding: 0 20px;border-bottom: 1px solid #eae9e9}
.crumbs-nav-box .crumbs-nav{max-width: 1240px;margin: 0 auto;line-height: 60px;color: #888;font-size: 16px}
.crumbs-nav-box .crumbs-nav span{padding: 0 8px}
.crumbs-nav-box .crumbs-nav a{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.crumbs-nav-box .crumbs-nav a:last-child{color: #e23433}
@media (min-width: 991px){.crumbs-nav-box .crumbs-nav a:hover{color: #e23433}}
.aside-box{height: 300px;width: 100px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;right: 0;bottom: 0;z-index: 999}
.aside-box .aside-item{width: 100%;height: 100px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 100px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.aside-box .aside-item > a:hover{color: #e23433}}
.aside-box .aside-item .iconfont{font-size: 30px}
.aside-box .item-tel{width: auto;height: 100px;padding-left: 100px;line-height: 100px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 100px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}
@media (max-width: 1200px){.aside-box{height: 180px;width: 60px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;right: 0;bottom: 0;z-index: 999}
.aside-box .aside-item{width: 100%;height: 60px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 60px}
.aside-box .aside-item .iconfont{font-size: 26px}
.aside-box .item-tel{width: auto;height: 60px;padding-left: 60px;line-height: 60px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 60px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}}
@media (max-width: 991px){.aside-box{height: 180px;width: 60px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;right: 0;bottom: 60px;z-index: 999}
.aside-box .aside-item{width: 100%;height: 60px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 60px}
.aside-box .aside-item .iconfont{font-size: 26px}
.aside-box .item-tel{width: auto;height: 60px;padding-left: 60px;line-height: 60px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 60px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}}
.alert-aside-box{display: none;width: 940px;height: 390px;background: #fff;margin: auto;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999}
.alert-aside-box .alert-teminal-img{width: 260px;position: absolute;bottom: 25px;left: -90px}
.alert-aside-box .contact-left{float: left;width: 240px;height: 390px;background: url("../images/alert_bg.jpg") center center no-repeat;background-size: cover;padding: 30px 25px;color: #fff}
.alert-aside-box .contact-left em{font-size: 24px;text-transform: uppercase}
.alert-aside-box .contact-left p{font-size: 18px;margin-top: 15px}
.alert-aside-box .contact-left .en{font-size: 14px;margin-top: 20px}
.alert-aside-box .contact-right{float: left;width: 700px;height: 390px;padding: 4px;background: url("../images/alert_border_bg.jpg") center center no-repeat}
.alert-aside-box .contact-right .right-content{width: 100%;height: 100%;padding: 40px;background: #fff;position: relative}
.alert-aside-box .contact-right .right-content > h6{font-size: 20px;font-weight: bold}
.alert-aside-box .contact-right .right-content > em{display: block;font-size: 36px;font-weight: bold;margin-top: 20px}
.alert-aside-box .contact-right .right-content > p{font-size: 18px}
.alert-aside-box .contact-right .tel-box{margin-top: 20px}
.alert-aside-box .contact-right .tel-box p{font-size: 20px;font-weight: bold}
.alert-aside-box .contact-right .tel-box .tel{font-size: 24px;font-weight: 400;color: #e23433;margin-top: 10px}
.alert-aside-box .contact-right .alert-en{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);position: absolute;top: 90px;right: -40px}
.alert-aside-box .contact-right .alert-en .en-img{height: 25px}
.alert-aside-box .contact-right .alert-en .en-img img{height: 100%}
.alert-aside-box .contact-right .alert-en .en{display: inline-block;font-size: 16px;margin-top: 10px;text-transform: capitalize;position: relative}
.alert-aside-box .contact-right .alert-en .en::after{content: "";width: 70px;border-top: 1px solid;position: absolute;top: 50%;right: -90px}
.alert-aside-box .contact-right .alert-qr-img{position: absolute;right: 20px;bottom: 30px}
.alert-aside-box .contact-right .alert-qr-img .qr-img{width: 100px;margin: 0 auto}
.alert-aside-box .contact-right .alert-qr-img p{margin-top: 5px}
.alert-aside-box .contact-right .alert-btn-box{font-size: 0;position: absolute;left: 40px;bottom: 30px}
.alert-aside-box .contact-right .alert-btn-box a, .alert-aside-box .contact-right .alert-btn-box .close-btn{display: inline-block;height: 50px;line-height: 50px;font-size: 16px;padding: 0 40px;margin-left: 20px;cursor: pointer;background: #b2b2b2;color: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.alert-aside-box .contact-right .alert-btn-box a:first-child, .alert-aside-box .contact-right .alert-btn-box .close-btn:first-child{margin-left: 0;background: #e23433}
@media (min-width: 991px){.alert-aside-box .contact-right .alert-btn-box a:hover, .alert-aside-box .contact-right .alert-btn-box .close-btn:hover{background: #e23433}}
@media (max-width: 749px){.alert-aside-box{display: none !important}}
.hp-contact-form{width: 100%;/* padding: 90px 10px;*/background: url("../images/hp_contact_form_bg.jpg") center center}
.hp-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.hp-contact-form .form-title{font-size: 36px}
.hp-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.hp-contact-form .my-form > div{float: left;padding: 0 10px;position: relative}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.hp-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.hp-contact-form .my-form .form-group{width: 24.34210526%}
.hp-contact-form .my-form .demand-group{width: 30.26315789%}
.hp-contact-form .my-form .form-submit{width: 21.05263158%}
.hp-contact-form .description{font-size: 16px;text-align: right}
@media (max-width: 991px){.hp-contact-form{width: 100%;padding:25px 10px;}
.hp-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.hp-contact-form .form-title{font-size: 36px}
.hp-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.hp-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.hp-contact-form .my-form label.error{color: #f00;font-size: 12px;position: absolute;top: 62px;left: 10px}
.hp-contact-form .my-form .form-group{width: 50%}
.hp-contact-form .my-form .demand-group{width: 50%}
.hp-contact-form .my-form .form-submit{width: 50%}
.hp-contact-form .description{font-size: 16px;text-align: right;}}
@media (max-width: 749px){.hp-contact-form{width: 100%;padding: 20px 10px;}
.hp-contact-form .contact-form{max-width: 420px;margin: 0 auto;}
.hp-contact-form .form-title{font-size: 22px}
.hp-contact-form .my-form{margin: 0 -10px;padding: 0;}
.hp-contact-form .my-form > div{float: left;padding: 10px;position: relative;}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.hp-contact-form .my-form .form-group{width: 100%}
.hp-contact-form .my-form .demand-group{width: 100%}
.hp-contact-form .my-form .form-submit{width: 100%;font-size: 16px;}
.hp-contact-form .description{font-size: 14px;text-align: center}}
.share-box{margin-top: 10px}
.share-box li{float: left;text-align: center;margin-right: 10px;position: relative;z-index: 1}
.share-box li:last-child{margin-right: 0}
.share-box .this-share-btn{width: 60px;height: 60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;margin: 0;text-align: center;line-height: 60px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: none;position: relative}
.share-box .this-share-btn:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.share-box .icon{display: block;font-size: 30px;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -999 !important}
.bd_weixin_popup{width: 260px !important;height: 320px !important}
.service-show-banner{width: 100%;height: 500px;overflow: hidden;position: relative;}
.service-show-banner .banner-list{position: absolute;top: 0;left: 0;right: 0;bottom: 0;outline: none}
.service-show-banner .banner-list .slick-prev, .service-show-banner .banner-list .slick-next{display: none !important;width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: transparent;color: #fff;border: none;text-align: center;line-height: 40px;font-size: 20px;position: absolute;top: 50%;margin-top: -20px;text-transform: uppercase;z-index: 99;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-banner .banner-list .slick-prev:hover, .service-show-banner .banner-list .slick-next:hover{color: #e23433}
.service-show-banner .banner-list .slick-prev{left: 15px}
.service-show-banner .banner-list .slick-next{right: 15px}
.service-show-banner .banner-list .slick-dots{text-align: center;position: absolute;left: 0;bottom: 15px;right: 0}
.service-show-banner .banner-list .slick-dots li{display: inline-block;width: 50px;height: 14px;margin: 0 10px;position: relative}
.service-show-banner .banner-list .slick-dots li button{width: 100%;height: 14px;font-size: 0;border: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #bebebe;position: absolute;top: 0;right: 0}
.service-show-banner .banner-list .slick-dots .slick-active button{background: #e23433}
.service-show-banner .banner-list .slick-list{height: 500px;position: relative}
.service-show-banner .banner-list .slick-slide{float: left;height: 500px}
.service-show-banner .banner-list .slick-slide > div{display: block;width: 100%;height: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.service-show-banner .banner-list .slick-slide > div .banner-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -2}
.service-show-banner .banner-list .slick-slide > div .video-box{width: 100%;height: 100%}
.service-show-banner .banner-list .slick-slide > div .video-box video{width: 100%}
@media (max-width: 1200px){.service-show-banner{width: 100%;height: 37.5vw;max-height: 450px}
.service-show-banner .banner-list{width: 100%}
.service-show-banner .banner-list .slick-list{height: 750px}
.service-show-banner .banner-list .slick-slide{float: left;height: 37.5vw;max-height: 450px}
.service-show-banner .banner-content{max-width: 1170px;height: 37.5vw;max-height: 450px;text-align: left;color: #fff;margin: 0 auto}
.service-show-banner .banner-content .content{display: table;width: 100%;height: 37.5vw;max-height: 450px;padding-top: 100px}}
@media (max-width: 991px){.service-show-banner{width: 100%;height: 47.5vw;max-height: 450px}
.service-show-banner .banner-list{width: 100%}
.service-show-banner .banner-list .slick-slide > div .banner-img{margin-top: 75px;}
.service-show-banner .banner-list .slick-list{height: 450px}
.service-show-banner .banner-list .slick-slide{float: left;height: 37.5vw;max-height: 450px}}
@media (max-width: 749px){.service-show-banner{width: 100%;height: 60vw;max-height: 450px}
.service-show-banner .banner-list{width: 100%}
.service-show-banner .banner-list .slick-list{height: 60vw;max-height: 450px;position: relative}
.service-show-banner .banner-list .slick-dots{text-align: center;position: absolute;left: 0;bottom: 15px;right: 0}
.service-show-banner .banner-list .slick-dots li{display: inline-block;width: 30px;height: 8px;margin: 0 5px;position: relative}
.service-show-banner .banner-list .slick-dots li button{width: 100%;height: 8px;font-size: 0;border: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #bebebe;position: absolute;top: 0;right: 0}
.service-show-banner .banner-list .slick-slide{float: left;height: 60vw;max-height: 450px}
.service-show-banner .banner-list .slick-slide .video-box{width: 100%;height: 100%}
.service-show-banner .banner-list .slick-slide .video-box video{width: auto;height: 100%}}
@media (max-width: 567px){.service-show-banner{width: 100%;height: 73.333333vw;max-height: 400px;}
.service-show-banner .banner-list .slick-slide > div .banner-img{margin-top: 47px;}
.service-show-banner .banner-list{width: 100%}
.service-show-banner .banner-list .slick-list{height: 53.33333333vw;max-height: 400px;position: relative}
.service-show-banner .banner-list .slick-slide{float: left;height: 53.33333333vw;max-height: 400px}}
.service-show-item{width: 100%;overflow: hidden}
.service-show-item .service-item-box{width: 100%;text-align: center;overflow: hidden}
.service-show-item .item-box{float: left;width: 33.333%;margin-bottom: -200px;padding-bottom: 200px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-item .item-box:nth-of-type(1){background: url("../images/service_show_item_bg1.jpg") center no-repeat;background-size: cover}
.service-show-item .item-box:nth-of-type(2){background: url("../images/service_show_item_bg2.jpg") center no-repeat;background-size: cover}
.service-show-item .item-box:nth-of-type(2) .en{color: #d565ff}
.service-show-item .item-box:nth-of-type(3){background: url("../images/service_show_item_bg3.jpg") center no-repeat;background-size: cover}
.service-show-item .item-box:nth-of-type(3) .en{color: #ffb950}
.service-show-item .item-box .img-box{float: left;width: 50%;height: 240px;padding: 0 20px;text-align: center;line-height: 240px}
.service-show-item .item-box .img-box img{max-height: 145px;vertical-align: middle}
.service-show-item .item-box .item-brief{color: #fff;text-align: left;font-size: 16px;padding: 50px 10px 0 0}
.service-show-item .item-box h6{font-size: 20px;font-weight: bold}
.service-show-item .item-box .en{font-family: 'akzidenz-grotesk_bqregular';color: #8dc0ff;text-transform: uppercase;letter-spacing: 2px;margin-top: 5px}
.service-show-item .item-box .brief-box{margin-top: 20px;font-size: 18px;color: #e3efff}
@media (max-width: 1400px){.service-show-item{width: 100%;overflow: hidden}
.service-show-item .service-item-box{width: 100%;text-align: center}
.service-show-item .item-box{float: left;width: 33.333%;padding-top: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-item .item-box .img-box{float: none;width: 100%;height: auto;padding: 0 20px;text-align: center;line-height: 1}
.service-show-item .item-box .img-box img{max-height: 145px;vertical-align: middle}
.service-show-item .item-box .item-brief{color: #fff;text-align: center;font-size: 16px;padding: 20px 10px 40px 0}}
@media (max-width: 991px){.service-show-item{width: 100%;overflow: hidden}
.service-show-item .service-item-box{width: 100%;text-align: center}
.service-show-item .item-box{float: left;width: 33.333%;padding-top: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-item .item-box .img-box{float: none;width: 100%;height: auto;padding: 0 20px;text-align: center;line-height: 1}
.service-show-item .item-box .img-box img{max-height: 145px;vertical-align: middle}
.service-show-item .item-box .item-brief{color: #fff;text-align: center;font-size: 16px;padding: 20px 10px 40px 0}
.service-show-item .item-box h6{font-size: 18px;font-weight: bold}
.service-show-item .item-box .en{font-size: 12px}
.service-show-item .item-box .brief-box{margin-top: 20px;font-size: 14px;color: #e3efff}}
@media (max-width: 749px){.service-show-item{width: 100%;overflow: hidden}
.service-show-item .service-item-box{width: 100%;text-align: center}
.service-show-item .item-box{float: left;width: 100%;padding-top: 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-item .item-box .img-box{float: none;width: 100%;height: auto;padding: 0 20px;text-align: center;line-height: 1}
.service-show-item .item-box .img-box img{max-height: 145px;vertical-align: middle}
.service-show-item .item-box .item-brief{color: #fff;text-align: center;font-size: 16px;padding: 20px 10px 20px 0}}
.service-show-advan{width: 100%;padding: 70px 20px}
.service-show-advan .advan-content-box{max-width: 1240px;margin: 0 auto;margin-top: 70px}
.service-show-advan .advan-list-box{margin: -10px}
.service-show-advan .advan-list{width: 100%}
.service-show-advan .advan-list li{float: left;width: 25%;padding: 10px}
.service-show-advan .advan-list .advan-item{width: 100%;height: 310px;padding: 50px 40px;cursor: pointer;text-align: center;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: relative}
@media (min-width: 991px){.service-show-advan .advan-list .advan-item:hover .icon-more{color: #e23433}
.service-show-advan .advan-list .advan-item:hover .icon-box .icon-blur{-webkit-transform: translate(-5px, -5px);-moz-transform: translate(-5px, -5px);-ms-transform: translate(-5px, -5px);-o-transform: translate(-5px, -5px);transform: translate(-5px, -5px)}}
.service-show-advan .advan-list .icon-box{display: inline-block;position: relative;z-index: 1}
.service-show-advan .advan-list .icon-box .iconfont{font-size: 60px}
.service-show-advan .advan-list .icon-box .icon-blur{filter: url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: -20px;left: -20px;z-index: -1}
.service-show-advan .advan-list .advan-brief{margin-top: 30px}
.service-show-advan .advan-list .advan-brief h6{font-size: 20px;text-transform: uppercase}
.service-show-advan .advan-list .advan-brief p{color: #888;margin-top: 15px;line-height: 25px;}
.service-show-advan .advan-list .icon-more{font-size: 50px;margin: 0 auto;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;right: 0;bottom: 20px}
@media (max-width: 1200px){.service-show-advan{width: 100%;padding: 70px 20px}
.service-show-advan .advan-content-box{max-width: 1240px;margin: 0 auto;margin-top: 70px}
.service-show-advan .advan-list-box{margin: -10px}
.service-show-advan .advan-list{width: 100%}
.service-show-advan .advan-list li{float: left;width: 25%;padding: 10px}
.service-show-advan .advan-list .advan-item{width: 100%;height: 310px;padding: 50px 20px;cursor: pointer;text-align: center;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.service-show-advan .advan-list .icon-box{display: inline-block;position: relative;z-index: 1}
.service-show-advan .advan-list .icon-box .iconfont{font-size: 60px}
.service-show-advan .advan-list .advan-brief{margin-top: 30px}
.service-show-advan .advan-list .advan-brief h6{font-size: 20px;text-transform: uppercase}
.service-show-advan .advan-list .advan-brief p{color: #888;margin-top: 10px}
.service-show-advan .advan-list .icon-more{display: none}}
@media (max-width: 991px){.service-show-advan{width: 100%;padding: 70px 20px}
.service-show-advan .advan-content-box{max-width: 750px;margin: 0 auto;margin-top: 70px}
.service-show-advan .advan-list-box{margin: -10px}
.service-show-advan .advan-list{width: 100%}
.service-show-advan .advan-list li{float: left;width: 50%;padding: 10px}
.service-show-advan .advan-list .advan-item{width: 100%;height: 260px;padding: 50px 20px;cursor: pointer;text-align: center;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}}

@media (max-width: 749px){.service-show-advan{width: 100%;padding: 30px 10px}
.service-show-advan .advan-content-box{max-width: 550px;margin: 0 auto;margin-top: 30px}
.service-show-advan .advan-list-box{margin: -5px}
.service-show-advan .advan-list{width: 100%}
.service-show-advan .advan-list li{float: left;width: 50%;padding: 5px}
.service-show-advan .advan-list .advan-item{width: 100%;height: 200px;padding: 40px 20px;cursor: pointer;text-align: center;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.service-show-advan .advan-list .icon-box{display: inline-block;position: relative;z-index: 1}
.service-show-advan .advan-list .icon-box .iconfont{font-size: 40px;  }
.service-show-advan .advan-list .advan-brief{margin-top: 20px;  width: 160px;}
.service-show-advan .advan-list .advan-brief h6{font-size: 20px;text-transform: uppercase;}
.service-show-advan .advan-list .advan-brief p{color: #888;margin-top: 10px;font-size: 14px;line-height: 20px;text-align: left;}
.service-show-advan .advan-list .icon-more{display: none}}
.service-show-case{width: 100%;padding: 0;}
.service-show-case .project-menu-box{margin-top: 50px;text-align: center}
.service-show-case .project-menu-box .item{display: block}
.service-show-case .project-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.service-show-case .project-menu-box li{display: inline-block;height: 40px;margin-left: 60px}
.service-show-case .project-menu-box li:first-child{margin-left: 0}
.service-show-case .project-menu-box li:last-child > a{padding: 0 35px;background: #e23433;color: #fff}
.service-show-case .project-menu-box li > a{display: block;height: 40px;font-size: 18px;color: #888;line-height: 40px;position: relative}}
@media (max-width: 456px){
.service-show-advan .advan-list .advan-brief{margin-top: 20px;width: 135px;}
}

@media (max-width:360px){
.service-show-advan .advan-list .advan-brief{margin-top: 20px;width: 135px;}
}

@media (min-width: 991px){.service-show-case .project-menu-box li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.service-show-case .project-menu-box li > a::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.service-show-case .case-list-box{width: 100%;margin-top: 60px}
.service-show-case .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.service-show-case .case-list-box > .case-list > li{float: left;width: 25%;padding: 10px 10px 20px 10px}
.service-show-case .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.service-show-case .case-list-box > .case-list > li a:hover .case-img:before{opacity: 1}
.service-show-case .case-list-box > .case-list > li a:hover .case-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.service-show-case .case-list-box > .case-list > li a:hover .brief-title{-webkit-transform: translate(0, -80px);-moz-transform: translate(0, -80px);-ms-transform: translate(0, -80px);-o-transform: translate(0, -80px);transform: translate(0, -80px)}
.service-show-case .case-list-box > .case-list > li a:hover .description{height: 40px;opacity: 1}}
.service-show-case .case-list-box > .case-list > li .case-img{width: 100%;height: 18.22916667vw;max-height: 350px;overflow: hidden;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0px;left: 0px;bottom: 10px;right: 10px;z-index: 1;width: 100%;height: 100%;}
.service-show-case .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.service-show-case .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}
.service-show-case .consult-btn{display: block;width: 320px;height: 50px;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-size: cover;overflow: hidden;background: #e23433;color: #fff;margin: 0 auto;margin-top: 30px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.service-show-case .consult-btn .iconfont{font-size: 12px}
@media (max-width: 1200px){.service-show-case{width: 100%;padding: 70px 20px}
.service-show-case .case-list-box{width: 100%;margin-top: 60px}
.service-show-case .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.service-show-case .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.service-show-case .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px}}
@media (max-width: 991px){.service-show-case{width: 100%;padding: 0 ;}
.service-show-case .case-list-box{width: 100%;margin-top: 60px}
.service-show-case .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.service-show-case .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.service-show-case .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px;overflow: hidden;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.service-show-case .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.service-show-case .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}}
@media (max-width: 749px){.service-show-case{width: 100%;}
.service-show-case .case-list-box{width: 100%;margin-top: 30px}
.service-show-case .case-list-box > .case-list{margin: -5px;min-height: 300px;overflow: hidden}
.service-show-case .case-list-box > .case-list > li{float: left;width: 50%;padding: 5px}
.service-show-case .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img{width: 100%;height: 31.81818182vw;max-height: 350px;overflow: hidden;position: relative}
.service-show-case .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.service-show-case .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 80px;padding: 10px;text-align: center;position: relative;z-index: 9}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 16px;text-transform: uppercase}
.service-show-case .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 12px;color: #888}
.service-show-case .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}
.service-show-case .consult-btn{margin-top: 30px}}
.service-show-mode{width: 100%;/*padding: 70px 20px*/}
.service-show-mode .news-box{max-width: 1240px;margin: 70px auto}
.service-show-mode .news-menu-box{margin-top: 70px;text-align: center}
.service-show-mode .news-menu-box .item{display: block}
.service-show-mode .news-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.service-show-mode .news-menu-box li{display: inline-block;height: 40px;line-height: 40px;margin-left: 0;position: relative}
.service-show-mode .news-menu-box li > a{display: block;width: 180px;height: 40px;line-height: 40px;font-size: 16px;color: #888;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;z-index: 1}
@media (min-width: 991px){.service-show-mode .news-menu-box li > a:hover{background: #e23433;color: #fff}}
.service-show-mode .news-menu-box li::after{content: "";display: block;background: #f7f7f7;position: absolute;bottom: -5px;left: -5px;right: -5px;top: -5px;z-index: -2}
.service-show-mode .news-menu-box li .curr{background: #e23433;color: #fff}
.service-show-mode .service-mode-box{width: 100%;margin-top: 80px;text-align: center}
.service-show-mode .service-mode-box .mode-list{display: inline-block;border-left: 1px solid #eaeaea;border-top: 1px solid #eaeaea}
.service-show-mode .service-mode-box .mode-item{float: left;width: 25%;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea}
.service-show-mode .service-mode-box .mode-item > div{height: 280px;padding: 50px 20px 20px 20px;cursor: pointer;overflow: hidden;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991){.service-show-mode .service-mode-box .mode-item > div:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.service-show-mode .service-mode-box .mode-item > div:hover .mode-icon{color: #e23433}}
.service-show-mode .service-mode-box .mode-item .mode-icon{display: block;font-size: 60px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-mode .service-mode-box .mode-item em{display: block;margin-top: 30px;margin-bottom: 10px;font-size: 17px}
.service-show-mode .service-mode-box .mode-item p{color: #888;line-height:25px;}
@media (max-width: 991px){.service-show-mode{width: 100%;padding: 0 20px 70px 20px}
.service-show-mode .news-box{max-width: 1240px;margin: 0 auto}
.service-show-mode .news-menu-box{margin-top: -50px}
.service-show-mode .service-mode-box{width: 100%;margin-top: 80px}
.service-show-mode .service-mode-box .mode-item{float: left;width: 25%}}
@media (max-width: 749px){.service-show-mode{width: 100%;padding: 0 20px 30px 20px}
.service-show-mode .news-box{max-width: 550px;margin: 0 auto}
.service-show-mode .news-menu-box{margin-top: 30px}
.service-show-mode .news-menu-box li > a{width: 140px;text-align: center}
.service-show-mode .service-mode-box{width: 100%;margin-top: 30px;text-align: center}
.service-show-mode .service-mode-box .mode-item{float: left;width: 50%}
.service-show-mode .service-mode-box .mode-item > div{height: 180px;padding: 30px 10px 10px 10px}
.service-show-mode .service-mode-box .mode-item .mode-icon{display: block;font-size: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-mode .service-mode-box .mode-item em{display: block;margin-top: 10px;font-size: 16px}
.service-show-mode .service-mode-box .mode-item p{color: #888;margin-top: 5px;font-size: 14px;}}
.service-show-logo{height: 450px;overflow: hidden;margin: 50px 0;}
.service-show-logo .logo-group{width: 100%;height: 100%}
@media (max-width: 1024px){.service-show-logo{display: none}}
.service-show-achieve{width: 100%;padding: 80px 20px}
.service-show-achieve .us-adhieve{max-width: 1240px;margin: 0 auto}
.service-show-achieve .adhieve-list{width: 100%}
.service-show-achieve .adhieve-list li{float: left;width: 25%;border-left: 1px solid #eae9e9;text-align: center}
.service-show-achieve .adhieve-list li:first-child{border-left: none}
.service-show-achieve .adhieve-list .adhieve-item{display: inline-block;text-align: left}
.service-show-achieve .adhieve-list .adhieve-item .en{display: block;font-size: 18px;color: #888;text-transform: capitalize}
.service-show-achieve .adhieve-list .adhieve-item .num{display: inline-block;position: relative}
.service-show-achieve .adhieve-list .adhieve-item .num .count-num{font-size: 72px}
.service-show-achieve .adhieve-list .adhieve-item .num .icon{font-size: 30px;position: absolute;top: -10px;right: -30px}
.service-show-achieve .adhieve-list .adhieve-item p{font-size: 16px}
@media (max-width: 991px){.service-show-achieve{width: 100%;padding: 0 20px 50px 20px}
.service-show-achieve .us-adhieve{max-width: 750px;margin: 0 auto}
.service-show-achieve .adhieve-list{width: 100%}
.service-show-achieve .adhieve-list li{float: left;/* width: 50%;*/margin: 10px 0;border-left: none;text-align: center;border-left: 1px solid #eae9e9;}
.service-show-achieve .adhieve-list li:first-child{border-left: none}
.service-show-achieve .adhieve-list .adhieve-item{/* display: block;*/text-align: left}
.service-show-achieve .adhieve-list .adhieve-item .en{display: block;font-size: 18px;color: #888;text-transform: capitalize}
.service-show-achieve .adhieve-list .adhieve-item .num{display: inline-block;position: relative}
.service-show-achieve .adhieve-list .adhieve-item .num .count-num{font-size: 42px}
.service-show-achieve .adhieve-list .adhieve-item .num .icon{font-size: 30px;position: absolute;top: -10px;right: -30px}
.service-show-achieve .adhieve-list .adhieve-item p{font-size: 16px}}
@media (max-width: 749px){.service-show-achieve{display: none}}
.service-show-process{width: 100%;/* padding: 0 20px 80px 20px*/}
.service-show-process .service-process-box{max-width: 1240px;margin: 0 auto;margin-top: 80px;text-align: center}
.service-show-process .pro-item{float: left;width: 16.66666667%;position: relative}
.service-show-process .pro-item::after{content: "";border-top: 1px solid #eae9e9;position: absolute;bottom: 110px;left: 0;right: 0}
.service-show-process .pro-item::before{content: "";display: block;width: 16px;height: 16px;background: #e23433;border: 3px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 0 auto;position: absolute;bottom: 102px;left: 0;right: 0;z-index: 2}
.service-show-process .pro-item > div{height: 320px;padding: 30px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-repeat: no-repeat;background-position: 55px 20px;}
@media (min-width: 991px){.service-show-process .pro-item > div:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}}
.service-show-process .pro-item .icon{font-size: 80px}
.service-show-process .pro-item em{display: block;font-size: 20px;margin-top: 30px}
.service-show-process .pro-item .work-box{margin-top: 60px;color: #888;line-height: 25px;width: 80%;text-align: left;display: inline-block;}
.service-show-process .pro-item .baxk{}
.service-show-process .consult-btn{display: block;width: 320px;height: 50px;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-size: cover;overflow: hidden;background: #e23433;color: #fff;margin: 50px auto;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.service-show-process .consult-btn .iconfont{font-size: 12px}
@media (max-width: 1200px){.service-show-process{width: 100%;padding: 0 20px 80px 20px}
.service-show-process .service-process-box{max-width: 750px;margin: 0 auto;margin-top: 80px;text-align: center}
.service-show-process .pro-item .baxk{width: 60px;float: left;margin: auto 10px;}
.service-show-process .pro-item{float: left;width: 33.33333333%;position: relative}
.service-show-process .pro-item > div{height: 320px;padding: 30px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-process .pro-item .icon{font-size: 80px}
.service-show-process .pro-item em{display: block;font-size: 20px;margin-top: 30px}
.service-show-process .pro-item .work-box{margin-top: 70px;color: #888}
.service-show-process .consult-btn{display: block;width: 320px;height: 50px;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-size: cover;overflow: hidden;background: #e23433;color: #fff;margin: 0 auto;margin-top: 70px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.service-show-process .consult-btn .iconfont{font-size: 12px}}
@media (max-width: 991px){.service-show-process{width: 100%;padding: 0 20px 80px 20px}
.service-show-process .service-process-box{max-width: 750px;margin: 0 auto;margin-top:50px;text-align: center}
.service-show-process .pro-item .baxk{width: 60px;float: none;margin: auto 10px;}
.service-show-process .pro-item{float: left;width: 33.33333333%;position: relative}
.service-show-process .pro-item > div{height: 290px;padding: 30px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.service-show-process .pro-item .icon{font-size: 80px}
.service-show-process .pro-item em{display: block;font-size: 20px;margin-top: 30px}
.service-show-process .pro-item .work-box{margin-top: 70px;color: #888}
.service-show-process .consult-btn{display: block;width: 320px;height: 50px;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-size: cover;overflow: hidden;background: #e23433;color: #fff;margin: 0 auto;margin-top: 70px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.service-show-process .consult-btn .iconfont{font-size: 12px}}
@media (max-width: 767px){.service-show-process{width: 100%;padding: 0 20px;}
.service-show-process .service-process-box{max-width: 550px;margin: 0 auto;margin-top: 40px;text-align: center}
.service-show-process .pro-item{float: left;width: 100%;position: relative}
.service-show-process .pro-item::after{content: "";border-left: 1px solid #eae9e9;border-top: 0;position: absolute;bottom: 0;left: 120px;right: 0;top: 0}
.service-show-process .pro-item::before{content: "";display: block;width: 16px;height: 16px;background: #e23433;border: 3px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 0;position: absolute;bottom: 0;left: 112px;right: 0;top: 50%;margin-top: -8px;z-index: 2}
.service-show-process .pro-item > div{height: 120px;padding: 27px 20px 20px 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.service-show-process .pro-item .icon{float: left;font-size: 60px}
.service-show-process .pro-item em{display: -webkit-box;font-size: 18px;margin-top: 0;margin-left: 130px;}
.service-show-process .pro-item .work-box{color: #888;margin-left: 130px;text-align: left;font-size: 14px;width: 65%;margin-top: -30px;}
.service-show-process .consult-btn{display: block;width: 320px;height: 50px;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background-size: cover;overflow: hidden;background: #e23433;color: #fff;margin: 0 auto;margin-top: 30px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-bottom: 30px !important;font-size: 16px;}
.service-show-process .consult-btn .iconfont{font-size: 12px}}
@media (max-width: 479px){.service-show-process{width: 100%;padding: 0 20px}
.service-show-process .service-process-box{max-width: 550px;margin: 0 auto;margin-top: 40px;text-align: center;}
.service-show-process .pro-item .baxk{width: 33.33333333%;float: initial;margin: auto 10px;float: left;width: 60px;}
.service-show-process .pro-item em{font-size: 20px;margin-left: 118px;}
/*.service-show-process .pro-item{float: left;width: 33.33333333%;position: relative}*/.service-show-process .pro-item > div{height: 120px;padding: 27px 20px 20px 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.service-show-process .pro-item .icon{font-size: 80px}
.service-show-process .pro-item .work-box{color: #888;margin-left: 118px;text-align: left;font-size: 14px;width: 65%;margin-top:-30px;font-size: 1.07rem;}}
.service-show-aim{width: 100%;padding: 0 20px 80px 20px}
.service-show-aim .aim-list-box{max-width: 1240px;margin: 0 auto}
.service-show-aim .aim-list{margin: -10px}
.service-show-aim .aim-list li{float: left;width: 50%;padding: 10px}
.service-show-aim .aim-list li > div{height: 180px;padding: 60px 40px;border: 1px solid #eaeaea;position: relative}
@media (min-width: 991px){.service-show-aim .aim-list li > div:hover::after, .service-show-aim .aim-list li > div:hover::before{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.service-show-aim .aim-list li > div::before, .service-show-aim .aim-list li > div::after{content: "";-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.service-show-aim .aim-list li > div::after{border-top: 1px solid #e23433;border-bottom: 1px solid #e23433;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1)}
.service-show-aim .aim-list li > div::before{border-left: 1px solid #e23433;border-right: 1px solid #e23433;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0)}
.service-show-aim .aim-list li .iconfont{display: block;height: 120px;line-height: 120px;font-size: 120px;color: #f7f7f7;position: absolute;top: 50%;right: 40px;margin-top: -60px;z-index: -1}
.service-show-aim .aim-list li h6{font-size: 20px;font-weight: bold}
.service-show-aim .aim-list li p{color: #888;margin-top: 15px}
@media (max-width: 991px){.service-show-aim{width: 100%;padding: 0 20px 80px 20px}
.service-show-aim .aim-list-box{max-width: 750px}
.service-show-aim .aim-list{margin: -10px}
.service-show-aim .aim-list li{float: left;width: 50%;padding: 10px}
.service-show-aim .aim-list li > div{height: 180px;padding: 40px;border: 1px solid #eaeaea}
.service-show-aim .aim-list li .iconfont{display: block;height: 120px;line-height: 120px;font-size: 120px;color: #f7f7f7;position: absolute;top: 50%;right: 40px;margin-top: -60px;z-index: -1}
.service-show-aim .aim-list li h6{font-size: 20px;font-weight: bold}
.service-show-aim .aim-list li p{color: #888;margin-top: 15px}}
@media (max-width: 749px){.service-show-aim{width: 100%;padding: 0 20px 40px 20px}
.service-show-aim .aim-list-box{max-width: 550px}
.service-show-aim .aim-list{margin: -10px}
.service-show-aim .aim-list li{float: left;width: 100%;padding: 10px}
.service-show-aim .aim-list li > div{height: 140px;padding: 30px;border: 1px solid #eaeaea}
.service-show-aim .aim-list li .iconfont{display: block;height: 100px;line-height: 100px;font-size: 100px;color: #f7f7f7;position: absolute;top: 50%;right: 40px;margin-top: -50px;z-index: -1}
.service-show-aim .aim-list li h6{font-size: 20px;font-weight: bold}
.service-show-aim .aim-list li p{color: #888;margin-top: 15px;font-size: 14px;line-height: 25px;}}
/*bd_1*/.new_div{width: auto;margin-top: 20px;}
.new_ul{text-align: center;}
.new_li{/*margin-left: 20px;*/display: inline-block;width: 90px;height: 24px;color: white;background-color: #E23433;border-radius: 5px;margin-top: 10px;line-height: 24px;}
.new_active{background-color: #888;color: white;}
.list-page-filp{margin-top: 60px;}
.list-page-filp li{font-size: 18px !important;font-family: "微软雅黑" !important;}
.list-page-filp li.active{background: #e23433;color: #FFF;font-weight: 900;border-color: #e23433;}
.bd_active{border-bottom: 2px solid #e23433;}
@media (max-width: 749px){.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 15px !important;}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 60px !important;}
.list-page-filp{margin-top: 10px !important;}
.list-page-filp li{font-size: 12px !important;}
.service-show-case .project-menu-box li > a{font-size: 16px !important;}
.service-show-case .project-menu-box li{margin-left: 30px !important;}
.service-show-case .project-menu-box li:first-child{margin-left: 0px !important;}}

/*小程序*/
.zhuanti_banner2{ height:240px;width: 100%; overflow:hidden; clear: both; background-image:url(../images/2017/zhuanti6/bigimg2.jpg); background-size:auto 100%; background-repeat:no-repeat; background-position:center center; center top;}
.zhuanti_banner2 img{ display:block; width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.w1440{ width:96%;max-width:1440px; overflow:hidden; margin:0 auto;}
.w1440_2{ width:96%;max-width:1440px; margin:0 auto;}
.npos{ height:79px; line-height:79px; overflow:hidden; color:#555555; border-bottom:1px solid #e7e7e7;}
.npos .w1440{background:url(../images/2017/zhuanti6/xcx_bg1.png) left center no-repeat; padding-left:32px; font-size:14px; }
.npos a{color:#555555;}
.npos a:hover{color:#f3782a;}
.npos label{ color:#f3782a;}
.xcx_one{ overflow:hidden; padding-bottom:75px;}
.xcx_title{text-align:center; font-size:30px; color:#222222; font-weight:normal; line-height:54px; margin-top:60px; margin-bottom:20px;}
.xcx_title span{color: #e23433;font-size: 24px;}
.xcx_title_txt{ line-height:24px; color:#555555; font-size:14px; overflow:hidden; text-align:center;}
.xcx_one .xcx_ul{ margin-top:45px; overflow:hidden;}
.xcx_one .xcx_ul ul li{ width:23.5%; float:left; margin-right:2%; overflow:hidden;}
.xcx_one .xcx_ul ul li:nth-child(4n+0){ margin-right:0;}
.xcx_one .xcx_ul ul li .imgs{ overflow:hidden;}
.xcx_one .xcx_ul ul li .imgs img{ display:block;width:100%;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.xcx_one .xcx_ul ul li .h2{font-weight:normal; line-height:30px; overflow:hidden; font-size:18px; color:#555555; max-width:286px; margin:0 auto; margin-top:17px;}
.xcx_one .xcx_ul ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.xcx_bg{ background-color:#f8f8f8; overflow:hidden; padding-bottom:60px;margin-bottom: 70px;;}
.xcx_bg .xcx_ul2{ padding-top:40px; overflow:hidden;}
.xcx_bg .xcx_ul2 ul li{ width:16.66%; float:left; text-align:center; overflow:hidden;position:relative;}
.xcx_bg .xcx_ul2 ul li .imgs{ overflow:hidden;transition:all 0.6s; max-width:125px; width:60%; margin:0 auto; }
.xcx_bg .xcx_ul2 ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.xcx_bg .xcx_ul2 ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:20px; color:#222222; margin-top:19px;}
.xcx_bg .xcx_ul2 ul li .p{ line-height:24px; overflow:hidden; max-width:136px; margin:0 auto; color:#888888; font-size:14px;}
.xcx_bg .xcx_ul2 ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.xcx_bg .xcx_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}


@media (max-width: 749px) {
.xcx_bg{ background-color:#f8f8f8; overflow:hidden; padding-bottom:15px;margin-bottom: 50px;}
.xcx_title{text-align:center; font-size:24px; color:#222222; font-weight:normal; line-height:54px; margin-top:30px; margin-bottom:0px;}
.xcx_bg .xcx_ul2{ padding-top:40px; overflow:hidden;}
.xcx_bg .xcx_ul2 ul li{ width:33.3333333%; float:left; text-align:center; overflow:hidden;position:relative;}
.xcx_bg .xcx_ul2 ul li .imgs{ overflow:hidden;transition:all 0.6s; max-width:125px; width:60%; margin:0 auto; }
.xcx_bg .xcx_ul2 ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.xcx_bg .xcx_ul2 ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:20px; color:#222222; margin-top:0px;}
.xcx_bg .xcx_ul2 ul li .p{ line-height:20px; overflow:hidden; max-width:110px; margin-bottom: 20px; color:#888888; font-size:14px;max-height: 80px;}
.xcx_bg .xcx_ul2 ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.xcx_bg .xcx_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}}

.xcx_bg2{background:url(../images/2017/zhuanti6/xcx_bg2.jpg) center center no-repeat; background-size:cover;overflow:hidden; padding-bottom:100px;}
.xcx_bg2 .xcx_title{ color:#fff; margin-bottom:11px;}
.xcx_bg2 .xcx_title_txt{ color:#fff;}
.xcx_bg2 .xcx_ul3{ padding-top:40px; overflow:hidden;}
.xcx_bg2 .xcx_ul3 ul li{ width:31.25%; float:left; margin-right:3.125%;margin-bottom:3.125%;text-align:center; overflow:hidden; background-color:#ffffff; padding-top:79px; padding-bottom:50px;}
.xcx_bg2 .xcx_ul3 ul li:nth-child(3n+0){ margin-right:0;}
.xcx_bg2 .xcx_ul3 ul li .imgs{ overflow:hidden;transition:all 0.6s; width:90px; margin:0 auto; }
.xcx_bg2 .xcx_ul3 ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.xcx_bg2 .xcx_ul3 ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#222222; margin-top:38px;}
.xcx_bg2 .xcx_ul3 ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#888888; font-size:14px; margin-top:8px;}
.xcx_bg2 .xcx_ul3 ul li:hover{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.07); box-shadow: 0 5px 25px rgba(0,0,0,0.07);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.xcx_bg2 .xcx_ul3 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.owl-demo6.owl-carousel .owl-wrapper-outer{ }
.owl-demo6{ width:100%;margin:0 auto; text-align:center; margin-bottom:90px; margin-top:58px;  }
/* Styling Next and Prev buttons*/
.owl-demo6.owl-theme .owl-controls{/* bottom:60%;*/ height:0; top:50%;}
.owl-demo6.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo6.owl-theme .owl-controls .owl-buttons{ position:absolute; bottom:50%; width:100%; left:0;  height:0;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:17px; height:30px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-13px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/2017/zhuanti6/left.png) center center no-repeat; float:left;background-size:100% 100%; margin-left:-57px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{transition:all 0.3s;background:url(../images/2017/zhuanti6/left_on.png) center center no-repeat;background-size:100% 100%;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/2017/zhuanti6/right.png) center center no-repeat; float:right;background-size:100% 100%; margin-right:-57px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{transition:all 0.3s;background:url(../images/2017/zhuanti6/right_on.png) center center no-repeat;background-size:100% 100%;}

.owl-demo6.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo6 .item{margin:0 2%;}
.owl-demo6 .item img{display: block;width: 100%;transition:all 0.6s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo6 .item dd{ text-align:center; margin:0 auto; max-width:260px;}
.owl-demo6 .item dd .imgs{ overflow:hidden;transition:all 0.6s;}
.owl-demo6 .item dd .imgs .img{ width:100%; display:block;}
.owl-demo6 .item dd .imgs .txts{ position:absolute; left:0; top:0; width:100%; height:100%;}
.owl-demo6 .item dd .imgs .txts img{ display:block; margin:0 auto; margin-top:72px;max-width:100px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.owl-demo6 .item dd:hover .imgs .txts img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.owl-demo6 .item dd .imgs .txts .h2{font-weight:normal; line-height:70px; height:70px; overflow:hidden; font-size:24px; color:#222222; margin-top:23px;}
.owl-demo6 .item dd:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.xcx_bg3{ background-color:#f8f8f8; overflow:hidden; padding-bottom:100px;}
.xcx_bg3 .xcx_ul4{ padding-top:40px; overflow:hidden;}
.xcx_bg3 .xcx_ul4 ul li{ width:31.25%; float:left; margin-right:3.125%;margin-bottom:3.125%;text-align:center; overflow:hidden; background-color:#67c169; padding-top:79px; padding-bottom:50px; border-radius:8px;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(2){ background-color:#6b59bd;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(3){ background-color:#ff9c17;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(3n+0){ margin-right:0;}
.xcx_bg3 .xcx_ul4 ul li .imgs{ position:relative; width:175px; margin:0 auto; }
.xcx_bg3 .xcx_ul4 ul li .imgs img{ display:block; width:175px; height:175px;transition:all 0.6s;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs{ z-index:-1;  border-radius:50%; position:absolute; width:175px; height:175px; left:0; top:0;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs1{background-color:#83ce85;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs2{background-color:#7967cc;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs3{background-color:#fdb34f;}
.xcx_bg3 .xcx_ul4 ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#fff; margin-top:29px;}
.xcx_bg3 .xcx_ul4 ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#fff; font-size:16px; margin-top:6px;}
.xcx_bg3 .xcx_ul4 ul li em{ display:block; width:150px; height:46px; line-height:46px;  background-color:#ffd132; border-radius:20px; font-size:14px; color:#333; font-style:normal; margin:0 auto;margin-top:30px;transition:all 0.3s;}
.xcx_bg3 .xcx_ul4 ul li:hover .imgs .bgs{animation:rounds1 1.5s; -webkit-animation:rounds1 1.5s linear;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-delay:0.01s;

	-webkit-animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.01s;}
.xcx_bg3 .xcx_ul4 ul li:hover em{opacity:0.9;filter:Alpha(opacity=90);}
.xcx_bg3 .xcx_ul4 ul li:hover{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.07); box-shadow: 0 5px 25px rgba(0,0,0,0.07);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.xcx_bg3 .xcx_ul4 ul li:hover .imgs img{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}
 
 
 
 }
@keyframes rounds1
{
0% { filter:alpha(opacity=0);opacity:0; width:175px; height:175px; left:0; top:0;  }
70% { filter:alpha(opacity=50);opacity:0.5; width:205px; height:205px; left:-15px; top:-15px; }
	100% {filter:alpha(opacity=0);opacity:0; width:205px; height:205px;left:-15px; top:-15px;  }
}

@-webkit-keyframes rounds1
{
0% { filter:alpha(opacity=0);opacity:0; width:175px; height:175px;  left:0; top:0;  }
70% { filter:alpha(opacity=50);opacity:0.5; width:205px; height:205px;left:-25px; top:-15px;  }
	100% {filter:alpha(opacity=0);opacity:0; width:205px; height:205px;left:-25px; top:-15px;  }
}
@media screen and (max-width: 1660px) {
/*小程序*/
.owl-demo6{ max-width:1300px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-50px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-50px;}
}
@media screen and (max-width: 1440px) {
/*小程序*/
.owl-demo6{ max-width:1200px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-2%;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-2%;}
}
@media screen and (max-width: 1200px) {}
/*小程序*/

.m{width:100%; margin:0 auto; overflow:hidden; margin-top:30px;}
.app_list{width:84%; margin:0 auto; overflow:hidden; padding-bottom:40px;}
.app_list ul{width:100%; float:left; padding-bottom:20px; margin-top:0px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li{width:48.15%; min-height:280px; margin-right:0.8%; margin-left:0.8%; padding-bottom:70px; cursor:pointer; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li:hover{width:48.15%; transition: all 0.6s; min-height:280px; margin-right:0.8%; margin-left:0.8%; padding-bottom:70px; cursor:pointer; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li label{width:100%; float:left; text-align:center; margin-top:10%; min-height:150px;}
.app_list ul li:hover label img{-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
	transform: rotateY(180deg);
	transition: all 0.6s;}

.app_list ul li h1{width:100%; float:left; text-align:center; font-family:"微软雅黑"; margin-top:3%; font-size:32px; color:#333; font-weight:normal;}

.app_list ul li p{text-align:center; padding:0 20px; margin:0 auto; font-family:"微软雅黑"; overflow:hidden; padding-top:2%; font-size:18px; color:#888;}
.app-delivery-list {
  overflow: hidden;
  width:100%;
  margin-top:4%;
}
.app_list01{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.app_list01 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:30px; color:#333333;}
.app_list01 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:20px; color:#666666;}
.app_list01 ul{width:100%; float:left; padding-bottom:20px; margin-top:30px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list01 ul li{width:15%; min-height:300px; margin-right:0.8%; margin-left:0.8%; background:#f6f6f6; display:inline-block; float:left; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list01 ul li label{width:100%; float:left; text-align:center; margin-top:0%;}
.app_list01 ul li h2{width:100%; float:left; text-align:center; margin-top:12%; background:url(../pic/h.jpg) no-repeat bottom center; padding-bottom:40px;}
.app_list01 ul li h2 span{width:100%; text-align:center; overflow:hidden;  font-size:22px; color:#333;}
.app_list01 ul li h2 em{width:18px; height:3px; overflow:hidden;  margin:0 auto; background:#c7251e;}
.app_list01 ul li p{float:left; text-align:center; min-height:90px; padding:0 25px; font-family:"微软雅黑"; margin-top:13%; font-size:14px; color:#666666;line-height: 20px;}
.app_list01 ul li label{}




.app-delivery{width: 100%;margin: 0 auto;overflow: hidden;background: #f7f7f7;    margin-bottom: 70px;}
.app-delivery-list{overflow: hidden;width:100%;margin-top:4%;}
.app-delivery-list h1{width: 83%;margin: auto;font-size: 28px;text-align: center;color: #303030;font-family:"微软雅黑";}
.app-delivery-list P{width: 100%;text-align: center;margin: 20px auto 60px;color: #767676;font-family:"微软雅黑";font-size:16px;}
.app-delivery-list .delivery-list-box{width: 83%;margin: auto;}
.app-delivery-list .delivery-list-box dl{float: left;width: 20%;height: 240px;text-align: center;font-family:"微软雅黑";}
.app-delivery-list .delivery-list-box dl dd{font-size: 24px;margin: 38px 0;color: #626262;}





@media (max-width:991px) {
.app_list, .app_list01{    width: 100%; padding: 5px;}
.app_list ul{padding-top: 20px;    padding-bottom: 0;}
.app_list ul li, .app_list ul li:hover{width:48%; padding-bottom: 20px; margin-top: 0px;    margin-right: 0; }
.app_list ul li label{min-height: 100px;}
.app_list ul li label img{width: 40%;}
.app_list ul li h1, .app_list01 h1{font-size: 24px;}
.app_list ul li h1, .app_list01 span {font-size: 24px;text-align: center;margin-top: 10px;}
.app_list ul li p{    font-size: 16px;line-height: 25px;padding: 10px;text-align: left;color: #888;}
.app_list01 ul li{width: 32.2%; margin: 4px;min-height: 270px;}
.app_list01 ul li h2{padding-bottom: 22px;}
.app_list01 ul li h2 span{width: 100%; text-align: center; overflow: hidden; font-size: 22px; color: #333;}
.app_list01 ul li p{text-align: center;padding: 0px 25px;}
.app_list01 ul li label{width: 100%; float: left; text-align: center; }
.app-delivery { margin-bottom: 30px;}
.app-delivery-list .delivery-list-box{width: 90%; margin: 0; float: none; margin: 0 auto; margin-top: 15px;}
.app-delivery-list .delivery-list-box dl{float: left; width: 20%; margin-top: 5%; height: auto;}
.app-delivery-list .delivery-list-box dl dt{height: 53px;}
.app-delivery-list .delivery-list-box dl dt img{width: 50px;}
.app-delivery-list .delivery-list-box dl dd{font-size: 16px; margin: 28px 0;line-height:25px;}
.website2_three_2{display: none;}
}
@media (max-width: 767px) {
.app_list, .app_list01{    width: 100%; padding: 5px;}
.app_list ul{padding-top: 20px;    padding-bottom: 0;}
.app_list ul li, .app_list ul li:hover{width:48%; padding-bottom: 20px; margin-top: 0px;    margin-right: 0; }
.app_list ul li label{min-height: 100px;}
.app_list ul li label img{width: 40%;}
.app_list ul li h1, .app_list01 h1{font-size: 24px;}
.app_list ul li h1, .app_list01 span {font-size: 24px;text-align: center;margin-top: 10px;}
.app_list ul li p{    font-size: 16px;line-height: 25px;padding: 10px;text-align: left;color: #888;}
.app_list01 ul li{width: 47.7%; margin: 4px;min-height: 270px;}
.app_list01 ul li h2{padding-bottom: 22px;}
.app_list01 ul li h2 span{width: 100%; text-align: center; overflow: hidden; font-size: 22px; color: #333;}
.app_list01 ul li p{text-align: left;padding: 0px 25px;}
.app_list01 ul li label{width: 100%; float: left; text-align: center; margin-top: 5%;}
.app-delivery { margin-bottom: 30px;}
.app-delivery-list .delivery-list-box{width: 90%; margin: 0; float: none; margin: 0 auto; margin-top: 15px;}
.app-delivery-list .delivery-list-box dl{float: left; width: 25%; margin-top: 5%; height: auto;}
.app-delivery-list .delivery-list-box dl dt{height: 53px;}
.app-delivery-list .delivery-list-box dl dt img{width: 50px;}
.app-delivery-list .delivery-list-box dl dd{font-size: 15px; margin: 28px 0;line-height:25px;}
.website2_three_2{display: none;}
}

@media (max-width: 360px) {

.app_list ul li p {font-size: 14px;}
.app_list01 ul li{width: 47.7%; }
.app-delivery-list .delivery-list-box dl dd{font-size: 13px; }
}


.website2_three_2{ overflow:hidden;background:url(../pic/website2_bg3.jpg) center center  no-repeat; background-size:cover; padding-bottom:100px;margin-bottom: 50px;}

.website_title2 {
    text-align: center;
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    line-height: 54px;
    margin-top: 94px;
    margin-bottom: 20px;
}
.website_title_p {
    color: #666666;
    font-size: 18px;
    line-height: 36px;
    margin-top: 35px;
    margin-bottom: 60px;
    text-align: center;
}
.anim-show {
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
    opacity: 1;
}
.gy2 {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}
.website2_ul2{  overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
.website2_ul2 ul li{ width:33.33%; float:left; text-align:left; overflow:hidden;position:relative;}
.website2_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;/* padding-bottom:32px;*/ height:218px;transition:all 0.3s;}
.website2_ul2 ul li:hover .txts{ background:#e23433;}
.website2_ul2 ul li .txts .img1{ float:left;width:100px; height:100px; overflow:hidden;margin-top:58px; margin-left:30px; background-repeat:no-repeat; background-size:100%  100%; position:relative;}
.website2_ul2 ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100%  100%; z-index:2;opacity:0;filter:Alpha(opacity=0);}
.website2_ul2 ul li:nth-child(1) .txts .img1:after{background-image:url(../pic/website2_icon1_on.png);}
.website2_ul2 ul li:nth-child(2) .txts .img1:after{background-image:url(../pic/website2_icon2_on.png);}
.website2_ul2 ul li:nth-child(3) .txts .img1:after{background-image:url(../pic/website2_icon3_on.png);}
.website2_ul2 ul li:nth-child(4) .txts .img1:after{background-image:url(../pic/website2_icon4_on.png);}
.website2_ul2 ul li:nth-child(5) .txts .img1:after{background-image:url(../pic/website2_icon5_on.png);}
.website2_ul2 ul li:nth-child(6) .txts .img1:after{background-image:url(../pic/website2_icon6_on.png);}
.website2_ul2 ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);}
.website2_ul2 ul li:nth-child(1) .txts .img1{ background-image:url(../pic/website2_icon1.png);}
.website2_ul2 ul li:nth-child(2) .txts .img1{ background-image:url(../pic/website2_icon2.png);}
.website2_ul2 ul li:nth-child(3) .txts .img1{ background-image:url(../pic/website2_icon3.png);}
.website2_ul2 ul li:nth-child(4) .txts .img1{ background-image:url(../pic/website2_icon4.png);}
.website2_ul2 ul li:nth-child(5) .txts .img1{ background-image:url(../pic/website2_icon5.png);}
.website2_ul2 ul li:nth-child(6) .txts .img1{ background-image:url(../pic/website2_icon6.png);}
/*.website2_ul2 ul li:nth-child(1):hover .txts .img1{background-image:url(../pic/website2_icon1_on.png);}*/
.website2_ul2 ul li .txts .divs{ width:306px; margin-top:42px; float:left; margin-left:18px;}
.website2_ul2 ul li .txts .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;color:#fff;}
.website2_ul2 ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px;}
.website2_ul2 ul li:hover .txts .divs .p{ color:#fff;}




/*软件研发页样式开始*/
.pub-1200{width:83%; margin:0 auto; padding-bottom:70px;}
.pub-1200 h1{text-align: center; font-family: "微软雅黑"; font-size: 28px; color:#333333;}
.pub-1200 > p{text-align: center; line-height: 24px; margin:0 auto; margin-top: 22px; margin-bottom: 28px; font-size: 16px; font-family: "微软雅黑"; color: #767676;}
.pub-1200 ul{overflow: hidden;}
.pub-1200 ul li{transition: all 0.2s; position: relative; float: left; width: 24.1%; font-family: "微软雅黑"; height: 480px; margin: 0px 0.45%; color: #fff;}
.pub-1200 ul li .box-4{transition: all 0.2s; background: rgba(0, 0, 0, 0.5); height: 480px;}
.pub-1200 ul li .box-4 div{transition: all 0.2s; position: relative; z-index: 2; text-align: center; height: 135px; padding-top: 105px;}
.pub-1200 ul li .box-4 h2{transition: all 0.2s; position: relative; z-index: 2; text-align: center; font-size: 24px; font-weight: normal;padding-top: 100px;}
.pub-1200 ul li .box-4 p{transition: all 0.2s; position: absolute; z-index: 1; top: 480px; padding: 250px 44px; font-size: 14px; background: rgba(199, 37, 30, 0.8); line-height: 24px;}
.pub-1200 ul li:hover .box-4{background: none;}
.pub-1200 ul li:hover .box-4 div{padding-top: 60px;}
.pub-1200 ul li:hover .box-4 h2{margin-top: -30px;}
.pub-1200 ul li:hover .box-4 p{top: 0px;}
.pub-1200 ul li:nth-of-type(1){background-image: url("../pic/wx_img_1.jpg"); background-size:100% 100%;}
.pub-1200 ul li:nth-of-type(2){background: url("../pic/wx_img_2.jpg"); background-size:100% 100%;}
.pub-1200 ul li:nth-of-type(3){background: url("../pic/wx_img_3.jpg"); background-size:100% 100%;}
.pub-1200 ul li:nth-of-type(4){background: url("../pic/wx_img_4.jpg"); background-size:100% 100%;}



@media (max-width: 991px) {
.m{margin-top: 0;}
.pub-1200 {width:98%;margin: 0 auto;padding-bottom: 0;}
.pub-1200 ul{overflow: hidden;}
.pub-1200 ul li, .pub-1200 ul li .box-6, .pub-1200 ul li .box-5{width: 49%; overflow: hidden; margin-bottom: 20px;height: 380px;}
.pub-1200 ul li .box-4 div{height: 120px;}
.xcx_bg .xcx_ul2 ul li .p {width: 90%;}
}
@media (max-width: 767px) {
.m{margin-top: 0;}
.pub-1200 {width:90%;margin: 0 auto;padding-bottom: 0;}
.pub-1200 ul{overflow: hidden;}
.pub-1200 ul li, .pub-1200 ul li .box-6, .pub-1200 ul li .box-5{width: 100%; overflow: hidden; margin-bottom: 20px;height: 380px;}
.pub-1200 ul li .box-4 div{height: 120px;}
}



.ds_list04{width:84%; margin:0 auto; overflow:hidden;}
.ds_list04 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.ds_list04 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.ds_list04 ul{width:100%; float:left; padding:40px 0 0 0;  font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list04 ul li{width:23%; min-height:220px; margin-right:0.8%; margin-left:0.8%; border-radius:8px; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list04 ul li h2{width:100%; float:left; height:60px; background:#333; text-align:center; color:#fff; font-size:22px; font-weight:normal; border-radius:5px 5px 0 0; line-height:60px;}
.ds_list04 ul li p{width:100%; float:left; text-align:center; height:60px; line-height:60px; background:#f3f3f3; margin-top:15px; font-family:"微软雅黑"; font-size:18px; color:#666666;}
@media (max-width: 768px) {
.ds_list04{padding-bottom: 10px;width: 90%;}
.ds_list04 h1, .app-delivery-list h1{font-size: 24px; margin-top: 6%;}.ds_list01 span, .ds_list04 span, .app_list01 span{font-size: 14px; text-align: left; margin-top: 10px; line-height: 24px;}
.ds_list04 ul{margin-top: 10px; margin-bottom:20px;    padding: 0;}
.ds_list04 ul li{width: 47.5%;}
.ds_list04 ul li h2{font-size: 16px;}
.ds_list04 ul li p{font-size: 14px;}
}

@media (max-width: 360px){
.app_list01 ul li p {
    text-align: left;
    padding: 0px 10px;
    /* font-size: 12px; */
}

/*软件研发页样式结束*/

@media (max-width: 480px) {
.page-banner-box .banner-text {width: 100vw !important;}
.page-banner-box .banner-text > div { padding:10px;}
.page-banner-box {display: block;}
.page-banner-box .banner-text h4 {font-size: 24px;}
.xcx_bg {margin-bottom: 35px;}

}