@charset "utf-8";
/*
作者：特科网
网址：www.teke.cn
微信：18080802606
描述：特科网 | 精通SEO的建站专家
服务：特科网 | 专注网站建设、网络推广、SEO优化、建站培训、SEO培训、UI设计、视频剪辑、小程序开发
*/

*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;}
body{background-color:#f5f5f5;color:#333;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;}
ol,ul,li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#f60;}
h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;}

/*常用*/
.container{overflow:hidden;margin:0 auto;width:1200px}
.containerAll{overflow:hidden;width:100%}


/*头部*/
header{
    height: 60px;
    background-color: #FCFCFA;
}
header nav{

}
header nav .logo{
    height: 50px;
    margin-top: 5px;
    float: left;

}
header nav .logo img{
    height: 100%;
}
header nav .menu{
    float: right;
    margin-right: 20px;
}
header nav .menu li{
    float: left;
    margin-right: 30px;
    line-height: 60px;
}
header nav .menu li a{}
header nav .menu li a.active{
    border-bottom: 1px solid #333;
    height: 50px;
    display: block;
}
header nav .search{
    float: right;
}
header nav .search img{
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
}

/*banner*/
.banner{height:500px;background-color:#f8f5ef}
.banner_Opportunities .text{float:left;width:50%;margin-top:100px}
.banner_Opportunities .text .title{font-size:60px;font-weight:700}
.banner_Opportunities .text .des{margin-top:40px;font-size:20px}
.banner_Opportunities .text .button{color:#fff;background-color:#000;display:inline-block;margin-top:40px;border-radius:8px;padding:10px}
.banner_Opportunities .pic{margin-top:20px;float:right;width:50%}
.banner_Opportunities .pic img{width:100%}

.banner_Solution .text{margin-top: 100px;text-align: center}
.banner_Solution .text .title{
    font-weight: bold;
    font-size: 60px;
}
.banner_Solution .text .des{
    font-size: 30px;
    width: 780px;
    margin: 50px auto 0;
    line-height: 50px;
}
.banner_About{
    overflow: hidden;
    height:auto;
}
.banner_About img{
    width: 100%;
}

/*单页*/
.page{}
.page_opp{
        background-color: #FCFCFA;
}
.page_opp .idea{
    padding: 40px 0;
}
.page_opp .idea li{
 float: left;
    width: 33.3%;
    text-align: center;
    padding: 0 10px;
}
.page_opp .idea li .title{
 font-weight: bold;
    font-size: 30px;
}
.page_opp .idea li .des{
margin-top: 40px;
    font-size: 26px;
    height: 180px;
}
.page_opp .idea li button{
    color: #fff;
    background-color: #333;
    display: inline-block;
    margin-top: 40px;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
}

.page_opp .idea li button:hover{
    background-color: #000;
}


.page_opp .mind{
    height: 400px;
    background-color: #F8F5EF;
    text-align: center;
    padding-top: 160px;

}
.page_opp .mind p{
    font-weight: bold;
    font-size: 30px;
}
.page_opp .mind button{
    color: #fff;
    background-color: #333;
    display: inline-block;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    margin-top: 50px;
}

.page_opp .mind button:hover{
    background-color: #000;
}

.page_opp .propic{}
.page_opp .propic .pic{
    width: 100%;
    cursor: pointer;
}
.page_opp .propic .pic img{
    width: 100%;
}


.page_Solu{
    background-color: #FCFCFA;
}
.page_Solu .pro{
    padding: 80px 0;

}
.page_Solu .pro .text{
    float: left;
    width: 50%;

}
.page_Solu .pro .text .title{
    font-weight: bold;
    margin-top: 30px;
    font-size: 50px;
}
.page_Solu .pro .text .des{
    margin-top: 60px;
    width: 500px;
    font-size: 32px;
    line-height: 50px;
}
.page_Solu .pro .pic{
    float: right;
    width: 50%;
}
.page_Solu .pro .pic img{
    width: 100%;
}

.page_Solu .proRight{

    background-color: #F8F5EF;
}
.page_Solu .proRight .text{
    float: right;
    text-align: right;
}

.page_Solu .proRight .pic{
    float: left;
}

.page_Solu .proRight .pro .text .des{
    float: right;
}









.page_Solu .technology{height:400px;background-color:#f8f5ef;text-align:center;padding-top:160px}
.page_Solu .technology p{font-weight:700;font-size:30px}
.page_Solu .technology button{color:#fff;background-color:#333;display:inline-block;border-radius:8px;padding:10px;cursor:pointer;margin-top:50px}
.page_Solu .technology button:hover{background-color:#000}

.page_Solu .technology button.btn2{
background-color: #fff;
    color: #000;
    margin-left: 40px;
}

.page_Solu .technology button.btn2:hover{
    background-color: #333333;
    color: #FFF;
}

.page .alltext{
    text-align: center;
    padding: 80px 0;
}
.page .alltext .title{
    font-weight: bold;
    font-size: 75px;
}
.page .alltext .des{
    font-size: 40px;
    width: 1000px;
    margin: 60px auto 0;
}

.page_Products{
    background-color: #FCFCFA;
    padding-bottom: 60px;
}
.page_Products .product{
    text-align: center;
}
.page_Products .product li{
    float: left;
    width: 400px;
}
.page_Products .product li .pic{
    width: 100%;
}
.page_Products .product li .pic img{
    width: 100%;

}
.page_Products .product li .title{
     font-weight: bold;
    font-size: 32px;
}
.page_Products .product li .des{
        margin-top: 30px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
}
.page_Products .product li .content{
        margin-top: 50px;
    font-size: 25px;
    height: 150px;
}
.page_Products .product li button{
background-color: #0984E3;
    border-radius: 30px;
    padding: 10px 30px;
    margin-top: 50px;
    cursor: pointer;
    color: #fff;
}
.page_Products .product li .more{
    color: #0984E3;
    border-bottom: 1px solid #c7c7c7;
    width: 80%;
    text-align: center;
    margin: 20px auto;
    padding-bottom: 30px;
}


.page_Products .type{
    text-align: center;
}
.page_Products .type li{
    float: left;
    width: 33.3%;
}
.page_Products .type li .title{
font-weight: bold;
    font-size: 36px;
    margin-top: 50px;
}
.page_Products .type li .des{
     color: #666;
    margin-top: 20px;
    font-size: 24px;
}


.page_Products .detail{
    text-align: center;

}
.page_Products .detail li{
    float: left;
    width: 33.3%;
}
.page_Products .detail li .pic{
    width: 70px;
    margin: 0 auto;
    margin-top: 80px;

}
.page_Products .detail li .pic img{
    width: 100%;
}
.page_Products .detail li .title{
    font-weight: bold;
    font-size: 30px;
}
.page_Products .detail li .des{
    color: #666;
    margin-top: 10px;
    font-size: 24px;
}


.home_banner{
    overflow: hidden;
    height: auto;
    width: 100%;
    position: relative;
}
.home_banner video{
    width: 100%;
}
.home_banner img{
    position: absolute;
    width: 80px;
    /* height: 1.3rem; */
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.home .meeting{
    margin-top: 10px;
    width: 100%;

}
.home .meeting img{
    width: 100%;

}

.home .main{
    width: 100%;
    overflow: hidden;
}
.home .main li{
    float: left;
    width: 50%;
}
.home .main li img{
    width: 100%;
}

.home .group{
    width: 400px;
    margin: 50px auto;
    text-align: center;
}
.home .group .item{
    float: left;
}
.home .group .item:first-of-type{
    margin-right: 135px;
}
.home .group .item .pic{
    width: 50px;
    margin: 0 auto;
}
.home .group .item .pic img{
    width: 100%;
}
.home .group .item .title{
    font-weight: bold;
    margin-top: 20px;
    font-size: 26px;
}
.home .group .item .des{
    margin-top: 20px;

}







    /*尾部*/
footer{
    background-color: #F3F3F3;
    padding-top: 50px;
    padding-bottom: 50px;
}
footer .info{}
footer .info li{
    float: left;
    width: 20%;
}
footer .info li a{

    display: block;
    color: #616161;
    margin-top: 10px;
}
footer .info li a.title{
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
footer .info li a.des{}
footer .nav{
    border-top: 1px solid #000;
    padding-top: 30px;
    margin-top: 30px;
}
footer .nav .logo{float: left}
footer .nav .logo img{
    height: 70px;
}
footer .nav .menu{
    float: left;
    margin-left: 30px;
}
footer .nav .menu li{
    line-height: 70px;
    float: left;
    margin-left: 20px;
}
footer .nav .menu li a{}
footer .nav .facebook{
    float: right;

}
footer .nav .facebook img{
    height: 30px;
    cursor: pointer;
}