/* AB模板网 整站模板下载 */

/* 模板：Www.AdminBuy.Cn */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

/* js特效：js.AdminBuy.Cn */

/* 在线工具 Tool.Adminbuy.Cn */

/* QQ：9490489 */

@charset "utf-8";



* {

	margin: 0 auto;	font-family: "微软雅黑";

}



ul,

ol {

	list-style: none;	padding: 0px;

}



a {

	text-decoration: none;	color: #000;

}



img {

	max-width: 100%;	display: block;	margin: 0px;

}



li {

	list-style-type: none;

}



/*头部样式*/

.max {

	max-width: 1200px;

}



header.header {

	overflow: hidden;

}



.head_line {

	background: #dadada;	overflow: hidden;

}



.head_line .max * {

	float: left;	font-size: 14px;	color: #777;	padding: 11px 0px;

}



.head_line .text {

	float: right;

}



.head_line .text a {

	border-right: 2px solid #959595;	padding: 0px 13px;

}



.head_line .text a:last-child {

	border-right: 0px;

}



.head_b {

	box-sizing: border-box;	overflow: hidden;	padding: 30px 0px 25px 0px;

}



.head_b .logo {

	float: left;	

}

.head_b .logo img{ height:57px}



.head_b .logo>img {

	display: inline-block;	max-width: 100%;

}



.head_b .text_1 {

	float: left;	max-width: 30%;	width: 100%;	color: #2b3aa1;	font-size: 20px;	font-weight: 600;	line-height: 28px;	border-left: solid 1px #999;	margin-left: 20px;	padding-left: 20px;	box-sizing: border-box;

}



.head_b .icon {

	float: left;	max-width: 37.5%;	width: 100%;

}



.head_b .icon .content {

	float: left;	max-width: 102px;	width: 100%;	text-align: center;	border-right: 1px dashed #d6d4d3;	padding: 12px 0px 2px 0px;	cursor: context-menu;

}



.head_b .icon .content:last-child {

	border-right: 0px;

}



.head_b .icon .picture {

	font-size: 28px;	color: #b5b5b5;

}



.head_b .icon .title {

	font-size: 14px;	color: #666;	margin-top: 6px;

}



.head_b .icon .content:hover * {

	color: #e6c383;

}



.header .contact {

	float: right;	max-width: 20%;	width: 100%;	display: flex;	justify-content: space-between;

}



.header .contact div {

	float: left;	margin: 0px;

}



.header .contact .picture {

	margin-left: 35px;

}



.header .contact .picture .iconfont {

	color: #fa9529;	font-size: 22px;	line-height: 1.8;

}



.header .contact .content {

	font-size: 22px;	color: #2b3aa1;	font-weight: bold;	line-height: 1.5;

}









/*导航样式*/

nav {

	background: #2b3aa1;	overflow: hidden;

}



.nav li {

	float: left;	max-width: calc(100% / 8);	width: 100%;	text-align: center;	line-height: 57px;	height: 57px;

}



.nav li a {

	display: block;	font-size: 16px;	color: #fff;

}

.nav li:nth-child(5) a{}

.nav li:hover {

	background: #ffffff;

}



.nav li:hover a {

	color: #2b3aa1;

}

#nav_select{background: #ffffff;}

#nav_select a {

	color: #2b3aa1;

}

.dh {

	float: right;	display: none;

}



.iconnav-list:before {

	font-size: 60px;

}



/*幻灯片样式*/

.banner {

	max-width: 100%;	position: relative;	min-height: 150px;	overflow: hidden;	height: 600px;

}



.banner ul {

	position: absolute;	left: 0px;	top: 0px;

}



.banner ul li {

	float: left;	max-width: 100%;	overflow: hidden;

}



.banner:hover ol {

	opacity: 1;

}



.banner ol {

	opacity: 0;	width: 100%;	position: absolute;	bottom: 2%;	transition: all 0.5s;	-webkit-transition: all 0.5s;	text-align: center;

}



.banner ol li {

	margin: 0 5px;	cursor: pointer;	border-radius: 100%;	height: 5px;	width: 5px;	display: inline-block;	border: 2px solid #2b3aa1;	opacity: 0.8;

}



.banner ol li:hover {

	border: 2px solid #2b3aa1;	opacity: 1;

}



.banner li img {

}



.banner_s li img {

}

.lef_rig {

	opacity: 0.3;	transition: all linear 0.25s;

}



.lef_rig span:first-child {

	opacity: 0.5;	cursor: pointer;	top: calc(60% - 90px);	position: absolute;	z-index: 2;	width: 50px;	left: 1%;	text-align: center;

}



.lef_rig span:nth-child(2) {

	cursor: pointer;	opacity: 0.5;	top: calc(50% - 90px);	position: absolute;	z-index: 2;	width: 50px;	right: 1%;	text-align: center

}



.lef_rig span:hover {

	opacity: 0.8;

}



.lef_rig span+span:hover {

	opacity: 0.8;

}



.banner:hover .lef_rig {

	opacity: 1;

}



#dot {

	background: #2b3aa1;	border: 2px solid #2b3aa1;	opacity: 1;

}



/* 搜索查找 */

.search {

	height: 76px;	line-height: 76px;

}



.search_1 {

	float: left;	font-size: 14px;	color: #666666;

}



.search_1 a {

	color: #2b3aa1;

}



.search_r {

	float: right;

}



