@charset "utf-8";
/*=========== PC public CSS ===========*/
*, :before, :after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0; }
@font-face { font-family: 'ERASBD'; font-display: swap; src: url('../font/ERASBD.TTF') format('truetype'); font-family: 'impact'; src: url('../font/impact.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body { font-family: "Microsoft YaHei","微软雅黑"; color: #2D203B; font-size: 16px; line-height: 1.7; margin: 0 auto; background-color: #FFF; }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; outline: none; cursor: pointer; }
a:hover, a:active, a:link, a:visited { text-decoration: none; }
/* a,img{-moz-transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;} */
fieldset, img, video { max-width: 100%; border: none; vertical-align: middle; }

input, select, textarea, button { color: #333; font-size: 16px; font-family: "Microsoft Yahei",sans-serif; outline: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input, button { border-radius: 0; -webkit-appearance: none; }
/*清除IOS默认圆角*/
textarea { resize: none; outline: none; border: none; }
/*去除右下角拖动边框标识*/
input:-ms-clear { display: none; }
/*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline: none; }
::-webkit-input-placeholder { color: #999 }
::-moz-placeholder { color: #999 }
::-ms-input-placeholder { color: #999 }

table { border-collapse: separate; }
/*边线重叠*/
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

.transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.wrap { width: 98%; max-width: 1366px; margin: 0 auto }

.index-top { background: url(/images/bg-index.png) no-repeat top center; -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }

/* .show-top{background: url(/images/dot-bg.png) no-repeat top center;} */

.header { width: 100%; background-color: #FFF; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; -webkit-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -moz-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -ms-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -o-box-shadow: 0px 8px 21px rgba(13,43,71,.13); box-shadow: 0px 8px 21px rgba(13,43,71,.13); z-index: 20; border: none; border: 1px solid #EEEEEE \9; }
.head-line { color: #FFF; text-align: center; height: 30px; line-height: 30px; font-size: 12px; background: -webkit-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2b47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.head-line strong { font-size: 16px; }
.head-con { padding: 30px 0; }
.logo { float: left; width: 27%; text-align: right; }
.nav { float: right; width: 64%; }
.nav ul { margin-top: 12px; }
.nav ul li { position: relative; display: inline-block; margin-right: 6%; }
.nav ul li a { color: #332C42; font-size: 18px; line-height: 1.2; padding-bottom: 20px; display: block; }
.nav ul li:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; -webkit-border-radius: 1.5px; -moz-border-radius: 1.5px; -ms-border-radius: 1.5px; -o-border-radius: 1.5px; border-radius: 1.5px; background: -webkit-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -ms-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -o-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: linear-gradient(to right, #ED3B47 0%, #0C2B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradintType=0 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.nav ul li.active:after, .nav ul li:hover:after { width: 100%; }
.nav ul li.active a { color: #F33B47 \9; }

.footer { background-color: #1B212F; }
.footer p { text-align: center; line-height: 30px; padding: 25px 0; color: #FFF; font-size: 16px; }
.footer p span { margin: 0 20px; }
.footer p a { color: #FFF; }
.footer p a:hover { text-decoration: underline; }
.index-link { text-align: center; padding: 30px 0 40px; color: #2D203B; font-size: 12px; line-height: 20px; }
.index-link a { display: inline-block; margin-left: 5px; }
.index-link a:hover { color: #E93A47; }

/* index style */
.banner { position: relative; z-index: 10; }
.ban-slick { position: relative; padding-top: 40%; }
.ban-slick img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ban-slick.slick-slider { padding-top: 0; }
.ban-slick.slick-slider img { position: relative; z-index: 200; }
.ban-slick.slick-slider .slick-slide.slick-active { display: none; }
.ban-slick.slick-initialized .slick-slide { outline: none; }

.index-hot { position: relative; padding-top: 186px; }
.index-tit { position: relative; z-index: 1; }
.index-tit:after { content: ""; display: inline-block; position: absolute; top: -30px; left: 50%; width: 470px; height: 78px; background: url(/images/tit-pro.png) no-repeat; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
.index-tit h1 { text-align: center; color: #F33B47; font-size: 40px; line-height: 1.2; }
.index-tit p { text-align: center; margin-top: 20px; }
.hot-show { padding: 60px 0; }
.hot-show ul li { float: left; width: 33.3%; position: relative; text-align: center; }
.hot-show ul li:after { content: ""; display: inline-block; position: absolute; right: 0; top: 50%; width: 1px; height: 136px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/cut-hot.png) no-repeat; }
.hot-show ul li.hot-mill:after { display: none; }
.hot-show ul li p { margin-top: 20px; }
.hot-show ul li p a { color: #FFF; font-size: 20px; line-height: 1.2; font-size: 20px; }
.hot-show ul li.hot-crush p { text-indent: -40px; }
.hot-show ul li.hot-mill p { text-indent: -40px; }

.hot-show ul li a img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.hot-show ul li:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1); transform: scale(1.1); }
.hot-show ul li:hover a { color: #E93A47; }

.index-good { margin-top: 80px; }
.show-tit { text-align: center; }
.show-tit:before { content: ""; display: inline-block; width: 96px; height: 51px; background: url(/images/tit-fl01.png) no-repeat; vertical-align: middle; }
.show-tit:after { content: ""; display: inline-block; width: 96px; height: 51px; background: url(/images/tit-fr01.png) no-repeat; vertical-align: middle; }
.show-tit h2 { display: inline-block; color: #2D203B; font-size: 34px; padding: 0 12px; vertical-align: middle; }
.show-tit h2 span { display: block; text-transform: uppercase; font-size: 20px; font-weight: normal; }
.show-tit h2 a { display: block; color: #2D203B; line-height: 1.1; }
.show-tit h2 a:hover { color: #E93A47; }

.good-show { margin-top: 80px; }
.good-show ul li { float: left; width: 29.3%; margin: 0 2%; position: relative; margin-bottom: 60px; }
.good-show ul li:before { content: ""; display: inline-block; position: absolute; left: -30px; top: -30px; width: 100%; height: 90%; background: url(/images/dot-show.png); z-index: -1; }
.good-show ul li > a { position: relative; padding-top: 66.25%; display: block; overflow: hidden; }
.good-show ul li a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.good-show ul li a img:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.good-show ul li h3 { margin: 15px 0; }
.good-show ul li h3 a { color: #2D203B; font-size: 24px; font-weight: bolder; margin-left: 66px; }
.good-show ul li h3 a:hover { color: #E93A47; }
.good-show ul li h3 a:after { content: ''; display: inline-block; width: 45px; height: 37px; background: url(/images/good-line.png) no-repeat; vertical-align: middle; margin-left: 24px; }
.good-show ul li p { color: #6E757C; font-size: 16px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.good-show ul li p span { display: inline-block; width: 59px; height: 36px; background: url(/images/good-bg.png) no-repeat; text-align: center; line-height: 30px; color: #FFF; font-size: 12px; margin-right: 10px; }

.index-case { padding-top: 60px; margin-bottom: 80px; background: url(/images/bg-case.png) no-repeat #FFF top center; }

.show-tit.show-tits:before { background: url(/images/tit-fl02.png) no-repeat; }
.show-tit.show-tits:after { background: url(/images/tit-fr02.png) no-repeat; }
.show-tit.show-tits h2, .show-tit.show-tits h2 a { color: #FFF; }
.show-tit.show-tits h2 a:hover { color: #E93A47; }
.case-show { margin-top: 70px; margin-bottom: 40px; color: #2D203B; }
.case-show .case-main { position: relative; }
.case-show .case-main:before { content: ""; display: inline-block; position: absolute; right: 0; bottom: 0; width: 90%; height: 83%; background-color: #FFF; -webkit-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -moz-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -ms-box-shadow: 0px 8px 21px rgba(13,43,71,.13); -o-box-shadow: 0px 8px 21px rgba(13,43,71,.13); box-shadow: 0px 8px 21px rgba(13,43,71,.13); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; border: none; border: 1px solid #EEEEEE \9; }
.case-pic { position: relative; z-index: 0; padding-bottom: 173px; float: left; margin-left: 2%; width: 50%; }
.case-pic > a { display: block; position: relative; padding-top: 68%; margin: 0 26px; }
.case-pic:before { content: ""; display: inline-block; position: absolute; left: 0; top: 55px; width: 100%; height: 70%; -webkit-border-radius: 60px 60px 0 0; -moz-border-radius: 60px 60px 0 0; -ms-border-radius: 60px 60px 0 0; -o-border-radius: 60px 60px 0 0; border-radius: 60px 60px 0 0; background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1 ); z-index: -1; }
.case-pic > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; }

.case-msgs { position: absolute; left: -13px; bottom: 0; padding: 30px; background: url(/images/dot-case.png) #FFF no-repeat left center; -webkit-box-shadow: 0 0 21px rgba(13,43,71,.2); -moz-box-shadow: 0 0 21px rgba(13,43,71,.2); -ms-box-shadow: 0 0 21px rgba(13,43,71,.2); -o-box-shadow: 0 0 21px rgba(13,43,71,.2); box-shadow: 0 0 21px rgba(13,43,71,.2); -webkit-border-radius: 0 30px 30px 30px; -moz-border-radius: 0 30px 30px 30px; -ms-border-radius: 0 30px 30px 30px; -o-border-radius: 0 30px 30px 30px; border-radius: 0 30px 30px 30px; }
.case-msgs:after { content: ""; display: inline-block; position: absolute; left: 0; top: -13px; width: 13px; height: 13px; background: url(/images/case-horn.png) no-repeat; }
.case-tit { margin-bottom: 10px; }
.case-tit strong { display: inline-block; vertical-align: middle; font-size: 26px; }
.case-tit i { display: inline-block; vertical-align: middle; margin-left: 15px; }
.case-tit i img { width: 17px; height: 17px; margin-left: 4px; }
.case-msg span { display: inline-block; vertical-align: middle; width: 11%; }
.case-msg span img { width: 62px; height: auto; -webkit-box-shadow: 0px 5px 20px rgba(0,21,69,.2); -moz-box-shadow: 0px 5px 20px rgba(0,21,69,.2); -ms-box-shadow: 0px 5px 20px rgba(0,21,69,.2); -o-box-shadow: 0px 5px 20px rgba(0,21,69,.2); box-shadow: 0px 5px 20px rgba(0,21,69,.2); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }
.case-msg p { display: inline-block; vertical-align: middle; width: 87%; }
.case-info { float: left; position: relative; width: 43%; margin: 50px 3% 0 2%; }
.case-info h3 { margin-bottom: 86px; }
.case-info h3 a { color: #FFF; font-size: 36px; line-height: 1.2; font-weight: normal; }
.case-info p { font-size: 18px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 24px; font-weight: bold; }
.case-info p span { font-weight: normal; }
.case-info p img { width: 22px; height: 22px; vertical-align: middle; margin-right: 10px; }
.case-info ul { margin: 40px 0 35px; }
.case-info ul li { float: left; width: 25%; text-align: center; }
.case-info ul li > a { display: block; background: url(/images/case-type.png) no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.case-info ul li > a img { width: 76%; height: auto; margin-bottom: 36px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.case-info ul li:hover a img { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
.case-info ul li p { margin-top: 12px; }
.case-info ul li p a { display: block; font-size: 18px; line-height: 1.1; color: #2D203B; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case-info ul li p a:hover { font-weight: bold; }

.btn-show { position: relative; z-index: 0; line-height: 60px; overflow: hidden; }
.btn-show:before { content: ""; display: inline-block; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: url(/images/case-round.png) no-repeat; z-index: -2; }
.btn-show:after { content: ''; position: absolute; left: 12px; top: 50%; width: 100%; height: 1px; background-color: #25262B; z-index: -2; }
.btn-show i { display: inline-block; width: 40%; text-align: center; font-size: 14px; vertical-align: top; line-height: 1.1; }
.btn-show .btn-line { position: relative; display: inline-block; cursor: pointer; color: #FFF; font-size: 14px; width: 112px; height: 48px; line-height: 48px; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); -webkit-background-size: 120% 100%; -moz-background-size: 120% 100%; -ms-background-size: 120% 100%; -o-background-size: 120% 100%; background-size: 120% 100%; background-position: left center; }
.btn-show .btn-line:before { content: ""; display: inline-block; position: absolute; left: -5%; top: 48%; width: 110%; height: 5px; background-color: #FFF; z-index: -1; }
.btn-show .btn-line:after { content: ""; display: inline-block; position: absolute; left: -5px; top: -5px; width: 122px; height: 58px; border: 1px dashed #25262B; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; }
.btn-show .btn-line:hover { color: #F43B47; background-position: right center; }
.btn-show .btn-more { position: relative; padding: 0 10px; background-color: #FFF; font-size: 16px; float: right; margin-right: 14%; }
.btn-show .btn-more:hover { color: #E93A47; }
.btn-show .btn-more:before { content: ""; display: inline-block; position: absolute; left: -12px; top: 50%; width: 12px; height: 1px; margin-top: 1px; background-color: #25262B; }
.btn-show .btn-more:after { content: ""; display: inline-block; position: absolute; right: -12px; top: 50%; width: 12px; height: 1px; margin-top: 1px; background-color: #25262B; }

.case-show.slick-slide img { transform: none; display: inline-block; }
.case-slick.slick-initialized .slick-slide:focus { outline: none; }
.case-slick .slick-dots li button { content: ""; display: block; margin: 0 auto; width: 14px; height: 14px; margin-right: 32px; border-radius: 50%; border: 2px solid #923245; text-indent: -9999px; padding: 0; outline: none; background-color: transparent; cursor: pointer; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.case-slick.slick-slider .slick-active button { width: 28px; height: 28px; border: none; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); position: relative; -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.case-slick .slick-dots .slick-active button:after { content: ""; position: absolute; left: 28px; top: 50%; width: 30px; height: 2px; background: -webkit-linear-gradient(left, #9F3B4E 0%,transparent 100%); background: -moz-linear-gradient(left, #9F3B4E 0%, transparent 100%); background: -ms-linear-gradient(left, #9F3B4E 0%,transparent 100%); background: -o-linear-gradient(left, #9F3B4E 0%,transparent 100%); background: linear-gradient(to right, #9F3B4E 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F3B4E, endColorstr=transparent, GradientType=1); }
.case-slick .slick-dots li.slick-active button:before { top: 8px; left: 8px; width: 12px; height: 12px; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: inset 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: inset 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: inset 0px 5px 5px rgba(228,0,52,.13); box-shadow: inset 0px 5px 5px rgba(228,0,52,.13); }
.case-slick .slick-dots li:last-child.slick-active button:after { display: none; }

.index-news { padding: 50px 0; background: url(/images/dot-show.png) #FFF; background: #FFF; }
.index-list { margin-top: 46px; margin-left: -5%; }
.index-list ul { position: relative; float: left; width: 45%; margin-left: 5%; padding-top: 20px; z-index: 0; }
.index-list ul:before { content: ""; display: inline-block; position: absolute; left: 12px; top: 0; width: 1px; height: 30px; background: -webkit-linear-gradient(top, transparent 0%,#3A2E47 100%); background: -moz-linear-gradient(top, transparent 0%, #3A2E47 100%); background: -ms-linear-gradient(top, transparent 0%,#3A2E47 100%); background: -o-linear-gradient(top, transparent 0%,#3A2E47 100%); background: linear-gradient(to bottom, transparent 0%,#3A2E47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=transparent, endColorstr=#3A2E47, GradientType=0 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.index-list ul:after { content: ""; display: inline-block; position: absolute; left: 12px; bottom: 0; width: 1px; height: 100px; background: -webkit-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%); background: -moz-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%); background: -ms-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%); background: -o-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%); background: linear-gradient(to bottom, #3A2E47 0%,#CE404F 80%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); z-index: -1; }
.index-list ul li { position: relative; margin-top: -20px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.index-list ul li:hover { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
.index-list ul li:hover h3 a { color: #E93A47; }
.index-list ul li h3 { margin-bottom: 12px; }
.index-list ul li h3 a { display: block; color: #2D203B; font-size: 20px; line-height: 1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.index-list ul li span { color: #A8A5AC; font-size: 12px; line-height: 1.1; }
.index-list ul li span:before { content: ""; display: inline-block; width: 12px; height: 12px; background: url(/images/icon-time01.png) no-repeat; vertical-align: middle; margin-right: 10px; }
.index-list ul li:after { content: ""; display: inline-block; position: absolute; left: 0; top: 30px; width: 25px; height: 26px; background: url(/images/news-round.png) no-repeat; }
.index-list ul li:before { content: ""; display: inline-block; position: absolute; left: 12px; top: 30px; width: 1px; height: 96%; background: -webkit-linear-gradient(top, #3A2E47 0%,#CE404F 100%); background: -moz-linear-gradient(top, #3A2E47 0%, #CE404F 100%); background: -ms-linear-gradient(top, #3A2E47 0%,#CE404F 100%); background: -o-linear-gradient(top, #3A2E47 0%,#CE404F 100%); background: linear-gradient(to bottom, #3A2E47 0%,#CE404F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.index-list ul li:last-child:before { display: none; }
.index-list ul li:last-child .list-con { padding-bottom: 28px; }
.list-con { width: 95%; margin-left: 5%; padding: 28px 20px 45px; background-color: #FFF; -webkit-border-radius: 30px 4px 4px 4px; -moz-border-radius: 30px 4px 4px 4px; -ms-border-radius: 30px 4px 4px 4px; -o-border-radius: 30px 4px 4px 4px; border-radius: 30px 4px 4px 4px; -webkit-box-shadow: 0px 0px 10px rgba(20,40,66,.1); -moz-box-shadow: 0px 0px 10px rgba(20,40,66,.1); -ms-box-shadow: 0px 0px 10px rgba(20,40,66,.1); -o-box-shadow: 0px 0px 10px rgba(20,40,66,.1); box-shadow: 0px 0px 10px rgba(20,40,66,.1); border: none; border: 1px solid #EEEEEE \9; }


.index-show { margin-top: 110px; }
.index-name { text-align: center; color: #2D203B; }
.index-name h2 { font-size: 40px; line-height: 1.1; }
.index-name h2 span { color: #F43B47; margin-left: 24px; }
.index-name p { font-size: 16px; line-height: 24px; margin-top: 15px; }
.index-about { margin-top: 70px; background: -webkit-linear-gradient(left, #011629 0%,#10426D 100%); background: -moz-linear-gradient(left, #011629 0%, #10426D 100%); background: -ms-linear-gradient(left, #011629 0%,#10426D 100%); background: -o-linear-gradient(left, #011629 0%,#10426D 100%); background: linear-gradient(to right, #011629 0%,#10426D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#011629, endColorstr=#10426D, GradientType=1 ); }

.about-msg { float: left; width: 42%; background: url(/images/bg-msg.png) no-repeat #FFF top right; padding: 115px 3.5% 40px; margin-top: -40px; -webkit-box-shadow: 0 0 40px rgba(3,3,3,.1); -moz-box-shadow: 0 0 40px rgba(3,3,3,.1); -ms-box-shadow: 0 0 40px rgba(3,3,3,.1); -o-box-shadow: 0 0 40px rgba(3,3,3,.1); box-shadow: 0 0 40px rgba(3,3,3,.1); }
.msg-tit { position: relative; z-index: 1; }
.msg-tit:after { content: ""; display: inline-block; position: absolute; bottom: 12px; left: 0; width: 442px; height: 50px; background: url(/images/tit-msg.png?v=0) no-repeat; z-index: -1; }
.msg-tit span { display: block; text-align: center; color: #2D203B; font-size: 26px; line-height: 1.2; }
.about-msg p { margin-top: 30px; }
.about-msg p span { margin-right: 36px; color: #2D203B; font-size: 20px; line-height: 1.1; }
.about-msg p span:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(/images/msg-dot.png) no-repeat left center; vertical-align: bottom; margin-right: 8px; }

.about-msg ul { margin-top: 16px; }
.about-msg ul li { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 84px 0 27px; box-sizing: border-box; border-bottom: 1px solid #DDD; }
.about-msg ul li.msg-last { padding-bottom: 14px; }
.about-msg ul li:focus-within i, .about-msg ul li input:not(:placeholder-shown) + i { opacity: 0; }
.about-msg ul li img { position: absolute; left: 0; top: 82px; width: 37px; height: 40px; margin-right: 12px; }
.about-msg ul li input, .about-msg ul li textarea { width: 100%; padding-left: 50px; font-size: 14px; height: 36px; line-height: 36px; color: #333; font-family: "Microsoft YaHei"; background: none; }
.about-msg ul li textarea { height: 48px; line-height: 24px; margin-top: 4px; }
::-webkit-input-placeholder { color: #333; font-weight: bold; }
:-moz-placeholder { color: #333; font-weight: bold; }
::-moz-placeholder { color: #333; font-weight: bold; }
:-ms-input-placeholder { color: #333; font-weight: bold; }
input:-webkit-autofill { -webkit-text-fill-color: #222; -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; }

.msg-btn { margin-top: 40px; position: relative; }
.msg-btn:after { content: ""; display: inline-block; position: absolute; left: 146px; top: 26px; width: 130px; height: 2px; background: -webkit-linear-gradient(left, #342D43 0%,transparent 100%); background: -moz-linear-gradient(left, rgb(2, 2, 2) 0%, transparent 100%); background: -ms-linear-gradient(left, #342D43 0%,transparent 100%); background: -o-linear-gradient(left, #342D43 0%,transparent 100%); background: linear-gradient(to right, #342D43 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#342D43, endColorstr=transparent, GradientType=1 ); }
.msg-btn input { width: 146px; height: 56px; line-height: 56px; background: url(/images/msg-btn.png) no-repeat; cursor: pointer; }
.msg-btn input:hover { color: #E93A47; }

.about-base { float: left; width: 55%; padding-top: 35px; margin-left: 3%; }
.about-name img { margin-right: 25px; }
.about-name span { color: #D93743; font-size: 36px; }
.about-name p { color: #FFF; font-size: 20px; }
.about-base ul { margin-top: 60px; margin-bottom: 5px; }
.about-base ul li { position: relative; float: left; width: 25%; color: #FFF; font-size: 20px; text-align: center; padding-bottom: 46px; }
.about-base ul li:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.about-base ul li:nth-child(odd):before { background: url(/images/about-line01.png) no-repeat top center; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.about-base ul li:nth-child(even):before { width: 112%; left: -6%; top: auto; bottom: 0; background: url(/images/about-line02.png) no-repeat bottom center; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; }

.about-base ul li strong { display: block; font-family: "ERASBD"; font-size: 60px; line-height: 1.1; margin: 60px 0 40px; }
.about-base ul li strong sub { font-family: "Microsoft YaHei"; font-size: 20px; font-weight: normal; vertical-align: bottom; position: relative; top: -8px; }
.about-base ul li p { position: relative; width: 72%; height: 290px; margin-left: 14%; padding: 39px 0 30px; -webkit-border-radius: 10px 10px 80px 80px; -moz-border-radius: 10px 10px 80px 80px; -ms-border-radius: 10px 10px 80px 80px; -o-border-radius: 10px 10px 80px 80px; border-radius: 10px 10px 80px 80px; background: -webkit-linear-gradient(top, #13548b 0%,#011324 100%); background: -moz-linear-gradient(top, #13548b 0%, #011324 100%); background: -ms-linear-gradient(top, #13548b 0%,#011324 100%); background: -o-linear-gradient(top, #13548b 0%,#011324 100%); background: linear-gradient(160deg, #13548b 0%,#011324 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#13548b, endColorstr=#011324, GradientType=0 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.about-base ul li p:before { content: ""; display: inline-block; position: absolute; left: 50%; top: -29px; width: 1px; height: 29px; background-color: #D93743; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.about-base ul li p:after { content: ""; display: inline-block; position: absolute; left: 50%; top: 0; width: 1px; height: 23px; background-color: #0C2b47; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.about-base ul li p span { display: inline-block; font-size: 20px; width: 20px; line-height: 21px; }


/* ptodetail style */

.place-show { margin: 20px 0; background: url(/images/icon-place.png) no-repeat left center; padding-left: 30px; }
.place-show ol li { display: inline-block; color: #332C42; font-size: 12px; line-height: 22px; }
.place-show ol li i { margin: 0 5px; }
.place-show ol li a { color: #332C42; }
.place-show ol li a:hover { color: #E93A47; }

.show-pro { margin-top: 30px; }
.pro-pic { float: left; width: 55%; position: relative; z-index: 0; }
.pro-pic:before { display: inline-block; position: absolute; right: -55px; top: -76px; width: 272px; height: 280px; background: url(/images/pro-line.png) no-repeat; z-index: -1; }
.pro-pic span { display: inline-block; color: #FFF; font-size: 18px; line-height: 36px; padding: 6px 40px; margin-left: 13%; -webkit-border-radius: 40px 40px 0 0; -moz-border-radius: 40px 40px 0 0; -ms-border-radius: 40px 40px 0 0; -o-border-radius: 40px 40px 0 0; border-radius: 40px 40px 0 0; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(left, #FFF 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.pic-type { position: relative; padding-top: 67%; }
.pic-type img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 0 60px 10px 0; -moz-border-radius: 0 60px 10px 0; -ms-border-radius: 0 60px 10px 0; -o-border-radius: 0 60px 10px 0; border-radius: 0 60px 10px 0; -webkit-box-shadow: 0 0 20px rgba(6,34,61,.5); -moz-box-shadow: 0 0 20px rgba(6,34,61,.5); -ms-box-shadow: 0 0 20px rgba(6,34,61,.5); -o-box-shadow: 0 0 20px rgba(6,34,61,.5); box-shadow: 0 0 20px rgba(6,34,61,.5); }
.pro-pic p { display: inline-block; background: url(/images/line-pro.png) no-repeat #F2F2F2 left center; padding: 30px; -webkit-box-shadow: inset 0px 3px 24px rgba(33,120,198,.35); -moz-box-shadow: inset 0px 3px 24px rgba(33,120,198,.35); -ms-box-shadow: inset 0px 3px 24px rgba(33,120,198,.35); -o-box-shadow: inset 0px 3px 24px rgba(33,120,198,.35); box-shadow: inset 0px 3px 24px rgba(33,120,198,.35); -webkit-border-radius: 0 0 80px 9.33px; -moz-border-radius: 0 0 80px 9.33px; -ms-border-radius: 0 0 80px 9.33px; -o-border-radius: 0 0 80px 9.33px; border-radius: 0 0 80px 9.33px; }
.pro-pic p i { display: inline-block; margin-right: 20px; color: #0D2B47; font-size: 20px; }
.pro-pic p img { width: 20px; height: 20px; margin-right: 10px; margin-top: -5px; }

.pro-info { float: left; width: 45%; margin-top: 86px; }
.pro-info h1 { color: #2D203B; font-size: 40px; line-height: 1.2; margin-bottom: 26px; margin-left: 24px; }
.pro-info h2 { color: #2D203B; font-size: 38px; line-height: 1.2; margin-bottom: 26px; margin-left: 24px; }
.pro-info p { line-height: 28px; font-size: 14px; font-weight: bold; margin-left: 24px; margin-bottom: 16px; }
.pro-info p.info-good { font-weight: normal; color: #E30033; font-size: 16px; }
.pro-info p.info-good span { display: inline-block; width: 59px; height: 36px; background: url(/images/good-bg.png) no-repeat; text-align: center; line-height: 30px; color: #FFF; font-size: 12px; margin-right: 10px; }
.pro-info p.info-base01 { color: #2D203B; }
.pro-info p.info-base02 { color: rgba(45,32,59,.8); }
.pro-info ul { padding: 48px 30px 57px 0; margin: 35px 0 32px; background: -webkit-linear-gradient(top, #052746 0%,#10426D 100%); background: -moz-linear-gradient(top, #052746 0%, #10426D 100%); background: -ms-linear-gradient(top, #052746 0%,#10426D 100%); background: -o-linear-gradient(top, #052746 0%,#10426D 100%); background: linear-gradient(to bottom, #052746 0%,#10426D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#052746, endColorstr=#10426D, GradientType=0 ); -webkit-border-radius: 0 100px 100px 0; -moz-border-radius: 0 100px 100px 0; -ms-border-radius: 0 100px 100px 0; -o-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.pro-info ul li { position: relative; float: left; width: 33.3%; padding: 0 3%; color: #FFF; font-size: 14px; line-height: 30px; }
.pro-info ul li:after { content: ""; display: inline-block; position: absolute; right: 0; top: 50%; top: 10%\9; width: 1px; height: 74px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/cut-pro.png) no-repeat; }
.pro-info ul li.pro-last:after, .pro-info ul li:last-child:after { display: none; }
.pro-info ul li strong { display: block; font-size: 18px; }
.btn-show.btn-pro { margin-top: 50px; }
.btn-show.btn-pro i { vertical-align: bottom; }

.pro-rotate { position: relative; margin-top: 10px; text-align: center; background-color: #FFF; z-index: 0; }
.pro-rotate:before { content: ""; display: inline-block; position: absolute; left: 50%; top: 0; width: 620px; height: 620px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: url(/images/rotate-round.png) no-repeat; z-index: -1; }
.rotate-bg { background: url(/images/rotate-bg.png) no-repeat top 200px center; }
.pro-rotate strong { display: block; font-size: 32px; line-height: 1.2; font-weight: normal; margin-bottom: 18px; padding-top: 70px }
.pro-rotate p { font-size: 16px; line-height: 1.2; }
.rotate-base { position: absolute; top: 130px; width: 106px; background: url(/images/rotate-base.png) no-repeat top center; }
.rotate-base strong { font-family: "impact"; font-size: 24px; padding-top: 35px; margin-bottom: 12px; }
.rotate-base strong sub { font-size: 14px; vertical-align: bottom; position: relative; top: -3px; }
.rotate-base p { font-size: 14px; line-height: 1.4; }
.rotate-show .rotate-base01 { left: 0; }
.rotate-show .rotate-base02 { right: 0; }

.rotate-show { position: relative; width: 892px; height: 492px; background: url(/images/rotate-line.png) no-repeat top center; margin: -30px auto 0; }
.threesixty.pro-pc { width: 400px !important; top: 60px; z-index: 20; }
.threesixty.pro-pc .threesixty_images img { left: 0; }
.rotate-txt { font-size: 18px; line-height: 1.2; margin: 20px 0; }
.rotate-txt:before { content: ''; display: inline-block; vertical-align: middle; width: 85px; height: 16px; background: url(/images/rotate-arrow01.png) no-repeat; margin-right: 10px; }
.rotate-txt:after { content: ''; display: inline-block; vertical-align: middle; width: 85px; height: 16px; background: url(/images/rotate-arrow02.png) no-repeat; margin-left: 10px; }

.detail-show { margin-top: 80px; }
.pro-point { background-color: #FFF; background-color: #F1F6FB \9; -webkit-box-shadow: inset 0 0 24px rgba(33,120,198,.35); -moz-box-shadow: inset 0 0 24px rgba(33,120,198,.35); -ms-box-shadow: inset 0 0 24px rgba(33,120,198,.35); -o-box-shadow: inset 0 0 24px rgba(33,120,198,.35); box-shadow: inset 0 0 24px rgba(33,120,198,.35); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 25px 0 17px; margin-bottom: 55px; }
.pro-point ul li { float: left; width: 20%; text-align: center; }
.pro-point ul li a { color: #2D203B; font-size: 18px; line-height: 20px; }

.show-fl { float: left; width: 67%; margin-bottom: 60px; }
.show-fl h2 { font-size: 28px; line-height: 1.2; margin-bottom: 30px; }
.show-fl h2:before { content: ""; display: inline-block; width: 35px; height: 32px; background: url(/images/icon-tit.png) no-repeat; vertical-align: middle; margin-right: 10px; }
.show-fl h3 { font-size: 26px; line-height: 1.2; margin-bottom: 30px; }
.show-fl h3:before { content: ""; display: inline-block; width: 35px; height: 32px; background: url(/images/icon-tit.png) no-repeat; vertical-align: middle; margin-right: 10px; }
.base-show p { color: #635D6B; font-size: 16px; line-height: 30px; margin-bottom: 25px; }
.base-show p a { color: #E62129; display: inline-block; }
.base-show p a:hover { text-decoration: underline; }
.base-show p strong { color: #2D203B; margin: 0 4px; }
.base-show p img, .base-show p video { max-width: 800px; height: auto; }
.base-show p .mfzx { display: inline-block; color: #FFF; font-size: 18px; height: 40px; line-height: 40px; padding: 0 20px 0 16px; margin: 0 8px; -webkit-border-radius: 10px 20px 20px 10px; -moz-border-radius: 10px 20px 20px 10px; -ms-border-radius: 10px 20px 20px 10px; -o-border-radius: 10px 20px 20px 10px; border-radius: 10px 20px 20px 10px; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); cursor: pointer; }
.base-show p .mfzx:before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 8px; background: url(/images/dot-btn.png) no-repeat; vertical-align: middle; }
.base-show p .mfzx:hover { font-weight: bold; }

.base-show .DIV3 { display: none; }

.font-above { text-align: center; max-width: 800px; width: 100%; margin: -5px auto 25px; }
.font-above p { color: #2D203B; font-weight: bold; line-height: 30px; position: relative; display: inline-block; padding-left: 60px; padding-right: 60px; margin: 0; }
.font-above p:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 38px; height: 16px; margin-top: -4.5px; vertical-align: middle; background: url(/images/icon-font.png) no-repeat; }
.font-above p:after { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; width: 38px; height: 16px; margin-top: -4.5px; vertical-align: middle; background: url(/images/icon-font.png) no-repeat; }

.show-good { color: #635D6B; font-size: 16px; line-height: 36px; }
.show-good li { position: relative; width: 97%; margin-left: 3%; margin-bottom: 30px; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px rgba(13,43,71,.2); -moz-box-shadow: 0px 0px 15px rgba(13,43,71,.2); -ms-box-shadow: 0px 0px 15px rgba(13,43,71,.2); -o-box-shadow: 0px 0px 15px rgba(13,43,71,.2); box-shadow: 0px 0px 15px rgba(13,43,71,.2); border: 1px solid #EEEEEE \9; }
.show-good li img { position: absolute; left: 0; top: 50%; width: 79px; height: 99px; margin-top: -50px; }
.show-good li p { height: 100px; padding: 6px 20px 6px 84px; margin: 0; }
.show-good li p em { display: inline-block; vertical-align: middle; }
.show-good li p:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.base-link { margin-top: 55px; padding-bottom: 45px; background: url(/images/link-bg.png) no-repeat #FFF center; }
.link-ask { float: left; width: 48%; text-align: center; }
.link-ask a, .link-ask span { position: relative; display: inline-block; text-align: center }
.link-ask a:hover, .link-ask span:hover { color: #8EA9F2; }
.link-ask a:after, .link-ask span:after { content: ''; display: inline-block; position: absolute; right: 15%; top: 35%; width: 28px; height: 28px; background: url(/images/link-hand.gif) no-repeat; vertical-align: middle; margin-left: 10px; }
.link-tel { float: left; width: 50%; margin-left: 2%; margin-top: 16px; }
.link-tel p { display: inline-block; vertical-align: middle; margin-left: 20px; line-height: 1.2; }
.link-tel p em { display: block; color: #333; font-size: 14px; }
.link-tel p strong, .link-tel p strong a { display: block; font-size: 20px; font-weight: bolder; color: #F94828; background-image: -webkit-gradient(linear, 0 0, right 0, from(#F98C30), to(#F94828)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-top: 8px; }
.link-tel p strong i { font-size: 26px; }
.link-tel p strong:after { content: ""; display: block; width: 112px; height: 1px; margin-top: 8px; background: -webkit-linear-gradient(left, #C8AE79 0%,#FFEECC 100%); background: -moz-linear-gradient(left, #C8AE79 0%, #FFEECC 100%); background: -ms-linear-gradient(left, #C8AE79 0%,#FFEECC 100%); background: -o-linear-gradient(left, #C8AE79 0%,#FFEECC 100%); background: linear-gradient(to right, #C8AE79 0%,#FFEECC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#C8AE79, endColorstr=#FFEECC, GradientType=1 ); }

.base-data { margin-bottom: 60px; }
.data-list { margin-top: -20px; }
.data-list ul { overflow: hidden; margin-left: -2%; margin-bottom: 0; padding: 10px 0; }
.data-list ul li { float: none; width: auto; display: inline-block; margin-left: 2%; color: #292D47; font-size: 18px; padding-left: 0; box-sizing: border-box; cursor: pointer; margin-bottom: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background-color: #E8EDFF; }
.data-list ul li span { display: block; padding: 10px 25px; line-height: 1.2; }
.data-list ul li:hover { color: #E93A47; }
.data-list ul li.cur { position: relative; z-index: 2; padding: 3px; border: 1px dashed #FFF; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); background-origin: border-box; }
.data-list ul li.cur:after { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }
.data-list ul li.cur span { display: block; color: #D43947; width: 100%; height: 100%; background-color: #E8EDFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); position: relative; z-index: 1; }
.data-list ul li.cur span:before { content: ""; display: inline-block; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background-color: #E8EDFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; z-index: -1; }
.data-no { display: none; }
.data-show table { margin-bottom: 25px; }
.data-show table td { padding: 5px 2px; word-break: break-all; }

.base-msg { position: relative; padding: 33px 50px; margin-top: 50px; min-height: 631px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background: url(/images/msg-bg.png) no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.base-msg:after { content: ""; display: inline-block; position: absolute; right: 0; top: 0; width: 301px; height: 458px; background: url(/images/msg-tip.png?v=0) no-repeat; }
.msg-main { width: 71%; }
.msg-main strong { color: #F33B47; font-size: 26px; line-height: 1.2; margin-bottom: 30px; }
.msg-main strong:before { content: ""; display: inline-block; width: 35px; height: 32px; background: url(/images/icon-tit.png) no-repeat; vertical-align: middle; margin-right: 10px; }
.msg-main p { color: #FFF; font-size: 16px; line-height: 30px; margin-top: 12px; }
.msg-main p.msg-ensure { margin-left: -5%; margin-top: 20px; }
.msg-main p span { position: relative; display: inline-block; margin-left: 5%; z-index: 0; }
.msg-main p span i { display: inline-block; font-size: 20px; line-height: 1.1; padding: 12px 28px; background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }
.msg-main p span:before, .msg-main p span:after { content: ""; display: inline-block; position: absolute; height: 100%; background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }
.msg-main p span:before { left: 12%; bottom: -14px; width: 76%; z-index: -1; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.msg-main p span:after { left: 6%; bottom: -7px; width: 88%; z-index: -1; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }

.msg-main ul { margin-top: 30px; margin-left: -2%; }
.msg-main ul li { position: relative; float: left; width: 48%; margin-left: 2%; }
.msg-main ul li.msg-area { width: 98%; }
.msg-main ul li img { position: absolute; left: 12px; top: 10px; width: 33px; height: 37px; }


.msg-main ul li input::-webkit-input-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li input:-moz-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li input::-moz-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li input:-ms-input-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li textarea::-webkit-input-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li textarea:-moz-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li textarea::-moz-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li textarea:-ms-input-placeholder { color: #0E183B; font-weight: normal; }
.msg-main ul li input { width: 100%; height: 47px; line-height: 30px; padding: 5px 5px 5px 50px; background-color: #FFF; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.msg-main ul li textarea { width: 100%; height: 120px; line-height: 36px; padding: 5px 5px 5px 50px; background-color: #FFF; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.msg-btns { float: right; width: 295px; height: 64px; line-height: 64px; background: url(/images/btn-msg.png) no-repeat; text-align: right; margin-top: 70px; }
.msg-btns input { color: #FFF; font-size: 20px; background: none; width: 172px; height: 64px; text-align: center; cursor: pointer; }
.msg-btns input:hover { color: #E93A47; }

.base-case { margin-top: 50px; }
.base-case ul { margin-left: -2%; }
.base-case ul li { float: left; width: 48%; margin-left: 2%; }
.base-case ul li .case-img { float: left; width: 50%; }
.base-case ul li .case-con { float: left; width: 46%; margin-left: 4%; }
.case-img a { position: relative; padding-top: 75%; display: block; }
.case-img a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.case-con a { display: inline-block; color: #2D203B; font-size: 18px; line-height: 30px; font-weight: bold; margin-top: 5px; }
.case-con a:hover { color: #E93A47; }
.case-con p { line-height: 24px; color: #635D6B; font-size: 16px; margin-top: 15px; }
.case-con p img { width: 24px; height: 24px; margin-right: 10px; }
.case-con p span { color: #E93A47; }

.base-news { margin-top: 60px; border: 1px solid #F0F3FA; }
.base-name { height: 56px; line-height: 56px; background-color: #F0F3FA; }
.base-name strong { display: inline-block; height: 56px; padding: 0 20px; color: #2D203B; font-size: 26px; background-color: #FFF; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; -ms-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; border-top-right-radius: 20px; }
.base-name a { float: right; padding-right: 30px; color: #635D6B; }
.base-name a:hover { color: #2D203B; }
.base-news ul { padding: 20px; margin-left: -2%; }
.base-news ul li { position: relative; float: left; width: 48%; margin-left: 2%; border-bottom: 1px dashed #DCDADE; padding: 20px 0; }
.base-news ul li:before { content: ""; display: inline-block; position: absolute; left: 0; top: 22px; width: 22px; height: 23px; background: url(/images/news-icon.png) no-repeat; }
.base-news ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #635D6B; font-size: 16px; line-height: 1.2; padding-left: 30px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.base-news ul li:hover a { margin-left: 5px; color: #E93A47; }


.show-fr { float: right; width: 25%; }
.relate-pro strong { display: block; color: #333; font-size: 20px; line-height: 1.2; padding-left: 20px; }
.relate-pro strong:before { content: ''; display: inline-block; width: 35px; height: 32px; background: url(/images/icon-tit.png) no-repeat; vertical-align: middle; margin-right: 10px; }
.relate-pro strong:after { content: ''; display: inline-block; width: 45px; height: 37px; background: url(/images/good-line.png) no-repeat; vertical-align: middle; margin-left: 10px; }
.relate-pro ul { padding: 20px; background: url(/images/line-relate.png); }
.relate-pro ul li { margin-bottom: 20px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.relate-pro ul li > a { position: relative; padding-top: 74%; display: block; }
.relate-pro ul li > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.relate-pro ul li p { height: 50px; line-height: 50px; text-align: center; background-color: #FFF; -webkit-box-shadow: 0 2px 5px rgba(0,19,39,.1); -moz-box-shadow: 0 2px 5px rgba(0,19,39,.1); -ms-box-shadow: 0 2px 5px rgba(0,19,39,.1); -o-box-shadow: 0 2px 5px rgba(0,19,39,.1); box-shadow: 0 2px 5px rgba(0,19,39,.1); -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.relate-pro ul li p a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.relate-pro ul li:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.relate-pro ul li:hover p a { color: #E93A47; }

/* casedetail style */
.show-case .pro-pic { width: 52.5%; }
.show-case .pro-pic:before { display: none; }
.show-case .pro-pic span { padding: 6px 70px; margin-left: 22%; }
.show-case .pic-type { padding-top: 70%; }
.show-case .pro-info { width: 47.5%; }
.show-case .pro-info h1 { width: 78%; }
.pro-info .case-base { padding: 36px 40px 50px 6px; margin: 35px 0 32px; background: -webkit-linear-gradient(top, #052746 0%,#10426D 100%); background: -moz-linear-gradient(top, #052746 0%, #10426D 100%); background: -ms-linear-gradient(top, #052746 0%,#10426D 100%); background: -o-linear-gradient(top, #052746 0%,#10426D 100%); background: linear-gradient(to bottom, #052746 0%,#10426D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#052746, endColorstr=#10426D, GradientType=0 ); -webkit-border-radius: 0 200px 200px 0; -moz-border-radius: 0 200px 200px 0; -ms-border-radius: 0 200px 200px 0; -o-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0; -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); }
.pro-info .case-base p { color: #FFF; font-size: 14px; line-height: 36px; font-weight: normal; letter-spacing: 0.4px; margin-bottom: 0; }
.pro-info .case-base p strong { font-size: 16px; font-weight: bold; }

.show-case .base-link { background: none; margin-top: 20px; padding-bottom: 0; }
.show-case .link-ask a:after, .show-case .link-ask span:after { right: 10%; }

/* newsdetail style */
.news-top { background: url(/images/news-bg.png) no-repeat top center; }
.detail-news { margin-top: 40px; }
.news-base > p { color: #635D6B; font-size: 18px; line-height: 40px; margin-bottom: 0; margin-top: 25px; }
.news-base > p i { display: inline-block; border: 1px solid #635D6B; padding: 0 20px; background-color: #FFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; margin-right: 12px; }
.news-base h1 { color: #332C42; font-size: 34px; line-height: 48px; width: 96%; }
.news-link { margin-top: 40px; padding-bottom: 10px; }
.link-base { float: left; }
.link-base img { display: inline-block; vertical-align: middle; width: 72px; height: 72px; border: 1px solid #E1E1E1; -webkit-border-radius: 72px; -moz-border-radius: 72px; -ms-border-radius: 72px; -o-border-radius: 72px; border-radius: 72px; }
.link-base p { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 30px; }
.link-base p em { display: block; color: #332C42; font-size: 24px; line-height: 36px; }
.link-base p i { display: block; color: #635D6B; font-size: 14px; line-height: 36px; }
.link-btn { float: right; width: 270px; height: 57px; line-height: 57px; background: url(/images/news-btn.png) no-repeat; text-align: right; }
.link-btn span { float: right; display: block; width: 146px; text-align: center; cursor: pointer; color: #fff; }
.link-btn span:hover { font-weight: bold; }

.news-line { position: relative; clear: both; overflow: hidden; margin-bottom: 20px; }
.news-line i { display: inline-block; width: 97%; height: 1px; background-color: #969696; vertical-align: middle; }
.news-line:before { content: ""; display: inline-block; position: absolute; left: 0; bottom: 11px; width: 194px; height: 6px; background: url(/images/line-shape.png) no-repeat; }
.news-line:after { content: ""; display: inline-block; position: absolute; right: 0; bottom: 9px; width: 8px; height: 8px; background: url(/images/line-block.png) no-repeat; }
.news-font { float: left; width: 63px; height: 28px; margin-right: 15px; background: url(/images/news-font.png) no-repeat left top; }

.show-page { padding: 0 30px; background-color: #FFF; -webkit-box-shadow: 0 0 10px rgba(61,118,177,.3); -moz-box-shadow: 0 0 10px rgba(61,118,177,.3); -ms-box-shadow: 0 0 10px rgba(61,118,177,.3); -o-box-shadow: 0 0 10px rgba(61,118,177,.3); box-shadow: 0 0 10px rgba(61,118,177,.3); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 1px solid #E4ECF4 \9; }
.show-page p { line-height: 29px; padding: 20px 0 14px; border-bottom: 1px dashed #DDD; }
.show-page p.page-next { border-bottom: none; }
.show-page p img { width: 28px; height: 29px; vertical-align: middle; margin-top: 5px; margin-right: 8px; }
.show-page p span { color: #332C42; }
.show-page p a { color: #635D6B; }
.show-page p a:hover { color: #E93A47; }

.base-about { position: relative; padding: 20px; background-color: #F2F5FF; margin-bottom: 50px; margin-top: 154px; }
.base-about:before { content: ""; display: inline-block; position: absolute; left: 0; top: -60px; width: 100%; height: 60px; background: url(/images/news-curve02.png) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.base-year { text-align: center; margin-bottom: 8px; }
.base-about > p { color: #332C42; font-size: 16px; line-height: 30px; }
.base-about .link-tel { float: none; width: 100%; margin-left: 0; margin-bottom: 30px; margin-top: 36px; }
.base-about .link-tel p { margin-left: 0; margin-right: 20px; }
.base-about .link-ask { float: none; width: 100%; }
.base-about .link-ask a { width: 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

/* news style */
.common-top { position: relative; }
.common-top:before { display: none !important; content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 450px; background: url(/images/dot-show.png); z-index: -1; }
.news-show { margin-top: 60px; margin-bottom: 60px; }
.news-tit { position: relative; height: 145px }
.news-tit:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 145px; background: url(/images/news-curve01.png); -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; z-index: -1; }
.news-tit h2 { position: relative; float: left; width: 360px; text-align: center; color: #2D203B; font-size: 32px; line-height: 1.1; margin-top: 40px; margin-left: 20px; }
.news-tit h2:before { content: ""; display: inline-block; position: absolute; bottom: 10px; left: 50%; width: 170px; height: 62px; background: url(/images/news-font01.png) no-repeat; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
.news-tit a { float: right; color: #2D203B; font-size: 18px; margin-top: 70px; }
.news-tit a:hover { color: #E93A47; }

.news-hot { margin-left: -2%; }
.news-slick { float: left; width: 47%; }
.news-slick li { padding: 0 30px 30px 2%; }
.news-slick li > a { position: relative; padding-top: 58%; display: block; }
.news-slick li > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-con { padding: 28px 30px 40px; background-color: #FFF; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 8px 21px rgba(13,47,71,.13); -moz-box-shadow: 0 8px 21px rgba(13,47,71,.13); -ms-box-shadow: 0 8px 21px rgba(13,47,71,.13); -o-box-shadow: 0 8px 21px rgba(13,47,71,.13); box-shadow: 0 8px 21px rgba(13,47,71,.13); border: 1px solid #EEEEEE \9; }
.news-con span { display: block; height: 18px; line-height: 18px; color: #635D6B; font-size: 14px; }
.news-con span img { width: 18px; height: 18px; margin-right: 5px; margin-top: -1px; display: inline-block; }
.news-con h3 { margin: 15px 0 16px; }
.news-con h3 a { display: block; color: #2D203B; font-size: 20px; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-con h3 a:hover { color: #E93A47; }
.news-con p { color: #635D6B; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-slick.slick-initialized .slick-slide:focus { outline: none; }
.news-slick .slick-dots { top: 52%; bottom: auto; right: 50px; text-align: right; }
.news-slick .slick-dots li button { width: 12px; height: 12px; background-color: #21162D; }
.news-slick.slick-slider .slick-active button { width: 35px; background-color: #FC2A3B; }

.news-fr { float: right; width: 53%; }
.news-fr li.news-con { padding: 35.5px 33px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.news-fr li a.news-more { color: #635D6B; font-size: 16px; line-height: 1.1; }
.news-fr li a.news-more:hover { font-weight: bold; }

.news-main ul { margin-left: -2%; }
.news-main ul li { position: relative; float: left; padding: 30px 40px; margin-top: 55px; width: 48%; margin-left: 2%; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 21px rgba(13,43,71,.23); -moz-box-shadow: 0 0 21px rgba(13,43,71,.23); -ms-box-shadow: 0 0 21px rgba(13,43,71,.23); -o-box-shadow: 0 0 21px rgba(13,43,71,.23); box-shadow: 0 0 21px rgba(13,43,71,.23); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 1px solid #EEEEEE \9; }
.news-pic { position: absolute; left: 0; top: -25px; width: 210px; }
.news-pic a { position: relative; padding-top: 76%; display: block; }
.news-pic a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.news-info { padding-left: 200px; }
.news-info h3 { margin-bottom: 20px; line-height: 30px; height: 60px; }
.news-info h3 a { color: #2D203B; font-size: 20px; line-height: 30px; overflow: hidden; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-info p { line-height: 18px; }
.news-info p span { display: block; color: #635D6B; font-size: 14px; overflow: hidden; }
.news-info p img { width: 18px; height: 18px; margin-right: 5px; margin-top: -2px; display: inline-block; }
.news-info p a { float: right; }
.news-main ul li:hover { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
.news-main ul li:hover h3 a { color: #E93A47; }
.news-main ul li:hover a.news-more { font-weight: bold; }

.news-know { margin-top: 150px; margin-bottom: 50px; }
.news-know .news-tit h2:before { width: 360px; height: 64px; background: url(/images/news-font02.png) no-repeat; }
.news-know ul { margin-left: -8%; }
.news-know ul li { float: left; width: 42%; margin-left: 8%; line-height: 30px; padding: 13px 0; }
.news-know ul li span { float: right; color: #635D6B; font-size: 14px; padding-left: 40px; }
.news-know ul li span:before { content: ''; display: inline-block; width: 12px; height: 12px; background: url(/images/icon-time02.png) no-repeat; margin-right: 10px; }
.news-know ul li a { position: relative; color: #2D203B; padding-left: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.news-know ul li a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 8px; width: 22px; height: 23px; background: url(/images/news-icon.png) no-repeat; margin-right: 10px; }
.news-know ul li:hover a { margin-left: 5px; color: #E93A47; }

/* newslist style */
.common-top.top-dot01:before { height: 570px; }
.news-list { margin-top: 100px; margin-bottom: 100px; }
.news-list li { margin-bottom: 50px; height: 208px; }
.list-time { position: relative; float: left; width: 12.5%; height: 100%; line-height: 1.3; text-align: center; }
.list-time:before { content: ""; display: inline-block; position: absolute; right: 0; top: 0; width: 450px; height: 100%; background-color: #FFF; z-index: -1; }
.list-time:after { content: ""; display: inline-block; position: absolute; right: -10px; top: 50%; width: 16px; height: 110px; margin-top: -55px; background: url(/images/news-arrow.png) no-repeat; display: none; }
.list-time span { display: block; font-size: 46px; margin-top: 60px; }
.list-time i { display: block; font-size: 14px; }
.list-info { float: left; width: 87.5%; height: 100%; padding: 56px 64px 46px; background-color: #FFF; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); -ms-box-shadow: 0 0 6px rgba(0,0,0,.2); -o-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border: 1px solid #EEEEEE \9; }
.list-info a { display: block; color: #2D203B; font-size: 20px; font-weight: bold; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 24px; }
.list-info p { color: #635D6B; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-list li:hover .list-time { color: #FFF; }
.news-list li:hover .list-time:before { background-color: #F43B47; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(left, #FFF 0%,#F43B47 100%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 100%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); }
.news-list li:hover .list-time:after { display: block; }
.news-list li:hover .list-info a { color: #E93A47; }


/* page style */
.page-show { position: relative; text-align: center; margin-bottom: 100px; margin-top: -50px; }
.page-data { display: inline-block; margin: 0 auto; font-size: 0; }
.page-data li { display: inline-block; font-size: 16px; margin: 0 5px; }
.page-data li span, .page-data li a { display: inline-block; padding: 10px 15px; border: 1px solid #CACACA; line-height: 18px; }
.page-data li.active span, .page-data li a:hover { color: #FFF; padding: 11px 16px; border: none; background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); }
.page-more { position: absolute; left: 50%; left: 29%\9; bottom: 64px; width: 580px; padding: 30px 35px 10px; border: 1px solid #CACACA; background: url(/images/page-line.png) #FFF repeat-x left top; font-size: 0; display: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.page-more li { display: inline-block; font-size: 14px; margin: 0 5px; }
.page-list li span, .page-list li a { display: inline-block; width: 40px; height: 40px; border: 1px solid #CACACA; line-height: 40px; }
.page-list li.page-active span, .page-list li a:hover, .page-tab li.on a, .page-tab li a:hover { color: #FFF; border: none; background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 ); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); }
.page-tab { margin-top: 30px; text-align: left; }
.page-tab li { margin: 0 0 20px; width: 25%; }
.page-tab li span, .page-tab li a, .page-tab li.on a, .page-tab li a:hover { display: block; line-height: 36px; text-align: center; margin: 0 5px; background-color: #F5F5F5; }
.page-arrow { display: block; position: absolute; bottom: -12px; left: 62%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #CACACA transparent transparent; }
.page-arrow i { display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #FFF transparent transparent; }
.page-data li.pagemore span { cursor: pointer; }
.dn { display: none; }

/* newsmore style */
.news-pro { margin-top: 36px; }
.news-pro .pro-pic:before { display: none; }
.news-pro .base-link { background: none; margin-top: 50px; padding-bottom: 0; }
.news-pro .link-ask a { width: 268px; height: 127px; line-height: 120px; text-indent: 100px; background: url(/images/link-asks.png) no-repeat; }
.news-pro .link-ask a:after { margin-left: 5px; }
.news-list h2 { line-height: 32px; font-weight: normal; color: #333; margin-bottom: 60px; font-size: 24px; }
.news-list h2 img { width: 25px; height: 32px; margin-right: 20px; margin-top: -4px; }
.news-list h2 a:hover { color: #E93A47; }
.news-list h2 strong { color: #EE3B47; font-size: 28px; font-weight: bold; }


/* produce style */
.common-top.top-dot02:before { height: 320px; }
.pro-show { padding: 90px 0; }
.pro-first { padding-top: 36px; }
.pro-type { position: relative; float: left; width: 36%; margin-top: 30px; margin-left: -26px; }
.pro-type:before { content: ""; display: inline-block; position: absolute; left: 50%; left: 0\9; bottom: 0; width: 453px; height: 358px; background: url(/images/pro-fl.png) no-repeat; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.pro-type a { position: relative; padding-top: 86%; display: block; }
.pro-type a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.pro-type a:hover img { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
.pro-link { float: right; width: 61.5%; }
.pro-tit { margin-bottom: 20px; }
.pro-tit strong { position: relative; float: left; width: 360px; color: #2D203B; margin-top: 40px; }
.pro-tit strong:before { content: ""; display: inline-block; position: absolute; bottom: 10px; left: 50%; width: 360px; height: 64px; background: url(/images/pro-font.png) no-repeat; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
.pro-tit strong a { color: #352E44; font-size: 40px; line-height: 1.1; padding-left: 5px; }
.pro-tit strong a:hover { color: #E93A47; }
.pro-btn { float: right; color: #2D203B; font-size: 18px; margin-top: 26px; width: 270px; height: 57px; line-height: 57px; background: url(/images/pro-btn.png) no-repeat; text-align: center; }
.pro-btn span { float: right; cursor: pointer; width: 146px; }
.pro-btn span:hover { color: #E93A47; }
.pro-link p { color: #635D6B; font-size: 16px; line-height: 30px; }
.pro-link ul { margin-left: -3%; margin-top: 45px; }
.pro-link ul li { float: left; width: 30.3%; margin-left: 3%; }
.pro-link ul li a.tit-pic { position: relative; padding-top: 73%; display: block; overflow: hidden; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; }
.pro-link ul li a.tit-pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.pro-link ul li:hover a.tit-pic img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.pro-link ul li a.tit-font { display: block; color: #2D203B; font-size: 20px; padding: 0 5px; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -ms-border-radius: 0 0 30px 30px; -o-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; -webkit-box-shadow: 0 5px 10px rgba(228,0,52,.1); -moz-box-shadow: 0 5px 10px rgba(228,0,52,.1); -ms-box-shadow: 0 5px 10px rgba(228,0,52,.1); -o-box-shadow: 0 5px 10px rgba(228,0,52,.1); box-shadow: 0 5px 10px rgba(228,0,52,.1); background: url(/images/pro-dot01.png) no-repeat #FFF center; border: 1px solid #EEEEEE \9; border-top: none\9; }
.pro-link ul li:hover a.tit-font { background: url(/images/pro-dot02.png) no-repeat center, -webkit-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -ms-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -o-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, linear-gradient(to right, #0C2b47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1 ); }
.pro-link ul li:hover a.tit-font { color: #FFF; font-weight: bold; }

.pro-line { -webkit-box-shadow: 0 0 10px rgba(13,43,71,.1); -moz-box-shadow: 0 0 10px rgba(13,43,71,.1); -ms-box-shadow: 0 0 10px rgba(13,43,71,.1); -o-box-shadow: 0 0 10px rgba(13,43,71,.1); box-shadow: 0 0 10px rgba(13,43,71,.1); border-top: 1px solid #EEEEEE \9; border-bottom: 1px solid #EEEEEE \9; }
.pros-show .pro-type { float: right; margin-left: 0; margin-right: -26px; }
.pros-show .pro-link { float: left; }
.pros-show .pro-type:before { background: url(/images/pro-fr.png) no-repeat; }

/* prolist style */
.common-top.top-dot03:before { height: 1080px; }
.pro-hot { margin-top: 30px; }
.hot-txt { float: left; width: 24%; margin-top: 60px; }
.hot-txt strong { display: block; color: #332C42; font-size: 60px; line-height: 1.1; font-weight: normal; margin-bottom: 12px; }
.hot-txt p { color: #332C42; font-size: 18px; line-height: 36px; margin-bottom: 20px; }
.hot-txt p.hot-base { margin-top: 5px; margin-bottom: 12px; }
.hot-txt p.hot-base img { width: 35px; height: 32px; margin-right: 12px; }
.hot-link { margin-top: 330px; }
.link-price { width: 100%; }
.link-price a, .link-price span { position: relative; display: inline-block; text-align: center; }
.link-price a:hover, .link-price span:hover { color: #8EA9F2; }
.link-price a:after, .link-price span:after { content: ''; display: inline-block; position: absolute; right: 15%; top: 35%; width: 28px; height: 28px; background: url(/images/link-pro.gif) no-repeat; vertical-align: middle; margin-left: 10px; }
.link-hotline { margin-top: 16px; text-align: center; }
.link-hotline p { text-align: left; display: inline-block; vertical-align: middle; margin-left: 20px; margin-top: 6px; line-height: 1.2; }
.link-hotline p em { display: block; color: #333; font-size: 14px; }
.link-hotline p strong { display: block; font-size: 20px; font-weight: bolder; color: #F43B47; background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-top: 8px; -webkit-text-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-text-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-text-shadow: 0 5px 5px rgba(228,0,52,.13); -o-text-shadow: 0 5px 5px rgba(228,0,52,.13); text-shadow: 0 5px 5px rgba(228,0,52,.13); }
.link-hotline p strong i { font-size: 26px; }
.link-hotline p strong:after { content: ""; display: block; width: 112px; height: 1px; margin-top: 8px; background: -webkit-linear-gradient(left, #0E2B47 0%,#FFFFFF 100%); background: -moz-linear-gradient(left, #0E2B47 0%, #FFFFFF 100%); background: -ms-linear-gradient(left, #0E2B47 0%,#FFEECC 100%); background: -o-linear-gradient(left, #0E2B47 0%,#FFFFFF 100%); background: linear-gradient(to right, #0E2B47 0%,#FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0E2B47, endColorstr=#FFFFFF, GradientType=1 ); }

.hot-pro { float: right; width: 70%; }
.hot-pro ul { margin-left: -4%; }
.hot-pro ul li { position: relative; float: left; width: 46%; margin-left: 4%; padding-top: 40%; text-align: center; background: url(/images/pro-hot.png) no-repeat bottom center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
.hot-pro ul li a { display: block; }
.hot-pro ul li a.rm-pic { position: absolute; top: 0; left: 0; width: 100%; }
.hot-pro ul li a.rm-tit { padding-bottom: 33px; color: #FFF; font-size: 24px; }
.hot-pro ul li.hot-mobile a.rm-pic { left: -47%; width: 145%; }
.hot-pro ul li a.rm-pic img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.hot-pro ul li:hover a.rm-pic img { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
.hot-pro ul li:hover a.rm-tit { color: #E93A47 }

.pro-sort { margin-top: 110px; }
.sort-show { position: relative; margin-bottom: 30px; padding-top: 10px }
.sort-show:after { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 168px; -webkit-box-shadow: 0 5px 10px rgba(288,0,52,.1); -moz-box-shadow: 0 5px 10px rgba(288,0,52,.1); -ms-box-shadow: 0 5px 10px rgba(288,0,52,.1); -o-box-shadow: 0 5px 10px rgba(288,0,52,.1); box-shadow: 0 5px 10px rgba(288,0,52,.1); z-index: -1; border: 1px solid #FFEAEF \9; }
.sort-show ul li { position: relative; float: left; width: 33%; text-align: center; }
.sort-show ul li:before { content: ""; display: inline-block; position: absolute; left: 50%; top: 140px; width: 1px; height: 0; background-color: #BF3747; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.sort-show ul li:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: -30px; width: 20px; height: 20px; margin-left: -10px; background: url(/images/msg-dot.png) no-repeat; display: none; }
.sort-show ul li a { display: block; }
.sort-show ul li span { margin-top: 40px; display: block; }
.sort-show ul li span a { display: inline-block; color: #2D203B; font-size: 26px; font-weight: bold; line-height: 1.1; }
.sort-show ul li a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.sort-show ul li:hover a img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.sort-show ul li:hover:before, .sort-show ul li.sort-active:before { height: 34px; }
.sort-show ul li:hover:after, .sort-show ul li.sort-active:after { display: block; }
.sort-show ul li.sort-active span a { color: #F43B47; background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-text-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-text-shadow: 0 5px 5px rgba(228,0,52,.13); -o-text-shadow: 0 5px 5px rgba(228,0,52,.13); text-shadow: 0 5px 5px rgba(228,0,52,.13); }
.sort-show ul li.sort-active:hover a img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.sort-list { margin-top: 66px; }
.sort-list ul { margin-left: -3.3%; margin-top: 45px; }
.sort-list ul li { float: left; width: 30%; margin-left: 3.3%; margin-bottom: 50px; }
.sort-list ul li a.cp-pic { position: relative; padding-top: 73%; display: block; overflow: hidden; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; }
.sort-list ul li a.cp-pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.sort-list ul li:hover a.cp-pic img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.sort-list ul li a.cp-tit { display: block; color: #2D203B; font-size: 20px; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 66px; line-height: 66px; text-align: center; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -ms-border-radius: 0 0 30px 30px; -o-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; -webkit-box-shadow: 0 5px 10px rgba(228,0,52,.1); -moz-box-shadow: 0 5px 10px rgba(228,0,52,.1); -ms-box-shadow: 0 5px 10px rgba(228,0,52,.1); -o-box-shadow: 0 5px 10px rgba(228,0,52,.1); box-shadow: 0 5px 10px rgba(228,0,52,.1); background: url(/images/pro-dot03.png) no-repeat #FFF center; border: 1px solid #FDECF0 \9; border-top: none \9; }
.sort-list ul li:hover a.cp-tit { background: url(/images/pro-dot04.png) no-repeat center, -webkit-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -ms-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, -o-linear-gradient(left, #0C2b47 0%,#F43B47 100%); background: url(/images/pro-dot02.png) no-repeat center, linear-gradient(to right, #0C2b47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1 ); }
.sort-list ul li:hover a.cp-tit { color: #FFF; font-weight: bold; }

/* case style */
.case-chose { margin-top: 60px; margin-bottom: 60px; }
.case-chose strong { position: relative; display: block; color: #332C42; font-size: 38px; line-height: 1.2; padding-left: 6px; padding-top: 50px; }
.case-chose strong:before { content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; width: 552px; height: 95px; background: url(/images/case-font.png) no-repeat; z-index: -1; }
.case-chose p { color: #2D203B; font-size: 18px; line-height: 32px; margin-top: 20px; }

.chose-show { margin-top: 20px; }
.chose-btn { float: right; margin-top: 10px; }
.chose-btn input { display: block; color: #FFF; font-size: 14px; width: 134px; height: 46px; line-height: 46px; background: -webkit-linear-gradient(left, #0C2B47 0%,#F43B47 80%); background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 80%); background: -ms-linear-gradient(left, #0C2B47 0%,#F43B47 80%); background: -o-linear-gradient(left, #0C2B47 0%,#F43B47 80%); background: linear-gradient(to right, #0C2B47 0%,#F43B47 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1); -webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0 5px 5px rgba(228,0,52,.13); box-shadow: 0 5px 5px rgba(228,0,52,.13); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; -webkit-background-size: 120% 100%; -moz-background-size: 120% 100%; -ms-background-size: 120% 100%; -o-background-size: 120% 100%; background-size: 120% 100%; background-position: left center; }
.chose-btn input:hover { background-position: right -10px center; }
.chose-show ul { display: block; overflow: hidden; padding: 10px; margin-left: -10px; }
.chose-show ul li { position: relative; float: left; width: 23%; margin-right: 2%; }
.chose-show li select, .chose-show li input { color: #4B556E; font-size: 14px; width: 100%; height: 46px; line-height: 46px; padding: 0 10px 0 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(13,43,71,.3); -moz-box-shadow: 0 0 10px rgba(13,43,71,.3); -ms-box-shadow: 0 0 10px rgba(13,43,71,.3); -o-box-shadow: 0 0 10px rgba(13,43,71,.3); box-shadow: 0 0 10px rgba(13,43,71,.3); border: 1px solid #EEEEEE \9; }
.chose-show li select option { line-height: 46px; }
.chose-show li.chose-tel i { position: absolute; left: 6px; top: 20px; width: 6px; height: 6px; background: url(/images/icon-key.png) no-repeat; }
.chose-show li input:-webkit-autofill { color: #FFF; -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px #EEE inset !important; -moz-box-shadow: 0 0 0px 1000px #EEE inset !important; -ms-box-shadow: 0 0 0px 1000px #EEE inset !important; -o-box-shadow: 0 0 0px 1000px #EEE inset !important; box-shadow: 0 0 0px 1000px #EEE inset !important; }

/* company style */
.common-top.top-dot04:before { height: 920px; }
.about-show { margin-top: 40px; }
.about-pic { position: relative; float: left; width: 56%; }
.about-pic:before { content: ""; display: inline-block; position: absolute; left: -60px; top: 0; width: 17px; height: 211px; background: url(/images/about-font01.png) no-repeat; }
.about-pic ul, .about-pic li img { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.about-slick .slick-prev:before, .about-slick .slick-next:before { display: none; }
.about-slick .slick-prev, .about-slick .slick-next { width: 66px; height: 66px; left: -80px; }
.about-slick .slick-prev { top: auto; bottom: 212px; background: url(/images/about-prev.png) no-repeat; }
.about-slick .slick-next { top: auto; bottom: 120px; background: url(/images/about-next.png) no-repeat; }
.about-slick.slick-initialized .slick-slide:focus { outline: none; }

.about-info { float: right; width: 39%; }
.about-info h1 { display: block; position: relative; color: #332C42; font-size: 50px; line-height: 1.1; margin-top: 40px; }
.about-info h1:before { content: ""; display: inline-block; position: absolute; bottom: 2px; left: 0; width: 527px; height: 78px; background: url(/images/about-font02.png?v=1) no-repeat; z-index: -1; }
.about-info p { color: #635d6B; font-size: 16px; line-height: 36px; text-indent: 2em; margin-top: 60px; }

.about-btn { width: 301px; height: 110px; background: url(/images/about-btn.png) no-repeat; line-height: 110px; color: #FFF; font-size: 24px; text-indent: 60px; cursor: pointer; margin-top: 70px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.about-btn:hover { text-indent: 70px; }

.popup-video { position: fixed; width: 100%; height: 100%; left: 0; top: -100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 9999; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.popup-video .video-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); }
.popup-video .video-close { position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; background: url(/images/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer; }
.popup-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 86%; }
.popup-video.open { top: 0; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.about-data { background: url(/images/about-curve.png) no-repeat top center; padding-top: 248px; padding-bottom: 70px; }
.about-data ul li { position: relative; float: left; width: 27%; line-height: 1.1; }
.about-data ul li.data-last { width: 18% }
.about-data ul li:before { content: ""; display: inline-block; position: absolute; left: -20px; bottom: 0; width: 150px; height: 150px; border: 10px solid #F4F1EF; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; z-index: -1; }
.about-data ul li i { display: block; margin-bottom: 5px; margin-left: 12px; }
.about-data ul li i sub { color: #635D6B; font-size: 16px; position: relative; top: -8px; vertical-align: bottom; }
.about-data ul li span { display: block; color: #332C42; font-size: 20px; }
.about-data ul li span:before { content: ""; display: inline-block; width: 30px; height: 2px; background-color: #CC9F67; vertical-align: middle; margin-right: 15px; }

.base-main { margin-top: 70px; }
.base-main ul { margin-left: -1%; }
.base-main ul li { float: left; width: 32.3%; margin-left: 1%; }
.base-main ul li img { display: block; width: 100%; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.base-main ul li span { display: block; background: url(/images/about-base.png) #FFF; color: #332C42; font-size: 20px; line-height: 24px; text-align: center; padding: 28px 0; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.about-ability { margin-top: 130px; }
.about-txt { position: relative; float: left; width: 29%; }
.about-txt:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 390px; height: 460px; background: url(/images/dot-show.png); z-index: -1; }
.about-txt h2 { display: block; position: relative; color: #332C42; font-size: 48px; line-height: 1.1; margin: 60px 0 40px; padding-left: 66px; }
.about-txt h2:before { content: ""; display: inline-block; position: absolute; bottom: 2px; left: 0; width: 527px; height: 80px; background: url(/images/about-font03.png?v=1) no-repeat; z-index: -1; }
.about-txt p { color: #332C42; font-size: 16px; line-height: 36px; margin-left: 66px; }
.about-pics { position: relative; float: right; width: 65%; margin-right: 16px; margin-bottom: 12px; }
.about-pics:before { content: ""; display: inline-block; position: absolute; right: -16px; bottom: -12px; width: 178px; height: 165px; background: -webkit-linear-gradient(left, #1D427A 0%,#396FAA 100%); background: -moz-linear-gradient(left, #1D427A 0%, #396FAA 100%); background: -ms-linear-gradient(left, #1D427A 0%,#396FAA 100%); background: -o-linear-gradient(left, #1D427A 0%,#396FAA 100%); background: linear-gradient(to right, #1D427A 0%,#396FAA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1D427A, endColorstr=#396FAA, GradientType=1); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; z-index: -1; }
.about-pics img { width: 100%; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.about-nation { margin-bottom: 100px; }
.about-font { position: relative; padding: 20px 0; margin-bottom: 40px; }
.about-font:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 390px; height: 240px; background: url(/images/dot-show.png); z-index: -1; }
.about-font h2 { display: block; position: relative; color: #332C42; font-size: 48px; line-height: 1.1; margin: 40px 0 30px; padding-left: 66px; }
.about-font h2:before { content: ""; display: inline-block; position: absolute; bottom: 2px; left: 0; width: 527px; height: 80px; background: url(/images/about-font03.png?v=0) no-repeat; z-index: -1; }
.about-font p { color: #332C42; font-size: 16px; line-height: 36px; margin-left: 66px; }
.about-nation img { width: 100%; }

/* service style */
.ser-base { text-align: center; }
.ser-base h1 { display: inline-block; position: relative; color: #332C42; font-size: 60px; line-height: 1.1; padding: 60px 0 26px; }
.ser-base h1:after { content: ""; display: inline-block; position: absolute; left: 0; top: 65px; width: 100%; height: 60px; background: -webkit-linear-gradient(top, transparent 30%,rgba(255,255,255,0.6) 100%); background: -moz-linear-gradient(top, transparent 30%, rgba(255,255,255,0.6) 100%); background: -ms-linear-gradient(top, transparent 30%,rgba(255,255,255,0.6) 100%); background: -o-linear-gradient(top, transparent 30%,rgba(255,255,255,0.6) 100%); background: linear-gradient(to bottom, transparent 30%,rgba(255,255,255,0.6) 100%); }
.ser-base h1:before { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; left: -60px\9; width: 892px; height: 100px; background: url(/images/ser-font.png?v=1) no-repeat top center; z-index: -1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.ser-base h1 strong { color: #FE4027; }

.ser-point { color: #332C42; font-size: 30px; line-height: 1.1; }
.ser-point span { position: relative; padding-left: 36px; margin: 0 20px; }
.ser-point span:before { content: ""; display: inline-block; position: absolute; left: 0; top: 10px; width: 43px; height: 28px; background: url(/images/ser-line01.png) no-repeat; }
.ser-do { position: relative; height: 160px; margin: 100px auto; background: url(/images/ser-dot.png) no-repeat center; }
.ser-do span { position: absolute; }
.ser-do span i { display: block; color: #6E6874; font-size: 24px; line-height: 1.1; margin: 5px 0; }
.ser-do span.do-con01 { left: 26%; top: 4px; }
.ser-do span.do-con02 { left: 38.5%; bottom: -4px; }
.ser-do span.do-con03 { left: 53%; top: 4px; }
.ser-do span.do-con04 { left: 67.5%; bottom: -4px; }

.ser-txt { color: #6E6874; font-size: 18px; line-height: 30px; width: 79%; text-align: center; margin: 25px auto 30px; }
.ser-show ul { margin-left: -3.3%; }
.ser-show ul li { position: relative; float: left; width: 30%; margin-left: 3.3%; }
.ser-show ul li:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: -webkit-linear-gradient(top, transparent 0%,#05163F 100%); background: -moz-linear-gradient(top, transparent 0%, #05163F 100%); background: -ms-linear-gradient(top, transparent 0%,#05163F 100%); background: -o-linear-gradient(top, #FFF 0%,#05163F 100%); background: linear-gradient(to bottom, transparent 0%,#05163F 100%); }
.ser-show ul li img { width: 100%; height: auto; -webkit-border-radius: 20px 20px 0 0;; -moz-border-radius: 20px 20px 0 0;; -ms-border-radius: 20px 20px 0 0;; -o-border-radius: 20px 20px 0 0;; border-radius: 20px 20px 0 0; }
.ser-show ul li span { position: absolute; left: 0; top: 0; width: 118px; height: 47px; line-height: 47px; text-align: center; color: #FFF; font-size: 22px; font-weight: bold; background: -webkit-linear-gradient(left, #E30032 0%,#F85454 100%); background: -moz-linear-gradient(left, #E30032 0%, #F85454 100%); background: -ms-linear-gradient(left, #E30032 0%,#F85454 100%); background: -o-linear-gradient(left, #E30032 0%,#F85454 100%); background: linear-gradient(to right, #E30032 0%,#F85454 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#E30032, endColorstr=#F85454, GradientType=1); -webkit-box-shadow: 0 5px 5px rgba(288,0,52,.13); -moz-box-shadow: 0 5px 5px rgba(288,0,52,.13); -ms-box-shadow: 0 5px 5px rgba(288,0,52,.13); -o-box-shadow: 0 5px 5px rgba(288,0,52,.13); box-shadow: 0 5px 5px rgba(288,0,52,.13); -webkit-border-radius: 18px 0 18px 0; -moz-border-radius: 18px 0 18px 0; -ms-border-radius: 18px 0 18px 0; -o-border-radius: 18px 0 18px 0; border-radius: 18px 0 18px 0; }
.ser-show ul li p { position: absolute; left: 6%; bottom: 20px; color: #FFF; font-size: 16px; line-height: 30px; width: 88%; z-index: 2; }

.ser-promise { margin-top: 110px; }
.ser-repair { height: 406px; }
.repair-base { float: left; width: 40%; height: 100%; background-color: #F4F5FF; border: 1px solid #E2E1E3; border-right: none; }
.repair-base ul { padding: 23px 90px 25px; }
.repair-base ul li { float: left; width: 50%; text-align: center; margin-bottom: 20px; }
.repair-base ul li img { width: 140px; height: auto }
.repair-base ul li span { display: block; color: #6E6874; font-size: 18px; line-height: 26px; }
.repair-video { position: relative; float: left; width: 60%; height: 100%; background: -webkit-linear-gradient(90deg, #0C2B47 0%,#F43B47 100%); background: -moz-linear-gradient(90deg, #0C2B47 0%, #F43B47 100%); background: -ms-linear-gradient(90deg, #0C2B47 0%,#F43B47 100%); background: -o-linear-gradient(90deg, #0C2B47 0%,#F43B47 100%); background: linear-gradient(10deg, #0C2B47 0%,#F43B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#F43B47, endColorstr=#0C2B47, GradientType=0); -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; }
.repair-video video { width: 88%; height: 100%; }
.repair-video:after { content: ""; display: inline-block; position: absolute; right: 0; top: 0; width: 13%; height: 100%; background: url(/images/ser-bg.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.repair-video strong { position: absolute; top: 110px; right: 35px; color: #FFF; font-size: 30px; line-height: 1.1; width: 30px; z-index: 2; }

.ser-parts { margin-top: 110px; }
.ser-parts .ser-txt { width: 90%; }
.ser-parts ul { margin-left: -3%; margin-top: 40px; }
.ser-parts ul li { float: left; width: 30.3%; margin-left: 3%; }
.ser-parts ul li img { width: 100%; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.ser-flow { margin-top: 110px; }
.flow-show { position: relative; margin: 120px 0 100px; }
.flow-show ul li { display: inline-block; position: absolute; text-align: center; }
.flow-show ul li span { display: block; color: #2D203B; font-size: 16px; line-height: 1.1; }
.flow-show ul li.flow-show01 { left: 4%; bottom: 0; }
.flow-show ul li.flow-show02 { left: 19%; top: 0; }
.flow-show ul li.flow-show03 { left: 37%; bottom: 0; }
.flow-show ul li.flow-show04 { left: 52%; top: 0; }
.flow-show ul li.flow-show05 { left: 69.5%; bottom: 0; }
.flow-show ul li.flow-show06 { left: 84.5%; top: 0; }

/* contact style */
.cont-base { text-align: center; margin-top: 50px; }
.cont-base h1 { display: inline-block; position: relative; color: #332C42; font-size: 50px; line-height: 1.1; padding: 26px 0 12px; }
.cont-base h1:before { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; left: -60px\9; width: 515px; height: 60px; background: url(/images/cont-font.png?v=1) no-repeat top center; z-index: -1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.cont-base p { color: #332C42; font-size: 20px; line-height: 36px; }
.cont-base p.cont-txt { margin-bottom: 30px; }
.cont-base p strong { display: inline-block; font-size: 20px; font-weight: bolder; color: #F94828; background-image: -webkit-gradient(linear, 0 0, right 0, from(#F98C30), to(#F94828)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-top: 8px; }
.cont-base p strong i { font-size: 26px; }

.cont-ask { position: relative; margin: 55px 0; }
.cont-ask:before { content: ''; display: inline-block; width: 406px; height: 12px; margin-right: 6px; background: url(/images/cont-line01.png) no-repeat left; }
.cont-ask:after { content: ''; display: inline-block; width: 406px; height: 12px; margin-left: 6px; background: url(/images/cont-line02.png) no-repeat right; }
.cont-ask span { position: relative; display: inline-block; cursor: pointer; color: #FFF; font-size: 14px; width: 112px; height: 48px; line-height: 48px; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); -webkit-background-size: 120% 100%; -moz-background-size: 120% 100%; -ms-background-size: 120% 100%; -o-background-size: 120% 100%; background-size: 120% 100%; background-position: left center; }
.cont-ask span:before { content: ""; display: inline-block; position: absolute; left: -5%; top: 48%; width: 110%; height: 5px; background-color: #FFF; z-index: -1; }
.cont-ask span:after { content: ""; display: inline-block; position: absolute; left: -5px; top: -5px; width: 122px; height: 58px; border: 1px dashed #25262B; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; }
.cont-ask span:hover { color: #F43B47; background-position: right center; }

.cont-main { margin-top: 140px; }
.cont-point { float: left; width: 25.2%; }
.cont-point ul li { position: relative; margin-bottom: 20px; }
.cont-point ul li span { position: absolute; left: 0; bottom: 26px; width: 100%; padding: 0 20px; text-align: right; line-height: 30px; color: #332C42; font-size: 16px; }
.cont-msg { float: right; width: 66%; }
.cont-msg .base-msg { margin-top: 0; }

.cont-font { text-align: center; margin: 180px auto 50px; background: url(/images/cont-bg.png) no-repeat center; }
.cont-font span { display: block; color: #2D203B; font-size: 30px; line-height: 1.2; }
.cont-font strong { font-size: 50px; font-weight: bolder; color: #F43B47; background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-top: 8px; -webkit-text-shadow: 0 5px 5px rgba(228,0,52,.13); -moz-text-shadow: 0 5px 5px rgba(228,0,52,.13); -ms-text-shadow: 0 5px 5px rgba(228,0,52,.13); -o-text-shadow: 0 5px 5px rgba(228,0,52,.13); text-shadow: 0 5px 5px rgba(228,0,52,.13); }

.cont-map h2 { text-align: center; color: #2D203B; font-size: 34px; line-height: 1.1; margin-bottom: 20px; }
.cont-map h2:before { content: ''; display: inline-block; width: 70px; height: 2px; vertical-align: middle; margin-right: 20px; background: url(/images/tit-fl03.png) no-repeat; }
.cont-map h2:after { content: ''; display: inline-block; width: 70px; height: 2px; vertical-align: middle; margin-left: 20px; background: url(/images/tit-fr03.png) no-repeat; }

.map-show { width: 100%; height: 500px; background-color: #12213E; overflow: hidden; }
#allmap { width: 100%; height: 120%; background-color: rgb(243, 241, 236) !important; }
#allmap img { max-width: 999px }

/* error style */
.common-top.top-dot05:before { height: 260px; }
.error { text-align: center; margin: -40px auto 80px; }
.error img { max-width: 1060px; width: 100%; height: auto; }
.error-btn { margin-top: 30px; }
.error-btn a { display: inline-block; padding: 20px 50px; border-radius: 50px; color: #FFF; font-size: 26px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(36deg, #0C2B47 0%,#ED3B47 100%); background: -moz-linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%); background: -ms-linear-gradient(36deg, #0C2B47 0%,#ED3B47 100%); background: -o-linear-gradient(36deg, #0C2B47 0%,#ED3B47 100%); background: linear-gradient(36deg, #0C2B47 0%,#ED3B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#ED3B47, GradientType=1 ); -webkit-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16); -moz-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16); -ms-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16); -o-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16); box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16); }
.error-btn a:hover { color: #F43B47; }

/* fixed style */
.show-fix .fix-ask { position: fixed; right: 10px; top: 30%; z-index: 999; }
.ask-place { position: relative; }
.fix-ask span { position: absolute; top: 42%; left: 6%; cursor: pointer; color: #DAC394; font-size: 24px; width: 80%; height: 41%; }
.fix-ask a { position: absolute; bottom: 6%; left: 6%; width: 80%; color: #FFF; font-size: 14px; font-weight: bold; width: 90px; height: 27px; line-height: 27px; text-align: center; -webkit-border-radius: 0 20px 20px 9px; -moz-border-radius: 0 20px 20px 9px; -ms-border-radius: 0 20px 20px 9px; -o-border-radius: 0 20px 20px 9px; border-radius: 0 20px 20px 9px; background: -webkit-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%); background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%); background: -ms-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%); background: -o-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%); background: linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1 ); -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13); -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13); box-shadow: 0px 5px 5px rgba(228,0,52,.13); -webkit-background-size: 120% 100%; -moz-background-size: 120% 100%; -ms-background-size: 120% 100%; -o-background-size: 120% 100%; background-size: 120% 100%; background-position: left center; }
.fix-ask a:hover { color: #E7d3A8; }
.show-fix .fix-top { position: fixed; bottom: 80px; right: 20px; width: 50px; height: 50px; z-index: 999; background: url(../images/fix-top.png) no-repeat center; cursor: pointer; display: none; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; z-index: 999; }

/* IE9+ */
@media all and (min-width:0) {
    .header, .case-show .case-con:before, .list-con, .news-con, .news-main ul li, .list-info, .show-page, .chose-show li select, .chose-show li input, .sort-list ul li a.cp-tit, .show-good li, .pro-link ul li a.tit-font, .pro-line, .sort-show:after { border: none\9; }
    .page-more, .pro-type:before, .ser-base h1:before, .cont-base h1:before { left: 50%\9; }
    .pro-info ul li:after { top: 50%\9; }
    .pro-point { background-color: #FFF \9; }
}


/* 响应式 */
@media screen and (max-width:1540px) {
    .about-pic:before { display: none; }
    .about-slick .slick-prev, .about-slick .slick-next { left: 10px; z-index: 2; }
    .show-fix .fix-ask { right: 0; }
    .fix-ask img { width: 160px; height: auto; }
}

@media screen and (max-width:1440px) {
    .pro-type { margin-left: 0; }
    .pros-show .pro-type { margin-right: 0; }
}

@media screen and (max-width:1400px) {
    .logo { width: 20%; }
    .nav { width: 75%; }
    .case-info h3 a { font-size: 32px; }
    .index-name h2 { font-size: 36px; }
    .about-info h1:before { width: 100%; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
    .about-data ul li span { font-size: 18px; }
    .about-data ul li { width: 25%; }
    .about-data ul li.data-last { width: 25%; }
    .case-chose strong:before { -webkit-background-size: 88%; -moz-background-size: 88%; -ms-background-size: 88%; -o-background-size: 88%; background-size: 88%; }
    .base-about .link-tel p { margin-right: 6px; }
    .base-about .link-tel img { width: 66px; height: auto; }
    .link-tel p strong i { font-size: 24px; }
    .flow-show ul li.flow-show01, .flow-show ul li.flow-show03, .flow-show ul li.flow-show05 { bottom: -25px; }
    .flow-show ul li.flow-show02, .flow-show ul li.flow-show04, .flow-show ul li.flow-show06 { top: -10px; }
    .cont-point ul li span { font-size: 14px; }
    .fix-ask img { width: 130px; }
    .fix-ask a { font-size: 12px; font-weight: normal; width: 60%; height: 24px; line-height: 24px; bottom: 5% }
    .show-fix .fix-top { width: 40px; height: 40px; }
}

@media screen and (max-width:1300px) {
    .pro-type, .show-fr, .cont-point { display: none; }
    .pro-link, .show-fl, .cont-msg { width: 100%; }
    .hot-txt strong { font-size: 50px; }
    .link-hotline { text-align: left; }
    .link-hotline img { display: none; }
    .pro-pic p i { font-size: 18px; }
    .pro-info ul { padding: 28px 30px 28px 0; margin: 20px 0; }
    .pro-info { margin-top: 50px; }
    .show-case .link-ask { width: 40%; }
    .show-case .link-ask a:after, .show-case .link-ask span:after { width: 22px; height: 22px; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
    .show-case .link-tel { width: 57%; }
    .show-case .link-tel img { width: 66px; height: auto; }
    .show-case .link-tel p { margin-left: 10px; }
    .show-case .pro-info h1 { width: 94% }
    .news-slick .slick-dots { top: 48%; }
    .news-fr li.news-con { padding: 30px; }
    .flow-show ul li.flow-show01 { left: 3.5%; bottom: -40px; }
    .flow-show ul li.flow-show02 { left: 18.5%; top: -30px; }
    .flow-show ul li.flow-show03 { left: 36%; bottom: -40px; }
    .flow-show ul li.flow-show04 { left: 51.2%; top: -30px; }
    .flow-show ul li.flow-show05 { left: 69%; bottom: -40px; }
    .flow-show ul li.flow-show06 { left: 84%; top: -30px; }
    .cont-main, .cont-font { margin-top: 100px; }
}

@media screen and (max-width:1260px) {
    .case-info { padding-bottom: 30px; margin-top: 20px; }
    .case-info h3 { margin-bottom: 70px; }
    .about-txt h2:before, .about-font h2:before { width: 100%; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
    .news-tit a { font-size: 16px; margin-top: 60px; }
    .news-info p a { display: none; }
    .repair-video strong { right: 25px; }
    .repair-base ul { padding: 22px; }
}

@media screen and (max-width:1200px) {
    .nav ul li a { font-size: 16px; }
    .index-tit h1, .pro-info h1 { font-size: 36px; }
    .news-base h1 { font-size: 32px; width: 100%; }
    .about-info h1, .cont-base h1 { font-size: 46px; }
    .ser-base h1 { font-size: 52px; padding-top: 46px; }
    .pro-info h2 { font-size: 34px; }
    .show-tit h2 { font-size: 32px; }
    .about-txt h2, .about-font h2 { font-size: 42px; padding-left: 0; }
    .show-tit h2 span { font-size: 19px; }
    .good-show ul li h3 a { font-size: 22px; }
    .case-info h3 a { font-size: 28px; }
    .case-info h3 { margin-bottom: 60px; }
    .btn-show i { width: 32%; }
    .about-msg { padding-left: 20px; padding-right: 20px; }
    .msg-tit span { font-size: 24px; }
    .about-base ul li strong { font-size: 50px; }
    .about-slick .slick-prev, .about-slick .slick-next { display: none !important; }
    .about-info p { margin-top: 40px; }
    .about-btn { margin-top: 40px; }
    .about-info { width: 41%; }
    .about-data { padding-top: 200px; }
    .about-data ul li:nth-child(1) i img { width: 100px; }
    .about-data ul li:nth-child(2) i img { width: 146px; }
    .about-data ul li:nth-child(3) i img { width: 96px; }
    .about-data ul li:nth-child(4) i img { width: 128px; }
    .about-data ul li:before { width: 130px; height: 130px; }
    .about-data ul li span { font-size: 16px; }
    .about-txt p, .about-font p { margin-left: 0; }
    .pro-tit strong a { font-size: 36px; }
    .pro-tit strong:before { -webkit-background-size: 88%; -moz-background-size: 88%; -ms-background-size: 88%; -o-background-size: 88%; background-size: 88%; }
    .pro-show { padding: 50px 0; }
    .hot-link { margin-top: 260px; }
    .pro-sort { margin-top: 60px; }
    .hot-txt strong { font-size: 40px; }
    .sort-show ul li span a { font-size: 22px; }
    .hot-pro ul li a.rm-tit { font-size: 22px; padding-top: 10px; }
    .pro-info { margin-top: 20px; }
    .pro-pic p i { font-size: 16px; margin-right: 10px; }
    .btn-show.btn-pro { margin-top: 30px; }
    .pro-pic p { padding-left: 15px; padding-right: 15px; }
    .show-fl h2 { font-size: 26px; }
    .show-fl h3 { font-size: 24px; }
    .pro-info .case-base { padding-top: 30px; padding-bottom: 30px; margin: 20px 0; }
    .news-con { padding: 20px 20px 30px; }
    .news-fr li a.news-more { display: none; }
    .news-fr .news-con h3 { margin-top: 25px; }
    .news-fr li.news-con { padding-top: 34px; }
    .news-con h3 a, .news-info h3 a { font-size: 18px; }
    .news-main ul li { padding-right: 20px; }
    .news-info { padding-left: 190px; }
    .ser-base h1:before { width: 720px; height: 80px; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
    .repair-video:after { width: 16%; }
    .ser-do { margin: 80px auto; }
    .ser-promise { margin-top: 60px; }
    .ser-parts, .ser-flow { margin-top: 80px; }
    .ser-do span.do-con01 { left: 23%; }
    .ser-txt { width: 100%; font-size: 16px; }
    .flow-show ul li.flow-show01 img, .flow-show ul li.flow-show03 img, .flow-show ul li.flow-show05 img { width: 130px; height: auto; }
    .flow-show ul li.flow-show02 img, .flow-show ul li.flow-show04 img, .flow-show ul li.flow-show06 img { width: 161px; height: auto; }
    .repair-video strong { right: 37px; font-size: 28px; }
    .cont-base p { font-size: 18px; }
    .cont-font span { font-size: 26px; }
    .cont-font strong { font-size: 42px; }
    .cont-map h2 { font-size: 32px; margin-bottom: 30px; }
    .cont-main, .cont-font { margin-top: 60px; }
    .error-btn a { font-size: 22px; }
    .fix-ask img { width: 110px; }
    .fix-ask a { height: 20px; line-height: 20px; width: 56%; }
}

@media screen and (max-width:1080px) {
    .nav ul li { margin-right: 5%; }
    .case-show .case-main:before { height: 100% }
    .case-info h3 a { color: #2D203B; font-weight: bold; font-size: 26px; }
    .case-info h3 { margin-bottom: 30px; }
    .case-info ul { margin: 30px 0; }
    .case-info p { font-size: 16px; }
    .hot-link { margin-top: 200px; }
    .pro-link ul li a.tit-font, .sort-list ul li a.cp-tit { font-size: 18px; }
    .show-case .link-tel img { width: 58px; }
    .show-case .link-tel p strong i { font-size: 24px; }
    .show-case .pro-info h1 { font-size: 32px; }
    .news-fr li.news-con { padding-top: 30px; padding-bottom: 20px; }
    .news-pic { width: 200px; top: -20px; }
    .news-info { padding-left: 180px; }
    .ser-do span.do-con01 { top: -9px }
    .ser-do span.do-con03 { top: -3px }
    .flow-show ul li.flow-show01 img, .flow-show ul li.flow-show03 img, .flow-show ul li.flow-show05 img { width: 120px; height: auto; }
    .flow-show ul li.flow-show02 img, .flow-show ul li.flow-show04 img, .flow-show ul li.flow-show06 img { width: 148px; height: auto; }
    .repair-video strong { right: 26px; }
    .cont-ask:before, .cont-ask:after { width: 360px; }
}

.base-show .list1 li { width: 31%; display: block; float: left; margin: 1%; padding: 2%; }

.base-show .list1 li:nth-child(1) { background: url(../images/ys1.png) top 50px center no-repeat; }
.base-show .list1 li:nth-child(2) { background: url(../images/ys4.png) top 50px center no-repeat; }
.base-show .list1 li:nth-child(3) { background: url(../images/ys3.png) top 50px center no-repeat; }
.base-show .list1 h3 { font-size: 22px; color: #333; line-height: 34px; margin: 121px 0 30px 0; text-align: center; /* line-height: 30px; */ }
.base-show .list2 li:nth-child(1) { background: url(../images/cp-pic2.png) top 50px center no-repeat; }
.base-show .list2 li:nth-child(2) { background: url(../images/cp-pic1.png) top 50px center no-repeat; }
.base-show .list2 li:nth-child(3) { background: url(../images/fanjipo.png) top 50px center no-repeat; }


.position { margin: 0 auto; width: 1366px }