/*
 * Name:Micro Website
 * Author:Wang
 * Date:2016.12.13
*/

/*reset style*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { width:100%; height:100%; background:#FFF; color:#666; font:12px/1.5em "宋体"; position:relative; left:0; top:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
*{ word-wrap: break-word;}
a{ color:#666; text-decoration:none; }
a:hover { color:#c00; }
fieldset, img { border:none; }
img{ border:0; vertical-align:middle;}
legend { display:none; }
ol, ul, li { list-style:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana, Helvetica, Arial, sans-serif; vertical-align:middle;}
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }
/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; zoom:1; }
.cl{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dis{ display:none;}
.undis{ display:block;}
a,input,select,button{ outline:none; }
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.pt1{padding-top:10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pl5{padding-left:5px;}
.pl15{padding-left:15px;}
.pl3{padding-left:30px;}
.pr15{padding-right:15px;}

html{ height:100%; }
body{width:100%;margin:0;padding:0;font-family:"Microsoft Yahei";}
header{width:100%;height:105px;background:url(../images/head.jpg) no-repeat;}
.headBox{width:100%;height:105px;background:url(../images/header.png) repeat-x;}
.upper{width:1200px;margin:0 auto;}
.logo{padding-top:11px;}
.tnav{padding-top:15px;}
.nav{margin-top:40px;}
.tnav ul li{float:left;padding:0 25px;}
.tnav ul li a{font-size:14px;color:#fff;}
.tnav ul .greenline a{color:#8be909;border-bottom:2px solid #8be909;padding-bottom:10px;}
.up{margin-right:25px;float:right;}
.up .four{padding-left:20px;}
.up a{color:#fff;}
.up a.en{text-transform:uppercase;}
.up a:hover{text-decoration:underline;}
.up strong{padding:0 8px;color:#fff;}
/*banner*/
.lubo{width: 100%; min-width:1000px;/*clear: both;*/ position: relative;height:795px;}
.lubo_box{ position: relative; width: 100%; height:795px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:795px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 534px;}	

