@charset "utf-8";

.dib-wrap {

  font-size: 0;

  /* ��������� */

  *word-spacing: -1px;

  /* IE6��7 */

}

.dib-wrap .dib {

  font-size: 12px;

  letter-spacing: normal;

  word-spacing: normal;

  vertical-align: top;

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  /* firefox �� letter-spacing �ᵼ��������ͨ����Ԫ��ˮƽλ�� */

  .dib-wrap {

    letter-spacing: -5px;

    /* Safari �Ȳ�֧�������СΪ 0 �������, N ���ݸ����������*/

  }

}

.dib {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

/* reset */

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%;

  outline: none;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

menu,

nav,

section {

  display: block;

}

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;

}

img {

  border: 0;

}

address {

  font-style: normal;

}

body {

  font-size: 12px;

  font-family: "Microsoft Yahei", sans-serif, Arial, "����";

  color: #535353;

}

input,

select,

textarea {

  font-family: "Microsoft Yahei", sans-serif, Arial, "����";

}

a,

a:visited {

  color: #535353;

  text-decoration: none;

}

a:hover {

  color: #003994;

  text-decoration: none;

}

.color {

  color: #003994;

}

.yahei {

  font-family: "Microsoft Yahei", Arial, sans-serif, Tahoma, Verdana;

}

.song {

  font-family: "����";

}

.ui-left {

  float: left;

}

.ui-right {

  float: right;

}

.ui-clr {

  display: block;

  zoom: 1;

}

.ui-clr:after {

  clear: both;

  content: "";

  display: block;

  height: 0;

  visibility: hidden;

}

.clear {

  _display: inline-block;

  _width: 100%;

}

.hide {

  display: none;

}

.tc {

  text-align: center;

}

.to {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.container {

  width: 1200px;

  margin-right: auto;

  margin-left: auto;

}

.pic_v {

  width: 100px;

  height: 100px;

  overflow: hidden;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  *display: block;

  *font-size: 70px;

  *line-height: 1;

}

.pic_c {

  background: url(../images/pic.png) no-repeat;

}

#header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;



  background: rgba(255, 255, 255, 0.82);

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);

  z-index: 21;

}

#header .container {

  height: 104px;

  position: relative;

}

#header .logo {

  float: left;

  margin-top: 25px;

}

.master-head {

  position: absolute;

  top: 12px;

  right: 0;

  z-index: 9;

}

.master-head .lang {

  float: left;

  position: relative;

  margin-right: 24px;

}

.master-head .lang i {

  position: absolute;

  top: 8px;

  right: 0;

  display: inline-block;

  width: 7px;

  height: 4px;

  background: url(../images/pic.png) no-repeat -110px -16px;

}

.master-head .lang .tag {

  height: 20px;

  line-height: 20px;

  padding-left: 22px;

  padding-right: 20px;

  cursor: pointer;

}

.master-head .lang .cn {

  background: url(../images/cn.jpg) no-repeat left center;

}

.master-head .lang .en {

  background: url(../images/en.jpg) no-repeat left center;

}




.master-head .lang .rus {

  background: url(../images/rus.jpg) no-repeat left center;

}



.master-head .lang .popup {

  position: absolute;

  top: 20px;

  left: 0;

  display: none;

  width: 100px;

  background: #fff;

  background: rgba(255, 255, 255, 0.82);

}

.master-head .lang .popup a {

  display: block;

  height: 24px;

  line-height: 24px;

  padding-left: 22px;

}

.master-head .lang .popup a:hover {

  background-color: #fff;

}

.master-head .share {

  float: left;

}

.master-head .share a {

  float: left;

  display: inline-block;

  margin-right: 10px;

  width: 22px;

  height: 20px;

  background: url(../images/pic.png) no-repeat;

}

.master-head .share a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.master-head .share .s-qq {

  background-position: -135px 0;

}

.master-head .share .s-sina {

  background-position: -166px 0;

}

.master-head .share .s-zone {

  background-position: -198px 0;

}

.master-head .share .s-fb {

  background-position: -186px -100px;

}

.master-head .share .s-yt {

  background-position: -213px -100px;

}

.master-head .share .s-tw {

  background-position: -241px -100px;

}

