@charset "utf-8";
/* CSS Document */

*{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; font:12px/1.2 "Microsoft Yahei"; background:#f2f5f8;color:#666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666;}
.clearfix:after{ content: ''; display: block; clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
.fr{ float:right;}
.fl{float:left;}
img{ vertical-align:middle; border:none; max-width:100%;}
/*.wrapper{ width:1200px; margin:0 auto;}*/
.wrapper{ margin: 0 3%;}

input,select,textarea{ outline: none;}

/* top */
.top{ height: 60px; background: #40617b; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
.top .wrapper{ margin: 0 20px;}
.logo{ height: 60px; line-height: 60px; /*padding: 0 20px;*/ position: relative; z-index: 1;}
.logo img{ float: left; vertical-align: middle; margin-top: 16px;}
.logo em{ float: left; font-size: 18px; font-weight: 500; color: #fff; margin-left: 10px;}
.logo:after{ content: ''; clear: both; width: 0px; height: 0px; margin: 0; padding: 0; display: block;}
/*.logohs{ margin-left: -20px;}*/
.logodt{ display: none;}
.logodt:before{ content: ''; position: absolute; top: 6px; left: 0px; z-index: 10; width: 0px; height: 28px; border-left: 1px solid #7ca2e2;}
.topr{ color: #FFFFFF; margin-top: 16px;}
.topr .tx{ width: 28px; height: 28px; border-radius: 50%; overflow: hidden;}
.topr dl{ padding: 0px 14px; line-height: 14px; font-size: 12px;}
.topr dl dt{}
.topr dl dd{}
.topr .exit-btn{ width: 68px; height: 22px; line-height: 22px; border: 1px solid #ffffff; border-radius: 24px; text-align: center; color: #FFFFFF; margin-top: 2px;}

.left{ position: fixed; top: 60px; left: 0px; z-index: 1000; width: 180px; height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); background:#FFFFFF;}
.leftmenu{ padding: 3% 0;}
.leftmenu ul{}
.leftmenu ul li>a{ display: block; height: 58px; line-height: 58px; font-size: 16px; color: #474747; padding: 0 20px;}
.leftmenu ul li i{ float: left; width: 32px; height: 58px; background-size: 18px auto !important; }
.leftmenu ul li.s1>a i{ background: url(../images/icon-l11.png) no-repeat left center;}
.leftmenu ul li.s2>a i{ background: url(../images/icon-l21.png) no-repeat left center;}
.leftmenu ul li.s3>a i{ background: url(../images/icon-l31.png) no-repeat left center;}
.leftmenu ul li.s4>a i{ background: url(../images/icon-l41.png) no-repeat left center;}
.leftmenu ul li.s5>a i{ background: url(../images/icon-l51.png) no-repeat left center;}
.leftmenu ul li.s6>a i{ background: url(../images/icon-l61.png) no-repeat left center;}
.leftmenu ul li.s7>a i{ background: url(../images/icon-l71.png) no-repeat left center;}
.leftmenu ul li.s1.on>a i{ background: url(../images/icon-l12.png) no-repeat left center;}
.leftmenu ul li.s2.on>a i{ background: url(../images/icon-l22.png) no-repeat left center;}
.leftmenu ul li.s3.on>a i{ background: url(../images/icon-l32.png) no-repeat left center;}
.leftmenu ul li.s4.on>a i{ background: url(../images/icon-l42.png) no-repeat left center;}
.leftmenu ul li.s5.on>a i{ background: url(../images/icon-l52.png) no-repeat left center;}
.leftmenu ul li.s6.on>a i{ background: url(../images/icon-l62.png) no-repeat left center;}
.leftmenu ul li.s7.on>a i{ background: url(../images/icon-l72.png) no-repeat left center;}
.leftmenu ul li.on>a{ /*background: #bccad8;*/ color: #40617b;}
.leftmenu ul li span{ float: left; font-size: 14px;}
.leftmenu ul li>a em{ display: none; width: 11px; float: left; margin-left: 10px; height: 11px; line-height: 11px; font-size: 14px; font-family: '宋体'; font-weight: bold; background: url(../images/up.png) no-repeat right center; margin-top: 23px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.5;}
.leftmenu ul li.on>a em{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 1;}
.leftmenu ul li .dropmenu{ display: none;/* background: #e5eaef;*/ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.leftmenu ul li .dropmenu dl{ padding: 15px 0; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.leftmenu ul li .dropmenu dl dt{}
.leftmenu ul li .dropmenu dl dt>a{ display: block; line-height: 36px; padding: 0 20px 0 52px; color: #999999; font-size: 12px; position: relative; z-index: 1;}
.leftmenu ul li .dropmenu dl dt.active>a{ color: #40617b;}
.leftmenu ul li .dropmenu dl dt:hover>a{ color: #40617b;}
.leftmenu ul li .dropmenu dl dt em{ position: absolute; top: 13px; left: 38px; z-index: 10; display: block; width: 9px; height: 9px; background: url(../images/add.png) no-repeat center center; display: none;}
.leftmenu ul li .dropmenu dl dt.active em{ background: url(../images/reduce.png) no-repeat center center;}
.leftmenu ul li .dropmenu dl dt .threeNode{ display: none; margin-left: 52px; border-left: 1px solid #DBDBDB;}
.leftmenu ul li .dropmenu dl dt .threeNode a{ display: block; padding-top: 15px; line-height: 12px;}
.leftmenu ul li .dropmenu dl dt .threeNode a:before{ content: ''; float: left; display: inline-block; width: 8px; height: 0px; border-bottom: 1px solid #DBDBDB; margin-top: 6px; margin-right: 3px;}
.leftbtm{ position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 100%; text-align: center; padding-bottom: 20px; color: #FFFFFF; display: block; font-size: 12px; text-transform: uppercase; text-align: center; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.leftbtm a{ color: #a5a5a5; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.leftbtm img{/* display: none;*/}

.right{ margin-left: 180px;}
.rightcont{ padding: 3% 0; min-width: 960px;}
.rightitle{ font-size: 20px; color: #474747;}
.rightitle em{ font-size: 16px; font-family: arial; color: #bebebe;}
.mart15{ margin-top: 1%;}
.alist{ overflow:hidden; }
.alist ul li{ float: left; width: 19%; margin-right: 1.2%; background: #FFFFFF; padding: 20px 0; text-align: center; border-top: 4px solid #449aba;}
.alist ul li img{ width: 100%;}
.alist ul li p{ font-size: 14px; color: #999999;}
.alist ul li div{ position: relative; z-index: 1; margin-top: 5px; font-family: arial; height: 35px; text-align: center;}
.alist ul li div i{ line-height: 35px; font-size: 30px; color: #333333;}
.alist ul li div em{ position: absolute; top: 0px; left: 70%; line-height: 35px; font-size: 14px; padding-left: 15px;}
.alist ul li div em.down{ color: #ef9f41; background: url(../images/down1.png) no-repeat left center;}
.alist ul li div em.up{ color: #64c529; background: url(../images/up1.png) no-repeat left center;}
.alist ul li:last-of-type{ margin-right: 0;}
.alist ul li.s1{ border-color: #449aba;}
.alist ul li.s2{ border-color: #75bc4a;}
.alist ul li.s3{ border-color: #4669cc;}
.alist ul li.s4{ border-color: #a65cc2;}
.alist ul li.s5{ border-color: #ca4369;}
.rightlr{}
.rightlr .fl,.rightlr .fr{ width: 49.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.boxsizing{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bgwhite{ background: #FFFFFF;}
/*.boxshadow{ box-shadow: 0 0 20px rgba(51,51,51,0.05);}*/
/*.amt{opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}*/
.padlr20{ padding: 0 20px;}
.fwpeoplenum{ padding: 15px 0; border-bottom: 1px solid #d8d8d8;}
.fwpeoplenum .flname{ float: left; font-size: 14px; color: #333333; margin-right: 25px; margin-top: 5px;}
.fwpeoplenum .flname .fltwo{ float: left; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; margin-right: 5px;}
.fwpeoplenum .flname .fltwo i{ float: left; width: 8px; height: 16px;}
.fwpeoplenum .flname em{ float: left; line-height: 16px;}
.bgcolor1{ background: #449ABA;}
.bgcolor2{ background: #75BC4A;}
.bgcolor3{ background: #4669CC;}
.bgcolor4{ background: #A65CC2;}
.bgcolor5{ background: #CA4369;}
.bgcolor6{ background: #40617b;}
.bgcolor7{ background: #de4548;}
.frlink{ float: right; font-size: 16px;}
.frlink i{ float: left; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; margin-right: 5px;}
.frlink em{ float: left; line-height: 16px;}
.timeqh{ float: right;}
.timeqh a{ float: left; padding: 0 10px; height: 25px; line-height: 25px; margin-right: 5px; border-radius: 25px; font-size: 12px;}
.timeqh a.active{ color: #FFFFFF;}


/* 访问人数、数量 */
.fwtable{}
.fwtable table{ width: 100%; text-align: center;}
.fwtable table thead tr td{ font-size: 14px; color: #666666; border-bottom: 1px solid #d8d8d8;}
.fwtable table thead tr td i{ font-family: arial; color: #999999; font-size: 14px; text-transform: uppercase;}
.fwtable table tr td{ padding: 22px; line-height: 14px; border-bottom: 1px solid #eaeaea; font-size: 14px; color: #333333; vertical-align: middle;}
.fwtable table tr td i{ font-family: arial;}
.fwtable table tr td .bgcolor1,.fwtable table tr td .bgcolor2{ display: inline-block; width: 14px; height: 14px; border-radius: 3px; margin-right: 10px;}

/* 1-3 */
.share-px{ padding: 20px 0;}
.share-px ul li{ padding: 11px 0; height: 56px; line-height: 56px;}
.share-px ul li dl dt{ float: left;}
.share-px ul li dl dd{ float: left;}
.share-px ul li dl dt i{ float: left; font-family: "arial black"; font-size: 24px; color: #ff9600;}
.share-px ul li dl dt em{ float: left; width: 110px; font-size: 16px; color: #333333; margin-left: 20px;}
.share-px ul li dl dt div{ float: left; margin-left: 10px;}
.share-px ul li dl dt div span{ float: left; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: url(../images/khtxbg.png) #e6e6e6 no-repeat center center;}
.share-px ul li dl dt div span img{ width: 100%; height: 100%; border-radius: 50%; border: 0 none;}
.share-px ul li dl dt div p{ float: left; width: 100px; margin-left: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10px;}
.share-px ul li dl dd .jdt{ width: 288px; float: left;}
.share-px ul li dl dd .jdt div{ float: left;}
.share-px ul li dl dd .jdt span{ display: block; margin-top: 21px; width: 0px; height: 14px; background: #40617b; border-radius: 5px; -webkit-transition: 3s; -ms-transition: 3s; -moz-transition: 3s; -o-transition: 3s; transition: 3s;}
.share-px ul li dl dd i{ float: left; width: 50px; text-align: center; font-size: 18px; font-family: arial; color: #999999;}
.share-px.timerqj ul li{ height: 46px; line-height: 46px;}
.share-px.timerqj ul li div p{ color: #333333;}

.redu{ padding: 20px 0; text-align: center;}

/* 1-5 */
.blist{ overflow:hidden; }
.blist ul li{ float: left; width: 19%; margin-right: 1.25%; background: #FFFFFF; padding: 50px 0; text-align: center;}
.blist ul li p{ font-size: 18px; color: #999999;}
.blist ul li div{ margin-top: 10px; font-size: 30px; font-family: arial; text-align: center; color: #333333;}
.blist ul li.s1 div{ color: #ea8486;}
.blist ul li.s2 div{ color: #75bc4a;}
.blist ul li.s3 div{ color: #4669cc;}
.blist ul li.s4 div{ color: #a65cc2;}
.blist ul li.s5 div{ color: #ca4369;}
.blist ul li:last-of-type{ margin-right: 0;}

.rightsmall{ float: left; width: 48%; height: 250px; margin-right: 4%; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightsmall:nth-child(2n+2){ margin-right: 0;}
.rightsmall .cont{ padding: 20px 0;}
.h490{ height: 490px;}

.toplist{ padding-top: 15px;}
.toplist ul li{ line-height: 50px; font-size: 20px;}
.toplist ul li i{ float: left; font-family: "arial black"; color: #ff9600;}
.toplist ul li em{ float: left; margin-left: 10px; color: #333333;}

.topone{ width: 28%; text-align: center;}
.padtb65{ padding: 65px 0;}
.topone-title{ line-height: 45px; font-family: "arial black"; font-size: 48px; color: #ff9600; text-transform: uppercase;}
.topone-tx{ width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-top: 50px;}
.topone-tx img{ width: 100%; min-height: 100%;}
.topone-dl{}
.topone-dl dl dt{ padding: 20px 0; font-size: 24px; color: #333333;}
.topone-dl dl dd{ font-size: 16px; color: #999999;}
.topone-dl dl dd i{ font-weight: bold; color: #40617b; font-family: arial;}

.topfive{ width: 70%;}
.topfive .share-px ul li dl dd .jdt{ width: 528px; float: left;}

.gwfx{ width: 33%; height: 290px; float: left;}
.gwfx .flname{ font-size: 14px;}
.gwfx .timeqh a{ font-size: 14px;}
.gwfx .fwpeoplenum{ padding: 10px 0;}
.gwfxmarglr{ margin: 0 0.5%;}
.padlr10{ padding: 0 10px;}

/* 2-1 */
.gwlist-title{ height: 50px; border-bottom: 1px solid #dedede;}
.gwlist-title .gwlist-name{ float: left; height: 51px; line-height: 24px; font-size: 18px; color: #474747; position: relative; z-index: 1;}
.gwlist-title .gwlist-name:after{ content: ''; position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 27px; height: 0px; border-bottom: 3px solid #40617b;}
.gwlist-title .gwbtn{ float: right;}
.gwlist-title .gwbtn a{ float: left; width: 68px; height: 35px; line-height: 35px; margin-left: 20px; font-size: 12px; color: #393939; border-radius: 35px; padding-left: 36px; border: 1px solid #40617b; color: #40617b;}
.gwlist-title .gwbtn a.gw-btn-add{ background: url(../images/addbg3.png) no-repeat 15px center;}
.gwlist-title .gwbtn a.gw-btn-add:hover{ color: #FFFFFF; background: url(../images/addbg1.png) #40617b no-repeat 15px center;}

.gwlist-title .gwbtn a.gw-btn-del{ background: url(../images/deletebg2.png) no-repeat 15px center;}
.gwlist-title .gwbtn a.gw-btn-del:hover{ color: #FFFFFF; background: url(../images/deletebg1.png) #40617b no-repeat 15px center;}

.gwlist-title .gwbtn a.gw-btn-edit{ background: url(../images/edit1.png) no-repeat 15px center;}
.gwlist-title .gwbtn a.gw-btn-edit:hover{ color: #FFFFFF; background: url(../images/edit2.png) #40617b no-repeat 15px center;}




.gwlist-title .gwbtn .gw-btn-return{ float: right; width: 115px; padding-left: 0px; text-align: center; margin-right: 0; color: #ffffff; background: #40617b;}
.gwlist-title .gwsxform{ float: right;}
.gwlist-title .gwsxform li{ float: left; margin-right: 5px; border-radius: 5px; overflow: hidden;}
.gwlist-title .gwsxform li select{ min-width: 115px; height: 37px; padding: 0 20px 0 12px; font-size: 12px; background: url(../images/down2.png) #FFFFFF no-repeat 95% center; border: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*.gwlist-title .gwsxform li select option:nth-child(1){ display: none;}*/
.gwlist-title .gwsxform li input[type=text]{ float: left; width: 110px; height: 37px; line-height: 37px; padding-left: 12px; border: 0 none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.gwlist-title .gwsxform li input[type=submit]{ float: right; width: 40px; height: 37px; border: 0 none; background: url(../images/searchbg.png) #FFFFFF no-repeat center center; color: #fff;}
.gwlist-title .gwsxform li #sub1{ width: 80px; line-height: 37px; border-radius: 5px; background: #40617b;}


.search{ float: right; width: 280px; height: 35px; border-radius: 35px; overflow: hidden; background: #CFDBE6; margin-left: 20px;}
.search input[type=text]{ float: left; width: 185px; padding-left: 30px; height: 35px; line-height: 35px; color: #7790a7; border: 0 none; background: none;}
.search input[type=text]::-moz-placeholder,
.search input[type=text]::-webkit-input-placeholder,
.search input[type=text]::-ms-input-placeholder{ color: #7790a7;}
.search input[type=submit]{ float: right; width: 65px; height: 35px; background: url(../images/searchbg.png) no-repeat center center; cursor: pointer; border: 0 none; font-size: 14px;}
	
.gwlist{ padding-top: 1%;}
.gwlist ul li{ float: left; width: 13.6%; margin-right: 0.8%; background: #FFFFFF; text-align: center; padding: 1% 0; margin-top: 1.5%;}
/*.gwlist ul li:nth-child(5n+5){ margin-right: 0;}*/
.gwlist ul li div{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.gwlist ul li div img{ width: 100%; height: 100%;}
.gwlist ul li dl{ padding: 5%;}
.gwlist ul li dl dt{ font-size: 14px;}
.gwlist ul li dl dd{ padding-top: 3%; font-size: 12px; color: #999999;}
.gwlist ul li dl dd i{ margin-right: 20px;}
.gwlist ul li dl dd em{}

@media only screen and (max-width: 1920px) {
	.gwlist ul li{ float: left; width: 13.6%; margin-right: 0.8%; text-align: center; padding: 1% 0; margin-top: 1.5%;}
	.gwlist ul li:nth-child(7n+7){ margin-right: 0;}
}

@media only screen and (max-width: 1440px) {
	.gwlist ul li{ float: left; width: 16%; margin-right: 0.8%; text-align: center; padding: 1% 0; margin-top: 1.5%;}
	.gwlist ul li:nth-child(7n+7){ margin-right: 0.8%;}
	.gwlist ul li:nth-child(6n+6){ margin-right: 0;}
}

@media only screen and (max-width: 1366px) {
	.gwlist ul li{ float: left; width: 19%; background: #FFFFFF; margin-right: 1.25%; text-align: center; padding: 1% 0; margin-top: 1.5%;}
	.gwlist ul li:nth-child(7n+7){ margin-right: 1.25%;}
	.gwlist ul li:nth-child(6n+6){ margin-right: 1.25%;}
	.gwlist ul li:nth-child(5n+5){ margin-right: 0;}
}


/* 2-2 */
.gwxq{ margin-top: 3%;}
.gwxq dl dt{ float: left; width: 32%; padding: 1.5% 2%; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gwxq dl dt div{ float: left; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-top: 10px;}
.gwxq dl dt ul{ float: left; margin-left: 5%;}
.gwxq dl dt ul li{ line-height: 30px; font-size: 14px; color: #333333;}
/*.gwxq dl dt ul li i{ color: #333333;}
.gwxq dl dt ul li em{ color: #333333;}*/
.gwxq dl dd{ float: left; width: 16%; margin-left: 1%; padding: 1.5% 0; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: table;}
.gwxq dl dd div{ display: table-cell; width: 100%; height: 100px; vertical-align: middle; text-align: center;}
.gwxq dl dd p{ display: block; font-size: 14 px; line-height: 30px; color: #999999;}
.gwxq dl dd i{ display: block; margin-top: 2%; font-family: arial; font-size: 24px;}
.gwxq dl dd.s1 i{ color: #333333;}
.gwxq dl dd.s2 i{ color: #999999;}
.gwxq dl dd.s3 i{ color: #64c529;}
.gwxq dl dd.s4 i{ color: #ef9f41;}

.gwtable{}
.gwtable table{ width: 100%;}
.gwtable table tr th{ padding: 1.2% 0; width: 16.8%; font-size: 14px; color: #FFFFFF; background: #40617b;}
.gwtable table tr td{ padding: 1.5% 0; width: 16.8%; font-size: 14px; color: #333333; border-bottom: 1px solid #eeeeee; text-align: center;}
.timg{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin: 0 auto; background: url(../images/khtxbg.png) #E6E6E6 no-repeat center center;}
.timg img{ width: 100%; height: 100%;}
.gwtable table tr td a{ display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; border-radius: 24px; border: 1px solid #40617b; color: #40617b; font-size: 12px;}
.gwtable table tr td a:hover{ background: #40617b; color: #FFFFFF;}

.sxinp{ position: relative; z-index: 1; float: left; width: 24%; height: 50px; line-height: 50px; background: #FFFFFF; margin-right: 0.33%;}
.sxinp input{ width: 100%; padding-left: 45px; padding-right: 6%; background: url(../images/bgdown.png) no-repeat 95% center; height: 50px; line-height: 50px; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "微软雅黑"; font-size: 16px; color: #cbcbcb;}
.xb{ background: url(../images/bg301.png) #FFFFFF no-repeat 15px center / auto 22px;}
.yx{ background: url(../images/bg302.png) #FFFFFF no-repeat 15px center / auto 22px;}
.sr{ background: url(../images/bg303.png) #FFFFFF no-repeat 15px center / auto 22px;}
.sxsub{ width: 26%; height: 50px; background: #40617b; color: #FFFFFF; font-size: 18px; border: 0 none; font-family: "微软雅黑"; cursor: pointer;}
.sxinp dl{ display: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #FFFFFF; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.sxinp dl dt{ padding-left: 45px; line-height: 40px; font-size: 16px; color: #CBCBCB; border-top: 1px solid #f5f5f5; cursor: pointer;}

/* 3-2 */
.khxq-js{ padding: 1%; margin-top: 3%;}
.khxq-js .fl{ width: 509px; border-right: 1px solid #EEEEEE;}
.khxq-js .fr{ width: -webkit-calc(98% - 510px); width: -moz-calc(98% - 510px); width: calc(98% - 510px);}
.khxq-js .fl .timg{ float: left; width: 100px; height: 100px; overflow: hidden; border-radius: 50%;}
.khxq-js .fl .timg img{ width: 100%; height: 100%;}
.khxq-js .fl ul{ float: left; margin-left: 40px; width: 340px; margin-top: -10px;}
.khxq-js .fl ul li{ font-size: 16px; line-height: 30px;}
.khxq-js .fl ul li i{ float: left; color: #999999;}
.khxq-js .fl ul li em{ float: left; color: #333333;}
.khxq-js .fr dl dt{ font-size: 16px; color: #999999;}
.khxq-js .fr dl dd{ padding-top: 10px; font-size: 14px; line-height: 20px; color: #333333;}

.khxq-top{ margin-top: 10px;}
.khxq-top table{ width: 100%;}
.khxq-top table tr th{ height: 40px; background: #f3f3f3; padding: 0 4%; font-size: 14px; color: #333333;}
.khxq-top table tr th:nth-child(1){ width: 19%; text-align: left;}
.khxq-top table tr th:nth-child(2){ width: 38%; text-align: left;}
.khxq-top table tr th:nth-child(3){ width: 19%; text-align: right;}
.khxq-top table tr td{ height: 58px; font-size: 16px; color: #666666; border-bottom: 1px dashed #DDDDDD; padding: 0 3%;}
.khxq-top table tr td:nth-child(3){ text-align: right;}
.khxq-top table tr td:nth-child(1){ font-family: "arial black"; color: #ff9600;}
.h460{ height: 460px;}


.khtable{ margin-top: 2%; background: #FFFFFF;}
.khtable table{ width: 100%; border: 1px solid #efefef; border-collapse: collapse;}
.khtable table tr th{ width: 20%; border: 0 none; padding: 1.2%; font-weight: 500; font-size: 14px; font-weight: bold; color: #434343;}
.khtable table tr th img{ margin-right: 8px; height: 16px;}
.khtable table tr td{ width: 20%; border: 0 none !important; border-top: 1px solid #efefef !important; border-bottom: 1px solid #efefef !important; padding: 1.2%; font-size: 14px; color: #878787; text-align: center;}
.khtable table tr td a{ font-size: 12px;}
.khtable table tr td select{ min-width: 95px; height: 37px; padding: 0 20px 0 12px; font-size: 12px; background: url(../images/down2.png) #FFFFFF no-repeat 95% center; border: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.khtable table tr td input{ height: 20px; line-height: 20px; text-align: center; border: 1px solid #efefef;}

.zdgwfix{ position: fixed; top: 50%; left: 50%; z-index: 10; width: 300px; height: 200px; padding: 0 20px; margin: -120px 0 0 -170px; background: #FFFFFF; border: 1px solid #ddd; -webkit-transition: none; -ms-transition: none; -moz-transition: none; -o-transition: none; transition: none; display: none;}
.zdgwfixc{}
.zdfixtop span{ float: left; height: 45px; line-height: 45px; font-size: 16px; color: #999999; display: none;}
/*.zdfixtop span .zdinp{ float: left; width: 163px; height: 44px; line-height: 44px; font-size: 16px; color: #999999; border: 0 none;}
.zdfixtop span .zdsub{ float: right; height: 44px; padding: 0 10px; background: none; border: 0 none; cursor: pointer;}*/
.zdfixtop .zdclose{ float: right; width: 30px; height: 30px; margin-right: -20px; background: url(../images/zdclose.png) no-repeat #eeeeee center;}
.zdfixbtm{ padding-top: 30px; overflow: hidden;}
.zdfixbtm .zdslt{ width: 100%; height: 40px; padding: 0 20px 0 12px; background: url(../images/down2.png) #FFFFFF no-repeat 95% center;    -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #EEEEEE;}
.zdfixbtm .zdsub{ display: block; width: 110px; height: 40px; font-size: 14px; color: #FFFFFF; background: #40617b; border: 0 none; cursor: pointer; margin: auto; margin-top: 30px;}
/*.zdfixbtm table tr td{ height: 40px; text-align: center; background: #f0f0f0; border-top: 10px solid #FFFFFF;}*/

.m-page{ margin: 2% 0; text-align: center;}
.m-page span{ display: inline-block;}
/*.m-page a{ float: left; height: 38px; line-height: 38px; padding: 0 16px; font-size: 16px; color: #333333; font-family: arial; border: 1px solid #cecece; border-radius: 3px; margin: 0 5px;}*/
.m-page a{ float: left; /*padding: 0 6px;  line-height: 28px; border: 1px solid #cecece;*/ color: #333333; /*margin-right: 5px;*/ background: none !important; }
.m-page a.z-crt{ color: #FFFFFF; background: #40617b; border: 1px solid #40617b; }
.m-page a.pagenxt,.m-page a.pageprv{ padding: 0 25px;}
.m-page li{ float: left;}

/* 4-1 */
.spjslist{ margin-top: 2%;}
.spjslist ul li{ float: left; display: table; width: 16%; margin-right: 0.8%; height: 130px; padding: 1%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1%;}
.spjslist ul li.edit .spcc{ display: table-cell; height: 130px; vertical-align: middle;}
.spjslist ul li.edit div.sptt i{ float: left; font-size: 24px; font-family: arial; color: #cdcdcd;}
.spjslist ul li.edit div.sptt em{ float: right;}
.spjslist ul li.edit dl dt{ padding-top: 10px; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.spjslist ul li.edit dl dd{ padding-top: 15px;}
.spjslist ul li.edit dl dd span{ float: left; width: 50%;}
.spjslist ul li.edit dl dd span p{ display: block; line-height: 24px; font-size: 14px; color: #999999;}
.spjslist ul li.edit dl dd span p em{ color: #333333;}
.spjslist ul li.edit dl dd .editlink{ float: right; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #40617b; font-size: 14px; color: #ffffff; border-radius: 3px; margin-top: 12px;}
.spjslist ul li.addxm > a{ display: table-cell; height: 130px; vertical-align: middle; text-align: center;}
.spjslist ul li.addxm > a img{ width: ;}
.spjslist ul li.addxm > a p{ display: block; padding-top: 10px; font-size: 18px; color: #999999;}

@media only screen and (max-width: 1920px) {
	.spjslist ul li{ width: 16%; margin-right: 0.8%;}
	.spjslist ul li:nth-child(6n+6){ margin-right: 0;}
}

@media only screen and (max-width: 1440px) {
	.spjslist ul li{ width: 19%; margin-right: 1.25%;}
	.spjslist ul li:nth-child(6n+6){ margin-right: 1.25%;}
	.spjslist ul li:nth-child(5n+5){ margin-right: 0;}
}

@media only screen and (max-width: 1280px) {
	.spjslist ul li{ width: 24.1%; margin-right: 1.2%;}
	.spjslist ul li:nth-child(6n+6){ margin-right: 1.2%;}
	.spjslist ul li:nth-child(5n+5){ margin-right: 1.2%;}
	.spjslist ul li:nth-child(4n+4){ margin-right: 0;}
}


/* 4-2 */
.spjsform{ margin-top: 2%; padding: 2% 3%;}
.spjsform ul li{ margin-bottom: 1%; line-height: 40px;}
.spjsform ul li span.fl{ width: 100px; font-size: 14px; line-height: 40px; color: #333333;}
.spjsform ul li input[type=text],.spjsform ul li input[type=password],.spjsform ul li select { float: left; width: 50%; height: 40px; line-height: 40px; background: #f2f5f8; border: 0 none; padding: 0 20px; font-size: 12px;}
.spjsform ul li input[type=password]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.spjsform ul li textarea{ float: left; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); padding: 10px 20px; background: #f2f5f8; resize: none; font-family: "微软雅黑"; border: 0 none;}
.spjsform ul li label{ margin-right: 25px; font-size: 16px; color: #333333;}
.spjsform ul li label input{ margin-right: 5px;}
.small-img{ float: left; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px);}
.simg{ width: 160px; height: 100px; background: #cdd6de;}
.upload{ margin-top: 2%;}
.upload input[type=text]{ float: left; width: 40%; height: 40px; line-height: 40px; background: #f2f5f8; border: 0 none; padding: 0 20px;}
.upload .upload-btn{ position: relative; z-index: 1; float: left; width: 10%; height: 40px; line-height: 40px; background: #40617b; text-align: center; font-size: 14px; color: #fff; overflow: hidden;}
.upload .upload-btn input[type=file]{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; opacity: 0; font-size: 12px; cursor: pointer;}
.spjsub{ width: 200px; height: 50px; font-size: 20px; color: #ffffff; background: #40617b; border: 0 none; font-size: 16px; font-family: "微软雅黑";}
.password { float: left; width: 50%; height: 40px; line-height: 40px; background: #f2f5f8; border: 0 none; padding: 0 20px;}




/* login */
/*.loginnr{ padding-top: 8%;}
.loginnr .login-wrapper{ width: 1000px; margin: 0 auto;}
.loginl{ float: left; width: 460px;}
.logincont{ float: right; width: 430px;}
.logincont h1{ margin-top: 40px; height: 40px; line-height: 40px; border-left: 4px solid #40617b; padding-left: 22px; font-size: 26px; color: #222222; font-weight: 500;}
.logincont h1 i{ font-size: 30px; color: #40617b; text-transform: uppercase; font-family: 'Levenim MT'; margin-left: 10px;}
.loginform{ margin-top: 20px; padding: 25px; min-height: 330px; background: #FFFFFF; border-radius: 10px;}
.loginform ul{}
.loginform ul li{ margin-top: 20px; height: 40px; line-height: 40px; padding-left: 40px; position: relative; z-index: 1;}
.loginform ul li i{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 40px; height: 40px; line-height: 40px;}
.loginform ul li i img{ vertical-align: middle;}
.loginform ul li .lgname{ float: left; width: 100%; height: 40px; background: #f2f5f8;}
.loginform ul li .lgname span{ float: left; padding-left: 24px; width: 66px; height: 40px; font-size: 18px; color: #888888;}
.loginform ul li .lgname .inp{ width: 240px; height: 40px; line-height: 40px; padding-right: 10px; font-size: 14px; color: #999999; border: 0 none; background: none;}
.loginform ul li .lgname.yzm{ width: 185px;}
.loginform ul li .yzmimg{ float: right; width: 150px; height: 40px; overflow: hidden;}
.loginform ul li .lgname.yzm .inp{ width: 80px;}
.loginform ul li .yzmimg img{ width: 100%; height: 100%; vertical-align: top;}
.loginform ul li .loginsub{ width: 200px; height: 50px; background: #40617b; border-radius: 5px; border: 0 none; font-size: 20px; color: #FFFFFF; font-family: "微软雅黑"; margin-top: 45px;}*/
.loginnr{}
@media only screen and (min-width: 500px) {
.loginnr .login-wrapper{  margin: 5% 15% auto auto ;  /*margin-top: 12%;*/ background: #fff; border-radius: 10px; float:right;}
}
/*.loginl{ float: left; width: 460px;}*/
.logincont{  }

.logincont h1{ display: none; margin-top: 40px; height: 40px; line-height: 40px; border-left: 4px solid #447ad5; padding-left: 22px; font-size: 26px; color: #222222; font-weight: 500; text-align: center;}
.logincont h1 i{ font-size: 30px; color: #447AD5; text-transform: uppercase; font-family: 'Levenim MT'; }
.loginform{  padding: 30px 60px; min-height: 270px; background: rgba(255,255,255,1); border-top-right-radius: 10px;border-bottom-right-radius: 10px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.loginform ul{}
.loginform ul li{ margin-top: 20px; height: 40px; line-height: 40px; padding-left: 30px; position: relative; z-index: 1; border-bottom: 1px solid #eee;}
.loginform ul li i{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 30px; height: 40px; line-height: 40px;}
.loginform ul li i img{ vertical-align: middle; height: 22px;}
.loginform ul li .lgname{ float: left; width: 100%; height: 40px; }
.loginform ul li .lgname span{ float: left; padding-left: 14px; width: 46px; height: 40px; font-size: 14px; color: #888888;}
.loginform ul li .lgname .inp{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #999999; border: 0 none; background: none;}
.loginform ul li .lgname.yzm{ width: 115px;}
.loginform ul li .yzmimg{ float: right; width: 110px; height: 40px; overflow: hidden;}
.loginform ul li .lgname.yzm .inp{ width: 100%;}
.loginform ul li .yzmimg img{ width: 100%; height: 100%; vertical-align: top;}
.loginform ul li .loginsub{ width: 110px; height: 40px; background: #678faf; border-radius: 5px; border: 0 none; font-size: 14px; color: #FFFFFF; font-family: "微软雅黑"; }

.loginform ul li:last-child{ border: none;}


@media only screen and (max-width: 500px) {
.loginnr .login-wrapper{ margin: 30% 5% 0px;  background: #fff; border-radius: 10px; }
.loginform ul li .lgname.yzm{ width:47%; }
.loginform ul li .yzmimg{ width:45%; }
	
}







.khdata{ float: left; width: 26%; padding: 20px 2%;}
.khdatac{ position: relative; z-index: 1; max-width: 350px; margin: 0 auto;}
.khdatac>img{ width: 100%;}
.khdatac .khtx{ position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border: 10px solid #5784d3; border-radius: 50%; overflow: hidden; margin: -50px 0 0 -50px;}
.khdatac .khtx img{ width: 100%; height: 100%;}
/*.khdatac .khzy{ position: absolute;}*/
.khdatac .khzy span{ color: #3c3c3d; font-size: 14px;}
.khdatac .khzy .s1{ position: absolute; top: 14%; left: 34%; z-index: 10; text-align: center;}
.khdatac .khzy .s2{ position: absolute; top: 32%; left: 10%; z-index: 10; text-align: center;}
.khdatac .khzy .s3{ position: absolute; top: 26%; right: 12%; z-index: 10; text-align: center;}
.khdatac .khzy .s4{ position: absolute; top: 63%; left: 13%; z-index: 10; text-align: center;}
.khdatac .khzy .s5{ position: absolute; top: 52%; right: 7%; z-index: 10; text-align: center;}
.khdatac .khzy .s6{ position: absolute; top: 78%; right: 28%; z-index: 10; text-align: center;}
.khdatac .khzy p{}
.khdatac .khzy i{ opacity: 0.5;}


@media only screen and (max-width: 1366px) {
	.khdatac .khtx{ position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border: 10px solid #5784d3; border-radius: 50%; overflow: hidden; margin: -40px 0 0 -40px;}
	.khdatac .khzy span{ font-size: 12px;}
}

.khxx{ float: right; width: 70%;}
.khxx ul li{ float: left; margin-left: 3%; width: 30.33%; background: #FFFFFF; overflow: hidden;}
.khtitle{ padding: 7%; font-size: 14px; color: #FFFFFF; background: #40617b;}
.khtitle img{ margin-right: 10px; height: 16px;}
.khxx ul li dl{ padding: 7%;}
.khxx ul li dl dt{ padding: 5% 0; font-size: 14px; color: #3C3C3D;}
.khbz{ padding: 7%; font-size: 14px; line-height: 24px; color: #818181;}
.batch_zdgw{float:left; margin-left: 30px; padding:2px; width: 100px;  line-height: 37px;  border: 0 none;border-radius: 5px;  background: #40617b;color: white;}