/* GLOBAL STYLES */
		
html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section,
a {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none !important;
}

input,
select,
textarea {
    vertical-align: middle;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul,
li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}
.fc{
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 100px;
	height: 100px;
	margin: auto 0;
	z-index: 111111;
	cursor: pointer;
}
/*.fc a{
	position: relative;
}*/
.fc a span{
	position: absolute;
	color: #fff;
	font-size: 16px;
	top: 68px;
	left: 18px;
	z-index: 11111111;
	display: inline-block;
	font-weight: 600;
}
.fc img{
	width: 100%;
}
#top{
	/*border-bottom: 2px solid #f2f2f2;*/
	height: 55px;
	padding: 10px 0;
}
.menu li a:hover{
	color: #e60000;
}
.container-fluid, .container{
	padding: 0
}
.row{
	margin: 0;
}
.show-pc {
    display: block;
}
.show-phone {
    display: none;
}
.pc-gray{
	background: #f2f2f2;
}
.pc-white{
	background: #fff;
}
.w-1200{
	width: 1200px;
	margin: 0 auto;
}
.bg-sx{
	padding: 50px 0;
}
/*css*/
#container{
	width: 100%;
	overflow: hidden;
	margin-top: 75px;
}
/*banner*/
.banner {
    margin-top: 55px;
    width: 100%;
    padding: 20px 0 12px;
}
	