.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 50px; height: 10px; margin:0px 5px; cursor: pointer; background: #eee; opacity: 0.8;filter:alpha(opacity=80);}
.cir_box li.cir_on{ margin:0 5px;background:#8be909 !important;}
.lubo_btn{ position: absolute; width: 100%; top: 320px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #333;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}
.left_btn:hover, .right_btn:hover{background:#555;opacity: 0.5;}

.ibox{width:1000px;/*height:200px;*/margin:50px auto;}
.ibox ul li{float:left;margin:0 40px;}
.ibox ul li span{display:block;text-align:center;padding-top:25px;font-size:16px;color:#333;}
.real .video { width:520px; height:390px; border:1px solid #dddddd; float:left;}
.real .profile { width:584px; line-height:30px; font-size:14px; float:right;}
.pull{max-height:277px;overflow:hidden;}
.real .atitle{font-size:30px; line-height:50px;color: #000;margin: 0px 0px 10px 0px;text-align: left; }
.real .more {width:152px; height:36px; background:#ddbe7b; text-align:center; line-height:36px; margin-top:20px;}
.real .more a { color:#FFF;}
.vidtxt{#333;text-align:center;padding-top:5%;}
.vidtxt h3{font-size:30px;font-weight:normal;color:#0099ff;}
.vidtxt h3 strong{color:#8cc71e;}
.vidtxt p{font-size:20px;padding-top:40px;}



.realvide{width:100%;background:#e9e9e9; height:480px;}
.real{width:1200px;margin:0 auto;padding:50px 0;}
.vid{width:930px;margin:0 auto;}
.movie_player{border:4px solid #0099ff;border-radius: 5px;}
.pro{width:100%;margin:0 auto;height:765px;background:url(../images/probg.jpg) no-repeat;}
.protit{text-align:center;color:#ccc;padding-top:70px;}
.protit h2{font-size:42px;border-bottom:1px solid #ccc;padding-bottom:30px;font-weight:normal;}
.protit h2 strong{color:#70b90b;}
.protit p{font-size:30px;padding-top:25px;}
.procon{width:1200px;margin:50px auto;}
.procon ul{width:100%;}
.procon ul li{float:left;width:32%;height:430px;background:#fff;margin:0 8px;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);}
.procon ul li:hover{background:#8be909;}
.procon ul li .conImg{width:100%;height:142px;overflow:hidden;}
.procon ul li a:hover{color:#fff;}
.procon ul li:hover .conImg img{transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}
.procon ul li:hover .lj h4{color:#fff;border-bottom:2px solid #fff;}
.procon ul li:hover .lj p{color:#fff;}
.control{width:308px;margin:0 auto;padding-top:40px;}
.lj{margin-top:25px;}
.control h4{font-weight:normal;font-size:22px;color:#70b90b;border-bottom:2px solid #70b90b;padding-bottom:15px;}
.control p{font-size:18px;color:#70b90b;padding-top:15px;}
/*footer*/
footer{width:100%;height:auto;background:url(../images/footerbg.png) bottom repeat-x;}
.bottoms{width:1200px;margin:0 auto;padding-top:30px;}
.bottoms ul li{float:left;padding:0 31px;}
.bottoms ul li a{display:block;line-height:25px;}
.bottoms ul li p{line-height:25px;}
.bottoms ul li .pre{padding-top:12px;}
.bottoms ul li a h3,.bootom ul li h3{color:#666;font-size:14px;padding-bottom:10px;}
.bottoms ul li a:hover{text-decoration:none;color:#8be909;}
.fline{width:100%;padding-top:1%;border-bottom:1px solid #555;}
.copy{text-align:center; height:48px; line-height:48px;color:#eaeaea; margin-top:20px;}
.footright{text-align:center; height:60px; line-height:26px; color:#eaeaea; background:#333333; }
.footright img{width:20px; height:20px;}
/*=====遥控芯片硬件=====*/
.tab{width:660px;margin:50px auto;font-size:14px;}
.tab span{width:127px;height:35px;line-height:35px;display:inline-block;color:#333;padding:15px;cursor:pointer;text-align:center;}
.tab .spestyle{width:127px;height:35px;padding:15px;color:#fff;background:#0099ff;text-align:center;}		
.pros{width:100%;}		
.pros ul li{float:left;font-size:16px;border:1px solid #e9e9e9;margin:15px 19px;width:260px;height:315px;]}
.pros ul li img{ padding:20px;}
.pros ul li:hover{border:1px solid #0099ff;/*opacity:.8;*/}
.pros ul li:hover span{background:#0099ff;color:#fff;}
.pros ul li a{font-size:16px;}
.pros ul li a p{padding-top:10px;color:#333;text-align:center; height:42px; font-size:14px; line-height:22px;}
.pros ul li a span{color:#0099ff;font-size:14px;width:186px;height:30px;line-height:30px;margin:20px auto;padding-left:15px;padding-right:10px;border:1px solid #0099ff;display:block;}
.pros ul li a span font{float:right;}
.ware{width:100%;height:;background:#f3f3f3;}
.warePic{width:1200px;margin:0 auto;}
.client{margin:50px auto;width:1200px;}

.kevin{width:100%;margin:30px 0;}
.kevin ul li{float:left;margin:0 26px;background:#fff;}
.kevin ul li p{text-align:center;color:#2d2d2d;font-size:14px;padding:10px 0;}
.kevin ul li a,.kevins ul li a{text-decoration:none;}
.kevin ul li:hover{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);}
.kevin ul li:hover p{background:#0099ff;color:#fff;}
.cloud{width: 1200px; position: relative; margin:30px auto;}
.khsecond{width:100%;padding-top:4%;margin-bottom:45%;}
.rom ul li{float:left;margin:0 2px;padding:2px;border:1px solid #ccc;height:448px;}
.rom ul li h3{font-size:16px;text-align:center;padding-top:4%;}
.rom ul li p{width:350px;font-size:13px;line-height:25px;padding-top:2%;padding-left:5%;min-height:80px;max-height:80px;overflow:hidden;}
.rom ul li span{width:90px;display:block;margin:3% 10%;margin-left:30%;font-size:18px;padding:10px 15px;border:1px solid #3366cc;color:#3366cc;text-align:center;}
.rom ul li:hover{border:1px solid #3366cc;}
.rom ul li a:hover>span{background:#3366cc;color:#fff;}
.rom ul li a:hover{text-decoration:none;color:#333;}

.gracoor{margin-top:3%;}
.gracoor h6{font-size:24px;font-weight:normal;text-align:center;color:#3e3a39;}
.xgskh{text-align:center;height:60px;background:url(../images/last.png) 50% 5% no-repeat;}
.xgskh span{font-size:24px;color:#3e3a39;padding-top:30px;}
.fbsj{margin-top:2%;text-align:center;color:#333;}
.fbsj span{padding-left:30px;}
.fbsj .file{width:13px;height:18px;background:url(../images/file.png) 10px -1px no-repeat;}
.fbsj .eyes{width:13px;height:18px;background:url(../images/eye.png) 5px 3px  no-repeat;}
.dtcon{margin:30px auto;}
.dtcon p{font-size:15px;color:#333;text-indent:2em;line-height:32px;}
.prne{padding:35px 0;font-size:16px;}
.prne a{display:block;color:#555;padding:8px 0;font-size:16px;}



/*=====遥控驱动软件=====*/
.soft{width:1200px;margin:80px auto;}
.softTit{font-size:28px;text-align:center}
.softTit h3{color:#99cc33;font-weight:normal;}
.softTit h4{color:#333;font-weight:normal;}
.softTit h3 font{color:#333;}
.softTit .speimg{margin-top:20px;}
.softTit p{font-size:16px;color:#333;padding-top:25px;}
.diamond{ position: relative;width:1000px;height:468px;margin:30px auto;  }  
.lineF, .lineS {  position: absolute;  /*visibility: hidden;*/  }  
.lineS { top: 192px;  left: 105px;  }  
.boxF, .boxS, .boxT, .overlay  { width: 240px;  height: 280px;  overflow: hidden; }  
.boxF, .boxS  {  /*visibility: hidden;*/  }  
.boxF { transform: rotate(120deg);  float: left;  margin-left: 10px;  
-ms-transform: rotate(120deg);  -moz-transform: rotate(120deg);  -webkit-transform: rotate(120deg);  }  
.boxS {transform: rotate(-60deg);  -ms-transform: rotate(-60deg);  -moz-transform: rotate(-60deg);  -webkit-transform: rotate(-60deg);  }  
.boxT  { transform: rotate(-60deg);  background: no-repeat 50% center;  background-size: 135% auto;  
-ms-transform: rotate(-60deg);  -moz-transform: rotate(-60deg);  -webkit-transform: rotate(-60deg);  visibility: visible;  }  
.boxF{margin:10px 45px;}
.boxfont{position:absolute;display:block;background:#0099ff;color:#fff;padding:30px 50px;border-radius: 60%;}
.boxfont1{bottom:-35%;left:6%;}
.boxfont2{bottom:-35%;left:39%;}
.boxfont3{bottom:-35%;left:73%;}
.number,.air{width:1200px;margin:30px auto;}     

.number ul li{float:left;width:162px;margin:30px 38px;line-height:100px;text-align:center;}
.number ul li a{display:block;padding:30px;color:#0099ff;font-size:26px;border:1px solid #07a3ea;border-radius: 200px;width:100px;height:100px;}
.number ul li a:hover{background:#07a3ea;color:#fff;}
.number ul li span{display:block;text-align:center;padding-top:12px;font-size:14px;color:#333; height:32px; line-height:22px;}
.service{width:100%;background:#e9e9e9;padding-top:65px;}
.oicon{width:1200px;margin:0 auto;padding:50px 0;}
.oicon ul li{float:left;margin:0 52px;}
.oicon ul li span{display:block;text-align:center;padding-top:20px;font-size:16px;color:#333;}
/*=====万能码库和app代码=====*/
.moduletable-banner{width:100%;height:495px;position:relative;}
.softTit h5{font-weight:normal;font-size:28px;color:#333;padding-bottom:20px;}
.softTit h5 strong{color:#0099ff;}
.softTit .spep{color:#333;text-align:initial;line-height:10px;}
.softTit .coblue{color:#0099ff;}
.air ul li{float:left;margin:10px 20px;width:258px;height:280px;border:1px solid #ccc;}
.air ul li:hover{border:1px solid #0099ff;}
.air ul li:hover img{opacity: .8;}
.air ul li a img{padding:40px 55px;}
.air ul li span{display:block;text-align:center;font-size:18px;color:#333;}
.language{width:1200px;margin:30px auto;padding-bottom:10px;}
.language ul li{float:left;width:264px;height:232px;margin:12px 18px;background:url(../images/six.png) no-repeat;}
.language ul li span{display:block;text-align:center;font-size:22px;color:#333;}
.language ul li a img{padding:50px 100px;}
.warejx{width:100%;margin:0 auto;padding:50px 0;background:#eee;}
.codeIcon{width:1200px;margin:35px auto;}
.codeIcon ul li{float:left;margin:5px 45px;width:208px;text-align:center;}
.codeIcon ul li span{display:block;font-size:20px;color:#333;padding-top:20px;}

/*=====成品案例=====*/
.case{width:100%;background:#e9e9e9;}
.casetit{padding-top:80px;text-align:center;}
.casetit h3{font-size:30px;font-weight:normal;color:#99cc33;}
.casetit h3 strong{color:#333;}
.casetit p{color:#333;font-size:16px;padding-top:30px;}
.onepro{width:1200px;margin:0 auto;}
.one{padding:60px 0;}
.one-txt{padding-top:143px;width:455px;background:#fff;height:317px;text-align:center;position:relative;}
.fex{width:280px;margin:0 auto;}
.one-txt h5{color:#00affe;font-size:22px;font-weight:bold;border-bottom:1px solid #00affe;padding-bottom:20px;line-height:34px;}
.one-txt p,.spe p,.spes p{color:#666;font-size:16px;padding-top:15px;}
.one-txt a{color:#00affe;font-size:14px;border:1px solid #00affe;padding:10px 20px;margin-top:50px;display:inline-block;}
.one-txt a:hover{color:#fff;background:#00affe;}
.sum{position:absolute;width:22px;height:62px;background:url(../images/triangle1.png) no-repeat;left:-21px;top:155px;}
.sam{position:absolute;width:22px;height:62px;background:url(../images/triangle2.png) no-repeat;left:452px;top:155px;}
.grenbg{width:100%;background:#ccc;}
.speleft{margin-left:35px;padding-top:100px;}
.mvideo{width:100%;height:630px;background:url(../images/bluebg.png) no-repeat;padding-top:120px;}
.vidtxts{color:#fff;text-align:center;}
.vidtxts h3{font-size:35px;font-weight:normal;}
.vidtxts p{font-size:22px;padding-top:40px;}
.mt5{margin-top:150px;}
.casespe{width:1200px;margin:0 auto;}
.spe{width:340px;margin:80px auto;text-align:center;}
.spes{width:600px;margin:80px auto;text-align:center;}
.spe h5,.spes h5{color:#00affe;font-size:26px;font-weight:normal;border-bottom:1px solid #00affe;padding-bottom:20px; line-height:42px;}

.speImg{text-align:center;}
.spexq{padding-bottom:80px;}
.spexq h2,.spexqs h2{color:#444;font-size:28px;font-weight:normal;border-bottom:1px solid #555;padding-bottom:25px;}
.spexq p{line-height:30px;font-size:15px;color:#333;}
.spevid{width:848px;margin:48px auto;height:478px;background:url(../images/s_video.png) no-repeat;}
.movie{margin-top:45px;margin-left:145px;}
/*=====合作伙伴=====*/
.cooper{margin:40px auto;width:1200px;text-align:center;}
.cooper h4{color:#333;font-size:28px;font-weight:normal;}
.cooper span{font-size:16px;color:#333;display:block;padding-top:30px;}
.partner{width:100%;margin-top:25px;height:589px;background:url(../images/coopbg.png) no-repeat;}
.part{width:1200px;margin:30px auto;}
.part ul{padding:50px 0;}
.part ul li{float:left;margin:15px 3px;}
/*=====资料下载=====*/
.download{width:1200px;margin:2% auto;border-radius: ;}
.dowtitle{margin-top:60px;margin-bottom:60px;text-align:center;color:#333;}
.dowtitle h2{font-size:28px;font-weight:normal;}
.dowtitle h2 strong{color:#87c345;}
.dowtitle span{font-size:16px;display:block;padding-top:20px;}
.download ul li{font-size:14px;color:#333;padding-left:15px;line-height:38px;border-bottom:1px dashed #ccc;position:relative;}
.download ul li a{font-size:16px;}
.download ul li span{float:right;}
.download ul li:before{content:'';width:8px;height:18px;background:#248dd1;position:absolute;left:0%;top:20%;}

.downdet{margin-bottom:150px;}
.down-deta{width:390px;margin:80px auto;text-align:center;}
.downImg{border-bottom:1px solid #00a3fe;padding-bottom:20px;color:#00a1fe;font-size:28px;line-height:40px;}
.down-deta h5{font-size:16px;font-weight:normal;color:#333;padding-top:15px;}
.down-cont{width:585px;margin:0 auto;}
.down-cont ul li{border-bottom:1px solid #1398fd;line-height:35px;margin:10px 0;}
.down-cont ul li .flfont{font-size:16px;color:#fff;background:#1398fd;width:130px;height:37px;display:inline-block;text-align:center;}
.down-cont ul li .rifont{float:right;font-size:16px;color:#333;}
.clickd{margin:50px 0;text-align:center;}
.clickd a{font-size:16px;color:#333;border:1px solid #1398fd;padding:8px 30px;}
.clickd a:hover{color:#fff;background:#1398fd;}
/*=====人才招聘=====*/
.icon{width:1200px;margin:0 auto;height:250px;text-align:center;}
.icon img{margin-top:50px;}

.colou{width:100%;margin-bottom:60px;}
.colou ul{width:990px;margin:0 auto;height:200px;}
.colou ul li{float:left;margin:0 22px;}
.job h3{font-size:15px;color:#000;position:relative;border-bottom:1px solid #888;padding-left:18px;padding-bottom:10px;}
.job h3:before{content:'';width:8px;height:18px;background:#248dd1;position:absolute;left:0%;top:5%;}
.job ul{margin-top:22px;}
.job ul li{float:left;font-size:15px;color:#333;padding-left:15px;}
.job ul .lispe{padding-left:140px;}
.job ul li p{line-height:28px;}
.bluetxt{background:#248dd1;color:#fff;margin:22px 0;padding:12px 0 12px 15px;font-size:15px;}
.bluetxt .ts{padding:15px 0;}
.bluetxt p{line-height:25px;}
/*=====联系我们=====*/
.map{width:1200px;margin:70px auto;}
.maptxt{width:334px;height:589px;;color:#333;}

.maptxt p {font-size:15px;line-height:32px;}

/*=====企业文化=====*/
.intro{margin:0 auto 20px;width:1200px;}
.seven p{font-size:16px;color:#000;line-height:30px;}
.eight{margin-bottom:65px;}
.eight p{font-size:16px;color:#000;line-height:30px;}
.simge{margin:20px 0;}
/*=====登录、注册=====*/
.loginAll{padding-top:10px;}
.logtit{width:1200px;margin:30px auto;}
.logtit strong{font-size:28px;color:#333;}
.logtit a{float:right;font-size:16px;color:#666;}
.logtit a:hover{text-decoration:underline;}
.logline{width:100%;height:12px;background:#e9e9e9;}
.login{width:500px;margin:20px auto;}
.inp{color:#333;font-size:16px;border:1px solid #e9e9e9;height:60px;line-height:60px;margin:15px 0;}
.inp strong{border-right:1px solid #e9e9e9;height:60px;display:inline-block;width:140px;text-align:center;}
.inp .rim{width:220px;height:50px;border:none;padding-left:10px;color:#999;}
.inp .code{width:120px;height:50px;border:none;padding-left:10px;}
.inp span{cursor:pointer; font-size:13px; color:#F00}
.logBtn a{vertical-align: top}
.logBtn .ljdl{width:225px;height:60px;display:inline-block;}
.logBtn .ljdl input{background:#059eea;font-size:16px;font-family:'微软雅黑';
color:#fff;border:none;cursor:pointer;width:225px;height:60px;line-height:60px;}
.logBtn .wjpw{font-size:16px;width:225px;margin-left:46px;height:60px;line-height:60px;text-align:center;background:#e9e9e9;display:inline-block;}
.logBtn .wjpw:hover{color:inherit;}

.register{text-align:center;}
.register input{font-size:16px;color:#fff;border:none;width:500px;height:60px;line-height:60px;background:#059eea;cursor:pointer;font-family:'微软雅黑';}
.inp .getCode{color:#fff;font-size:14px;background:#22bdf5;padding:12px 20px;}

.digg4{  margin:40px 0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}


.metpager_8 a,.metpager_8 span.miy,.metpager_8 span{color:#666;font-size:16px;border:1px solid #ccc;height:50px;padding:8px 12px;margin:0 3px;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {background:#248dd1;color:#fff;border:none;}
.metpager_8 a.act {background:#248dd1;color:#fff;border:none;}
.metpager_8 span.disabled {color:#ccc;}

.page{width:100%;padding-top:5%;height:50px;text-align:center;}
.page span{color:#333;font-size:16px;border:1px solid #ccc;height:50px;padding:8px 12px;margin:0 5px;}
.page .non{color:#ccc;}
.page .pgreen{background:#248dd1;color:#fff;border:none;}


#member_basic,.join{width:1200px;margin:0 auto;}

.spe-tv{width:1200px;margin:20px auto;}
.vix{width:564px;margin:0 auto;height: 351px;}
.hgbh{margin:15px auto 25px;width:800px;}