@charset "utf-8";

/* Reset */
*,*:before,*:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased;}
body { margin:0; padding:0; background-color:#FFF; text-align:center; color:#404040;}
h1,h2,h3,h4,h5,h6,p,figure,form { margin:0;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
a { text-decoration:none; color:#2965b1; outline:none;}
a:focus,button:focus { outline:none;}
a:hover { color:#017CB9; text-decoration:underline; outline:none;}
h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:12px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
ol li { list-style:decimal;}
ul.inline-style li { float:left; display:inline;}
dl { margin-bottom:18px;}
dt { font-weight:bold;}
dd { margin:0 0 0 9px; padding:0;}

svg:not(:root) { overflow:hidden;}
pre { margin:0; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

button,input,select,textarea { font-size:100%; font-family:tahoma; margin:0; outline:0 none; vertical-align:baseline; *vertical-align:middle;}
textarea { overflow:auto; vertical-align:top; resize:none;}
button,input { line-height:normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"],.submit-btn { -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled],input[disabled],.disable { cursor:default;}
input[type="checkbox"],input[type="radio"],.form-radio,.form-checkbox { box-sizing:border-box; padding:0; *height:13px; *width:13px;}
fieldset { border:1px solid #c0c0c0; margin:0 2px 18px; padding:0.35em 0.625em 0.75em;}
legend { border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block;}
audio,canvas,video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none; height:0;}
nav ul,nav ol { list-style:none; list-style-image:none;}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;}
:-moz-placeholder,::-webkit-input-placeholder { color:#999;}

.image-circular { -webkit-border-radius:50% !important; -webkit-background-clip:padding-box !important; -moz-border-radius:50% !important; -moz-background-clip:padding !important; border-radius:50% !important; background-clip:padding-box !important;}

/*- Clearfix -*/
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}

/* Function */

/*- Margin -*/
.no-margin { margin:0 !important;}

.margin-5 { margin:5px !important;}
.margin-10 { margin:10px !important;}
.margin-15 { margin:15px !important;}
.margin-20 { margin:20px !important;}

.margin-top-5 { margin-top:5px !important;}
.margin-top-10 { margin-top:10px !important;}
.margin-top-15 { margin-top:15px !important;}
.margin-top-20 { margin-top:20px !important;}
.margin-top-30 { margin-top:30px !important;}

.margin-right-5 { margin-right:5px !important;}
.margin-right-10 { margin-right:10px !important;}
.margin-right-15 { margin-right:15px !important;}
.margin-right-20 { margin-right:20px !important;}
.margin-right-25 { margin-right:25px !important;}

.margin-bottom-5 { margin-bottom:5px !important;}
.margin-bottom-10 { margin-bottom:10px !important;}
.margin-bottom-15 { margin-bottom:15px !important;}
.margin-bottom-20 { margin-bottom:20px !important;}
.margin-bottom-25 { margin-bottom:25px !important;}

.margin-left-5 { margin-left:5px !important;}
.margin-left-10 { margin-left:10px !important;}
.margin-left-15 { margin-left:15px !important;}
.margin-left-20 { margin-left:20px !important;}
.margin-left-30 { margin-left:30px !important;}

/*- Padding -*/
.no-padding { padding:0 !important;}
.padding-5 { padding:5px !important;}
.padding-10 { padding:10px !important;}
.padding-15 { padding:15px !important;}
.padding-20 { padding:20px !important;}

.padding-top-5 { padding-top:5px !important;}
.padding-top-10 { padding-top:10px !important;}
.padding-top-15 { padding-top:15px !important;}
.padding-top-20 { padding-top:20px !important;}
.padding-top-30 { padding-top:30px !important;}

.padding-right-5 { padding-right:5px !important;}
.padding-right-10 { padding-right:10px !important;}
.padding-right-15 { padding-right:15px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-right-30 { padding-right:30px !important;}

.padding-bottom-5 { padding-bottom:5px !important;}
.padding-bottom-10 { padding-bottom:10px !important;}
.padding-bottom-15 { padding-bottom:15px !important;}
.padding-bottom-20 { padding-bottom:20px !important;}
.padding-bottom-30 { padding-bottom:30px !important;}

.padding-left-5 { padding-left:5px !important;}
.padding-left-10 { padding-left:10px !important;}
.padding-left-15 { padding-left:15px !important;}
.padding-left-20 { padding-left:20px !important;}
.padding-left-30 { padding-left:30px !important;}

/*- Border -*/
.no-border { border:0 !important;}

.border-top { border-top:1px solid #DDD;}
.border-right { border-right:1px solid #DDD;}
.border-bottom { border-bottom:1px solid #DDD;}
.border-left { border-left:1px solid #DDD;}

/*- Border Radius -*/
.no-radius { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}

.radius-3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.radius-5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius-10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

/*- Text -*/
.text-bold { font-weight:bold !important;}
.text-minu { font-weight:normal !important;}

.text-xsmall { font-size:11px !important;}
.text-small { font-size:12px !important;}
.text-middle { font-size:14px !important;}
.text-large { font-size:16px !important;}
.text-xlarge { font-size:18px !important;}

.text-left { text-align:left !important;}
.text-center { text-align:center !important;}
.text-right { text-align:right !important;}

.text-default { color:#E6E9ED;}
.text-primary { color:#37BC9B;}
.text-success { color:#8CC152;}
.text-info { color:#3BAFDA;}
.text-warning { color:#F6BB42;}
.text-danger { color:#E9573F;}

/* Block */
.hide { display:none !important;}
.show { display:block !important;}

.inline { display:inline;}
.inline-block { display:inline-block;}
.center-block { display:block; margin-right:auto; margin-left:auto;}

.pull-none { float:none;}
.pull-left { float:left !important;}
.pull-right { float:right !important;}

/* Home */
html { -ms-touch-action:none;  /* 阻止windows Phone 的默认触摸事件 */}
body { width:100%; *cursor:default; overflow:hidden; font: 14px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;}

.page-group { overflow:hidden;}
.page { position:absolute; top:0; left:0; overflow:hidden; display:none; width:100%; height:100%;}
.content { position:relative; z-index:0; display:none; width:100%; height:100%;}

.current .content,.slide .content { display:block;}
.current { display:block; z-index:1;}

.slide { display:block; z-index:2;}
.swipe { display:block; z-index:3; transition-duration:0ms!important; -webkit-transition-duration:0ms!important;}

.video-group { position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; width:100%; height:100%;}
.video-group .video-mark { position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,.55);}
.video-group .video-box { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}

/* Loading */
.loading-container { z-index:2000; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(45,195,232,.9);}
.loading-container.loading-inactive { display:none;}
.loading-container.loading-inactive .loader { display:none;}
.loading-container .loader { width:40px; height:40px; margin:50vh auto; position:relative; left:-12px; background:url(../images/loading.svg) no-repeat center; background-size:100%;}

/*- Page -*/
.page-home { background:#3498db url(../images/page-bg-1.jpg) no-repeat center top; background-size:cover;}
.page-service { background-color:#3bafda;}
.page-price { background:#85d27a url(../images/page-bg-3.jpg) no-repeat top center;}
.page-job { background:#21c0c0 url(../images/page-bg-4.jpg) no-repeat top center;}
.page-about { background:#f6bb42 url(../images/page-bg-5.jpg) no-repeat bottom center;}
.page-contact { background:#37bc9b url(../images/page-bg-6.jpg) no-repeat top center;}
.page-agent { background-color:#3bafda;}
/*- Header -*/
.header { position:absolute; top:0px; right:0; left:0; z-index:10; height:60px;}
.logo { float:left; width:360px; height:115px; background:url(../images/logo.png) no-repeat right;background-size:contain;}
.nav { float:right; display:block; margin-top:15px; width:500px; height:30px; text-align:left;}
.nav li { display:inline-block; margin-left:5px; width:70px; height:30px; text-align:center; font-size:16px;}
.nav li a { display:block; line-height:30px; border-radius:3px; background-color:transparent; color:rgba(255,255,255,.6);}
.nav li a:hover { background-color:rgba(255,255,255,.2); color:rgba(255,255,255,1); text-decoration:none;}

/*- Sidebar Nav -*/
.sidebar-nav { position:absolute; top:50%; left:20px; z-index:10; margin-top:-80px; padding-bottom:40px; width:20px; height:140px;}
.sidebar-nav li { clear:both; display:block; margin:3px auto; width:12px; height:12px; background:url(../images/sidebar-nav.png) no-repeat 0 0; text-indent:-300px; overflow:hidden; cursor:pointer;}
.sidebar-nav li.active { background-position:0 -12px;}
.sidebar-nav .last { position:absolute; right:0; bottom:0; left:0; height:40px; background:url(../images/sidebar-nav-mousetip.png) no-repeat center;}

/*- Sidebar Service -*/
.sidebar-service-group { position:absolute; top:50%; right:20px; z-index:10; margin-top:-60px; width:20px; height:120px;}
.sidebar-service-group .sidebar-service-group-item { clear:both; display:block; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff;}
.sidebar-service-group .hover-box .hover-content { left:auto;width:150px;}
.sidebar-service-group .hover-box .hover-content.show { left:auto; right:20px;opacity:1;}


.qq-list-group { width:140px;border-radius:3px; background-color:rgba(255,255,255,.4);}
.qq-list-group h4 { position:relative; clear:both; padding:0 10px; height:30px; line-height:30px; background-color:rgba(255,255,255,.2); text-align:left; font-size:14px; color:#fff; font-weight:normal;}
.qq-list-group h4 .fa { position:absolute; top:8px; right:-14px; z-index:3; display:block; width:14px; font-size:14px; color:rgba(255,255,255,.6);}
.qq-list-group .item{line-height:24px;padding:5px 0px;}
.qq-list-group img { margin-top:10px; width:120px;}

.qq-list { display:block; margin:5px auto; width:130px;}
.qq-list .qq-list-item { clear:both; height:30px; text-align:center; font-size:14px;}
.qq-list .qq-list-item a { display:block; line-height:30px; border-radius:3px; color:#fff; transition: all ease-out .3s;}
.qq-list .qq-list-item a:hover { background-color:rgba(0,0,0,.2); color:#fff; text-decoration:none;}

/*-- Hover Box --*/
.hover-box { position:relative; cursor:pointer;}
.hover-box .hover-content { position:absolute; top:0; left:0; display:block; width:100px; height:40px; line-height:40px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;font-size:14px; color:#fff;}
.hover-box.active .hover-content {display:block;opacity:1;right:20px;}
.hover-box:hover .hover-content {display:block;opacity:1;right:20px;}
.hover-box .hover-content.show {display:block;opacity:1;}

/* Footer */
.footer { position:absolute; right:20px; bottom:20px; left:20px; z-index:10; height:50px;}

.float-news-group { float:left; width:300px;}
.float-news-group .float-news-group-title { clear:both; height:30px; line-height:30px; text-align:left; color:rgba(255,255,255,.8); font-size:14px; font-weight:normal;}

.float-news-list { display:block; height:30px; overflow:hidden;}
.float-news-list .float-news-list-item { clear:both; display:block; line-height:30px; text-align:left; font-size:14px;}
.float-news-list .float-news-list-item a,.float-news-list .float-news-list-item a:hover { color:#fff;}

.copyright-group { float:right; width:300px; line-height:1.8; text-align:right; color:rgba(255,255,255,.8);}

/* Page */
.page-wrap { position:absolute; top:0; bottom:0; left:50%; z-index:5; margin-left:-580px; width:1160px;}
.page-title { position:absolute; top:25%; display:block; margin-top:-45px; width:100%; height:50px; line-height:50px; text-align:center; font-size:32px; color:#fff; font-weight:normal;}

/*- Home -*/
.cv-box { position:absolute; top:50%; left:50%;}
.rotate { -webkit-animation:mainline2xz 8s infinite alternate; -moz-animation:mainline2xz 8s infinite alternate; -o-animation:mainline2xz 8s infinite alternate; animation:mainline2xz 8s infinite alternate;}

.animated { -webkit-animation:dragTop .7s ease-in-out both; -moz-animation:dragTop .7s ease-in-out both; -ms-animation:dragTop .7s ease-in-out both; animation:dragTop .7s ease-in-out both;}
.delay-1 { -webkit-animation-delay:.3s; -moz-animation-delay:.3s; -ms-animation-delay:.3s; animation-delay:.3s;}
.delay-2 { -webkit-animation-delay:.5s; -moz-animation-delay:.5s; -ms-animation-delay:.5s; animation-delay:.5s;}
.delay-3 { -webkit-animation-delay:.7s; -moz-animation-delay:.7s; -ms-animation-delay:.7s; animation-delay:.7s;}
.delay-4 { -webkit-animation-delay:.9s; -moz-animation-delay:.9s; -ms-animation-delay:.9s; animation-delay:.9s;}
.delay-5 { -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s; -ms-animation-delay:1.1s; animation-delay:1.1s;}
.delay-6 { -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s; -ms-animation-delay:1.3s; animation-delay:1.3s;}

/*-- Page Home --*/
.star-1 { z-index:5; margin-left:-318.5px; margin-top:-303.5px; width:657px; height:609px; background:url(../images/p-1-bg-star-1.png) no-repeat;
	-webkit-animation:centermove 40s linear infinite;
	-moz-animation:centermove 40s linear infinite;
	-ms-animation:centermove 40s linear infinite;
	-o-animation:centermove 40s linear infinite;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	-o-transform-origin:center center;
}

.star-2 { z-index:4; margin-left:-232px; margin-top:-334px; width:464px; height:668px; background:url(../images/p-1-bg-star-2.png) no-repeat;
	-webkit-animation:centermove 50s linear infinite;
	-moz-animation:centermove 50s linear infinite;
	-ms-animation:centermove 50s linear infinite;
	-o-animation:centermove 50s linear infinite;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	-o-transform-origin:center center;
}

.round-1 { z-index:8; margin-left:-270px; margin-top:-270px; width:540px; height:540px; background:url(../images/p-1-r-1.png) no-repeat;}
.round-2 { z-index:7; margin-left:-304.5px; margin-top:-306px; width:609px; height:612px; background:url(../images/p-1-r-2.png) no-repeat;}
.round-3 { z-index:6; margin-left:-304.5px; margin-top:-304.5px; width:609px; height:609px; background:url(../images/p-1-r-3.png) no-repeat; opacity:.6; -webkit-opacity:.6; -moz-opacity:.6; filter:alpha(opacity=60);}

@-webkit-keyframes mainline2xz{
	from{-webkit-transform:rotate(90deg)}
	to{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes mainline2xz{
	from{-moz-transform:rotate(90deg)}
	to{-moz-transform:rotate(0deg)}
}
@-o-keyframes mainline2xz{
	from{-o-transform:rotate(90deg)}
	to{-o-transform:rotate(0deg)}
}
@keyframes mainline2xz{
	from{transform:rotate(90deg)}
	to{transform:rotate(0deg)}
}

@-webkit-keyframes centermove{
	0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-moz-keyframes centermove{
	0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-ms-keyframes centermove{
	0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-o-keyframes centermove{
	0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@keyframes dragTop{
	0%{opacity:0;transform:translateY(-140px)}
	60%{opacity:1;transform:translateY(40px)}
	90%{transform:translateY(-10px)}
	97%{transform:translateY(-2px)}
	100%{transform:translateY(0px)}
}
@-webkit-keyframes dragTop{
	0%{opacity:0;-webkit-transform:translateY(-140px)}
	60%{opacity:1;-webkit-transform:translateY(40px)}
	90%{-webkit-transform:translateY(-10px)}
	97%{-webkit-transform:translateY(-2px)}
	100%{-webkit-transform:translateY(0px)}
}
@-moz-keyframes dragTop{
	0%{opacity:0;-moz-transform:translateY(-140px)}
	60%{opacity:1;-moz-transform:translateY(40px)}
	90%{-moz-transform:translateY(-10px)}
	97%{-moz-transform:translateY(-2px)}
	100%{-moz-transform:translateY(0px)}
}
@-ms-keyframes dragTop{
	0%{opacity:0;-ms-transform:translateY(-140px)}
	60%{opacity:1;-ms-transform:translateY(40px)}
	90%{-ms-transform:translateY(-10px)}
	97%{-ms-transform:translateY(-2px)}
	100%{-ms-transform:translateY(0px)}
}

.home-section { z-index:9; margin-left:-350px; margin-top:-200px; width:700px; height:423px; color:#fff; text-align:center;}

.home-logo { margin:0 auto 30px auto; width:380px; height:200px; background:url(../images/p-1-pic-1.png) no-repeat;}
.home-text-1 { margin-bottom:25px; line-height:42px; font-size:50px;color:#ddfffe;text-shadow:0px 1px #168cc9;font-weight:bold;}
.home-text-2 { margin-bottom:14px; line-height:42px; font-size:36px;color:#ddfffe;text-shadow:0px 1px #168cc9;font-weight:bold;}
.home-text-3 { margin-bottom:20px; line-height:20px; font-size:14px;}
.home-btn { display:block; margin:0 auto; width:130px; height:40px; line-height:40px; border-radius:3px; border:1px solid #fff; text-align:center; color:#fff;}
.home-btn:hover { background-color:#fff; color:#3498db; text-decoration:none;}

#canvas-wrapper { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2; width:100%; height:100%;}

/*- Service -*/
.service-group { position:absolute; top:55%; margin-top:-160px; width:100%; height:320px;}
.service-group .service-group-item { float:left; margin-left:66.6px; width:240px; border-radius:3px; text-align:center; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; margin-top:0; cursor:pointer;}
.service-group .service-group-item:first-child { margin-left:0;}

.service-img { clear:both; height:120px; line-height:120px;}
.service-titlebar { clear:both; margin-bottom:20px; height:65px; line-height:25px; font-size:12px; color:#fff;}
.service-titlebar .service-title { clear:both; line-height:40px; font-size:16px; font-weight:normal;}
.service-desc { padding:20px 30px; font-size:14px; color:#eee; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background-color:rgba(255,255,255,.4); -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; visibility:hidden; opacity:0; margin-top:50px;}

.service-group .service-group-item:hover { margin-top:-10px; background-color:rgba(255,255,255,.2);}
.service-group .service-group-item:hover .service-desc { visibility:visible; opacity:1; margin-top:0;}

/*- Case -*/
.case-group { position:absolute; top:50%; margin-top:-132.5px; width:1160px; height:440px;}

.case-list { width:1160px; height:440px; overflow:hidden;}
.case-list .case-list-inner {}
.case-list-group { float:left; display:block; width:1160px; height:440px; zoom:1; overflow:hidden;}
.case-list-group .case-list-item { position:relative; float:left; display:block; margin:10px 5px; padding:5px; width:280px; height:200px; background-color:#fff; -webkit-transition: all .2s linear; transition: all .2s linear;}
.case-list-group .case-list-item img { width:270px; height:190px;}
.case-list-group .case-list-item .cast-list-title { position:absolute; right:5px; bottom:-10px; left:5px; z-index:3; height:40px; line-height:40px; background-color:rgba(133,210,122,.9); text-align:center; color:#fff; font-size:16px; font-weight:normal; opacity:0; filter:alpha(opacity=0)\9; -webkit-transition:all .2s linear; transition:all .2s linear;}

.case-list-group .case-list-item:last-child { margin-right:0;}
.case-list-group .case-list-item:hover { box-shadow:0 5px 10px rgba(0,0,0,0.2); -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0);}

.case-list-group .case-list-item:hover .cast-list-title { bottom:5px; opacity:1; filter:alpha(opacity=100)\9;}

.case-pager { position:absolute; top:50%; left:-40px; margin-top:-30px; width:30px; height:60px; background:url(../images/pager-arrow.png) no-repeat; cursor:pointer;}
.case-pager.prev { background-position:0 0;}
.case-pager.next { left:auto; right:-40px; background-position:-30px 0;}

.case-pager.prev:hover { background-position:0 -60px;}
.case-pager.next:hover { background-position:-30px -60px;}

/*- News -*/
.news-group { position:absolute; top:50%; margin-top:-110px; height:420px;}

.news-list { clear:both; margin-bottom:50px; height:320px;}
.news-list .news-list-item { float:left; margin-left:13px; padding:5px; width:280px; height:320px; background-color:#fff; -webkit-transition:all .2s linear; transition:all .2s linear;}
.news-list .news-list-item:first-child { margin-left:0;}
.news-list .news-list-item:hover { box-shadow:0 5px 10px rgba(0,0,0,0.2); margin-top:-10px;}

.news-list .news-list-item .news-list-img { clear:both; height:190px;}
.news-list .news-list-item .news-list-img img { width:270px; height:190px;}
.news-list .news-list-item .news-list-title { clear:both; padding:0 5px; height:40px; line-height:40px; text-align:left; font-size:16px; color:#3bafda; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.news-list .news-list-item .news-list-title a { color:#3bafda;}
.news-list .news-list-item .news-list-title a:hover { color:#62bfe1; text-decoration:none;}
.news-list .news-list-item .news-list-desc { clear:both; padding:0 5px; line-height:1.6; text-align:left; font-size:14px; color:#999;}

.news-btn { display:block; margin:0 auto; width:130px; height:40px; line-height:40px; border-radius:3px; border:1px solid #fff; text-align:center; color:#fff;}
.news-btn:hover { background-color:#fff; color:#3498db; text-decoration:none;}

/*- About -*/
.about-group { position:absolute; top:50%; margin-top:-120px; height:300px; line-height:1.6; text-align:left; font-size:16px; color:#fff;}

/*- Contact -*/
.contact-group { position:absolute; top:50%; margin-top:-120px; width:100%; height:400px;}
.contact-section { position:absolute; top:0; left:0; display:block; width:550px;}
.contact-section .contact-section-text { margin-bottom:45px; line-height:1.6; text-align:left; color:#fff; font-size:16px;}
.contact-info{height:80px;}
.contact-info .contact-info-item { clear:both; padding-left:30px; line-height:30px;}
.contact-info .contact-info-item .contact-info-icon { float:left; margin-left:-30px; width:30px; text-align:left; font-size:14px; color:#fff;}
.contact-info .contact-info-item .contact-info-text { float:left; width:100%; text-align:left; font-size:16px; color:#fff;}

.gb-group { position:absolute; top:0; right:0; display:block; width:450px;opacity:0.8}
.gb-group .gb-group-item { clear:both; display:block; margin-bottom:15px; text-align:left;}

.gb-group-title { clear:both; height:30px; line-height:30px; text-align:left; font-size:16px; color:#fff;}
.gb-group-section { clear:both; height:40px;}
.gb-group-section .gb-text,.gb-group-section .gb-textarea { padding:0 10px; width:100%; line-height:40px; border-radius:3px; border:none; background-color:rgba(255,255,255,.4); color:#2C967C; font-size:16px;}
.gb-group-section .gb-textarea { height:120px; line-height:1.6;}

.gb-btn { width:120px; line-height:40px; border-radius:3px; border:none; background-color:#2C967C; text-align:center; color:#fff; font-size:14px;}
.gb-btn:hover { background-color:#2C967C;}

/* News Page */
.list-body { height:100%; background:url(../images/page-bg-4.jpg) no-repeat top center fixed; overflow:visible;}
.list-wrap {}
.list-header { position:absolute; top:0; right:0; left:0; padding-top:10px; height:80px; border-bottom:1px solid rgba(255,255,255,.2); transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.list-header.sticky { position:fixed; z-index:100; border-bottom:0; background-color:rgba(35,105,131,.9); *background-color:rgb(35,105,131); background-color:rgb(35,105,131)\0; background-image:none; -webkit-backface-visibility:hidden;}

.list-main { margin-top:100px;}
.list-page-title { clear:both; margin:20px auto; width:1160px; height:50px; line-height:50px; text-align:center; font-size:32px; color:#fff; font-weight:normal;}
.list-page-content { margin:20px auto; width:1160px; line-height:1.8; text-align:left; font-size:16px; color:#fff;}
.list-page-content img { margin-left:auto; margin-right:auto; max-width:100%;}

.news-page-list { clear:both; margin:0 auto; width:1160px; height:auto;}
.news-page-list .news-list-item { margin:10px 5px;}
.news-page-list .news-list-item:first-child { margin-left:5px;}
.news-page-list .news-list-item:hover { margin-top:10px; -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0);}

.pagination-wrap { clear:both; margin:20px auto; height:35px; line-height:35px; text-align:center;}

.pagination { display:inline-block; height:35px;}
.pagination a { display:inline-block; margin-right:5px; width:35px; line-height:35px; background-color:rgba(255,255,255,.4); border-radius:3px; text-align:center; font-size:14px; color:#fff;}
.pagination a:hover { background-color:rgba(255,255,255,.6); color:#3BAFDA; text-decoration:none;}
.pagination a.current { background-color:rgba(255,255,255,.8); color:#3BAFDA;}


/*-agent join */
.agent-group { position:absolute; top:50%; margin-top:-120px;line-height:1.6; text-align:left; font-size:16px; color:#fff;}
.agent-info{padding-bottom:60px;}
.agent-info ul li{padding-bottom:60px;line-height:40px;}
.agent-item{opacity:0.8;}
.agent-list { clear:both; margin-bottom:50px; height:320px;}
.agent-list .agent-list-item { float:left; margin-left:13px; padding:5px; width:280px; height:340px; background-color:#fff; -webkit-transition:all .2s linear; transition:all .2s linear;}
.agent-list .agent-list-item:first-child { margin-left:0;}
.agent-list .agent-list-item:hover { box-shadow:0 5px 10px rgba(0,0,0,0.2); margin-top:-10px;}
.agent-list .agent-list-item .agent-list-img { clear:both; height:280px;}
.agent-list .agent-list-item .agent-list-img img { width:270px; height:280px;}
.agent-list .agent-list-item .agent-list-title { clear:both; padding:10px 0px;text-align:center; font-size:16px; color:#666; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}