.new-banner{
	width: 100%;
	padding: 20px 0 10px 0;
	height: 390px;
}
.new-banner-con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.banner-left{
	float: left;
	padding-top: 85px;
	width: 600px;
}
.pc-bt{
	font-size: 38px;
	color: #e60000;
	margin-bottom: 10px;
}
.pc-bt span{
	display: inline-block;
	width: 103px;
}
.pc-bt span img{
	width: 100%;
	position: relative;
	top: 5px;
	left: 16%;
}
.pc-bt-1{
	font-size: 38px;
	color: #4c4948;
}
.it-logo{
	width: 112px;
	margin-bottom: 35px;
}
.it-logo img{
	width: 100%;
	position: relative;
}
.banner-right{
	float: right;
}
.banner1{
	width: 384px;
	display: inline-block;
}
.banner2{
	width: 543px;
	display: inline-block;
}
/*view-1*/
.con-2{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.con2-left{
	float: left;
	width: 37%;
}
.renwu{
	width: 64%;
	margin-left: 6.7%;
	margin-top: 50px;
}
.renwu-txt{
	width: 60%;
	margin-left: 20%;
	border-left: 3px solid #b5b5b5;
	margin-top: 6.4%;
	padding-left: 5%;
}
.ren-txt-1{
	font-size: 36px;
	color: #E60000;
}
.ren-txt-2{
	font-size: 20px;
	color: #333;
}
.renwu img{
	width: 100%;	
}
.con2-right{
	width: 56%;
	float: right;
	overflow: hidden;
	position: relative;
	padding-top: 20px;
}
.right-top{
	width: 100%;
	overflow: hidden;
}
.right-top-left{
	width: 38%;
	float: left;
	margin-top: 7%;
}
.right-top-left img{
	width: 100%;
}
.right-txt{
	font-size: 18px;
	color: #666;
	line-height: 1.7em;
	margin-top: 4%;
}
.right-txt1{
	font-size: 24px;
	color: #333;
}
.right-btn{
	position: absolute;
	top: 44%;
	right: 33%;
}
.right-btn a{
	display: block;
	width: 100%;
	border: 1px solid #e60012;
	font-size: 22px;
	background: #f2f2f2;
	text-align: center;
	padding: 6px 12px;
	color: #E60000;
	margin-top: -40%;
}
.right-btn a:hover{
	background: #E60000;
	color: #fff;
}
.bg-bot{
	padding: 0 0 50px;
}
/*view-2*/
.view-title{
	width: 100%;
	text-align: center;
	position: relative;
}
.view-bg1{
	width: 210px;
	display: inline-block;
}
.view-bg1 img{
	width: 100%;
	height: 62px;
}
.view-1-tit{
	position: absolute;
	top: 2px;
	left: 520px;
	font-size: 36px;
	color: #fff;
}
.view2-con{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.view2-con .view2-con-left{
	float: left;
	width: 44.5%;
	padding-right: 5%;
	border-right: 1px dashed #7d7d7d;
}
.view2-con .view2-con-right{
	float: left;
	width: 48%;
	padding-left: 5%;
}
.l-title {
    width: 100%;
    position: relative;
    height: 68px;
    margin-bottom: 30px;
}
.l-title img {
    margin-right: 10px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.view2-title{
	font-size: 28px;
    color: #333;
    /*line-height: 1.7em;*/
    position: absolute;
    top: -5px;
    left: 40px;
}
.view2-wz{
	font-size: 18px;
	color: #666666;
	line-height: 1.7em;
	height: 102px;
	margin-bottom: 20px;
}
.view2-sj{
	width: 100%;
	position: relative;
}
.view2-sj img{
	width: 100%;
	height: 82px;
}
.view2-sj span{
	font-size: 20px;
	color: #666;
	position: absolute;
	top: 0%;
	display: block;
	width: 25%;
	text-align: center;
	height: 80px;
	line-height: 80px;
}
.view2-sj span:hover{
	color: #E60000;
	cursor: pointer;
}
.view2-sj span:nth-of-type(1){
	left: 0%;
}
.view2-sj span:nth-of-type(2){
	left: 25%;
}
.view2-sj span:nth-of-type(3){
	left: 50%;
}
.view2-sj span:nth-of-type(4){
	left: 75%;
}
.view2-sj1 span:nth-of-type(1){
	left: -2%;
}
.view2-sj1 span:nth-of-type(2){
	left: 24%;
}
.view2-sj1 span:nth-of-type(3){
	left: 50%;
}
.view2-sj1 span:nth-of-type(4){
	left: 76%;
}
.view2-txt-icon{
	width: 100%;
	position: relative;
	height: 78px;
	margin-top: 30px;
}
.view2-txt-icon img{
	display: inline-block;
	width: 46px;
	position: absolute;
	top: 0;
	left: 20px;
}
.view2-txt-icon span{
	display: block;
	position: absolute;
	top: -5px;
	left: 93px;
	font-size: 18px;
	color: #666;
	line-height: 1.7em;
}
.view2-line{
	width: 100%;
	margin-top: 5px;
}
.view2-line img{
	width: 100%;
}
.view2-con2{
	width: 100%;
}
.view2-con2 .l-title1{
	text-align: center;
	height: 36px;
	margin-top: 50px;
}
.view2-con2 .l-title1 .view2-title{
	position: inherit;
	display: inline-block;
	top: 0;
	left: 0;
}
.l-title1 img{
	vertical-align: inherit;
}
.view2-con .view2-con-left1{
	width: 45%;
	border: 0;
}
.view2-txt-icon1 span{
	top: 10px;
}
.view2-con1{
	margin-top: 0;
}
.view2-con2-txt{
	width: 1100px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
}
/*view-3*/
.view3-con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
}
.con3-left{
	width: 363px;
	float: left;
	padding-right: 60px;
}
.con3-mid{
	width: 398px;
	float: left;
	padding: 0 59px;
}
.con3-line{
	width: 3px;
	float: left;
}
.con3-line img{
	width: 100%;
}
.con3-right{
	width: 292px;
	float: right;
}
.view3-con .view2-txt-icon{
	height: 116px;
}
/*view-4*/
.view4-bg{
	background: url(../images/view4-bg.png) no-repeat;
	height: 420px;
	background-size: cover;
	background-position: center;
}
.l-title2{
	width: 100%;
	text-align: center;
	height: inherit;
}
.view2-title2{
	position: inherit;
	left: 0;
	top: 0;
	display: inline-block;
	margin-top: 30px;
}
.view4-txt{
	width: 1100px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
	margin-top: 30px;
}
/*view-5*/
.view5-bg1{
	width: 246px;
}
.view-5-tit{
	left: 503px;
}
.view5-con{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.view5-box{
	overflow: hidden;
}
.view5-box .view5-item{
	float: left;
	width: 25%;
	text-align: center;
}
.view5-box .view5-item img{
	width: 125px;
	display: inline-block;
}
.view5-box .view5-item span{
	display: block;
	font-size: 20px;
	color: #666;
	margin-top: 20px;
}
.view5-line{
	position: absolute;
	bottom: 66px;
	left: 50px;
	width: 1100px;
	z-index: -1;
}
.view5-txt{
	width: 1100px;
	margin: 40px auto 0;
	color: #666666;
	font-size: 18px;
	line-height: 1.7em;
}
/*view-6*/
.view6-txt{
	width: 1100px;
	margin: 0 auto 75px;
	color: #666;
	font-size: 18px;
	line-height: 1.7em;
}
.view6-box{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.view6-box .view6-item{
	float: left;
	width: 33.33%;
	text-align: center;
}
.view6-box .view6-item img{
	width: 318px;
	display: inline-block;
}
.view6-box .view6-item span{
	display: inline-block;
	font-size: 22px;
	color: #333;
	margin-bottom: 50px;
	text-align: center;
	width: 318px;
}
.view6-box .view6-item:nth-of-type(1){
	text-align: left;
}
.view6-box .view6-item:nth-of-type(2){
	text-align:  center;
}
.view6-box .view6-item:nth-of-type(3){
	text-align: right;
}
.view6-box .view6-item .view6-img2{
	width: 302px;
}
.view6-box .view6-item .view6-img3{
	width: 324px;
}
/*view-7*/
.bg-sxf{
	padding: 40px 0;
	width: 100%;
}
.view7-txt{
	text-align: right;
	color: #666;
	font-size: 18px;
}
.view7-xx{
	position: relative;
	top: 4px;
}

/*common-css*/
.Color-red{
	color: #E60000;
	font-style: normal;
}


/*768*/
@media (max-width:768px){
.fc{
	width: 16vw;
	height: 16vw;
	margin-top: -8vw;
}
.fc a span{
	position: absolute;
	color: #fff;
	font-size: 2.6vw;
	top: 10vw;
	left: 3vw;
	z-index: 11111111;
	font-weight: 600;
	display: inline-block;
}
/*common-css*/
.bg-sx{
	padding: 5vw 0;
}

.show-pc {
 	display: none;
}
.show-phone {
    display: block;
}
.menu{
	width: 100%;
	box-shadow: 3px 3px 3px #ccc;
}
.menu li{
	margin-left: 0;
}
/*banner*/
.mp-idclogo{
	width: 30%;
	display: block;
	margin-left: 17.5vw;
	margin-bottom: 4%;
}
.mp-idclogo img{
	width: 100%;
}
.mp-bt{
	font-size: 5.1vw;
	width: 81%;
	margin: 0 auto;
	color: #E60000;
	margin-bottom: 0.5% !important;
	margin-left: 18%;
}
.mp-bt-1{
	font-size: 5.1vw;
	color: #333;
	width: 80%;
}
.new-banner{
	height: 95vw;
	background: #fff;
	padding: 10% 0 0;
}
#container{
	margin-top: 55px;
}
.mp-mark-banner{
	width: 100%;
	margin-top: 5%;
}
.mp-mark-banner span{
	width: 85%;
	display: block;
	margin: 0 auto;
}
.mp-mark-banner span img{
	width: 100%;
}
.mpnew-con1-left{
	width: 40%;
	padding: 5%;
	float: left;
}
.mpnew-con1-left img{
	width: 100%;
}
.mpnew-down{
	width: 100%;
	overflow: hidden;
}
.mpnew-con1-right{
	padding: 2% 5% 0 0;
	width: 40%;
	float: right;
}
.mpnew-con1-right img{
	width: 100%;
}
.mpnew-con1-right p:nth-of-type(1){
	padding: 39% 0 0 0;
}
.mpnew-con1-right p:nth-of-type(2) a{
	font-size: 3.5vw;
	color: #e50000;
	border: 1px solid #e50000;
	display: inline-block;
	padding: 1.6vw 16.5%;
	text-align: center;
}
.mpnew-con1-right p:nth-of-type(2) a:hover{
	color: #fff;
	background: #e60000;
}
.mpnew-con1-right p:nth-of-type(2){
	padding: 0% 0 0 10%;
	position: relative;
	top: 5.33vw;
}
.m-marbottom{
	width: 100%;
}
.m-marbottom p{
	width: 92.5%;
}
.m-marbottom .view-4-tit{
	left: 6%;
}
.bg-bot{
	padding: 0;
}
/*mp-view2*/
.view-bg1{
	width: 30%;
}
.view-bg1 img{
	height: 10vw;
}
.view-1-tit{
	font-size: 4.5vw;
	top: 13%;
	left: 40%;
}
.l-title{
	width: 100%;
	text-align: center;
	height: inherit;
	margin: 4vw 0;
}
.view2-title{
	font-size: 3.8vw;
	display: inline-block;
	position: inherit;
	left: 0;
	top: -1vw;
}
.l-title img{
	vertical-align: inherit;
	margin: 0;
}
.mp-view2-txt{
	width: 93.2%;
	margin: 0 auto;
	font-size: 3.2vw;
	line-height: 1.7em;
	color: #666;
	margin-bottom: 5vw;
}
.mp-view2-bg{
	width: 100%;
	position: relative;
}
.mp-view2-bg img{
	width: 93.2%;
	margin: 0 auto;
}
.mp-view2-bg span{
	position: absolute;
	font-size: 3.2vw;
	color: #666;
	top: 4.5vw;
}
.mp-view2-bg span:nth-of-type(1){
	left: 9%;
}
.mp-view2-bg span:nth-of-type(2){
	left: 32%;
}
.mp-view2-bg span:nth-of-type(3){
	left: 55%;
}
.mp-view2-bg span:nth-of-type(4){
	left: 78%;
}

.mp-view2-bg1 span{
	position: absolute;
	font-size: 3.2vw;
	color: #666;
	top: 5.5vw;
}
.mp-view2-bg1 span:nth-of-type(1){
	left: 10%;
}
.mp-view2-bg1 span:nth-of-type(2){
	left: 34.5%;
}
.mp-view2-bg1 span:nth-of-type(3){
	left: 59%;
}
.mp-view2-bg1 span:nth-of-type(4){
	left: 83%;
}

.view2-txt-icon{
	height: 9vw;
	width: 93.2%;
	margin: 5vw auto 0;
}
.view2-txt-icon img{
	left: 1%;
	width: 8%;
}
.view2-txt-icon span{
	font-size: 3vw;
	left: 12%;
	top: -15%;
}
.view2-line img{
	width: 93.2%;
	margin: 0 auto;
}
.view2-txt-icon2 span{
	top: 12%;
}
/*view-4*/
.view4-bg{
	background: #fff;
	height: inherit;
}
.l-title4{
	margin: 0;
}
.view2-title4{
	text-align: left;
	top: 2.8vw;
}
.view4-con{
	width: 93.2%;
	margin: 8vw auto 0;
	position: relative;
}
.view4-con img{
	width: 100%;
}
.view4-con p{
	position: absolute;
	font-size: 3.2vw;
	color: #666;
	top: 15%;
	left: 7%;
	width: 86%;
	line-height: 1.7em;
}
/*view-5*/
.bg-view5{
	background: #F2F2F2;
}
.view-bg5{
	width: 35%;
}
.view-5-tit{
	left: 38%;
}
.view5-swipe{
	width: 100%;
	padding-bottom: 10%;
}
.view5-swipe img{
	width: 93.2%;
	margin: 0 auto;
}
.view5-mp-box{
	width: 100%;
	font-size: 3.2vw;
	margin: 2% auto;
}
.view5-mp-box .view5-mp-item{
	width: 32%;
	display: inline-block;
	text-align: center;
	color: #666;
}
.view5-mp-box .view5-mp-item:nth-of-type(1){
	width: 30%;
}
.view5-mp-box .view5-mp-item:nth-of-type(2){
	width: 37%;
}
.view5-mp-box .view5-mp-item:nth-of-type(3){
	width: 30%;
}
.view5-mp-txt{
	width: 93.2%;
	margin: 0 auto;
	font-size: 3.2vw;
	color: #666;
	line-height: 1.7em;
}
/*view-6*/
.bg-view6{
	background: #fff;
}
.view6-swipe{
	width: 100%;
	padding-bottom: 10%;
}
.view6-swipe h4{
	font-size: 3.8vw;
	color: #333;
	text-align: center;
	margin: 5vw 0;
}
.mp-img1{
	width: 67%;
	margin: 0 auto;
}
.mp-img2{
	width: 63%;
	margin: 0 auto;
}
.mp-img3{
	width: 67%;
	margin: 0 auto;
}
.bg-sxf{
	padding: 5vw 0;
}
.view7-txt{
	font-size: 3vw;
	width: 93.2%;
	margin: 0 auto;
}
/*me*/
#top{
	border: none;
}
/*end*/

}


@media (max-width:320px){	
.view2-txt-icon span{
	line-height: 1em;
}
.fc{
	width: 20vw;
	height: 20vw;
	margin-top: -10vw;
}
.fc a span{
position: absolute;
color: #fff;
font-size: 2.6vw;
top: 13vw;
left: 3vw;
z-index: 11111111;
font-weight: 600;
display: inline-block;
}
}