/*-----重置代码-----*/ body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased} body{ font-size:12px; font-family:"Microsoft YaHei","Arial Narrow",HELVETICA; background:#fff; -webkit-text-size-adjust:100%; background-color: #fff; min-width: 1200px; } em{font-style:normal} li{list-style:none} img{border:0;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} a{text-decoration: none; cursor: pointer; } /*-----通用-----*/ ul li a{ font-size: 16px; color: #333; text-decoration: none; line-height: 34px; } ul li a:hover{ color: #1a77bd; } ul li span{ line-height: 34px; font-size:14px; color:#999; float:right; } .more{ line-height: 40px; font-size:14px; color:#666; float:right; } .container{ width:1100px; margin:0 auto; } .clear{ height: 25px; overflow: hidden; clear: both; } .icon-title a ,.lanmu_right-title a{ color: #1a77bd; } .mid2_lanmu_nr dd a{ color: #666; } /*-----nav-----*/ .logo{ width:100%; background-color: #3f81bc; } .logo-in{ width:1600px; margin:0 auto; } /*-----nav-----*/ .navline{ background-color:#1a77bd; height:54px; box-shadow: 0px 4px 5px #e6e6e6; margin-bottom: 40px; } .nav{ width:820px; list-style: none; height:54px; z-index:200; float: left; } .nav ul li{ width:102px; height:54px; text-align:center; float:left; } .nav ul li a{ font-size: 18px; color: #fff; line-height: 54px; font-weight:bold; } .nav ul li a:hover{ color: #ffcc00; } .search{ float: right; height: 54px; } /*-----中间-----*/ .pic-play{ float:left; } .mid1_right{ width:454px; float:right; } .mid1_right .mid1_right_ul li{ background: url("/wwwjinzhongycsxhzjcyjscom/images/icon1.jpg") left center no-repeat; padding-left: 12px; } .title{ line-height: 40px; font-size:18px; color:#1a77bd; font-weight:bold; height: 38px; } .title .icon-title{ margin-bottom: 10px; float: left; padding-top: 10p; margin-top: 10px } .subtitle{ width: 422px; height: 72px; background-color: #eff4f7; padding: 16px; margin-bottom: 2px; } .mid1_right_title a{ color:#1a77bd; font-size:18px; } .mid1_right_abstract a{ font-size: 14px; color: #666666; line-height: 24px; } .icon{ width: 100%; height: 266px; background-color: #eff4f7; padding-top: 30px; } .icon-title{ font-size: 18px; color: #1a77bd; font-weight: bold; line-height: 18px; border-left: 4px solid #1a77bd; padding-left: 12px; margin-bottom: 22px; } .icon-left{ float:left; } .icon-left .icons{ width: 836px; height: 182px; } .icon-left .icons .icons-show a{ width: 189px; height: 80px; line-height: 80px; float: left; background-color: #fff; box-shadow: 2px 2px 13px 1px #e5edf3; border-radius: 2px; margin-right: 20px; margin-bottom: 20px; transition: all 150ms linear; } .center a{ display: table; } .icon-left .icons .icons-show a:hover { color: #202129; background-color: #e1ebf1; opacity: 1; } .icon-left .icons .icons-show a:active { background-color: #e1ebf1; box-shadow: inset 2px 2px 7px #fff; opacity: 1; } .icon-left .icons .icons-show img{ line-height: 80px; text-align: center; margin-left: 20px; } .icon-left .icons .icons-show a span{ width: 80px; text-align: center; line-height: 18px; font-size: 16px; color: #333; display: table-cell; vertical-align: middle; padding-right:20px; } .icon-right{ float:right; } .icon-right .icons{ width: 264px; height: 180px; } #jwgk a{ width: 96px; height: 56px; float: left; background-color: #1a77bd; text-align: center; line-height: px; padding: 17px; transition: all 150ms linear; margin-right: 1px; margin-bottom: 1px; } .icon-right .icons span{ display:block; font-size: 16px; color: #fff; } .icon-right .icons .icons-img{ width:38px; height:38px; margin:0 auto; overflow:hidden; } /* .icon-right .icons .icons-img img{ */ /* position: relative; */ /* left: -50px; */ /* filter:drop-shadow(50px 0px 0rem #ffffff); */ /* } */ /* ////////////// */ .pic_zt{ margin-top:28px; } /* ////////////// */ .mid2{ margin-top:28px; } .mid2-left{ width:836px; float:left; } .mid2-right{ width: 264px; float:right; } .mid2_lanmu{ background-color:#f4f4f4; width:398px; height:258px; float:left; margin-right:20px; margin-bottom:20px; } .lm-title{ height: 46px } .lm-title .lanmu_title{ font-size: 18px; font-weight: bold; color: #1a77bd; float: left; line-height: 30px; background: url("/wwwjinzhongycsxhzjcyjscom/images/lan.jpg") no-repeat; padding-left: 20px; padding-top: 2px; margin-top: 10px; margin-left: 10px; } .lm-title .more{ font-size: 14px; color: #666; float: right; margin-top: 6px; margin-right: 10px; } .mid2_lanmu ul{ margin-left: 10px; margin-right: 10px; } .lm_right_title .lanmu_right-title{ float:left; margin-top: 10px; font-size: 18px; color: #1a77bd; font-weight: bold; line-height: 18px; border-left: 4px solid #1a77bd; padding-left: 12px; } .lm_right_title .more{ font-size: 14px; color: #666; float: right; } .mid2_lanmu_nr dd{ width: 264px; text-align:center; font-size:14px; line-height:30px; color:#666; } .social{ margin-top:20px; } .social img:first-child{ float:left; margin-bottom:22px; } .social img:first-child+img{ float:right; } /* ///////////footer */ .footer{ background-color:#6c7981; color:#fff; } .link{ padding-top: 10px; } .link-title{ width:100px; float:left; font-size:16px; font-weight:bold; display: inline-block; } .link-title span{ line-height:30px; margin-left:10px; } .links{ line-height:30px; font-size:14px; margin-left:20px; display: inline-block; } .links a{ font-size: 14px; color: #fff; margin-right: 14px; } .copyright{ padding-bottom:20px; }