.search_r input {

	border-left: 0;	border-top: 0;	border-right: 0;	padding-left: 10px;	width: 220px;	height: 29px;

}



.search_r i {

	position: relative;	left: -25px;

}



/*网站主体*/

.often {

	text-align: center;	margin: 42px auto 0 auto;	display: block;	overflow: hidden;

}



.often .title {

	font-size: 36px;	margin: 0 20px;	color: #363636;

}



.often .picture {

	display: block;	margin: 0px auto;	text-align: center;	margin-top: 6px;

}



.often .picture img {

	display: block;	margin: 0px auto;

}



.often .text {

	font-size: 14px;	color: #999;	margin-top: 10px;

}









section.courses {

	background: url(../images/co_01.jpg) no-repeat center top;	background-size: cover;	overflow: hidden;

}



.courses .often * {

	display: inline-block;	color: #363636;

}



.courses .often .text {

	display: block;	color: #999999;	font-size: 12px;

}



.courses_b {

	display: block;	width: 100%;	overflow: hidden;	padding: 75px 0px 58px 0px;

}



.courses_b li {

	float: left;	max-width: 16%;	width: 100%;	padding: 0px 2%;	box-sizing: border-box;	overflow: hidden;

}



.courses_b .picture {

	display: block;	max-width: 141px;	height: 162px;	width: 100%;	text-align: center;	background: url(../images/co_bgi.png);	background-size: 100% 100%;	overflow: hidden;

}



.courses_b .picture span {

	display: block;	width: 66px;	margin: 0px auto;	overflow: hidden;	display: flex;	align-items: center;	height: 100%;	font-size: 60px;

	color: #2b3aa1;

}



.courses_b .picture span img {

	max-width: 200%;	float: left;	width: 200%;

}



.courses_b .title {

	text-align: center;	float: left;	width: 100%;	white-space: pre;	text-overflow: ellipsis;	color: #2b3aa1;	font-size: 18px;	font-weight: bold;	overflow: hidden;	margin-top: 22px;

}



.courses_b .title::after {

	content: "";

	background: #2b3aa1;

	width: 40px;

	height: 2px;

	display: block;

	margin: 9px auto 0px auto;

}



.courses_b .text {

	float: left;

	text-align: center;

	width: 100%;

	overflow: hidden;

	color: #333;

	font-size: 14px;

	line-height: 24px;

	margin-top: 19px;

}



/* .courses_b li:hover .picture { border-color:rgba(230,195,131,1);} */

.courses_b li:hover .picture span {

	transform: rotateY(360deg);

	-webkit-transform: rotateY(360deg);

	/* Safari and Chrome */

	-moz-transform: rotateY(360deg);

	/* Firefox */

	-ms-transform: rotateY(360deg);

	/* IE 9 */

	transition-duration: 4s;

}



/* .courses_b li:hover .title{color:rgba(230,195,131,1);}

	.courses_b li:hover .text{color:rgba(230,195,131,1);} */





/* 主营产品 */

section.product {

	width: 100%;

	height: 78px;

	line-height: 78px;

	background-color: #2b3aa1;

}



.product_s {

	font-weight: 600;

	color: #ffffff;

	font-size: 18px;

}



.product_s>a {

	font-weight: normal;

	color: #ffffff;

	font-size: 18px;

}



.product_b>img {

	float: left;

	max-height: 613px;

	width: 57%;

}



.product_b_r {

	float: left;

	width: 22%;

	margin-left: 4%;

	margin-top: 10px;

}



.product_b_r li {

	border-bottom: dashed 1px #999;

	padding-bottom: 30px;

	overflow:hidden;

}



.product_b_r h5 {

	color: #2b3aa1;

	font-size: 24px;

	margin-top: 40px;

	margin-bottom: 10px;

	line-height: 0;

}



.product_b_r span {

	width: 60px;

	height: 2px;

	display: inline-block;

	background-color: #2b3aa1;

	margin-top: 20px;

	margin-bottom: 5px;

}



.product_b_r p {

	font-size: 14px;

	color: #333;

	line-height:26px;

	margin-top: 8px;

}



section.about {

	display: block;

	overflow: hidden;

	width: 100%;

	padding-bottom: 82px;

}



.about .about_l {

	float: right;

	max-width: 55%;

	width: 100%;

	height: 503px;

	overflow: hidden;

}



.about .about_l>img {

	height: 503px;

}



.about .about_r {

	float: left;

	position: absolute;

	max-width: 50%;

	width: 100%;

}



.about .often * {

	display: inline-block;

	color: #363636;

}



.about .often .text {

	margin-bottom: 54px;

	display: block;

	color: #999999;

	font-size: 12px;

}



/* .about .about_r .often{ float:left; margin:0px; max-width:154px; width:100%;}

	.about .about_r .often .title{ color:#351000; font-size:24px; font-weight:400; background:url(../images/of_02.png) no-repeat center bottom; padding-bottom:14px;}

	.about .about_r .often .text{ margin-top:0px;} */

.about .about_r .content {

	background-color: #f2f2f2;

	float: left;

	width: 611px;

	height: 435px;

	font-size: 16px;

	color: #363636;

	line-height: 35px;

	text-indent: 32px;

	margin-top: 68px;

	padding: 84px 58px 0 54px;

	box-sizing: border-box;

}



