*{font-family:"Microsoft YaHei";}
body{margin:0;min-width: 1200px;}
ul{margin:0;padding:0;}
li{list-style: none;}
a{text-decoration: none;color:#000;}
a:hover, a:focus {text-decoration: none;}
/*头部*/
header{width: 100%;background-color: #1f1f1f;color:#fff;position: fixed;top: 0;left: 0;z-index: 1030;height: 60px;
    /*box-shadow: 0px 5px 5px 0px #d1d4d8*/
}
.headTitle{float: left;line-height: 60px;margin-left: 50px;}
.headTitle img{float: left;}
.headTitle span{font-weight: bold;font-size: 16px;}
.headMenu{margin-left: 100px;float: left;height: 100%}
.headMenu ul{overflow: hidden;height: 100%;}
.headMenu ul li{float: left;line-height: 60px;margin:0 20px;height: 100%}
.headMenu ul li a{display: inline-block;height: 60px;font-weight: bold;color:#fff;font-size: 16px}
.headMenu ul li a:hover{color:#33d2ff}
.headMenu .currentA{border-bottom: 3px solid #33d2ff;color:#33d2ff}
.headUser{float: right;line-height: 60px;margin-right: 50px;}
.headUser img{vertical-align: middle;}
.headUser span{color:#fff;font-size: 16px;}
.headUser a{font-weight: bold;margin: 0 10px;color:#fff;font-size: 16px;}


/*中间内容*/
.content{padding-top: 60px;overflow: hidden;min-width: 1200px;background-color: #eaebee;}
.contentLeft{float: left;width: 220px;}
.contentRight{margin-left: 220px;background-color: #fff;}

/*首页*/
.homeMain{padding-top: 60px;}
.bannerArea{
    /*background-color: #020214;*/
    overflow: hidden;}
.bannerImg{overflow: hidden;height: 100%;background: url("../img/web/banner_home1.png") no-repeat;background-size: 100% 100%;animation:bigsmall 5s infinite linear;animation-direction:alternate;}

.bannerContent{position: absolute;width: 100%;left: 0;top:10%;z-index: 1;overflow: hidden;}
.bannerLogo{width: 15%;margin: 6% auto 0;}
.bannerLogo img{width: 100%;}
.bannerTitle{margin:5% 0 2%; color:#fff;text-align: center;font-size: 34px;}
.bannerTxt{color:#F9FBFC;text-align: center;font-size: 20px;}
.connectBox{width: 100%;text-align: center;padding-top: 4%;}
.connectBtn{width: 260px;height: 50px;line-height: 50px;padding: 0;text-align: center;outline: none;color:#fff;font-size: 16px;border: none;border-radius: 30px;cursor: pointer;background-color: transparent;border: 1px solid #fff;}

@keyframes bigsmall{
    0%{ background-size: 100% 100%; }
    100%{ background-size: 110% 110%; }
}

.platform_fuc{width: 1200px;margin: 0 auto 40px;}
.cooperation{height: 150px;line-height: 150px;text-align: center;}
.cooperation div{display: inline-block;width: 510px;border: 1px dashed #c8c8c8;vertical-align: middle;}
.cooperation span{font-size: 30px;margin: 0 30px;}
.cooperation_item ul{width: 100%;overflow: hidden;}
.cooperation_item ul li{width: 240px;float: left;/* cursor: pointer; */}
.cooperation_img{text-align: center;}
.cooperation_title{text-align: center;font-size: 20px;margin: 10px 0;color: #666666;}
.cooperation_txt{width: 160px;margin: 20px auto;color: #666666;text-align: center}
.cooperation_txt1{width: 200px;margin: 5px auto;color: #666666;text-align: center;line-height: 25px;}
/* .cooperation_item ul li:hover .cooperation_title,.cooperation_item ul li:hover .cooperation_txt{color: #45d9ff;} */
.cooperation_img img{transition: all 2s linear;}
/* .cooperation_item ul li:hover img{transform:rotateY(360deg);} */


.access{background-color: #F5F5F5;}
.access1{background-color: #F5F5F5;cursor: pointer}
.accessTilte{height: 150px;line-height: 150px;text-align: center;font-size: 30px;}
.accessMain{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.accessMain1{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;height:300px;padding-top: 30px;}
.accessList{overflow: hidden;margin-bottom: 50px;} 
.accessList li{width: 240px;float: left;position: relative;}
.accessImg{text-align: center;}
.accessImg1{text-align: center; background:#E8E8E8;   vertical-align: middle;}
.accessImg1 img{width:90%;height:90%;}
.accessImg img{width:100px;height: 100px;}
.accessMainTitle{text-align: center;    vertical-align: middle;height: 180px;margin-top:20px;
    padding-left:260px; padding-right: 10px;}
.accessTitle{text-align: center;font-size: 20px;margin: 10px 0;color: #666666;}
.accessTitle1{text-align: left;}
.arrowImg{position: absolute;top:30px;right:-20px;}



.coopera_partner{width: 1200px;margin: 0 auto 50px;}
.partner_title{height: 150px;line-height: 150px;text-align: center;}
.partner_title span{font-size: 30px;margin: 0 20px;}
.partner_list{width: 1100px;margin: 0 auto;overflow: hidden;}
.partner_list ul{overflow: hidden;margin-left:0;transition: margin-left 1s linear;}
.partner_list ul li{float: left;width: 160px;cursor: pointer;padding: 10px 0;}
.partner_list_img{width: 120px;height: 120px;margin: 0 auto;background-color: #fbfbfb;position: relative;}
.partner_list_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120px;height: 120px;}
.partner_list ul li:hover .partner_list_img{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);transform: scale(1.05);}
.defaultImg{opacity: 1;transition: opacity 0.5s linear;}
.hoverImg{opacity:0;transition: opacity 0.5s linear;}
.partner_list ul li:hover .defaultImg{opacity:0;}
.partner_list ul li:hover .hoverImg{opacity:1;}
.arrow_left{position: absolute;top:95px;left:0;width: 25px;cursor: pointer;}
.arrow_right{position: absolute;top:95px;right:0;width: 25px;cursor: pointer;}
.arrow_left img,.arrow_right img{width: 100%}
.accessImgBackGround{  width: 100%;
    background: url('../img/web/direct.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: 100%;}