.nav {

  position: absolute;

  right: 0;

  bottom: 0;

  height: 70px;

}

.nav li {

  float: left;

  width: 102px;

  height: 70px;

  margin-right: 22px;

}

.nav li .first {

  position: relative;

  display: block;

  height: 34px;

  line-height: 34px;

  padding: 10px 0 26px;

  text-align: center;

  font-size: 16px;

  font-weight: 700;

  color: #000000;

}

.nav li i {

  position: absolute;

  bottom: 5px;

  left: 42px;

  display: none;

  width: 18px;

  height: 12px;

  background: url(../images/pic.png) no-repeat -110px 0;

  z-index: 2;

}

.nav .second {

  position: absolute;

  right: 0;

  top: 64px;

  display: none;

  width: auto;

  height: 170px;

  padding: 15px 35px;

  background-color: #ffffff;

  border: 1px solid #e6e6e6;

  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.45);

}

.nav .second {

  position: absolute;

  right: 0;

  top: 64px;

  display: none;

  width: auto;

  height: 170px;

  padding: 15px 35px;

  background-color: #ffffff;

  border: 1px solid #e6e6e6;

  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.45);

}

.nav .second .pic {

  float: left;

  margin-top: 12px;

  width: 215px;

  height: 126px;

  overflow: hidden;

  margin-right: 34px;

}

.nav .second .desc {

  float: left;

  width: 415px;

  margin-top: 12px;

}

.nav .second .desc p {

  height: 96px;

  line-height: 24px;

  overflow: hidden;

  font-size: 14px;

  color: #868686;

  margin-bottom: 8px;

}

.nav .second .desc .more {

  display: inline-block;

  width: 70px;

  height: 24px;

  line-height: 24px;

  text-align: center;

  border: 1px solid #d2d2d2;

  border-radius: 3px;

  color: #414141;

  background: url(../images/pic.png) no-repeat 0 -172px;

}

.nav .sub {

  float: left;

  width: 300px;

  margin-right: 14px;

}

.nav .sub a {

  float: left;

  display: block;

  width: 150px;

  height: 36px;

  line-height: 36px;

  color: #054f90;

}

.nav .sub a span {

  display: inline-block;

  border-bottom: 1px dotted #cccccc;

}

.nav .hover .first,

.nav .first:hover {

  background: url(../images/pic.png) no-repeat;

  color: #ffffff;

}

.nav .hover i {

  display: inline-block;

}

.nav .hover .second {

  display: block;

}

#footer {

  background-color: #3c3c3c;

}

#footer .foot {

  padding: 40px 0 35px;

  color: #8e8e8e;

}

#footer .foot a {

  color: #878787;

}

#footer .foot a:hover {

  color: #ffffff;

  text-decoration: underline;

}

#footer .foot .f-info {

  float: left;

  width: 312px;

  margin-right: 60px;

}

#footer .foot .f-info .copyright {

  margin-top: 20px;

  line-height: 24px;

}

#footer .foot ul {

  float: left;

  width: 118px;

  margin-right: 20px;

  line-height: 24px;

}

#footer .foot ul li {

  height: 24px;

  overflow: hidden;

}

#footer .foot ul .first {

  margin-bottom: 6px;

  font-size: 14px;

  font-weight: 700;

}

#footer .f-bottom {

  padding: 17px 0;

  background-color: #2d2d2d;

  line-height: 24px;

  color: #878787;

}

#footer .codes {

    float: right;

}

#footer .codes .item {

	float: left;

	margin-right: 10px;

	width: 98px;

	font-size: 12px;

	text-align: center;

	color: #ffffff;

}

#footer .codes .item img {

	width: 90px;

	height: 90px;

	border: 4px solid #fff;

	border-radius:5px;

}

#footer .share-en {

  float: right;

  width: 210px;

}

#footer .share-en a {

  float: left;

  display: block;

  width: 50px;

  height: 50px;

  margin: 0 20px 10px 0;

  background: url(../images/pic.png) no-repeat;

}

#footer .share-en a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

#footer .share-en .s1 {

  background-position: -83px -285px;

}

#footer .share-en .s2 {

  background-position: -150px -285px;

}

#footer .share-en .s3 {

  background-position: -217px -285px;

}

