@charset "utf-8";

/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
th,
td,
img,
select,
input,
div,
section {
    font-weight: normal;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
}
input,textarea,select {
    -webkit-appearance: none;
    outline: none;
    padding: 0;
}
html {
    font-size: 100px;
    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
}

body {
    color: #000;
    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    -webkit-text-size-adjust: none;
    max-width: 750px;
    min-width: 320px;
    font-size: 0.3rem;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: 0 none;
}
.blockImg {
    display: block;
}
em {
    font-style: normal;
}

ul {
    list-style: outside none none;
}

.mt20{
	margin-top: 0.2rem;
}
/*去除input[type=number]最右边的spinners*/
input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* header */

.top {
    width: 7.5rem;
    font-size: 0;
    height: 0.88rem;
    line-height: 0.5rem;
    background: #125499
}

.top img {
    width: 2.5rem;
    height: 0.88rem;
    float: left
}

.top .sosuo {
    width: 4.1rem;
    height: 0.88rem;
    float: left
}

.top .search {
    width: 3.5rem;
    height: 0.54rem;
    border: 1px solid #FFF;
    border-radius: 5px;
    margin: 0.16rem 0 0 0.2rem;
    padding-left: 0.1rem
}

.top .anniu img {
    width: 0.88rem;
    height: 0.88rem;
    float: right
}

.sosuo .search-btn img {
    width: 0.35rem;
    height: 0.35rem;
}

.sosuo .search-btn {
    float: left;
    margin-left: -0.5rem;
    margin-top: 0.26rem;
}


/*bottom*/

.bottom {
    height: 1.3rem;
    background: #353535;
    width: 7.5rem;
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    z-index: 99999999999999;
}

.bottom a:hover {
    background: #165fac
}

.bottom .link {
    width: 1.5rem;
    height: 1.3rem;
    border-left: 1px solid #434343;
    background: #353535;
    float: left;
    box-sizing: border-box;
}

.bottom .link img {
    width: 0.55rem;
    height: 0.55rem;
    display: block;
    margin: 0 auto;
    padding-top: 0.25rem
}

.bottom .link span {
    font-size: 0.29rem;
    color: #FFF;
    display: block;
    text-align: center
}

#gotoTop {
    cursor: pointer;
    display: none;
    height: 0.68rem;
    margin-top: -50px;
    position: fixed;
    right: 3%;
    text-align: center;
    top: 88%;
    width: 0.68rem;
}

#gotoTop img {
    height: 0.68rem;
    width: 0.68rem;
}

.content {
    width: 100%;
    margin-bottom: .5rem;
}
.fgxbt, .fgxbt2 {
    background: url(../img/ca_2021kbkfgx.png) no-repeat bottom;
    background-size: 70%;
    color: #123865;
    font-size: .42rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: .25rem;
    line-height: .7rem;
    margin: .45rem auto;
    text-shadow: 0.05rem 0.05rem 0.04rem #c9c9c9;
}
.fgxbt2 {
	background: url(../img/ca_2021kbkfgx2.png) no-repeat bottom;
    background-size: 70%;
	color: #fff;
	text-shadow: none;
}
.content-box1, .content-box2, .content-box3, .content-box4, .content-box5 {
    width: 100%;
	height:19.2rem;
	background-color:#fff;
	padding-top:.3rem;
}
.content-box2 {
	height:8rem;
	background-color:#e6ecf3;
}
.content-box3 {
	height:6.5rem;
	background-color:#2e4e77;
}
.content-box4 {
	height:9rem;
	background: url(../img/ca_2021kbk04.png) #fff no-repeat bottom;
	background-size:70%;
	padding:0;
}
.content-box5 {
	height:9rem;
}

.content h1, h3, h4 {
    color: #b40001;
    font-size:.35rem;
    text-align: center;
    font-weight: bold;
    padding: 0.5rem 0 0.2rem 0;
    line-height: .7rem;
    margin: 0 auto;
    text-shadow: 0.05rem 0.05rem 0.04rem #c9c9c9;
}
.content h2{
    color: #123865;
	font-size: 0.32rem;
	text-align: center;
	font-weight: bold;
	margin:0 auto;
}
.content h3 {
    color:#103663;
}
.content h4 {
    color:#fff;
	padding:0;
	text-shadow: none;
}
.content p {
    width: 88%;
    margin: 0 auto;
    padding:0.3rem 0 0.3rem 0;
    font-size: 0.3rem;
	text-align:justify;
    color: #333;
    line-height: 0.52rem;
}
.content span {
    color: #b40001;
	font-weight:bold;
}

