@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; border-radius:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
body,html{ width:100%; height:100%; overflow:auto; font-family:"Microsoft YaHei"; background-color:#dadee4; color:#333; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#5d5d5d;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#5d5d5d;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#5d5d5d;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#5d5d5d;} 

/*登陆*/
@keyframes cc{
	0%{ opacity:0.4; transform:scale(0.1); top:-50%;}
	50%{ opacity:0.4; transform:scale(0.1) rotateX(90deg); top:-10%;}
	100%{ opacity:1; transform:scale(1) rotateX(0deg); top:0;}
}
.login{ animation:cc 4s ease-in-out; padding:3%; width:360px; background-color:#fff; position:relative; margin:10% auto;}
.login .logo{ width:100%; height:50px;}
.login .logo img{ display:block; margin:auto;}
.login .dl{ width:358px; height:48px; border:1px solid #cacaca; margin-top:10%;}
.login .dl span{ width:38px; display:block; float:left; height:23px; padding-left:20px; padding-top:12px; overflow:hidden;}
.login .dl span img{ display:block;}
.login .dl input{ width:280px; display:block; float:left; height:48px; line-height:48px; font-size:16px; overflow:hidden;}
.login .wang{ width:360px; font-size:14px; margin:5% 0; text-align:right;}
.login .wang a:hover{ color:#6296ea;}
.login .deng{ width:360px; height:56px;}
.login .deng input{ display:block; width:100%; height:56px; text-align:center; line-height:56px; font-size:16px; color:#fff; background-color:#6296ea; cursor:pointer;}

/*左侧*/
.nav{ width:160px; min-height:100%; background:#263238; transition:all .3s; font-size:14px; float:left; position:relative; z-index:11;}
.nav .nav-top{ border-bottom:1px solid rgba(255,255,255,.1);}
.nav .nav-item{ position:relative;}
.nav a{ display:block; overflow:hidden; padding-left:20px; line-height:46px; height:46px; color:#ABB1B7; transition:all .3s;}
.nav .nav-item .my-icon b{ display:block; position:absolute; left:0px; top:0; width:2px; height:46px; background:#34A0CE; opacity:0; filter:Alpha(opacity=0); transition:all .3s;}
.nav .nav-show .my-icon b,.nav .nav-item .my-icon:hover b{ opacity:1; filter:Alpha(opacity=100);}
.nav .nav-item .nav-icon{ margin-left:-1px; position:absolute; width:20px; height:46px; background-position:left center; background-repeat:no-repeat;}
.nav .nav-item .my-icon .icon_1{ background-image:url(../images/icon001.png);}
.nav .nav-item .my-icon .icon_2{ background-image:url(../images/icon002.png);}
.nav .nav-item .my-icon .icon_3{ background-image:url(../images/icon003.png);}
.nav .nav-item .my-icon .icon_4{ background-image:url(../images/icon004.png);}
.nav .nav-item .my-icon .icon_5{ background-image:url(../images/icon005.png);}
.nav a span{ margin-left:30px;}
.nav .nav-item .my-icon .nav-more{ width:16px; height:46px; float:right; margin-right:15px; transition:transform .3s; background-image:url(../images/nr01.png); background-position:center; background-repeat:no-repeat;}
.nav .nav-item a:hover{ color:#fff; background:#1c2428;}
.nav .nav-item .my-icon:hover .icon_1{ background-image:url(../images/icon01.png);}
.nav .nav-item .my-icon:hover .icon_2{ background-image:url(../images/icon02.png);}
.nav .nav-item .my-icon:hover .icon_3{ background-image:url(../images/icon03.png);}
.nav .nav-item .my-icon:hover .icon_4{ background-image:url(../images/icon04.png);}
.nav .nav-item .my-icon:hover .icon_5{ background-image:url(../images/icon05.png);}
.nav .nav-item .my-icon:hover .nav-more{ background-image:url(../images/nr.png);}
.nav .nav-show .my-icon .nav-more{ background-image:url(../images/nx01.png) !important;}
.nav .nav-show .my-icon:hover .nav-more{ background-image:url(../images/nx.png) !important;}
.nav .nav-item ul{ display:none; background:#1f282d;}
.nav .nav-show .my-icon{ background:#222d33;}
.bg{ position:fixed; left:0; top:0; height:100%; background:#263238; width:160px; z-index:0;}
.bg.nav-mini{ width:60px;}
.nav .nav-item .cur{ color:#fff; background:#1c2428;}
.nav .nav-item .cur b{ opacity:1; filter:Alpha(opacity=100);}
.nav .nav-item .cur .nav-more{ background-image:url(../images/nr.png) !important;}
.nav .nav-item .cur .nav-more{ background-image:url(../images/nx.png) !important;}
.nav .nav-item .cur .icon_1{ background-image:url(../images/icon01.png);}
.nav .nav-item .cur .icon_2{ background-image:url(../images/icon02.png);}
.nav .nav-item .cur .icon_3{ background-image:url(../images/icon03.png);}
.nav .nav-item .cur .icon_4{ background-image:url(../images/icon04.png);}
.nav .nav-item .cur .icon_5{ background-image:url(../images/icon05.png);}
.nav .nav-item .curs a{ background:#1c2428; color:#FFF;}

.nav-mini.nav{ width:60px;}
.nav-mini.nav .nav-item .my-icon span{ display:none;}
.nav-mini.nav .nav-more{ display:none;}
.nav-mini.nav .nav-item ul{ position:absolute; top:0px; left:60px; width:160px; z-index:99; background:#3C474C; overflow:hidden;}
.nav-mini.nav .nav-item ul li a{ text-align:center; padding-left:0; width:100%;}
.nav-mini.nav .nav-item ul li a span{ margin-left:0;}
.nav-mini.nav .nav-item:hover ul{ display:block;}
.nav-mini.nav .nav-item:hover .my-icon{ background:#3C474C !important; color:#fff;}
.nav-mini.nav .nav-item:hover .my-icon b{ opacity:1; filter:Alpha(opacity=100);}
.nav-mini.nav .nav-item a:hover{ background:#364045; color:#FFF;}
.nav-mini.nav .nav-item .curs a{ background:#364045; color:#FFF;}

/*右侧*/
.main{ margin-left:160px; height:100%; overflow:auto;}
.nav-mini.main{ margin-left:60px;}

/*top*/
.content-header{ height:50px; position:relative; background-color:#fff; z-index:10; color:#333; border-bottom:1px solid #c9c9c9;}
.u-contactqq{ height:50px; line-height:50px; position:relative; cursor:pointer; padding:0px 10px;}
.u-contactqq i{ height:18px; display:block; margin-top:16px; float:left;}
.u-contactqq i img{ display:block; height:18px;}
.u-contactqq span{ font-size:14px; display:block; float:left; margin-left:5px;}
.u-contactqq:hover span{ color:#34A0CE;}

.u-header_user{ position:relative; width:150px; font-size:12px; margin-right:10px; height:50px; margin-left:10px;}
.u-header_user .header-img{ height:35px; width:35px; border-right:15px; float:left; margin-top:7.5px;}
.u-header_user .header-img img{ width:35px; height:35px; border-radius:50%}
.u-header_user .header-info{ width:115px; float:left; box-sizing:border-box; padding-left:10px; cursor:pointer; margin-top:8px;}
.u-header_user .header-info:hover{ color:#34A0CE;}
.u-header_user .header-info h3{ height:20px; line-height:20px; font-size:14px; display:block; overflow:hidden;}
.u-header_user .header-part{ width:100%; height:14px; line-height:14px; font-size:12px;}
.u-header_user .header-part span{ width:85px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left;}
.u-header_user .header-part i{ display:block; float:right; height:6px; margin-top:4px;}
.u-header_user .header-part i img{ display:block; height:6px; float:right;}

.header-down{ position:absolute; left:50%; top:100%; transform:translate(-50%); clear:both; z-index:20000; display:none;}
.header-down s{ display:block; position:absolute; z-index:5000; width:14px; height:14px; background-color:#fff; transform:rotate(45deg); top:2px; left:50%; margin-left:-6px; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);}
.header-down ul{ width:110px; box-shadow:0px 4px 4px rgba(0,0,0,0.2); background-color:#fff; display:block; position:relative; z-index:5100; top:8px; padding:4px 8px;}
.header-down ul li{ height:34px; line-height:34px; text-align:center; cursor:pointer;}
.header-down ul li i{ height:34px; vertical-align:middle; margin-right:5px;}
.header-down ul li i img{ vertical-align:middle;}
.header-down ul li:hover{ background-color:#f3f5f5;}
.header-down ul li:hover a{ color:#34A0CE !important;}
.u-header_user:hover .header-down{ display:block;}

/*信息*/
.iframe_box{ width:100%; overflow:hidden;}
.col-border{ width:50%; margin-left:0.5%; margin-top:8px; overflow:hidden; background-color:#fff;}
.col-border .h4{ font-size:20px; color:#333333; height:50px; line-height:50px; background:#eaedef; padding-left:25px;}
.col-border .box{ height:160px;}
.col-border .box .photo{ width:16%; height:80px; margin-left:1%; overflow:hidden; margin-top:20px;}
.col-border .box .photo a{ width:80px; height:80px; display:block; margin:auto; border-radius:80px; overflow:hidden;}
.col-border .box .photo a img{ width:100%; display:block;}
.col-border .box .icon-cont{ width:33%; height:140px; margin-left:1%; overflow:hidden; margin-top:20px;}
.col-border .box .icon-cont .blue{ font-size:18px; height:26px; line-height:26px; font-weight:bold; color:#34A0CE; margin-bottom:8px;}
.col-border .box .icon-cont .blue span{ margin-right:10px;}
.col-border .box .icon-cont .certification{ width:100%; margin-top:10px;}
.col-border .box .icon-cont .certification p{ display:block; height:18px; overflow:hidden; margin-bottom:14px; font-size:14px; line-height:18px; color:#666;}
.col-border .box .icon-cont .certification p img{ display:block; height:18px; float:left; margin-right:10px;}
.col-border .box .icon-cont .certification a{ width:128px; height:42px; display:block; text-align:center; font-size:14px; color:#fff; line-height:42px; background-color:#34A0CE;}
.col-border .box .xin-cont{ width:47%; margin-left:1%; overflow:hidden; margin-top:20px;}
.col-border .box .xin-cont .leftright{ width:33.33%; overflow:hidden;}
.col-border .box .xin-cont .leftright p{ display:block; height:20px; line-height:20px; font-size:14px;}
.col-border .box .xin-cont .leftright p span{ display:block; float:left; margin-right:10px;}
.col-border .box .xin-cont .leftright a{ display:block; font-size:34px; margin-top:20px; margin-left:15px; color:#34A0CE;}

.colMedia{ width:25%; margin-left:0.5%; margin-top:8px; overflow:hidden; background-color:#fff;}
.colMedia .h4{ font-size:20px; color:#333333; height:50px; line-height:50px; background:#eaedef; padding-left:25px;}
.colMedia .box{ height:160px;}
.colMedia .box .photo{ width:32%; height:80px; margin-left:2%; overflow:hidden; margin-top:20px;}
.colMedia .box .photo a{ width:80px; height:80px; display:block; margin:auto; border-radius:80px; overflow:hidden;}
.colMedia .box .photo a img{ width:100%; display:block;}
.colMedia .box .iconMargin{ width:62%; margin-left:2%; margin-top:20px;}
.colMedia .box .iconMargin .pull-left{ height:26px; line-height:26px; font-size:14px; margin-bottom:5px;}
.colMedia .box .iconMargin .pull-left span{ color:#34A0CE; font-weight:bold;}
.colMedia .box .iconMargin .btn{ margin-top:14px; width:100px; height:34px; display:block; text-align:center; font-size:14px; color:#fff; line-height:34px; background-color:#34A0CE;}

.sao{ width:23%; margin-left:0.5%; margin-top:8px; overflow:hidden; background-color:#fff;}
.sao .h4{ font-size:20px; color:#333333; height:50px; line-height:50px; background:#eaedef; padding-left:25px;}
.sao .box{ height:160px;}
.sao .box .photo{ width:40%; height:100px; margin-left:3%; overflow:hidden; margin-top:20px;}
.sao .box .photo a{ width:100px; height:100px; display:block; margin:auto; overflow:hidden;}
.sao .box .photo a img{ width:100%; display:block;}
.sao .box .iconMargin{ width:51%; margin-left:3%; margin-top:20px;}
.sao .box .iconMargin p{ height:26px; line-height:26px; font-size:16px; font-weight:bold; margin-bottom:5px; display:block;}
.sao .box .iconMargin span{ line-height:24px; font-size:14px; color:#666; display:block;}

/*业务*/
.app_box{ width:99%; margin:10px 0.5%; background-color:#fff;}
.app_box .h4{ font-size:20px; color:#333333; height:50px; line-height:50px; background:#eaedef; padding-left:25px;}
.app_box .box{ padding-top:15px; padding-bottom:30px;}
.appHover{ width:23.75%; height:150px; margin-left:1%; margin-top:15px; border:1px solid #ddd; border-radius:2px; box-shadow:0 0 8px rgba(0, 0, 0, .11); box-sizing:border-box; padding:20px 10px;}
.applic-main{ width:100%; height:80px; position:relative;}
.applic-main .appli-icon{ width:64px; height:64px; border-radius:64px; margin:0 6px; overflow:hidden;}
.applic-main .appli-icon img{ width:100%;}
.applic-main .applic-main-right{ position:absolute; padding-left:86px; box-sizing:border-box; width:100%; top:0; left:0;}
.applic-main .applic-main-right p{ display:block; height:34px; line-height:34px; font-size:18px; overflow:hidden;}
.applic-main .applic-main-right p span{ font-size:14px; margin-left:10px; color:#900;}
.applic-main .applic-main-right .new-word{ font-size:14px; line-height:20px; color:#666; height:40px; overflow:hidden;}
.btn-applic{ background-color:#9eabc3; width:78px; line-height:26px; height:26px; font-size:12px; color:#fff; border-radius:2px; display:block; cursor:pointer;}
.btn-applic:hover{ background-color:#34A0CE; color:#fff;}
.appHover:hover{ border:1px solid #34A0CE;}

/*列表*/
.cbox{ width:950px; margin:8px auto; background-color:#fff; min-height:88%;}
.cbox .h4{ font-size:20px; color:#333333; height:50px; line-height:50px; background:#eaedef; padding-left:25px;}
.cbox .cont{ padding:0 25px;}
.cbox .cont .ser{ width:100%; border-bottom:1px solid #dadada; padding-bottom:10px;}
.cbox .cont .ser dl{ width:100%; display:block; overflow:hidden;}
.cbox .cont .ser dl dt{ display:block; height:28px; padding-top:20px; margin-right:20px; float:left;}
.cbox .cont .ser dt span{ height:28px; line-height:28px; font-size:14px; display:block; float:left; text-align:left; margin-right:5px;}
.cbox .cont .ser dt p{ width:140px; height:26px; line-height:26px; border:1px solid #cacaca; float:left; display:block;}
.cbox .cont .ser dt p input{ width:120px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}
.cbox .cont .ser dt p select{ width:140px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}
.cbox .cont .ser dt a{ width:140px; height:26px; line-height:26px; border:1px solid #cacaca; float:left; display:block;}
.cbox .cont .ser dt a input{ width:120px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}
.cbox .cont .ser dt a select{ width:140px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}
.cbox .cont .ser dt b{ display:block; float:left; margin:0 5px; height:28px; line-height:28px;}
.cbox .cont .ser dd{ width:80px; height:28px; float:left; display:block; margin-top:20px;}
.cbox .cont .ser dd input{ width:100%; height:28px; line-height:28px; text-align:center; font-size:14px; background-color:#34A0CE; color:#fff; cursor:pointer;}

.cbox .cont .add{ width:100%; padding:20px 0;}
.cbox .cont .add a{ width:110px; height:36px; line-height:36px; display:block; float:left; margin-right:20px; background-color:#ddd; font-size:14px; text-align:center;}
.cbox .cont .add a:hover{ background-color:#34A0CE; color:#fff;}

/*列表*/
.dataTable{ width:900px; text-align:center; vertical-align:middle; font-size:14px; border-spacing:1px; background-color:#ddd;}
.dataTable tr{ background-color:#f1f1f1;}
.dataTable tbody tr.odd{ background-color:#fff; color:#34A0CE;}
.dataTable tbody tr.even{ background-color:#f9f9f9;}
.dataTable tbody tr td a{ margin:0 10px;}
.dataTable tbody tr:hover{ background-color:#f5f5f5;}
.dataTable tbody tr.odd a{ color:#34A0CE;}
.dataTable tbody tr td a:hover{ text-decoration:underline;}
.dataTable tbody tr.bot td{ background-color:#f1f1f1; padding:6px 0;}
.dataTable tbody tr.bot a{ width:100px; height:28px; line-height:28px; display:block; float:right; margin:0; margin-right:20px; background-color:#34A0CE; color:#fff; font-size:14px; text-align:center;}

/*翻页*/
.table-page{ float: right; margin:20px 0; position: relative; font-size:12px; width:100%; text-align:right;}
.dataTables_paginate{ display:inline-block; text-align:right;}
.dataTables_paginate span{ display:inline-block; margin-right:5px; min-width:16px; padding:3px 5px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle; border:1px solid #34A0CE; background-color:#34A0CE; color:#fff;}
.dataTables_paginate a{ display:inline-block; margin-right:5px; min-width:16px; padding:3px 5px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle; border:1px solid #cad2da;}
.dataTables_paginate a:hover{ border: 1px solid #999}
.table-page form{ display:inline-block; text-align:right;}
.gotopage .gotopage-text{ border:1px solid #cad2da; margin:0px 3px; width:80px; padding:3px 10px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle;}
.gotopage .gotopage-text:hover{ border: 1px solid #999}
.gotopage button{ margin-left: 5px; height:28px; line-height:28px; display:inline-block; width:46px; text-align:center;}

/*内容页*/
.nr{ margin-bottom:30px;}
.nr .x01{ width:50%; margin-top:20px; float:left;}
.nr .x01 .xz{ line-height:32px; font-size:14px; float:left; width:80px;}
.nr .x01 .xr{ margin-left:10px; height:32px; line-height:32px; font-size:14px; float:left;}
.nr .x01 .xr input{ width:240px; border:1px solid #cacaca; padding:0 10px; height:30px; line-height:30px; font-size:14px;}
.nr .x01 .xr select{ width:260px; border:1px solid #cacaca; padding:0 10px; height:30px; line-height:30px; font-size:14px;}
.nr .x01 .xr .sub{font-size: 1rem;width: 80px;height: 34px;line-height: 34px;border-radius: 5px;display: block;text-align: center;color: #ffffff;background-image: url(../images/btn.jpg);background-position: center;background-repeat: no-repeat;float:left;margin-left: 20px;}

.nr .x02{ width:100%; float:left; margin-top:20px;}
.nr .x02 .xz{ line-height:32px; font-size:14px; float:left; width:80px;}
.nr .x02 .pic{ margin-left:10px; float:left;}
.nr .x02 .pic .sub{font-size: 1rem;width: 80px;height: 34px;line-height: 34px;border-radius: 5px;display: block;text-align: center;color: #ffffff;background-image: url(../images/btn.jpg);background-position: center;background-repeat: no-repeat;float:left;margin-left: 20px;}
.nr .x02 .pic img{ height:120px; display:block; float:left; margin-right:10px;}
.nr .x02 .pic a{ width: 110px;height: 36px;line-height: 36px;display: block;float: left;margin-right: 20px;background-color: #ddd;font-size: 14px;text-align: center;}
.nr .x02 .pic .cc{ line-height:20px; font-size:12px; margin-top:70px;}
.nr .x02 .pic .cc input{ display:block; margin-bottom:6px;}
.nr .x02 .editor{ margin-left:10px; float:left; width:800px;}
.nr .x02 .editor textarea{ width:100%; box-sizing:border-box; padding:10px 15px; font-size:14px; line-height:24px; display:block; height:160px; border:1px solid #cacaca;}

.nr .x03{ width:100%; margin-top:20px; float:left;}
.nr .x03 .xz{ line-height:32px; font-size:14px; float:left; width:80px;}
.nr .x03 .xr{ margin-left:10px; width:80%; height:100%; font-size:14px; float:left;}
.nr .x03 .xr .opts{	float: left; margin-left:3%;}
.nr .x03 .xr input{ width:20px; float:left; height:32px;}
.nr .x03 .xr span{ height:32px; line-height:32px; float:left;}

.li_image {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
.li_image .img {
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
    position: relative;
}
.li_image img {
    width: 100px;
    height: 100px;
    display: block;
}
.span_del {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	background-image: url(../images/a7.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 991;
}
.li_imageon {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
.li_imageon .img {
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
    position: relative;
}
.li_imageon img {
    width: 100px;
    height: 100px;
    display: block;
}
.span_delon {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	background-image: url(../images/a7.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 991;
}