*{margin:0;padding:0}
html{box-sizing:border-box;width: 100%;height: 100%;}
body{width: 100%;height:100%;color:#606266;box-sizing:border-box;font-size:16px;-webkit-overflow-scrolling: touch;
font-family:arial, "微软雅黑";}
a,a:hover,a:link{text-decoration:none;color:inherit;}
a{cursor: pointer;s}
input{outline: none;}
ul{list-style:none;}
.font_zy{color: #606266;}
.font_tb{color: #303133;}
.font_cy{color: #909399}
.font_zw{color: #C0C4CC}


.oec_header{position: fixed;top: 0;left: 0;line-height:50px;width: 100%;background-color: rgba(255,255,255,0.9);z-index: 999;}
.oec_header a{margin-left: 50px;font-size: 18px;}
.oec_header a:hover{color: #000;}
.oec_top{position: relative;}
.oec_top img{width: 100%;}
.oec_top p{position: absolute;bottom: 10%;right: 30%;border-radius:30px;overflow: hidden;}
.oec_top p a{background-color:#277c9e ;color: #fff;display: inline-block;line-height: 40px;padding: 0 20px;transition: all .3s;}
.oec_top p a:first-child{background-color: #fb3625;}
.oec_top p a:hover{opacity: .5;}
.oec_sell p{text-align: center;padding: 20px 0;font-size: 18px;color: #303030;font-weight: bold;}
.oec_sell ul{text-align: center;margin: 20px 0;}
.oec_sell ul li{background-color: #e8faff;display: inline-block;width: 15%;height:70px;vertical-align: top;text-align:left;margin: 0 10px 20px 10px;
border-radius: 40px;min-width: 300px;}
.oec_sell ul li span{display: inline-block;height: 70px;width: 70px;border-radius:40px;background: linear-gradient(135deg,#56caf9,#d3f2fc);
line-height: 70px;text-align: center;color: #fff;font-size: 20px;}
.oec_sell ul li font{padding: 0 10px;display: inline-block;width: calc(100% - 80px);font-size: 14px;vertical-align:middle;line-height: 25px;
box-sizing: border-box;}
.oec_guanli p{padding: 20px;text-align: center;font-size: 18px;color: #303030;font-weight: bold;}
.oec_guanli ul{text-align: center;}
.oec_guanli ul li{display: inline-block;width: 35%;margin: 20px;height: 120px;}
.oec_guanli ul li span{display: inline-block;width:100px ;height: 120px;line-height: 120px;text-align: center;font-size: 30px;background-color: #56caf9;
color: #fff;}

.oec_guanli ul li dl{display: inline-block;width: calc(100% - 160px);vertical-align: top;text-align:justify;background: #f7fdff;height: 120px;
box-sizing: border-box;padding: 20px;}
.oec_guanli ul li dt{color: #303030;}
.oec_guanli ul li dd{color: #909399;font-size: 14px;}
.oec_tedian p{padding: 20px;text-align: center;font-size: 18px;color: #303030;font-weight: bold;}
.oec_tedian ul{padding: 0 15.3%;list-style: decimal;}
.oec_tedian ul li{background-color: #f7fdff;margin: 20px 0;padding: 20px;}
.oec_main{text-align: center;}
.oec_main p{padding: 20px;text-align: center;font-size: 18px;color: #303030;font-weight: bold;}
.oec_main dl{display: inline-block;width: 34.5%;background: #f7fdff;vertical-align: top;line-height: 50px;height: 200px;}
.oec_main dl dt{background: #56caf9;color: #fff;}
.oec_main dl dd{font-size: 14px;color: #909399;}
.data_top{}
.data_top img{width: 100%;}
.data_ma{position: absolute;right: 20%;bottom: 25%;text-align: center;}
.data_ma img{width: 200px;}
.data_content{padding: 0 15%;}
.data_content>p{font-size: 18px;font-weight: bold;text-align: center;padding:50px 0;width:60%;margin: auto;}
.data_content ul{display: flex;}
.data_content ul li{width:25%;}
.data_content ul li h5{text-align: center;background-color: #404040;}
.data_content span{font-size: 16px;color: #fff;}
.data_content i{display: block;font-size: 14px;color: #909399;font-style: normal;}
.data_content ul li{padding: 10px;background: #f1faff;font-size: 14px;line-height: 30px;}
.index_page{width: 100%;height: 100%;}
.swiper_page{width: 100%;height: 100%;}


.home_top{position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 99;line-height: 80px;z-index: 999;}
.home_top img{width:2.5rem;padding-left: .2rem;vertical-align: middle;}
.home_top span{float: right;margin-right: 50px;}
.home_top a{background:#fff;padding: 10px;display: inline-block;line-height: 20px;border-radius: 30px;margin-right: 20px;width: 6em;text-align: center;}
.home_top a:hover{background:#0099FF;color: #fff;}
.home_banner{background:url(../img/banner-pc.jpg) center top;background-size:100%  auto;}

.index_page .swiper-slide{padding-top: 80px;box-sizing: border-box;}
h3{font-size:20px;text-align: center;padding:30px 0;}
.home_jishu .box{text-align: center;font-size:16px;width:28%;vertical-align: top;background-color: #F8F8FF;height:320px;float: left;
margin: 0 0 4% 4%;padding: 20px;box-sizing: border-box;}
.home_jishu .box .title span{display: block;margin: auto;height: 1rem;width:.8rem;background: url(../img/jishu_bmg.png) no-repeat center center;
background-size: 100% auto;line-height: 1rem;text-align: center;}
.home_jishu .box .title span i{color:#1456ff;font-size: .3rem;position: relative;right:4px;}
.home_jishu .box  .content{padding:20px;text-align: justify;font-size:14px;}


.home_chanpin{background: url(../img/chanpin-bg.jpg) center center no-repeat;background-size:auto 100% ;}
.home_chanpin ul{display: flex; align-items: flex-start;justify-content: flex-start;height: 100%;}
.home_chanpin ul li{width: 50%;height: 100%; text-align: center;margin-top: 30vh;color: #fff;}
.home_chanpin ul li a{width: 1rem;display: inline-block;transition: all .3s;}
.home_chanpin ul li img{width: 100%;}
.home_chanpin ul li a:hover{width: 1.2rem;}
.home_user h3{color: #fff;}
.home_user{height: 100%;background-color: #404040}
.swiper_user{height:calc(100% - 200px);width:70%;border-radius: 50% 50% 50% 50%/ 10%  10% 10% 10%;}
.swiper_user .swiper-slide{background-size:auto 100%;background-repeat: no-repeat;background-position:left center;position: relative;}
.swiper_user .swiper-slide span{position: absolute;left: 0;top: 0;height:1.8rem;width:1.8rem;background-color:rgba(0,0,0,0.1);padding-left: .1rem;
border-radius: 0 0 100% 0;display: flex;align-items: center;color: #fff;box-sizing: border-box;}
.swiper_user .swiper-slide ul{text-align: center;width: 100%;position: absolute;bottom: 0;left: 0;}
.swiper_user .swiper-slide ul li{width: 100%;line-height: .7rem;font-size: .28rem;font-weight: bold;color:#000;text-shadow: 1px 1px 0 #fff;}
.swiper-pagination{width: 100%;text-align: center;}
.swiper-pagination-bullet{margin: 0 3px;background:#fff !important;opacity: 0.5 !important;}
.swiper-pagination-bullet-active{background: #0099FF !important;}
.content_tab_1{background: url(../img/gongchang.jpg);}
.content_tab_2{background: url(../img/shangjia.jpg);}
.content_tab_3{background: url(../img/pingtai.jpg);}
.content_tab_4{background: url(../img/baoxian.jpg);}
.content_tab_5{background: url(../img/chuangye.jpg);}

.home_anli .box{height:2rem;background-color: #f8f8ff;margin: 0 auto 50px auto;box-sizing: border-box;width: 80%;}
.home_anli .box .a{display: inline-block;height: 100%;width:1.5rem;background-size:100% auto;background-position:center bottom;
background-repeat: no-repeat;position: relative;text-align: center;line-height: 2rem;}


.home_anli .box .a::before{content:"";position: absolute;width: 100%;height: 100%;background-color: rgb(0,0,0,0.4);left: 0;top: 0;z-index: 5;}


.home_anli .box .b{display: inline-block;height: 100%;width:calc(100% - 1.8rem);font-size: .22rem;padding: .2rem;box-sizing: border-box;vertical-align: top;}
.home_anli .box .b dt{font-size:16px;}
.home_anli .box .b dl{text-align: justify;font-size: 14px;}
.home_anli .box .a img{width: 50%;vertical-align: middle;z-index: 6;position: relative;}
.home_anli .box_1 .a{background-image:url(../img/anli.jpg);}

.home_us{background:url(../img/tiantongtai.jpg) no-repeat center;background-size:  100% auto;text-align: center;padding:0 !important;}
.home_us>div{height: 100%;background-color: rgba(0,0,0,0.7);box-sizing: border-box;padding-top: 100px;}
.home_us .p1{margin-top: 40vh;}
.home_us .p1 img{height:.5rem;vertical-align: middle;}
.home_us ul li{line-height: .6rem;color: #fff;font-size: 14px;}

.pop_class p{text-align: center;}
.pop_class img{padding:30px 0;}