.con {
    width: 100%;
    padding-bottom: 1.3rem;
}
.con div {
    width:90%;
    margin: 0 auto;
    padding:0.3rem 0 0.3rem 0.2rem;
    font-size:0.3rem;
	text-align:justify;
    color:#333;
    line-height: 0.6rem;
	box-sizing:border-box;
}


/* banner切换 */

.swiper-container {
    width: 100%;
  
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 7.5rem;
    
}

.swiper-slide img {
    width: 7.5rem;
   
}


/* 定位导航 */

.dingwei {
  
    display: -webkit-flex;
    /* Safari */
    display: flex;
    align-items: center;
    width: 100%;
    height: 0.85rem;
   	background: #fff;
   	border-bottom: 1px #e4e4e4 solid;
   	z-index: 999999999999;
}

.dingwei a {
    display: block;
    font-size: 0.3rem;
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
    color: #0d3966;
    height:  0.85rem;
    line-height: 0.85rem;border-right: 1px #e4e4e4 solid;


}
.dingwei a:last-of-type{
	border-right:none;
}
.dingwei a.active {
    background: #0d3966;
    color: #fff;
}
.greybg{

	background: #ededed;
}
.unit{
	padding-top: 0.6rem;
}
.unitbluebg{
	background: #0d3966;
	padding-bottom: 0.5rem;
}
.unitbluebg>img{
	width: 3.82rem;
	height: 0.56rem;
	margin: 0 auto 0.3rem;
	display: block;
}
.unit .imgtit{
	width: 7.26rem;
	height: 0.9rem;margin: 0 auto 0.45rem;display: block;
}
.unit .textcon{
	padding: 0 0.24rem;

}
.unit .textconbgwhite{
	background: #fff;
	width: 7.1rem;
	padding: 0;
	margin:0 0.2rem;
	padding: 0.2rem;
	box-sizing: border-box;
}

.unit .textcon h2{
	color: #b5213b;
	font-size: 0.38rem;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0.2rem;
}
.unit .textcon h2.pb0{
	
	padding-bottom: 0;
}
.unit .textcon p{
	font-size: 0.32rem;
	text-align:justify;
	line-height: 0.46rem;
	color: #3f3939;
}
.unit .textcon h3{
	color: #0e3a67;
	font-size: 0.36rem;
	text-align: center;
	font-weight: bold;
	padding:0.2rem 0.2rem 0.3rem;

}
.unit .textcon ul li{
	font-size: 0.32rem;
	color: #3e3a39;
	font-weight: bold;
	margin-bottom: 0.2rem;

}
.unit .textcon ul li span{
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.3rem;
	font-size: 0.3rem;
	text-align: center;
	background: #0e3a67;
	display: inline-block;
	font-weight: normal;
	color: #fff;
	margin-right: 0.2rem;
	border-radius: 0.04rem;
	padding-top: 0.05rem;
	box-sizing: border-box;
}
.unit .textcon .condition{
    border:#869ab2 dashed 1px;
    position: relative;
    padding: 0.3rem 0;

}
.unit .textcon .noborder{
	border:none;
}
.unit .textcon .condition h4{
	color: #0e3a67;
	font-size: 0.32rem;
	font-weight: bold;
	padding:0.2rem;
}
.unit .textcon .condition dl dd{
	font-size: 0.32rem;
	color: #3e3a39;
	margin-left: 0.2rem;
	padding-left: 0.4rem;
	margin-bottom: 0.2rem;
	position: relative;
}
.unit .textcon .condition dl dd:before{
	content: "";
	background:#0d3966;
	width: 0.12rem;
	height: 0.12rem;
	position: absolute;
	left: 0;
	top:0.16rem;
	border-radius: 50%
}
.unit .textcon .or{
	color: #fff;
	background: #b4213d;
	height:0.8rem;
	line-height: 0.8rem;
	width: 2rem;
	margin: 0.1rem auto;
	display: block; 
	border-radius: 0.4rem;
	border:none;
	font-size: 0.4rem;
    font-weight: bold;
    position: absolute;
    margin-left: -1rem;
    left:50%;
    bottom:-0.6rem;
    z-index: 8;
}
.unit .imgbox{

    display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content:space-between;

}
.unit .imgbox img{
	width: 3.38rem;
	height: 1.98rem;
	
}

