*{word-break: break-word;}
html, body {
font-family: "Microsoft YaHei", SimHei, "\9ED1\4F53", "Apple LiGothic Medium", "\82F9\679C\4E3D\4E2D\9ED1", SimSun, "\5b8b\4f53", sans-serif;
background-color: #e7e7e7;
position: relative;
}
body, html, ul, ol, dl, dd, li, p, h1, h2, h3, p, form, input {
margin: 0;
padding: 0;
}
h1, h2, h3, b {
font-weight: normal
}
ul, li {
list-style: none;
}
a {
text-decoration: none;
color: #222;
outline: none;
}
img {
vertical-align: middle;
border: none;
}
input {
outline-color: transparent;
border: none;
}
a:link {
color: rgb(37,37,37);
text-decoration: none;
}
a:visited {
color: rgb(37,37,37);
text-decoration: none;
}
a:hover {
color: rgb(37,37,37);
text-decoration: none;
}
a:active {
color: rgb(37,37,37);
text-decoration: none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
display: block;
content: "";
clear: both;
}
.left {
float: left;
display: inline;
}
.right {
float: right;
display: inline;
}
.padT {
padding-top: 30px;
}
.marB {
margin-bottom: 20px;
}
.content {
margin: 0px auto;
width: 1170px;
text-align: left;
}
.sideBar {
width: 300px;
overflow: hidden;
}
.redbg {
background: #213D7C;
height: 40px;
color: rgb(255,255,255);
line-height: 40px;
padding-left: 24px;
font-size: 18px;
}
.tabCon {
background: rgb(51,51,51);
}
.hotbg {
background: #213D7C;
height: 40px;
color: rgb(255,255,255);
line-height: 40px;
padding-left: 24px;
font-size: 18px;
position: relative;
}
* html .weixin-cen {
bottom: auto;
position: absolute;
}
.cut-line {
height: 5px;
width: 100%;
font-size: 12px;
margin-top: 20px;
overflow: hidden;
white-space: nowrap;
color: #999;
line-height: 5px;
}
.left-part, .mid-part {
float: left;
margin-right: 20px;
}
.float-left {
float: left;
}
.hide-margin-top-20 {
margin-top: -20px;
}
.header {
position: relative;
background-color: #121d55;
}
.nav {
background: rgba(255, 255, 255, 0.08);
}
.nav li {
width: 9.09%;
height: 50px;
float: left;
}
.nav li.on > a {
color: #ffffff;
}
.nav a {
width: 100%;
height: 100%;
text-align: center;
color: rgb(255, 255, 255);
line-height: 50px;
font-size: 18px;
display: block;
position: relative;
}
.navBox {
background: #213d7c;
height: 80px;
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
}
.heat_height{
height: 80px;
width: 100%;
}
.navMain {
margin: 0px auto;
width: 1170px;
height: 80px;
color: rgb(255,255,255);
font-size: 24px;
background: #213d7c;
}
.logo {
margin-right: 5px;
}
.logo img{
height: 60px;
margin-top: 10px;
}
ul.navList li {
padding: 20px 10px;
height: 40px;
line-height: 40px;
/*overflow: hidden;*/
float: left;
display: inline;
font-size: 16px;
}
ul.navList li a {
color: rgb(255,255,255);
}
.current {
width: 1170px;
margin: 0 auto;
height: 10px;
line-height: 50px;
font-size: 16px;
color: #7f7f7f;
}
.current span {
display: block;
float: left;
width: 840px;
}
.current p {
float: left;
}
.current p a {
color: #7f7f7f;
}
.search {
width: 300px;
float: right;
margin-top: 8px;
margin-right: 0px;
}
.search_input {
width: 250px;
height: 31px;
line-height: 31px;
border: #ddd 1px solid;
float: left;
padding-left: 5px;
font-size: 14px;
color: #a9a9a9;
}
.search .search_annv {
width: 43px;
height: 32px;
float: left;
border: none;
cursor: pointer;
background-position: -303px 6px;
background-color: #ddd;
background: url(../images/gaosan_bg.png) no-repeat;
display: block;
}
.share {
background: url("../images/share2_icon2.png") no-repeat 27px 5px !important;
height: 45px;
color: rgb(255,255,255);
line-height: 40px;
padding-left: 10px !important;
font-size: 18px;
position: relative;
}
.footer2 {
padding-top: 10px;
padding-bottom: 10px;
background: #213d7c;
color: #fff;
}
.footer2 .container{
margin-bottom: 0 !important;
}
.footer2 a {
color: #fff;
}
.container {
margin: 0px auto;
width: 1180px;
position: relative;
margin-top: 10px;
}
.copyright {
text-align: center;
font-size: 12px;
padding-bottom: 10px;
}
.yl-top, .ty-top {
background-color: #fff;
}
.swiper-ty {
position: relative;
overflow: hidden;
width: 780px;
height: 400px;
float: left;
margin-right: 20px;
}
.swiper-ty .slider li {
width: 100%;
height: 100%;
position: absolute;
left: 100%;
top: 0;
overflow: hidden;
background-size: cover !important;
}
.swiper-ty .slider li:first-child {
left: 0
}
.swiper-ty .navdot {
position: absolute;
right: 20px;
bottom: 26px;
z-index: 50;
text-align: center;
}
.swiper-ty .navdot li {
display: inline-block;
width: 10px;
height: 10px;
background-color: #fff;
cursor: pointer;
margin-left: 10px;
border-radius: 100%;
float: left;
}
.swiper-ty .navdot li:first-child {
margin-left: 0;
}
.swiper-ty .navdot li.active {
background-color: #ee2e3d;
}
.swiper-ty p {
height: 60px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #000;
opacity: 0.75;
filter: alpha(opacity(75));
}
.swiper-ty span {
position: absolute;
bottom: 0;
left: 15px;
height: 60px;
width: 640px;
color: #fff;
font-size: 24px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ty-news {
float: left;
padding: 30px 30px 0;
width: 320px;
}
.ty-news-head {
height: 14px;
border-bottom: 1px solid #d9d9d9;
position: relative;
margin-bottom: 14px;
}
.ty-news-head span {
position: absolute;
bottom: -15px;
left: 50%;
height: 29px;
width: 120px;
color: #000;
line-height: 29px;
font-size: 24px;
margin-left: -60px;
background-color: #fff;
text-align: center;
}
.ty-news-list li {
border-bottom: 1px dashed #d9d9d9;
height: 52px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.ty-news-list li:hover {
padding-left: 10px;
}
.ty-news-list li:last-child {
border-bottom: none;
}
.ty-news-list em {
float: left;
height: 52px;
padding: 0 16px;
line-height: 52px;
font-size: 26px;
color: #000;
}
.ty-news-list a {
float: left;
font-size: 16px;
color: #000;
line-height: 52px;
height: 52px;
width: 255px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pic-and-gradient {
width: 380px;
height: 240px;
overflow: hidden;
}
.pic-and-gradient a, .pic-and-gradient-min a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.pic-and-gradient p, .pic-and-gradient-min p {
padding: 0 20px;
background: url("../images/shadow.png")/*tpa=http://www.xde6.net/images/../images/shadow.png*/ repeat-x;
line-height: 39px;
width: 340px;
height: 39px;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 0;
bottom: 0;
}
.pic-and-gradient img {
min-height: 100%;
}
.ty-bottom {
margin-top: 0px;
}
.ty-pic-txt {
background-color: #fff;
width: 380px;
}
.ty-pic-txt li {
height: 85px;
border-bottom: 1px solid #ddd;
padding-top: 9px;
*zoom:1;
}
.ty-pic-txt li:after {
content: '';
display: block;
clear: both;
}
.ty-pic-txt li:last-child {
border-bottom: none;
}
.ty-pic-txt li .ty-pic-txt-p {
float: left;
width: 100px;
height: 75px;
overflow: hidden;
margin-right: 15px;
}
.ty-pic-txt p {
float: left;
width: 250px;
height: 65px;
margin-top: 5px;
overflow: hidden;
}
.ty-pic-txt p a {
display: block;
width: 100%;
height: 100%;
color: #000;
font-size: 15px;
line-height: 30px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.title-wrap {
height: 78px;
border-bottom: 1px solid #3d403f;
position: relative;
margin-bottom: 58px;
}
.title {
position: absolute;
left: 50%;
bottom: -38px;
width: 220px;
height: 77px;
background: #f2f2f2 url(../images/tittle1.png) no-repeat;
margin-left: -110px;
}
.title-gd {
background: #e7e7e7;
}
.title-gd a {
display: block;
width: 220px;
height: 77px;
line-height: 77px;
text-indent: -99999px;
}
.yl-left-list {
padding-left: 30px;
float: left;
}
.yl-left-list li {
height: 129px;
border-bottom: 1px dashed #bbb;
width: 550px;
}
.yl-left-list li:last-child {
border-bottom: none;
}
.yl-left-list a {
display: block;
color: #000;
font-size: 18px;
line-height: 24px;
padding: 15px 0 5px;
white-space: nowrap;
overflow: hidden;
height: 30px;
width: 100%;
}
.yl-left-list p {
font-size: 14px;
line-height: 20px;
color: #999;
height: 60px;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.swiper-yl {
position: relative;
overflow: hidden;
width: 580px;
height: 360px;
float: left;
margin: 15px 10px;
}
.swiper-yl .slider li {
width: 100%;
height: 100%;
position: absolute;
left: 100%;
top: 0;
overflow: hidden;
}
.swiper-ty .slider li img {
vertical-align: middle;
border: none;
width: 100%;
}
.swiper-yl .slider li:first-child {
left: 0
}
.swiper-yl .navdot {
position: absolute;
right: 10px;
bottom: 26px;
z-index: 50;
text-align: center;
}
.swiper-yl .navdot li {
display: inline-block;
width: 10px;
height: 10px;
background-color: #fff;
cursor: pointer;
margin-left: 10px;
border-radius: 100%;
float: left;
}
.swiper-yl .navdot li:first-child {
margin-left: 0;
}
.swiper-yl .navdot li.active {
background-color: #ee2e3d;
}
.swiper-yl p {
height: 60px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #000;
opacity: 0.75;
filter: alpha(opacity(75));
}
.swiper-yl span {
position: absolute;
bottom: 0;
left: 15px;
height: 60px;
width: 440px;
color: #fff;
font-size: 18px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ssrd-card {
width: 600px;
margin-right: -20px;
overflow: hidden;
}
.ssrd .ssrd-content:first-child, .ssrd li:first-child, .dy-box li:first-child {
display: list-item;
}
.ssrd-title, .hel-title {
color: #000;
line-height: 32px;
width: 100%;
max-height: 64px;
font-size: 18px;
margin-bottom: 8px;
overflow: hidden;
}
.ssrd-body {
color: #999;
line-height: 28px;
font-size: 14px;
width: 100%;
max-height: 56px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ssrd-tag, .mr-item-time, .hel-tag {
font-size: 12px;
color: #999;
line-height: 15px;
margin-top: 12px;
}
.i-time {
float: left;
display: block;
width: 15px;
height: 15px;
background: url(../images/sprite.png) no-repeat -206px -155px;
margin-right: 10px;
}
.ssrd-pic {
width: 280px;
height: 200px;
overflow: hidden;
}
.ssrd-pic img {
min-height: 100%;
}
.ssrd-card {
width: 600px;
margin-right: -20px;
overflow: hidden;
}
.ssrd-card-content {
width: 240px;
padding: 14px 20px;
}
.ssrd-card li {
width: 280px;
height: 400px;
float: left;
margin-right: 20px;
margin-top: 20px;
background-color: #fff;
}
.ssrd-card-1200 {
width: 1200px;
}
.title-tv {
background-position: -220px -77px;
background: #e7e7e7 url(../images/titletv.png) no-repeat;
width: 300px;
margin-left: -160px;
}
.title-edu {
background-position: -220px -77px;
background: #e7e7e7 url(../images/titlejy.png) no-repeat;
}
.title-zx {
background-position: -220px -77px;
background: #e7e7e7 url(../images/titlezx.png) no-repeat;
}
.title-qc {
background-position: -220px -77px;
background: #e7e7e7 url(../images/tittleyl.png) no-repeat;
}
.title-qc a {
display: block;
width: 220px;
height: 77px;
line-height: 77px;
text-indent: -99999px;
}
.title-zx a {
display: block;
width: 220px;
height: 77px;
line-height: 77px;
text-indent: -99999px;
}
.title-edu a {
display: block;
width: 220px;
height: 77px;
line-height: 77px;
text-indent: -99999px;
}
.title-tv a {
display: block;
width: 220px;
height: 77px;
line-height: 77px;
text-indent: -99999px;
}
.qc-list {
background-color: #fff;
padding: 0 30px;
width: 520px;
height: 820px;
overflow: hidden;
margin-right: 20px;
float: left;
}
.qc-list li {
border-bottom: 1px dashed #999;
width: 520px;
padding: 30px 0;
*zoom:1;
}
.qc-list li:last-child {
border-bottom: none;
}
.qc-list li:after {
content: '';
display: block;
clear: both;
}
.qc-list-pic {
display: block;
float: left;
width: 100px;
height: 75px;
overflow: hidden;
margin-right: 20px;
}
.qc-list-txt {
width: 380px;
height: 75px;
padding-right: 20px;
float: left;
}
.qc-list-txt a {
float: left;
display: block;
width: 100%;
height: 20px;
line-height: 20px;
font-size: 18px;
color: #000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.qc-list-txt p {
float: left;
height: 45px;
width: 100%;
overflow: hidden;
line-height: 24px;
font-size: 14px;
color: #999;
margin-top: 10px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hel-card {
border-bottom: 6px solid #ee2e3d;
width: 380px;
height: 550px;
background-color: #fff;
overflow: hidden;
}
.hel-card-min {
height: 478px;
}
.hel-pic, .hel-pic a {
display: block;
height: 250px;
width: 380px;
overflow: hidden;
}
.hel-card-content {
padding: 12px 20px;
}
.hel-body, .hel-body-min {
max-height: 168px;
color: #999;
line-height: 28px;
font-size: 16px;
width: 100%;
overflow: hidden;
}
.hel-body-min {
max-height: 84px;
}
.hel-scrip-pt {
margin-top: 10px;
padding: 10px;
overflow: hidden;
background-color: #fff;
}
.hel-scrip-p {
float: left;
display: block;
width: 100px;
height: 75px;
overflow: hidden;
margin-right: 20px;
}
.hel-scrip-t {
float: left;
width: 240px;
height: 75px;
overflow: hidden;
}
.hel-scrip-t a {
font-size: 16px;
line-height: 30px;
color: #222;
display: block;
width: 100%;
height: 60px;
overflow: hidden;
margin-top: -6px;
margin-bottom: 6px;
}
.hel-scrip-two, .hel-scrip-one {
margin-top: 10px;
padding: 12px 16px;
width: 348px;
overflow: hidden;
background-color: #fff;
}
.hel-scrip-two {
height: 71px;
}
.hel-scrip-one {
height: 38px;
}
.hel-scrip-two a {
font-size: 18px;
line-height: 35px;
color: #000;
display: block;
width: 100%;
height: 70px;
overflow: hidden;
}
.hel-scrip-one a {
font-size: 18px;
color: #000;
display: block;
width: 100%;
height: 38px;
line-height: 38px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.frdLink {
border-top: 1px solid #324e8e;
position: relative;
padding-left: 172px;
}
.frdLinkTit {
position: absolute;
width: 50px;
height: 46px;
border-top: 2px solid #fff;
left: 50px;
top: -2px;
color: #ffffff;
line-height: 46px;
font-size: 12px;
text-align: center;
}
.frdLinks {
padding: 14px 0 14px;
}
.frdLinks a {
color: #FFFFFF;
line-height: 22px;
font-size: 12px;
padding: 0 9px 0 8px;
position: relative;
float: left;
}
.frdLinks a:after {
content: "|";
color: #666;
line-height: 22px;
font-size: 12px;
position: absolute;
right: 0;
top: 0;
}
.frdLinks a:last-child:after {
content: none;
}
.copyright {
text-align: center;
font-size: 12px;
padding-bottom: 10px;
}
/*public*/
.head_pc{
display: block;
}
.head_wap{
display: none;
}
.ty-news-list a{
width: 100%;
}
.ty-pic-txt{
width: 100%;
}
.clear {
height: 0;
clear: both;
zoom: 1;
}
.clearfix:before, .clearfix:after {
content:"";
display:table
}
.clearfix:after {
clear:both;
}
.fl{
float: left;
}
.fr{
float: right;
}
.wd_100{
width: 100%;
}
.mt_5{
margin-top: 5px;
}
.mt_20{
margin-top: 20px;
}
.mt_25{
margin-top: 25px;
}
.mt_40{
margin-top: 40px;
}
.mt_15{
margin-top: 15px;
}
.mt_10{
margin-top: 10px;
}
.mt_30{
margin-top: 30px;
}
.mt_35{
margin-top: 35px;
}
.mt_50{
margin-top: 50px;
}
.left-part{
float: none;
margin-right: 0;
}
.left-part li{
float: left;
width: 31.333333333%;
margin: 0 1%;
}
.left-part-tit{
font-weight: bold;
font-size: 18px;
color: #222;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 10px;
}
.topic-news {
position: relative;
margin: 30px 0;
padding-left: 28px;
border-left: 5px solid #213d7c;
}
.topic-head {
position: relative;
margin-bottom: 12px;
}
.topic-head h2 {
display: inline-block;
font-size: 34px;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-weight: bold;
}
.topic-head h2 a:hover{
color: #213d7c;
}
.topic-summary {
line-height: 1.8em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.title-gd h4{
font-size: 28px;
color: #222;
text-align: center;
margin: 0;
margin-bottom: 10px;
}
.title-gd p{
font-size: 14px;
color: #999;
text-align: center;
}
.left-part-tit{
border-bottom: 1px solid #222;
}
.ssrd-pic{
height: 170px;
}
.ssrd-pic img{
width: 100%;
}
.container{
margin-bottom: 40px;
}
.pager {
text-align: center;
margin-top: 30px;
margin-bottom: 10px;
font-size: 12px;
}
.pager select{
display: inline-block;
height: 26px;
line-height: 24px;
border: 1px solid #ddd;
text-align: center;
color: #444;
margin: 0 2px;
border-radius: 3px;
font-size: 12px;
}
.pager a,.pager span {
display: inline-block;
height: 26px;
line-height: 24px;
border: 1px solid #ddd;
padding: 0 10px;
text-align: center;
color: #444;
background: #fff;
margin: 5px 2px;
border-radius: 3px;
font-size: 12px;
}
.pager span.nowpage{
background: #213d7c;
border-color: #213d7c;
color: #fff;
}
.pager a:hover{
background: #f5f5f5;
}
.pager a.pageCurrent {
background: #213d7c;
border-color: #213d7c;
color: #fff;
}
.ifo{
background: #fff;
padding: 40px;
margin-top: 30px;
box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.iftop h4{
font-size: 30px;
font-weight: normal;
line-height: 45px;
}
.iftop p{
font-size: 12px;
color: #666;
margin-top: 15px;
font-style: italic;
}
.iftop p span{
margin-right: 20px;
}
.iftop p img{
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
}
.iftxt{
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 15px;
font-size: 15px;
line-height: 35px;
}
.iftxt img{
max-width: 100%;
}
.iftxtstyle p{
text-indent: 0em;
}
.iftxtstyle span{
white-space: inherit !important;
}
.iftxtb{
background: #f5f5f5;
border: 1px solid #eee;
margin-top: 30px;
padding: 10px 20px;
line-height: 28px;
font-size: 12px;
color: #888;
}
.textcenter{
text-align: center;
}
ul.navList li{
position: relative;
}
.navhide{
width: 200px;
position: absolute;
right: 0;
top: 100%;
background: #fff;
z-index: 999;
border: 1px solid #eee;
border-top: 0;
opacity: 0;
visibility: hidden;
transition: .25s;
padding: 5px 0;
background: #213d7c;
}
ul.navList li:hover .navhide{
opacity: 1;
visibility: inherit;
}
.navhide a{
display: block;
text-align: center;
line-height: 36px;
height: 36px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 14px !important;
}
.navhide a:hover{
background: rgba(255,255,255,.2);
}
.wrap{
width: 1200px;
margin: 0 auto;
}
.foot{
background: #213d7c;
color: #fff;
}
.fttop{
padding: 35px 0 30px 0;
}
.ftbot{
line-height: 30px;
padding: 20px 0;
border-top: 1px solid #3b5692;
}
.ftl{
width: 17%;
}
.ftll{
width: 35%;
margin-left: 3%;
}
.ftll a img{
display: block;
height: 42px;
opacity: .6;
max-width: 100%;
}
.ftlla p{
width: 32.33333%;
float: left;
margin-bottom: 15px;
margin-right: 1%;
}
.ftlla a:hover img{
opacity: 1;
}
.ftl h4{
font-size: 17px;
font-weight: normal;
margin-bottom: 20px;
color: #ddd;
}
.ftl a{
color: #aaa;
display: inline-block;
line-height: 36px;
}
.ftl a:hover{
color: #EC4E4E;
}
.ftl_1{
width: 30%;
}
.ftl_1 a{
color: #fff;
opacity: .85;
margin-right: 3px;
}
.ftl_1 a:hover{
color: #fff;
opacity: 1;
}
.ftl_1 p{
line-height: 36px;
}
.ftl_1 p i{
font-size: 27px;
font-weight: bold;
}
.ftl_2{
width: 30%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.ftl_2 img{
max-width: 100%;
max-height: 140px;
}
.ftl_2 a{
color: #fff;
display: block;
opacity: .85;
height: 36px;
overflow: hidden;
}
.ftl_2 a:hover{
color: #fff;
opacity: 1 !important;
}
.ssi{
display: inline-block;
padding: 0 5px;
cursor: pointer;
}
.ssbox{
position: absolute;
right: 0;
top: 0;
width: 395px;
margin-top: 10px;
display: none;
}
.ss1{
width: 300px;
height: 60px;
font-size: 18px;
padding-left: 15px;
}
.ss2{
width: 80px;
height: 60px;
background: url(../images/search1_03.png) no-repeat center #4871cd;
cursor: pointer;
}
.conltop h4{
font-size: 20px;
color: #1b1b1b;
margin: 0;
}
.conltop p{
font-size: 15px;
color: #a0a0a0;
margin-top: 10px;
}
.conlfmipt{
width: 99%;
height: 42px;
line-height: 42px;
border: 1px solid #e0e0e0;
background: #f2f2f2;
padding-left: 10px;
resize: none;
}
.conlfmipttext{
height: 150px;
font-family: "Microsoft YaHei";
-webkit-appearance:none;
outline:none;
}
.conlfmiptsbm{
width: 140px;
height: 42px;
color: #fff;
background: #F94651;
margin-top: 20px;
cursor: pointer;
}
.m1lmsg{
display: block;
float: none;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
width: 940px;
border: 1px solid #eee;
padding: 30px;
}
.posrelative{
position: relative;
}
.code{
width: 110px;
height: 40px;
position: absolute;
right: 0;
top: 1px;
overflow: hidden;
cursor: pointer;
}
.code img{
width: 100% !important;
height: 100% !important;
}
@media only screen and (min-width:768px) and (max-width:1199px) {
.wrap{
width: 100%;
padding: 0 20px;
}
.navMain{
width: 100%;
padding: 0 20px;
}
ul.navList li{
padding: 20px 10px;
}
.container{
width: 100%;
}
.topic-news{
padding: 0 20px;
margin: 20px;
}
.swiper-ty{
width: 60%;
}
.ty-news{
width: 30%;
}
.left-part{
padding: 0 20px;
}
.ty-pic-txt li .ty-pic-txt-p{
width: 30%;
}
.ty-pic-txt p{
width: 65%;
}
.ssrd-card-1200{
width: 100%;
}
.ssrd-card li{
width: 23%;
margin: 0 1%;
}
.ssrd-card-content{
width: 90%;
padding: 15px 5%;
}
}
@media only screen and (max-width:950px) {
.ssbox{
width: 100%;
display: block !important;
position: relative;
margin-top: 15px;
float: left;
}
.ss1{
width: 79%;
padding: 0;
height: 35px;
font-size: 13px;
border: 1px solid #eee;
}
.ss2{
width: 20%;
height: 37px;
}
.waplogin {
font-size: 15px;
}
.waplogin img{
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
}
.search{
padding: 0 20px;
margin-top: 0px;
}
.search1{
width: 80%;
}
.search2{
width: 20%;
}
.whead{
height: 70px;
background: #213d7c;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.waphd_height{
width: 100%;
height: 70px;
}
.wlogo{
display: inline-block;
margin-left: 15px;
margin-top:17px;
font-size: 26px;
font-weight: bold;
height: 36px;
line-height: 36px;
}
.wlogo img{
display: block;
border: 0;
height: 36px;
}
.whead i{
display: block;
width: 70px;
height: 70px;
background: url(../images/navicon.png) no-repeat center;
color: #fff;
text-align: center;
line-height: 70px;
font-size: 18px;
position: absolute;
right: 0;
top: 0;
z-index: 99999999;
}
.whead i img{
vertical-align: middle;
margin-top: -3px;
display: none;
}
.wapnav{
width: 240px;
height: 100%;
position: fixed;
right: 0;
top: 0;
background: #fff;
z-index: 9999;
margin-right: -240px;
transition: .25s;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.wapnava {
padding: 0 20px 20px 20px;
}
.wapnav_active{
}
.wapnavtop{
background: #fff;
color: #fff;
height: 70px;
line-height: 70px;
padding: 0 15px;
color: #fff;
}
.wapnavtop i{
display: block;
width: 70px;
height: 70px;
background: none;
color: #222;
text-align: center;
line-height: 50px;
font-size: 18px;
position: absolute;
background: url(../images/navicon.jpg) no-repeat center;
right: 0;
top: 0;
z-index: 99999999;
}
.wapprda i, .wapprda1 i {
display: block;
position: absolute;
right: 10px;
top: 0;
height: 44px;
line-height: 44px;
}
.wapnavtop i img{
vertical-align: middle;
margin-top: -3px;
}
.wapnava p{
display: block;
}
.wapnava span{
width: 100%;
}
.wapnava a{
display: block;
height: 44px;
line-height: 43px;
padding: 0 15px;
color: #444;
width: 100%;
border-bottom: 1px dashed #eee;
}
.wapnava1{
background: url(../images/navabg_06.png) no-repeat center;
color: #E60012;
text-align: center;
border-bottom: 0 !important;
margin-top: 10px;
margin-bottom: 10px;
}
.wapnavp1{
text-align: center;
font-weight: bold;
}
.head_wap{
display: block;
}
.head_pc{
display: none;
}
.waphide{
display: none;
}
.wapprda,.wapprda1{
position: relative;
}
.wapprda i,.wapprda1 i{
display: block;
position: absolute;
right: 10px;
top: 0;
}
.wapprda i img,.wapprda1 i img{
height: 10px;
}
.wpheadhide{
display: none;
}
.wpheadhide em{
display: block;
}
.wpheadhide a{
font-size: 12px;
padding-left: 30px;
}
.wpheadhide1{
display: none;
}
.wpheadhide1 a{
padding-left: 50px !important;
background: #fff !important;
color: #999;
}
.waphides{
display: none;
}
.waphides a{
font-size: 12px;
color: #666;
display: block;
height: 37px;
line-height: 37px;
border-bottom: 1px solid #aaa;
padding: 0 30px;
}
.wapclicka {
background: url(../images/sj.jpg) no-repeat right center;
}
.wapnav_active{
overflow-y: auto;
}
.swiper-container-bn .swiper-button-next-bn,.swiper-container-bn .swiper-button-prev-bn{
display: none;
}
.m3ra a i{
width: 50px;
height: 50px;
}
.ewmbox{
margin-left: 10px;
}
.ftbl {
width: 40%;
}
.userbox{
width: 100%;
}
.wpnvbg{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
background: rgba(0,0,0,.7);
opacity: 0;
visibility: hidden;
transition: .25s;
}
.wpnvbg_active{
opacity: 1;
visibility: inherit;
}
.wapnav_active{
right: 0;
top: 0;
height: 100%;
margin-right: 0;
}
.wtps{
margin-bottom: 10px;
}
.wtps a{
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
height: auto;
font-size: 16px;
padding-left: 0;
}
.wtps img{
display: block;
height: 40px;
border: 0;
}
.wtps i{
display: inline-block;
vertical-align: middle;
margin-top: -3px;
margin-right: 10px;
height: 40px;
}
.wpnftp{
height: 40px;
line-height: 40px;
border-top: 1px solid #eee;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
font-size: 12px;
color: #aaa;
}
.wpnftpheight{
height: 40px;
}
.searchwap{
margin-top: 20px;
display: block;
}
.navhide{
position: relative;
width: 100%;
display: none;
border: 0;
}
.navhide a{
text-align: left;
color: #777;
height: 60px;
padding: 0px 15px;
line-height: 60px;
font-size: 16px;
}
ul.navList li:hover .navhide{
display: block;
}
.content{
margin-left: 0;
}
.m1lmsg{
width: 100%;
padding: 0;
border: 0;
}
.conlfmipt{
width: 96%;
}
}
@media only screen and (max-width:768px) {
.container{
width: 94%;
padding: 0 3%;
}
.wrap{
width: 100%;
padding: 0 15px;
}
.topic-news{
margin: 20px 0;
padding-left: 20px;
}
.topic-head h2{
font-size: 20px;
}
.topic-summary{
font-size: 14px;
}
.swiper-ty{
width: 100%;
height: 200px;
}
.swiper-ty span{
font-size: 14px;
width: 70%;
}
.ty-news{
width: 94%;
padding: 20px 3%;
}
.left-part li{
width: 100%;
margin: 0;
}
.ty-pic-txt li .ty-pic-txt-p{
width: 30%;
margin-left: 2%;
margin-right: 0;
}
.ty-pic-txt p{
width: 65%;
float: right;
}
.title-wrap{
height: 38px;
}
.title-gd h4{
font-size: 24px;
}
.ssrd-card-1200{
width: 100%;
}
.ssrd-card li{
width: 100%;
}
.ssrd-pic{
width: 100%;
}
.ssrd-card-content{
width: 94%;
padding: 20px 3%;
}
.frdLink{
padding-left: 0;
padding-top: 40px;
}
.ifo{
padding: 20px;
}
.iftop h4{
margin-top: 0;
font-size: 24px;
line-height: 38px;
}
}
.videoinfo {
text-align: center;
}
.videoinfo video {
width: 80%;
height: auto;
margin: 0 auto;
}