@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
@font-face { font-family: 'dincond-medium-webfont'; src: url('../font/dincond-medium-webfont.eot'); src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg'); }
@font-face { font-family: 'siyuansongti'; src: url('./font/siyuansongti.ttf') }

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; color: #000000;}
body {margin:0 auto; font:16px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#111111;font-weight: bold;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;color:#333333;}
a img, iframe {border:none; vertical-align: top;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul , li {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/
.fl{float: left;}
.fr{float: right;}
/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1920px; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}




.fy{width:100%; height: 35px; line-height: 24px; overflow: hidden; text-align:center; font-size:16px;  padding:32px 0;margin-bottom:5%;}
.fy a{ display:inline-block; padding:0 15px; color:#9a9a9a; border:1px solid #9a9a9a}
.fy b{color: #fff!important; background:#E83136;padding:5px 15px;}
.fy span,.fy span a{vertical-align:middle; text-decoration:none; color:#9a9a9a; cursor:pointer; }


.xf{display: none;}
#mlogo2,.mggtit1{display: none;}

.ggtit{text-align: center;margin:5% auto 4%;}
.ggtit h3{font-size: 44px;line-height: 81px;}
.ggtit h3 strong{color:#1ECDB7;}
.ggtit h3 img{vertical-align: middle;}
.ggtit p{font-size: 26px;line-height: 50px;text-align: center;}
.banner{position: relative;}

.banner .prev{position: absolute;top:45%;left:150px;z-index: 1}
.banner .next{position: absolute;top:45%;right:150px;z-index: 1}
.banner .hd{position: absolute;bottom: 20px;left:45%;}
.banner .hd ul{width: 100px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.banner .hd ul li{width: 45px;height: 10px;background-color: #878B95;border-radius: 5px;text-indent: -999px;overflow: hidden;}
.banner .hd ul li.on{background-color: #ffffff;}

.wrap{width: 1200px;margin:0px auto;}


.footer_copy{ background: #f8f8f8; color: #333; font-size: 18px;}
.footer_copy_con{ border-top: 1px solid  #bebebe;}
.footer_copy p{ padding: 30px 0; text-align: center;}
.foot{ background: url(../images/pc_foot_bg.png) no-repeat top center #f8f8f8; padding: 2px 0 0 0; font-size: 18px; color: #fff; }
.foot_c_t{position: relative; border-bottom: 1px solid #d9e0e8;  padding-top: 5%; overflow: hidden;display: block;padding-bottom:2%;}
.dw{ position:absolute; left: 0; top:56px; width: 500px!important; }
.foot_c_t p{width: 538px;float: left;}
.foot_c_t p:nth-of-type(2){width: 600px;float: right;}
.foot_c_t p img{margin-right: 20px;}
.foot_c_t p span{ display: inline-block; font-size: 22px;line-height: 30px; color: #fff;margin-top: 5px;}
.foot_c_t p:nth-child(2){ text-align: right;}
.foot_c_t p:nth-child(2) i{ font-size: 28px; font-weight: bold;color:#fff;display: inline-block;}
.foot_c_t p:nth-child(2) span{ font-size: 26px;margin-right: 3%;}
.foot_c_t p:nth-child(2) span img{ margin-right: 10px;vertical-align: middle;margin-top: -5px;}
.foot_c_t a{color: #fff;}
.foot_c_t h2{width: 289px;height: 30px;border-left: 2px solid #fff;padding-left: 15px; font-size: 22px; font-weight: normal; margin-top:20px}
.foot_c_t ul{width: 720px; font-size: 16px;display: flex;justify-content: space-between;  line-height: 132px;}


.foot_c_b{display: flex; color: #333; margin-top: 12%; justify-content: space-between;}
.foot_c_b_l{width: 706px;}
.foot_c_b_l ul{ display: flex; justify-content: flex-start; flex-flow: wrap; margin-bottom: 4%;}
.foot_c_b_l ul li{ margin-right: 130px; margin-bottom: 3%; font-size: 18px; color: #333;}
.foot_c_b_l p{font-size: 18px;color: #333; margin-bottom: 2%;}
.foot_c_b_l p span{vertical-align: middle;}
.foot_c_b_m{width: 410px;}
.foot_c_b_r{width: 450px; }
.foot_c_b_r ul{display: flex;justify-content: space-between; }
.foot_c_b_r ul li{ width:32%;}
.foot_c_b_r ul p{text-align: center;}
.foot_c_b_m  p{ margin-bottom: 5%; line-height:30px;}
.foot_c_b_m  p span{font-size: 25px; padding-right: 5px;}
.foot_b{background: #5299a0; line-height: 80px; margin-top: 50px;}
.foot_c_t p span strong{display: block;font-size: 29px;margin-bottom: 25px;}
.foot_c_ul ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin:30px auto;}
.foot_c_ul ul li{text-align: center;width: 200px;font-size: 20px;color:#fff;}


.abcon1{float: left;width: 615px;margin-top: 100px;}
.abcon1 h3{color:#E83136;font-size: 40px;border-bottom: 1px solid #999999;padding-bottom: 10px;margin-bottom: 20px;margin-top: -30px;}
.abcon1 h2{font-size: 32px;line-height: 44px;margin-bottom: 20px;}
.abcon1 p{font-size: 26px;line-height: 37px;margin:20px auto;}
.abcon1 dt{font-size: 19px;line-height: 30px;color:#333333;text-align: justify;}
.abcon{position: relative;}
.abcon2{position: absolute;right: -170px;top:0px;}
.about{overflow: hidden;background:url(../images/abbj.jpg) no-repeat center;height: 791px;}
.about .wrap{margin:0 auto;}
.abwrap1{overflow: hidden;}
.abwrap2 ul{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 200px;}

.abtxt h3{font-size: 71px;color:#fff;}
.abtxt h3 span{font-size: 22px;}
.abtxt p{color:#fff;font-size: 22px;background: #E5231C;display: inline-block;border-radius: 19px;box-shadow: 0 0 10px #005A82;padding:5px 20px;margin-top: 30px;}

.p13{background:#F8F8F8;overflow: hidden;margin:0 auto 0%;}
.p13con1{display: flex;flex-flow: row wrap;justify-content: space-between;}

.p13con1_1{width: 575px;}
.p13con1_2{width: 561px;}
.p13con2{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: -60px;}
.p13con2_1{width: 563px;}
.p13con2_2{width: 566px;}
.p13con1_2 p{font-size: 19px;line-height: 30px;margin-top: 20px;}
.p13con2_2 p{font-size: 19px;line-height: 30px;margin-top: 120px;}

.protxt{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p15{margin:2% auto;overflow: hidden;}
.p15con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p15con ul li{text-align: center;}
.p15txt h3{font-size: 26px;margin:20px auto;}
.p15txt p{font-size: 18px;text-align: center;line-height: 30px;margin:20px auto;}

.product{overflow: hidden;}
.pro1{float: left;width: 530px;}
.pro2{float: right;width: 664px;background: #F6F6F6;overflow: hidden;}
.protxt1{width: 90%;margin:100px auto;overflow: hidden;}
.protxt1 dl h3{color:#1ECDB7;font-size: 34px;line-height: 40px;}
.protxt1 dl p{font-size: 26px;color:#333;margin:30px auto;}
.protxt2 p{font-size: 22px;line-height: 44px;}
.protxt2 {width: 410px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.protxt2 p span{background: #1ECDB7;border-radius: 50%;width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 7px;margin-top: -5px;}
.product ul li{overflow: hidden;margin-bottom: 50px;}


.mp9con ul li:hover .p9txt h3{color:#fff;}
.mp9con ul li:hover .p9txt p{color:#fff;}
.mp9con  ul li:hover{background: #1ECDB7;}
.p9txt span{width: 40px;height: 40px;margin:20px auto;display: block;}
.mp9con ul li:nth-of-type(1) .p9txt span{background:url(../images/p9con11.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(2) .p9txt span{background:url(../images/p9con22.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(3) .p9txt span{background:url(../images/p9con33.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(4) .p9txt span{background:url(../images/p9con44.png) no-repeat;background-size: 100%;}

.mp9con ul:nth-of-type(1) li:nth-of-type(1) .p9txt span{background:url(../images/p9con55.png) no-repeat;background-size: 100%;}
.mp9con ul:nth-of-type(1) li:nth-of-type(2) .p9txt span{background:url(../images/p9con66.png) no-repeat;background-size: 100%;}
.mp9con ul:nth-of-type(1) li:nth-of-type(3) .p9txt span{background:url(../images/p9con77.png) no-repeat;background-size: 100%;}


.mp9con ul li:nth-of-type(1) .p9txt:hover span{background:url(../images/p9con1.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(2) .p9txt:hover span{background:url(../images/p9con2.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(3) .p9txt:hover span{background:url(../images/p9con3.png) no-repeat;background-size: 100%;}
.mp9con ul li:nth-of-type(4) .p9txt:hover span{background:url(../images/p9con4.png) no-repeat;background-size: 100%;}
.mp9con ul:nth-of-type(2) {width: 900px;margin:0 auto;}
.mp9con ul:nth-of-type(2) li:nth-of-type(1) .p9txt:hover span{background:url(../images/p9con5.png) no-repeat;background-size: 100%;}
.mp9con ul:nth-of-type(2) li:nth-of-type(2) .p9txt:hover span{background:url(../images/p9con6.png) no-repeat;background-size: 100%;}
.mp9con ul:nth-of-type(2) li:nth-of-type(3) .p9txt:hover span{background:url(../images/p9con7.png) no-repeat;background-size: 100%;}

.p9txt{margin:10px auto 20px;}
.p9txt p{text-align: center;font-size: 22px;color:#111;}
.p9txt h3{font-size: 22px;text-align: center;margin:10px auto;color:#111;}
.mp9con ul li{width: 289px;border-radius: 10px;border:1px solid #1ECDB7;margin-bottom: 1%;}
.mp9con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}

.news2 h3{font-size: 26px;font-weight: bold;}
.news2 p{font-size: 18px;line-height: 28px;}
.newscon{overflow: hidden;}
.news1{width: 464px;float: left;}
.news2{width: 600px;float: left;margin-left: 50px;}
.news2 h3{margin:30px auto;}
.news2 a{background-color:#1ECDB7;border-radius: 50px;line-height: 42px;width: 130px;display: block;text-align: center;font-size: 18px;color:#fff;margin-top: 30px;}
.newscenter ul li{margin-bottom: 80px;border-bottom: 1px solid #D2D2D2;padding-bottom: 30px;}

.top_t{background: #E83136; overflow: hidden;}
.top_tc{text-align: right;}
.top_tc p span{font-size: 28px; margin-left: 10px; display: inline-block;
	font-weight: bold;
	color: #FFFFFF;}
	.top_tc p{font-size: 18px;text-align: right;line-height: 60px;
		color: #FFFFFF;}
		.top_tc p img{ margin-right:10px;  margin-top: -10px;vertical-align: middle;}
		.top_b{ width: 710px;}
		.top_b ul{display: flex;justify-content: space-between;}
		.top_b ul li{ position: relative; padding: 50px 0 50px 0;}
		.top_b ul li a{font-size: 20px;color: #111111;}
		.top_b ul li.active a,.top_b ul li:hover a{
			font-weight: bold;
			color: #E83136;}
			.top_b ul li span {
				width: 1px;
				display: block;
				position: absolute;
				right: -43px;
				top:58px;
				height: 16px;
				background: #A1A1A1;
			}
			.top_c{display: flex;justify-content: space-between;}
			.top_c1 dl{display: flex;justify-content:start; margin-top: 25px;}
			.top_c1 dl dt{ margin-right: 15px;}
			.top_c1 dl dd{font-size: 18px;color: #000000;}


			#header {position: relative; z-index: 999; background:#fff;}
			.fixnav {position: fixed!important;top: 0;left: 50%;width: 100%;background: #fff;box-shadow: 0 0 10px #dddddd;transform: translateX(-50%);}

			.banner .swiper-pagination-bullet,.mbanner .swiper-pagination-bullet{ width: 12px;height: 12px;background:#25283B;border-radius: 11px;}
			.banner .swiper-pagination-bullet-active,.mbanner .swiper-pagination-bullet-active{ background:#296BEF;}
			.banner .swiper-button-next{right: 5%; top: 40%; }
			.banner .swiper-button-prev{left: 5%; top: 40%;}
			.banner .swiper-button-next img,.banner .swiper-button-prev img{ width:50%;}

			.p1con{background:url(../images/p1bj.png) no-repeat center;margin-top: 80px;height: 691px;}
			.p1con1_1 h3{color:#E83136;font-size: 40px;line-height: 60px;position: relative;}
			.p1con1_1 h3::before{background: #E83136;width: 55px;height:4px;display: block;content:"";left:-70px;top:30px;position: absolute;}
			.p1con1_1 h3 span{color:#111111;font-weight: normal;}
			.p1con1_1 p{font-size: 26px;line-height: 60px;color:#111;}
			.p1con1{float: left;width: 1020px;}
			.p1con2{float: right;width: 106px;background: #E83136;height: 286px;align-items: center;display: flex;justify-content: center;text-align: center;margin-top: 150px;}
			.p1con1_2 li p{font-size: 20px;line-height: 30px;margin:30px auto;}
			.p1con1_2{margin:40px auto 60px;}
			.p1con2 a{color:#fff;font-size: 28px;line-height:106px;writing-mode:vertical-lr;}


			.p2{background:url(../images/p2bj.jpg) no-repeat center;overflow:hidden}
			.p2con2{float: right;width: 501px;position: relative;z-index: 1;}
			.p2con1{float: left;width: 640px;}
			.p2con1_1 h3{font-size: 40px;line-height: 60px;margin-bottom: 20px;}
			.p2con1_1{margin-top: 70px;}
			.p2con1_2{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 100px;}
			.p2con1_2 dl h3{font-size: 40px;color:#fff;line-height: 60px;margin-top: 20px;}
			.p2con1_2 dl h3 span{font-size: 26px;line-height: 60px;font-weight: normal;}
			.p2con1_2 dl p{font-size: 26px;line-height: 65px;color:#fff;}
			.p2con1_2 dd{width: 1px;height: auto;background: #fff;}
			.p2con1_2 li p{font-size: 22px;line-height: 40px;color: #fff;}

			.ggtit h3{font-size: 40px;line-height: 60px;}
			.ggtit h3 img{vertical-align: middle;margin-left: 30px;margin-right: 30px;}

			.p4{background:url(../images/p4bj.jpg) no-repeat center;margin-top: -50px;overflow: hidden;padding-bottom: 50px;}
			.p4con ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 1180px;margin:0 auto;}
			.p4con ul li{width: 380px;}
			.p4con ul li.active .p4txt1{ display: none;}
			.p4con ul li.active .p4txt2{ display: block;}
			.p4txt2{position: relative;}
			.p4txt2 dl{position: absolute;text-align: center;top:50px;left:5%;width: 90%;margin:0 auto;}
			.p4txt2 dl h3{font-size: 26px;margin:20px auto;color:#fff;}
			.p4txt1 dl strong{font-size: 60px;text-align: center;font-weight: 300;margin-top: 45px;display: block;}
			.p4txt1 dl{text-align: center;}
			.p4txt1 dl h3{font-size: 22px;line-height: 30px;margin:20px auto;font-weight: normal}
			.p4txt2 dl p{font-size: 18px;text-align: center;line-height: 26px;color:#fff;}
			.p4txt1{margin-top: 50px;}

			.p4con ul li .p4txt1{ display: block;}
			.p4con ul li .p4txt2{ display: none;}
			.p4{position: relative;}
			.p4 .ggtit{margin:100px auto 50px;}
			.p4line{background: #E83136;height: 1px;width: 100%;position: absolute;top:395px;left:0;z-index: 0;}
			.p4line ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
			.p4line ul li{background: #E83136;width: 18px;height: 18px;border-radius: 50%;margin:-9px auto;}




.p17txt{position: relative;}
.p17txt1 img{display: block;}
.p17txt2{background: rgb(232,49,54,0.8);overflow: hidden;position: absolute;left:0;top:0;width: 424px;height: 100%;}
.p17txt2 ul{width: 80%;margin:80px auto;overflow: hidden;}

.tqcl_con8_d .tqcl_con8_qh{display: none;}
.tqcl_con8_d .active{display: block;}




.p17txt2 ul h3{font-size: 26px;color:#fff;line-height: 60px;}
.p17txt2 ul li{}
.p17txt2 ul li:nth-of-type(2){border:none;}
.p17txt2 ul li h2{font-size: 20px;color:#fff;line-height: 60px;border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 10px;overflow: hidden;padding-bottom: 20px;}
.p17txt2 ul li p{color:#fff;font-size: 18px;line-height: 28px;}
.p17txt2 ul li p span{background: #fff;width: 7px;height: 7px;border-radius: 50%;display: inline-block;margin-right: 10px;}

.tqcl_con8_t_m ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.tqcl_con8_t_m ul li{width: 300px;overflow: hidden;background: #F8F8F8;border-bottom: 4px solid #F8F8F8;}
.tqcl_con8_t_m ul li.active{background: #EDEDED}

.p17txt3{width: 80%;margin:30px auto;overflow: hidden;}
.p17txt3 dl{float: left;}
.p17txt3 dl h3{font-size: 24px;line-height: 40px;}
.p17txt3 dl p{font-size: 16px;line-height: 30px;color:#999999;}
.p17txt3 span{width: 60px;height: 60px;display: inline-block;float: right;}
.tqcl_con8_t_m ul li:nth-of-type(1) .p17txt3 span{background:url(../images/p17con11.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(2) .p17txt3 span{background:url(../images/p17con22.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(3) .p17txt3 span{background:url(../images/p17con33.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(4) .p17txt3 span{background:url(../images/p17con44.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(1).active .p17txt3 span{background:url(../images/p17con1.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(2).active .p17txt3 span{background:url(../images/p17con2.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(3).active .p17txt3 span{background:url(../images/p17con3.png) no-repeat;background-size: 100%;}
.tqcl_con8_t_m ul li:nth-of-type(4).active .p17txt3 span{background:url(../images/p17con4.png) no-repeat;background-size: 100%;}

.tqcl_con8_t_m ul li.active .p17txt3 dl h3{color:#E83136;}
.tqcl_con8_t_m ul li.active{border-bottom: 4px solid #E83136;}

.p17con{position: relative;}
.p17left{position: absolute;left:-360px;bottom: 0;}

.p6{margin:5% auto;overflow: hidden;}
.p6con img{display: block;}
.p6con1_1{float: left;width: 33.91%;}
.p6con1_2{float: right;width: 66.09%;}
.p6con1_2 ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p6con1_2_1 ul li:nth-of-type(1){width: 55.87%;}
.p6con1_2_1 ul li:nth-of-type(2){width: 44.13%;}
.p6con1_2_2 ul li{width: 33.33333%;}
.p6con ul li {position: relative;}
.p6con ul li p{position: absolute;background: rgba(0,0,0,0.5);text-align: center;line-height: 58px;width: 100%;left:0;bottom: 0;font-size: 20px;color:#fff;display: none;}
.p6con ul li:hover p{display: block;}

.p7con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p7con ul li{width: 290px;background: #F7F7F7;border-radius: 10px;margin-bottom: 12px;}
.p7con ul li:hover{background:url(../images/p7li_bj.png) no-repeat center;overflow:hidden;background-size: 100%;}
.p7txt dd{width: 83px;height: 83px;background:url(../images/p7conbj2.png) no-repeat;margin:20px auto;display: flex;align-items: center;justify-content: center;background-size: 100%;}
.p7txt dd span{display: block;width: 46px;height: 46px;background-size: 100%!important;}
.p7txt{margin:50px auto;overflow: hidden;}
.p7con ul li:hover .p7txt dd{background: url(../images/p7conbj1.png) no-repeat;background-size: 100%;}
.p7con ul li:nth-of-type(1) .p7txt dd span{background: url(../images/p7con1.png) no-repeat;}
.p7con ul li:nth-of-type(2) .p7txt dd span{background: url(../images/p7con2.png) no-repeat;}
.p7con ul li:nth-of-type(3) .p7txt dd span{background: url(../images/p7con3.png) no-repeat;}
.p7con ul li:nth-of-type(4) .p7txt dd span{background: url(../images/p7con4.png) no-repeat;}
.p7con ul li:nth-of-type(5) .p7txt dd span{background: url(../images/p7con5.png) no-repeat;}
.p7con ul li:nth-of-type(6) .p7txt dd span{background: url(../images/p7con6.png) no-repeat;}
.p7con ul li:nth-of-type(7) .p7txt dd span{background: url(../images/p7con7.png) no-repeat;}
.p7con ul li:nth-of-type(8) .p7txt dd span{background: url(../images/p7con8.png) no-repeat;}

.p7con ul li:nth-of-type(1):hover .p7txt dd span{background: url(../images/p7con11.png) no-repeat;}
.p7con ul li:nth-of-type(2):hover .p7txt dd span{background: url(../images/p7con22.png) no-repeat;}
.p7con ul li:nth-of-type(3):hover .p7txt dd span{background: url(../images/p7con33.png) no-repeat;}
.p7con ul li:nth-of-type(4):hover .p7txt dd span{background: url(../images/p7con44.png) no-repeat;}
.p7con ul li:nth-of-type(5):hover .p7txt dd span{background: url(../images/p7con55.png) no-repeat;}
.p7con ul li:nth-of-type(6):hover .p7txt dd span{background: url(../images/p7con66.png) no-repeat;}
.p7con ul li:nth-of-type(7):hover .p7txt dd span{background: url(../images/p7con77.png) no-repeat;}
.p7con ul li:nth-of-type(8):hover .p7txt dd span{background: url(../images/p7con88.png) no-repeat;}
.p7txt h3{font-size: 24px;text-align: center;line-height: 32px;margin:15px auto;}
.p7txt p{font-size: 20px;line-height: 24px;color:#333;text-align: center;}
.p7con ul li:hover .p7txt h3{color:#fff;}
.p7con ul li:hover .p7txt p{color:#fff;}

.p8{background:url(../images/p8bj.jpg) no-repeat center;overflow:hidden;height: 565px;margin:5% auto;}
.con7_bd_wrap{width: 524px;margin-top: 150px;margin-left: 70px;}



			.p8line{background: #FFFFFF;height: 1px;width: 100%;}
			.p8line ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 80%;margin:0 auto;}
			.p8line ul li span{background: #fff;width: 10px;height: 10px;border-radius: 50%;margin:-5px auto;display: block;}
.p8line ul li p{font-size: 14px;line-height: 40px;color:#fff;text-align: center;margin:0px auto;}



.p12{margin:5% auto;}
	.p12txt dd img{width: 356px;height: 240px;}
	.p12con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
	.p12con ul li{width: 386px;background-color: #fff;box-shadow: 0 0 20px #ccc;border-bottom: 6px solid #fff}
	.p12con ul li:hover{border-bottom:6px solid #E83136}
	.p12txt{width: 356px;margin:15px auto;overflow:hidden;}
	.p12txt dl dt{font-size: 17px;line-height: 25px;color:#999999;margin:7px auto;}
	.p12txt dl h3{font-size: 26px;line-height: 38px;margin:10px auto;}
	.p12txt dl p{font-size: 20px;line-height: 30px;margin-bottom: 40px;}
	.p12txt dl a{display: inline-block;font-size: 20px;line-height: 29px;border-bottom: 1px solid #999999;padding-bottom: 5px;margin-bottom: 30px;}
	.p12con ul li:hover .p12txt dl h3{color:#E83136;}
	.p12con ul li:hover .p12txt dl a{color:#E83136;border-bottom: 1px solid #E83136;}


.about{background:url(../images/abbj.jpg) no-repeat center;overflow:hidden}
.abp2con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.abp2con ul li{background:url(../images/abp2con1.jpg) no-repeat;width: 382px;background-size: 100%;}
.abp2con ul li:hover{background:url(../images/abp2con2.jpg) no-repeat;background-size: 100%;}
.abp2txt{margin:50px auto;overflow: hidden;width: 80%;}
.abp2txt1{overflow: hidden;border-bottom: 1px solid #D5D5D5;padding-bottom: 20px;margin-bottom: 20px;}
.abp2con ul li:hover .abp2txt1{border-bottom: 1px solid #fff;}
.abp2txt1 span{width: 50px;height: 50px;float: left;display: block;}
.abp2txt1 dl{float: left;}
.abp2txt1 dl h3{font-size: 24px;line-height: 26px;}
.abp2txt1 dl p{font-size: 14px;line-height: 26px;opacity: 0.5}
.abp2txt2 p{font-size: 20px;line-height: 26px;}
.abp2con ul li:hover .abp2txt1 dl h3{color:#fff;}
.abp2con ul li:hover .abp2txt1 dl p{color:#fff;}
.abp2con ul li:hover .abp2txt2  p{color:#fff;}
.abp2con ul li:nth-of-type(1) .abp2txt1 span{background:url(../images/p4con1.png) no-repeat;background-size: 100%;}
.abp2con ul li:nth-of-type(2) .abp2txt1 span{background:url(../images/p4con2.png) no-repeat;background-size: 100%;}
.abp2con ul li:nth-of-type(3) .abp2txt1 span{background:url(../images/p4con3.png) no-repeat;background-size: 100%;}
.abp2con ul li:nth-of-type(1):hover .abp2txt1 span{background:url(../images/p4con11.png) no-repeat;background-size: 100%;}
.abp2con ul li:nth-of-type(2):hover .abp2txt1 span{background:url(../images/p4con22.png) no-repeat;background-size: 100%;}
.abp2con ul li:nth-of-type(3):hover .abp2txt1 span{background:url(../images/p4con33.png) no-repeat;background-size: 100%;}
.about2{margin-bottom: 5%;}


.about3{background: #F7F7F7;overflow: hidden;margin:5% auto;}
.jstxt{display: flex;flex-flow: row wrap;justify-content: space-between;}
.jstxt li{margin-bottom: 15px;}
.swiper-pagination-p5{width: 100%;margin:3% auto 5%;text-align: center;}
.swiper-pagination-p5 .swiper-pagination-bullet{background: #E83136;opacity: 0.5;width: 15px;height: 6px;border-radius: 0;}
.swiper-pagination-p5 .swiper-pagination-bullet-active{background: #E83136;opacity: 1;width: 70px;}

.p8 .ggtit h3{color:#fff;}
.p8 .ggtit p{color:#fff;}



.ybkj_cp{display: flex; justify-content: space-between;}
.ybkj_cp_l{width: 258px; background: #F9F9F9; height: 996px;}
.ybkj_cp_l h2{font-size: 24px;font-weight: bold; line-height: 68px;text-align: center; background: #E83136; color: #fff;}
.ybkj_cp_l ul{font-size: 18px; }
.ybkj_cp_l ul li{line-height: 65px; border-bottom: 1px dashed #d5d5d5; padding-left:10%;}
.ybkj_cp_l ul .active{color: #E83136;}
.ybkj_cp_l dl{text-align: center; padding: 5% 0 0%;width: 82%;margin:0 auto;}
.ybkj_cp_l dl dd p{font-size: 16px; margin-top: 2%;border-bottom: 1px solid #D6D6D6;padding-bottom: 20px;margin-bottom: 20px;}
.ybkj_cp_l dl dd h3{font-size: 19px;font-weight: bold; color: #333333; margin-top: 3%;border-bottom: 1px solid #D6D6D6;padding-bottom: 20px;margin-bottom: 20px;}
.ybkj_cp_r{width: 940px; display: flex; flex-wrap: wrap;}
.ybkj_cp_r dl{float: left; width: 31%; margin-left: 2%; margin-bottom: 2%;}
.ybkj_cp_r dl dd{background: #E7E7E7; padding: 0 5%; line-height: 68px; font-size: 17px;}
.ybkj_cp_r dl dt img{vertical-align: middle;}
.ybkj_cp_r dl dd span img:nth-child(2){display: none;}
.ybkj_cp_r dl dd span img{vertical-align: middle; padding-right: 10px;}
.ybkj_cp_r dl:hover dd{background: #E83136; color: #fff;}
.ybkj_cp_r dl:hover dd span img:nth-child(1){display: none;}
.ybkj_cp_r dl:hover dd span img:nth-child(2){display: inline-block;}
.rx{width: 82%;margin:0px auto;overflow: hidden;}
.rx h3{font-size: 20px;line-height: 36px;}
.rx h3 img{vertical-align: middle;margin-top: -5px;}
.rx p{font-size: 26px;color:#E83136;font-weight: bold;line-height: 36px;}

.news2 h3{font-size: 26px;font-weight: bold;}
.news2 p{font-size: 18px;line-height: 28px;}
.newscon{overflow: hidden;}
.news1{width: 464px;float: left;}
.news2{width: 600px;float: left;margin-left: 50px;}
.news2 h3{margin:30px auto;}
.news2 a{background-color:#E83136;border-radius: 50px;line-height: 42px;width: 130px;display: block;text-align: center;font-size: 18px;color:#fff;margin-top: 30px;}
.newscenter ul li{margin-bottom: 80px;border-bottom: 1px solid #D2D2D2;padding-bottom: 30px;}


/*


{display: flex;flex-flow: row wrap;justify-content: space-between;}

{background:url(../images/p3bj.jpg) no-repeat center;overflow:hidden}


*/

@media (max-width: 867px) 
{ 



.newscenter ul li{margin-bottom: 5%;padding-bottom: 3%;}
.news2 a{width: 80px;line-height: 30px;font-size: 12px;margin-top: 3%;}
.news2 p{font-size: 12px;line-height: 20px;}
.news2 h3{font-size: 18px;margin:3% auto;}
.news2{width: 100%;float: none;margin:5% auto;overflow: hidden;}
.news1{width: 100%;}



.ybkj_cp_l ul li{float: left;width: 40%;line-height: 50px;}
.ybkj_cp_r dl dd{font-size: 16px;line-height: 50px;}
.ybkj_cp_r dl{width: 48%;}

.ybkj_cp{display: block;}
.ybkj_cp_r{width: 100%;}
.ybkj_cp_l{width: 100%;height: auto;}

.jstxt li{margin-bottom: 2%;}
.jstxt li:nth-of-type(1){width: 49%;}
.jstxt li:nth-of-type(2){width: 49%;}
.jstxt li:nth-of-type(3){width: 32%;}
.jstxt li:nth-of-type(4){width: 32%;}
.jstxt li:nth-of-type(5){width: 32%;}

.abp2con ul li{margin-bottom: 10px;}
.abp2txt{width: 90%;margin:30px auto;}
.abp2txt2 p{font-size: 14px;line-height: 22px;}
.abp2con ul li{width: 100%;}
.about{background: none;height: auto;}
.abcon1 dt{font-size: 14px;line-height: 22px;}
.abcon1 p{font-size: 20px;line-height: 30px;margin:10px auto;}
.abcon1 h3{font-size: 30px;}
.abcon1 dd{margin:5% auto;}
.abcon1{width: 100%;float: none;margin: 20px auto;}
.abcon{position: unset;}
.abcon2{position: unset;}



.newlogo_con_l{ text-align: center;}
	.newlogo_con_l img{ width: 21%;}
	.newlogo_con{ margin-bottom: 4%;}
	.mfooter {
		background: url(../images/m_footer_bg.png) no-repeat top center #f2f2f2;
		padding: 2% 0 20% 0;
		/*margin-top: 10%;*/
		background-size: 100% auto;
		display: block;
		margin-top: 20px;
	}
		.newlogo{ margin:25px auto 85px;}
	.newlogo_con{ margin-bottom: 1%;}
	.cx{ font-size: 16px!important;margin-bottom: 6%;margin-top:0;}
	.mfooter p {text-align: center;color:#333;font-size: 16px;width: 90%;margin:5% auto;}
	.mfooter p.line{ width: 96%; margin:5%auto; color: #fff;}
	.mfooter p.hs{ color: #333;}
	.mfooter p  span{ font-size:16px;line-height: 30px;}
	.mfooter p  span strong{display: block;font-size: 22px;}
	.xmtb3 {
		margin-bottom: 6%;
		margin-top:5px;
	}
	.mfooter_ewm {
		display: flex;
		justify-content: space-between;
		flex-wrap:nowrap;
		width: 80%;
		margin: 0 auto;
	}
	.mfooter_ewm dl {
		width: 32%;
		text-align: center;
	}
	.mfooter_ewm dl dt {
		margin-bottom: 5px;
	}
	.mfooter_ewm dl dd {
		color: #333;
		font-size: 14px;
	}




	.p14con1 dd{font-size: 14px;border-bottom: 1px solid #ccc;display: inline-block;margin-top: 10px;float: right;}
	.p14con1{width: 90%;margin:5% auto;overflow: hidden;}
	.p14con{background-color: #fff;overflow: hidden;box-shadow: 0 0 10px #ccc;}
	.p14con1 dl{margin-top: 10px;}


	.p14con1 p{font-size: 14px;line-height: 24px;}
	.p14con1 h3{font-size: 18px;margin:10px auto;}
	.p14con1{float: none;}



.con7_b{margin:10px auto;width: 100%;}
.subsit2{line-height: 36px!important;font-size: 16px!important;}
.con7_b_bb textarea{height: 80px!important;}
.con7_b_tt input{line-height: 40px!important;}

.con77{margin:20px auto;overflow: hidden;width: 88%;border:1px dashed #E83136;}
.con7_bd_wrap{background: #fff;width: 100%;margin:50px auto 30px;border-radius: 10px;overflow: hidden;}
.p8{background:url(../images/mp8bj.jpg) no-repeat center;overflow:hidden;height: auto;margin:5% auto;}

.p7txt{margin:20px auto;}
.p7txt p{font-size: 14px;line-height: 22px;}
.p7txt h3{margin:10px auto;font-size: 18px;margin:0 auto;}
.p7txt dd{width: 50px;height: 50px;margin:5px auto;}
.p7txt dd span{width: 30px;height: 30px;}
.ggtit h3 span{display: block;}

	.p7con ul li{width: 49%;margin-bottom: 2%;}

.p6con ul li p{font-size: 12px;display: block;line-height: 40px;}
.p6con ul li{width: 49%;margin-bottom: 2%;}
.p6con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}


.p17txt2 ul li p{font-size: 12px;line-height: 20px;}
.p17txt2 ul li h2{font-size: 14px;line-height: 22px;padding-bottom: 10px;}
.p17txt2 ul li h2 span{width: 5px;height: 5px;vertical-align: middle;margin-top: -3px;}
.p17txt2 ul h3{font-size: 16px;line-height: 40px;}
.p17txt2 ul span{width: 15%;display: block;}
.p17txt2 ul{width: 90%;margin:10% auto;}
.p17txt2{width: 70%;}
.tqcl_con8_t_m ul{margin-bottom: 20px;}
/*.tqcl_con8_t_m ul li.active .p17txt3 dl h3{color:#fff;}*/
/*.tqcl_con8_t_m ul li.active{background: #9C1F47;}*/

.p17txt3 dl{float: none;}
 .p17txt3 dl h3{font-size: 16px;text-align: center;line-height: 26px;}
.p17txt3{width: 100%;margin:20px auto;}
.p17txt3 span{display: block;width: 40px;height: 40px;margin:0 auto;float: none;}
.p17txt3 dl p{display: none;}
.tqcl_con8_t_m ul li{width: calc( 50% - 2px);border:1px solid #E6E6E6;}


.p4{margin-top: 0;}
.p4 .ggtit{margin:10% auto 5%;}

	.p4wrap li{position: relative;margin-bottom: 2%;}
	.p4wrap li dl{position: absolute;top:7%;left:5%;width: 90%;}
	.p4wrap li dl dd{width: 30px;margin:0 auto;}
	.p4wrap li dl h3{color:#fff;font-size: 14px;line-height:26px;text-align: center;}
	.p4wrap li dl p{font-size: 12px;color:#fff;line-height: 16px;text-align: center;}
	.p4{background:none;padding-bottom: 0;margin-bottom: 0;}


	.p2con1_2 dl{width: 100%;}
	.p2con1_2 dd{width: 80%;height: 1px;margin-top: 5px;margin-bottom: 10px;}
	.p2con1_2 li{width: 100%;}
	.p2con1_1{margin-top: 30px;}
	.p2con1_2 li p{font-size: 12px;line-height: 22px;}
	.p2con1_2 dl p{font-size: 16px;line-height: 32px;}
	.p2con1_2 dl h3 span{font-size: 14px;line-height: 30px;}
	.p2con1_2 dl h3{font-size: 20px;line-height: 30px;margin-top: 0px;}
	.p2con1_2{margin-top: 0px;float: left;width: 35%;}
	.p2con1_1 h3{font-size: 24px;color:#fff;line-height: 32px;margin-bottom: 30px;}
	.p2con2{width: 55%;}
	.p2con1{float: none;width: 100%;}
	.p2{background:url(../images/mp2bj.jpg) no-repeat center;overflow:hidden;padding-bottom: 50px;margin:30px auto;}


	.p1con1_2{margin:5% auto;}
	.p1con1_1 dd{background: #E83136;width: 30px;height: 2px;}
	.p1con1_2 li p{font-size: 14px;line-height: 24px;margin:0 auto;}
	.p1con1_1 h3::before{display: none;}
	.p1con1_1 p{font-size: 18px;line-height: 30px;margin:10px auto;}
	.p1con1_1 h3{font-size: 24px;line-height: 32px;}

	.p1con1{width: 100%;}
	.p1con{background: none;height: auto;margin-top: 30px;}

	.newlogo_con_l{ text-align: center;}
	.newlogo_con_l img{ width: 32%;}
	.newlogo_con{ margin-bottom: 4%;}
	.mfooter {
		background: url(../images/m_footer_bg.png) no-repeat top center #f2f2f2;
		padding: 2% 0 20% 0;
		/*margin-top: 10%;*/
		background-size: 100% auto;
		display: block;
		margin-top: 20px;
	}
	.newlogo{ margin:25px auto 130px;}
	.newlogo_con{ margin-bottom: 1%;}
	.cx{ font-size: 16px!important;margin-bottom: 6%;margin-top:0;}
	.mfooter p {text-align: center;color:#333;font-size: 16px;width: 90%;margin:5% auto;}
	.mfooter p.line{ width: 96%; margin:5%auto; color: #fff;}
	.mfooter p.hs{ color: #333;}
	.mfooter p  span{ font-size:18px;line-height: 30px;}
	.mfooter p  span strong{display: block;font-size: 24px;}
	.xmtb3 {
		margin-bottom: 6%;
		margin-top:5px;
	}
	.mfooter_ewm {
		display: flex;
		justify-content: space-between;
		flex-wrap:nowrap;
		width: 80%;
		margin: 0 auto;
	}
	.mfooter_ewm dl {
		width: 32%;
		text-align: center;
	}
	.mfooter_ewm dl dt {
		margin-bottom: 5px;
	}
	.mfooter_ewm dl dd {
		color: #333;
		font-size: 14px;
	}




	.ggtit{margin:10% auto 6%;}
	.ggtit h3 img{display: none;}
	.ggtit h3 span{display: block;}
	.ggtit p{font-size: 16px;line-height: 32px;text-align: center;}

	.wrap{width: 92%;margin:5% auto;}
	.fixnav {
		position: fixed!important;
		top: 0px;
		left: 50%;width: 100%; background: #fff;box-shadow: 0 0 10px #dddddd;
		transform: translateX(-50%);
		z-index: 9999;
	}


	.banner .hd ul{width: 60px;display: flex;flex-flow: row wrap;justify-content: space-between;}
	.banner .hd ul li{width: 25px;height: 6px;background-color: #878B95;border-radius: 5px;text-indent: -999px;overflow: hidden;}
	.banner .hd{left:45%;}


	.ggtit1{display: none;}
	.mggtit1{display: block;}


	.ggtit h3{font-size: 24px;line-height: 32px;}
	.ggtit p{font-size: 14px;}

	.mtop{ width: 96%; margin: 0 auto; padding: 0 0 2% 0;display: flex; justify-content: space-between; flex-flow: nowrap;}
	.mtopl{ width: 50%;}
	.mtopl p{margin-top:25%; font-size: 16px; color: #6A6868;}
	.mtopr {
		width: 6%;
		text-align: right;
		margin: 4% auto 1% auto;
		z-index: 889;
	}
	.mtopr span{ font-size: 30px;color:#296BEF;}
	.mtopc{width: 86%; text-align: center;display: flex; justify-content: space-between; flex-flow: nowrap;margin:0 auto;}
	.mtopc_l {
		width: 28%;
		margin-right:4%;
		margin-top: 11px;
	}
	.mtopc_r {
		width: 86%;
		display: flex;
		justify-content: start;
		flex-flow: nowrap;
		margin-top: 10px;
	}
	.mtopc_r_r{ text-align: justify;}
	.mtopc h2{ font-size: 14px;color:#111; text-align: justify;}
	.mtopc p{ font-size:14px;color: #111;}

	.mtopc_r img{display: block;margin-top: 8px;}
	.subNavBox{display: none;}
	.subNavShow{z-index: 889;}
	.subNavBox{position: fixed;z-index: 888;width: 100%; top:0; display: none;}
	.subNav{border-bottom: 1px #eee solid;cursor:pointer;font-size:16px;color:#333;line-height:55px;padding-left:10px;}
	.currentDd{color:#fff}
	.navContent{display: none;border-bottom:solid 1px #fff;}
	.navContent li a{display:block;height:45px;font-size:16px;line-height:45px;color:#fff; text-indent: 2em;}
	.subNavBox_l{width: 38%;min-height: 100vh;height: 100%;float: left;}
	.subNavBox_r{width: 26%;background:#fff;
		color: #333; height: 100%;float: right; position:relative; text-align: center; padding:0 2%;margin-top: 20%}
		.subNavHide{font-size: 40px; color: #333; text-align: right;  padding:8% 8% 0 8%;}
		.jt{ font-size: 40px;position: absolute;top: -24px;left: 69px; color:#fff}



		div{-webkit-tap-highlight-color:rgba(0,0,0,0); 

		}




		.xf{ width: 100%; position: fixed; left: 0; bottom:0; z-index: 999;display: flex;justify-content: space-between;flex-wrap: nowrap;}
		.xf a{ width: 50%; background: #E83136; color: #fff; padding: 15px 0; text-align: center; font-size: 20px;}
		.xf a:nth-child(2){ background: #fff; color: #E83136; }



		.banner .next{display: none;}
		.banner .prev{display: none;}









	}