.about .about_r .content p:first-child {

	font-size: 24px;

	font-weight: 600;

	-webkit-margin-before: 0em;

	-webkit-margin-start: -2rem;

	-webkit-margin-after: 1em;

	color: #363636

}



.about .about_r .more {

	float: right;

	width: 138px;

	height: 94px;

	line-height: 94px;

	background: #fa9529;

	color: #fff;

	position: relative;

	right: -105px;

	bottom: 12px;

}



section.course {

	background: url(../images/co_02.jpg) no-repeat center top;

	background-size: cover;

	overflow: hidden;

}



.course .often * {

	display: inline-block;

	color: #fff;

}



.course .often .text {

	display: block;

}



.course_b {

	display: block;

	width: 100%;

	overflow: hidden;

	padding: 75px 0px 58px 0px;

}



.course_b li {

	float: left;

	max-width: 16%;

	width: 100%;

	padding: 0px 3%;

	box-sizing: border-box;

	overflow: hidden;

}



.course_b .picture {

	transition: all 1s;

	display: inline-block;

	max-width: 100px;

	height: 100px;

	width: 100%;

	text-align: center;

	overflow: hidden;

	border-top: solid 5px #fa9529;

	border-left: solid 5px #fa9529;

	border-bottom: solid 5px #ffffff;

	border-right: solid 5px #ffffff;

	border-radius: 100%;

}



.course_b .picture span {

	font-size: 54px;

	color: #ffffff;

	line-height: 1.8;

}



.course_b .picture span img {

	max-width: 200%;

	float: left;

	width: 200%;

}



.course_b .title {

	text-align: center;

	float: left;

	width: 100%;

	white-space: pre;

	text-overflow: ellipsis;

	color: #ffffff;

	font-size: 18px;

	font-weight: bold;

	overflow: hidden;

	margin-top: 22px;

}



/* .course_b .title::after{ content:""; background:rgba(230,195,131,1); width:40px; height:2px; display:block; margin:9px auto 0px auto;} */

.course_b .text {

	float: left;

	text-align: center;

	width: 100%;

	overflow: hidden;

	color: #ffffff;

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	margin-top: 19px;

}



/* .course_b li:hover .picture{

		border-top: solid 5px #ffffff;

		border-left: solid 5px #ffffff;

		border-bottom: solid 5px #fa9529;

		border-right: solid 5px #fa9529;

	} */

.course_b li:hover .picture span {

	display: block;

	transform: rotateY(360deg);

	-webkit-transform: rotateY(360deg);

	/* Safari and Chrome */

	-moz-transform: rotateY(360deg);

	/* Firefox */

	-ms-transform: rotateY(360deg);

	/* IE 9 */

	transition-duration: 4s;

}



/* .course_b li:hover .title {

	color: #fa9529;

}



.course_b li:hover .text {

	color: #fa9529;

} */





/* 联系电话 */

.tel_s {

	background: url(../images/tel_s_bgi.jpg) no-repeat center top;

	background-size: cover;

	overflow: hidden;

}



.tel_s .tel_l {

	width: 68%;

	display: inline-block;

	vertical-align: top;

	color: #ffffff;

	text-align: center;

	padding: 50px 0;

}



.tel_s .tel_l>p {

	font-size: 26px;

	line-height: 2;

}



.tel_s .tel_l>span {

	font-size: 28px;

	font-weight: 600;

	line-height: 2;

}



.tel_s .tel_r {

	display: inline-block;

}



.tel_s .tel_r>span {

	font-size: 30px;

	color: #fff;

	position: relative;

	top: -58px;

	margin-right: 10px;

}



.tel_s .tel_rs {

	display: inline-block;

	color: #fff;

	margin-top: 35px;

}



.tel_s .tel_rs span {

	font-size: 16px;

	margin-top: 10px;

	display: inline-block;

}



.tel_s .tel_rs p {

	font-size: 30px;

	font-weight: 600;

	line-height: 1.2;

}



.tel_btn {

	background-color: #fa9529;

	border-radius: 18px;

	display: inline-block;

	padding: 11px 25px;

	font-size: 14px;

	margin-top: 10px;

	color: #fff;

}









.shiLi .often {

	float: left;

	margin-left: 10%;

	margin-bottom: 50px;

}



.shiLi .often * {

	display: inline-block;

	color: #363636;

}



.shiLi .often .text {

	display: block;

	color: #999999;

	font-size: 12px;

}



.shiLi {

	height: 673px;

	background: url(../images/sl_bgi.jpg) no-repeat center;

}



.shiLi .shiLi_s .shiLi_1 {

	display: inline-block;

	width: 65%;

	margin-top: 15px;

	max-width: 100%;

}



.shiLi .shiLi_s .shiLi_2 {

	background: url(../images/sl_2.png) no-repeat center;

	width: 371px;

	height: 500px;

	float: right;

	padding-left: 21px;

	padding-top: 20px;

	box-sizing: border-box;

	position: relative;

	top: 60px;

}



.shiLi .shiLi_s .shiLi_2 h4 {

	color: #ffffff;

	font-size: 18px;

	line-height: 32px;

}



.shiLi .shiLi_s .shiLi_2 p {

	color: #ffffff;

	font-size: 16px;

	line-height: 30px;

	margin-left: 30px;

}



.shiLi_21 {

	margin-bottom: 25px;

}



.shiLi_22 {

	margin-top: 30px;

	margin-bottom: 22px;

}



