@import '../jcss/animate.css';
@import '../jcss/swiper.min.css';

.tg-swiper { background: #eee; position: relative; }
.tg-swiper img { display: block; width: 100%; }
.tg-swiper .dots { position: absolute; left: 0; right: 0; bottom: .4rem; z-index: 5; text-align: center; }
.tg-swiper .dots .swiper-pagination-bullet { width: .16rem; height: .16rem; background: #0369c0; opacity: .6; }
.tg-swiper .dots .swiper-pagination-bullet-active { background: #e60012; opacity: 1; }

.tg-flow { position: relative; }
.tg-flow .list { margin: 0; }
.tg-flow .list dd { margin: 0; }
.tg-flow .list img { display: block; width: 100%; }
 
.tg-form { padding: .6rem .2rem .4rem; background: url(./y0.jpg) center top no-repeat; background-size: cover; }
.tg-form .head { text-align: center; margin: 0 0 .4rem; }
.tg-form .head h2 { line-height: 1.2; font-size: .34rem; font-weight: bold; color: #fff; }
.tg-form .head h3 { line-height: 2; font-size: .28rem; font-weight: normal; color: #ff504d; }
.tg-form .head b { color: #e60012; }
.tg-form .form { display: block; position: relative; }
.tg-form .rows { position: relative; margin: 0 0 .3rem; }
.tg-form .label { position: absolute; left: 0; top: .15rem; width: 1.2rem; height: .4rem; border-right: 1px solid #ddd; text-align: center; }
.tg-form .label img { width: .4rem; height: .4rem; }
.tg-form .txt { padding: 0 0 0 1.4rem; background: #fff; border: 1px solid #ddd; border-radius: .06rem; }
.tg-form .txt input { display: block; width: 100%; height: .7rem; background: none; border: 0; padding: 0; margin: 0; outline:none; font-size: .26rem; }
.tg-form .text { padding: .2rem; background: #fff; border: 1px solid #fff; border-radius: .1rem; }
.tg-form .text textarea { display: block; width: 100%; height: 1.8rem; line-height: .4rem; background: none; border: 0; padding: 0; margin: 0; outline:none; font-size: .26rem; font-family: 'Microsoft YaHei'; }
.tg-form .submit { padding: 0 0 0; }
.tg-form .submit p { text-align: center; line-height: 2; font-size: .32rem; color: #e60012; }
.tg-form .submit input { height: .7rem; border: 0; border-radius: .1rem; background: #f99400; color: #fff; font-size: .26rem; outline:none; }
.tg-form .tel { text-align: center; }
.tg-form .tel a { display: block; line-height: .8rem; font-size: .3rem; color: #fff; }

.tg-navbar { height: 0; }
.tg-navbar .inner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; }
.tg-navbar ul { background: #0074d7; overflow: hidden; }
.tg-navbar li { float: left; width: 25%; text-align: center; font-size: .24rem; border-right: 1px solid rgba(255,255,255,.2); box-sizing: border-box; }
.tg-navbar li:nth-child(1) { width: 30%; }
.tg-navbar li:nth-child(4) { width: 20%; }
.tg-navbar a { display: block; height: .8rem; line-height: .8rem; color: #fff; }
.tg-navbar span { display: block; }
.tg-navbar li.icon span::before { content: ''; width: .3rem; height: .3rem; display: inline-block; vertical-align: middle; background: url(about:blank) center center no-repeat; background-size: contain; margin: 0 .1rem 0 0; }
.tg-navbar li.tel { background: #e60012; border-right: 0; }
.tg-navbar li.tel span::before { background-image: url(z1.png); animation: jello 1s ease infinite; }
.tg-navbar a:active { box-shadow: 0 0 100rem rgba(0,0,0,.2) inset; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:  #ccc; }


#tool { display: none; }