﻿
@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-size: 100%;*/
/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family:Arial,SimSun,sans-serif!important;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} 
input, textarea, select,button {font-size: 100%;font-family: inherit;vertical-align:middle;}
textarea {resize:none;overflow:auto; }
a {color:#333;text-decoration:none;outline:none;}
a:hover{ text-decoration:underline;}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}
video,audio{outline: none;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
/* 文本超出显示省略号 */
.ehn, .otw, .tow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*清除浮动代码*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.container {
	width:1200px!important;
	margin:0 auto;
}

.container-fluid {
	width:100%;
}
.none{
	display: none;
}

/*header*/
header{
  height: 35px;
  padding: 25px 0;
  background: #fff;
}

header > div > i{
  width: 1px;
  height: 35px;
  background-color: #252525;
  margin: 0 26px 0 22px;
}

header > div > p{
  color: #333;
  font-size: 30px;
  margin-top: 8px;
}
header .module{
  height: 35px;
}
.languageSelect {
	color: #252525;
  font-size: 16px;
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/arrow.png) no-repeat right center;
	cursor: pointer;
	height: 35px;
	line-height: 35px;;
	position: relative;
	text-align: left;
	width: 165px;
	margin-right: 15px;
}

.languageSelect label {
	color: #252525;
	display: block;
	width: 165px;
}

.languageSelect select {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	line-height: 35px;
	display: block;
	border: none;
	width: 165px;
	opacity: 0;
	filter: alpha(opacity=0);
}
header .data{
  margin-right: 30px;
  height: 35px;
}
header .time{
  height: 35px;
  line-height: 35px;
  color: #252525;
  font-size: 16px;
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/date_icon.png) no-repeat left center;
  padding-left: 28px;
}
header .search{
  width: 178px;
  height: 34px;
  border-bottom: 1px solid #ccc;
  margin-right: 35px;
}

header .search .txt{
  width: 150px;
  border: 0 none;
  height: 30px;
  line-height: 30px;
  font-size:16px;
  color: #252525;
  display: inline-block;
  border: 0 none;
}
header .search .txt::-webkit-input-placeholder{
  color: #999999;
}    /* webkit内核的浏览器 */
header .search .txt:-moz-placeholder{
  color: #999999;
}                  /* Firefox版本4-18 */
header .search .txt::-moz-placeholder{
  color: #999999;
}                  /* Firefox版本19+ */
header .search .txt:-ms-input-placeholder{
  color: #999999;
}           /* IE浏览器 */

header .search .btn{
  width: 16px;
  height: 17px;
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/search_icon.png) no-repeat 0 0;
  border: 0 none;
}

/*nav*/
.nav{
  height: 50px;
  background: #043071;
}
.nav .group{
  height: 50px;
  padding: 0 20px;
}
.nav-list,.nav-list ul{position: relative;}
.nav .group li{
  min-width: 50px;
  height: 50px;
  text-align: center;
  float: left;
  margin-right: 62px;
}
.nav .group li:first-child{
  margin-left: 20px;
}
.nav .group li:last-child{
  margin-right: 20px;
}
.nav .group  li > a{
  font-size: 20px;
  color: #fff;
  margin-top: 14px;
  display: inline-block;
}
.nav .group  li  p{
  width: 50px;
  height: 5px;
  background: #043071;
  margin: 5px auto;
}
.nav .group  li  p.cur{
  background: #fc411d;
}
.nav .group  li:hover p{
  background:  #fc411d;
  transition: all ease .3s;
  -moz-transition: all ease .3s; /* Firefox 4 */
  -webkit-transition: all ease .3s; /* Safari 和 Chrome */
  -o-transition: all ease .3s; /* Opera */
}

/*footer*/
footer{
  width:100%;
  background: #043071;
  height: 170px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer > p{
  font-size: 16px;
  text-align: center;
  line-height: 26px;
}

/* 右侧飘窗 */
.rightside{
  width: 54px;
  background-color: #f6fbff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
  height: 103px;
  margin-left: 620px;
  overflow: hidden;
}
.rightside-fbook,.rightside-twi,.rightside-media{
  width: 52px;
  height: 50px;
  border: 1px solid #cddeec;
  display: block;
}

.rightside-fbook:hover,.rightside-twi:hover,.rightside-media:hover{
  background: #2062c5;
  border:1px solid #2062c5;
  transition: all 0.4s;
  -moz-transition: all 0.4s; /* Firefox 4 */
  -webkit-transition: all 0.4s; /* Safari 鍜� Chrome */
  -o-transition: all 0.4s; /* Opera */
}
.rightside-twi,.rightside-twi:hover{
  border-top: 0;
  border-bottom: 0;
}
.rightside-fbook{
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat 0 0;
}
.rightside-fbook:hover{
  background:#2062c5 url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat -52px 0;
}
.rightside-twi{
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat 0 -52px;
}
.rightside-twi:hover{
  background:#2062c5 url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat -52px -52px;
}
.rightside-media{
  background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat 0 -104px;
}
.rightside-media:hover{
  background:#2062c5 url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1644802597884983/rightside_icon.png) no-repeat -52px -104px;
}

/* *********** */
.fl>img{
  width: 150px;
  height: 35px;
}
@media only screen and (min-width: 240px) and (max-width: 1024px){
  .fl>img{
    width: 3.2rem;
    height: 0.72rem;
  }
  .container-fluid{
    min-width: 16rem !important;
    width: 16rem;
    overflow: hidden;
  }
  .container-fluid .module{
    display: none;
  }
  .container-fluid .container {
      width: 16rem !important;
      margin: 0 auto;
  }
  .nav {
    height: 1.34rem;
    background: #043071;
    width: 16rem;
    font-size: .6rem;
    color: #ffffff;
    height: 1.34rem;
    line-height: 1.34rem;
    box-shadow: 0 3px 6px 0 rgb(218 218 218 / 80%);
    z-index: 9999;
  }

  .nav .group {
    height: 1.34rem;
    padding: 0 ;
  }
  .nav .group li {
    min-width: 1rem;
    height: 1.34rem;
    text-align: center;
    float: left;
    padding: 0 0.5rem;
    margin-right: 0rem;
    font-size: 0;/*0126*/
  }
  .nav .group li.cur{
    background-color: #fc411d;
    color: #fff;
  }
  .nav .group li > a {
    font-size:0.6rem;
    color: #fff;
    margin-top: 0rem;
    display: inline-block;
    vertical-align: sub;/*0126*/
  }
  .nav .group li p {
    display: none;
  }
  .nav .group li:first-child{
    margin-left: 0rem;
  }
  .nav .group li:last-child {
    margin-right: 0rem;
  }
  .nav .group .nav-list{
    width: 16rem;
    overflow: scroll;
  }
  .nav .group .nav-list ul{
    width: 30.98rem;
  }

header>div img {
  width: 1.6rem;
  margin-left: 0.5rem;
  vertical-align: top;/*0126*/
}
header>div>i {
  width: 1px;
  height: 0.5rem;
  background-color: #252525;
  margin: 0.12rem 0.3rem;
}
header>div>p {
  color: #333;
  font-size: 0.6rem;
  margin-top: 0.1rem;
}
header {
  padding: 0.3rem 0rem;
  background: #fff;
  height: auto;/*0126*/
}

footer > p{
  font-size: 0.5rem;
  text-align: center;
  line-height: 1rem;
}
footer {
  width: 100%;
  background: #043071;
  height: 3rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}



}