#footer .share-en .s4 {

  background-position: -83px -342px;

}

#footer .share-en .s5 {

  background-position: -150px -342px;

}

#footer .share-en .s6 {

  background-position: -217px -342px;

}

#Top {

  position: fixed;

  _position: absolute;

  top: auto;

  bottom: 100px;

  right: 10px;

  width: 40px;

  height: 40px;

  background: url(../images/pic.png) no-repeat -104px -100px;

  cursor: pointer;

}

.slider-wrap {

  position: relative;

  width: 100%;

  height: 694px;

  overflow: hidden;

  background: #f0f0f0 url(../images/slider.jpg) no-repeat center top;

}

.slider-wrap .container {

  height: 694px;

  position: relative;

}

.slider-wrap .slider-mask {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 119px;

  background: url(../images/slider_mask.png) no-repeat center bottom;

}

/*�ֲ�*/

.slider_01 {

  position: relative;

  width: 100%;

  height: 694px;

}

.slider_01 .bd li {

  position: relative;

  float: left;

  width: 100%;

  height: 694px;

  overflow: hidden;

}

/*.slider_01 .bd li a{ width:100%; height:694px; overflow:hidden; display:block}*/



.slider_01 .bd .info {

  position: absolute;

  top: 166px;

  left: 60px;

  width: 402px;

  z-index:20

}

.slider_01 .bd .info dl {

  width: 330px;

  height: 200px;

  padding: 30px 72px 18px 26px;

  margin-bottom: 22px;

  background: url(../images/slider_txt_bg.png) no-repeat;

  color: #ffffff;

}

.slider_01 .bd .info dl dt {

  height: 36px;

  line-height: 36px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 20px;

}

.slider_01 .bd .info dl dd {

  height: 144px;

  line-height: 24px;

  overflow: hidden;

  font-size: 14px;

}

.slider_01 .bd .info .more {

  display: block;

  width: 102px;

  height: 35px;

  line-height: 35px;

  padding-right: 23px;

  text-align: center;

  border: 3px solid #fdd40a;

  font-size: 14px;

  color: #fdd40a;

  background: url(../images/pic.png) no-repeat 90px -98px;

}

.slider_01 .bd .pic {

  position: absolute;

  top: 100px;

  left: 10px;

  width: 1190px;

  height: 520px;

  text-align: center;

  z-index:10

}

.slider_01 .bd .pic img {

  max-height: 100%;

}

.slider_01 .hd {

  position: absolute;

  left: 0;

  bottom: 48px;

  width: 100%;

  height: 22px;

  overflow: hidden;

  text-align: center;

  z-index: 2;

  font-size: 0;

}

.slider_01 .hd span {

  display: inline-block;

  width: 70px;

  height: 22px;

  overflow: hidden;

  margin: 0 6px;

  background: url(../images/pic.png) no-repeat -110px -23px;

  cursor: pointer;

}

.slider_01 .hd span.on {

  background: url(../images/pic.png) no-repeat -193px -23px;

}

