/* ----------基本元素重置----------- */
html,body { font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#313131; line-height:1.6; background: #eff3f8; }
html { overflow-x: hidden }
a:link { color:#313131; text-decoration:none; }
a:visited { text-decoration:none; color:#313131; }
a:hover { text-decoration:none; color:#0067b4; }
a:active { text-decoration:none; color:#313131; }
a img, img { border:none;vertical-align:middle; max-width:100% }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed { padding:0px; margin:0px; list-style:none; }
table{border-collapse:collapse;border-spacing:0;border:0;}
input, textarea, select, button, file { vertical-align:middle; border:none }
h1, h2, h3, h4, h5, h6 { font-weight:normal}
.bold { font-weight: bold}
.fl { float: left;}
.fr { float: right;}
.wow { visibility:hidden }
.overflow { overflow:hidden }
.clearfix,.clear{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }
.mt-30 { margin-top:3% !important }
.mb-30 { margin-bottom:3% !important }
.none { display:none }
.block { height:20px; clear:both }
.color { color:#0067b4; }
.transition { transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.wrapper,.container { width: 1280px;margin: 0px auto; }
@media screen and (max-width: 1400px) {
.wrapper,.container { width: 1200px; }
}
@media screen and (max-width: 1200px) {
.wrapper,.container { width: 1000px; }
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
touch-action: manipulation;
cursor: pointer;
border: 1px solid #eee;
white-space: nowrap;
font-size: 14px;
border-radius: 4px;
}
/* 单行省略号 */
.crop-text-1 {
-webkit-line-clamp: 1;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
/* 两行省略号 */
.crop-text-2 {
-webkit-line-clamp: 2;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.fa {
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center;
background-size:100% auto
}
.fa-search { background-image:url(../images/icon-search.png); background-size:16px auto }
.fa-qq { background-image:url(../images/icon-qq.png); }
.fa-weixin { background-image:url(../images/icon-weixin.png); }
.fa-weibo { background-image:url(../images/icon-weibo.png); }
.fa-genderless {background-image:url(../images/icon-right.png); background-size:16px auto }
.fa-angle-down {background-image:url(../images/icon-down.png); background-size:16px auto }
/* 头部 */
.top { position:fixed; top:0px; width:100%; height:32px; line-height:32px; text-align:right; z-index:999; background:#f3f4f5; font-size:13px; color:#666 }
.top a { display:inline-block; color:#666; }
.top a.a-login { color:#0067b4 }
.top span { display:inline-block; color:#aaa; font-size:12px; margin:0px 5px; }
.top .language { text-transform:uppercase }
.headerng { position:relative; height:132px; background:#fff; z-index:88 }
.header { position:fixed; top:32px; padding:20px 0; background:#fff; width:100%; z-index:999; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.header .logo { float:left; position:relative }
.header .logo img { height:65px; }
.header .logo p { vertical-align: middle; display:inline-block; font-size:18px; color:#0067b4 }
.header .navbox { float:right }
.header .navbox ul li { position:relative; float:left; line-height:60px; font-size:15px; margin-left:25px; }
.header .navbox ul li.active a { color:#0067b4 }
.header .navbox li .dropdown-menu { display:none; position:absolute; left:-40px; top:50px; width:160px; padding:10px 5px; text-align:center; background:#fff; border:1px solid #ddd; }
.header .navbox li .dropdown-menu p { line-height:34px; height:34px; font-size:14px; overflow:hidden }
.header .navbox li .dropdown-menu p a { color:#555 }
.header .navbox li:hover .dropdown-menu { display:block }
.header .logo::before {
/* content: "";
position: absolute;*/
width: 200px;
height: 8px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1.2s infinite;
animation: searchLights 1.2s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
0% { left: -90px; top: 0; }
to { left: 120px; top: 0; }
}
/*底部*/
.footer { background:#eee; padding:3% 0; border-top:1px solid #ddd; margin-top:3% }
.footer .footer-contact { float:right; color:#777; width:300px; line-height:24px }
.footer .footer-contact h3 a { font-size:16px; display:block; margin-bottom:15px; color:#0067b4 }
.footer .footer-contact h2 { color:#0067b4; font-size:28px; font-weight:bold; margin-bottom:20px }
.footer .footer-contact tr td { padding-bottom:5px; }
.footer .footer-contact tr th { font-weight:normal; width:70px; padding-right:5px; vertical-align:top; text-align:right }
.footer .footer-social { float:left }
.footer .footer-social h2 { color:#0067b4; font-size:28px; font-weight:bold; margin-bottom:20px }
.footer .footer-social .qrcode { margin-bottom:20px; }
.footer .footer-social .qrcode img { height:140px; }
.footer .footer-social a { display:inline-block; background:#bbb; width:38px; height:38px;line-height:40px; border-radius:40px; text-align:center; font-size:20px; color:#fff; margin-right:10px; position:relative }
.footer .footer-social a .fa { margin-top:-5px }
.footer .footer-social a:hover { background:#0067b4 }
.footer .footer-social .weixin img { max-width:none; width:180px; padding:5px; background:#fff; border-radius:5px; position:absolute; left:-80px; bottom:50px; display:none; -webkit-box-shadow: 0 0 15px rgba(100, 100, 100, .5); -moz-box-shadow: 0 0 15px rgba(100, 100, 100, .5); box-shadow: 0 0 15px rgba(100, 100, 100, .5); }
.footer .footer-social .weixin:hover img { display:block; }
.footer .footer-menu { float:left }
.footer .footer-menu ul li h3 a { font-size:16px; display:block; margin-bottom:15px; color:#0067b4 }
.footer .footer-menu ul li { float:left; margin-right:30px; min-width:130px; max-width:380px }
.footer .footer-menu ul li a { color:#777; }
.footer .footer-menu ul li dl dd { line-height:28px;}
.footer .footer-menu ul li.li1 dl dd { display:inline-block; float:left; width:50%; }
/*版权*/
.copyright { background:#fff; padding:20px 0; }
/*.toTop{background:url('../images/to-top.png') center center no-repeat;width:48px;height:48px;border:0;}*/
/*栏目大图*/
.page-banner { position: relative; width:100%; height:400px; /*padding:9% 0;*/ box-sizing: content-box; background-color:#f4f4f4; background-size: cover; background-position:center; background-repeat:no-repeat; overflow:hidden }
.page-banner .wrapper { position: relative; height:400px; overflow:hidden }
.page-banner-tit { position:absolute; bottom:40%; text-align:center; left:0; width:100%; line-height:1.4; font-size:20px; color:#f3f3f3; -webkit-animation: columntit 2s; animation: columntit 2s; text-shadow: 0 2px 2px rgba(100,100,100,0.2); }
.page-banner-tit h3 { font-size:32px; font-weight:bold; text-transform:uppercase; position:relative; z-index:9; margin-bottom:15px; color:#fff; }
.page-banner-tit p { font-size:20px; text-transform:uppercase; position:relative; z-index:9 }
@-webkit-keyframes columntit {
0% { bottom: 60%; opacity: 0; }
100% { bottom: 40%; opacity: 1;}
}
@keyframes columntit {
0% { bottom: 60%; opacity: 0;}
100% { bottom: 40%; opacity: 1;}
}
@media screen and (max-width: 1400px) {
.page-banner { height:350px; }
}
@media screen and (max-width: 1200px) {
.page-banner { height:300px; }
}
/*栏目导航*/
.page-nav { height:56px; line-height:58px; background:#fff; border-bottom:1px solid #eee; overflow:hidden }
.page-nav ul { float:left; width:70%; height: 58px; overflow:hidden; background:#fff }
.page-nav.opened { height:auto; padding-bottom:10px; }
.page-nav.opened ul { height:auto; }
.page-nav ul li { float:left; margin-right:4%; font-size:16px; height:56px;}
.page-nav ul li a { display:block; height:55px; }
.page-nav ul li.active a { border-bottom:1px solid #0067b4; color:#0067b4 }
.page-nav-more i { border:1px solid #ccc; padding:1px 3px; border-radius:2px; }
.page-nav-more.open i { transform: rotate(180deg); }
/*面包屑*/
.breadcrumb { float: right; background:url(../images/icon-home.png) no-repeat center left; color:#777; padding:0 0 0 20px !important; }
.breadcrumb li { display:inline-block }
.breadcrumb li a { color:#777 }
.breadcrumb li.breadcrumb-item::before { display:inline-block; content: ""; width:16px; height:12px; vertical-align: middle; background:url(../images/icon-right.png) center left no-repeat; }
/*栏目名*/
.page-title { margin-bottom:2%;line-height:1.6; text-align:center; }
.page-title h3 { font-size:28px; line-height:1.6; color:#0067b4; margin-bottom:10px; text-transform:capitalize }
.page-title h3::before { display: inline-block; content: ""; width:80px; height:1px; vertical-align:middle; background:#4b9ad5; margin:0px 15px; }
.page-title h3::after { display: inline-block; content: ""; width:80px; height:1px; vertical-align:middle; background:#4b9ad5; margin:0px 15px; }
.page-title.text-left { text-align:left }
.page-title.text-left h3::after { margin:3px 0 }
.page-title p { color:#666; font-size:17px; margin:10px auto }
.page-title .text { font-size:16px; }
.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 70%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom span:hover {webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
-moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }
/*--------------- 首页 -----------------*/
/*banner*/
.banner{width:100%;height: auto;overflow:hidden;position:relative; background:#f4f4f4 }
.banner .swiper-container.swiper-banner { position: relative; max-height:695px; }
.swiper-banner .swiper-slide { background:#fff }
.swiper-banner .swiper-slide video {
position: absolute;
width: 100%;
left: 0px;
top: 0;
bottom:0;
object-fit: cover;
}
.banner .swiper-container .ban_video img,.banner .swiper-container .ban_video .detail { display:none }
.swiper-banner .swiper-slide img { filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.swiper-banner .swiper-slide.swiper-slide-active img { filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; }
.banner .swiper-container-horizontal > .swiper-pagination-bullets { width:100%; text-align:center; bottom:30px; }
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background:#fff }
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.05,1.05) translate(3%,3%); }
100%{transform:scale(1.05,1.05) translate(-3%,-3%);}}
@keyframes leftUp{
0%{transform:scale(1.05,1.05) translate(3%,3%);}
100%{transform:scale(1.05,1.05) translate(-3%,-3%);}}
.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.05,1.05) translate(-3%,0); }
100%{transform:scale(1.05,1.05) translate(3%,0);}}
@keyframes moveRight{
0%{transform:scale(1.05,1.05) translate(-3%,0);}
100%{transform:scale(1.05,1.05) translate(3%,0);}}
.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.05,1.05) translate(0,-3%); }
100%{transform:scale(1.05,1.05) translate(0,3%);}}
@keyframes moveDown{
0%{transform:scale(1.05,1.05) translate(0,-3%);}
100%{transform:scale(1.05,1.05) translate(0,3%);}}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.05,1.05);}}
@keyframes centerBig{
100%{transform:scale(1.05,1.05);}}
.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.05,1.05) translate(1%,3%);}}
@keyframes rightDownBig{
100%{transform:scale(1.05,1.05) translate(1%,3%);}}
/*.swiper-banner .swiper-slide img{
width:105%;
animation-duration:5s;
animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-fill-mode: forwards;
} */
.swiper-banner .swiper-slide .detail{
text-align:center;
position:absolute;
width:34%;
left:33%;
top:40%;
height: auto;
color:#fff;
font-size:20px;
font-weight:bold;
opacity:0;
transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;
}
.swiper-banner .swiper-slide-active .detail{
top:35%;
opacity:1;
}
.swiper-banner .swiper-slide .detail h2 { font-size:36px; font-weight:bold; margin-bottom:15px; }
.swiper-banner .swiper-slide .detail1 { left:36%; font-size:40px; text-shadow: 0 2px 2px rgba(230,115,10,0.5); }
.swiper-banner .swiper-slide .detail1 h2 { font-size:40px;}
.swiper-banner .swiper-slide .detail1 div { margin-left:15% }
.imore a { display:block; margin:20px 0; width:170px; border-radius:30px; height:42px; line-height:42px; background-color:#0067b4; color:#fff; text-align:center; font-size:16px;
background-image:url(../images/icon-next.png); background-repeat:no-repeat; background-position:80% center }
.imore a:hover { background-color:#1aa5d8; }
/*会员专区*/
.sys-loginbox { z-index:99; height:10px; position: absolute; width:100%; top:160px; left:0; margin-top:5% }
.sys-loginbox .wrapper {}
.sys-login { position:relative; float:right; width:280px; background:url(../images/fff.png) repeat; padding:20px 20px; color:#222; }
.sys-login h3 { height:42px; line-height:42px; padding:0px 10px; margin-bottom:10px; text-align:center; color:#111 }
.sys-login h3 sup { margin-left:10px; font-size:50%; color:#333 }
.sys-login-on { padding:0 20px 30px 20px; }
.sys-login-on h4 { font-size:16px; margin-bottom:10px; }
.sys-login-on p { display:block; margin:10px 65px }
.sys-login-on p a { }
.sys-login-on a.signout-btn { float:right; padding:5px 20px; background:#f3f3f3; border-radius:4px; }
.sys-login-on #head_cart_num { padding:1px 5px; border-radius:50%; font-size:12px; background:#cd3935; }
.sys-login .form { padding:5px;}
.form .form-li { position:relative; margin-bottom:10px; padding-left:80px; }
.form .form-li label { position:absolute; left:0; display:inline-block; width:70px; text-align:right; font-weight:normal; margin-right:10px; }
.form .form-li input { width:100%; height:32px; background:#e4e9ed; text-indent:10px; color:#555 }
.form .form-li .form-btn { float:left; background:#00508f; color:#fff; font-size:14px; padding:5px 25px; line-height:24px; margin:10px 20px 10px 0; cursor:pointer }
.form .form-li .a-btn { float:left; color:#fff; font-size:14px; padding:5px 5px; line-height:24px; margin:10px 5px 10px 0; }
.form .form-li.form-chkcode { position:relative; }
.form .form-li.form-chkcode img { position:absolute; right:3px; top:4px; }
/*服务*/
.iservice_sevicebox{
width:1280px;
margin: 4% auto 5% auto;
}
.iservice_sevicelist{
display:flex;
display: -webkit-flex;
justify-content: space-between;
overflow: hidden;
height: auto;
}
.iservice_sevicelist li{
width:23%;
transition: ease 0.3s;
-moz-transition: ease 0.3s;
-webkit-transition: ease 0.3s;
-ms-transition: ease 0.3s;
margin:10px 1%;
float:left;
}
.iservice_imgbox{
width:100%;
overflow: hidden;
height:200px;
position: relative;
background: #0e6eb8;
}
/*.iservice_imgbox img{*/
/*max-width:100%;*/
/*}*/
.iservice_imgbox i{
position: absolute;
color:#fff;
top:-150px;
left:50%;
z-index:100;
width:64px; height:64px;
margin-left:-32px;
font-size:32px;
transition: ease 0.5s;
-moz-transition: ease 0.5s;
-webkit-transition: ease 0.5s;
-ms-transition: ease 0.5s;
background:url(../images/iservice1.png) no-repeat center;
}
.iservice_mask{
width:100%;
height:100%;
background: rgba(0,0,0,.5);
background: #0e6eb8;
position: absolute;
top:-100%;
left:0;
transition: ease 0.3s;
-moz-transition: ease 0.3s;
-webkit-transition: ease 0.3s;
-ms-transition: ease 0.3s;
}
.iservice_sevicelist h2{
height: 30px;
padding-top: 20px;
border-bottom: 1px solid #e8e9e9;
margin-bottom: 5px;
font-size: /*18px;*/16px;
font-weight: normal;
width:100%;
transition: ease 0.3s;
-moz-transition: ease 0.3s;
-webkit-transition: ease 0.3s;
-ms-transition: ease 0.3s;
}
.iservice_sevicelist p{
color: #666;
font-size: 14px;
line-height: 25px;
transition: ease 0.3s;
-moz-transition: ease 0.3s;
-webkit-transition: ease 0.3s;
-ms-transition: ease 0.3s;
padding:0px 0px 20px 0px;
}
.iservice_sevicelist li:hover{
background: #0E6EB8;
}
.iservice_sevicelist li:hover h2{
padding-left:20px;
width:92.5%;
color:#fff;
border-bottom: 1px solid rgba(200,200,200,.3);
}
.iservice_sevicelist li:hover p{
padding:0px 20px 20px 20px;
color:#fff;
box-sizing:content-box;
}
.iservice_sevicelist li:hover .iservice_mask{
top:0;
left:0;
}
.iservice_sevicelist li:hover .iservice_imgbox i{
top:60px;
}
/* 我们可以这样合作 */
.index-steps {
/*background-color: #f5f7f7;*/
background: url(../images/liucheng.jpg) no-repeat center;
background-size: cover;
width: 100%;
height: auto;
padding:3% 0;
background-attachment: fixed;
}
.index-steps .content {
width: 1200px;
margin: 0 auto;
padding: 30px 0px;
overflow: hidden;
}
.index-steps .page-title h3 {
color: #fff;
margin-bottom:12px;
}
.index-steps .page-title p {
color: #ddd;
}
.index-steps .page-title h3::after,.index-steps .page-title h3::before { display: none }
.index-steps .content ul {
overflow: hidden;
list-style-type: none;
text-align: center;
padding:20px 0;
}
.index-steps .content ul li {
float: left;
position: relative;
width: 146px;
margin-left: 0;
}
.index-steps .content .box-wrap {
text-align: center;
display: inline-block;
}
.index-steps .content .box-wrap .number {
font-size: 15px;
color: /*#2192d9;*/#fff;
border: 2px solid #fff;
border-radius: 50%;
width: 80px;
height: 60px;
text-align: center;
padding-top: 20px;
line-height:1.3;
/*background: #f5fcff;*/
}
.index-steps .content .box-wrap .number-line{
font-size: 16px;
color: /*#2192d9;*/#fff;
border: 2px solid /*#0af*/#fff;
border-radius: 50%;
width: 80px;
height: 53px;
text-align: center;
padding-top: 27px;
/*background: #f5fcff;*/
}
.index-steps .content .line {
width: 90px;
height: 15px;
background: url(../images/arrow.png) no-repeat 5px 0;
position: absolute;
right: -56px;
top: 35px;
}
.index-steps .apply-btn, .shipping-services .apply-btn {
text-align: center;
margin-top: 50px;
}
.index-steps .apply-btn .ui-button-large {
padding: 12px 34px;
background-color: #f5f7f7;
border: 1px solid #0af;
color: #0af;
border-radius: 3px;
font-size: 18px;
line-height: 18px;
position: relative;
display: inline-block;
box-sizing: border-box;
}
.iabout { margin:3% 0; width:44%; padding:2% 3%; float:left; background:#fff; font-size:16px; line-height:1.8 }
.iabout>h3 { font-size:24px; margin-bottom:10px; color:#0067b4 }
.iabout a.more { display:inline-block; float:right; font-size:14px; color:#0067b4; margin-top:8px; border:1px solid #0067b4; border-radius:20px; padding:1px 20px; }
.iservicedesk { width:48%; float: right; margin:3% 0; }
/*友情链接*/
.index-links { position:relative; text-align:center; margin:3% auto }
.index-links li { float:left; width:19%; margin:10px 0; margin-right:1.2%; background:#fff; vertical-align:middle }
.index-links li:nth-of-type(5n) { margin-right:0 }
.index-links a { color:#666; display:block; vertical-align:middle }
.index-links a:hover { color:#0067b4; }
.index-links li img { max-width:100%; max-height:100px; }
.index-links a p { height:40px; line-height:40px; }
@media screen and (max-width: 1300px) {
.index-links li { width:24%; margin-right:1.25%; }
.index-links li:nth-of-type(5n) { margin-right:1.25%}
.index-links li:nth-of-type(4n) { margin-right:0 }
}
/*关于我们*/
.about_title { font-size:28px; color:#0669be; border-bottom:1px solid #ccc; height:56px; width:50%; margin:40px 0; }
.about_left { width:50%; float:left; }
.about_right { width:46%; float:right; }
.about_right img { max-width:100% }
.about-txt { width:100%; padding:5% 0 4% 0; line-height:30px; font-size:16px; position:relative; text-align:center; background:#fff }
.about-txt .tit { font-size:28px; color:#0067b4; text-transform: capitalize; }
.about-txt .txt { margin:20px auto}
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
/*联系我们*/
.contact { background:#fff;margin:3% auto 5% auto }
.contact #map { float:left; width:52%; }
.contact .contact-info { float:right; width:38%; margin:30px 5%; font-size:16px; color:#555 }
.contact .contact-info p { margin-top:30px; padding-left:60px; min-height:51px; background-position:center left; background-repeat:no-repeat; }
.contact .contact-info p b { display:block; color:#0352a1 }
.contact .contact-info p.p1 { background-image:url(../images/contact1.jpg) }
.contact .contact-info p.p2 { background-image:url(../images/contact2.jpg) }
.contact .contact-info p.p3 { background-image:url(../images/contact3.jpg) }
.contact .contact-info p.p4 { background-image:url(../images/contact4.jpg) }
.feedback { margin:2% auto; padding:4% 0; background:url(../images/feedback.jpg) no-repeat bottom center; background-size:cover }
.feedback input {}
.feedback-l { width:50%; float:left; color:#fff }
.feedback-l .page-title h3 { color:#fff; margin-bottom:30px; }
.feedback-l .page-title p { color:#fff }
.feedback-r { width:30%; padding:30px 3%; float: right; background:#fff }
.feedback-r form .form-input { margin-bottom:10px; }
.feedback-r form input { width:100%; height:40px; line-height:40px; border:none; border-bottom:1px solid #ddd }
.feedback-r form input#_chkcode { width:60% }
.feedback-r form textarea { width:100%; border:none; border-bottom:1px solid #ccc; padding:10px 0; font-family:"Microsoft YaHei","Arial"; }
.feedback-r form .btn { display:block; width:60%; margin:20px auto 0 auto; border-radius:30px; background:#1eb9ef; color:#fff; border-bottom:none }
.form-input table,.form-group table { width:100% }
/*服务平台*/
.servicedesk-list { margin:3% auto 1% auto }
.servicedesk-list ul li { width:23%; float:left; background:#fff; margin-right:2.5%; margin-bottom:3%; }
.servicedesk-list ul li:nth-of-type(4n) { margin-right:0 }
.servicedesk-list ul li a { display:block; padding:10px; color:#666; position:relative; border:1px solid #eee }
.servicedesk-list ul li .img { width: auto; height:60px; float:left; margin-right:5%; }
.servicedesk-list ul li .img img { height:60px; }
.servicedesk-list ul li .txt { display:table-cell; vertical-align:middle; height:60px; }
.iservicedesk ul li { width:48%; margin-right:4%; }
.iservicedesk ul li:nth-of-type(2n) { margin-right:0 }
.iservicedesk ul li a { display:block; padding:10px 10px 10px 20px; font-size:14px }
.iservicedesk ul li .img { width: auto; height:40px; }
.iservicedesk ul li .img img { height:40px; }
.iservicedesk ul li .txt { height:40px; }
/*新闻列表*/
.news-left { float:left; width:72%; }
.news-right { float:right; width:25%; }
.news-list ul li { background:#fff; padding:3%; margin-bottom:3%; }
.news-list ul li:nth-of-type(3n) { }
.news-list ul li .pic { width:30%; float:left }
.news-list ul li .zoom { }
.news-list ul li .txt { width:67%; float:right; color:#777; min-height:150px; font-size:16px; position:relative; }
.news-list ul li .txt.txt100 { width:100%; float:left; }
.news-list ul li .txt span { font-size:15px; margin-right:15px; }
.news-list ul li .txt h3 { font-size:20px; font-weight:bold; color:#444; margin:8px 0 }
.news-list ul li:hover .txt h3 { color:#0067b4 }
.news-right h3 { font-size:20px; font-weight:bold; color:#555; position:relative; margin-bottom:10px; }
.news-right h3 span { position:relative; padding-right:15px; background:#fff; z-index:9 }
.news-right h3::before { display: inline-block;content: ""; width:100%; height:2px; background:#eee; position:absolute; left:0; top:50%; }
.news-search { position:relative; padding:25px; background:#fff }
.news-search input { width:100%; height:40px; line-height:40px; border: none; color:#444; text-indent:15px; overflow:hidden; border:1px solid #fff; background:#f0f4f7; margin:20px auto }
.news-search button { display:block; height:40px; line-height:40px; width:100%; border: none; background:#0067b4; color:#fff; border-radius:50px; cursor:pointer; font-size:16px; }
/*新闻详情*/
.news-con { background:#fff; padding:20px; margin-bottom:20px; font-size:15px; line-height:1.8 }
.news-tit { font-size:20px; font-weight:bold; text-align:center }
.news-desc {color:#888; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; text-align:center }
.news-desc small { display:inline-block; font-size:14px; margin-right:15px; line-height:18px; }
.news-alike { background:#fff; padding:20px; }
.news-alike ul li { line-height:30px; height:30px; overflow:hidden }
.page-prev-next { font-size:16px; color:#555; text-align:center }
.page-prev-next>p { display:inline-block; font-size:0; margin:8px; }
.page-prev-next a,.page-prev-next span { display:block; width:30px; padding:3px 28px; background-color:#0067b4; background-position:center; background-repeat:no-repeat; color:#555; height:30px; line-height:30px; border-radius:30px; }
.page-prev-next span { background-color:#ccc; }
.page-prev a,.page-prev span { background-image:url(../images/icon-prev.png); }
.page-next a,.page-next span { background-image:url(../images/icon-next.png); }
.page-back a,.page-back span { background-image:url(../images/icon-back.png); }
/*列表*/
.list-list { margin:5% auto }
.list-list ul li { position:relative; width:31%; float:left; background:#fff; margin-right:3.5%; margin-bottom:3%; }
.list-list ul li:nth-of-type(3n) { margin-right:0 }
.list-list ul li .zoom { padding-bottom: 70%; }
.list-list ul li .txt { padding:15px 20px; color:#666; min-height:60px; position:relative; text-align:center }
.list-list ul li .txt span {}
.list-list ul li .txt h3 { font-size:18px; color:#444; margin:5px 0 }
.list-list ul li:hover .txt h3 { color:#0067b4 }
.list-list ul li::after { display: block;content: ""; width:0; padding:0px 10%; height:3px; background:#0067b4; position:absolute; bottom:0; left:40%; }
.list-list ul li:hover::after { padding:0 50%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
/*服务*/
.service-list li { width:21%; margin:10px 2% 20px 2%; float:left; text-align:center; color:#666; }
.service-list li h3 { color:#222; font-size:18px; font-weight:bold; margin-bottom:5px; line-height:1.2 }
.service-list li h4 { color:#333; font-size:18px; }
.service-list li img { margin-bottom:10px; }
.service-list li .txt { margin-top:15px; min-height:40px; line-height:1.4 }
.service-list li .zoom { border-radius:10px; overflow:hidden }
.service-list3 li { width:31.333%; margin:20px 1%; float:left; text-align:center; color:#666 }
.serlogistics li { width:29.333%; margin:20px 2%; float:left; text-align:center; color:#666 }
.serlogistics li a { display:block; border-radius:0; padding:10px; border:1px solid #ddd; }
.serlogistics li a .zoom { border-radius:0; }
.service-con { margin:3% auto }
/*视频*/
.video-list ul li::after { display: none;}
.video-list ul li .txt { min-height:auto; }
.video-list ul li .zoom:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0.8;
filter: alpha(opacity=80);
transition: opacity 300ms linear;
background: url(../images/video-play.png) no-repeat center rgba(0,0,0,.3);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all ease-out .35s;
transition: all ease-out .35s;
}
.video-list ul li:hover .zoom:after {
opacity: 1;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/*客户服务*/
.bbs-list li { width:23%; margin-right:2.666%; float:left; text-align:center }
.bbs-list li:nth-of-type(4n) { margin-right:0 }
.bbs-list li .zoom { padding-bottom: 130%; }
.bbs-list li h3 { position:absolute; left:0; right:0; top:45%; z-index:99; color:#fff; font-size:20px; }
.bbs-list li h3::after { display: block; content: ""; width:60px; height:2px; background:#0067b4; margin:10px auto; }
/*案例*/
.case { background:#fff; padding:20px 30px 30px 30px; margin-bottom:30px }
.case .tit { padding-bottom:5px; border-bottom:2px solid #eee; position:relative; font-size:16px; color:#666; margin-bottom:20px }
.case .tit h3 { font-size:20px; font-weight:bold; color:#222; margin:5px 0 }
.case .tit h3:after { content: "";display: inline-block; height:2px; width:100px; background:#0067b4; position:absolute; left:0; bottom:-2px; }
.case-l .case-pic { margin:20px auto }
.case-l .case-pic li { width:48%; float:left; text-align:center; margin:20px 0 0 0 }
.case-l .case-pic li:nth-of-type(2n) { margin-left:4% }
.case-l .case-pic li p { margin:6px 0 0 0; }
/*-------------- 产品中心 ---------------*/
.pro-bg { background-size:100% auto; }
.pro_list .page-back { float:right; margin-top:-85px; display:block; width:30px; padding:2px 22px; background-color:#0067b4; background-position:center; background-repeat:no-repeat; font-size:0; height:30px; line-height:30px; border-radius:30px; background-image:url(../images/icon-back.png); background-size:20px auto }
.pro_list ul li { position:relative; width:23%; height: auto; float:left; margin:20px 2.666% 20px 0; text-align:center; overflow:hidden; background:#fff }
.pro_list ul li .zoom { padding-bottom:110% }
.pro_list ul li .zoom span { background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.pro_list ul li:nth-of-type(4n) { margin-right:0 }
.pro_list ul li>a { display:block; position:relative; overflow:hidden; text-align:center; vertical-align:middle; background:#fff }
.pro_list ul li .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pro_list ul li:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.20; filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=20);/*支持 IE 浏览器*/ transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.pro_list ul li .pic_more { width:60px; height:60px; position:absolute; top:100%; left:50%; margin-left:-30px; z-index:11 }
.pro_list ul li:hover .pic_more { top:40%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/pmore.png) no-repeat bottom center; }
.pro_list ul li .txt { padding:15px 20px; min-height:30px; overflow:hidden; }
.pro_list ul li .txt h3 { font-size:16px; }
.pro_index { padding: 4% 0 2% 0 }
.pro_index .pro_index_nav { width:33%; float:left; position:relative }
.pro_index .pro_index_nav .zoom { padding-bottom:150% }
.pro_index .pro_index_nav .txt { position:absolute; left:10%; top:8%; font-size:24px; color:#fff }
.pro_index ul { width:64%; float:right }
.pro_index ul li { position:relative; width:31%; height: auto; float:left; margin:0 3.5% 30px 0; text-align:center; background:#fff }
.pro_index ul li .zoom { padding-bottom:100% }
.pro_index ul li .zoom span { background-position: center; background-repeat: no-repeat; background-size: auto 100%; }
.pro_index ul li:nth-of-type(3n) { margin-right:0 }
.pro_index ul li>a { display:block; position:relative; overflow:hidden; text-align:center; vertical-align:middle; }
.pro_index ul li::after { display: none;content: ""; width:0; padding:0px 10%; height:3px; background:#0067b4; position:absolute; bottom:0; left:40%; }
.pro_index ul li:hover::after { padding:0 50%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.pro_index ul li:hover .zoom { background:#555 }
.pro_index ul li:hover .zoom span { filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.pro_index ul li .txt { padding:10px; }
.pro_index .more { float:right; margin:10px auto; display:inline-block; border:1px solid #0067b4; color:#0067b4; border-radius:20px; padding:3px 30px; }
/*产品筛选*/
.filter { padding:10px 0; margin-bottom:20px; }
.filter dl { margin:10px 0; font-size:16px; }
.filter dl a { margin:0px 20px; }
.filter dl a.active { color:#0669be; }
.pro-search { position:relative; margin-top:-80px; margin-bottom:2%; padding:40px 30px; background:#fff }
.pro-search select { width:22%; margin-right:2%; margin-top:10px; border:1px solid #ccc; border-radius:30px; height:45px; line-height:45px; padding:0px 20px; line-height:45px; color:#555; font-size:15px }
.pro-search .pro-search-tit { float:left; width:20%; color:#666;font-size:16px; }
.pro-search .pro-search-tit h3 { font-size:24px; font-weight:bold; color:#333 }
.pro-search .search-box { width:30%; float:right; margin-top:10px; }
.pro-search .search-box input { border: 1px solid #bbb; height:42px; width:75% }
.pro-search .search-box button { height:43px; padding: 0 30px; }
/*详情*/
.pro-box { position:relative; margin-bottom:3% }
.pro-l { width: 40%; height: auto; float:left; }
.pro-r { width: 46%; height: auto; float:right; }
.pro-view .swiper-container {
width: 100%;
height: auto;
}
.pro-view .arrow-left,.pro-view .arrow-right {
background:#ddd;
position: absolute;
left: 10px;
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
line-height:60px;
text-align:center;
z-index: 10;
display:none;
}
.pro-view .arrow-right {
left:auto;
right: 10px;
}
.preview {
width: 100%;
margin-top: 40px;
position: relative;
}
.preview .swiper-container {
width: 100%;
height: auto;
margin-left: 0;
}
.preview .swiper-slide {
width: 180px;
height: 160px;
cursor:pointer;
}
.preview .swiper-slide img { width:160px; height:160px; }
.preview .arrow-left,.preview .arrow-right {
position: absolute;
left: 0px;
top: 0;
width: 20px;
height: 100%;
z-index: 10;
background:#ddd;
}
.preview .arrow-right {
left: auto;
right: 0px;
}
.preview .active-nav img { filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.pro-title { position:relative }
.pro-title h2{ font-size:28px; font-weight:bold; color:#222; margin-top:20px }
.pro-title h4{ font-size:20px; font-weight:bold;color:#555; }
.pro-title span {
background: #ecf6ff;
border: 1px solid #0067b4;
border-radius: 20px;
font-size:15px;
color: #0067b4;
display: inline-block;
margin-right: 10px;
padding: 3px 15px;
}
.pro-title .page-back { position:absolute; right:0; top:0; display:block; width:30px; padding:2px 22px; background-color:#0067b4; background-position:center; background-repeat:no-repeat; font-size:0; height:30px; line-height:30px; border-radius:30px; background-image:url(../images/icon-back.png); background-size:20px auto }
.pro-info { width:100%; margin:20px auto; overflow:hidden; font-size:16px; line-height:2; }
.pro-info table { width:100%; text-align:left }
.pro-info tr { width:100%; border-bottom:1px solid #ddd;}
.pro-info tr td { color:#666; text-align:left; width:100px; padding:8px 0 }
.pro-info tr th { padding:8px 0; text-align:left }
.pro-content { background:#fff; padding:3% 0 }
/*** 分页样式 **/
.pagination{ padding:3% 0; clear:both; text-align:right; height: auto; }
.pagination ul li{ display: inline-block; line-height:32px;height:32px; margin:0 3px; background:#fff; border-radius:2px; }
.pagination ul li a { color:#555; display: inline-block;padding:0px 13px; }
.pagination ul li:hover{ color:#f5a411; text-decoration:none; }
.pagination ul li:hover a { color:#0067b4; }
.pagination ul li.active,
.pagination ul li.active a,.pagebox ul li.active a:hover { color:#fff; background:#0067b4 }
.pagination ul li.active { }
.servicedesk input { border:1px solid #ccc; height:22px; line-height:22px; padding:5px 10px; box-sizing:content-box }
.servicedesk select { border:1px solid #ccc; padding:5px 10px; }
/*订单跟踪*/
.order-cx { position:fixed; right:10px; top:45%; padding:20px; background:#fff; z-index:999;box-shadow: 0 0 15px rgba(100, 100, 100, .2); }
.order-cx h3 { font-size:16px; font-weight:bold; margin-bottom:10px; color: #0067b4;}
.order-cx p { margin:5px 0 }
.order-cx input { border:1px solid #ccc; height:30px; line-height:30px; padding:0px 10px; width:120px; }
.order-cx span { display:inline-block; width:60px; font-size:14px; }
.order-cx button { border:1px solid #0067b4; background:#0067b4; color:#fff; height:28px; line-height:28px; padding:0px 18px; border-radius:3px; cursor:pointer }