@charset "utf-8";

/* CSS Document */
html,
body {
  min-width: 980px;
}

.w {
  width: 990px;
  margin: 0 auto;
}

.header {
  position: fixed;
  left: 0;
  top: 4px;
  z-index: 21;
  width: 100%;
  min-width: 978px;
  height: 88px;
}

.header.scroll {
  background: url(/static/web/css/../img/bg_header.png) repeat-x center bottom;
}

.header .w {
  width: 100%;
  height: 88px;
  background: #fff;
}

.h-top {
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 2;
  height: 38px;
  line-height: 38px;
}

.h-top p {
  padding-left: 10px;
  color: #fff;
  filter: alpha(opacity=85);
  opacity: 0.85;
}

.h-top a {
  display: inline-block;
  padding: 0 10px;
  background: url(/static/web/css/../img/bg_line20.png) no-repeat right center;
  color: #fff;
  filter: alpha(opacity=85);
  opacity: 0.85;
  transition: opacity 0.5s;
}

.h-top a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.logo {
  padding: 17px 0 9px;
  margin-left: 8%;
}

.nav {
  width: 43%;
  min-width: 525px;
  height: 88px;
  margin-left: 9.5%;
  border-left: 1px solid #eee;
}

.nav ul.nav-ul {
  width: 100%;
}

.nav li.nav-sub {
  position: relative;
  width: 20%;
}

.nav li.nav-sub a.tit {
  display: inline-block;
  width: 99.9%;
  height: 62px;
  padding: 17px 0 9px;
  border-right: 1px solid #eee;
  font-size: 15px;
  line-height: 62px;
  color: #555;
  text-align: center;
  transition: color 0.5s;
}

.nav a.tit:hover {
  color: #0564c6;
}

.nav-line {
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #0564c6;
}

.h-tips {
  width: 227px;
  padding-right: 210px;
  font-size: 11px;
  line-height: 62px;
  color: #787878;
}

.h-tips p {
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 0 9px;
}

.h-tips a.nav-sub {
  position: absolute;
  left: 122px;
  top: 0;
  display: inline-block;
  padding: 17px 0 9px;
  color: #787878;
  transition: color 0.5s;
}

/*.h-tips a.login{
	left: 205px;
}*/
.h-tips a:hover {
  color: #0c4da2;
}

/*.h-tips .search{
	right: 88px;
	top: 0;
	width: 88px;
	height: 88px;
	background: #0c4da2;
}
.h-tips .search .box{
	right: 24px;
	top: 32px;
	width: 0;
	height: 30px;
	border: 1px solid #86a6d1;
	filter:alpha(opacity=0); 
	opacity: 0;
}
.h-tips .search input{
	left: 25px;
	top: 33px;
	width: 185px;
	height: 30px;
	padding: 0 9px;
	border: 0;
	background: none;
	font-size: 12px;
	line-height: 30px;
	color: #ddd;
}
.h-tips .search input.submit{
	left: auto;
	right: 25px;
	width: 30px;
	padding: 0;
	background: url(/static/web/css/../img/bg_btn01.png) no-repeat center;
}*/
.h-tips .login-box {
  right: 88px;
  top: 0;
  width: 88px;
  height: 62px;
  padding: 17px 0 9px;
  background: #0c4da2;
}

.h-tips .login-box a.login {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/static/web/css/../img/bg_sign118.png) no-repeat center;
}

