.topx{position:relative; z-index:888;}
.topx-content{position:relative; margin-top:-88px;}
.topx-content:before{position:absolute; content:''; top:-38px; left:-38px; right:-38px; border-radius:18px; bottom:0; background:#fff;}
.topx-content:after{display:block; content:''; clear:both;}
.topx-list{margin:0 -14px;}
.topx-item{position:relative; z-index:8; float:left; width:25%; padding:0 14px;}
.topx-item>div{background:#f8f8f8; padding:38px 28px; position:relative;}
.topx-item>div>i{font-size:38px; margin-right:8px; color:#002FA7;}
.topx-item>div>b{font-size:36px;}
.topx-item>div>h3{font-size:20px; margin:18px 0 8px 0;} 
.topx-item>div>ul:after{display:block; content:''; clear:both;}
.topx-item>div>ul>li{float:left; min-width:50%; position:relative; padding-left:18px; margin-top:18px; font-size:16px; color:#686868;}
.topx-item>div>ul>li:before{position:absolute; width:6px; height:6px; border-radius:6px; opacity:0.8; content:''; left:0; top:50%; margin-top:-3px; background:#002FA7;}
.topx-item>div>span{display:block; margin-top:28px;}
.topx-item>div>span:after{display:block; content:''; clear:both;}
.topx-item>div>span>a{float:left; overflow:hidden; line-height:36px; padding:0 18px; border-radius:3px; color:#fff; background:#002FA7;}
.topx-item>div>span>a>b{font-weight:normal; position:relative; z-index:1;}
.topx-item>div>span>a:hover{background:#fff; color:#002FA7;}
@media(max-width:1200px){
.topx-content{margin-top:0; padding-top:38px;}
.topx-content:before{display:none;}
.topx-list{margin:0 -10px;}
.topx-item{width:50%; padding:10px;}
}
@media(max-width:767px){
.topx-content{padding-top:18px;}
.topx-list{margin:0;}
.topx-item{width:100%; padding:4px 0;}
.topx-item>div{padding:16px;}
.topx-item>div>i{font-size:28px; margin-right:4px;}
.topx-item>div>b{font-size:26px;}
.topx-item>div>h3{font-size:16px; margin:12px 0 4px 0;} 
.topx-item>div>ul>li{padding-left:12px; margin-top:12px; font-size:14px;}
.topx-item>div>span{margin-top:18px;}
.banner-content>article{display:none;}
}


.intx{position:relative; margin-top:38px;}
.intx-content{display:block; background:url('../images/150031444.jpg') #000; background-size:cover; padding:48px; color:#fff;}
.intx-content:after{display:block; content:''; clear:both;}
.intx-text{width:50%; float:left;}
.intx-text>span{display:block; margin-top:48px;}
.intx-text>span>a{display:inline-block; border-radius:3px; padding:8px 38px; font-size:16px;}
.intx-text>span>a:first-child{background:#fff; margin-right:18px;}
.intx-text>span>a:last-child{color:#fff; background:#002FA7;}
.intx-text>h3{font-size:38px; margin:0 0 28px 0;}
.intx-text>h3>b{color:#1677ff;}
.intx-text>p{font-size:16px; line-height:2;}
.intx-text>h4{font-size:28px; font-weight:normal; margin:28px 0 0 0;}
.intx-text>div{margin-top:38px;}
.intx-text>div:after{display:block; content:''; clear:both;}
.intx-text>div>a{float:left; overflow:hidden; line-height:42px; position:relative; padding:0 38px; border-radius:3px; background:#fff;}
.intx-text>div>a>b{font-weight:normal; position:relative; z-index:1; font-size:15px;}
.intx-text>div>a:hover{color:#fff; }
.intx-text>div>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#002FA7;}
.intx-text>div>a:hover:after{width:300px; height:300px;}
.intx-list{width:50%; float:left; padding-left:28px;}
.intx-swiper{width:600px; margin:0 auto; max-width:100%; overflow:hidden; position:relative; width:480px;}
.intx-outer{width:10000%;}
.intx-item{float:left; width:1%;}
.intx-item img{width:100%; display:block;}
.intx-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.intx-prev,
.intx-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.intx-swiper:hover .intx-prev,
.intx-swiper:hover .intx-next{opacity:1;}
.intx-prev i,
.intx-next i{color:#fff; font-size:48px;}
.intx-prev:hover i,
.intx-next:hover i{color:#002FA7;}
.intx-prev{left:0;}
.intx-next{right:0;}
@media(max-width:1200px){
.intx-text{width:100%; float:none;}
.intx-content{padding:38px;}
.intx-list{width:100%; float:none; padding-left:0; padding-top:38px;}
.intx-swiper{margin:0;}
}
@media(max-width:767px){
.intx{margin-top:18px;}
.intx-content{padding:16px;}
.intx article{padding:0;}
.intx-text>h3{font-size:28px; margin-bottom:18px;}
.intx-text>p{font-size:14px; line-height:1.5;}
.intx-text>h4{font-size:22px; margin-top:18px;}
.intx-text>div{margin-top:28px;}
.intx-text>div>a{line-height:36px; padding:0 28px;}
.intx-item b{margin-top:8px; font-size:16px;}
}

.case{padding:50px 0;}
.case-content{display:block; margin:0 -12px;}
.case-content:after{display:block; content:''; clear:both;}
.case-title{padding-bottom:28px;}
.case-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.case-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#002FA7;}
.case-title>b>i{font-style:normal; display:inline-block; position:relative;}
.case-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#002FA7;}
.case-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.case-title>p>b{display:inline-block; padding-right:4px;}
.case-item{float:left; width:33.333%; padding:12px;}
.case-item>a>div{position:relative; overflow:hidden;}
.case-item>a>div>img{width:100%; display:block; transition:2.8s;}
.case-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.case-item>a>div>span>b{display:block; font-size:28px;}
.case-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.case-item>a>div>span>u{display:block; text-decoration:none;}
.case-item>a>div>span>u ins{margin-left:2px;}
.case-item>a>span{display:block; padding:8px 0;}
.case-item>a>span:after{display:block; content:''; clear:both;}
.case-item>a>span>b{float:left; font-size:21px;}
.case-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.case-item>a>span>u>i{transition:.2s; display:inline-block;}
.case-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.case-item>a:hover>div>img{transform:scale(1.08);}
.case-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.case-more{text-align:center; font-size:0; margin-top:18px;}
.case-more>a{display:inline-block; overflow:hidden; position:relative; border:1px solid #d8d8d8; border-radius:3px; padding:12px 38px;}
.case-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#002FA7;}
.case-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.case-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.case-more>a:hover{color:#fff; border-color:#002FA7;}
.case-more>a:hover:after{width:500px; height:500px;}
.case-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.case-item{width:50%;}
}
@media(max-width:992px){
.case{padding:38px 0;}
.case-content{margin:0 -8px;}
.case-item{padding:8px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>div>span{padding:18px;}
.case-item>a>div>span>b{display:block; font-size:20px;}
.case-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.case{padding:18px 0;}
.case-title{padding-bottom:16px;}
.case-title>b{font-size:28px;}
.case-title>b>u{padding-right:4px;}
.case-title>b>u:before{width:38px; height:6px;}
.case-title>p{font-size:28px; margin:8px 0 0;}
.case-title>p>b{padding-right:2px;}
.case-content{margin:0;}
.case-item{width:100%; padding:4px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>span>u{padding-top:0;}
.case-more{margin-top:8px;}
.case-more>a{padding:8px 28px;}
.case-more>a>u{font-size:14px;}
.case-more>a>i{font-size:16px; margin-left:6px;}
.case-more>a:hover:after{width:400px; height:400px;} 
.case-more>a:hover>i{transform:translateX(4px);}
}

.news{padding:50px 0; background-color:#f8f8f8; background-image:url('');}
.news-title{padding-bottom:28px;}
.news-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.news-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#002FA7;}
.news-title>b>i{font-style:normal; display:inline-block; position:relative;}
.news-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#002FA7;}
.news-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.news-title>p>b{display:inline-block; padding-right:4px;}
.news-content{display:block; margin:0 -8px;}
.news-content:after{display:block; content:''; clear:both;}
.news-item{float:left; width:33.333%; padding:8px;}
.news-item>a>ins{float:right; background:#f8f8f8; text-align:center; margin-left:18px; transition:.4s;}
.news-item>a>ins>i{font-style:normal; display:block; font-size:28px;}
.news-item>a>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.news-item:first-child>a>ins{position:absolute; top:18px; left:0;}
.news-item:first-child>a>ins,
.news-item>a:hover>ins{color:#fff; background:#002FA7;}
.news-item>a>img{display:block; width:100%; height:328px; object-fit:cover;}
.news-item>a>h2{position:absolute; left:18px; bottom:18px; right:18px; padding:28px 18px; background:#fff;}
.news-item>a{display:block; background:#fff; position:relative; padding:28px; overflow:hidden;}
.news-item:first-child>a{padding:0;}
.news-item>a>h3{display:block; height:24px; margin-bottom:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-item>a>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.news-item>a>u{display:inline-block; height:21px; margin-top:16px; color:#002FA7;}
.news-item>a>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.news-item>a>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.news-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-item>a:hover>u>b{transform:translateX(4px); color:#002FA7;}
.news-item>a:hover>u>i{transform:translateX(8px);}
.news-more{text-align:center; font-size:0; margin-top:18px;}
.news-more>a{display:inline-block; overflow:hidden; position:relative; background:#fff; border-radius:3px; padding:12px 38px;}
.news-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#002FA7;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-more>a:hover:after{width:500px; height:500px;}
.news-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.news{padding:30px 0;}
.news-item{width:50%;}
.news-item:last-child{display:none;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-content{margin:0;}
.news-title{padding-bottom:16px;}
.news-title>b{font-size:28px;}
.news-title>b>u{padding-right:4px;}
.news-title>b>u:before{width:38px; height:6px;}
.news-title>p{font-size:28px; margin:8px 0 0;}
.news-title>p>b{padding-right:2px;}
.news-item{width:100%; padding:4px;}
.news-item:last-child{display:block;}
.news-item>a{padding:12px;}
.news-item>a>img{height:228px;}
.news-item>a>h2{left:8px; bottom:8px; right:8px; padding:12px 8px; font-size:16px;}
.news-item>a>ins{margin-left:8px;}
.news-item>a>ins>u{font-size:12px; padding:2px 6px;}
.news-item:first-child>a>ins{top:8px; margin-left:8px;}
.news-more{margin-top:8px;}
.news-more>a{padding:8px 28px;}
.news-more>a>u{font-size:14px;}
.news-more>a>i{font-size:16px; margin-left:6px;}
.news-more>a:hover:after{width:400px; height:400px;} 
.news-more>a:hover>i{transform:translateX(4px);}
}

.join{padding:58px 0;}
.join-text{float:left; width:33.333%;}
.join-text h4{display:block; font-weight:normal; font-size:18px; margin-bottom:18px;}
.join-text h3{display:block; font-weight:normal; font-size:28px;}
.join-title{padding-bottom:28px;}
.join-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.join-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#002FA7;}
.join-title>b>i{font-style:normal; display:inline-block; position:relative;}
.join-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#002FA7;}
.join-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.join-title>p>b{display:inline-block; padding-right:4px;}
.join-list{float:right; width:66.666%;}
.join-list ul{margin:-16px -8px 0 -8px}
.join-list li{width:25%; float:left; padding:16px 8px 0 8px;}
.join-list li img{display:block; width:100%; height:108px; border:1px solid #e8e8e8; transition:.2s; object-fit:cover;}
.join-list li a:hover img{border-color:#002FA7;}
@media(max-width:1200px){
.join{padding:38px 0;}
.join-text{width:100%;}
.join-list{width:100%; margin-top:38px;}
}
@media(max-width:767px){
.join{padding:18px 0;}
.join-title{padding-bottom:16px;}
.join-title>b{font-size:28px;}
.join-title>b>u{padding-right:4px;}
.join-title>b>u:before{width:38px; height:6px;}
.join-title>p{font-size:28px; margin:8px 0 0;}
.join-title>p>b{padding-right:2px;}
.join-list{margin-top:18px;}
.join-list li{width:50%;}
.join-list ul{margin:-8px -4px 0 -4px}
.join-list li{padding:8px 4px 0 4px;}
.join-list li img{height:88px;}
}

.tact{padding:58px 0;}
.join+.tact{padding-top:0;}
.tact-content{display:block; background:url('../images/150031444.jpg') center #000; background-size:cover; padding:48px; color:#fff;}
.tact-content:after{display:block; content:''; clear:both;}
.tact-text{float:left; width:50%;}
.tact-text>h2{font-size:38px;}
.tact-text>h2 b{color:#1677ff;}
.tact-text>p{font-size:18px; margin:18px 0 0;}
.tact-text>h3{font-size:28px; margin:38px 0 0;}
.tact-text>h4{display:block; margin:8px 0 0; font-weight:normal; font-size:38px;}
.tact-text>h4 u{text-decoration:none; display:inline-block; animation:fbu 2s infinite;}
.tact-text>div{margin-top:18px;}
.tact-text>div:after{display:block; content:''; clear:both;}
.tact-text>div a{float:left; position:relative; color:#fff; border-radius:40px; overflow:hidden; background:#002FA7;}
.tact-text>div a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.tact-text>div a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#002FA7;}
.tact-text>div a>u{float:left; position:relative; z-index:1; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.tact-text>div a:hover{color:#002FA7;}
.tact-text>div a:hover>i{color:#fff; animation:szu 2s infinite; background:#002FA7;}
.tact-text>div a:hover:after{width:300px; height:300px;}
.tact-form{float:left; width:50%;}
.tact-form>div{max-width:480px; margin:auto;}
.tact-form h2{font-size:28px; font-weight:normal; margin-bottom:18px;}
.tact-form dt{display:none;}
.tact-form dd{position:relative; margin-bottom:18px;}
.tact-form dd>p{display:none;}
.tact-form select,
.tact-form textarea,
.tact-form input[type=file],
.tact-form input[type=text],
.tact-form input[type=password],
.tact-form input[type=number],
.tact-form input[type=tel],
.tact-form input[type=email]{background:rgba(255,255,255,.18); border-radius:0; border:none; padding:10px 18px; line-height:24px; height:44px; font-size:15px; color:#fff;}
.tact-form textarea{height:108px;}
.tact-form .form888 span.captcha{position:relative; width:268px; max-width:100%; display:block;}
.tact-form .form888 span.captcha i>img{position:absolute; right:6px; top:6px; background:rgba(255,255,255,0.88); padding:1px; cursor:pointer;}
.tact-form div.file_input>i{background:rgba(0,0,0,0.38); border:none;}
.tact-form select option{color:#181818;}
.tact-form button{color:#fff; border:none; line-height:44px; padding:0 38px; font-size:16px; border-radius:3px; cursor:pointer; transition:.3s; background:#002FA7;}
.tact-form button:hover{background:#fff; color:#002FA7;}
.tact-form *::-webkit-input-placeholder{color:#fff; opacity:1;}
.tact-form *::-moz-input-placeholder{color:#fff; opacity:1;}
.tact-form *::-ms-input-placeholder{color:#fff; opacity:1;}
@media(max-width:1200px){
.tact{padding:38px 0;}
.tact-text{width:100%;}
.tact-form{width:100%;}
.tact-form>div{margin:38px 0 0;}
}
@media(max-width:767px){
.tact{padding:18px 0;}
.tact article{padding:0;}
.tact-content{padding:16px;}
.tact-text>h2{font-size:28px;}
.tact-text>p{font-size:16px; margin:12px 0 0;}
.tact-text>h3{font-size:18px; margin:28px 0 0;}
.tact-form h2{font-size:22px;}
}
@keyframes fbu{
50%{transform:scale(1);}
60%{transform:scale(1.04);}
70%{transform:scale(1);}
80%{transform:scale(1.02);}
85%{transform:scale(1);}
}
@keyframes szu{
from{transform:rotate(0);}
to{transform:rotate(360deg);}
}
.show{padding:58px 0; position:relative; background:#fff; overflow:hidden;}
.show:before{position:absolute; content:''; left:0; top:0; bottom:0; width:50%; margin-left:-100px; background:#f8f8f8;}
.show article{position:relative; z-index:8;}
.show-image{position:absolute; top:0; bottom:0; width:50%; padding-right:160px;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.show-content{float:right; width:50%;}
.show-content>div{margin-left:-28px;}
.show-content>div>h4{font-size:38px; line-height:1; color:#989898;}
.show-content>div>h3{font-size:28px;}
.show-content>div>h2{font-size:32px; margin-top:58px;}
.show-content>div>h2>b{margin-right:8px; color:#002FA7;}
.show-content>div>h1{font-size:26px; margin-top:8px; font-weight:normal;}
.show-content>div>aside{font-size:15px; margin-top:18px; padding-top:18px; border-top:1px solid #e8e8e8; color:#686868;}
.show-content>div>aside>p+p{margin-top:8px;}
.show-contact{margin-top:68px;}
.show-contact>p{font-size:16px; margin-bottom:8px;}
.show-contact>a{display:inline-block; position:relative; color:#fff; border-radius:40px; overflow:hidden; border:2px solid #f20f0f; background:#f20f0f;}
.show-contact>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.show-contact>a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#f20f0f;}
.show-contact>a>u{float:left; position:relative; z-index:1; font-size:16px; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.show-contact>a:hover{color:#f20f0f;}
.show-contact>a:hover>i{color:#fff; animation:szu 2s infinite; background:#f20f0f;}
.show-contact>a:hover:after{width:300px; height:300px;}
@media(max-width:1200px){
.show{padding:38px 0;}
.show-image{padding-right:140px;}
.show-content>div{margin-left:-78px;}
}
@media(max-width:992px){
.show:before{display:none;}
.show-image{position:relative; top:auto; bottom:auto; width:auto; padding-right:0;}
.show-content{float:none; width:auto; margin-top:18px;}
.show-content>div{margin-left:0;}
.show-content>div>h2{margin-top:28px;}
.show-contact{margin-top:28px;}
}
@media(max-width:767px){
.show{padding:18px 0;}
.show-content>div>h4{font-size:26px;}
.show-content>div>h3{font-size:22px;}
.show-content>div>h2{font-size:24px;}
.show-content>div>h1{font-size:20px; margin-top:4px;}
.show-content>div>aside{font-size:14px; margin-top:12px; padding-top:12px;}
.show-contact>p{font-size:15px;}
}

.bound{padding:88px 0; color:#fff; text-align:center; font-size:28px; background:url('../images/150031444.jpg') center #000; background-size:cover;}
.bound p+p{margin-top:12px;}
@media(max-width:1200px){
.bound{padding:58px 0; font-size:22px;}
}
@media(max-width:767px){
.bound{padding:28px 0; font-size:18px;}
}

.honor{padding:58px 0; overflow:hidden; position:relative; background:#fff; overflow:hidden;}
.honor-title{font-size:28px;}
.honor-title>h4{display:block; font-size:38px; line-height:1; color:#989898;}
.honor-title>h3{display:block; font-size:28px;}
.honor-title:after{display:block; width:48px; height:4px; content:''; margin-top:4px; background:#002FA7;}
.honor-swiper{display:block; margin:28px -18px 0 -18px; position:relative; overflow:hidden;}
.honor-outer{width:10000%;}
.honor-outer:after{display:block; content:''; clear:both;}
.honor-item{float:left; width:0.25%; padding:18px;}
.honor-item span{display:block; background:#f8f8f8; padding:1px; width:100%; height:380px; box-shadow:0 2px 8px rgba(0,0,0,0.12);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.honor-item span>img{display:block; max-width:100%; max-height:100%;}
.honor-prev,
.honor-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.honor-swiper:hover .honor-prev,
.honor-swiper:hover .honor-next{opacity:1;}
.honor-prev i,
.honor-next i{color:#fff; font-size:48px;}
.honor-prev:hover i,
.honor-next:hover i{color:#002FA7;}
.honor-prev{left:0;}
.honor-next{right:0;}
@media(max-width:1200px){
.honor{padding:38px 0;}
.honor-swiper{margin:28px -8px 0 -8px;}
.honor-item{padding:8px;}
.honor-item span{height:280px;}
}
@media(max-width:992px){
.honor-item{width:0.3333%;}
}
@media(max-width:767px){
.honor{padding:18px 0;}
.honor-title>h4{font-size:26px;}
.honor-title>h3{font-size:22px;}
.honor-swiper{margin:18px 0 0 0;}
.honor-item{width:1%;}
}
.service1{padding:58px 0; line-height:1.75; background:#fff;}
.service1-content{display:block;}
.service1-content>h2{font-size:38px; line-height:1; text-align:center;}
.service1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.service1-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service1-content ul{margin:48px -28px 0 -28px;}
.service1-content ul:after{display:block; content:''; clear:both;}
.service1-content ul>li{float:left; width:25%; text-align:center; position:relative; padding:28px;}
.service1-content ul>li>img{display:block; margin:0 auto; max-width:90%;}
.service1-content ul>li>h3{font-size:20px; margin:18px 0;}
.service1-content ul>li>p{font-size:16px; color:#686868;}
@media(max-width:1200px){
.service1{padding:38px 0;}
.service1-content>aside{font-size:15px;}
.service1-content ul{margin:38px -8px 0 -8px;}
.service1-content ul>li{padding:8px;}
.service1-content ul>li>h3{font-size:18px; margin:12px 0;}
.service1-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.service1{padding:18px 0;}
.service1-content>h2{font-size:28px;}
.service1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service1-content>aside{font-size:14px;}
.service1-content ul{margin:18px -4px 0 -4px;}
.service1-content ul>li{width:50%; padding:4px; margin-top:8px;}
}
.edge1{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/162333559.jpg') #000 center; background-size:cover;}
.edge1-content{display:block;}
.edge1-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.edge1-content ul{margin:38px -28px 0 -28px;}
.edge1-content ul:after{display:block; content:''; clear:both;}
.edge1-content ul>li{float:left; text-align:center; width:25%; padding:28px;}
.edge1-content ul>li>i{width:88px; height:88px; border:1px solid #fff; border-radius:50%; line-height:86px; text-align:center; font-size:48px; color:#fff;}
.edge1-content ul>li>h3{font-size:22px; margin:18px 0;}
.edge1-content ul>li>p{font-size:16px;}
.edge1-content ul>ol{display:none;}
.edge1-content ul>ol:nth-child(8n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge1{padding:38px 0;}
.edge1-content ul{margin:28px -8px 0 -8px;}
.edge1-content ul>li{padding:8px;}
.edge1-content ul>li>h3{font-size:18px; margin:12px 0;}
.edge1-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.edge1{padding:18px 0;}
.edge1-content>h2{font-size:28px;}
.edge1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge1-content ul{margin:18px -4px 0 -4px;}
.edge1-content ul>li{width:50%; padding:4px; margin-top:8px;}
.edge1-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
.example1{padding:58px 0; background:#fff;}
.example1-content{display:block;}
.example1-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.example1-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example1-outer{width:10000%;}
.example1-outer:after{display:block; content:''; clear:both;}
.example1-item{float:left; width:.333%; padding:12px;}
.example1-item>a{display:block;}
.example1-item>a>i{display:block; overflow:hidden;}
.example1-item>a>i>img{display:block; width:100%; transition:.3s;}
.example1-item>a:hover>i>img{transform:scale(1.08);}
.example1-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example1-prev,
.example1-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example1-swiper:hover .example1-prev,
.example1-swiper:hover .example1-next{opacity:1;}
.example1-prev i,
.example1-next i{color:#fff; font-size:48px;}
.example1-prev:hover i,
.example1-next:hover i{color:#002FA7;}
.example1-prev{left:0;}
.example1-next{right:0;}
@media(max-width:1200px){
.example1{padding:38px 0;}
.example1-swiper{margin:0 -8px;}
.example1-item{padding:8px;}
}
@media(max-width:992px){
.example1-item{width:.5%;}
}
@media(max-width:767px){
.example1{padding:18px 0;}
.example1-content>h2{font-size:28px; margin-bottom:18px;}
.example1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example1-swiper{margin:0;}
.example1-item{width:1%;}
}
.service2{padding:58px 0; line-height:1.75; background:;}
.service2-content{display:block;}
.service2-content>h2{font-size:38px; line-height:1; text-align:center;}
.service2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.service2-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service2-content ul{margin:38px -18px 0 -18px;}
.service2-content ul:after{display:block; content:''; clear:both;}
.service2-content ul>li{float:left; width:33.333%; padding:18px; margin-top:18px;}
.service2-content ul>li>h3{font-size:22px; position:relative; margin-bottom:18px;}
.service2-content ul>li>h3>b{display:inline-block; position:relative; z-index:1;}
.service2-content ul>li>h3:before{position:absolute; top:50%; left:-2px; width:48px; height:8px; margin-top:3px; opacity:0.38; content:''; background:#002FA7;}
.service2-content ul>li>p{font-size:16px; overflow:hidden; color:#686868;}
.service2-content ul>ol{display:none;}
@media(max-width:1200px){
.service2{padding:38px 0;}
.service2-content>aside{font-size:15px;}
.service2-content ul{margin:28px -8px 0 -8px;}
.service2-content ul>li{padding:8px;}
.service2-content ul>li>h3{margin-bottom:8px;}
.service2-content ul>li>p{font-size:15px;}
}
@media(min-width:993px){
.service2-content ul>ol:nth-child(6n){float:left; display:block; width:100%;}
}
@media(max-width:992px){
.service2-content ul>li{width:50%;}
.service2-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
@media(max-width:767px){
.service2{padding:18px 0;}
.service2-content>h2{font-size:28px;}
.service2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service2-content>aside{font-size:14px;}
.service2-content ul{margin:18px 0 0;}
.service2-content ul>li{width:100%; margin:0;}
.service2-content ul>li>p{font-size:14px; height:auto;}
}
.edge2{padding:68px 0; color:#fff; text-align:center; font-size:28px; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge2-content{display:block;}
.edge2-content>h2{font-size:38px; line-height:1;}
.edge2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto 28px auto; background:#002FA7;}
.edge2-content>p+p{margin-top:8px;}
.edge2-content>div{text-align:center; margin-top:38px;}
.edge2-content>div>a{display:inline-block; position:relative; color:#fff; border-radius:40px; overflow:hidden; background:#002FA7;}
.edge2-content>div>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.edge2-content>div>a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#002FA7;}
.edge2-content>div>a>u{float:left; position:relative; z-index:1; font-size:16px; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.edge2-content>div>a:hover{color:#002FA7;}
.edge2-content>div>a:hover>i{color:#fff; animation:szu 2s infinite; background:#002FA7;}
.edge2-content>div>a:hover:after{width:300px; height:300px;}
@media(max-width:1200px){
.edge2{padding:48px 0; font-size:24px;}
}
@media(max-width:767px){
.edge2{padding:28px 0; font-size:16px;}
.edge2-content>h2{font-size:28px;}
.edge2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge2-content>div{margin-top:18px;}
}
.example2{padding:58px 0; background:#fff;}
.example2-content{display:block;}
.example2-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.example2-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example2-outer{width:10000%;}
.example2-outer:after{display:block; content:''; clear:both;}
.example2-item{float:left; width:.333%; padding:12px;}
.example2-item>a{display:block;}

.example2-item>a>i{display:block; overflow:hidden;}
.example2-item>a>i>img{display:block; width:100%; transition:.3s;}
.example2-item>a:hover>i>img{transform:scale(1.08);}
.example2-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example2-prev,
.example2-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example2-swiper:hover .example2-prev,
.example2-swiper:hover .example2-next{opacity:1;}
.example2-prev i,
.example2-next i{color:#fff; font-size:48px;}
.example2-prev:hover i,
.example2-next:hover i{color:#002FA7;}
.example2-prev{left:0;}
.example2-next{right:0;}
@media(max-width:1200px){
.example2{padding:38px 0;}
.example2-swiper{margin:0 -8px;}
.example2-item{padding:8px;}
}
@media(max-width:992px){
.example2-item{width:.5%;}
}
@media(max-width:767px){
.example2{padding:18px 0;}
.example2-content>h2{font-size:28px; margin-bottom:18px;}
.example2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example2-swiper{margin:0;}
.example2-item{width:1%;}
}
.service3{padding:58px 0; line-height:1.75; background:;}
.service3-content{display:block;}
.service3-content>h2{font-size:38px; line-height:1; text-align:center;}
.service3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.service3-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service3-content ul{margin:48px 0 0 0;}
.service3-content ul:after{display:block; content:''; clear:both;}
.service3-content ul>li{float:left; width:25%; position:relative; border:1px solid #d8d8d8; margin:-1px 0 0 -1px; padding:38px;}
.service3-content ul>li>b{position:absolute; bottom:18px; right:28px; line-height:1; font-size:88px; opacity:0.8; transition:.3s; color:#002FA7;}
.service3-content ul>li>h3{position:relative; z-index:8; font-size:20px; margin-bottom:18px;}
.service3-content ul>li>p{position:relative; z-index:8; font-size:16px; height:160px; color:#686868;}
.service3-content ul>li:hover>b{transform:scale(1.08); opacity:1;}
@media(max-width:1200px){
.service3{padding:38px 0;}
.service3-content>aside{font-size:15px;}
.service3-content ul{margin:28px 0 0 0;}
.service3-content ul>li{width:50%;}
} 
@media(max-width:767px){
.service3{padding:18px 0;}
.service3-content>h2{font-size:28px;}
.service3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service3-content>aside{font-size:14px;}
.service3-content ul{margin:18px 0 0 0;}
.service3-content ul>li{width:100%; padding:18px; padding-bottom:78px;}
.service3-content ul>li>b{bottom:8px; right:18px; font-size:68px;}
.service3-content ul>li>h3{font-size:18px; margin-bottom:8px;}
.service3-content ul>li>p{font-size:14px; height:auto;}
}
.edge3{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge3-content{display:block;}
.edge3-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.edge3-content ul{margin:38px -18px 0 -18px;}
.edge3-content ul:after{display:block; content:''; clear:both;}
.edge3-content ul>li{float:left; width:50%; padding:18px;}
.edge3-content ul>li>span{display:block; position:relative; padding:38px 48px 28px 98px; background:rgba(255,255,255,0.08);}
.edge3-content ul>li>span>i{font-size:38px; position:absolute; left:38px; top:38px;}
.edge3-content ul>li>span>h3{font-size:20px; margin-bottom:18px;}
.edge3-content ul>li>span>p{font-size:15px; height:80px; overflow:hidden;}
@media(max-width:1200px){
.edge3{padding:38px 0;}
.edge3-content ul{margin:28px -8px 0 -8px;}
.edge3-content ul>li{padding:8px;}
}
@media(max-width:992px){
.edge3-content ul>li{width:100%;}
.edge3-content ul>li>span>p{height:auto;}
}
@media(max-width:767px){
.edge3{padding:18px 0;}
.edge3-content>h2{font-size:28px;}
.edge3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge3-content ul{margin:18px 0 0 0;}
.edge3-content ul>li>span{padding:18px 18px 18px 68px;}
.edge3-content ul>li>span>i{font-size:32px; left:18px; top:18px;}
.edge3-content ul>li>span>h3{font-size:18px; margin-bottom:8px;}
.edge3-content ul>li>span>p{font-size:14px; height:auto;}
}
.example3{padding:58px 0; background:#fff;}
.example3-content{display:block;}
.example3-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.example3-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example3-outer{width:10000%;}
.example3-outer:after{display:block; content:''; clear:both;}
.example3-item{float:left; width:.333%; padding:12px;}
.example3-item>a{display:block;}
.example3-item>a>i{display:block; overflow:hidden;}
.example3-item>a>i>img{display:block; width:100%; transition:.3s;}
.example3-item>a:hover>i>img{transform:scale(1.08);}
.example3-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example3-prev,
.example3-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example3-swiper:hover .example3-prev,
.example3-swiper:hover .example3-next{opacity:1;}
.example3-prev i,
.example3-next i{color:#fff; font-size:48px;}
.example3-prev:hover i,
.example3-next:hover i{color:#002FA7;}
.example3-prev{left:0;}
.example3-next{right:0;}
@media(max-width:1200px){
.example3{padding:38px 0;}
.example3-swiper{margin:0 -8px;}
.example3-item{padding:8px;}
}
@media(max-width:992px){
.example3-item{width:.5%;}
}
@media(max-width:767px){
.example3{padding:18px 0;}
.example3-content>h2{font-size:28px; margin-bottom:18px;}
.example3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example3-swiper{margin:0;}
.example3-item{width:1%;}
}
.service4{padding:58px 0; line-height:1.75; background:;}
.service4-content{display:block;}
.service4-content>h2{font-size:38px; line-height:1; text-align:center;}
.service4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.service4-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service4-content ul{margin:48px -12px 0 -12px;}
.service4-content ul:after{display:block; content:''; clear:both;}
.service4-content ul>li{float:left; width:33.3333%; position:relative; padding:12px;}
.service4-content ul>li>div{position:relative; overflow:hidden;}
.service4-content ul>li>div>span{position:absolute; color:#fff; top:0; right:0; bottom:0; left:0; z-index:8; transition:.3s; background:rgba(0,0,0,0.48);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.service4-content ul>li>div>span>ins{display:block; text-align:center;}
.service4-content ul>li>div>span>ins>i{font-size:38px; display:block; margin-bottom:8px;}
.service4-content ul>li>div>span>ins>h3{font-size:20px;}
.service4-content ul>li>div>img{display:block; transition:.3s;}
.service4-content ul>li>div:hover>span{background:rgba(0,0,0,0.68);}
.service4-content ul>li>div:hover>img{transform:scale(1.08);}
@media(max-width:1200px){
.service4{padding:38px 0;}
.service4-content>aside{font-size:15px;}
.service4-content ul{margin:28px -8px 0 -8px;}
.service4-content ul>li{padding:8px;}
}
@media(max-width:992px){
.service4-content ul>li{width:50%;}
}
@media(max-width:767px){
.service4{padding:18px 0;}
.service4-content>h2{font-size:28px;}
.service4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service4-content>aside{font-size:14px;}
.service4-content ul>li{width:100%;}
}
.edge4{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge4-content{display:block;}
.edge4-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.edge4-content ul{margin:38px -28px 0 -28px;}
.edge4-content ul:after{display:block; content:''; clear:both;}
.edge4-content ul>li{float:left; text-align:center; width:25%; padding:28px;}
.edge4-content ul>li>i{width:108px; height:108px; border-radius:3px; background:#fff; display:block; margin:0 auto; padding:10px; line-height:88px; text-align:center; font-size:0;}
.edge4-content ul>li>i>img{vertical-align:middle; max-width:88px; max-height:88px;}
.edge4-content ul>li>h3{font-size:20px; margin:18px 0 8px 0;} 
.edge4-content ul>ol{display:none;}
.edge4-content ul>ol:nth-child(8n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge4{padding:38px 0;}
.edge4-content ul{margin:28px -8px 0 -8px;}
.edge4-content ul>li{padding:8px;}
}
@media(max-width:767px){
.edge4{padding:18px 0;}
.edge4-content>h2{font-size:28px;}
.edge4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge4-content ul>li{width:50%;}
.edge4-content ul>li>h3{font-size:18px; margin:16px 0 8px 0;} 
.edge4-content ul>ol:nth-child(4n){display:block; float:left; width:100%;}
}
.example4{padding:58px 0; background:#fff;}
.example4-content{display:block;}
.example4-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#002FA7;}
.example4-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example4-outer{width:10000%;}
.example4-outer:after{display:block; content:''; clear:both;}
.example4-item{float:left; width:.333%; padding:12px;}
.example4-item>a{display:block;}
.example4-item>a>i{display:block; overflow:hidden;}
.example4-item>a>i>img{display:block; width:100%; transition:.3s;}
.example4-item>a:hover>i>img{transform:scale(1.08);}
.example4-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example4-prev,
.example4-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example4-swiper:hover .example4-prev,
.example4-swiper:hover .example4-next{opacity:1;}
.example4-prev i,
.example4-next i{color:#fff; font-size:48px;}
.example4-prev:hover i,
.example4-next:hover i{color:#002FA7;}
.example4-prev{left:0;}
.example4-next{right:0;}
@media(max-width:1200px){
.example4{padding:38px 0;}
.example4-swiper{margin:0 -8px;}
.example4-item{padding:8px;}
}
@media(max-width:992px){
.example4-item{width:.5%;}
}
@media(max-width:767px){
.example4{padding:18px 0;}
.example4-content>h2{font-size:28px; margin-bottom:18px;}
.example4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example4-swiper{margin:0;}
.example4-item{width:1%;}
}
.newsdetail{padding:58px 0; background:; }
.newsdetail-content{float:left; width:72%; padding-right:58px;}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:#002FA7;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
.newsdetail-content>dir>dl{padding:6px 0;}
.newsdetail-content>dir>dl:after{display:block; content:''; clear:both;}
.newsdetail-content>dir>dl>dt{float:left; margin-right:8px;}
.newsdetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.newsdetail-content>dir>dl>dd{float:left;} 
.newsdetail-content>dir>dl>dd>i{font-style:normal;}
.newsdetail-tags{padding:0 0 18px 0;}
.newsdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.newsdetail-tags>a:hover{color:#fff; background:#002FA7;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recommend{float:left; width:28%;}
.newsdetail-recommend h2{margin-bottom:28px;}
.newsdetail-recommend h2:after{display:block; width:48px; height:3px; margin-top:8px; content:''; background:#002FA7;}
.newsdetail-recommend ul{display:block;}
.newsdetail-recommend ul>li{border-bottom:1px solid #e8e8e8; margin-top:18px; padding-bottom:18px;}
.newsdetail-recommend ul>li>a{display:block; font-size:16px;}
.newsdetail-recommend ul>li>u{display:block; text-decoration:none; margin-top:8px; color:#686868;}
.newsdetail-recommend ul>li>u>b{font-weight:normal;}
.newsdetail-recommend ul>li>u>i{font-style:normal; padding-right:18px;}
@media(max-width:1200px){
.newsdetail{padding:38px 0;}
.newsdetail-content{float:none; width:100%; padding:0 0 38px 0;}
.newsdetail-recommend{float:none; width:100%;}
}
@media(max-width:767px){
.newsdetail{padding:18px 0;}
.newsdetail-info{margin:12px 0 18px 0;}
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;}
.newsdetail-recommend h2{margin-bottom:18px;}
.newsdetail-recommend ul>li{margin-top:12px; padding-bottom:12px;}
.newsdetail-recommend ul>li>u{margin-top:4px;}
}
.newslist{padding:40px 0; background:;}
.newslist-content{display:block; margin:0 -18px;}
.newslist-content:after{display:block; content:''; clear:both;}
.newslist-item{float:left; width:33.333%; padding:18px;}
.newslist-item>a{display:block; background:#fff; border:1px solid #e8e8e8; position:relative; overflow:hidden;}
.newslist-item>a>img{display:block; width:100%;}
.newslist-item>a>span{display:block; padding:18px;}
.newslist-item>a>span>h3{display:block; height:24px; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist-item>a>span>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.newslist-item>a>span>u{display:inline-block; height:21px; margin-top:16px; color:#002FA7;}
.newslist-item>a>span>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.newslist-item>a>span>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.newslist-item>a>span>ins{float:right; text-align:center; transition:.4s; margin-left:18px; color:#fff; background:#f20f0f;}
.newslist-item>a>span>ins>i{font-style:normal; display:block; font-size:28px;}
.newslist-item>a>span>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.newslist-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.newslist-item>a:hover>span>u>b{transform:translateX(4px); color:#002FA7;}
.newslist-item>a:hover>span>u>i{transform:translateX(8px);}
.newslist dir{padding:14px 0;}
@media(max-width:1400px){
.newslist{padding:48px 0;}
.newslist-content{margin:0 -10px;}
.newslist-item{padding:10px;}
.newslist dir{padding:10px 0;}
}
@media(max-width:1200px){
.newslist-item{width:50%;}
}
@media(max-width:992px){
.newslist{padding:38px 0;}
.newslist-content{margin:0 -8px;}
.newslist-item{padding:8px;}
.newslist dir{padding:8px 0;}
}
@media(max-width:767px){
.newslist{padding:18px 0;}
.newslist-content{margin:0;}
.newslist-item{padding:4px; width:100%;}
.newslist-item>a>span{padding:12px;}
.newslist-item>a>span>ins>u{font-size:12px;}
}
.contact{padding:58px 0; overflow:hidden; position:relative; overflow:hidden; background:#ffffff; }
.contact>img{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.02;}
.contact>article{position:relative; z-index:8;}
.contact-title{font-size:28px;}
.contact-title>h4{display:block; font-size:38px; line-height:1; color:#989898;}
.contact-title>h3{display:block; font-size:28px;}
.contact-title:after{display:block; width:48px; height:4px; content:''; margin-top:4px; background:#002FA7;}
.contact-content{background:#fff; padding:48px; box-shadow:0 0 8px rgba(0,0,0,0.08); margin:48px 0 0;}
.contact-content:after{display:block; content:''; clear:both;}
.contact-text{float:left; width:50%;}
.contact-text h2{font-size:28px; font-weight:normal; margin-bottom:16px;}
.contact-text h4{font-size:16px; font-weight:normal; color:#686868;}
.contact-text ul{margin:28px 0 0;}
.contact-text ul>li{position:relative; padding-left:48px; font-size:18px;}
.contact-text ul>li i{position:absolute; left:0; top:50%; margin-top:-16px; width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; color:#fff; background:#002FA7;}
.contact-text ul>li p{padding:16px 0;}
.contact-image{float:left; width:50%; padding-left:28px;}
@media(max-width:1200px){
.contact{padding:38px 0;}
.contact-content{padding:28px; margin:28px 0 0;}
}
@media(max-width:992px){
.contact-text{float:none; width:auto;}
.contact-image{float:none; width:auto; padding:28px 0 0;}
}
@media(max-width:767px){
.contact{padding:18px 0;}
.contact-title>h4{font-size:26px;}
.contact-title>h3{font-size:22px;}
.contact-content{padding:12px; margin:18px 0 0;}
.contact-text h2{font-size:20px; margin-bottom:8px;}
.contact-text h4{font-size:14px;}
.contact-text ul{margin:18px 0 0;}
.contact-text ul>li{padding-left:38px; font-size:14px;}
.contact-text ul>li i{margin-top:-11px; width:22px; height:22px; line-height:22px;}
.contact-text ul>li p{padding:8px 0;}
}
.productlist{padding:48px 0;}
.productlist-content{display:block; margin:0 -12px;}
.productlist-content:after{display:block; content:''; clear:both;}
.productlist-item{float:left; width:33.333%; padding:12px;}
.productlist-item>a>div{position:relative; overflow:hidden;}
.productlist-item>a>div>img{width:100%; display:block; transition:2.8s;}
.productlist-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.productlist-item>a>div>span>b{display:block; font-size:28px;}
.productlist-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.productlist-item>a>div>span>u{display:block; text-decoration:none;}
.productlist-item>a>div>span>u ins{margin-left:2px;}
.productlist-item>a>span{display:block; padding:8px 0;}
.productlist-item>a>span:after{display:block; content:''; clear:both;}
.productlist-item>a>span>b{float:left; font-size:21px;}
.productlist-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.productlist-item>a>span>u>i{transition:.2s; display:inline-block;}
.productlist-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.productlist-item>a:hover>div>img{transform:scale(1.08);}
.productlist-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.productlist dir{padding:14px 0;}
@media(max-width:1200px){
.productlist-item{width:50%;}
}
@media(max-width:992px){
.productlist{padding:38px 0;}
.productlist-content{margin:0 -8px;}
.productlist-item{padding:8px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>div>span{padding:18px;}
.productlist-item>a>div>span>b{display:block; font-size:20px;}
.productlist-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist-content{margin:0;}
.productlist-item{width:100%; padding:4px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>span>u{padding-top:0;}
}
.productdetail{padding:58px 0; background:; }
.productdetail-swiper{width:600px; margin:0 auto; overflow:hidden; position:relative; max-width:100%; float:left; width:500px;}
.productdetail-outer{width:10000%;}
.productdetail-item{float:left; width:1%;}
.productdetail-item img{width:100%; display:block;}
.productdetail-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.productdetail-prev,
.productdetail-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.productdetail-swiper:hover .productdetail-prev,
.productdetail-swiper:hover .productdetail-next{opacity:1;}
.productdetail-prev i,
.productdetail-next i{color:#fff; font-size:48px;}
.productdetail-prev:hover i,
.productdetail-next:hover i{color:#f20f0f;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-head{margin-left:638px; margin-left:538px;}
.productdetail-head{overflow:hidden;}
.productdetail-info{margin:18px 0 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.productdetail-info>b{font-weight:normal;}
.productdetail-info>i{font-style:normal; padding-right:18px;}
.productdetail-info>i>a{color:#686868;}
.productdetail-info>i>a:hover{color:#f20f0f;}
.productdetail-li{display:block; margin:18px 0 0;}
.productdetail-li>u{text-decoration:none; padding:6px 18px; margin-right:6px; border-radius:6px; background:#f8f8f8; display:inline-block;}
.productdetail-text{display:block; margin:28px 0 0; font-size:16px;}
.productdetail-param{display:block; margin-top:18px; font-size:15px;}
.productdetail-param>dl+dl{margin-top:8px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{float:left; color:#686868;}
.productdetail-param>dl>dd{float:left;}
.productdetail-price{display:block; margin-top:18px; color:red;}
.productdetail-content{display:block; padding-top:38px;}
.productdetail-content>ul{margin-bottom:18px; border-bottom:1px solid #e8e8e8;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; margin-bottom:-1px; padding:6px 18px; border:1px solid #e8e8e8; font-size:16px;}
.productdetail-content>ul>li+li{margin-left:8px;}
.productdetail-content>ul>li.on{color:#fff; background:#f20f0f; border-color:#f20f0f;}
.productdetail-content>aside{display:none; padding-bottom:38px;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside>p+p{margin-top:8px;}
.productdetail-tags{padding:0 0 18px 0;}
.productdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.productdetail-tags>a:hover{color:#fff; background:#f20f0f;}
.productdetail-comment{padding-top:28px;}
dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
dir>dl{padding:6px 0;}
dir>dl:after{display:block; content:''; clear:both;}
dir>dl>dt{float:left; margin-right:8px;}
dir>dl>dt>b{font-weight:normal; color:#989898;}
dir>dl>dd{float:left;} 
dir>dl>dd>i{font-style:normal;}
@media(max-width:1200px){
.productdetail{padding:38px 0;}
.productdetail-swiper{margin:0 auto; float:none;}
.productdetail-swiper + .productdetail-head{margin:28px 0 0 0;}
}
@media(max-width:767px){
.productdetail{padding:18px 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-head>h1{font-size:20px;}
.productdetail-swiper + .productdetail-head{margin:18px 0 0 0;}
.productdetail-content>ul>li{padding:4px 8px; font-size:14px;}
.productdetail-content>ul>li+li{margin-left:2px;}
}
.newsdetail-content p{line-height: 30px; margin-bottom:5px;font-size:16px;}
.newsdetail-content h2{font-size:20px !important; margin-bottom:10px;font-weight:600;line-height:30px;border-left:3px solid #0663be;padding-left:10px; margin-top:25px;}