@charset "utf-8";
/**reset for all browser @ zaichi.cn**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
html{font:normal 14px "微软雅黑","Microsoft YaHei",Arial;}
fieldset,img {border:0;}:focus {outline:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
abbr,acronym {border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code,kbd,samp,tt {font-size:100%;}
input,button,textarea,select {*font-size:100%;}
body {line-height:1.5; min-width: 1300px;}
ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
sup,sub {font-size:100%;vertical-align:baseline;}:link,:visited ,ins {text-decoration:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

html, body{width: 100%;}
.center{width: 1200px; margin: 0 auto;overflow: hidden;}
.clearf{overflow: hidden;}
img{display: block;}
.item ul li a:hover, .item ul li p a:hover, a:hover, .linkList a:hover{color: #39b4fe;}

/*header*/
.header{height: 107px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/head_bg.jpg") repeat-y center 0;}
.header .center{height: 107px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/head_bg1.jpg") no-repeat 304px 0;}
.header .logo{float: left; margin: 16px 0 0 0;}
.header .logo img{width: 268px; height: 75px;}
.header .nav{float: right; width: 800px; height: 107px;}
.nav .tel{text-align: right; color: #fff; padding: 2px 0; line-height: 20px; height:20px; font-size:12px;}
.nav .searchDiv{height: 30px; line-height:30px; float:right; margin:16px 0 6px; border: 1px solid #87cbf6; border-radius: 6px;}
.searchDiv input{height:30px; line-height:30px; border: none; float:left; width: 220px; padding: 0 10px; background:none;}
.searchDiv .searchTxt{color: #e3f2fc; padding-right: 0;}
input.searchTxt::-webkit-input-placeholder {color: #e3f2fc;}
input.searchTxt::-moz-input-placeholder {color: #e3f2fc;}
input.searchTxt::-ms-input-placeholder {color: #e3f2fc;}
.searchDiv .searchBtn{width: 46px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/searchBtn.png") no-repeat center; cursor:pointer;}
.nav ul{float: right; margin-top: 5px;}
.nav ul li{float: left; line-height: 40px; margin-left: 32px;}
.nav ul li.first{margin-left: 0;}
.nav ul li a{font-size: 16px; color: #fff; display: block; line-height: 40px;}

/*banner*/
.banner, .banner1{height: 498px; position: relative; width: 100%;}
.banner img, .banner1 img{position: absolute; left: 50%; width: 1920px; height: 498px; margin-left: -960px; z-index: 12;}
.banner1, .banner1 img{height: 240px;}

/*新闻中心*/
.box{padding: 40px 0;}
.item{float: left;}
.item .th, .item1 .th{height: 50px; line-height: 50px; padding: 0; overflow: hidden;}
.item .th img, .item1 .th img{float: left; width: 31px; height: 29px; margin: 9px 10px 0 0;}
.item .th span, .item1 .th span{float: left; font-size: 22px; color: #39b4fe;}
.item .th .more{float: right; padding-right: 20px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/webIcon7.png") no-repeat right center; color: #333;}
.item ul li p{float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.item ul li p a{color: #333;}
.item ul li span.date{float: right; font-size: 12px; color: #999; text-align: right;}

.news{height: 340px;}
.newsImg{float: left; width: 540px; position: relative;}
.newsImg .bg_border{position: absolute; width: 480px; height: 298px;  z-index: 1; left: 0; top: 0;}
.newsImg a img{position: absolute; width: 520px; height: 320px; z-index: 2; }

.newsItem{width: 602px; float: right;}
.newsItem .th .more{background: none; padding: 0; color: #39b4fe;}
.newsItem .th .more font{font-family: "宋体"; padding-left: 2px;}
.newsList{padding-top: 2px;}
.newsList li{height: 36px; line-height: 36px;}
.newsList li p{width: 490px;}
.newsList li span.date{width: 100px;}

/*大赛风采*/
.box1{background: #f0f0f0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; height: 470px;}

.dsfc{width: 826px; overflow: hidden;}
.dsfc .fcList{width: 856px;}
.fcList li{width: 255px; height: 186px; float: left; margin: 18px 30px 10px 0; position: relative;}
.fcList li img{width: 255px; height: 186px;}
.fcList li p{position: absolute; height: 44px; line-height: 44px; bottom: 0; background: url("https://www.caronlawoffice.com/jnds/static/images/web/bg.png") repeat 0 0; color: #fff; text-align: center; width: 100%; font-size: 16px;}

/*通知公告*/
.notice{float: right; width: 330px;}
.notice .noticeList{padding-top:6px;}
.noticeList li{height: 62px; padding: 11px 0; border-bottom: 1px solid #ddd; *float:left; *width:100%;}
.noticeList li.last{border-bottom: none; padding-bottom: 0;}
.notice .noticeList li span.date{float: left; width: 64px; height: 60px; text-align: center; border: 1px solid #cacaca; border-radius: 3px; line-height: 30px; background: #ffd990; color: #454545; font-size: 18px; font-family: Arial;}
.noticeList li span.date b{ background: #fff; display: block; height: 30px; border-radius: 3px; color: #454545; font-size: 18px; font-family: Arial;}
.notice .noticeList li p{float: right; width: 242px; white-space: normal; line-height: 30px;}

/*大赛指南和规章制度*/
.box2{min-height: 490px;}
.item1{width: 390px; margin-right: 45px;}
.box2 .bLeft{float:left; overflow:hidden; width: 870px;}
.box2 .bRight{float:right; width: 330px; overflow:hidden;}
.box2 .bLeft .item1{margin-bottom:16px;}
.glpt{width: 330px; margin-right: 0; float: left;}
.itemList{margin-top: 2px;}
.itemList li{padding: 10px 0 0; overflow: hidden;}
.item1 .itemList li span.date{float: left; width: 68px; height: 27px; line-height: 27px; text-align: center; background: #ffd990; color: #333; font-size: 14px;}
.item1 .itemList li p{float: right; width: 310px; line-height: 27px;}

/*管理平台*/
.ptList{padding-top: 22px; width:340px;}
.ptList li{position: relative; width: 160px; height: 90px; padding: 0px 0 0; float: left; margin:0 10px 10px 0;}
.ptList li img{width: 160px; height: 90px; position: absolute; left: 0; right: 0; z-index: 1;}
.ptList li p{width: 160px; height: 90px; line-height: 90px; color: #fff; position: absolute; left: 0; right: 0; z-index: 2; text-align: center; font-size: 18px;}
.ptList li.lang{width: 330px; height: 80px;}
.ptList li.lang img{width: 330px; height: 80px;}
.ptList li.lang p{width: 330px; height:80px; line-height:80px;}

/*相关链接*/
.linkDiv{width: 330px; clear: both; padding: 9px 0 0;}
.linkCon{line-height:36px;}
.linkCon a{font-size:16px; color:#333; margin-right:26px; white-space: nowrap;}
.linkCon a:hover{color: #39b4fe;}
.linkBox{background: #f7f7f7; height: 62px; line-height: 62px; padding: 0;}
.linkList span, .linkList a{font-size: 16px; color: #333; padding:3px 0;}
.linkList span{padding-left: 35px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/webIcon8.png") no-repeat left center; padding-right: 6px;}
.linkList a{margin-right: 24px;}

/*底部*/
.footer{background: #39b4fe; padding: 24px 0 20px;}
.footer p{text-align: center; color: #fff; line-height: 30px;}

/*列表页*/
.box3{padding: 16px 0; min-height: 460px;}
.box3 .item1{float: none; width: 100%;}
.box3 .item1 .th{border-bottom: 1px solid #ededed;}
.box3 .item1 .th img{width: 24px; height: 23px; margin-top: 14px;}
.box3 .item1 .th span{font-size: 18px;}
.box3 .search{padding-top: 25px;}

.menu{width: 200px; background: #f5f5f5; padding: 10px 0 20px; float: left; margin-top: 5px;}
.menuList li{height: 55px; line-height: 55px;}
.menuList li .liA{display: block; padding: 0 20px; }
.menuList li .liA span{display:block;padding-left:20px; background: url("https://www.caronlawoffice.com/jnds/static/images/leftNavBg.jpg") no-repeat 5px center; font-size: 16px; color: #39b4fe; border-bottom: 1px solid #cbebfe;}
.menuList .active .liA{background:#39b4fe;}
.menuList .active .liA span{color: #fff; border-bottom: none; background: url("https://www.caronlawoffice.com/jnds/static/images/leftNavBg1.jpg") no-repeat 5px center;}

.box3 .center{overflow: hidden;}
.boxRight{width: 980px; float: right;}
.item .list{padding: 15px 0; overflow: hidden;}
.item .list li{line-height: 40px; height: 40px; border-bottom: 1px dotted #dedede; padding-left: 18px; background: url("https://www.caronlawoffice.com/jnds/static/images/web/li_style.jpg") no-repeat left center;}
.item .list li span.date{text-align: right; float: right; width: 110px; font-size: 14px; color: #999;}
.item .list li p{width: 840px;}

.layui-form .tips{overflow: hidden; line-height:24px; padding:10px 0 0; color:#ff3b00;}

/*分页*/
#page{text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #1E9FFF;}

/*新闻内容页*/
.newsCon .title{line-height:34px; font-size:22px; font-weight:bold; padding:25px 30px 15px; text-align:center;}
.newsCon .txt{color:#999; text-align:center; line-height:32px;}
.newsCon .con{padding:20px;}
.con, .con div, .con span, .con b, .con strong, .con p, .con font, .con em{line-height: 32px !important; font-family: "微软雅黑" !important; font-size: 15px !important;}
.con b, .con strong{font-weight: bold;}
.con img{margin: 0 auto; max-width: 80%; padding: 5px 0;}
.con img.icon{display: inline; margin-right:5px;}
.con table{width: 100%;}

/*成绩查询 */
.layui-table td, .layui-table th{padding: 9px 10px;}

/*成绩查询*/
/*登录页*/
.loginHead{height: 90px;}
.loginHead .logo{float: left; margin-top: 28px;}
.loginHead .loginTopRight{float: right; text-align: right; margin-top: 38px;}
.loginTopRight a{line-height: 32px; margin: 0 20px; color: #fff; font-size: 18px;}

.loginBox{width: 1200px; height: 596px; padding: 40px 50px 44px 50px; background: url("https://www.caronlawoffice.com/jnds/static/images/bg_login_center.png") no-repeat 0 0; margin: 30px auto 10px;}
.loginDiv{width:352px; height:386px; float:right; margin:42px 85px 0 0; padding: 55px 50px;}
.loginDiv .title{text-align:center; line-height:40px; color:#fff; font-size:20px; padding-bottom:20px;}
/*.loginDiv .layui-form-item{margin-bottom:26px;}*/
.loginDiv .layui-form-pane .layui-input{height:54px; line-height:54px; border-radius: 0 8px 8px 0; border:none; background: #f8f8f8; font-size:16px;}
.loginDiv .layui-form-pane .layui-form-label{height:54px; line-height:38px; border:none; border-radius: 8px 0 0 8px; width:60px; background-color: #f8f8f8;}
.loginDiv .layui-form-pane .layui-form-label img{padding: 2px 0 0 4px;}
.loginDiv .layui-form-pane .layui-input-inline{width: 293px; margin-right:0;}
.loginDiv .layui-form-pane .errorTxt{text-align:center; height:40px; margin:0; width: 100%; color:#e93232; font-size:16px;}
.loginDiv #loginBtn{height:55px; line-height:55px; width:100%; background:#4ac3fe; border:1px solid #fff; border-radius: 28px; font-size:18px; margin-top:10px;}
.loginFoot{text-align:center; padding:10px 0;}
.loginFoot p{line-height:32px; font-size:15px; color:#fff;}
.loginDiv .viewInfo{color:#fff; float: right; cursor: pointer;}
.loginDiv .viewInfo:hover{text-decoration: underline;}

/*工作进度表页面选项卡*/
.tabBox{float: left; margin-left:200px; margin-top: 10px;}
.tabBox .tabA{float: left; margin-right:10px; background:#e8e8e8; width:80px; height:40px; line-height:40px; text-align:center; color:#333; font-size:15px; font-weight:bold;}
.tabBox .tabActive{background:#1E9FFF; color:#fff;}