.h-tips .login-box a.name {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 15px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.h-tips .login-box a.out {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.h-tips .search-box {
  right: 176px;
  top: 0;
  width: 55px;
  height: 88px;
}

.h-tips .search-box .in {
  right: 20px;
  top: 35px;
  width: 27px;
  height: 24px;
  border: 1px solid #fff;
  background: #fff;
  transition: border 0.5s;
}

.h-tips .search-box .in.cur {
  border: 1px solid #ccc;
}

/*.h-tips .search-box .in.cur .io{
	display:none;
}*/

.h-tips .search-box input {
  left: 0;
  top: 0;
  width: 190px;
  height: 24px;
  padding-left: 10px;
  border: 0;
  background: none;
  line-height: 24px;
  color: #666;
}

.h-tips .search-box .dels_r input {
  left: 0;
  width: 190px;
  height: 44px;
  padding: 0 15px;
  border: 0;
  line-height: 44px;
  border-left: 1px solid #ccc;
}

.h-tips .search-box input.submit {
  left: auto;
  right: 0;
  width: 32px;
  background: url(/static/web/css/../img/bg_sign24.png) no-repeat center;
}

.io {
  width: 100%;
  height: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 49;
}

.io.xian {
  display: block;
}

.io_bg {
  width: 100%;
  height: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: block;
  z-index: 50;
}

.io_cc {
  width: 385px;
  height: 240px;
  padding: 30px;
  display: block;
  margin: 20% auto 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  position: relative;
  background: #fff;
  z-index: 52;
}

.io img {
  float: left;
  display: inline-block;
  cursor: pointer;
  width: 120px;
  height: 44px;
}

.io input.yanzw {
  position: relative;
  width: 155px;
  height: 44px;
  padding-left: 10px;
  border: 0;
  background: none;
  line-height: 44px;
  color: #666;
  display: inline-block;
  float: left;
  padding: 0 15px;
  margin: 0 0 0;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
}


.io .btn_w {
  width: 30px;
  color: #666;
  cursor: pointer;
  font-size: 20px;
  display: inline-block;
  float: right;
  line-height: 44px;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: 4px;
  right: 13px;
}

.btn_le {
  width: 150px;
  height: 44px;
  background: #ccc;
  color: #333;
  font-size: 14px;
  border-radius: 10px;
  text-align: center;
  line-height: 44px;
  margin: 0 auto;
}


.del_shuf {
  width: 100%;
  display: block;
  padding: 25px 0 0;
  text-align: center;
  font-size: 20px;
  line-height: 35px;
  color: #444;
  font-weight: bold;
  font-style: normal;
}

.del_shuf p {
  position: relative;
  left: 0;
  top: 0;
  text-align: center;
  padding: 0 !important;
}

.dels_r {
  width: 342px;
  display: block;
  margin: 35px auto;
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.quesd {
  width: 100%;
  display: block;
  height: 44px;
}

.quesd .btn_le {
  width: 120px !important;
  height: 44px !important;
  border-radius: 22px !important;
  border: 1px solid #ccc !important;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 44px;
   !important font-size: 16px !important;
  color: #444;
  padding: 0 !important;
}

.quesd .btn_le:hover {
  background: #0c4da2;
  color: #fff;
  cursor: pointer;
}


.io .btn_w:hover {
  color: #0564c6;
}


.h-map {
  right: 0;
  top: 0;
  width: 88px;
  height: 62px;
  padding: 17px 0 9px;
  background: url(/static/web/css/../img/bg_sign01.png) no-repeat center 55% #141414;
  cursor: pointer;
}

.sub {
  top: 88px;
  background: url(/static/web/css/../img/bg_shadow01.png);
  min-width: 980px;
}

.sub-in {
  width: 936px;
  height: 390px;
  margin: 0 auto;
}

.sub .box-tips {
  width: 113px;
  padding-top: 55px;
}

.sub .box-tips .line {
  height: 4px;
  margin-bottom: 4px;
}

.sub .box-tips .in {
  width: 42px;
  height: 4px;
  background: #0c4da2;
}

.sub .box-tips h2 {
  font-size: 24px;
  line-height: 80px;
  color: #0c4da2;
}

.sub .box-tips a {
  display: inline-block;
  width: 113px;
  background: url(/static/web/css/../img/bg_btn02.png) no-repeat;
  font: 12px/33px Arial;
  color: #0c4da2;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.5s;
}

/*.sub .box-tips a:hover{
	color: #fff;
	background-position: 0 -33px;
}*/
.sub-program .list {
  width: 771px;
  margin-top: 55px;
  border-top: 1px solid #d8d8da;
}

.sub-program .list ul {
  width: 770px;
  border-left: 1px solid #d8d8da;
}

.sub-program .list li {
  position: relative;
  width: 109px;
  height: 68px;
  padding-top: 24px;
  border-right: 1px solid #d8d8da;
  border-bottom: 1px solid #d8d8da;
  transition: background 0.5s;
}

.sub-program .list li.hover {
  background: #0c4da2;
}

.sub-program .list span {
  display: inline-block;
}

.sub-program .list span.box {
  width: 100%;
  height: 60px;
  font-size: 11px;
  line-height: 32px;
  color: #666;
  text-align: center;
  transition: color 0.5s;
}

.sub-program .list li.hover span.box {
  color: #fff;
}

.sub-program .list span.sign {
  width: 30px;
  height: 28px;
  margin-left: 40px;
}

.sub-program .list span.sign img {
  left: -30px;
  top: 0;
}

.sub-program .list .tri {
  position: absolute;
  top: 14px;
  width: 8px;
  height: 15px;
  background: url(/static/web/css/../img/bg_sign02.png) no-repeat;
  display: none;
}

.sub-program .list .tri.r {
  background-position: -8px 0;
}

.sub-program .list .tips {
  top: 1px;
  width: 0;
  height: 91px;
  background: #f5f5f5;
}

.sub-program .list .detail {
  width: 189px;
  height: 82px;
  margin: 9px 16px 0 23px;
  line-height: 24px;
  color: #777;
  display: none;
}

.sub-about .list {
  margin-left: 52px;
  padding-top: 37px;
}

.sub-about li {
  padding-left: 60px;
}

.sub-about li.fi {
  width: 188px;
}

.sub-about li.se {
  height: 309px;
  border-right: 1px solid #d9d8db;
  margin: 20px 21px 0 0;
}

.sub-about li.th {
  width: 112px;
}

.sub-about li .box {
  height: 174px;
}

.sub-about a {
  display: inline-block;
  line-height: 22px;
  color: #878787;
  transition: color 0.5s;
}

.sub-about a.tit {
  width: 100% !important;
  font-size: 14px;
  line-height: 48px;
  color: #0c4da2;
}

.sub-about li.fi .half a {
  float: left;
  width: 50%;
}

.sub-about a:hover {
  color: #0c4da2;
}

.sub-about .sign {
  width: 124px;
}

.sub-about .sign a {
  display: inline-block;
  width: 122px;
  height: 56px;
  padding: 15px 0 5px;
  border: 1px solid #cfced0;
  margin: 54px 0 41px;
  line-height: 24px;
  text-align: center;
  transition: all 0.5s;
}

.sub-about .sign a:hover {
  border: 1px solid #0c4da2;
}

.sub-about .sign-in {
  display: inline-block;
  width: 122px;
  height: 32px;
  margin: 0 auto;
}

.sub-map .list {
  width: 125px;
  margin: 56px 59px 0 90px;
}

.sub-map .list li {
  width: 130px;
  /*width: 115px;*/
  height: 25px;
  padding: 4px 5px;
  margin-bottom: 3px;
  line-height: 25px;
}

.sub-map .list img {
  margin-right: 15px;
}

.sub-map .list p {
  color: #7c7c7c;
  transition: color 0.5s;
}

.sub-map .list a:hover p {
  color: #516eac;
}

.sub-map .list .outbox {
  left: 0;
  top: 0;
  width: 123px;
  height: 31px;
  border: 1px solid #81a0cd;
}

.sub-map img.map {
  margin-top: 67px;
}

.sub-products .list {
  width: 756px;
  margin-top: 55px;
  border-top: 1px solid #d5d5d8;
}

.sub-products ul {
  border-left: 1px solid #d5d5d8;
}

.sub-products li {
  width: 150px;
  height: 100px;
  padding-top: 8px;
  border-right: 1px solid #d5d5d8;
  border-bottom: 1px solid #d5d5d8;
  line-height: 40px;
  text-align: center;
}

.sub-products p {
  color: #666;
  transition: color 0.5s;
}

.sub-products a:hover p {
  color: #0c4da2;
}

.sub-investor .list {
  padding-top: 48px;
  margin-left: 105px;
}

.sub-investor .list a {
  display: inline-block;
  color: #666;
}

.sub-investor .list a.tit {
  margin-bottom: 10px;
  font-size: 14px;
  color: #0c4da2;
}

.sub-investor .list a:hover {
  color: #0c4da2;
}

.sub-investor li.fi {
  width: 170px;
  height: 247px;
  padding-right: 1px;
  background: url(/static/web/css/../img/bg_line05.png) no-repeat right 8px;
}

.sub-investor li.se {
  width: 180px;
  height: 247px;
  padding-left: 92px;
}

.sub-investor .sign {
  width: 124px;
}

.sub-investor .sign a {
  display: inline-block;
  width: 122px;
  height: 56px;
  padding: 15px 0 5px;
  border: 1px solid #cfced0;
  margin: 6px 0 13px;
  line-height: 24px;
  text-align: center;
  transition: all 0.5s;
}

.sub-investor .sign a:hover {
  border: 1px solid #0c4da2;
}

.sub-investor .sign-in {
  display: inline-block;
  width: 122px;
  height: 32px;
  margin: 0 auto;
}

.sub-service .list {
  padding-top: 37px;
  margin-left: 112px;
}

.sub-service li.fi {
  width: 169px;
  padding-right: 1px;
  background: url(/static/web/css/../img/bg_line05.png) repeat-y right 8px;
}

.sub-service li.se {
  width: 130px;
  margin-left: 112px;
  display: inline;
}

.sub-service a {
  display: inline-block;
  line-height: 22px;
  color: #878787;
  transition: color 0.5s;
}

.sub-service a.tit {
  width: 100% !important;
  font-size: 14px;
  line-height: 46px;
  color: #0c4da2;
}

.sub-service a:hover {
  color: #0c4da2;
}

.sub-service .sign {
  width: 124px;
}

.sub-service .sign a {
  display: inline-block;
  width: 122px;
  height: 56px;
  padding: 15px 0 5px;
  border: 1px solid #cfced0;
  margin: 54px 0 41px;
  line-height: 24px;
  text-align: center;
  transition: all 0.5s;
}

.sub-service .sign a:hover {
  border: 1px solid #0c4da2;
}

.sub-service .sign-in {
  display: inline-block;
  width: 122px;
  height: 32px;
  margin: 0 auto;
}

.f-list {
  height: 322px;
  padding-top: 39px;
  background: #1e1e1e;
}

.f-list .list li {
  height: 322px;
  padding-right: 1px;
  background: url(/static/web/css/../img/bg_line02.png) no-repeat right 13px;
  display: inline;
}

.f-list .list li.fi {
  width: 196px;
  margin-left: 12px;
}

.f-list .list li.se {
  width: 123px;
  margin-left: 28px;
}

.f-list .list li.th {
  width: 149px;
  margin-left: 29px;
}

.f-list .list li.fo {
  width: 115px;
  padding-right: 0;
  background: none;
  margin-left: 29px;
}

.f-list .list a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 24px;
  color: #7d7d7d;
  transition: color 0.5s;
}

.f-list .list li.th a {
  line-height: 20px;
}

.f-list .list a.tit {
  font-size: 14px;
  line-height: 40px !important;
  color: #fff;
}

.f-list .list a:hover {
  color: #fff;
}

.f-list .tips {
  width: 215px;
  margin-right: 17px;
  line-height: 18px;
  color: #9b9b9b;
  text-transform: uppercase;
}

.f-list .tips p.t {
  font-size: 14px;
  line-height: 40px;
  color: #fff;
}

.f-list .tips p.t a {
  color: #fff;
}

.f-list .tips p.num {
  margin-bottom: 10px;
  font: bold 30px/30px Arial;
  color: #fff;
}

.f-list .tips p.mt28 {
  margin-top: 28px;
  border-top: 1px solid #353535;
  padding: 5px 0;
}

.f-list .share a {
  width: 55px !important;
  height: 52px !important;
  padding: 0 !important;
  margin: 0 18px 0 0 !important;
}

.f-list .share a.bds_tsina {
  background: url(/static/web/css/../img/bg_sign07.png) no-repeat !important;
}

.f-list .share a.bds_weixin {
  background: url(/static/web/css/../img/bg_sign08.png) no-repeat !important;
}

.f-list .share a.bds_tqq {
  margin-right: 0 !important;
  background: url(/static/web/css/../img/tmcs.png) no-repeat !important;
}

.f-list .weixin-box {
  bottom: 52px;
  height: 163px;
}

.f-list .weixin-box .main {
  height: 134px;
  padding: 15px 22px 0;
  background: #707070;
}

.f-list .weixin-box li {
  width: 100px;
  height: 134px;
  margin: 0 5px;
  line-height: 34px;
  color: #fff;
  text-align: center;
}

.f-list .weixin-box .bot {
  height: 14px;
  background: url(/static/web/css/../img/bg_sign117.png) no-repeat center top;
}

.f-main {
  height: 52px;
  padding-bottom: 8px;
  background: #000;
  line-height: 52px;
  color: #474747;
}

.f-main a {
  color: #474747;
  transition: color 0.5s;
}

.f-main a:hover {
  color: #fff;
}

.f-main img {
  width: 38px;
  margin-left: 10px;
}

.f-main .links {
  width: 185px;
  height: 26px;
  margin-top: 16px;
}

.f-main .links p.tit {
  width: 175px;
  height: 24px;
  padding-left: 8px;
  background: url(/static/web/css/../img/bg_sign10.jpg) no-repeat 166px center #131313;
  border: 1px solid #272727;
  line-height: 24px;
  color: #404040;
  cursor: pointer;
}

.f-main .links .list {
  left: 0;
  bottom: 26px;
  width: 363px;
  padding-bottom: 5px;
}

.f-main .links .box {
  height: 150px;
  padding-top: 10px;
  border-right: 1px solid #555557;
  margin-top: 14px;
  background: #424244;
}

.f-main .links .box.hover {
  background: #555;
}

.f-main .links .box p {
  min-width: 100px;
  padding-left: 20px;
  line-height: 32px;
  color: #fff;
}

.f-main .links .list-in {
  width: 120px;
}

.f-main .links .box a {
  display: inline-block;
  float: left;
  width: 100px;
  padding: 4px 0 4px 20px;
  border-right: 1px solid #555557;
  line-height: 14px;
  color: #888;
  transition: color 0.5s;
}

.f-main .links .box a:hover {
  color: #fff;
}

/*INDEX*/
.iban-wrap {
  height: 799px;
}

.iban {
  height: 799px;
  background: url(/static/web/css/../../img/loadings.gif) no-repeat center;
}

.iban .imglist li.active {
  animation: bannerIn 20s forwards;
}

@keyframes bannerIn {
  100% {
    transform: scale(1.1);
  }
}

.iban .w {
  height: 570px;
  padding-top: 229px;
}

.iban .list li {
  position: absolute;
  left: 0;
  top: 0;
  width: 980px;
  height: 415px;
  display: none;
}

.iban .list .tips {
  top: 0;
  width: 500px;
  font-size: 24px;
  line-height: 42px;
  color: #fff;
}

.iban .list b {
  font-size: 48px;
  line-height: 66px;
}

.iban .list strong {
  font-size: 48px;
  line-height: 66px;
}

.iban .list li a:hover .tips {
  color: #fff !important;
}

.iban .ban_bt {
  display: inline-block;
  width: 76px;
  padding: 0 10px;
  background: #0c4da2;
  margin-top: 50px;
  font-size: 12px;
  line-height: 30px;
  transition: all 0.5s;
}

.iban .ban_bt:hover {
  background: #fff;
}

/*.iban .list a{
	display: inline-block;
	width: 76px;
	padding: 0 10px;
	background: #0c4da2;
	margin-top: 50px;
	font-size: 12px;
	line-height: 30px;
	transition: all 0.5s;
}*/
/*.iban .list a:hover{
	background: #fff;
}*/
.iban .list span {
  display: inline-block;
  color: #fff;
}

.iban .list span.fr {
  display: inline-block;
  width: 5px;
  height: 30px;
  background: url(/static/web/css/../img/bg_sign03.png) no-repeat 0 0;
}

.iban .list a:hover span.fr {
  background-position: 0 -30px;
}

.iban .list .l {
  left: -200px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.iban .list .r {
  top: -40px;
  right: -200px;
  filter: alpha(opacity=0);
  opacity: 0;
  text-align: right;
}

.iban .line {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

.iban .line-in {
  width: 0;
  background: url(/static/web/css/../img/bg_line01.png);
  /*background: #0f37bd;*/
}

.iban li img {
  top: -82px;
}

.iban-box {
  left: 50%;
  bottom: 76px;
  width: 980px;
  height: 161px;
  margin-left: -490px;
}

.iban-box .fi {
  width: 273px;
  height: 145px;
  padding: 16px 27px 0;
}

.iban-box .se {
  width: 268px;
  height: 93px;
  padding: 68px 30px 0;
}

.iban-box .th {
  cursor: pointer;
}

.iban-box a {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  line-height: 28px;
  color: #aab9d5;
  transition: color 0.5s;
}

.iban-box a.tit {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}

.iban-box a.more {
  position: absolute;
  left: 26px;
  bottom: 19px;
  display: inline-block;
  width: 65px;
  padding: 0 9px 0 22px;
  border: 1px solid #89a4c6;
  font-size: 11px;
  line-height: 26px;
  color: #89a4c6;
  transition: all 0.5s;
}

.iban-box .se a.more {
  border: 1px solid #888582;
  color: #888582;
}

.iban-box a.more span.fr {
  display: inline-block;
  width: 3px;
  height: 26px;
  background: url(/static/web/css/../img/bg_sign04.png) no-repeat center;
  filter: alpha(opacity=50);
  opacity: 0.5;
  transition: all 0.5s;
}

.iban-box a:hover {
  color: #fff;
}

.iban-box a.more:hover {
  border: 1px solid #fff;
  color: #fff;
}

.iban-box a.more:hover span.fr {
  filter: alpha(opacity=100);
  opacity: 1;
}

.iban .btns {
  left: 50%;
  bottom: 36px;
  height: 6px;
}

.iban .btns span {
  display: inline-block;
  float: left;
  width: 62px;
  height: 5px;
  background: #fff;
  margin: 0 3px;
  filter: alpha(opacity=30);
  opacity: 0.3;
  transition: background 0.5s;
  cursor: pointer;
}

.iban .btns span.cur {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.i-cases {
  height: 200px;
  padding: 64px 0 54px;
}

.i-cases .w {
  height: 200px;
}

.i-cases .list {
  height: 200px;
}

.i-cases ul {
  width: 999px;
}

.i-cases li {
  position: relative;
  width: 315px;
  height: 150px;
  margin-right: 18px;
  display: inline;
}

.i-cases li span {
  display: inline-block;
}

.i-cases li span.sign {
  left: 27px;
  top: 42px;
  width: 64px;
  height: 64px;

}

.i-cases li span.sign.bg {
  background-position: 0 -64px !important;
}

.i-cases li span.tips {
  left: 111px;
  top: 42px;
  font-size: 13px;
  line-height: 24px;
  color: #4f4f4f;
  transition: color 0.5s;
}

.i-cases li a:hover span.tips {
  color: #fff;
}

.i-cases li span.detail {
  width: 204px;
  height: 84px;
  margin-top: 66px;
  font-size: 11px;
  line-height: 20px;
  color: #808080;
}

.i-cases .btns {
  left: 50%;
  bottom: 0;
  height: 6px;
}

.i-cases .btns span {
  display: inline-block;
  float: left;
  width: 6px;
  height: 6px;
  background: url(/static/web/css/../img/bg_btn03.png) no-repeat;
  margin: 0 8px;
  cursor: pointer;
}

.i-cases .btns span.cur {
  background-position: 0 -6px;
}

.i-products {
  height: 516px;
  padding: 71px 0 95px;
  background: url(/static/web/css/../img/bg_bg01.jpg) no-repeat center;
}

.i-products .tips {
  height: 120px;
  margin-bottom: 50px;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.i-products .tips p.en {
  width: 100%;
  height: 34px;
  background: url(/static/web/css/../img/name01.png) no-repeat center bottom;
}

.i-products .tips .line {
  left: 50%;
  bottom: 0;
  width: 30px;
  height: 4px;
  margin-left: -15px;
  background: #fff;
}

.i-products .list-out,
.i-products .list {
  width: 980px;
  height: 346px;
}

.i-products .btns {
  top: 0;
  width: 66px;
  height: 346px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.5s;
}

.i-products .prev {
  left: 0;
  background: url(/static/web/css/../img/prev11.png) no-repeat left center;
}

.i-products .prev.hover {
  background-position: right center;
}

.i-products .next {
  right: 0;
  background: url(/static/web/css/../img/next11.png) no-repeat right center;
}

.i-products .next.hover {
  background-position: left center;
}

.i-products li {
  position: relative;
  width: 244px;
  height: 344px;
  border: 1px solid #cbcccd;
  border-right: 0;
  background: #fff;
  transition: border 0.5s;
}

.i-products li.hover {
  border-color: #0c4da2;
}

.i-products .tip {
  display: inline-block;
  width: 206px;
  height: 117px;
  padding: 0 19px;
  background: #f8f9fa;
  font-size: 14px;
  line-height: 58px;
  color: #444;
}

.i-products li.hover .tip {
  background: #0c4da2;
  color: #fff;
}

.i-products .tip p.blue {
  font-size: 11px;
  line-height: 38px;
  color: #0564c6;
  transition: color 0.5s;
}

.i-products li.hover p.blue {
  color: #fff;
}

.i-products .tip span.por {
  display: inline-block;
  width: 3px;
  height: 38px;
  background: url(/static/web/css/../img/bg_sign06.png) no-repeat;
  margin-left: 20px;
}

.i-products li.hover span.por {
  background-position: 0 -38px
}

.i-products .t {
  left: 0;
  top: 0;
}

.i-products .b {
  left: 0;
  bottom: 0;
}

.i-products img.t {
  top: 66.5px;
}

.i-products img.b {
  bottom: 66.5px;
}

.i-products li .bg {
  left: -1px;
  top: -1px;
  width: 246px;
  height: 346px;
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.i-news {
  height: 227px;
  padding: 73px 0 80px;
}

.i-news .list.fl {
  width: 670px;
  height: 227px;
}

.i-news .list.fl li {
  position: relative;
  width: 310px;
  height: 227px;
  margin-right: 25px;
}

.i-news .list.fl img {
  left: 0;
  top: 0;
}

.i-news .list.fl span {
  display: inline-block;
}

.i-news .list.fl .tips {
  left: 0;
  bottom: 0;
  width: 310px;
  height: 78px;
  padding-top: 8px;
  background: #f8f9fa;
  transition: background 0.5s;
}

.i-news .list.fl a:hover .tips {
  background: #0c4da2;
}

.i-news .list.fl .time {
  width: 40px;
  padding-top: 9px;
  margin-left: 18px;
  font: 12px/16px Arial;
  color: #0e40b9;
  text-transform: uppercase;
  text-align: center;
  transition: color 0.5s;
}

.i-news .list.fl a:hover .time {
  color: #fff;
}

.i-news .list.fl .day {
  font: 36px/34px Impact;
  color: #0c4da2;
  transition: color 0.5s;
}

.i-news .list.fl a:hover .day {
  color: #fff;
}

.i-news .list.fl .line {
  width: 23px;
  height: 1px;
  background: #d9d9da;
  margin: 2px 0 0 8px;
  transition: background 0.5s;
}

.i-news .list.fl a:hover .line {
  background: #fff;
}

.i-news .list.fl .detail {
  width: 220px;
  padding-right: 16px;
  font-size: 11px;
  line-height: 18px;
  color: #a1a1a1;
  transition: color 0.5s;
}

.i-news .list.fl a:hover .detail {
  color: #fff;
}

.i-news .list.fl p.fz14 {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  transition: color 0.5s;
}

.i-news .list.fl a:hover p.fz14 {
  color: #fff;
}

.i-news .list.fl .bor {
  left: 0;
  top: 0;
  width: 306px;
  height: 223px;
  border: 2px solid #042cb3;
  display: none;
}

.i-news .list.fr {
  width: 310px;
}

.i-news .list.fr li {
  position: relative;
  width: 310px;
  height: 106px;
  margin-bottom: 15px;
  background: #f8f9fa;
  transition: background 0.5s;
}

.i-news .list.fr li.hover {
  background: #0c4da2;
}

.i-news .list.fr .detail {
  display: inline-block;
  width: 135px;
  padding: 11px 44px 0 0;
  font-size: 11px;
  line-height: 18px;
  color: #a7a7a7;
  transition: color 0.5s;
}

.i-news .list.fr li.hover .detail {
  color: #fff;
}

.i-news .list.fr p.fz16 {
  font-size: 16px;
  line-height: 40px;
  color: #333;
  transition: color 0.5s;
}

.i-news .list.fr li.hover p.fz16 {
  color: #fff;
}

/*ABOUT*/
.w-a {
  width: 920px;
  margin: 0 auto;
}

.nav-about {
  position: fixed;
  left: 0;
  top: 72px;
  z-index: 19;
  width: 100%;
  height: 65px;
  background: url(/static/web/css/../img/bg_shadow02.png);
}

.nav-about .in {
  height: 65px;
}

.nav-about a {
  display: inline-block;
  padding: 0 30px;
  background: url(/static/web/css/../img/bg_line03.png) no-repeat right center;
  line-height: 65px;
  color: #fff;
  text-align: center;
}

.nav-about a.bgno {
  background: none;
}

.nav-about .line {
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #fff;
}

.a-part {
  height: 666px;
  padding-top: 150px;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}

.a-partfi {
  padding-top: 218px;
  background-image: url(/static/web/css/../img/bg_bg02.jpg);
}

.a-tips h2 {
  font-weight: normal;
  font-size: 44px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.a-tips p.en {
  height: 26px;
  background: url(/static/web/css/../img/aname01.png) no-repeat center bottom;
}

.a-partfi p.en {
  filter: alpha(opacity=0);
  opacity: 0;
}

.a-partfi img.fl {
  left: -300px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.a-partfi .box {
  padding: 0 50px 0 18px;
  margin: 56px auto 0;
}

.ascroll-box {
  right: -300px;
  width: 465px;
  height: 231px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.ascroll-obj {
  left: 0;
  top: 0;
  width: 445px;
  color: #fff;
}

.ascroll-bar {
  right: 2px;
  top: 0;
  width: 2px;
  height: 231px;
  background: #3e6aa3;
}

.ascroll-btn {
  left: -2px;
  top: 0;
  width: 5px;
  height: 20px;
  background: #e2e2e2;
  cursor: pointer;
}

.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 23px;
  width: 33px;
  height: 72px;
  margin-left: -17px;
  text-align: center;
  cursor: pointer;
}

.scroll-down span.fi {
  width: 5px;
  height: 5px;
  background: url(/static/web/css/../img/bg_sign11.png) no-repeat;
  margin: 0 0 6px 14px;
  animation: scrollDown 1.5s infinite 1.6s;
}

.scroll-down span.se {
  width: 7px;
  height: 7px;
  background: url(/static/web/css/../img/bg_sign12.png) no-repeat;
  margin: 0 0 6px 13px;
  animation: scrollDown 1.5s infinite 1.4s;
}

.scroll-down span.th {
  width: 9px;
  height: 9px;
  background: url(/static/web/css/../img/bg_sign13.png) no-repeat;
  margin: 0 0 6px 12px;
  animation: scrollDown 1.5s infinite 1.2s;
}

.scroll-down span.fo {
  width: 33px;
  height: 33px;
  background: url(/static/web/css/../img/bg_sign14.png) no-repeat;
  animation: scrollDown 1.5s infinite 1s;
}

@keyframes scrollDown {
  0% {
    opacity: 1;
    top: 0;
  }

  100% {
    opacity: 0;
    top: 10px
  }
}

.a-partse {
  background: #fff;
}

.a-partse h2 {
  color: #515151;
}

.a-partse p.en {
  height: 35px;
  background-image: url(/static/web/css/../img/aname02.png);
}

.a-partse .line {
  left: 50%;
  bottom: -40px;
  width: 30px;
  height: 4px;
  background: #1e569f;
  margin-left: -15px;
}

.a-partse .w-a {
  margin-top: 42px;
}

.a-partse .img {
  width: 387px;
  height: 342px;
  margin-left: 48px;
}

.a-partse .img .se {
  left: 15px;
  top: 295px;
  width: 47px;
}

.a-partse .img .th {
  left: 233px;
  top: 27px;
  width: 154px;
}

.a-partse .list {
  width: 265px;
  padding: 59px 158px 0 0;
}

.a-partse li {
  width: 265px;
  position: relative;
  padding: 5px 0 6px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 20px;
  color: #8b8b8b;
}

.a-partse b,
.a-partse strong {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 32px;
  color: #515151;
}

.a-partth {
  background: url(/static/web/css/../img/bg_bg03.jpg) no-repeat center top fixed;
}

.a-partth p.en {
  height: 31px;
  background-image: url(/static/web/css/../img/aname03.png);
}

.a-partth .line {
  left: 50%;
  bottom: -41px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.a-partth .box {
  width: 860px;
  margin: 76px auto 0;
}

.a-partth .img {
  width: 363px;
  height: 281px;
}

.a-partth .img .year {
  left: 0;
  top: 27px;
  width: 64px;
  height: 30px;
  background: url(/static/web/css/../img/bg_sign15.jpg) no-repeat;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}

.a-partth .img .shadow {
  right: 0;
  top: 0;
  width: 21px;
  height: 281px;
  background: url(/static/web/css/../img/bg_shadow03.png) no-repeat;
}

.a-partth .tips {
  width: 429px;
  height: 265px;
  padding: 16px 28px 0 40px;
  background: #fff;
}

.a-partth .tips p.t {
  font: 15px/56px Arial;
  color: #0c4da2;
}

.a-partth .tips .list {
  width: 429px;
  height: 96px;
  line-height: 24px;
  color: #8e8a8a;
}

.a-partth .list .int {
  left: 0;
  top: 0;
  width: 400px;
}

.a-partth .tips .bar {
  right: 1px;
  top: 0;
  width: 1px;
  height: 96px;
  background: #99ccf8;
}

.a-partth .tips .btn {
  left: -1px;
  top: 0;
  width: 3px;
  height: 20px;
  background: #0464b8;
  cursor: pointer;
}

.a-partth .tips .btn-box {
  margin-top: 20px;
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
}

.a-partth .tips .btns {
  top: 40px;
  width: 27px;
  height: 27px;
  margin-left: 3px;
  cursor: pointer;
}

.a-partth .tips .prev {
  right: 30px;
  background: url(/static/web/css/../img/prev01.jpg) no-repeat;
}

.a-partth .tips .prev.hover {
  background-position: -27px 0;
}

.a-partth .tips .next {
  right: 0;
  background: url(/static/web/css/../img/next01.jpg) no-repeat -27px 0;
}

.a-partth .tips .next.hover {
  background-position: 0 0;
}

.a-partth .tab {
  height: 63px;
  background: url(/static/web/css/../img/bg_line04.png) repeat-x 0 17px;
  margin-top: 36px;
}

.a-partth .tab .in {
  width: 860px;
  background: url(/static/web/css/../img/bg_shadow04.png) no-repeat center top;
  margin: 0 auto;
}

.a-partth .tab .inovh {
  width: 782px;
  height: 63px;
  margin-left: 32px;
}

.a-partth .tab li {
  height: 46px;
  padding-top: 17px;
  width: 84px;
  font: 14px/46px Arial;
  color: #dfdfdf;
  text-align: center;
  cursor: pointer;
}

.a-partth .tab li.cur {
  font-size: 18px;
  color: #ff9600;
}

.a-partfo {
  background: #fff;
}

.a-partfo h2 {
  color: #515151;
}

.a-partfo p.en {
  height: 32px;
  background-image: url(/static/web/css/../img/aname04.png);
}

.a-partfo .line {
  left: 50%;
  bottom: -40px;
  width: 30px;
  height: 4px;
  background: #1e569f;
  margin-left: -15px;
}

.a-partfo .box {
  width: 920px;
  margin: 88px auto 0;
}

.a-partfo .img {
  width: 235px;
  height: 320px;
  margin-left: 18px;
}

.a-partfo .img p {
  width: 100%;
  height: 49px;
  background: url(/static/web/css/../img/bg_bg04.jpg) no-repeat center;
  line-height: 49px;
  color: #fff;
  text-align: center;
}

.a-partfo .detail {
  width: 580px;
  margin-right: 32px;
}

.a-partfo .detail h2 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 38px;
  color: #0c4da2;
}

.a-partfif {
  position: relative;
  overflow: hidden;
  background-image: url(/static/web/css/../img/bg_bg05.jpg);
}

.a-partfif p.en {
  height: 26px;
  background: url(/static/web/css/../img/aname05.png) no-repeat center bottom;
}

.a-partfif .line {
  left: 50%;
  bottom: -40px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.a-partfif .list {
  width: 996px;
  height: 260px;
  margin: 118px auto 0;
}

.a-partfif .list li {
  position: relative;
  width: 227px;
  height: 260px;
  margin: 0 11px;
}

.a-partfif .list .bg.fi {
  background: url(/static/web/css/../img/bg_sign16.png) no-repeat left center;
}

.a-partfif .list .bg.se {
  background: url(/static/web/css/../img/bg_sign17.png) no-repeat left center;
}

.a-partfif .list .bg.th {
  background: url(/static/web/css/../img/bg_sign18.png) no-repeat left center;
}

.a-partfif .list .bg.fo {
  background: url(/static/web/css/../img/bg_sign19.png) no-repeat left center;
}

.a-partfif .list li.hover .bg {
  background-position: right center;
  animation: bgHover 1s forwards;
}

@keyframes bgHover {
  100% {
    transform: rotate(60deg)
  }
}

.a-partfif .list .tips {
  height: 199px;
  padding-top: 61px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.a-partfif .list p.t {
  padding-top: 23px;
  background: url(/static/web/css/../img/bg_sign20.png) no-repeat center top;
  font-size: 18px;
  line-height: 28px;
}

.a-partfif .list p.ens {
  margin-bottom: 17px;
  font: 14px/24px Arial;
  filter: alpha(opacity=58);
  opacity: 0.58;
  text-transform: uppercase;
}

.a-partfif .list .detail {
  left: 0;
  top: 66px;
  width: 177px;
  padding: 0 20px 0 30px;
  line-height: 18px;
  color: #fff;
}

.a-partfif .list .detail.tac {
  text-align: center;
}

.a-partfif .list .detail p {
  margin-bottom: 12px;
}

.a-partfif .list p.int {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.a-partsi {
  background: #fff;
}

.a-partsi h2 {
  color: #515151;
}

.a-partsi p.en {
  height: 33px;
  background: url(/static/web/css/../img/aname06.png) no-repeat center bottom;
}

.a-partsi .line {
  left: 50%;
  bottom: -40px;
  width: 30px;
  height: 4px;
  background: #1e569f;
  margin-left: -15px;
}

.a-partsi .intro {
  width: 520px;
  margin: 83px auto 47px;
  color: #515151;
  text-align: center;
}

.a-partsi .list {
  position: relative;
  width: 980px;
  height: 237px;
  margin: 0 auto;
}

.a-partsi .list .btns,
.board-scroll .btns {
  top: 0;
  width: 70px;
  height: 237px;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}

.a-partsi .list .prev,
.board-scroll .btns.prev {
  left: 0;
  background: url(/static/web/css/../img/prev02.png) no-repeat left center;
}

.a-partsi .list .next,
.board-scroll .btns.next {
  right: 0;
  background: url(/static/web/css/../img/next02.png) no-repeat right center;
}

.a-partsi .list-in {
  width: 980px;
  height: 237px;
}

.a-partsi .list ul {
  width: 993px;
}

.a-partsi .list li {
  position: relative;
  width: 319px;
  height: 237px;
  margin-right: 12px;
  display: inline;
  line-height: 53px;
  text-align: center;
}

.a-partsi .list a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  transition: background 0.5s;
}

.a-partsi .list p {
  color: #666;
  transition: color 0.5s;
}

.a-partsi .list a:hover {
  background: #0c4da2;
}

.a-partsi .list a:hover p {
  color: #fff;
}

.a-partsev {
  position: relative;
  overflow: hidden;
  background-image: url(/static/web/css/../img/bg_bg06.jpg);
}

.a-partsev p.en {
  height: 32px;
  background: url(/static/web/css/../img/aname07.png) no-repeat center bottom;
}

.a-partsev .line {
  left: 50%;
  bottom: -38px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.a-partsev .list {
  width: 980px;
  height: 331px;
  margin: 78px auto 0;
}

.a-partsev .list li {
  position: absolute;
  left: 100%;
  top: 0;
  width: 637px;
  height: 101px;
}

.a-partsev .list li.se {
  top: 111px;
}

.a-partsev .list li.th {
  top: 222px;
  height: 109px;
}

.a-partsev .list .tips {
  width: 471px;
  height: 84px;
  padding: 17px 28px 0;
  background: url(/static/web/css/../img/bg_shadow05.png);
  color: #d5d8de;
}

.a-partsev .list li.th .tips {
  height: 92px;
}

.a-partei {
  background: #fff;
}

.a-partei h2 {
  color: #515151;
}

.a-partei p.en {
  height: 29px;
  background: url(/static/web/css/../img/aname08.png) no-repeat center bottom;
}

.a-partei .line {
  left: 50%;
  bottom: -40px;
  width: 30px;
  height: 4px;
  background: #1e569f;
  margin-left: -15px;
}

.a-partei .tips {
  width: 730px;
  margin: 77px auto 55px;
  text-align: center;
}

.a-partei .list {
  overflow: hidden;
  width: 653px;
  height: 240px;
  margin: 0 auto;
}

.a-partei .list img {
  left: 238px;
  top: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.a-partei .list img.se {
  left: 446px;
}

.a-partei .list img.th {
  left: 684px;
}

.str-part {
  padding-top: 165px;
  height: 651px;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}

.str-part .tips h2 {
  position: relative;
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.str-part .tips h2.c {
  color: #515151;
}

.str-part .tips p.en {
  position: relative;
  height: 32px;
  background: url(/static/web/css/../img/sname01.png) no-repeat center bottom;
}

.str-part .tips .line {
  left: 50%;
  bottom: -38px;
  width: 30px;
  height: 4px;
  background: #1e569f;
  margin-left: -15px;
}

.str-part .tips .line.w {
  background: #fff;
}

.spart-fi {
  padding-top: 218px;
  height: 675px;
  background-image: url(/static/web/css/../img/bg_bg07.jpg);
}

.spart-fi .intro {
  width: 700px;
  margin: 45px auto 86px;
  line-height: 18px;
  color: #d5dce9;
  text-align: center;
}

.spart-fi .list {
  width: 976px;
  margin: 0 auto;
}

.spart-fi .tab {
  height: 91px;
  background: url(/static/web/css/../img/bg_line06.png) no-repeat center 46px;
}

.spart-fi .tab .btn {
  width: 46px;
  height: 91px;
  cursor: pointer;
}

.spart-fi .tab .prev {
  background: url(/static/web/css/../img/prev03.png) no-repeat left center;
}

.spart-fi .tab .next {
  background: url(/static/web/css/../img/next03.png) no-repeat right center;
}

.spart-fi .tab .in {
  position: absolute;
  left: 46px;
  top: 0;
  width: 884px;
  height: 91px;
}

.spart-fi .tab ul {
  width: 885px;
}

.spart-fi .tab li {
  width: 177px;
  height: 25px;
  padding-bottom: 26px;
  background: url(/static/web/css/../img/bg_sign21.png) no-repeat center bottom;
  margin-bottom: 40px;
  font: 24px/25px Arial;
  color: #7195c4;
  text-align: center;
  cursor: pointer;
}

.spart-fi .tab li.cur {
  font-size: 30px;
  color: #fff;
}

.spart-fi .detail {
  width: 714px;
  height: 160px;
  padding-left: 262px;
}

.spart-fi .img {
  width: 105px;
  height: 136px;
  padding-top: 24px;
}

.spart-fi .img-in {
  width: 105px;
  height: 102px;
}

.spart-fi .img-in li {
  width: 105px;
  height: 102px;
}

.spart-fi .img-btn {
  left: 50%;
  bottom: 0;
  height: 10px;
}

.spart-fi .img-btn span {
  display: inline-block;
  float: left;
  width: 11px;
  height: 10px;
  background: url(/static/web/css/../img/bg_btn04.png) no-repeat;
  margin: 0 5px;
  cursor: pointer;
}

.spart-fi .img-btn span.cur {
  background-position: 0 -10px;
}

.spart-fi .int {
  width: 553px;
  line-height: 22px;
  color: #d5dce9;
}

.spart-fi .int p.t {
  font: 24px/42px Segoe UI, Arial;
  color: #fff;
}

.spart-fi .type {
  height: 23px;
  margin-bottom: 17px;
  font: 13px/23px Arial;
  color: #fff;
  text-align: center;
}

.spart-fi .type span {
  display: inline-block;
  width: 20px;
  height: 26px;
  text-align: center;
}

.spart-fi .type span.btn {
  width: 66px;
  background: url(/static/web/css/../img/bg_btn05.png) no-repeat;
  cursor: pointer;
  transition: color 0.5s;
  background-size: 100%;
}

.spart-fi .type span.btn.cur {
  background-position: 0 -26px;
  color: #feb300;
}

.spart-fi .det {
  height: 44px;
}

.spart-fi a.more {
  display: inline-block;
  width: 84px;
  border: 1px solid #dee3ed;
  line-height: 24px;
  color: #dee3ed;
  text-align: center;
  transition: all 0.5s;
}

.spart-fi a.more:hover {
  border: 1px solid #ea9846;
  background: #ea9846;
}

.spart-se {
  background: #fff;
}

.spart-se .tips p.en {
  height: 32px;
  background-image: url(/static/web/css/../img/sname02.png);
}

.spart-se .detail {
  width: 628px;
  height: 66px;
  margin: 83px auto 8px;
  line-height: 22px;
  text-align: center;
}

.spart-se .list {
  width: 835px;
  margin: 0 auto;
}

.spart-se .list ul {
  margin-left: 23px;
}

.spart-se .list li {
  width: 226px;
  margin-left: -23px;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.spart-se .list .img {
  width: 111px;
  height: 108px;
  padding: 0 58px 16px 57px;
  background: url(/static/web/css/../img/bg_sign23.png) no-repeat;
  margin-bottom: 15px;
}

.spart-se .list .img.bg {
  background-position: 0 -124px;
}

.spart-se .list .img.hover {
  background-position: 0 -248px;
}

.spart-se .list .in {
  width: 111px;
  height: 108px;
}

.spart-se .list .btn {
  left: 50%;
  bottom: 6px;
  height: 10px;
}

.spart-se .list .btn span {
  display: inline-block;
  float: left;
  width: 11px;
  height: 10px;
  margin: 0 2px;
  background: url(/static/web/css/../img/bg_btn04.png) no-repeat center -10px;
  cursor: pointer;
}

.spart-se .list .btn span.cur {
  background-position: center -20px;
}

.spart-se .list p.en {
  font: 16px/26px Calibri, Arial;
  text-transform: uppercase;
}

.spart-th {
  background-image: url(/static/web/css/../img/bg_bg08.jpg);
}

.spart-th .tips p.en {
  height: 25px;
  background-image: url(/static/web/css/../img/sname03.png);
}

.spart-th .tab {
  width: 318px;
  height: 34px;
  border: 1px solid #8fafd5;
  margin: 34px auto 73px;
}

.spart-th .tab li {
  width: 159px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}

.spart-th .tab li.cur {
  background: #fff;
  color: #0f4ea0;
}

.spart-th .img {
  width: 714px;
  height: 232px;
  margin: 0 auto;
}

.spart-th .img .in {
  width: 714px;
  height: 232px;
}

.spart-th .img li {
  position: absolute;
  left: 714px;
  top: 47px;
  z-index: 1;
  width: 184px;
  height: 138px;
}

.spart-th .img li.z-1 {
  z-index: -1;
}

.spart-th .img li.z2 {
  z-index: 2;
}

.spart-th .img li.on {
  z-index: 3;
}

.spart-th .img .btn {
  top: 0;
  width: 72px;
  height: 232px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

.spart-th .img .prev {
  left: 0;
  background: url(/static/web/css/../img/prev04.png) no-repeat center;
}

.spart-th .img .next {
  right: 0;
  background: url(/static/web/css/../img/next04.png) no-repeat center;
}

.spart-fo p.en {
  height: 32px;
  background-image: url(/static/web/css/../img/sname04.png);
}

.news-nav {
  width: 100%;
  height: 195px;
  padding-top: 207px;
  background: url(/static/web/css/../img/bg_news.jpg) no-repeat center bottom;
  z-index: 3;
}

.news-nav.fixed {
  position: fixed;
  left: 0;
  top: -270px;
  z-index: 20;
}

.news-nav h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.news-nav p.en {
  height: 31px;
  background: url(/static/web/css/../img/nname01.png) no-repeat center bottom;
}

.news-nav .list {
  bottom: 0;
  height: 60px;
}

.news-nav .list li {
  background: url(/static/web/css/../img/bg_line07.png) no-repeat right center;
}

.news-nav .list li.bgno {
  background: none;
}

.news-nav .list a {
  display: inline-block;
  padding: 0 50px;
  line-height: 60px;
  color: #fff;
}

.news-nav .sign {
  left: -120px;
  bottom: 0;
  width: 120px;
  height: 3px;
  background: #fff;
}

.news-search {
  width: 100%;
  height: 27px;
  padding: 19px 0 14px;
  border-bottom: 1px solid #e1e1e5;
  margin-bottom: 50px;
  background: #fff;
  z-index: 19;
}

.news-search.fixed {
  position: fixed;
  left: 0;
  top: 152px;
}

.news-search .year {
  height: 25px;
  border: 1px solid #e1e1e5;
  background: url(/static/web/css/../img/bg_sign25.png) no-repeat 90% center;
  margin-left: 8px;
  line-height: 25px;
  text-align: center;
}

.news-search .year .list {
  left: -1px;
  top: 25px;
  width: 100%;
  border: 1px solid #e1e1e5;
  background: #fff;
}

.news-search .long {
  padding-left: 10px;
  background-position: 97% center;
  text-align: left;
}

.news-search p {
  padding: 4px 12px 4px 10px;
  cursor: pointer;
  line-height: 18px;
  transition: all 0.5s;
}

.news-search p.hover {
  color: #fff;
  background: #0c4da2;
}

.news-search p.t {
  min-width: 64px;
  padding-left: 0;
  color: #666;
  background: none;
}

.news-search p.t.hover {
  color: #0c4da2;
}

.news-search .month {
  width: 58px;
  height: 25px;
  padding-right: 9px;
  border: 1px solid #e1e1e5;
  background: url(/static/web/css/../img/bg_sign25.png) no-repeat 53px center;
  margin-left: 8px;
  line-height: 25px;
  text-align: center;
}

.news-search .month .list {
  left: -1px;
  top: 25px;
  width: 67px;
  border: 1px solid #e1e1e5;
  background: #fff;
}

.news-search .sign {
  width: 32px;
  height: 27px;
  background: url(/static/web/css/../img/bg_sign24.png) no-repeat left center;
  cursor: pointer;
}

.news-search .search {
  width: 30px;
  height: 25px;
  border: 1px solid #fff;
  position: relative;
}

.news-search .search.hover {
  border-color: #e7e7e7;
}

.news-search .search input {
  left: 10px;
  top: 0;
  width: 190px;
  height: 25px;
  padding: 0 5px;
  border: 0;
  line-height: 25px;
  color: #666;
}

.news-search .search input.submit {
  right: 0;
  left: auto;
  width: 30px;
  height: 25px;
  background: url(/static/web/css/../img/bg_sign24.png) no-repeat center;
}

.news-search .search .io input {
  left: 0;
  width: 190px;
  height: 44px;
  padding: 0 15px;
  border: 0;
  line-height: 44px;
  border-left: 1px solid #ccc;
}


.news-main {
  height: 1057px;
  padding-bottom: 50px;
}

.news-main .imgs {
  width: 645px;
  height: 474px;
  background: #f8f9fa;
}

.news-main .imglist {
  width: 645px;
  height: 291px;
}

.news-main .w570 {
  width: 570px;
  margin: 0 auto;
}

.news-main .titlist {
  height: 50px;
  margin-top: 25px;
}

.news-main .titlist li {
  width: 570px;
}

.news-main .titlist a {
  display: inline-block;
  width: 100%;
  font-size: 24px;
  line-height: 50px;
  color: #0c4da2;
}

.news-main .intlist {
  height: 40px;
  margin-bottom: 22px;
}

.news-main .intlist li {
  width: 570px;
  height: 40px;
}

.news-main .intlist a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  transition: color 0.5s;
}

.news-main .intlist a:hover {
  color: #0c4da2;
}

.news-main .sharelist {
  height: 22px;
}

.news-main .sharelist li {
  width: 570px;
  height: 22px;
  line-height: 22px;
  color: #999;
}

.news-main .sharelist p {
  padding-left: 25px;
  background: url(/static/web/css/../img/bg_sign26.png) no-repeat;
  margin-right: 30px;
}

.news-main .sharelist p.care {
  background-position: 0 -22px;
}

.news-main .sharelist p.from {
  background-position: 0 -44px;
}

.news-main .btn {
  top: 0;
  width: 82px;
  height: 291px;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}

.news-main .prev {
  left: 82px;
  background: url(/static/web/css/../img/prev05.png) no-repeat center;
}

.news-main .next {
  right: 82px;
  background: url(/static/web/css/../img/next05.png) no-repeat center;
}

.news-main .btns {
  left: 50%;
  top: 263px;
  height: 10px;
}

.news-main .btns span {
  display: inline-block;
  float: left;
  width: 11px;
  height: 10px;
  background: url(/static/web/css/../img/bg_btn04.png) no-repeat;
  margin: 0 4px;
  cursor: pointer;
}

.news-main .btns span.cur {
  background-position: 0 -10px;
}

.news-main .list li {
  position: absolute;
  width: 310px;
  height: 227px;
}

.news-main .list a.img {
  display: inline-block;
  width: 310px;
  height: 141px;
}

.news-main .list .bg {
  left: 0;
  top: 0;
  width: 310px;
  height: 141px;
  background: #000;
  filter: alpha(opacity=40);
  opacity: 0.4;
  transition: opacity 0.5s;
}

.news-main .list li.hover .bg {
  filter: alpha(opacity=0);
  opacity: 0;
}

.news-main .list .border {
  left: 0;
  top: 0;
  width: 304px;
  height: 138px;
  border: 3px solid #0c4da2;
  border-bottom: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 0.5s;
}

.news-main .list li.hover .border {
  filter: alpha(opacity=100);
  opacity: 1;
}

.news-main .list .int {
  width: 278px;
  height: 78px;
  padding: 8px 16px 0;
  background: #f8f9fa;
  line-height: 16px;
  transition: background 0.5s;
}

.news-main .list li.hover .int {
  background: #0c4da2;
}

.news-main .list .year {
  width: 42px;
  padding-top: 8px;
  line-height: 14px;
  padding-bottom: 2px;
  border-bottom: 1px solid #d9d9da;
  color: #0e40b9;
  text-transform: uppercase;
  text-align: center;
  transition: color 0.5s;
}

.news-main .list li.hover .year {
  color: #fff;
}

.news-main .list .d {
  font: 36px/36px Impact;
  color: #0c4da2;
  transition: color 0.5s;
}

.news-main .list li.hover .d {
  color: #fff;
}

.news-main .list .m {
  letter-spacing: 4px;
}

.news-main .list .tips {
  width: 220px;
}

.news-main .list .tips a {
  display: inline-block;
  width: 100%;
  color: #a1a1a1;
  transition: color 0.5s;
}

.news-main .list .tips a.tit {
  font-size: 14px;
  line-height: 28px;
  color: #666;
}

.news-main .list li.hover a {
  color: #fff !important;
}

.page {
  right: 0;
  bottom: 50px;
  height: 40px;
}

.page a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 1px solid #f6f6f6;
  border-bottom: 1px solid #c8c8c8;
  background-repeat: no-repeat;
  margin-left: 15px;
  transition: background-color, border 0.5s;
}

.page a.pagestar {
  background-image: url(/static/web/css/../img/pagestar.png);
}

.page a.pageprev {
  background-image: url(/static/web/css/../img/pageprev.png);
}

.page a.pagenext {
  background-image: url(/static/web/css/../img/pagenext.png);
}

.page a.pageend {
  background-image: url(/static/web/css/../img/pageend.png);
}

.page a:hover,
.page a.cur {
  border: 1px solid #0c4da2;
  background-color: #0c4da2;
  background-position: center -40px;
}

.news-path {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #e1e1e5;
  background: #fff;
  /*margin: -19px 0 20px;*/
  margin: 0 0 20px;
  line-height: 52px;
  padding-top: 0 !important;
}

.news-path.fixed {
  position: fixed;
  left: 0;
  top: 152px;
  z-index: 19;
}

.news-path a {
  display: inline-block;
  color: #666;
  transition: color 0.5s;
}

.news-path a.fr {
  padding-right: 28px;
  background: url(/static/web/css/../img/bg_sign28.png) no-repeat right 0;
}

.news-path a:hover {
  color: #0c4da2;
  background-position: right -52px;
}

.news-path span {
  display: inline-block;
  width: 5px;
  height: 52px;
  padding: 0 12px;
  background: url(/static/web/css/../img/bg_sign27.png) no-repeat center;
}

.news-path span.bgno {
  width: auto;
  padding: 0;
  background: none;
  color: #0c4da2;
}

.news-info {
  padding-bottom: 42px;
}

.news-info h2 {
  font-size: 24px;
  line-height: 66px;
  color: #666;
  text-align: center;
}

.news-info .tips {
  padding-bottom: 13px;
  border-bottom: 1px solid #efeff1;
  margin-bottom: 31px;
  text-align: center;
}

.news-info .tips span {
  display: inline-block;
  padding: 0 35px 0 24px;
  background: url(/static/web/css/../img/bg_sign26.png) no-repeat left 0;
  line-height: 22px;
  color: #8b8b8b;
}

.news-info .tips span.name {
  background-position: left -44px;
}

.news-info .tips span.care {
  background-position: left -22px;
}

.news-info .detail {
  padding: 0 44px;
}

.news-info .detail img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.news-info .share {
  padding-bottom: 25px;
  border-bottom: 1px solid #efeff1;
  margin: 32px 0 20px;
}

.news-info .share p.fl {
  width: 636px;
  padding-left: 44px;
  background: url(/static/web/css/../img/bg_sign29.jpg) no-repeat left top;
}

.news-info .share p.fl a {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid #ebebeb;
  margin-right: 10px;
  line-height: 22px;
  color: #959595;
  transition: all 0.5s;
}

.news-info .share p.fl a:hover {
  border: 1px solid #0c4da2;
  background: #0c4da2;
  color: #fff;
}

.bdsharebuttonbox a {
  display: inline-block;
  float: left;
  width: 35px !important;
  height: 22px !important;
  padding: 0 !important;
  background: url(/static/web/css/../img/bg_sign30.png) no-repeat !important;
  margin: 0 1px !important;
}

.bdsharebuttonbox a:hover {
  background-position: 0 -22px !important;
}

.bdsharebuttonbox .bds_tsina {
  background-position: 0 -44px !important;
}

.bdsharebuttonbox .bds_tsina:hover {
  background-position: 0 -66px !important;
}

.bdsharebuttonbox .bds_qzone {
  background-position: 0 -88px !important;
}

.bdsharebuttonbox .bds_qzone:hover {
  background-position: 0 -110px !important;
}

.bdsharebuttonbox .bds_tqq {
  background-position: 0 -132px !important;
}

.bdsharebuttonbox .bds_tqq:hover {
  background-position: 0 -154px !important;
}

.bdsharebuttonbox .bds_sqq {
  background-position: 0 -176px !important;
}

.bdsharebuttonbox .bds_sqq:hover {
  background-position: 0 -198px !important;
}

.bdsharebuttonbox .bds_tieba {
  background-position: 0 -220px !important;
}

.bdsharebuttonbox .bds_tieba:hover {
  background-position: 0 -242px !important;
}

.turn {
  line-height: 24px;
}

.turn a {
  color: #666;
  transition: color 0.5s;
}

.turn a:hover {
  color: #0c4da2;
}

.news-rec {
  height: 281px;
  padding: 37px 0 32px;
  background: #eeeff0;
}

.news-rec .w {
  position: relative;
  top: 0;
  left: 0;
}

.news-rec .tit {
  height: 28px;
  margin-bottom: 26px;
}

.news-rec .btn {
  width: 28px;
  height: 28px;
  margin: 5px 5px 0;
  cursor: pointer;
}

.news-rec .prev {
  background: url(/static/web/css/../img/prev06.png) no-repeat;
}

.news-rec .prev.hover {
  background-position: -28px 0;
}

.news-rec .next {
  background: url(/static/web/css/../img/next06.png) no-repeat -28px 0;
}

.news-rec .next.hover {
  background-position: 0 0;
}

.news-rec .news-main {
  width: 980px;
  height: 227px;
  padding: 0;
}

.news-rec .news-main .list li {
  position: relative;
  margin-right: 25px;
}

.news-rec .news-main .tit {
  margin-bottom: 0;
}

.videos-main {
  padding-bottom: 120px;
}

.videos-main ul {
  width: 1000px;
}

.videos-main li {
  position: relative;
  z-index: 1;
  width: 480px;
  height: 285px;
  margin: 0 20px 20px 0;
  display: inline;
}

.videos-main li.z2 {
  z-index: 2;
}

.videos-main .v-box {
  width: 480px;
  height: 285px;
}

.videos-main .v-box .img {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.videos-main .v-box .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('/static/web/css/../img/play-btn2.png');
  margin: -60px 0 0 -30px;
}

.videos-main .tips {
  left: 0;
  bottom: 0;
  width: 480px;
  height: 62px;
}

.videos-main .tips-in {
  padding: 0 32px;
  background: url(/static/web/css/../img/bg_sign31.png) no-repeat right bottom #e9e9e9;
  font-size: 14px;
  line-height: 62px;
  cursor: pointer;
  transition: all 0.5s;
}

.videos-main .tips-in.hover {
  background-color: #0c4da2;
  color: #fff;
}

.videos-main .detail {
  left: 0;
  top: 0;
  width: 432px;
  height: 258px;
  padding: 27px 34px 0;
  background: #e9e9e9;
  filter: alpha(opacity=0);
  opacity: 0;
}

.videos-main .detail .bdsharebuttonbox {
  right: 34px;
  bottom: 12px;
  line-height: 24px;
}

.videos-main .detail p.fz18 {
  font-size: 18px;
  line-height: 46px;
}

.videos-main .detail .btn {
  right: 0;
  bottom: 0;
  width: 29px;
  height: 29px;
  background: url(/static/web/css/../img/bg_sign32.png) no-repeat;
  cursor: pointer;
}

.videos-main .detail .btn.l {
  right: auto;
  ;
  left: 0;
  background-position: 0 -29px;
}

.videos-main .detail .jiathis_style {
  right: 34px;
  bottom: 12px;
  line-height: 24px;
}

.jiathis_style .button,
.jiathis_style .jiathis_txt {
  width: 35px !important;
  height: 22px !important;
  padding: 0 !important;
  background: url(/static/web/css/../img/bg_sign30.png) no-repeat !important;
  margin: 0 1px !important;
}

.jiathis_style a:hover .jtico {
  background-position: 0 -22px !important;
}

.jiathis_style .jiathis_button_tsina .jtico {
  background-position: 0 -44px !important;
}

.jiathis_style .jiathis_button_tsina:hover .jtico {
  background-position: 0 -66px !important;
}

.jiathis_style .jiathis_button_qzone .jtico {
  background-position: 0 -88px !important;
}

.jiathis_style .jiathis_button_qzone:hover .jtico {
  background-position: 0 -110px !important;
}

.jiathis_style .jiathis_button_tqq .jtico {
  background-position: 0 -132px !important;
}

.jiathis_style .jiathis_button_tqq:hover .jtico {
  background-position: 0 -154px !important;
}

.jiathis_style .jiathis_button_cqq .jtico {
  background-position: 0 -176px !important;
}

.jiathis_style .jiathis_button_cqq:hover .jtico {
  background-position: 0 -198px !important;
}

.jiathis_style .jiathis_button_tieba .jtico {
  background-position: 0 -220px !important;
}

.jiathis_style .jiathis_button_tieba:hover .jtico {
  background-position: 0 -242px !important;
}

.jobs-partfi {
  padding-top: 218px;
  background-image: url(/static/web/css/../img/bg_bg15.jpg);
}

.jobs-partfi .tips p.en {
  height: 31px;
  background-image: url(/static/web/css/../img/jname01.png);
}

.jobs-partfi .box {
  width: 824px;
  height: 304px;
  margin: 36px auto 0;
}

.jobs-partfi .img-list {
  left: -276px;
  width: 276px;
  height: 304px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partfi .img-list .btn {
  right: 20px;
  bottom: 20px;
  height: 10px;
}

.jobs-partfi .img-list .btn span {
  display: inline-block;
  float: left;
  width: 11px;
  height: 10px;
  background: url(/static/web/css/../img/bg_btn04.png) no-repeat;
  margin-left: 8px;
  cursor: pointer;
}

.jobs-partfi .img-list .btn span.cur {
  background-position: 0 -10px;
}

.jobs-partfi .list {
  right: -513px;
  width: 478px;
  height: 224px;
  padding: 40px 35px;
  background: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partfi .list .box-in {
  width: 478px;
  height: 224px;
  line-height: 20px;
}

.jobs-partfi .list .box-in .scroll {
  width: 458px;
}

.jobs-partfi .list .box-in .scrollbar {
  right: 2px;
  top: 0;
  width: 1px;
  height: 224px;
  background: #ccc;
}

.jobs-partfi .list .box-in .scrollbtn {
  left: -2px;
  top: 0;
  width: 5px;
  height: 20px;
  border-radius: 3px;
  background: #1e569f;
  cursor: pointer;
}

.jobs-partfi .list .tit {
  font-size: 16px;
  line-height: 40px;
}

.jobs-partfi .list .btn {
  height: 28px;
  margin-top: 10px;
}

.jobs-partfi .list .btns {
  width: 28px;
  height: 28px;
  margin-left: 10px;
  cursor: pointer;
  transition: background 0.5s;
}

.jobs-partfi .list .up {
  background: url(/static/web/css/../img/prev09.png) no-repeat;
}

.jobs-partfi .list .up.hover {
  background-position: 0 -28px;
}

.jobs-partfi .list .down {
  background: url(/static/web/css/../img/next09.png) no-repeat 0 -28px;
}

.jobs-partfi .list .down.hover {
  background-position: 0 0;
}

.jobs-partse .tips p.en {
  height: 31px;
  background-image: url(/static/web/css/../img/jname02.png);
}

.jobs-partse .tips .line {
  bottom: -43px;
}

.jobs-partse .intro {
  width: 762px;
  margin: 78px auto 0;
}

.jobs-partse .img {
  width: 335px;
  min-height: 268px;
}

.jobs-partse img {
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partse img.fi {
  left: 0;
  top: 0;
}

.jobs-partse img.se {
  left: 30px;
  top: 24px;
}

.jobs-partse img.th {
  left: 135px;
  top: 98px;
}

.jobs-partse img.fo {
  left: 75px;
  top: 168px;
}

.jobs-partse .detail {
  right: -365px;
  width: 365px;
  padding-top: 20px;
  line-height: 24px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partse .detail a {
  display: inline-block;
  width: 122px;
  height: 39px;
  background: url(/static/web/css/../img/bg_btn11.png) no-repeat;
  margin-top: 12px;
  font-size: 14px;
  line-height: 39px;
  color: #1e569f;
  text-align: center;
}

.jobs-partse .detail a:hover {
  color: #fff;
  background-position: 0 -39px;
}

.jobs-partth {
  background-image: url(/static/web/css/../img/bg_bg16.jpg);
}

.jobs-partth .tips p.en {
  height: 33px;
  background-image: url(/static/web/css/../img/jname03.png);
}

.jobs-partth .tips .line {
  bottom: -40px;
  background: #fff;
}

.jobs-partth .list {
  width: 980px;
  height: 286px;
  margin: 96px auto 0;
}

.jobs-partth .list .btns {
  top: 0;
  width: 73px;
  height: 207px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partth .list .prev {
  left: 0;
  background: url(/static/web/css/../img/prev04.png) no-repeat left center;
}

.jobs-partth .list .next {
  right: 0;
  background: url(/static/web/css/../img/next04.png) no-repeat right center;
}

.jobs-partth .list-in {
  width: 980px;
  height: 207px;
}

.jobs-partth .list-in ul {
  width: 993px;
}

.jobs-partth .list-in li {
  position: relative;
  overflow: hidden;
  width: 319px;
  height: 207px;
  margin-right: 12px;
  display: inline;
}

.jobs-partth .list-in img {
  transition: all 1s;
}

.jobs-partth .list-in img.hover {
  transform: scale(1.05)
}

.jobs-partth .list-in p {
  left: 0;
  bottom: -32px;
  width: 100%;
  height: 32px;
  background: url(/static/web/css/../img/bg_shadow08.png);
  line-height: 32px;
  color: #fff;
  text-align: center;
}

.jobs-partth a.joinus {
  display: inline-block;
  left: 50%;
  bottom: 0;
  width: 122px;
  background: url(/static/web/css/../img/bg_btn12.png) no-repeat;
  margin-left: -61px;
  font-size: 14px;
  line-height: 39px;
  color: #fff;
  text-align: center;
}

.out-em {
  z-index: 20;
}

.out-bg {
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.out-em .main {
  left: 50%;
  width: 740px;
  height: 512px;
  padding: 12px 10px 20px;
  background: #fff;
  margin-left: -380px;
}

.out-em .main .close {
  right: -40px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(/static/web/css/../img/close04.png) no-repeat;
  cursor: pointer;
}

.out-em .main .img {
  width: 732px;
  height: 422px;
  padding: 3px;
  border: 1px solid #d2d2d2;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.out-em .main .img p {
  left: 3px;
  bottom: 3px;
  width: 662px;
  padding: 13px 35px 11px;
  background: url(/static/web/css/../img/bg_shadow08.png);
  line-height: 18px;
  color: #dcdcdc;
  filter: alpha(opacity=0);
  opacity: 0;
}

.out-em .main .img p .in {
  display: inline-block;
  width: 100%;
  height: 18px;
}

.out-em .main .img p .inp {
  display: inline-block;
}

.out-em .main .list {
  width: 740px;
  height: 65px;
  margin-top: 17px;
}

.out-em .main .btn {
  width: 39px;
  height: 65px;
  cursor: pointer;
  transition: background 0.5s;
}

.out-em .main .prev {
  background: url(/static/web/css/../img/prev10.png) no-repeat;
}

.out-em .main .prev.hover {
  background-position: -39px 0;
}

.out-em .main .next {
  background: url(/static/web/css/../img/next10.png) no-repeat -39px 0;
}

.out-em .main .next.hover {
  background-position: 0 0;
}

.out-em .main .list-in {
  width: 662px;
  height: 65px;
}

.out-em .main .list-in ul {
  width: 678px;
}

.out-em .main .list-in li {
  position: relative;
  width: 100px;
  height: 65px;
  margin-right: 13px;
}

.out-em .main .list-in li .bg {
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  transition: opacity 0.5s;
}

.out-em .main .list-in li.active .bg {
  filter: alpha(opacity=0);
  opacity: 0;
}

.jobs-partfo {
  height: auto;
  padding-bottom: 108px;
}

.jobs-partfo .tips p.en {
  height: 26px;
  background-image: url(/static/web/css/../img/jname04.png);
}

.jobs-partfo .tab {
  height: 36px;
  margin: 40px auto 4px;
  text-align: center;
}

.jobs-partfo .tab .in {
  left: 50%;
  top: 0;
  width: 260px;
  height: 36px;
  margin-left: -130px;
}

.jobs-partfo .tab span {
  display: inline-block;
  float: left;
  width: 129px;
  height: 34px;
  border: 1px solid #dfdfdf;
  margin-left: -1px;
  line-height: 34px;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}

.jobs-partfo .tab span.cur {
  border: 1px solid #0c4da2;
  background: #0c4da2;
  color: #fff;
}

.jobs-partfo .tel {
  height: 47px;
  line-height: 47px;
}

.jobs-partfo .tel .w {
  width: 928px;
}

.jobs-partfo .tel p.fr {
  padding-left: 22px;
  margin-left: 15px;
  background: url(/static/web/css/../img/bg_sign64.png) no-repeat left center;
}

.jobs-partfo .tel p.mail {
  background-image: url(/static/web/css/../img/bg_sign65.png);
}

.jobs-partfo .tel a {
  color: #666;
  transition: color 0.5s;
}

.jobs-partfo .tel a:hover {
  color: #0c4da2;
}

.jobs-partfo .box {
  margin-bottom: 50px;
}

.jobs-partfo .boxs {
  width: 928px;
  margin: 0 auto;
}

.jobs-partfo .boxs li {
  width: 928px;
  border-bottom: 1px solid #e7e7e7;
}

.jobs-partfo .boxs .title {
  height: 53px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 53px;
  color: #333;
  cursor: pointer;
}

.jobs-partfo .boxs li.cur .title {
  background: #eee;
}

.jobs-partfo .boxs .title span {
  display: inline-block;
  width: 36px;
  height: 53px;
  background: url(/static/web/css/../img/bg_sign66.png) no-repeat 0 -53px;
  cursor: pointer;
}

.jobs-partfo .boxs li.cur .title span {
  background-position: 0 0;
}

.jobs-partfo .boxs .intro {
  padding: 20px 20px 5px;
  line-height: 24px;
}

.jobs-partfo .boxs td {
  padding-bottom: 10px;
}

.jobs-partfo .boxs a.apply {
  display: inline-block;
  width: 88px;
  background: #0c4da2;
  border: 1px solid #0c4da2;
  margin-top: 10px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.jobs-partfo .boxs a.apply:hover {
  border: 1px solid #3b3838;
  background: #fff;
  color: #3b3838;
}

.jobs-partfo .imgs .in {
  left: 50%;
  top: 0;
}

.jobs-partfo .imgs .in a {
  display: inline-block;
  width: 110px;
  height: 40px;
  margin: 0 20px;
}

.out-jobs {
  z-index: 20;
}

.out-jobs .main {
  left: 50%;
  width: 646px;
  height: 546px;
  padding: 12px 58px 0;
  background: #fff;
  margin-left: -381px;
}

.out-jobs .main .close {
  right: -40px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(/static/web/css/../img/close04.png) no-repeat;
  cursor: pointer;
}

.out-jobs .main h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 80px;
  color: #000;
}

.out-jobs .main td {
  height: 35px;
  padding-bottom: 9px;
}

.out-jobs .main label {
  display: inline-block;
  width: 302px;
  height: 35px;
  background: url(/static/web/css/../img/bg_input03.png) no-repeat;
}

.out-jobs .main input {
  width: 270px;
  height: 35px;
  padding: 0 16px;
  border: 0;
  background: none;
  line-height: 35px;
  color: #ccc;
}

.out-jobs .main input.file {
  width: 268px;
  height: 33px;
  border-radius: 3px;
}

.out-jobs .main input.submit {
  width: 158px;
  height: 36px;
  background: #0c4da2;
  color: #fff;
}

.out-jobs .main select {
  width: 300px;
  height: 31px;
  padding-left: 16px;
  margin: 2px 0 0 1px;
  border: 0;
  line-height: 31px;
  color: #ccc;
}

.out-jobs .main option {
  padding: 0 16px;
}

.out-jobs .main textarea {
  width: 614px;
  height: 112px;
  padding: 0 15px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  resize: none;
}

/*PRODUCTS*/
.pro-banner {
  height: 654px;
  background: url(/static/web/css/../../img/loadings.gif) no-repeat center;
}

.pro-banner .list li img {
  display: block;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.pro-banner .tips {
  left: 50%;
  top: 262px;
  width: 420px;
  height: 392px;
  margin-left: 152px;
}

.pro-banner .tips li {
  left: 420px;
}

.pro-banner .tips h2 {
  position: relative;
  padding-top: 28px;
  background: url(/static/web/css/../img/bg_line08.jpg) no-repeat left top;
  font-size: 35px;
  line-height: 66px;
  color: #fff;
}

.pro-banner .tips p {
  position: relative;
  font: 24px/24px Arial;
  color: #f7f7f7;
  text-transform: uppercase;
}

.pro-banner .tips a {
  position: relative;
  display: inline-block;
  width: 135px;
  margin-top: 42px;
  background: url(/static/web/css/../img/bg_btn06.png) no-repeat;
  font: 14px/40px Arial;
  color: #fff;
  text-align: center;
  transition: color 0.5s;
}

/*.pro-banner .tips a:hover{
	background-position: 0 -40px;
	color: #fff;
}*/
.pro-banner .line {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

.pro-banner .in {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 5px;
  background: url(/static/web/css/../img/bg_line01.png);
}

.pro-banner .btn {
  top: 0;
  width: 66px;
  height: 100%;
  cursor: pointer;
  transition: background 0.5s;
  display: none;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pro-banner .prev {
  left: 66px;
  background: url(/static/web/css/../img/prev11.png) no-repeat 22px center;
}

.pro-banner .prev.hover {
  background-position: -44px center;
}

.pro-banner .next {
  right: 66px;
  background: url(/static/web/css/../img/next11.png) no-repeat -92px center;
}

.pro-banner .next.hover {
  background-position: -26px center
}

.pro-select {
  height: 205px;
  padding-top: 30px;
  background: url(/static/web/css/../img/bg_bg09.jpg) no-repeat center;
  line-height: 20px;
  color: #c3daf4;
}

.pro-select .w {
  height: 205px;
}

.pro-select h2 {
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 50px;
  color: #fff;
}

.pro-select .select {
  left: 0;
  bottom: 32px;
  width: 980px;
  height: 49px;
}

.pro-select .box {
  width: 482px;
  height: 45px;
  border: 2px solid #fff;
  background: #fff;
  transition: border 0.5s;
  position: relative;
}

.pro-select .box.hover,
.pro-select .box.cur {
  border: 2px solid #0c4da2;
}

.pro-select .tit {
  padding-left: 20px;
  font-size: 14px;
  line-height: 45px;
  color: #666;
  cursor: pointer;
}

.pro-select .tit p.fl {
  width: 408px;
}

.pro-select .tit span {
  display: inline-block;
  width: 54px;
  height: 45px;
  background: url(/static/web/css/../img/bg_sign33.png) no-repeat center;
}

.pro-select .tit span.cur {
  background-image: url(/static/web/css/../img/bg_sign33s.png);
}

.pro-select .list {
  left: -2px;
  top: 47px;
  width: 482px;
  border: 2px solid #0c4da2;
  border-top: 0;
  background: #fff;
  font-size: 14px;
  line-height: 45px;
  color: #666;
}

.pro-select .list p {
  padding: 0 25px;
  cursor: pointer;
  transition: all 0.5s;
}

.pro-select .list p.hover {
  color: #fff;
  background: #0c4da2;
}

.pro-select input {
  width: 260px;
  height: 43px;
  padding: 0 32px;
  border: 0;
  font-size: 14px;
  line-height: 43px;
  color: #666;
}

.pro-select input.submit {
  width: 55px;
  height: 43px;
  padding: 0;
  background: url(/static/web/css/../img/bg_btn07.png) no-repeat center;
}

.pro-list {
  padding: 74px 0 62px;
  background: #fbfbfb;
}

.pro-title h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 56px;
  color: #515151;
  text-align: center;
}

.pro-title p.en {
  height: 28px;
  background: url(/static/web/css/../img/pname01.png) no-repeat center bottom;
}

.pro-list .list {
  padding-top: 40px;
}

.pro-list .list ul {
  width: 1002px;
}

.pro-list .list li {
  position: relative;
  width: 312px;
  height: 330px;
  background: #fff;
  margin: 0 22px 22px 0;
  display: inline;
}

.pro-list .list li.new {
  opacity: 0;
  top: 150px;
}

.pro-list .tit {
  display: inline-block;
  width: 310px;
  height: 53px;
  border: 1px solid #e4e4e4;
  font-size: 14px;
  line-height: 53px;
  color: #000;
  text-align: center;
  transition: all 0.5s;
}

.pro-list .tit.bor-b {
  border: 1px solid #0c4da2;
}

.pro-list .img {
  padding: 34px 0 25px;
}

.pro-list .int {
  height: 56px;
  padding: 0 24px;
  line-height: 18px;
}

.pro-list .btn {
  height: 37px;
  padding: 0 16px;
}

.pro-list .bor {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  transition: border 0.5s;
}

.pro-list .bor-b {
  border-left: 1px solid #0e7dc7;
  border-right: 1px solid #0e7dc7;
}

.pro-list .btn a {
  display: inline-block;
  padding-left: 13px;
  background: url(/static/web/css/../img/bg_sign34.png) no-repeat left 0;
  margin-right: 7px;
  line-height: 26px;
  color: #666;
}

.pro-list .btn span {
  display: inline-block;
  padding-right: 14px;
  background: url(/static/web/css/../img/bg_sign35.png) no-repeat right 0;
}

.pro-list a:hover {
  color: #fff;
  background-position: 1% -26px;
}

.pro-list a.tit:hover {
  color: #0c4da2;
}

.pro-list a:hover span {
  background-position: right -26px;
}

.pro-list .line {
  width: 312px;
  height: 3px;
  background: #bababa;
}

.pro-list .line .in {
  left: -312px;
  top: 0;
  width: 100%;
  height: 3px;
  background: #0c4da2;
}

.pro-list .sign {
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
  background: url(/static/web/css/../img/bg_sign36.png) no-repeat;
}

.pro-list .sign.hot {
  background-position: 0 -54px;
}

.pro-list .loading {
  height: 30px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.pro-list .btns {
  height: 45px;
  margin-top: 35px;
}

.pro-list .btns a {
  display: inline-block;
  left: 50%;
  top: 0;
  width: 178px;
  height: 43px;
  border: 1px solid #0c4da1;
  padding-left: 110px;
  background: #0c4da1;
  margin-left: -145px;
  font-size: 18px;
  line-height: 45px;
  color: #fff;
  transition: all 0.5s;
}

.pro-list .btns a:hover {
  border: 1px solid #040000;
  background: none;
  color: #040000;
}

.pro-list .btns span.fr {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 7px 10px 0 0;
  background: url(/static/web/css/../img/bg_sign37.png) no-repeat;
  display: none;
}

.pro-list .btns span.in {
  display: inline-block;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/static/web/css/../img/bg_sign38.png) no-repeat;
}

.pro-list .out-list {
  left: 0;
  top: 0;
  z-index: 2;
  width: 980px;
  background: #fff;
}

.pro-list .out-list .sign {
  top: -5px;
  width: 9px;
  height: 6px;
  background: url(/static/web/css/../img/bg_sign40.png) no-repeat;
}

.pro-list .out-list .tit {
  width: 946px;
  height: 58px;
  padding-left: 32px;
  border-bottom: 0;
  font-size: 14px;
  line-height: 58px;
  color: #000;
}

.pro-list .out-list .close {
  cursor: pointer;
}

.pro-list .con-list {
  overflow: hidden;
  width: 978px;
  min-height: 206px;
  border: 1px solid #e7e7e6;
  border-bottom: 3px solid #BABABA;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.pro-list .con-list.bgno {
  background: none;
}

.pro-list .con-list ul {
  width: 980px;
  border-left: 1px solid #e7e7e6;
  margin-left: -1px;
}

.pro-list .con-list li {
  position: relative;
  width: 195px;
  height: 166px;
  padding-top: 40px;
  border: 1px solid #e7e7e6;
  margin: -1px 0 0 -1px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  transition: border 0.5s;
}

.pro-list .con-list li.fi,
.pro-list .con-list li.se,
.pro-list .con-list li.th,
.pro-list .con-list li.fo {
  z-index: 2;
  border: 1px solid #0e7dc7;
}

.pro-list .con-list img {
  margin-bottom: 40px;
}

.pro-list .con-list img.poa {
  left: 0;
  top: 40px;
  margin: 0;
}

.pro-list .con-list .signs {
  left: 14px;
  top: 24px;
  width: 17px;
  height: 17px;
  background: url(/static/web/css/../img/bg_sign41.png) no-repeat;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 0.5s;
}

.pro-list .con-list li.fi .signs,
.pro-list .con-list li.se .signs,
.pro-list .con-list li.th .signs,
.pro-list .con-list li.fo .signs {
  filter: alpha(opacity=1);
  opacity: 1;
}

.select-list {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 20;
  width: 926px;
  height: 196px;
  padding: 0 26px;
  border: 1px solid #e8e8e7;
  background: #ededed;
  margin-left: -490px;
}

.select-list .title {
  height: 46px;
  font-size: 14px;
  line-height: 46px;
  color: #666;
}

.select-list p.fr {
  margin-top: 11px;
  font-size: 12px;
  line-height: 35px;
  cursor: pointer;
}

.select-list li {
  position: relative;
  width: 195px;
  height: 119px;
  border: 1px solid #e8e8e7;
  margin-left: -1px;
  line-height: 32px;
  text-align: center;
  transition: border 0.5s;
  display: none;
}

.select-list li.hover {
  z-index: 2;
  border: 1px solid #0e7dc7;
}

.select-list li img {
  margin-top: 5px;
}

.select-list p {
  color: #666;
}

.select-list a:hover p {
  color: #0e7dc7;
}

.select-list .sign {
  left: 11px;
  top: 8px;
  width: 17px;
  height: 17px;
  background: url(/static/web/css/../img/close02.png) no-repeat;
  cursor: pointer;
}

.select-list .btn-in {
  width: 109px;
  margin-top: 24px;
}

.select-list .btn-in a {
  display: inline-block;
  width: 100%;
  line-height: 40px;
  color: #666;
  text-align: center;
}

.select-list .btn-in a.b {
  width: 107px;
  height: 38px;
  border: 1px solid #e7e7e6;
  background: #0c4da2;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.select-list .btn-in a.b:hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.pro-cases {
  padding: 27px 0 103px;
}

.pro-cases .pro-title a {
  color: #515151;
}

.pro-cases .pro-title p.en {
  background-image: url(/static/web/css/../img/pname03.png);
}

.pro-cases .list {
  height: 304px;
  margin-top: 40px;
}

.pro-cases .btn {
  top: 0;
  width: 77px;
  height: 304px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.5s;
}

.pro-cases .prev {
  left: -77px;
  background: url(/static/web/css/../img/prev07.png) no-repeat 0 center;
}

.pro-cases .prev.hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background-position: -77px center;
}

.pro-cases .next {
  right: -77px;
  background: url(/static/web/css/../img/next07.png) no-repeat -77px center;
}

.pro-cases .next.hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background-position: 0 center;
}

.pro-cases .list-in {
  width: 980px;
  height: 304px;
}

.pro-cases ul {
  width: 1005px;
}

.pro-cases li {
  position: relative;
  width: 312px;
  height: 304px;
  margin: 0 23px 23px 0;
}

.pro-cases li .bg {
  left: 38.5px;
  bottom: 0;
  width: 235px;
  height: 174px;
  background: url(/static/web/css/../img/bg_shadow06.png);
}

.pro-cases li .sign {
  position: absolute;
  left: 0;
  top: 107px;
  width: 100%;
  height: 90px;
  background: url(/static/web/css/../img/bg_line09.jpg) no-repeat center bottom;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}

.pro-cases li .tips {
  left: 71px;
  bottom: -20px;
  width: 170px;
  height: 62px;
  font-size: 11px;
  line-height: 18px;
  color: #c5cedf;
  text-align: center;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pro-vd {
  height: 241px;
}

.pro-vd .bg {
  min-width: 980px;
}

.pro-vd .o {
  left: 0;
  top: 0;
  width: 38%;
  min-width: 335px;
  height: 241px;
  background: #ffa242;
}

.pro-vd .b {
  right: 0;
  top: 0;
  width: 62%;
  min-width: 645px;
  height: 241px;
  background: url(/static/web/css/../img/bg_bg11.jpg) no-repeat #0c4da2;
}

.pro-vd .box {
  height: 204px;
  padding-top: 37px;
  line-height: 24px;
}

.pro-vd .box p.t {
  font-size: 24px;
  line-height: 60px;
  color: #fff;
}

.pro-vd .videos {
  width: 335px;
  background: url(/static/web/css/../img/bg_bg10.jpg) no-repeat center;
}

.pro-vd .list {
  height: 72px;
  padding-bottom: 14px;
}

.pro-vd .list li {
  width: 335px;
  height: 24px;
  margin-right: 10px;
  display: inline;
}

.pro-vd .list a {
  display: inline-block;
  padding-left: 20px;
  background: url(/static/web/css/../img/bg_sign39.png) no-repeat left center;
  line-height: 24px;
  color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.8;
  transition: opacity 0.5s;
}

.pro-vd .list a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.pro-vd a.more {
  display: inline-block;
  width: 34px;
  height: 33px;
  background: url(/static/web/css/../img/bg_btn08.png) no-repeat -34px 0;
  margin-right: 94px;
  transition: background 0.5s;
}

.pro-vd a.more:hover {
  background-position: 0 0;
}

.pro-vd .download {
  width: 588px;
  padding-left: 57px;
}

.pro-vd .download ul {
  width: 690px;
}

.pro-vd .download a.more {
  background-image: url(/static/web/css/../img/bg_btn09.png);
  margin-right: 0;
}

.contrast-btn {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 20;
  width: 187px;
  height: 40px;
  background: #0c4da2;
  margin-left: 303px;
  line-height: 40px;
  color: #2668be;
}

.contrast-btn a {
  display: inline-block;
  width: 60px;
  color: #a6b5d4;
  text-align: center;
  transition: color 0.5s;
}

.contrast-btn a:hover {
  font-size: 14px;
  color: #fff;
}

.proinfo-search {
  height: 48px;
  background: url(/static/web/css/../img/bg_shadow07.png);
  padding-top: 92px;
}

.proinfo-search.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 0 !important;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18);
}

.proinfo-search.bg {}

.proinfo-search p.fl {
  font-size: 13px;
  line-height: 48px;
}

.proinfo-search a.m {
  display: inline-block;
  padding-right: 25px;
  background: url(/static/web/css/../img/bg_sign28.png) no-repeat right -1px;
  line-height: 48px;
  color: #666;
  transition: color 0.5s;
}

.proinfo-search a.m:hover {
  background-position: right -53px;
  color: #0c4da2;
}

.proinfo-search .list {
  left: 0;
  top: 92px;
  width: 100%;
  padding-bottom: 18px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.proinfo-search.fixed .list {
  top: 0;
}

.proinfo-search .list .btn {
  height: 33px;
  margin-top: 25px;
}

.proinfo-search .tit {
  height: 60px;
}

.proinfo-search .tit a.back {
  display: inline-block;
  font-size: 12px;
  line-height: 60px;
  color: #666;
  transition: color 0.5s;
}

.proinfo-search .tit a.back:hover {
  color: #1a57a7;
}

.proinfo-search .tit .close {
  width: 70px;
  height: 60px;
  background: url(/static/web/css/../img/close03.png) no-repeat center;
  cursor: pointer;
}

.proinfo-search .list-in li {
  position: relative;
  top: 100px;
  width: 194px;
  height: 138px;
  padding-top: 68px;
  border: 1px solid #e7e7e6;
  background: #fff;
  margin: -1px 0 0 -1px;
  transition: border 0.5s;
  filter: alpha(opacity=0);
  opacity: 0;
}

.proinfo-search .list-in li.hover {
  z-index: 2;
  border: 1px solid #1a57a7;
}

.proinfo-search .list-in p {
  line-height: 36px;
  color: #666;
  text-align: center;
  transition: color 0.5s;
}

.proinfo-search .list-in li.hover p {
  color: #1a57a7;
}

.proinfo-search .loading {
  height: 40px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
  margin-top: 25px;
}

.proinfo-search a.more {
  display: block;
  width: 145px;
  height: 31px;
  border: 1px solid #0c4da2;
  background: #0c4da2;
  margin: 0 auto;
  line-height: 33px;
  color: #fff;
  transition: all 0.5s;
}

.proinfo-search a.more:hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.proinfo-search a.more span.fl {
  margin-left: 48px;
}

.proinfo-search a.more span.fr {
  display: none;
  width: 23px;
  height: 23px;
  margin: 4px 4px 0 0;
  background: url(/static/web/css/../img/bg_sign121.png) no-repeat center;
}

.proinfo-search a.more span.in {
  left: 0;
  top: 0;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/static/web/css/../img/bg_sign122.png) no-repeat;
}

.search-blank {
  height: 140px;
}

.proinfo-ban {
  width: 100%;
  height: 503px;
  background: url(/static/web/css/../img/bg_proinfoban.jpg) no-repeat center;
  margin-top: -48px;
}

.proinfo-ban .list {
  padding-top: 88px;
}

.proinfo-ban .list li {
  position: absolute;
  left: 0;
  top: 88px;
  width: 980px;
  height: 323px;
  line-height: 24px;
}

.proinfo-ban .list .tips {
  left: -200px;
  width: 450px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.proinfo-ban .list h2 {
  font-size: 40px;
  line-height: 100px;
  color: #0c4da2;
}

.proinfo-ban .list span {
  display: inline-block;
  font: 52px/100px Arial;
  color: #0c4da2;
  line-height: 70px;
}

.proinfo-ban .list img {
  right: -290px;
  top: -3px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.proinfo-ban .btn {
  left: 50%;
  bottom: 32px;
  height: 60px;
}

.proinfo-ban .btn img {
  padding: 10px;
  border: 1px solid #ccc;
  margin: 0 5px;
  cursor: pointer;
  transition: border 0.5s;
}

.proinfo-ban .btn img.cur {
  border: 1px solid #0c4da2;
}

.proinfo-menu {
  height: 172px;
  padding-top: 20px;
  background: url(/static/web/css/../img/bg_proinfomenu.jpg) no-repeat center;
}

.proinfo-menu h2 {
  font-size: 30px;
  line-height: 108px;
  color: #fff;
}

.proinfo-menu .tips {
  margin-top: 17px;
}

.proinfo-menu .tips li {
  position: relative;
  width: 78px;
}

.proinfo-menu .tips a {
  display: block;
  min-width: 36px;
  height: 26px;
  padding-top: 30px;
  background: url(/static/web/css/../img/bg_sign42.png) no-repeat center 2px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  transition: background 0.5s;
}

.proinfo-menu a.download {
  background-image: url(/static/web/css/../img/bg_sign43.png);
}

.proinfo-menu a.video {
  background-image: url(/static/web/css/../img/bg_sign44.png);
}

.proinfo-menu a.share {
  background-image: url(/static/web/css/../img/bg_sign59.png);
}

.proinfo-menu .tips a:hover {
  background-position: center 0;
}

.proinfo-menu .tips .sub-in {
  left: -215px;
  top: 5px;
  width: 230px;
  background: none;
}

.proinfo-menu .tips .sub-in a {
  position: relative;
  left: 20px;
  filter: alpha(opacity=0);
  opacity: 0;
  background: url(/static/web/css/../img/bg_sign53.png) no-repeat center !important;
  transition: all 0.5s;
}

.proinfo-menu .tips .sub-in a.bds_tsina {
  background: url(/static/web/css/../img/bg_sign54.png) no-repeat center !important;
}

.proinfo-menu .tips .sub-in a.bds_qzone {
  background: url(/static/web/css/../img/bg_sign55.png) no-repeat center !important;
}

.proinfo-menu .tips .sub-in a.bds_tqq {
  background: url(/static/web/css/../img/bg_sign56.png) no-repeat center !important;
}

.proinfo-menu .tips .sub-in a.bds_sqq {
  background: url(/static/web/css/../img/bg_sign57.png) no-repeat center !important;
}

.proinfo-menu .tips .sub-in a.bds_tieba {
  background: url(/static/web/css/../img/bg_sign58.png) no-repeat center !important;
}

.proinfo-menu .tips .sub-in a:hover {
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important;
}

.proinfo-menu .list.fixed {
  position: fixed;
  left: 0;
  top: 72px;
  z-index: 19;
  width: 100%;
  height: 64px;
  background: url(/static/web/css/../img/bg_proinfomenu.jpg) no-repeat center bottom;
}

.proinfo-menu .list ul {
  width: 100%;
  margin-left: -1px;
}

.proinfo-menu .list.fixed ul {
  position: absolute;
  left: 50%;
  top: 0;
  width: 980px;
  margin-left: -491px;
}

.proinfo-menu .list li {
  height: 61px;
  padding-top: 3px;
  margin: 0 1px;
  display: none;
}

.proinfo-menu .list a {
  display: inline-block;
  width: 100%;
  height: 61px;
  font-size: 16px;
  line-height: 61px;
  color: #fff;
  text-align: center;
  background: url(/static/web/css/../img/bg_bg12.png) no-repeat right top;
  trnaistion: all 0.5s;
}

.proinfo-menu .list li.bg a {
  background-image: url(/static/web/css/../img/bg_bg13.png);
}

.proinfo-menu .list li a:hover,
.proinfo-menu .list li a.cur {
  background: #fff;
  color: #0c4da2;
}

.proinfo-menu .list a.cur {
  padding-top: 3px;
  margin-top: -3px;
}

.proinfo-menu .out-list {
  top: 85px;
}

.proinfo-menu .pro-list {
  padding: 0;
  background: none;
}

.proinfo-menu .pro-list .out-list .sign {
  left: 802px;
}

.proinfo-menu .select-list .sign {
  left: 11px;
}

.proinfo-menu .pro-list .contrast-btn {
  bottom: auto;
  top: 132px;
  margin-left: 488px;
}

.proinfo-intro {
  padding: 75px 0 60px;
}

.proinfo-intro .list {
  height: 126px;
  margin-bottom: 72px;
}

.proinfo-intro .list ul {
  width: 981px;
}

.proinfo-intro .list li {
  width: 326px;
  height: 126px;
  border-right: 1px solid #ededed;
  line-height: 18px;
  color: #8b8b8b;
  text-align: center;
}

.proinfo-intro .list li.hover {
  color: #333;
}

.proinfo-intro .list p.t {
  line-height: 26px;
  color: #333;
}

.proinfo-intro .list .det {
  width: 170px;
  margin: 0 auto
}

.proinfo-intro .btn {
  width: 486px;
  height: 13px;
  background: url(/static/web/css/../img/bg_line10.png) no-repeat center 6px;
  margin: 0 auto;
}

.proinfo-intro .btns {
  width: 41px;
  height: 13px;
  cursor: pointer;
  margin-right: 25px;
  transition: background 0.5s;
}

.proinfo-intro .prev {
  margin-left: 189px;
  background: url(/static/web/css/../img/prev08.jpg) no-repeat;
}

.proinfo-intro .prev.hover {
  background-position: -41px 0;
}

.proinfo-intro .next {
  background: url(/static/web/css/../img/next08.jpg) no-repeat -41px 0;
}

.proinfo-intro .next.hover {
  background-position: 0 0;
}

.proinfo-table {
  padding: 20px 0 70px;
  background: #f2f2f2;
}

.proinfo-table h2 {
  font-size: 24px;
  line-height: 88px;
  color: #565656;
}

.proinfo-table h2 a {
  display: inline-block;
  width: 83px;
  padding-left: 60px;
  border: 1px solid #dbdbdb;
  color: #666;
  background: url(/static/web/css/../img/bg_sign116.png) no-repeat 24px -33px;
  margin-top: 29px;
  font-weight: normal;
  font-size: 12px;
  line-height: 31px;
  transition: all 0.5s;
}

.proinfo-table h2 a:hover {
  border: 1px solid #0c4da2;
  background: url(/static/web/css/../img/bg_sign116.png) no-repeat 24px 0 #0c4da2;
  color: #fff;
}

.proinfo-table .table-tip {
  height: 39px;
  background: #595959;
  line-height: 39px;
  color: #fff;
  text-align: center;
}

.proinfo-table .table-tip p.fl {
  width: 192px;
  padding-left: 26px;
  text-align: left;
}

.proinfo-table .table-tip li {
  border-left: 1px solid #515151;
  display: none;
}

.proinfo-table .table-scroll th {
  padding-left: 26px;
  background: #c8c8c8;
  border-bottom: 1px solid #fff;
  font-size: 13px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}

.proinfo-table .table-scroll .btn {
  width: 44px;
  height: 37px;
  background: url(/static/web/css/../img/bg_btn10.png) no-repeat;
  cursor: pointer;
}

.proinfo-table .table-scroll .btn.cur {
  background-position: 0 -37px;
}

.proinfo-table .table-scroll td {
  background: #fff;
  border-right: 1px solid #d7d7d7;
  line-height: 37px;
  text-align: center;
  transition: all 0.5s;
}

.proinfo-table .table-scroll td.bg {
  background: #F4F4F4;
}

.proinfo-table .table-scroll td.bor {
  width: 163px;
  padding-left: 56px;
}

.proinfo-table .table-scroll td.hover {
  background: #DADADA;

}

.proinfo-app {
  padding: 20px 0 70px;
}

.proinfo-app h2 {
  font-size: 24px;
  line-height: 88px;
  color: #565656;
}

.proinfo-app .pro-cases {
  padding: 0;
}

.proinfo-app .pro-cases td {
  padding: 5px;
  min-width: 150px;
}

.proinfo-app .pro-cases table {
  float: none;
}

.proinfo-app .pro-cases .list {
  margin-top: 0;
}

.proinfo-message {
  padding: 7px 0 50px;
  background: url(/static/web/css/../img/bg_bg14.jpg) no-repeat center top fixed;
}

.proinfo-message h2 {
  font-size: 24px;
  line-height: 114px;
  color: #fff;
}

.proinfo-message ul {
  width: 1028px;
  *padding-bottom: 22px;
}

.proinfo-message li {
  position: relative;
  width: 464px;
  height: 42px;
  background: url(/static/web/css/../img/bg_input01.png) no-repeat;
  margin: 0 50px 22px 0;
  display: inline;
  line-height: 42px;
}

.proinfo-message p.fl {
  margin: 0 11px 0 18px;
}

.proinfo-message input {
  width: 342px;
  height: 42px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 42px;
  color: #c9c9c9;
}

.proinfo-message .point {
  right: -18px;
  top: 0;
  width: 18px;
  height: 40px;
  background: url(/static/web/css/../img/bg_sign46.png) no-repeat right center;
}

.proinfo-message .sign {
  width: 45px;
  height: 42px;
}

.proinfo-message .sign.fi {
  background: url(/static/web/css/../img/bg_sign45.png) no-repeat center;
}

.proinfo-message .sign.se {
  background: url(/static/web/css/../img/bg_sign47.png) no-repeat center;
}

.proinfo-message .sign.th {
  background: url(/static/web/css/../img/bg_sign48.png) no-repeat center;
}

.proinfo-message .sign.fo {
  background: url(/static/web/css/../img/bg_sign49.png) no-repeat center;
}

.proinfo-message .sign.fif {
  background: url(/static/web/css/../img/bg_sign50.png) no-repeat center;
}

.proinfo-message .sign.si {
  background: url(/static/web/css/../img/bg_sign51.png) no-repeat center;
}

.proinfo-message .box {
  width: 976px;
  height: 132px;
  background: url(/static/web/css/../img/bg_input02.png) no-repeat center;
  margin-bottom: 17px;
}

.proinfo-message .box p.fl {
  margin: 0 11px 0 18px;
  line-height: 42px;
}

.proinfo-message .box textarea {
  width: 849px;
  height: 130px;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  resize: none;
  line-height: 40px;
  color: #c9c9c9;
}

.proinfo-message .box .sign {
  width: 45px;
  height: 42px;
  background: url(/static/web/css/../img/bg_sign52.png) no-repeat center;
}

.proinfo-message .code,
.tec-message .code {
  width: 301px;
  height: 42px;
  background: url(/static/web/css/../img/bg_sign124.png) no-repeat;
  margin: 0 10px 24px 0;
  line-height: 42px;
  color: #666;
}

.proinfo-message .code input,
.tec-message .code input {
  width: 103px;
  height: 42px;
  padding: 0 10px 0 15px;
  border: 0;
  line-height: 42px;
  color: #888;
}

.proinfo-message .code img {
  margin: 1px 0 0 5px;
}

.proinfo-message .code .img,
.tec-message .code .img {
  position: relative;
  width: 84px;
  height: 40px;
}

.proinfo-message .code img.poa,
.tec-message .code img.poa {
  right: 5px;
  top: 11px;
  cursor: pointer;
}

.proinfo-message .code .sign,
.tec-message .code .sign {
  background: url(/static/web/css/../img/bg_sign125.png) no-repeat center;
}

.proinfo-message .btn {
  height: 45px;
}

.proinfo-message .btn a {
  display: inline-block;
  width: 150px;
  height: 43px;
  border: 1px solid #f8f8f8;
  margin-left: 4px;
  font-size: 16px;
  line-height: 43px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.proinfo-message .btn a:hover {
  border: 1px solid #0c4da2;
  background: #0c4da2;
}

.proinfo-message .btn input {
  width: 204px;
  height: 45px;
  border: 0;
  background: #0c4da2;
  font-size: 16px;
  color: #fff;
  transition: all 0.5s;
}

.proinfo-message .btn input.hover {
  border: 1px solid #f8f8f8;
  background: none;
}

.proinfo-out {
  z-index: 21;
}

.proinfo-out .bg {
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.proinfo-out .main {
  left: 50%;
}

.proinfo-out .close {
  right: -46px;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/static/web/css/../img/close04.png) no-repeat center;
  cursor: pointer;
}

.download-box {
  width: 944px;
  padding: 18px 0 58px 36px;
  background: #fff;
  margin-left: -490px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

.download-box .title {
  font-size: 18px;
  line-height: 60px;
  color: #333;
}

.download-box li {
  width: 273px;
  height: 91px;
  padding: 7px 9px 0 9px;
  border: 1px solid #e7e7e7;
  background: #fff;
  margin: 0 14px 18px 0;
  display: inline;
  transition: all 0.5s;
}

.download-box li.hover {
  background: #0c4da2;
  color: #fff;
}

.download-box .int {
  width: 165px;
  height: 86px;
  padding-top: 5px;
  line-height: 18px;
}

.d-content .int {
  width: 185px;
}

.d-content .int .tips {
  width: 175px;
}

.download-box .int a {
  display: inline-block;
  width: 100%;
  color: #666;
  transition: color 0.5s;
}

.download-box li.hover a {
  color: #fff;
}

.download-box .tips {
  right: 9px;
  bottom: 8px;
  width: 165px;
  height: 23px;
  line-height: 23px;
}

.download-box .tips a {
  width: 35px;
  padding-left: 26px;
  background: url(/static/web/css/../img/bg_signdownload.png) no-repeat 3px -23px;
  line-height: 23px;
  color: #194898;
  transition: all 0.5s;
}

.download-box li.hover .tips a {
  background-position: 3px 0;
}

.download-box span {
  display: inline-block;
  padding-left: 18px;
  background: url(/static/web/css/../img/bg_sign61.png) no-repeat left 0;
  color: #9c9c9c;
  transition: all 0.5s;
}

.download-box li.hover span {
  background-position: left -18px;
  color: #fff;
}

.proinfo-out .video-box {
  width: 924px;
  height: 485px;
  background: #252525;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
  margin-left: -462px;
}

.proinfo-out .video-box .video {
  width: 683px;
  height: 485px;
}

.proinfo-out .video-box .list {
  width: 240px;
  height: 485px;
}

.proinfo-out .video-box .tit {
  height: 68px;
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
  background: url(/static/web/css/../img/bg_sign62.png) no-repeat center 59px;
  font-size: 16px;
  line-height: 68px;
  color: #cfcfcf;
}

.proinfo-out .video-box .tit span {
  display: inline-block;
  padding-left: 54px;
  background: url(/static/web/css/../img/bg_sign63.png) no-repeat 22px center;
}

.proinfo-out .video-boxin {
  width: 240px;
  height: 376px;
  margin-top: 17px;
}

.proinfo-out .video-obj {
  left: 0;
  top: 0;
  width: 240px;
}

.proinfo-out .video-obj li {
  width: 194px;
  height: 82px;
  padding: 0 15px 0 31px;
  border-bottom: 1px solid #1f1f1f;
  margin-bottom: 15px;
}

.proinfo-out .video-obj a {
  display: inline-block;
  width: 80px;
  height: 82px;
  margin-right: 17px;
  line-height: 25px;
  text-align: center;
}

.proinfo-out .video-obj p {
  color: #aaa;
  transition: color 0.5s;
}

.proinfo-out .video-obj a:hover p {
  color: #fff;
}

.proinfo-out .video-bar {
  right: 10px;
  top: 0;
  width: 1px;
  height: 376px;
  background: #aaa;
}

.proinfo-out .video-btn {
  left: -1px;
  top: 0;
  width: 3px;
  height: 20px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}

.contrast-main {
  padding: 147px 0 68px;
  background: url(/static/web/css/../img/bg_bg17.jpg) no-repeat center top fixed;
}

.contrast-main h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.contrast-main .en {
  height: 26px;
  background: url(/static/web/css/../img/pname02.png) no-repeat center bottom;
  margin-bottom: 74px;
}

.contrast-main th {
  height: 40px;
  background: #a5a5a5;
  line-height: 40px;
}

.contrast-main th p.fl {
  margin-left: 18px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.contrast-main th span {
  display: inline-block;
  width: 44px;
  height: 40px;
  background: url(/static/web/css/../img/bg_sign67.png) no-repeat;
  cursor: pointer;
}

.contrast-main th span.cur {
  background-position: 0 -40px;
}

.contrast-main td {
  padding: 8px;
  background: #fff;
  border-right: 1px solid #e8e8e6;
  line-height: 22px;
  text-align: center;
}

.contrast-main td.bg {
  background: #f4f4f4;
}

.contrast-main span.fl {
  margin-left: 80px;
}

.contrast-main .img {
  padding: 35px 0 10px;
  line-height: 44px;
  text-align: center;
}

.contrast-main .img img {
  max-width: 100%;
}

/*PROGRAM*/
.program-main {
  padding: 55px 0 65px;
}

.program-main h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 52px;
  color: #515151;
  text-align: center;
}

.program-main .en {
  height: 27px;
  background: url(/static/web/css/../img/pname03.png) no-repeat center bottom;
  margin-bottom: 53px;
}

.program-main .pro-cases {
  padding: 0;
}

.program-main li.new {
  top: 200px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.program-main .btns {
  height: 45px;
  margin-top: 35px;
}

.program-main .btns a {
  display: inline-block;
  left: 50%;
  top: 0;
  width: 178px;
  height: 43px;
  border: 1px solid #0c4da1;
  padding-left: 110px;
  background: #0c4da1;
  margin-left: -145px;
  font-size: 18px;
  line-height: 45px;
  color: #fff;
  transition: all 0.5s;
}

.program-main .btns a:hover {
  border: 1px solid #040000;
  background: none;
  color: #040000;
}

.program-main .btns span.fr {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 7px 10px 0 0;
  background: url(/static/web/css/../img/bg_sign37.png) no-repeat;
  display: none;
}

.program-main .btns span.in {
  display: inline-block;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/static/web/css/../img/bg_sign38.png) no-repeat;
}

.program-main .loading {
  height: 30px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.pginfo-banner {
  height: 654px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.pginfo-banner .tips {
  left: 50%;
  top: 250px;
  width: 270px;
  margin-left: 217px;
  font-size: 18px;
  line-height: 30px;
}

.pginfo-banner .tips h2 {
  font-size: 48px;
  line-height: 72px;
  color: #fff;
}

.pginfo-banner .tips p {
  color: #fff;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.pginfo-banner .tips .line {
  width: 48px;
  height: 4px;
  background: #fff;
  margin-bottom: 16px;
}

.pginfo-banner .tips .por {
  left: 200px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pgpart-fi {
  padding: 72px 0 42px;
  background: #f2f2f2;
}

.pgpart-fi .pro-list {
  padding: 0;
  background: none;
}

.pgpart-fi .pro-list .list {
  padding-top: 0;
}

.pgpart-se {
  padding: 20px 0 70px;
}

.pg-title {
  height: 90px;
}

.pg-title h2 {
  font-size: 24px;
  line-height: 90px;
  color: #565656;
}

.pgpart-se .btns {
  width: 77px;
  height: 209px;
  cursor: pointer;
  transition: background 0.5s;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pgpart-se .prev {
  left: 0;
  background: url(/static/web/css/../img/prev07.png) no-repeat 0 center;
}

.pgpart-se .prev.hover {
  background-position: -77px center;
}

.pgpart-se .next {
  right: 0;
  background: url(/static/web/css/../img/next07.png) no-repeat -77px center;
}

.pgpart-se .next.hover {
  background-position: 0 center;
}

.pgpart-se .list-in {
  width: 980px;
  height: 269px;
}

.pgpart-se ul {
  width: 1002px;
}

.pgpart-se li {
  width: 312px;
  height: 269px;
  margin-right: 22px;
  line-height: 60px;
  text-align: center;
  transition: all 0.5s;
}

.pgpart-se li.hover {
  background: #0c4da2;
  color: #fff;
}

.pgpart-se li .video {
  width: 312px;
  height: 209px;
}

.pgpart-th {
  padding: 20px 0 70px;
  background: #f2f2f2;
}

.pgpart-th .tab {
  height: 34px;
  margin-top: 28px;
  line-height: 32px;
  color: #cfd2d4;
}

.pgpart-th .tab a {
  display: inline-block;
  padding: 0 8px;
  color: #666;
  transition: color 0.5s;
}

.pgpart-th .tab a:hover,
.pgpart-th .tab a.cur {
  color: #0464b8;
  border-bottom: 2px solid #0464b8;
}

.pgpart-th .lists {
  width: 980px;
  height: 313px;
}

.pgpart-th .img {
  left: -100px;
  top: 100px;
  width: 356px;
  height: 284px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pgpart-th .img .list {
  width: 356px;
  height: 259px;
}

.pgpart-th .img li {
  width: 356px;
  height: 259px;
}

.pgpart-th .img .btn {
  left: 50%;
  bottom: 0;
  height: 10px;
}

.pgpart-th .img span {
  display: inline-block;
  float: left;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: url(/static/web/css/../img/bg_sign68.png) no-repeat;
  cursor: pointer;
}

.pgpart-th .img span.cur {
  background-position: 0 -10px;
}

.pgpart-th .detail {
  left: -100px;
  top: 100px;
  width: 470px;
  height: 262px;
  padding: 20px 94px 0 420px;
  background: #fff;
  line-height: 18px;
  color: #8b8b8b;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pgpart-th .detail a.more {
  right: -22px;
  top: 0;
  width: 22px;
  padding: 12px 0;
  background: #0464b8;
  line-height: 12px;
  color: #fff;
  text-align: center;
  transition: background 0.5s;
}

.pgpart-th .detail a.more:hover {
  background: #347cbd;
}

.pgpart-th .detail h2 {
  padding-bottom: 2px;
  background: url(/static/web/css/../img/bg_line11.png) no-repeat left bottom;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 48px;
  color: #075ec9;
}

.pgpart-th .detail b {
  font-size: 14px;
  line-height: 40px;
  color: #333;
}

.proinfo-out .th-box {
  width: 900px;
  padding: 20px 0 42px;
  margin-left: -450px;
  background: #fff;
  line-height: 24px;
}

.proinfo-out .th-box h2 {
  padding-bottom: 20px;
  border-bottom: 1px solid #efeff1;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  color: #666;
  text-align: center;
}

.proinfo-out .th-box .intro {
  padding: 0 44px 22px;
  border-bottom: 1px solid #efeff1;
}

.proinfo-out .th-box .close {
  right: -40px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(/static/web/css/../img/close04.png) no-repeat;
  cursor: pointer;
}

.pgpart-fo .list-in li {
  height: 256px;
  border-bottom: 4px solid #bababa;
}

.pgpart-fo .list-in li.hover {
  border-bottom: 4px solid #043d87;
}

.pgpart-fo .list-in p {
  color: #666;
  transition: color 0.5s;
}

.pgpart-fo .list-in li.hover p {
  color: #fff;
}

.pgpart-fif {
  padding: 20px 0 70px;
  background: #f2f2f2;
}

.pgpart-fif .download-box {
  left: 0;
  width: 980px;
  padding: 0;
  background: none;
  margin: 0 auto;
  box-shadow: none;
}

.pgpart-fif .download-box ul {
  width: 1032px;
  min-height: 236px;
}

.pgpart-fif .download-box li {
  width: 297px;
}

.pgpart-fif .download-box .int {
  width: 190px;
}

.pgpart-fif .download-box .tips {
  width: 180px;
}

/*SERVICE*/
.ser-banner .tips {
  width: 395px;
  margin-left: 110px;
}

.ser-support {
  padding: 54px 0 60px;
}

.ser-support h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #515151;
  text-align: center;
}

.ser-support .en {
  height: 33px;
  background: url(/static/web/css/../img/sname05.png) no-repeat center bottom;
  margin-bottom: 50px;
}

.support-box {
  height: 278px;
  margin-bottom: 80px;
}

.support-box .list,
.support-box .list li {
  width: 490px;
  height: 278px;
}

.support-box .img {
  left: -490px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.support-box .img .btn {
  left: 50%;
  bottom: 26px;
  height: 9px;
}

.support-box .img .btn span {
  display: inline-block;
  float: left;
  width: 9px;
  height: 9px;
  background: url(/static/web/css/../img/bg_sign69.png) no-repeat;
  margin: 0 3px;
  cursor: pointer;
}

.support-box .img .btn span.cur {
  background-position: 0 -9px;
}

.support-box .intro {
  right: -320px;
  width: 320px;
  height: 217px;
  padding: 61px 114px 0 56px;
  background: #f2f2f2;
  line-height: 18px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.support-box .intro p.t {
  padding-top: 15px;
  background: url(/static/web/css/../img/bg_line12.jpg) no-repeat left top;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 40px;
  color: #515151;
}

.support-list {
  height: 115px;
}

.support-list ul {
  width: 1071px;
  margin-left: -45px;
}

.support-list li {
  width: 356px;
  height: 107px;
  padding-right: 1px;
  background: url(/static/web/css/../img/bg_line13.jpg) no-repeat right center;
  line-height: 20px;
  text-align: center;
}

.support-list li .sign {
  width: 100%;
  height: 42px;
  margin-bottom: 11px;
  transition: background 0.5s;
}

.support-list li a:hover .sign {
  background-position: center -42px !important;
}

.support-list li p {
  font-size: 14px;
  color: #666;
  transition: color 0.5s;
}

.support-list li p.en-in {
  font-size: 12px;
  font-family: Arial;
  color: #a1a1a1;
  text-transform: uppercase;
}

.support-list li a:hover p {
  color: #06439b;
}

.support-list li a:hover p.en-in {
  color: #bdc6dd;
}

.support-list .btn {
  left: 50%;
  bottom: 0;
  height: 8px;
}

.support-list .btn span {
  display: inline-block;
  float: left;
  width: 9px;
  height: 8px;
  background: url(/static/web/css/../img/bg_sign71.png) no-repeat;
  margin: 0 8px;
  cursor: pointer;
}

.support-list .btn span.cur {
  background-position: 0 -8px;
}

.ser-partse {
  height: 305px;
  padding-top: 60px;
  background: url(/static/web/css/../img/bg_bg18.jpg) no-repeat center top fixed;
}

.ser-partse .intro {
  left: -420px;
  width: 420px;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.ser-partse .intro h2 {
  font-size: 24px;
  line-height: 44px;
}

.ser-partse .intro .line {
  height: 39px;
  background: url(/static/web/css/../img/bg_line14.png) no-repeat center left;
  margin-bottom: 5px;
}

.ser-partse .intro form {
  display: inline-block;
  width: 100%;
}

.ser-partse .intro input {
  width: 203px;
  height: 30px;
  padding: 0 5px;
  border: 1px solid #597993;
  background: none;
  line-height: 30px;
  color: #fff;
  transition: all 0.5s;
}

.ser-partse .intro input.hover {
  border: 1px solid #fff;
}

.ser-partse .intro input.submit {
  width: 32px;
  height: 32px;
  border-left: 0;
  background: url(/static/web/css/../img/bg_input04.png) no-repeat center;
}

.ser-partse .intro p.l18 {
  font-size: 12px;
  line-height: 18px;
  color: #a7b2bf;
}

.ser-partse .list {
  right: -320px;
  width: 320px;
  padding-top: 28px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.ser-partse .list ul {
  width: 400px;
}

.ser-partse .list li {
  width: 120px;
  height: 182px;
  margin-right: 80px;
  font-size: 14px;
  line-height: 62px;
  text-align: center;
}

.ser-partse .list .sign {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(/static/web/css/../img/bg_sign72.png) no-repeat;
}

.ser-partse .list .sign.se {
  background-image: url(/static/web/css/../img/bg_sign73.png);
}

.ser-partse .list p {
  color: #fff;
  transition: color 0.5s;
}

.ser-partse .list a:hover .sign {
  background-position: 0 -120px;
  transform: rotateY(90deg);
  animation: hSign 1s forwards;
}

@keyframes hSign {
  100% {
    transform: rotateY(0deg);
  }
}

.ser-partse .list a:hover p {
  color: #47b2e8;
}

.ser-partth {
  height: 350px;
  background: url(/static/web/css/../img/bg_bg19.jpg) no-repeat center;
}

.ser-partth .intro {
  width: 434px;
  padding: 61px 21px 0 0;
  line-height: 30px;
}

.ser-partth .intro h2 {
  font-size: 24px;
  line-height: 42px;
  color: #515151;
}

.ser-partth .intro .line {
  height: 44px;
  background: url(/static/web/css/../img/bg_line15.jpg) no-repeat left center;
}

.ser-partth .intro p.tel {
  font: 24px/34px Impact;
  color: #747474;
}

.ser-partth .intro a {
  display: inline-block;
  width: 244px;
  border: 1px solid #dbdbdb;
  margin-top: 10px;
  line-height: 32px;
  color: #666;
  text-align: center;
  transition: all 0.5s;
}

.ser-partth .intro a:hover {
  border: 1px solid #0c4da2;
  color: #0c4da2;
}

.ser-partth .list {
  width: 146px;
  padding-top: 80px;
}

.ser-partth .list a {
  display: inline-block;
  position: relative;
  top: 60px;
  width: 146px;
  height: 60px;
  padding: 10px 0 6px;
  border: 1px solid #d1d1d1;
  margin-bottom: 44px;
  line-height: 24px;
  text-align: center;
  transition: border 0.5s;
  filter: alpha(opacity=0);
  opacity: 0;
}

.ser-partth .list .sign {
  display: inline-block;
  width: 146px;
  height: 36px;
  background: url(/static/web/css/../img/bg_sign74.png) no-repeat center 0;
  transition: background 0.5s;
}

.ser-partth .list .sign.se {
  background-image: url(/static/web/css/../img/bg_sign74s.png);
}

.ser-partth .list p {
  color: #666;
  transition: color 0.5s;
}

.ser-partth .list a:hover {
  border: 1px solid #b6c9e3;
}

.ser-partth .list a:hover p {
  color: #0c4da2;
}

.ser-partth .list a:hover .sign {
  background-position: center -36px;
}

.ser-partfo {
  height: 290px;
  padding-top: 74px;
  background: url(/static/web/css/../img/bg_bg20.jpg) no-repeat center;
}

.ser-partfo li {
  position: relative;
  width: 250px;
  padding: 0 52px 0 21px;
  line-height: 18px;
  color: #8b8b8b;
}

.ser-partfo li h2 {
  font-size: 24px;
  line-height: 72px;
  color: #515151;
}

.ser-partfo li a {
  display: inline-block;
  width: 66px;
  padding-left: 52px;
  border: 1px solid #d3d3d3;
  background: url(/static/web/css/../img/bg_sign75.png) no-repeat 18px 0;
  margin-top: 46px;
  line-height: 37px;
  color: #666;
  transition: all 0.5s;
}

.ser-partfo li a.se {
  background-image: url(/static/web/css/../img/bg_sign76.png);
}

.ser-partfo li a:hover {
  background-color: #0c4da2;
  background-position: 18px -37px;
  border: 1px solid #0c4da2;
  color: #fff;
}

.ser-partfo .btn {
  width: 280px;
  margin-right: 20px;
}

.ser-partfo .btn a {
  display: inline-block;
  position: relative;
  width: 227px;
  height: 75px;
  padding-left: 53px;
  background: #e1e4e6;
  margin-top: 24px;
  line-height: 75px;
}

.ser-partfo .btn img {
  left: 0;
  top: 0;
}

.ser-partfo .btn b {
  display: inline-block;
  position: relative;
  width: 227px;
  background: url(/static/web/css/../img/bg_sign77.png) no-repeat 131px 0;
  font-size: 24px;
  color: #515151;
  transition: all 0.5s;
}

.ser-partfo .btn b.s {
  background-image: url(/static/web/css/../img/bg_sign77s.png);
}

.ser-partfo .btn a:hover b {
  background-position: 131px -75px;
  color: #fff;
}

.download-nav p.en {
  background-image: url(/static/web/css/../img/dname01.png);
}

.download-main {
  padding-bottom: 50px;
}

.d-side {
  width: 268px;
}

.d-side li {
  width: 212px;
  padding: 0 26px 0 30px;
  background: #f0f0f0;
  margin-bottom: 1px;
  line-height: 45px;
  transition: background 0.5s;
}

.d-side li.hover,
.d-side li.cur {
  background: #0c4da2;
}

.d-side li .t {
  cursor: pointer;
}

.d-side li a {
  display: inline-block;
  float: left;
  width: 212px;
  line-height: 24px;
  color: #666;
  transition: color 0.5s;
}

.d-side li a.tit {
  width: auto;
  line-height: 45px;
}

.d-side li a.tit.full {
  width: 190px;
}

.d-side li a:hover,
.d-side li a.cur {
  color: #0c4da2;
}

.d-side li.hover a.tit,
.d-side li.cur a.tit,
.d-side li a.tit:hover {
  color: #fff;
}

.d-side li span.fr {
  display: inline-block;
  width: 18px;
  height: 45px;
  background: url(/static/web/css/../img/bg_sign89.png) no-repeat;
  transition: background 0.5s;
}

.d-side li.hover span.fr {
  background-position: 0 -45px;
}

.d-side .sub-side {
  width: 212px;
  padding: 10px 26px 10px 30px;
  background: #fff;
  margin-left: -30px;
}

.d-content {
  width: 668px;
  padding: 0;
  box-shadow: none;
  margin: 0;
}

.d-content li {
  position: relative;
  width: 290px;
  padding: 7px 10px 0 10px;
  margin: 0 0 22px 22px;
}

.videos-nav p.en {
  background-image: url(/static/web/css/../img/dname02.png);
}

.tec-nav p.en {
  background-image: url(/static/web/css/../img/dname03.png);
}

.faq {
  padding-bottom: 80px
}

.faq h2 {
  margin-top: -50px;
  font-size: 20px;
  line-height: 104px;
  color: #666;
}

.faq li {
  position: relative;
  width: 980px;
  border-bottom: 1px solid #d8d7d5;
  margin-bottom: 12px;
  transition: border 0.5s;
}

.faq li.cur {
  border-bottom: 1px solid #0c4da2;
}

.faq .tit {
  line-height: 53px;
  color: #818181;
  cursor: pointer;
  transition: all 0.5s;
}

.faq .tit.hover,
.faq .tit.cur {
  background: #0c4da2;
  color: #fff;
}

.faq .tit p.fl {
  padding-left: 80px;
  background: url(/static/web/css/../img/bg_sign90.png) no-repeat 18px 16px;
  transition: background 0.5s;
}

.faq .tit.hover p.fl,
.faq .tit.cur p.fl {
  background-image: url(/static/web/css/../img/bg_sign90s.png);
}

.faq .tit span.fr {
  display: inline-block;
  padding-right: 70px;
  background: url(/static/web/css/../img/bg_sign91.png) no-repeat 106px 0;
  transition: background 0.5s;
}

.faq .tit.hover span.fr,
.faq .tit.cur span.fr {
  background-position: 106px -53px;
}

.faq .int {
  padding: 15px 68px 15px 77px;
  line-height: 20px;
}

.faq .int .top {
  width: 824px;
  height: 25px;
  background: url(/static/web/css/../img/bg_shadow09.png) no-repeat;
}

.faq .int .mid {
  width: 685px;
  min-height: 40px;
  padding: 0 43px 0 96px;
  background: url(/static/web/css/../img/bg_sign92.png) no-repeat 29px 4px #f5f3f4;
}

.faq .int .bot {
  height: 17px;
  background: url(/static/web/css/../img/bg_shadow10.png) no-repeat;
}

.faq .btn {
  left: 50%;
  bottom: 30px;
  width: 10px;
  height: 36px;
  background: url(/static/web/css/../img/bg_sign91.png) no-repeat;
  margin-left: -5px;
  cursor: pointer;
  animation: faqBtn 1.5s infinite 0.5s;
}

@keyframes faqBtn {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 22px;
  }
}

.tec-message {
  height: 446px;
  padding: 56px 0;
  background: url(/static/web/css/../img/bg_bg24.jpg) no-repeat center top fixed;
}

.tec-message h2 {
  font-size: 20px;
  line-height: 46px;
  color: #fff;
}

.tec-message .tips {
  margin-bottom: 30px;
  line-height: 38px;
  color: #cfd4d8;
}

.tec-message .tips a {
  color: #cfd4d8;
  transition: color 0.5s;
}

.tec-message .tips a:hover {
  color: #fff;
}

.tec-message label {
  position: relative;
  display: inline-block;
  width: 464px;
  height: 42px;
  background: url(/static/web/css/../img/bg_input01.png) no-repeat;
  margin-bottom: 17px;
  line-height: 42px;
}

.tec-message label.long {
  width: 976px;
  background-image: url(/static/web/css/../img/bg_input06.png);
}

.tec-message label select {
  border: 1px solid #fff;
  width: 342px;
  height: 22px;
  padding-left: 10px;
}

.tec-message label option {
  padding: 5px 10px;
}

.tec-message label.textarea {
  width: 976px;
  height: 132px;
  background-image: url(/static/web/css/../img/bg_input02.png);
}

.tec-message p.fl {
  width: 60px;
  padding-left: 13px;
  text-align: right;
}

.tec-message input {
  width: 317px;
  height: 42px;
  border: 0;
  padding: 0 10px 0 15px;
  background: none;
  line-height: 42px;
  color: #666;
}

.tec-message label.long input {
  width: 823px;
}

.tec-message span.poa {
  display: inline-block;
  right: -18px;
  top: 0;
  width: 18px;
  height: 42px;
  background: url(/static/web/css/../img/bg_sign46.png) no-repeat right center;
}

.tec-message .sign {
  display: inline-block;
  width: 45px;
  height: 42px;
  background: url(/static/web/css/../img/bg_sign52.png) no-repeat center;
}

.tec-message label .sign.se {
  background-image: url(/static/web/css/../img/bg_sign45.png);
}

.tec-message textarea {
  width: 873px;
  height: 110px;
  padding: 10px;
  padding-left: 15px;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  resize: none;
  line-height: 22px;
  color: #666;
}

.tec-message .btn {
  height: 45px;
}

.tec-message .btn a {
  display: inline-block;
  width: 150px;
  height: 41px;
  border: 1px solid #f8f8f8;
  margin-left: 4px;
  font-size: 16px;
  line-height: 43px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.tec-message .btn a:hover {
  border: 1px solid #0c4da2;
  background: #0c4da2;
}

.tec-message .btn input {
  width: 202px;
  height: 43px;
  border: 0;
  border: 1px solid #0c4da2;
  background: #0c4da2;
  font-size: 16px;
  color: #fff;
  transition: all 0.5s;
}

.tec-message .btn input.hover {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

.sale-part {
  padding-top: 150px;
  height: 666px;
}

.sale-part .tips h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.sale-part .tips h2.c {
  color: #515151;
}

.sale-part .tips .en {
  height: 29px;
  background: url(/static/web/css/../img/sname06.png) no-repeat center bottom;
}

.sale-part .tips .line {
  left: 50%;
  bottom: -23px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.sale-part .tips .line.c {
  background: #1e569f;
}

.salepart-fi {
  padding-top: 218px;
  background: url(/static/web/css/../img/bg_bg22.jpg) no-repeat center top fixed;
}

.salepart-fi .list {
  width: 846px;
  margin: 90px auto 0;
}

.salepart-fi .list li {
  position: relative;
  width: 190px;
  height: 416px;
  margin: 0 46px;
  line-height: 18px;
  color: #dee2ed;
  text-align: center;
}

.salepart-fi .list .box {
  height: 165px;
}

.salepart-fi .list p.poa {
  left: 0;
  top: 0;
}

.salepart-fi .list .img {
  width: 177px;
  height: 177px;
  margin: 0 6px 18px;
}

.salepart-fi .list .sign {
  right: 50%;
  bottom: 50%;
  width: 67px;
  height: 67px;
  background: url(/static/web/css/../img/bg_sign93.png) no-repeat;
  margin: 0 -34px -34px 0;
  font: 44px/67px Impact;
  color: #fff;
  text-align: center;
  transform: scale(0);
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.5s;
}

.salepart-fi .list .sign.hover {
  transform: scale(1);
  filter: alpha(opacity=100);
  opacity: 1;
}

.salepart-fi .list p.t {
  font-size: 18px;
  line-height: 56px;
  color: #fff;
}

.salepart-se .tips .en {
  background-image: url(/static/web/css/../img/sname07.png);
}

.salepart-se .list {
  width: 926px;
  margin: 90px auto 0;
}

.salepart-se .list li {
  position: relative;
  left: 52px;
  height: 105px;
  background: #f2f2f2;
  margin: 0 9px 9px 0;
  line-height: 18px;
  color: #515151;
  filter: alpha(opacity=0);
  opacity: 0;
}

.salepart-se .fr li {
  width: 149px;
  height: 130px;
  padding-top: 14px;
}

.salepart-se .list li.long {
  width: 296px;
}

.salepart-se .long .sign {
  width: 78px;
  height: 296px;
}

.salepart-se .long .int {
  width: 160px;
  height: 106px;
  margin-right: 43px;
}

.salepart-se .fr .int {
  padding: 0 24px;
}

.salepart-se li.full {
  width: 239px;
  height: 36px;
  padding: 15px 34px;
}

.salepart-th {
  background: url(/static/web/css/../img/bg_bg23.jpg) no-repeat center top fixed;
}

.salepart-th .tips .en {
  background-image: url(/static/web/css/../img/sname08.png);
}

.salepart-th .list {
  width: 967px;
  height: 300px;
  margin: 88px auto 0;
}

.salepart-th .list ul.mid {
  width: 423px;
  margin: 0 19px 0 10px;
}

.salepart-th .list li.l {
  width: 131px;
  height: 289px;
  background: url(/static/web/css/../img/bg_s01.png) no-repeat left center;
}

.salepart-th .list li.m {
  width: 144px;
  height: 89px;
  margin-bottom: 11px;
}

.salepart-th .list li.m-t {
  width: 135px;
}

.salepart-th .list li.m-m {
  width: 279px;
}

.salepart-th .list li.m-l {
  width: 423px;
}

.salepart-th .list li.se {
  background-image: url(/static/web/css/../img/bg_s02.png);
}

.salepart-th .list li.th {
  background-image: url(/static/web/css/../img/bg_s03.png);
}

.salepart-th .list li.fo {
  background-image: url(/static/web/css/../img/bg_s04.png);
}

.salepart-th .list li.fif {
  background-image: url(/static/web/css/../img/bg_s05.png);
}

.salepart-th .list li.si {
  background-image: url(/static/web/css/../img/bg_s06.png);
}

.salepart-th .list li.sev {
  background-image: url(/static/web/css/../img/bg_s07.png);
}

.salepart-th .list li.ei {
  background-image: url(/static/web/css/../img/bg_s08.png);
}

.salepart-th .list li.ni {
  background-image: url(/static/web/css/../img/bg_s09.png);
}

.salepart-th .list li.te {
  width: 122px;
  height: 289px;
  background-image: url(/static/web/css/../img/bg_s10.png);
}

.salepart-th .tips-bot {
  height: 36px;
  margin-top: 40px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=0);
  opacity: 0;
}

.salepart-fo {
  height: auto;
  padding-bottom: 60px;
}

.salepart-fo .tips .en {
  background-image: url(/static/web/css/../img/sname09.png);
}

.salepart-fo .intro {
  padding-bottom: 27px;
  margin: 60px auto 0;
  line-height: 24px;
  color: #8b8b8b;
  text-align: center;
}

.salepart-fo .intro p.fz18 {
  font-size: 18px;
  line-height: 40px;
  color: #515151;
}

.salepart-fo .box {
  width: 868px;
  padding: 30px 54px 86px;
  border: 1px solid #ebebeb;
  margin: 0 auto;
}

.salepart-fo th {
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 26px;
  color: #666;
  text-align: left;
}

.salepart-fo td {
  font-size: 14px;
  line-height: 36px;
}

.salepart-fo td.o {
  padding: 26px 0 34px;
  font-size: 12px;
  line-height: 18px;
  color: #ff8400;
}

.salepart-fo td span {
  color: #c4c4c4;
}

.salepart-fo label {
  display: inline-block;
  margin-right: 38px;
}

.salepart-fo input.radio {
  width: 13px;
  height: 13px;
  margin: 13px 13px 0 0;
}

.salepart-fo .t-box {
  width: 362px;
  height: 36px;
  background: url(/static/web/css/../img/bg_input07.jpg) no-repeat;
}

.salepart-fo .t-box.t {
  width: 362px;
  height: 112px;
  background: url(/static/web/css/../img/bg_input08.jpg) no-repeat;
}

.salepart-fo .t-box.b {
  width: 859px;
  height: 112px;
  background: url(/static/web/css/../img/bg_input09.jpg) no-repeat;
}

.salepart-fo .t-box input {
  width: 287px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.salepart-fo .t-box input.hover,
.salepart-fo .t-box input.cur {
  font-size: 12px;
  color: #666;
}

.salepart-fo input.submit {
  width: 205px;
  height: 45px;
  background: #0c4da2;
  font-size: 18px;
  color: #fff;
}

.salepart-fo .t-box span {
  display: inline-block;
  width: 44px;
  height: 36px;
  margin-right: 3px;
  background: url(/static/web/css/../img/bg_sign52.png) no-repeat center;
}

.salepart-fo .t-box span.se {
  background-image: url(/static/web/css/../img/bg_sign47.png);
}

.salepart-fo .t-box span.th {
  background-image: url(/static/web/css/../img/bg_sign50.png);
}

.salepart-fo .t-box span.fo {
  background-image: url(/static/web/css/../img/bg_sign48.png);
}

.salepart-fo .t-box span.fif {
  background-image: url(/static/web/css/../img/bg_sign51.png);
}

.salepart-fo .t-box span.si {
  background-image: url(/static/web/css/../img/bg_sign49.png);
}

.salepart-fo .t-box span.ei {
  background-image: url(/static/web/css/../img/bg_sign45.png);
}

.salepart-fo .t-box span.ni {
  background-image: url(/static/web/css/../img/bg_sign94.png);
}

.salepart-fo .t-box span.te {
  background-image: url(/static/web/css/../img/bg_sign95.png);
}

.salepart-fo .t-box span.el {
  background-image: url(/static/web/css/../img/bg_sign96.png);
}

.salepart-fo .t-box span.tw {
  background-image: url(/static/web/css/../img/bg_sign98.png);
}

.salepart-fo .t-box textarea {
  width: 287px;
  height: 112px;
  padding: 0 14px;
  border: 0;
  background: none;
  resize: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.salepart-fo .t-box.b textarea {
  width: 784px;
  height: 112px;
  padding: 0 14px;
  border: 0;
  background: none;
  resize: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.salepart-fo .t-box textarea.hover,
.salepart-fo .t-box textarea.cur {
  font-size: 12px;
  color: #666;
}

.salepart-fo span.s {
  display: inline-block;
  width: 16px;
  height: 36px;
  background: url(/static/web/css/../img/bg_sign97.png) no-repeat;
  margin: 0 2px;
  cursor: pointer;
}

.salepart-fo span.s.cur {
  background-position: 0 -36px;
}


/*
++++++++             +++++++

投资者关系 by:hsiao 2015/6/9

++++++++             +++++++
*/

.ir-bg {
  background-image: url(/static/web/css/../img/bg_bg21.jpg);
}

.ir-bg p.en {
  height: 23px;
  background: url(/static/web/css/../img/iname01.png) no-repeat center top;
}

.ir-main {
  padding-bottom: 120px;
}

.ir-main .list {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ir-main .list ul {
  width: 115%;
}

.ir-main .list ul li {
  position: relative;
  width: 480px;
  height: 180px;
  margin: 0 18px 20px 0;
  filter: alpha(opacity=0);
  opacity: 0;
  top: 100px;
}

.ir-main .list ul li a {
  display: block;
  padding-top: 28px;
  width: 100%;
  height: 152px;
  background: #f8f9fa;
  border: 1px solid #e9e9e9;
  transition: all 0.3s;
}

.ir-main .list ul li p {
  padding: 0 40px 0 30px;
}

.ir-main .list ul li .data {
  font-family: Arial;
  font-size: 11px;
  height: 14px;
  line-height: 14px;
  color: #0c4da2;
  text-indent: 22px;
  background: url(/static/web/css/../img/bg_sign78.png) no-repeat 30px 0;
}

.ir-main .list ul li .tit {
  font-size: 16px;
  color: #666;
  margin: 16px 0 8px;
  line-height: 24px;
}

.ir-main .list ul li .txt {
  font-size: 11px;
  line-height: 24px;
  color: #a1a1a1;
}

.ir-main .list ul li a:hover {
  background: #0c4da2;
  border-color: #0c4da2;
}

.ir-main .list ul li a:hover .data {
  background-position: 30px -14px;
}

.ir-main .list ul li a:hover .data,
.ir-main .list ul li a:hover .tit,
.ir-main .list ul li a:hover .txt {
  color: #fff;
}

/**新闻推荐*/
.news-rec-box {
  width: 646px;
  height: 281px;
  position: relative;
  overflow: hidden;
}

.news-recom {
  height: 250px;
  width: 310px;
}

.news-recom img {
  margin-bottom: 15px;
  vertical-align: top;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.3s;
}

.news-recom a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.rep-main {
  position: relative;
  padding-bottom: 120px;
  overflow: hidden;
}

.rep-main .list {
  width: 105%;
}

.rep-main .list dl {
  float: left;
  position: relative;
  width: 312px;
  height: 82px;
  margin: 0 20px 28px 0;
  top: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  _display: inline;

}

.rep-main .list dl dt {
  float: left;
  width: 67px;
  height: 70px;
  background: #f2f2f2;
  text-align: center;
  line-height: 1.1;
  padding-top: 12px;
}

.rep-main .list dl dt span {
  display: block;
}

.rep-main .list dl dt .day {
  font-size: 36px;
  color: #0c4da2;
  font-family: "Impact";

}

.rep-main .list dl dt .moon {
  font-family: Arial;
  color: #0e40b9;
  text-transform: uppercase;
}

.rep-main .list dl dt .line {
  position: relative;
  width: 23px;
  height: 1px;
  background: #d9d9da;
  overflow: hidden;
  margin: 4px auto;
}

.rep-main .list dl dd {
  float: left;
  width: 245px;
  height: 82px;
}

.rep-main .list dl dd .ico {
  position: absolute;
  display: block;
  right: 14px;
  bottom: 7px;
  width: 13px;
  height: 10px;
  background: url(/static/web/css/../img/bg_sign79.gif) no-repeat 0 0;
}

.rep-main .list dl dd a {
  display: block;
  padding: 15px 25px 0;
  height: 67px;
  background: #dfdfdf;
  color: #666;
}

.rep-main .list dl dd a:hover {
  background: #055bab;
  color: #fff;
}

.rep-main .list dl dd a:hover .ico {
  background-position: 0 100%;
}

.rule-main {
  padding: 94px 0 110px;
}

.rule-main img {
  margin-right: 16px;
}

.rule-main div {
  background: #dfdfdf;
  color: #333;
}

.rule-main .rule-name {
  left: -448px;
  width: 448px;
  padding-left: 20px;
  line-height: 50px;
  margin-bottom: 20px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.rule-main .rule-addr {
  left: -620px;
  width: 620px;
  padding-left: 20px;
  line-height: 50px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.rule-main .rule-leader {
  left: -150px;
  width: 150px;
  height: 100px;
  background: #dfdfdf;
  margin-left: 20px;
  text-align: center;
  padding-top: 20px;
  line-height: 1.4;
  color: #666;
  filter: alpha(opacity=0);
  opacity: 0;
}

.rule-main .rule-leader img {
  margin: 0 0 10px;
  vertical-align: top;
}

.rule-main .rule-down {
  left: -320px;
  width: 320px;
  height: 50px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.rule-main .rule-down a {
  display: block;
  text-align: center;
  line-height: 50px;
  background: url(/static/web/css/../img/bg_sign86.png) no-repeat 102px center #1854a3;
  color: #fff;
  padding-left: 20px;
  transition: all 0.5s;
}

.rule-main .rule-down a:hover {
  background-image: url(/static/web/css/../img/bg_sign120.png);
  background-color: #dfdfde;
  color: #666;
}

.board-comm .download-box {
  width: 100%;
  background: none;
  margin: 0;
  padding: 0;
  width: auto;
  box-shadow: none;
}

.board-main {
  height: 440px;
  padding-top: 94px;
}

.board-main .tabs i {
  display: inline-block;
  width: 1px;
  height: 13px;
  overflow: hidden;
  background: #e5e5e5;
  margin: 7px 14px 0;
}

.board-main .tabs a {
  display: inline-block;
  color: #666;
  line-height: 28px;
}

.board-main .tabs a:hover,
.board-main .tabs a.cur {
  color: #1854a3;
  border-bottom: 2px solid #1854a3;
}

.board-comm {
  padding-bottom: 50px;
}

.board-comm .pg-title,
.board-main .pg-title {
  height: 60px;
}

.board-comm .pg-title h2,
.board-main .pg-title h2 {
  font-size: 20px;
  line-height: 40px;
}

.board-comm .download-box .list ul {
  width: 105%;
}

.board-comm .download-box li {
  width: 294px;
  margin: 0 22px 22px 0;
  background: #f2f2f2;
}

.board-comm .download-box li.hover {
  background: #0c4da2;
}

.board-scroll {
  width: 100%;
  position: relative;
  height: 280px;

}

.board-scroll .list-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 280px;
}

.board-scroll .list {}

.board-scroll dl {
  float: left;
  position: relative;
  width: 230px;
  height: 280px;
  margin-right: 20px;
  z-index: 0;
}

.board-scroll dl dt {
  position: relative;
  width: 230px;
  height: 280px;
  cursor: pointer;
}

.board-scroll dl dt .intro {
  position: absolute;
  width: 210px;
  height: 45px;
  left: 0;
  bottom: 0;
  padding: 15px 0 0 20px;
  background: #e9e9e9;
  line-height: 1.3;
}

.board-scroll dl dt .en {
  color: #8b8b8b;
  font-family: 'Calibri';
}

.board-scroll dl dt .ico {
  position: absolute;
  display: block;
  width: 14px;
  height: 15px;
  right: 22px;
  bottom: 20px;
  background: url(/static/web/css/../img/bg_sign87.jpg) no-repeat;
}

.board-scroll dl dd {
  position: absolute;
  /*left: 230px;*/
  top: 0;
  height: 280px;
  width: 0;
  overflow: hidden;
  background: #e9e9e9;
}

.board-scroll dl dd .cont {
  width: 444px;
  height: 224px;
  padding: 28px;
}

.board-scroll dl dd .cont h3 {
  color: #0c4da2;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 6px;
}

.board-scroll dl dd .cont h3 span {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
}

.contact-main {
  padding-bottom: 130px;
}

.contact-main .img {
  width: 375px;
  height: 240px;
  margin-left: 116px;
}

.contact-main .img img {
  opacity: 0;
  filter: alpha(opacity=0);
}

.contact-main .img .fi {
  top: 62px;
  left: 0;
  z-index: 2;
}

.contact-main .img .se {
  top: 35px;
  left: 140px;
  z-index: 1;
}

.contact-main .img .th {
  top: 0;
  right: 0;
  z-index: 0;
}

.contact-main .cont {
  width: 364px;
  padding-left: 86px;
  line-height: 30px;
  font-size: 13px;
  background: url(/static/web/css/../img/bg_sign88.jpg) no-repeat 0 8px;
}

.contact-main .cont a {
  color: #666;
}

.contact-main .cont a:hover {
  text-decoration: underline;
}

.stock-main {
  margin: 0 auto;
  width: 1176px;
  padding: 94px 0 50px;
}

.stock-main .box {
  width: 568px;
  height: 311px;
  margin: 0 10px 10px;
}

.stock-main .box.fr {
  height: 430px;
}

/*LOGIN*/
.login-wrap {
  padding: 174px 0 80px;
  background: url(/static/web/css/../img/bg_bg25.jpg) no-repeat center top fixed;
}

.login-wrap h2 {
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.login-wrap .en {
  height: 35px;
  background: url(/static/web/css/../img/lname01.png) no-repeat center bottom;
}

.login-wrap .regist-en {
  background-image: url(/static/web/css/../img/lname02.png);
}

.login-wrap .line {
  left: 50%;
  bottom: -18px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.login-main {
  width: 842px;
  padding: 51px 62px 32px 76px;
  background: #fff;
  margin: 63px auto 0;
}

.login-main .box {
  line-height: 27px;
  color: #888;
}

.login-main .box.fl {
  width: 434px;
  padding-right: 31px;
  background: url(/static/web/css/../img/bg_line16.png) no-repeat right 41px;
}

.login-main .box h2 {
  font-weight: normal;
  font-size: 22px;
  line-height: 38px;
  color: #333;
  text-align: left;
}

.login-main .box form {
  display: inline-block;
  width: 100%;
  margin-top: 31px;
}

.login-main .box table.mt31 {
  margin-top: 31px;
}

.login-main .box td {
  padding: 0 0 26px 7px;
  font-size: 14px;
  line-height: 33px;
  color: #666;
}

.login-main .box td.pb13 {
  padding-bottom: 13px;
}

.login-main .box label {
  display: inline-block;
  float: left;
  width: 276px;
  height: 33px;
  background: url(/static/web/css/../img/bg_input10.jpg) no-repeat;
}

.login-main .box input {
  width: 218px;
  height: 33px;
  padding: 0 14px;
  border: 0;
  background: none;
  font-size: 12px;
  line-height: 33px;
  color: #aeaeae;
}

.login-main .box input.s {
  width: 73px;
  height: 31px;
  padding: 0 14px;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}

.login-main .box input.submit {
  width: 276px;
  height: 34px;
  border: 0;
  background: #0c4ca3;
  margin-top: 12px;
  font-size: 14px;
  color: #fff;
  transition: all 0.5s;
}

.login-main .box input.submit.b {
  width: 276px;
  height: 32px;
  margin-top: 0;
  line-height: 28px;
}

.login-main .box input.submit.hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.login-main .box span {
  display: inline-block;
  width: 30px;
  height: 33px;
  background: url(/static/web/css/../img/bg_sign47.png) no-repeat center;
}

.login-main .box span.se {
  background-image: url(/static/web/css/../img/bg_sign99.png);
}

.login-main .box img.fl {
  margin: 0 5px;
}

.login-main .box a {
  font-size: 12px;
  color: #666;
  transition: color 0.5s;
}

.login-main .box a:hover {
  color: #0c4ca3;
}

.login-main .box.fr {
  width: 322px;
}

.login-main .intro {
  margin: 20px 0 25px;
  line-height: 20px;
  color: #999;
}

.login-main .intro p {
  padding-left: 20px;
  background: url(/static/web/css/../img/bg_sign100.png) no-repeat 3px center;
}

.login-main .tips {
  margin-top: 11px;
  border-bottom: 1px dashed #d0d0d0;
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
}

.login-main .tips span {
  display: inline-block;
  padding-right: 19px;
  margin-top: 8px;
  background: url(/static/web/css/../img/bg_sign123.jpg) no-repeat 34px 0;
  font-size: 14px;
  line-height: 26px;
  color: #999;
  cursor: pointer;
}

.login-main .tips span.hover {
  background-position: 34px -26px;
}

.login-main p.fz16 {
  padding-left: 0;
  background: none;
  font-size: 16px;
  line-height: 35px;
  color: #333;
  cursor: pointer;
}

.login-main a.regist {
  display: inline-block;
  width: 318px;
  height: 32px;
  border: 1px solid #0c4ca3;
  background: #0c4ca3;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.login-main a.regist:hover {
  border: 1px solid #616161;
  background: #fff;
  color: #333;
}

.regist-main {
  width: 612px;
  padding: 57px 184px 67px;
  background: #fff;
  margin: 60px auto;
}

.regist-main .tips {
  height: 68px;
  background: url(/static/web/css/../img/bg_line17.png) no-repeat center 16px;
  margin-bottom: 60px;
}

.regist-main .tips ul {
  width: 760px;
}

.regist-main .tips li {
  width: 101px;
  height: 68px;
  background: url(/static/web/css/../img/bg_sign101.png) no-repeat center 0;
  margin-right: 152px;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
}

.regist-main .tips li.cur {
  background-position: center -68px;
}

.regist-main .tips p.t {
  line-height: 33px;
  color: #fff;
}

.regist-main td {
  padding: 0 0 19px 13px;
  font-size: 14px;
  line-height: 36px;
}

.regist-main td.lines {
  padding-bottom: 0;
  border-bottom: 1px dashed #d0d0d0;
  line-height: 35px;
  color: #555;
}

.regist-main td.lines span.fl {
  font-size: 16px;
}

.regist-main td.lines span.fr {
  display: inline-block;
  padding-right: 19px;
  margin-top: 8px;
  background: url(/static/web/css/../img/bg_sign123.jpg) no-repeat 34px 0;
  font-size: 12px;
  line-height: 26px;
  color: #999;
  cursor: pointer;
}

.regist-main td.lines span.fr.hover {
  background-position: 34px -26px;
}

.regist-main td.line-t {
  padding: 27px 0 0 0;
}

.regist-main td span {
  display: inline-block;
  padding-right: 16px;
  font-size: 12px;
}

.regist-main label {
  display: inline-block;
  width: 318px;
  height: 36px;
  background: url(/static/web/css/../img/bg_input13.png) no-repeat;
}

.regist-main input {
  width: 239px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.regist-main input.hover {
  color: #0c4ca3;
}

.regist-main .sign {
  padding: 0;
  width: 43px;
  height: 36px;
  margin-right: 4px;
  background: url(/static/web/css/../img/bg_sign48.png) no-repeat center;
}

.regist-main .sign.se {
  background-image: url(/static/web/css/../img/bg_sign99.png);
}

.regist-main .sign.th {
  background-image: url(/static/web/css/../img/bg_sign47.png);
}

.regist-main .sign.fo {
  background-image: url(/static/web/css/../img/bg_sign48.png);
}

.regist-main .sign.fif {
  background-image: url(/static/web/css/../img/bg_sign102.png);
}

.regist-main .sign.si {
  background-image: url(/static/web/css/../img/bg_sign50.png);
}

.regist-main .sign.sev {
  background-image: url(/static/web/css/../img/bg_sign52.png);
}

.regist-main .sign.ei {
  background-image: url(/static/web/css/../img/bg_sign103.png);
}

.regist-main .sign.ni {
  background-image: url(/static/web/css/../img/bg_sign49.png);
}

.regist-main .intro {
  padding-top: 33px;
  line-height: 29px;
  color: #888;
  text-align: center;
}

.regist-main .intro p.fz24 {
  font-size: 24px;
  line-height: 40px;
  color: #000;
}

.regist-main .select {
  margin-top: 8px;
}

.regist-main .select label {
  display: inline-block;
  float: left;
  width: 383px;
  height: 30px;
  padding-left: 228px;
  background: none;
  font-size: 14px;
  color: #555;
}

.regist-main .select input.checkbox {
  width: 13px;
  height: 13px;
  margin: 8px 13px 0 0;
  padding: 0;
}

.regist-main input.submit {
  width: 228px;
  height: 42px;
  background: #0c4ca3;
  margin-top: 45px;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s;
}

.regist-main input.submit.hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.email-main {
  padding-bottom: 120px;
  font-size: 14px;
  line-height: 30px;
  color: #555;
  text-align: center;
}

.email-main a {
  display: inline-block;
  padding: 0 3px;
  color: #0c4ca3;
}

.email-main h2 {
  margin-top: 30px;
  font-weight: normal;
  font-size: 30px;
  line-height: 58px;
  color: #000;
}

.member-main {
  height: 573px;
  padding-top: 173px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.member-main h2 {
  position: relative;
  top: 20px;
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=0);
  opacity: 0;
}

.member-main .en {
  position: relative;
  top: 20px;
  height: 31px;
  background: url(/static/web/css/../img/mname01.png) no-repeat center bottom;
  filter: alpha(opacity=0);
  opacity: 0;
}

.member-main .line {
  left: 50%;
  bottom: -23px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.member-list {
  width: 978px;
  margin: 80px auto 0;
}

.member-list ul {
  width: 985px;
}

.member-list li {
  position: relative;
  left: 95px;
  width: 190px;
  height: 112px;
  padding-top: 41px;
  margin: 0 7px 7px 0;
  text-align: center;
  filter: alpha(opacity=0);
  opacity: 0;
}

.member-list li.long {
  width: 387px;
  margin-right: 0;
}

.member-list li.hover,
.member-list li.cur {
  z-index: 2;
}

.member-list li .bg {
  background: #fff;
  tansition: all 0.5s;
}

.member-list li .bg-in,
.member-list li.cur .bg {
  background: #ea7700;
  animation: bgIn 1s forwards;
}

@keyframes bgIn {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.member-list li .bg-out {
  background: #fff;
  animation: bgOut 1s forwards;
}

@keyframes bgOut {
  0% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.member-list .sign {
  width: 190px;
  height: 45px;
}

.member-list .long .sign {
  width: 387px;
}

.member-list img {
  left: 0;
  top: 0;
  transition: top 0.5s;
}

.member-list li.hover img,
.member-list li.cur img {
  top: -45px;
}

.member-list p {
  font-size: 16px;
  line-height: 27px;
  color: #000;
}

.member-list li.hover p,
.member-list li.cur p {
  color: #fff;
}

.member-list span {
  display: inline-block;
  width: 21px;
  height: 27px;
  background: url(/static/web/css/../img/bg_sign104.png) no-repeat;
  margin-left: 5px;
  font: 14px/27px Arial;
  color: #fff;
  text-align: center;
  transition: all 0.5s;
}

.member-list li.hover span,
.member-list li.cur span {
  background-position: 0 -27px;
  color: #e96e00;
}

.mtec-main {
  padding: 147px 0 60px;
}

.mtec-main.subs-main {
  margin: 0 auto;
}

.mtec-main .tips h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #515151;
  text-align: center;
}

.mtec-main .tips .en {
  height: 29px;
  background: url(/static/web/css/../img/mname02.png) no-repeat center bottom;
}

.mtec-main .tips .line {
  left: 50%;
  bottom: -25px;
  width: 30px;
  height: 4px;
  background: #0044a0;
  margin-left: -15px;
}

.mtec-main .tab {
  height: 46px;
  margin: 80px 0 16px;
}

.mtec-main .tab span {
  display: inline-block;
  float: left;
  width: 482px;
  height: 43px;
  padding-top: 1px;
  border: 1px solid #f1f1f1;
  background: #fcfcfc;
  margin-left: -1px;
  font-size: 16px;
  line-height: 43px;
  color: #666;
  text-align: center;
  cursor: pointer;
}

.mtec-main .tab span.cur {
  padding-top: 0;
  border-top: 2px solid #0c4da2;
  background: #fff;
}

.mtec-main .faq {
  padding-bottom: 0;
}

.mtec-main .list {
  min-height: 395px;
}

.subs-wrap {
  padding: 170px 0 99px;
  background: url(/static/web/css/../img/bg_bg25.jpg) no-repeat center top fixed;
}

.subs-wrap h2 {
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
}

.subs-wrap .en {
  height: 31px;
  background: url(/static/web/css/../img/mname03.png) no-repeat center bottom;
}

.subs-wrap .line {
  left: 50%;
  bottom: -25px;
  width: 30px;
  height: 4px;
  background: #fff;
  margin-left: -15px;
}

.subs-main {
  width: 800px;
  padding: 66px 65px 122px;
  background: #fff;
  margin: 70px auto 0;
}

.subs-main .tips .en {
  background-image: url(/static/web/css/../img/mname03s.png);
}

.subs-main .box {
  margin-top: 90px;
  line-height: 29px;
  color: #888;
}

.subs-main .box h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  color: #000;
  text-align: left;
}

.subs-main .box.fl {
  width: 425px;
  background: url(/static/web/css/../img/bg_line18.png) no-repeat right 3px;
}

.subs-main .box.fl .select {
  margin-top: 9px;
}

.subs-main .box.fl label {
  display: inline-block;
  width: 425px;
  font-size: 14px;
  line-height: 30px;
  color: #555;
}

.subs-main .box.fl input.checkbox {
  width: 13px;
  height: 13px;
  margin: 9px 9px 0 0;
}

.subs-main .input-box {
  width: 318px;
  height: 36px;
  background: url(/static/web/css/../img/bg_input12.png) no-repeat;
  margin-top: 15px;
}

.subs-main .input-box input {
  width: 240px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.subs-main .input-box input.cur {
  font-size: 12px;
  color: #666;
}

.subs-main .input-box span {
  display: inline-block;
  width: 40px;
  height: 36px;
  background: url(/static/web/css/../img/bg_sign65.png) no-repeat center;
}

.subs-main input.submit {
  width: 228px;
  height: 46px;
  border: 0;
  background: #0c4ca3;
  margin-top: 25px;
  font-size: 18px;
  color: #fff;
  transition: background 0.5s;
}

.subs-main input.submit.hover {
  background: #b4b4b4;
}

.subs-main .box.fr .input-box {
  margin-top: 30px;
}

.subs-main input.submit.g {
  background: #b4b4b4;
}

.subs-main input.submit.g.hover {
  background: #0c4ca3;
}

.password-main .tips .en {
  background-image: url(/static/web/css/../img/mname04.png);
}

.password-main .table {
  width: 460px;
  margin: 90px auto 0;
}

.password-main td {
  padding: 0 0 20px 18px;
  font-size: 14px;
  line-height: 36px;
}

.password-main label {
  display: inline-block;
  float: left;
  width: 362px;
  height: 36px;
  background: url(/static/web/css/../img/bg_input07.jpg) no-repeat;
}

.password-main input {
  width: 239px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.password-main input.hover {
  color: #0c4ca3;
}

.password-main input.submit {
  width: 228px;
  height: 42px;
  background: #0c4ca3;
  margin-top: 25px;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s;
}

.password-main input.submit.hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.password-main .sign {
  padding: 0;
  width: 43px;
  height: 36px;
  margin-right: 4px;
  background: url(/static/web/css/../img/bg_sign99.png) no-repeat center;
}

.mpro-wrap .en {
  background-image: url(/static/web/css/../img/mname05.png);
}

.mpro-main {
  width: 748px;
  padding: 67px 0 103px 232px;
  background: #fff;
  margin: 72px auto 0;
}

.mpro-main td {
  padding: 0 0 20px 20px;
  font-size: 14px;
  line-height: 36px;
  color: #666;
}

.mpro-main td label {
  width: 318px;
  height: 36px;
  background: url(/static/web/css/../img/bg_input13.png) no-repeat;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.mpro-main td label.long {
  width: 387px;
  height: 133px;
  background: url(/static/web/css/../img/bg_input14.jpg) no-repeat;
}

.mpro-main td label.cur,
.mpro-main td label.hover {
  background-position: 0 -72px;
}

.mpro-main td label.long.cur,
.mpro-main td label.long.hover {
  background-position: 0;
}

.mpro-main label p.fl {
  margin-left: 16px;
  width: 240px;
  cursor: pointer;
}

.mpro-main label span {
  display: inline-block;
}

.mpro-main label .list {
  left: 0;
  top: 35px;
  width: 300px;
  padding: 5px 0 5px 16px;
  height: 220px;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  background: #fff;
  line-height: 22px;
  display: none;
}

.mpro-main label .scroll-box {
  width: 284px;
  height: 220px;
}

.mpro-main label .scroll-obj {
  left: 0;
  top: 0;
  width: 264px;
}

.mpro-main label .scroll-obj p {
  cursor: pointer;
}

.mpro-main label .scroll-obj p.hover {
  color: #4575b6;
}

.mpro-main label .scroll-bar {
  right: 2px;
  top: 0;
  width: 1px;
  height: 220px;
  background: #dbdbdb;
}

.mpro-main label .scroll-btn {
  left: -1px;
  top: 0;
  width: 3px;
  height: 20px;
  border-radius: 2px;
  background: #4575b6;
  cursor: pointer;
}

.mpro-main label span.fr {
  display: inline-block;
  width: 46px;
  height: 36px;
  background: url(/static/web/css/../img/bg_sign105.png) no-repeat center;
}

.mpro-main label span.se {
  background-image: url(/static/web/css/../img/bg_sign45.png);
}

.mpro-main label span.th {
  background-image: url(/static/web/css/../img/bg_sign65.png);
}

.mpro-main label span.fo {
  background-image: url(/static/web/css/../img/bg_sign50.png);
}

.mpro-main label span.fif {
  background-image: url(/static/web/css/../img/bg_sign51.png);
}

.mpro-main label span.si {
  background-image: url(/static/web/css/../img/bg_sign47.png);
}

.mpro-main label span.sev {
  background-image: url(/static/web/css/../img/bg_sign102.png);
}

.mpro-main label span.ei {
  background-image: url(/static/web/css/../img/bg_sign49.png);
}

.mpro-main label span.ni {
  background-image: url(/static/web/css/../img/bg_sign52.png);
}

.mpro-main label input {
  width: 240px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 36px;
  color: #ccc;
}

.mpro-main label input.cur {
  font-size: 12px;
  color: #666;
}

.mpro-main label textarea {
  width: 309px;
  height: 113px;
  padding: 10px 16px;
  border: 0;
  background: none;
  resize: none;
  font-size: 11px;
  line-height: 18px;
  color: #ccc;
}

.mpro-main input.submit {
  width: 314px;
  height: 46px;
  border: 0;
  background: #0c4ca3;
  margin-top: 17px;
  font-size: 18px;
  color: #fff;
  transition: all 0.5s;
}

.mpro-main input.submit.hover {
  border: 1px solid #000;
  background: none;
  color: #000;
}

.mpro-main .tips {
  font-size: 12px;
  line-height: 24px;
  color: #8b8b8b;
}

.mpro-main .tips span {
  font-size: 18px;
  color: #333;
}

/*20150611*/
.success-main {
  padding: 190px 0 63px;
  background: url(/static/web/css/../img/bg_sign106.png) no-repeat center top;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}

.success-main a {
  display: inline-block;
  width: 228px;
  height: 46px;
  background: #0c4ca3;
  margin: 35px auto 0;
  font-size: 18px;
  line-height: 46px;
  color: #fff;
  text-align: center;
}

.contact-wrap {
  padding: 147px 0 114px;
  background: url(/static/web/css/../img/loading.gif) no-repeat center;
}

.contact-wrap .tips h2 {
  top: 20px;
  font-weight: normal;
  font-size: 45px;
  line-height: 54px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=0);
  opacity: 0;
}

.contact-wrap .tips .en {
  top: 20px;
  height: 31px;
  background: url(/static/web/css/../img/cname01.png) no-repeat center bottom;
  filter: alpha(opacity=0);
  opacity: 0;
}

.contact-main {
  width: 980px;
  margin: 70px auto 0;
}

.contact-main .box {
  position: relative;
  left: 100px;
  background: #fff;
  margin: 0 15px 15px 0;
  font-size: 11px;
  line-height: 24px;
  color: #8b8b8b;
  filter: alpha(opacity=0);
  opacity: 0;
}

.contact-main .box.mr0 {
  margin-right: 0;
}

.contact-main .box h2 {
  padding-bottom: 2px;
  background: url(/static/web/css/../img/bg_line19.jpg) no-repeat left bottom;
  font-size: 14px;
  line-height: 38px;
  color: #0c4da2;
}

.contact-main .box a {
  color: #8b8b8b;
  trantsition: color 0.5s;
}

.contact-main .box a:hover {
  color: #0c4da2;
}

.contact-main .box td {
  line-height: 22px;
}

.contact-main .box.fi {
  width: 256px;
  height: 542px;
  padding: 12px 30px 0;
}

.contact-main .box.fi .list {
  padding-top: 20px;
}

.contact-main .box.fi li {
  width: 206px;
  height: 26px;
  padding-left: 50px;
  background: url(/static/web/css/../img/bg_sign107.jpg) no-repeat left center;
  margin-bottom: 7px;
  line-height: 26px;
}

.contact-main .box.fi li b {
  font-size: 12px;
}

.contact-main .box.fi li.se {
  background-image: url(/static/web/css/../img/bg_sign108.jpg);
}

.contact-main .box.fi li.th {
  background-image: url(/static/web/css/../img/bg_sign109.jpg);
}

.contact-main .box.fi .line {
  width: 215px;
  height: 1px;
  background: #f5f5f5;
  margin: 16px 41px 18px 0;
}

.contact-main .box.se {
  width: 316px;
  height: 380px;
}

.contact-main .box.se .intro {
  padding: 11px 23px 0;
}

.contact-main .box.se h2.pl10 {
  padding-left: 10px;
  background-position: 10px bottom;
}

.contact-main .box.se p.en {
  margin: 5px 0;
  font: 14px/24px Calibri;
  text-transform: uppercase;
}

.contact-main .box.se .list {
  padding: 20px 10px 0;
  line-height: 18px;
}

.contact-main .box.se .list li {
  width: 186px;
  padding: 0 0 10px 64px;
  background: url(/static/web/css/../img/bg_sign110.jpg) no-repeat left 0;
}

.contact-main .box.se .list li.se {
  background-image: url(/static/web/css/../img/bg_sign111.jpg);
}

.contact-main .box.se .list li.th {
  background-image: url(/static/web/css/../img/bg_sign112.jpg);
}

.contact-main .box.th {
  width: 258px;
  height: 147px;
  padding: 12px 29px 0 29px;
}

.contact-main .box.th .img {
  display: inline-block;
  left: 0;
  top: 0;
  width: 316px;
  height: 159px;
  margin: 0;
  background: url(/static/web/css/../img/img60.jpg) no-repeat left center;
}

.contact-main .box.th .sign {
  display: inline-block;
  width: 28px;
  height: 37px;
  background: url(/static/web/css/../img/bg_sign113.png) no-repeat;
}

.contact-main .box.th .sign.fi {
  left: 64px;
  top: 75px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.contact-main .box.th .sign.se {
  left: 126px;
  top: 59px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.contact-main .box.th .sign.th {
  left: 221px;
  top: 38px;
}

.contact-main .box.th .img.se {
  background-image: url(/static/web/css/../img/img61.jpg);
}

.faq-nav p.en {
  background-image: url(/static/web/css/../img/sname10.png);
}

.faq-main {
  padding: 10px 0 88px;
}

.faq-box {
  width: 664px;
}

.faq-box .list {
  margin-bottom: 15px;
}

.faq-box li {
  position: relative;
  width: 242px;
  height: 117px;
  padding: 16px 0 0 73px;
  border: 1px solid #ebebed;
  margin: 0 0 15px 15px;
  transition: border 0.5s;
}

.faq-box li.hover,
.faq-box li.cur {
  border: 1px solid #0c4da2;
}

.faq-box .q {
  left: 22px;
  top: 12px;
  width: 38px;
  height: 38px;
  background: url(/static/web/css/../img/bg_sign114.png) no-repeat;
  font: 20px/38px Arial;
  color: #fff;
  text-align: center;
}

.faq-box li .intro {
  padding-right: 10px;
}

.faq-box .list a {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  color: #999;
  transition: color 0.5s;
}

.faq-box .list a.tit {
  font-size: 14px;
  line-height: 28px;
  color: #333;
}

.faq-box .list a:hover {
  color: #0c4da2;
}

.faq-box .list a.sign {
  right: -1px;
  bottom: -1px;
  width: 31px;
  height: 31px;
  background: url(/static/web/css/../img/bg_sign115.png) no-repeat;
}

.faq-box .list a.sign:hover,
.faq-box li.hover a.sign {
  background-position: 0 -31px;
}

.out-faq {
  left: 15px;
  width: 540px;
  padding: 16px 34px 54px 73px;
  border: 1px solid #0c4da2;
  background: #fff;
  line-height: 24px;
  color: #999;
}

.out-faq .a {
  left: 22px;
  top: 12px;
  width: 38px;
  height: 38px;
  background: url(/static/web/css/../img/bg_sign114.png) no-repeat 0 -38px;
  font: 20px/38px Arial;
  color: #fff;
  text-align: center;
}

.out-faq p.fz14 {
  font-size: 14px;
  line-height: 28px;
  color: #333;
}

.out-faq .sign {
  right: -1px;
  bottom: -1px;
  width: 31px;
  height: 31px;
  background: url(/static/web/css/../img/bg_sign115.png) no-repeat 0 -93px;
  cursor: pointer;
}

.out-faq .sign.hover {
  background-position: 0 -93px;
}

.proout-box {
  z-index: 25;
}

.proout-box .bg {
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.proout-box .main {
  left: 50%;
  width: 750px;
  height: 276px;
  padding-left: 230px;
  background: url(/static/web/css/../img/bg_sign119.png) no-repeat 146px center #fff;
  border-bottom: 62px solid #666;
  margin-left: -490px;
  font-size: 30px;
  line-height: 276px;
  color: #333;
}

.map-wrap {
  height: 950px;
}

.ivideo-out {
  z-index: 25;
}

.ivideo-out .bg {
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.ivideo-out .main {
  left: 50%;
  width: 924px;
  height: 484px;
  margin-left: -462px;
  background: #252525;
}

.ivideo-out .close {
  right: -52px;
  top: -10px;
  width: 52px;
  height: 20px;
  background: url(/static/web/css/../img/close04.png) no-repeat center;
  cursor: pointer;
}

.ivideo-out .v-box {
  width: 683px;
  height: 484px;
  border-right: 1px solid #000;
}

.ivideo-out .detail {
  width: 240px;
  height: 484px;
}

.ivideo-out .detail h2 {
  padding-left: 54px;
  border-bottom: 1px solid #000;
  background: url(/static/web/css/../img/bg_sign126.png) no-repeat;
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
  color: #cfcfcf;

}

.ivideo-out .detail .box {
  // height: 268px;
  padding: 31px 29px 30px 30px;
  border-bottom: 1px solid #000;
  line-height: 24px;
  color: #aaa;
}

.ivideo-out .detail .btn {
  padding-top: 30px;
  text-align: center;
}

.ivideo-out .detail a {
  display: inline-block;
  width: 106px;
  border: 1px solid #0062e3;
  background: #0062e3;
  line-height: 28px;
  color: #cbd8f7;
  transition: all 0.5s;
}

.ivideo-out .detail a:hover {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.back-top {
  position: fixed;
  right: 3%;
  bottom: 130px;
  z-index: 25;
  width: 50px;
  height: 92px;
}

.back-top a.top {
  display: inline-block;
  width: 50px;
  height: 45px;
  background: url(/static/web/css/../img/bg_btn13.png) no-repeat;
  margin-bottom: 6px;
}

.back-top a.top:hover {
  background-position: 0 -45px;
}

.back-top a.bot {
  display: inline-block;
  width: 30px;
  background: #e3e3e1;
  padding: 10px;
  margin-bottom: 2px;
  line-height: 18px;
  color: #a9a9a9;
  text-align: center;
  transition: color 0.5s;
}

.back-top a.bot:hover {
  color: #5771a7;
}

/*20150714*/
.search-nav p.en {
  background-image: url(/static/web/css/../img/bg_sign128.png);
}

.s-side li span.fr {
  background-image: url(/static/web/css/../img/bg_sign129.png);
}

.s-side li.cur span.fr {
  background-position: 0 -45px;
}

.search-box ul {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 22px;
}

.search-box li {
  width: 628px;
  height: 42px;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  line-height: 42px;
  color: #bcbcbc;
}

.search-box li a {
  display: inline-block;
  color: #666;
  transition: color 0.5s;
}

.search-box li a:hover {
  color: #0564c6;
}


.pro-cases li .img {
  width: 64px;
  height: 64px;
  background-position: 0 -64px;
  margin: 0 auto;
}




.label-box {
  background-position: 0 0 !important;
}

.label-box.foucs,
.label-box.hover {
  background-position: 0 -66px !important;
}

.regist-main label.label-box.foucs,
.regist-main label.label-box.hover,
.salepart-fo .t-box.label-box.foucs,
.salepart-fo .t-box.label-box.hover,
.salepart-fo .t-box.label-box.cur,
.password-main label.label-box.foucs,
.password-main label.label-box.hover {
  background-position: 0 -72px !important;
}

.label-box.correct {
  background-position: 0 -33px !important;
}

.regist-main label.label-box.correct,
.salepart-fo .t-box.label-box.correct,
.password-main label.label-box.correct {
  background-position: 0 -36px !important;
}

.label-box.erreo {
  background-position: 0 -99px !important;
}

.regist-main label.label-box.erreo,
.salepart-fo .t-box.label-box.erreo,
.password-main label.label-box.erreo {
  background-position: 0 -108px !important;
}

.nolabel-input.hover,
.nolabel-input.foucs {
  border-color: #4774b7 !important;
}

.nolabel-input.correct {
  border-color: #00af00 !important;
}

.nolabel-input.erreo {
  border-color: #fe8301 !important;
}

.salepart-fo .t-box.textarea-box.correct {
  background-position: 0 -112px !important;
}

.salepart-fo .t-box.textarea-box.foucs,
.salepart-fo .t-box.textarea-box.hover {
  background-position: 0 -224px !important;
}

.salepart-fo .t-box.textarea-box.erreo {
  background-position: 0 -336px !important;
}

.mpro-main td label.long.textarea-box-133.correct {
  background-position: 0 -133px !important;
}

.mpro-main td label.long.textarea-box-133.foucs,
.mpro-main td label.long.textarea-box-133.hover {
  background-position: 0 -266px !important;
}

.mpro-main td label.long.textarea-box-133.erreo {
  background-position: 0 -399px !important;
}

.proinfo-part.bg {
  background-color: #f2f2f2;
}

.proinfo-message li.label-box.correct {
  background-position: 0 -42px !important;
}

.proinfo-message li.label-box.foucs,
.proinfo-message li.label-box.hover {
  background-position: 0 -84px !important;
}

.proinfo-message li.label-box.correct {
  background-position: 0 -126px !important;
}

#faqScrollBox {
  position: relative;
  overflow: hidden;
  width: 540px;
  height: 168px;
}

#faqScrollObj {
  position: absolute;
  left: 0;
  top: 0;
  width: 520px;
}

#faqScrollBar {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 168px;
  background: #ccc;
}

#faqScrollBtn {
  position: absolute;
  left: ;
  top: 0;
  width: 2px;
  height: 30px;
  background: #0c4da2;
}

.jiathis_style.program-jia .jtico {
  height: 22px !important;
  padding-left: 0 !important;
}

#PG-box {
  height: 550px;
}

#PG-obj {
  width: 98%;
}

#PG-bar {
  right: 0;
  top: 0;
  width: 5px;
  height: 550px;
  border-radius: 5px;
  background: #ccc;
}

#PG-btn {
  left: 0;
  top: 0;
  width: 5px;
  height: 50px;
  border-radius: 5px;
  background: #0464b8;
  cursor: pointer;
}

.faq-nav {
  background-image: url(/static/web/css/../img/bg_tec.jpg);
}

.videos-nav {
  background-image: url(/static/web/css/../img/bg_video.jpg);
}

.search-nav {
  background-image: url(/static/web/css/../img/bg_search01.jpg);
}

.download-nav {
  background-image: url(/static/web/css/../img/bg_download.jpg);
}

.mapsite-wrap {
  background-image: url(/static/web/css/../img/bg_mapsite.jpg);
}

.mapsite-wrap .tips .en {
  background-image: url(/static/web/css/../img/mapsite.png);
}

.mapsite-main {
  width: 1185px;
  height: 609px;
  padding-top: 43px;
  background: #fff;
  margin: 71px auto 0;
}

.mapsite-main li {
  height: 609px;
  padding: 0 15px 0 40px;
  background: url(/static/web/css/../img/bg_mapsiteline.png) no-repeat right 12px;
}

.mapsite-main li.w160 {
  width: 160px;
}

.mapsite-main li.w170 {
  width: 170px;
}

.mapsite-main li.w180 {
  width: 180px;
}

.mapsite-main li.w220 {
  width: 220px;
}

.mapsite-main li.nobg {
  background: none;
}

.mapsite-main li a {
  display: inline-block;
  transition: color 0.5s;
}

.mapsite-main li a.w-f {
  width: 100%;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 26px;
  color: #333;
}

.mapsite-main li a.fl {
  padding: 0 20px 0 17px;
  background: url(/static/web/css/../img/bg_mapsiteline02.png) no-repeat 2px center;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  color: #666;
}

.mapsite-main li a.tit {
  margin-bottom: 0;
  font-weight: bold;
  line-height: 38px;
  color: #01469d;
}

.mapsite-main li a:hover {
  color: #01469d;
}

.mapsite-main li a.w60 {
  width: 60px;
}

.mapsite-main li a.mt20 {
  margin-top: 20px;
}

.mapsite-main li a.pr10 {
  width: 108px;
  padding-right: 10px;
}

.lc-v {
  margin-top: 30px;
}

.news-search .tab-btns {
  float: left;
  font-size: 0;
  width: auto;
}

.news-search .tab-btns a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  margin-right: 30px;
  position: relative;
}

.news-search .tab-btns a:hover,
.news-search .tab-btns a.cur {
  color: #0c4da2;
}

.news-search .tab-btns a .line {
  position: absolute;
  left: -15px;
  top: 50%;
  width: 1px;
  height: 10px;
  background-color: #666;
  margin-top: -5px;
}

.news-search .tab-btns a:first-child .line {
  display: none;
}

iframe {
  display: block;
}

.vidcontainer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 999;
}

.vidcontainer .black {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.vidcontainer .closevid {
  width: 40px;
  height: 40px;
  background: url(/static/web/css/../img/video-close.png) no-repeat center / cover;
  position: absolute;
  top: 0px;
  right: -50px;
  cursor: pointer;
  z-index: 30;
}

.vidcontainer embed,
.vidcontainer iframe {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.video-wrap {
  display: none;
  position: relative;
  z-index: 100;
}

.video-box {
  position: absolute;
  width: 940px;
  height: 600px;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -470px;
  z-index: 20;

}

#newBridge {
  z-index: 3 !important;
}

.pgpart-se .list-in .detail {
  padding: 11px 34px 0;
}

/**/

.wel-index {
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  justify-content: space-between;
}

.wel-index .w {
  width: 990px;
  /* padding-right: 10%; */
  box-sizing: border-box;
  /*width: 63%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;*/
}

.wel-index-left {
  /*width: calc((100% - 1000px)/2);*/
  /* width: 17%; */
  min-width: 175px;
}

.pro-list .wel-index .list ul {
  width: 100%;
}

.pro-list .wel-index .list li {
  width: 32%;
  margin-right: 1.33%;
  height: auto;
}

.pro-list .wel-index a {
  display: block;
}

.pro-list .wel-index .img a {
  text-align: center;
}

.pro-list .wel-index a img {
  max-width: 100%;
  display: inline-block;
}

.pro-list .wel-index .line {
  width: 100%;
}

.wel-index {
  box-sizing: borer-box;
}

.wel-index .tit-14 {
  font-size: 14px;
}

.wel-index .tit-16 {
  font-size: 16px;
}

.wel-index .tit-18 {
  font-size: 18px;
}

.wel-index .tit-48 {
  font-size: 48px;
}

.wel-index-left .uls-left {
  position: relative;
  height: 55px;
  line-height: 55px;
  background: #f1f1f1;
  color: #333333;
  padding-left: 25px;
  padding-right: 40px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  display: block;

}

.wel-index-left .uls-left:hover {
  color: #333333;
}

.wel-index-left .uls-left:before {
  position: absolute;
  content: "";
  width: 12px;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 6px;
  background: url(/static/web/css/../img/9901.png) no-repeat center;
  background-size: 100%;
}

.wel-index-left .uls-left.active {
  background: #0c4da2;
  color: #fff;
}

.wel-index-left .uls-left.active:before {
  background: url(/static/web/css/../img/9902.png) no-repeat center;
  background-size: 100%;
}

.wel-index-left .uls-right {
  padding: 8px 20px 34px 20px;
  border: 1px solid #ecebec;
  display: none;
}

.wel-index-left .uls:nth-child(n+2) {
  margin-top: 10px;
}

.wel-index-left .uls-right a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #333333;
  position: relative;
  padding-left: 26px;
}

.wel-index-left .uls-right a:hover,
.wel-index-left .uls-right a.active {
  color: #0c4da2;
}

.wel-index-left .uls-right a:hover:before,
.wel-index-left .uls-right a.active:before {
  background: url(/static/web/css/../img/9903.png) no-repeat center;
  background-size: 100%;
}


.wel-index-left .uls-right a:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 8px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/static/web/css/../img/9904.png) no-repeat center;
  background-size: 100%;
}

.wel-index-left .uls-right a:nth-child(n+2) {
  border-top: 1px solid #eaeaea;
}

.inde-list {
  /* border-top:2px solid #e7e7e7; */
  padding-top: 26px;
}

.index-pro-title {
  padding-bottom: 34px;
}

.index-pro-title .tits {
  line-height: 1;
  color: #333333;
  opacity: .5;
}

.index-pro-title .txts {
  color: #333333;
  line-height: 1;
  margin-top: 8px;
}

.pro-list .wel-index .list li .titbox {
  border: 1px solid #e4e4e4;
  padding: 0 3px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: #333333;

}

.pro-list .wel-index .list li .titbox .tit01 {
  height: 28px;
  line-height: 28px;
}

.pro-list .wel-index .list li .titbox .tit02 {
  color: #333333;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  opacity: .8;
  display: none;
}

@media (max-width: 1681px) {
  .wel-index .w {
    padding-right: 0;
  }
}