@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2019.06.25，2020.09.20
************************************************************************/
*	{margin:0; padding:0;}
html	{height:100%}
div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span,ul,ol{margin:0; padding:0; list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear:after,#clear:after {    content: "";    display: table;    clear: both;    font-size: 0;    line-height: 0;    height: 0;}
body{ display:block; width:100%;  margin:0 auto; background: #FFF; transition:all ease-out 0.3s;color:#555; font-family: Arial,"Microsoft YaHei","微软雅黑","宋体"; font-size:0.9em; line-height:1.4;}
a:link {color: #0066CC;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #0066CC;}
a:hover {text-decoration: none ;	color: #36F;}
a:active {text-decoration: none;	color: #0066CC;}
table a {color: #0066CC;}
table a:hover{color: #36F;}
.color1{
    color:#5FB878 !important;
}
.ml5{
    margin-right: 10px;
}
.laytable-cell-1-0-0 .layui-icon {
    margin-top: 5px !important;
}
.paddingLeft25 {	padding-left: 25px;}
.paddingTop40 {	padding-Top: 70px!important;}
.paddingBtm40 {	padding-bottom: 70px!important; }
.marginTop-10 {	 margin-top:-10px !important;}
.marginBtm15 {	 margin-bottom:15px !important;}
.marginBtm10 {	 margin-bottom:10px !important; float:left;}
.margin15 {	 margin:15px 0;}
.inline{	display: inline;line-height: 38px;}
/*---------------------------------//top-----------------------------------*/
#header:after{ content:"";display: block;clear:both;}
#header{width:100%;  height:55px; box-sizing:border-box; padding-left:220px; background:url(../images/bg.jpg) left bottom no-repeat #1C90FB; background-size:cover; position:relative;text-align:center;}
#header .syslogo_txt { font-size: 1.5em;line-height:55px;color:#FFF; font-weight: normal; }
#header .syslogo_txt a {color:#FFF; }
#header .syslogo{	 width:199px; display:block; float:left;  text-align:center; box-sizing:border-box; padding:0 0.5%;vertical-align: middle;}
#header .syslogo img{ width:100%; padding-top:5px;border:none;}

ul.topNav{	float:left; border-left:1px  solid rgba(255,255,255,0.4);}
ul.topNav li{float:left; border-right:1px  solid rgba(255,255,255,0.4);position: relative; height:55px;}
ul.topNav li a{ display:block; float:left; padding:0 30px;text-align:center;  font: normal 16px/55px "微软雅黑"; color:#fff; }
ul.topNav li:hover{	color: #057737;}
ul.topNav li.hover{	color: #057737;}
ul.topNav li.hover:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left:-4px ;
    bottom: 0;
    display: block;
    border-color:transparent transparent #fff transparent;
    border-width: 8px;
    border-style: solid;
    width: 0px;
    height: 0px;
}

ul.topright{float:right; padding-top:10px;}
ul.topright li {float:left;margin-right:5px;  }
ul.topright li a{ display: inline; float:left;  line-height:30px; padding:0 8px;text-align:center; border-radius:5px;  background: rgba(255,255,255,0.85); color:#888;}
ul.topright li a:hover{ background: rgba(255,255,255,0.95); color:#666;}

/*---------------------------------//左侧导航-----------------------------------*/
	 .btn_nav	{display:block; font-size:0;z-index: 9999; position: absolute; top:10px;right:-47px; width:32px; height:32px; cursor:pointer;/* background:#FFF;*/}
	 .btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#F2F2F2;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#F2F2F2;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:26px; height:2px; background:#F2F2F2;  display:block; margin:15px auto;}
	 .btn_nav span.open{background:none;  }
	 .btn_nav span.open:before { transform: rotate(45deg); top:50%; margin-top:-1px;}
	 .btn_nav span.open:after { transform: rotate(-45deg);bottom:50%;margin-bottom:-1px;}

#leftMain:after{ content:"";display: block;clear:both;}
#leftMain {position: absolute; left:0; top:0; bottom:0; transition: all ease-out 0.3s ;
    background: rgba(28,36,43,1);
    width: 220px;
    box-sizing: border-box;
    z-index:100;
}
.left_box{width: 220px; float:left;  background:#F00;overflow-y:auto;overflow-x:hidden; }

.nav_on{left: -220px!important; transition: all ease-out 0.3s ;}
.SidebarLogo {
    padding: 25px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.SidebarLogo img{display:block; margin:0 auto; width:100%; max-width:100px; border-radius:100%;box-shadow: 0 0 15px #FFF;}

/*.SidebarLogo figure{ padding:22px; box-sizing:border-box; max-width:100%;border-radius:100%; background:#BFC2C5}*/
.SidebarLogo h2{font-size:16px; font-weight:bold; padding-top:10px; color:#BFC2C5;}
.left_nav:after{ content:"";display: block;clear:both;}
.left_nav{float:left;width:100%;}
.left_nav h3{float:left;width:100%; margin-bottom:1px; box-sizing: border-box;
             position:relative;background:#28333E;  font-size:15px; line-height:50px; color:#BFC2C5; cursor: pointer;transition: all ease-out 0.3s;}
.left_nav h3 a{ color:#BFC2C5;}
.left_nav h3 a:hover{ color:#FFF;}
.left_nav h3 a i{ color:#FcFcFc; padding:0 10px;}
.left_nav h3:after{ content:""; position:absolute;transition: all ease-out 0.3s;
    right: 20px;
    top: 22px;
    display: block;
    border-color:  #BFC2C5 transparent transparent transparent;
    border-width: 6px;
    border-style: solid;
    width: 0px;
    height: 0px;
}
.left_nav h3.on{ border-left:#5FB878 3px solid;}
.left_nav h3.on:after{
    top: 15px;
    border-color: transparent transparent #FFF transparent;
}
.left_nav ul{ width: 100%; float: left; display: none;}
.left_nav ul.open{ display: block !important;}
.left_nav li{float:left;width:100%; margin-top:1px;}
.left_nav ul li a{ display:block; float:left;width:100%; padding-left: 35px;color:#BFC2C5;box-sizing: border-box; font-size:14px; line-height:40px;  background:none;position:relative;
transition: background 0.3s;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 和 Chrome */
-o-transition: background 0.3s; /* Opera */  }
.left_nav ul li a:after{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 22px;
    top: 17.5px;
    display: block;
    background:#BFC2C5 ;
    width: 5px;
    height: 5px; border-radius:100%;
}
.left_nav ul li a.hover:after{ background:#FFF ;}
.left_nav ul li a:hover{ color:#FFF;}
.left_nav ul li a.hover,ul.left_nav ul li a.cur{background:#5FB878; color:#FFF;}




#LeftFoot{ display:none; position:absolute; z-index:1002; bottom:0; left:0; width:200px; font: bold 10px/14px Arial, Helvetica, sans-serif; text-align:center; padding:15px 0; color:#999;}
#LeftFoot a{ color:#999;}
#LeftFoot a:hover{ color:#666;}
/*---------------------------------//右侧内容区域-----------------------------------*/
#RightMain:after{ content:"";display: block;clear:both;}
#RightMain{ background:#FFF;position: fixed;  left: 220px; right:0; top: 0px; bottom:0; padding:15px; box-sizing:border-box;
     overflow: hidden; overflow-y: auto;transition: all ease-out 0.3s;margin-bottom: 50px}
.w_on{   left: 0 !important; }
.layui-form .layui-input-inline {
    float: left;
    width: 190px;
    margin-right: 10px;
}
.suyee-label {
    display:  inline-block;
    padding: 0 0 5px 15px;
}
.suyee-col{display:  inline-block;padding-left:5px;}

.layui-table-page { width: auto !important;     float: right;}
a.layui-btn{ color:#FFF;}
a.layui-btn-primary{ color:#555;}
.qq-minus{ line-height:24px; font-size:22px; color: #F90; cursor:pointer; padding-top: 8px;}
.qq-plus{ line-height:24px; font-size:22px;  color: #090; cursor:pointer;}
.bg_readonly{background: #F3F3F3 !important;}
/*---------------------------------//right-----------------------------------*/
ul.ul_print{ float:left; width:100%; margin:5px 0;}
ul.ul_print li:hover{ background-color:#F2F2F2;}
ul.ul_print li{
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: -1px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: center;
    color: #666;
    transition: all .3s;
    -webkit-transition: all .3s;
}
ul.ul_print li a{display: block;
    width: 150px;
    height: 150px; padding-top:15px; box-sizing:border-box;
    margin: 0 auto 10px;
    text-align: center;
    background-color: #009688;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
}
ul.ul_print li p{    line-height: 30px; font-size:16px;}
ul.ul_print li i {
        font-size: 4em;
    line-height: 1.3em;
}

/*.layui-content{ float: ;}*/
.layui-content:after,
#right01:after,#right02:after,#right03:after{ content:"";display: block;clear:both;}
#right01,#right02,#right03{ width:100%; margin:0 0 12px 0;position:relative; }
#right01 h2{ display:block; float:left;width:100%; font:normal 24px/35px "微软雅黑","宋体",Arial; color:#222; }
#zhusi{ width: 100%; box-sizing:border-box; margin-bottom:11px; background:url(../images/i_tips.png) left top no-repeat;  border:#F2F2F2 1px solid; padding-left:30px; color: #666;font: normal 14px/30px "微软雅黑","宋体",Arial;}
#zhusi h2{ color:#F90; font-size:16px;}
.contect{ width:100%; clear:both;  }




/*---------------------------------//foot-----------------------------------*/
#foot{	float:left; width: 100%; padding:15px 0; border-top:#FFF 2px solid;text-align:center; font:normal 12px/22px "Arial","宋体"; color:#999999;}


/*---------------------------------//table-----------------------------------*/
.tabelMain{  width:100%; font-size:15px; line-height:24px; }
.tabelMain tr{  background:#FFF;border-top: #E6E6E6 1px solid;  }
.tabelMain tr:first-child{ border-top:none;}
.tabelMain td{  padding:7px; }
.tabelMain th{  padding:7px;background:#F2F2F2;text-align:right; width:15%;}
.tabelMain tr:hover{  background:#FDFDFD; }


.h2_title{font-size:18px; line-height:35px;color: #444;display: inline-block;    padding-right: 25px;}
.red{ color:#F00!important;}
.orange{ color: #F60!important;}
.green{color: #5FB878;}
.maxwd150{ max-width:150px !important; height:auto;}
.wd100{   width: 100px!important; }
.wd220{   width: 220px!important; }
.suyee-wd5 {    width: 20%!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.5;}

.content-table{ width:100%;float:left; box-sizing:border-box; padding:0 10px;}
.content-r{ width:100%; float:left; border:#e6e6e6 1px solid; box-sizing:border-box;}
.content-r:after{ content: ''; clear: both; display: block; font-size: 0;}

.table-h2 { background:#F2F2F2;
    width: 100%; box-sizing:border-box;
	font-size:18px; line-height:35px;color: #444;display: inline-block;
    padding: 10px 25px 10px 15px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e6e6e6;
}
.data-box{ width:100%; max-width:1000px; float:left;box-sizing: border-box; border:#F2F2F2 1px solid; border-top:#F2F2F2 4px solid;margin-bottom:22px;}
.data-box h2{ width:100%;box-sizing: border-box; position: relative; /*background:#EEE;border-bottom: 1px solid #eee;*/
    height: 42px;
    line-height: 42px;
    padding: 0 15px;

    color: #333;
    font-size: 18px;}
.data-box:after,
ul.four_li:after{ content: ''; clear: both; display: block; font-size: 0;}
ul.four_li {width:100%; float:left;box-sizing: border-box; padding:0.5%; /*box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);*/}
/*ul.four_li li:last-child{margin-right:0;}*/
ul.four_li li{display:block; float:left;width:24%;  margin:0.5%; min-height:100px;box-sizing: border-box; position:relative;transition: all 0.6s ease; background:#F2F2F2; padding:20px;}
ul.four_li li h3 {    font-style: normal;    font-size: 18px; line-height:2; color:#333; text-align:center;}
ul.four_li li p {    text-align:center;}
ul.four_li li cite {    font-style: normal;    font-size: 30px;    font-weight: 300;line-height:1.6;color: #009688;}
 .cicle i{ font-size:50px;  color: #20a53a;line-height:88px;}

.cicle { text-align:center;
    position: relative;
    width: 88px;
    height: 88px; line-height:88px;
    margin: 0 auto;
    border-width: 6px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 50%;
	 box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.cicle .bar-left {
    top: -6px;
    left: -6px;
}
.cicle .bar {
    position: absolute;
    width: 50px;
    height: 100px;
    overflow: hidden;
}
.cicle .bar-right {
    top: -6px;
    left: 44px;
}
.cicle .bar {
    position: absolute;
    width: 50px;
    height: 100px;
    overflow: hidden;
}

.cicle .bar-right .bar-right-an {
    left: -50px;
    z-index: 20;
    border-color: #20a53a #20a53a transparent transparent;
	 border-color: rgb(32, 165, 58) rgb(32, 165, 58) transparent transparent;
    transform: rotate(34.92deg);
    transition: transform 750ms linear;
}

.cicle .bar-an {
    position: absolute;
    width: 88px;
    height: 88px;
    border-width: 6px;
    border-style: solid;
    border-radius: 50%;
    transform: rotate(-135deg);
}
.cicle .occupy {
    position: absolute;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 18px;
    color: #20a53a;
}

/*2020-07-29 -----------------------------------*/
.w320{ width:100%; max-width: 320px; float: left;}
.w400{ width:100%; max-width: 400px; float: left;}
.first-title{ font-size: 24px; line-height: 50px; color: #333;}
.txt-table-right{font-size:14px; font-weight: normal; float: right; padding-right: 5%;}

.tableclass{  width:99%; font-size:15px; line-height:24px;text-align: center; color:#000; }
.tableclass tr{  background:#FFF;  }
.tableclass td{  padding:7px;}
.tableclass th{  padding:7px; }
.tableclass tr:hover{  background:#eee; }

.tableprint  {width:99%; font-size:15px; line-height:24px; text-align: center;color:#000; }
.tableprint tr{  background:#FFF;  }
.tableprint td{  padding:7px; }
.tableprint th{  padding:7px; }
.tableprint tr:hover{  background:#eee; }

.layui-table-main::-webkit-scrollbar {/*滚动条整体样式*/
        width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 10px;
    }
.layui-table-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 1px;
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        background: #5FB878;
    }
.layui-table-main::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        border-radius: 1px;
        background: #E2E2E2;
    }
#print-table{ width:100%; max-width:1366px; margin:0 auto;}
/*2020-08-10 弹窗 iframe-----------------------------------*/
.iframe_div:after{ content: ''; clear: both; display: block; font-size: 0;}
.iframe_div{width:100%; box-sizing: border-box; padding: 15px; }
.layui-col-md05{float: left; width: 5%;    position: relative;    display: block;    box-sizing: border-box;}