/* @font-face {
	font-family: 'century';
	src: url('GOTHIC.TTF');
}

@font-face {
	font-family: 'century-blod';
	src: url('GOTHICB.TTF');
} */

* {
	/* font-family: 'century'; */
}

.head_model {
	padding: 35px 0;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 100%;
	z-index: 88;
}

.head_model .nav {
	margin-top: 12px;
}

.head_model .nav ul li {
	margin-left: 30px;
	position: relative;
	padding-bottom: 15px;
}

.head_model .nav ul li a {
	color: #ffffff;
	font-size: 18px;
}

.head_model .nav ul li::before {
	content: '';
	width: 0%;
	display: block;
	height: 2px;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0);
}

.head_model .nav ul li:hover::before {
	width: 100%;
}

.head_model .nav ul .on::before {
	width: 100%;
}

.head_model .sousuo {
	width: 275px;
	position: relative;
	background: #fff;
	height: 44px;
	border-radius: 25px;
	margin-left: 70px;
	margin-top: 5px;
	padding-left: 15px;
}

.head_model .sousuo .text {
	line-height: 44px;
	width: 100%;
	display: block;
	font-size: 14px;
	border-radius: 25px;
}

.head_model .sousuo .but {
	position: absolute;
	width: 16px;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	height: 19px;
	background: url(../img/p21.png) center no-repeat;
}

.banner {
	width: 100%;
	overflow: hidden;
}

.banner .swiper-slide {
	height: 918px;
}

.banner {
	text-align: left;
}

.banner .t1 {
	font-size: 50px;
	color: #ffffff;
	width: 700px;
	margin-top: 270px;
	text-align: justify;
}

.banner .t2 {
	text-align: justify;
	color: #fff;
	font-size: 26px;
	margin-top: 45px;
	line-height: 45px;
	margin-bottom: 40px;

}

.cm_mores {
	text-align: left;
}

.cm_mores a {
	display: inline-block;
	background: #20487c;
	color: #fff;
	padding: 10px 30px;
	font-size: 22px;
	font-weight: bold;
	border-radius: 25px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.cm_mores a:hover {
	color: #20487c;
	background: #fff;
}

.banner {
	position: relative;
}

.banner .qiehuan {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -5px;
	z-index: 999;
	text-align: right;
}

.banner .qiehuan .prev,
.banner .qiehuan .next {
	width: 110px;
	height: 57px;
	display: inline-block;
	cursor: pointer;
	margin: 0px -5px;
	background-color: #20487c;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.banner .qiehuan .prev {
	background: url(../img/p14.png) center no-repeat #20487c;
}

.banner .qiehuan .prev:hover {
	background: url(../img/p16.png) center no-repeat #fff;
}

.banner .qiehuan .next {
	background: url(../img/p19.png) center no-repeat #20487c;
}

.banner .qiehuan .next:hover {
	background: url(../img/p18.png) center no-repeat #fff;
}

.cm_title {
	text-align: center;
	margin-bottom: 40px;
}

.cm_title .t1 {
	font-size: 54px;
	color: #333333;
	font-weight: bold;
}

.m1 {
	margin-top: 110px;
}

.m1 .tabbar {
	margin-bottom: 50px;
	padding: 0px 100px;
}

.m1 .tabbar .it {
	width: 33%;
	cursor: pointer;
	font-size: 20px;
	position: relative;
	text-align: center;
}

.m1 .tabbar .it .icon {
	height: 40px;
	margin-bottom: 5px;
}

.m1 .tabbar .it span {
	position: relative;
	display: inline-block;
	padding: 0px 10px;
	padding-bottom: 8px;
}

.m1 .tabbar .it span::before {
	content: '';
	position: absolute;
	width: 0%;
	display: inline-block;
	left: 50%;
	height: 3px;
	bottom: 0px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #20487c;
	transform: translate(-50%, 0);
}

.m1 .tabbar .it:hover span::before {
	width: 100%;
}

.m1 .tabbar .it .icon .i2 {
	display: none;
}

.m1 .tabbar .it:hover .i1 {
	display: none;
}

.m1 .tabbar .it:hover .i2 {
	display: inline-block;
}

.m1 .tabbar .it:hover {
	color: #20487c;
}

.m1 .tabbar .on .icon .i1 {
	display: none;
}

.m1 .tabbar .on .icon .i2 {
	display: inline-block;
}

.m1 .tabbar .on span::before {
	width: 100%;
}

.m1 .tabbar .on {
	color: #20487c;
}

.m1 .pro_list .list .dm {
	padding: 0px 40px;
	border-right: 1px solid #ebebeb;
}

.m1 .pro_list .list .it:last-child .dm {
	border-right: 0px;
}

.m1 .pro_list .list .it {
	width: 25%;
}

.m1 .pro_list .list .it .t1 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	height: 45px;
	overflow: hidden;

}

