/*
主题名称: 证书平台基础样式
URI: the-theme's-base
描述：样式重置以及通用样式
作者: caogq
版本: v1.0
[目录表] 
	0- 首页
	1- 内页
	2- 列表页
	3- 新闻页
	4- 登录页
*/	
body{ background:#eaeaea; height:100%;}
.bgff{ background:#fff;}

/* 0 css 首页--------------------------------------------------------------------------*/
.editico,.delico,.inmlsli li p span,.btnle p span,.jcaico{background-image:url(../images/ico.png); background-repeat:no-repeat;}

/*---首页-banner---*/
.banner{ width:100%; min-width:786px; height:300px;  margin-bottom:20px;   background: url(../images/banner.jpg) center top;}
.banner2{ width:100%; min-width:786px; height:80px;  margin-bottom:10px;   background: url(../images/banner2.jpg) center top;}
.topbox{ width:786px; height:50px; margin:0 auto;}
.user{ height:40px; width:40px; border-radius:50%; overflow:hidden; margin:5px 20px 0 0;}
.user img{ border-radius:50%;}
.username{ margin-top:15px; font-size:13px; color:#fff;}
.userlink{ margin-top:15px; font-size:13px; color:#fff; }
.userlink:hover{ color:#fff;}

/*---首页-nav---*/
.navxxx { width:786px; margin:0 auto;}
.navxxx li{ float:left; width:150px; height:65px; padding:15px 0 0 100px; line-height:28px; background:url(../images/navbg.png) no-repeat;}
.nav li h5{ font-size:18px;}
.navxxx li p{ color:#909090;}
.navxxx .nav_new{ background-position:0 0; margin-right:18px;}
.navxxx .nav_movie{ background-position:0 -80px; margin-right:18px;}
.navxxx .nav_new{ background-position:0 -160px;}

/*---首页-pro---*/
.probox{ width:786px; margin:0 auto;}
.probox h5{ padding:20px 0; font-size:18px;}
.probox h5 span{ display:inline-block; padding:2px 5px; margin-right:30px; color:#0149b7; cursor:pointer;}
.probox h5 .current{ background:#0149b7; color:#fff; }
.prolist li{ position:relative; float:left; width:180px; height:180px; margin-bottom:50px;}
.proname{ position:absolute; bottom:0; left:0; width:180px; height:36px; padding:7px 0; background:rgba(255,255,255,0.9); color:#979797; text-align:center;}
li:hover .proedit{
	display: block;
}
.proedit{
	display: none;
	position:absolute; top:0; left:0; width:140px; height:70px; padding:30px 20px; background:rgba(0,62,152,0.8); text-align:center; font-size:18px;
}
.proedit p{ color:#fff;}
.proedit dl dd{ float:left; width:70px;}

.proedit-create{
	position:absolute; top:0; left:0; width:140px; height:70px; padding:30px 20px; background:rgba(0,62,152,0.8); text-align:center; font-size:18px;
}
.proedit-create p{ color:#fff;}
.proedit-create dl dd{ float:left; width:70px;}

.editico{ display:inline-block; width:40px; height:40px; background-position:0 0;}
.delico{display:inline-block; width:40px; height:40px; background-position:0 -40px;}


/*---内页-innerleft---*/
.bgf7{ background:#fff}
.innerleft{ width:200px; background: #fff; min-height:500px;}
.innerman{ width:180px; padding:30px 0 50px 0; color:#fff; text-align:center; }
.innerman p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.innebig{height:70px; width:70px; border-radius:50%; overflow:hidden; margin:10px auto;}
.innebig img{ border-radius:50%;}

.inmlsli{ width:200px; border-top:solid 0px #f2f2f2;}
.inmlsli li{ width:200px; }
.inmlsli li p{ width:165px;height:50px; line-height:50px; padding:8px 0 8px 30px; font-size:18px; color:#6c6c6c; border-left:solid 5px #fff; cursor:pointer;}
.inmlsli li p:hover,.inmlsli li .current{ border-left:solid 5px #0149b7; background:#5182ce; color:#fff;}
.inmlsli li p span{ float:left; width:50px; height:40px; margin-right:13px;}
.listico1{ background-position:-50px -76px;} 
.listico2{ background-position:-50px -116px;} 
.listico3{ background-position:-50px -156px;} 
.listico4{ background-position:-50px -196px;} 
.inmlsli li p:hover .listico1,.inmlsli li .current .listico1{ background-position:7px -76px;}
.inmlsli li p:hover .listico2,.inmlsli li .current .listico2{ background-position:7px -116px;}
.inmlsli li p:hover .listico3,.inmlsli li .current .listico3{ background-position:7px -156px;}
.inmlsli li p:hover .listico4,.inmlsli li .current .listico4{ background-position:7px -196px;}
.yiicobox{ width:200px; 
/*max-height:155px;*/ 
overflow:auto; padding:10px 0; background:#e4edfc;}

.widget-Label {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/Label.png);background-size:100%; background-repeat:no-repeat;}
.widget-Video {
    cursor: move;
    float: left;
    width: 60px;
    height: 60px;
    margin: 10px 0 10px 16px;
    background-image: url(../images/Video.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.widget-Line {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/line.png);background-size:100%; background-repeat:no-repeat;}
.widget-AreaLine {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/area-line.png);background-size:100%; background-repeat:no-repeat;}

.widget-Clock {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/Clock.png);background-size:100%; background-repeat:no-repeat;}
.widget-OnOffStatus {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/OnOffStatus.png);background-size:100%; background-repeat:no-repeat;}

.widget-Rfid {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/Rfid.png);background-size:100%; background-repeat:no-repeat;}
.widget-Motor {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/Motor.png);background-size:100%; background-repeat:no-repeat;}
.widget-Servo {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/Servo.png);background-size:100%; background-repeat:no-repeat;}
.widget-ControlButton {     cursor: move;float:left; width:60px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/ControlButton.png);background-size:100%; background-repeat:no-repeat;}


.yiicobox .old-widget{ float:left; width:74px; height:60px; margin:10px 0 10px 16px;background-image:url(../images/yiico.png); background-repeat:no-repeat;}

.yiico1{ background-position:0 0;}
.yiico2{ background-position:-80px 0;}
.yiico3{ background-position:0 -80px;}
.yiico4{ background-position:-80px -80px;}
.yiico5{ background-position:0 -160px;}
.yiico6{ background-position:-80px -160px;}
.innerleftbox{padding-top: 58px; position:absolute; left:0; top:0; width:209px; background:url(../images/inrighbg.png) repeat-y right; z-index:2;}
/*---内页-innerright-top--*/
.innerright{ padding-left:200px;}
.inritop{ position:relative; height:40px; width:100%; background:#fff; text-align:center; color:#a9a9a9; font-size:14px;}
.btnle{ position:absolute; top:15px; left:20px; }
.clhdf{margin-top:28px; display:inline-block}
.btnle ul li{ float:left; width:30px; margin:0 20px; color:#a9a9a9;}
.btnle ul li:hover{ color:#a9a9a9;}
.btnle ul .first,.btnle ul .first:hover{ color:#81d4fa}
.btnle p span{ display:inline-block; width:30px; height:30px;}
.btnle p .jcico1{ background-position:-46px 0;}
.btnle p .jcico2{ background-position:-46px -36px;}
.fabox{ position:absolute; right:0; top:2px; width:219px; height:36px; line-height:36px; background:url(../images/fabubg.png) no-repeat;}
.fabox a{ margin:0 10px; font-size:14px; color:#fff;}
/*---内页-innerright-con--*/
.inricon{ width:100%;}
.inriconedit { width:450px; float:left; padding:20px 0 0 20px;}
.inriconedit ul li{ padding:10px 0; font-size:14px; color:#333;}
.inriconedit ul li span{ float:left; padding-right:10px;}
.inriconedit ul li input{ width:278px; height:22px; line-height:22px; border:solid 1px #999}
.inriconedit ul li textarea{ width:270px; padding:4px; height:88px; border:solid 1px #999}
.jcdbox{ padding:30px 0; font-size:14px; color:#333;}
.iodmg{ position:relative; float:left; width:210px; height:140px; margin-left:10px;}
.iodmg a{ position:absolute; display:block; top:40px;left:30px;  width:50px; height:100px; text-align:center; color:#fff;}
.jcaico{ display:inline-block; width:40px; height:40px; background-position:0 0;}
.fmbox{ height:120px;}
/*---内页-innerright-右侧面板--*/
.innersj{ position:relative; padding-left:20px; background:#fff}
.innersj h5{ height:40px; line-height:40px; margin-bottom:20px; font-size:18px; border-bottom:solid 1px #5182ce;}
.innersj h5 span{ position:relative; top:-1px; display:inline-block; border-bottom:solid 3px #0149b7; color:#333;}
.mbzcbox{ width:700px; height:500px; border:solid 1px #5182ce;}
.shuxingbox{ position:absolute; width:250px; height:500px; right:0; top:60px; background:#eff5fd;}
.shuxingbox h6{ padding:10px; font-size:16px; color:#fff; background:#5182ce;}
.shuxingbox dl{ padding:10px; font-size:14px; color:#333;}
.shuxingbox dl dt{ float: left;height:38px; line-height:38px;border-bottom:solid 1px #d2e4ff;}
.shuxingbox dl select{ color:#333;}
.shuxingbox dl dd{height:32px; line-height:32px; border-bottom:solid 1px #d2e4ff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*--弹框--*/
.dilogbg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:8; background:#000; opacity: 0.3;filter:alpha(opacity=30);}
.dilog{ position:fixed; width:364px; left:50%; top:100px; z-index:9; margin-left:-182px; height:500px; overflow-y:auto; overflow-x:hidden}
.dilogtop{ width:364px; height:90px; padding-top:20px; background:url(../images/wxbg.png) no-repeat;}
.dilogcon{ height:600px; background:#fff;}
.dilogtop img{ position:absolute; height:70px; width:70px; left:20px; top:20px; border-radius:50%;}
.dilogtop p{ padding:0 40px 0 0; color:#fff; text-align:right; line-height:26px;}
.dilogcode{ position:fixed; width:150px; height:160px; top:100px; left:50%; margin-left:190px; z-index:9; text-align:center; color:#fff; font-size:14px;}

/*--列表页--*/
.listbox{ width:1120px; margin:0 auto; }
.listbox h5{ height:24px; padding-left:10px; margin:5px 10px; line-height:24px; border-left:solid 4px #0149b7; color:#333; font-size:18px; font-weight:bold;}
.listbox  ul li {
	float:left; position:relative; width:500px; height:150px; margin:7px 10px; padding:10px; background:#fff; color:#333;}
.listbox li p,.listbox li h6{     padding-left: 210px;
    width: 290px;}
.listbox li h6{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.listbox li img{ position:absolute; left:10px;top:10px;}

/*--详情页--*/
.listdel{ width:1100px; min-height: 1000px;padding:10px; margin:10px auto; background:#fff; color:#333;}
.listdel h5{ padding:10px 0; font-size:16px; line-height:26px; text-align:center; border-bottom:solid 1px #eee; font-weight:bold;}
.listdel h6{ height:30px; line-height:30px; text-align:right;font-size:14px;}
.listdel p{ text-indent:2rem; padding-top:8px; line-height:24px; font-size:14px;}

/*--登录页--*/
.loginbg{ background:url(../images/loginbg.jpg) no-repeat center top #fff; height:100%;}
.baqi{ float:left; margin:180px 0 0;}
.logincon{ float:right; margin:100px 0 0; width:418px;}
.logincon h5{ height:40px; line-height:40px; padding-top:25px; background:#fff; font-size:18px; color:#999; border-bottom:solid 1px #dfdfdf;}
.logincon h5 span{ display:inline-block; width:209px; text-align:center; cursor:pointer;}
.logincon h5 .current{ color:#2a9ed7; border-bottom:solid 2px #2a9ed7;}
.logincon ul{ padding:10px 72px 0; background:rgba(107,177,174,0.6);background:#fff; height:250px;}
.logincon h6{ height:50px; line-height:50px;font-size:14px; text-align:center; }
.logincon h6 a{ color:#2a9ed7}
.loginconco{ text-align:center; font-size:18px;}
.loginconmi li{ margin-top:12px;}
.logincon .spanle{ display:inline; float:left; width:60px; padding:7px 15px 0 0;  text-align:right; font-size:14px; color:#786d68; }
.logincon .logininputdiv{height:20px; line-height:20px; width:260px; padding:7px; vertical-align:middle; border-radius:5px; background:#e1efef;}
.logincon .logintopimg{ position:relative; bottom:-36px;}
.logincon .lgi{ width:150px; border:0 none; background:none;color:#786d68;}
.logincon .logbtn{ width:274px; height:38px; line-height:38px;  background:#2a9ed7; font-size:18px; border:0 none; border-radius:5px; color:#fff;}
.logincon .logbtn2{ width:274px; height:38px; line-height:38px;  background:#5bd4d6; font-size:18px; border:0 none; border-radius:5px; color:#fff;}
.logincon .mz{ float:left; width:40px; padding-left:15px;padding-right:15px; color:#3ea4a0;}
.logintop{ position:relative; height:48px; line-height:48px;font-size:22px; color:#fff; font-weight:bold;}
.logintopbg{ height:48px; line-height:48px; background:#2a9ed7; opacity: 0.4;filter:alpha(opacity=40); font-size:22px; color:#fff; font-weight:bold;}
.logintop img{ position:absolute; left:20px; top:13px;}
.logintop p{ position:absolute; left:85px; top:0;}
.lfoot{ position:fixed; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:#fff; text-align:center; font-size:14px; color:#333;}