/* CSS Document */
*{ padding:0; margin:0}
input,button{ border:1px solid #CCC; background:none; outline:none}
ul,li{ list-style:none; float:left}
body{ font-family:"微软雅黑"; font-size:14px; color:#333; background:url(../images/bg.jpg) right top no-repeat #4c9fd8;}
a{ color:#333; text-decoration:none; transition-duration:0.4s}
a:hover{ text-decoration:none;}
img{ border:none; float:left}
.fl{ float:left}
.fr{ float:right}
i{ font-family:"04b09"; font-style:normal}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {  
    -webkit-text-fill-color: #c1e6f5 !important;  
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s; 
}
.body{width:1600px; margin:60px auto 30px auto; overflow:hidden}
.w1200{ overflow:hidden; width:1200px; margin:auto}
.copy{ width:1600px; margin:auto; text-align:center; color:#FFF; margin-bottom:30px; font-size:15px; line-height:30px;}
.copy a{ color:#fff}

.header{ width:100%; background:#fff; height:89px;}
.header .w1200{ height:89px; overflow:inherit; width:1300px;}
.header .logo{ /*height:35px;*/ }
.header .logo img{ height:89px; /*height:40px; margin-top:25px;*/}
.header ul{ height:89px; line-height:89px;}
.header ul li{ margin-left:45px; color:#666; font-size:16px; position:relative}
.header ul li a{}
.header ul li.active a,
.header ul li a:hover{ color:#24b7fa}
.header ul li .app{ position:absolute; left:-120px; top:89px; background:#FFF; padding:10px; width:280px; display:none; z-index:1000}
.header ul li .app p{ float:left; width:130px;}
.header ul li .app p img{ width:130px}
.header ul li .app p span{ float:left; width:130px; text-align:center; line-height:normal; font-size:14px; color:#333}
.header ul li .app p:last-child{ float:right}


.header2{ width:100%; background:rgba(255,255,255,0.5); height:80px; z-index:10; position:relative}
.header2 .w1200{ height:80px; line-height:80px;}
.header2 ul{ height:80px; line-height:80px;}
.header2 ul li{ margin-left:60px; color:#666; font-size:16px;}
.header2 ul li a{ color:#666}
.header2 ul li a:hover{ color:#24b7fa}

/*首页*/
.wrapBox{ float:left; width:1600px; background:#62C3F0; text-align:center; font-size:52px; color:#EEEFEF; padding:60px 0 60px 0; font-family:"宋体"; letter-spacing:5px;}
.wrapBox2{ float:left; width:1600px}
.wrapBox3{ float:left; width:1600px; background:#EEEFEF; position:relative; padding-bottom:40px;}
.wrapBox3 .left{ float:left; width:400px; margin-left:150px; padding-top:20px;}
.wrapBox3 .left .bar{ float:left; width:400px; color:#717071; margin-top:45px;}
.wrapBox3 .left .bar p{ float:left; background:url(../images/a.png) left center no-repeat; width:380px; padding-left:20px; font-size:16px;}
.wrapBox3 .left .bar span{ float:left; width:400px; font-size:18px; line-height:25px; margin-top:10px;}
.wrapBox3 .left .bar em{ float:left; width:400px; margin-top:6px; font-style:normal; font-size:14px; color:#62C3F0}
.wrapBox3 .right{ float:right; background:url(../images/h_img2.jpg) right bottom no-repeat; width:850px; height:700px; margin-right:150px;}
.wrapBox3 .right p{ color:#717071; float:right; width:850px; text-align:right;  margin-top:180px; font-size:18px; letter-spacing:2px;}
.wrapBox3 .right span{ color:#62C3F0; clear:both; float:right; width:830px; text-align:right; font-size:60px; font-family:"宋体"; letter-spacing:5px; margin-top:20px; padding-right:20px;}
.wrapBox3 .right em{ font-style:normal; color:#717071; clear:both; float:right; font-size:24px; font-family:"宋体"; margin-top:30px; margin-right:180px; letter-spacing:2px;}
.wrapBox3 .right em font{ font-size:35px;}

/*核心技术*/
.banner{ position:relative; width:1600px; background:url(../images/banner.jpg) no-repeat center top; height:1066px; margin-top:-80px; z-index:1; border-bottom:15px solid #5DB530; background-size:contain}
.banner span{ background:#5DB530; position:absolute; right:0; bottom:0; width:420px; color:#FFF; padding:20px 20px 20px 90px; line-height:30px; font-size:15px;}
.hx_wrap{ float:left; width:1600px; background:#eeefef}
.hx_wrap .stts_left{ float:left; width:500px}
.hx_wrap .xtts{ float:right; width:900px; margin-right:80px;}
.hx_wrap .xtts span{ float:left; width:100%; font-size:45px; color:#B4B5B5; font-weight:normal; font-family:"宋体"; text-align:right; margin-top:30px}
.hx_wrap .xtts table{ float:left; width:950px}
.hx_wrap .xtts table td{ padding:18px 0}
.hx_wrap .xtts table p{ float:left; width:100%; color:#5DB530; font-size:19px;}
.hx_wrap .xtts table em{ font-style:normal; color:#B4B5B5; margin-top:5px; float:left; width:100%; line-height:28px; font-size:15px;}
.hx_wrap2{ float:left; background:#F7F7F7; width:1600px; padding:80px 0}
.hx_wrap2 .xtys_left{ float:left; margin-left:100px; width:550px;}
.hx_wrap2 .xtys_left p.p{ float:left; width:100%; font-size:45px; color:#5DB530; font-family:"宋体"; margin-top:50px;}
.hx_wrap2 .xtys_left span{ float:left; width:100%; color:#9F9FA0; line-height:28px; font-size:15px; margin-top:10px;}
.hx_wrap2 .xtys_left table{ float:left; width:100%; margin-top:70px;}
.hx_wrap2 .xtys_left table img{ width:25px;}
.hx_wrap2 .xtys_left table td{ padding:5px 0}
.hx_wrap2 .xtys_left table p{ float:left; width:100%; color:#9F9FA0; font-size:15px;}
.hx_wrap2 .xtys_left table em{ font-style:normal; color:#9F9FA0; float:left; width:100%; line-height:28px; font-size:13px;}
.hx_wrap2 .xtys_right{ margin-right:80px;}
.hx_wrap3{ float:left; width:1600px; background:#eeefef; padding:80px 0;}
.hx_wrap3 .znht_left{ width:750px; overflow:hidden; margin:60px 0 0 0}
.hx_wrap3 .znht_left img{ float:left; margin-left:-100px; width:750px;}
.hx_wrap3 .znht_right{ width:650px; margin-right:80px;}
.hx_wrap3 .znht_right p.p{ float:left; width:100%; font-size:45px; color:#5DB530; font-family:"宋体"; text-align:right}
.hx_wrap3 .znht_right span{ float:left; width:100%; color:#888889; line-height:28px; font-size:15px; margin-top:20px; padding-bottom:100px;}
.hx_wrap3 .znht_right table{ float:left; width:300px; margin:15px 0}
.hx_wrap3 .znht_right table img{ width:55px;}
.hx_wrap3 .znht_right table p{ float:left; width:100%; color:#888889; font-size:15px;}
.hx_wrap3 .znht_right table em{ font-style:normal; color:#888889; float:left; width:100%; margin-top:10px; line-height:20px; font-size:13px;}

/*智能芯盘*/
.zn_wrap{ float:left; width:1600px; background:#DCDCDD; position:relative; margin-top:-80px; z-index:1; padding-bottom:80px;}
.zn_wrap .fl{ margin-left:80px; margin-top:150px; width:600px;}
.zn_wrap .fl .bar{ float:left; width:100%; font-size:17px; color:#595757}
.zn_wrap .fl .bar2{ float:left; width:100%; color:#62C3F0; font-size:70px; font-family:"宋体"; margin-top:10px;}
.zn_wrap .fl .bar3{ float:left; width:100%; color:#595757; margin-top:10px;}
.zn_wrap .fl .bar3 span{ float:left; width:150px; margin-top:10px; font-size:18px;}
.zn_wrap .fr{ width:600px; margin-right:150px; margin-top:140px;}
.zn_wrap .fr img{ width:600px;}
.zn_wrap2{ float:left; width:1600px; background:#FEFEFE;}
.zn_wrap2 .fl{ margin-left:80px; margin-top:80px; width:600px;}
.zn_wrap2 .fl .bar{ float:left; width:100%; font-size:17px; color:#9F9FA0}
.zn_wrap2 .fl .bar2{ float:left; width:100%; color:#62C3F0; font-size:70px; font-family:"宋体"; margin-top:10px;}
.zn_wrap2 .fl .bar3{ float:left; width:100%; color:#9F9FA0; margin-top:10px;}
.zn_wrap2 .fl .bar3 span{ float:left; width:150px; margin-top:10px; font-size:23px; font-family:"宋体";}
.zn_wrap2 .fl .bar4{ float:left; color:#9F9FA0; font-size:18px; line-height:35px; margin-top:240px;}
.zn_wrap2 .fr{ width:680px; margin-right:100px; margin-top:100px;}
.zn_wrap2 .fr img{ width:680px;}
.zn_wrap3{ float:left; width:1600px; background:url(../images/img6.jpg) #f7f7f7 no-repeat left -20px top 40px; height:700px; overflow:hidden}
.zn_wrap3 .fr{ margin-left:80px; margin-top:80px; width:600px; margin-right:60px;}
.zn_wrap3 .fr .bar{ float:left; width:100%; font-size:17px; color:#9F9FA0; text-align:right}
.zn_wrap3 .fr .bar2{ float:left; width:100%; color:#62C3F0; font-size:70px; font-family:"宋体"; margin-top:10px; text-align:right}
.zn_wrap3 .fl{ clear:both; float:right; margin-right:60px; margin-top:200px;}
.zn_wrap3 .fl dl{ float:left; width:200px;}
.zn_wrap3 .fl dl dt{ float:left; background:#5DB530; width:120px; text-align:center; color:#FFF; border-radius:6px; padding:5px 0; font-size:16px; margin-left:40px;}
.zn_wrap3 .fl dl dd{ float:left; width:200px; text-align:center; color:#717071; line-height:25px; margin-top:10px;}
.zn_wrap4{ float:left; width:1600px; background:url(../images/img7.jpg) #FEFEFE no-repeat center right 100px; height:600px; overflow:hidden}
.zn_wrap4 .bar{ float:left; width:100%; font-size:17px; color:#717071; margin-left:80px; margin-top:100px; }
.zn_wrap4 .bar2{ float:left; width:100%; color:#62C3F0; font-size:60px; font-family:"宋体"; margin-top:10px; margin-left:80px; }
.zn_wrap4 .bar3{ float:left; width:100%; font-size:17px; color:#717071; margin-left:80px; margin-top:200px; line-height:30px;}
.zn_wrap5{ float:left; width:1600px; background:url(../images/banner2.jpg) no-repeat center top; height:800px; border-bottom:15px solid #5DB530; }
.zn_wrap6{ background:url(../images/img8.jpg) #EEEFEF no-repeat left 80px top 200px;}
.zn_wrap6 .fr .bar{ color:#717071}
.zn_wrap6 .fr .bar2{ font-size:42px;}
.zn_wrap6 .fr .bar3{ color:#717071; float:left; width:500px; margin-top:250px; font-size:15px; line-height:30px; margin-left:60px;}
.zn_wrap7{ background:url(../images/img9.jpg) #FEFEFE no-repeat right top; padding-bottom:100px;}
.zn_wrap7 .fl{ width:750px}
.zn_wrap7 .fl .bar2{ font-size:45px;}
.zn_wrap7 .fl .bar4{ float:left; color:#9F9FA0; font-size:16px; line-height:30px; margin-top:200px;}
.zn_wrap7 .fl .bar4 font{ font-size:18px;}

/*渠道招商*/
.zs_wrap{ background:url(../images/banner3.jpg) no-repeat top; width:1600px; height:800px; font-family:"宋体"; float:left;}
.zs_wrap p{ float:left; color:#FFF; font-size:40px; margin-left:250px; margin-top:600px;}
.zs_wrap span{ float:left; color:#fff; margin-left:250px; clear:both; font-size:20px; margin-top:10px;}
.zs_wrap2{ background:#EEEFEF; float:left; width:1000px; padding:80px 300px;}
.zs_wrap2 p{ float:left; width:100%; font-size:38px; color:#5DB530; font-family:"宋体"; margin-bottom:15px;}
.zs_wrap2 span{ float:left; width:100%; color:#717071; line-height:35px; font-size:16px; margin-top:30px;}

/*我们的客户*/
.kehu_wrap{ background:url(../images/banner4.jpg) no-repeat top; width:1600px; height:710px; font-family:"宋体"; float:left;}
.kehu_wrap2{ float:left; width:1600px; overflow:hidden; background:#EEEFEF}
.kehu_wrap2 dl{ float:left; width:100%; border-bottom:1px solid #cfcfcf}
.kehu_wrap2 dl.dl dt{ float:left; width:350px; border-right:1px solid #cfcfcf}
.kehu_wrap2 dl.dl dt img{ width:350px;}
.kehu_wrap2 dl.dl dd{ float:left; width:1050px; margin-left:100px; color:#717071; }
.kehu_wrap2 dl.dl dd p{ font-size:24px; font-family:"宋体"; margin-top:60px; float:left; width:100%; padding-bottom:10px;}
.kehu_wrap2 dl.dl dd span{ font-size:16px; margin-top:10px; line-height:30px; float:left; width:100%}
.kehu_wrap2 dl.dl2 dt{ float:left; width:1050px; margin-left:100px; color:#717071; }
.kehu_wrap2 dl.dl2 dt p{ font-size:24px; font-family:"宋体"; margin-top:60px; float:left; width:100%; padding-bottom:10px;}
.kehu_wrap2 dl.dl2 dt span{ font-size:16px; margin-top:10px; line-height:30px; float:left; width:100%}
.kehu_wrap2 dl.dl2 dd{ float:right; width:350px; border-left:1px solid #cfcfcf}
.kehu_wrap2 dl.dl2 dd img{ width:350px;}
.kehu_wrap2 dl span.span{ color:#24b7fa; display:none}

/*关于我们*/
.about_wrap{ float:left; width:1600px; background:#DCDCDD}
.about_wrap .img{ float:left; width:500px; height:350px}
.about_wrap .info{ float:left; width:940px; height:350px; padding:0 80px;}
.about_wrap .info .table{ float:left; width:100%; position:relative;}
.about_wrap .info .table table{ width:100%; height:100%; position:absolute;}
.about_wrap .info .table table td{ color:#595757; line-height:40px; font-size:16px;}
.about_wrap2{ float:left; width:1600px; background:#ffffff}
.about_wrap2 .info{ float:left; width:620px; height:572px; padding:0 90px;}
.about_wrap2 .info .table{ float:left; width:100%; position:relative;}
.about_wrap2 .info .table table{ width:100%; height:100%; position:absolute; text-align:center}
.about_wrap2 .info .table table td{ color:#595757; line-height:40px; font-size:16px;}
.about_wrap2 .img{ float:left; width:800px; height:572px;}
.about_wrap3{ float:left; width:1600px; background:#f7f7f7; height:320px}
.about_wrap3 .img{ height:320px}
.about_wrap3 .info .table table td p{ float:left}
.about_wrap3 .info .table table td p span{ float:left; width:100%; clear:both}
.about_wrap3 .info .table table td img{ margin-left:100px;}