.m1 .pro_list .list .it .t2 {
	font-size: 16px;
	color: #666666;
}

.m1 .pro_list .list .it .t3 {
	text-align: center;
	margin-top: 10px;
}

.m1 .pro_list .list .it .t3 span {
	text-decoration: underline;
	color: #204a7c;
	font-weight: bold;
}

.m1 .cm_mores {
	text-align: center;
	margin-top: 45px;
}

.m1 {
	padding-bottom: 90px;
}

.m2 {
	background: #f6f6f6;
	padding: 100px 0;
}

.m2 .let {
	width: 33%;
}

.m2 .rit {
	width: 65%;
	text-align: right;
}

.m2 .rit img {
	display: inline-block;
	max-width: 100%;
}

.m2 .let .t1 {
	font-size: 54px;
	color: #333333;
}

.m2 .let .t2 {
	font-size: 24px;
	color: #20487c;
	margin-top: 5px;
}

.m2 .let .t2 span {
	position: relative;
}

.m2 .let .t2 span::before {
	content: '';
	position: absolute;
	right: 0px;
	width: 50px;
	height: 2px;
	top: 50%;
	background: #20487c;
	display: inline-block;
	transform: translate(130%, -50%);
}

.m2 .let .t3 {
	font-size: 18px;
	color: #333333;
	position: relative;
	margin-top: 15px;
	line-height: 30px;

}

.m2 .let .t3 .icon_1 {
	position: absolute;
	left: -60px;
}

.m2 .let .t3 .icon_2 {
	position: absolute;
	right: 10px;
	bottom: 0px;
	transform: translate(100%, 0);
}

.m2 .let .cm_mores {
	margin-top: 30px;
}

.m3 {
	height: 500px;
	position: relative;
	background: url(../img/p6.png) center no-repeat;
	background-size: cover;

}

.m3 .box {
	position: absolute;
	top: 50%;
	width: 900px;
	text-align: center;
	left: 50%;
	transform: translate(-50%, -50%);
}

.m3 .box .t1 {
	font-size: 50px;
	color: #ffffff;
	font-weight: bold;
}

.m3 .box .t2 {
	font-size: 20px;
	color: #ffffff;
	margin: 35px 0px 25px;
}

.m3 .box .t3 {
	text-align: center;
}

.m3 .box .t3 a {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	/* text-decoration: underline; */
}

.footer {
	background: #f4f6f8;
	padding-top: 75px;
}

.footer .rit {
	margin-left: 100px;
}

.footer .rit p {
	margin-bottom: 15px;
}

.footer .rit p a {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}

.footer .rit .it {
	margin-left: 110px;
}

.footer .rit .it .t1 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 18px;
}

.footer .rit .it ul li {
	margin-bottom: 15px;
}

.footer .rit .it ul li a {
	color: #666666;
}

.footer .rit .it ul li a:hover {
	color: #000;
}

.footer .rit .gp .ll {
	display: flex;
	margin-bottom: 15px;
}

.footer .rit .gp .ll .n {
	font-size: 16px;
	color: #666666;
	width: 88px;
}

.footer .rit .contacto {
	width: 340px;
}

.footer .copy {
	margin-top: 50px;
	border-top: 1px solid #e2e3e4;
	padding: 25px 0;
	color: #999999;
	font-size: 14px;
}

.child_banner {
	height: 650px;
	position: relative;
}

