@charset "utf-8"; /* @import url('normalize.css'); */ /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu { display:block; } /*css*/ @font-face { font-family: Rainier; src: url('../fonts/Sansation_Light.ttf'), url('../fonts/Sansation_Light.eot'); /* IE9+ */ font-weight: 600; } body { font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; } #wrapper { margin: 0 auto; } .container { width: 1200px !important; margin: 0 auto; } .container1 { width: 1200px !important; margin: 0 auto; height: 200px; } @media (max-width:1000px) { .container { width: 100% !important; margin: 0 auto; } } .container { margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } /*header part css*/ .header { height: 208px; position: relative; z-index: 20; width:auto !important; background-color:white; } @media (max-width:700px) { .header { height: 170px; position: relative; } } #logo { height: 140px; background: #78B6F5 url(../images/gxpt_header.png) center top no-repeat; position: relative; } @media (max-width:700px){ #logo { display: none; } } .nav-bg { position: absolute; width: 100%; height: 45px; background: #e6e6e6; z-index: 1000; /*background: url(../img/nav-bg.jpg) repeat-x; background: linear-gradient(#CBEFFC 0%, #CBEFFC 100%); box-shadow: 0 2px 5px #666; */ } nav { width:970px; margin: 0 auto; } nav1 { width:970px; margin: 0 auto; } /* nav ul { width: 100%; height: 40px; padding-left: 10px; padding-right: 10px; *+padding-left: 0; *+padding-right: 0; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; } nav ul li { list-style: none; float: left; cursor: pointer; text-align: center; } nav ul li a { width: 87px; height: 35px; line-height: 35px; margin-top: 2px; display: inline-block; font-size: 15px; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; color: #333; text-shadow: none; transition: text-shadow 0.2s ease 0s; -moz-transition: text-shadow 0.2s ease 0s; -webkit-transition: text-shadow 0.2s ease 0s; -o-transition: text-shadow 0.2s ease 0s; } */ .footer .copyright { padding: 23px 0 24px; color: white; text-align: center; /*border-top: 1px solid #f7f7f7;*/ background-color: #333333 } .nav { width: 100%; height: 45px; padding-left: 110px; padding-right: 10px; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; } .nav > li { list-style: none; float: left; cursor: pointer; text-align: center; } .nav > li > h3 > a { width: 160px; height: 43px; line-height: 37px; margin-top: 2px; display: inline-block; font-size: 16px; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; color: #333; text-shadow: none; transition: text-shadow 0.2s ease 0s; -moz-transition: text-shadow 0.2s ease 0s; -webkit-transition: text-shadow 0.2s ease 0s; -o-transition: text-shadow 0.2s ease 0s; } .nav > li h3 > a:hover { color: #2C5DC6; text-decoration: none; background: #e6e6e6; } .nav > li > span { width: 3px; height: 25px; margin-top: 2px; display: inline-block; } /*导航栏*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{ font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; } .nav a{ text-decoration: none; } .nav h3{ font-size:100%; font-weight:normal; } .nav .m{ float:left; position:relative; z-index:20; } .nav .m:hover {} .nav .on{ color: #eee;text-decoration: none; } .nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; } .nav h3 a{ display:block; width: 120px;height: 36px;*+height: 26px; text-align:center; font-weight:bold; } .nav .sub{ display:none; position:absolute; left:-1px; top:39px; z-index:10; min-width:128px; border:1px solid #E6E4E3; border-top:0; background:#CC3333;border-radius:0 0 5px 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; border-bottom:1px solid #E6E4E3; margin-left: 10px; margin-right:10px; } .nav .sub li a{ display:block; padding-bottom:8px; height:35px; line-height:35px; font-weight: 400; white-space: nowrap; color:#fff; } .nav .sub li a:hover{ color:#FE7700; } .nav .block{ height:3px; width:130px; background:#FE7700; position:absolute; left:0; top:57px; overflow:hidden; } nav ul li a:visited, nav ul li a:focus { color: #333; text-decoration: none; } nav ul li a:hover { color: #eee; text-decoration: none; } nav ul li > span { width: 3px; height: 25px; margin-top: 2px; display: inline-block; } @media (max-width:700px){ .nav-bg { background: none; position: absolute; width: 100%; z-index: 1000; box-shadow: none; height: auto; } .header { height: 345px; } nav { position: relative; width: 100%; margin: 0 auto; } nav ul { width: 100%; height: auto; padding-left: 10px; padding-right: 10px; *+padding-left: 0; *+padding-right: 0; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; box-shadow: 0 2px 5px #666; } nav > ul > li { list-style: none; cursor: pointer; text-align: center; float: none; } .nav { height: auto; } .nav > li > h3 > a { width: 100%; height: 35px; line-height: 35px; margin-top: 2px; display: inline-block; font-size: 15px; font-family: "Microsoft YaHei","Times New Roman",Georgia,Serif; color: #333; text-shadow: none; transition: text-shadow 0.2s ease 0s; -moz-transition: text-shadow 0.2s ease 0s; /* Firefox 4 */ -webkit-transition: text-shadow 0.2s ease 0s; /* Safari 和 Chrome */ -o-transition: text-shadow 0.2s ease 0s; /* Opera */ } nav ul li a:visited, nav ul li a:focus { color: #333; text-decoration: none; } .nav > li > h3 > a:hover { color: #eee; text-decoration: none; text-shadow:1px 1px 2px #333; background: #AD0101; box-shadow: inset 1px 1px 3px #555; } .nav > li > span { width: 3px; height: 25px; margin-top: 2px; display: inline-block; background: url(../img/space.jpg) no-repeat; background: linear-gradient(90deg, #5CBBF5 0%, #3875A2 50%, #037FC7 100%); } .nav .s{ float:none;} .nav .m{ float:none;} .nav .sub {position: relative; top: 0;} } #content { min-height: 700px; background: #fff; } /*栏目中的固定样式*/ .list1 { margin-left:15px; padding-top: 0px; } .list1 li { margin-top: -1px; line-height: 28px; } .list2 li { height: 31px; background:url(../img/dot-icon.png) no-repeat center left; margin-left: 10px; padding-left:15px; line-height: 31px; } .list2 li a { height: 31px; width: 70%; line-height: 31px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; *+margin-top: -23px; } .list2 span { height: 31px; line-height: 31px; float:right; padding-right:15px; *+margin-top: -30px; } .list3 { margin-left:21px; } .list3 li { height: 24px; width: 270px; margin-top: 13px; } .list3 a { display:block; height: 30px; width: 276px; color: #4380d9; text-align: center; background: url("../img/tiao.jpg") no-repeat; font-weight: bold; letter-spacing: 5px; text-decoration: none; } .list3 a:hover { color: #FF2720; } .list4 { margin-left:45px; *+margin-left:30px; margin-top:0px; padding-top:10px; } .list4 li { margin-top: 6px; float:left; width:48%; line-height:25px; } .more { float: right; margin-right: 15px; font-size: 12px; } #v2 { height:175px; display:block; cursor:pointer; } /*font css*/ .bold { font-weight: bold; } /*footer part css*/ footer .footer1 { background: #F6F6F6; overflow: hidden; } footer .footer1 ul { width: 585px; height: 20px; margin: 10px auto; } footer .footer1 li { width: 145px; height: 20px; float: left; border-right: 1px solid #5D0102; } footer .footer1 li:last-child { border-right: none; } footer .footer1 li a { display: block; width: 145px; height: 20px; line-height: 20px; font-size: 16px; color: #5D0102; text-align: center; } footer .footer2 { overflow:hidden; zoom:1; min-height:230px; background: #710208; border-bottom: 1px solid #eee; } footer .footer2 ul { float: left; width: 130px; margin-top: 25px; } footer .footer2 ul li { height: 35px; } footer .footer2 ul li a { color: #eee; line-height: 35px; } footer .footer2 ul:first-child { margin-left: 80px; } footer .footer3 { background: #000000; } footer .footer3 .en { float: left; width: 340px; margin-left: 140px; } footer .footer3 .en p { line-height: 25px; color: #eee; font-size: 12px; } footer .footer3 .ch { float: left; width: 370px; margin-left: 40px; } footer .footer3 .ch span { line-height: 25px; color: #eee; font-size: 12px; } @media (max-width:700px){ footer .footer2 ul { float: left; width: 50%; margin-top: 25px; } footer .footer2 ul:first-child { margin-left: 0px; } footer .footer2 ul li { text-align: center; } footer .footer3 .en { float: none; width: 100%; margin-left: 0; padding: 0 auto; } footer .footer3 .ch { float: left; width: 100%; margin-left: 0; } } /*toolBackTop*/ .back-to { bottom: 35px; overflow:hidden; position:fixed; right:10px; width:50px; z-index:999; } .back-to .back-top { width: 50px; height:50px; float: right; display: block; margin-left: 10px; *+margin-left: 0; background: url("../img/back-top.png") no-repeat scroll 0 0 transparent; outline: 0 none; text-indent: -9999em; } .back-to .back-top:hover { background-position: -50px 0; } .btn-sm, .btn-group-sm > .btn { border-radius: 5px; } .normal-border { border: 1px solid #C6C6C6; } .normal-border-bottom { border-bottom: 1px solid #C6C6C6; } .normal-border-top { border-top: 1px solid #C6C6C6; } .normal-border-right { border-right: 1px solid #C6C6C6; } .normal-border-left { border-left: 1px solid #C6C6C6; } .bold-border { border: 10px solid #C6C6C6; } .border-warning { border-color: #f0ad4e; } .border-info { border-color: #5bc0de; } .border-primary { border-color: #428bca; } .border-danger { border-color: #d9534f; } .border-success { border-color: #5cb85c; } .no-border-left { border-left: none; } .no-border-top { border-top: none; } .no-border-right { border-right: none; } .no-border-bottom { border-bottom: none; } .margin-left-1 { margin-left: 1px; } .margin-left-2 { margin-left: 2px; } .margin-left-3 { margin-left: 3px; } .margin-left-4 { margin-left: 4px; } .margin-left-5 { margin-left: 5px; } .margin-left-6 { margin-left: 6px; } .margin-left-7 { margin-left: 7px; } .margin-left-8 { margin-left: 8px; } .margin-left-9 { margin-left: 9px; } .margin-left-10 { margin-left: 10px; } .margin-left-11 { margin-left: 11px; } .margin-left-12 { margin-left: 12px; } .margin-left-13 { margin-left: 13px; } .margin-left-14 { margin-left: 14px; } .margin-left-15 { margin-left: 15px; } .margin-left-16 { margin-left: 16px; } .margin-left-17 { margin-left: 17px; } .margin-left-18 { margin-left: 18px; } .margin-left-19 { margin-left: 19px; } .margin-left-20 { margin-left: 20px; } .margin-right-1 { margin-right: 1px; } .margin-right-2 { margin-right: 2px; } .margin-right-3 { margin-right: 3px; } .margin-right-4 { margin-right: 4px; } .margin-right-5 { margin-right: 5px; } .margin-right-6 { margin-right: 6px; } .margin-right-7 { margin-right: 7px; } .margin-right-8 { margin-right: 8px; } .margin-right-9 { margin-right: 9px; } .margin-right-10 { margin-right: 10px; } .margin-right-11 { margin-right: 11px; } .margin-right-12 { margin-right: 12px; } .margin-right-13 { margin-right: 13px; } .margin-right-14 { margin-right: 14px; } .margin-right-15 { margin-right: 15px; } .margin-right-16 { margin-right: 16px; } .margin-right-17 { margin-right: 17px; } .margin-right-18 { margin-right: 18px; } .margin-right-19 { margin-right: 19px; } .margin-right-20 { margin-right: 20px; } .margin-top-1 { margin-top: 1px; } .margin-top-2 { margin-top: 2px; } .margin-top-3 { margin-top: 3px; } .margin-top-4 { margin-top: 4px; } .margin-top-5 { margin-top: 5px; } .margin-top-6 { margin-top: 6px; } .margin-top-7 { margin-top: 7px; } .margin-top-8 { margin-top: 8px; } .margin-top-9 { margin-top: 9px; } .margin-top-10 { margin-top: 10px; } .margin-top-11 { margin-top: 11px; } .margin-top-12 { margin-top: 12px; } .margin-top-13 { margin-top: 13px; } .margin-top-14 { margin-top: 14px; } .margin-top-15 { margin-top: 15px; } .margin-top-16 { margin-top: 16px; } .margin-top-17 { margin-top: 17px; } .margin-top-18 { margin-top: 18px; } .margin-top-19 { margin-top: 19px; } .margin-top-20 { margin-top: 20px; } .padding-top-1 { padding-top: 1px; } .padding-top-2 { padding-top: 2px; } .padding-top-3 { padding-top: 3px; } .padding-top-4 { padding-top: 4px; } .padding-top-5 { padding-top: 5px; } .padding-top-6 { padding-top: 6px; } .padding-top-7 { padding-top: 7px; } .padding-top-8 { padding-top: 8px; } .padding-top-9 { padding-top: 9px; } .padding-top-10 { padding-top: 10px; } .padding-top-11 { padding-top: 11px; } .padding-top-12 { padding-top: 12px; } .padding-top-13 { padding-top: 13px; } .padding-top-14 { padding-top: 14px; } .padding-top-15 { padding-top: 15px; } .padding-top-16 { padding-top: 16px; } .padding-top-17 { padding-top: 17px; } .padding-top-18 { padding-top: 18px; } .padding-top-19 { padding-top: 19px; } .padding-top-20 { padding-top: 20px; } .padding-left-1 { padding-left: 1px; } .padding-left-2 { padding-left: 2px; } .padding-left-3 { padding-left: 3px; } .padding-left-4 { padding-left: 4px; } .padding-left-5 { padding-left: 5px; } .padding-left-6 { padding-left: 6px; } .padding-left-7 { padding-left: 7px; } .padding-left-8 { padding-left: 8px; } .padding-left-9 { padding-left: 9px; } .padding-left-10 { padding-left: 10px; } .padding-left-11 { padding-left: 11px; } .padding-left-12 { padding-left: 12px; } .padding-left-13 { padding-left: 13px; } .padding-left-14 { padding-left: 14px; } .padding-left-15 { padding-left: 15px; } .padding-left-16 { padding-left: 16px; } .padding-left-17 { padding-left: 17px; } .padding-left-18 { padding-left: 18px; } .padding-left-19 { padding-left: 19px; } .padding-left-20 { padding-left: 20px; } .padding-left-50 { padding-left: 50px; } .padding-right-1 { padding-right: 1px; } .padding-right-2 { padding-right: 2px; } .padding-right-3 { padding-right: 3px; } .padding-right-4 { padding-right: 4px; } .padding-right-5 { padding-right: 5px; } .padding-right-6 { padding-right: 6px; } .padding-right-7 { padding-right: 7px; } .padding-right-8 { padding-right: 8px; } .padding-right-9 { padding-right: 9px; } .padding-right-10 { padding-right: 10px; } .padding-right-11 { padding-right: 11px; } .padding-right-12 { padding-right: 12px; } .padding-right-13 { padding-right: 13px; } .padding-right-14 { padding-right: 14px; } .padding-right-15 { padding-right: 15px; } .padding-right-16 { padding-right: 16px; } .padding-right-17 { padding-right: 17px; } .padding-right-18 { padding-right: 18px; } .padding-right-19 { padding-right: 19px; } .padding-right-20 { padding-right: 20px; } .text-align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .black { color: #333; } .white { color: #eee; } .blue { color: #3399CC; } .width100 { width: 100%; } .article { padding: 10px; } .article p { text-indent: 2em; line-height: 25px; } .border-warning { border: 1px solid #eea236; } .success { color: #46a546; } .warning { color: #f89406; } .danger { color: #9d261d; } .primary { color: #049cdb; } .bold { font-weight: bold; } .left { float: left; width: 685px; } .right { float: left; width: 300px; } .clearfix { *zoom: 1; } .clearfix:before,.clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .bar { position: relative; top: 0; left: 0; z-index: 20; width: 100%; height: 45px; background: #e6e6e6; /*background: -webkit-linear-gradient(top,#700005,#600000); background: linear-gradient(to bottom,#3859B0,#3859B0); border-bottom: 1px solid #78B6F5; box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15); */ } .vip { width: 100px; height: 44px; float: left; } .vip a{ width: 100px; height: 44px; line-height: 44px; color: #eee; } .zu-top-search { height: 44px; } .zu-top-search-form { float: right; position: relative; top: 5px; *+width: 161px; } .zu-top-search-form .zu-top-search-button { position: absolute; top: 1px; right: 0; width: 40px; height: 32px; background: #900000; background: -webkit-linear-gradient(top,#a00000,#800000); background: linear-gradient(to bottom,#a00000,#800000); border: 1px solid #900000; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15); box-sizing: border-box; outline: 0; cursor: pointer; } .zu-top-search-form .zu-top-search-button:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .zu-top-search-button .glyphicon { color: #eee; font-weight: bold; line-height: 33px; } .zu-top-search-input { padding: 6px 50px 6px 10px; *+padding: 6px 0 6px 0; width: 100%; *+width: 160px; color: #49525c; font-size: 14px; background-color: #e1eaf2; border: 1px solid #900000; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1); outline: 0; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zu-top-search-input::-webkit-input-placeholder { color: #8d9ba8; } .zu-top-search-input::-moz-placeholder { color: #8d9ba8; } .zu-top-search-input:-ms-input-placeholder { color: #8d9ba8; } .zu-top-search-input::placeholder { color: #8d9ba8; } .zu-top-search-input:focus { background-color: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.2),0 1px 15px rgba(255,255,255,.3); }