@charset "utf-8";
@font-face {
		font-family:'mon1';
		src:url("../fonts/Galano Classic Alt Bold.ttf");
	}
	@font-face {
		font-family:'mon2';
		src:url("../fonts/Galano Classic Alt.ttf");
	}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.content{ width:1200px;margin: 0 auto;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;}
  .content1 {
            width: 71rem;
            margin: 0 auto;
        }
        
input,textarea {border:  none; box-shadow: none; outline: none;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;font-family: "Microsoft Yahei";}
h2 {font-size: 16px;font-family: "Microsoft Yahei";}
h3 {font-size: 14px; font-family: "Microsoft Yahei"; font-weight:normal;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}
p {
    word-spacing: 0;
}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{
	-webkit-appearance: none;}
input{background:0; border:0;}
textarea {-webkit-appearance: none;}

html img{width:100%;}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.clearfix:after{height: 0;content: "";clear: both;display: block;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

/* 导航样式 */
.top {
  padding: 7px 0;
  display: flex;
  justify-content: center;
  border-top: 2px solid #2688EC;
  border-bottom: 1px solid #ccc;
  background: #f2f2f2;
}
.top h1 {
  width: 1200px;
}
.head {
  display: flex;
  justify-content: center;
  background: #fff;
}
.head .center {
  padding: 20px 0;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.head a {
  display: block;
}
.head img {
  display: block;
  overflow: hidden;
}
.head span {
  display: block;
  overflow: hidden;
}
.head .tel {
  width: 267px;
  height: 63px;
}
.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0057A1;
  border-bottom: 3px solid #d00000;
}
.menu .center {
  display: flex;
  justify-content: flex-start;
}
.nav {
  display: flex;
  flex: 1;
  width: 1200px;
  justify-content: space-between;
}
.nav > li {
  flex: 1;
  position: relative;
}
.nav > li > a {
  flex: 1;
  height: 50px;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-left: 1px solid #0777BD;
}
.nav > li > a:hover {
  transition: all 300ms linear;
  overflow: hidden;
  background: #d00000;
}
.nav > li:last-child {
  border-right: 1px solid #0777BD;
}
.nav > li:hover ol {
  display: block;
}
.nav .active > a {
  background: #d00000;
}
.nav ol {
  display: none;
  background: #145bb5;
  position: absolute;
  left: 0;
  z-index: 999;
  top: 50px;
  border-top: 3px solid #d00000;
  width: 100%;
}
.nav ol a {
  height: 50px;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-bottom: 1px solid #0777BD;
}
.nav ol a:hover {
  overflow: hidden;
  background: #d00000;
}
.banner {
  height: 500px;
}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: top center;
}
.banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.banner .swiper-pagination.swiper-pagination-bullets {
  bottom: 20px;
}
.tags {
  display: flex;
  justify-content: center;
  background: #f2f2f2;
}
.tags .center {
  display: flex;
  justify-content: flex-start;
  width: 1200px;
}
.tags dl {
  margin-left: 50px;
  padding-left: 30px;
  background: url(../imgs/tags.png) left center no-repeat;
  background-size: 15px auto;
  display: flex;
  justify-content: flex-start;
}
.tags dt,
.tags dd {
  padding: 13px 20px 13px 0;
}
.tags a {
  border-right: 1px solid #ccc;
  padding-right: 20px;
}
.tags dd:last-child a {
  border-right: none;
}