.shiLi_23 {

	margin-top: 29px;

	margin-bottom: 21px;

}









section.project {

	overflow: hidden;

	display: block;

	width: 100%;

	padding-bottom: 72px;

}



.project .often .text {

	letter-spacing: 1px;

}



.project .pro ul {

	position: relative;

}



.project .pro li {

	width: 285px;

	margin-right: 20px;

	box-sizing: border-box;

	float: left;

	border: solid 1px #d6d6d6; margin-bottom:20px

}



.project .pro li .title {

	font-weight: 600;

	text-align: center;

	font-size: 16px;

	line-height: 32px;

	color: #333;

	bottom: 24px;

	/* max-width: 81%; */

	line-height: 60px;

	height: 60px;

	left: 0px;

	right: 0px;

	margin: auto;

	width: 96%;

	display: inline-block;

	background: #eaeaea;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; padding:0 2%; float:left

}



.project .pro li div {

	position: relative;

	float: left;

	width: 100%;

	overflow: hidden

}



.project .pro li .picture {

	width: 164px;

	border-radius: 100%;

	overflow: hidden;

	box-sizing: border-box;

}



.project .pro li .picture img {

	width: 100%;

	

	float: left;

	overflow: hidden;

	object-fit: cover;

	padding: 6px;

	box-sizing: border-box;

}



.pro {

	margin-top: 0px;

	overflow: hidden;

}



.project .pro li:hover .title {

	background: #2b3aa1;

	color: #ffffff;

}



.project .pro li:hover {

	border: solid 1px #2b3aa1;

}



.inventory {

	text-align: center;

	display: flex;

	float: left;

	width: 100%;

	justify-content: center;

	align-items: center;

	margin-top: 64px;

}



.inventory a {

	color: #fff;

	width: 200px;

	height: 57px;

	float: left;

	overflow: hidden;

	text-align: center;

	background: #2b3aa1;

	margin: 0px;

	line-height: 57px;

}



.inventory span {

	height: 57px;

	width: 48px;

	margin: 0px 1px;

	background: #2b3aa1;

	display: inline-block;

	text-align: center;

	line-height: 57px;

	font-family: "仿宋";

	color: #fff;

	cursor: pointer;

	font-weight: bold;

}



/* .inventory *:hover{ background:rgba(230,195,131,0.8);} */



.honor {

	overflow: hidden;

	background: url(../images/ne_01.jpg);

	padding: 79px 0 55px 0;

}



.honor .often {

	margin-top: 0; margin-bottom:30px

}



.honor .often * {

	display: inline-block;

	color: #363636;

}



.honor .often .text {

	display: block;

	color: #999999;

	font-size: 12px;

}



.honor_s {

	text-align: center;



}



.honor_s a {

	overflow: hidden;

	height: 100%;

	display: inline-flex;

}



.honor_s img {

	display: inline-block;

	width: 100%;

	max-width: 100%;

	transition: all 0.6s;

}



.honor_s a:hover img {

	transform: scale(1.05);

	/* transition: all 0.6s;   */

}



section.news {

	overflow: hidden;

	padding-bottom: 62px;

	display: block;

	width: 100%;

	margin-top: 60px;

	background-size: cover;

}



.news_s {

	width: 38%;

	display: inline-block;

	float: left;

	border-left: solid 1px #999;

	padding-left: 30px;

	box-sizing: border-box;

}



.news_s>span {

	font-size: 60px;

	color: #dedede;

	font-weight: 800;

}



.news_s>p {

	font-size: 24px;

	font-weight: 900;

	display: inline-block;

	position: q;

	position: absolute;

	position: relative;

	left: -157px;

	text-shadow: #fff 8px 4px 15px;

}



.news_s>p>span {

	color: #2b3aa1;

}



.news_s>a {

	color: #2b3aa1;

}



.news_s>a:hover {

	text-decoration: underline;

}



.news_s>a>span {

	background: #2b3aa1;

	border-radius: 50%;

	width: 18px;

	height: 18px;

	display: inline-block;

	text-align: center;

	line-height: 16px;

	color: #ffffff;

	font-size: 18px;

	margin-right: 10px;

}



.news_s .news_st li span {

	background: #999;

	width: 20px;

	height: 20px;

	line-height: 20px;

	display: inline-block;

	text-align: center;

	color: #fff;

	font-weight: 600;

	margin-right: 20px;

	vertical-align: top; float:left

}



.news_s .news_st li>span {

	background: #2b3aa1;



}



.news_s .news_st li h5 {

	font-size: 16px;

	color: #333;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;

}



.news_s .news_st li:hover h5 {

	color: #2b3aa1;

}



.news_s .news_st li p {

	display: inline-block;

	width: 89%;

	font-size: 14px;

	color: #999;

	line-height: 1.5;

}



.news_s .news_st li:hover p {

	/* color: #2b3aa1; */

	opacity: 0.8;

}



.news_s .news_st li {

	margin-top: 15px;

	border-bottom: dashed 1px #999;

	padding-bottom: 15px;

}



.news_s .news_st li>div {

	margin-top: 15px;

}

















.news_l>span {

	font-size: 60px;

	color: #dedede;

	font-weight: 800;

}



.news_l>p {

	font-size: 24px;

	font-weight: 900;

	display: inline-block;

	position: q;

	position: absolute;

	position: relative;

	left: -190px;

	text-shadow: #fff 8px 4px 15px;

	border-bottom: solid 3px #2b3aa1;

	padding-bottom: 3px;

}



