@charset "utf-8";

*{ margin: 0; padding: 0; list-style-type: none; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html,body { font-weight: normal; background-color: #ffffff; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial", "Microsoft YaHei"; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,i,input { display: block; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,em,h6,b,p,i { font-weight: normal; font-style: normal; }
img,hr { border: none; -ms-interpolation-mode: bicubic; }
img { vertical-align: middle; }
a { text-decoration: none; color: #000000; cursor: pointer; }
a:hover { color: #000000; }
ul,li { list-style: none outside none; }
ul:after { overflow: hidden; display: block; height: 0; clear: both; visibility: hidden; content: "."; }
table { border-collapse: collapse; }
input,select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
select::-ms-expand { display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display: none; }
:focus{ outline: none; }
.clear { clear: both; }
.fl { float: left !important; }
.fr { float: right !important; }
selector::-webkit-scrollbar { width:0;}
.header{ width:100%; height: 100px; background: url(../images/headerbg.png) repeat-x; position: relative; z-index: 45; position:fixed; top:0; z-index:999;}
.wrapper { margin: 0 auto; width: 1180px; }


/*头部导航*/
.top-nav { height: 100px;}
.top-nav li { background: url(../images/navbg.jpg) no-repeat right center;float: left;position: relative;}
.top-nav li a {display: inline-block; font-size:14px; line-height:100px; color: #ccc;padding: 0 24px;}
.top-nav li a:hover,.top-nav li a.hover,.top-nav li a.on { color: #e68201;}
.top-nav li .hover { color: #e68201;}
.top-nav li:last-child { background: none;}
.top-nav li:last-child a { padding: 0 0 0 24px;}
.subnav {position: absolute;left: 50%;top: 80px;overflow: hidden;display: none;margin-left: -50%;width: 100%;background-color: #ffffff;z-index: 100; *zoom: 1;}
.subnav a { display: inline-block; width: 98%; line-height:40px !important; padding:0 1% !important; border-bottom: 1px #e6e6e6 solid; font-size: 14px; color: #999999 !important; text-align: center;font-weight: 100; }
.subnav a:hover { color: #ffffff !important; background-color: #e68201; }
.subnav a:last-child { border-bottom-width: 0; }


/*banner*/
.banner { position: relative; overflow: hidden; min-width: 1180px; height: 500px; z-index: 1; margin-top:100px;}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-repeat: no-repeat !important; background-size: cover!important; background-position: center top !important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:30px !important; }
.swiper-pagination-bullet { width:12px; height:12px; background: #ffffff; opacity: 1 !important; }
.swiper-pagination-bullet-active { opacity: 1; background: #e9841f; }
/*.videopeak{ height:170px; width:980px; margin:20px auto;}
.videopeak li{ width:310px; height:170px; float:left; margin:0 5px;}
.videopopup{width: 310px;height: 170px;position: relative;cursor: pointer;}
.videopopup:hover .play-button{background-position:0 -57px}*/


/*首页服务项目*/
.feature-content { padding:100px 0 50px;}
.feature-content .icon{background:url(../images/icon.png) no-repeat center 17px;_background:url(../images/icon.gif) no-repeat center 17px}
.feature-content a{color:#000;text-decoration:none}
.feature-content .active h3{color:#e68201;}
.feature-content dd{float:left;padding:30px 18px 20px;width:200px;height:160px}
.feature-content dd.vborder{background:url(../images/v_spliter.jpg) no-repeat right center}
.feature-content dd .fimg{margin:0 auto;margin-bottom:15px;width:50px;height:50px}
.feature-content dd h3{margin-bottom:10px;text-align:center;font-size:18px; font-weight:normal;}
.feature-content dd p{color:#777;text-align:center;line-height:24px; font-size: 14px;}
/*首页关于我们*/
.int-about { min-width: 1180px; padding: 100px 0; }
.int-pr30 { padding-right:30px; }
.int-about-tit { width: 350px; color: #666; font-size: 24px; font-weight: bold; line-height: 1; padding-top: 20px;}
.int-about-tit span { color: #e68201;}
.int-about-link { margin: 14px 0 34px; width: 44px; height: 4px; background-color: #ccc; }
.int-about-txt { width: 350px; line-height:30px; color: #777; font-size: 14px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }
.int-about-more { margin-top:40px; display: block; width:160px; height:44px; text-align:center; line-height:44px; background-color:#eee; color: #333333; font-size:14px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; }
.int-about-more:hover { width: 200px; background-color: #e68201; color:#FFFFFF;}
/*首页经典案例*/
.int-cases { padding:80px 0 100px;}
.int-cases-nav { padding:0 0 50px; margin: 0 auto; width: 1180px; }
.int-cases-nav .nsub { float:left; font-size:24px; color: #666; line-height:24px; height:24px; font-weight: bold;}
.int-cases-nav .nsub span { color: #e68201;}
.int-cases-nav .nmore { float:right; font-size: 14px; color: #666666; line-height:24px; height:24px; }
.int-cases-nav .nmore i { float:left; background: url(../images/more.png) no-repeat; width:10px; height:9px; margin:7px 15px 8px 0;}
.int-cases-nav .nmore a { color: #666666;}
/* carousel */
.carousel{margin:0 auto;position:relative;height:350px;width:1180px;overflow:hidden;}
.carousel h2 a{color:#fff;}
.carousel .backgrounds{height:350px;}
.carousel .backgrounds .item{width:1180px;height:350px;float:left;position:relative;z-index:1;}
.carousel .panel{background:#000;color:#fff;position:absolute;right:0;top:0;height:350px;width:275px;z-index:10;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.carousel .panel .paging{position:absolute;bottom:25px;left:25px;width:225px;text-align:center;}
.carousel .panel .paging a{color:#4c4c4c;font-size:1.1em;}
.carousel .panel .paging .next{position:absolute;right:0;bottom:0;display:block;width:24px;height:8px;background:url(../images/next.png) no-repeat 0 0;text-indent:-6000px;}
.carousel .panel .paging .previous{position:absolute;left:0;bottom:0;display:block;width:24px;height:8px;background:url(../images/prev.png) no-repeat 0 0;text-indent:-6000px;}
.carousel .panel .paging #numbers a{padding:0 5px 0 5px;}
.carousel .panel .paging #numbers a.selected{color:#fff;}
.carousel .panel .details_wrapper{position:absolute;top:100px;left:25px;width:225px;overflow:hidden;height:200px; text-align: center;}
.carousel .panel .details_wrapper .details{height:200px;}
.carousel .panel .details_wrapper .details .detail{width:225px;height:200px;float:left;}
.carousel .panel .details_wrapper .details h2{font-size:16px;line-height:1;margin:0 0 20px 0;}
.carousel .panel .details_wrapper .details a.more{color:#ccc;font-size:14px;}
/*.int-pro { padding:80px 0 100px;}
.int-anav { padding-bottom:30px; }
.int-anav .ititsub { float:left; font-size:24px; color: #666; line-height:24px; height:24px; }
.int-anav .ititsub span { float: left; background: #e9841f; width:5px; height:24px; margin-right:15px;}
.int-anav .ititmore { float:right; font-size: 14px; color: #666666; line-height:24px; height:24px; }
.int-anav .ititmore i { float:left; background: url(../images/more.png) no-repeat; width:10px; height:9px; margin:7px 15px 8px 0;}
.int-anav .ititmore a { color: #666666;}
.i-pro-list { position: relative; }
.i-pro-img { overflow: hidden; display: table; width: 525px; height: 190px; text-align:center; background:#ccc;}
.i-pro-img span { display: table-cell; width: 525px; height: 190px; vertical-align: middle; }
.i-pro-img span img { margin: 0 auto; max-width: 525px; max-height: 190px; }
*+html .i-pro-img span { position: absolute; top: 50%; width: 100%; height: auto; vertical-align: baseline; text-align: center; }
*+html .i-pro-img span img { position: relative; top: -50%; left: -50%; }
.i-pro-txt {width: 525px;height: 48px;line-height: 24px; overflow: hidden; font-size: 14px;color: #777;padding: 15px 5px 0;}
.i-pro-list .swiper-button-next, .i-pro-list .swiper-button-prev {width: 24px;height: 8px;margin-top: 150px;background-size: 24px 8px;}
.i-pro-list .swiper-button-prev, .i-pro-list .swiper-container-rtl .swiper-button-next { background-image: url( ../images/i-prev.png); left:0; right: auto; }
.i-pro-list .swiper-button-next, .i-pro-list .swiper-container-rtl .swiper-button-prev { background-image: url( ../images/i-next.png); right:0; left: auto; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }*/
/*首页跨境资讯*/
.int-news { min-width: 1180px; padding: 98px 0 100px; background: #f6f6f6 url(../images/newsbg.jpg) repeat-x center bottom; }
.int-tit { position: relative; text-align: center; font-size: 24px;font-weight: bold;color: #666666;line-height: 1;margin-bottom: 24px;}
.int-tit span { color: #e68201; }
.int-news-l { width: 598px; float: left; margin-top: 50px; }
.int-news-l li { width: 598px; float: left; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #ccc dashed; }
.int-news-l li:first-child + li + li { margin-bottom: 0px; }
.int-news-con {width: 500px;height: 68px;float: right;}
.int-news-con h2 {line-height: 1;color: #333333;font-size: 16px;margin-bottom: 10px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.int-news-con p {overflow: hidden;height: 48px;line-height: 24px;color: #777;font-size: 14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.int-news-time {width: 68px;height: 60px;line-height: 1;padding-top: 8px; background-color: #e68201;color: #fff;text-align: center;font-family: "Arial";}
.int-news-day { font-size: 30px; font-weight: bold; }
.int-news-month { font-size: 14px; }
.int-news-r { width: 500px; height: 307px; float: right; margin-top: 50px; position: relative; }
.int-news-tit { position: absolute; left: 0px; bottom: 0px; width: 470px; height: 42px; line-height: 42px; padding: 0 15px; background-color: rgba(0,0,0, .40); font-size: 14px; }
.int-news-tit a { display: block; float: left; color: #fff; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; }
.int-news-tit p { color: #fff; float: right; }
.int-news-more {margin: 48px auto 0;display: block;width:160px;height:44px;text-align:center;line-height:44px;background-color:#e68201;color: #FFFFFF;font-size:14px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.int-news-more:hover { width: 200px; color: #FFFFFF;}


/* -------------- 底部版权 -------------- */
.footer { /*position:fixed;*/ bottom:0; width:100%; line-height: 50px; color: #999999; font-size: 14px; background:#4d4d4d; }
.footer a { color: #999999; }
.footer a:hover { color: #999999; }
.footer img { height: 18px; vertical-align: middle; display: inline-block; }
.footer-border { border-top: 1px #666666 solid; } 


/* ------------------------------------- 内页-公共样式 ------------------------------------- */
.obanner{width:100%; height:164px; background: url(../images/obanner.jpg) repeat-x; position: relative; margin-top:100px; }
.obanner-main{ padding-top: 64px;}
.obanner-main h2{ font-size: 28px; line-height: 40px; color: #0351A4; float: left;}
.obanner-main .owords{ float:right; height:40px; line-height:40px; font-size:14px; color:#40444c;}
.inside-nav{ height:50px; position:relative; top:-25px; }
.inside-nav li { width: 200px; height: 50px; margin-right: 1px; float:left;}
.inside-nav li a{ display: block; height: 50px; line-height:50px; font-size:14px; text-align:center; color:#FFFFFF; background: #074b92; }
.inside-nav li.inhover a{ background: #ca7407;}
.content-wrap { min-height:500px; padding:20px 0 80px;}


/* ------------------------------------- 公共信息列表 ------------------------------------- */
.content-wrap .abcon { font-size: 14px; color: #666; line-height: 30px; font-weight: 300;}
.content-wrap .abcon p { padding-bottom:10px;}
.content-wrap .abcon p img{ max-width: 1180px; padding:10px 0;}
.content-wrap .abcon img{ max-width: 1180px; padding:10px 0;}


/* ------------------------------------- 跨境资讯 ------------------------------------- */
.news-wrap { min-height:500px; padding:20px 0 80px;}
.news-wrap li { margin-bottom: 20px; overflow: hidden;}
.news-wrap li a { display: block; position: relative; overflow: hidden; margin: 10px 0; }
.news-wrap li .News-Img { width: 250px; height: 154px; float: left; text-align: center; overflow: hidden; position: relative; display: table; background: #f1f1f1;}
.news-wrap li .News-Img span { width: 250px; height: 154px; display: table-cell; vertical-align: middle; }
.news-wrap li .News-Img span img { max-width: 250px; max-height: 154px; margin: 0 auto; }
/*For IE7*/
*+html .news-wrap li .News-Img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .news-wrap li .News-Img span img { position: relative; top: -50%; left: -50%; }
.news-wrap li .News-Font { width: 900px; float: left; margin-left: 30px; transition: all .3s ease-out 0s; }
.news-wrap li .News-Font h2 { font-size: 16px; color: #333; display: block; height: 40px; line-height: 40px; overflow: hidden; }
.news-wrap li .News-Font span {display: block;font-family: Conv_HelveticaNeueLTPro-Th;color: #999;padding-bottom: 10px; }
.news-wrap li .News-Font p { color: #777; line-height: 24px; font-size: 14px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:3; }
.news-wrap li:hover { box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .08); }
.newsshow-tit { text-align: center; border-bottom: 1px #f0f0f0 solid; padding: 0 0 20px; margin-bottom: 30px; }
.newsshow-tit h1 { font-size: 20px; font-weight: bold; color: #333; padding-bottom: 10px; }
.newsshow-tit p { font-size: 12px; color: #999; }
.newsshow-font { font-size: 14px; color: #666; line-height: 34px; font-weight: 300; }
.newsshow-font p { font-weight: 300; }
.newsshow-font img { max-width: 100%;}


/* ------------------------------------- 产品及服务 ------------------------------------- */
.cases-wrap { min-height:500px; padding:50px 0 80px;}
.cases-wrap li { width: 550px; float: left; margin: 0 80px 30px 0;}
.cases-wrap li:nth-child(2n) { margin-right: 0px; }
.cases-wrap li .cases-img {width: 550px;height: 163px;text-align: center;overflow: hidden;position: relative;display: table;}
.cases-wrap li .cases-img span { width: 550px; height: 163px; display: table-cell; vertical-align: middle; }
.cases-wrap li .cases-img span img { max-width: 550px; max-height: 163px; margin: 0 auto; }
/*For IE7*/
*+html .cases-wrap li .cases-img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .cases-wrap li .cases-img span img { position: relative; top: -50%; left: -50%; }
.cases-wrap li .cases-font { width: 550px; height: 40px; line-height: 40px; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333; text-align:center; /*border:1px solid #eee; border-top:0;*/ }
.cases-wrap li:hover .cases-font { color:#e68201;}
.casesshow-tit { text-align: center; padding: 0 0 20px; margin-bottom: 30px; }
.casesshow-tit h1 { font-size: 20px; color: #333; padding:20px 0 30px; }
.casesshow-tit img { max-width:1180px; }
.casesshow-subtit { border-left:4px solid #dd5d20; padding:0 0 0 15px; font-size: 20px; color: #333333; height:20px; line-height:20px; margin:20px 0;}
.casesshow-font { font-size: 14px; color: #666; line-height: 30px; padding-bottom: 20px;}
.casesshow-font p { font-weight: 300; }
.casesshow-font img { max-width: 100%;}


/* ------------------------------------- 人才招聘 ------------------------------------- */
.joblist-wrap { min-height:500px; padding:20px 0 80px;}
.joblist-wrap .jtips { line-height:26px;font-size:14px;color: #666;padding-bottom: 20px; text-indent:2em;}
.joblist-wrap li{ width:100%; margin-bottom:2px; background:#E68201; float:left; font-size:14px; line-height:26px;}
.joblist-wrap li .left{ width:55px; float:left; position:relative}
.joblist-wrap li .left span{ display:inline-block; width:55px; height:48px; background: url(../images/jobclick.jpg) no-repeat; position:absolute; top:0; left:0; cursor:pointer}
.joblist-wrap li .left span.close{ background-position:0 -48px; display:none;}
.joblist-wrap li .right{width: 1125px;float:right;}
.joblist-wrap li .right .title{width: 1061px;height:36px;padding:6px 32px;background:#ebdfd0; font:normal 14px/36px "微软雅黑"; color:#40444c;}
.joblist-wrap li .right .titleOn{ background:#1b6bb3; color:#fff}
.joblist-wrap li .right .title span{ display:inline-block; line-height:36px; color:#40444c; float:right;}
.joblist-wrap li .right .titleOn span{ color:#8db5d9}
.joblist-wrap li .right .intro{ width:1061px; height:auto; padding:10px 32px; border-top:1px solid #327abb; background:#1b6bb3; display:none; font:normal 14px/26px "微软雅黑"; color:#fff;}


/* ------------------------------------- 联系方式 ------------------------------------- */
.contact-lbg { background:url(../images/contactbg.jpg) no-repeat; height:200px; }
.contact-lbg .rtit { float:right; margin-top:40px; line-height:30px; color:#666; font-size: 14px; }
.contact-map { padding:5px; border:#e6e6e6 solid 1px; margin-bottom:20px; }


/* ------------------------------------- 分页 ------------------------------------- */
.pagesbox { margin-top: 30px; width: 100%; line-height: 24px; font-size: 14px; text-align: center; }
.pagesbox span { padding: 4px 10px !important; border: 1px #e9841f solid !important; background-color: #e9841f !important; color: #ffffff !important; }
.pagesbox a {padding: 6px 10px;border: 1px #e1e1e1 solid;background-color: #efefef;color: #3f3f3f;}
.pagesbox a:hover { padding: 4px 10px; border: 1px #e9841f solid; background-color: #e9841f; color: #ffffff; }
.Page { width: 100%; height: auto; padding: 21px 0; border-top: 1px #e6e6e6 solid; margin: 60px 0 60px; }
.Page a { width:88px; height:28px; text-align:center; line-height:28px; border:1px #d6d7dc solid; display:block; float:left; font-size:14px; color:#909090; margin-right:20px; border-radius:28px; -moz-border-radius: 28px; -webkit-border-radius: 28px; }
.Page a:hover { border: 1px #e9841f solid; color: #fff; background-color: #e9841f; }