@charset "utf-8";
/* CSS Document */

:root{
	--title: #333;
	--text: #666;
	--link: #333;
	--em: #FF7E00;
	--bg: #F5F5F5;
}

body {position: relative; padding-right: 0!important; font-size: 16px; font-family: '微软雅黑'; font-style: normal; font-weight: normal; color: #666; background: #FFF;}
html, body {width: 100%; overflow-x: hidden;}
html {font-size: 100%;}

h1, h2 {margin: 0; padding: 0; font-weight: bold; text-transform: uppercase;}
p {margin: 0; margin-bottom: 30px; padding: 0; font-size: 16px; line-height: 30px; text-align: justify; color: #666;}
p.ti-nomg {margin-bottom: 0!important;}

a {-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-decoration: none!important;}
a:link, a:visited, a:focus, a:hover {color: #333; text-decoration: none; outline: none;}
a:hover {color: #FF7E00;}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



/*---------------------------------------
	导航条              
-----------------------------------------*/

.navbar-default {background: #fff; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04); border: none; margin-bottom: 0px !important;}
.navbar-default .navbar-brand {margin: 0;}
.navbar-default .navbar-brand img {height: 40px;}

.navbar-default .navbar-nav li a {
	  padding-right: 15px; padding-left: 15px; line-height: 40px;
	  font-size: 16px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #333;
	  -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav li a span {position: relative; display: block; padding-bottom: 2px;}
.navbar-default .navbar-nav li a span:before {
	content: ""; visibility: hidden;
	position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.5);
	transform: scaleX(0); transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); 
	-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav li a:hover span:before {
	visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);
}
.navbar-default .navbar-nav li.active a span:before {
	visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); background-color: #FF7E00;
}

.navbar-default .navbar-nav > li a:hover {color: #FF7E00 !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #FF7E00; font-weight: bold; background-color: transparent;}

.navbar-default .navbar-toggle {border: none; padding-top: 10px;}
.navbar-default .navbar-toggle .icon-bar {border-color: transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

@media screen and (max-width: 767px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
    .navbar-default .navbar-toggle {padding-top: 20px; padding-bottom: 20px;}
    .navbar-default .navbar-nav {margin-bottom: 20px;}
	.navbar-default .navbar-nav li a {line-height: 20px; text-align: right;}
	.navbar-default .navbar-nav li a span:before {background: transparent !important;}
	.navbar-default .navbar-nav li.active a {background: transparent; background: none; color: #FF7E00 !important;}
	.navbar-default .navbar-nav li.active a span:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
}



/*---------------------------------------
	通用              
-----------------------------------------*/

/* btn */

.btn {border-width: 2px; border-radius: 30px; font-weight: bold; transition: all 0.4s ease-in-out;}
.btn-info, .btn-default {margin-top: 30px; padding: 8px 32px; letter-spacing: 2px; text-indent: 2px; background-color: transparent;}

.btn-info, .btn-info:link, .btn-info:visited, .btn-info:focus, .btn-info:active {background-color: #FF7E00; border-color: #FF7E00; color: #FFF; outline: none;}
.btn-info:hover {background-color: #FFF; border-color: #FFF; color: #FF7E00;}

.btn-default, .btn-default:link, .btn-default:visited, .btn-default:focus, .btn-default:active {background-color: rgba(255, 255, 255, 0.3); border-color: #FF7E00; color: #FF7E00; outline: none;}
.btn-default:hover {background-color: #FF7E00; border-color: #FF7E00; color: #FFF;}

/* modal */

.modal-header {padding-left: 20px; padding-right: 20px;}
.modal-body {padding: 30px 20px; letter-spacing: 1px; text-align: justify; color: #666;}
.modal-body, .modal-body p {font-size: 14px; line-height: 28px;}
.modal-body p.t1 {font-size: 18px; line-height: 30px;}

/* ti-section */

.ti-section {position: relative; padding: 90px 0; background-color: #FFF; text-align: center;}
#s2, #s4, #s6 {background-color: #F5F5F5;}

/* ti-section-title */

.ti-section-title {padding-bottom: 50px; text-align: center;}
.ti-section-title h1 {position: relative; padding-bottom: 20px; font-size: 30px; color: #333;}
.ti-section-title h1 .ti-title-border {position: absolute; left: 50%; bottom: 0; display: block; width: 80px; height: 3px; border-radius: 3px; margin-left: -40px; background: rgba(0,0,0,0.1);}

/* ti-flex */

.ti-flex {display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -15px;}
.ti-flex-col {padding-bottom: 30px; align-self: stretch;}
.ti-flex-item {width: 100%; height: 100%;}

/* ti-block */

.ti-block {display: block; margin: 0; padding: 0; border: none; border-radius: 0; background: none;}
a.ti-block:link, a.ti-block:visited {color: #333;}
a.ti-block:hover {color: #FF7E00;}

/* ti-more */
.ti-more {text-align: center;}

/* head */
#head {display: flex; height: 500px; padding-top: 80px; background: url(../img/head1.jpg) no-repeat center #252525; background-size: cover;}
#head h1 {margin: auto; height: 60px; line-height: 60px; font-size: 50px; font-weight: 700; letter-spacing: 6px; text-indent: 6px; color: #FFF;}



/*---------------------------------------
	联系我们
-----------------------------------------*/

#contact {background: url(../img/contact-bg.jpg) 50% 0 repeat-y fixed #252525; color: #FFF;}
#contact .ti-section-title h1 {color: #FFF;}
#contact .ti-section-title h1 .ti-title-border {background: #FFF;}

#contact p {text-align: center; color: #FFF;}
#contact p a:link, #contact p a:visited, #contact p a:focus, #contact p a:hover {color: #FF7E00;}
#contact p a:hover {text-decoration: underline !important;}

/* contact-main */

.ti-contact-item {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.ti-contact-item:first-child {margin-top: 0;}
#address {padding-bottom: 5px; background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));}

.ti-contact-item dl, .ti-contact-item dt, .ti-contact-item dd, #contact-main ul {margin: 0; padding: 0; list-style: none;}
.ti-contact-item dl, #contact-main ul {display: flex; flex-wrap: wrap;}
#contact-main li {border-radius: 20px;}

.ti-contact-item dl {padding: 0 20px 10px;}
#address dl {padding: 20px 20px;}
.ti-contact-item dt, .ti-contact-item dd {line-height: 26px;}
.ti-contact-item dd a:link, .ti-contact-item dd a:visited, .ti-contact-item dd a:focus, .ti-contact-item dd a:active {color: #AAA;}
.ti-contact-item dd a:hover {color: #FF7E00;}
#contact-main dd ul li {margin: 8px 15px 0 0; padding: 3px 15px; font-size: 12px; line-height: 20px; color: #FFF;}

#more-city ul {justify-content: center; flex-wrap: wrap; width: 100%; }
#more-city ul li {margin: 5px 8px; padding: 5px 20px; font-size: 16px; line-height: 20px; border: 1px solid rgba(255,255,255,.3); background: none;}
#more-city ul li:first-child {font-weight: bold; color:#333; background: rgba(255,255,255,1);}

#qrcode {margin: 60px 0; text-align: center;}

#join-us {display: flex; justify-content: center; margin-bottom: 20px;}
#join-us a {
	align-self: stretch; display: flex; justify-content: center; flex-wrap: wrap;
	width: 180px; margin-left: 10px; padding: 10px 0; border: 1px solid rgba(255,255,255,.3); border-radius:4px;
	font-size: 14px; color: #FFF; background-color: rgba(255,255,255,.05);
}
#join-us a:first-child {margin-left: 0;}
#join-us a:hover {color: #FFF; background-color: #FF7E00; border-color: #FF7E00;}
#join-us a i, #join-us a strong {align-self: center; display: block; font-weight: normal; text-align: left;}
#join-us a i {margin-right: 10px; font-size: 26px;}

#copyrihgt {display: flex; flex-wrap: wrap; justify-content: center;}
#copyrihgt span, #copyrihgt a {display: block; padding: 0 10px;}



/*---------------------------------------
	返回顶部
-----------------------------------------*/

.ti-go-top { 
	position: fixed; display: none; bottom: 2em; right: 2em; width: 40px; height: 40px;
	font-size: 26px; line-height: 35px; text-align: center; text-decoration: none; color: #222; background-color: #E0E0E0;
	transition: all 1s ease; border-radius: 100%; 
}
.ti-go-top:hover {background: #FF7E00; color: #FFF;}



/*---------------------------------------
	终端匹配
-----------------------------------------*/

@media (min-width:992px) {
	.modal-dialog {width: 900px;}
	.modal-body {padding: 60px;}
}

@media (max-width:1200px) {

}

@media (max-width:992px) {
	#head {height: 400px;}
}

@media (max-width:768px) {
    #head {height: 300px;}
    #head h1 {font-size: 36px;}
    
    .ti-section {padding: 60px 0; text-align: justify;}
	.ti-go-top {bottom:20px; right:10px;}
    
    .ti-contact-item, #more-city ul {justify-content: flex-start;}
    .ti-contact-item dl, #address dl {padding-left: 10px;}
    #more-city ul li {margin: 5px 5px 5px 10px;}
    
	#join-us a i, #join-us a strong {width: 100%; text-align: center;}
    #join-us a i {margin-right: 0;}
}

@media (max-width:500px) {
    p {font-size: 14px; line-height: 24px;}
    
    .ti-section-title {padding-bottom: 40px;}
    .ti-section-title h1 {padding-bottom: 15px; font-size: 26px;}
    .ti-section-title h1 .ti-title-border {width: 60px; margin-left: -30px;}
    
    .ti-contact-item dt, .ti-contact-item dd {font-size: 14px; line-height: 24px;}
    #more-city ul li {padding: 3px 10px; font-size: 14px;}
    #join-us a {font-size: 12px;}
    #copyrihgt {font-size: 14px;}
}