/* PC*/

html,
body {
    padding: 0;
    margin: 0 auto;
    background-color: #fff;
    font-size: 16px;
    color: #222;
    min-width: 1200px;
    width: 100%;
    font-family: Microsoft Yahei,"微软雅黑" !important;
}
html,body,h1,h2,h3,h4,span:not(.iconfont),p,div:not(.iconfont),ul,li,a,input,texteara,button{
	font-family: Microsoft Yahei,"微软雅黑" !important;
}
body::-webkit-scrollbar{ 
    width:0;
}
@media(max-width:768px) {
    html,
    body {
        min-width: 320px;
    }
}
h1,h2,h3,h4,ul{
    margin:0;padding:0;
}
div img{
	vertical-align: bottom;
}
ul{
    padding:0;
}
ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

hr {
    border: none;
    height: 1px;
    background-color: #505050;
}

.clear {
    width: 100%;
    clear: both;
}

.clearfix {
    clear: both;
}
.f12 {
    font-size: 12px;
    line-height: 24px;
}

.f14 {
    font-size: 14px;
    line-height: 28px;
}

.f16 {
    font-size: 16px;
    line-height: 32px;
}

.f18 {
    font-size: 18px;
    line-height: 36px;
}

.f20 {
    font-size: 20px;
    line-height: 40px;
}

.f25 {
    font-size: 25px;
    line-height: 50px;
}

.f26 {
    font-size: 26px;
    line-height: 52px;
}

.f30 {
    font-size: 30px;
    line-height: 60px;
}

.f50 {
    font-size: 50px;
    line-height: 100px;
}

@media(max-width:1440px) {
    .f12 {
        font-size: 12px;
        line-height: 24px;
    }
    .f14 {
        font-size: 14px;
        line-height: 28px;
    }
    .f16 {
        font-size: 16px;
        line-height: 32px;
    }
    .f18 {
        font-size: 18px;
        line-height: 36px;
    }
    .f20 {
        font-size: 20px;
        line-height: 40px;
    }
    .f25 {
        font-size: 25px;
        line-height: 50px;
    }
    .f26 {
        font-size: 26px;
        line-height: 52px;
    }
    .f30 {
        font-size: 30px;
        line-height: 60px;
    }
    .f50 {
        font-size: 50px;
        line-height: 100px;
    }
}

@media(max-width:1024px) {
    .f12 {
        font-size: 12px;
        line-height: 24px;
    }
    .f14 {
        font-size: 14px;
        line-height: 28px;
    }
    .f16 {
        font-size: 16px;
        line-height: 32px;
    }
    .f18 {
        font-size: 18px;
        line-height: 36px;
    }
    .f20 {
        font-size: 20px;
        line-height: 40px;
    }
    .f25 {
        font-size: 25px;
        line-height: 50px;
    }
    .f26 {
        font-size: 26px;
        line-height: 52px;
    }
    .f30 {
        font-size: 30px;
        line-height: 60px;
    }
    .f50 {
        font-size: 50px;
        line-height: 100px;
    }
}

@media(max-width:768px) {
    .f12 {
        font-size: 12px;
        line-height: 24px;
    }
    .f14 {
        font-size: 12px;
        line-height: 24px;
    }
    .f16 {
        font-size: 12px;
        line-height: 24px;
    }
    .f18 {
        font-size: 14px;
        line-height: 28px;
    }
    .f20 {
        font-size: 14px;
        line-height: 28px;
    }
    .f25 {
        font-size: 16px;
        line-height: 32px;
    }
    .f26 {
        font-size: 16px;
        line-height: 32px;
    }
    .f30 {
        font-size: 18px;
        line-height: 36px;
    }
    .f50 {
        font-size: 20px;
        font-weight: 600;
        line-height: 50px;
    }
}
.ob {
    width: 100%;
}

.ob .ib {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
}

@media(max-width:768px) {
    .ob {
        width: 100%;
        padding: 0px 0px;
        margin: 0 auto;
        max-width: 768px;
    }
    .ob .ib {
        max-width: 768px;
    }
}
.goback{
	width: 130px;border-radius: 10px;color: white;background-color: #0080CB;text-align: center;margin: 10px auto;line-height: 35px;
}
.index-bg{
    background: #EDF2EB;
}

/*page*/

.pagination-wrapper {
    margin: 40px 0;
    display: flex;
    overflow: hidden;
}

.pagination {
    display: block;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.pagination li {
    /* display: inline-block; */
    float: left;
    height: 34px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 12px;
    border: 1px solid #dddddd;
    margin-right: 5px;
}

.pagination li a {
    /* float: left; */
    display: block;
    height: 32px;
    color: #555555;
    text-decoration: none;
}

.pagination li a:hover {
    background: #f5f5f5;
    color: #0099ff;
}

.pagination li.thisclass {
    background: #0080CB;
    color: #fff;
}

.pagination li.thisclass a,
.pagination li.thisclass a:hover {
    background: transparent;
    border-color: #f76f0c;
    color: #fff;
    cursor: default;
}

@media(max-width:320px) {
    .pagination {
        max-width: 320px;
    }
}

div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 40px;
}

.h-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.h-2,
.h-3,
.h-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.h-2 {
    -webkit-line-clamp: 2;
}

.h-3 {
    -webkit-line-clamp: 3;
}

.h-4 {
    -webkit-line-clamp: 4;
}


/*z59*/

@font-face {
    font-family: 'z59';
    src: url('../static/font/z59.ttf');
}

.z59 {
    font-family: z59;
}

@font-face {
    font-family: 'AF';
    src: url('../static/font/AF.ttf');
}

.AF {
    font-family: AF;
}


/* iconfont.cn */

@font-face {
  font-family: 'iconfont';  /* Project id 2699386 */
  src: url('//at.alicdn.com/t/font_2699386_ukuy0i3jt1.woff2?t=1629277608406') format('woff2'),
       url('//at.alicdn.com/t/font_2699386_ukuy0i3jt1.woff?t=1629277608406') format('woff'),
       url('//at.alicdn.com/t/font_2699386_ukuy0i3jt1.ttf?t=1629277608406') format('truetype');
}