.slider_01 .f_arrow {

  position: absolute;

  top: 314px;

  display: inline-block;

  width: 36px;

  height: 68px;

  background: url(../images/pic.png) no-repeat 0 -209px;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.slider_01 .f_arrow:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.slider_01 .prev {

  left: -36px;

}

.slider_01 .next {

  right: -36px;

  background-position: -47px -209px;

}

.banner-wrap {

  position: relative;

  width: 100%;

  height: 310px;

  overflow: hidden;

  margin-top: 104px;

  margin-bottom: 24px;

}

.banner-wrap .banner {

  height: 100%;

}

.banner-wrap .banner-mask {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 119px;

  background: url(../images/banner_mask.png) no-repeat center bottom;

}

.section1 {

  background-color: #f0f0f0;

  padding-bottom: 42px;

}

.section1 .s-head {

  position: relative;

  top: -22px;

}

.s-head {

  margin-bottom: 16px;

}

.s-head .in-hd {

  height: 42px;

  line-height: 42px;

  text-align: center;

  padding-bottom: 20px;

  margin-bottom: 16px;

  font-size: 24px;

  font-weight: 700;

  color: #000000;



}

.s-head .bd {

  width: 820px;

  line-height: 24px;

  margin: 0 auto;

  text-align: center;

  color: #535353;

  font-size: 14px;

}

.r-hd {

  height: 30px;

  line-height: 30px;

  margin-bottom: 6px;

}

.r-hd h4 {

  float: left;

  font-size: 16px;

  font-weight: 700;

  color: #000000;

}

.r-hd .more {

  float: right;

  color: #003190;

}

.r-hd .more:hover {

  text-decoration: underline;

}

.r-hd i {

  position: absolute;

  top: 0;

  left: 0;

  display: inline-block;

  width: 30px;

  height: 30px;

  margin-right: 12px;

  background: url(../images/pic.png) no-repeat -108px -47px;

}

.r-video {

  position: relative;

  float: left;

  width: 272px;

  padding-left: 40px;

  margin-right: 45px;

}

.r-video .bd {

  width: 100%;

  height: 208px;

  overflow: hidden;

}

.r-honor {

  position: relative;

  float: left;

  width: 326px;

  padding-left: 40px;

}

.r-honor .r-hd i {

  background-position: -140px -47px;

}

.r-honor .bd-slider {

  position: relative;

  width: 290px;

  height: 176px;

  padding: 16px 18px;

  background-color: #ffffff;

}

.r-honor .bd-slider .bd {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.r-honor .bd-slider .bd li {

  position: relative;

  float: left;

  width: 290px;

  height: 176px;

  overflow: hidden;

  text-align: center;

}

.r-honor .bd-slider .bd li img {

  height: 100%;

}

.r-honor .bd-slider .f_arrow {

  position: absolute;

  top: 50%;

  margin-top: -25px;

  display: inline-block;

  width: 27px;

  height: 50px;

  background: url(../images/pic.png) no-repeat -39px -100px;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.r-honor .bd-slider .f_arrow:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.r-honor .bd-slider .prev {

  left: 0;

}

.r-honor .bd-slider .next {

  right: 0;

  background-position: -67px -100px;

}

.r-news {

  position: relative;

  float: right;

  width: 400px;

  padding-left: 40px;

}

.r-news .r-hd i {

  background-position: -175px -47px;

}

.r-news .latest {

  height: 80px;

  margin-bottom: 4px;

  overflow: hidden;

}

.r-news .latest .pic {

  float: left;

  display: block;

  width: 106px;

  height: 80px;

  overflow: hidden;

}

.r-news .latest .pic img {

  height: 80px;

}

.r-news .latest dl {

  padding-left: 116px;

  line-height: 20px;

}

.r-news .latest dl dt {

  height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 700;

  color: #000000;

}

.r-news .latest dl dt a {

  color: #000000;

}

.r-news .latest dl dt a:hover {

  color: #003994;

  text-decoration: underline;

}

.r-news .latest dl .date {

  color: #184498;

}

.r-news .latest dl .desc {

  height: 40px;

  overflow: hidden;

}

.r-news .n-li {

  height: 30px;

  line-height: 30px;

  border-bottom: 1px dotted #888888;

  padding-left: 15px;



}

.r-news .n-li a {

  float: left;

  display: block;

  width: 75%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.r-news .n-li a:hover {

  text-decoration: underline;

}

.r-news .n-li span {

  float: right;

  color: #003994;

}

.pro-list {

  padding-bottom: 50px;

}

.pro-list li {

  float: left;

  width: 218px;

  margin: 0 25px 22px 0;

  border: 1px solid #d3d3d3;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -ms-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.pro-list li .pic {

  width: 218px;

  height: 232px;

  overflow: hidden;

}

.pro-list li .pic a {

  width: 218px;

  height: 232px;

  *font-size: 202px;

}

.pro-list li .pic a:hover {

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.pro-list li .pic img {

  max-width: 100%;

  _width: 100%;

}

.pro-list li .title {

  display: block;

  height: 36px;

  line-height: 36px;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 700;

  background: url(../images/pic.png) no-repeat 0 -160px;

  background: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e6e6e6));

  /* Saf4+, Chrome */

  background: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);

  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);

  /* IE10 */

  background: -o-linear-gradient(top, #fbfbfb, #e6e6e6);

  /* Opera 11.10+ */

  color: #000000;

  -webkit-transition: background 0.5s linear;

  -moz-transition: background 0.5s linear;

  -o-transition: background 0.5s linear;

  transition: background 0.5s linear;

}

.pro-list li .info {

  height: 40px;

  line-height: 20px;

  overflow: hidden;

  padding: 12px 16px 18px;

}

.pro-list li .info p {

  height: 40px;

  overflow: hidden;

}

.pro-list li:nth-child(5n) {

  margin-right: 0;

}

.pro-list li:hover {

  border-color: #fcc800;

}

.pro-list li:hover .title {

  background: #fcc800;

}

.pro-list .last {

  margin-right: 0;

}

.pro-list .hover {

  border-color: #fcc800;

}

.pro-list .hover .title {

  background: #fcc800;

}

.section3 .s-head .bd {

  width: 940px;

  font-size: 12px;

}

.section3 .s-head .bd a {

  display: inline-block;

}

.section3 .s-head .bd a:hover {

  text-decoration: underline;

}

.c-head {

  width: 1100px;

  height: 34px;

  line-height: 34px;

  margin: 0 auto 20px;

  padding: 0 11px 46px;



}

.c-head h3 {

  float: left;

  font-size: 24px;

  font-weight: 700;

  color: #003994;

}

.c-head .subs {

  float: right;

}

.c-head .subs li {

  float: left;

  height: 34px;

  margin-left: 20px;

  padding-right: 12px;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

  color: #ffffff;



}

.c-head .subs li a {

  display: block;

  min-width: 50px;

  padding-left: 32px;

  color: #ffffff;



}

.c-head .subs li:hover,

.c-head .subs .on {

  background-position: right -102px;

}

.c-head .subs li:hover a,

.c-head .subs .on a {


  color: #000000;

}

.c-main {

  width: 1100px;

  margin: 0 auto 30px;

}

.text {

  line-height: 36px;

  font-size: 14px;

  color: #000000;

}

.text img {

  max-width: 100%;

}

.recruit-list {

  width: 918px;

  padding: 10px;

  border: 1px solid #f6f6f6;

  margin: 0 auto;

}

.recruit-list th {

  height: 44px;

  border-bottom: 1px solid #dee1e5;

  border-right: 1px dashed #fff;

  background-color: #e4dccf;

  font-size: 14px;

  color: #333333;

}

.recruit-list td {

  height: 32px;

  border-bottom: 1px solid #dee1e5;

  border-right: 1px dashed #dee1e5;

  text-align: center;

  color: #666666;

}

.recruit-list td:last-child {

  border-right: 0;

}

.recruit-list td.last {

  border-right: 0;

}

.recruit-list tr:nth-child(odd) td {

  background-color: #f6f6f6;

}

.recruit-list tr.odd td {

  background-color: #f6f6f6;

}

.recruit-list a:hover {

  text-decoration: underline;

}

.pages {

  height: 60px;

  line-height: 60px;

  text-align: center;

  margin: 28px 0;

  font-size: 0;

}

.pages a,

.pages span {

  display: inline-block;

  width: 60px;

  height: 60px;

  margin-right: 1px;

  font-size: 12px;

  color: #999999;

  text-align: center;

}

.pages a {

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -ms-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.pages .arr {

  font-family: "����";

}

.pages a:hover,

.pages .curr {

  color: #ffffff;

  background-color: #264e9c;

}

.recruit {

  line-height: 22px;

}

.recruit table {

  margin-bottom: 15px;

}

.recruit table th {

  height: 32px;

  padding: 0 8px;

  background-color: #eff0f1;

  font-size: 14px;

  font-weight: 400;

  text-align: left;

}

.recruit table td {

  height: 38px;

  width: 33.333%;

  border-bottom: 1px solid #cdcdcd;

  padding: 0 5px;

}

.feedback {

  width: 852px;

  margin: 0 auto 50px;

}




.fd-wrap {

  padding-top: 38px;


}

/********** media query *************/

@media (max-width: 1272px) {

  .slider_01 .prev {

    left: 0;

  }

  .slider_01 .next {

    right: 0;

  }

}

@media (max-width: 1200px) {

  #header,

  .ui-full {

    width: 1200px;

  }

}