﻿arset "utf-8";


/* --- 字体样式 --- */
@font-face{
    font-family:eng;
    src:url(../images/CenturyGothic.TTF);
    src:url(../images/CenturyGothic.eot)\9; 
}

span{display:block;}
a:hover{color:#0D7CD5;}

/*1024*/
@media screen and (min-width:1024px)  and  (max-width:2600px)  {


/* --- 公用样式 --- */
html,body{background:#FEFEF5;}
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.clear{clear:both;}
.wrap{max-width:1200px; margin:0 auto;}


/* --- 栏目 --- */
.column{text-align:center; margin-top:80px; margin-bottom:80px;}
.column h2{font-size:30px; text-transform:uppercase; font-weight:normal; font-family:eng;}
.column h2:before{content:"——"; margin-right:30px;}
.column h2:after{content:"——"; margin-left:30px;}
.column span{width:161px; height:30px; line-height:26px; border:2px solid #0D7CD5; color:#0D7CD5; border-radius:5px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.column p{ color:#666; font-size:14px;}



/* --- 顶部 --- */
.top-fixed{position:fixed; width:100%; left:0; top:0; z-index:1000; height:155px;}
.top{height:40px; line-height:40px; background:#18212A; overflow:hidden;}

/* 电话 */
.tel{color:#79c4ff; font-size:14px;}

/* 登录 */
.login li {float:left; margin-left:15px; position:relative;}
.login li input,.login li .reglog,.login li .reg{height:20px; line-height:20px; background:url(../images/reg-back.png) repeat-x; border:none; border-radius:5px;  width:125px; color:#0F6C66; font-size:12px; }
.login li input::-webkit-input-placeholder {color:#fff;color:#0F6C66;}
.login li input{width:125px;padding-left:25px;}
.login li .reglog,.login li .reg{width:50px; cursor:pointer;}
.login li em{display:block; width:14px; height:14px; position:absolute; left:5px; top:14px; z-index:100;}
.login li.user em{background:url(../images/reg-a.png) no-repeat;}
.login li.password em{background:url(../images/reg-b.png) no-repeat;}
.login li a{font-size:14px; color:#00ffe0}
.login li .reg{text-align:center;margin-top: 12px;}
.login li input,.login li .reglog,.login li .reg{background: url();color: #47aeff;}
.login li input{background:url(../images/reg-back.png) repeat-x;color:#8CFFB9;}
.login li .reglog:hover,.login li .reg:hover{background:url(../images/reg-back.png) repeat-x;color:#0F6C66;}


/* --- 头部 --- */
.header{position:relative; padding-top:25px; padding-bottom:25px; border-bottom:8px solid #0D7CD5; height:115px; background:url(../images/header-arrow.jpg) no-repeat center bottom #fff; }

/* logo */
.logo{float:left; width:20%; text-align:center;}

/* 导航 */
.amazon{width:220px; height:70px; position: absolute;left: 20px;}
@media only screen and (max-width: 1550px) {.amazon{width:190px; height:70px; position: absolute;left: 15px;}}
@media only screen and (max-width: 1490px) {.amazon{width:170px; height:70px; position: absolute;left: 15px;}}
@media only screen and (max-width: 1460px) {.amazon{display:none;}}
.amazon img{width:80%;height: 80%; }
.header ul{width:40%;}
.header ul li{float:left; width:25%; text-align:center; line-height:56px;position: relative;/*height: 65px;*/}
.header ul li a{color:#0061ae; font-size:18px;}
.header ul li a.now,.header ul li a:hover{border-bottom:4px solid #0061ae; padding-bottom:20px; background:url(../images/nav-arrow.jpg) no-repeat bottom center;}
.headeren{position: absolute;right: 15px;width: 60px;top: 32px;text-align: center;}
.headeren a{font-size: 14px;color: #0D7CD5;}
.headeren img{box-shadow: 3px 3px 6px #aaa;}


/* 导航下拉 */
.header ul.subnavigationlist {
    display: none;
    width: auto;
    position: absolute;
    background: #FFF;
    z-index: 100;
    box-shadow: 5px 5px 6px #aaa;
    top: 55px;
}
.header ul.subnavigationlist li {float: none; padding: 0px; display: inline; height: 40px; line-height: 40px; background: #EBEBE9; text-align: center;}
.header ul.subnavigationlist li a {display: block;white-space: nowrap;font-weight: normal;color: #555;font-size: 16px; padding: 0px 23px; text-align: left;}
.header ul.subnavigationlist li a:hover {    background: #0D7CD5;    color: #FFF;    border-bottom:0px solid #00B1A4;}


/* --- banner --- */
.banner-box{position:relative; border-bottom:3px solid #0D7CD5; margin-top:155px;background: #0D7CD5;}
.banner{}
.banner li{height:767px;}
.banner li a{display:block; height:100%;}

.banner-page{text-align:center; margin-top:155px; border-bottom:8px solid #0D7CD5; }



.banner .hd{ width:100%; position:relative; bottom:50px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px;  border-radius:50%; margin-right:15px; overflow:hidden; font-size:0px; border:2px solid #fff;}
.banner .hd ul li.on{  background:#fff;}

/* --- 操作 --- */
.operation{position:absolute; width:360px; top:20px; height:330px;margin-left: 50%;left: -577px;}

/* 框架 */
.operation .box{background:#fff; width:360px; overflow:hidden; height:330px;}
.operation .box .hd{ background:#026B60; overflow:hidden;}
.operation .box .hd li{float:left; width:50%;text-align:center; height:36px; line-height:36px; font-size:14px; color:#90CEFF; background:#0061AE; cursor:pointer;}
.operation .box .hd li.on{background:#008EFF; color:#fff;}
.operation .box .bd ul{padding:20px;}

/* 运费 */
.operation .box .bd ul.freight li{ margin-bottom:20px; height:30px;}
.operation .box .bd ul.freight li .title{float:left; width:20%; text-align:right; font-size:16px; line-height:30px; color:#0061AE;}
.operation .box .bd ul.freight li .input{float:right; width:75%; }
.operation .box .bd ul.freight li .input input{height:30px; line-height:30px; background:#fff; border:1px solid #ddd; width:100%; font-size:14px; padding-left:5px; box-shadow: 0px 5px 10px #ececec;}
.operation .box .bd ul.freight li .input em{display:block; float:left; width:33.333%;}
.operation .box .bd ul.freight li .input em input{text-align:center; width:93%; padding-left:0;}
.operation .box .bd ul.freight li .input select{width:100%; height:30px; line-height:30px;  border:1px solid #ddd; font-size:14px;}

/* 包裹 */
.operation .box .bd ul.package{}
.operation .box .bd ul.package li textarea{width:100%; padding:10px; height:173px; border:1px solid #ddd; font-size:14px;}

/* 按钮 */
.operation .box .bd ul .btn{text-align:center; margin-top:30px;}
.operation .box .bd ul .btn button{width:100px; background:#0D7CD5; border:none; font-size:14px; color:#fff; height:35px; line-height:35px; border-radius:5px; box-shadow: 0px 10px 20px #ececec; cursor:pointer;}
.operation .box .bd ul .btn button:active{background:#026B60;}



/* --- 我们的优势 --- */
.services{position:relative;}
.services li{float:left; width:33.333%; padding-bottom:30px;}
.services li .pic{overflow:hidden;}
.services li .box{ width:310px; border:2px solid #0D7CD5; box-shadow: 10px 10px 20px #ddd; margin:0 auto;}
.services li .box .text{text-align:center; padding:20px 5px;}
.services li .box .text h3{font-size:24px; width:60%; margin:0 auto; border-bottom:1px solid #0D7CD5; padding-bottom:15px; margin-bottom:15px;height: 72px;overflow: hidden;}
.services li .box .text h3 a:hover{ color:#0D7CD5;}
.services li .box .text p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.services li .box .consult{background:#0D7CD5; text-align:center; height:45px; line-height:45px;}
.services li .box .consult a{color:#fff;}

.services .prev,.services .next{position:absolute; top:45%; z-index:100;}
.services .prev img,.services .next img{width:30%;}
.services .prev{left:-100px;}
.services .next{right:-250px;}



/* --- 我们的优势 --- */
.fba{overflow:hidden; border:5px solid #CECECE; border-radius:5px; background:url(../images/map.png) no-repeat 0 center #0D7CD5; margin-bottom:80px;}
.fba .text{float:left; text-align:center; color:#fff; width:50%; margin-top:10%; text-shadow : #008A7C 0px 0px 10px}
.fba .text p{font-size:24px;}
.fba .pic{float:right; width:50%;}



/* --- 专家 --- */
.fba-expert{height:490px; overflow:hidden;}
.fba-expert .left{width:73%; text-align:right; padding-right:30px;  background-size:cover; height:490px; }
.fba-expert .left h3{font-size:24px; font-weight:bold; color:#0D7CD5; margin-top:100px;}
.fba-expert .left h4{font-size:24px; font-weight:lighter; margin-bottom:20px;}
.fba-expert .left h4 b{ color:#0D7CD5;}
.fba-expert .left p{font-size:18px;}

.fba-expert .right{float:right; width:27%; padding-left:30px; padding-top:100px; background:#0D7CD5; height:490px; }
.fba-expert .right p{font-size:18px; line-height:200%;}
.fba-expert .right p a{color:#fff; transition:all .3s ease;}
.fba-expert .right p a:hover{margin-left:10px;}



/* --- 产品 --- */
.product ul{width:105%;}
.product li{float:left; margin-right:24px; margin-bottom:24px; position:relative;}
.product li .text{position:absolute; left:0; top:0; width:100%; height:100%;background:#000; background-color:rgba(0,0,0,0.5); text-align:center; line-height:220px; color:#fff; font-size:24px; transition:all .3s ease;}
.product li:hover .text{opacity:0;}



/* --- 流程 --- */
.process{position:relative;  height:213px; margin-bottom:100px;}
.process .text{width:1038px; margin:0 auto; position:relative;}
.process .text li{width:116px; font-size:14px; text-align:center; position:absolute; color:#0D7CD5;height: 51px;overflow: hidden;}
.process .text li.lc01{left:0; top:126px;}
.process .text li.lc02{left:134px; top:223px;}
.process .text li.lc03{left:261px; top:126px;}
.process .text li.lc04{left:395px; top:223px;}
.process .text li.lc05{left:525px; top:126px;}
.process .text li.lc06{left:659px; top:223px;}
.process .text li.lc07{left:788px; top:126px;}
.process .text li.lc08{left:922px; top:223px;}



/* --- 伙伴 --- */
.partner{background:#fff; text-align:center; overflow:hidden; padding-bottom:25px; border-bottom:0px dashed #ddd;}
.partner h2{font-size:14px; margin-top:25px; margin-bottom:25px;}
.partner li{float:left; width:11.11111%; text-align:center;}
.partner li img{border:1px solid #ddd;}

.partner .wrap{position:relative}
.partner .prev,.partner .next{position:absolute; z-index:100; top:10px;}
.partner .prev img,.partner .next img{width:10%;}
.partner .prev{right:-125px;}
.partner .next{left:-125px;}



/* --- 新闻 --- */
.news{background:#f2f2f2; padding-top:50px; padding-bottom:50px; overflow:hidden;}
.news .box{width:365px; position:relative;}
.news .box.info{margin-left:50px;}

.news .box b{display:block; margin-bottom:15px;}
.news .box .pic{margin-bottom:15px;}
.news .box li{font-size:14px; line-height:200%; position:relative;}
.news .box li em{position:absolute; right:0px; display:block; color:#999; top:0;}
.news .box li a{color:#666;}
.news .box li a:hover{color:#0D7CD5;}
.news .box .more{margin-top:30px; font-size:14px;}
.news .box .more a{color:#6D9ECE;}
.news .box .dot{position:absolute; right:0; top:0; font-size:14px;}
.news .box .dot a{color:#6D9ECE;}



/* --- 热线 --- */
.tel-400{text-align:center; background:#0D7CD5; height:60px; line-height:60px; color:#fff; font-size:18px;}
.tel-400 em{font-size:14px;}



/* --- 底部 --- */
.footer{background:#182029; overflow:hidden; padding-top:50px; padding-bottom:50px; font-size:12px;}
.footer .title{font-size:16px; color:#fff; font-weight:bold; margin-bottom:10px;}


/* 联系我们 */
.footer .contact{float:left; color:#8E9097; width:30%;}
.footer .contact li{padding-left:25px; line-height:250%;}
.footer .contact .lx01{background:url(../images/lx01.jpg) no-repeat 0 center;}
.footer .contact .lx02{background:url(../images/lx02.jpg) no-repeat 0 center;}
.footer .contact .lx03{background:url(../images/lx03.jpg) no-repeat 0 center;}
.footer .contact .lx04{/*background:url(../images/lx04.jpg) no-repeat 0 center;*/padding-left: 0;}


/* 快捷入口 */
.footer .quick{float:left; width:20%;}
.footer .quick a{ color:#8E9097;}
.footer .quick li{float:left; width:50%; line-height:250%;}
.footer .quick li a:hover{color:#fff;}


/* 二维码 */
.footer .qrcode{float:right; width:50%;}
.footer .qrcode li{float:left; width:50%; color:#fff; text-align:center;}
.footer .qrcode li h3{font-size:18px; color:#fff; margin-bottom:15px;}
.footer .qrcode li .text{margin-top:10px;}



/* --- 版权 --- */
.copyright{background:#182029; font-size:12px; padding-bottom:20px; color:#8E9097; }
.copyright .pic{margin-bottom:15px;}
.copyright .text a{ color:#8E9097;}
.copyright .text a:hover{color:#fff;}


/* --- 友情链接 --- */
.friend{background:#2C333B; font-size:12px; text-align:center; color:#999;}
.friend a{color:#868585; line-height:50px; margin-left:5px; margin-right:5px;}
.friend a:hover{color:#fff;}



/* --- 在线客服 --- */
.online{ position:fixed; right:15px; top:20%;}
.online li{margin-bottom:5px;background:#0D7CD5; border-radius:5px; box-shadow: 0px 10px 20px #ececec; position:relative;}
.online li:hover{background:#0061AE;}
.online li:hover dl{display:block;}

.online dl{position:absolute; right:60px; top:0px; display:none; width:250px; }
.online dl .email{background:#fff; padding-left:20px; padding-right:20px; border-radius:5px; box-shadow:0px 10px 20px #ececec; font-size:14px;padding:20px;}
.online dl .email em{display:block; line-height:250%; background:url(../images/dot2.jpg) no-repeat 0 center; padding-left:12px;width: 100%;}
/*.online dl .email .consult{width: 50%;float: left;}*/
.online dl .email em i{color:#F90;}
.online dl .qrcode{background:#fff; border-radius:5px; box-shadow:0px 10px 20px #ececec; text-align:center; padding:30px;}
.online dl .qrcode em{display:block; font-size:14px; margin-top:10px}



/* --- 内页框架 --- */
.page-box{margin-top:50px; margin-bottom:50px; overflow:hidden;}
.page-left {float:left; width:213px;}
.page-right{float:right; width:895px;}


/* 搜索 */
.page-left .search{background:#E6E6E6; padding:10px; overflow:hidden; margin-bottom:10px;}
.page-left .search input{border:1px solid #ddd; height:30px; line-height:30px; float:left; width:70%;}
.page-left .search button{float:right; width:25%;height:30px; line-height:30px; background:#9FBCBD; border:none; font-size:14px; color:#fff; cursor:pointer;}


/* 分类 */
.type h3{background:#0D7CD5; height:45px; line-height:45px; text-align:center; color:#fff; font-weight:bold;  margin-bottom:5px; position:relative;}
.type h3 em{background:url(../images/arrow-type.png) no-repeat; width:12px; height:16px; position:absolute; right:-12px; top:15px;}
.type li{height:50px; line-height:50px; background:#EBEBE9; margin-bottom:5px; text-align:center;}


/* 联系 */
.page-contact{background:#EBEBE9; overflow:hidden;}

.page-contact .title{background:url(../images/lxdh.png) no-repeat 10px 8px; padding-left:55px; color:#4a5e66; margin-top:15px;}
.page-contact .title b{font-size:14px; color:#4a5e66;}
.page-contact .title p{line-height:100%; font-weight:bold;}

.page-contact .list{padding:15px; font-size:14px;}
.page-contact .list p{ margin-bottom:15px; color:#4a5e66}

.page-contact .qrcode{text-align:center;}
.page-contact .qrcode em{display:block; margin-top:15px; margin-bottom:15px; font-size:12px; color:#4a5e66}


/* 当前位置 */
.path{font-size:12px; color:#7997a1; border-bottom:1px solid #0D7CD5; padding-bottom:10px;}
.path a{color:#7997a1;}


/* 栏目 */
.nav-title{ border-bottom:1px solid #0D7CD5; padding-bottom:15px; padding-top:15px; position:relative;}
.nav-title h3{ font-size:24px; color:#2e404e; font-weight:bold;}
.nav-title h3 em{color:#7997a1; font-size:18px;}
.nav-title span{position:absolute; right:0; top:15px; font-size:18px; color:#7997a1;}


/* 内容 */
.content{margin-top:30px;  border-bottom:1px solid #0D7CD5;}
.content p{/*margin-bottom:30px;*/}
.content strong{color:#0D7CD5; display:block; margin-bottom:20px;}


}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.thumblist li {    overflow: hidden;    margin-bottom: 10px;}
.thumblist li .InfoPicture {float: left;width: 19%;margin-right: 2%;overflow: hidden;}
.thumblist li img {width: 100%;transition: .8s ease 0s;-moz-transition: .8s ease 0s;-webkit-transition: .8s ease 0s;}
.thumblist li:hover img {transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.thumblist li .info_wrap {float: left;width: 78%;overflow: hidden;}
.thumblist li .InfoTitle {width: 98%;font-weight: bold;font-size: 16px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px 0px;}
.thumblist .InfoTime {color: #999;text-align: left;padding: 2px 0px;height: 25px;}
.thumblist .thumblist li p {height: 40px;line-height: 20px;overflow: hidden;color: #606060;}

.delay2 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
/*分页样式*/
.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#02B4B6; color:#fff; }
.page .current{ background:#02B4B6; color:#FFF;}
.page #total{color:red}
.on{color: #0D7CD5;font-weight: bold;}
.content strong,.content b,.content a{display: unset;color: unset;}

/*===FlexSlider幻灯片  开始===*/
#banner{width:100%;min-width:1200px; max-width:1920px; margin:0 auto;}

/*===FlexSlider幻灯片  开始===*/
#banner{width:100%;min-width:1200px; max-width:1920px; margin:0 auto;}
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:20px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 25px; height: 5px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/