@font-face
{
font-family:font1;
src:url('../fonts/MSYHL.TTC'); 
   
}
html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
tr,
td,
ol,
ul,
li,
dl,
dd,
dt,
img,
a,
input {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

input {
	border: none;
	outline: none;
}

img {
	
	border: none;
}


a:hover {
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:link{
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}
.clearfloat:after{
	display:block;
	content:"";
	clear:both;
	visibility:hidden;
	height:0;
}

.clearfloat{
	zoom:1;
}

.left {
	float: left;
}

.right {
	float: right;
}

html,
body {
	width: 100%;
}
body{
	font-family: "微软雅黑";
	padding-top:58px;
}
.header,
.footer {
	width: 100%;
}

.none {
	display: none;
}

.block {
	display: block;
}

.w{
	width:990px;
	margin:auto;
	
}
.w1{
	width:900px;
	margin:auto;
}
.w2{
	width:1200px;
	margin:auto;
}
.row{
	margin:0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding:0;
}

/****header****/
.header{
	padding:9px 30px;
	height:58px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	z-index:999
}
.head_main .logo{
	float:left;
	width:196px;
}
.head_main .logo img{
	display: block;
	width:100%;
	height:auto;
}
.nav{
	position:relative;
	float:right;
	margin-right:30px;
}
.nav ul{
	padding-bottom:5px;
}
.nav ul li{
	display:inline-block;

}
.nav ul li a{
	color: #fff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: .5px;
    line-height: 1.29;
    padding: 12px 13px;
    position: relative;
    color:#465461;
    text-decoration:none;
    -o-transition: background .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out;
	transition: background .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out
}
.nav ul li a:after {
    -o-transition: width .3s ease-in-out;
    -webkit-box-shadow: 0 3px 0 0 #2bdcd4;
    -webkit-transition: width .3s ease-in-out;
    bottom: 0;
    box-shadow: 0 3px 0 0 #2bdcd4;
    content: "";
    height: 3px;
    left: 16px;
    position: absolute;
    transition: width .3s ease-in-out;
    width: 0;
}
.nav ul .on a:after, .nav ul li a:focus:after, .nav ul li a:hover:after {
    width: calc(100% - 32px);
}

.head_r{
	float:right;
	margin-top:7px;
	width:100px;
}
.head_r a{
	display:block;
	float:left;
	width:40px;
	height:20px;
	line-height:20px;
	font-size:13px;
	color:#465461;
	text-align:center;
	border-radius: 20px;	
	margin:4px 2%;	
}
.head_r a:hover{
	color:#2bdcd4;
	font-weight:bold;
}
.head_r .on:hover{
	color:#fff
}
.head_r .on{
	background:#27c5ed;
	color:#fff
}
.head_r .login{
	width:70px;
	height:20px;
	background:#27c5ed;
	color:#fff;
	font-size:14px;
	-webkit-transition: box-shadow 0.15s ease,-webkit-transform 0.15s ease;
	-webkit-transition: box-shadow 0.15s ease,transform 0.15s ease;
	transition: box-shadow 0.15s ease,transform 0.15s ease;
	will-change: box-shadow,transform;
	text-align:center;
	line-height:20px;
	border-radius: 13px;
	transition: all 0.6s;
	box-shadow: 0 7px 14px -3px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.2);
	margin-right:15px;
}
.head_r .login:hover{
	color:#fff;
	box-shadow: 0 11px 16px -3px rgba(0,0,0,0.2), 0 4px 10px 0 rgba(0,0,0,0.3);
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}
.head_phone{
	display: none;
	position:relative;
	padding:0 5%;
}
.head_phone .logo img{
	width:170px;
}
.nav_phone button{
	position:absolute;
	right:10px;
	top:4px;
	background:none;
	border:0;
	box-shadow: none;
	outline:none;
}
.nav_phone button img{
	width:25px;
}
.nav_menu{
	position:fixed;
	top:0;
	left:-100%;
	bottom:0;
	width:100%;
	background:#fff;
	padding:45px 8% 30px;
	transition: all 0.6s;
	z-index:999999;
}
.nav_logo{
	text-align:center;
}
.nav_logo img{
	display: block;
	width:212px;
	height:auto;
	margin:auto;
}
.nav_menu ul{
	padding-top:20px;
}
.nav_menu ul li a{
	display: block;
	padding:10px 0;
	border-bottom:1px dashed #e0f4f0;
	text-align:center;
	font-size:14px;
	color:#465461;
}
.nav_menu .close{
	opacity: 1 !important;
	position:absolute;
	top:15px;
	right:15px;
}
.nav_menu .close img{
	width:18px;
}
/*find*/
.find{
	padding-top:109px;
	height:308px;
	background:url(../img/back4.png) no-repeat center;
	background-size:auto 100%;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#fff
}
.find a{
	display: block;
	width:166px;
	height:36px;
	background:#fff;
	font-size:18px;
	color:#2299e5;
	font-weight:bold;
	text-align:center;
	line-height:36px;
	border-radius: 18px;
	margin:25px auto 0;
	-webkit-transition: box-shadow 0.15s ease,-webkit-transform 0.15s ease;
	-webkit-transition: box-shadow 0.15s ease,transform 0.15s ease;
	transition: box-shadow 0.15s ease,transform 0.15s ease;
	will-change: box-shadow,transform;
	box-shadow: 0 7px 14px -3px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.2);
	transition: all 0.6s;
}
.find a:hover{
	box-shadow: 0 11px 16px -3px rgba(0,0,0,0.2), 0 4px 10px 0 rgba(0,0,0,0.3);
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

/****footer****/
.footer{
	height:459px;
	background:url(../img/back5.jpg) no-repeat center;
	background-size:auto 100%;
	padding-top:54px;
}
.foot_t{
	font-size:14px;
	color:#464a57
}
.foot_t dt{
	font-size:18px;
	color:#465461;
	font-weight:bold;
	margin-bottom:11px;
}
.foot_t dt img{
	margin-left:10px;
}
.foot_t dd{
	margin-top:25px;
	overflow:hidden
}
.foot_t dd .f_span1{
	float:left;
	width:42px;
}
.foot_t dd .f_span2{
	float:right;
	width:calc(100% - 45px)
}
.foot_t dd a{
	background:url(../img/arrow2.png) no-repeat left center;
	color:#464a57;
	padding-left:15px;
}
.foot_t dd a:hover{
	color:#2bdcd4;
	font-weight:bold;
}
.foot_b{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #ddd
}
.foot_b_l{
	text-align:center;
}
.foot_b_l_logo img{
	display: block;
	max-width:212px;
}
.foot_b_l_link{
	padding-top:25px;
	padding-left:15px;
}
.foot_b_l_link a{
	margin-right:10px;
}
.foot_b_l_link img{
	width:30px;
}
.foot_b_l_link i:hover{
	color:#2bdcd4;
}
.foot_b_r{
	font-size:14px;
	color:#464a57;
	line-height:36px;
}
.foot_b_r a{
	color:#464a57;
}
.foot_b_r a:hover{
	color:#2bdcd4;
}