@charset "utf-8";
/* 
 * Project Name:飞机
 * Author:浅浅
 * Date：2015-10-25
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #6a7884; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #0880d6; color: #fff; text-shadow: none; }
::selection { background: #0880d6; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1200px; margin: 0px auto; }
.topBox { background-color: #fff; position: fixed; left: 0px; top: 0px; right: 0px; height: 113px; width: 100%; z-index: 1001; transition: 400ms; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s; box-shadow: 0px -2px 0px rgba(213, 213, 213, 0.35) inset; }
.pusher { transition: 400ms; background-color: #fff; }
.top { width: 90%; margin: 0px auto; position: relative; transition: 400ms; }
.logo { padding: 10px 0px 0px 0px; margin-bottom: 20px; float:left;}
.logo img { width: 100%; display: block; }

.index-m-nav{ padding:20px; width:calc(100% - 40px); float:left;display:none; background:#0880d6;}
.index-m-nav a{ float:left; width:calc(100% / 3); color:#fff}
.index-m-nav a img{ float:left; margin:0 calc((100% - 64px) / 2)}
.index-m-nav a b{ width:100%; text-align:center; display:block; float:left}
.fixed-bot{ width:100%;height:80px; position:fixed; bottom:0; right:0; background:#0880d6; background-size:auto 100%; display:none; background-size:100% 100%; border-top:1px solid #fff; z-index:9999; box-shadow:0 0 10px #333}
.fixed-bot a{ display:block; height:80px; width:25%; float:left; position:relative; text-align:center;}
.fixed-bot a img{ height:40px; width:40px; margin-top:10px;}
.fixed-bot a b{ width:100%; height:30px; line-height:30px; text-align:center; color:#fff; display:block; float:left; font-size:12px; position:absolute; bottom:0; left:0}
.code{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; z-index:999; top:0; left:0}
.code div{ width:50%; position:fixed; left:25%; top:25%}
.code div img{ float:left; width:100%;}
.code div b{ font-size:14px; line-height:40px; text-align:center; width:100%; display:block; float:left; color:#fff; text-shadow:1px 1px 1px #4A4A4A;}


.nav a:link, .nav a:visited { color: #858585; }
.nav a:active, .nav a:hover { color: #3471b8; }
.nav { height: 35px; clear:both; }
.nav li { float: left; display: block; font: 14px/26px "microsoft yahei"; margin-right: 10px; position: relative; }
.nav li a { padding: 0px 18px; display: block; height: 30px; border: 1px solid #fff; border-bottom: 0px none; position: relative; }
.nav li a.act { color: #174f90; }
.nav a:hover { color: #3471b8; }
.nav a.hov { color: #3471b8; border: 1px solid #d9d9d9; border-bottom: 0px none; position: relative; z-index: 10; background-color: #fff; }
.nav .subnav { position: absolute; z-index: 5; left: 0px; top: 30px; border: 1px solid #d9d9d9; background-color: #fff; width: 232px; padding: 4px 0px; display: none; }
.nav .subnav li { float: none; margin: 0px 0px 5px; }
.nav .subnav li a { display: block; height: 39px; line-height: 39px; border: 0px none; }
.nav .subnav li a:hover { background-color: #6391b9; color: #fff; }

.menu-handler { width: 60px; height: 60px; cursor: pointer; display: none; float: right; position: relative; }
.menu-handler .burger { border-radius: 2px; width: 22px; height: 2px; background: #0880d6; display: block; position: absolute; z-index: 5; top: 23px; left: 50%; margin: 0px 0px 0px -11px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 29px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler .burgerbg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; display: block; overflow: hidden; background-color: #0880d6; transition: all 0.3s ease 0s; }
.menu-handler:hover .burgerbg, .menu-handler.active .burgerbg { height: 60px; }
.menu-handler:hover .burger, .menu-handler.active .burger { background-color: #fff; }
#bg-fukai { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: url("../bg/close-icon.ico") 16 16, default; z-index: 800; }
.touchevents #bg-fukai { cursor: pointer; }
#menuBox { display: inline-block; position: fixed; background-color: #0880d6; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; }
.open { position: relative !important; right: 240px; }
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a { text-transform: uppercase; padding: 0px 8px; height: 60px; line-height: 60px; font-size: 14px; position: relative; }
.navMobile dd p a span { padding-left: 20px; color: #0880d6; }
.navMobile dd a { display: block; line-height: 1.4; font-size: 13px; color: #fff; padding: 15px 30px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #eff2f3; color: #333; }
.navMobile dd a:active { background-color: #f4f6f7; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: #eff2f3; border-top: 1px solid #e3e2e2; }
.navMobile dd .msubnav a:hover { color: #0880D6; }
.tright { position: absolute; right: 0px; top: 73px; height: 40px; }
.tright a:link, .tright a:visited { color: #88939d; }
.tright a:active, .tright a:hover { color: #0880d6; }
.tright a { float: right; display: block; height: 40px; line-height: 40px; margin-left: 20px; }
.ermbtn span { background: url(../bg/ewmbtn.png) no-repeat scroll right center; padding-right: 30px; }
.serachbtn span { background: url(../bg/serach_ico0.png) no-repeat scroll right center; padding-right: 25px; }
.mtop { height: 113px; }
.foot { background-color: #6a7884; padding: 10px 0px; color: #fff; }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #d3d3d3; }
.popUpblack { background: url(../bg/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.addressIbox a:link, .addressIbox a:visited { color: #6a7884; }
.addressIbox a:active, .addressIbox a:hover { color: #0880D6; }
.addressIbox { padding: 38px 0px; background-color: #f6f8f9; }
.addressIbox li { float: left; display: inline-block; line-height: 32px; margin-right: 68px; }
.addressIbox li.item4 { float: right; margin-right: 0px; }
.addressIbox li .name { border-bottom: 1px solid #343b4b; display: inline-block; }
.addressIbox li .aico { display: inline-block; width: 18px; height: 32px; float: left; margin-right: 10px; }
.addressIbox li .aico1 { background: url(../bg/aico1.png) no-repeat scroll center center; }
.addressIbox li .aico2 { background: url(../bg/aico2.png) no-repeat scroll center center; }
.addressIbox li .aico3 { background: url(../bg/aico3.png) no-repeat scroll center center; }
.addressIbox li .wx { background: url(../bg/wx.png) no-repeat scroll right center; padding-right: 48px; display: inline-block; }
.addressIbox li.item2, .addressIbox li.item3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.serachbg, .ermbg { background: url(../bg/black.png) repeat; position: fixed; left: 0px; top: 0px; z-index: 1010; width: 100%; height: 100%; display: none; cursor: url("../images/close-icon.ico") 16 16, default; }
.touchevents .serachbg { cursor: pointer; }
.searchCon, .ermCon { position: fixed; left: 0px; width: 801px; height: 406px; left: 50%; top: 50%; margin: -203px 0px 0px -401px; z-index: 1012; background-color: #fff; display: none; transform: scale(0.9); -webkit-transform: scale(0.9); transition: 300ms; -webkit-transition: 300ms; }
.searchCon.active, .ermCon.active { transform: scale(1); -webkit-transform: scale(1); }
.searchCon .t, .ermCon .t { background-color: #0880D6; text-align: center; color: #fff; height: 50px; font: 24px/50px "microsoft yahei"; }
.serachclose, .ermclose { background: url(../bg/close1.png) no-repeat scroll center center; width: 50px; height: 50px; float: right; display: block; transition: all 400ms ease 0s; cursor: pointer; }
.serachclose:hover, .ermclose:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.searchPBox dd { float: left; display: block; width: 266px; height: 246px; border-right: 1px solid #f0f0f0; text-align: center; padding-top: 110px; }
.searchPBox dd.item3 { width: 267px; border-right: 0px none; }
.searchPBox .s-prompt { font-size: 12px; }
.searchPBox .s-input { width: 88%; height: 28px; }
.searchPBox .s-input .stxt { background-color: #6a7884; color: #fff; line-height: 28px; height: 28px; }
.searchPBox .s-input .sbtn { background: url(../bg/serach_ico.png) scroll center center; height: 28px; width: 28px; }
.searchPBox .s-input .sbtn:hover { background-color: #0880D6; }
.searchPBox dd:hover .s-input .stxt { background-color: #0880D6; }
.ermPBox { padding-top: 85px; width: 312px; margin: 0px auto; }
.ermPBox dd { float: left; display: block; }
.ermPBox dd.item1 { width: 148px; margin-right: 32px; overflow: hidden; }
.ermPBox dd.item1 img { width: 100%; }
.ermPBox dd.item2 { width: 130px; }
.ermPBox dd.item2 .txt { height: 46px; }
.ermPBox dd.item2 .btn { margin-top: 7px; }
.trans-1 { transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.pbanner { position: relative; width: 100%; background-size: cover; height: 176px; background-position: center center; overflow: hidden; }
.pbanner2 { height: 575px; }
.pbanner3 { height: 396px; }
.picw { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.pbanner .txt { text-align: center; color: #fff; position: absolute; left: 5%; top: 50%; margin-top: -47px; width: 90%; line-height: 1.4; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
.pbanner .txt .zh { font-size: 38px; }
.pbanner .txt .en { font-size: 30px; font-family: arial, helvetica, sans-serif; }
.pbanner .txt .zh { -webkit-animation: flipInX .6s ease-in-out both; -moz-animation: flipInX .6s ease-in-out both; -ms-animation: flipInX .6s ease-in-out both; animation: flipInX .6s ease-in-out both; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s; }
.pbanner .txt .en { -webkit-animation: fadeInUp .7s ease-in-out both; -moz-animation: fadeInUp .7s ease-in-out both; -ms-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s; animation-delay: .8s; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
    100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

.pnavBox { position: relative; height: 45px; border-bottom: 1px solid #e8e8e8; }
.pnav { text-align: center; height: 45px; line-height: 45px; overflow: hidden; width: 100%; background-color: #fff; }
.pnav a { display: inline-block; height: 45px; margin: 0px 15px; position: relative; overflow: hidden; color: #525252; }
.pnav a span { padding: 0px 15px; position: relative; display: block; height: 100%; top: 0px; transition: 400ms ease-in-out 150ms; }
.pnav a span.sp-1 { border-bottom: 0px none; height: 45px; }
.pnav a.act span.sp-1 { border-bottom: 2px solid #0880d6; height: 43px; }
.pnav a span.sp-2 { background-color: #0880d6; color: #fff; }
.csstransforms3d .pnav a span.sp-2 { transform: rotateX(-90deg) translateZ(-22px); }
.csstransforms3d .pnav a:hover span.sp-1 { transform: rotateX(90deg) translateZ(-45px); top: -45px; }
.csstransforms3d .pnav a:hover span.sp-2 { transform: rotateX(0deg) translateZ(-22px); top: -45px; }
.bgF9 { background-color: #f9f9f9; }
.pageC { overflow: hidden; font-size: 14px; color: #525252; line-height: 2; }
.pageC a:link, .pageC a:visited { color: #030101; }
.pageC a:active, .pageC a:hover { color: #0880D6; }
.pageC img { max-width: 100%; }
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../bg/ajaxloader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../bg/loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #9c9c9c; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 8px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #c61210; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0%; background: url(../bg/a_l3.png) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 0%; background: url(../bg/a_r3.png) no-repeat right bottom; }
.bx-wrapper .bx-prev:hover { background-position: 0 top; }
.bx-wrapper .bx-next:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; /*background: url(../bg/controls.png) -86px -11px no-repeat;*/ margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; /*background: url(../bg/controls.png) -86px -44px no-repeat;*/ margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/*base style*/
/*index style*/
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; background-color: #ddd; }
.banner li { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner li.item1 .bannerText { right: 0px; }
.banner li.item2 .bannerText, .banner li.item3 .bannerText { left: 0px; }
.banner li.item3 { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
.banner li.item3 .bannerText .t { margin-bottom: 0px; }
.banner .pic { width: 100%; height: 100%; position: absolute; }
.banner .pic .pimg { width: 100%; display: block; opacity: 1; transition: transform 5s ease 0s, opacity 2s ease 0s; }
.banner .imgIn .pimg { opacity: 1; transform: matrix(1.1, 0, 0, 1.1, 0, 0); }
.binenrbox { position: absolute; width: 70%; left: 15%; top: 0px; color: #fff; height: 100%; }
.bannerText { position: absolute; top: 45%; }
.bannerText .t { font: bold 38px/1.8 "microsoft yahei","SimHei","黑体","STXihei","华文细黑",sans-serif; position: relative; display: block; margin-bottom: 5px; }
.bannerText .c { font: 16px/1.8 "microsoft yahei","SimHei","黑体","STXihei","华文细黑",sans-serif; }
.banner .bx-wrapper .bx-pager { height: 9px; bottom: 5%; padding-top: 0px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; line-height: 9px; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(../bg/num_21.png) no-repeat scroll center center; cursor: pointer; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../bg/num_2.png) no-repeat scroll center center; }
.searchIBox .item { float: left; width: 33.33%; text-align: center; padding: 38px 0px 52px; position: relative; }
.searchIBox .item1 { background-color: #e8e8e8; }
.searchIBox .item2 { background-color: #eeeeee; }
.searchIBox .item3 { background-color: #f2f2f2; }
.s-icon { background: url(../bg/ico.png) no-repeat; width: 28px; height: 28px; margin: 0px auto 5px; display: block; }
.s-icon1 { background-position: 0px 0px; }
.s-icon2 { background-position: -36px 0px; }
.s-icon3 { background-position: -72px 0px; }
.item:hover .s-icon1 { background-position: 0px bottom; }
.item:hover .s-icon2 { background-position: -36px bottom; }
.item:hover .s-icon3 { background-position: -72px bottom; }
.s-prompt { font-size: 14px; color: #6a7884; margin-bottom: 14px; }
.s-input { width: 294px; position: relative; margin: 0px auto; height: 33px; }
.s-input .stxt { width: 90%; padding: 0px 5%; border: 0px none; position: relative; height: 33px; line-height: 33px; }
.s-input input[type="text"]:focus, .s-input textarea:focus { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.s-input .sbtn { background: url(../bg/serach_ico2.png) no-repeat scroll center center #fff; width: 35px; height: 33px; position: absolute; right: 0px; top: 0px; }
.s-input .sbtn:hover { background-color: #ededed; }
.s-line { background: #0880d6; width: 100%; height: 3px; display: none; position: absolute; bottom: 0; left: 0; animation: long 2s; -webkit-animation: long 1.5s; -moz-animation: long 1.5s; -o-animation: long 1.5s; -ms-animation: long 1.5s; }

@keyframes long {
    from { width: 0; opacity: 0; }
    to { width: 100%; opacity: 1; }
}

@-webkit-keyframes long {
    from { width: 0; opacity: 0; }
    to { width: 100%; opacity: 1; }
}

@-moz-keyframes long {
    from { width: 0; opacity: 0; }
    to { width: 100%; opacity: 1; }
}

@-o-keyframes long { from;
{ width: 0; opacity: 0; }
to { width: 100%; opacity: 1; }
}

@-ms-keyframes long {
    from { width: 0; opacity: 0; }
    to { width: 100%; opacity: 1; }
}

.searchIBox .item:hover .s-prompt { color: #0880d6; }
.searchIBox .item:hover .sbtn { background-image: url(../bg/serach_ico3.png); }
.searchIBox .item:hover .s-line { display: block; }
.iboxT { padding: 4% 0px; text-align: center; font-size: 38px; }
.businessIdemo li { float: left; display: block; width: 25%; position: relative; overflow: hidden; }
.no-cssanimations .bluebg { background: url(../bg/bluebg.png) repeat; }
.cssanimations .bluebg { background: rgba(8,128,214,0.5); }
.businessIdemo a:link, .businessIdemo a:visited { color: #fff; }
.businessIdemo a:active, .businessIdemo a:hover { color: #fff; }
.businessIdemo .bluebg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; }
.businessIdemo img { width: 100%; display: block; transition: all 0.3s ease 0s; }
.businessIdemo .txt { position: absolute; left: 5%; width: 90%; top: 45%; text-align: center; color: #fff; }
.businessIdemo .txt .t { font-size: 30px; line-height: 1.5; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: relative; margin-top: 0px; }
.businessIdemo .txt .c { font-size: 14px; line-height: 1.5; margin-bottom: 24px; display: none; position: relative; margin-top: 30px; }
.businessIdemo .txt .more { width: 98px; height: 24px; display: block; margin: 0px auto; text-align: center; line-height: 24px; color: #0880d6; background-color: #fff; display: none; position: relative; margin-top: 50px; }
.businessIdemo a:hover .bluebg { display: block; }
.businessIdemo a:hover .txt .t { text-shadow: none; }
.businessIdemo a:hover img { transform: scale(1.05,1.05); }
.aboutIbox { padding: 10% 0px; text-align: center; color: #fff; background-repeat: no-repeat; background-position: 50% 0px; }
.aboutIbox a:link, .aboutIbox a:visited { color: #fff; }
.aboutIbox a:active, .aboutIbox a:hover { color: #fff; }
.aboutIbox .t { font-size: 38px; margin-bottom: 30px; line-height: 1.5; }
.aboutIbox .more { font-size: 14px; padding-bottom: 12px; position: relative; }
.aboutIbox .more span { border-bottom: 2px solid #fff; width: 0px; transition: 300ms; height: 0px; position: absolute; left: 0px; bottom: 0px; }
.aboutIbox .more:hover span { width: 100%; }
.newIlist a:link, .newIlist a:visited { color: #6A7884; }
.newIlist a:active, .newIlist a:hover { color: #0880D6; }
.newIlist dd { float: left; margin-left: 7%; width: 24%; margin-bottom: 5%; }
.newIlist .time { color: #b3bcc3; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.newIlist .t { font-size: 18px; height: 28px; line-height: 1.5; overflow: hidden; margin-bottom: 40px; }
.newIlist .c { color: #7b8a97; font-size: 14px; height: 46px; overflow: hidden; margin-bottom: 60px; }
.newIlist a.more { width: 132px; height: 36px; text-align: center; line-height: 36px; display: block; background-color: #6a7884; color: #fff; position: relative; }
.newIlist a.more .i1 { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: 300ms; background-color: #0880D6; }
.newIlist a.more .i2 { position: relative; z-index: 1; }
.newIlist dd:hover .t a { color: #0880D6; }
.newIlist dd:hover .more .i1 { width: 100%; }
.newIlist dd:hover .c { color: #b3bcc3; }
.new-more-box{ padding: 20px 0px 60px;}
.new-more-btn{ display: block; width: 92px; height: 40px; line-height: 40px; border-bottom: 2px solid #0880d6; text-align: center; color: #0880d6; margin: 0px auto; font-size: 14px;}
.new-more-btn:hover{ color: #030101; border-bottom-color: #030101;}
.customerIbox a:link, .customerIbox a:visited { color: #fff; }
.customerIbox a:active, .customerIbox a:hover { color: #fff; }
.customerIbox { background-color: #89b4d8; position: relative; color: #fff; }
.customerIbox .cbg { position: absolute; left: 0px; top: 0px; width: 50%; background-color: #b0c6d9; height: 100%; }
.customerIbox .inner { position: relative; z-index: 3; }
.customerIbox dd { float: left; display: block; height: 328px; }
.customerIbox .item1 { width: 328px; float: left; padding: 0px 24px 0px 32px; }
.customerIbox .item1 .t { font-size: 38px; padding: 50px 0px 20px; }
.customerIbox .item1 .c { line-height: 2; font-size: 14px; }
.customerIbox .item2 { width: 816px; background-color: #89b4d8; overflow: hidden; position: relative; }
.customerDemo .item { padding: 50px 0px; overflow: hidden; height: 228px; }
.customerDemo .item img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.customerDemo .owl-controls { position: absolute; margin-top: 0; left: 0px; bottom: 0px; }
.customerDemo .owl-controls .owl-buttons div { width: 36px; height: 30px; display: block; display: block; margin: 0px; border-radius: 0; float: left; text-indent: -10em; overflow: hidden; margin-right: 1px; }
.customerDemo .owl-controls .owl-buttons div.owl-prev { background: url(../bg/imgl.png) no-repeat scroll center center #0880d6; }
.customerDemo .owl-controls .owl-buttons div.owl-next { background: url(../bg/imgr.png) no-repeat scroll center center #0880d6; }
.customerDemo .owl-controls .owl-buttons div:hover { background-color: #e7f0f7; }
.customerDemo a:hover img { transform: scale(0.8); -webkit-transform: scale(0.8); }
/*index style end*/
/*about style*/
.p-padding { padding: 6% 0px; }
.pt { font-size: 30px; color: #0880D6; font-weight: bold; line-height: 1.2; }
.pcimg { position: relative; }
.pcimg img { position: relative; margin-top: -140px; }
.pdl .con, .pdl .img { float: left; display: block; width: 48%; }
.pdl .con { margin-right: 4%; text-align: justify; }
.pdl .img img { width: 100%; display: block; }
.pdl2 .con, .pdl2 .img { float: left; display: block; width: 48%; }
.pdl2 .con { margin-left: 4%; text-align: justify; }
.pdl2 .img img { width: 100%; display: block; }
.glimpseBox { padding-bottom: 6%; }
.glimpseBox .t { padding: 65px 0px; text-align: center; font-weight: bold; font-size: 30px; color: #0880D6; }
.line { background-color: #e5e5e5; height: 1px; width: 170px; margin: 0px auto; display: block; margin-top: 10px; }
.line .blue { background-color: #0880D6; width: 33%; height: 1px; line-height: 1px; margin: 0px auto; display: block; }
.glimpseDemo li { width: 471px; margin: 0px 10px 0px 0px; float: left; display: block; }
.glimpseDemo li.item3 { width: 238px; margin-right: 0px; }
.glimpseDemo li .img { width: 100%; display: block; }
.glimpseDemo li .kitem { position: relative; overflow: hidden; display: block; margin-bottom: 10px; }
.glimpseDemo li a { display: none; }
.glimpseDemo li a.itema { display: block; }
.glimpseDemo li a > div { position: absolute; width: 100%; height: 100%; background: url(../bg/bluebg.png) repeat; display: none; }
.glimpseDemo li .btn { position: absolute; left: 0px; width: 98px; height: 119px; top: 50%; left: 50%; margin: -59px 0px 0px -49px; }
.glimpseDemo li .ico { background: url(../bg/y.png) no-repeat; width: 47px; height: 47px; position: relative; margin: 0px auto 38px; display: block; }
.glimpseDemo li .ico i { background: url(../bg/add.png) no-repeat; width: 19px; height: 19px; position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -10px; }
.glimpseDemo li .more { border: 2px solid #fff; width: 94px; height: 30px; text-align: center; line-height: 30px; color: #fff; display: block; margin: 0px auto; }
.glimpseDemo li .kitem2 { float: left; display: block; width: 230px; margin-right: 10px; }
.glimpseDemo li .kitem3 { float: left; display: block; width: 230px; }
.glimpseDemo li .kitem6 { width: 100%; display: block; }
.glimpseDemo li .kitem8 .btn { margin-top: -23px; }
.glimpseDemo li .kitem8 .ico { margin-bottom: 0px; }
.glimpseDemo li .kitem8 .more { display: none; }
div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -101%; }
.da-slideFromBottom { left: 0px; top: 101%; }
.da-slideFromLeft { top: 0px; left: -101%; }
.da-slideFromRight { top: 0px; left: 101%; }
/* Final state classes: */
.da-slideTop { top: 0px; }
.da-slideLeft { left: 0px; }
.no-touchevents .glimpseBox .target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.no-touchevents .glimpseBox .action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 300ms; }
.no-touchevents .glimpseDemo .target .kitem { transform: scale(0.8); -webkit-transform:: scale(0.8); opacity: 0; }
.no-touchevents .glimpseDemo .action .kitem { transform: scale(1); -webkit-transform:: scale(1); opacity: 1; }
.no-touchevents .glimpseDemo .action .kitem1 { transition: 400ms ease 350ms; }
.no-touchevents .glimpseDemo .action .kitem2 { transition: 600ms ease 450ms; }
.no-touchevents .glimpseDemo .action .kitem3 { transition: 800ms ease 550ms; }
.no-touchevents .glimpseDemo .action .kitem4 { transition: 1000ms ease 650ms; }
.no-touchevents .glimpseDemo .action .kitem5 { transition: 1200ms ease 750ms; }
.no-touchevents .glimpseDemo .action .kitem6 { transition: 1400ms ease 850ms; }
.no-touchevents .glimpseDemo .action .kitem7 { transition: 1600ms ease 950ms; }
.no-touchevents .glimpseDemo .action .kitem8 { transition: 1800ms ease 1050ms; }
/*.no-touchevents*/ .pageC.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
/*.no-touchevents*/ .pageC.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 600ms ease 450ms; }
/*about style end*/
/*aboutFalcon style*/
.faloconList a:link, .faloconList a:visited { color: #6A7884; }
.faloconList a:active, .faloconList a:hover { color: #0880D6; }
.faloconList dd { transition: 300ms; }
.faloconList .inner { padding: 6% 0px; }
.faloconList .img { width: 254px; overflow: hidden; float: left; display: block; overflow: hidden; }
.faloconList .img img { width: 100%; display: block; }
.faloconList .con { padding: 0px 0px 0px 310px; }
.faloconList .con .t { font-size: 30px; font-weight: bold; color: #0880D6; line-height: 1.2; margin-bottom: 10px; }
.faloconList .con .c { font-size: 14px; }
.faloconList dd:hover { background-color: #e2e2e2 !important; }
/*.no-touchevents*/ .faloconList .target .img { opacity: 0; transform: translate(0px, 20px); -webkit-transform: translate(0px,20px); }
/*.no-touchevents*/ .faloconList .target .con { transform: translate(20px,0px); -webkit-transform: translate(20px,0px); opacity: 0; }
/*.no-touchevents*/ .faloconList .action .img, /*.no-touchevents*/ .faloconList .action .con { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
/*.no-touchevents*/ .faloconList .action .img { transition: 400ms ease 350ms; }
/*.no-touchevents*/ .faloconList .action .con { transition: 600ms ease 450ms; }
/*aboutFalcon style end*/
/*honor style*/
.honorList ul { margin-left: -61px; }
.honorList li { float: left; display: block; width: 254px; overflow: hidden; text-align: center; margin: 0px 0px 24px 61px; opacity: 0; -webkit-transform: translate(50, 0px); -moz-transform: translate(50px, 0px); -o-transform: translate(50px, 0px); -ms-transform: translate(50px, 0px); transform: translate(50px, 0px); transition: 400ms ease 300ms; }
.honorList li .img { width: 100%; position: relative; overflow: hidden; }
.honorList li .img .bord { position: absolute; left: 0px; top: 0px; width: 100%; display: block; z-index: 1; }
.honorList li .img img { width: 100%; display: block; }
.honorList li .name { font-size: 14px; color: #696969; height: 44px; line-height: 1.4; margin-top: 8px; width: 100%; }
.honorList li.initLi { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
/*honor style end*/
/*environmental style*/
.environmentalnav { width: 204px; float: right; display: block; }
.environmentalnav a { display: block; width: 100%; height: 48px; line-height: 48px; color: #fff; background-color: #99b7d1; text-align: center; font-size: 14px; margin-bottom: 3px; }
.environmentalnav a:hover { background-color: #3471B8; }
.environmentalnav a.act { background-color: #0880D6; }
.environmentalPage { margin: 0 auto; width: 954px; }
.environImg { width: 740px; margin: 0px auto; }
.environImg .item p { margin: 0px 5px; }
.environImg .item.slick-center p { border: 1px solid #1f87d0; }
.environImg img { width: 100%; display: block; }
.environmentalPage .slick-prev { background: url(../bg/il2.png) no-repeat scroll center center; width: 25px; height: 25px; left: -30px; z-index: 100;}
.environmentalPage .slick-next { background: url(../bg/ir2.png) no-repeat scroll center center; width: 25px; height: 25px; right: -30px; z-index: 100; }
.environmentalPage .slick-prev:hover { background-image: url(../bg/il.png); }
.environmentalPage .slick-next:hover { background-image: url(../bg/ir.png); }
.attachList a:link, .attachList a:visited { color: #696969; }
.attachList a:active, .attachList a:hover { color: #3471B8; }
.attachList li { padding: 70px 0px; background: url(../bg/bot1.gif) repeat-x scroll left bottom; color: #696969; transition: 400ms; overflow: hidden; }
.attachList .img { float: left; display: block; width: 47%; }
.attachList .img img { width: 100%; display: block; }
.attachList .con { width: 46%; float: right; display: block; }
.attachList .con .t { line-height: 1.4; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid #bfbfbf; }
.attachList .con .t a { font-size: 24px; }
.attachList .con .txt { font-size: 14px; height: 145px; margin-bottom: 10%; overflow: hidden; }
.attachList .odditem .img { float: right; }
.attachList .odditem .con { float: left; }
.attachList li .more3, .attachList li .more3:hover { color: #fff; }
.attachList li .more3:hover:before { width: 100%; left: 0px; }
.attachList li .more3:hover:after { width: 100%; left: 0px; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../bg/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev { left: -25px; }

.slick-next { right: -25px; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

/*environmental style end*/
/*business style*/
.businessList { width: 1170px; margin: 0px auto; }
.businessList ul { margin-left: -34.5px; }
.businessList li { width: 367px; float: left; display: block; margin: 0px 0% 32px 34.5px; }
.businessItem { border: 1px solid #efefef; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; border-radius: 1px; background-color: #fff; transition: 300ms; overflow: hidden; }
.businessItem a { display: block; padding-bottom: 52px; }
.businessItem .img { overflow: hidden; }
.businessItem .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.businessItem .t { font: 24px/60px "microsoft yahei"; color: #696969; height: 60px; overflow: hidden; padding: 0px 20px; transition: 300ms; }
.businessItem .c { height: 84px; overflow: hidden; padding: 0px 20px; margin-bottom: 35px; font-size: 14px; line-height: 1.5; }
.more3 { color: #b3b3b3; height: 36px; line-height: 36px; transition: 300ms; width: 120px; text-align: center; background-color: #0880D6; color: #fff; display: block; position: relative; }
.more3 i { font-size: 14px; position: relative; z-index: 1; display: block; font-style: inherit; }
.more3:before, .more3:after { width: 0; height: 100%; content: ""; display: block; background-color: #6391b9; position: absolute; left: 0px; bottom: 0; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.businessList li .more3 { margin-left: 20px; }
.businessList a:link, .businessList a:visited { color: #696969; }
.businessList a:active, .businessList a:hover { color: #696969; }
.businessList li:hover .businessItem { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.businessList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; }
.businessList li:hover .t { color: #0880D6; }
.businessList li:hover .more3:before { width: 100%; left: 0px; }
.businessList li:hover .more3:after { width: 100%; left: 0px; }
/*.no-touchevents*/ .businessList.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
/*.no-touchevents*/ .businessList.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 400ms ease 350ms; }
.businessItem2 a:link, .businessItem2 a:visited { color: #fff; }
.businessItem2 a:active, .businessItem2 a:hover { color: #6391B9; }
.businessItem2 { position: relative; overflow: hidden; }
.businessItem2 .img { width: 100%; display: block; }
.businessItem2 .con { position: absolute; background: url(../bg/black2.png) repeat; width: 1070px; padding: 35px 50px 45px; left: 50%; margin-left: -535px; bottom: 8%; color: #fff; text-align: center; }
.businessItem2 .con .t { font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 28px; }
.businessItem2 .con .c { font-size: 14px; margin-bottom: 32px; height: 76px; overflow: hidden; }
.businessItem2 .con .more3 { margin: 0px auto; }
.businessItem2 .con .more3:hover { background-color: #6391B9; color: #fff; }
.businessItem2 .target.con { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0px, 50px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); transition: 600ms ease 450ms; }
.businessItem2 .action.con { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
.businessItem3 a:link, .businessItem3 a:visited { color: #fff; }
.businessItem3 a:active, .businessItem3 a:hover { color: #6391B9; }
.businessItem3 { position: relative; overflow: hidden; }
.businessItem3 .img { width: 100%; display: block; }
.businessItem3 .blackbg { position: absolute; background: url(../bg/black2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.businessItem3 .con { position: absolute; width: 1070px; left: 50%; top: 40%; text-align: center; margin: 0px 0px 0px -535px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
.businessItem3 .con .t { font-size: 38px; line-height: 1.2; }
.businessItem3 .con .c { font: 30px/1.5 Arial, Helvetica, sans-serif; overflow: hidden; }
.businessItem3 .con .more3:hover i { color: #fff; }
.businessItem3 .con .more3:hover:before { width: 100%; left: 0px; }
.businessItem3 .con .more3:hover:after { width: 100%; left: 0px; }
.businessItem3 .target.con { opacity: 0; -webkit-transform: translate(-50px, 0px); -moz-transform: translate(-50px, 0px); -o-transform: translate(-50px, 0px); -ms-transform: translate(-50px, 0px); transform: translate(-50px, 0px); transition: 600ms ease 450ms; }
.businessItem3 .action.con { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
.busineddIT { position: relative; top: -92px; width: 260px; padding: 60px 14px 80px; background-color: #0880d6; color: #fff; }
.busineddIT .en { font: italic 18px/1.2 arial, Helvetica, sans-serif; margin-bottom: 15px; }
.busineddIT .zh { font: 24px/1.4 "microsoft yahei"; }
.bgd3e9f6 { background-color: #d3e9f6; }
.infoPaging { text-align: center; }
.infoPaging a { display: block; padding: 22px 0px; height: 30px; color: #6a7884; font: 14px/30px "microsoft yahei"; }
.infoPaging a span { font-family: "宋体"; }
.infoPaging a.list { margin: 0px auto; width: 40px; background: url(../bg/list.png) no-repeat scroll center center; }
.infoPaging a:hover { color: #0880D6; }
.infoPaging a.list:hover { transform: scaleX(1.5); -webkit-transform: scaleX(1.5); transition: 400ms; }
.infoPage { margin: 0px auto 6%; overflow: hidden; }
.businessPage.target .busineddIT, .businessPage.target .infoPage { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0px, 50px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); transition: 600ms ease 450ms; }
.businessPage.action .busineddIT, .businessPage.action .infoPage { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
.lemore { padding: 15px 0px; display: block; text-align: center; color: #626262; margin: 5% 0px 0px; background-color: #cccccc; font-size: 14px; }
.lemore .ico { background: url(../bg/ledmore.png) no-repeat scroll right center; padding-right: 30px; }
.lemore:hover { background-color: #e9e9e9; }
.businessReT { border-bottom: 1px solid #0880d6; color: #5085ca; height: 0px; position: relative; margin-bottom: 50px; text-align: center; }
.businessReT span { position: relative; top: -14px; font-size: 24px; line-height: 1; padding: 0px 45px; background-color: #fff; }
.businessReC { overflow: hidden; margin-bottom: 60px; }
.businessReC ul { margin-left: -2%; }
.businessReC li { float: left; display: block; width: 48%; margin: 0px 0px 30px 2%; text-align: center; font-size: 14px; }
.businessReC .img { width: 100%; display: block; margin-bottom: 10px; }
.businessReC .itema { display: block; }
.businessReC a:link, .businessReC a:visited { color: #696969; }
.businessReC a:active, .businessReC a:hover { color: #696969; }
/*business style end*/
/*customer style*/
.customerPage { padding: 48px 0px; border-bottom: 1px solid #e5e5e5; margin-bottom: 48px; }
.pt2 { font-size: 24px; color: #0880D6; font-weight: bold; line-height: 1.2; }
.pdl3 dd { width: 44%; float: left; display: block; text-align: justify; }
.pdl3 dd.item1 { margin-right: 12%; }
.customerDL { padding-bottom: 30px; }
.customerDL dt { margin-bottom: 24px; }
.customerList { margin-left: -4%; }
.customerList li { width: 16%; margin: 0px 0px 30px 4%; float: left; display: block; overflow: hidden; }
.customerList img { max-width: 100%; transition: 400ms; -webkit-transition: 400ms; }
.customerList a:hover img { transform: scale(0.9); -webkit-transform: scale(0.9); }
/*customer style end*/
/*news style*/
.newsList a:link, .newsList a:visited { color: #696969; }
.newsList a:active, .newsList a:hover { color: #696969; }
.newsList ul { margin-left: -2%; }
.newsList li { width: 31.33%; float: left; display: block; margin: 0px 0% 2% 2%; }
.nItem { border: 1px solid #efefef; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; border-radius: 1px; background-color: #fff; transition: 300ms; overflow: hidden; }
.nItem a { display: block; padding-bottom: 22px; }
.nItem .img { overflow: hidden; background-color: #000; }
.nItem .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.nItem .t { font: 15px/1.8 "microsoft yahei"; color: #696969; overflow: hidden; padding: 20px 25px 0px; height: 32px; margin-bottom: 5px; transition: 300ms; }
.nItem .c { padding: 0px 25px; height: 40px; overflow: hidden; margin-bottom: 18px; }
.nItem .more3 { background-color: #cccccc; margin-left: 25px; }
.nItem .more3:before, .nItem .more3:after { background-color: #0880D6; }
.newsList li .more3 { margin-left: 25px; }
.newsList li:hover .more3:before { width: 100%; left: 0px; }
.newsList li:hover .more3:after { width: 100%; left: 0px; }
.newsList li:hover .nItem { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.newsList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; }
/*.no-touchevents*/ .newsList.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
/*.no-touchevents*/ .newsList.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 400ms ease 350ms; }
.paging { text-align: center; padding: 50px 0px; }
.paging a:link, .paging a:visited { color: #555555; }
.paging a:active, .paging a:hover { color: #fff; background-color: #0e90d2; }
.paging a, .paging span { background-color: #fff; padding: 7px 12px; border: 1px solid #ededed; }
.paging a.next, .paging a.prev { margin: 0px 5px; }
.paging span { background-color: #0e90d2; color: #fff; }
.infoT { text-align: center; color: #6f6f6f; padding-bottom: 18px; border-bottom: 1px solid #cccccc; margin: 5% auto 3%; }
.infoT .t { font-size: 24px; line-height: 1.5; }
/*news style end*/
/*join style*/
.line2 { width: 100%; }
.jimg { float: right; }
.jtab { width: 48%; }
.hrPage { padding: 5% 0px; }
.hrT { padding: 15px 2%; width: 92%; margin: 0px auto; }
.join-dl { color: #575757; border-top: 3px solid #e6e6e6; width: 96%; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 3px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; }
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #575757; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color: #fff; }
.join-dd { padding: 28px 20px 40px; display: none; color: #b0b0b0; font-size: 14px; line-height: 1.5; background-color: #f6f8f9; border-bottom: 3px solid #e6e6e6; }
.join-dl dt.joinact { background-color: #0880d6; color: #fff; }
.hrT a.down { border-bottom: 1px solid #d00000; color: #d00000; }
.staffList a:link, .staffList a:visited { color: #555555; }
.staffList a:active, .staffList a:hover { color: #fff; }
.staffList ul { margin-left: -2%; }
.staffList li { float: left; display: block; width: 31.33%; margin: 0px 0px 2% 2%; }
.staffList li .img { overflow: hidden; background-color: #000; }
.staffList li .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; }
.staffList .name { padding: 20px 20px 10px; font-size: 14px; line-height: 1.5; background-color: #f6f8f9; position: relative; }
.staffList .name:before, .staffList .name:after { width: 100%; height: 0px; content: ""; display: block; background-color: #0880d6; position: absolute; left: 0px; top: 0; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.staffList .name span { height: 40px; display: block; overflow: hidden; position: relative; z-index: 1; }
.staffList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; }
.staffList li:hover .name:before, .staffList li:hover .name:after { height: 100%; }
/*join style end*/
/*contact style*/
.map { height: 500px; position: relative; width: 100%; overflow: hidden; }
.contactDL dd { float: left; display: block; width: 50%; }
.contactDL dd.item1 { margin-right: 5%; color: #a3a3a3; font-size: 18px; }
.contactDL dd.item2 { width: 45%; }
.contactDL .pt2 { margin-bottom: 45px; }
.formBox .mtxt { border: 0px none; padding: 0px; border-bottom: 1px solid #bbbbbb; width: 80%; color: #797777; height: 32px; margin-bottom: 12px; font-family: "microsoft yahei"; line-height: 32px; font-size: 12px; }
.formBox .mtxt2 { width: 100%; margin-bottom: 22px; height: 75px; line-height: 1.8; resize: none; }
.formBox .mbtn { width: 130px; height: 40px; line-height: 40px; text-align: center; background-color: #8cc856; display: block; color: #fff; }
.formBox input[type="text"]:focus, .formBox textarea:focus { border-bottom: 1px solid #6a7884; }
.formBox .mbtn:hover { background-color: #0880D6; }
/*contact style end*/
/*serach style*/
.serachBanner { background-color: #f9f9f9; padding: 82px 0px 28px; }
.serachBanner .t { font: 24px/1.4 "microsoft yahei"; color: #525252; float: left; display: block; }
.serachI { float: right; display: block; }
.serachI .i-input { float: left; display: block; width: 225px; position: relative; height: 26px; }
.i-input .itxt { background-color: #fff; border: 1px solid #DEDEDE; height: 24px; line-height: 24px; padding: 0px 5px 0px 36px; width: 182px; display: block; }
.i-input .ico { background: url(../bg/serach_ico3.png) no-repeat scroll center center; width: 35px; height: 26px; position: absolute; left: 0px; top: 0px; }
.serachI .ibtn { float: left; display: block; margin-left: 4px; width: 58px; height: 26px; cursor: pointer; color: #fff; text-align: center; border: 1px solid #48a0df; background-color: #0880D6; }
.serachI .ibtn2 { border: 1px solid #b3c9dc; background-color: #99B7D1; }
.serachI input[type="text"]:focus { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.serachPage { color: #787878; padding: 80px 0px 0px; word-break: break-all; word-wrap: break-word; }
.serachPage a:link, .serachPage a:visited { color: #787878; }
.serachPage a:active, .serachPage a:hover { color: #323131; }
.serachDT { position: relative; padding: 12px 80px; border-bottom: 1px solid #f2f2f2; cursor: pointer; }
.addico { position: absolute; right: 26px; top: 16px; width: 19px; height: 19px; display: block; transition: all 0.5s ease 0.1s; -webkit-transition: all 0.5s ease 0.1s; }
.addico i { display: block; position: absolute; left: 0px; top: 0px; background-color: #787878; }
.addico .i1 { width: 3px; height: 100%; display: block; margin: 0px auto; left: 8px; }
.addico .i2 { width: 100%; height: 3px; top: 8px; }
.serachDT .t { font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.serachDT .ico { background: url(../bg/si1.png) no-repeat; width: 14px; height: 13px; display: block; position: absolute; left: 38px; top: 18px; }
.serachDD { display: none; }
.serachTbl { background-color: #f2f2f2; width: 100%; }
.serachTbl td { border-top: 1px solid #ffffff; padding: 12px 20px; }
.serachTbl td.sr { text-align: right; border-right: 1px solid #fff; width: 88px; }
.serachDTact { background-color: #0880d6; color: #fff; border-bottom: 0px none; }
.serachDTact .ico { background-image: url(../bg/si2.png); }
.serachDTact .addico { transform: rotate(180deg); }
.serachDTact .addico i { background-color: #fff; }
.serachDTact .addico .i1 { display: none; }
#material-tbl { width: 100%; text-align: center; }
#material-tbl thead { background: #0880d6; color: #fff; font-size: 18px; }
#material-tbl tbody { background: #f2f2f2; }
#material-tbl thead td { padding: 5px; }
#material-tbl tbody td { padding: 10px 5px; }
/*serach style end*/