/*-----------初始化--------*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } address, cite, dfn, em, var { font-style:normal; } small{ font-size:12px; } ul, ol ,li{ list-style:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } fieldset, img { border:0; } button, input, select, textarea { font-size:100%; } table { border-collapse:collapse; border-spacing:0; } /*-----------全局样式---------*/ body {font-family: "microsoft yahei";color:#333; font-size:14px;} img {border: none;} /*清除页面底部高度,iframe所致*/ #vishidden { display:none } /*版通基本样式开始*/ /*整个网页超链接样式开始*/ a { text-decoration:none; color:#464646; } a:hover { text-decoration: none; color:#005ea4; } /*首页、频道页栏目默认标题列表样式 小字体*/ .bt_link { font-size:12px; text-decoration:none; color:#464646; } /*微软雅黑字体使用*/ .bt_link_w { font-size:13px; font-family: "微软雅黑"; text-decoration:none; color:#464646; } /*首页、频道页栏目默认标题列表样式 大字体(增)*/ .bt_linkb { font-size:14px; text-decoration:none; color:#464646; } /*微软雅黑字体使用*/ .bt_linkb_w { font-size:15px; font-family: "微软雅黑"; text-decoration:none; color:#464646; } /*-----------自定义公共类---------*/ .fl{ float:left; } .fr{float:right} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{zoom:1} .headr,.nav,.content1,.content2,.content3,.copyright,.foot_1,.home,.main{ width: 98%; max-width: 1170px; margin: 0 auto;} /*-----------headr---------*/ .headr{ height:92px; overflow:hidden;} .logo{ float:left; width:29%} .logo img{ width: 100%;} .touzi{float: right; margin-top: 30px; line-height: 20px; height: 20px;} .tz{float: right;} .tou{ text-align:right; line-height: 40px; height: 40px;} .zi{ text-align: right; } /*-----------nav---------*/ .nav{ height:36px; position:relative; z-index:10;} .ul{ float: left; } .nav_ul>li{ float: left; font-size: 17px} .nav_ul>li li{ margin-left: 55px;} .search{ float:right; position:relative; z-index:10;} .sou{float:left; width:24px; height:36px; background-image:url(/uploads/image/i4/40.jpg); background-position:center 0; background-repeat:no-repeat; cursor:pointer;} .zi{ float:left; margin-left:28px;width:37px; height:36px;background-image:url(/uploads/image/i4/50.jpg); background-position:center 0; background-repeat:no-repeat; cursor:pointer;} .email{ float:left; margin-left:28px;width:28px; height:36px;background-image:url(/uploads/image/i4/60.jpg); background-position:center 5px; background-repeat:no-repeat; cursor:pointer;} .sou1,.zi1,.email1{ display:none;position:absolute; top:38px; right:0; z-index:100; background-color:#fff;} .sou2{background-image:url(/uploads/image/i4/41.jpg)} .zi2{background-image:url(/uploads/image/i4/51.jpg)} .email2{background-image:url(/uploads/image/i4/61.jpg)} .sou1{ width:430px; height:160px;} .zi1{ width:1170px; height:290px;} .email1{ width:430px; height:282px;} /*-----------banner---------*/ *{zoom:1} .fullslide{ position:relative; background:#000; margin:0 auto; } .fullslide .bd{ position:relative; z-index:0; } .fullslide .bd li img{width:100%; vertical-align:top; } .fullslide .hd{position:relative; z-index:1; margin-top:-40px; height:40px; line-height:30px; text-align:center; } .fullslide .hd ul{ text-align:center; padding-top:5px; } .fullslide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:22px; height:22px; margin:5px; background: no-repeat; overflow:hidden; font-size:0; } .fullslide .hd ul .on{background: no-repeat; } .fullslide .prev{background: 0 0 no-repeat;} .fullslide .next{background:url(/uploads/image/i4/next.png) 0 0 no-repeat;} .fullslide .prev,.fullslide .next{ z-index:1; display:block; width:32px; height:56px; position:relative; margin:-12% 0 0 10%; float:left; filter:alpha(opacity=40);opacity:0.4 } .fullslide .next{ float:right; margin-right:10% } .fullslide .prev:hover,.fullslide .next:hover{ filter:alpha(opacity=80);opacity:0.8 } /*-----------main---------*/ .h35{ font-size: 35px;border-bottom: 1px #0082cc solid;display: inline-block} .h18{ font-size: 18px;display: inline-block; padding-left: 13px;} .new{text-align: center; height: 90px; line-height: 92px; padding-top: 10px } .tong{ height: 50px; line-height: 50px; background-color: #f6f6f6; margin-top: 35px; font-size: 16px; overflow: hidden} .t_1{ font-weight: bold; padding-left: 16px; float: left} .t_2{padding-left: 45px;float: left;} .t_2 span{padding-left: 45px;} .close{float: right; padding-right:15px ; width: 16px; cursor: pointer; } .new_n{margin-top:30px; } .new_1{ width: 31.6%; height: 420px; background-color: #f6f6f6; float: left} .new_2{ width: 31.6%; height: 420px; background-color: #f6f6f6; float: left;margin-left: 2.6%} .new_3{ width: 31.6%; height: 420px; float: right} .new_11{ padding: 15px 20px 0 20px; } .new_111{ float: left; width: 14%} .new_112{float: right;width: 81%;} .new_21{ padding:10px 20px 0 20px; font-size: 20px; line-height: 40px} .new_21 div{float: left} .new_21>div div{ margin-left:6.5%;} .new_21_on{ color: #0081cc} .new_22{padding: 0 20px} .new_22>div div{display: none} .new_222>div{padding: 10px 0;} .new_222>div div{ border-top: 1px solid #e6e6e6} .new_3>div div{margin-top: 30px} .new_3 img{width: 100%; height:195px;} .gupiao{background-color: #d70000; height: 50px; line-height: 50px; color:#fff; margin-top: 40px} .gp_1{max-width: 1170px; font-size: 24px; margin: 0 auto} .download{ background-color: #eaeaea; background-image: ;background-position: center;background-repeat: no-repeat; height: 403px} .cnnp{ margin-top: 40px} .cnnp>div{width: 31.6%; height: 430px; background-color:#f6f6f6; background-image:; background-position: bottom; background-repeat: no-repeat;} .cnnp_1{ float: left;} .cnnp_2{ float: left; margin-left: 2.6%} .cnnp_3{ float: right;} .cnnp_11{ background: center no-repeat; width: 100%; height: 50px} .cnnp_21{ background: center no-repeat;width: 100%; height: 50px} .cnnp_31{ background: center no-repeat;width: 100%; height: 50px} .cnnp_12{height: 154px;} .h30{ font-size: 30px; padding: 20px 0 0 35px;} .join{ width: 100%; margin-top: 30px; height: 200px; background-color:#f6f6f6; background-image: ; background-position: right bottom; background-repeat: no-repeat; } .input{padding: 10px 0 0 35px;} .input_1{border: none; height: 45px; width: 400px;text-indent: 10px; font-size: 16px; line-height: 45px; color: #666} .input_2{width: 58px; height: 45px; background:; border: none} .download_more{padding-top: 40px ;text-align: center; display: block} /*-----------foot---------*/ .foot{background-color: #0064a5; color: #fff; height: 411px; background-image: ; background-position: center; background-repeat: no-repeat; margin-top: 30px;} .foot_11{ padding-top: 28px; float: left; width: 468px; } .foot_12{ width: 1px; margin: 30px; float: left;display:inline; border-right:1px solid #005e9a; border-left:1px solid #027ac5; height: 340px } .foot_13{ width: 296px; padding-top: 30px; float: left;} .foot_132{border-bottom:1px solid #3599da; height: 34px; line-height: 34px; font-size: 12px; } .foot a{color: #fff} .foot_14{ width: 296px; padding-top: 30px; float: right;} /*-----------版权---------*/ .copyright{ height: 65px; line-height: 50px;} .copyright a{width: 66px; text-align: center; display: inline-block} /*---------图片新闻滚动--------*/ #pic1 { position: relative; width:100%; overflow: hidden; } #pic1 .bd{ position:relative; z-index:0; } #pic1 .bd img { width:100%; height:220px; display: block;} #pic1 .prev,#pic1 .next { width:26px; height: 40px; display: none; position: absolute; top:90px; z-index: 10; cursor: pointer;} #pic1 .prev { left: 0; background: no-repeat 0 0; } #pic1 .next { right: 0; background: no-repeat 0 0;} /*---------下载轮播--------*/ .download_1{ width: 1190px; margin:0 auto ; padding-top: 72px;height: 202px; position: relative} .download_1 .bd{width: 1190px; overflow: hidden;height: 202px;} .download_1 li{width: 218px;height: 202px;margin: 0 10px; background-color:#fff; float: left } .download_1 .prev,.download_1 .next { width:27px; height: 53px; position: absolute; top:140px; cursor: pointer;} .download_1 .prev { left: -18px; background: no-repeat 0 0; } .download_1 .next { right: -18px; background: no-repeat 0 0;} /*---------链接轮播--------*/ .link{margin-top: 30px; font-size: 16px; line-height: 35px} .h20{font-size: 20px;} .link_1{ float: right; padding-right: 15px; position: relative;width: 1030px; } .link_11{width: 1030px; overflow: hidden;height: 35px; line-height: 35px;vertical-align:middle} .link_11 li{float: left; width: 206px;text-align: center; overflow: hidden} .link_11 li img{padding-right: 20px;vertical-align:middle} .link_1 .prev,.link .next{width:15px; height: 35px; position: absolute; cursor: pointer; top:0;} .link_1 .prev { left: 0; background: no-repeat center; } .link_1 .next { right: 0; background: no-repeat center;} /* 图片经过放大 */ .imghov{overflow:hidden;} .imghov img{transition: all 1s ease 0s;} .imghov:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} /* 栏目页 */ .weizhi{ background-color:#f2f2f2; height:52px; line-height:52px;} .main{ margin-top:30px;} .main_1eft{ float:left; width:270px;} .main_right{ float:right; width:840px;} .left_1{ width:270px; height:50px; background-image:url(/uploads/image/i4/bg101.jpg); text-indent:75px; font-size:20px; font-weight:bold; color:#fff; line-height:50px;} .left_2>div{ height:50px; line-height:50px; border-bottom:1px #fff solid; background-color:#f8f8f8; text-indent:75px; font-size:16px;} .left_3{ margin-top:30px; width:270px; } .left31{ padding:20px 20px 0 20px; height:44px; line-height:44px;} .left32{ padding:0 20px; height:25px; line-height:25px;} .left32>div div{ border-top:1px solid #e8e8e8} .col_on{ font-weight:bold; background:url(/uploads/image/i4/on.jpg) 190px center no-repeat;} .col_on a{ color:#0081cb} .right1{ font-size:35px; font-weight:bold;} @media screen and (max-width: 980px) { .headr,.nav,.content1,.content2,.content3,.copyright,.foot_1{ width: 100% !important; max-width:initial !important; margin: 0 auto;} .logo{width: 353px !important;} .xqy_left{width: 68% !important;} .link_1{width: 950px !important;} .link_11{width: 950px !important;} .foot_11{transform: scale(0.8) translate(-30px,-65px);} .foot_12{position: relative;left: -46px;margin: 30px 15px;} .foot_13{width: 465px !important;} .foot_14{width: 465px !important;} .foot_132{width: 155px !important;} .foot{overflow: hidden;} .copyright{line-height: 36px;height: auto;overflow: hidden;} .copyright span{width: 100%;text-align: center;} }