.child_banner .msg {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	color: #ffffff;
	font-size: 70px;
	font-weight: bold;
	transform: translate(0, -50%);
}

.m4 {
	margin: 20px 0;
}

.m4 .dm {
	background: url(../img/p26.png) left center no-repeat;
	font-size: 14px;
	color: #999999;
	padding-left: 30px;
}

.m4 .dm a {
	color: #999;
}

.m4 .dm a:hover {
	color: #000;
}

.m5 {
	background: url(../img/p25.png) center top repeat-y;
	margin-top: 30px;
	padding-top: 160px;
	padding-bottom: 1px;
}

.m5 .list {
	position: relative;
	margin-bottom: 115px;
}

.m5 .list .img {}

.m5 .list .cont {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
	color: #333333;
	font-size: 24px;
	width: 510px;
	line-height: 40px;
	padding-left: 30px;
}

.m5 .list:nth-child(2n) .img {

	float: right;

}

.m5 .list:nth-child(2n) .cont {
	right: auto;
	left: 0px;
}

.m6 .m6_tab {
	margin-bottom: 70px;
	text-align: center;
}

.m6 .m6_tab .lt {
	font-size: 20px;
	margin: 0px 20px;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	border-radius: 50px;
	cursor: pointer;
	border: 1px solid #cecece;
	padding: 20px;
}

.m6 .m6_tab .lt:hover {
	background: #20487c;
	color: #fff;
}

.m6 .m6_tab .on {
	background: #20487c;
	color: #fff;
}

.m6 .pro_list .list .it {
	margin-bottom: 85px;
}

.m7 {
	position: relative;
	background: #20487c;
	padding: 15px 0;
}

.m7 .logo {
	margin-top: 10px;
}

.m8 .pre {
	width: 100px;
	height: 400px;
	overflow: hidden;
}

.m8 .pre .item {
	width: 90px;
	position: relative;
	height: 77px;
	border: 1px solid #e1e1e1;

	background-size: cover;
	border-radius: 10px;
}

.m8 .pre .item img {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.m8 .pre .item_on {
	border: 0px none;
	width: 100px;
	background: url(../img/p36.png) center no-repeat;
	background-size: cover;
}

.m8 .click_prev {
	text-align: center;
	margin-bottom: 10px;
}

.m8 .click_next {
	text-align: center;
	position: relative;
	z-index: 99;
}

.m8 .let {
	width: 90px;
}

.m8 .show_pres {
	width: 580px;
	height: 515px;
	border-radius: 8px;
	margin-left: 40px;
	border: 1px solid #e6e6e6;
	position: relative;
	overflow: hidden;
}

.m8 .show_pres .lt_img {
	display: none;
}

.m8 .show_pres .lt_img:nth-child(1) {
	display: block;
}

.m8 .pre_cont {
	width: 505px;
	padding-top: 25px;
}

.m8 .pre_cont .t1 {
	font-size: 44px;
	color: #333333;
}

.m8 .pre_cont .t2 {
	font-size: 16px;
	color: #999999;
}

.m8 .pre_cont .t3 {
	font-size: 17px;
	margin-top: 50px;
	color: #333333;
}

.m8 .pre_cont .t3 ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 12px;
}

.m8 .pre_cont .t3 ul li::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #666666;
	display: inline-block;
	border-radius: 50%;
	left: 0px;
	top: 8px;
}

.m8 .pre_cont .but {
	margin-top: 40px;
}

.m8 .pre_cont .but a {
	display: inline-block;
	background: #20487c;
	color: #fff;
	padding: 15px 25px;
	font-size: 24px;
	border-radius: 50px;
}

.m8_1 {
	margin-top: 90px;
}

.m8_1 .title {
	border-bottom: 1px solid #e5e5e5;
	font-size: 30px;
	color: #333333;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 40px;
	font-weight: bold;
}

.m8_1 .title::before {
	content: '';
	width: 30px;
	height: 4px;
	background: #20487c;
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: -2px;
}

