@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:#ffffff;}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
/*****以上样式不可更改*****/
.banner{ position: relative;}
.banner img{ width: 100%;}
.banner p,.banner .text{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;font-size:38px; font-weight: bold;
color: #fff; line-height: 53px;}
.YouShi{ background: url(../images/ys.png) no-repeat center top; padding: 80px 0px;}
.title{ text-align: center;}
.title span{font-size: 48px; font-weight: bold; color: #006EBD; line-height:1.2;}
.title h2{font-size: 32px; color: #333333; line-height:1.5; margin: 10px 0px; display: block;}
.title p{font-size: 18px; color: #787878; line-height:1.5;}
.YouShiList{ display: flex; flex-wrap:  wrap; justify-content: space-between;}
.YouShiList li{ margin-top: 75px; text-align: center; width: 210px;}
.YouShiList li .item{width: 163px; height: 163px; border: 1px solid #B1DEFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 20px; margin: 0 auto;}
.YouShiList li .item i{width: 100%; height: 100%; background:rgba(0, 110, 189, .1);  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.YouShiList li .item i img{ max-width: 75px;}
.YouShiList li .text h4{font-size: 21px; color: #333333; line-height: 24px; margin: 15px 0px;}
.YouShiList li .text p{font-size: 15px; color: #999999; line-height: 24px;}
.more{width: 247px; height: 51px; border: 1px solid #D6D7D7; border-radius: 25px; display: flex; align-items: center; justify-content: center; color: rgba(120, 120, 120, 1); font-size: 15px; margin: 0 auto; margin-top: 70px;}
.more:hover,.more.active{ background:rgba(0, 110, 189, 1); border: 1px solid rgba(0, 110, 189, 1); color: #fff;}
.YingYong{ background: url(../images/yy.jpg) no-repeat; background-size: cover; padding: 80px 0px;}
.white_title h2,.white_title p{ color: #fff;}
.YingYongItem{ max-width: 685px; width: 100%; margin: 0 auto; padding-top:60px;}
.YingYongList li{ margin-top: 28px;}
.YingYongList li .item{width:100%; height: 48px; border: 1px solid rgba(0, 110, 189, .5); background: rgba(0, 0, 0, .5); border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #D5D5D5; font-size: 17px;}
.YingYongList li .item img{width: 21px; height: 21px; margin-right: 10px;}
.YingYongList li .item.mt25{ margin-top: 25px;}
.YingYongList li .item.w375{ max-width: 375px; width: 100%; margin: 0 auto;}
.ZhuanJia{ padding: 80px 0px; background: #fff;}
.ZhuanJiaItem{ margin-top: 35px;}
.ZhuanJiaItem .img-box img{ width: 100%; border-radius: 10px;}
.ZhuanJiaList{ background: #006EBD; border-radius: 10px; margin-top: 30px; display: flex; flex-wrap: wrap;}
.ZhuanJiaList li{ width: 20%; border-right: 1px solid rgba(255, 255, 253, .45); padding: 20px 35px; text-align: center;}
.ZhuanJiaList li img{ width: 65px; margin: 0 auto;}
.ZhuanJiaList li h5{font-size: 18px; color: #FFFFFF; line-height: 24px; margin:10px 0px;}
.ZhuanJiaList li p{font-size: 15px; color: #FFFFFF; line-height: 24px;}

.footer{ background: #1C1F2A; padding: 15px 0px; text-align: center;}
.footer p,.footer a{font-size: 14px; color: #787878; line-height: 24px;}
.footer p img{ width: 12px; height: 12px; position: relative; margin-top: -3px;}
.footer a:hover{ text-decoration: underline;}

.right_fixed{ position: fixed; top: 50%; right:3px; z-index: 9;}
.right_fixed .item{width: 58px; height: 58px; border: 1px solid #D8D7D7; border-radius: 7px; position: relative; display: flex; align-items: center; justify-content: center; margin-top: 7px;}
.right_fixed .item.active{ background: #006EBD;}
.right_fixed .item .phone{ position: absolute; right:58px; top: 0; background:#006EBD; color: #fff; padding: 10px; font-size: 15px; border-radius: 5px; height:58px; line-height:38px; display:none;}
.right_fixed .item:hover .phone{ display: block;}

.banner .text h3{font-size: 32px; font-family: Kalinga; font-weight: 400; color: #FFFFFF; line-height:1.8; padding-bottom: 15px; position: relative; margin-top:5%;}
.banner .text h3::before{width: 29px; height: 6px; border-radius: 3px; position: absolute;left:50%; bottom: 10px; content: ""; background: #fff;transform: translateX(-50%);}
.ChanPinWrap{ padding: 70px 0px;}
.ChanPinWrap .img-box{ text-align: center; border-bottom: 1px solid #E8E8E8; padding:0px 30px 30px 30px;}
.ChanPinWrap .img-box img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}
.ChanPinWrap .txt-box{ padding-top: 45px;}
.ChanPinWrap .txt-box h4{font-size: 30px; color: #101010; line-height:1.5; margin-bottom:15px;}
.ChanPinWrap .txt-box p{font-size: 16px; color: #333333; line-height:1.5;}
.ChanPinText{ margin-top:25px; border-right: 1px solid #E8E8E8; height: 100%;}
.ChanPinText h3{ min-width: 79px; height: 36px; line-height: 36px; padding: 0px 25px; color:#fff; font-size: 16px; background: #F29B09; display: inline-block; margin-bottom: 15px; border-radius: 18px 18px 0px 18px;}
.ChanPinText p{font-size: 15px; color: #555555; line-height: 26px;} 
.ChanPinItem{ display: flex; flex-wrap: wrap;}
.ChanPinTextTeDian h3{ background: #389DF1;}
.ChanPinTextTeDian { border: none;}

.GongYiWrap{ padding: 30px 0px;}
.GongYiWrap .img-box img{ width: 100%;}
.GongYiWrap .txt-box{ margin-top: 40px;}
.GongYiWrap .txt-box p{font-size: 16px; color: #555555; line-height:2.2;}

.NewsList li{ padding: 40px 0px; border-bottom: 1px dashed #DCDCDC; display: flex; align-items: center;}
.NewsList li .time{width: 221px; height: 109px; border: 1px solid #DCDCDC; position: relative; display: flex; align-items: center; justify-content: center;}
.NewsList li .time time{font-size: 50px; color: #333333;}
.NewsList li .time::before{ width: 1px; height: 60%; position: absolute; right:-1px; top: 50%;transform: translateY(-50%); background: #fff; content: ""; z-index: 1;}
.NewsList li em{font-size: 24px; color: #CFCFCF; line-height: 24px; margin: 0px 25px;}
.NewsList li .text{ flex: 1; width: 100%; overflow: hidden;}
.NewsList li .text h4{color: #333333; line-height: 24px; margin-bottom: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.NewsList li .text p{font-size: 15px; color: #727272; line-height: 24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.NewsList li .img-box{ margin-left: 80px;}
.NewsList li .img-box img{ width: 261px; height: 156px;}
.NewsList li .text:hover h4{ text-decoration: underline;}
.fanye{ display: flex; align-items: center; justify-content: center; margin: 50px 0px;}
.fanye a{ margin: 0px 5px; border: 1px solid #E5E5E5; padding: 0px 17px; height: 46px; line-height: 46px; font-size: 14px; color: #333;}
.fanye i{ font-size: 20px;}
.fanye a:hover,.fanye a.active{ background: #5E91E3; border: 1px solid #5E91E3; color: #fff;}
.fanye .page{ display: flex;}

.pagination{ height: auto !important;padding: 0px !important;display: flex;flex-wrap: wrap;justify-content: center;}
 .pagination p, .pagination a{display: flex;align-items: center;justify-content: center;padding: 0px !important;margin: 0px 2px !important;padding: 0px 10px !important; height: 25px !important;}


.mbxNav{ display: flex; align-items:center; padding-top:30px; padding-bottom: 10px;}
.mbxNav img{ width: 17px; height: 13px; margin-right: 8px;}
.mbxNav p{ flex: 1; width: 100%;font-size: 14px; color: #787878; line-height:25px;}
.mbxNav p a{ color: #787878;}
.mbxNav p a.on{ color: #333333;}

.NewsTitle{ border-bottom: 1px solid #F2F2F2; padding-bottom: 15px; text-align: center;}
.NewsTitle p{font-size: 14px; color: #999999; line-height: 24px; margin-top: 15px;}
.NewsText{ padding: 45px 0px;}
.NewsText p{font-size: 16px; color: #555555; line-height: 30px; padding: 15px 0px; text-indent: 2em;}
.Fanpian{ border: 1px solid rgba(0, 0, 0, .1); padding: 15px; display: flex; align-items: center;}
.Fanpian .text{ flex: 1;}
.Fanpian .text p{font-size: 16px; color: #333333; line-height: 30px;}
.Fanpian .text p a{ color: rgba(120, 120, 120, 1);}
.Fanpian .text p a:hover{ text-decoration: underline; color: #006EBD;}
.Fanpian .back{width: 116px; height: 40px; background: rgba(190, 191, 192, 1); color: #fff; font-size:14px; text-align: center; line-height: 40px;}
.Fanpian .back:hover{ background:#006EBD;}
.Newsitem{ padding-bottom: 40px;}

.GuanYuWrap{ padding: 40px 0px;}
.GuanYuWrap .txt-box { padding: 0px 18px;}
.GuanYuWrap .txt-box h2{font-size: 24px; font-weight: bold; color: #006EBD; line-height:1.5; margin-bottom: 20px;}
.GuanYuWrap .txt-box p{font-size: 16px; color: #555555; line-height:1.7;}
.GuanYuWrap .img-box img{ width: 100%;}
.GuanYuWrap .img-box { margin-top: 30px;}
.GuanYuList{ display: flex; flex-wrap: wrap;}
.GuanYuList li{ width: 33.333%; padding: 0px 10px; margin-top: 30px;}
.GuanYuList li .item{ height: 100%; width: 100%; padding: 25px 20px;border: 1px solid #AFD0FB; border-radius: 8px; background: #FAFCFF;}
.GuanYuList li .item h3{font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #006EBD; line-height: 34px;}
.GuanYuList li .item p{ color: #555555; font-size: 15px; line-height:2;}

.GongyiList{ border-top: 1px solid #D9D9D9; margin: 30px 0px;}
.GongyiListUl li{ margin-top: 10px;}
.GongyiListUl li a{font-size: 15px; color: #555555; line-height:1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
.GongyiListUl li a:hover{ text-decoration: underline; color: #389DF1;}
.GongyiList .ChanPinText{ border: none;}



@media ( max-width:1199px) {	
	.NewsList li .img-box{ margin-left: 30px;}
	.NewsText{ padding: 24px 0px;}
	.ZhuanJiaList li{ padding: 15px;}
	.banner .text h3,.banner p{ font-size: 24px;}
	

}

@media ( max-width:991px) {	
	.NewsList li .time{ width: 100px; height: 50px;}
	.NewsList li .time time{ font-size: 20px;}
	.NewsList li em{ font-size: 20px; margin: 0px 10px;}
	.NewsList li .img-box img{ width: 130px; height: 80px;}
	.NewsList li .text h4{ margin-bottom: 10px; font-size:17px;}
	.NewsList li .text p{ font-size: 14px;}
	.NewsList li .img-box{ margin-left: 15px;}
	.NewsList li{ padding: 20px 0px;}
	.fanye{ margin: 25px 0px;}
	.fanye a{ height: 35px; font-size: 13px; line-height: 35px; padding: 0px 13px; margin: 0px 2px;}
	.NewsText p{ font-size: 14px; padding:5px 0px;}
	
	.YouShi,.YingYong,.ZhuanJia,.ChanPinWrap{ padding: 40px 0px;}
	.title span{ font-size: 34px;}
	.title h2{ font-size: 24px;}
	.title p{ font-size: 16px;}
	.YouShiList li{ width:50%; padding: 0px 20px;}
	.more{ margin-top: 40px;}
	.YingYongList li .item{ font-size: 16px;}
	.ZhuanJiaList li p{ font-size: 13px;}
	.GongYiWrap .txt-box p{ font-size: 14px; line-height: 1.7;}
	.GuanYuList li{ width: 100%;}
}

@media ( max-width:767px) {	
	.NewsList li{ padding: 15px 0px; display: block;}
	.NewsList li em{ display: none;}
	.NewsList li .text h4{ font-size: 16px; margin-bottom: 5px;}
	.NewsList li .img-box{ display: block; margin: 0px; margin-top: 10px; width: 100%; }
	.NewsList li .img-box img{ width: 100%; height: 100%;}
	.NewsList li .time{ height: 40px; line-height: 40px;}
	.NewsList li{ padding-bottom:70px; position: relative;}
	.NewsList li .time{ position: absolute; bottom: 15px; right: 0;}
	.fanye .page{ display: none;}
	.mbxNav{ padding: 10px 0px;}
	.NewsText{ padding: 8px 0px;}
	.Fanpian{ display: block; padding: 8px;}
	.Fanpian .back{ display: block; width: 100%; margin-top: 15px;}
	.Fanpian .text p{ font-size: 14px;}
	.NewsText p{ line-height: 1.5;}
	.NewsTitle h2{ line-height: 1.6; font-size: 18px;}
	.YingYongList li .item.w375{ max-width: 100%;}
	.banner img{ height: 180px; object-fit: cover;}
}
@media ( max-width:640px) {	
	.header{ background: rgba(0, 0, 0, .70);}
	.YouShi, .YingYong, .ZhuanJia, .ChanPinWrap{ padding: 20px 0px;}
	.title span{ font-size: 24px;}
	.title h2{ font-size: 20px;}
	.title p{ font-size: 14px;}
	.YouShiList { margin-left: -10px; margin-right: -10px;}
	.YouShiList li{ margin-top: 30px; padding: 0px 10px;}
	.YouShiList li .item{ width: 100px; height: 100px;}
	.YouShiList li .item i img{ max-width: 55px;}
	.YouShiList li .text h4{ font-size: 18px; margin: 5px 0px;}
	.YouShiList li .text p{ font-size: 14px; line-height: 1.8;}
	.YingYongItem{ padding-top:10px;}
	.YingYongList li{ margin-top: 15px;}
	.YingYongList li .item{ font-size: 14px;}
	.more{ width:200px; height: 45px; font-size: 15px; margin-top: 15px;}
	.ZhuanJiaList li{ width:100%;}
	.ZhuanJiaList li img{ width: 55px;}
	.banner .text h3, .banner p{ font-size: 18px;}
	.banner .text h3{ margin-top: 8%;}
	.ChanPinWrap .txt-box{ padding-top: 20px;}
	.ChanPinWrap .txt-box h4{ font-size: 20px;}
	.ChanPinWrap .txt-box p{ font-size: 14px;}
	.GongYiWrap{ padding: 10px 0px;}
	.GongYiWrap .txt-box{ margin-top: 20px;}
	.GuanYuWrap{ padding: 20px 0px;}
	.GuanYuWrap .txt-box{ padding: 0px;}
	.GuanYuWrap .txt-box h2{ font-size: 20px; line-height: 1.5;}
	.GuanYuWrap .txt-box p{ font-size: 15px;}
	.GuanYuList li{ padding: 0px; margin-top: 15px;}
	.GuanYuList li .item{ padding: 15px;}
	.GuanYuList li .item h3{ font-size: 16px;}
	.GuanYuList li .item p{ font-size: 14px; line-height: 1.6;}
	.right_fixed{ display: none;}

}