body { background-color: #fff; }

.index .main_tt { margin-bottom: 30px; text-align: center; }
.index .main_tt h2 { margin-bottom: 12px; font-size: 18px; font-weight: 700; color: #333; }
.index .main_tt p { font-size: 14px; color: #999; text-transform: uppercase; }
.index .sub_tt { height: 16px; line-height: 16px; }
.index .sub_tt p { padding-left: 8px; border-left: 4px solid #2972d6; font-size: 14px; color: #333; font-weight: 700; }
.index .sub_tt a { color: #888; }
.index .sub_tt a:hover { color: #2972d6; }
.index .sub_tt span { font-family: simsun; }
.index .main { position: relative; }
.index .main .center { position: absolute; top: 312px; left: 50%; margin-left: -320px; width: 640px; }
.index .main .center .tt { text-align: center; }
.index .main .search { margin-top: 28px; width: 640px; height: 48px; line-height: 48px; background-color: #fff; border-radius: 2px; }
.index .main .search dl { position: relative; float: left; width: 100px; color: #333; cursor: pointer; z-index: 6; }
.index .main .search dl:hover dt:after { transform: rotate(-180deg); }
.index .main .search dt { position: relative; padding-left: 20px; height: 50px; }
.index .main .search dt:before { position: absolute; top: 14px; right: 0px; width: 1px; height: 20px; background: #e8e8e8; content: ''; }
.index .main .search dt:after { position: absolute; top: 22px; right: 18px; width: 7px; height: 4px; background: url(../img/index/nav_ico.png) no-repeat -100px -50px; content: ''; transition: all .2s ease; }
.index .main .search dd { position: absolute; top: 49px; left: 0; display: none; padding: 5px 0; width: 100%; line-height: 30px; background-color: #fff; border-radius: 2px; }
.index .main .search dd p { padding-left: 20px; }
.index .main .search dd p:hover { background-color: #d6edff; }
.index .main .search i { float: left; margin: 17px 0 0 16px; width: 14px; height: 14px; background: url(../img/index/nav_ico.png) no-repeat -120px -50px; }
.index .main .search input { float: left; width: 410px; height: 48px; color: #333; text-indent: 5px; }
.index .main .search button { float: left; width: 100px; height: 48px; background-color: #418ffa; font-size: 14px; color: #fff; border-radius: 0 2px 2px 0; cursor: pointer; transition: all 0.3s ease; }
.index .main .search button:hover { background-color: #2972d6; }
.index .banner { width: 100%; height: 760px; }
.index .banner .bd { height: 760px; overflow: hidden; }
.index .banner .bd ul { width: 100% !important; }
.index .banner .bd li { float: left; display: inline; width: 100% !important; height: 760px; background-position: center; background-repeat: no-repeat; }

.ind_nav .to_unfold { position: fixed; right: 0; top: 0; z-index: 9; padding-left: 62px; width: 138px; height: 48px; line-height: 48px; background: url(../img/index/nav_ico.png) no-repeat 0 0; cursor: pointer; }
.ind_nav .to_unfold span { font-size: 14px; color: #fff; }
.ind_nav .to_unfold i { display: inline-block; vertical-align: middle; margin: 0 0 4px 6px; width: 31px; height: 13px; background: url(../img/index/nav_ico.png) no-repeat 0 -50px; }
.ind_nav .to_pack > div { position: fixed; left: 50%; }
.ind_nav .to_pack > div .tine { position: absolute; top: 0; }
.ind_nav .to_pack .name { top: 0; z-index: 10; transition: left 0.8s ease; margin-left: -600px; width: 1510px; height: 48px; line-height: 48px; background-color: #2b7ae7; }
.ind_nav .to_pack .name .tine { left: -50px; width: 50px; height: 48px; background: url(../img/index/nav_ico.png) no-repeat 0 0; }
.ind_nav .to_pack .name .jt { display: inline-block; vertical-align: middle; margin: 0 16px 4px 10px; width: 31px; height: 13px; background: url(../img/index/nav_ico.png) no-repeat -50px -50px; }
.ind_nav .to_pack .name span { font-size: 18px; font-weight: 700; color: #fff; }
.ind_nav .to_pack .bg { top: 36px; z-index: 11; transition: left 0.8s 0.2s ease; margin-left: -40px; width: 1000px; height: 40px; background-color: #fead2e; }
.ind_nav .to_pack .bg .tine { left: -42px; width: 42px; height: 40px; background: url(../img/index/nav_ico.png) no-repeat -50px -70px; }
.ind_nav .to_pack .bar { top: 0px; z-index: 12; transition: left 0.7s 0.4s ease; margin-left: -94px; width: 1054px; height: 36px; line-height: 36px; background-color: #33598e; }
.ind_nav .to_pack .bar .tine { left: -38px; width: 38px; height: 36px; background: url(../img/index/nav_ico.png) no-repeat 0 -70px; }
.ind_nav .to_pack .bar .txt { width: 694px; color: #fff; text-align: right; }
.ind_nav .to_pack .bar a { color: #fff; margin: 0 14px; }
.ind_nav .to_pack .bar a:last-child { margin: 0 0 0 30px; }
.ind_nav .to_pack .bar a:hover { text-decoration: underline; }
.ind_nav .to_pack .info { top: 36px; z-index: 13; transition: left 0.6s 0.6s ease; margin-left: -8px; width: 968px; height: 48px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
.ind_nav .to_pack .info .tine { left: -50px; width: 50px; height: 48px; background: url(../img/index/nav_ico.png) no-repeat -100px -70px; }
.ind_nav .to_pack .info li { position: relative; float: left; margin-left: 6px; width: 100px; }
.ind_nav .to_pack .info li:hover > a { color: #1d95f6; }
.ind_nav .to_pack .info li:hover > a i { background-position-x: -110px; }
.ind_nav .to_pack .info li a { display: block; padding-left: 18px; }
.ind_nav .to_pack .info li > a { line-height: 48px; font-size: 14px; font-weight: 700; color: #333; }
.ind_nav .to_pack .info li > a i { display: inline-block; vertical-align: middle; margin-left: 7px; width: 7px; height: 4px; background: url(../img/index/nav_ico.png) no-repeat -100px -50px; }
.ind_nav .to_pack .info li .sub { display: none; position: absolute; padding: 5px 0; width: 100%; top: 48px; left: 0; border-radius: 0 0 2px 2px; background-color: #fff; line-height: 30px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.ind_nav .to_pack .info li .sub a { color: #333; }
.ind_nav .to_pack .info li .sub a:hover { color: #1d95f6; background-color: #e1f2ff; }

.ind_nav_to .to_pack > div { left: 200%; }

.arrow_box { position: absolute; left: 50%; top: 700px; margin-left: -25px; width: 50px; height: 50px; cursor: pointer; }
.arrow_box .arrow { position: absolute; left: 50%; margin-left: -8px; top: 30px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.arrow_box .arrow-1 { -webkit-animation: arrow-movement 2s ease-in-out infinite; animation: arrow-movement 2s ease-in-out infinite; }
.arrow_box .arrow-2 { -webkit-animation: arrow-movement 2s 1s ease-in-out infinite; animation: arrow-movement 2s 1s ease-in-out infinite; }
.arrow_box .arrow:before, .arrow_box .arrow:after { background: #fff; content: ''; display: block; height: 1px; position: absolute; top: 0; left: 0; width: 18px; }
.arrow_box .arrow:before { -webkit-transform: rotate(45deg) translateX(-23%); transform: rotate(45deg) translateX(-23%); -webkit-transform-origin: top left; transform-origin: top left; }
.arrow_box .arrow:after { -webkit-transform: rotate(-45deg) translateX(23%); transform: rotate(-45deg) translateX(23%); -webkit-transform-origin: top right; transform-origin: top right; }

.ind_window { padding-top: 40px; padding-bottom: 66px; }
.ind_window .win_l { width: 580px; }
.ind_window .win_r { width: 606px; }
.ind_window .part { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.ind_window .news { position: relative; height: 426px; margin-bottom: 20px; }
.ind_window .news .bd { height: 426px; overflow: hidden; }
.ind_window .news .bd li { float: left; display: inline; width: 100%; height: 426px; }
.ind_window .news .hd { position: absolute; right: 0; top: 300px; padding-right: 16px; }
.ind_window .news .hd li { float: left; margin: 0 4px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; opacity: 0.6; font-size: 0; }
.ind_window .news .hd li.on { opacity: 1; }
.ind_window .news img { width: 580px; height: 330px; }
.ind_window .news .txt { margin-top: 12px; line-height: 22px; }
.ind_window .news h4 { margin-bottom: 10px; font-weight: 400; }
.ind_window .news h4 a { display: inline-block; vertical-align: top; max-width: 100%; font-size: 18px; color: #333; }
.ind_window .news h4 a:hover { color: #2972d6; }
.ind_window .news p { height: 44px; color: #777; overflow: hidden; }
.ind_window .news p a { color: #2972d6; }
.ind_window .news p a:hover { text-decoration: underline; }
.ind_window .situ { padding: 20px; height: 324px; }
.ind_window .situ .sub_tt { margin-bottom: 20px; }
.ind_window .situ .map { width: 538px; height: 138px; border: 1px solid #eee; }
.ind_window .situ .txt { margin-top: 16px; height: 120px; line-height: 24px; font-size: 14px; color: #333; overflow: hidden; }
.ind_window .situ .txt a { color: #2972d6; }
.ind_window .situ .txt a:hover { text-decoration: underline; }
.ind_window .inform { position: relative; height: 426px; margin-left: 26px; margin-bottom: 20px; }
.ind_window .inform .bd { height: 426px; overflow: hidden; }
.ind_window .inform .bd li { float: left; display: inline; width: 100%; height: 426px; }
.ind_window .inform .hd { position: absolute; left: 0; top: 0; }
.ind_window .inform .hd li { float: left; margin-right: 6px; width: 90px; height: 38px; line-height: 38px; text-align: center; background-color: #eaecee; font-size: 14px; color: #555; font-weight: 700; cursor: pointer; }
.ind_window .inform .hd li.on { background-color: #2972d6; color: #fff; }
.ind_window .inform .more { height: 37px; line-height: 37px; border-bottom: 1px solid #e8e8e8; text-align: right; }
.ind_window .inform .more a { color: #888; }
.ind_window .inform .more span { font-family: simsun; }
.ind_window .inform .txt { margin-top: 20px; padding-bottom: 16px; line-height: 22px; border-bottom: 1px solid #e8e8e8; }
.ind_window .inform .txt h4 { margin-bottom: 8px; font-weight: 400; }
.ind_window .inform .txt h4 a { display: inline-block; vertical-align: top; max-width: 100%; font-size: 16px; color: #333; }
.ind_window .inform .txt h4 a:hover { color: #2972d6; }
.ind_window .inform .txt p { height: 44px; color: #777; overflow: hidden; }
.ind_window .inform .txt p a { color: #2972d6; }
.ind_window .inform .txt p a:hover { text-decoration: underline; }
.ind_window .inform .ls { line-height: 22px; font-size: 14px; }
.ind_window .inform .ls .item { margin-top: 16px; }
.ind_window .inform .ls p { position: relative; width: 420px; padding-left: 12px; }
.ind_window .inform .ls a { color: #333; }
.ind_window .inform .ls a:before { position: absolute; left: 0; top: 10px; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #aaa; }
.ind_window .inform .ls a:hover { color: #2972d6; text-decoration: underline; }
.ind_window .inform .ls a:hover:before { background-color: #2972d6; }
.ind_window .inform .ls span { font-family: arial; color: #999; }
.ind_window .mien { padding: 20px 12px; width: 292px; height: 324px; }
.ind_window .mien .sub_tt { margin: 0 0 12px 8px; }
.ind_window .mien li a { display: block; padding: 8px; }
.ind_window .mien li a:hover { box-shadow: 0 0 5px rgba(0, 106, 191, 0.15); }
.ind_window .mien li a:hover p { color: #2972d6; }
.ind_window .mien li a:hover i { display: none; }
.ind_window .mien li a:hover span { display: block; }
.ind_window .mien img { width: 58px; height: 58px; border: 1px solid #eee; }
.ind_window .mien .txt { width: 204px; }
.ind_window .mien .txt p { line-height: 30px; font-size: 14px; color: #333; }
.ind_window .mien .txt i { display: block; margin-top: 12px; width: 30px; height: 9px; background: url(../img/index/nav_ico.png) no-repeat -140px -50px; }
.ind_window .mien .txt span { display: none; margin-top: 4px; width: 72px; height: 26px; line-height: 26px; text-align: center; border-radius: 2px; background-color: #2972d6; color: #fff; }
.ind_window .indu { padding: 20px; width: 236px; height: 324px; }
.ind_window .indu ul { position: relative; }
.ind_window .indu li { position: absolute; border-radius: 50%; width: 72px; height: 72px; line-height: 1.2; }
.ind_window .indu li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 50%; text-align: center; font-size: 14px; }
.ind_window .indu .ball0 { top: 43px; left: 107px; box-shadow: 0 0 5px rgba(22, 76, 215, 0.1); }
.ind_window .indu .ball0 a { color: #164cd7; box-shadow: inset 0 0 20px rgba(22, 76, 215, 0.5); }
.ind_window .indu .ball1 { top: 52px; left: 12px; box-shadow: 0 0 5px rgba(11, 191, 185, 0.1); }
.ind_window .indu .ball1 a { color: #0bbfb9; box-shadow: inset 0 0 20px rgba(11, 191, 185, 0.5); }
.ind_window .indu .ball2 { top: 120px; left: 164px; box-shadow: 0 0 5px rgba(222, 99, 8, 0.1); }
.ind_window .indu .ball2 a { color: #de6308; box-shadow: inset 0 0 20px rgba(222, 99, 8, 0.5); }
.ind_window .indu .ball3 { top: 125px; left: 76px; width: 80px; height: 80px; line-height: 80px; box-shadow: 0 0 5px rgba(41, 114, 214, 0.1); }
.ind_window .indu .ball3 a { color: #2972d6; box-shadow: inset 0 0 20px rgba(41, 114, 214, 0.5); }
.ind_window .indu .ball4 { top: 154px; left: 0; box-shadow: 0 0 5px rgba(120, 46, 203, 0.1); }
.ind_window .indu .ball4 a { color: #782ecb; box-shadow: inset 0 0 20px rgba(120, 46, 203, 0.5); }
.ind_window .indu .ball5 { top: 214px; left: 106px; box-shadow: 0 0 5px rgba(12, 173, 125, 0.1); }
.ind_window .indu .ball5 a { color: #0cad7d; box-shadow: inset 0 0 20px rgba(12, 173, 125, 0.5); }

.ind_adopt { padding-top: 40px; height: 600px; background: url(../img/index/adopt_bg.jpg) no-repeat center 0; }
.ind_adopt .adopt_l { width: 832px; height: 488px; background-color: #fff; }
.ind_adopt .adopt_l ul { padding: 0 14px; }
.ind_adopt .adopt_l li { position: relative; float: left; margin: 0 6px 12px; width: 230px; padding: 0 12px; height: 126px; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; transition: all .3s ease; }
.ind_adopt .adopt_l li h4 { font-size: 14px; font-weight: bold; color: #333; line-height: 48px; height: 48px; }
.ind_adopt .adopt_l li .txt { height: 36px; margin-bottom: 16px; }
.ind_adopt .adopt_l li .txt span { display: block; color: #888; margin-bottom: 10px; }
.ind_adopt .adopt_l li .txt p { color: #555; }
.ind_adopt .adopt_l li .txt div { width: 92px; border-right: 1px solid #eee; }
.ind_adopt .adopt_l li .txt .last { border-right: none; width: 106px; padding-left: 28px; }
.ind_adopt .adopt_l li:before { position: absolute; content: ''; left: 50%; width: 0; border-top: 2px solid #1d95f6; top: -1px; opacity: 0; filter: alpha(opacity=0); transition: all .3s ease; }
.ind_adopt .adopt_l li:hover { box-shadow: 0 0 10px rgba(44, 130, 255, 0.15); }
.ind_adopt .adopt_l li:hover h4 { color: #1d95f6; }
.ind_adopt .adopt_l li:hover:before { left: 0; width: 100%; opacity: 1; filter: alpha(opacity=100); }
.ind_adopt .adopt_r { width: 356px; height: 488px; background-color: #fff; }
.ind_adopt .adopt_r ul { padding: 0 12px; }
.ind_adopt .adopt_r li { float: left; width: 150px; margin: 0 8px 32px; }
.ind_adopt .adopt_r li .pic { width: 148px; height: 148px; border: 1px solid #eee; border-radius: 3px; overflow: hidden; }
.ind_adopt .adopt_r li .pic img { width: 148px; height: 148px; }
.ind_adopt .adopt_r li p { padding-top: 12px; font-size: 14px; color: #444; }
.ind_adopt .adopt_r li:hover p { color: #1d95f6; }
.ind_adopt .sub_tt { margin: 25px 20px 20px; }

.footer_v1 { background: #252525; color: #aaa; }
.footer_v1 a { color: #aaa; }
.footer_v1 .box { padding: 39px 0 29px; }
.footer_v1 ul li { line-height: 30px; }
.footer_v1 .t2 { display: inline-block; height: 36px; border-bottom: 1px solid #444; line-height: 36px; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
.footer_v1 .t2 span { font-size: 12px; font-weight: normal; text-transform: uppercase; }
.footer_v1 .contact { width: 360px; margin-right: 112px; }
.footer_v1 .contact .t { height: 67px; margin-bottom: 16px; color: #fff; }
.footer_v1 .contact .t h4 { font-size: 24px; line-height: 46px; }
.footer_v1 .contact .t p { line-height: 21px; font-size: 10px; font-family: arial; text-transform: uppercase; }
.footer_v1 .contact .us { height: 50px; margin-bottom: 12px; line-height: 25px; color: #aaa; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.footer_v1 .contact .addr { line-height: 24px; }
.footer_v1 .matrix { width: 254px; margin-right: 40px; }
.footer_v1 .link { width: 430px; }
.footer_v1 .link .t2 { padding-right: 22px; }
.footer_v1 .link ul { width: 180px; }
.footer_v1 .link .w250 { width: 250px; }
.footer_v1 .copy { background: #212121; line-height: 60px; color: #999; text-align: center; }

@-webkit-keyframes arrow-movement { 0% { opacity: 0; top: 10px; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes arrow-movement { 0% { opacity: 0; top: 10px; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

/*# sourceMappingURL=index.css.map */
