@charset "utf-8";
/* Reset */ *{ box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding:0; margin:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';} abbr,acronym{ border:0;} img{ vertical-align:middle; border:0;}
li{ list-style-type:none;} label{ font-weight: normal;}
html{ -webkit-text-size-adjust:none;}
body{ height: 100%; font:14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #666; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: #fff;}
input,select,textarea,button{ font:14px/22px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color:#222; outline: none;}
table{ font-size:inherit; font:100%;} input[type="text"]:focus{ outline: none;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
select.form-control{ display: inline-block; width: 128px; margin-right: 15px; background: url(../images/iselect.png) no-repeat 92% center;}
a{ color: #666; outline:none; text-decoration:none;}
a:hover, a:focus{ text-decoration:none;}
button{ cursor:pointer; border:0; padding:0; overflow:hidden;} 
textarea { overflow:auto; resize:none;}
/* Clearfix */
.clearfix:after,.clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;} .fl, .left{ float: left;} .fr, .right{ float: right;}
.show-pad{ display: none;} .gray{ color: #aaa;}

.pic{ overflow: hidden;} .body-gray{ background: #f5f5f5;}
.pic img, .logo img, .banner img, .map img, .video img, .title img{ width: 100%; max-width: 100%; max-height:100%}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: row;}
.flex-col{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.start{ justify-content: flex-start; align-items: center;} 
.end{ justify-content: flex-end; align-items: center;}
.center{ justify-content: center; align-items: center;}
.vertical{ display: table-cell; vertical-align: middle; text-align: center;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.circle, .btn-prev, .btn-next{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.trans, .remark{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.btn-plus{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.btn-plus.totate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.nodata{ padding-top: 168px; margin: 18px 0; font-size: 18px; text-align: center; background: url(../images/nodata.png) no-repeat center 0;}
.loading{ position: fixed; z-index: 999; top: 18%; left: 50%; width: 98px; height: 98px; margin-left: -48px;}
.pagination{ display: block; margin: 18px 0; text-align: center;}
.pagination a, .pagination span{ display: inline-block; padding: 3px 12px; border: 1px solid #cfcfcf; margin: 0 2px; color: #666;}
.pagination span{ color: #808080; background: #eee;}
.pagination a:hover, .pagination .active{ border-color: #0068b7; color: #fff; background: #0068b7;}

.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0068b7; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative; z-index: 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left} .fp-slide, .fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table, .fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative} .fp-scrollable{overflow:scroll}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}
#fp-nav.right{right:17px} #fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px} .fp-slidesNav.top{top:17px}
#fp-nav ul, .fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li, .fp-slidesNav ul li{display:block;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a,#fp-nav ul li a span,.fp-slidesNav ul li a span{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
#fp-nav ul li a, .fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:20px;height:20px;padding:3px;border: 1px solid transparent; margin:12px 0;cursor:pointer;text-decoration:none}
#fp-nav ul li a span,.fp-slidesNav ul li a span{ width:12px;height:12px;position:absolute;z-index:1;background: #a6a060;}
#fp-nav ul li a.active,.fp-slidesNav ul li a.active{ border-color: #0082e4;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{background:#0082e4}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#menu{ opacity: 0; position: fixed; z-index: 68; right: 10px; top: 50%; height: 228px; margin-top: -114px;}
#menu li, #menu a{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
#menu li{ padding: 3px; border: 1px solid transparent; margin: 12px 0;}
#menu a{ display: block; width: 12px; height: 12px; background: #a6a060;}
#menu .active{ border-color: #0082e4;}
#menu .active a{ background: #0082e4;}

.animated{ opacity: 0; -webkit-animation-duration: 1.28s; animation-duration: 1.28s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.infinited{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes pulse {0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation-name: pulse; animation-name: pulse;}
@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg);transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg);transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg);transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg);transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg);transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg);transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg);transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg);transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg);transform:skewX(0deg)}}
@keyframes wiggle{0%{-webkit-transform:skewX(9deg);transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg);transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg);transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg);transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg);transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg);transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg);transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg);transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg);transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg);transform:skewX(0deg)}}
.wiggle{-webkit-animation-name: wiggle;	animation-name: wiggle;	-webkit-animation-timing-function: ease-in;	animation-timing-function: ease-in}
@-webkit-keyframes tada{ 0%{ -webkit-transform:scale(1); transform:scale(1)} 10%, 20%{ -webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90%{ -webkit-transform:scale(1.05) rotate(3deg); transform:scale(1.05) rotate(3deg)} 40%, 60%, 80%{ -webkit-transform:scale(1.05) rotate(-3deg); transform:scale(1.05) rotate(-3deg)}100%{ -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}}
@keyframes tada{ 0%{ -webkit-transform:scale(1); transform:scale(1)}10%, 20%{ -webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90%{ -webkit-transform:scale(1.05) rotate(3deg); transform:scale(1.05) rotate(3deg)} 40%, 60%, 80%{ -webkit-transform:scale(1.05) rotate(-3deg); transform:scale(1.05) rotate(-3deg)} 100%{ -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}}
.tada{ -webkit-animation-name: tada; animation-name: tada;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(-100%) skewX(30deg);transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(15deg);transform:translateX(0) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
@keyframes lightSpeedInRight{0%{-webkit-transform:translateX(-100%) skewX(30deg);transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(15deg);transform:translateX(0) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes fadeIn{ 0%{ opacity:0;} 50%{ opacity:0.6;} 100%{ opacity:1;}}
@keyframes fadeIn{ 0%{ opacity:0;} 50%{ opacity:0.6;} 100%{ opacity:1;}}
.fadeIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn}
@-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translateY(120px); transform:translateY(120px)} 100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}}
@keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translateY(120px);transform:translateY(120px)}100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}}
.fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp}
@-webkit-keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translateX(120px); transform:translateX(120px)} 100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}}
@keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translateX(120px);transform:translateX(120px)}100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}}
.fadeInRight{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-120px);transform:translateX(-120px)} 100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}}
@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-120px);transform:translateX(-120px)}100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}}
.fadeInLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft}
@-webkit-keyframes fadeInDown{0%{ opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}}
.fadeInDown{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes bounce{ 0%, 20%, 50%, 80%, 100%{ -webkit-transform:translateY(0); transform:translateY(0);}40%{ -webkit-transform:translateY(-30px); transform:translateY(-30px);}60%{ -webkit-transform:translateY(-15px); transform:translateY(-15px);}}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{ -webkit-transform:translateY(0); transform:translateY(0);}40%{ -webkit-transform:translateY(-30px); transform:translateY(-30px);}60%{ -webkit-transform:translateY(-15px); transform:translateY(-15px);}}
.bounce{ -webkit-animation-name: bounce; animation-name: bounce;}
@-webkit-keyframes rotate{0%{ -webkit-transform: rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@keyframes rotate{0%{ -webkit-transform: rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}}
.rotate{ -webkit-animation-name: rotate; animation-name: rotate;}
@-webkit-keyframes bounceIn{0%{ opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);}50%{ opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05);}70%{ -webkit-transform:scale(0.9); transform:scale(0.9);}100%{ -webkit-transform:scale(1); transform:scale(1);}}
@keyframes bounceIn{0%{ opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);}50%{ opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05);}70%{ -webkit-transform:scale(0.9); transform:scale(0.9);}100%{ -webkit-transform:scale(1); transform:scale(1);}}
.bounceIn{ -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInUp{ 0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);} 60%{ opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);} 80%{ -webkit-transform:translateY(10px); transform:translateY(10px);} 100%{ opacity: 1; -webkit-transform:translateY(0); transform:translateY(0);}}
@keyframes bounceInUp{0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);} 60%{ opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);} 80%{ -webkit-transform:translateY(10px); transform:translateY(10px);} 100%{ opacity: 1; -webkit-transform:translateY(0); transform:translateY(0);}}
.bounceInUp{ -webkit-animation-name: bounceInUp; animation-name: bounceInUp}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes ripple{ 0%{ opacity: 0;-webkit-transform: scale(.1);transform: scale(.1);}5%{ opacity: 1;}to{ opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes ripple{ 0%{ opacity: 0;-webkit-transform: scale(.1);transform: scale(.1);}5%{ opacity: 1;}to{ opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
.animated.delay1{ -webkit-animation-delay: .2s; animation-delay: .2s;}.animated.delay2{ -webkit-animation-delay: .4s; animation-delay: .4s;}.animated.delay3{ -webkit-animation-delay: .6s; animation-delay: .6s;}
.animated.delay4{ -webkit-animation-delay: .8s; animation-delay: .8s;}.animated.delay5{ -webkit-animation-delay: 1s; animation-delay: 1s;}.animated.delay6{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.animated.delay7{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}.animated.delay8{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}.animated.delay9{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}.animated.delay10{ -webkit-animation-delay: 2s; animation-delay: 2s;}

.container, .section .bd{ width: 96%; max-width: 1288px; margin: auto;}
/* sprite */
.icon, .aside-list a, .date, .clock{ background: url(../images/sprite.png) no-repeat 0 -9999em;}
/* header */
.fixedNav{ position:fixed; z-index:999; top: 0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header-site{ padding: 6px 0; font-size: 15px; color: #fff; background: #222;}
.header-site .phone{ padding-left: 24px; background-position: 0 6px;}
.header{ background: #fff;}
.header .logo{ float: left; width: 240px; margin-top: 25px;}
.nav-list{ float: right; width: 68%; max-width: 760px; font-size: 18px; line-height: 96px; text-align: center;}
.nav-list .item{ float: left; position: relative; width: 16.66%;}
.nav-list a{ display: block; color: #222;}
.nav-list a:hover, .nav-list .active>a{ color: #fff; background: #0068b7;}
.sublist{ display: none; position: absolute; top: 100%; left: 0; width: 100%;}
.sublist li{ margin-top: 1px; font-size: 15px; line-height: 36px; background: #fff;}

.scrollDown{ position: fixed; z-index: 68; bottom: 38px; left: 50%; width: 48px; height: 48px; margin-left: -24px; text-align: center; -webkit-animation: bounce 1.28s infinite both; -moz-animation: bounce 1.28s infinite both; -o-animation: bounce 1.28s infinite both; animation: bounce 1.28s infinite both;}
.fixed-bar{ position: fixed; z-index: 99; bottom: 8%; left: 0; text-align: center;}
.fixed-bar .tcon{ width: 16px; height: 142px;}
.fixed-bar .line{ width: 1px; height: 138px; margin: 28px auto; background: #676b51;}
.fixed-bar a{ display: block; width: 36px; height: 36px; margin: 10px auto;}
.footer{ padding: 18px 0; color: #d9e4ec; text-align: center; background: #0068b7;}
.footer span{ display: inline-block;}

/* init */
.mod-crumb, .mod-crumb a{ color: #787878;}
.mod-crumb{ padding: 16px 0; font-size: 13px; line-height: 20px; color: #666; background: #f2f2f2;}
.mod-crumb a, .mod-crumb span{ padding-left: 20px;}
.mod-crumb a:hover, .mod-crumb .home{ color: #0068b7;}
.mod-crumb .home{ background-position: 0 -28px;}
.mod-crumb .ileft{ background-position: 0 -58px;}

.content{ padding: 40px 0 30px;}
.content .container{ position: relative;}
.aside{ position: absolute; z-index: 8; top: 0; left: 0; width: 262px; text-align: center;}
.aside .title{ width: 100%; height: 100px; font-size: 24px; line-height: 100px; color: #fff; background: url(../images/bg-title.png) repeat 0 0;}
.aside-list li{ padding: 16px; margin-bottom: 1px; font-size: 15px; background: #ededed;}
.aside-list a{ padding: 0 20px 0 30px; color: #222; background-position: 0 -86px;}
.aside-list li:hover, .aside-list .active{ background: #59a3da;}
.aside-list li:hover a, .aside-list .active a{ color: #fff; background-position: 0 -116px;}
.main{ margin-left: 276px;}
.main .title{ padding: 0 0 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 18px; font-size: 22px; color: #555;}
.list li{ float: left; margin-bottom: 20px;}
.list .pic{ position: relative; border: 3px solid #bfd3e3; overflow: hidden;}
.list .remark{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/add.png) no-repeat center center rgba(37,147,240,.5);}
.list .name{ margin: 12px 0; font-size: 16px; font-weight: bold; color: #0068b7; text-align: center;}
.list a:hover .remark{ display: block;}
.prolist li{ width: 32%; margin-right: 2%;}
.prolist li:nth-child(3n){ margin-right: 0;}
.certlist{ margin-right: -1%;}
.certlist li{ width: 24%; margin-right: 1%;}
.certlist .pic{ padding: 6px; background: #ebf4fb;}
.certlist a:hover .pic{ border-color: #0068b7;}

/* index */
.section{ text-align: center; background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;}
.section .hd{ line-height: 36px;margin-top:60px}
.section .en{ font-size: 16px; color: #0068b7; text-transform: uppercase;}
.section .title{ font-size: 36px; color: #1b78bf;}
.section .bd{ margin: 28px auto;}
.section .btn-more{ display: block; width: 170px; height: 42px; border: 1px solid #0074ff; margin: 18px auto 0; line-height: 40px; color: #fff; text-align: center; background: rgba(0,116,255,.28);}
.sefooter{ opacity: 0; position: fixed; z-index: 8; bottom: 0; left: 0; width: 100%; padding: 8px 0; font-size: 12px; color: #d9e4ec; text-align: center; background: #0068b7;}
.section1{ background-image: url(../images/banner1.jpg);}
.section1 .title, .section1 .line{ margin: 0 auto;}
.section1 .title{ width: 88%; max-width: 860px;}
.section1 .subtitle{ width: 88%; margin: 20px auto; font-size: 26px; color: #fff;}
.section1 .line{ width: 68%; max-width: 442px; height: 3px; background: url(../images/line.png) no-repeat center center; background-size: 100% 100%;}
.section2{ text-align: left; background-image: url(../images/banner2.jpg);}
.section2 .hd{ margin-bottom: 28px;}
.section2 .en, .section2 .title{ color: #fff;}
.section2 .left{ width: 58%;} .section2 .right{ width: 32%; max-width: 450px;}
.section2 .info{ padding: 28px 16px; color: #fff; background: rgba(7,129,221,.8);}
.section2 .pic{ position: relative; z-index: 8; max-width: 390px; margin: 22px 38px; overflow: visible;}
.section2 img{ border: 4px solid #fff;}
.section2 .bulk{ position: absolute; z-index: -1; top: -22px; right: -38px; width: 235px; height: 262px; background: #0781dd;}
.section2 .btn-more{ float: right; background: #0781dd;}
.section3{ background-image: url(../images/banner3.jpg);}
.section3 .video{ width: 90%; max-width: 886px; border: 0px solid #fff; margin: 0 auto;}
.section4{ background-image: url(../images/banner4.jpg);}
.section .list{ margin-right: -1%;}
.explist li{ width: 24%; margin-right: 1%;}
.explist .name{ color: #fff;}
.section5{ background-image: url(../images/banner5.jpg);}
.press-list li{ width: 24%; margin-right: 1%; text-align: left;}
.press-list a{ display: block; padding: 12px; border: 5px solid #868686; color: #fff;}
.press-list .pic{ position: relative; width: 100%; border: 0 none;}
.press-list .flag{ position: absolute; z-index: 88; top: 0; left: 0; width: 60px; height: 26px; color: #fff; text-align: center; background: #0082e4;}
.press-list .caption{ height: 52px; margin: 16px 0; font-size: 16px; overflow: hidden;}
.press-list .clock{ padding-left: 26px; color: #b2b2b2; background-position: 0 -336px;}
.press-list a:hover{ background: #1390ef;}
.press-list a:hover .flag{ color: #0068b7; background: #eaeaea;}
.section6{ background-image: url(../images/banner6.jpg);}
.section6 .left, .section6 .right{ width: 46%;}
.section6 .cact-list{ font-size: 18px; line-height: 32px; color: #fff; text-align: left;}
.section6 .map{ border: 4px solid #fff;}
.cact-list li{ position: relative; padding-left: 78px; margin-bottom: 20px;}
.cact-list .attr{ position: absolute; top: 0; left: 0; width: 52px; height: 60px; background: url(../images/xagon.png) no-repeat center center; background-size: 100% 100%;}
.cact-list .val{ padding: 10px 0; border-bottom: 1px solid #869092;}
.cact-list span{ display: block; margin-left: 55px;}
.cact-list .icon{ width: 40px; height: 40px; margin: 10px auto;}
.cact-list .imap{ background-position: center -180px;}
.cact-list .itel{ background-position: center -220px;}
.cact-list .iphone{ background-position: center -260px;}
.cact-list .iemail{ background-position: center -300px;}

.init-about{ font-size: 16px; color: #333;}
.init-about .pic, .init-about .txt{ margin-bottom: 12px;}
.init-about .pic img{ width: auto; height: auto;}

.news-list li{ padding: 0 0 24px; border-bottom: 1px solid #f0f0f0; margin-bottom: 24px;}
.news-list a{ display: block; position: relative; padding-left: 272px; color: #777;}
.news-list .pic{ position: absolute; top: 0; left: 0; width: 260px; height: 132px;}
.news-list .name{ font-size: 21px; line-height: 32px; color: #333;}
.news-list .txt{ height: 48px; margin: 12px 0; line-height: 24px; overflow: hidden;}
.news-list .date{ padding-left: 18px; font-size: 13px; background-position: 0 -146px;}
.news-list a:hover .name{ color: #0068b7;}
.news-more{ margin: 28px 0 12px; font-size: 15px;}
.news-more .title{ margin-bottom: 10px; font-size: 20px; color: #333;}
.news-more a{ display: block; position: relative; padding: 3px 78px 3px 0; color: #555;}
.news-more a:hover{ color: #0068b7;}
.news-more .date{ position: absolute; top: 3px; right: 0; font-size: 13px;}
.news-pagination{ padding: 12px 0; border-top: 1px solid #eee; font-size: 15px;}
.news-pagination a{ display: block; line-height: 28px; color: #0068b7;}
.news-pagination a:hover{ font-weight: bold;}

.contact .container{ position: relative;}
.contact .line{ position: absolute; top: 50%; left: 50%; width: 1px; height: 380px; margin-top: -190px; background: #e0e0e0;}
.contact .map{ width: 100%;}
.mod-contact{ float: left; width: 33%; color: #282828;}
.mod-contact .title{ margin-bottom: 28px; font-size: 32px; font-weight: bold; line-height: 40px; color: #0068b7;}
.mod-contact li{ position: relative;}
.mod-contact .attr{ position: absolute; top: 12px; left: 0; font-size: 15px;}
.contact-list li{ padding: 12px 0 12px 56px; border-bottom: 1px solid #eaebe7; margin-bottom: 8px;}
.mod-online{ float: right;}
.mod-online .title{ font-size: 26px; font-weight: normal;}
.online-list li{ position: relative; padding-left: 46px; margin-bottom: 28px;}
.online-list .attr{ top: 0;}
.online-list .form-control{ width: 100%; padding: 6px 8px; border: 1px solid #c0c0c0;}
.online-list .area-control{ height: 96px;}
.btn-submit{ display: block; width: 98px; height: 48px; margin-left: 46px; line-height: 48px; color: #fff; text-align: center; background: #ff9813;}

@media(max-width: 1200px){
	.header .logo{ width: 200px; margin-top: 18px;}
	.nav-list{ font-size: 16px; line-height: 78px;}
	.section .title{ font-size: 28px;}
	.common .title{ font-size: 20px;}
	.aside{ width: 208px;} .main{ margin-left: 226px;}
	.aside .title{ height: 78px; line-height: 78px;}
	.aside-list a{ padding: 0 15px 0 20px;}
	.list li{ margin-bottom: 8px;}
	
	.section1 .subtitle{ font-size: 20px;}
	.section2 .bulk{ right: -20px;}
	.section2 .right{ width: 40%;}.section6 .right{ width: 48%;}
	.section6 .cact-list{ font-size: 16px;}
	.cact-list li{ margin-bottom: 12px;}
	.cact-list .attr{ width: 48px; height: 56px;}
	.cact-list .icon{ margin: 8px auto;}
	.cact-list span{ margin-left: 50px;}

	.mod-contact{ width: 46%;}
	.mod-contact .title{ margin-bottom: 18px; font-size: 26px; line-height: 32px;}
	.mod-online .title{ font-size: 18px;}
	.online-list li{ margin-bottom: 20px;}
	.news-list .name{ font-size: 18px;}
}
@media(max-width: 992px){
	.section .title{ font-size: 24px;}
	.section1 .subtitle{ font-size: 18px;}
	.section2 .pic{ margin: 20px;}
	.section2 .info{ padding: 16px;}
	.press-list a{ padding: 6px;}
	.press-list .caption{ margin: 10px 0; font-size: 15px;}

	.mod-crumb{ padding: 12px 0;}
	.content{ padding: 28px 0;}
	.mod-contact .title{ margin-bottom: 8px; font-size: 22px;}
	.mod-online .title{ margin-bottom: 12px; font-size: 18px;}
	.btn-submit{ height: 38px; line-height: 38px;}

	.init-about .txt{ margin-bottom: 8px; font-size: 15px;}
	.certlist li{ width: 32.3%;}
	.news-list li{ padding-bottom: 18px; margin-bottom: 18px;}
	.news-list a{ padding-left: 252px;}
	.news-list .pic{ width: 240px; height: 122px;}
	.news-list .name{ font-size: 17px;}
	.news-list .txt{ margin: 8px 0;}
}
@media(max-width:768px){
	.hide-pad{ display: none;} .show-pad{ display: block;}
	.header{ height: 46px;} .header .logo{ width: 128px; margin: 10px 0;}
	.dropmenu{ position: absolute; top: 1px; right: 4px; width: 42px; height: 42px; padding: 8px 4px; cursor: pointer;}
	.dropmenu .line{ float: right; width: 100%; height: 3px; margin: 2px 0; background: #0068b7;}
	.dropmenu .line2{ width: 88%;} .dropmenu .line3{ width: 68%;}
	.nav-list{ display: none; float: none; position: absolute; z-index: 9999; top: 42px; right: 0; width: 128px; padding-top: 10px;}
	.nav-list:after{ content: '\0020'; display: block; position: absolute; top: -6px; right: 16px; border: 8px solid transparent; border-bottom-color: #fff;}
	.nav-list .item{ float: none; width: 100%; border-bottom: 1px solid #eee; font-size: 14px; line-height: 48px; background: #fff;}
	.footer{ font-size: 13px; line-height: 24px;}
	.pagination{ margin-top: 12px;}
	.pagination a, .pagination span{ padding: 2px 8px;}

	.section .bd{ margin: 12px auto;}
	.section .en{ font-size: 13px; line-height: 20px;}
	.section .title{ font-size: 22px;}
	.section2 .hd{ margin-bottom: 12px;}
	.section2 .info{ height: 148px; padding: 12px; overflow: hidden;}
	.section2 .pic{ margin: 8px;}
	.section2 .bulk{ top: -8px; right: -8px; width: 138px; height: 148px;}
	.press-list .caption{ height: 44px; line-height: 22px;}
	.section6 .cact-list{ font-size: 14px; line-height: 20px;}
	.cact-list li{ padding-left: 66px; margin-bottom: 2px;}
	.cact-list span{ margin-left: 42px;}

	.content{ padding: 16px 0 8px;}
	.aside .title, .aside-list{ position: fixed; bottom: 18px;}
	.aside .title{ left: 8px; width: 43px; height: 43px; padding: 5px; font-size: 13px; line-height: 15px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
	.aside-list{ display: none; left: 56px;}
	.aside-list li{ padding: 8px 16px; font-size: 15px;}
	.aside-list a{ padding: 0 8px 0 16px;}
	.main{ margin-left: 0;}
	.main .title{ padding: 0 0 8px; margin-bottom: 12px; font-size: 18px;}
	.list li{ margin-bottom: 8px;}
	.list .name{ margin: 6px 0; font-size: 14px;}

	.contact .line{ display: none;}
	.mod-contact{ float: none; width: 100%; padding-bottom: 12px;}
	.contact-list li{ padding: 8px 0 8px 52px;}
	.contact-list .attr{ top: 8px;}
	.online-list li{ margin-bottom: 12px;}
}	
@media(max-width: 480px){
	.hide-phone{ display: none;} .show-phone{ display: block;}
	.scrollTop{ right: 8px; bottom: 18px;}
	.container{ width: 94%;}
	#fp-nav ul li a, .fp-slidesNav ul li a{ margin: 10px 0;}
	.section .title{ font-size: 20px;} .section .bd{ margin: 12px auto 5px;}
	.section .left, .section .right{ float: none; width: 90%; margin: 0 auto;}
	.section1 .subtitle{ margin: 12px auto; font-size: 15px;}
	.section2 .btn-more{ float: none; margin: 12px auto;}
	.section2 .pic{ width: 88%; margin: 16px auto;}
	.section2 .bulk{ top: -12px; right: -12px;}
	.section6 .cact-list{ margin-bottom: 28px;}
	.cact-list li{ padding-left: 52px; margin-bottom: 10px;}
	.cact-list .attr{ width: 40px; height: 46px;}
	.cact-list .icon{ margin: 3px auto;}

	.list li{ width: 49%;}
	.list li:nth-child(2n){ float: right;}
	.prolist li, .prolist li:nth-child(3n), .certlist, .certlist li{ margin: 0;}
	
	.news-list li{ padding-bottom: 12px; margin-bottom: 12px;}
	.news-list a{ padding-left: 160px;}
	.news-list .pic{ width: 150px; height: 76px;}
	.news-list .name{ font-size: 16px; line-height: 28px;}
	.news-list .txt{ height: 24px; margin: 0;}
	.news-more, .news-more .title{ margin-bottom: 8px;}
	.mod-contact .title{ margin: 0; font-size: 18px;}
	.mod-online .title{ margin-bottom: 12px; font-size: 17px;}
}