*{
	box-sizing: border-box;
}
body,select,input,view,text,button,textarea{
    font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #333; background: #fff;
	overflow-x: hidden;line-height: 1.14; font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
a{
	color: inherit; 
	outline:none;
    -moz-outline-style:none;
}
a:hover{
	color: inherit; text-decoration: none;
}
img{
	max-width: 100%;
}

.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tleft{
	text-align: left !important;
}
.tright{
	text-align: right !important;
}
.none{
	display: none;
}


.inline-block{
	display: inline-block;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
.row-25{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-left: -25px
}
.row-25>div{
	padding-left: 25px; padding-right: 25px;
}
.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.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-lg-auto,
.col-md,
.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-md-auto,
.col-sm,
.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-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.row-cols-1>* {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.row-cols-2>* {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.row-cols-3>* {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.row-cols-4>* {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.row-cols-5>* {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.row-cols-6>* {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.w-20 {
	width: 20%!important
}
.w-25 {
	width: 25%!important
}
.w-33 {
	width: 33.33%!important
}

.w-50 {
	width: 50%!important
}

.w-75 {
	width: 75%!important
}

.w-100 {
	width: 100%!important
}

.w-auto {
	width: auto!important
}

.h-25 {
	height: 25%!important
}

.h-50 {
	height: 50%!important
}

.h-75 {
	height: 75%!important
}

.h-100 {
	height: 100%!important
}
.h-auto {
	height: auto!important
}

.mw-100 {
	max-width: 100%!important
}

.mh-100 {
	max-height: 100%!important
}

.min-vw-100 {
	min-width: 100vw!important
}

.min-vh-100 {
	min-height: 100vh!important
}

.vw-100 {
	width: 100vw!important
}

.vh-100 {
	height: 100vh!important
}


.text-justify {
	text-align: justify!important
}

.text-wrap {
	white-space: normal!important
}

.text-nowrap {
	white-space: nowrap!important
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-left {
	text-align: left!important
}

.text-right {
	text-align: right!important
}

.text-center {
	text-align: center!important
}
.text-lowercase {
	text-transform: lowercase!important
}

.text-uppercase {
	text-transform: uppercase!important
}

.text-capitalize {
	text-transform: capitalize!important
}
.font-italic {
	font-style: italic!important
}
.text-white {
	color: #fff!important
}

.text-primary {
	color: #007bff!important
}
.visible {
	visibility: visible!important
}

.invisible {
	visibility: hidden!important
}
.p-0{padding: 0!important;}

.pt-0{padding-top: 0px!important;}
.pt-5{padding-top: 5px!important;}
.pt-10{padding-top: 10px!important;}
.pt-15{padding-top: 15px!important;}
.pt-20{padding-top: 20px!important;}
.pt-25{padding-top: 25px!important;}
.pt-30{padding-top: 30px!important;}
.pt-35{padding-top: 35px!important;}
.pt-40{padding-top: 40px!important;}
.pt-50{padding-top: 50px!important;}
.pt-60{padding-top: 60px!important;}
.pt-110{padding-top:110px!important;}
.pt-initial{padding-top: initial !important;}

.pb-0{padding-bottom: 0!important;}
.pb-5{padding-bottom: 5px!important;}
.pb-10{padding-bottom: 10px!important;}
.pb-15{padding-bottom: 15px!important;}
.pb-20{padding-bottom: 20px!important;}
.pb-25{padding-bottom: 25px!important;}
.pb-30{padding-bottom: 30px!important;}
.pb-35{padding-bottom: 35px!important;}
.pb-40{padding-bottom: 40px!important;}
.pb-50{padding-bottom: 50px!important;}
.pb-60{padding-bottom: 60px!important;}
.pb-110{padding-bottom: 110px!important;}
.pb-initial{padding-bottom: initial !important;}

.pl-0{padding-left: 0!important;}
.pl-5{padding-left: 5px!important;}
.pl-10{padding-left: 10px!important;}
.pl-15{padding-left: 15px!important;}
.pl-20{padding-left: 20px!important;}
.pl-25{padding-left: 25px!important;}
.pl-30{padding-left: 30px!important;}
.pl-35{padding-left: 35px!important;}
.pl-40{padding-left: 40px!important;}
.pl-50{padding-left: 50px!important;}
.pl-60{padding-left: 60px!important;}
.pl-initial{padding-left: initial !important;}

.pr-0{padding-right: 0!important;}
.pr-5{padding-right: 5px!important;}
.pr-10{padding-right: 10px!important;}
.pr-15{padding-right: 15px!important;}
.pr-20{padding-right: 20px!important;}
.pr-25{padding-right: 25px!important;}
.pr-30{padding-right: 30px!important;}
.pr-35{padding-right: 35px!important;}
.pr-40{padding-right: 40px!important;}
.pr-50{padding-right: 50px!important;}
.pr-60{padding-right: 60px!important;}
.pr-initial{padding-right: initial !important;}

.p-initial{padding: initial !important;}


.m-0{margin: 0!important;}

.mt-0{margin-top: 0px!important;}
.mt-5{margin-top: 5px!important;}
.mt-10{margin-top: 10px!important;}
.mt-15{margin-top: 15px!important;}
.mt-20{margin-top: 20px!important;}
.mt-25{margin-top: 25px!important;}
.mt-30{margin-top: 30px!important;}
.mt-35{margin-top: 35px!important;}
.mt-40{margin-top: 40px!important;}
.mt-50{margin-top: 50px!important;}
.mt-60{margin-top: 60px!important;}
.mt-110{margin-top: 110px!important;}
.mt-auto{margin-top: initial !important;}

.mb-0{margin-bottom: 0px!important;}
.mb-5{margin-bottom: 5px!important;}
.mb-10{margin-bottom: 10px!important;}
.mb-15{margin-bottom: 15px!important;}
.mb-20{margin-bottom: 20px!important;}
.mb-25{margin-bottom: 25px!important;}
.mb-30{margin-bottom: 30px!important;}
.mb-35{margin-bottom: 35px!important;}
.mb-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-60{margin-bottom: 60px!important;}
.mb-110{margin-bottom: 110px!important;}
.mb-auto{margin-bottom: initial !important;}

.ml-0{margin-left: 0px!important;}
.ml-5{margin-left: 5px!important;}
.ml-10{margin-left: 10px!important;}
.ml-15{margin-left: 15px!important;}
.ml-20{margin-left: 20px!important;}
.ml-25{margin-left: 25px!important;}
.ml-30{margin-left: 30px!important;}
.ml-35{margin-left: 35px!important;}
.ml-40{margin-left: 40px!important;}
.ml-50{margin-left: 50px!important;}
.ml-60{margin-left: 60px!important;}
.ml-auto{margin-left: initial !important;}

.mr-0{margin-right: 0px!important;}
.mr-5{margin-right: 5px!important;}
.mr-10{margin-right: 10px!important;}
.mr-15{margin-right: 15px!important;}
.mr-20{margin-right: 20px!important;}
.mr-25{margin-right: 25px!important;}
.mr-30{margin-right: 30px!important;}
.mr-35{margin-right: 35px!important;}
.mr-40{margin-right: 40px!important;}
.mr-50{margin-right: 50px!important;}
.mr-60{margin-right: 60px!important;}
.mr-auto{margin-right: initial !important;}

.m-auto{margin:auto !important;}

/*----------------------*/

.m-btn{
	display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff;
    background-color:transparent ;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  cursor: pointer;
}
.m-btn:hover{
	text-decoration: none; background: #fff;
}
.m-btn-blue{
	background: #1c7bd7; border-color: #1c7bd7; color: #fff;
}

/*index*/
a:hover{
	color: #106cc4;
}
.wrapper-big{
	margin-left: 6.6%; margin-right: 6.6%;
}
.wrapper{
	width: 1400px; margin: 0 auto;
}
/*header*/
.header{
	height: 95px; padding-left: 6.6%; padding-right: 3.4%; position: relative; z-index: 99;
}
.header .logo{
	line-height: 95px; font-size: 0;
}
.header .logo img{
	vertical-align: middle;
}
.header .nav{
	float: left;
}
.header .nav>li{
	float: left; position: relative;
}
.header .nav>li>a{
	 line-height: 95px; font-size: 18px;  margin: 0 40px; display: block;
}
.header .nav>li>a.active{
	color: #2a65bd;
}
.header .subnav{
	position: absolute; left: 0; right: 0; top: 95px; background: rgba(255,255,255,0.8);text-align: center; display: none;
}
.header .nav>li:hover .subnav{
	display: block;
}
.header .subnav>li>a{
	padding:15px 10px;display: block; font-size: 14px;
}
.header .search{
	float: left; line-height: 95px; font-size: 0; cursor: pointer; margin-left: 7px;
}
.header .search img{
	vertical-align: middle;
}
/*header end*/
/*footer*/
.footer{
	background: #2a65bd; color: rgba(255,255,255,0.6);
}
.footer a:hover{
	color: #fff;
}
.footer-info{
	padding: 60px 0 50px 0; line-height: 1.3;
}
.footer-nav dl{
	display: inline-block;vertical-align: top;margin-right: 95px;
}
.footer-nav dl:last-child{
	margin-right: 0;
}
.footer-nav dt{
	font-size: 18px; color: #fff; margin-bottom: 25px;
}
.footer-nav dd{
	margin-bottom: 15px;
}
.footer-nav dd:last-child{
	margin-bottom: 0;
}
.footer-contact{
	width: 410px; color: #fff;
}
.footer-contact .hd{
	line-height: 1.5; border-bottom: 2px solid rgba(255,255,255,0.32); padding-bottom: 15px;
}
.footer-contact .hd .tel{
	font-size: 26px;
}
.footer-contact .bd{
	/*border-bottom: 2px solid rgba(255,255,255,0.32);*/ line-height: 1.3; padding: 8px 0;
}
.footer-contact .bd .item{
	margin: 10px 0;
}
.footer-contact .bd .icon{
	display: inline-block; width: 30px;
}
.footer-contact .bd .icon img{
	vertical-align: middle;
}
.footer-contact .qr{
	padding-top: 25px;
}
.footer-contact .qr .item{
	margin-right: 25px; text-align: center; display: inline-block;vertical-align: top;
}
.footer-contact .qr img{
	width: 90px;
}
.footer-contact .qr p{
	padding-top: 12px;
}
.copyright{
	padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.2); line-height: 1.3;
}
/*footer end*/

.banner{
	height: 820px;
}
.banner-item{
	height: 820px; background-size:cover ; background-repeat:no-repeat ; background-position:center ; padding-top:220px ;
}
.banner-txt{
	width: 80%;/*background: rgba(255,255,255,0.18); width: 1145px;*/ margin: 0 auto; color: #fff; /*padding: 40px;*/ line-height: 1.9; font-size: 58px; font-weight: bold; /*text-align:center;*/ font-weight:300;
}
.banner-txt p{font-size:30px; margin-left:12%;}
.fc-yellow{
	color: #fffc00;
}
.banner-txt .dot{
	width: 10px; height: 10px; background: #fffc00; border-radius: 50%; display: inline-block;vertical-align:middle; margin-right: 25px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 50px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 7px;
}
.banner .swiper-pagination-bullet{
	width: 8px; height: 8px; background: #ffffff;
	transition: all 0.3s; opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	width: 40px; border-radius: 8px;
}
.habout{
	background: url(../images/bg01.jpg) no-repeat center ; background-size:cover ; padding: 75px 0 85px;
}

.habout-txt{
	width: 50%; 
}
.m-tit{
	font-size: 36px; color: #2a65bd; font-weight: bold; margin-bottom: 30px;
}
.m-txt{
	font-size: 16px; color: #666666; line-height: 1.8;text-align: justify;
}
.habout-num{
	width: 37%; padding-top:28px;
}
.habout-num li{
	display: inline-block;vertical-align: top; width: 48%; padding-left: 30px; margin: 40px 0 ; position: relative;
}
.habout-num h3{
	font-size: 48px; color: #2a65bd; display: inline-block; position: relative; line-height: 1;
}
.habout-num h3 sub{
	font-size: 12px; position: absolute; right: -15px; bottom: 5px;
}
.habout-num h3 sup{
	font-size: 12px; position: absolute; right: -15px; top: 5px;
}
.habout-num p{
	font-size: 16px; color: #999999; margin-top: 5px;
}
.habout-num li:before{
	position: absolute; left: 0; top: 3px; height: 50px; background: #2a65bd; width: 3px; content: "";
}

.hinfo{
	position: relative;
}
.hinfo-bd li{
	display: none;
}
.hinfo-bd li.active{
	display: block;
}
.hinfo-bd .item{
	height: 770px; background-size:cover ; background-position:center ; background-repeat:no-repeat ;
}
.hinfo-ft{
	position: absolute; left: 0; right: 0; bottom: 0; padding-left: 2%; padding-right: 2%;
	height: 165px; background: rgba(1,13,43,0.68);
}
.hinfo-ft li{
	width: 12.5%; float: left;height: 165px;text-align: center; border-right: 1px solid rgba(255,255,255,0.3); color: #fff; padding-top:35px ; position: relative; cursor: pointer;
	transition: all 0.3s;
}
.hinfo-ft li p{
	padding-top: 13px; font-size: 20px;
}
.hinfo-ft li:last-child{
	border-right: 0;
}
.hinfo-ft li.active,
.hinfo-ft li:hover{
	background: #0e5cd0; margin-top: -25px; height: 207px; padding-top: 65px;
}
.hinfo-ft li.active p,
.hinfo-ft li:hover p{
	font-weight: bold;
}
.hinfo-txt{
	padding-top: 150px; color: #fff; width: 495px;
}
.hinfo-txt .m-tit{
	color: #fff;
}
.hinfo-txt .m-txt{
	color: #fff; margin-bottom: 70px;
}
.hstep{
	padding-top: 105px; padding-bottom: 95px; background: url(../images/bg02.jpg) no-repeat bottom center; background-size:100% auto ;
}
.hstep-txt{
	width: 300px;
}
.hstep-txt .m-tit{
	margin-bottom: 25px;
}
.hstep-info{
	width: 77%;
}
.hstep-info ul{
	height: auto; overflow: hidden;  margin: 0 -25px;
}
.hstep-info li{
	 float: left; width: 25%; padding: 0 25px;
}

.hstep-info .item{
	background-size:cover ; background-position:center ; background-repeat:no-repeat ;width: 100%; height: 370px; text-align: center; color: #fff; padding-top: 100px;
	transition: all 0.3s;
}
.hstep-info .icon{
	width: 108px; height: 108px; background: #fff; border-radius: 108px; margin: 0 auto; position: relative; line-height: 102px; border: 3px solid #fff; margin-bottom: 24px;
}
.hstep-info .icon img{
	vertical-align: middle; display: inline-block;
}
.hstep-info .icon .icon2{
	display: none;
}
.hstep-info .icon .num{
	width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; border-radius: 40px; font-size: 24px; color: #177ffe; display: inline-block; position: absolute; right: -2px; top: -12px;
}
.hstep-info .txt h3{
	font-size: 24px;
}
.hstep-info .txt p{
	font-size: 16px; text-transform: uppercase; margin-top: 10px;
}
.hstep-info .item:hover{
	background: #177ffe; background-image:none !important;
}
.hstep-info .item:hover .icon{
	background: #177ffe;
}
.hstep-info .item:hover .icon .icon1{
	display: none;
}
.hstep-info .item:hover .icon .icon2{
	display: inline-block;
}
.hnews{
	background: #f0f6fc; padding: 85px 0;
}
.hnews-tabhd li{
	display: inline-block;vertical-align: middle; font-size: 16px; padding: 0 23px; line-height: 1.2; position: relative;
}
.hnews-tabhd li:before{
	content: ""; display: inline-block;vertical-align: middle; width: 2px; height: 18px; background: #cfd1d3;
	position: absolute; left: -1px; top: 50%; margin-top: -9px;
}
.hnews-tabhd li:first-child:before{
	display: none;
}
.hnews-tabhd li:last-child{
	padding-right: 0;
}
.hnews-tabhd li a{
	display: block;
}
.hnews-tabhd li.active a,
.hnews-tabhd li:hover a{
	color: #106cc4; font-weight: bold;
}
.hnews-bd{
	padding-top: 30px;
}
.hnews-bd ul{
	height: auto; overflow: hidden; margin-left: -25px; margin-right: -25px;
}
.hnews-bd li{
	float: left; width: 25%; padding: 0 25px;
}
.hnews-bd .img{
	 overflow: hidden;
}
.hnews-bd .img img{
	width: 100%; height:200px; display: block;
	transition: all 0.5s;
}
.hnews-bd .txt{
	background: #fff; margin-left: 20px; margin-right: 20px; margin-top: -40px; position: relative; background: #fff; padding: 30px 25px; line-height: 1.5; height: 195px; border-bottom: 2px solid #dddddd; position: relative;
}
.hnews-bd .txt:after{
	position: absolute; content: ""; left: 0; bottom: -2px; height: 2px; width: 0; background: #bb2822;
	transition: all 0.3s;
}
.hnews-bd .txt h3{
	font-size: 22px; font-weight:bold;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hnews-bd .txt .time{
	font-size: 16px; color: #999999; margin-top: 5px;
}
.hnews-bd .txt .desc{
	font-size: 16px; color: #777777; margin-top: 24px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.hnews-bd li:hover .img img{
	transform: scale(1.08);
}
.hnews-bd li:hover .txt:after{
	width: 100%;
}
/*CRIA简介*/
.mbanner{
	height: 480px; background-size:cover ; background-position:center ; background-repeat:no-repeat ;
}

.mcurrent .wrapper{
	position: relative; margin-top: -70px; z-index: 1; background: #fff; height: 70px;
}
.mcurrent-tit{
	width: 75%; background: #f4f4f4; height: 70px; padding-left: 55px;
}
.mcurrent-tit li{
	margin-right: 55px; float: left; 
}
.mcurrent-tit li a{
	padding-top: 5px;line-height: 63px; display: block; font-size: 16px;
}
.mcurrent-tit li a.active{
	color: #386cb8; border-bottom: 2px solid #386cb8;
}
.mcurrent-info{
	width: 25%; line-height: 70px; background: #fafafa; text-align: center; color: #999999;
}
.mcurrent-info a{
	padding: 0 8px;
}

.mcard{
	background: #fff; padding: 100px 0;
}
.mcard-hd{
	text-align: center; line-height: 1.1; margin-bottom: 60px;
}
.mcard-hd .en{
	color: rgba(153,153,153,0.13); font-size: 48px; text-transform: uppercase;
}
.mcard-hd h2{
	font-size: 36px; color: #2a65bd; font-weight: bold; position: relative; margin-top: -31px;
}
.mcard-hd .img{
	margin-top: 20px;
}
.mabout-bd{
	font-size: 18px; color: #666666; line-height: 1.8; padding: 0 70px;text-align: justify;
}

.mcria1{
	background: #f8f8f8; padding: 80px 0;
}
.mstep{
	text-align: center;
}
.mstep .item{
	width: 330px;display: inline-block;vertical-align: top; position: relative;
	
}
.mstep .item .icon{
	width: 135px; height: 135px; border-radius: 135px; text-align: center; line-height: 135px; background: #7fb6f8; margin: 0 auto; position: relative; z-index: 1;
	transition: all 0.3s;
}
.mstep .item .icon img{
	vertical-align: middle;
}
.mstep .item .tit{
	font-size: 16px; color: #666666; /*margin-top: 15px;*/ line-height: 1.5; width:65%; margin:15px auto;
}
.mstep .item .line{
	position: absolute; left: 50%; top: 70px; width: 100%;  border-bottom: 1px dashed #1c83ff;
}
.mstep .item:last-child .line{
	display: none;
}
.mstep .item:hover .icon,
.mstep .item:hover .icon1{
	transform: translateY(-10px);
}
.bc-green{
	background: #80c269 !important;
}
.bc-orange{
	background: #f19149 !important;
}
.bc-blue{
	background: #556fb5 !important;
}
.mstep .item .icon1{
	width: 135px; height: 135px; border-radius: 135px; text-align: center; line-height: 133px; background: #fff; margin: 0 auto; position: relative; z-index: 1; border: 1px solid #86baf8;
	transition: all 0.3s;
}
.mstep .item .icon1 img{
	vertical-align: middle;
}
.mstep .item .icon1 .num{
	position: absolute; left: 0; top: 0; background: url(../images/icon17.png) no-repeat; width: 38px; height: 44px;text-align: center; line-height: 44px; color: #fff; font-size: 20px;
}
.mabout-txt{
	font-size: 18px; color: #777777; line-height: 1.8; padding: 0 80px;text-align: justify;
}
.mcard-s{
	padding-top: 80px; padding-bottom: 80px;
}
.mnums{
	background-size:cover ; background-position:center ; background-repeat:no-repeat ; color: #fff; padding: 75px 0 70px 0;
}

.mnums li{
	width:25%; float: left; text-align: center;transition: all 0.3s;
}
.mnums li:hover{
	transform: translateY(-10px);
}
.mnums h3{
	font-size: 40px; font-weight: bold; margin-top: 20px;
}
.mnums p{
	font-size: 18px; margin-top: 25px;
}
.mservice-img .row{
	margin-left: -9px; margin-right: -9px;
}
.mservice-img .col{
	padding-left: 9px; padding-right: 9px;
}
.mservice-img .img{
	overflow: hidden;
}
.mservice-img img{
	width: 100%; display: block;
	transition: all 0.3s;
}
.mservice-img .col:hover img{
	transform: scale(1.05);
}
.mservice-img .row + .row{
	margin-top: 18px;
}
.mnewsinfo{
	margin-bottom: 50px;
}
.mnewsinfo .img{
	width: 700px; overflow: hidden; 
}
.mnewsinfo .img img{
	width: 100%;
	transition: all 0.3s;
}
.mnewsinfo .img:hover img{
	transform: scale(1.03);
}
.mnewsinfo .right{
	width: 635px; padding-top: 25px;
}
.mnewsinfo .date{
	font-size: 24px; color: #1c7bd7; margin-bottom: 20px;
}
.mnewsinfo .tit{
	font-size: 24px; color: #333333; margin-bottom: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mnewsinfo .txt{
	font-size: 16px; color: #777777; line-height: 1.8;text-align: justify; margin-bottom: 85px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.mnewslist li{
	height: 200px; background: #f8f8f8; margin-bottom: 45px; position: relative;
}
.mnewslist li .see{ 
	position: absolute; right: 0; top: 0; height: 200px; width: 95px; background: url(../images/icon29.png) no-repeat center #1c7bd7; display: none;
}
.mnewslist .date{
	position: absolute; left: 0; top: 0;
	padding-left: 28px; font-size: 22px; color: #999999; line-height: 200px;
}
.mnewslist li .info{
	 width: 760px; padding-top: 40px;   margin-left: 215px;
	transition: margin-left 0.4s ;
}
.mnewslist li .tit{
	font-size: 24px; color: #333333;  margin-bottom: 20px;line-height: 1.5; font-weight:bold;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mnewslist li .desc{
	line-height: 1.9; color: #777777; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mnewslist li:hover{
	background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.mnewslist li:hover .date{
	display: none;
}
.mnewslist li:hover .info{
	margin-left: 75px;
}
.mnewslist li:hover .see{
	display: block;
}
.mnewslist li:last-child{
	margin-bottom: 30px;
}
.mmore{
	height: 75px; background: #f8f8f8 url(../images/icon30.png) no-repeat center; cursor: pointer;
}
.mmore:hover{
	background-color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.mservice ul{
	margin: -30px -19px;
}
.mservice li{
	float: left; width: 320px; margin:30px 19px; height: 450px;box-shadow: 0 0 15px 1px rgba(42,101,189,0.3);transition: all 0.3s;
}
.mservice .img{
	overflow: hidden;
}
.mservice .img img{
	display: block; width: 320px;
	transition: all 0.3s;
}
.mservice h3{
	text-align: center; height: 80px; line-height: 80px; font-size: 24px; color: #666666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mservice li:hover{
	box-shadow: 0 2px 15px 1px rgba(42,101,189,0.5);
}
.mservice li:hover .img img{
	transform: scale(1.05);
}
.mservice li:hover h3{
	color: #177ffe;
}
/**/
.mnewslist1-box{
	padding-top: 130px; padding-bottom: 100px;
}
.mnewslist1{
	position: relative;
}
.mnewslist1 .line{
	position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #eeeeee;
}
.mnewslist1 ul{
	position: relative; z-index: 1; margin-left: 90px; margin-right: 90px; 
}
.mnewslist1 li{
	width: 50%; float: left; margin-top: 55px; position: relative;
}
.mnewslist1 li:first-child{
	margin-top: 0;
}
.mnewslist1 li:nth-child(2n){
	float: right;
}
.mnewslist1 .item{
	position: relative; width: 540px; border: 1px solid #eeeeee; padding: 35px 30px; margin-right: 65px;text-align: right;
}


.mnewslist1 li:nth-child(2n) .item{
	margin-left: 65px; margin-right: 0;text-align: left;
}
.mnewslist1 .item:before{
	position: absolute; right:-16px; top: 30px; background: url(../images/icon32.jpg) no-repeat; background-size:cover ; width: 17px; height: 21px; content: "";
}
.mnewslist1 li:nth-child(2n) .item:before{
	position: absolute; right:auto; left: -16px; top: 30px; background: url(../images/icon33.jpg) no-repeat; background-size:cover ; width: 17px; height: 21px; content: "";
}
.mnewslist1 .date{
	font-size: 36px; color: #017bce;
}
.mnewslist1 .year{
	font-size:18px; color: #017bce; margin-top: 5px;
}
.mnewslist1 .tit{
	font-size:18px; color: #333333; margin-top: 12px; line-height: 1.6; /*height: 64px; */text-align: justify;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mnewslist1 .img{
	display: block; margin-top: 10px; overflow: hidden;
}
.mnewslist1 .item .img img{
	transition: all 0.3s; width:100%; height:320px;
}
.mnewslist1 .item:hover .img img{
	transform: scale(1.05);
}
.mnewslist1 li:hover .dot{
	background: #017bce;
}
.mnewslist1 .dot{
	width: 10px; height: 10px; background: #deba72; border-radius: 50%;
	position: absolute; right: 0; top: 35px; margin-right: -5px;z-index: 1;
}
.mnewslist1 li:nth-child(2n) .dot{
	right: auto; margin-right: 0; left: 0; margin-left: -5px;
}
.pagination-block{
	margin-top: 80px;text-align: center;display: flex;justify-content: center;
}
.pagination li{float:left;}
.pagination li a, .pagination li span{
	display: inline-block;vertical-align: top; line-height: 43px; padding: 0 17px; border: 1px solid #e5e5e5; color: #888888; font-size: 16px; margin: 0 3px;
}
.pagination li a:hover,.pagination .active span,.pagination li a.active{
	color: #fff; background: #017bce; border-color: #017bce;
}
/**/
.mnews-box{
	padding-top: 120px; padding-bottom: 75px;
}

.mnews{
	margin-left: 55px; width: 815px;
}
.mnews-hd{
	border-bottom: 1px solid #dcdcdc; padding-bottom: 30px;
}
.mnews-hd h1{
	font-size: 30px; color: #333333; line-height: 1.3;
}
.mnews-hd .attr{
	margin-top: 15px; font-size: 16px; color: #777777;
}
.mnews-hd .attr span{
	display: inline-block;vertical-align: top; margin-right: 28px;
}
.icon-eye{
	display: inline-block;vertical-align: middle; background: url(../images/icon35.png) no-repeat center; width: 24px; height: 14px; margin-right: 7px; position: relative; margin-top: -2px;
}
.mnews-bd{
	padding: 25px 0 40px 0; font-size: 16px; line-height: 1.8; text-align: justify;
}
.mnews-ft{
	background: #f1f1f1; height: auto; overflow: hidden; padding: 15px 25px;color: #999999;
}
.mnews-ft a{
	color: #666666;
}
.mnews-ft a:hover{
	color: #386cb8;
}
.mnews-ft div{
	max-width: 48%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mnews-share{
	text-align: center; padding: 20px 0;
}
.mnews-card{
	margin-right: 55px; width: 320px;  border: 1px solid #e8e8e8; margin-bottom: 15px;
}
.mnews-card-hd{
	margin: 0 20px; padding: 28px 0 20px 0; border-bottom: 1px solid #e8e8e8;
}
.mnews-card-hd h2{
	font-size: 18px;
}
.mnews-card-bd{
	margin: 0 20px; padding: 15px 0;
}
.mnews-card-bd li{
	padding: 12px 0;
}
.mnews-card-bd li:hover h3{
	color: #106cc4;
}
.mnews-card-bd .time{
	color: #999999;
}
.mnews-card-bd h3{
	font-size: 16px; color: #666666; line-height: 1.6; margin-top: 10px;
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mnews-card-ft{
	background: #f0f0f0; text-align: center; height: 40px; line-height: 40px; cursor: pointer;
}
.mnews-card-ft:hover{
	background-color:#ddd ;
}
.mnews-card-ft img{
	vertical-align: middle;
}
/**/
.mservice-box{
	padding-top: 55px; padding-bottom: 65px;
}
.mservice-detail{
	width: 795px;
}
.mservice-detail-hd{
	border-bottom: 3px solid #f1f1f1;
}
.mservice-detail-hd h2{
	padding: 15px 0; position: relative; font-size: 36px; color: #333333; display: inline-block;
}
.mservice-detail-hd h2:after{
	position: absolute; left: 0;width: 100%; bottom: -3px; height: 3px; background: #1c7bd7; content: "";
}
.mservice-detail-bd{
	padding: 35px 0; text-align: justify; font-size: 16px; /*color: #777777;*/ line-height: 1.8;
}
.menqu{
	width: 555px; background: #f1f1f1;
}
.menqu-hd{
	height: 135px; background: #1c7bd7; color: #fff;text-align: center; padding-top: 45px;
}
.menqu-hd h2{
	font-size: 36px; position: relative;
}
.menqu-hd h2:after{
	width: 30px; height: 3px; background: #fff; display: block; margin: 10px auto 0; content: "";
}
.menqu-bd{
	padding: 20px 40px 30px 40px;
}
.menqu-bd li{
	margin-bottom: 20px;
}
input.text{
	width: 100%; height: 48px; background: #fff; border: 1px solid #e9e9e9; padding: 0 20px;
}

textarea{
	width: 100%;border: 1px solid #e9e9e9; padding: 15px 20px; line-height: 1.5; height: 158px;
}
input.text:focus,
textarea:focus{
	border-color: #007BFF;
}
.formbtn{
	width: 205px; height: 48px; background: #1c7bd7; cursor: pointer; font-size: 18px; color: #fff; border: 0;
}
.formbtn:hover{
	opacity: 0.9;
}
/**/
.mcontact{
	padding: 80px 0 ;
}
.mcontact-info{
	background: #f7f8fc; margin-bottom: 80px;
}
.mcontact-info .item{
	width: 33.33%; float: left; height: 260px; padding:65px 35px 0 35px ;
	transition: all 0.3s;
}
.mcontact-info .img{
	vertical-align: top; display: inline-block; margin-top: 10px;
}
.mcontact-info .img .img2{
	display: none;
}
.mcontact-info .txt{
	vertical-align: top; display: inline-block; max-width: 300px; margin-left: 22px;
}

.mcontact-info .txt h3{
	font-size: 16px; color: #666666; margin-bottom: 10px;
}
.mcontact-info .txt .desc{
	font-size: 16px; color: #333333; font-weight: bold; line-height: 1.8;
}
.mcontact-info .item:hover{
	background: #1189e1; color: #fff;
}
.mcontact-info .item:hover .txt .desc,
.mcontact-info .item:hover .txt h3{
	color: #fff;
}
.mcontact-info .item:hover .img2{
	display: inline-block;
}
.mcontact-info .item:hover .img1{
	display: none;
}
.mcontact-map{
	margin-bottom: 75px;
}
 #map{
 	width: 100%; height: 425px;
 }
 #map img{
	max-width: initial;
}
#map .anchorBL{
	display: none;
}
#map .maptxt{
	font-size: 16px; line-height: 1.6;color: #106CC4; font-weight: bold; padding-top: 8px; padding-left: 10px; padding-right: 5px; display: inline-block;
}
#map .maptxt small{
	color: #333;
}
.m-tit1{
	margin-bottom: 50px; font-size: 36px; color: #333333;
}
.m-tit1:after{
	content: ""; display: block; width: 30px; height: 3px; background: #1c7bd7; margin-top: 15px;
}
.mform{
	
}
.mform-row{
	margin: 0 -15px;
}
.mform-col{
	width: 100%; padding: 0 15px 30px 15px;
}
.mform-col2{
	width: 50%;padding: 0 15px 30px 15px; float: left;
}
.mform input.text{
	padding: 0 25px;
}
.text-code-box{
	width: 200px; position: relative; display: inline-block;vertical-align: top; margin-right: 15px;
}
.imgcode{
	/*position: absolute; right:1px; top: 1px;  line-height: 46px; width: 75px;text-align: center;*/
}
.imgcode img{
	vertical-align: middle; width:150px;
}
/**/
.mdown-nav{
	width: 295px; background: #f6f5f5; height: 870px;text-align: center; padding-top:80px ; font-size: 16px;
}
.mdown-nav li{
	 position: relative; cursor: pointer;
}
.mdown-nav li a{
	display: block;padding: 18px 10px; border-left: 2px solid transparent; line-height: 1.3;
}
.mdown-nav li:after{
	position: absolute; left: 30px; right: 30px;bottom: 0; height: 1px; background: #ececec; content: "";
}
.mdown-nav li:last-child:after{
	display: none;
}
.mdown-nav li a:hover,
.mdown-nav li a.active{
	background: #ffffff;border-color: #017bce;
}

.mdown-info{
	width: 885px; margin-left:105px ; margin-top: 35px; margin-bottom: 55px;
}
.mdown-infohd{
	padding: 20px 0; border-bottom: 1px solid #e1e1e1;
}
.mdown-infohd h2{
	font-size: 20px; color: #333333; font-weight: bold;
}
.mdown-infohd h2:before{
	content: ""; width: 4px; height: 18px; background: #333333; display: inline-block;vertical-align: middle; margin-right: 20px; position: relative; margin-top: -2px;
}
.mdown-infobd{
	padding: 10px 0;
}
.mdown-infobd ul{
	height: auto; overflow: hidden; margin: 0 -35px;
}
.mdown-infobd li{
	float: left; width: 405px; margin: 0 35px; border-bottom: 1px solid #ececec; height: 105px; padding-top: 30px;
}
.mdown-infobd li h3:hover{
	color: #106CC4;
}
.mdown-infobd .left{
	width: 80%;
}
.mdown-infobd .left h3{
	font-size: 16px; color: #333333;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mdown-infobd .left p{
	color: #999999; margin-top: 20px;
}
.mdown-infobd .right{
	width: 20%; text-align: center;
}
.mdown-infobd .right p{
	margin-top: 10px;color: #999;
}
.mdown-infobd .right:hover p{
	color: #106CC4;
}
.mdown-infoft{
	margin-top: 100px;
}
.mpages1{
	text-align: center;
}
.mpages1 a{
	display: inline-block;vertical-align: middle; width: 42px; height: 42px; text-align: center; line-height: 40px; border: 1px solid #e2e2e2; border-radius: 42px; margin: 0 3px;color: #777777;
}
.mpages1 a:hover,
.mpages1 a.active{
	background: #1c7bd7; color: #fff; border-color: #1c7bd7;
}
.Hsrch-box {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0;
	display: none;


	position: absolute;
	z-index: 999;
}

.Hsrch-block {
/*	width: 50%;*/
	height: 32px;
	margin: 25px auto 0;
	padding: 0 20%;
	/*margin-right: 70px;*/
	/*float: right;*/
}

.Hsrch-block .top_btn {
	width: 30px;
	height: 40px;
	background: url(../images/icon_sq.svg) no-repeat center / contain;
	float: left;
	border: 0px;
	background-color: #fff;
}

.Hsrch-block .close {
	display: block;
	width: 28px;
	height: 36px;
	float: right;
	background: url(../images/headerclose.png) no-repeat center;
}

.Hsrch-block .close span {
	font-size: 32px;
	color: #333;
}

.Hsrch-block .text {
	width: calc(100% - 200px);
	height: 40px;
	font-size: 16px;
	float: left;
	margin: 0 0 0 9px;
	border: 1px solid #eee;
	padding: 5px 10px;
}

.Hsrch-block .text::-webkit-input-placeholder {
	color: #6f6f6f;
}

.Hsrch-block .sel {
	height: 40px;
	font-size: 16px;
	float: left;
	margin-left: 9px;
	border: 1px solid #eee;
	padding: 0 20px;
}

.content_tb{width:100%;border-collapse: collapse;}

.content_tb th,.content_tb td{padding:10px; border-width:1px; border-color:#CCCCCC; border-style:solid;}
.content_tb th{font-size:18px; text-align:center; font-weight:bold;}