html,body,.wrap,.container,.wrapper,.cate-list li a.cate-img {
margin-left:auto;
margin-right:auto
}
.fl,.header .logo,.cate-list li,.swiper-product .swiper-wrapper .swiper-slide .pro-cs,.swiper-product .swiper-wrapper .swiper-slide .pro-img,.case-list li,.index-about .wrap .fst-about .about-panel .img-panel,.index-about .wrap .sec-about .font-panel,.index-partner .wrap .li-list li,.product-info .wrap .lf-panel,.about-04 .wrap .lf-panel,.pager .all-page .page-bd .current-list li,.pager .all-page .page-hd li {
float:left
}
.fr,.header .tel-panel,.index-about .wrap .fst-about .about-panel .font-panel,.index-about .wrap .sec-about .img-panel,.product-info .wrap .rt-panel,.about-04 .wrap .rt-panel {
float:right
}
.wrap,.container,.wrapper,.header .nav-list,.header .tel-panel,.cate-list,.cate-list li,.swiper-product .swiper-wrapper .swiper-slide .pro-cs,.swiper-product .swiper-wrapper .swiper-slide .pro-img,.case-list,.case-list li,.case-list li .case-img,.index-about .wrap .fst-about,.index-about .wrap .fst-about .about-panel,.index-about .wrap .fst-about .about-panel .img-panel,.index-about .wrap .fst-about .about-panel .font-panel,.index-about .wrap .sec-about,.index-about .wrap .sec-about .font-panel,.index-about .wrap .sec-about .img-panel,.index-partner .wrap .li-list,.index-partner .wrap .li-list li,.index-partner .wrap .li-list .fst-li .item-li,.index-partner .wrap .li-list .fst-li .item-li dl,.product-info .wrap .lf-panel,.product-info .wrap .rt-panel,.product-info .wrap .rt-panel .notice,.product-info .wrap .rt-panel .cs-panel,.product-info .wrap .rt-panel .swt-panel,.product-info .wrap .rt-panel .swt-panel .swt-link,.anchor-panel ul,.article-content .wrap .article,.article-content .wrap .side-panel,.hot-product,.pro_ys,.pro_ys dl,.swiper-tab .swiper-hd,.swiper-tab .swiper-hd .swiper-hd-wrap,.case-about,.case-about li,.case-about li .case-item,.form-wrap,.about-01 .wrap .about-content,.about-01 .wrap .about-content ul,.about-02 .wrap>p,.about-02 .wrap ul,.about-02 .wrap ul li,.about-03 .wrap ul,.about-04 .wrap .lf-panel,.about-04 .wrap .lf-panel ul,.about-04 .wrap .rt-panel,.about-04 .wrap .rt-panel .img-panel,.about-05 .wrap .lf-panel,.about-05 .wrap .rt-panel,.contact-info .wrap .address-phone,.contact-info .wrap .swt-link,.contact-form .wrap .lf-panel,.contact-form .wrap .rt-panel,.contact-form .wrap .rt-panel .service-panel .service-content ul,.page-panel,.list-ul {
*zoom:1
}
.wrap:before,.container:before,.wrapper:before,.header .nav-list:before,.header .tel-panel:before,.cate-list:before,.cate-list li:before,.swiper-product .swiper-wrapper .swiper-slide .pro-cs:before,.swiper-product .swiper-wrapper .swiper-slide .pro-img:before,.case-list:before,.case-list li:before,.case-list li .case-img:before,.index-about .wrap .fst-about:before,.index-about .wrap .fst-about .about-panel:before,.index-about .wrap .fst-about .about-panel .img-panel:before,.index-about .wrap .fst-about .about-panel .font-panel:before,.index-about .wrap .sec-about:before,.index-about .wrap .sec-about .font-panel:before,.index-about .wrap .sec-about .img-panel:before,.index-partner .wrap .li-list:before,.index-partner .wrap .li-list li:before,.index-partner .wrap .li-list .fst-li .item-li:before,.index-partner .wrap .li-list .fst-li .item-li dl:before,.product-info .wrap .lf-panel:before,.product-info .wrap .rt-panel:before,.product-info .wrap .rt-panel .notice:before,.product-info .wrap .rt-panel .cs-panel:before,.product-info .wrap .rt-panel .swt-panel:before,.product-info .wrap .rt-panel .swt-panel .swt-link:before,.anchor-panel ul:before,.article-content .wrap .article:before,.article-content .wrap .side-panel:before,.hot-product:before,.pro_ys:before,.pro_ys dl:before,.swiper-tab .swiper-hd:before,.swiper-tab .swiper-hd .swiper-hd-wrap:before,.case-about:before,.case-about li:before,.case-about li .case-item:before,.form-wrap:before,.about-01 .wrap .about-content:before,.about-01 .wrap .about-content ul:before,.about-02 .wrap>p:before,.about-02 .wrap ul:before,.about-02 .wrap ul li:before,.about-03 .wrap ul:before,.about-04 .wrap .lf-panel:before,.about-04 .wrap .lf-panel ul:before,.about-04 .wrap .rt-panel:before,.about-04 .wrap .rt-panel .img-panel:before,.about-05 .wrap .lf-panel:before,.about-05 .wrap .rt-panel:before,.contact-info .wrap .address-phone:before,.contact-info .wrap .swt-link:before,.contact-form .wrap .lf-panel:before,.contact-form .wrap .rt-panel:before,.contact-form .wrap .rt-panel .service-panel .service-content ul:before,.page-panel:before,.list-ul:before,.wrap:after,.container:after,.wrapper:after,.header .nav-list:after,.header .tel-panel:after,.cate-list:after,.cate-list li:after,.swiper-product .swiper-wrapper .swiper-slide .pro-cs:after,.swiper-product .swiper-wrapper .swiper-slide .pro-img:after,.case-list:after,.case-list li:after,.case-list li .case-img:after,.index-about .wrap .fst-about:after,.index-about .wrap .fst-about .about-panel:after,.index-about .wrap .fst-about .about-panel .img-panel:after,.index-about .wrap .fst-about .about-panel .font-panel:after,.index-about .wrap .sec-about:after,.index-about .wrap .sec-about .font-panel:after,.index-about .wrap .sec-about .img-panel:after,.index-partner .wrap .li-list:after,.index-partner .wrap .li-list li:after,.index-partner .wrap .li-list .fst-li .item-li:after,.index-partner .wrap .li-list .fst-li .item-li dl:after,.product-info .wrap .lf-panel:after,.product-info .wrap .rt-panel:after,.product-info .wrap .rt-panel .notice:after,.product-info .wrap .rt-panel .cs-panel:after,.product-info .wrap .rt-panel .swt-panel:after,.product-info .wrap .rt-panel .swt-panel .swt-link:after,.anchor-panel ul:after,.article-content .wrap .article:after,.article-content .wrap .side-panel:after,.hot-product:after,.pro_ys:after,.pro_ys dl:after,.swiper-tab .swiper-hd:after,.swiper-tab .swiper-hd .swiper-hd-wrap:after,.case-about:after,.case-about li:after,.case-about li .case-item:after,.form-wrap:after,.about-01 .wrap .about-content:after,.about-01 .wrap .about-content ul:after,.about-02 .wrap>p:after,.about-02 .wrap ul:after,.about-02 .wrap ul li:after,.about-03 .wrap ul:after,.about-04 .wrap .lf-panel:after,.about-04 .wrap .lf-panel ul:after,.about-04 .wrap .rt-panel:after,.about-04 .wrap .rt-panel .img-panel:after,.about-05 .wrap .lf-panel:after,.about-05 .wrap .rt-panel:after,.contact-info .wrap .address-phone:after,.contact-info .wrap .swt-link:after,.contact-form .wrap .lf-panel:after,.contact-form .wrap .rt-panel:after,.contact-form .wrap .rt-panel .service-panel .service-content ul:after,.page-panel:after,.list-ul:after {
content:"";
display:table
}
.wrap:after,.container:after,.wrapper:after,.header .nav-list:after,.header .tel-panel:after,.cate-list:after,.cate-list li:after,.swiper-product .swiper-wrapper .swiper-slide .pro-cs:after,.swiper-product .swiper-wrapper .swiper-slide .pro-img:after,.case-list:after,.case-list li:after,.case-list li .case-img:after,.index-about .wrap .fst-about:after,.index-about .wrap .fst-about .about-panel:after,.index-about .wrap .fst-about .about-panel .img-panel:after,.index-about .wrap .fst-about .about-panel .font-panel:after,.index-about .wrap .sec-about:after,.index-about .wrap .sec-about .font-panel:after,.index-about .wrap .sec-about .img-panel:after,.index-partner .wrap .li-list:after,.index-partner .wrap .li-list li:after,.index-partner .wrap .li-list .fst-li .item-li:after,.index-partner .wrap .li-list .fst-li .item-li dl:after,.product-info .wrap .lf-panel:after,.product-info .wrap .rt-panel:after,.product-info .wrap .rt-panel .notice:after,.product-info .wrap .rt-panel .cs-panel:after,.product-info .wrap .rt-panel .swt-panel:after,.product-info .wrap .rt-panel .swt-panel .swt-link:after,.anchor-panel ul:after,.article-content .wrap .article:after,.article-content .wrap .side-panel:after,.hot-product:after,.pro_ys:after,.pro_ys dl:after,.swiper-tab .swiper-hd:after,.swiper-tab .swiper-hd .swiper-hd-wrap:after,.case-about:after,.case-about li:after,.case-about li .case-item:after,.form-wrap:after,.about-01 .wrap .about-content:after,.about-01 .wrap .about-content ul:after,.about-02 .wrap>p:after,.about-02 .wrap ul:after,.about-02 .wrap ul li:after,.about-03 .wrap ul:after,.about-04 .wrap .lf-panel:after,.about-04 .wrap .lf-panel ul:after,.about-04 .wrap .rt-panel:after,.about-04 .wrap .rt-panel .img-panel:after,.about-05 .wrap .lf-panel:after,.about-05 .wrap .rt-panel:after,.contact-info .wrap .address-phone:after,.contact-info .wrap .swt-link:after,.contact-form .wrap .lf-panel:after,.contact-form .wrap .rt-panel:after,.contact-form .wrap .rt-panel .service-panel .service-content ul:after,.page-panel:after,.list-ul:after {
clear:both
}
.case-about li .case-item .case-info a,.case-about li .case-item .case-info p,.list-ul li .item-font {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.product-info .wrap .rt-panel .swt-panel .swt-link span:before,.product-info .wrap .rt-panel .swt-panel .swt-link span:after,.about-04 .wrap .rt-panel .img-panel .swt-link a:before,.about-04 .wrap .rt-panel .img-panel .swt-link a:after,.pager .total-page:after,.pager .all-page .page-tab:before,.pager .all-page .page-tab:after {
content:"";
height:0;
width:0;
overflow:hidden
}
main,article,aside,details,figcaption,figure,footer,header,nav,section,summary {
display:block
}
audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none;
height:0
}
[hidden],template {
display:none
}
html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html,button,input,select,textarea {
font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
}
body {
margin:0
}
a {
background:transparent
}
a:hover,a:active {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b,strong {
font-weight:bold
}
blockquote {
margin:1em 40px
}
dfn {
font-style:italic
}
mark {
background:#ff0;
color:#000
}
code,kbd,pre,samp {
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em
}
pre {
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}
q {
quotes:"\201C" "\201D" "\2018" "\2019"
}
q {
quotes:none
}
q:before,q:after {
content:'';
content:none
}
small {
font-size:80%
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-0.5em
}
sub {
bottom:-0.25em
}
dl,ol,ul {
margin:1em 0
}
dd {
margin:0 0 0 40px
}
ol,ul {
padding:0 0 0 40px
}
nav ul,nav ol {
list-style-image:none
}
img {
border:0;
-ms-interpolation-mode:bicubic
}
svg:not(:root) {
overflow:hidden
}
fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}
legend {
border:0;
padding:0;
white-space:normal;
*margin-left:-7px
}
button,input,select,textarea {
font-family:inherit;
font-size:100%;
margin:0;
vertical-align:baseline;
padding:0;
border:none;
*vertical-align:middle
}
button:focus,input:focus,select:focus,textarea:focus {
outline:none
}
button,input {
line-height:normal
}
button,select {
text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
*overflow:visible
}
button[disabled],input[disabled] {
cursor:default
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
*height:12px;
*width:12px
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto
}
button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
overflow:auto;
vertical-align:top
}
optgroup {
font-weight:bold
}
html {
-webkit-overflow-scrolling:touch;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body {
font-size:15px;
line-height:27px;
color:#2b2a28;
background-color:#fff;
min-height:100vh
}
body,button,input,select,textarea {
font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
}
img {
vertical-align:middle
}
textarea {
resize:vertical
}
h1,h2,h3,h4,h5,h6,p,figure,form {
margin:0
}
ul,ol,li,dl,dd {
margin:0;
padding:0
}
ul,ol {
list-style:none outside none
}
h1,h2,h3 {
line-height:2
}
h1 {
font-size:22.5px
}
h2 {
font-size:19.5px
}
h3 {
font-size:17.55px
}
h4 {
font-size:15px
}
h5,h6 {
font-size:12.75px;
text-transform:uppercase
}
a {
text-decoration:none;
color:#333
}
a:hover {
color:#262626
}
input:-moz-placeholder,textarea:-moz-placeholder {
color:#aab3b7
}
input::-moz-placeholder,textarea::-moz-placeholder {
color:#aab3b7
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color:#aab3b7
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#aab3b7
}
html,body {
min-width:980px
}
a,a:hover,a:active,a:visited,a:focus {
text-decoration:none
}
.clear {
display:block;
clear:both;
overflow:hidden
}
.wrap {
width:1400px;
position:relative
}
.container {
width:100%;
position:relative
}
.wrapper {
width:100%;
max-width:1920px;
position:relative
}
.bg-white {
background:#fff
}
.none {
display:none
}
*,*:after,*:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.hidden {
width:100%;
overflow:hidden
}
.header {
padding:20px 0;
background: #0f4271;
}
.header .wrap {
width:1600px
}
.header h1{
display: block;
float: left;
margin-top: 7px;
}
.header .logo {
display:block;
height:64px;
padding:8px 0;
float: left;
margin-top: 7px;
}
.header .logo img {
display:block;
height:100%
}
.header .nav-list {
height:64px;
text-align:center;
padding-left:198px;
padding-right:260px;
padding-top:14px
}
.header .nav-list li {
display:inline-block;
vertical-align:top;
height:70px;
margin:0 2%;
position:relative
}
.header .nav-list li h2{
font-weight: 100;
}
.header .nav-list li:hover .sub-panel,.header .nav-list li:hover .sub-nav {
display:block
}
.header .nav-list li:hover>a {
line-height:60px;
color:#ffc15f
}
.header .nav-list li.on:before {
min-width:136px;
margin-left:-68px;
content:'';
position:absolute;
top:0;
bottom:0;
left:50%;
background:url(../images/nav_on_bg.png) center bottom no-repeat
}
.header .nav-list li a {
transition:.5s line-height ease-in-out;
display:block;
height:50px;
line-height:50px;
font-size:18px;
color:#fff;
position:relative;
z-index:1
}
.header .nav-list li .sub-nav {
display:none;
position:absolute;
width:160px;
left:50%;
margin-left:-80px;
top:70px;
background:#fff;
z-index:1030
}
.header .nav-list li .sub-nav dd {
height:49px;
border-bottom:1px solid #ddd;
text-align:center
}
.header .nav-list li .sub-nav dd a {
display:inline-block;
line-height:48px;
font-size:16px;
color:#334354
}
.header .nav-list li .sub-nav dd a:hover {
color:#0a60af;
text-decoration:underline
}
.header .nav-list li .sub-panel {
top:70px;
display:none;
position:absolute;
left:-30px;
background:#fff;
z-index:1020;
padding:20px 20px 20px 0;
white-space:nowrap
}
.header .nav-list li .sub-panel dl {
width:160px;
display:inline-block;
margin-left:20px;
text-align:left;
vertical-align:top
}
.header .nav-list li .sub-panel dl dt {
width:100%;
border-bottom:1px solid #ddd;
padding:0 10px;
margin-bottom:10px
}
.header .nav-list li .sub-panel dl dt a {
display:inline-block;
height:36px;
line-height:36px;
font-size:16px;
color:#334354;
font-weight:bold
}
.header .nav-list li .sub-panel dl dt a:hover {
color:#0a60af;
text-decoration:underline
}
.header .nav-list li .sub-panel dl dd {
width:100%;
padding:0 10px;
overflow:hidden
}
.header .nav-list li .sub-panel dl dd a {
display:inline-block;
height:36px;
line-height:36px;
font-size:14px;
color:#666;
vertical-align:middle
}
.header .nav-list li .sub-panel dl dd a:hover {
color:#0a60af;
text-decoration:underline
}
.header .nav-list li .sub-panel dl dd a.more {
color:#0a60af
}
.header .tel-panel {
margin-top:-64px;
padding:0 60px 0 0;
height:64px;
position:relative;
/* background-image:url(../images/phone_bg.png); */
background-position:right top;
background-repeat:no-repeat;
}
.header .tel-panel dt {
height:32px;
line-height:32px;
font-size:16px;
color:#fcc96d;
position:relative
}
.header .tel-panel dt:before,.header .tel-panel dt:after {
content:'';
display:block;
position:absolute;
background:#fcc96d
}
.header .tel-panel dt:before {
left:0;
bottom:0;
width:5px;
height:5px;
border-radius:5px
}
.header .tel-panel dt:after {
left:10px;
bottom:2px;
right:0;
height:1px
}
.header .tel-panel dd {
height:32px;
line-height:32px;
font-size:24px;
padding-right:25px;
color:#fcc96d;
font-weight:bold
}
.aside-swt {
width:10.9375%;
height:240px;
position:fixed;
right:0;
top:50%;
margin-top:-200px;
z-index:1080
}
.aside-swt a {
display:block;
width:100%;
overflow:hidden
}
.aside-swt a img {
display:block;
width:100%
}
.back-top {
width:50px;
height:50px;
position:fixed;
z-index:1050;
bottom:20px;
right:20px
}
.back-top:before {
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:url(../images/top_bg.png) center center no-repeat;
-webkit-animation:rotateMove 3s infinite linear;
-moz-animation:rotateMove 3s infinite linear;
-o-animation:rotateMove 3s infinite linear;
animation:rotateMove 3s infinite linear
}
.back-top a {
display:block;
width:100%;
height:100%;
overflow:hidden;
cursor:pointer;
position:relative;
z-index:1
}
.back-top a img {
display:block;
width:100%;
height:100%
}
.swiper-banner .swiper-wrapper {
width:100%
}
.swiper-banner .swiper-slide {
width:100%;
overflow:hidden
}
.swiper-banner .swiper-slide a {
display:block;
width:100%;
overflow:hidden
}
.swiper-banner .swiper-slide a img {
display:block;
width:100%
}
.swiper-banner .swiper-pagination {
bottom:70px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {
background:none;
opacity:1;
color:#fff;
font-size:20px;
font-weight:bold;
position:relative;
width:auto;
height:30px;
line-height:30px;
margin:0 50px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
color:#fcc96d
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
content:'';
display:block;
width:70px;
height:1px;
background:#fff;
position:absolute;
top:15px;
left:-85px
}
.ie-hack .swiper-banner .swiper-slide,.ie-hack .swiper-product .swiper-slide {
float:left
}
.ie-hack .swiper-banner .swiper-pagination,.ie-hack .swiper-product .swiper-pagination {
width:100%;
text-align:center
}
.index-cate {
background:url(../images/index_cate_bg.jpg) center top no-repeat;
padding:90px 0
}
.cate-list {
width:100%
}
.cate-list li {
width:17.85714%
}
.cate-list li:hover a.cate-img {
transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3)
}
.cate-list li a.cate-img {
display:block;
width:68%;
border-radius:100%;
position:relative;
transition:.5s all linear
}
.cate-list li a.cate-img:before {
content:'';
display:block;
position:absolute;
left:5px;
top:5px;
right:5px;
bottom:5px;
border-radius:100%;
background:#ffd8a8
}
.cate-list li a.cate-img img {
display:block;
width:100%;
position:relative
}
.cate-list li a.cate-title {
display:block;
width:100%;
text-align:center;
font-size:32px;
color:#000;
line-height:64px;
font-weight:bold;
margin-top:70px
}
.cate-list li p {
width:100%;
overflow:hidden;
line-height:28px;
font-size:16px;
color:#999999;
text-align:center;
margin-top:6px
}
.cate-list li+li {
margin-left:9.14286%
}
.index-product {
background:#0f4271;
overflow:hidden
}
.index-product .wrap {
padding:56px 0 180px
}
.index-product .wrap:before {
content:'';
display:block;
width:170px;
height:290px;
position:absolute;
left:-260px;
top:50px;
background:url(../images/pro_mark_02.png) right top repeat
}
.index-product .wrap:after {
content:'';
display:block;
width:974px;
height:304px;
background:url(../images/pro_mark_03.png) right top no-repeat;
position:absolute;
right:-440px;
bottom:190px
}
.index-product .wrap .mark-circle {
width:520px;
height:520px;
margin-left:-260px;
bottom:190px;
border-radius:100%;
background:#172838;
position:absolute;
left:50%;
z-index:1
}
.index-product .wrap .mark-circle span,.index-product .wrap .mark-circle strong,.index-product .wrap .mark-circle em,.index-product .wrap .mark-circle i {
display:block;
position:absolute;
border-radius:100%
}
.index-product .wrap .mark-circle i {
-webkit-animation:rotateMove2 4s infinite ease-in-out;
animation:rotateMove2 4s infinite ease-in-out;
width:130%;
height:130%;
left:-15%;
top:-15%;
z-index:-1
}
.index-product .wrap .mark-circle i img {
display:block;
position:absolute;
right:26px;
bottom:-20px;
width:49.40828%;
height:32.84024%
}
.index-product .wrap .mark-circle span {
width:130%;
height:130%;
left:-15%;
top:-15%;
background:#0e1f2f;
opacity:.7;
filter:alpha(opacity=70);
z-index:-2
}
.index-product .wrap .mark-circle strong {
width:164%;
height:164%;
left:-32%;
top:-32%;
background:#0e1f2f;
opacity:.3;
filter:alpha(opacity=30);
z-index:-3
}
.index-product .wrap .mark-circle em {
width:212%;
height:212%;
left:-56%;
top:-56%;
background:#0e1f2f;
opacity:.16;
filter:alpha(opacity=16);
z-index:-4
}
.index-product h1 {
text-align:center;
color:#fff;
background-image:url(../images/title_bg.png);
margin-bottom:120px;
position:relative;
z-index:2
}
.index-product h1:before {
left:-260px;
bottom:-196px;
height:118px;
width:42.71429%;
content:'';
display:block;
background-image:url(../images/pro_mark_01.png);
background-position:center top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute
}
.txt-h1 {
font-size:56px
}
.case-h2 {
padding-top:40px;
line-height:76px;
background-position:center top;
background-repeat:no-repeat;
-webkit-background-size:auto 115px;
background-size:auto 115px;
z-index:9999 !important
}
.swiper-product {
width:100%;
overflow:hidden;
position:relative;
z-index:2
}
.swiper-product .swt-link {
width:23.57143%;
height:32px;
position:absolute;
padding-left:30px;
right:0;
z-index:10
}
.swiper-product .swt-link a {
display:inline-block;
height:32px;
line-height:32px;
font-size:16px;
color:#a1d0fd;
background:url(../images/swt_link_line.png) bottom left repeat-x;
overflow:hidden;
opacity:.6;
filter:alpha(opacity=60)
}
.swiper-product .swt-link:before {
content:'';
display:block;
width:22px;
height:20px;
background:url(../images/swt_link_icon.png) left top no-repeat;
position:absolute;
left:0;
top:6px
}
.swiper-product .swiper-wrapper {
width:100%
}
.swiper-product .swiper-wrapper .swiper-slide {
width:100%;
overflow:hidden
}
.swiper-product .swiper-wrapper .swiper-slide .pro-title {
display:block;
width:100%;
padding-right:23.57143%;
padding-bottom:20px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-title a {
display:inline-block;
font-size:46px;
line-height:56px;
height:56px;
overflow:hidden;
color:#dcddde
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs {
width:25.71429%
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p {
display:block;
width:100%;
background:url(../images/cs_bg.png) left top no-repeat;
padding:16px 0 10px 30px;
overflow:hidden;
margin-top:50px;
font-size:0
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p span,.swiper-product .swiper-wrapper .swiper-slide .pro-cs p strong {
display:block;
width:100%;
font-weight:bold;
overflow:hidden
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p span {
font-size:20px;
line-height:32px;
color:#919da9
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p strong {
font-size: 20px;
color:#ffc15f;
line-height:48px;
/* height:48px */
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img {
width:48.57143%;
height:520px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img a {
display:block;
height:100%;
width:100%
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img a img {
display:block;
height:100%;
width: 100%;
}
.swiper-product .swiper-tab {
width: 254px;
height:100%;
position:absolute;
right:0;
z-index:10;
top:50px;
}
.swiper-product .swiper-tab .swiper-tab-font {
display:block;
width:100%;
text-align:center;
font-size:16px;
line-height: 33px;
color:#f5f6ec;
cursor:pointer;
position:relative;
}
.swiper-product .swiper-tab .swiper-tab-font.swiper-tab-font-active {
color:#ffc15f;
font-weight:bold
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font {
margin-top: 26px;
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font:before {
top: -7px;
content:'';
display:block;
width:100%;
height:1px;
background: #9c9c9c;
position:absolute;
left:0;
/* transform:rotate(20deg); */
}
.index-case {
background:url(../images/index_case_bg.jpg) center top no-repeat
}
.index-case .wrap {
padding:50px 0 110px
}
.index-case .wrap>p {
font-size:20px;
line-height:32px;
color:#334354;
text-align:center;
overflow:hidden;
margin-top:10px
}
.index-case h2, .index-case div {
text-align:center;
color:#0e0e0e;
background-image:url(../images/title_bg_02.png);
position:relative;
z-index:2;
font-weight: bold;
padding: 40px 0;
}
.case-list {
width:100%;
/*margin-top:50px*/
}
.case-list li {
width: 22.42857%;
position: relative;
float: left;
margin-left: 2%;
}
.case-list li:hover .case-img a em {
opacity:0;
filter:alpha(opacity=0)
}
.case-list li:hover .case-img a span {
-webkit-text-shadow:0 0 5px rgba(0,0,0,0.5);
-moz-text-shadow:0 0 5px rgba(0,0,0,0.5);
text-shadow:0 0 5px rgba(0,0,0,0.5)
}
.case-list li:hover .case-img:before {
background-image:-webkit-linear-gradient(left,#29bffa,#0353e0);
background-image:-o-linear-gradient(left,#29bffa,#0353e0);
background-image:linear-gradient(to right,#29bffa,#0353e0)
}
.case-list li:before {
content:'';
display:block;
height:45px;
width:482px;
background:url(../images/case_btm_mark.png) center top no-repeat;
position:absolute;
left:50%;
margin-left:-241px;
bottom:-24px
}
.case-list li .case-img {
transition:.5s all ease-in-out;
display:block;
width:100%;
padding-bottom:10px;
position:relative
}
.case-list li .case-img:before {
transition:.5s all ease-in-out;
content:'';
display:block;
width:100%;
height:10px;
position:absolute;
left:0;
bottom:0;
background:#0353e0;
background-image:-webkit-linear-gradient(left,#0353e0,#29bffa);
background-image:-o-linear-gradient(left,#0353e0,#29bffa);
background-image:linear-gradient(to right,#0353e0,#29bffa)
}
.case-list li .case-img a {
display:block;
width:100%;
overflow:hidden;
position:relative
}
.case-list li .case-img a img {
display:block;
width:100%;
/*height:314px;*/
height: 426px;
}
.case-list li .case-img a span,.case-list li .case-img a em {
transition:.5s all ease-in-out;
display:block;
position:absolute;
left:0;
bottom:0
}
.case-list li .case-img a em {
z-index:2;
right:0;
top:0;
background:url(../images/case_img_mark.png) top right no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%
}
.case-list li .case-img a span {
padding:20px;
line-height:48px;
font-size: 16px;
font-weight:bold;
color:#e9edf0;
z-index:3;
}
.index-flink li {
display: inline-block;
margin-right: 20px;
}
.index-about {
background-image:url(../images/about_bg.jpg);
background-position:center top;
background-repeat:no-repeat
}
.index-about .wrap {
padding:0 0 120px
}
.index-about .wrap .fst-about {
padding:100px 0 0;
position:relative
}
.index-about .wrap .fst-about:before {
content:'';
display:block;
width:10.28571%;
position:absolute;
top:0;
bottom:0;
left:4.64286%;
background:#0353e0;
background-image:-webkit-repeating-linear-gradient(top,#29bffa,#0353e0);
background-image:-o-repeating-linear-gradient(top,#29bffa,#0353e0);
background-image:repeating-linear-gradient(to bottom,#29bffa,#0353e0)
}
.index-about .wrap .fst-about:after {
bottom:-102px;
height:400px;
content:'';
display:block;
position:absolute;
left:-16px;
width:90.71429%;
background-image:url(../images/about_font.png);
background-position:bottom left;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto
}
.index-about .wrap .fst-about h2, .index-about .wrap .fst-about b {
width:100%;
height:72px;
line-height:72px;
color:#0e0e0e;
position:relative;
z-index:2;
display: block;
}
.index-about .wrap .fst-about .about-panel {
width:100%;
padding-left:19.85714%;
margin-top:40px
}
.index-about .wrap .fst-about .about-panel:before {
content:'';
display:block;
width:22px;
height:174px;
background:url(../images/about_font_02.png) top center no-repeat;
position:absolute;
bottom:20px;
left:12.28571%;
z-index:2
}
.index-about .wrap .fst-about .about-panel .img-panel {
width:63.27986%;
position:relative;
z-index:1;
border: 5px solid #075de3;
}
.index-about .wrap .fst-about .about-panel .img-panel:before {
content:'';
display:block;
width:178px;
height:73px;
background:url(../images/about_mark.png) right top no-repeat;
position:absolute;
left:-116px;
top:-12px;
z-index:-1
}
.index-about .wrap .fst-about .about-panel .img-panel img {
display:block;
width:100%
}
.index-about .wrap .fst-about .about-panel .font-panel {
width: 30.5205%;
margin-top:-12px;
position:relative;
z-index:2;
}
.index-about .wrap .sec-about {
width:100%;
position:relative;
z-index:2;
margin-top:56px
}
.index-about .wrap .sec-about .font-panel {
width:42.85714%;
margin-top:24px;
padding-left:4.64286%;
}
.index-about .wrap .sec-about .img-panel {
width:51.42857%;
position:relative;
z-index:1;
border: 5px solid #075de3;
}
.index-about .wrap .sec-about .img-panel:before {
content:'';
display:block;
width:96%;
height:61%;
background:#ba9a55;
opacity:.1;
filter:alpha(opacity=10);
position:absolute;
left:-20px;
bottom:-20px;
z-index:-1
}
.index-about .wrap .sec-about .img-panel img {
display:block;
width:100%
}
.index-about .wrap .fst-about .font-panel p,.index-about .wrap .sec-about .font-panel p {
width:100%;
overflow:hidden
}
.index-about .wrap .fst-about .font-panel p strong,.index-about .wrap .fst-about .font-panel p span,.index-about .wrap .sec-about .font-panel p strong,.index-about .wrap .sec-about .font-panel p span {
display:block;
width:100%;
overflow:hidden
}
.index-about .wrap .fst-about .font-panel p strong,.index-about .wrap .sec-about .font-panel p strong {
height:94px
}
.index-about .wrap .fst-about .font-panel p strong img,.index-about .wrap .sec-about .font-panel p strong img {
display:block;
height:100%
}
.index-about .wrap .fst-about .font-panel p span,.index-about .wrap .sec-about .font-panel p span {
height:36px;
line-height:36px;
font-size:24px;
margin-top:20px;
color:#0e0e0e;
}
.index-about .wrap .fst-about .font-panel p+p,.index-about .wrap .sec-about .font-panel p+p {
margin-top:70px
}
/*.index-partner {
background-image:url(../images/partner_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
overflow: hidden;
height: 870px;
}*/
.index-partner img {
width: 100%;
max-width: 100%;
}
.index-partner .wrap {
padding:66px 0 112px
}
.index-partner .wrap h2 {
text-align:center;
color:#0e0e0e;
background-image:url(../images/title_bg_03.png);
position:relative;
z-index:2
}
.index-partner .wrap .li-list {
width:100%;
margin-top:-6px
}
.index-partner .wrap .li-list li {
height:200px;
margin-top:90px
}
.index-partner .wrap .li-list .fst-li {
width:23.28571%
}
.index-partner .wrap .li-list .fst-li>span {
display:block;
width:105.53%;
margin-left:-5px;
margin-top:-15px
}
.index-partner .wrap .li-list .fst-li>span img {
display:block;
width:100%
}
.index-partner .wrap .li-list .fst-li .item-li {
width:100%;
height:100%;
padding:45px 0 0 7.36196%;
position:relative
}
.index-partner .wrap .li-list .fst-li .item-li span {
display:block;
position:absolute;
width:47.85276%;
overflow:hidden;
left:0;
top:0;
z-index:1;
border-radius:20px;
border:3px solid #eef9ff;
-webkit-box-shadow:0 0 27px 15px rgba(0,39,60,0.3);
-moz-box-shadow:0 0 27px 15px rgba(0,39,60,0.3);
box-shadow:0 0 27px 15px rgba(0,39,60,0.3)
}
.index-partner .wrap .li-list .fst-li .item-li span img {
display:block;
width:100%
}
.index-partner .wrap .li-list .fst-li .item-li dl {
width:100%;
height:100%;
border-radius:20px;
padding:20px 20px 20px 50px;
background:#29bffa;
background:-webkit-linear-gradient(left top,#29bffa 20%,#0353e0 70%);
background:-o-linear-gradient(bottom right,#29bffa 20%,#0353e0 70%);
background:-moz-linear-gradient(bottom right,#29bffa 20%,#0353e0 70%);
background:linear-gradient(to bottom right,#29bffa 20%,#0353e0 70%);
-webkit-box-shadow:0 0 27px 9px rgba(0,57,87,0.23);
-moz-box-shadow:0 0 27px 9px rgba(0,57,87,0.23);
box-shadow:0 0 27px 9px rgba(0,57,87,0.23)
}
.index-partner .wrap .li-list .fst-li .item-li dl dt {
width:100%;
text-align:right;
height:40px;
line-height:40px;
font-size:22px;
overflow:hidden;
color:#fff
}
.index-partner .wrap .li-list .fst-li .item-li dl dd {
margin-top:20px;
line-height:28px;
font-size:16px;
width:100%;
overflow:hidden;
color:#fff;
text-align:right
}
.index-partner .wrap .li-list .sec-li {
width:15%;
position:relative
}
.index-partner .wrap .li-list .sec-li span {
display:block;
height:32px;
position:absolute;
left:2%;
right:0;
top:56%;
overflow:hidden;
background:url(../images/top_line.png) center top no-repeat
}
.index-partner .wrap .li-list .sec-li span.last-sec {
top:50%;
left:6%;
background:url(../images/btm_line.png) center top no-repeat
}
.footer {
background:#0e0e0e;
padding:50px 0;
color: #fff;
}
.footer p {
text-align:center;
font-size:16px;
line-height:36px;
overflow:hidden;
color:#fff
}
.footer a {
color: #fff;
margin: 0 5px;
}
.product-info {
/* background-image:url(../images/article_info_bg.jpg); */
background-position:center top;
background-repeat:no-repeat;
}
.product-info .wrap {
padding:20px 0 110px
}
.product-info .wrap .breadcrumb {
margin-bottom:60px
}
.product-info .wrap .lf-panel {
width:52.14286%
}
.product-info .wrap .lf-panel .product-img {
padding:0 40px;
overflow:hidden;
position:relative
}
/*.product-info .wrap .lf-panel .product-img:before,.product-info .wrap .lf-panel .product-img:after {
content:'';
display:block;
position:absolute;
background:#4b566e;
border-radius:10px
}
.product-info .wrap .lf-panel .product-img:before {
top:50px;
bottom:50px;
left:0;
right:0;
opacity:.2;
filter:alpha(opacity=20)
}
.product-info .wrap .lf-panel .product-img:after {
left:20px;
right:20px;
top:25px;
bottom:25px;
opacity:.4;
filter:alpha(opacity=40)
}
*/
.product-info .wrap .lf-panel .product-img span {
display:block;
width:100%;
border-radius:10px;
overflow:hidden;
position:relative;
z-index:3
}
.product-info .wrap .lf-panel .product-img span img {
display:block;
width:100%
}
.product-info .wrap .lf-panel .bz-list {
margin-top:20px;
width:100%;
overflow:hidden
}
.product-info .wrap .lf-panel .bz-list li {
height:32px;
width:25%;
float:left;
text-align:center;
font-size:0
}
.product-info .wrap .lf-panel .bz-list li span {
line-height:32px;
font-size:17px;
display:inline-block;
vertical-align:middle;
color:#65718a;
padding-left:20px;
position:relative
}
.product-info .wrap .lf-panel .bz-list li span:before {
margin-top:-6px;
content:'';
display:block;
width:12px;
height:12px;
border-radius:100%;
border:1px solid #70798d;
background:#334260;
position:absolute;
left:0;
top:50%;
-webkit-box-shadow:3px 3px 5px rgba(109,121,162,0.5);
-moz-box-shadow:3px 3px 5px rgba(109,121,162,0.5);
box-shadow:3px 3px 5px rgba(109,121,162,0.5)
}
.product-info .wrap .rt-panel {
width:41.42857%
}
.product-info .wrap .rt-panel h1 {
font-size:42px;
height:52px;
line-height:52px;
/* color:#fff; */
font-weight:bold;
width:100%;
overflow:hidden;
}
.product-info .wrap .rt-panel .notice {
margin-top:30px;
position:relative
}
.product-info .wrap .rt-panel .notice:before,.product-info .wrap .rt-panel .notice:after {
left:22px;
content:'';
display:block;
position:absolute;
width:12px;
height:12px;
border-radius:100%;
background:#5783df;
top:50%;
margin-top:-6px
}
.product-info .wrap .rt-panel .notice:before {
z-index:1;
opacity:.4;
filter:alpha(opacity=40);
-webkit-box-shadow:0 0 16px 16px rgba(87,131,223,0.8);
-moz-box-shadow:0 0 16px 16px rgba(87,131,223,0.8);
box-shadow:0 0 16px 16px rgba(87,131,223,0.8)
}
.product-info .wrap .rt-panel .notice:after {
opacity:.5;
filter:alpha(opacity=50);
z-index:2;
-webkit-box-shadow:0 0 4px 4px #5783df;
-moz-box-shadow:0 0 4px 4px #5783df;
box-shadow:0 0 4px 4px #5783df
}
.product-info .wrap .rt-panel .notice span {
padding:0 50px;
height:38px;
line-height:36px;
font-size:17px;
border-radius:32px;
display:inline-block;
border:1px dashed #5178c8;
color:#65718a;
position:relative;
z-index:3
}
.product-info .wrap .rt-panel .notice span:before {
left:18px;
content:'';
display:block;
width:18px;
height:22px;
background:url(../images/icon_01.png) center center no-repeat;
position:absolute;
top:50%;
margin-top:-11px
}
.product-info .wrap .rt-panel .cs-panel {
width:100%;
position:relative;
margin:50px 0 40px
}
.product-info .wrap .rt-panel .cs-panel p {
padding:15px 10px 15px 24px;
width:43.10345%;
float:left;
background-image:url(../images/article_cs_bg.png);
background-position:center top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
font-size:28px;
line-height:40px;
font-weight:bold;
color:#f0f3f8
}
.product-info .wrap .rt-panel .cs-panel p strong {
display:block;
width:100%;
font-size:20px;
line-height:32px;
height:32px;
font-weight:bold;
color:#959fb4
}
.product-info .wrap .rt-panel .cs-panel p+p {
float:right
}
.product-info .wrap .rt-panel>p {
/*height: 65px;
height: 180px;*/
font-size:18px;
line-height: 30px;
width:100%;
color:#909bb1;
margin-top: 30px;
}
.product-info .wrap .rt-panel>p strong {
font-weight:normal
}
.product-info .wrap .rt-panel .swt-panel {
width:100%;
position:relative;
margin-top:40px;
padding-right:210px
}
.product-info .wrap .rt-panel .swt-panel .swt-link {
width:100%;
font-size:0
}
.product-info .wrap .rt-panel .swt-panel .swt-link:hover a.icon:before {
left:0
}
.product-info .wrap .rt-panel .swt-panel .swt-link:hover a.font {
border-radius:5px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a {
height:54px;
border-radius:26px;
display:inline-block;
background-color:#ffc742;
vertical-align:middle;
position:relative
}
.product-info .wrap .rt-panel .swt-panel .swt-link span {
display:inline-block;
height:2px;
width:8px;
background:#ffc742;
position:relative
}
.product-info .wrap .rt-panel .swt-panel .swt-link span:before,.product-info .wrap .rt-panel .swt-panel .swt-link span:after {
content:'';
display:block;
position:absolute;
top:-2px
}
.product-info .wrap .rt-panel .swt-panel .swt-link span:before {
left:0;
border-left:3px solid #ffc742;
border-top:3px dashed transparent;
border-bottom:3px dashed transparent
}
.product-info .wrap .rt-panel .swt-panel .swt-link span:after {
right:0;
border-right:3px solid #ffc742;
border-top:3px dashed transparent;
border-bottom:3px dashed transparent
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon {
width:70px;
background-image:url(../images/icon_swt.png);
background-position:center center;
background-repeat:no-repeat
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon:before {
border-radius:27px;
content:'';
width:100%;
height:100%;
border:1px solid rgba(255,255,255,0.8);
position:absolute;
top:0;
left:-8px;
transition:.5s all ease-in-out
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.font {
padding:0 48px;
line-height:54px;
font-size:22px;
color:#2d3649;
font-weight:bold;
transition:.5s all ease-in-out
}
.product-info .wrap .rt-panel .swt-panel dl {
width:210px;
position:absolute;
right:0;
top:0;
overflow:hidden
}
.product-info .wrap .rt-panel .swt-panel dl dt {
font-size:28px;
height:34px;
line-height:34px;
width:100%;
font-weight:normal;
color: #0f4271;
font-family:Arial,Helvetica,sans-serif;
}
.product-info .wrap .rt-panel .swt-panel dl dd {
height:20px;
line-height:20px;
font-size:16px;
width:100%;
color:#909bb1
}
.product-info .swt-product-list {
overflow: hidden;
clear: both;
margin-top: 60px;
}
.product-info .swt-product-list li {
float: left;
width: 30%;
margin: 0 1%;
text-align: center;
}
.product-info .swt-product-list li img {
display: block;
width: 100%;
border-radius: 5px;
}
.product-info .swt-product-list li span {
display: block;
margin-top: 10px;
}
.breadcrumb {
width:100%;
height:36px;
overflow:hidden;
font-size:15px;
color:#bfc5d2;
line-height:36px
}
.breadcrumb span,.breadcrumb a {
display:inline-block;
vertical-align:middle;
color:#bfc5d2;
transition:.5s all ease-in-out
}
.breadcrumb a:hover {
color:#fcc96d
}
.breadcrumb span {
margin:0 5px
}
.anchor-panel {
height:100px;
z-index:2
}
.anchor-panel:after {
content:'';
display:block;
left:0;
right:0;
top:0;
bottom:0;
background:url(../images/anchor_bg.jpg) center top repeat-y;
position:absolute;
z-index:1
}
.anchor-panel:before {
content:'';
display:block;
position:absolute;
left:7.8125%;
right:7.8125%;
bottom:10px;
height:10px;
background:#5f6879;
opacity:.8;
filter:alpha(opacity=80);
-webkit-box-shadow:0 0 20px 10px #5f6879;
-moz-box-shadow:0 0 20px 10px #5f6879;
box-shadow:0 0 20px 10px #5f6879
}
.anchor-panel ul {
width:100%;
position:relative;
z-index:2
}
.anchor-panel ul li {
width:184px;
height:120px;
float:left
}
.anchor-panel ul li a {
height:100px;
line-height:100px;
font-size:22px;
display:block;
text-align:center;
color:#4d5a75;
position:relative
}
.anchor-panel ul li a:hover {
color:#2a2a2a
}
.anchor-panel ul li.active {
background:url(../images/anchor_active_bg.png) center top no-repeat
}
.anchor-panel ul li.active a {
font-size:26px;
color:#2a2a2a;
font-weight:bold
}
.anchor-panel ul li.active a span {
display:block;
width:10px;
height:10px;
border-radius:100%;
background:#67481f;
position:absolute;
left:50%;
margin-left:-5px;
bottom:12px
}
.anchor-panel ul li.active a span:before,.anchor-panel ul li.active a span:after {
content:'';
display:block;
width:6px;
height:6px;
border-radius:100%;
background:#67481f;
position:absolute;
top:2px
}
.anchor-panel ul li.active a span:before {
left:-12px
}
.anchor-panel ul li.active a span:after {
right:-12px
}
.anchor-panel ul li+li {
margin-left:15.8%
}
.article-content {
margin-top:-10px;
position:relative;
z-index:1
}
.article-content .wrap {
border:1px solid #e7e7e7;
background:url(../images/article_bg.jpg) left top repeat;
padding:50px 70px 100px
}
.article-content .wrap .article {
width:68.25397%;
float:left
}
.article-content .wrap .side-panel {
width:22.22222%;
float:right;
margin-top:50px
}
.hot-product {
width:100%
}
.hot-product h2 {
height:66px;
line-height:66px;
font-size:28px;
margin:0 25px;
background: #ffc742;
text-align:center;
color:#fff;
font-weight:bold;
border-radius:10px;
position:relative;
z-index:1;
letter-spacing:5px;
}
.hot-product h2:before,.hot-product h2:after {
content:'';
display:block;
width:20px;
height:14px;
position:absolute;
top:50%;
margin-top:-7px;
background:url(../images/side_icon_01.png) center center no-repeat
}
.hot-product h2:before {
left:14px
}
.hot-product h2:after {
right:14px
}
.hot-product ul {
padding:40px 20px 20px;
margin-top:-32px;
width:100%;
background:#fff;
border-radius:10px;
-webkit-box-shadow:0 0 18px rgba(129,104,66,0.28);
-moz-box-shadow:0 0 18px rgba(129,104,66,0.28);
box-shadow:0 0 18px rgba(129,104,66,0.28);
position:relative
}
.hot-product ul:before {
top:20px;
content:'';
display:block;
position:absolute;
left:45px;
right:45px;
height:10px;
background:#5d3b08;
-webkit-box-shadow:0 0 10px 6px rgba(93,59,8,0.8);
-moz-box-shadow:0 0 10px 6px rgba(93,59,8,0.8);
box-shadow:0 0 10px 6px rgba(93,59,8,0.8)
}
.hot-product ul li {
margin-top:28px;
width:100%;
overflow:hidden
}
.hot-product ul li:hover .product-img a:before {
-webkit-animation:lightMove .6s ease-out forwards;
-moz-animation:lightMove .6s ease-out forwards;
-o-animation:lightMove .6s ease-out forwards;
animation:lightMove .6s ease-out forwards
}
.hot-product ul li:hover p a {
color:#bc9a67
}
.hot-product ul li .product-img {
display:block;
width:100%;
overflow:hidden
}
.hot-product ul li .product-img a {
display:block;
border-radius:10px;
overflow:hidden;
width:100%;
position:relative
}
.hot-product ul li .product-img a:before {
content:'';
position:absolute;
width:60px;
height:140%;
margin-top:0;
margin-left:-100%;
overflow:hidden;
z-index:6;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg)
}
.hot-product ul li .product-img a img {
display:block;
width:100%;
/*height: 200px;*/
}
.hot-product ul li p {
width:100%;
margin-top:10px
}
.hot-product ul li p a {
height:32px;
line-height:32px;
font-size:16px;
display:block;
width:100%;
overflow:hidden;
text-align:center;
color:#525c6e;
transition:.5s all ease-in-out
}
.article h2 {
font-size:32px;
line-height:48px;
margin:50px 0 30px;
vertical-align:middle;
font-weight:bold;
color:#0e0e0e;
overflow:hidden
}
.article h2:before {
content:'';
display:inline-block;
width:30px;
height:28px;
background:url(../images/icon_h2.png) center center no-repeat;
vertical-align:middle;
margin-right:10px
}
.article p {
font-size:16px;
line-height:32px;
margin-top:30px;
margin-bottom:30px;
color:#203a43
}
.article img,.article video {
display:block;
margin:0 auto;
max-width:100%
}
.article img{
width: auto !important;
height: auto !important;
}
.pro_ys {
width:100%
}
.pro_ys dl {
width:100%;
margin-top:30px
}
.pro_ys dl dt {
display:none
}
.pro_ys dl dd p:first-child {
width:100%;
overflow:hidden;
position:relative;
padding-left:20px;
line-height:36px;
font-size:20px;
color:#374f61;
font-weight:bold;
margin:0
}
.pro_ys dl dd p:first-child:before {
top:13px;
content:'';
display:block;
width:10px;
height:10px;
border:1px solid #374f61;
border-radius:100%;
left:0;
position:absolute
}
.pro_ys dl dd p+p {
width:100%;
overflow:hidden;
margin:0;
margin-top:10px;
font-size:16px;
line-height:32px;
color:#47616a
}
.pro_ys dl:first-child {
margin-top:0
}
.swiper-tab {
width:100%;
overflow:hidden;
position:relative
}
.swiper-tab .swiper-hd {
width:100%
}
.swiper-tab .swiper-hd .swiper-hd-wrap {
width:100%
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item {
display:block;
float:left;
height:50px;
border:2px solid #61718f;
border-radius:25px;
margin-right:20px;
margin-bottom:20px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item:hover span {
color:#2a3944
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item span {
padding:0 20px;
line-height:46px;
font-size:17px;
border-radius:25px;
display:block;
color:#747474;
cursor:pointer
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item.swiper-item-active {
border:none;
padding:2px;
background:#cf084a;
background:-webkit-linear-gradient(left,#e10040,#0c63b5);
background:-o-linear-gradient(right,#e10040,#0c63b5);
background:-moz-linear-gradient(right,#e10040,#0c63b5);
background:linear-gradient(to right,#e10040,#0c63b5);
-webkit-box-shadow:7px 7px 13px rgba(169,81,42,0.35);
-moz-box-shadow:7px 7px 13px rgba(169,81,42,0.35);
box-shadow:7px 7px 13px rgba(169,81,42,0.35)
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item.swiper-item-active span {
background:#fff;
color:#2a3944;
font-weight:bold
}
.swiper-tab .swiper-wrapper {
width:100%;
overflow:hidden;
position:relative
}
.swiper-tab .swiper-wrapper .swiper-slide {
width:100%;
overflow:hidden;
float:left;
display:none
}
.swiper-tab .swiper-wrapper .swiper-slide>p {
margin:20px 0 10px;
height:36px;
line-height:36px;
font-weight:bold
}
.swiper-tab .swiper-wrapper .swiper-slide>p:first-child {
margin-top:0
}
.swiper-tab .swiper-wrapper .swiper-slide.swiper-slide-active {
display:block
}
.table-wrap {
width:100%;
overflow-y:auto
}
.table-wrap>p {
margin:20px 0 10px;
height:36px;
line-height:36px;
font-weight:bold
}
.table-wrap>p:first-child {
margin-top:0
}
.table-wrap table tr td {
padding:5px 0;
font-size:16px
}
.case-panel {
background:url(../images/anli_bg.jpg) left top repeat;
padding:220px 0 0;
margin-top:-220px
}
.case-panel:before {
content:'';
display:block;
width:100%;
height:310px;
position:absolute;
left:0;
top:0;
background:-webkit-linear-gradient(#fff,rgba(255,255,255,0));
background:-o-linear-gradient(#fff,rgba(255,255,255,0));
background:-moz-linear-gradient(#fff,rgba(255,255,255,0));
background:linear-gradient(#fff,rgba(255,255,255,0))
}
.case-panel .wrap {
padding: 40px 0 40px;
z-index:2
}
.case-panel .wrap h2 {
height:64px;
line-height:64px;
font-size:46px;
width:100%;
color:#0e0e0e;
font-weight:bold
}
.case-about {
width:100%;
margin-top:40px
}
.case-about li {
opacity:.6;
filter:alpha(opacity=60);
width:27.28571%;
float:left;
position:relative;
transition:.5s all ease-in-out
}
.case-about li:before {
content:'';
display:block;
width:50%;
height:100px;
border-radius:50%;
position:absolute;
left:25%;
bottom:60px;
background:#08151e;
opacity:0;
filter:alpha(opacity=0);
transition:.5s all ease-in-out;
-webkit-box-shadow:0 0 80px 80px #08151e;
-moz-box-shadow:0 0 80px 80px #08151e;
box-shadow:0 0 80px 80px #08151e;
z-index:-1
}
.case-about li:hover {
opacity:1;
filter:alpha(opacity=100)
}
.case-about li:hover:before {
opacity:.5;
filter:alpha(opacity=50)
}
.case-about li .case-item {
border:1px solid #e0e0e0;
background:#fff;
position:relative
}
.case-about li .case-item .case-img {
display:block;
width:100%;
overflow:hidden
}
.case-about li .case-item .case-img a {
display:block;
width:100%;
overflow:hidden
}
.case-about li .case-item .case-img a img {
display:block;
width:100%;
height: 230px;
}
.case-about li .case-item .case-info {
padding:20px;
overflow:hidden;
background-image:url(../images/case_mark.png);
background-position:right bottom;
background-repeat:no-repeat;
-webkit-background-size:64px 70px;
background-size:64px 70px
}
.case-about li .case-item .case-info a {
display:block;
height:48px;
line-height:48px;
font-size:22px;
color:#0e0e0e;
font-weight:bold;
margin-bottom:4px
}
.case-about li .case-item .case-info p {
width:100%;
height:36px;
line-height:36px;
font-size:16px;
color:#0e0e0e
}
.case-about li+li {
margin-left:9%
}
.message-panel {
background-image:url(../images/message_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size: cover;
}
.message-panel .wrap {
padding-top:6.11765%;
padding-bottom:7.05882%;
overflow: hidden;
}
.message-panel .wrap .message-wrap {
padding-right:45.71429%
}
.message-panel .wrap .message-wrap h2 {
width:100%;
height:64px;
line-height:64px;
font-size:46px;
font-weight:bold;
color:#fff
}
.lf-panel{
color: #aba9a9;
}
.message-panel .service-panel {
margin-top: 40px;
}
.message-panel .service-panel h2 {
margin-bottom: 20px;
}
.message-panel .wrap .message-wrap>p {
margin-top:24px;
font-size:17px;
line-height:32px;
width:100%;
overflow:hidden;
color:#fbfbfb
}
.form-wrap {
width:100%
}
.form-wrap .item-panel {
width:100%;
margin-top:60px;
overflow:hidden
}
.form-wrap .item-panel input[type=text] {
height:61px;
line-height:60px;
font-size:16px;
display:block;
width:42.10526%;
float:left;
border-bottom:1px solid #656b71;
overflow:hidden;
background:none;
color:#fff;
padding:0 10px
}
.form-wrap .item-panel input[type=text]:placeholder {
color:#777e82
}
.form-wrap .item-panel input[type=text]+input[type=text] {
float:right
}
.form-wrap .item-panel textarea {
height:85px;
font-size:16px;
line-height:32px;
width:100%;
border-bottom:1px solid #656b71;
padding:10px;
overflow:hidden;
resize:none;
background:none;
color:#fff
}
.form-wrap .item-panel textarea:placeholder {
color:#777e82
}
.form-wrap .form-btn {
margin-top:110px
}
.form-wrap .form-btn input[type=submit] {
height:70px;
line-height:70px;
font-size:22px;
border-radius:70px;
display:block;
width:41.84211%;
background-color:transparent;
background-image:url(../images/btn_bg.png);
background-position:center top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
text-align:center;
color:#0f0f14;
-webkit-box-shadow:0 0 30px rgba(255,210,0,0.3);
-moz-box-shadow:0 0 30px rgba(255,210,0,0.3);
box-shadow:0 0 30px rgba(255,210,0,0.3);
transition:.5s all ease-in-out
}
.form-wrap .form-btn input[type=submit]:hover {
-webkit-box-shadow:0 0 10px rgba(255,210,0,0.4);
-moz-box-shadow:0 0 10px rgba(255,210,0,0.4);
box-shadow:0 0 10px rgba(255,210,0,0.4)
}
.about-01 {
background:url(../images/about_bg_01.jpg) center top no-repeat;
padding-bottom:90px
}
.about-01 .wrap .breadcrumb {
margin:40px 0 0;
opacity:.34;
filter:alpha(opacity=34)
}
.about-01 .wrap .about-content {
width:100%;
padding-right:41.42857%
}
.about-01 .wrap .about-content h2 {
height:142px;
line-height:142px;
font-size:60px;
font-weight:bold;
color:#fff;
width:100%;
background-image:url(../images/about_font_bg_01.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%;
letter-spacing:10px
}
.about-01 .wrap .about-content p {
font-size:16px;
line-height:36px;
margin-top:10px;
width:100%;
overflow:hidden;
color:#afb8c0
}
.about-01 .wrap .about-content ul {
margin-top:90px;
width:100%
}
.about-01 .wrap .about-content ul li {
float:left
}
.about-01 .wrap .about-content ul li p {
font-size:18px;
line-height:32px;
margin-top:26px;
display:block;
overflow:hidden;
color:#939ca9
}
.about-01 .wrap .about-content ul li p img {
height:142px;
display:block
}
.about-01 .wrap .about-content ul li+li {
margin-left:17.07317%
}
.about-02 {
padding:80px 0 110px;
position:relative;
overflow:hidden
}
.about-02 .wrap:before,.about-02 .wrap:after {
content:'';
display:block;
position:absolute
}
.about-02 .wrap:before {
width:165px;
height:131px;
right:-200px;
top:10px;
background:url(../images/about_02_bg_02.png) left top no-repeat
}
.about-02 .wrap:after {
width:69px;
height:72px;
right:-150px;
bottom:-70px;
background:url(../images/about_02_bg_03.png) left top no-repeat
}
.about-02 .wrap h2 {
height:142px;
line-height:112px;
font-size:58px;
padding-top:30px;
padding-left:58px;
margin-left:-10px;
font-weight:bold;
color:#3d3f42;
width:100%;
background-image:url(../images/about_font_bg_02.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%;
letter-spacing:3px;
position:relative
}
.about-02 .wrap h2:before {
content:'';
display:block;
width:24px;
height:24px;
border-radius:100%;
border:2px solid #feb33c;
background:#f3f3f3;
position:absolute;
left:10px;
top:50%
}
.about-02 .wrap>p {
font-size:16px;
line-height:30px;
margin-top:20px;
margin-bottom:60px;
margin-right:45.71429%;
color:#7d8b9f;
position:relative
}
.about-02 .wrap>p:before {
content:'';
display:block;
width:97px;
height:89px;
background:url(../images/about_02_bg_01.png) left top no-repeat;
position:absolute;
right:-240px;
top:-60px
}
.about-02 .wrap ul {
/* padding-right:5.71429%; */
position:relative;
}
.about-02 .wrap ul:before {
content:'';
display:block;
position:absolute;
right:0;
/* top:-30%; */
height:110%;
width:29.28571%;
background:url(../images/about_02_bg_04.png) left top repeat;
}
.about-02 .wrap ul li {
width: 22.81818%;
float:left;
position:relative;
z-index:2;
}
.about-02 .wrap ul li:hover .img-panel:before {
-webkit-animation:lightMove .6s ease-out forwards;
-moz-animation:lightMove .6s ease-out forwards;
-o-animation:lightMove .6s ease-out forwards;
animation:lightMove .6s ease-out forwards
}
.about-02 .wrap ul li .img-panel {
display:block;
width:100%;
overflow:hidden;
position:relative
}
.about-02 .wrap ul li .img-panel:before {
content:'';
position:absolute;
width:60px;
height:140%;
margin-top:0;
margin-left:-100%;
overflow:hidden;
z-index:6;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg)
}
.about-02 .wrap ul li .img-panel img {
display:block;
width:100%
}
.about-02 .wrap ul li p {
height:70px;
width:100%;
background:#d6dbe1;
text-align:center;
font-size:0
}
.about-02 .wrap ul li p span {
font-size:22px;
line-height:70px;
display:inline-block;
color:#202020;
font-weight:bold;
padding-left:30px;
position:relative
}
.about-02 .wrap ul li p span:before {
content:'';
display:block;
width:18px;
height:18px;
position:absolute;
left:0;
top:50%;
margin-top:-9px;
background:url(../images/icon_02.png) center center no-repeat
}
.about-02 .wrap ul li+li {
margin-left:2.27273%
}
.about-03 {
background:url(../images/about_03_bg_01.jpg) center center repeat;
position:relative
}
.about-03:after {
content:'';
display:block;
position:absolute;
right:0;
bottom:114px;
top:0;
width:75.52083%;
border-top-left-radius:100px;
background-color:#1f252a;
background-image:url(../images/about_03_bg_02.png);
background-position:center top;
background-repeat:no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%
}
.about-03 .wrap {
padding:80px 0 0;
z-index:2
}
.about-03 .wrap:before {
height:142px;
top:80px;
content:'';
display:block;
position:absolute;
left:22.14286%;
right:0;
background-image:url(../images/about_font_bg_03.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%
}
.about-03 .wrap:after {
content:'';
display:block;
width:1px;
right:0;
top:0;
bottom:0;
position:absolute;
background:#898989;
opacity:.3;
filter:alpha(opacity=30)
}
.about-03 .wrap h2 {
height:142px;
line-height:122px;
font-size:58px;
padding-top:20px;
font-weight:bold;
color:#ffffff;
width:100%;
letter-spacing:3px;
vertical-align:middle;
position:relative
}
.about-03 .wrap h2 a{
color: #fff;
}
.about-03 .wrap h2 span {
margin-right:46px;
display:inline-block;
vertical-align:middle;
height:2px;
width:22.85714%;
background:#feb33c;
background:-webkit-linear-gradient(left,rgba(254,179,60,0),#feb33c);
background:-o-linear-gradient(right,rgba(254,179,60,0),#feb33c);
background:-moz-linear-gradient(right,rgba(254,179,60,0),#feb33c);
background:linear-gradient(to right,rgba(254,179,60,0),#feb33c);
position:relative
}
.about-03 .wrap h2 span:before {
content:'';
display:block;
width:24px;
height:24px;
border-radius:100%;
border:2px solid #feb33c;
position:absolute;
right:-26px;
top:-11px
}
.about-03 .wrap>p {
margin-top:24px;
margin-bottom:100px;
font-size:16px;
line-height:30px;
color:#7d8b9f;
padding:0 5.71429% 0 22.85714%
}
.about-03 .wrap>p a{
font-size: 16px;
color: #fff;
}
.about-03 .wrap ul {
width:100%
}
.about-03 .wrap ul li {
float:left;
width: 23.5%;
}
.about-03 .wrap ul li img {
display:block;
width:100%
}
.about-03 .wrap ul li+li {
margin-left:1.42857%
}
.about-03 .wrap ul li+li+li {
/* width:30.14286% */
}
.picMarquee-left{overflow:hidden;position:relative;/* padding:20px; */height: 430px;}
.picMarquee-left .bd{border: none;/* width: 1156px; */overflow:hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{/* margin:0 20px 0 0; */float:left;_display:inline;overflow:hidden;text-align:center;/* background: #f5f5f5; */}
.picMarquee-left .bd ul li img{width: 100%;/* height:170px; */display:block;padding:2px;/* border:1px solid #ccc; */}
.picMarquee-left .bd ul li h3{ display: block; line-height: 40px;font-size: initial;}
.about-04 {
background:url(../images/about_04_bg.jpg) center top no-repeat
}
.about-04 .wrap {
padding:90px 0 150px
}
.about-04 .wrap .lf-panel {
width:50%
}
.about-04 .wrap .lf-panel h2 {
height:142px;
line-height:122px;
font-size:58px;
padding-top:20px;
padding-left:58px;
margin-left:-10px;
font-weight:bold;
color:#3d3f42;
width:100%;
background-image:url(../images/about_font_bg_02.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%;
letter-spacing:3px;
position:relative
}
.about-04 .wrap .lf-panel h2:before {
content:'';
display:block;
width:24px;
height:24px;
border:2px solid #feb655;
border-radius:100%;
background:#f3f3f3;
position:absolute;
left:6px;
top:50%
}
.about-04 .wrap .lf-panel>p {
margin-top:20px;
margin-bottom:70px;
font-size:16px;
line-height:30px;
color:#4f545a
}
.about-04 .wrap .lf-panel ul {
width:100%
}
.about-04 .wrap .lf-panel ul li {
float:left;
padding:14px 0 0 14px;
position:relative
}
.about-04 .wrap .lf-panel ul li:before,.about-04 .wrap .lf-panel ul li:after {
content:'';
display:block;
position:absolute;
left:0;
background-color:rgba(133,114,75,0.3)
}
.about-04 .wrap .lf-panel ul li:before {
top:0;
right:14px;
height:14px
}
.about-04 .wrap .lf-panel ul li:after {
top:14px;
bottom:14px;
width:14px
}
.about-04 .wrap .lf-panel ul li p {
padding:20px 13px 30px 13px;
border:2px solid #afa285;
background:rgba(255,255,255,0.3)
}
.about-04 .wrap .lf-panel ul li p strong,.about-04 .wrap .lf-panel ul li p span {
width:60px;
display:block;
overflow:hidden
}
.about-04 .wrap .lf-panel ul li p strong {
margin-bottom:20px
}
.about-04 .wrap .lf-panel ul li p strong img {
display:block;
width:100%
}
.about-04 .wrap .lf-panel ul li p span {
padding:0 20px;
font-size:20px;
line-height:22px;
text-align:center;
color:#2e333b
}
.about-04 .wrap .lf-panel ul li+li {
margin-left:12.85714%
}
.about-04 .wrap .rt-panel {
width:50%;
padding-top:26px
}
.about-04 .wrap .rt-panel .img-panel {
width:61.42857%;
float:right;
position:relative
}
.about-04 .wrap .rt-panel .img-panel:before {
content:'';
display:block;
bottom:5px;
top:55px;
left:-40px;
width:100px;
background:#d7be89;
border-top-left-radius:20px;
position:absolute
}
.about-04 .wrap .rt-panel .img-panel:after {
content:'';
display:block;
position:absolute;
left:6px;
top:80px;
bottom:30px;
width:10px;
background:#d7be89;
-webkit-box-shadow:0 0 20px 10px #85724b;
-moz-box-shadow:0 0 20px 10px #85724b;
box-shadow:0 0 20px 10px #85724b
}
.about-04 .wrap .rt-panel .img-panel .swt-link {
display:block;
width:270px;
height:270px;
left:-174px;
bottom:-86px;
position:absolute;
z-index:4
}
.about-04 .wrap .rt-panel .img-panel .swt-link:before {
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:url(../images/about_04_swt.png) center center no-repeat;
-webkit-animation:rotateMove 3s infinite linear;
-moz-animation:rotateMove 3s infinite linear;
-o-animation:rotateMove 3s infinite linear;
animation:rotateMove 3s infinite linear
}
.about-04 .wrap .rt-panel .img-panel .swt-link:hover a:before {
top:30px
}
.about-04 .wrap .rt-panel .img-panel .swt-link:hover a:after {
bottom:30px
}
.about-04 .wrap .rt-panel .img-panel .swt-link a {
display:block;
width:162px;
height:162px;
background:url(../images/about_04_swt_bg.png) center center no-repeat;
position:absolute;
left:53px;
top:53px;
z-index:2;
padding:50px 0
}
.about-04 .wrap .rt-panel .img-panel .swt-link a:before,.about-04 .wrap .rt-panel .img-panel .swt-link a:after {
content:'';
display:block;
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px;
transition:.5s all ease-in-out
}
.about-04 .wrap .rt-panel .img-panel .swt-link a:before {
border-bottom:5px solid #ba1f22;
border-left:5px dashed transparent;
border-right:5px dashed transparent;
top:36px
}
.about-04 .wrap .rt-panel .img-panel .swt-link a:after {
border-top:5px solid #b9bbc4;
border-left:5px dashed transparent;
border-right:5px dashed transparent;
bottom:36px
}
.about-04 .wrap .rt-panel .img-panel .swt-link a strong,.about-04 .wrap .rt-panel .img-panel .swt-link a span {
display:block;
width:100%;
text-align:center
}
.about-04 .wrap .rt-panel .img-panel .swt-link a strong {
font-size:24px;
font-weight:bold;
color:#fff;
height:36px;
line-height:36px
}
.about-04 .wrap .rt-panel .img-panel .swt-link a span {
font-size:14px;
color:#fff;
opacity:.33;
filter:alpha(opacity=33);
height:24px;
line-height:24px
}
.about-04 .wrap .rt-panel .img-panel span {
display:block;
width:100%;
border-top-right-radius:100px;
overflow:hidden;
position:relative;
z-index:1
}
.about-04 .wrap .rt-panel .img-panel span img {
display:block;
width:100%
}
.about-05 {
background:url(../images/about_05_bg.jpg) center top no-repeat;
background-size: cover;
padding-bottom:140px
}
.about-05 .wrap .img-panel {
display:block;
width:100%;
overflow:hidden;
position:relative
}
.about-05 .wrap .img-panel:hover:before {
-webkit-animation:lightMove .6s ease-out forwards;
-moz-animation:lightMove .6s ease-out forwards;
-o-animation:lightMove .6s ease-out forwards;
animation:lightMove .6s ease-out forwards
}
.about-05 .wrap .img-panel:before {
content:'';
position:absolute;
width:60px;
height:140%;
margin-top:0;
margin-left:-100%;
overflow:hidden;
z-index:6;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg)
}
.about-05 .wrap .img-panel img {
display:block;
width:100%
}
.about-05 .wrap .lf-panel {
width:42.14286%;
float:left;
padding-top:150px
}
.about-05 .wrap .lf-panel h2 {
height:72px;
line-height:72px;
font-size:58px;
margin-top:70px;
margin-bottom:20px;
padding-left:50px;
width:100%;
color:#fcfcfc;
color: #222;
position:relative
}
.about-05 .wrap .lf-panel h2:before {
content:'';
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-12px;
width:24px;
height:24px;
border:2px solid #fcb452;
border-radius:100%
}
.about-05 .wrap .lf-panel p {
font-size:16px;
line-height:30px;
width:100%;
overflow:hidden;
color:#7d8b9f;
color: #333;
}
.about-05 .wrap .rt-panel {
width:54.71429%;
float:right
}
.about-05 .wrap .rt-panel .top-panel {
padding-top:150px;
margin-bottom:50px;
padding-right:15.1436%;
position:relative
}
.about-05 .wrap .rt-panel .top-panel .title-panel {
width:9.39948%;
top:0;
bottom:0;
position:absolute;
right:0;
background:#0353e0;
background-image:-webkit-repeating-linear-gradient(top,#29bffa,#0353e0);
background-image:-o-repeating-linear-gradient(top,#29bffa,#0353e0);
background-image:repeating-linear-gradient(to bottom,#29bffa,#0353e0)
}
.about-05 .wrap .rt-panel .top-panel .title-panel span {
display:block;
width:100%;
overflow:hidden;
position:absolute;
left:0;
bottom:30px
}
.about-05 .wrap .rt-panel .top-panel .title-panel span img {
display:block;
width:100%
}
.about-06 {
overflow:hidden
}
.about-06 img {
display:block;
width:100%
}
.contact-info {
padding-bottom:5.625%;
background-image:url(../images/contact_bg_01.jpg);
background-position:center top;
background-repeat:no-repeat
}
.contact-info .wrap .breadcrumb {
margin:30px 0 10px;
opacity:.34;
filter:alpha(opacity=34)
}
.contact-info .wrap h2 {
height:142px;
line-height:142px;
font-size:60px;
letter-spacing:10px;
padding-left:10px;
margin-left:-10px;
color:#fff;
font-weight:bold;
background-image:url(../images/contact_font_bg_01.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%
}
.contact-info .wrap>p {
margin-top:4px;
font-size:16px;
line-height:36px;
padding-right:43.57143%;
color:#afb8c0
}
.contact-info .wrap .address-phone {
margin-top:8px;
margin-bottom:5.28571%;
padding-right:60%
}
.contact-info .wrap .address-phone p {
height:70px;
line-height:70px;
font-size:18px;
padding-left:9.27419%;
margin-top:12.09677%;
color:#ffefc9;
width:100%;
background-image:url(../images/info_bg.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:89% auto;
background-size:89% auto
}
.contact-info .wrap .address-phone p span {
font-size:22px
}
.contact-info .wrap .address-phone p strong {
font-size:32px;
font-weight:bold
}
.contact-info .wrap .swt-link {
margin-right:67.85714%;
position:relative
}
.contact-info .wrap .swt-link:before {
content:'';
display:block;
width:38.22222%;
height:2px;
background:#ffe2e2;
background:-webkit-linear-gradient(left,#ffe2e2,rgba(255,226,226,0));
background:-o-linear-gradient(right,#ffe2e2,rgba(255,226,226,0));
background:-moz-linear-gradient(right,#ffe2e2,rgba(255,226,226,0));
background:linear-gradient(to right,#ffe2e2,rgba(255,226,226,0));
position:absolute;
right:0;
top:50%;
margin-top:-1px
}
.contact-info .wrap .swt-link a {
height:70px;
line-height:70px;
font-size:24px;
border-radius:35px;
width:61.77778%;
background-image:url(../images/contact_btn.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
color:#0f0f14;
font-weight:bold;
text-align:center;
display:block;
-webkit-box-shadow:0 0 30px rgba(255,210,0,0.3);
-moz-box-shadow:0 0 30px rgba(255,210,0,0.3);
box-shadow:0 0 30px rgba(255,210,0,0.3);
transition:.5s all ease-in-out
}
.contact-info .wrap .swt-link a:hover {
-webkit-box-shadow:0 0 10px rgba(255,210,0,0.4);
-moz-box-shadow:0 0 10px rgba(255,210,0,0.4);
box-shadow:0 0 10px rgba(255,210,0,0.4)
}
.contact-form {
background:url(../images/contact_bg_02.jpg) left top repeat;
overflow:hidden
}
.contact-form .wrap {
padding:5.20833% 0
}
.contact-form .wrap>h2 {
height:142px;
line-height:142px;
font-size:60px;
letter-spacing:10px;
padding-left:66px;
margin-left:-10px;
color:#172431;
font-weight:bold;
background-image:url(../images/contact_font_bg_02.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:auto 100%;
background-size:auto 100%;
position:relative
}
.contact-form .wrap>h2:before {
content:'';
display:block;
width:24px;
height:24px;
border-radius:100%;
border:2px solid #ffb653;
background:#f3f3f3;
position:absolute;
left:10px;
top:50%;
margin-top:-12px
}
.contact-form .wrap .lf-panel {
float:left;
width:54.28571%
}
.contact-form .wrap .lf-panel>p {
font-size:16px;
line-height:36px;
margin-top:10px;
color:#606972
}
.contact-form .wrap .lf-panel .form-wrap .item-panel input[type=text],.contact-form .wrap .lf-panel .form-wrap .item-panel textarea {
color:#606972
}
.contact-form .wrap .rt-panel {
width:45.71429%;
float:right;
position:relative
}
.contact-form .wrap .rt-panel:before {
content:'';
display:block;
position:absolute;
left:27.34375%;
top:-30px;
bottom:10px;
right:0;
box-shadow:0 0 20px rgba(81,57,3,0.4)
}
.contact-form .wrap .rt-panel .service-panel {
width:93.75%;
height:570px;
margin-top:-40px;
float:right;
background-image:url(../images/contact_bg_03.png);
background-position:right top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:relative;
z-index:1
}
.contact-form .wrap .rt-panel .service-panel .service-content {
right:10px;
top:10px;
bottom:10px;
left:22.5%;
padding:30px 40px;
position:absolute
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 {
height:92px;
line-height:92px;
font-size:38px;
margin-bottom:-10px;
font-weight:bold;
color:#d9ae60;
text-align:center;
width:100%;
position:relative
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 span {
font-size:86px;
line-height:92px;
display:block;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
color:#d9ae60;
opacity:.1;
filter:alpha(opacity=10);
z-index:-1;
text-transform:uppercase
}
.contact-form .wrap .rt-panel .service-panel .service-content ul {
width:100%;
padding:0 15px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li {
padding-top:30px;
line-height:48px;
font-size:16px;
margin-top:40px;
padding-left:90px;
width:100%;
background-image:url(../images/service_bg_01.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
color:#2d3742
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li+li {
background-image:url(../images/service_bg_02.png)
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li+li+li {
background-image:url(../images/service_bg_03.png)
}
#LRdiv0 {
display:none !important
}
.page-panel {
width:100%;
position:relative;
font-size:0;
text-align:center
}
.pager {
padding:20px 0px;
text-align:center;
display:inline-block;
line-height:30px;
font-size: 14px;
vertical-align:middle;
position:relative;
}
.pager .pagination {
display:inline-block;
vertical-align:middle;
margin: 0 auto;
}
.pager .pagination li {
display: inline-block;
/*float:left;*/
border:1px solid #e6e6e6;
margin:0 5px;
border-radius:2px
}
.pager .pagination li a,.pager .pagination li span {
display:block;
color:#9e9e9e;
padding:8px 15px;
line-height:20px;
font-size:15px
}
.pager .pagination li:hover {
position:relative;
z-index:1;
border:1px solid #0a60af
}
.pager .pagination li:hover a,.pager .pagination li:hover span {
color:#0a60af
}
.pager .pagination li.disable {
text-decoration:none;
background:#f5f5f5;
border-color:#e6e6e6;
cursor:not-allowed
}
.pager .pagination li.disable a,.pager .pagination li.disable span {
color:#999
}
.pager .pagination li.disable:hover {
background:#f5f5f5;
border-color:#e6e6e6
}
.pager .pagination li.disable:hover a,.pager .pagination li.disable:hover span {
color:#999
}
.pager .pagination li.active {
position:relative;
padding:1px;
z-index:2;
border:none;
background:#0a60af
}
.pager .pagination li.active a,.pager .pagination li.active span {
color:#fff
}
.pager .total-page {
display:inline-block;
vertical-align:middle;
border:1px solid #e6e6e6;
padding:8px 40px 8px 20px;
margin:0 5px;
border-radius:2px;
cursor:pointer;
position:relative
}
.pager .total-page:after {
content:'';
display:block;
width:0;
height:0;
border-top:6px solid #0a60af;
border-left:6px dashed transparent;
border-right:6px dashed transparent;
position:absolute;
right:20px;
top:16px
}
.pager .total-page strong,.pager .total-page span {
display:inline-block;
padding:0;
line-height:20px;
font-size:15px;
color:#999
}
.pager .total-page strong {
font-style:normal;
font-weight:normal;
color:#0a60af
}
.pager .all-page {
position:absolute;
bottom:80px;
left:0;
right:0;
z-index:10;
display:none;
padding-bottom:20px
}
.pager .all-page .page-tab {
padding:30px 20px 20px;
border-radius:2px;
border:1px solid #e6e6e6;
background:#fff;
position:relative
}
.pager .all-page .page-tab:after,.pager .all-page .page-tab:before {
content:'';
display:block;
position:absolute
}
.pager .all-page .page-tab:before {
right:16px;
bottom:-16px;
border-top:16px solid #e6e6e6;
border-left:16px dashed transparent;
border-right:16px dashed transparent
}
.pager .all-page .page-tab:after {
right:18px;
bottom:-14px;
border-top:14px solid #fff;
border-left:14px dashed transparent;
border-right:14px dashed transparent
}
.pager .all-page .close {
display:block;
width:30px;
height:30px;
position:absolute;
right:0;
top:0;
color:#fff;
background:#0a60af;
font-size:18px;
line-height:20px;
text-align:center;
cursor:pointer;
border-bottom-left-radius:30px;
padding-left:4px
}
.pager .all-page .page-bd {
width:100%;
overflow:hidden
}
.pager .all-page .page-bd .current-list {
display:none;
width:100%;
overflow:hidden
}
.pager .all-page .page-bd .current-list li {
width:10%;
text-align:center;
overflow:hidden
}
.pager .all-page .page-bd .current-list li a {
display:inline-block;
line-height:20px;
font-size:15px;
color:#999;
border:1px solid #e6e6e6;
border-radius:2px;
padding:8px 14px
}
.pager .all-page .page-bd .current-list li a:hover {
border:1px solid #0a60af;
color:#0a60af
}
.pager .all-page .page-bd .current-list li.active a {
padding:9px 15px;
z-index:2;
color:#fff;
border:none;
background:#0a60af
}
.pager .all-page .page-bd .current-list.on {
display:block
}
.pager .all-page .page-hd {
width:100%;
overflow:hidden;
margin-top:10px
}
.pager .all-page .page-hd li {
margin-top:10px;
width:20%
}
.pager .all-page .page-hd li span {
display:block;
width:80%;
margin:0 auto;
padding:8px 14px;
line-height:20px;
border:1px solid #e6e6e6;
text-align:center;
font-size:15px;
color:#999;
border-radius:2px;
cursor:pointer
}
.pager .all-page .page-hd li:hover span {
border:1px solid #0a60af;
color:#0a60af
}
.pager .all-page .page-hd li.active span {
padding:9px 15px;
z-index:2;
color:#fff;
border:none;
background:#0a60af
}
.pager .all-page .page-hd li.on span {
border:1px solid #0a60af;
color:#0a60af
}
.pager .all-page .page-hd li.active.on span {
border:none;
color:#fff
}
.pro-list-banner .shadow {
width:100%;
height:50%;
position:absolute;
bottom:0;
left:0;
border-radius:20%;
box-shadow:0 0 40px 20px #7d7c76
}
.pro-list-banner>span {
display:block;
width:100%;
overflow:hidden;
position:relative;
z-index:1
}
.pro-list-banner>span img {
display:block;
width:100%
}
.pro-list-banner .abs-panel {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2
}
.pro-list-banner .abs-panel .wrap {
padding-top:36px;
height:100%
}
.pro-list-banner .abs-panel .wrap .breadcrumb {
opacity:.34;
filter:alpha(opacity=34)
}
.cate-ul {
width:100%;
position:absolute;
left:0;
bottom:0;
overflow:hidden;
border-radius:60px 60px 0 0
}
.cate-ul:before {
border-radius:60px 60px 0 0;
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
opacity:.2;
filter:alpha(opacity=20)
}
.cate-ul li {
width:25%;
float:left;
position:relative;
z-index:1;
overflow:hidden
}
.cate-ul li a {
display:block;
width:100%;
padding:40px 20px 20px 14.28571%;
font-size:0;
overflow:hidden;
position:relative
}
.cate-ul li a strong,.cate-ul li a span {
height:40px;
line-height:40px;
display:inline-block;
color:#dcdcdc;
position:relative
}
.cate-ul li a strong {
font-size:26px;
font-weight:bold
}
.cate-ul li a span {
font-size:16px
}
.cate-ul li.hot a strong:after {
content:'';
display:inline-block;
width:32px;
height:20px;
vertical-align:top;
background:url(../images/icon_hot.png) center center no-repeat;
margin-left:10px
}
.cate-ul li.active a {
background:url(../images/cate_bg.jpg) 8px -20px repeat
}
.cate-ul li.active a strong,.cate-ul li.active a span {
color:#684609
}
.cate-ul li+li:before {
content:'';
display:block;
left:0;
top:0;
height:100%;
width:1px;
background:#2d2d2d;
position:absolute
}
.list-content .wrap {
overflow:hidden
}
.list-ul {
margin:44px -33px 0;
padding-bottom:30px
}
.list-ul li {
width:25%;
float:left;
padding:0 2.25102%;
margin-top:30px
}
.list-ul li:hover .item-img a:before {
-webkit-animation:lightMove .6s ease-out forwards;
-moz-animation:lightMove .6s ease-out forwards;
-o-animation:lightMove .6s ease-out forwards;
animation:lightMove .6s ease-out forwards
}
.list-ul li:hover .item-font a {
color:#083661
}
.list-ul li .item-img {
display:block;
width:100%;
padding-bottom:6px;
position:relative;
/*height: 220px;*/
}
.plays{
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
/* transition: all .3s ease-in-out; */
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
}
.plays a {
display: inline-block;
width: 100px;
height: 210px;
background: url(../images/play.png) #1918184a no-repeat center;
margin: 0 auto; /*水平居ä¸ÂÂÂ*/
position: relative; /*脱离文档æµÂÂÂ*/
top: 50%; /*Ã¥ÂÂÂÂÂÂ移*/
transform: translateY(-50%);
z-index: 1000000;
}
.plays:hover a{
background: url(../images/play1.png) #1918184a no-repeat center;
}
.list-ul li .item-img .item-img-img{
width: 100%;
position: absolute;
height: 220px;
}
}
.list-ul li .item-img:after {
/* content:''; */
/* display:block; */
/* position:absolute; */
/* left:16px; */
/* right:16px; */
height:60px;
/* border-radius:16px; */
/* bottom:0; */
/* background:#d6d8df */
}
.list-ul li .item-img p video{
width:100%;
height: 220px;
}
.list-ul li .item-img a {
display:block;
width:100%;
border-radius:16px;
overflow:hidden;
position:relative;
z-index:1
}
.list-ul li .item-img a:before {
/* content:''; */
position:absolute;
width:60px;
height:140%;
margin-top:0;
margin-left:-100%;
overflow:hidden;
z-index:6;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg);
}
.list-ul li .item-img a img {
display:block;
width:100%;
/*height: 220px;*/
/* z-index: -111111; */
}
.list-ul li .item-font {
width:100%;
height:48px;
text-align:center
}
.list-ul li .item-font a {
font-size:18px;
color:#342f29;
line-height:48px
}
@media screen and (max-width:1760px) {
.header .wrap {
width:1520px
}
}@media screen and (max-width:1600px) {
.wrap {
width:1240px
}
.header {
padding:16px 0
}
.header .wrap {
width:1360px
}
.header .logo {
padding:10px 0
}
.header .tel-panel {
padding:2px 60px 2px 0
}
.header .tel-panel dt {
height:30px;
line-height:30px;
font-size:16px
}
.header .tel-panel dd {
height:30px;
line-height:30px;
font-size:22px;
padding-right:20px
}
.header .nav-list {
padding-left:190px;
padding-right:250px
}
.header .nav-list li {
margin:0 2%;
height:66px
}
.header .nav-list li a {
font-size:16px
}
.header .nav-list li .sub-panel,.header .nav-list li .sub-nav {
top:66px
}
.swiper-banner .swiper-pagination {
bottom:40px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {
font-size:18px;
margin:0 40px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
width:50px;
left:-65px
}
.index-cate {
padding:70px 0
}
.cate-list li a.cate-img {
width:80%
}
.cate-list li a.cate-title {
font-size:28px;
line-height:56px;
margin-top:50px
}
.cate-list li p {
line-height:28px;
font-size:16px;
margin-top:6px
}
.txt-h2 {
font-size:48px
}
.case-h2 {
padding-top:30px;
line-height:64px;
-webkit-background-size:auto 96px;
background-size:auto 96px
}
.index-product .wrap {
padding:56px 0 170px
}
.index-product .wrap .mark-circle {
width:480px;
height:480px;
margin-left:-240px;
bottom:170px
}
.index-product h2 {
margin-bottom:100px
}
.index-product h2:before {
left:-180px;
bottom:-186px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-title a {
font-size:40px;
line-height:52px;
height:52px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p {
padding:16px 0 10px 26px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p span {
font-size:18px;
line-height:28px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p strong {
font-size:32px;
line-height:44px;
height:44px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img {
height:480px
}
.swiper-product .swiper-tab {
top:20px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font {
margin-top:26px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font:before {
top:-16px
}
.index-case .wrap {
padding:40px 0 90px
}
.index-case .wrap>p {
font-size:18px;
line-height:28px
}
.case-list {
margin-top:40px
}
.case-list li .case-img a span {
padding:25px;
line-height:40px;
font-size:24px
}
.index-about .wrap {
padding:0 0 100px
}
.index-about .wrap .fst-about {
padding:80px 0 0
}
.index-about .wrap .fst-about:after {
bottom:-70px;
height:360px
}
.index-about .wrap .fst-about h2, .index-about .wrap .fst-about b {
height:64px;
line-height:64px
}
.index-about .wrap .fst-about .about-panel {
margin-top:40px
}
.index-about .wrap .sec-about {
margin-top:48px
}
.index-about .wrap .sec-about .font-panel {
margin-top:20px
}
.index-about .wrap .fst-about .font-panel p strong,.index-about .wrap .sec-about .font-panel p strong {
height:76px
}
.index-about .wrap .fst-about .font-panel p span,.index-about .wrap .sec-about .font-panel p span {
height:32px;
line-height:32px;
font-size:22px;
margin-top:20px
}
.index-about .wrap .fst-about p+p,.index-about .wrap .sec-about p+p {
margin-top:70px
}
.index-partner .wrap {
padding:56px 0 100px
}
.index-partner .wrap .li-list li {
height:180px;
margin-top:80px
}
.index-partner .wrap .li-list .fst-li .item-li {
padding-top:36px
}
.index-partner .wrap .li-list .fst-li .item-li span {
border-radius:16px;
border:2px solid #eef9ff
}
.index-partner .wrap .li-list .fst-li .item-li dl {
border-radius:16px;
padding:20px 20px 20px 30px
}
.index-partner .wrap .li-list .fst-li .item-li dl dt {
height:36px;
line-height:36px;
font-size:20px
}
.index-partner .wrap .li-list .fst-li .item-li dl dd {
margin-top:20px;
line-height:28px;
font-size:16px
}
.footer {
padding:40px 0
}
.footer p {
font-size:16px;
line-height:32px
}
.product-info .wrap {
padding:20px 0 90px
}
.product-info .wrap .breadcrumb {
margin-bottom:50px
}
.product-info .wrap .lf-panel .product-img {
padding:0 36px
}
.product-info .wrap .lf-panel .product-img:before {
top:40px;
bottom:40px
}
.product-info .wrap .lf-panel .product-img:after {
left:18px;
right:18px;
top:20px;
bottom:20px
}
.product-info .wrap .lf-panel .bz-list {
margin-top:20px
}
.product-info .wrap .lf-panel .bz-list li {
height:32px
}
.product-info .wrap .lf-panel .bz-list li span {
line-height:32px;
font-size:16px
}
.product-info .wrap .rt-panel h1 {
font-size:36px;
height:52px;
line-height:52px
}
.product-info .wrap .rt-panel .notice {
margin-top:30px
}
.product-info .wrap .rt-panel .notice span {
padding:0 50px;
height:38px;
line-height:36px;
font-size:16px;
border-radius:32px
}
.product-info .wrap .rt-panel .cs-panel {
margin:40px 0 30px
}
.product-info .wrap .rt-panel .cs-panel p {
padding:13px 10px 13px 20px;
font-size:24px;
line-height:36px
}
.product-info .wrap .rt-panel .cs-panel p strong {
font-size:18px;
line-height:28px;
height:28px
}
.product-info .wrap .rt-panel>p {
/*height:64px;*/
line-height:32px;
font-size:16px
}
.product-info .wrap .rt-panel .swt-panel {
margin-top:30px;
padding-right:180px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a {
height:52px;
border-radius:26px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon {
width:70px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon:before {
border-radius:26px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.font {
padding:0 40px;
line-height:52px;
font-size:20px
}
.product-info .wrap .rt-panel .swt-panel dl {
width:180px
}
.product-info .wrap .rt-panel .swt-panel dl dt {
font-size:24px;
height:32px;
line-height:32px
}
.product-info .wrap .rt-panel .swt-panel dl dd {
height:20px;
line-height:20px;
font-size:16px
}
.anchor-panel {
height:100px
}
.anchor-panel ul li {
width:184px;
height:120px
}
.anchor-panel ul li a {
height:100px;
line-height:100px;
font-size:20px
}
.anchor-panel ul li.active a {
font-size:24px
}
.anchor-panel ul li+li {
margin-left:13.4%
}
.article-content .wrap {
padding:40px 60px 80px
}
.article-content .wrap .side-panel {
margin-top:50px;
width:24%
}
.hot-product h2 {
height:58px;
line-height:58px;
font-size:24px
}
.hot-product ul {
padding:40px 20px 20px;
margin-top:-26px
}
.hot-product ul:before {
top:14px
}
.hot-product ul li {
margin-top:20px
}
.hot-product ul li p a {
height:28px;
line-height:28px;
font-size:16px
}
.article h2 {
font-size:28px;
margin:50px 0 30px
}
.article p {
font-size:16px;
line-height:32px;
margin-top:30px;
margin-bottom:30px
}
.pro_ys dl dd p:first-child {
line-height:36px;
font-size:20px
}
.pro_ys dl dd p:first-child:before {
top:13px
}
.pro_ys dl dd p+p {
margin-top:10px;
font-size:16px;
line-height:32px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item {
height:44px;
border-radius:20px;
margin-right:20px;
margin-bottom:20px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item span {
padding:0 20px;
line-height:40px;
font-size:16px;
border-radius:20px
}
.swiper-tab .swiper-wrapper .swiper-slide>p {
margin:20px 0 10px;
height:32px;
line-height:32px
}
.table-wrap>p {
margin:20px 0 10px;
height:32px;
line-height:32px
}
.table-wrap table tr td {
font-size:16px
}
.case-panel .wrap {
padding:70px 0 80px
}
.case-panel .wrap h2 {
height:56px;
line-height:56px;
font-size:42px
}
.case-about {
margin-top:32px
}
.case-about li {
width:30%
}
.case-about li .case-item .case-info {
padding:16px
}
.case-about li .case-item .case-info a {
height:40px;
line-height:40px;
font-size:20px
}
.case-about li .case-item .case-info p {
height:32px;
line-height:32px;
font-size:16px
}
.case-about li+li {
margin-left:5%
}
.message-panel .wrap .message-wrap h2 {
height:56px;
line-height:56px;
font-size:42px
}
.message-panel .wrap .message-wrap>p {
margin-top:20px;
font-size:16px;
line-height:32px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel {
margin-top:50px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel input[type=text] {
height:51px;
line-height:50px;
font-size:16px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel textarea {
height:85px;
font-size:16px;
line-height:32px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn {
margin-top:90px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn input[type=button] {
height:62px;
line-height:62px;
font-size:20px;
border-radius:30px
}
.form-wrap .item-panel {
margin-top:50px
}
.form-wrap .item-panel input[type=text] {
height:51px;
line-height:50px;
font-size:16px
}
.form-wrap .item-panel textarea {
height:85px;
font-size:16px;
line-height:32px
}
.form-wrap .form-btn {
margin-top:90px
}
.form-wrap .form-btn input[type=button] {
height:62px;
line-height:62px;
font-size:20px;
border-radius:30px
}
.about-01 {
padding-bottom:90px
}
.about-01 .wrap .breadcrumb {
margin:40px 0 0
}
.about-01 .wrap .about-content h2 {
height:132px;
line-height:132px;
font-size:52px
}
.about-01 .wrap .about-content p {
font-size:16px;
line-height:36px
}
.about-01 .wrap .about-content ul {
margin-top:70px
}
.about-01 .wrap .about-content ul li p {
font-size:18px;
line-height:32px;
margin-top:20px
}
.about-01 .wrap .about-content ul li p img {
height:132px
}
.about-01 .wrap .about-content ul li+li {
margin-left:15%
}
.about-02 {
padding:70px 0 100px
}
.about-02 .wrap h2 {
height:132px;
line-height:106px;
font-size:52px;
padding-top:25px;
padding-left:50px
}
.about-02 .wrap>p {
font-size:16px;
line-height:30px;
margin-top:20px;
margin-bottom:50px
}
.about-02 .wrap ul li p {
height:64px
}
.about-02 .wrap ul li p span {
font-size:20px;
line-height:64px
}
.about-03:after {
bottom:100px;
border-top-left-radius:60px
}
.about-03 .wrap {
padding:60px 0 0
}
.about-03 .wrap:before {
height:132px;
top:60px
}
.about-03 .wrap h2 {
height:132px;
line-height:112px;
font-size:52px;
padding-top:20px
}
.about-03 .wrap>p {
margin-top:20px;
margin-bottom:80px;
font-size:16px;
line-height:30px
}
.about-04 .wrap {
padding:80px 0 140px
}
.about-04 .wrap .lf-panel h2 {
height:132px;
line-height:112px;
font-size:52px;
padding-top:20px;
padding-left:52px
}
.about-04 .wrap .lf-panel>p {
margin-top:20px;
margin-bottom:50px;
font-size:16px;
line-height:30px
}
.about-04 .wrap .lf-panel ul li {
padding:12px 0 0 12px
}
.about-04 .wrap .lf-panel ul li:before {
right:12px;
height:12px
}
.about-04 .wrap .lf-panel ul li:after {
top:12px;
bottom:12px;
width:12px
}
.about-04 .wrap .lf-panel ul li p {
padding:20px 13px 30px 13px
}
.about-04 .wrap .lf-panel ul li p strong,.about-04 .wrap .lf-panel ul li p span {
width:50px
}
.about-04 .wrap .lf-panel ul li p strong {
margin-bottom:20px
}
.about-04 .wrap .lf-panel ul li p span {
padding:0 15px;
font-size:18px;
line-height:20px
}
.about-05 {
padding-bottom:120px
}
.about-05 .wrap .lf-panel {
padding-top:130px
}
.about-05 .wrap .lf-panel h2 {
height:64px;
line-height:64px;
font-size:52px;
margin-top:40px;
margin-bottom:20px;
padding-left:40px
}
.about-05 .wrap .lf-panel p {
font-size:16px;
line-height:30px
}
.about-05 .wrap .rt-panel .top-panel {
padding-top:130px;
margin-bottom:40px
}
.contact-info {
-webkit-background-size:auto 810px;
background-size:auto 810px
}
.contact-info .wrap .breadcrumb {
margin:30px 0 10px
}
.contact-info .wrap h2 {
height:132px;
line-height:132px;
font-size:52px
}
.contact-info .wrap>p {
margin-top:4px;
font-size:16px;
line-height:36px
}
.contact-info .wrap .address-phone {
margin-top:8px
}
.contact-info .wrap .address-phone p {
height:64px;
line-height:64px;
font-size:18px;
padding-left:6%
}
.contact-info .wrap .address-phone p span {
font-size:20px
}
.contact-info .wrap .address-phone p strong {
font-size:30px
}
.contact-info .wrap .swt-link a {
height:64px;
line-height:64px;
font-size:20px;
border-radius:32px
}
.contact-form .wrap>h2 {
height:132px;
line-height:132px;
font-size:52px;
letter-spacing:10px;
padding-left:60px
}
.contact-form .wrap .lf-panel>p {
font-size:16px;
line-height:36px;
margin-top:10px
}
.contact-form .wrap .rt-panel .service-panel {
margin-top:-40px;
height:510px
}
.contact-form .wrap .rt-panel .service-panel .service-content {
right:10px;
top:10px;
bottom:10px;
left:22.5%;
padding:20px 30px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 {
height:84px;
line-height:84px;
font-size:32px;
margin-bottom:-10px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 span {
font-size:76px;
line-height:84px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul {
padding:0 10px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li {
padding-top:28px;
line-height:45px;
font-size:16px;
margin-top:30px;
padding-left:80px
}
.cate-ul {
border-radius:50px 50px 0 0
}
.cate-ul:before {
border-radius:50px 50px 0 0
}
.cate-ul li a {
padding:36px 20px 16px 14.28571%
}
.cate-ul li a strong,.cate-ul li a span {
height:36px;
line-height:36px
}
.cate-ul li a strong {
font-size:24px
}
.cate-ul li a span {
font-size:16px
}
.list-ul {
margin:36px -24px 0;
padding-bottom:24px
}
.list-ul li {
padding:0 1.86335%;
margin-top:30px
}
.list-ul li .item-font {
height:40px
}
.list-ul li .item-font a {
font-size:18px;
line-height:40px
}
.pro-list-banner .abs-panel .wrap {
padding-top:30px
}
}@media screen and (max-width:1440px) {
.wrap {
width:1080px
}
.header {
padding:12px 0
}
.header .wrap {
width:1200px
}
.header .logo {
padding:12px 0
}
.header .tel-panel {
padding:4px 60px 4px 0
}
.header .tel-panel dt {
height:28px;
line-height:28px;
font-size:14px
}
.header .tel-panel dd {
height:28px;
line-height:28px;
font-size:18px;
padding-right:15px
}
.header .nav-list {
padding-left:170px;
padding-right:210px
}
.header .nav-list li {
margin:0 1%;
height:62px
}
.header .nav-list li .sub-panel {
left:-120px
}
.header .nav-list li .sub-panel,.header .nav-list li .sub-nav {
top:62px
}
.swiper-banner .swiper-pagination {
bottom:30px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {
font-size:16px;
margin:0 35px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
width:50px;
left:-60px
}
.index-cate {
padding:60px 0
}
.cate-list li a.cate-img {
width:90%
}
.cate-list li a.cate-title {
font-size:24px;
line-height:48px;
margin-top:40px
}
.cate-list li p {
line-height:24px;
font-size:15px;
margin-top:6px
}
.txt-h2 {
font-size:40px
}
.case-h2 {
padding-top:20px;
line-height:52px;
-webkit-background-size:auto 76px;
background-size:auto 76px
}
.index-product .wrap {
padding:56px 0 150px
}
.index-product .wrap .mark-circle {
width:420px;
height:420px;
margin-left:-210px;
bottom:150px
}
.index-product h2 {
margin-bottom:80px
}
.index-product h2:before {
left:-180px;
bottom:-170px
}
.swiper-product .swt-link a {
font-size:14px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-title a {
font-size:32px;
line-height:48px;
height:48px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p {
padding:14px 0 10px 24px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p span {
font-size:16px;
line-height:24px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p strong {
font-size:28px;
line-height:36px;
height:36px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img {
height:420px
}
.swiper-product .swiper-tab .swiper-tab-font {
font-size:14px;
line-height:16px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font {
margin-top:24px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font:before {
top:-12px
}
.index-case .wrap {
padding:40px 0 70px
}
.index-case .wrap>p {
font-size:16px;
line-height:24px
}
.case-list {
margin-top:30px
}
.case-list li .case-img a span {
padding:15px 20px;
line-height:36px;
font-size:20px
}
.index-about .wrap {
padding:0 0 80px
}
.index-about .wrap .fst-about {
padding:60px 0 0
}
.index-about .wrap .fst-about:after {
bottom:-102px;
height:400px
}
.index-about .wrap .fst-about h2 , .index-about .wrap .fst-about b{
height:52px;
line-height:52px
}
.index-about .wrap .fst-about .about-panel {
margin-top:40px
}
.index-about .wrap .sec-about {
margin-top:40px
}
.index-about .wrap .sec-about .font-panel {
margin-top:16px
}
.index-about .wrap .fst-about .font-panel p strong,.index-about .wrap .sec-about .font-panel p strong {
height:64px
}
.index-about .wrap .fst-about .font-panel p span,.index-about .wrap .sec-about .font-panel p span {
height:28px;
line-height:28px;
font-size:20px;
margin-top:20px
}
.index-about .wrap .fst-about p+p,.index-about .wrap .sec-about p+p {
margin-top:60px
}
.index-partner .wrap {
padding:50px 0 80px
}
.index-partner .wrap .li-list li {
height:160px;
margin-top:70px
}
.index-partner .wrap .li-list .fst-li .item-li {
padding-top:40px
}
.index-partner .wrap .li-list .fst-li .item-li span {
border-radius:12px;
border:2px solid #eef9ff
}
.index-partner .wrap .li-list .fst-li .item-li dl {
border-radius:12px;
padding:10px 20px 16px 20px
}
.index-partner .wrap .li-list .fst-li .item-li dl dt {
height:32px;
line-height:32px;
font-size:18px
}
.index-partner .wrap .li-list .fst-li .item-li dl dd {
margin-top:14px;
line-height:24px;
font-size:14px
}
.footer {
padding:30px 0
}
.footer p {
font-size:14px;
line-height:28px
}
.product-info .wrap {
padding:20px 0 70px
}
.product-info .wrap .breadcrumb {
margin-bottom:40px
}
.product-info .wrap .lf-panel .product-img {
padding:0 32px
}
.product-info .wrap .lf-panel .product-img:before {
top:36px;
bottom:36px
}
.product-info .wrap .lf-panel .product-img:after {
left:16px;
right:16px;
top:18px;
bottom:18px
}
.product-info .wrap .lf-panel .bz-list {
margin-top:10px
}
.product-info .wrap .lf-panel .bz-list li {
height:28px
}
.product-info .wrap .lf-panel .bz-list li span {
line-height:28px;
font-size:15px
}
.product-info .wrap .rt-panel h1 {
font-size:32px;
height:44px;
line-height:44px
}
.product-info .wrap .rt-panel .notice {
margin-top:15px
}
.product-info .wrap .rt-panel .notice span {
padding:0 50px;
height:38px;
line-height:36px;
font-size:14px;
border-radius:32px
}
.product-info .wrap .rt-panel .cs-panel {
margin:30px 0 20px
}
.product-info .wrap .rt-panel .cs-panel p {
padding:12px 10px 12px 16px;
font-size:20px;
line-height:32px
}
.product-info .wrap .rt-panel .cs-panel p strong {
font-size:16px;
line-height:24px;
height:24px
}
.product-info .wrap .rt-panel>p {
/*height:52px;*/
line-height:26px;
font-size:15px
}
.product-info .wrap .rt-panel .swt-panel {
margin-top:20px;
padding-right:160px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a {
height:50px;
border-radius:24px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon {
width:70px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon:before {
border-radius:24px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.font {
padding:0 30px;
line-height:50px;
font-size:18px
}
.product-info .wrap .rt-panel .swt-panel dl {
width:160px
}
.product-info .wrap .rt-panel .swt-panel dl dt {
font-size:20px;
height:30px;
line-height:30px
}
.product-info .wrap .rt-panel .swt-panel dl dd {
height:20px;
line-height:20px;
font-size:15px
}
.anchor-panel {
height:100px
}
.anchor-panel ul li {
width:184px;
height:120px
}
.anchor-panel ul li a {
height:100px;
line-height:100px;
font-size:18px
}
.anchor-panel ul li.active a {
font-size:22px
}
.anchor-panel ul li+li {
margin-left:10.6%
}
.article-content .wrap {
padding:30px 45px 60px
}
.article-content .wrap .side-panel {
margin-top:50px;
width:26%
}
.hot-product h2 {
height:48px;
line-height:48px;
font-size:20px
}
.hot-product ul {
padding:40px 20px 20px;
margin-top:-24px
}
.hot-product ul:before {
top:10px
}
.hot-product ul li {
margin-top:16px
}
.hot-product ul li p a {
height:24px;
line-height:24px;
font-size:16px
}
.article h2 {
font-size:24px;
margin:40px 0 20px
}
.article p {
font-size:16px;
line-height:28px;
margin-top:20px;
margin-bottom:20px
}
.pro_ys dl dd p:first-child {
line-height:32px;
font-size:18px
}
.pro_ys dl dd p:first-child:before {
top:11px
}
.pro_ys dl dd p+p {
margin-top:10px;
font-size:16px;
line-height:28px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item {
height:36px;
border-radius:18px;
margin-right:16px;
margin-bottom:16px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item span {
padding:0 16px;
line-height:32px;
font-size:16px;
border-radius:18px
}
.swiper-tab .swiper-wrapper .swiper-slide>p {
margin:20px 0 10px;
height:28px;
line-height:28px
}
.table-wrap>p {
margin:20px 0 10px;
height:28px;
line-height:28px
}
.table-wrap table tr td {
font-size:16px
}
.case-panel .wrap {
padding:50px 0 60px
}
.case-panel .wrap h2 {
height:52px;
line-height:52px;
font-size:36px
}
.case-about {
margin-top:24px
}
.case-about li {
width:30%
}
.case-about li .case-item .case-info {
padding:16px
}
.case-about li .case-item .case-info a {
height:36px;
line-height:36px;
font-size:18px
}
.case-about li .case-item .case-info p {
height:28px;
line-height:28px;
font-size:16px
}
.case-about li+li {
margin-left:5%
}
.message-panel .wrap .message-wrap h2 {
height:52px;
line-height:52px;
font-size:36px
}
.message-panel .wrap .message-wrap>p {
margin-top:16px;
font-size:16px;
line-height:28px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel {
margin-top:40px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel input[type=text] {
height:41px;
line-height:40px;
font-size:16px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel textarea {
height:77px;
font-size:16px;
line-height:28px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn {
margin-top:70px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn input[type=button] {
height:54px;
line-height:54px;
font-size:18px;
border-radius:30px
}
.form-wrap .item-panel {
margin-top:40px
}
.form-wrap .item-panel input[type=text] {
height:41px;
line-height:40px;
font-size:16px
}
.form-wrap .item-panel textarea {
height:77px;
font-size:16px;
line-height:28px
}
.form-wrap .form-btn {
margin-top:70px
}
.form-wrap .form-btn input[type=button] {
height:54px;
line-height:54px;
font-size:18px;
border-radius:30px
}
.about-01 {
padding-bottom:90px
}
.about-01 .wrap .breadcrumb {
margin:30px 0 0
}
.about-01 .wrap .about-content h2 {
height:120px;
line-height:120px;
font-size:48px
}
.about-01 .wrap .about-content p {
font-size:16px;
line-height:36px
}
.about-01 .wrap .about-content ul {
margin-top:50px
}
.about-01 .wrap .about-content ul li p {
font-size:18px;
line-height:32px;
margin-top:20px
}
.about-01 .wrap .about-content ul li p img {
height:120px
}
.about-01 .wrap .about-content ul li+li {
margin-left:12%
}
.about-02 {
padding:60px 0 90px
}
.about-02 .wrap h2 {
height:120px;
line-height:100px;
font-size:48px;
padding-top:20px;
padding-left:50px
}
.about-02 .wrap>p {
font-size:16px;
line-height:30px;
margin-top:10px;
margin-bottom:40px
}
.about-02 .wrap ul li p {
height:56px
}
.about-02 .wrap ul li p span {
font-size:18px;
line-height:56px
}
.about-03:after {
bottom:90px;
border-top-left-radius:60px
}
.about-03 .wrap {
padding:40px 0 0
}
.about-03 .wrap:before {
height:120px;
top:40px
}
.about-03 .wrap h2 {
height:120px;
line-height:110px;
font-size:48px;
padding-top:10px
}
.about-03 .wrap>p {
margin-top:10px;
margin-bottom:60px;
font-size:16px;
line-height:30px
}
.about-04 .wrap {
padding:80px 0 140px
}
.about-04 .wrap .lf-panel h2 {
height:116px;
line-height:106px;
font-size:48px;
padding-top:10px;
padding-left:52px
}
.about-04 .wrap .lf-panel>p {
margin-top:10px;
margin-bottom:40px;
font-size:16px;
line-height:30px
}
.about-04 .wrap .lf-panel ul li {
padding:10px 0 0 10px
}
.about-04 .wrap .lf-panel ul li:before {
right:10px;
height:10px
}
.about-04 .wrap .lf-panel ul li:after {
top:10px;
bottom:10px;
width:10px
}
.about-04 .wrap .lf-panel ul li p {
padding:20px 12px 30px 12px
}
.about-04 .wrap .lf-panel ul li p strong,.about-04 .wrap .lf-panel ul li p span {
width:40px
}
.about-04 .wrap .lf-panel ul li p strong {
margin-bottom:10px
}
.about-04 .wrap .lf-panel ul li p span {
padding:0 10px;
font-size:16px;
line-height:18px
}
.about-05 {
padding-bottom:100px
}
.about-05 .wrap .lf-panel {
padding-top:110px
}
.about-05 .wrap .lf-panel h2 {
height:56px;
line-height:56px;
font-size:48px;
margin-top:30px;
margin-bottom:10px;
padding-left:40px
}
.about-05 .wrap .lf-panel p {
font-size:16px;
line-height:30px
}
.about-05 .wrap .rt-panel .top-panel {
padding-top:110px;
margin-bottom:30px
}
.contact-info {
-webkit-background-size:auto 726px;
background-size:auto 726px
}
.contact-info .wrap .breadcrumb {
margin:30px 0 10px
}
.contact-info .wrap h2 {
height:120px;
line-height:120px;
font-size:48px
}
.contact-info .wrap>p {
margin-top:4px;
font-size:16px;
line-height:32px
}
.contact-info .wrap .address-phone {
margin-top:8px
}
.contact-info .wrap .address-phone p {
height:54px;
line-height:54px;
font-size:16px;
padding-left:6%
}
.contact-info .wrap .address-phone p span {
font-size:18px
}
.contact-info .wrap .address-phone p strong {
font-size:28px
}
.contact-info .wrap .swt-link a {
height:54px;
line-height:54px;
font-size:18px;
border-radius:27px
}
.contact-form .wrap>h2 {
height:120px;
line-height:120px;
font-size:48px;
letter-spacing:10px;
padding-left:60px
}
.contact-form .wrap .lf-panel>p {
font-size:16px;
line-height:32px;
margin-top:10px
}
.contact-form .wrap .rt-panel .service-panel {
margin-top:-40px;
height:440px
}
.contact-form .wrap .rt-panel .service-panel .service-content {
right:10px;
top:10px;
bottom:10px;
left:22.5%;
padding:10px 20px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 {
height:72px;
line-height:72px;
font-size:26px;
margin-bottom:-10px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 span {
font-size:64px;
line-height:72px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul {
padding:0 5px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li {
padding-top:25px;
line-height:42px;
font-size:16px;
margin-top:25px;
padding-left:70px
}
.cate-ul {
border-radius:40px 40px 0 0
}
.cate-ul:before {
border-radius:40px 40px 0 0
}
.cate-ul li a {
padding:32px 20px 12px 14.28571%
}
.cate-ul li a strong,.cate-ul li a span {
height:32px;
line-height:32px
}
.cate-ul li a strong {
font-size:20px
}
.cate-ul li a span {
font-size:14px
}
.list-ul {
margin:30px -16px 0;
padding-bottom:20px
}
.list-ul li {
padding:0 1.43885%;
margin-top:30px
}
.list-ul li .item-font {
height:32px
}
.list-ul li .item-font a {
font-size:16px;
line-height:32px
}
.pro-list-banner .abs-panel .wrap {
padding-top:24px
}
}@media screen and (max-width:1280px) {
.wrap {
width:980px
}
.header {
padding:8px 0
}
.header .wrap {
width:100%;
padding:0 40px
}
.header .logo {
padding:14px 0
}
.header .tel-panel {
padding:6px 60px 6px 0
}
.header .tel-panel dt {
height:26px;
line-height:26px;
font-size:12px
}
.header .tel-panel dd {
height:26px;
line-height:26px;
font-size:16px;
padding-right:10px
}
.header .nav-list {
padding-left:150px;
padding-right:190px
}
.header .nav-list li {
margin:0 1%;
height:58px
}
.header .nav-list li a {
font-size:14px
}
.header .nav-list li .sub-panel {
left:-200px
}
.header .nav-list li .sub-panel,.header .nav-list li .sub-nav {
top:58px
}
.swiper-banner .swiper-pagination {
bottom:20px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {
font-size:14px;
margin:0 30px
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
width:40px;
left:-50px
}
.index-cate {
padding:40px 0
}
.cate-list li a.cate-img {
width:100%
}
.cate-list li a.cate-title {
font-size:20px;
line-height:40px;
margin-top:20px
}
.cate-list li p {
line-height:20px;
font-size:14px;
margin-top:6px
}
.txt-h2 {
font-size:32px
}
.case-h2 {
padding-top:10px;
line-height:48px;
-webkit-background-size:auto 64px;
background-size:auto 64px
}
.index-product .wrap {
padding:56px 0 130px
}
.index-product .wrap .mark-circle {
width:380px;
height:380px;
margin-left:-190px;
bottom:130px
}
.index-product h2 {
margin-bottom:60px
}
.index-product h2:before {
left:-160px;
bottom:-150px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-title a {
font-size:28px;
line-height:36px;
height:36px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p {
padding:12px 0 10px 20px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p span {
font-size:14px;
line-height:20px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-cs p strong {
font-size:24px;
line-height:32px;
height:32px
}
.swiper-product .swiper-wrapper .swiper-slide .pro-img {
height:380px
}
.swiper-product .swiper-tab {
top:10px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font {
margin-top:16px
}
.swiper-product .swiper-tab .swiper-tab-font+.swiper-tab-font:before {
top:-8px
}
.index-case .wrap {
padding:40px 0 50px
}
.index-case .wrap>p {
font-size:14px;
line-height:20px
}
.case-list {
margin-top:20px
}
.case-list li .case-img a span {
padding:10px 20px;
line-height:32px;
font-size:16px
}
.index-about .wrap {
padding:0 0 60px
}
.index-about .wrap .fst-about {
padding:40px 0 0
}
.index-about .wrap .fst-about:after {
bottom:-102px;
height:400px
}
.index-about .wrap .fst-about h2, .index-about .wrap .fst-about b {
height:48px;
line-height:48px
}
.index-about .wrap .fst-about .about-panel {
margin-top:40px
}
.index-about .wrap .sec-about {
margin-top:32px
}
.index-about .wrap .sec-about .font-panel {
margin-top:12px
}
.index-about .wrap .fst-about .font-panel p strong,.index-about .wrap .sec-about .font-panel p strong {
height:56px
}
.index-about .wrap .fst-about .font-panel p span,.index-about .wrap .sec-about .font-panel p span {
height:24px;
line-height:24px;
font-size:18px;
margin-top:15px
}
.index-about .wrap .fst-about p+p,.index-about .wrap .sec-about p+p {
margin-top:50px
}
.index-partner .wrap {
padding:50px 0 60px
}
.index-partner .wrap .li-list li {
height:140px;
margin-top:70px
}
.index-partner .wrap .li-list .fst-li .item-li {
padding-top:30px
}
.index-partner .wrap .li-list .fst-li .item-li span {
border-radius:8px;
border:2px solid #eef9ff
}
.index-partner .wrap .li-list .fst-li .item-li dl {
border-radius:8px;
padding:16px 14px 10px 14px
}
.index-partner .wrap .li-list .fst-li .item-li dl dt {
height:28px;
line-height:28px;
font-size:16px
}
.index-partner .wrap .li-list .fst-li .item-li dl dd {
margin-top:14px;
line-height:20px;
font-size:14px
}
.footer {
padding:20px 0
}
.footer p {
font-size:14px;
line-height:24px
}
.product-info .wrap {
padding:20px 0 50px
}
.product-info .wrap .breadcrumb {
margin-bottom:30px
}
.product-info .wrap .lf-panel .product-img {
padding:0 28px
}
.product-info .wrap .lf-panel .product-img:before {
top:32px;
bottom:32px
}
.product-info .wrap .lf-panel .product-img:after {
left:14px;
right:14px;
top:16px;
bottom:16px
}
.product-info .wrap .lf-panel .bz-list {
margin-top:10px
}
.product-info .wrap .lf-panel .bz-list li {
height:24px
}
.product-info .wrap .lf-panel .bz-list li span {
line-height:24px;
font-size:14px
}
.product-info .wrap .rt-panel h1 {
font-size:26px;
height:36px;
line-height:36px
}
.product-info .wrap .rt-panel .notice {
margin-top:10px
}
.product-info .wrap .rt-panel .notice:before,.product-info .wrap .rt-panel .notice:after {
left:16px
}
.product-info .wrap .rt-panel .notice span {
padding:0 40px;
height:32px;
line-height:30px;
font-size:14px;
border-radius:32px
}
.product-info .wrap .rt-panel .notice span:before {
left:12px
}
.product-info .wrap .rt-panel .cs-panel {
margin:20px 0 20px
}
.product-info .wrap .rt-panel .cs-panel p {
padding:10px 10px 10px 12px;
font-size:16px;
line-height:28px
}
.product-info .wrap .rt-panel .cs-panel p strong {
font-size:14px;
line-height:24px;
height:24px
}
.product-info .wrap .rt-panel>p {
/*height:48px;*/
line-height:24px;
font-size:14px
}
.product-info .wrap .rt-panel .swt-panel {
margin-top:20px;
padding-right:160px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a {
height:50px;
border-radius:24px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon {
width:60px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.icon:before {
border-radius:24px
}
.product-info .wrap .rt-panel .swt-panel .swt-link a.font {
padding:0 20px;
line-height:50px;
font-size:18px
}
.product-info .wrap .rt-panel .swt-panel dl {
width:160px
}
.product-info .wrap .rt-panel .swt-panel dl dt {
font-size:18px;
height:30px;
line-height:30px
}
.product-info .wrap .rt-panel .swt-panel dl dd {
height:20px;
line-height:20px;
font-size:15px
}
.anchor-panel {
height:100px
}
.anchor-panel ul li {
width:184px;
height:120px
}
.anchor-panel ul li a {
height:100px;
line-height:100px;
font-size:16px
}
.anchor-panel ul li.active a {
font-size:20px
}
.anchor-panel ul li+li {
margin-left:8.2%
}
.article-content .wrap {
padding:20px 30px 40px
}
.article-content .wrap .side-panel {
margin-top:50px;
width:28%
}
.hot-product h2 {
height:48px;
line-height:48px;
font-size:18px
}
.hot-product ul {
padding:40px 20px 20px;
margin-top:-24px
}
.hot-product ul:before {
top:6px
}
.hot-product ul li {
margin-top:14px
}
.hot-product ul li p a {
height:20px;
line-height:20px;
font-size:14px
}
.article h2 {
font-size:20px;
margin:30px 0 20px
}
.article p {
font-size:14px;
line-height:24px;
margin-top:20px;
margin-bottom:20px
}
.pro_ys dl dd p:first-child {
line-height:28px;
font-size:16px
}
.pro_ys dl dd p:first-child:before {
top:7px
}
.pro_ys dl dd p+p {
margin-top:10px;
font-size:14px;
line-height:24px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item {
height:32px;
border-radius:20px;
margin-right:12px;
margin-bottom:12px
}
.swiper-tab .swiper-hd .swiper-hd-wrap .swiper-item span {
padding:0 12px;
line-height:28px;
font-size:14px;
border-radius:20px
}
.swiper-tab .swiper-wrapper .swiper-slide>p {
margin:20px 0 10px;
height:24px;
line-height:24px
}
.table-wrap>p {
margin:20px 0 10px;
height:24px;
line-height:24px
}
.table-wrap table tr td {
font-size:14px
}
.case-panel .wrap {
padding:30px 0 40px
}
.case-panel .wrap h2 {
height:48px;
line-height:48px;
font-size:28px
}
.case-about {
margin-top:20px
}
.case-about li {
width:30%
}
.case-about li .case-item .case-info {
padding:16px
}
.case-about li .case-item .case-info a {
height:32px;
line-height:32px;
font-size:16px
}
.case-about li .case-item .case-info p {
height:24px;
line-height:24px;
font-size:14px
}
.case-about li+li {
margin-left:5%
}
.message-panel .wrap .message-wrap h2 {
height:48px;
line-height:48px;
font-size:32px
}
.message-panel .wrap .message-wrap>p {
margin-top:12px;
font-size:14px;
line-height:24px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel {
margin-top:30px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel input[type=text] {
height:31px;
line-height:30px;
font-size:14px
}
.message-panel .wrap .message-wrap .form-wrap .item-panel textarea {
height:69px;
font-size:14px;
line-height:24px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn {
margin-top:50px
}
.message-panel .wrap .message-wrap .form-wrap .form-btn input[type=button] {
height:48px;
line-height:48px;
font-size:16px;
border-radius:24px
}
.form-wrap .item-panel {
margin-top:30px
}
.form-wrap .item-panel input[type=text] {
height:31px;
line-height:30px;
font-size:14px
}
.form-wrap .item-panel textarea {
height:69px;
font-size:14px;
line-height:24px
}
.form-wrap .form-btn {
margin-top:50px
}
.form-wrap .form-btn input[type=button] {
height:48px;
line-height:48px;
font-size:16px;
border-radius:24px
}
.about-01 {
padding-bottom:90px
}
.about-01 .wrap .breadcrumb {
margin:30px 0 0
}
.about-01 .wrap .about-content h2 {
height:100px;
line-height:100px;
font-size:40px
}
.about-01 .wrap .about-content p {
font-size:14px;
line-height:32px
}
.about-01 .wrap .about-content ul {
margin-top:30px
}
.about-01 .wrap .about-content ul li p {
font-size:16px;
line-height:28px;
margin-top:10px
}
.about-01 .wrap .about-content ul li p img {
height:100px
}
.about-01 .wrap .about-content ul li+li {
margin-left:13%
}
.about-02 {
padding:50px 0 80px
}
.about-02 .wrap h2 {
height:100px;
line-height:100px;
font-size:40px;
padding-top:10px;
padding-left:50px
}
.about-02 .wrap>p {
font-size:14px;
line-height:28px;
margin-top:10px;
margin-bottom:30px
}
.about-02 .wrap ul li p {
height:48px
}
.about-02 .wrap ul li p span {
font-size:16px;
line-height:48px
}
.about-03:after {
bottom:80px;
border-top-left-radius:40px
}
.about-03 .wrap {
padding:40px 0 0
}
.about-03 .wrap:before {
height:100px;
top:40px
}
.about-03 .wrap h2 {
height:100px;
line-height:90px;
font-size:40px;
padding-top:10px
}
.about-03 .wrap>p {
margin-top:10px;
margin-bottom:40px;
font-size:14px;
line-height:28px
}
.about-04 .wrap {
padding:70px 0 130px
}
.about-04 .wrap .lf-panel h2 {
height:100px;
line-height:90px;
font-size:40px;
padding-top:10px;
padding-left:48px
}
.about-04 .wrap .lf-panel>p {
margin-top:10px;
margin-bottom:30px;
font-size:14px;
line-height:28px
}
.about-04 .wrap .lf-panel ul li {
padding:8px 0 0 8px
}
.about-04 .wrap .lf-panel ul li:before {
right:8px;
height:8px
}
.about-04 .wrap .lf-panel ul li:after {
top:8px;
bottom:8px;
width:8px
}
.about-04 .wrap .lf-panel ul li p {
padding:20px 10px 30px 10px
}
.about-04 .wrap .lf-panel ul li p strong,.about-04 .wrap .lf-panel ul li p span {
width:40px
}
.about-04 .wrap .lf-panel ul li p strong {
margin-bottom:10px
}
.about-04 .wrap .lf-panel ul li p span {
padding:0 10px;
font-size:14px;
line-height:16px
}
.about-05 {
padding-bottom:80px
}
.about-05 .wrap .lf-panel {
padding-top:90px
}
.about-05 .wrap .lf-panel h2 {
height:48px;
line-height:48px;
font-size:40px;
margin-top:20px;
margin-bottom:10px;
padding-left:40px
}
.about-05 .wrap .lf-panel p {
font-size:14px;
line-height:28px
}
.about-05 .wrap .rt-panel .top-panel {
padding-top:90px;
margin-bottom:30px
}
.contact-info {
-webkit-background-size:auto 636px;
background-size:auto 636px
}
.contact-info .wrap .breadcrumb {
margin:20px 0 0
}
.contact-info .wrap h2 {
height:100px;
line-height:100px;
font-size:40px
}
.contact-info .wrap>p {
margin-top:4px;
font-size:14px;
line-height:28px
}
.contact-info .wrap .address-phone {
margin-top:8px
}
.contact-info .wrap .address-phone p {
height:50px;
line-height:50px;
font-size:14px;
padding-left:6%
}
.contact-info .wrap .address-phone p span {
font-size:16px
}
.contact-info .wrap .address-phone p strong {
font-size:24px
}
.contact-info .wrap .swt-link a {
height:50px;
line-height:50px;
font-size:16px;
border-radius:25px
}
.contact-form .wrap>h2 {
height:100px;
line-height:100px;
font-size:40px;
letter-spacing:10px;
padding-left:50px
}
.contact-form .wrap .lf-panel>p {
font-size:14px;
line-height:28px;
margin-top:10px
}
.contact-form .wrap .rt-panel .service-panel {
margin-top:-40px;
height:400px
}
.contact-form .wrap .rt-panel .service-panel .service-content {
right:10px;
top:10px;
bottom:10px;
left:22.5%;
padding:10px 10px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 {
height:64px;
line-height:64px;
font-size:24px;
margin-bottom:-10px
}
.contact-form .wrap .rt-panel .service-panel .service-content h2 span {
font-size:56px;
line-height:64px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul {
padding:0 5px
}
.contact-form .wrap .rt-panel .service-panel .service-content ul li {
padding-top:24px;
line-height:40px;
font-size:14px;
margin-top:25px;
padding-left:70px
}
.cate-ul {
border-radius:30px 30px 0 0
}
.cate-ul:before {
border-radius:30px 30px 0 0
}
.cate-ul li a {
padding:24px 20px 12px 14.28571%
}
.cate-ul li a strong,.cate-ul li a span {
height:24px;
line-height:24px
}
.cate-ul li a strong {
font-size:16px
}
.cate-ul li a span {
font-size:12px
}
.list-ul {
margin:20px -12px 0;
padding-bottom:20px
}
.list-ul li {
padding:0 1.19522%;
margin-top:20px
}
.list-ul li .item-font {
height:24px
}
.list-ul li .item-font a {
font-size:14px;
line-height:24px
}
.pro-list-banner .abs-panel .wrap {
padding-top:16px
}
}@media screen and (max-width:1160px) {
.header .nav-list li {
margin:0 1%
}
}@media screen and (max-width:1080px) {
.header .nav-list li {
margin:0 1%
}
.header .nav-list li .sub-panel {
left:-240px
}
}@keyframes lightMove {
from {
margin-left:-50%
}
to {
margin-left:120%
}
}@-webkit-keyframes lightMove {
from {
margin-left:-50%
}
to {
margin-left:120%
}
}@-webkit-keyframes rotateMove {
from {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
to {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}@keyframes rotateMove {
from {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
to {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}@-webkit-keyframes rotateMove2 {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(60deg);
-moz-transform:rotate(60deg);
transform:rotate(60deg)
}
100% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
}@keyframes rotateMove2 {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(60deg);
-moz-transform:rotate(60deg);
transform:rotate(60deg)
}
100% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
}@keyframes scaleMove {
0% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1)
}
100% {
transform:scale(1.5);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5)
}
}@-webkit-keyframes scaleMove /*Safari and Chrome*/ {
0% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1)
}
100% {
transform:scale(1.5);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5)
}
}
.index-good{margin-top: 60px;}
.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, .show-tit div{display: inline-block;color: #0e0e0e;font-size: 56px;padding: 0 12px;vertical-align: middle;}
.show-tit h2 span, .show-tit div span{display: block;text-transform:uppercase;font-size: 30px;font-weight: normal;}
.show-tit h2 a, .show-tit div a{display: block;color: #0e0e0e;line-height: 1.1;}
.show-tit h2 a:hover, .show-tit div a:hover{color: #0e0e0e;}
.good-show{margin-top: 40px;}
.good-show ul li{float: left;width: 23%;margin: 0 1%;position: relative;margin-bottom: 20px;/*height: 400px;*/}
.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; border-radius: 10px;}
.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; border-radius: 10px;}
.good-show ul li a img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.good-show ul li h3, .good-show ul li h4{margin: 15px 0; text-align: center;}
.good-show ul li h3 a, .good-show ul li h4 a{color: #2D203B;font-size: 24px;font-weight: bolder;/*margin-left: 66px;*/}
.good-show ul li h3 a:hover, .good-show ul li h4 a:hover{color: #E93A47;}
/*.good-show ul li h3 a:after, .good-show ul li h4 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;}
.good-show-list{
width: 100%;
overflow: hidden;
margin-bottom: 50px;
text-align: center;
}
.good-show-list h3{
display: inline-block;
/*float: left;*/
border-radius: 5px;
height: 55px;
line-height: 55px;
text-align: center;
background: #f5f5f5;
overflow: hidden;
margin: 1.13%;
width: 14%;
font-size: 16px;
color: #333;
}
.good-show-list a{
/* padding: 20px; */
display: block;
float: left;
height: 55px;
line-height: 55px;
text-align: center;
background: #f5f5f5;
overflow: hidden;
width: 100%;
font-size: 18px;
color: #333;
}
.good-show-list a:hover {
background: #0f4271;
color: #fff;
}
.play, .pdf {
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
left: 0;
top: 0;
}
.play a {
display: inline-block;
width: 100px;
height: 210px;
background: url(../images/play.png) #1918184a no-repeat center;
margin: 0 auto; /*水平居ä¸ÂÂÂ*/
position: relative; /*脱离文档æµÂÂÂ*/
top: 50%; /*Ã¥ÂÂÂÂÂÂ移*/
transform: translateY(-50%);
z-index: 1000000;
}
.play:hover a{
background: url(../images/play1.png) no-repeat center;
}
.pdf a {
display: inline-block;
width: 100px;
height: 100px;
background: url(../images/play.png) no-repeat center;
margin: 0 auto; /*水平居ä¸ÂÂÂ*/
position: relative; /*脱离文档æµÂÂÂ*/
top: 50%; /*Ã¥ÂÂÂÂÂÂ移*/
transform: translateY(-50%);
}
.pdf:hover a{
background: url(../images/play1.png) no-repeat center;
}
.pop-video {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: -100%;
-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;
z-index: 99999;
opacity: 0;
filter: alpha(opacity=0);
}
.pop-video .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.pop-video .close {
position: absolute;
right: 30px;
top: 30px;
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;
}
.pop-video video {
position: absolute;
left: 50%;
top: 50%;
max-width: 60%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pop-video.open {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.news_pre{ max-width:1200px; margin:10px auto 0; padding:10px; line-height:27px; background:#f4f4f4; overflow:hidden; }
.news_pre a{ margin-left:10px;}
.news_pre b{width:48%;height:1.5em;line-height:1.5em;font-weight:normal;overflow:hidden;float: right;}
.pro-txt{
margin-top: 30px;
}
.txt-con {
overflow: hidden;
display: block;
color: #333;
font-size: 30px;
font-weight: bold;
}
.more-btn {
float: right;
width: 200px;
line-height: 50px;
/* background: url(../image/more-btn.png) no-repeat; */
color: #FFF;
font-size: 22px;
/* padding-left: 40px; */
position: relative;
top: 10px;
background: #0b3a8e;
border-radius: 20px;
text-align: center;
}
.pro-txt p {
color: #666;
font-size: 18px;
line-height: 36px;
margin-top: 10px;
}
.service-content ul li{
color: #bdbdbd;
}
.xcsm {
display: block;
position: fixed;
left: 0;
top: 30%;
z-index: 9999;
width: 140px;
text-align: center;
font-size: 36px;
font-weight: bold;
font-weight: bold;
background-color: #0f4271;
color: #fff;
line-height: 50px;
padding: 10px 0;
}
.xcsm:hover{
color: #fff;
}