@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
	font: 12px/1.8 "微软雅黑";
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; /*修正win8系统IE连接灰色背景*/
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
a{ color:#333;}
a:hover{ color:#cf0901;}
img {
	border: 0;
	-ms-interpolation-mode:bicubic
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline:none;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 1;
}
ul, ol {
	list-style:none;
}
li {
	list-style:none;
}
/*清除浮动*/
.clear {
	clear: both;
	height:0px;
	line-height:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
dl, dd, dt {
	list-style:none;
	padding:0px;
	margin:0px;
}
html,body{
	position: relative;
}
a{cursor:pointer;}
.w960{
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ovh{
	overflow: hidden;
}
.mt35{
	margin-top: 35px!important;
}





/*滚动条样式*/
.gdt::-webkit-scrollbar {
	width: 4px;    
	
}
.gdt::-webkit-scrollbar-thumb {
	background: #cb1720;
	border-radius:5px ;
}
.gdt::-webkit-scrollbar-track {
	background: #fff;

}

@-webkit-keyframes fd_zq {
    0%{  transform: translate(-50%,-50%) scale(0);opacity:1;}
    50%{ transform: translate(-50%,-50%) scale(1); }
    99%{ transform: translate(-50%,-50%) scale(1.5); opacity: 0;}
    100%{ transform: translate(-50%,-50%) scale(0); opacity: 0;}
}
.iconfont{ font-style: unset;  font-size: unset;}
.main_content{ width:96%; margin:0 auto; max-width: 670px; }


/***********top***************/
html,body{ max-width: 720px; margin: 0 auto; overflow-x: hidden;}

.cpxq_top{ float: left; width: 100%; position: relative; background: url(../images/bg.jpg) top center no-repeat #e1e6ec; background-size: 100%; padding-bottom: 80px;}
.cpxq_logo{ float: left; width: 100%; position: relative; margin-top: 40px; margin-left: 25px;}
.cpxq_logo img{ height: 127px;}
.cpxq_slt{ float: left; width: 100%; position: relative; margin-top: 150px; padding: 91px 0;}
.cpxq_slt_tu{  float: left; width: 100%; position: relative; }
.cpxq_slt_tu img{ max-width: 100%;}
.cpxq_slt_list{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.cpxq_slt_list li{ position: absolute; left: 0; top: 0; transform: translate(-50%,-50%);}
.cpxq_slt_list li:before{ content: ''; position: absolute; background: #cb1720; width: 2px; z-index: 9;}
.cpxq_slt_list li:after{ content: ''; position: absolute; background: #cb1720; height: 2px; z-index: 9;}
.cpxq_slt_list li .cpxq_slt_list_title{ min-width: 175px; height: 60px; border: 2px solid #fff; text-align: center; align-items: center; display: inline-grid; font-size: 26px;
 color: #333333; text-shadow: #e1e1e1 3px 2px;  backdrop-filter: blur(3px);}
.cpxq_slt_list li .cpxq_slt_list_title:before{ content: ''; position: absolute; background: url(../images/sltwz_lfk.png) center center no-repeat; width: 9px; height: 70px; left: -2px; top: 50%; transform: translateY(-50%); background-size: cover;}
.cpxq_slt_list li .cpxq_slt_list_title:after{ content: ''; position: absolute; background: url(../images/sltwz_frk.png) center center no-repeat;width: 13px; height: 70px; right: -6px; top: 50%; transform: translateY(-50%); background-size: cover;}
.cpxq_slt_list li .cpxq_slt_list_title2:before{ content: ''; position: absolute; background: url(../images/sltwz_lfk2.png) center center no-repeat; width: 13px; height: 70px; left: -6px; top: 50%; transform: translateY(-50%); background-size: cover;}
.cpxq_slt_list li .cpxq_slt_list_title2:after{ content: ''; position: absolute; background: url(../images/sltwz_frk2.png) center center no-repeat;width: 9px; height: 70px; right: -2px; top: 50%; transform: translateY(-50%); background-size: cover;}
.cpxq_slt_list li .cpxq_slt_list_dian{ position: absolute; width: 30px; height: 30px; background: #ffffff2b; border-radius: 100px;}
.cpxq_slt_list li .cpxq_slt_list_dian span{  content: ''; position: absolute;  width: 30px; height: 30px; background: #cb1720; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);;border-radius: 100px; z-index: 1;  -webkit-animation: fd_zq 2s infinite linear;}
.cpxq_slt_list li .cpxq_slt_list_dian:before{  content: ''; position: absolute;  width: 15px; height: 15px; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 100px; z-index: 2;}
.cpxq_slt_list li .cpxq_slt_list_dian:after{  content: ''; position: absolute;  width: 8px; height: 8px; background: #cb1720; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 100px; z-index: 3;}
.cpxq_slt_list li:nth-child(1){ left: 19.5%; top: 9%;}
.cpxq_slt_list li:nth-child(1) .cpxq_slt_list_dian{ right: -57px; bottom: -50px; }
.cpxq_slt_list li:nth-child(1) .cpxq_slt_list_dian span{ -webkit-animation: fd_zq 2s 0.5s infinite linear;}
.cpxq_slt_list li:nth-child(1):before{ height: 71px; right: -43px; bottom: -38px;}
.cpxq_slt_list li:nth-child(1):after{ width: 40px; right: -43px; bottom: 31px; }
.cpxq_slt_list li:nth-child(2){ left: 81.5%; top: 16%;}
.cpxq_slt_list li:nth-child(2) .cpxq_slt_list_dian{ left: -47px; top: 50%; transform: translateY(-50%);}
.cpxq_slt_list li:nth-child(2):after{ width: 30px; left: -34px; top: 50%; transform: translateY(-50%); }
.cpxq_slt_list li:nth-child(3){ left: 13.5%; top: 44%;}
.cpxq_slt_list li:nth-child(3) .cpxq_slt_list_dian{ right: -116px; top: 112%;  transform: translateY(-50%);}
.cpxq_slt_list li:nth-child(3) .cpxq_slt_list_dian span{ -webkit-animation: fd_zq 2s 0.2s infinite linear;}
.cpxq_slt_list li:nth-child(3):before{ height: 49px; right: -84px; bottom: -13px; transform: rotate(-45deg);}
.cpxq_slt_list li:nth-child(3):after{ width: 63px; right: -66px; bottom: 28px; }
.cpxq_slt_list li:nth-child(4){ left: 87.5%; top: 50%;}
.cpxq_slt_list li:nth-child(4) .cpxq_slt_list_dian{ left: -80px; top: 50%; transform: translateY(-50%);}
.cpxq_slt_list li:nth-child(4) .cpxq_slt_list_dian span{ -webkit-animation: fd_zq 2s 0.3s infinite linear;}
.cpxq_slt_list li:nth-child(4):after{ width: 58px; left: -62px; top: 50%; transform: translateY(-50%); }
.cpxq_slt_list li:nth-child(5){ left: 83.5%; top: 91%;}
.cpxq_slt_list li:nth-child(5) .cpxq_slt_list_dian{ left: -70px; top: -110%;}
.cpxq_slt_list li:nth-child(5):before{ height: 39px; left: -56px; top: -52px;}
.cpxq_slt_list li:nth-child(5):after{ width: 72px; left: -65px; top: 10px; transform: rotate(45deg); }

@media (max-width:720px) {
	.cpxq_top{ padding-bottom: 11.111vw;}
	.cpxq_logo{ margin-top: 5.55vw; margin-left: 3.47vw;}
	.cpxq_logo img{ height: 17.638vw;}
	.cpxq_slt{ margin-top: 20.833vw; padding: 12.638vw 0;}
	.cpxq_slt_list li:before{ width: 0.277vw; }
	.cpxq_slt_list li:after{ height: 0.277vw; }
	.cpxq_slt_list li .cpxq_slt_list_title{ min-width: 24.305vw; height: 8.333vw; border: 0.277vw solid #fff;  font-size: 3.611vw; text-shadow: #e1e1e1 0.416vw 0.277vw;}
	.cpxq_slt_list li .cpxq_slt_list_title:before{ width: 1.25vw; height: 9.722vw; left: -0.833vw;}
	.cpxq_slt_list li .cpxq_slt_list_title:after{ width: 1.805vw; height: 9.722vw; right: -0.833vw; }
	.cpxq_slt_list li .cpxq_slt_list_title2:before{ width: 1.805vw;; height: 9.722vw; left: -0.833vw; }
	.cpxq_slt_list li .cpxq_slt_list_title2:after{ width: 1.25vw; height: 9.722vw; right: -0.277vw; }
	.cpxq_slt_list li .cpxq_slt_list_dian{  width: 4.166vw; height: 4.166vw; }
	.cpxq_slt_list li .cpxq_slt_list_dian span{  width: 4.166vw; height: 4.166vw; }
	.cpxq_slt_list li .cpxq_slt_list_dian:before{ width: 2.083vw; height: 2.083vw; }
	.cpxq_slt_list li .cpxq_slt_list_dian:after{ width: 1.111vw; height: 1.111vw; }
	.cpxq_slt_list li:nth-child(1) .cpxq_slt_list_dian{ right: -7.916vw; bottom: -6.944vw; }
	.cpxq_slt_list li:nth-child(1):before{ height: 9.861vw; right: -5.972vw; bottom: -5.277vw;}
	.cpxq_slt_list li:nth-child(1):after{ width: 5.555vw; right: -5.972vw; bottom: 4.305vw; }
	.cpxq_slt_list li:nth-child(2) .cpxq_slt_list_dian{ left: -6.527vw; }
	.cpxq_slt_list li:nth-child(2):after{ width: 4.166vw; left: -4.722vw; }
	.cpxq_slt_list li:nth-child(3) .cpxq_slt_list_dian{ right: -16.111vw;}
	.cpxq_slt_list li:nth-child(3):before{ height: 6.805vw; right: -11.666vw;  bottom: -1.805vw;}
	.cpxq_slt_list li:nth-child(3):after{ width: 8.75vw; right: -9.166vw; bottom: 3.888vw; }
	.cpxq_slt_list li:nth-child(4) .cpxq_slt_list_dian{ left: -11.111vw; }
	.cpxq_slt_list li:nth-child(4):after{ width: 8.055vw; left: -8.611vw; }
	.cpxq_slt_list li:nth-child(5) .cpxq_slt_list_dian{ left: -9.722vw; }
	.cpxq_slt_list li:nth-child(5):before{ height: 5.416vw; left: -7.777vw; top: -7.222vw;}
	.cpxq_slt_list li:nth-child(5):after{ width: 10vw; left: -9.027vw; top: 1.388vw; }
}




.cpxq_aqbz{ float: left; width: 100%; margin-top: 71px;}
.cpxq_aqbz_title{ text-align: center; font-size: 70px; line-height: 70px; color: #c9151d; font-weight: bold; transform: skewX(-8deg); text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;}
.cpxq_aqbz_desc{ text-align: center; font-size: 74px; line-height: 74px; color: #333333; font-weight: bold; transform: skewX(-8deg); text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0; margin-top: 10px;}
.cpxq_aqbz_map{ float: left; width: 100%; position: relative; margin-top: 67px;}
.cpxq_aqbz_map>img{max-width: 100%; box-shadow: 0px 0px 25px #cbcbcb; border-radius: 14px;}
.cpxq_aqbz_map_jt{ position: absolute; bottom: 48%; width: 98%; left: 2%;  transition: 0.5s; padding-bottom: 36.5%;}
.cpxq_aqbz_map_jt img{ transition: 0.5s; height: 100%; position: absolute; left: 46%; transform: translateX(-50%);}
.cpxq_aqbz_mapwz{ float: left; width: 100%; position: relative; margin-top: -43px; text-align: center;}
.cpxq_aqbz_mapwz img{max-width: 101%; position: relative; left: 6px;}
.cpxq_aqbz_mapjt{ position: absolute; bottom: 50px; width: 100%; text-align: center; left: 0;}
.cpxq_aqbz_mapjt img{ height: 46px;}

@media (max-width:720px) {
	.cpxq_aqbz{ margin-top: 9.861vw;}
	.cpxq_aqbz_title{ font-size: 9.722vw; line-height: 9.722vw;}
	.cpxq_aqbz_desc{ font-size: 10.277vw; line-height: 10.277vw; margin-top: 1.388vw;}
	.cpxq_aqbz_map{ margin-top: 9.305vw;}
	.cpxq_aqbz_map>img{ box-shadow: 0px 0px 3.472vw #cbcbcb;}
	.cpxq_aqbz_mapwz{ margin-top: -5.972vw; }
	.cpxq_aqbz_mapwz img{ left: 0.833vw;}
	.cpxq_aqbz_mapjt{ bottom: 6.944vw;}
	.cpxq_aqbz_mapjt img{ height: 6.388vw;}
}


.cpxq_cpcs{ float: left; width: 100%; position: relative;}
.cpxq_cpcs_k{ float: left; width: 98%; margin: 0 1%; position: relative; margin-top: -43px; border: 1px solid #c9cacc; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 27px; background: #fff;box-shadow: 0px 0px 25px #cbcbcb; overflow: hidden;}

.cpxq_cpcs_name{ float: left; padding: 8px 39px; color: #fff; font-size: 35px; line-height: 50px; position: relative;}
.cpxq_cpcs_name:before{ content: ''; position: absolute; left: 50%; top: 0; width: 93%; height: 98%; background: #c9161c; border-radius: 3px; transform: translateX(-50%) skewX(-5deg); z-index: 1; box-shadow: 8px 8px 4px #f0f2f5;}
.cpxq_cpcs_name:after{ content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #c9161c; z-index: 1; bottom: -9px; left: 26px;}
.cpxq_cpcs_name span{ position: relative; z-index: 2;}
.cpxq_cpcs_title{  float: left; width: 100%; font-size: 48px; line-height: 50px; color: #333333; font-weight: bold; transform: skewX(-12deg); margin-top: 14px; display: none;}
.cpxq_cpcs_info{ float: left; width: 100%; position: relative; margin-top: 30px;}
.cpxq_cpcs_info table{ width: 100%;}
.cpxq_cpcs_info tr{ border-radius: 7px; overflow: hidden; width: 100%; float: left; background: #f0f2f5;display: flex;}
.cpxq_cpcs_info tr:nth-child(2n){ background: #fff;}
.cpxq_cpcs_info td{line-height: 30px;  font-size: 18px; color: #333333;  padding: 7.5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box;  width: 1%;}
.cpxq_cpcs_info td:nth-child(1){ width: 41%;}
.cpxq_cpcs_info td:nth-child(2){ width: 59%;}
.cpxq_cpcs_more{ float: left; width: 98%; margin: 0 1%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 32px 9px; background: url(../images/xqcs_bg.png) center center no-repeat; background-size: 100% 100%; cursor: pointer;}
.cpxq_cpcs_logo{ float: left;}
.cpxq_cpcs_logo img{ float: left; height: 28px;}
.cpxq_cpcs_more_title{ float: right; margin-right: 11px; font-size: 20px; line-height: 23px; color: #ffffff; }
.cpxq_cpcs_more_title img{ margin-left: 5px; height: 14px;}

@media (max-width:720px) {
	.cpxq_cpcs_k{ margin-top: -5.972vw; border: 0.138vw solid #c9cacc; padding: 3.75vw; box-shadow: 0px 0px 3.472vw #cbcbcb;}

	.cpxq_cpcs_name{ padding: 1.111vw 5.416vw; font-size: 4.861vw; line-height: 6.944vw; }
	.cpxq_cpcs_name:before{ box-shadow:  1.111vw  1.111vw 0.555vw #f0f2f5;}
	.cpxq_cpcs_name:after{ border-left: 1.388vw solid transparent; border-right: 1.388vw solid transparent; border-top: 1.388vw solid #c9161c; bottom: -1.25vw; left: 3.611vw;}
	.cpxq_cpcs_title{  font-size: 6.666vw; line-height: 6.944vw; margin-top: 1.944vw;}
	.cpxq_cpcs_info{ margin-top: 4.166vw;}
	.cpxq_cpcs_info td{line-height: 4.166vw;;  font-size: 2.5vw; padding: 1.041vw 4.166vw;; }
	.cpxq_cpcs_more{ padding: 1.805vw 4.444vw 1.25vw; }
	.cpxq_cpcs_logo img{ height: 3.888vw;}
	.cpxq_cpcs_more_title{ margin-right: 1.527vw; font-size: 2.777vw; line-height: 3.194vw;}
	.cpxq_cpcs_more_title img{ margin-left: 0.694vw; height: 1.944vw;}
}



.xqtc{ position: fixed; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%); max-width: 720px; margin: 0 auto; display: none; z-index: 999;}
.xqtc_bg{ position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.2;}
.xqtc_k{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  width: 96%; height: 96%; background: #fff; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px;}
.xqtc_k_bg{ float: left; width: 100%; }
.xqtc_k_bg img{ float: right;  height: 25px; cursor: pointer;}
.xqtc_k_info{float: left; width: 92%; position: absolute;  bottom: 30px; height: calc(100% - 110px); overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2%;}
.xqtc_k_info table{ width: 100%;}
.xqtc_k_info tr{ border-radius: 7px; overflow: hidden; width: 100%; float: left; background: #f0f2f5;display: flex;}
.xqtc_k_info tr:nth-child(2n){ background: #fff;}
.xqtc_k_info td{line-height: 30px;  font-size: 18px; color: #333333;  padding: 7.5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box;  width: 1%;}
.xqtc_k_info td:nth-child(1){ width: 41%;}
.xqtc_k_info td:nth-child(2){ width: 59%;}

@media (max-width:720px) {
	.xqtc_k{ padding: 4.166vw;}
	.xqtc_k_bg img{ height: 3.472vw;}
	.xqtc_k_info{ bottom: 4.166vw; height: calc(100% - 15.277vw); }
	.xqtc_k_info tr{ border-radius: 0.922vw; }
	.xqtc_k_info td{ font-size: 2.5vw; padding: 1.041vw 4.166vw; }
}


.hzhb{ float: left; width: 100%; position: relative; margin: 52px 0;}
.hzhb_titleen{ float: left; width: 100%; position: relative; font-size: 50px; line-height: 50px;  text-transform: uppercase;  font-weight: bold;  text-align: center;  transform: skewX(-9deg); background-image: linear-gradient(to bottom, #f0f2f5, #f0f2f5cf); background-clip: text; -webkit-background-clip: text; color: transparent;}
.hzhb_title{ float: left; width: 100%; text-align: center; font-size: 36px; color: #333333; font-weight: bold; position: relative; margin-top: -31px;}
.hzhb_list{  float: left; width: 98%; margin: 0 1%; position: relative; margin-top: 15px;}
.hzhb_list li{ float: left; width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3% 3% 2%; border: 1px solid #c7cbce;}
.hzhb_list li .hzhb_list_fl{ float: left; width: 75%;}
.hzhb_list li .hzhb_list_tu{ float: left; width: 100%; margin-top: 7px;}
.hzhb_list li .hzhb_list_tu img{ height:45px; float: left;}
.hzhb_list li .hzhb_list_title{ float: left; width: 100%; font-size: 32px; line-height: 35px; color: #333333; margin-top: 16px;}
.hzhb_list li .hzhb_list_add{ float: left; width: 100%; margin-top: 5px; font-size: 18px;}
.hzhb_list li .hzhb_list_add img{ position: relative; top: 3px; margin-right: 5px; height: 18px;}
.hzhb_list li .hzhb_list_ewm{float: right;}
.hzhb_list li .hzhb_list_ewm img{ width:140px;}


@media (max-width:720px) {
	.hzhb{ margin: 7.222vw 0;}
	.hzhb_titleen{ font-size: 6.944vw; line-height: 6.944vw;  }
	.hzhb_title{ font-size: 5vw; margin-top: -4.305vw;}
	.hzhb_list{  margin-top: 2.083vw;}
	.hzhb_list li{ border: 0.138vw solid #c7cbce;}
	.hzhb_list li .hzhb_list_tu{ margin-top: 0.972vw;}
	.hzhb_list li .hzhb_list_tu img{ height:6.25vw;}
	.hzhb_list li .hzhb_list_title{ font-size: 4.444vw; line-height: 4.861vw; margin-top: 2.222vw;}
	.hzhb_list li .hzhb_list_ewm img{ width:19.444vw;}
	.hzhb_list li .hzhb_list_add{ margin-top: 0.694vw; font-size: 2.5vw;}
	.hzhb_list li .hzhb_list_add img{ top: 0.416vw; margin-right: 0.694vw;  height: 2.5vw;}
}
























