@charset "utf-8";
html {height:100%;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
@media screen and (min-width:0px) and (max-width:767px){
	html{font-size:17px}
	.container{width:97%;margin:0 auto;margin-top:80px;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	html{font-size:20px}
	.container{width:97%;margin:0 auto;margin-top:200px;}
}  
@media screen and (min-width:1024px){
	html{font-size:20px}
	.container{max-width:1320px;margin:0 auto;margin-top:200px;}

} 
@font-face {
    font-family: 'addtitle';
    /* 定义字体族名 */
    /*src: url('fonts/MyCustomFont.woff2') format('woff2'), 
       url('fonts/MyCustomFont.woff') format('woff'), 
       url('fonts/MyCustomFont.ttf') format('truetype');*/
    src: url('NanumSquareNeo-title.ttf') format('truetype');
    font-weight: normal;
    /* 定义字体粗细 */
    font-style: normal;
    /* 定义字体风格 */
}

@font-face {
    font-family: 'addcontent';
    /* 定义字体族名 */
    /*src: url('fonts/MyCustomFont.woff2') format('woff2'), 
       url('fonts/MyCustomFont.woff') format('woff'), 
       url('fonts/MyCustomFont.ttf') format('truetype');*/
    src: url('NanumSquareNeo-content.ttf') format('truetype');
    font-weight: normal;
    /* 定义字体粗细 */
    font-style: normal;
    /* 定义字体风格 */
}

@keyframes slideIn {
  from {
    transform: translateX(-100%); /* 从顶部开始 */
    opacity: 0; /* 初始透明度 */
  }
  to {
    transform: translateX(0); /* 移动到正常位置 */
    opacity: 1; /* 完全不透明 */
  }
}
 
/* 应用动画到div */
.slide-in {
  animation: slideIn 1s ease-out forwards; /* 动画名称、持续时间、缓动函数、填充模式（保持动画结束状态） */
}

body {color:#111; line-height:1.5;  margin:0 auto;font-family: 'addcontent'!important;-webkit-overflow-scrolling:touch; font-size:1rem;text-align:center;width:100%; 
	position: relative;overflow: hidden;}
img{border:0;outline:0; vertical-align:middle;max-width:100%;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
/*a:hover img{filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;}*/
ul,li{list-style:none; list-style-type:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
table,td,tr,th{font-size:12px;border:0;}
input:focus {outline: 0 none;}
a:focus { outline: medium none;}
a{text-decoration:none;cursor:pointer;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
a:link{color:#111;}
a:visited{color:#111;}
a:hover{text-decoration: none;color:#000;}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;display:block;}

.header{width:100%;position:relative;height:auto;}
.header .banner{width:100%;}
.header .top{position:absolute;left:0px;width:100%;}
.header .top .top1{max-width:1550px;margin:0 auto;}
.header .top .top1 .logo{width:173px;float:left;position:absolute;margin-left:20px;}
.header .top .top1 .logo img{width:100%;}
.header .menu{float:right;width:84px;margin-right:20px;}
.header .menu .act{font-size:0.6rem;float:right;background:url(../images/lan.png);width:84px;height:42px;color:#fff;}
.header .menu .act span{display:block;margin-top:13px;margin-left:20px;}

.header .email{position:absolute;bottom:176px;width:100%;}
.header .email .top1{max-width:1550px;margin:0 auto;text-align:right;position:relative;}
.header .email .top1 img{position:absolute;right:20px;}

.menuall{overflow:hidden;background-color:rgba(255,255,255,0.01);}
.menudown{border-radius:10px;width:100%;background-color:#fff;text-align:left;margin-top:50px;display:none;padding-bottom:10px;z-index:9;position:relative;}
.menudown .list{text-align:left;padding-top:10px;padding-left:3px;clear:both;}
.menudown .list a{color:#111;font-size:0.6rem;display: block;border-radius:5px;padding:3px 3px 3px 10px;}
.menudown .list a:hover{text-decoration: none;color:#000;}
.menudown .list img{margin-right:10px;margin-left:0px;float:left;margin-top:-4px;}

.z1{overflow:hidden;height:auto;padding-bottom:194px;}
.z1 .titlet{width:71px;height:4px;background-color:#4288de;margin:0 auto;}
.z1 .title{font-size:2rem;font-weight:bold;font-family: 'addcontent'!important;}
.z1 .list{margin-top:68px;}

@media screen and (min-width:0px) and (max-width:1023px){
	.header .top{top:17px;}
	.z1 .list{display: flex;flex-direction: column;}
	.z1 .list .w{width:100%;order:1;}
	.z1 .list .t{width:100%;order:2;}
	.z1 .list .w .con{padding-bottom:20px;}
	.z1 .list .w .ml{margin-left:0px;}
	.z2 .zz .t{position:relative;float:left;width:100%;margin-left:1.5%;margin-right:1.5%;flex: 1 100%;margin-top:30px;}
	.z1 .title{font-size:2rem;font-weight:bold;margin-top:20px;font-family: 'addcontent'!important;margin-bottom:30px;}
} 
@media screen and (min-width:1024px){
	.header .top{top:33px;}
	.z1 .list{margin-top:68px;clear:both;overflow:hidden;display: flex;  align-items: center; flex-wrap: wrap;}
	.z1 .list .w{width:51%;float:left;text-align:left;}
	.z1 .list .t{width:49%;float:left;}
	.z1 .list .w .ml{margin-left:30px;}
	.z2 .zz .t{position:relative;float:left;width:48%;margin-left:1.5%;margin-right:1.5%;flex: 1 1 47%;margin-top:30px;}
	.z1 .title{font-size:2.2rem;font-weight:bold;margin-top:30px;font-family: 'addcontent'!important;margin-bottom:60px;}

} 

.z1 .list .w .con p{font-size:0.8rem;line-height:200%;color:#333;display:block;}
.z1 .list .t img{width:100%;}
.z1 .ends{color:#999;font-size:0.7rem;margin-top:90px;}

h5{font-family: 'addtitle';font-size:1.4rem;line-height:230%;}

.z2{background-color:#f6fafd;overflow:hidden;clear:both;}
.z2 .zz{max-width:1200px;margin:0 auto;}
.bannertext{position:absolute;top:42%;color:#fff;font-weight:bold;text-align:left;}
@media screen and (min-width:0px) and (max-width:767px){
	.header .top .top1 .logo{width:123px;float:left;position:absolute;margin-left:20px;}
	.z2 .zz .t .con{top:25%;}
	.header .email{position:absolute;bottom:76px;width:100%;}
	.header .email .top1 img{width:50px;position:z-index:10;}
	.z1{overflow:hidden;height:auto;padding-bottom:94px;}
	.bannertext{font-size:1.1rem;left:40%;}
	.myen{left:20%!important;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.z2 .zz .t .con{top:35%;}
	.bannertext{font-size:1.7rem;left:40%;}
	.myen{left:20%!important;}
}  
@media screen and (min-width:1024px) and (max-width:1100px){
	.bannertext{font-size:1.7rem;left:40%;}
	.myen{left:30%!important;}
}  
@media screen and (min-width:1111px){
	.z2 .zz .t .con{top:30%;}
	.bannertext{font-size:2.5rem;left:48%;}
	.myen{left:20%!important;}
} 
@media screen and (min-width:1025px){
	.z2 .zz .t .con{top:30%;}
	.myen{left:40%!important;}
	
} 
.z2 .zz .t .con{text-align:center;position:absolute;width:100%;}
.z2 .zz .t .con h5{line-height:150%;padding-bottom:40px;}
.z3{background-color:#f5f6fa;overflow:hidden;clear:both;}
.z3 img{box-shadow: 0px 0px 5px 5px #ddd;width:95%!important;}
.z3 .t3{position:relative;float:left;width:30%;margin-left:1.5%;margin-right:1.5%;flex: 1 1 30%;margin-top:30px;padding-bottom:10px;}
@media screen and (min-width:0px) and (max-width:1023px){
	.z2 .zz .t{margin-left:0%;}
	.z3 .t3{margin-left:0%;}
}


.d1{overflow:hidden;}
.d1 .titles{height:57px;border-top:1px solid #f1f0f5;border-bottom:1px solid #f1f0f5;display: flex;  align-items: center;justify-content: space-between;flex: 1;width: 100%;}
.d1 .titles div{text-align:center;line-height:57px;width:33.3333%;font-size:0.8rem;cursor:pointer;height:100%;display: flex;  align-items: center;justify-content: space-between;}
.d1 .titles .cur{background-color:#000;color:#fff;}
.d1 .titles span{display:block!important;margin:0 auto;}
.d1 .content2,.d1 .content3{display:none;opacity: 0;}

@media screen and (min-width:0px) and (max-width:1023px){
	.d1 .content{padding-top:37px;}
	.d1 .titles span{line-height:25px;display:block!important;margin:0 auto;}

}
@media screen and (min-width:1024px){
	.d1 .content{padding-top:77px;}
	.z1 .list .w .con p{padding-right:30px;}

} 
.content{text-align:left;line-height:170%;}
.content .text1{margin-top:70px;}
.content .text2{color:#666;margin-top:40px;}
.content .text2 hr{height:10px;border:0px;border-top:1px solid #111;}
.content .text3{color:#666;margin-top:40px;}
.content p{font-size:0.8rem;}
.content .st{margin-top:15px;font-size:0.8rem}
.content .st2{line-height:160%;padding-top:10px;}
.content .fen{height:10px;}
.content h4{font-size:1.3rem;color:#111;line-height:220%;padding-bottom:15px;}
.content h5{font-size:1.0rem;font-weight:;color:#111;}
.content h6{font-size:0.9rem;color:#111;line-height:300%;}

.content .lists{margin-top:50px;}
.content .lists .listx{margin-top:30px;}

@media screen and (min-width:0px) and (max-width:767px){
	.content .lists .listx{width:100%;}
	.content .lists .listx .z{width:100%;}
	.content .lists .listx .z img{width:100%;}
	.content .lists .listx .r{width:100%;}
	.content .lists .listx .r .zi{margin-top:30px;text-align:center;}
	.content .lists .listx .r .zi span{font-weight:bold;display:block;padding-bottom:10px;}
}
@media screen and (min-width:768px){
	.content .lists .listx{width:100%;display:flex;align-items: center;}
	.content .lists .listx .z{width:33%;}
	.content .lists .listx .z img{width:100%;}
	.content .lists .listx .r{width:67%;}
	.content .lists .listx .r .zi{margin-left:30px;}
	.content .lists .listx .r .zi span{font-weight:bold;display:block;padding-bottom:30px;}
} 

.beizhu{text-align:center;padding-top:20px;padding-bottom:20px;line-height:200%;font-size:0.8rem;}
.zhengshud{width:100%;margin-top:-300px;background:url(../images/bg.jpg);background-size:100%  100%;}

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

.zhengshu .zheng img{width:100%!important;box-shadow: 0px 0px 0px 0px #ddd;}
.zhengshu .zheng1{margin-left:6.2%;margin-right:1%;}
.zhengshu .zheng2{margin-left:1%;}

@media screen and (min-width:0px) and (max-width:767px){
	.zh{background-color:#fff;padding-bottom:50px;}
	.zhengshu .zheng{width:70%;border:12px solid #eaf2ff;margin:0 auto;}
	.zhengshud{width:100%;background:url(../images/bg.jpg);background-size:100%  100%;}
	.mo{display:block;margin-top:0px;margin-top:-140px;}
	.pc{display:none;}
}
@media screen and (min-width:768px){
	.zh{background-color:#fff;padding-bottom:150px;}
	.zhengshu .zheng{width:41%;float:left;border:12px solid #eaf2ff;}
	.zhengshud{width:100%;margin-top:-300px;background:url(../images/bg.jpg);background-size:100%  100%;}
	.mo{display:none;}
	.pc{display:block;}
} 
.dilan{background-color:#1f489a;overflow:hidden;color:#fff;font-size:0.8rem;padding-top:100px;padding-bottom:100px;line-height:200%;}


@media screen and (min-width:0px) and (max-width:767px){
	.dilan .lanleft{width:100%;float:left;text-align:center;}
	.dilan .lanright{width:100%;float:left;text-align:center;margin-top:50px;}
} 
@media screen and (min-width:768px){
	.dilan .lanleft{width:30%;float:left;text-align:left;margin-left:18%;}
	.dilan .lanright{width:30%;float:left;text-align:left;margin-left:10%;}
}

.heihei{background-color:#111;}
.heihei .footer{text-align:center;font-size:0.8rem;}