@charset "UTF-8";
.yongyin {
width:100px;
text-align:center;
line-height:100%;
padding:0.3em;
font:16px Arial,sans-serif bold;
font-style:normal;
text-decoration:none;
margin:2px;
vertical-align:text-bottom;
zoom:1;
outline:none;
font-size-adjust:none;
font-stretch:normal;
border-radius:50px;
box-shadow:0px 1px 2px rgba(0,0,0,0.2);
text-shadow:0px 1px 1px rgba(0,0,0,0.3);
color:#000000;
border:0.2px solid #fab2ca;
background-repeat:repeat;
background-size:auto;
background-origin:padding-box;
background-clip:padding-box;
background-color:#3399ff;
background: linear-gradient(to bottom, #fab2ca 0%,#fab2ca 100%);
}
 
.yongyin:hover {
    background: #268DFF;
}
.pointer{
     cursor: pointer;
}

 .myBtn{

            width: 80px;

            height: 36px;
            padding:0.3em;
            font:16px Arial,sans-serif bold;

            border-radius:14px;
            background-color:#fab2ca;

            color:#000000;

            border: none;

            cursor: pointer;

            /*渐变效果,可以删掉这句话试试*/

            transition:all 0.4s;


        }

        .myBtn:hover{            

            /*鼠标悬浮效果*/

            /*阴影*/

            box-shadow: 0px 5px 5px grey;

            /*发光*/

            background-color: #fab2ca;

        }
/*==================================
=            BANNER	               =
==================================*/
	
	.banner-area{
		background: #4776e6;
		color: #fff;
	}
	.banner-text .top {
		font-weight: 400;
		margin-bottom: 30px;
	}
	.banner-text .slogan {
		font-weight: 700;
		margin-bottom: 25px;
	}
	.banner-text .slogan span {
		display: block;
		font-weight: 400;
		padding-top: 5px;
	}
	.banner-text p {
		margin-bottom: 35px;
		color: #fff;
	}
	.banner-text .btn.btn-border {
		color: #fff;
		margin-left: 30px;

	}
	.banner-text .btn.btn-border:hover {
		color: #303030;
	}
/*Buttons*/
.btn{
    border: none;
    line-height: 40px;
    padding: 8px 25px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #303030;
}
.btn:hover,
.btn:focus,
.btn:active{
    outline: none;
    opacity: 1;
    background-color: #fff;
}
.btn:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.btn.btn-default:hover,
.btn.btn-default:focus{
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.btn.btn-primary{
    padding: 0 30px;
    color: #fff;
}
.btn.btn-info {
    border: 2px solid #e0e0e0;
    background: none;
    box-shadow: none;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding: 0 15px;
}
.btn.btn-info:hover,
.btn.btn-info:focus{
    color: #fff;
}
.btn.btn-border {
    border: 1px solid #fff;
    font-size: 14px;
    padding: 7px 25px;
}
.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus{
    color: #8c8c8c;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    text-decoration: none;
}
.btn.btn-link.btn-lg,
.btn.btn-link.btn-xlg{
    font-size: 16px;
    padding: 0;
}
.btn.btn-link:hover,
.btn.btn-link:focus{
    opacity: .7;
}
.btn.btn-border:hover,
.btn.btn-border:focus{
    color: #fff;
}
.btn.btn-warning,
.btn.btn-warning:hover,
.btn.btn-warning:focus{
    background-color: #ff9800;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus{
    background-color: #ef5350;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus{
    background-color: #7cb342;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-lg {
    line-height: 45px;
    padding: 0 35px;
    font-size: 14px;
}
.btn.btn-xlg {
    line-height: 55px;
    padding: 0 35px;
    font-size: 16px;
}
.btn.btn-sm { line-height: 32px; }
.btn-no-shadow{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-primary.disabled{
    -webkit-transition: .3s;
    transition: .3s;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:hover{
    color: #fff;
}
.btn-white{
    background-color: #fff;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
button.btn{ position: relative; }
button:hover,
button:focus{
    outline: none;
}
input:hover,
input:focus,
input:active,
textarea:hover,
textarea:focus,
textarea:active{
    outline: none;
}
input,textarea{
    border: none;
    border-bottom: 2px solid #e0e0e0;
    line-height: 40px;
    font-size: 16px;
}
section{
    overflow: hidden;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
	padding: 120px 0 80px;
}
.white-color{
	color: #ffffff;
}
.branding-color{
	color: #4776e6;
}
.branding-bg-color{
	background: #4776e6;
}


.container {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -70px;
    width:1170px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-sm-4{
  position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.col-sm-4 {
    width: 33.33333333%;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.col-sm-offset-1 {
    margin-left: 8.33333333%;
}
strong {
    font-weight: bold;
}
.copyright {
    font-size: 12px;
    color: #999;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}