.iconfont {
    font-family: iconfont!important;
}
.pingtai{
	display:none;
	width: 150px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	color: #FFF;
	font-size: 12px;
	margin: 15px 0px 0px;
	text-align: center;
	position: relative;
	padding-left: 10px;
	background: -webkit-linear-gradient(#3D9ED8 , #0071BC);
	background: -o-linear-gradient( #3D9ED8, #0071BC);
	background: -moz-linear-gradient( #3D9ED8, #0071BC);
	background: linear-gradient( #3D9ED8 , #0071BC);
	cursor: pointer;
}
.pingtai .iconfont{    
	font-size: 30px;
	position: absolute;
	left: 10px;
}
@media(max-width:768px){
	.pingtai{display:none;}
}

.toptop{
    height: 60px;
    background: #FFF;
    z-index: 999;
    padding: 0px 0px;
}
.toptop .ib{
    display: flex;
}
.toptop .logo{
    width: auto;
    height: 30px;
    display: block;
    margin: 15px auto 0 0;
    cursor: pointer;
}
.toptop .inavs{
    margin: 0px auto;
    line-height: 60px;
    width: 600px;
    font-size: 12px;
    color: #4a4a4a;
}
.toptop .inavs .nav{
    width:calc(100% / 7);
    text-align: center;
    float:left;
}
.toptop .inavs .nav:hover{
    color: #1E8FD1;
}
@media(max-width:768px){
    .toptop{
        height: auto;
        background: #FFF;
        z-index: 999;
        padding: 20px 0px 0px;
		display:none;
    }
    .toptop .ib{
        display: block;
    }
    .toptop .logo{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }
    .toptop .inavs{
        color: #FFF;
        margin: 10px auto 0 0;
        line-height: 60px;
        width: 100%;
        font-size: 16px;
        height: 120px;
        background: #0071BD;
    }
    .toptop .inavs .nav{
        width: calc(100% / 3);
        text-align: center;
        float:left;
    }
    .toptop .inavs .nav:hover{
        color: #1E8FD1;
    }  
}
.banner{
    width:100%;
    position: relative;
}
.banner .bg{
    width:100%;
}
.banner .flt{
	width:1200px;
	position: absolute;
	left: calc(50% - 600px);
	top: 0;
	height: 100%;
}
.banner .floatl,.banner .floatr{   
    position: absolute;
    bottom: 0;
}
.banner .floatl{
    left:0;
    color: #FFF;
    text-align: left;
    padding-left: 0;
    width: 50%;
    height: calc(100% - 150px);
}
.banner .floatl h1{
    line-height: 100px;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 600;
}
.banner .floatl h2{
    line-height: 60px;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: -20px;
    color: #E1F0F8;
}
.banner .floatl .more{
    width: 120px;
    box-sizing: border-box;
    border: 1px solid #ffffffcf;
    height: 45px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffffcf;
    margin-top: 40px;
}
.banner .floatr{
    right:0;
    width:50%;
    height: calc(100% - 200px);
}
@media(max-width:768px){
    .banner{
        width:100%;
        position: relative;
        height: 100vw;
        background: url(../images/banner.png) no-repeat center;
        background-size: auto 100%;
    }
    .banner .bg{
    display: none;
    }
    .banner .floatl,.banner .floatr{   
        position: absolute;
        bottom: 0;
    }
    .banner .floatl{
        left:0;
        color: #FFF;
        text-align: left;
        padding-left: 10px;
        width: calc(100% - 20px);
        height: auto;
        bottom: unset;
        top: 10px;
    }
    .banner .floatl h1{
        line-height: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 600;
    }
    .banner .floatl h2{
        line-height: 30px;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 500;
        margin-top: 0;
        color: #E1F0F8;
    }
    .banner .floatl .more{
        width: 100px;
        box-sizing: border-box;
        border: 1px solid #ffffffcf;
        height: 35px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 2px;
        color: #ffffffcf;
        margin-top: 20px;
        margin-left: calc(100% - 100px);
    }
    .banner .floatr{
        right: unset;
        width:50%;
        height: calc(100% - 200px);
        left: 30px;
    }  
}
.banner .floatr img{
    position: absolute;
    max-width: 100%;
    bottom: 0;
    right: 0;
}
.sliderBanner{
	width:100%;
	padding:0;
	margin:0 auto;
	min-height: 33vw;
	position:relative;
}
.sliderBanner .prev,.sliderBanner .next{
	position:absolute;
	top:calc(50% - 25px);
	height:44px;
	width:30px;
	background:#000;
	z-index:2;
	opacity:0.6;
	cursor:point;
}
.sliderBanner .prev{
	left:0;
}
.sliderBanner .next{
	right:0;
}
.sliderBanner .prev span{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
}
.sliderBanner .next span{
	background:url(../images/slider-arrow.png) 7px 5px no-repeat;
	width:100%;
	height:100%;
	display:block;
}
.sliderBanner .hd{
	width:100%;
	position:absolute;
	z-index:2;
	bottom:10px;
	height:20px;
	left:0px;
	display:flex;
}
.sliderBanner .hd ul{
	display:flex;
	padding:0px;
	margin:0 auto;
}
.sliderBanner .hd ul li{
	list-style:none;
	width:20px;
	height:20px;
	margin:0px 0px;
}
.sliderBanner .hd ul li span{
	width:10px;
	height:10px;
	background:#CCC;
	margin:5px auto;
	border-radius:5px;
	transition:all ease 0.3s;
	display:block;
}
.sliderBanner .hd ul li.on span{
	background:#54beff!important;
	width:20px;
}

.sliderBanner .bd{
	width:100%;
	z-index:1;
}
.sliderBanner .bd .slimg{
	width:100%;
}
.sliderBanner .bd .slimg img{
	width:100%;
}

.nbanner{
    width:100%;
    position: relative;
    color: #FFF;
}
.nbanner img{
    position: relative;
    width:100%;
    z-index: 1;
}
.nbanner .typename{
    position: absolute;
    width:100%;
    text-align: center;
    font-size: 30px;
    line-height: 80px;
    top: calc(30% - 40px);
    left:0;
    z-index: 2;
    display: none;
}
.nbanner .typedesc{
    position: absolute;
    width:100%;
    text-align: center;
    font-size: 40px;
    line-height: 100px;
    top: calc(50% - 50px);
    left:0;
    z-index: 2;
}

@media(max-width:768px){
    .banner .floatr img{
        position: absolute;
        max-width: 100%;
        bottom: 0;
    }
    .nbanner{
        width:100%;
        position: relative;
        color: #FFF;
    }
    .nbanner img{
        width:100%;
        z-index: 1;
        position: relative;
        height: 80px;
    }
    .nbanner .typename{
        position: absolute;
        width:100%;
        text-align: center;
        font-size: 30px;
        line-height: 80px;
        top:calc(50% - 40px);
        left:0;
        display: block;
    }
    .nbanner .typedesc{
    display: none;
    }
	.sliderBanner .prev,.sliderBanner .next{
		display:none;
	}
}
.index-tit{
    position:relative;
}
.index-tit .itit{
    font-size: 25px;
    line-height: 80px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: center;
    margin: 20px 0px;
}
.index-tit hr{
    position:absolute;
    top:55px;
    left:calc(50% - 40px);
    height: 4px;
    background: #0080CB;
    width:80px;
    margin:10px auto;
}
.about-us{
    width: 100%;
    padding: 100px 0px;
}
.about-us .ib {
    display: flex;
}
.about-us .ib .abtleft{
    width:50%;
}
.about-us .ib .abtleft video,.about-us .ib .abtleft iframe{
    width: 100%;
    height:100%;
    outline: none;
    border:none;
}


.about-us .ib .abtleft img{
    height:100%;
    max-width: 100%;
    display: block;
    margin:0 auto;
}
.about-us .ib .abtright{
    width:45%;
    margin:0 auto;
}
.about-us .ib .abtright .index-tit .itit{
    font-size: 30px;
    line-height: 80px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
}
.about-us .ib .abtright .index-tit hr{
    height: 4px;
    background: #0080CB;
    width:80px;
    margin:10px auto;
}
.about-us .ib .abtright p{
    margin:20px 0px;
    font-size: 14px;
    line-height: 35px;
    text-indent: 2em;
    justify-content: center;
}
.about-us .ib .abtright .showMore{
    width:150px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    background: #0080CB;
    margin: 45px auto;
    line-height: 40px;
    letter-spacing: 2px;
}
.about-us .ib .abtright .showMore:active{
    top:2px;
}
@media(max-width:768px){
    .index-tit .itit{
        font-size: 14px;
        line-height: 40px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center;
        overflow: hidden;
        height: 40px;
        margin:0 auto;
    }
    .index-tit hr{
        height: 4px;
        background: #0080CB;
        width:80px;
        margin:10px auto;
    }
    .about-us{
        width: 100%;
        padding: 0px 0px;
    }
    .about-us .ib {
        display: flex;
        flex-wrap: wrap;
		flex-direction: column-reverse;
    }
    .about-us .ib .abtleft{
        width: 100%;
    }
    .about-us .ib .abtleft video{
        width: 100%;
        height:100%;
        outline: none;
        border:none;
    }
	.about-us .ib .abtleft iframe{
		width: 100%;
		height: 50vw;
		outline: none;
		border: none;
		margin: 0 auto;
		display: block;	
	}
    .about-us .ib .abtleft img{
        height: auto;
        max-width: 100%;
        display: block;
        margin:0 auto;
    }
    .about-us .ib .abtright{
        width: 100%;
        margin:0 auto;
    }
    .about-us .ib .abtright .index-tit .itit{
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center;
        margin: 50px auto 10px;
        height: 30px;
    }
    .about-us .ib .abtright .index-tit hr{
        height: 4px;
        background: #0080CB;
        width:80px;
        margin:10px auto;
    }
    .about-us .ib .abtright p{
        margin:20px 0px;
        font-size: 12px;
        line-height: 30px;
        text-indent: 2em;
        width: calc(100% - 20px);
        padding: 0px 10px;
    }
    .about-us .ib .abtright .showMore{
        width: 120px;
        text-align: center;
        color: #FFF;
        font-weight: 500;
        font-size: 12px;
        position: relative;
        cursor: pointer;
        background: #0080CB;
        margin: 25px auto;
        line-height: 40px;
        letter-spacing: 2px;
    }
    .about-us .ib .abtright .showMore:active{
        top:2px;
    }
}
.prolist{
    padding: 50px 0px 150px;
    background: #0080CB;
    color: #FFF;
}
.prolist ul{
    display: flex;
    flex-wrap: wrap;
}
.prolist ul li{
    width: calc(25% - 20px);
    margin: 10px auto;
}
.prolist ul li a{
    display: block;
    width:100%;
    position: relative;
}
.prolist ul li a .divimg{
    width:100%;
	padding-bottom:100%;
	height:0;
    position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background: #2692D2;
}
.prolist ul li a .divimg .pic{
    width: 100%;
	height:100%;
	top:0;
	left:0;
    position: absolute;
    z-index: 2;
	display:none;
}
.prolist ul li a .divimg .index{
    width:100px;
    height: 120px;
    left: calc(50% - 50px);
    top: calc(50% - 60px);
	display:block;
    vertical-align: bottom;
    position: absolute;
    z-index: 1;
}
.prolist ul li:hover a .divimg .pic{
    display:block;
	transition:all ease 0.5s;
}
.prolist ul li a .more{
	position:relative;
	width:100%;
	padding-bottom:100%;
}
.prolist ul li a .more .text{
    width: 100%;
    position: absolute;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #2692D2;
}

@media(max-width:768px){
    .prolist{
        padding: 10px 0px;
    }
    .prolist ul{
        display: flex;
        flex-wrap: wrap;
        margin-top: 0px;
        width: calc(100% - 10px);
        padding: 0px 5px;
    }
    .prolist ul li{
        width: calc(25% - 10px);
        margin: 5px 5px;
    }
    .prolist ul li a{
        display: block;
        width:100%;
        position: relative;
    }
    .prolist ul li a .divimg{
        width:100%;
        position: relative;
    }
	.prolist ul li a .divimg .index{
		width: 54px;
		height: 64.8px;
		left: calc(50% - 27px);
		top: calc(50% - 32.4px);
		display:block;
		vertical-align: bottom;
		position: absolute;
		z-index: 1;
	}
    .prolist ul li a .divimg img{
        width: 100%;
        vertical-align: bottom;
        position: relative;
        z-index: 1;
    }
    .prolist ul li a .divimg .mask{
        position: absolute;
        z-index: 9;
        left: 0;
        top:0;
        width:100%;
        height:100%;
        color: #FFF;
        display: none;
        transition: all ease 1s;
        background: -webkit-linear-gradient(left, #68B4E0 , #1088CE); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #68B4E0, #1088CE); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #68B4E0, #1088CE); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #68B4E0 , #1088CE);
    }
    .prolist ul li:hover a .divimg .mask{
        display: block;
    }
    .prolist ul li a .divimg .mask .icon{
        font-family: iconfont!important;
        font-size: 40px;
        position: absolute;
        left:calc(50% - 50px);
        top:calc(50% - 50px);
        width: 100px;
        height: 100px;
        box-sizing: border-box;
        border: 2px solid #FFF;
        border-radius: 100%;
        color: #FFF;
        line-height: 100px;
        text-align: center;
    }
    .prolist ul li a .more .text{
        line-height: 40px;
        font-size: 12px;
        text-align: center;
    }
}

.hxys{
    background: #F6FBFE;
	padding: 20px 0px 150px;
}
.hxys .ib .block{
    float:left;
    margin: 20px 2.5%;
    width: 20%;
    background: #FFF;
    padding: 100px 0px;
    text-align: center;
    transition: all ease 0.3s;
    height: 300px;
}
.hxys .ib .block .iconfont{
    font-size: 70px;
    color: #BABABA;
    margin: 0px 0px 50px;
}
.hxys .ib .block .tit{
    font-size: 16px;
    color: #5f5f5f;
}
.hxys .ib .block .desc{
    font-size: 12px;
    color: #BABABA;
    line-height: 25px;
    width: 80%;
    margin: 20px auto;
    text-align: left;
}
.hxys .ib .block:hover{
    box-shadow: 5px 3px 10px -5px #0000007a;
}
.hxys .ib .block:hover .iconfont{
    color:#0080cbc4;
}

@media(max-width:768px){
    .hxys{
        background: #F6FBFE;
        padding: 0px 0px;
    }
    .hxys .ib .index-tit .itit{
    	margin:0px 0px;
    	padding:20px 0px;
    }
    .hxys .ib .block{
        float:left;
        margin: 0px 2.5% 20px;
        width: 45%;
        background: #FFF;
        padding: 20px 0px;
        text-align: center;
        transition: all ease 0.3s;
        height:240px;
    }
    .hxys .ib .block .iconfont{
        font-size: 50px;
        color: #BABABA;
        margin: 0px 0px 30px;
    }
    .hxys .ib .block .tit{
        font-size: 15px;
        color: #5f5f5f;
    }
    .hxys .ib .block .desc{
        font-size: 12px;
        color: #BABABA;
        line-height: 25px;
        width: 80%;
        margin: 20px auto;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .hxys .ib .block:hover{
        box-shadow: 5px 3px 10px -5px #0000007a;
    }
    .hxys .ib .block:hover .iconfont{
        color:#0080cbc4;
    }
    
}

.haibao img{
    width:100%;
    vertical-align: bottom;
}
.hzhb {
    padding: 0px 0px 150px;
}
.hzhb .ib ul{
    display: flex;
    flex-wrap: wrap;
}
.hzhb .ib ul li{
    width: calc(25% - 10px);
    margin: 5px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}
.hzhb .ib ul li img{
    width: 100%;
    vertical-align: bottom;
}
@media(max-width:768px){
    .hzhb {
        padding:50px 0px;
    }
    .hzhb .ib ul{
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 20px);
        margin: 0px 10px;
    }
    .hzhb .ib ul li{
        width: calc(50% - 20px);
        margin: 10px;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
    }
    .hzhb .ib ul li img{
        width: 100%;
        vertical-align: bottom;
    }
}




.yy_bj{ background:#fff; height: 585px; padding-top:20px;box-sizing: border-box;  font-family:"Microsoft Yahei";overflow: hidden;position: relative;}
.yy_bj h3{
    text-align:center;color:#D1D1D1;line-height:50px;
}
.yy_bj hr{
    width:80px;height:3px;background: #CC0001;margin:0 auto;
}
.yy_bj h2{font-size: 48px; color: #333333; font-weight: bold;margin-bottom: 25px;padding-bottom:18px;background: url(../image/tit1.gif) no-repeat center bottom; text-align: center;}
.yy_bj .yy_p{line-height: 30px; text-align: center; font-size: 16px; color: #666666; height:95px; }

.yy_bj .wave {position: absolute;width: 1920px;height: 56px;background:url(../images/wave.png);left: 50%;margin-left: -960px;top: 70%;margin-top: 0px;z-index: 1;}
.yy_bj .wave1 {position: absolute;width: 1920px;height: 56px;background:url(../images/wave1.png);left: 0%;margin-left: 0px;top: 70%;margin-top: 0px;z-index: 1;}
.yy_bj .wave,.yy_bj .wave1 {animation: bg 3.5s linear infinite;-webkit-animation: bg 3.5s linear infinite;}

.yy_bj ul{width: 1200px;margin:0 auto;position: relative;z-index: 2;}
.yy_bj li{width: 243px;height:243px;border-radius: 100%; float: left;position: relative;margin-right:75px;}
.yy_bj li p{font-size: 20px; color: #000;font-weight: 600; line-height: 30px;width: 100%;position: absolute;left:0;bottom: 25px;text-align: center; -webkit-text-stroke:1px #FFF;}
.yy_bj li:last-child{margin-right: 0;}
.yy_bj li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.yy_bj li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
@-webkit-keyframes bg {
    0% {
        background-position: -1920px 0;
    }
    100% {
        background-position: 0 0;
    }
  }
  
  @keyframes bg {
    0% {
        background-position: -1920px 0;
    }
    100% {
        background-position: 0 0;
    }
  }
.cp{
    position: relative;
}
.cp .bg{
    width: 100%;
    height:38.125vw;
    background: url('../images/haibao.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.cp .bg .bl{
    position: absolute;
    left:0;
    top: 37.5%;
    width: 50%;
    height: 35%;
}
.cp .bg .bl img ,.cp .bg .br img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.cp .bg .bl a.lxwm{
    position: absolute;
    left: 21.5%;
    bottom: 0;
    width: 25.5%;
    height: 19%;
    border-radius: 40px;
}
.cp .bg .br{
    position: absolute;
    right:0;
    top: 37.5%;
    width: 50%;
    height: 35%;
}
.cp .hd{
    width: 1400px;
    margin:-50px auto 50px;
    height:100px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    position: relative;
    z-index: 999;
    background: #FFF;
    box-shadow: 0px 0px 10px -5px #7c7c7c;
    overflow: hidden;
}
.cp .hd ul{
    padding:0px;margin:0px;display: flex;
}
.cp .hd ul li{
    list-style: none;
    width: calc(100% / 6);
    text-align: center;
    color: #54545f;
    line-height: 25px;
    padding:25px 0px;
}
.cp .hd ul li:hover{
    background: #CC0001;
    color: #FFF;
}
.cp .hd ul li .zh{
    font-size: 18px;
}
.cp .hd ul li .en{
    font-size: 12px;
}
.cp .bd{
    width: 1400px;
    margin:0 auto;
}
.cp .bd ul{
    padding: 0;
    margin:0;
}
.cp .bd ul::after{
    content: "";display: block;overflow: hidden;height: 0;visibility: hidden;clear: both;
}
.cp .bd ul li{
    width: calc(91% / 3);
    float:left;
    margin:1.5%;
    border-radius: 10px;
}
.cp .bd ul li a{
    display: block;
    width: 100%;
    height:100%;
}
.cp .bd ul li a img{
    width: 100%;
}
.cp .bd ul li a h4::before{
    content: "";
    position: absolute;
    top: 22px;
    left: 20px;
    height: 17px;
    width: 3px;
    background: #666666;
}
.cp .bd ul li:hover a h4::before{
    background: #ed9b69;
}
.cp .bd ul li a h4{
    height: 60px;
    color: #333333;
    line-height: 60px;
    padding: 0 30px 0 35px;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: normal;
    position: relative;
}
.cp .bd ul li:hover a h4{
    color: #ed9b69;
    font-weight: bold;
}
.cp .bd ul li a h4::after{
    content: "";
    position: absolute;
    top: 22px;
    right: 10px;
    height: 18px;
    width: 18px;
    background: url(../static/image/cpico.png) no-repeat;
}
.cp .bd ul li:hover a h4::after{
    background: url(../static/image/cpicocur.png) no-repeat;
}
/**/
.tit02{display: block;margin: 0 auto 100px;width: 800px;text-align: center;}
.tit02 .t01{
    font-size: 16px;
    line-height: 70px;
    color: #4D4D4D;
}
.tit02 .t02{
    font-size: 40px;
    line-height: 80px;
    letter-spacing: 2px;
    font-weight: 600;
}
.tit02 hr{
    width: 80px;
    height: 3px;
    margin: 10px auto 15px;
    background: #CC0001;
}
.tit02 .t03{
    font-size: 14px;
    line-height: 28px;
}

/**/
.bzbj{overflow: hidden;background:#f5f5f5 url(../static/image/bzbg.jpg) no-repeat center top;padding-top:160px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto;padding-bottom: 50px; }
.bzbj .tit01{margin-bottom: 37px;width: 1400px;margin:0 auto;}
.bzbj .tit01 .t01{
    width: 600px;
    text-align: left;
    height: 110px;
    margin: 0 auto;
    line-height: 150px;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 5px;
}
.bzbj .tit01 .t01 img{
    float:left;
    width:200px;
    margin-right: 20px;
}
.bzbj .tit01 hr{
    width: 80px;
    height: 5px;
    margin: 0 auto;
    background: #CC0001;
}
.bzbj .tit01 .t02{
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 2px;
    margin: 50px auto;
}
.serv_c{width:100%; max-width: 1400px;margin:0 auto; height: 588px;overflow: hidden;}
.serv_c ul{width: 100%;height: 588px;}
.serv_c li{width:21.57%;margin-right:0.5%; float: left;position: relative;cursor:pointer;height: 588px; box-sizing:border-box;overflow: hidden;background: #fff;border-top-right-radius: 50px;}
.serv_c li:last-child{margin: 0;}
.serv_c li img{display: block;width:100%;}
.shu2{width: 100%;height:100%;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.shu2 dl{width:100%;border-top-right-radius: 50px;}
.shu2 dl dt{width:100%;}
.shu2 dl dt img{display: block;border-top-right-radius: 50px;}
.shu2 dl dd{text-align: center;height:206px;}
.shu2 dl dd em{width:85px;height:85px;border-radius: 100%;margin:-42px auto 30px;background: url(../static/image/bzicobg.png) no-repeat; display: block;padding:17px;box-sizing: border-box;position: relative;}
.shu2 dl dd em img{width: 35px;display: block;margin: 8px auto 0px;}
.shu2 dl dd h3{ font-weight: bold;font-size: 30px; color:#3b4046;}
.shu2 dl dd h3 i{ display: block;font-size: 14px;color:#cccccc; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.bock{width: 0;height:100%;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.bock dl{width: 85.4%;margin:52px auto 0;}
.bock dl dt{width: 100%;}
.bock dl dt img{border-radius: 25px;}
.bock dl dd{padding-top:25px;}
.bock dl dd em{width:85px;height:54px;border-right:2px solid #f6cdb4;display: block;float: left;margin-right:15px;margin-bottom: 15px;}
.bock dl dd em img{width:65px; display: block;}
.bock dl dd h3{font-weight: bold;font-size: 30px;color:#fff;margin: 0;}
.bock dl dd h3 i{ display: block;font-size: 14px;color:rgba(255,255,255,0.7); font-family: Arial, Helvetica, sans-serif; font-weight: normal;text-transform: capitalize;}
.bock dl dd p{font-size: 16px; line-height: 26px; color: #fff;overflow: hidden; text-overflow: ellipsis;}

.serv_c li.cur{width:55.78%;box-sizing: border-box;background: #CC0001;border-top-left-radius: 50px;border-top-right-radius: 0px;}
.serv_c li.cur .shu2{width:0;display: none;}
.serv_c li.cur .bock{width:100%;}

.bz_tel{background: none; height:110px; position: relative;padding-top: 68px;box-sizing: border-box;}
.bz_tel img{display: block;margin:0 auto;}


/*优势*/
.ysbj{padding-top:80px;overflow: hidden; font-family:"Microsoft Yahei";}
.ysbj h2{height:136px;}
.ys{width: 1400px;margin:0 auto;position: relative;}
.ys:after{content: "";position: absolute;top: 270px;left: calc(50% + 3px);width:134px;height: 1604px;margin-left: -67px;background:url(../static/image/ysbg.png) no-repeat;}
.edge_ico{position: absolute;width: 20px;height: 20px;border: solid 2px #fff;border-radius: 100%;background: #CC0001;top: 212px;z-index: 1;box-sizing:border-box;}
.edge_ico:before,.edge_ico:after{content: "";position: absolute;width:52px;height:52px;top:-16px;left:-16px;background: rgba(208, 23, 16, 0.1);border-radius: 52px;-webkit-animation: living 2s linear infinite;z-index:0;}
.edge_ico:before{width: 78px;height: 78px;border-radius: 78px;top:-29px;left:-29px;}
.ys dt{position: relative; }
.ys dt img{width: 960px;}
.ys dd{width: 452px;padding: 44px 0 0;position: relative; }
.ys dd h3{font-size: 50px;line-height: 46px;color: #353f47;padding: 0 0 38px;position: relative;}
.ys dd h3 em{display: block;width:110px;height:80px; float: left;margin-right:30px;}
.ys dd h3 i{display: block;font-size: 16px;color:rgba(51,51,51,0.4);font-family: Arial, Helvetica, sans-serif;letter-spacing: 3px;text-transform: capitalize;}
.ys dd span{display: block;font-size: 26px;line-height: 55px;color: #fff;width: 450px;height:55px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;text-align: center;margin-bottom: 35px;letter-spacing: 3px;background-image: linear-gradient(90deg,#CD0102, #E25A10);}
.ys dd p{font-size: 16px;color:#666666; line-height: 30px; text-align: justify;}

.ys1{height: 455px;margin: 0 0 33px 0px;}
.ys1 dt{float: left;}
.ys1 dt img{margin-left: -360px;}
.ys1 dd{ float: right;}
.ys1 .edge_ico{left: -193px;}

.ys2{height: 455px;margin: 0px 0px 25.5px 0px;padding-top: 25.5px;}
.ys2 dt{float: right;}
.ys2 dt img{margin-right: -360px;}
.ys2 dd{ float: left;}
.ys2 .edge_ico{right: -156px;}

.ys3{height: 455px;margin: 0 0 27.75px 0;padding-top: 27.75px;}
.ys3 dt{float: left;}
.ys3 dt img{margin-left: -360px;margin-top: 0;}
.ys3 dd{ float: right;}
.ys3 .edge_ico{left: -190px;}

.ys4{height: 455px;padding-top: 27.75px;}
.ys4 dt{float: right;}
.ys4 dt img{margin-right: -360px;}
.ys4 dd{ float: left;}
.ys4 .edge_ico{right: -157px;}

@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}


/**/
.g_zjtd{background:#f5f5f5 url(../static/image/bzbg.jpg) no-repeat center top;height: 928px;padding-top:160px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.g_zjtd h2{ margin-bottom: 66px;}
    
.game163{position: relative;height: 560px;}
.game163 .bigImg dl{ height: 254px;background: #ed9b69;position: relative;padding: 38px 0 0 356px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.game163 .bigImg dl:before{content: "";position: absolute;width: 36px;height: 14px;left:433px;top:254px;}
.game163 .bigImg dt{position: absolute;left:30px;top:-67px; width:275px;height: 275px;overflow: hidden;padding:20px;background: #ed9b69;border-radius: 100%;}
.game163 .bigImg dt img{width: 278px;height: 278px;display: block;border-radius: 50%; transition: all 0.3s linear 0s;}
.game163 .bigImg dl:hover dt img{transform: rotateY(180deg);}

.game163 .bigImg h3 a{display: block;height: 52px;line-height: 52px;font-size: 36px;font-weight: normal;color: #ffffff;margin-bottom: 15px;}
.game163 .bigImg h3 em{display: inline-block;font-size: 14px;color: #ffffff;font-weight: normal;padding-left: 46px;background:url(../static/image/map.png) no-repeat 15px 8px;}
.game163 .bigImg h4{width: 488px;border-radius: 20px; height: 42px;line-height: 42px;background: #f1f3f4;text-align: center;font-size: 18px;color: #ed9b69;font-weight: bold;margin-bottom: 15px;}
.game163 .bigImg p{font-size: 14px;line-height: 22px;color: #fff;width: 800px;transition: all 0.3s linear 0s;}
.game163 .bigImg dl:hover p{padding-top: 10px;}


.g_zjtd .sPrev,.g_zjtd .sNext{width: 26px; height: 92px; text-indent: -9999px;  position: absolute;z-index: 1000}
.g_zjtd .sPrev{background: url(../static/image/ljt4.png) no-repeat 0 0;left:-12px;top:60px;}
.g_zjtd .sNext{background: url(../static/image/rjt4.png) no-repeat -26px 0;right:-12px;top:60px;}
.g_zjtd .prevStop{background-position: -26px 0;}
.g_zjtd .nextStop{background-position: 0 0;}
.g_zjtd .content{
    margin:0 auto;
    width:1200px;
}
.game163 .smallScroll{height: 230px;position: absolute;top:254px;left:0;width:1200px;}
.game163 .smallImg{width: 1196px;overflow: hidden;margin: 0 auto;}
.game163 .smallImg ul{ height:230px; width:1200px; overflow: hidden; }
.game163 .smallImg li{position: relative; float: left;  width:300px; cursor:pointer;padding-top: 58px;}
.game163 .smallImg li::after{content: "";position: absolute;width: 1px;height: 90px;background: #dfdfdf;right: 0;top:60px;}
.game163 .smallImg i{position: relative;width:96px; height:96px;border-radius: 50%;margin: 0 auto;display: block;}
.game163 .smallImg img{width:96px; height:96px; display: block;border-radius: 50% }
.game163 .smallImg i:before{content: "";position: absolute;width: 92px;height: 92px;left:0;top:0;border: 2px solid rgba(255,255,255,.5);border-radius: 50%;}
.game163 .smallImg b{margin-top: 24px;height: 28px;line-height: 28px;text-align: center;overflow: hidden;font-size: 16px;color: #535353;display: block;}
.game163 .smallImg p{line-height: 30px;font-size: 14px;color: #919191;text-align: center;}
.game163 .smallImg a{text-decoration:none;}
.game163 .smallImg .on i:before{border: 2px solid #ed9b69;}
.game163 .smallImg .on:before{content: "";position: absolute;width: 0px;height: 0px;left:50%;margin-left:-18px; top:0px;border-top:12px solid #ed9b69;border-left:18px solid rgba(0,0,0,0);border-right:18px solid rgba(0,0,0,0);}
  

/**/
.nswsbj{height: auto;box-sizing: border-box;background: #FFFFFF;padding-top:160px;overflow: hidden;font-family:"Microsoft Yahei";}
.nswsbj h2{ margin-bottom: 20px;}

.news{width:1200px;margin:0 auto;}
.news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.newstit{height: 58px;margin-bottom: 25px; border-bottom: 1px solid #d0d0d0;}
.newstit li{color:#333333;line-height: 58px;display: block;font-size: 18px;position: relative;font-weight: normal;float:left;width:140px; }
.newstit li a{color: #333333;text-decoration: none;}
.newstit li em{width:25px;height:25px;overflow: hidden; float: left;position: relative;margin-right:8px;margin-top:17px;}
.newstit li em img{position: absolute;left:0;top:-25px;width:25px;}
.newstit li.cur a{font-weight: bold;color:#ed9b69;}
.newstit li.cur em img{top:0;}
.newstit li:nth-child(1){padding-right: 15px;background:url(../static/image/newsxt.png) no-repeat right center;margin-right:30px;}
.newstit:after{content: ""; position: absolute;bottom:0px;left:0;width:0;height: 2px;background:#007aff;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newstit span{float: right; font-size: 14px;color:#333333;margin-top: 25px;}
.news1{width:525px; float: left;position: relative;}
.news1 dl{width:525px; overflow: hidden;height: 471px;background: #fff;}
.news1 dt{ width:525px;height:296px; position: relative; overflow: hidden;background:#fff;}
.news1 dt img{width:525px;height:296px; display: block;border:1px solid #fff;box-sizing:border-box;}
.news1 dt span{line-height: 38px; width:94px;height:38px; text-align: center; font-size: 18px;color:#fff;background:#ed9b69;position: absolute;right:0;bottom:0;}
.news1 dd{padding-top: 27px;width:525px;overflow: hidden;box-sizing: border-box;width: calc(100% - 40px);padding: 25px 0px 0;}
.news1 dd h4{font-size: 16px; font-weight: bold;line-height: 30px;height:30px;color:#333333;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 dd h4 a{ color:#333333;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;}
.news1 h5{position: absolute;left:45px;bottom: 25px;}
.news1 h5 em{width:7px;height:7px;border:2px solid #9b9b9b;border-radius: 100%;background: none;display: block;margin-left: 10px;float: left;;}
.news1 h5 em.on{width:29px;height:7px;border-radius: 15px; border-color: #ed9b69;background: #ed9b69;}

.news2{width:625px; float: right;}
.news2 dl{width:297px; overflow: hidden;height: 295px;float: left;}
.news2 dt{ width:297px;height:168px; position: relative; overflow: hidden;border:1px solid #fff;box-sizing:border-box;}
.news2 dt img{width:297px;height:168px; display: block;}
.news2 dd{padding-top: 20px; width:297px; overflow: hidden;box-sizing: border-box; }
.news2 dd h4{font-size: 14px; font-weight: bold;line-height: 30px;height:30px;color:#333333;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news2 dd h4 a{ color:#333333;}
.news2 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;}
.news2 dl:nth-child(1){margin-right: 29px;}

.news2 ul{clear: both; overflow: hidden;border-top: 1px solid #c4c4c4;padding-top:12px;}
.news2 li{height: 42px; display: block;border-bottom: 1px dashed #d4d4d4;padding-left:20px;background: url(../static/image/newsico.png) no-repeat left center;}
.news2 li a{ font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;height: 42px; line-height: 42px; display: block;width: 500px;}
.news2 li span{ line-height: 42px; font-size: 12px;color: #666; display: block; float: right;opacity: 0.5;}
.news2 li:last-child{border-bottom: 0;}
.footer{
    padding: 20px 0px 10px;
    background: #5276B5;
}
.footer .ib{
    position: relative;
    color: #FFF;
}
.footer .ib .fleft{
    float: left;
    width: 40%;
    margin-bottom: 30px;
}
.footer .ib .fleft .flogo{
    width: auto;
    margin: 40px 0px 30px;
    height: 30px;
    cursor: pointer;
}
.footer .ib .fleft .flt{
    font-size: 14px;
    line-height: 30px;
    display: flex;
}
.footer .ib .fleft .flt span{
    font-family: iconfont!important;
    font-size: 16px;
    line-height: 30px;
    display: block;
    width: 50px;
    text-align: center;
}
.footer .ib .fleft .flt2{
    display: flex;
}
.footer .ib .fleft .flt2 span{
    display: block;
    width:50px;
    font-family: iconfont!important;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.footer .ib .fleft .flt2 div{
    width:calc(100% - 50px);
    line-height: 30px;
    font-size: 12px;
}
.footer .ib .fright{
    float: right;
    width: 55%;
    display: flex;
}
.footer .ib .fright .aboutus{
	width:200px;
}
.footer .ib .fright .aboutus,.footer .ib .fright .dxwq{
    margin:0 auto;
    height: 100%;
}
.footer .ib .fright .aboutus .tit,.footer .ib .fright .dxwq .tit{
    font-size: 18px;
    line-height: 100px;
    font-weight: bold;
}
.footer .ib .fright .aboutus .fanavs li{
    font-size: 14px;
    line-height: 30px;
}
.footer .ib .fright .dxwq .wqnavs{
    display: flex;
    flex-wrap: wrap;
}
.footer .ib .fright .dxwq .wqnavs li{
    width:32%;
	margin:0 auto;
    font-size: 14px;
    line-height: 30px;
}
.footer hr{
    height:1px;
    background: #FFF;
    width:100%;
}
.footer .ib .fbottom{
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.footer .ib .fbottom .bq,.footer .ib .fbottom .beian{
    font-size: 12px;
    float: left;
    padding: 0 10px;
}
.footer .ib .fbottom .bq{}
.footer .ib .fbottom .beian{}
.footer .mfib{display: none;}

.index_left_nav_li {
    letter-spacing: 10px;
    padding-left: 10px;
    line-height: 30px;
    cursor: pointer;
}
@media(max-width:768px){
    .footer{
        padding: 10px 0px;
        background: #0080CB;
    }
    .footer .ib{
        position: relative;
        color: #FFF;
    }
    .footer .ib:nth-child(1){
        display: none;
    }
    .footer .ib .fleft{
        float: unset;
        width: 100%;
        margin-bottom: 30px;
    }
    .footer .ib .fleft .flogo{
        width: auto;
        margin: 35px auto;
        height: 30px;
        display: none;
    }
    .footer .ib .fleft .flt{
        font-size: 12px;
        line-height: 30px;
        display: flex;
    }
    .footer .ib .fleft .flt span{
        font-family: iconfont!important;
        font-size: 16px;
        line-height: 30px;
        display: block;
        width: 50px;
        text-align: center;
    }
    .footer .ib .fleft .flt2{
        display: flex;
    }
    .footer .ib .fleft .flt2 span{
        display: block;
        width:50px;
        font-family: iconfont!important;
        text-align: center;
        line-height: 60px;
    }
    .footer .ib .fleft .flt2 div{
        width:calc(100% - 50px);
        line-height: 30px;
        font-size: 12px;
    }
    .footer .ib .fright{
        float: unset;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .footer .ib .fright .aboutus,.footer .ib .fright .dxwq{
        margin:0 auto;
        width: 80%;
        height: auto;
    }
    .footer .ib .fright .aboutus .tit,.footer .ib .fright .dxwq .tit{
        font-size: 20px;
        line-height: 45px;
        font-weight: normal;
    }
    .footer .ib .fright .aboutus .fanavs li{
        font-size: 12px;
        line-height: 40px;
        width: calc(100% / 3);
        float: left;
    }
    .footer .ib .fright .dxwq .wqnavs{
        display: flex;
        flex-wrap: wrap;
    }
    .footer .ib .fright .dxwq .wqnavs li{
        width:50%;
        font-size: 12px;
        line-height: 30px;
    }
	.footer .ib .fright .dxwq .wqnavs li:last-child{
		width:100%;
	}
    .footer hr{
        height:1px;
        background: #ffffff73;
        width:100%;
    }
    .footer .ib .fbottom{
        line-height: 25px;
        font-size: 12px;
        text-align: center;
        display: block;
        color: #ffffffbf;
        position: relative;
        height: 25px;
        overflow: hidden;
    }
    .footer .ib .fbottom .bq,.footer .ib .fbottom .beian{
        font-size: 12px;
        float: unset;
        padding: 0 10px;
        position: absolute;
        top: 0;
        transform: scale(0.65);
        width: 70%;
    }
    .footer .ib .fbottom .bq{
        left: -10%;
    }
    .footer .ib .fbottom .beian{
        left: 40%;
    }


    .index_left_nav_li {
        letter-spacing: 10px;
        padding-left: 10px;
        line-height: 30px;
        cursor: pointer;
    }
    .footer .mfib{
        display: block;
    }
    .footer .mfib .tit{
        font-size: 16px;
        line-height: 32px;
        color: #FFF;
        text-align: center;
    }
    .footer .mfib hr{
        width: 60px;
        height:1px;
        background: #FFF;
        margin:0 auto 10px;
    }
    .footer .mfib ul.mfbody{
        width:calc(100% - 50px);
        margin:0px 25px;
        height: 100px;
        position: relative;
    }
    .footer .mfib ul.mfbody li{
        width:calc(91% / 3);
        margin:5px 0px;
        border-radius: 5px;
        color: #FFF;
        background: linear-gradient(180deg,#79B3DA,#2282C4);
        font-size: 12px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: absolute;
        width:50%;
        transform:scale(0.65);
        text-align:center;
    }
    .footer .mfib ul.mfbody li:nth-child(1){
    	top:0px;
    	left:-10%;
    }
    .footer .mfib ul.mfbody li:nth-child(2){
    	top:0px;
    	left:25%;
    }
    .footer .mfib ul.mfbody li:nth-child(3){
    	top:0px;
    	left:60%;
    }

    .footer .mfib ul.mfbody li:nth-child(4){
    	top:30px;
    	left:-10%;
    }
    .footer .mfib ul.mfbody li:nth-child(5){
    	top:30px;
    	left:25%;
    }
    .footer .mfib ul.mfbody li:nth-child(6){
    	top:30px;
    	left:60%;
    }

    .footer .mfib ul.mfbody li:nth-child(7){
    	top:60px;
    	left:-10%;
    }
    .footer .mfib ul.mfbody li:nth-child(8){
    	top:60px;
    	left:25%;
    }
    .footer .mfib ul.mfbody li:nth-child(9){
    	top:60px;
    	left:60%;
    }
    .footer .mfib ul.mfbody::after{content: "";display: block;overflow: hidden;height: 0;visibility: hidden;clear: both;}
    .footer .mfib .mflxwm{
        font-size: 12px;
        line-height: 30px;
        height:60px;
        margin: 10px 0px;
        color: #FFF;
        position: relative;
    }
    .footer .mfib .mflxwm .flt{
        width: 50%;
        text-align: center;
        float:left;
        height: 30px;
        overflow: hidden;
        font-size: 12px;
        transform: scale(0.66);
        position: absolute;
        top: 0;
    }
    .footer .mfib .mflxwm .flt:nth-child(1){
    	left: -8.5%;
    }
    .footer .mfib .mflxwm .flt:nth-child(2){
    	left: 24.5%;
    }
    .footer .mfib .mflxwm .flt:nth-child(3){
    	left: 57.5%;
    }
    .footer .mfib .mflxwm .flt span{
        font-family: iconfont!important;
        font-size: 12px!important;
        padding: 0px 5px;
    }
    .footer .mfib .mflxwm .flt:nth-child(2) span{
    	position:absolute;
    	left:calc(10% - 10px);
    	font-size:16px!important;
    }
    .footer .mfib .mflxwm .flt2{
        clear:both;
        text-align: center;
        width:100%;
        padding-top: 30px;
        transform: scale(0.75);
    }
    .footer .mfib .mflxwm .flt2 span{
        font-family: iconfont!important;
        font-size: 16px!important;
        padding: 0px 5px;
    }
}
@media(max-width:400px){
    .footer .mfib .mflxwm{
        font-size: 12px;
    }
}
.lunbo{
    width: 100%;
    padding:0px;
}
.lunbo img{
    width: 100%;vertical-align: bottom;
}
.kongge {
    width: 100%;
    height: 30px;
}

@media(max-width:768px) {
    .kongge {
        height: 10px;
    }
}

.block-outer {
    width: 100%;
}

.bottom-border {
    border-bottom: 1px solid #ccc;
}

.bottom-border .block-inner {
    width: 100%;
    max-width: 1200px;
}

@media(max-width:768px) {
    .bottom-border {
        display: none;
    }
}

.block-inner {
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0px;
    text-align: center;
}

.block-inner .hotwords {
    padding-left: 10px;
    width: calc(50% - 10px);
    line-height: 30px;
    font-size: 14px;
    float: left;
}

.block-inner .addres {
    padding-left: 10px;
    width: calc(50% - 10px);
    line-height: 30px;
    font-size: 14px;
    float: left;
}

.backcolor {
    background-color: #1C232D;
}


/* index.htm */
.left{
	float:left;
}
.right{
	float:right;
}

.index-title {
	padding: 0px 0px;
}
.index-title .it01{
    margin: 0px auto 10px;
    padding:0px 5px;
    border-left:4px solid #FE5C83;
    border-right:4px solid #FE5C83;
    line-height: 50px;
    font-size: 24px;
    width: 350px;
    letter-spacing: 5px;
    text-align: center;
    font-weight: 600;
}
.index-title .it02{
    background: #FE5C83;
    color: #FFF;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    width: 200px;
    height: 50px;
    margin: 20px auto;
}
.index-title .it03{
    font-size: 12px;
    text-align: center;
}
@media(max-width:768px) {
    .index-title {
        padding: 0px 0px;
    }
    .index-title .it01{
        margin: 0px auto;
        padding:0px 5px;
        border-left: 0;
        border-right: 0;
        line-height: 50px;
        font-size: 18px;
        width: 100%;
        letter-spacing: 2px;
        text-align: center;
        font-weight: bold;
    }
    .index-title .it02{
    /* display: none; */
    margin: 5px auto;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    }
    .index-title .it03{
        font-size: 12px;
        text-align: center;
        margin: 30px auto;
    }
}

.ncontent {
    width: calc(95% - 20px);
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    height:auto;
}
.ncontent p{padding:0!important;}
.ncontent .content_com_title {
    border-bottom: 1px solid #FFF;
    position: relative;
    height: 52px;
    margin: 0 0px 25px;
}

.ncontent .content_com_title h2 {
    float: left;
    font-size: 26px!important;
    line-height: 18px;
    border-bottom: 2px solid #c91a15;
    padding: 0 10px 9px;
    color: #333!important;
    margin-top: 24px;
    /* width: 200px; */
    position: unset!important;
    left: unset!important;
    top: unset!important;
    transform: unset!important;
}

.ncontent .bread {
    float: right;
    line-height: 12px;
    font-size: 16px;
    color: #999;
    padding: 30px 0 0 26px;
    background: url(../static/images/d6.gif) left 25px no-repeat;
}

.ncontent .bread a {
    color: #999;
}

.ncontent .bread a:hover {
    color: #f76f0c;
}

.ncontent .body {
    width: calc(100% - 20px);
    margin: 10px auto 30px;
    min-height: 300px;
    padding: 0px 10px 20px;
    border-radius: 15px;
    margin-top: 50px;
}

.ncontent .body img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.ncontent .body h2 {
    text-align: center;
}

.ncontent .body .date {
    color: #555555;
    text-align: center;
}

.ncontent .body .newsCon {
    width: 90%;
    margin: 0 auto;
}
.ncontent .body .about-ryzz{
    width: 100%;
}
.ncontent .body .about-ryzz .block{
    width:23%;
    margin:1%;
    overflow: hidden;
}
.ncontent .body .about-ryzz .block .divimg{
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.ncontent .body .about-ryzz .block .divimg img{
    width:100%;
}
.ncontent .body .about-ryzz .block .tit{
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
@media(max-width:768px) {
    .ncontent {
        width: 98%;
        margin: 0 auto;
        max-width: 768;
        padding: 0;
        height: auto;
        box-shadow: none;
    }
    .ncontent .content_com_title {
        border-bottom: 1px solid #FFF;
        position: relative;
        height: 52px;
        margin: 0 0px 25px;
    }
    .ncontent .content_com_title h2 {
        width: calc(100% - 180px);
        text-align: left;
        font-size: 20px;
        line-height: 18px;
        border-bottom: 2px solid #c91a15;
        padding: 0 10px 9px;
        color: #333;
        margin-top: 24px;
    }
    .ncontent .bread {
        display: none;
        float: right;
        line-height: 12px;
        font-size: 16px;
        color: #999;
        padding: 30px 0 0 26px;
        background: url(../static/images/d6.gif) left 25px no-repeat;
    }
    .ncontent .bread a {
        color: #999;
    }
    .ncontent .bread a:hover {
        color: #f76f0c;
    }
    .ncontent .body {
        width: 100%;
        margin: 10px auto 30px;
        min-height: 300px;
        padding: 0px;
        box-shadow: none;
        border-radius: none;
    }
    .ncontent .body .about-ryzz{
        width: 100%;
    }
    .ncontent .body .about-ryzz .block{
        width:48%;margin:1%;
    }
    .ncontent .body .about-ryzz .block .divimg{
        width: 100%;
    }
    .ncontent .body .about-ryzz .block .divimg img{
        width:100%;
    }
    .ncontent .body .about-ryzz .block .tit{
        font-size: 15px;
        line-height: 30px;
        text-align: center;
    }
}

.ncontent .imgbody .daohang {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

.ncontent .imgbody .daohang a div {
    float: left;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background-color: #010300;
    transition:all ease 0.3s;
    color: #FFF;
    margin: 10px;
}
.ncontent .imgbody .daohang a div:hover{
    background-color: #CC0001;
}
@media(max-width:768px) {
    .ncontent .imgbody .daohang {
        width: 95%;
        max-width: 768px;
        margin: 0 auto;
    }
    .ncontent .imgbody .daohang a div {
        float: left;
        width: calc(91% / 3);
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        text-align: center;
        background-color: #010300;
        color: #FFF;
        margin: 1.5%;
    }
}


/* pro,case */

.ncontent .imgbody {
    width: 100%;
}

.ncontent .imgbody .block {
    width: 23%;
    margin: 10px 1%;
    float: left;
    height: 0;
    padding-bottom: calc(18% + 30px);
    position: relative;
}

.ncontent .imgbody .block .inblock {
    width: 100%;
    height: auto;
}

.ncontent .imgbody .block .inblock .pic {
    width: calc(100% - 10px);
    height: auto;
    overflow: hidden;
    margin: 5px;
}

.ncontent .imgbody .block .inblock .pic img {
    width: 100%;
    transition: all ease 0.3s;
}

.ncontent .imgbody .block .inblock .text {
    text-align: center;
    line-height: 30px;
}

.ncontent .imgbody .block:hover img {
    transition: all ease 0.3s;
    transform: scale(1.2);
}

.ncontent .imgbody .block:hover .text {
    color: red;
}

@media(max-width:768px) {
    .ncontent .imgbody .block {
        width: 48%;
        margin: 0 1%;
        float: left;
        height: auto;
        padding-bottom: 0;
        position: relative;
    }
}

.ncontent .newsbody {
    width: 100%;
}

.ncontent .newsbody .block {
    width: calc((91% - 16px) / 3);
    float: left;
    padding: 5px 5px;
    margin: 1.5%;
    border: 1px solid #b3b3b3;
    transition:all ease 0.3s;
}
.ncontent .newsbody .block:hover{
    box-shadow:-12px 10px 6px -4px #b3b3b3
}


.ncontent .newsbody .block a {
    width: 100%;
}

.ncontent .newsbody .block .title {
    line-height: 50px;
    font-size: 16px;
    color: #000;
    padding-left: 10px;
    width: calc(100% - 10px);
}

.ncontent .newsbody .block .des {
    text-indent: 2em;
    font-size: 14px;
    line-height: 26px;
    color: #ccc;
}

.ncontent .newsbody .block .date {
    width: calc(100% - 10px);
    line-height: 30px;
    font-size: 12px;
    padding-left: 10px;
    margin-top: -10px;
}

.ncontent .newsbody .block:hover .title {
    color: steelblue;
}

@media(max-width:768px) {
    .ncontent .newsbody .block {
        width: 100%;
        padding: 5px 0px 15px;
        margin: 10px auto;
        box-shadow: none;
        /* border-bottom: 1px solid #000; */
    }
    .ncontent .newsbody .block a {
        width: 100%;
        float: none;
    }
    .ncontent .newsbody .block .title {
        line-height: 30px;
        font-size: 14px;
        color: #000;
        padding-left: 5px;
    }
    .ncontent .newsbody .block .des {
        text-indent: 2em;
        font-size: 12px;
        line-height: 26px;
        color: #ccc;
        display: none;
    }
    .ncontent .newsbody .block .date {
        text-align: left;
        width: 100%;
        text-align: right;
        float: none;
        display: block;
        background: none;
        color: #333;
        font-size: 12px;
        line-height: 0;
        margin-top: -15px;
    }
}
.case-block{position: absolute;width: 100%;height:100%;margin:0;padding:0;}
.case-block .ib .index-title{
    height: 150px;
    position: absolute;
    top: 50px;
    left: calc(50% - 300px);
    z-index: 2;
    width: 600px;
}
.case-block .case-bg{
    position: absolute;
    width: 100%;
    height:100%;
    top:0;left:0;
    z-index: 1;
}

@media(max-width:768px){
    .case-block{position: absolute;width: 100%;height:100%;margin:0;padding:0;background: url('../static/images/mcasebg.jpg') no-repeat center;background-size: auto 100%;}
    .case-block .ib .index-title{
        height: 150px;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 2;
        width: 100%;
    }
    .case-block .case-bg{
        display: none;
    }
    .case-block .blocks{
        padding: 0px 0px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        width: 100%;
        top: 300px;
    }
    .case-block .blocks .block{
        width: 47%;
        margin:1.5%;
        float:left;
        padding:5px;
        background: #FE5C83;
    }
    .case-block .blocks .block img{
        width: 100%;
    }
}
@media(max-width:400px){
    .case-block{position: absolute;width: 100%;height:100%;margin:0;padding:0;background: url('../static/images/mcasebg.jpg') no-repeat center;background-size: auto 100%;}
    .case-block .ib .index-title{
        height: 150px;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 2;
        width: 100%;
    }
    .case-block .case-bg{
        display: none;
    }
    .case-block .blocks{
        padding: 0px 0px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        width: 100%;
        top: 300px;
    }
    .case-block .blocks .block{
        width: 47%;
        margin:1.5%;
        float:left;
        padding:5px;
        background: #FE5C83;
    }
    .case-block .blocks .block img{
        width: 100%;
    }
}
.zxly {
    width: 100%;
    margin: 20px auto;
    max-width: 1200px;
    /* box-shadow: 0 0 10px -2px; */
    border-radius: 10px;
    padding-bottom: 200px;
}

.zxly .lyzy {
    width: calc(100% - 20px);
    /* padding-top: 20px; */
    /* padding-left: 20px; */
}

.zxly .lyform {
    width: calc(100% - 40px);
    margin: 0 auto;
}

.zxly .lyform table {
    width: 60%;
    margin: 0 auto;
}

.zxly .lyform table tr {
    width: 80%;
    margin: 0 auto;
    height: 50px;
}

.zxly .lyform table tr td:nth-child(1) {
    width: 30%;
}

.zxly .lyform table tr td:nth-child(1) span {
    color: red;
}

.zxly .lyform table tr td:nth-child(2) input,
.zxly .lyform table tr td:nth-child(2) textarea {
    width: calc(100% - 2px);
}

@media(max-width:768px) {
    .zxly {
        width: calc(100% - 20px);
        max-width: 740px;
        padding-bottom: 0px;
    }
    .zxly .lyzy {
        font-size: 12px;
    }
    .zxly .lyform table {
        width: 100%;
    }
    .zxly .lyform table tr {
        width: 100%;
        margin: 0 auto;
        height: 50px;
        line-height: 60px;
    }
    .zxly .lyform table tr td {
        font-size: 12px;
    }
}
.xiangguan h1 {
    width: 100%;
    text-align: left;
}

.xiangguan h2 {
    width: 100%;
    text-align: left;
}

.xiangguan h3 {
    width: 100%;
    text-align: left;
}

.xiangguan .whr {
    width: 60%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
}

.xiangguan {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: none;
}

.xiangguan .xg-pro {
    width: 100%;
    padding-bottom: 30px;
}

.xiangguan .xg-pro .pro {
    width: 100%;
}

.xiangguan .xg-pro .pro .block {
    width: calc(44% / 3);
    margin: 20px 1%;
    float: left;
}

.xiangguan .xg-pro .pro .block img {
    width: 100%;
}

.xiangguan .xg-pro .pro .block .tit {
    text-align: center;
}

.xiangguan .xg-new {
    width: 100%;
}

.xiangguan .xg-new .news {
    width: 100%;
    padding: 0;
}

.xiangguan .xg-new .news li {
    width: 48%;
    margin: 20px 1%;
    float: left;
    line-height: 30px;
}

.xiangguan .xg-new .news li:hover {
    color: #2B8CF8;
}

.xiangguan .xg-new .news li:hover a {
    color: #2B8CF8;
}

@media(max-width:768px) {
    .xiangguan h1,
    h2,
    h3 {
        width: 100%;
        text-align: center;
    }
    .xiangguan .whr {
        width: 80%;
        height: 1px;
        border-bottom: 1px dashed #ccc;
    }
    .xiangguan {
        width: 98%;
        max-width: 768px;
        margin: 0 auto;
    }
    .xiangguan .xg-pro {
        width: 100%;
        padding-bottom: 30px;
    }
    .xiangguan .xg-pro .pro {
        width: 100%;
    }
    .xiangguan .xg-pro .pro .block {
        width: 48%;
        margin: 20px 1%;
        float: left;
    }
    .xiangguan .xg-pro .pro .block img {
        width: 100%;
    }
    .xiangguan .xg-pro .pro .block .tit {
        text-align: center;
    }
    .xiangguan .xg-new {
        width: 100%;
    }
    .xiangguan .xg-new .news {
        width: 100%;
    }
    .xiangguan .xg-new .news li {
        width: 98%;
        margin: 0 1%;
        float: left;
    }
}

.contactContent .v-l {
    width: 50%;
    float: left;
}

.contactContent .v-l img {
    width: 90%;
    margin: 0px 5%;
}

.contactContent .v-r {
    width: 50%;
    float: right;
}

.contactContent .v-r h3 {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.contactContent .v-r p {
    line-height: 35px;
    font-size: 16px;
    text-align: center;
}

@media(max-width:768px) {
    .contactContent .v-l {
        width: 100%;
        float: unset;
    }
    .contactContent .v-l img {
        width: 100%;
        margin: 0px;
    }
    .contactContent .v-r {
        width: 100%;
        float: unset;
    }
    .contactContent .v-r h3 {
        font-size: 18px;
        line-height: 35px;
        text-align: center;
    }
    .contactContent .v-r p {
        line-height: 25px;
        font-size: 12px;
    }
}

.swiper-button-next, .swiper-button-prev{
    width:86px;
    height:112px;
    background-size:86px 112px;
    margin-top:-56px;
    outline:none;}
.swiper-button-next{
    background-image:url(/images/cursor-next.png);}
.swiper-button-prev{
    background-image:url(/images/cursor-prev.png);}		
.swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.swiper-pagination-bullet span{
    width:3px;
    height:3px;
    background:#CCC;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.swiper-pagination-bullet i{
    background:#000;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    }
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:#000;
    position:relative;
    z-index:1;
    }
.swiper-pagination-bullet-active i{
    animation:middle 6s;
    }
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
    }				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}	

@-webkit-keyframes spin{
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  
  /*animation*/
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }


/*about.htm*/
.nposition{
    height:80px;
    line-height: 80px;
    width: calc(100% - 15vw);
    padding-left: 15vw;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 3px;
}
.nabout{
    display: flex;
    width: 100%;
}
.ndirlist{
    width: 30%;
    box-sizing: border-box;
    border-top:1px;
    border-right:0px;
    border-left: 0px;
    border-bottom: 0px;
    border-color: #e8e8e8;
    border-style: solid;
    padding-left: 15vw;
}
.ndirlist .nav{
    margin: 20px 0px;
    color: #9f9f9f;
}
.ndirlist .nav:hover{
    color:#0080CB;
}
.nbody{
    width: 70%;
    padding:0 5%;
    box-sizing: border-box;
    border-top:1px;
    border-left:1px;
    border-right: 0px;
    border-bottom: 0px;
    border-color: #e8e8e8;
    border-style: solid;
	font-family: Microsoft YaHei!important;
}
.nbody p{
	padding: 0!important;
    text-indent: unset;
}
.nbody p span.f25{
	display:block;
	width:100%;
}
.nbody p .f25{
	text-align:center!important;
}
@media(max-width:768px){
	.nbody p{
		padding: 0!important;
		text-indent: unset;
		margin:0px;
	}	
}
@media(max-width:400px){
	.nbody p{
		padding: 0!important;
		text-indent: unset;
		margin:0px;
	}	
}
.nbody img{
	max-width:100%;
}
.nbody .nobdylist{
    display: flex;
    flex-wrap: wrap;
}
.nbody .nobdylist .block{
    width:40%;
    margin:0 5%;
}
.nbody .nobdylist .block img{
    width: 100%;
}
.nbody .nobdylist .block .text{
    font-size: 16px;
    line-height: 35px;
}
.nbody .nobdylist .block:hover .text{
    color: #0080CB;
}
@media(max-width:768px){
    .ndirlist .on{
	    color: #FFF!important;
        background: linear-gradient(180deg,#85B9DE,#318AC8)!important;
	}
    .nposition{
        height:80px;
        line-height: 80px;
        width: calc(100% - 15vw);
        padding-left: 15vw;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 3px;
        display: none;
    }
    .nabout{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .ndirlist{
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        border-color: #e8e8e8;
        border-style: solid;
        padding-left: 0;
        font-size: 14px;
        padding: 5px 10px;
    }
    .ndirlist .nav{
        margin: 5px 1%;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 23%;
        float: left;
        font-size: 12px;
        background: #E6E6E6;
        line-height: 40px;
        border-radius: 5px;
    }
    .ndirlist .nav:hover{
        color:#0080CB;
    }
    .nbody{
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
        border-color: rgb(232 232 232);
        border-style: solid;
        background: rgb(245 245 245 / 38%);
    }
    .nbody .nobdylist{
        display: flex;
        flex-wrap: wrap;
    }
    .nbody .nobdylist .block{
        width:40%;
        margin:0 5%;
    }
    .nbody .nobdylist .block img{
        width: 100%;
    }
    .nbody .nobdylist .block .text{
        font-size: 16px;
        line-height: 35px;
    }
    .nbody .nobdylist .block:hover .text{
        color: #0080CB;
    }
}
/* pro.htm */
.nprolist{
    padding:10px 0px;
}
.nprolist ul{
    width:100%;
    padding:0;
    margin:0;
}
.nprolist ul li{
    display: flex;
    padding:50px 10%;
    width:80%;
}
.nprolist ul li:nth-child(2n){
    background: #F8FCFE;
}
.nprolist ul li:nth-child(2n+1){
    background: #FFF;
}
.nprolist ul li .divimg{
    width:40%;
    margin:0 5%;
}
.nprolist ul li .divimg img{
    width: 100%;
}
.nprolist ul li .text{
    width:50%;
}
.nprolist ul li .text .tit{
    text-align: center;
    font-size: 25px;
    line-height: 80px;
    font-weight: bold;
}
.nprolist ul li .text .desc{
    font-size: 16px;
    line-height: 40px;
    text-indent: 2em;
    width:60%;
    margin:0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.nprolist ul li .text .ljxq{
    width:120px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 18px;
    text-align: center;
    margin:30px auto 0px;
    color: #FFF;
    background: #0080CB;
    position: relative;
}   
.nprolist ul li .text .ljxq:active{
    top:2px;
}
@media(max-width:768px){
    .nprolist{
        padding:10px 0px;
    }
    .nprolist ul{
        width:100%;
        padding:0;
        margin:0;
    }
    .nprolist ul li{
        display: flex;
        padding: 50px 10px;
        width: calc(100% - 20px);
        flex-wrap: wrap;
    }
    .nprolist ul li:nth-child(2n){
        background: #F8FCFE;
    }
    .nprolist ul li:nth-child(2n+1){
        background: #FFF;
    }
    .nprolist ul li .divimg{
        width: 90%;
        margin:0 5%;
    }
    .nprolist ul li .divimg img{
        width: 100%;
    }
    .nprolist ul li .text{
        width: 100%;
    }
    .nprolist ul li .text .tit{
        text-align: center;
        font-size: 25px;
        line-height: 80px;
        font-weight: bold;
    }
    .nprolist ul li .text .desc{
        font-size: 12px;
        line-height: 30px;
        text-indent: 2em;
        width: 100%;
        margin:0 auto;
    }
    .nprolist ul li .text .ljxq{
        width:120px;
        line-height: 36px;
        font-size: 14px;
        border-radius: 18px;
        text-align: center;
        margin:30px auto 0px;
        color: #FFF;
        background: #0080CB;
        position: relative;
    }   
    .nprolist ul li .text .ljxq:active{
        top:2px;
    }
}
/* news */
.nnews{
    width: 90%;
    padding: 100px 5%;
}
.nnews .nlist{
    width: 100%;
}
.nnews .nlist .block{
    width:23%;
    margin:1%;
    float:left;
}
.nnews .nlist .block img{
    width:100%;
}
.nnews .nlist .block .tit{
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}
.nnews .nlist .block .desc{
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(max-width:768px){
    .nnews{
        width: 90%;
        padding:0px 5%;
    }
    .nnews .nlist{
        width: 100%;
		margin-top:30px;
    }
    .nnews .nlist .block{
        width: 98%;
        margin: 5px 0% 20px;
        padding: 10px 1%;
        float:left;
        box-sizing: border-box;
        box-shadow: 6px -8px 10px 0px #efefef;
        border-bottom: 1px solid #efefef78;
        border-left: 1px solid #efefef78;
    }
    .nnews .nlist .block img{
        width: 70%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .nnews .nlist .block .tit{
        font-size: 16px;
        font-weight: bold;
        line-height: 35px;
    }
    .nnews .nlist .block .desc{
        font-size: 14px;
        line-height: 30px;
        text-indent: 2em;
    } 
}
/* fwzc */
.fwb01{
    padding: 10px 0px 50px;
    background: #F2F2F2;
}
.fwb01 .tit{
    font-size: 30px;
    line-height: 100px;
    text-align: center;
    color: #0080CB;
    margin: 20px 0px;
}
.fwb01 .list{
    display: flex;
}
.fwb01 .list .block{
    width:18%;
    margin:0 auto;
}
.fwb01 .list .block img{
    max-width: 50%;
    margin:10px auto;
    display: block;
}
.fwb01 .list .block .text{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.fwb02{
    padding: 100px 0px;
    background: #F6FBFE;
}
.fwb02 .grm{
    width:50%;
    float:left;
}
.fwb02 .grm img{
    max-width: 80%;
    display: block;
    margin:0px auto;
}
.fwb02 .fwb02r{
    width: 45%;
    float:right;
}
.fwb02 .fwb02r img{
    height:40px;
    margin:20px 0px;
    width: auto;
}
.fwb02 .fwb02r p{
    font-size: 16px;line-height: 35px;
}
.fwb03{
    padding: 100px 0px;
}
.fwb03 .tit{
    font-size: 30px;
    line-height: 60px;
    color: #0080CB;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}
.fwb03 .desc{
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.fwb03 .ib .fwb03l{
    width:50%;
    float:left;
}
.fwb03 .ib .fwb03l img{
    max-width: 100%;
    display: block;
    margin:0 auto;
}
.fwb03 .ib .fwb03r{
    width: 45%;
    float:right;
}
.fwb03 .ib .fwb03r p{
    font-size: 16px;line-height: 35px;
}
.fwb03 .ib .fwb03r .fwb03rimg{
    height:40px;
    margin:20px 0px;
    width: auto;
}
.fwb04{padding: 100px 0px;}
.fwb04 .fwb04l{
    width:50%;
    float:left; 
}
.fwb04 .fwb04l img{
    width:90%;
    display: block;
    margin:0 auto;
}
.fwb04 .fwb04r{
    width: 45%;
    float:right;
}
.fwb04 .fwb04r li{
    list-style: circle;
    font-size: 16px;
    line-height: 40px;
}
.fwb04 .fwb04r li.btn{
    list-style: none;
}
.fwb04 .fwb04r li.btn img{
    height:40px;
    margin:20px 0px;
}
.fwb05{padding: 100px 0px;background: #F6FBFE;}
.fwb05 .tit{
    font-size: 30px;
    color: #0080CB;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;
}
.fwb05 .list{
    display: flex;
}
.fwb05 .list .block{
    width:20%;
    padding:50px 0px;
    margin:50px auto;
    box-sizing: border-box;
    border: 1px solid #C1C1C1;
    position: relative;
    z-index: 1;
}
.fwb05 .list .block .txt01{
    position: absolute;
    width:50%;
    line-height: 50px;
    text-align: center;
    height:50px;
    top: -35px;
    left: 25%;
    z-index: 2;
    background: #F6FBFE;
}
.fwb05 .list .block .txt01 .t01{
    font-size: 50px;
    font-weight: bold;
    color: #0080CB;
}
.fwb05 .list .block .txt01 .t02{
    font-size: 16px;
    color: #929292;
}
.fwb05 .list .block .txt03{
    text-align: center;
}
@media(max-width:768px){
    .fwb01{
    padding: 0px 0px;
}
.fwb01 .tit{
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #0080CB;
    margin: 0px 0px 20px;
    font-weight: bold;
}
.fwb01 .list{
    display: flex;
    flex-wrap: wrap;
}
.fwb01 .list .block{
    width: 30%;
    margin:0 auto;
}
.fwb01 .list .block img{
    max-width: 50%;
    margin:10px auto;
    display: block;
}
.fwb01 .list .block .text{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.fwb02{
    padding: 10px 0px;
    background: #F6FBFE;
}
.fwb02 .grm{
    width: 100%;
    float: unset;
}
.fwb02 .grm img{
    max-width: 80%;
    display: block;
    margin:0px auto;
}
.fwb02 .fwb02r{
    width: calc(100% - 20px);
    float: unset;
    padding: 0 10px;
}
.fwb02 .fwb02r img{
    height: 37px;
    margin: 10px auto;
    width: auto;
    display: block;
}
.fwb02 .fwb02r p{
    font-size: 14px;
    line-height: 35px;
}
.fwb03{
    padding: 10px 0px;
}
.fwb03 .tit{
    font-size: 20px;
    line-height: 50px;
    color: #0080CB;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}
.fwb03 .desc{
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.fwb03 .ib .fwb03l{
    width: 100%;
    float: unset;
    overflow-x: hidden;
}
.fwb03 .ib .fwb03l img{
    max-width: 100%;
    width: 90%;
    display: block;
    margin: 0 10% 0 0;
}
.fwb03 .ib .fwb03r{
    width: calc(100% - 20px);
    float: unset;
    padding: 0px 10px;
}
.fwb03 .ib .fwb03r p{
    font-size: 14px;
    line-height: 28px;
}
.fwb03 .ib .fwb03r .fwb03rimg{
    height:40px;
    margin: 10px auto;
    width: auto;
    display: block;
}
.fwb04{padding: 10px 0px;}
.fwb04 .fwb04l{
    width: 100%;
    float: unset;
}
.fwb04 .fwb04l img{
    width:90%;
    display: block;
    margin:0 auto;
}
.fwb04 .fwb04r{
    width: calc(100% - 20px);
    float: unset;
    padding: 0px 10px;
}
.fwb04 .fwb04r li{
    list-style: circle;
    font-size: 16px;
    line-height: 40px;
}
.fwb04 .fwb04r li.btn{
    list-style: none;
}
.fwb04 .fwb04r li.btn img{
    height:40px;
    margin:20px 0px;
}
.fwb05{padding: 10px 0px;background: #F6FBFE;}
.fwb05 .tit{
    font-size: 30px;
    color: #0080CB;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;
}
.fwb05 .list{
    display: flex;
    flex-wrap: wrap;
}
.fwb05 .list .block{
    width: 90%;
    padding:50px 0px;
    margin:50px auto;
    box-sizing: border-box;
    border: 1px solid #C1C1C1;
    position: relative;
    z-index: 1;
}
.fwb05 .list .block .txt01{
    position: absolute;
    width:50%;
    line-height: 50px;
    text-align: center;
    height:50px;
    top: -35px;
    left: 25%;
    z-index: 2;
    background: #F6FBFE;
}
.fwb05 .list .block .txt01 .t01{
    font-size: 50px;
    font-weight: bold;
    color: #0080CB;
}
.fwb05 .list .block .txt01 .t02{
    font-size: 16px;
    color: #929292;
}
.fwb05 .list .block .txt03{
    text-align: center;
}
}
/* contact */
.khmy .ib .cont{
    position: relative;
    width:100%;
    height:800px;
    display: flex;
}
.khmy .ib .cont .imgs{
    width:20%;
    margin:0 auto;
    z-index: 300;
}
.khmy .ib .cont .imgs:nth-child(2n){
    margin-top: 400px;
}
.khmy .ib .cont .imgs:nth-child(2n+1){
    margin-top:150px;
}

.khmy .ib .cont .imgs img{
    width: 80%;
    display: block;
    margin: 0 auto;
}
.khmy .ib .cont .imgs .i1{
    font-weight: bold;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
}
.khmy .ib .cont .imgs .i2{
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
.khmy .ib .cont .bg1{
    position: absolute;
    left: calc(50% - 750px);
    bottom: 0;
    width: 1500px;
    z-index: 100;
    height: 750px;
    background: #F8F8FA;
    border-top-left-radius: 750px;
    border-top-right-radius: 750px;
}
.khmy .ib .cont .bg2{
    position: absolute;
    left: calc(50% - 600px);
    bottom: 0;
    width: 1200px;
    z-index: 200;
    height: 600px;
    background: #F1F1F1;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
}
.zxtime{
    margin:100px auto 40px;
}
.zxtime .cont{
    width:100%;
    padding:50px 0px 10px;
    display: flex;
}
.zxtime .cont img{
    display: block;
    margin:0 auto;
    width:20%;
}
.zxfa{
    background: #F0F0F0;
    padding: 70px 0px;
}
.zxfa .cont{
    width: 100%;
    display: flex;
    margin-top: 50px;
}
.zxfa .cont .zleft{
    width:45%;
    margin: 0 5% 0 0;
    background: #FFF;
    border-radius: 15px;
}
.zxfa .cont .zleft .h-1{
    font-size: 45px;
    text-align: center;
    line-height: 100px;
    letter-spacing: 5px;
}
.zxfa .cont .zleft .text{
    font-size: 16px;
    width: calc(100% - 200px);
    float:left;
    line-height: 32px;
    margin: 50px 0px 0px 10px;
    text-indent: 2em;
}
.zxfa .cont .zleft .text span{
    color: #CC0000;
    font-size: 20px;
}
.zxfa .cont .zleft .zxlymm{
    width: 120px;
    float:right;
    margin-right: 50px;
}
.zxfa .cont .zleft form{
    clear:both;
    width:calc(100% - 20px);
    padding:10px;
}
.zxfa .cont .zleft form input[type='text']{
    border:1px dashed #000;
    box-sizing: border-box;
    width: calc(100% - 20px);
    padding-left: 20px;
    border-radius: 10px;
    border-top-left-radius: 25px;
    margin: 20px 0px;
    outline: none;
}
.zxfa .cont .zleft form #uname,.zxfa .cont .zleft form #uphone{
    height:50px;
    line-height: 50px;
    font-size: 14px;
}
.zxfa .cont .zleft form #ucontent{
    font-size: 12px;
    height:150px;
}
.zxfa .cont .zleft form input[type='submit']{
    width: 120px;
    height: 40px;
    margin: 10px auto;
    line-height: 40px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    outline: none;
    border: none;
    background: #CC0001;
    border-radius: 10px;
    display: block;
}
.zxfa .cont .zright{
    width:50%;
}
.zxfa .cont .zright .shili{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.zxfa .cont .zright .shili img{
    display: block;
    width:45%;
    margin-right:5%;
    margin-bottom: 10%;
}
.zxfa .cont .zright .fatel{
    width: 70%;
}
.ouradd{
    padding-bottom:50px;
}
.ouradd iframe{
    display: block;
    width: 100%;
    height:600px;
    border:none;
}
@media(max-width:768px) {
    .khmy .ib .cont{
        position: relative;
        width:100%;
        height: 600px;
        display: flex;
        overflow: hidden;
    }
    .khmy .ib .cont .imgs{
        width:20%;
        margin:0 auto;
        z-index: 300;
    }
    .khmy .ib .cont .imgs:nth-child(2n){
        margin-top: 400px;
    }
    .khmy .ib .cont .imgs:nth-child(2n+1){
        margin-top:150px;
    }
    
    .khmy .ib .cont .imgs img{
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    .khmy .ib .cont .imgs .i1{
        font-weight: bold;
        font-size: 25px;
        line-height: 50px;
        text-align: center;
        margin-top: 20px;
    }
    .khmy .ib .cont .imgs .i2{
        font-size: 15px;
        line-height: 30px;
        text-align: center;
    }
    .khmy .ib .cont .bg1{
        position: absolute;
        left: 0;
        bottom: -600px;
        width: 100%;
        z-index: 100;
        height: 1200px;
        background: #F8F8FA;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
    }
    .khmy .ib .cont .bg2{
        position: absolute;
        left: 10%;
        bottom: -400px;
        width: 80%;
        z-index: 200;
        height: 800px;
        background: #F1F1F1;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
    }
    .zxtime{
        margin:100px auto 40px;
    }
    .zxtime .cont{
        width:100%;
        padding:50px 0px 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .zxtime .cont img{
        display: block;
        margin: 20px 5%;
        width: 40%;
    }
    .zxfa{
        background: #F0F0F0;
        padding: 20px 0px 50px;
    }
    .zxfa .cont{
        width: 100%;
        display: flex;
        margin-top: 50px;
        flex-direction: column-reverse;
    }
    .zxfa .cont .zleft{
        width: 100%;
        margin: 0;
        background: #FFF;
        border-radius: 15px;
    }
    .zxfa .cont .zleft .h-1{
        font-size: 45px;
        text-align: center;
        line-height: 100px;
        letter-spacing: 5px;
    }
    .zxfa .cont .zleft .text{
        font-size: 16px;
        width: calc(100% - 200px);
        float:left;
        line-height: 32px;
        margin: 50px 0px 0px 10px;
        text-indent: 2em;
    }
    .zxfa .cont .zleft .text span{
        color: #CC0000;
        font-size: 20px;
    }
    .zxfa .cont .zleft .zxlymm{
        width: 120px;
        float:right;
        margin-right: 50px;
    }
    .zxfa .cont .zleft form{
        clear:both;
        width:calc(100% - 20px);
        padding:10px;
    }
    .zxfa .cont .zleft form input[type='text']{
        border:1px dashed #000;
        box-sizing: border-box;
        width: calc(100% - 20px);
        padding-left: 20px;
        border-radius: 10px;
        border-top-left-radius: 25px;
        margin: 20px 0px;
        outline: none;
    }
    .zxfa .cont .zleft form #uname,.zxfa .cont .zleft form #uphone{
        height:50px;
        line-height: 50px;
        font-size: 14px;
    }
    .zxfa .cont .zleft form #ucontent{
        font-size: 12px;
        height:150px;
    }
    .zxfa .cont .zleft form input[type='submit']{
        width: 120px;
        height: 40px;
        margin: 10px auto;
        line-height: 40px;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        cursor: pointer;
        outline: none;
        border: none;
        background: #CC0001;
        border-radius: 10px;
        display: block;
    }
    .zxfa .cont .zright{
        width: 100%;
    }
    .zxfa .cont .zright .shili{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .zxfa .cont .zright .shili img{
        display: block;
        width:45%;
        margin-right:5%;
        margin-bottom: 10%;
    }
    .zxfa .cont .zright .fatel{
        width: 70%;
        margin: 0 auto 30px;
        display: block;
    }
    .ouradd{
        padding-bottom:50px;
    }
    .ouradd iframe{
        display: block;
        width: 100%;
        height:600px;
        border:none;
    }
}
@media(max-width:400px) {
    .khmy .ib .cont{
        position: relative;
        width:100%;
        height: 600px;
        display: flex;
        overflow: hidden;
    }
    .khmy .ib .cont .imgs{
        width:20%;
        margin:0 auto;
        z-index: 300;
    }
    .khmy .ib .cont .imgs:nth-child(2n){
        margin-top: 400px;
    }
    .khmy .ib .cont .imgs:nth-child(2n+1){
        margin-top:150px;
    }
    
    .khmy .ib .cont .imgs img{
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    .khmy .ib .cont .imgs .i1{
        font-weight: bold;
        font-size: 15px;
        line-height: 50px;
        text-align: center;
        margin-top: 20px;
    }
    .khmy .ib .cont .imgs .i2{
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    .khmy .ib .cont .bg1{
        position: absolute;
        left: 0;
        bottom: -600px;
        width: 100%;
        z-index: 100;
        height: 1200px;
        background: #F8F8FA;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
    }
    .khmy .ib .cont .bg2{
        position: absolute;
        left: 10%;
        bottom: -400px;
        width: 80%;
        z-index: 200;
        height: 800px;
        background: #F1F1F1;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
    }
    .zxtime{
        margin:100px auto 40px;
    }
    .zxtime .cont{
        width:100%;
        padding:50px 0px 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .zxtime .cont img{
        display: block;
        margin: 20px 5%;
        width: 40%;
    }
    .zxfa{
        background: #F0F0F0;
        padding: 20px 0px 50px;
    }
    .zxfa .cont{
        width: 100%;
        display: flex;
        margin-top: 50px;
        flex-direction: column-reverse;
    }
    .zxfa .cont .zleft{
        width: 100%;
        margin: 0;
        background: #FFF;
        border-radius: 15px;
    }
    .zxfa .cont .zleft .h-1{
        font-size: 45px;
        text-align: center;
        line-height: 100px;
        letter-spacing: 5px;
    }
    .zxfa .cont .zleft .text{
        font-size: 16px;
        width: calc(100% - 10px);
        float:left;
        line-height: 32px;
        margin: 50px 0px 0px 5px;
        text-indent: 2em;
    }
    .zxfa .cont .zleft .text span{
        color: #CC0000;
        font-size: 20px;
    }
    .zxfa .cont .zleft .zxlymm{
        width: 120px;
        float:right;
        margin-right: 50px;
        display: none;
    }
    .zxfa .cont .zleft form{
        clear:both;
        width:calc(100% - 20px);
        padding:10px;
    }
    .zxfa .cont .zleft form input[type='text']{
        border:1px dashed #000;
        box-sizing: border-box;
        width: calc(100% - 20px);
        padding-left: 20px;
        border-radius: 10px;
        border-top-left-radius: 25px;
        margin: 20px 0px;
        outline: none;
    }
    .zxfa .cont .zleft form #uname,.zxfa .cont .zleft form #uphone{
        height:50px;
        line-height: 50px;
        font-size: 14px;
    }
    .zxfa .cont .zleft form #ucontent{
        font-size: 12px;
        height:150px;
    }
    .zxfa .cont .zleft form input[type='submit']{
        width: 120px;
        height: 40px;
        margin: 10px auto;
        line-height: 40px;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        cursor: pointer;
        outline: none;
        border: none;
        background: #CC0001;
        border-radius: 10px;
        display: block;
    }
    .zxfa .cont .zright{
        width: 100%;
    }
    .zxfa .cont .zright .shili{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .zxfa .cont .zright .shili img{
        display: block;
        width: 95%;
        margin-right:5%;
        margin-bottom: 10%;
    }
    .zxfa .cont .zright .fatel{
        width: 90%;
        margin: 0 auto 30px;
        display: block;
    }
    .ouradd{
        padding-bottom:50px;
    }
    .ouradd iframe{
        display: block;
        width: 100%;
        height:600px;
        border:none;
    }
}
/* case */
.ncase .ib{
    background: #F5F5F5;
}
.ncase ul#nc li{
    width: 100%;
    padding:20px 0px;
    display: flex;
}
.ncase ul#nc li img{
    width: 300px;
    display: block;
    margin:10px;
}
.ncase ul#nc li .text{
    width: calc(100% - 180px);
    margin:0 10px 0 0;
}
.ncase ul#nc li .text .tit{
    font-size: 30px;
    line-height: 100px;
    color: #333333;
    font-weight: bold;
    text-indent: 2em;
}
.ncase ul#nc li .text a {
    display: block;
    width: 105px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #CC0000;
    text-align: center;
    border: 1px solid #CC0000;
    position: relative;
    margin: 150px 0px 0px 60px;
}

.ncase ul#nc li .text a:before {
    content: '';
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 10px solid #fff;
    left: -1px;
    top: 50%;
    margin-top: -9px;
    z-index: 1;
}

.ncase ul#nc li .text a:after {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #CC0000;
    left: -1px;
    top: 50%;
    margin-top: -5px;
    z-index: 2;
}

.ncase ul#nc li:hover {
    box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;
}
.ncase ul#nc li:hover .text .tit{
    color: #CC0000;
}

.ncase ul#nc li:hover .text a {
    background: #CC0000;
    color: #fff;
}

.ncase ul#nc li:hover .text a:before {
    border-left: 10px solid #CC0000;
}

.ncase ul#nc li:hover .text a:after {
    border-left: 7px solid #fff;
}
@media(max-width:768px) {
    .ncase .ib{
        background: #F5F5F5;
    }
    .ncase ul#nc li{
        width: 100%;
        padding:20px 0px;
        display: flex;
    }
    .ncase ul#nc li img{
        width: 300px;
        display: block;
        margin:10px;
    }
    .ncase ul#nc li .text{
        width: calc(100% - 180px);
        margin:0 10px 0 0;
    }
    .ncase ul#nc li .text .tit{
        font-size: 30px;
        line-height: 100px;
        color: #333333;
        font-weight: bold;
        text-indent: 2em;
    }
    .ncase ul#nc li .text a {
        display: block;
        width: 105px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #CC0000;
        text-align: center;
        border: 1px solid #CC0000;
        position: relative;
        margin: 150px 0px 0px 60px;
    }
    
    .ncase ul#nc li .text a:before {
        content: '';
        position: absolute;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 10px solid #fff;
        left: -1px;
        top: 50%;
        margin-top: -9px;
        z-index: 1;
    }
    
    .ncase ul#nc li .text a:after {
        content: '';
        position: absolute;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 7px solid #CC0000;
        left: -1px;
        top: 50%;
        margin-top: -5px;
        z-index: 2;
    }
    
    .ncase ul#nc li:hover {
        box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;
    }
    .ncase ul#nc li:hover .text .tit{
        color: #CC0000;
    }
    
    .ncase ul#nc li:hover .text a {
        background: #CC0000;
        color: #fff;
    }
    
    .ncase ul#nc li:hover .text a:before {
        border-left: 10px solid #CC0000;
    }
    
    .ncase ul#nc li:hover .text a:after {
        border-left: 7px solid #fff;
    }   
}
@media(max-width:400px) {
    .ncase .ib{
        background: #FFF;
    }
    .ncase ul#nc li{
        width: 100%;
        padding:20px 0px;
        display: flex;
        flex-direction: column;
        background: #F5F5F5;
    }
    .ncase ul#nc li img{
        width: 300px;
        display: block;
        margin:10px;
    }
    .ncase ul#nc li .text{
        width: 100%;
        margin:0 10px 0 0;
    }
    .ncase ul#nc li .text .tit{
        font-size: 30px;
        line-height: 100px;
        color: #333333;
        font-weight: bold;
        text-indent: 2em;
    }
    .ncase ul#nc li .text a {
        display: block;
        width: 105px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #CC0000;
        text-align: center;
        border: 1px solid #CC0000;
        position: relative;
        margin: 0px 0px 0px 60px;
    }
    
    .ncase ul#nc li .text a:before {
        content: '';
        position: absolute;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 10px solid #fff;
        left: -1px;
        top: 50%;
        margin-top: -9px;
        z-index: 1;
    }
    
    .ncase ul#nc li .text a:after {
        content: '';
        position: absolute;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 7px solid #CC0000;
        left: -1px;
        top: 50%;
        margin-top: -5px;
        z-index: 2;
    }
    
    .ncase ul#nc li:hover {
        box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;
    }
    .ncase ul#nc li:hover .text .tit{
        color: #CC0000;
    }
    
    .ncase ul#nc li:hover .text a {
        background: #CC0000;
        color: #fff;
    }
    
    .ncase ul#nc li:hover .text a:before {
        border-left: 10px solid #CC0000;
    }
    
    .ncase ul#nc li:hover .text a:after {
        border-left: 7px solid #fff;
    }   
}

.mfbottom{
    display: none;
}
@media(max-width:768px){
    .mfbottom{
        background: #E40000;
        color: #FFF;
        display: flex;
        height:60px;
        padding:5px 0px;
        margin-top: 25px;
    }
    .mfbottom .nav{
        width:30%;
        height: 100%;
        margin:0 auto;
        text-align: center;
    }
    .mfbottom .nav img{
        width:22px;
        height:22px;
        display: block;
        margin:4px auto;
    }
    .mfbottom .nav a{
        width:100%;
        line-height: 30px;
        text-align: center;
    }
    .mfbottom .fg{
        width: 1px;
        height:100%;
        margin:0 auto;
        background: #C40404;
        border-right: 1px solid #ffffff82;
    }
}
@media(max-width:400px){
    .mfbottom{
        background: #E40000;
        color: #FFF;
        display: flex;
        height:60px;
        padding:5px 0px;
        margin-top: 25px;
    }
    .mfbottom .nav{
        width:30%;
        height: 100%;
        margin:0 auto;
        text-align: center;
    }
    .mfbottom .nav img{
        width:22px;
        height:22px;
        display: block;
        margin:4px auto;
    }
    .mfbottom .nav a{
        width:100%;
        line-height: 30px;
        text-align: center;
    }
    .mfbottom .fg{
        width: 1px;
        height:100%;
        margin:0 auto;
        background: #C40404;
        border-right: 1px solid #ffffff82;
    }.sliderBanner
}

.kjfn{padding: 100px 0px 90px;}
.kjfn .tit{text-align:center;font-size:24px;line-height:50px;color:#0080CB;}
.kjfn .text{text-align:center;justify-content: center;color:#808080;font-size:14px;line-height:30px;margin:0 auto;}
@media(max-width:768px){
	.kjfn{padding: 20px 0px 10px;}
	.kjfn .tit{text-align:center;font-size:24px;line-height:50px;color:#0080CB;}
	.kjfn .text{text-align:center;justify-content: center;color:#808080;font-size:14px;line-height:30px;margin:0 auto;}
}
.lb01{padding:50px 0px;background:#F2F2F2;}
.lb01 .ib .bd{width:100%;position:relative;}
.lb01 .ib .bd .block{
	width:calc(100% - 112px);
	padding:0px 56px;
	display:flex;
	flex-wrap: wrap;
}
.lb01 .ib .prev,.lb01 .ib .next{
	position:absolute;
	width:46px;
	height:46px;
	top:calc(50% - 23px);
	cursor: pointer;
}
.lb01 .ib .prev{
	left:0px;
	background:url('../images/prev.png') no-repeat;
	background-size:100% 100%;
}
.lb01 .ib .next{
	right:0px;
	background:url('../images/next.png') no-repeat;
	background-size:100% 100%;
}
.lb01 .ib .bd .block .blkleft{
	width: 60%;
	display:block;
}
.lb01 .ib .bd .block .blkright{
	width: calc(40% - 50px);
	margin-left:50px;
}
.lb01 .ib .bd .block .blkright .tit{
	font-weight:bold;
	color:#0080CB;
	font-size: 24px;
	line-height:40px;
	margin-bottom:60px;
}
.lb01 .ib .bd .block .blkright ul{
	width:100%;
	list-style:none;
	padding:0;
}
.lb01 .ib .bd .block .blkright ul li{
	color:#808080;
	font-size:14px;
	line-height:28px;
}
.lb01 .ib .bd .blkc{
	width:100%;
	display:flex;
	margin: 0px 0px 50px;
}
.lb01 .ib .bd .blkc .blkcimg{
	display:block;
	width:260px;
	margin:0px 20px;
}
.lb01 .ib .bd .blkc .dxnygl{
	width: calc(100% - 350px);
	display:flex;
	margin: 0 auto;
}
.lb01 .ib .bd .blkc .dxnygl .pc,.lb01 .ib .bd .blkc .dxnygl .app{
	width: auto;
	display:block;
	margin: 30px 10px;
	height: 100px;
}
.lb01 .ib .bd .blkc .dxnygl .textr{
	width:calc(100% - 35px);
}
.lb01 .ib .bd .blkc .dxnygl .textr .tit{
	font-size: 20px;
	line-height: 100px;
	text-align:center;
	color: #0080CB;
	margin-top: -30px;
}
.lb01 .ib .bd .blkc .dxnygl .textr ul{
	width:100%;
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.lb01 .ib .bd .blkc .dxnygl .textr ul li{
	display:block;
	margin:5px;
	width:calc((100% / 5) - 10px);
	background:#0080CB;
	color:#FFF;
	text-align:center;
	font-size:14px;
	line-height:28px;
}
.lb01 .ib .bd .blkc .dxnygl .textr2{
	width: calc(100% - 60px);
	padding-top: 50px;
}
.lb01 .ib .bd .blkc .dxnygl .textr2 ul{
	width:100%;
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.lb01 .ib .bd .blkc .dxnygl .textr2 ul li{
	display:block;
	margin:5px;
	width:calc((100% / 5) - 10px);
	background:#0080CB;
	color:#FFF;
	text-align:center;
	font-size:14px;
	line-height:28px;
	border-radius:14px;
}
.lb01 .ib .bd .block img.block02{
	width:calc(100% - 100px);
	margin:0 50px;
}
.lb01 .ib .bd .block .mblock02{
	display:none;
}
.lb02{padding:50px 0px;background:#F2F2F2;}
.lb02 .ib {
    position:relative;
}
.lb02 .ib .bd{width:100%;position:relative;}
.lb02 .ib .bd .block{
	width:calc(100% - 112px);
	padding:0px 56px;
	display:flex;
}
.lb02 .ib .prev, .lb02 .ib .next{
	position:absolute;
	width:46px;
	height:46px;
	top:calc(50% - 23px);
	cursor: pointer;
}
.lb02 .ib .prev{
	left:0px;
	background:url('../images/prev.png') no-repeat;
	background-size:100% 100%;
}
.lb02 .ib .next{
	right:0px;
	background:url('../images/next.png') no-repeat;
	background-size:100% 100%;
}
.lb02 .ib .bd .block .bleft{
	width:50%;
}
.lb02 .ib .bd .block .bright{
	width: calc(50% - 100px);
	padding: 0px 20px 0 80px;
	color: #808080;
}
.lb02 .ib .bd .block .bright .tit{
	font-size:18px;
	line-height:40px;
	color:#0080CB;
	font-weight: 600;
}
.lb02 .ib .bd .block .bright .text{
	font-size:14px;line-height:28px;
}


@media(max-width:768px){
	.lb01{padding:50px 0px;background:#F2F2F2;}
	.lb01 .ib .bd{width:100%;position:relative;}
	.lb01 .ib .bd .block{
		width: calc(100% - 12px);
		padding: 0px 5px;
		display:flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.lb01 .ib .prev,.lb01 .ib .next{
		position:absolute;
		width: 23px;
		height: 23px;
		top:calc(50% - 23px);
		cursor: pointer;
	}
	.lb01 .ib .prev{
		left:0px;
		background:url('../images/prev.png') no-repeat;
		background-size:100% 100%;
	}
	.lb01 .ib .next{
		right:0px;
		background:url('../images/next.png') no-repeat;
		background-size:100% 100%;
	}
	.lb01 .ib .bd .block .blkleft{
		width: 100%;
		display:block;
	}
	.lb01 .ib .bd .block .blkright{
		width: 100%;
		margin-left: 0;
	}
	.lb01 .ib .bd .block .blkright .tit{
		font-weight:bold;
		color:#0080CB;
		font-size: 24px;
		line-height:40px;
		margin-bottom: 0;
		text-align: center;
	}
	.lb01 .ib .bd .block .blkright ul{
		width:100%;
		list-style:none;
		padding: 0 0 0 10px;
	}
	.lb01 .ib .bd .block .blkright ul li{
		color:#808080;
		font-size:14px;
		line-height:28px;
	}
	.lb01 .ib .bd .blkc{
		width:100%;
		display:flex;
		margin: 0px 0px 30px;
	}
	.lb01 .ib .bd .blkc:nth-child(2){
		margin: 50px 0px 30px;
	}
	.lb01 .ib .bd .blkc .blkcimg{
		display: none;
	}
	.lb01 .ib .bd .blkc .dxnygl{
		width: 100%;
		display:flex;
		margin: 0 auto;
		align-items: center;
	}
	.lb01 .ib .bd .blkc .dxnygl .pc,.lb01 .ib .bd .blkc .dxnygl .app{
		width: auto;
		display:block;
		margin: 0px 10px;
		height: 100px;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr{
		width:calc(100% - 35px);
	}
	.lb01 .ib .bd .blkc .dxnygl .textr .tit{
		font-size: 20px;
		line-height: 100px;
		text-align:center;
		color: #0080CB;
		margin-top: -30px;
		margin-left: -9%;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr ul{
		width:100%;
		list-style:none;
		padding:0;
		display:flex;
		flex-wrap:wrap;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr ul li{
		display:block;
		margin:5px;
		width: calc((100% / 3) - 10px);
		background:#0080CB;
		color:#FFF;
		text-align:center;
		font-size:14px;
		line-height:28px;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr2{
		width: calc(100% - 60px);
		padding-top: 20px;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr2 ul{
		width:100%;
		list-style:none;
		padding:0;
		display:flex;
		flex-wrap:wrap;
	}
	.lb01 .ib .bd .blkc .dxnygl .textr2 ul li{
		display:block;
		margin:5px;
		width: calc((100% / 3) - 10px);
		background:#0080CB;
		color:#FFF;
		text-align:center;
		font-size:14px;
		line-height:28px;
		border-radius:14px;
	}
	.lb01 .ib .bd .block img.block02{
		display:none;
	}
	.lb01 .ib .bd .block .mblock02{
		display:block;
	}
	.lb01 .ib .bd .block .mblock02 img:nth-child(2n-1){
		display:block;
		max-width:60%;
		margin:0 auto;
	}
	.lb01 .ib .bd .block .mblock02 img:nth-child(2n){
		display:block;
		max-width:80%;
		margin:20px auto;
	}
	.lb02{padding:50px 0px;background:#F2F2F2;}
	.lb02 .ib {
		position:relative;
	}
	.lb02 .ib .bd{width:100%;position:relative;}
	.lb02 .ib .bd .block{
		width: calc(100% - 10px);
		padding: 0px 5px;
		display:flex;
		flex-wrap: wrap;
	}
	.lb02 .ib .prev, .lb02 .ib .next{
		position:absolute;
		width: 23px;
		height: 23px;
		top:calc(50% - 23px);
		cursor: pointer;
	}
	.lb02 .ib .prev{
		left:0px;
		background:url('../images/prev.png') no-repeat;
		background-size:100% 100%;
	}
	.lb02 .ib .next{
		right:0px;
		background:url('../images/next.png') no-repeat;
		background-size:100% 100%;
	}
	.lb02 .ib .bd .block .bleft{
		width: 100%;
	}
	.lb02 .ib .bd .block .bright{
		width: calc(100% - 10px);
		padding: 0px 5px;
		color: #808080;
	}
	.lb02 .ib .bd .block .bright .tit{
		font-size: 16px;
		line-height:40px;
		color:#0080CB;
		font-weight: 600;
	}
	.lb02 .ib .bd .block .bright .text{
		font-size: 12px;
		line-height:28px;
		width: calc(100% - 60px);
		margin: 0 auto;
	}	
}

.mtop{
	display:none;
}
.mnavs{
	display:none;
}
.mtopkongge{
	width:100%;
	height:80px;
	display:none;
}
@media(max-width:768px){
	.mtopkongge{
		display:block;
	}
	.mtop{
		width:100%;
		height:80px;
		background:#FFF;
		margin:0 auto;
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:999;
	}
	.mtop .logo{
		width:calc(100% - 200px);
		display:flex;
		float:left;
		align-items:center;
		height:80px;
	}
	.mtop .logo img{
		display:block;
		width:100%;
		max-width: 250px;
	}
	.mtop .mmenu{
		width: 30px;
        float: right;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        border: 2px solid #4586EF;
        color: #4586EF;
        box-sizing: border-box;
        margin: 23px;
        border-radius: 5px;
	}
	.mnavs{
		display:block;
	}
	.mnavs .mask{
		width:100%;
		height:100%;
		position:fixed;
		left:-100%;
		top:0;
		z-index:100;
	}
	.mnavs .nav-menu{
		width: 100%;
		height: 0px;
		max-height: calc(100% - 80px);
		left: -100%;
		top: 80px;
		z-index: 120;
		transition: all ease 0.5s;
		background: #0270BB;
		color: #FFF;
		overflow: hidden;
		line-height: 70px;
	}
	.mnavs .nav-menu ul{
		padding:0px;
		height: 70px;
		width: 100%;
		margin: 0 0;
	}
	.mnavs .nav-menu ul li{
		list-style:none;
		font-size: 14px;
		text-align: center;
		width: calc(100% / 6);
		float: left;
	}
}
@media(max-width:400px){
    .mnavs .nav-menu ul li{
		font-size: 12px;
	}
}

.mkongge,.mkongge-20,.mkongge-30,.mkongge-40,.mkongge-50{
    display: none;
}

@media(max-width:768px){
    .mkongge,.mkongge-20,.mkongge-30,.mkongge-40,.mkongge-50{
        display: block;
        width:100%;
    }
    .mkongge{
        height:10px;
    }
    .mkongge-20{
        height:20px;
    }
    .mkongge-30{
        height:30px;
    }
    .mkongge-40{
        height:40px;
    }
    .mkongge-50{
        height:50px;
    }
}
.zytd{
    display:flex;flex-wrap:wrap;margin:0 auto;width:90%;max-width:600px;font-size:12px;line-height:25px;
}
.zytd2 img{
    max-width: 1200px;
    margin:0px auto;
    display: block;
    width:100%;
}
@media(max-width:768px){
        .mcntable{
    flex-wrap: wrap;
}
    .mcntable .mcnl{
    width: 50%!important;
    margin: 0 auto;
}
    .mcntable .mcnl img{}
    .mcntable .mcnr{
    width: calc(100% - 20px)!important;
    margin-left: 0px!important;
}
    .mcntable .mcnr h3{
    line-height: 3em;
}
    .mcntable .mcnr h3 span{}
    .mcntable .mcnr p{
    font-size: 12px!important;
}
    .mcntable .mcnr p span{}
}

.centerp{
    width:85%;
    margin:0 auto;
}
.dljmnrp{
	width:80%;margin:0 auto;
}
.dljmnrp img{
	max-width:100%;
	display:block;
	margin:0 auto;
}
@media(max-width:1440px){
    .centerp{
        width:90%;
        margin:0 auto;
    }
	.dljmnrp{
		width:90%;margin:0 auto;
	}
}
@media(max-width:768px){
    .centerp{
        width:calc(100% - 30px);
        margin:0 auto;
    }
	.dljmnrp{
		width:calc(100% - 30px);margin:0 auto;
	}
}
@media(max-width:320px){
 
}

/** dljm.htm **/
.dflex{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box; /* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex; /* Firefox 18+ */
	display: -ms-flexbox; /* IE 10 */
	display: flex;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.ob .dib .ppsl{
	position:relative;
	margin: 20px auto 80px;
}
.ob .dib .ppsl img.bg{
	width:100%;
	position:relative;
	z-index:1;
}
.ob .dib .ppsl .txt{
	width: 30%;
	position:absolute;
	bottom:0;
	left: 2%;
	z-index:2;
}
.ob .dib .ppsl .txt .tit{
	color:#626262;
	font-size:20px;
	line-height: 60px;
	text-align:right;
	box-sizing: border-box;
	margin-right: 100px;
	font-weight: bold;
	letter-spacing: 1px;
}
.ob .dib .ppsl .txt .cont{
	font-size: 14px;
	line-height:30px;
	text-indent:2em;
	box-sizing: border-box;
	padding: 0px 10px;
}
.ob .dib .sltd{
	width:100%;
	flex-wrap:wrap;
	margin-bottom: 100px;
}
.ob .dib .sltd .block{
	width:30%;
	margin:0 auto;
	text-align:center;
}
.ob .dib .sltd .block img{
	max-width:100%;
	margin-bottom: 20px;
}
.ob .dib .sltd .block .tit{
	font-size:18px;
	line-height:40px;
}
.ob .dib .sltd .block .txt{
	font-size: 12px;
	line-height: 25px;
}
.ob .dib .sltd .block .txt span{
	display:block;
}
.ob .dib .dtitle2{
	font-weight:bold;
	color:#626262;
	text-align: center;
	font-size: 25px;
	line-height: 50px;
	letter-spacing: 1px;
}
.ob .dib .shandong{
	display:block;
	position: relative;
}
.ob .dib .shandong img.bg{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
	margin-bottom: 40px;
}
.ob .dib .shandong .txt{
	width: 46%;
	position:absolute;
	z-index:2;
	top: 20px;
	left: 27%;
	text-align:center;
	font-size:14px;
	line-height:30px;
	color:#919292;
}
.ob .dib .hxys2{
	width:100%;
	margin: 80px 0px;
}
.ob .dib .hxys2 .block{
	text-align:center;
	width:calc(20% - 20px);
	margin:0 auto;
}
.ob .dib .hxys2 .block img{
	max-width:100%;
	margin-bottom: 30px;
}
.ob .dib .hxys2 .block .tit{
	font-size:18px;
	line-height:40px;
	font-weight: bold;
}
.ob .dib .hxys2 .block .desc{
	font-size: 12px;
	line-height: 25px;
	margin-top: 15px;
}
.ob .dib .hxys2 .block .desc span{
	display:block;
}
.ob .dib .tgzc{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 100px 0px;
	margin-left: -10px;
}
.ob .dib .tgzc img{
	max-width: 100%;
}
.ob .dib .jmlc{
	width:100%;
	margin: 100px 0px;
	text-align:center;
}
.ob .dib .jmlc img{
	max-width:95%;
}
@media(max-width:768px){
	.ob .dib .ppsl{
		position:relative;
		margin: 0px auto 80px;
	}
	.ob .dib .ppsl img.bg{
		width:100%;
		position:relative;
		z-index:1;
	}
	.ob .dib .ppsl .txt{
		width: 60%;
		position:absolute;
		bottom:0;
		left: 10px;
		z-index:2;
	}
	.ob .dib .ppsl .txt .tit{
		color:#626262;
		font-size:20px;
		line-height: 60px;
		text-align:right;
		box-sizing: border-box;
		margin-right: 100px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.ob .dib .ppsl .txt .cont{
		font-size: 14px;
		line-height:30px;
		text-indent:2em;
		box-sizing: border-box;
		padding: 0px 10px;
	}
	.ob .dib .sltd{
		width:100%;
		flex-wrap:wrap;
		margin-bottom: 50px;
	}
	.ob .dib .sltd .block{
		width:30%;
		margin:0 auto;
		text-align:center;
	}
	.ob .dib .sltd .block img{
		max-width:100%;
		margin-bottom: 20px;
	}
	.ob .dib .sltd .block .tit{
		font-size:18px;
		line-height:40px;
	}
	.ob .dib .sltd .block .txt{
		font-size: 12px;
		line-height: 25px;
	}
	.ob .dib .sltd .block .txt span{
		display: unset;
		margin-right: 2px;
	}
	.ob .dib .dtitle2{
		font-weight:bold;
		color:#626262;
		text-align: center;
		font-size: 25px;
		line-height: 50px;
		letter-spacing: 1px;
	}
	.ob .dib .shandong{
		display:block;
		position: relative;
	}
	.ob .dib .shandong img.bg{
		width:100%;
		height:auto;
		position:relative;
		z-index:1;
		margin-bottom: 40px;
	}
	.ob .dib .shandong .txt{
		width: 86%;
		position:absolute;
		z-index:2;
		top: 20px;
		left: 7%;
		text-align:center;
		font-size:14px;
		line-height:30px;
		color:#919292;
	}
	.ob .dib .hxys2{
		width:100%;
		margin: 50px 0px;
	}
	.ob .dib .hxys2 .block{
		text-align:center;
		width:calc(20% - 20px);
		margin:0 auto;
	}
	.ob .dib .hxys2 .block img{
		max-width: 80%;
		margin-bottom: 30px;
	}
	.ob .dib .hxys2 .block .tit{
		font-size:18px;
		line-height:40px;
		font-weight: bold;
	}
	.ob .dib .hxys2 .block .desc{
		font-size: 12px;
		line-height: 25px;
		margin-top: 15px;
	}
	.ob .dib .hxys2 .block .desc span{
		display: unset;
	}
	.ob .dib .tgzc{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 50px 0px;
		margin-left: -10px;
	}
	.ob .dib .tgzc img{
		max-width: 80%;
	}
	.ob .dib .jmlc{
		width:100%;
		margin: 50px 0px;
		text-align:center;
	}
	.ob .dib .jmlc img{
		max-width:95%;
	}
}
@media(max-width:600px){
	.ob .dib .ppsl{
		position:relative;
		margin: 0px auto 30px;
	}
	.ob .dib .ppsl img.bg{
		width:100%;
		position:relative;
		z-index:1;
	}
	.ob .dib .ppsl .txt{
		width: 100%;
		position: relative;
		bottom:0;
		left: 0;
		z-index:2;
	}
	.ob .dib .ppsl .txt .tit{
		color:#626262;
		font-size: 18px;
		line-height: 60px;
		text-align: center;
		box-sizing: border-box;
		margin-right: 0px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-left:0;
	}
	.ob .dib .ppsl .txt .cont{
		font-size: 14px;
		line-height:30px;
		text-indent:2em;
		box-sizing: border-box;
		padding: 0px 0px;
	}
	.ob .dib .sltd{
		width:100%;
		flex-wrap:wrap;
		margin-bottom: 30px;
	}
	.ob .dib .sltd .block{
		width: 95%;
		margin: 20px auto;
		text-align:center;
	}
	.ob .dib .sltd .block img{
		max-width:100%;
		margin-bottom: 20px;
	}
	.ob .dib .sltd .block .tit{
		font-size:18px;
		line-height:40px;
	}
	.ob .dib .sltd .block .txt{
		font-size: 12px;
		line-height: 25px;
	}
	.ob .dib .sltd .block .txt span{
		display:block;
	}
	.ob .dib .dtitle2{
		font-weight:bold;
		color:#626262;
		text-align: center;
		font-size: 23px;
		line-height: 46px;
		letter-spacing: 1px;
	}
	.ob .dib .shandong{
		display:block;
		position: relative;
	}
	.ob .dib .shandong img.bg{
		width:100%;
		height:auto;
		position:relative;
		z-index:1;
		margin-bottom: 40px;
	}
	.ob .dib .shandong .txt{
		width: 100%;
		position: unset;
		z-index:2;
		top: 0;
		left: 0;
		text-align: unset;
		font-size: 12px;
		line-height: 25px;
		color:#919292;
		text-indent: 2em;
	}
	.ob .dib .hxys2{
		width:100%;
		margin: 20px 0px;
		flex-wrap: wrap;
	}
	.ob .dib .hxys2 .block{
		text-align:center;
		width: calc(100% - 20px);
		margin: 0 auto 30px;
	}
	.ob .dib .hxys2 .block img{
		max-width: 80%;
		margin-bottom: 10px;
	}
	.ob .dib .hxys2 .block .tit{
		font-size: 16px;
		line-height: 40px;
		font-weight: bold;
	}
	.ob .dib .hxys2 .block .desc{
		font-size: 12px;
		line-height: 20px;
		margin-top: 15px;
	}
	.ob .dib .hxys2 .block .desc span{
		display: block;
	}
	.ob .dib .tgzc{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 50px 0px;
		margin-left: 0;
	}
	.ob .dib .tgzc img{
		max-width: 100%;
	}
	.ob .dib .jmlc{
		width:100%;
		margin: 50px 0px;
		text-align:center;
	}
	.ob .dib .jmlc img{
		max-width:95%;
	}
}
.fghr{
	width:100%;
	height:2px;
	background: -webkit-linear-gradient(0deg, #5CA7DB , #FFF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(0deg, #5CA7DB, #FFF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(0deg, #5CA7DB, #FFF); /* Firefox 3.6 - 15 */
    background: linear-gradient(0deg, #5CA7DB , #FFF);
	margin:40px auto;
}
@media(max-width:768px){
	.fghr{
		margin:30px auto;
	}
}
@media(max-width:320px){
	.fghr{
		margin:20px auto;
	}
}