.news_l>p>span {

	color: #2b3aa1;

}



.news_l {

	overflow: hidden;

	max-width: 30%;

	width: 100%;

	float: left;

	padding: 0 4%;

}



.news_l .picture {

	overflow: hidden;

	float: left;

	width: 100%;

	position: relative;

}



/* .news_l .picture::before{ content:"NEWS"; position:absolute; top:-35px; left:0px; background:#e6c383; transform:rotateZ(90deg); transform-origin:left bottom; width:68px; line-height:35px; height:35px; text-align:center; color:#fff; letter-spacing:1px;} */

.news_l .picture img {

	width: 100%;

	object-fit: cover;

}



.news_l .content {

	display: inline-block;

	background: #fff;

	box-sizing: border-box;

	overflow: hidden;

	padding-bottom: 27px; width:100%

}



.news_l .content .title {

	display: block;

	width: 100%;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	margin-top: 15px;

	white-space: pre;

	text-overflow: ellipsis;

	overflow: hidden;

}



.news_l .content .text {

	display: block;

	width: 100%;

	font-size: 14px;

	line-height: 24px;

	color: #666;

	max-height: 70px;

	overflow: hidden;

	margin-top: 17px;

}



.news_l .content:hover .title {

	color: #2b3aa1;

}



.news_l .content:hover .text {

	opacity: 0.8;

}



.news_l .content .time {

	float: left;

	width: 100%;

	font-size: 12px;

	color: #999;

	line-height: 18px;

	height: 18px;

	box-sizing: border-box;

	margin-top: 5px;

	margin-bottom: 15px;

}



.news_l::more {

	content: "+";

	width: 50px;

	height: 50px;

	border-radius: 100%;

	display: block;

	background: #e6c383;

	color: #fff;

	text-align: center;

	line-height: 50px;

	font-size: 20px;

	font-weight: bold;

	margin: -25px auto 0px auto;

}



/* .news_l:hover::after{ background:#e6c383;} */





.news_r {

	max-width: 24%;

	margin-top: 30px;

	width: 100%;

	float: right;

	background: #fff;

}



.news_r li {

	overflow: hidden;

	box-sizing: border-box;

	border-bottom: 1px solid #ebedee;

}



.news_r li:last-child {

	margin-bottom: 0px;

}



.news_r li .picture {

	float: left;

	max-width: 192px;

	width: 100%;

	overflow: hidden;

}



.news_r li .picture img {

	height: 111px;

	width: 100%;

	object-fit: cover;

	transition: all linear 0.25s;

}



.news_r li .content {

	float: right;

	max-width: 98%;

	width: 100%;

	padding-right: 2%;

	box-sizing: border-box;

	transition: all 0.7s;

}



.news_r li .title {

	margin-top: 8px;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	display: block;

	width: 100%;

	white-space: pre;

	text-overflow: ellipsis;

	overflow: hidden;

}



.news_r li .text {

	font-size: 14px;

	max-height: 20px;

	overflow: hidden;

	color: #666;

	display: block;

	width: 100%;

	margin-bottom: 18px;

}



.news_r li:hover .content {

	padding-left: 10px;

}



.news_r li:hover .text {

	color: #2b3aa1;

}



.news_r li time {

	float: left;

	width: 100%;

	font-size: 12px;

	margin-top: 12px;

	padding-right: 2%;

	box-sizing: border-box;

	margin-bottom: 18px;

}



.news_r li time .date {

	float: left;

	color: #999;

}



.news_r li:hover time .date {

	color: #2b3aa1;

}



/* .news_r li time .more{ color:#999; float:right; font-size:18px; height:16px; display:flex; align-items:center;} */



.news_more {

	margin-top: 25px;

	display: inline-block;

	color: #2b3aa1;

}



.news_more:hover {

	text-decoration: underline;

}



.news_more>span {

	background: #2b3aa1;

	border-radius: 50%;

	width: 18px;

	height: 18px;

	display: inline-block;

	text-align: center;

	line-height: 16px;

	color: #ffffff;

	font-size: 18px;

	margin-right: 10px;

}



/* .news_r li:hover .title{ color:#e6c383;}

	.news_l:hover .title{ color:#e6c383;}

	.news_r li:hover time .more{ color:#e6c383; float:right;}

	.news_r li:hover .picture img{ transform:scale(1.1);} */



section.url {

	border: solid 1px rgba(255, 255, 255, 0.2);

	overflow: hidden;

	padding: 26px 0px;

	background-color: #333;

}



.url {

	border-top: 1px solid #ededed;

}



.url * {

	line-height: 25px;

}



.url .picture {

	font-size: 16px;

	font-weight: bold;

	color: #fa9529;

	float: left;

}



.url a {

	margin-right: 1%;

	font-size: 14px;

	float: left;

	color: rgba(255, 255, 255, 0.6);

}



.url a:hover {

	text-decoration: underline;

}



section.surbase {

	float: left;

	width: 100%;

	background: #fff;

	height: 19px;

	position: relative;

	overflow: hidden;

	z-index: 1;

}



section.surbase::after {

	content: "";

	border: 19px solid transparent;

	border-bottom-color: #cba35b;

	position: absolute;

	bottom: 0px;

	width: 0px;

	left: calc(((100% - 1200px) / 2) + 859px);

	z-index: -1;

	overflow: hidden;

}