/* 产品中心 */
.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 42px;color: #333333;line-height: 42px;position: relative;font-weight: bold;}
.tit span b{ color: #eb4000; }
.tit i{display: block;font-size: 18px;color: #666666;line-height: 18px;padding-top: 16px;}

/* 产品领域样式 */

/*产品优势*/
.pro_adv{background: url(../images/cpys_bg.jpg) no-repeat center 0;overflow: hidden;height: 759px;}
.proadv_l{width: 325px;padding: 115px 0 0;}
.proadv_l h5{font-size: 46px;color: #fff;height: 150px;line-height: 60px;overflow: hidden;border-bottom: #fff 2px solid;}
.proadv_l h5 i{display: block;}
.proadv_l p{font-size: 24px;color: #fff;height: 130px;line-height: 80px;}
.proadv_btn{display: block;width: 160px;}
.proadv_btn a{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 160px;text-align: center;height: 42px;line-height: 42px;background: #00ab48;border-radius: 30px;}
.proadv_btn a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
.proadv_r{width: 801px;padding: 120px 0 0;}
.proadv_r ul li{font-size: 24px;color: #333;float: left;width: 264px;height: 212px;border: #fff 1px solid;background: rgba(255,255,255,0.9);margin: 0 1px 1px 0;padding-top: 45px;line-height: 32px;text-align: center;}
.proadv_r ul li em{width: 84px;height: 72px;display: block;line-height: 0;margin: 0 auto 25px;}
.proadv_r ul li em img{width: 84px;height: 72px;}
.proadv_r ul li b{display: block;font-size: 20px;}
.proadv_r ul li:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);position: relative;z-index: 1;}
.proadv_r ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

/*非标定制*/
.customized{padding: 85px 0 45px;}
.customized ul li{width: 191px;height: 268px;line-height: 0;position: relative;overflow: hidden;float: left;margin-left: 10px;margin-top: 40px;}
.customized ul li img{width: 191px;height: 268px;}
.customized ul li b{display: block;width: 191px;text-align: center;height: 56px;line-height: 56px;position: absolute;top: -60px;left: 0;font-size: 22px;color: #fff;background: rgba(0,103,194,0.9);-webkit-transition:all .5s;transition:all .5s;}
.customized ul li:hover b{top: calc(50% - 28px);}
.customized ul li b:hover{background: rgba(0,171,72,0.9);}
.customized ul li:first-child{margin-left: 0;}

/*非标定制*/
.customized{padding: 85px 0 45px;}
.customized ul li{width: 191px;height: 268px;line-height: 0;position: relative;overflow: hidden;float: left;margin-left: 10px;margin-top: 40px;}
.customized ul li img{width: 191px;height: 268px;}
.customized ul li b{display: block;width: 191px;text-align: center;height: 56px;line-height: 56px;position: absolute;top: -60px;left: 0;font-size: 22px;color: #fff;background: rgba(0,103,194,0.9);-webkit-transition:all .5s;transition:all .5s;}
.customized ul li:hover b{top: calc(50% - 28px);}
.customized ul li b:hover{background: rgba(0,171,72,0.9);}
.customized ul li:first-child{margin-left: 0;}


/*流程*/
.process{background: url(../images/liuc_bg.gif) no-repeat center 130px;overflow: hidden;height: 351px;}
.process dl{width: 149px;height: 245px;float: left;position: relative;}
.process dl dt{width: 90px;height: 122px;margin: 0 auto;position: relative;}
.process dt .hover,.process dt .default{background:url(../images/iserve_bg.png);}
.process dt i{display:block;width:90px;height:90px;background:url(../images/iserve_icon.png);}
.process dt .hover,.process dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.process dt .default{background-position:0 0;}
.process dt .hover{background-position:0 -122px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.process dt.d1 .default i{background-position:0 0;}
.process dt.d1 .hover i{background-position:-90px 0;}
.process dt.d2 .default i{background-position:0 -90px;}
.process dt.d2 .hover i{background-position:-90px -90px;}
.process dt.d3 .default i{background-position:0 -180px;}
.process dt.d3 .hover i{background-position:-90px -180px;}
.process dt.d4 .default i{background-position:0 -270px;}
.process dt.d4 .hover i{background-position:-90px -270px;}
.process dt.d5 .default i{background-position:0 -360px;}
.process dt.d5 .hover i{background-position:-90px -360px;}
.process dt.d6 .default i{background-position:0 -450px;}
.process dt.d6 .hover i{background-position:-90px -450px;}
.process dt.d7 .default i{background-position:0 -540px;}
.process dt.d7 .hover i{background-position:-90px -540px;}
.process dt.d8 .default i{background-position:0 -630px;}
.process dt.d8 .hover i{background-position:-90px -630px;}
.process dt:hover .hover,.process dl.cur .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.process dt:hover .default,.process dl.cur .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.process dd{text-align: center;padding: 45px 0 0;font-size: 18px;color: #333;height: 35px;line-height: 35px;}
.process dl.cur dd{color: #005eb2;}
.process .proadv_btn{width: 185px;margin: 0 auto;}
.process .proadv_btn a{width: 185px;}
.pro_tit{font-size: 40px;color: #333;text-align: center;height: 85px;line-height: 42px;overflow: hidden;}
.pro_tit a{color: #333;}
.pro_tit a:hover{color: #00ab48;}
.pro_tit span{display: block;font-size: 20px;color: #333;font-weight: normal;}
.pro_tit i{display: block;font-size: 12px;color: #666; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
/* 荣誉证书 */
.index_pding{
	padding:65px 0;
}
.w1500{
	width:1600px; padding:0; margin:0 auto;
}
.index_title{
	position:relative;
}
.index_title .index_t{
	font-size:44px; color:#000; font-weight:bold; text-align:center;

}
.index_title .index_b{
	text-transform: uppercase; 
}
.index_title a.index_a{

}
.index_03{
	padding:2px 0;
}
.index_03_incon{
	width:88.375%; margin-left:auto; margin-right:auto; margin-top:55px;  
}
.index_03_incon_con{
	display:flex; flex-wrap:wrap; padding:0 60px; position:relative;
}
.index_03_incon_con::after{
	background:url(../images/index03_bg.png) no-repeat;  background-size:100% auto; background-position:left 88%; content:" "; position:absolute;  width:100%; height:100%;
	bottom:0px; left:-32px; z-index:1;
}
.index03_list{
	width:calc(20% - (20px * 4) / 5); margin-left:20px; position:relative; z-index:2;
}
.index03_list:nth-child(5n+1){
	margin-left:0px;
}
.index03_list .img{
	width:100%; padding:52% 0; position:relative;
}
.index03_list .img img{
	position:absolute; max-height:108%; max-width:108%; bottom:0px; left:50%; transform:translateX(-50%);
}
.index03_list .text_con .tc_t{
	font-size:18px; color:#000; line-height:30px; margin-top:15px; text-align:center; 
}
.index_a{
	margin-top:40px;
}
.index_a a{
	width:136px; height:42px; line-height:42px; font-size:14px; margin:0 auto; text-align:center;
	color:#e50012; border:1px solid #e50012; border-radius:4px; display:block;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.index_a a:hover{
	color:#fff; background:#e50012;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.index_a.index_a_color01 a{
	color:#fff; border:1px solid #fff;
}
.index_a.index_a_color01 a:hover{
	color:#fff; background:#e50012; border:1px solid #e50012;
}
/* 合作logo */

/*优势*/
.ys111{ overflow: hidden; width: 100%; background: #fff; margin-top:85px;}
.ys111 .yshh{ width: 100%;}
.ys111 .ysTit1{ overflow: hidden; background: url("../images/ys_titbg.png") no-repeat center; height: 206px; text-align: center}
.ys111 .ysTit1 h2{ font-size:43px; margin-top:50px; color: #fff;}
.ys111 .ysTit1 h2 b{ font-size: 65px; color: #ffa200}
.ys111 .ysTit1 p{ font-size: 24px; margin-top: 30px; color: #fff;}
.ys111 .ys01{ background: url("../images/ys_01.png") no-repeat center; height: 372px;}
.ys111 .ys02{ background: url("../images/ys_02.png") no-repeat center; height:404px; }
.ys111 .ys03{ background: url("../images/ys_03.png") no-repeat center; height: 404px}
.ys111 .ys04{ background: url("../images/ys_04.png") no-repeat center; height: 365px;}
.ys111 .ysBox{ width: 712px; overflow: hidden; margin-top: 98px; margin-left: 320px;}
.ys111 .ysBox h3{ font-size: 26px; color: #015eb0; margin-bottom: 25px; margin-left: 20px;}
.ys111 .ysBox span{ display: inline-block; background-color: #e5e5e5; color: #3d3d3d; line-height: 35px; margin-left:20px; padding:  0 10px; font-size: 18px; margin-bottom: 5px; margin-top: 5px;}
.ys111 .ysBox p{ background: url("../images/ys_li.png") no-repeat left 8px; line-height: 24px; font-size: 18px; padding-left: 15px; margin-top: 15px; margin-left:20px;}
.ys111 .ysBox b{ color:#015eb0}

.ys111 .ysBox h4{ width:245px; margin:0 auto; padding-bottom: 25px;  font-weight: normal; background: url("../images/ys_phone.png") no-repeat 10px 5px,url("../images/ys_phoneBg.png") no-repeat center bottom; padding-left: 55px; font-size: 13px; color: #4e4e4e; margin-top: 45px;}
.ys111 .ysBox h4 b{ color: #082fa2; font-size: 27px; display: block;}
.ys111 .four{ margin-top:35px; }
.ys111 .thr,.ys .two{margin-top:108px;}


.ys2{ overflow: hidden; width: 100%; background: #fff; margin-top:85px;}
.ys2 .yshh2{ width: 100%;}
.ys2 .ysTit2{ overflow: hidden; background: url("../images/ys_titbg.jpg") no-repeat center; height: 206px; text-align: center}
.ys2 .ysTit2 h2{ font-size:43px; margin-top:45px; color: #fff;}
.ys2 .ysTit2 h2 b{ font-size: 65px; color: #ffa200}
.ys2 .ysTit2 p{ font-size: 24px; margin-top: 30px; color: #fff;}


/* 合作logo */
.content24{ width: 80rem;margin: 0 auto;position: relative;}
.hz{padding: 3rem 0;background: #75abcd42;}
.hz .desc{font-size: 0.9rem;line-height: 1.6rem;color: #666666;margin-top: 2rem;height: 5.5rem;text-align: center;}
.hz_s li{float: left;width: 16.66%;}
.hz_s li img{display: block;width: 100%;}
.hz_s li:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);} 
.hz .more{width: 8.4rem;height:2.3rem;line-height: 2.1rem;display:block;font-size: 0.8rem;color: #221815;position:relative;text-align: center;transition:all 0.5s;font-weight: normal;margin: 3rem auto 0;border: 1px solid #221815;box-sizing: border-box;border-bottom-width: 0.15rem;}
.hz .more em{ display: inline-block;width:1rem;height:0.55rem;margin-left: 0.3rem;vertical-align: -0rem;transition: all 0.5s;overflow: hidden;}
.hz .more em>img{ display:block;width:1rem;height:0.55rem;transition: all 0.5s;}
.hz .more:hover em>img:nth-child(1){margin-top: -0.55rem;}
.hz .more:hover{background: #aa8b69;border-color: #aa8b69;transform: translateY(-5px);color: #fff;}
/* 案例 */
.case{padding: 48px 1.5%;background: #ffffff;}
.case_con{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 56px;}
.case_con dl{width: 23.65%;margin-bottom: 1.4rem;}
.case_con dt{ display: block;width: 100%;}
.case_con dt img{ display: block;width: 100%;}
.case_con dd{height: 6rem;padding: 1.5rem 1.2rem 0;box-sizing: border-box;position: relative;background: #fff;}
.case_con dd:after{position: absolute;left: 0rem;bottom: 0px;background:#fcb815;content: "";width: 0px;height: 2px;z-index: 1;transition: all 0.5s;}
.case_con dd h4 a{ display: block;font-size: 1.1rem;color: #333333;line-height:1.2rem; font-weight: normal;}
.case_con dd p{ display: block;font-size: 0.8rem;color: #333333;line-height:0.9rem;margin-top:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_con dl:hover h4 a{background: url(../images/case_jt.png) no-repeat right ;background-size: 1.2rem 1.2rem;color: #fcb815;}
.case_con dl:hover dd:after{width: 100%;}
.case .more{display: block;width: 10rem;height: 3rem;line-height: 3rem;border-radius: 1.5rem;border: 1px solid #d4d4d4;box-sizing: border-box;font-size: 0.9rem;color: #333333;text-align: center;margin: 1.6rem auto 0;transition: all 0.5s;}
.case .more  img{display: inline-block;width: 1.2rem;height: 1.2rem;margin-right: 0.6rem;vertical-align: -0.25rem;}
.case .more:hover{transform: translateY(-6px);}
/* 新闻中心 */
.newstit1{ font:48px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px;}
.newstit1 a{ color:#333333;}
.newstit1 em{ display:block; font-size:18px; padding:12px 0 0;font-weight:normal; color:#666;}
.newstit1 i{ font:30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#215295; display:block;}
.newsbj1{height:830px; background:url(../images/new_bg.jpg) no-repeat center top; padding-top:70px;}
.news .news-left{width:826px;float:left; margin-top:12px;}
.news .news-left h4{height:47px; border-bottom:1px solid #e0e0e0; position: relative; margin-bottom: 32px;}
.news .news-left h4 a{display: inline-block; height:47px; line-height: 47px;font-size: 18px; color:#333; margin-right:54px; font-weight:normal; position:relative;}
.news .news-left h4 i{ display:block; width:25px; height:24px; overflow:hidden;background:url(../images/new_icon1.png) no-repeat left 0; float:left; margin:10px 5px 0 0;}
.news .news-left h4 a:nth-child(2) i{background:url(../images/new_icon2.png) no-repeat left 0;}
.news .news-left h4 a:hover:before,.news .news-left h4 .cur:before{width:109px; height:2px; background:#e77817; content:""; position: absolute; left:0;bottom:-1px;}
.news .news-left h4 a:hover,.news .news-left h4 .cur{ font-weight:bold; color:#e77817;}
.news .news-left h4 a:hover i,.news .news-left h4 .cur i{ background-position:0 -24px;}
.news .news-left .news-cen{width:797px; height:374px;background:#fff; margin-bottom: 7px;border-top:1px solid #fff;padding:24px 35px 0 38px; box-sizing: border-box;}
.news .news-left .news-cen ul li{float:left; width:337px;}
.news .news-left .news-cen ul li:last-child{float:right;}
.news .news-left .news-cen ul li dl dd{margin-bottom: 13px;}
.news .news-left .news-cen ul li dl dd h5{height:39px; line-height: 39px; margin-bottom: 7px;}
.news .news-left .news-cen ul li dl dd h5 a{font-size: 16px; color:#333333; font-weight: normal;}
.news .news-left .news-cen ul li dl dd p{line-height: 24px;font-size: 14px; color:#787878;}
.news .news-left .news-cen ul li dl dd p a{font-size: 14px; color:#e77817;}
.news .news-left .news-cen ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left .news-cen ul li dl dt img{width: 100%; transition: 1s;}
.news .news-left .news-bot{height:147px;width:797px; background:#fff;padding:21px 34px 0 37px; box-sizing: border-box;}
.news .news-left .news-bot ul li{height:36px;padding-left:34px; background:url(../images/new_arr.png) no-repeat left;}
.news .news-left .news-bot ul li h5{height:36px; line-height: 36px; float:left;font-size: 14px; color:#777777; font-weight: normal;}
.news .news-left .news-bot ul li i{display: block; height:36px; line-height: 36px;font-size: 14px; color:#999999;float:right;}
.news .news-rig{width:374px; float:right; margin-top:12px;}
.news .news-rig h4{height:47px; border-bottom:1px solid #e0e0e0;margin-bottom: 32px; line-height:47px;}
.news .news-rig h4 span{display: block;height:47px;float:left;}
.news .news-rig h4 span a{display: block; padding-left:26px; background: url(../images/new_icon2.png) no-repeat left 12px;font-size: 18px; color:#333333; font-weight: normal; height:37px;}
.news .news-rig h4 em{display: block; height:47px;float:right;}
.news .news-rig h4 em a{font-size: 14px; color:#1e1e1e;font-weight: normal;}
.news .news-rig .rig-con{height:517px;background:#fff;padding:12px 34px 0;}
.news .news-rig .rig-con dl{margin-bottom:8px;}
.news .news-rig .rig-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-rig .rig-con dl dt img{width:100%;}
.news .news-rig .rig-con dl dd{height:126px; background: #e77817;padding:14px 31px 0 18px; box-sizing: border-box;}
.news .news-rig .rig-con dl dd h4{height:38px; line-height: 38px; margin-bottom: 6px; border-bottom:0;}
.news .news-rig .rig-con dl dd h4 a{font-size: 16px;color:#fff; font-weight: normal;}
.news .news-rig .rig-con dl dd p{line-height: 24px;font-size: 14px; color:#fff;}
.news .news-rig .rig-con dl dd p a{font-size: 14px; color:#fff;}
.news .news-rig .rig-con ul li{height:36px; line-height: 36px;padding-left:20px; background:url(../images/new_arr.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .rig-con ul li a{font-size: 14px; color:#777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left .news-cen ul li dl dd h5 a:hover,.news .news-left .news-bot ul li:hover h5,.news .news-rig .rig-con dl dd h4 a:hover,.news .news-rig .rig-con ul li a:hover{ font-weight:bold; color:#e77817;}
/* 底部样式 */
.footer {
  background: #005CA2;
}
.footer .address {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.footer .w-navs {
  width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f2f2f2;
  margin: 0 auto;
}
.footer .w-navs a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-right: 20px;
}
.footer .w-navs span {
  color: #fff;
  padding: 0 20px;
}
.footer .hzhb {
  width: 1200px;
  color: #fff;
  font-size: 14px;
  margin: 20px auto;
}
.footer .hzkehus {
  width: 1200px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.footer .hzkehus a {
  margin-right: 20px;
  float: left;
}
.footer .hzkehus a img {
  display: block;
  padding: 5px;
  border: 1px solid #ccc;
}
.footer .hzkehus a img:hover {
  border: 1px dotted #AEDCF4;
}
.footer .pros-lists {
  width: 1200px;
  overflow: hidden;
  margin: 20px auto;
}
.footer .address-s2 {
  float: right;
}
.footer .address-s2 p {
  color: #fff;
  line-height: 25px;
  margin-bottom: 5px;
}
.footer .botoms {
  height: 45px;
  line-height: 45px;
  background: #01325A;
}
.footer .wa1200px {
  color: #fff;
  width: 1200px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.footer .wa1200px .friendlinks {
  height: 25px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  color: #fff;
  width: 200px;
}
.footer .wa1200px .friendlinks ul {
  position: absolute;
  display: none;
  background: #fff;
  width: 100%;
  border: 1px solid #fff;
  left: -1px;
  bottom: 25px;
  color: #333;
  max-height: 300px;
  overflow-y: auto;
}
.footer .wa1200px .friendlinks ul li {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.footer .wa1200px .friendlinks:hover ul {
  display: block;
}
.footer dt {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 10px;
}
.footer dd {
  padding-bottom: 15px;
  color: #fff;
  font-size: 14px;
}
.footer p {
  color: #fff;
  padding-top: 10px;
  text-align: right;
}
.footer img {
  width: 120px;
  border: 5px solid #fff;
}
.newslist {
  background: #f3f3f3;
  padding-bottom: 30px;
}
.newslist .newtitle {
  padding-top: 35px;
  margin-bottom: 30px;
  text-align: center;
}
.newslist .newtitle strong {
  font-size: 40px;
  color: #666;
}
.newslist .newtitle div {
  font-size: 18px;
  color: #999;
  padding-top: 10px;
}
.newslist .newsBox {
  display: flex;
  width: 1180px;
  border: 10px solid #e4e4e4;
  margin: 0 auto;
  justify-content: space-between;
}
.newslist .newswrap {
  flex: 1;
  padding: 20px;
  background: #fff;
}
.newslist .newswrap:first-child {
  border-right: 10px solid #e4e4e4;
  border-right: none;
}
.newslist .newswrap:last-child {
  border-left: 10px solid #e4e4e4;
  border-right: none;
}
.newslist .hotNews {
  display: flex;
}
.newslist .hotNews .imght {
  width: 150px;
  flex: none;
  height: 112px;
  display: block;
  overflow: hidden;
}
.newslist .hotNews .imght:hover img {
  transition: all 300ms linear;
  transform: scale(1.5);
}
.newslist .hotNews .imght img {
  width: 100%;
  display: block;
}
.newslist .hotNews dl {
  padding-left: 20px;
}
.newslist .hotNews dl a:hover {
  color: #d00000;
}
.newslist .hotNews dt a {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  max-width: 345px;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #0057a1;
}
.newslist .hotNews dd a {
  height: 45px;
  font-size: 14px;
  line-height: 1.5;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #666;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newslist .hotNews dd p {
  padding-top: 5px;
  color: #999;
}
.newslist ul {
  padding-top: 20px;
}
.newslist li {
  overflow: hidden;
  line-height: 40px;
  border-bottom: 1px dotted #ddd;
}
.newslist li:last-child {
  border-bottom: none;
}
.newslist li:hover a {
  color: #ff0000;
}
.newslist li:hover a::before {
  content: " ";
  position: absolute;
  left: 0;
  transition: all 300ms linear;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #ff0000;
}
.newslist li:hover span {
  color: #ff0000;
}
.newslist li a {
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 300px;
  padding-left: 25px;
  position: relative;
}
.newslist li a::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #ccc;
}
.newslist li span {
  float: right;
  font-size: 14px;
  color: #999;
}
.newslist .redirectTitle {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
.newslist .redirectTitle strong {
  color: #0777BD;
}
.newslist .redirectTitle a {
  font-size: 12px;
  padding: 5px 7px;
  background: #ff0000;
  color: #fff;
}
.newslist .redirectTitle a:hover {
  transition: all 300ms linear;
  background: #0777BD;
  color: #fff;
}
.ggad {
  background: #f2f2f2;
  text-align: center;
  padding-bottom: 30px;
}

	
.guide{ height:610px; overflow:hidden; margin-top:95px;}
.guide dl{ height:330px;}
.guide dt{ width:530px; height:330px; float:left; overflow:hidden; position:relative;}
.guide dt img{ display:block;width:530px; height:330px;}
/*.guide dt em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/guide_v.png) no-repeat center center; position:absolute; top:0; left:0;}*/
.guide dd{ width:590px; float:right;height:330px; position:relative;}
.guide dd h3{ font:48px "Microsoft YaHei UI"; font-weight:bold; color:#333; position:relative; margin-top:-14px;}
.guide dd h3 em{ display:block; font:102px Arial, Helvetica, sans-serif; color:#d3dcea; text-transform:uppercase; font-weight:bold;}
.guide dd h3 i{ display:block; font:24px "Microsoft YaHei UI"; color:#262626;}
.guide dd p{ font:14px "Microsoft YaHei UI"; line-height:28px; color:#666; margin-top:20px;}
.guide dd span a{ display:block; width:160px; height:40px; background:#17427c; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; position:absolute; bottom:0; left:0;}
.guide ul{ height:150px; background:#fff; box-shadow:0 0 1rem #ccc; margin:50px 0;}
.guide li{ width:300px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; color:#000; padding-top:23px; position:relative;}
.guide li:before{ content:""; position:absolute; top:33px; right:0; width:1px; height:80px; border-right:1px dashed #c2c2c2;}
.guide li:last-child:before{ background:none;}
.guide li em{ display:block; width:43px; height:43px; margin:0 auto 12px;}
.guide li em img{display:block; width:43px; height:43px;}
.guide li i{ display:block; font:12px "Microsoft YaHei UI"; color:#8d8d8d; line-height:25px;}
.guide li:hover{ font-weight:bold; color:#e77817;}
.guide li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}




.list11 {
  padding: 15px 0 0 15px;
  display: flex;
  justify-content: center; /* 修改1：主轴居中 */
  flex-wrap: wrap;
  align-content: center;   /* 修改2（可选）：多行时交叉轴居中 */
  align-items: center;     /* 新增：单行时交叉轴居中 */
  flex-direction: row-reverse;
}
.list11 .proimg {
  width: 368px;
  height: 368px;
  overflow: hidden;
}
.list11 a {
  margin-right: 15px;
  margin-bottom: 15px;
  background: #f2f2f2;
  padding: 15px;
  display: block;
}
.list11 a:hover {
  box-shadow: 0 0 20px #f2f2f2 inset;
  transition: all 300ms linear;
  background: #f2f2f2;
}
.list11 a:hover div.protitle {
  transition: all 300ms linear;
  background: #0057A1;
  color: #fff;
}
.list11 a:hover img {
  transition: all 300ms linear;
  transform: scale(1.2);
}
.list11 a img {
  display: block;
  width: 368px;
  height: 368px;
  overflow: hidden;
}
.list11 a div.protitle {
  margin-top: 15px;
  height: 50px;
  background: #f2f2f2;
  font-size: 18px;
  color: #0057A1;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
}
.list11 a {
  transition: transform 0.3s;
}
.list11 a:hover {
  transform: translateY(-5px); /* 悬停浮动效果 */
}


.ysbj{ height: auto; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top:20px;}
.ysbj h2{margin-bottom: 32px;}
.ys{height:451px; position:relative;}
.ys .content{ height:auto;  position: relative; }
.ys dl{ height:451px; position:relative;}
.ys dt{ width:960px; height:451px; overflow:hidden; margin-right:-360px;}
.ys dt img{ display:block;width:960px; height:451px; }
.ys dd{padding-top: 68px; width:562px; box-sizing: border-box; position: relative;}
.ys dd .desc{}
.ys dd h3{padding-left: 110px; font:40px "Microsoft YaHei"; color:#172e7a;  margin-bottom: 38px; font-weight: bold;box-sizing: border-box;}
.ys dd h3 em{color: #1c232b; font-size: 26px;display: block; font-weight: normal;}
.ys dd p{font:18px "Microsoft YaHei"; line-height:24px; position:relative; color: #333333;padding-left: 24px; text-align: left;background:url(../images/yspico.png) no-repeat left 7px;margin-bottom: 20px;}
.ys1 dd h3{background:url(../images/01.png) no-repeat left center;}
.ys2 dd,.ys3 dd,.ys4 dd{padding-top: 100px;}
.ys2 dd h3{background:url(../images/02.png) no-repeat left center;}
.ys3 dd h3{background:url(../images/03.png) no-repeat left center;}
.ys4 dd h3{background:url(../images/04.png) no-repeat left center;}
.ys2 dt,.ys4 dt{ margin-right:0; margin-left:-360px;}

.wh{width:100%;}
.lf{float:left;}
/*titleOne*/
.titleOne{ margin:-63px 0 20px 0}
.titleOne img{ display: block; margin:auto;}
.container{ width:1200px; margin:auto;}
img{border: 0;padding: 6px 0px;margin:0px 0px;}
body1,ul,p,li,div,td,input,select,textarea,hr{/*box-sizing:border-box;*/margin: 0px -2px;padding:0px 0px;list-style:none;font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6,b{color:#444444;margin:0px 0px;padding:0px 0px; font-weight:400;}
/*.homeB*/
.homeB11{ margin:50px 0}
.homeB11 .bg22{ float:left; width:100%; background:url(../images/homebbg.jpg) no-repeat center;}
.homeB11 .box{ float:left; width:477px;height:300px;height:515px;padding:10px 50px;}
.homeB11 .box h3{color:#00529c; font-size:26px;font-weight: bold; margin:20px 0}
.homeB11 .box p{font-size:13px; color:#555;line-height:25px; margin:20px 0 10px 0}
.homeB11 .box span{color:#00529c;}
.homeB11 .box em{ margin:0 5px 0 0; font-style:normal;color:#00529c;}
.homeB11 .box img{ display: block; }
.homeB11 .one{padding:20px 20px 0 100px}
.homeB11 .two{padding:20px 90px 0 40px}
.homeB11 .two img{margin-left:-9px;}
.homeB11 .three{padding:20px 20px 0 100px}
.homeB11 .four{padding:20px 90px 0 40px}
.box{line-height: 28px;color:#333}