@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-10-27 10:04:32
 * @version $Id$
 */

/*PC-header*/
.pc-header { width: 100%; height: 145px; min-width: 1200px; margin: 0 auto; }
.pc-header .left { float: left; }
.pc-header .right { float: right; }
.pc-header .h-top { height: 40px; line-height: 40px; background-color: #009aad; color: #e2f0f2; font-size: 12px; }
.pc-header .h-top a { color: #e2f0f2 }
.pc-header .search { width: 175px; height: 23px; line-height: 23px; color: #d7d7d7; display: inline-block; vertical-align: middle; background-color: #fff; margin: 0 10px; }
.pc-header .search .search-txt { float: left; width: 140px; height: 23px; line-height: 23px; padding-left: 15px; }
.pc-header .search .search-btn { float: left; display: inline-block; width: 30px; height: 23px; line-height: 23px; padding-left: 15px; background: url(../images/search-btn.png) #fff center right no-repeat; }
.pc-header .h-nav { padding: 20px 0; }
.pc-header .h-nav .logo-tips { color: #7f7f7f; font-size: 14px; border-left: 1px solid #e7e7e7; padding-left: 20px; margin-left: 20px; float: left; margin-top: 15px; }
.logo { float: left; }
.logo img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; width: 100%; }
.logo img:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

/* moblie-header */
.moblie-header { position: relative; width: 100%; background: #FFFFFF; box-sizing: border-box; text-align: center; display: none; }
.m-top { padding: 10px; width: 100%; box-sizing: border-box; }
.m-logo { display: inline-block; width: 66px; margin: 0 auto; }
.m-logo img { width: 100%; }
.m-search { width: 20px; position: absolute; right: 10px; top: 50%; margin-top: -10px; }
.m-search img { width: 100%; }
.menuWrap { position: fixed; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.69); overflow-y: scroll; z-index: 9999999; display: none; }
.menu_bg { width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 99; }
.menu { width: 25px; position: absolute; left: 10px; top: 50%; margin-top: -10px; }
.menu img { width: 100%; }
.menu_box { width: 40%; height: 100%; position: absolute; top: 0px; left: -640px; background: #009aad; z-index: 9999;/*overflow:hidden;*/ }
.menu_box .item { background: #009aad; }
.menu_box .item h3 { min-height: 40px; line-height: 40px; font-size: 1.2em; color: #fff; padding-right: 20px; font-weight: normal; border-bottom: 1px solid #c5c5c5; margin: 0; text-align: right; }
.menu_box .item h3.language { background-color: #7CC1CA; text-align: center; padding: 0; }
.menu_box .item h3 a { color: #fff }
.menu_box .item .drop { background: url(../images/up.png) no-repeat 260px 15px /15px; }
.menu_box .item h3 ul { margin-left: -20px; display: none; }
.menu_box .item h3 ul li { height: 30px; line-height: 30px; font-size: 14px; color: #666; border-bottom: 1px solid #c5c5c5; background: #eee; padding-left: 30px; }
.pc-nav { margin-top: 20px; }
.pc-nav ul li { float: left; margin-left: 32px; }
.pc-nav ul li a { color: #333; font-size: 16px; float: left; }
.pc-nav ul li a.on { color: #009aad;}
.banner-wrap { width: 100%; overflow: hidden; }
.banner { position: relative; width: 100%; overflow: auto; }
.banner ul { list-style: none; width: 100%; }
.banner ul li { display: block; float: left; width: 100%; background-size: 100% 100%; background-image: url(../images/banner.jpg); }
.banner ul li .b-pic { width: 100%; }
.b-pic { width: 100%; overflow: hidden; }
.b-pic img { width: 100%; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; height: auto; }
.b-pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.p-pic { width: 100%; }
.p-pic img { width: 100%; }

/*footer*/
.footer { }
.footer a { color: #fafafa }
.footer a:hover, .footer a:active { color: #14e0f7 }
.f-top { background-color: #187782; padding: 60px 0; color: #fff }
.f-nav .title { font-size: 16px; margin-bottom: 20px; }
.f-nav .cols { width: 175px; min-height: 190px; background: url(../images/f.png) no-repeat right center; line-height: 30px; float: left; width: 25%; max-width: 175px; }
.f-nav .item { display: inline-block; width: 100%; }
.icon { display: inline-block; width: 10px; vertical-align: middle; }
.f-nav .item .icon { height: 10px; background: url(../images/i01.png) no-repeat; margin: 0 2px; }
.f-nav .item:hover .icon { background: url(../images/i02.png) no-repeat; }
.f-nav { float: left; width: 65%; padding-left: 50px; }
.f-contact { float: right; width: 35%; display: flex; padding-top: 45px; }
.f-contact .erweima { float: left; width: 30%; max-width: 106px; text-align: center; }
.f-contact .erweima img { margin-bottom: 10px; }
.f-contact .share-list { text-align: center; float: none; }
.f-contact .share-list .item { display: inline-block; margin: 0 1%; width: 20%; max-width: 33px }
.f-contact .share-list .item img { width: 100%; }
.f-contact .share-box { }
.f-contact .share-box .num { font-size: 2.3em; font-style: italic; margin-bottom: 20px; }
.f-contact .share-box .tips { font-size: 16px; color: #d9d9d9; background-color: #14656f; padding: 5px 30px; margin: 0 auto; text-align: center; margin-bottom: 20px; max-width: 145px; }
.f-contact .share-box { float: right; width: 70%; padding-left: 50px; }
.f-bottom { background-color: #05616c; color: #98b9bd; padding: 15px 0; }
.f-bottom .frienlink { float: left; }
.f-bottom .copy { float: right; }
.f-bottom .frienlink a { color: #98b9bd; margin: 0 10px; }
.page { clear: both; width: 100%; text-align: center; padding: 20px 0 }
.page ul { display: inline-block; }
.page ul li { float: left; margin-right: 10px; padding: 0px; }
.page ul li:last-child { margin-right: 0; }
.page ul li a { display: block; font-size: 14px; color: #666; padding: 3px 11px; border: 1px solid #ddd; border-radius: 0px }
.page ul li a:hover, .page ul li a.current { color: #fff; background: #009aad; border-color: #009aad }
@media screen and (min-width:1025px) and (max-width:1200px) {
  .pc-header { display: block; }
  .moblie-header { display: none; }
  .w1200 { width: auto; min-width: inherit; }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  .pc-header { display: none; }
  .moblie-header { display: block; }
  .w1200 { width: auto; min-width: inherit; }
}
@media screen and (min-width:641px) and (max-width:768px) {
  .pc-header { display: none; }
  .moblie-header { display: block; }
  .w1200 { width: auto; min-width: inherit; }
}
@media screen and (min-width:321px) and (max-width:640px) {
  .pc-header { display: none; }
  .moblie-header { display: block; }
  .w1200 { width: auto; min-width: inherit; }
  .footer { }
  .footer a { color: #fafafa }
  .footer a:hover, .footer a:active { color: #14e0f7 }
  .f-top { padding: 10px 0; }
  .f-nav .title { font-size: 14px; margin-bottom: 10px; margin-top: 0; }
  .f-nav .cols { width: 48%; margin: 0 1%; min-height: 190px; background: none; line-height: 26px; text-align: center; border-bottom: 1px solid #3C969C; margin-bottom: 10px; }
  .f-nav .item { font-size: 12px; }
  .icon { display: inline-block; width: 10px; vertical-align: middle; }
  .f-nav .item .icon { height: 10px; background: url(../images/i01.png) no-repeat; margin: 0 2px; }
  .f-nav .item:hover .icon { background: url(../images/i02.png) no-repeat; }
  .f-nav { float: none; width: 100%; display: none; padding: 0 10px; }
  .f-contact { width: 100%; display: flex; float: none; padding: 0 10px; padding-top: 10px; }
  .f-contact .erweima { float: left; width: 50%; max-width: 106px; text-align: center; }
  .f-contact .erweima img { margin-bottom: 10px; }
  .f-contact .share-list { text-align: center; }
  .f-contact .share-list .item { display: inline-block; margin: 0 4px; }
  .f-contact .share-box { }
  .f-contact .share-box .num { font-size: 20px; font-style: italic; margin-bottom: 15px; text-align: center; }
  .f-contact .share-box .tips { font-size: 14px; color: #d9d9d9; background-color: #14656f; padding: 5px 30px; margin: 0 auto; text-align: center; margin-bottom: 15px; max-width: 145px; }
  .f-contact .share-box { float: right; width: 100%; padding-left: 10px; }
  .f-bottom { background-color: #05616c; color: #98b9bd; padding: 15px 10px; }
  .f-bottom .frienlink { float: none; margin-bottom: 10px; width: 100%; }
  .f-bottom .copy { float: none; }
  .f-bottom .frienlink a { color: #98b9bd; margin: 0 10px; }
}
@media screen and (max-width:320px) {
  .pc-header { display: none; }
  .moblie-header { display: block; }
  .w1200 { width: auto; min-width: inherit; }
  .footer { }
  .footer a { color: #fafafa }
  .footer a:hover, .footer a:active { color: #14e0f7 }
  .f-top { padding: 10px 0; }
  .f-nav .title { font-size: 14px; margin-bottom: 10px; margin-top: 0; }
  .f-nav .cols { width: 48%; margin: 0 1%; min-height: 190px; background: none; line-height: 26px; text-align: center; border-bottom: 1px solid #3C969C; margin-bottom: 10px; }
  .f-nav .item { font-size: 12px; }
  .icon { display: inline-block; width: 10px; vertical-align: middle; }
  .f-nav .item .icon { height: 10px; background: url(../images/i01.png) no-repeat; margin: 0 2px; }
  .f-nav .item:hover .icon { background: url(../images/i02.png) no-repeat; }
  .f-nav { float: none; width: 100%; display: none; padding: 0 10px; }
  .f-contact { width: 100%; display: flex; float: none; padding: 0 10px; padding-top: 10px; }
  .f-contact .erweima { float: left; width: 50%; max-width: 106px; text-align: center; }
  .f-contact .erweima img { margin-bottom: 10px; }
  .f-contact .share-list { text-align: center; }
  .f-contact .share-list .item { display: inline-block; margin: 0 4px; }
  .f-contact .share-box { }
  .f-contact .share-box .num { font-size: 20px; font-style: italic; margin-bottom: 15px; text-align: center; }
  .f-contact .share-box .tips { font-size: 14px; color: #d9d9d9; background-color: #14656f; padding: 5px 30px; margin: 0 auto; text-align: center; margin-bottom: 15px; max-width: 145px; }
  .f-contact .share-box { float: right; width: 100%; padding-left: 10px; }
  .f-bottom { background-color: #05616c; color: #98b9bd; padding: 15px 10px; }
  .f-bottom .frienlink { float: none; margin-bottom: 10px; width: 100%; }
  .f-bottom .copy { float: none; }
  .f-bottom .frienlink a { color: #98b9bd; margin: 0 10px; }
}