@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;} 



/*登陆*/

.htmleaf-container{ width:100%; height:100%; overflow:hidden; position:relative; background-image:url(../images/index.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.bg-bubbles{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.bg-bubbles li{ position:absolute; display:block; width:40px; height:40px; background-color:rgba(255, 255, 255, 0.15); bottom:-160px; -webkit-animation:square 25s infinite; animation:square 25s infinite; -webkit-transition-timing-function:linear; transition-timing-function:linear;}

.bg-bubbles li:nth-child(1){ left:10%;}

.bg-bubbles li:nth-child(2){ left:20%; width:80px; height:80px; -webkit-animation-delay:2s; animation-delay:2s; -webkit-animation-duration:17s; animation-duration:17s;}

.bg-bubbles li:nth-child(3){ left:25%; -webkit-animation-delay:4s; animation-delay:4s;}

.bg-bubbles li:nth-child(4){ left:40%; width:60px; height:60px; -webkit-animation-duration:22s; animation-duration:22s; background-color:rgba(255, 255, 255, 0.25);}

.bg-bubbles li:nth-child(5){ left:70%;}

.bg-bubbles li:nth-child(6){ left:80%; width:120px; height:120px; -webkit-animation-delay:3s; animation-delay:3s; background-color:rgba(255, 255, 255, 0.2);}

.bg-bubbles li:nth-child(7){ left:32%; width:160px; height:160px; -webkit-animation-delay:7s; animation-delay:7s;}

.bg-bubbles li:nth-child(8){ left:55%; width:20px; height:20px; -webkit-animation-delay:15s; animation-delay:15s; -webkit-animation-duration:40s; animation-duration:40s;}

.bg-bubbles li:nth-child(9){ left:25%; width:10px; height:10px; -webkit-animation-delay:2s; animation-delay:2s; -webkit-animation-duration:40s; animation-duration:40s;background-color:rgba(255, 255, 255, 0.3);}

.bg-bubbles li:nth-child(10){ left:90%; width:160px; height:160px; -webkit-animation-delay:11s; animation-delay:11s;}

@-webkit-keyframes square{

  0%{

    -webkit-transform:translateY(0);

            transform:translateY(0);

  }

  100%{

    -webkit-transform:translateY(-1050px) rotate(600deg);

            transform:translateY(-1050px) rotate(600deg);

  }

}

@keyframes square{

  0%{

    -webkit-transform:translateY(0);

            transform:translateY(0);

  }

  100%{

    -webkit-transform:translateY(-1050px) rotate(600deg);

            transform:translateY(-1050px) rotate(600deg);

  }

}



/*登录*/

.htmleaf-container .bg{ width:900px; height:320px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-160px; background-color:rgba(119,136,240,0.8); z-index:2;}

.htmleaf-container .bg .en{ padding-top:41px; padding-left:50px; width:370px;}

.htmleaf-container .bg .en span{ display:block; color:#fff; font-size:48px; text-transform:capitalize; height:68px; line-height:68px;}

.htmleaf-container .bg .en b{ display:block; width:30px; height:4px; background-color:#fff;}

.htmleaf-container .bg .en p{ display:block; color:#fff; font-size:24px; line-height:38px; height:38px; text-transform:uppercase; margin-top:10px; overflow:hidden;}

.htmleaf-container .bg .cn{ width:370px; color:#fff; font-size:16px; line-height:24px; text-transform:uppercase; margin-top:5px; overflow:hidden; margin-left:50px;}



.dbox{ width:380px; height:450px; padding-top:50px; background-color:#fff; position:absolute; left:50%; margin-left:20px; top:50%; margin-top:-250px; z-index:3; background-image:url(../images/d04.jpg); background-position:bottom center; background-repeat:no-repeat; box-shadow:0 0 20px rgba(0,0,0,0.7);}

.dbox .d01{ width:100%; margin-bottom:30px;}

.dbox .d01 img{ display:block; max-width:100%; max-height:60px; margin:auto;}

.dbox .d02{ width:318px; height:44px; border:1px solid #cacaca; margin:auto; margin-bottom:20px;}

.dbox .d02 img{ display:block; float:left; height:44px;}

.dbox .d02 input{ background-color:#f1f1f1; display:block; float:left; height:44px; line-height:44px; font-size:14px; width:267px; text-indent:10px;}

.dbox .d03{ width:320px; height:46px; margin:auto;}

.dbox .d03 input{ width:100%; display:block; height:46px; background-image:url(../images/btn.jpg); background-position:top center; background-repeat:repeat-y; font-size:14px; line-height:46px; text-align:center; color:#fff; 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:1250px; 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;}

.cbox .cont .add dl{ width:30%; display:block; overflow:hidden;}

.cbox .cont .add dl dt{ display:block; height:28px; padding-top:10px; margin-right:20px; float:left;}

.cbox .cont .add dt span{ height:28px; line-height:28px; font-size:14px; display:block; float:left; text-align:left; margin-right:5px;}

.cbox .cont .add dt p{ width:140px; height:26px; line-height:26px; border:1px solid #cacaca; float:left; display:block;}

.cbox .cont .add dt p input{ width:120px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}

.cbox .cont .add dt p select{ width:140px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}

.cbox .cont .add dt a{ width:140px; height:26px; line-height:26px; border:1px solid #cacaca; float:left; display:block;}

.cbox .cont .add dt a input{ width:120px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}

.cbox .cont .add dt a select{ width:140px; padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px;}

.cbox .cont .add dt b{ display:block; float:left; margin:0 5px; height:28px; line-height:28px;}

.cbox .cont .add dd{ width:80px; height:28px; float:left; display:block; margin-top:10px;}

.cbox .cont .add dd input{ width:100%; height:28px; line-height:28px; text-align:center; font-size:14px; background-color:#34A0CE; color:#fff; cursor:pointer;}



.cbox .cont .xuan{ overflow:hidden;}

.cbox .cont .xuan p a{ display:block; float:left; padding:0 5px; background-color:#eee; height:28px; border:1px solid #cacaca; font-size:0.875rem; line-height:28px;} 

.cbox .cont .xuan p{ overflow: hidden; float: left; margin-bottom: 10px; margin-right: 20px;}

.cbox .cont .xuan p span{ display:block; float:left; height:30px; line-height:30px; font-size:0.875rem; color:#333;}

.cbox .cont .xuan p select{ float:left; margin-left: 10px; display:block; width:auto; width: 130px; padding:0 5px; height:30px; border:1px solid #cacaca; font-size:0.875rem; line-height:30px;} 

.cbox .cont .xuan p input{ float:left; margin-left: 10px; display:block; width:130px; padding:0 5px; height:30px; border:1px solid #cacaca; font-size:0.875rem; line-height:30px; box-sizing:border-box;}

.cbox .cont .xuan .sub01{ cursor: pointer; width:auto; padding:0 10px; height:30px; line-height:28px; display:block; float:left; margin-bottom: 10px; border:1px solid #cacaca; background-color:#eee; font-size:0.875rem;}

.cbox .cont .xuan li{ height: 30px; line-height: 30px; color: #333; float: left; margin-right: 30px; font-size:0.875rem; margin-bottom: 10px;}

.cbox .cont .xuan li strong{ color: #da0000; font-weight: normal; padding: 0 5px; font-size:0.875rem;}

.sv{ border: none !important; width: 185px !important; margin-top: 4px;}



/*列表*/

.dataTable{ width:1200px; 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:100px;}

.nr .x01 .pic{ margin-left:10px; float:left;}

.nr .x01 .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;float:left;}

.nr .x01 .xr{ margin-left:10px; width: 80%; height:32px; line-height:32px; font-size:14px; float:left;}

.nr .x01 .xr input{width:100%; border:1px solid #cacaca; padding:0 10px; height:30px; line-height:30px; font-size:14px;}

.nr .x01 .xr .subs{font-size:1rem;width:80px;height:34px;line-height:34px;border-radius:5px;text-align:center;color:#ffffff;background-position: center;background-repeat:no-repeat;}

.nr .x01 .xr .junior{margin-top:10px;}

.nr .x01 .xr select{ width:100%; 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 .x01 a{width: 110px;height: 32px;line-height: 32px;display: block;float: left;margin-right: 20px;background-color: #ddd;font-size: 14px;text-align: center;}



.nr .x02{ width:100%; float:left; margin-top:20px;}

.nr .x02 .xz{ line-height:32px; font-size:14px; float:left; width:100px;}

.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;float:left;}

.nr .x02 .pic img{ height:120px; display:block; float:left; margin-right:10px;}

.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 .pic .subs{font-size:1rem;width:80px;height:34px;line-height:34px;border-radius:5px;display:block;text-align:center;color:#ffffff;background-position: center;background-repeat:no-repeat;float:left;margin-left:20px;}

.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;

}