@charset "utf-8";
/* 基础css  清除默认样式*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,div,span,a,b,i,strong,em,img{ padding:0; margin:0;}
body{font-size:14px;font-family:"Microsoft YaHei","微软雅黑";background:#fff;color: #2C333B;letter-spacing: 1px;}
html{-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; line-height:100%; font-weight:normal;}
li{ list-style:none;}
a{ color:#FFFFFF;}
i,em{ font-style:normal;}
strong,b{ font-weight:normal;}
.bold{font-weight:bold;}
.dn{display:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;clear:both;content:'';}
.clearfix{zoom:1;}
input{outline:none;padding:0;}
select{outline:none;padding:0;margin: 0;background-color: #fff;}
textarea{resize: none;border:1px solid #e6e6e6;border-radius: 4px; font-size: 12px;padding: 5px;background-color: #fff;}
li{ list-style:none; vertical-align:top;}
a img{ border:0; }
img{display:block;}
table{border-collapse:collapse;}
table,tr,th,td{padding:0;}
input{height: 30px;line-height:30px;border:1px solid #e6e6e6;border-radius: 4px;color: #333;font-size: 12px;background-color: #fff;}
table input[type="checkbox"]{vertical-align: middle; margin-top:-2px; margin-bottom: 1px;margin-right: 8px;}

.wrapper{width: 1200px;margin: 0 auto;}
.header{width: 100%;height:650px;position: relative;background: url(https://static.cocotech.cn/www/image/banner.png) no-repeat;background-position: center 0;}
.header .logo img{width: 180px;height:62px;padding-top: 70px;padding-left: 100px;}
.header_txt{font-size: 60px;color:#fff;width: 100%;text-align: center;padding-top: 62px;}
.header_txt{animation: headerTxt 2s;-moz-animation: headerTxt 2s;	/* Firefox */-webkit-animation: headerTxt 2s;	/* Safari 和 Chrome */-o-animation: headerTxt 2s;	/* Opera */}
.company_intro{width:1200px;position: absolute;bottom: -180px;z-index:2;height: 260px;padding:52px 102px;background-color: #fff;left:50%;margin-left: -600px;box-shadow:0px 3px 30px rgba(2,4,17,0.02);border-radius:10px;box-sizing: border-box;}
.company_intro .left{font-size: 28px;font-weight: bold;margin-top: -3px;}
.company_intro .left::after{content: '';width: 40px;height: 3px;background-color: #F7B52C;display: block;margin-top: 15px;}
.company_intro .right{width: 850px;line-height: 24px;margin-left: 30px;font-weight: lighter;}
.company_intro .right p{margin-bottom: 15px;}
.section2{background-color: #F5F6F8;text-align: center;position: relative;height: 999px;}
.section2 img{width: 887px;height: 524px;margin: 0 auto;margin-top: 8px;padding-bottom: 150px;}
.section2 .title{font-size: 28px;font-weight:bold;position: absolute;top: 280px;width: 100%;left: 50%;margin-left: -50%; }
.section2 .center{position: absolute;top: 325px;width: 100%;left: 50%;margin-left: -50%;}
.section2 .txt{position: absolute;top: 198px;width:300px;height:69px;text-align: center;left: 50%;margin-left: -150px;font-weight: lighter;}
.section2 .p2{color:#F7B52C;font-size: 28px;margin-top: 20px;}
.section3{width: 100%;height:460px;box-sizing:border-box;position: relative;background: url(https://static.cocotech.cn/www/image/img1.png) no-repeat;background-position: center 0;color:#fff;}
.section3 .title{font-size: 28px;padding: 0 0 76px;text-align: center;font-weight:bold;position: absolute;top:110px; width: 100%;left: 50%;margin-left: -50%;}
.section3 ul{ padding-top: 223px;}
.section3 li{float: left;width: 33.33%;text-align: center;font-weight: lighter;}
.section3 li img{display: inline;padding-bottom: 30px;}
.section4{position: relative;}
.section4 .title{font-size: 28px;padding: 0 0 60px;text-align: center;font-weight:bold;top: 99px;position: absolute;width: 100%;left: 50%;margin-left: -50%;}
.section4 ul{padding-top: 196px;}
.section4 li{float: left;width:360px;text-align: center;margin-right: 60px;margin-bottom: 95px;font-weight: lighter;}
.section4 li:last-child{margin-right: 0;}
.section4 li img{width:100%;height:200px;margin-bottom: 30px;}
.section5{background-color: #F5F6F8;padding-bottom: 100px;padding-top: 187px;position: relative;}
.section5 .title{font-size: 28px;padding: 0 0 37px;text-align: center;font-weight:bold;position: absolute;top: 100px;width: 100%;left: 50%;margin-left: -50%;}
.section5 ul,.section7 ul{border:2px solid #EAEBEE;border-radius:10px;}
.section5 li{float: left;width:33.33%;padding: 62px 60px;box-sizing: border-box;border-right: 2px solid #EAEBEE;position: relative;font-weight: lighter;}
.section5 li img{position: absolute;top:-16px;width:32px;height: 32px;left: 50%;margin-left: -16px;}
.section5 li:last-child{border-right:none;}
.section6{width: 100%;height:500px;position: relative;background: url(https://static.cocotech.cn/www/image/img3.png) no-repeat;background-position: center 0;color:#fff;}
.section6 .list{width:50%;float: left;text-align: center;}
.section6 .list .title{padding: 99px 0 42px;font-size: 28px;font-weight: bold;width: 321px;margin: 0 auto;text-align: right; padding-right: 110px;}
.section6 .list_right .title{text-align: left; padding-right: 0;padding-left: 110px;}
.section6 .list li{width:321px; margin: 0 auto;text-align: right;padding-right: 110px;line-height: 24px;margin-bottom: 25px;font-weight: lighter;}
.section6 .list_right li{padding-right: 0;padding-left: 110px;text-align: left;}
.section6 .list li p{position: relative;padding-right: 21px;}
.section6 .list li p::after{content: '';width: 6px;height:6px;border: 2px solid #F7B52C;display: block;border-radius: 50%;position: absolute;right: 0;top: 6px;}
.section6 .list_right li p{position: relative;padding-left: 21px;padding-right: 0;}
.section6 .list_right li p::after{left: 0;}
.section7{padding-top: 187px;position: relative;}
.section7 .title{font-size: 28px;padding: 0 0 50px;text-align: center;font-weight:bold;position: absolute;top: 100px;width: 100%;left: 50%;margin-left: -50%;}
.section7 li{float: left;width:25%;height:360px;padding: 44px 55px;box-sizing: border-box;border-right: 2px solid #EAEBEE;}
.section7 li img{margin: 0 auto;margin-bottom: 55px;}
.section7 li .sec_title{font-weight: bold;margin-bottom: 20px;}
.section7 li .txt{font-weight: lighter;}
.section8{padding-top: 240px;position: relative;}
.section8 .title{font-size: 28px;padding: 0 0 50px;text-align: center;font-weight:bold;position: absolute;top: 153px;width: 100%;left: 50%;margin-left: -50%;}
.section8 .list{padding-bottom: 103px;}
.section8 img{width: 240px;height:100px;float: left;}
.footer{width: 100%;height:260px;position: relative;background: url(https://static.cocotech.cn/www/image/footer.png) no-repeat;background-position: center 0;color:#fff;}
.footer .logo img{width: 130px;height: 45px;padding-top: 62px;padding-bottom: 31px;}
.footer .top{border-bottom: 1px solid #fff;}
.footer .top .right{line-height: 24px;padding-top: 61px;text-align: right;font-weight: lighter;}
.footer .bottom{padding-top: 30px;}
.footer .bottom .left{font-size: 16px;font-weight: bold;}
.footer .bottom .right{font-size: 12px;font-weight: lighter;}
.fade_in{animation: title 2s;-moz-animation: title 2s;-webkit-animation: title 2s;-o-animation: title 2s;}
.fade_in2{animation: title 2.5s;-moz-animation: title 2.5s;-webkit-animation: title 2.5s;-o-animation: title 2.5s;}
.fade_in3{animation: title 3s;-moz-animation: title 3s;-webkit-animation: title 3s;-o-animation: title 3s;}
@keyframes headerTxt
{
    0% {opacity: 0;padding-top: 72px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 67px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 62px;}/*结束状态 透明度为1*/
}
@-moz-keyframes headerTxt /* Firefox */
{
    0% {opacity: 0;padding-top: 72px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 67px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 62px;}/*结束状态 透明度为1*/
}

@-webkit-keyframes headerTxt /* Safari and Chrome */
{
    0% {opacity: 0;padding-top: 72px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 67px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 62px;}/*结束状态 透明度为1*/
}

@-o-keyframes headerTxt /* Opera */
{
    0% {opacity: 0;padding-top: 72px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 67px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 62px;}/*结束状态 透明度为1*/
}
@keyframes title
{
    0% {opacity: 0;padding-top: 10px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 5px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 0;}/*结束状态 透明度为1*/
}
@-moz-keyframes title /* Firefox */
{
    0% {opacity: 0;padding-top: 10px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 5px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 0;}/*结束状态 透明度为1*/
}

@-webkit-keyframes title /* Safari and Chrome */
{
    0% {opacity: 0;padding-top: 10px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 5px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 0;}/*结束状态 透明度为1*/
}

@-o-keyframes title /* Opera */
{
    0% {opacity: 0;padding-top: 10px;}/*初始状态 透明度为0*/  
    40% {opacity: 0;padding-top: 5px;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;padding-top: 0;}/*结束状态 透明度为1*/
}