section.surbase::before {

	content: "";

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: calc(((100% - 1200px) / 2) + 878px);

	z-index: 1;

	overflow: hidden;

	background: #e6c383;

	height: 19px;

}



footer.footer {

	background-color: #333;

	float: left;

	width: 100%;

	overflow: hidden;

}



.foot_b {

	display: block;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

}



.foot_b .foot_l {

	margin-top: 60px;

}

.foot_l img{ height:60px}



.foot_b .foot_l .column {

	float: left;

	width: 100%;

}



.foot_b .foot_l .column a {

	float: left;

	max-width: 12.5%;

	width: 100%;

	font-size: 16px;

	font-weight: bold;

	color: #351000;

	text-align: center;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

}



.foot_b .foot_l .column a::after {

	content: "|";

	position: absolute;

	right: 0px;

	top: 0px;

	bottom: 0px;

	margin: auto;

}



.foot_b .foot_l .column a:last-child::after {

	display: none;

}



.foot_b .foot_l .trait {

	display: flex;

	align-items: center;

	float: left;

	width: 100%;

	margin-top: 48px;

}



.foot_b .foot_l .trait .picture {

	float: left;

	margin-left: 0px;

	margin-right: 20px;

}



.foot_b .foot_l .trait .content {

	float: left;

	font-size: 20px;

	font-weight: bold;

	color: #351000;

	line-height: 36px;

	margin-left: 0px;

}



.foot_b .foot_l .text {

	float: left;

	font-size: 28px;

	font-weight: bold;

	color: #fff;

	line-height: 42px;

	margin-top: 27px;

	letter-spacing: 3px;

}



.foot_b .foot_r {

	float: right;

	max-width: 275px;

	width: 100%;

	padding-top: 45px;

	margin-right: 0px;

}



.foot_b .foot_r .column {

	float: left;

	width: 100%;

	text-align: left;

	font-size: 18px;

	color: #fff;

	font-weight: bold;

}



.foot_b .foot_r .content {

	float: left;

	width: 100%;

	overflow: hidden;

	margin-top: 14px;

}



.foot_b .foot_r .content li {

	float: left;

	width: 100%;

	overflow: hidden;

	display: flex;

	align-items: center;

	margin: 7.5px 0px;

}



.foot_b .foot_r .content li .icon {

	float: left;

	margin: 0px;

	width: 15px;

}



.foot_b .foot_r .content li .icon img {

	display: block;

	margin: 0px auto;

}



.foot_b .foot_r .content li .text {

	float: left;

	font-size: 14px;

	color: rgba(255, 255, 255, 0.6);

	margin: 0px 0px 0px 9px;

}



.foot_b .foot_r .code {

	float: left;

	width: 100%;

	overflow: hidden;

	margin-top: 15px;

}



.foot_b .foot_r .code div {

	float: left;

	width: 100%;

	max-width: 110px;

}



.foot_b .foot_r .code .title {

	float: left;

	width: 100%;

	color: rgba(255, 255, 255, 0.3);

	font-size: 12px;

	text-align: center;

	margin-top: 8px;

}



.foot_b .foot_r .code .code_r {

	float: right;

	width: 100%;

	max-width: 110px;

}



.foot_b .foot_r .code .code_r {

	float: right;

	width: 100%;

	max-width: 110px;

}



.foot_b .foot_2 {

	text-align: center;

	margin: 56px 0px 56px 0px;

	width: 40%;

	color: #ffffff;

	font-size: 14px;

	line-height: 2.2;

	border-right: solid 1px rgba(255, 255, 255, 0.2);

	border-left: solid 1px rgba(255, 255, 255, 0.2);

}