#swipertwo{
	margin-top: 0.6rem;
	
}
#swipertwo p{
	font-size: 0.32rem;
}
#swipertwo h3{
	background: #0d3966;
		font-size: 0.34rem;
	border-top-left-radius:0.05rem;
	border-top-right-radius:0.05rem;
	color:#fff;
	height: 0.78rem;
	line-height: 0.78rem;
}
#swipertwo  .borderbox{
	border:#d4d4d4 1px solid;
	margin-top: 0.1rem;
	padding: 0.2rem;
}
.mformbg {
    background: url(../img/quebec_02.jpg) no-repeat center;
    background-size: 95%;
    width: 100%;
    height: 5rem;
    padding: 0.5rem 0 0;
    background-color: #fff;
	margin-bottom: .4rem;
}
.nomformbg{
	background:#ededed;
}
.mformbg h2{
	font-size: 0.4rem;
	color: #e03700;
	text-align: center;
	padding: 0 0 .4rem 0;
    font-weight: bold;
}
.nomformbg h2{
	color: #3e3a39;
}
.mform {
    width: 5.2rem;
    margin: 0 auto;
    
}
.mform p{
    text-align: center;
    font-size: .49rem;
    color: #fff;
    line-height: .67rem;
    margin-bottom: .4rem;
}
.mform p span{
    text-align: center;
    font-size: .45rem;
    color: #cb1723;
    line-height: .67rem;
}

 .jinputcon {
    width: 100%;
    height: .8rem;
    position: relative;
    background: #fff;
    overflow: hidden;
    border-radius: .1rem;
    margin-right: .1rem;
    margin: 0 auto .3rem;
	border:#CCC solid 1px;
}
.jinputcon span{
    font-size: .32rem;
    line-height: .36rem;
    padding: 0 .2rem;
    margin: .19rem 0 .26rem;
}
 .jinputcon input{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    border: none;
    font-size: 0.3rem;
    background: transparent;
    box-sizing:border-box;
    color:#0b1d4b;
    padding-left: .2rem;position: absolute;
}
 

 .jinput2 {
    width: 100%;
    height: .8rem;
    margin: 0 auto;
    position: relative;
    background: #f95959;
    box-sizing: border-box;
    border-radius: .1rem;
    margin-bottom: 0.1rem;
}
 .jinput2 input{
    width: 100%;
    height: 100%;
    border: 0;
    color:#fff;
    font-size: 0.35rem;
    line-height: .8rem;
    text-align: center;   
    background: transparent;
    position: absolute;
 }
 #swiperthree{
	margin-top: 0.6rem;
	
}

#swiperthree .swiper-slide{
	background: #0d3966;
	border-radius:0.08rem;
	color:#fff;
	height: 0.58rem;
	line-height: 0.58rem;
	font-size: 0.32rem;
}
#swiperthree .active{
	background: #b4213d;
}
.flexbox{
	display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content:space-between;
}
.flexbox img{
	width: 2.14rem;
	height: 2.77rem;
	padding-top: 0.1rem;
}
.flexbox p{
    padding-left: 0.2rem;
    width: 4.5rem;
}
.xmys{
	text-align: center;
	font-size: 0.4rem;
	font-weight: bold;
	color: #0e3966;
	margin-top: 0.3rem;
}
#swiperthree .tabcon{ display: none;}
#swiperthree .cur{ display: block;}
.tabcon{
	padding: 0.4rem 0.2rem;
	background: #fff;
	margin: 0.2rem auto;
	width: 7.2rem;
	box-sizing: border-box;

}
.tabcon p{
	font-size: 0.34rem;
	padding-top: 0.1rem;
	line-height: 0.56rem;
}
.tabcon p a{
	font-size: 0.32rem;
	font-weight:bold;
	color: #0b3a66;
	border-bottom: 1px solid #0b3a66;
	line-height: 0.56rem;
}
.mb20{
    margin-bottom: 0.2rem;
}
.weixin {
    height: 2.65rem;
    font-size: 0.26rem;
    padding: 0.2rem 0 0 0.4rem;
    background: #FFF;
    margin: .2rem 0 0.28rem 0;
}
.weixin img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    border: solid #CCC 1px;
}
.footerlinks {
    font-size: 0.26rem;
    color: #777;
    text-align: center;
    width:100%;
    height: 1.5rem;
    background: #f1f1f1;
    margin-bottom: 1.3rem;
    padding-top: 0.4rem;
}