.m8_1 .cont {
	padding: 40px 10px;
	color: #333333;
	font-size: 18px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.m8_1 .feye {
	padding-bottom: 65px;
}

.m8_1 .feye .lt {
	font-size: 14px;
	margin-right: 190px;
	color: #605d58;
}

.m8_1 .feye .lt a {
	color: #605d58;
}

.m8_1 .feye .lt span {
	width: 90px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	display: inline-block;
	background: url(../img/p38.png) left center no-repeat;
}

.m8_1 .feye .lt:hover a {
	color: #000;
}

.m9 {
	height: 200px;
	background: url(../img/p39.png) center no-repeat;
	background-size: cover;
	position: relative;
}

.m9 .box {
	width: 590px;
	margin: 0px auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

.m9 .box .input {
	position: relative;
}

.m9 .box .input .text {
	display: block;
	width: 96%;
	font-size: 14px;
	padding: 0 3%;
	height: 50px;
	border-radius: 50px;
}

.m9 .box .input .but {
	position: absolute;
	right: 0px;
	top: 50%;
	width: 36px;
	display: inline-block;
	height: 36px;
	background: url(../img/p40.png) center no-repeat;
	transform: translate(0, -50%);
}

.m9 .box .msg {
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.m9 .box .msg span {
	font-weight: bold;
	color: #666666;
}

.m9_1 {
	padding: 60px 0;
}

.m9_1 ul li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}

.m9_1 ul li::before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #707070;
	display: inline-block;
	border-radius: 50%;
	left: 0px;
	top: 8px;
}


.m9_1 ul li a {
	font-size: 16px;
	color: #333333;
}

.m9_1 ul li a span {
	font-weight: bold;
	color: #2a5082;
}

.m9_1 ul li:hover a {
	color: #000;
}

.m10 {
	margin-top: 40px;
}

.m10 .title {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 40px;
}

.m10 .it {
	width: 31%;
	margin-right: 2%;
	margin-bottom: 40px;
}

.m10 .it:nth-child(3n) {
	margin-right: 0px;
}

.m10 .it .t1 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

.m10 .it .in {
	/* height: 50px; */
	/* background: #f5f5f5; */
}

.m10 .it .in .text {
	display: block;
	width: 96%;
	padding: 0px 2%;
	background: #f5f5f5;
	font-size: 14px;
	border-radius: 8px;
	height: 50px;
}

.m10 .it .in label {
	color: #333333;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 40px;
	cursor: pointer;
}

.m10 .it .in label input {
	display: inline-block;
	margin-right: 5px;
}

.m10 .big_it {
	width: 100%;
}

.m10 .big_it .in textarea {
	background: #f5f5f5;
	font-size: 14px;
	height: 200px;
	width: 98%;
	border-radius: 8px;
	padding: 20px 1%;
}

.m10 .caozuo {
	width: 45%;
}

.file_cm {
	position: relative;
}

.file_cm .input_file {

	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.file_cm {
	overflow: hidden;
}

.m10 .it .con .gp .file_it {
	width: 90px;

	float: left;
	height: 60px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 20px;
}


.m10 .it .con .gp .file_it span {
	position: absolute;
	width: 100%;
	display: block;
	top: 50%;
	text-align: center;
	word-wrap: break-word;
	word-break: normal;
	font-size: 12px;
	transform: translate(0, -50%);
}

.m10 .it .con .gp .file_it .show_img {
	width: 90px;
	overflow: hidden;
	height: 60px;
	border-radius: 8px;
}

.m10 .it .con .gp .file_it .close_img {
	position: absolute;
	right: -8px;
	cursor: pointer;
	top: -8px;
}

.m10 .it .con .msgs {
	font-size: 14px;
	color: #999999;
	/* margin-top: 15px; */
}

.m10 .buts {
	text-align: center;
}

.m10 .buts input {
	padding: 15px 50px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	background: #20487c;
	font-weight: bold;
	border-radius: 50px;
}

.m10 {
	padding-bottom: 100px;
}

.footer .rit .contacto{
	display: none;
}
.m10 .it .con .gp .file_it{
	position: relative;
}
.m10 .it .con .gp .file_it .close{
	position: absolute;
	width: 25px;
	height: 25px;
	right: 0px;
	bottom: 0px;
	z-index: 88;
	display: none;
}