.foot_b .foot_2 a{color: #ffffff;}





/*新闻页面*/

.page_address {

	background: #f5f5f5;

	padding: 16px 0px;

	box-shadow: 0px 3px 3px #ddd;

	margin-bottom: 40px;

	font-size: 14px;

}



.page {

	padding: 2px 2px 40px 2px;

	box-sizing: border-box;

	overflow: hidden;

}



.page_contact {

	float: left;

	margin-top: 20px;

	width: 100%;

}



.page_contact div:nth-of-type(2) {

	background: #fff;

	float: left;

	width: 100%;

	padding: 10px 5%;

	box-sizing: border-box;

}



.page_contact div:nth-of-type(2) p {

	line-height: 30px;

	font-size: 14px;

	color: #333;

}







.list_l {

	max-width: 250px;

	width: 100%;

	overflow: hidden;

	float: left;

}



.list_l .pro_l {

	max-width: 100%;

}



.list_l .pro_l ul {

	background: #ffffff;

	border: 1px solid rgba(0, 0, 0, 0.3);

	box-sizing: border-box;

}



.pro_l {

	float: left;

	max-width: 25%;

	width: 100%;

	background: #eee;

}



.pro_l_title {

	background: #2b3aa1;

	color: #fff;

	text-align: center;

	padding: 9px 0px 16px 0px;

	float: left;

	width: 100%;

}



.pro_l_title .title {

	font-size: 30px;

	font-weight: bold;

	display: block;

	overflow: hidden;

}



.pro_l_title .text {

	font-size: 12px;

	color: rgba(255, 255, 255, 0.5);

	max-width: 188px;

	width: 100%;

	margin: 0 auto 0px auto;

	display: block;

	padding: 3.5px 5px;

}



.pro_l ul {

	display: block;

	overflow: hidden;

	width: 100%;

	box-sizing: border-box;

	padding: 7px 6.5%;

}



.pro_l li {

	float: left;

	width: 100%;

	background: #ededed;

	color: #fff;

	margin-top: 12px;

	font-size: 16px;

	box-sizing: border-box;

	padding: 0px 12%;

}



.pro_l li a {

	padding: 13px 0px;

}



.pro_l li .title {

	float: left;

	max-width: calc(100% - 10px);

	text-overflow: ellipsis;

	white-space: pre;

	width: 100%;

	overflow: hidden;

	font-size: 15px;

	color: #333;

	font-weight: bold;

}



.pro_l li .icon {

	float: right;

	font-size: 16px;

	color: #333;

	font-family: "宋体";

	max-width: 10px;

	width: 100%;

	text-align: center;

}



.pro_l li:hover {

	background: #2b3aa1;

}



.pro_l li:hover .title {

	color: #fff;

}



.pro_l li:hover .icon {

	color: #fff;

}









.pro_l .contact {

	color: #333;

	overflow: hidden;

	padding: 0px 6.5%;

	margin-top: 24px;

}



.pro_l .contact .title span {

	float: left;

	border: 1px solid #2b3aa1;

	box-sizing: border-box;

	overflow: hidden;

	font-size: 14px;

	color: #fff;

	border-radius: 7px;

	max-width: 45%;

	width: 100%;

}



.pro_l .contact .title span:nth-of-type(even) {

	float: right;

}



.pro_l .contact .title span p {

	float: left;

	width: 100%;

	text-align: center;

	background: #2b3aa1;

	border: 1px solid #fff;

	padding: 3.5px 0px;

	box-sizing: border-box;

	overflow: hidden;

	font-size: 14px;

	color: #fff;

	border-radius: 7px;

}



.pro_l .contact .picture {

	float: left;

	margin-top: 26px;

	width: 100%;

	overflow: hidden;

}



.pro_l .tel {

	background: #e6c383;

	float: left;

	width: 100%;

	overflow: hidden;

	padding: 9px 0px;

	margin-top: 20px;

}



.pro_l .tel span {

	float: left;

	font-size: 17px;

	color: #fff;

	padding: 0px 2%;

}



.pro_l .tel span img {

	float: left;

}



.pro_l .contact .title span:hover {

	border-color: #e6c383;

}



.pro_l .contact .title span:hover p {

	background: #e6c383;

}



.pro_l .contact .text {

	font-size: 17px;

	color: #333;

	float: left;

	width: 100%;

	overflow: hidden;

	margin-top: 10px;

}







.list_l .contact {

	margin-top: 22px;

	float: left;

	width: 100%;

	box-sizing: border-box;

}



.list_l .contact .title {

	background: #2b3aa1;

	text-align: center;

	padding: 14px 0px;

	font-size: 18px;

	color: #fff;

}



.cont_b {

	padding: 0px 3%;

	border: 1px solid rgba(0, 0, 0, 0.3);

	box-sizing: border-box;

}



.cont_b .picture {

	margin-top: 5px;

}



.cont_b .picture img {

	width: 100%;

}



.cont_b p {

	font-size: 14px;

	color: #333;

	margin: 8px auto;

}





.page_r {

	width: 75%;

	float: right;

}



.page_r.page_r_s {

	width: 100%;

}



.news_list .page_r li {

	width: calc(100% - 10px);

	float: left;

	background: rgba(255, 253, 255, 0.60);

	padding: 15px 1%;

	box-sizing: border-box;

	margin-bottom: 10px;

	box-shadow: 0px 0px 5px #ccc;

}



.news_list .page_r li .picture {

	max-width: 25%;

	float: left;

}



.news_list .page_r li .picture img {

	height: 160px;

	float: left;

	object-fit: cover;

	width: 100%;

}



.news_list .page_r li .content {

	max-width: 73%;

	width: 100%;

	float: right;

}



.news_list .page_r li .content .title {

	font-size: 17px;

	color: #111;

	text-overflow: ellipsis;

	white-space: pre;

	display: block;

	width: 100%;

	overflow: hidden;

}



.news_list .page_r li .content time {

	font-size: 12px;

	color: #666;

	margin-top: 10px;

	display: block;

	width: 100%;

	overflow: hidden;

}



.news_list .page_r li .content .text {

	font-size: 14px;

	color: #333;

	line-height: 24px;

	height: 48px;

	overflow: hidden;

	margin-top: 10px;

}



.news_list .page_r li .content .more {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	border: 1px solid #ddd;

	text-align: center;

	float: left;

	text-align: center;

	width: 140px;

	margin-top: 15px;

}



.news_list .page_r li .content .more:hover {

	background: #2b3aa1;

	color: #fff;

	border-color: #2b3aa1;

}



.news_list .page_r li:hover {

	background: rgba(255, 253, 255, 1.00);

	box-shadow: 0px 0px 5px #2b3aa1;

}



.pro_list .page_r li {

	width: calc(100% / 3 - 13px);

	/* width: 24%; */

	/* margin-right: 12px; */

	box-sizing: border-box;

	float: left;

	margin-right: 18px;

	margin-bottom: 10px;

	border: solid 1px #d6d6d6;

}



.pro_list .page_r.page_r_s li {

	width:23%;

	max-width: 100%;

}



.pro_list .page_r li:nth-of-type(3n) {

	margin-right: 0px;

}

.pro_list .page_r_s li:nth-of-type(3n) {

	margin-right: 18px;

}

.pro_list .page_r_s li:nth-of-type(4n) {

	margin-right: 0px;

}



.pro_list .page_r li .picture {

	width: 100%;

	display: block;

}



.pro_list .page_r li .picture img {

	width: 100%;

	float: left;

	overflow: hidden;

	object-fit: cover;

	padding: 6px;

	box-sizing: border-box;

}



.pro_list .page_r li .title {

	font-weight: 600;

	text-align: center;

	font-size: 16px;

	line-height: 32px;

	color: #333;

	bottom: 24px;

	line-height: 60px;

	height: 60px;

	left: 0px;

	right: 0px;

	margin: auto;

	width: 96%;

	display: inline-block;

	background: #eaeaea;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; padding:0 2%; float:left

}



.pro_list .page_r li:hover {

	border: solid 1px #2b3aa1;

}



.pro_list .page_r li:hover .title {

	background: #2b3aa1;

	color: #ffffff;

}





.page_odd {

	overflow: visible;

}



.page_odd .page_r {

	background: rgba(255, 255, 255, 0.75);

	padding: 0 2%;

	box-sizing: border-box;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30)

}



.page_odd_title {

	width: 100%;

	text-align: center;

	margin-bottom: 1%;

	font-size: 20px;

	font-weight: bold;

	margin: 20px 0px;

}



.page_odd_time {

	width: 100%;

	text-align: center;

	display: block;

	margin-bottom: 1%;

	padding: 10px 0px;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	color: #333;

	font-size: 12px;

}



.page_odd_img {

	text-align: center;

	margin-bottom: 10px;

}

.page_odd_img img{ margin:0px auto;}

.page_odd_content {

	margin-bottom: 1%;

	padding-bottom: 50px;

}

.page_odd_content p{

	font-size:16px;

	line-height:2.5;

}

.page_odd_list {

	margin: 1% 0;

}



.page_odd_list span {

	float: left;

	width: 100%;

	color: #333;

	line-height: 24px;

}



.page_odd_list span a {

	color: #666;

}



.page_list {

	float: right;

	max-width: 100%;

	width: 100%;

	text-align: center;

	overflow: hidden;

	margin: 32px auto;

}



.page_list a:first-child {

	display: none;

}



.page_list * {

	font-size: 12px;

	color: #333;

	display: inline-block;

	margin: 0px 4px;

	border: 1px solid #d6d6d6;

	padding: 5px 10px;

}

.page_r .pageR_title{

	float:left;

	width:100%;

	border-bottom:2px solid #2b3aa1;

	margin:5px auto 20px auto;

	padding-bottom:4px;

}

.page_r .pageR_title .title{

	float:left;

	max-width:40%;

	min-width:80px;

	font-size:22px;

	font-weight:bold;

	color:#2b3aa1;

	

}

.page_r .pageR_title .column{

	float:right;

	max-width:55%; width:100%; text-align:right;

	margin-top:6px;

}

.page_r .pageR_title .column a{

	display:inline-block;

	font-size:14px;

	color:#333;

	margin-left:10px;

}



.page_r .pageR_title .column a:hover{

	color:#2b3aa1;

}





.page_r .pageR_title .column a:first-child{

	margin-left:0px;

}



.page_list a:hover,

.page_list b {

	background: #2b3aa1;

	color: #fff;

}





/*返回顶部*/



#top {

	cursor: pointer;

	position: fixed;

	bottom: 5%;

	background: rgba(0, 0, 0, 0.5);

	right: 1%;

	font-size: 50px;

	color: #fff;

	display: none;

	z-index: 9999;

	padding: 5px;

}



.top::before {

	font-size: 60px;

	color: rgba(255, 255, 255, 0.5);

}



#top:hover {

	background: rgba(0, 0, 0, 0.7);

}



.top:hover::before {

	color: rgba(255, 255, 255, 1);

}





.sj_footer {

	display: none;

	width: 100%;

	background: #fff;

	position: fixed;

	bottom: 0px;

	border-top: 1px solid #ccc;

	z-index: 999;

}



.sj_footer a {

	width: 33%;

	float: left;

	text-align: center;

	padding: 3% 0;

}



.sj_footer a:nth-child(2)>span:first-child {

	font-weight: 600;

}



.sj_footer a>span:first-child {

	font-size: 24px;

}



.sj_footer span {

	width: 100%;

	float: left;

	color: #333;

	font-family: "微软雅黑";

}



.sj_footer img {

	max-width: 20%;

	display: block;

	margin: 0px auto;

}









:-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #666;

}



::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #666;

}



input:-ms-input-placeholder {

	color: #666;

}



input::-webkit-input-placeholder {

	color: #666;

}





textarea:-ms-input-placeholder {

	color: #666;

}



textarea::-webkit-input-placeholder {

	color: #666;

}

.adminbuy_cn img{ max-width:100% !important; height:auto !important;display:inline-block;}

.adminbuy_cn p{text-wrap: inherit !important;}

.adminbuy_cn p span{text-wrap: inherit !important;}



/* AB模板网新增分页样式 www.admibnuy.cn */

.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}