@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #000; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; background-color: #fff; letter-spacing: 1px;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none; color: #000;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
video{object-fit: cover;}
a:hover {color: #005bbb;}
/* 单行文本 */
.singleText {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; display: block; box-sizing: border-box;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

/*特殊字体*/
@font-face {
	font-family: 'Conv_DIN-Bold';
	src: url('../fonts/DIN-Bold.eot');
	src: local('☺'), url('../fonts/DIN-Bold.woff') format('woff'), url('../fonts/DIN-Bold.ttf') format('truetype'), url('../fonts/DIN-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*其他公用*/
.main{overflow: hidden; width: 100%;}

.wrap{width: 1320px; box-sizing: border-box; margin: 0 auto; }

.often_more{ position: relative; display: inline-block;}
.often_more i{ width: 170px; background: #e80011; display: inline-block;  padding: 10px 0; color: #fff; font-weight: bold; text-align: center; position: relative; z-index: 1;}
.often_more::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: #e80011; opacity: 0.1; margin: 10px; transition: 0.5s;}
.often_more:hover::before{margin: 0;}

.often_more2{ position: relative; display: inline-block;}
.often_more2 i{ width: 170px; background: #fff; display: inline-block;  padding: 10px 0; color: #0b318a; font-weight: bold; text-align: center; position: relative; z-index: 1; box-sizing: border-box; border: 1px solid #0b318a;}
.often_more2::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; box-sizing: border-box; border: 1px solid #0b318a; opacity: 0.1; margin: 10px; transition: 0.5s;}
.often_more2:hover::before{margin: 0;}


/* 网站头/尾 */
.header{ width: 100%; padding: 0 0 0 60px; box-sizing: border-box; height: 74px; position: fixed; left: 0; top: 0; z-index: 999; border-bottom:1px solid rgba(255,255,255,0.1);}
.header_bg_h{ height: 74px; width: 100%;}

.header .logo{ float: left; position: relative;}
.header .nav{ float: right; position: relative; z-index: 100;}
.header .a1{ opacity: 1; transition: 0.4s; position: absolute; left: 0; top: 0;}
.header .a2{ opacity: 0; transition: 0.4s; position: absolute; left: 0; top: 0;}


.header .nav ul{ padding-right: 288px;}
.header .nav li{ float: left; padding: 0 45px;}
.header .nav li a{display: block; position: relative; line-height: 74px;  font-size: 18px; color: #fff;}
.header .nav li a::before{ content: ""; position: absolute; left: 50%; width:0; height: 2px; bottom:-1px; background: #005bbb; transition: 0.4s linear;}

.header .nav li a.one{ color: #005bbb !important;}
.header .nav li a:hover::before,
.header .nav li a.one::before{ width: 100%; left: 0; }


.header .nav .btn{ float: left; width: 288px; height: 100%; position: absolute; right:0; top: 0; cursor: pointer;}
.header .nav .btn .btnbox{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.6s;}

/* 头部搜索和语言按钮 */
.btnbox {color: #fff;}
.head_search {float: left; position: relative; padding: 0 16px 0 40px;}
.head_search .search_icon {display: block; height: 74px; width: 40px; text-align: center; background: url(../images/head_search.png) center no-repeat; position: relative;}
.head_search .search_icon:before{ content: ""; position: absolute; left: 50%; width:0; height: 2px; bottom:-1px; background: #005bbb; transition: 0.4s linear;}
.head_search::before {content: ""; position: absolute; left: 0; top: 32px; height: 12px; width: 1px; background-color: #fff; opacity: 0.2;}
.head_lang {line-height: 72px; height: 74px; box-sizing: border-box; overflow: hidden; padding: 0 25px;}
.head_lang span {display: inline-block; padding: 0 22px 0 30px; background: url(../images/head_langicon.png) left center no-repeat; position: relative;}
.head_lang i {position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../images/head_arrowbtm.png) center no-repeat; transition: all 0.6s;}
.on2 .btnbox,
.header_nav .btnbox {color: #000;}
.on2 .head_search::before,
.header_nav .head_search::before{background-color: #000;}
.on2 .head_search .search_icon,
.header_nav .head_search .search_icon { background-image: url(../images/head_search2.png);}
.on2 .head_lang span,
.header_nav .head_lang span { background-image: url(../images/head_langicon2.png);}
.on2 .head_lang i,
.header_nav .head_lang i { background-image: url(../images/head_arrowbtm2.png);}


.header_nav .head_search.one .search_icon {background-image: url(../images/head_search3.png);}
.header_nav .head_search.one .search_icon:before {width: 100%; left: 0;}
.header_nav .head_lang.one {background-color: #005bbb; color: #fff;}
.header_nav .head_lang.one  span {background-image: url(../images/head_langicon.png);}
.header_nav .head_lang.one i {background-image: url(../images/head_arrowbtm.png); transform: rotate(-180deg);}


.header .zk_bg .btn_top{ position: absolute; width: 50px; height: 30px; background: url(../images/nav_btn3.png) no-repeat center; left: 50%; bottom: 20px; margin-left: -25px; z-index: 50; cursor: pointer; animation: btn_top 1.2s linear infinite;}

@keyframes btn_top{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-12px);}
	80%{transform: translateY(0px);}
	100%{transform: translateY(0px);}
}


.mob_part {display: none;}
.header .zk_bg { width: 100%; background: #fff; position: absolute; top:74px; left: 0; height: 0; overflow: hidden; transition: 0.6s;}
.header .zk_bg .zk { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.header .zk_bg .zk1{display: block; /* background: url(../images/nav_zk1.jpg) no-repeat center; */}
.header .zk_bg .zk2{ display: none; /* background: url(../images/nav_zk2.jpg) no-repeat center; */}
/* 文字部分 */
.header .zk_wrap {width: 1540px; margin: 0 auto; position: relative; height: 100%; box-sizing: border-box;}
.header .zk_graybg {position: absolute; right: 100%; margin-right: -260px; width: 100%; height: 100%; top: 0; background-color: #f2f2f2;}
.header .zk_left {width: 260px; float: left; box-sizing: border-box; position: relative; z-index: 10; padding: 60px 0 0;}
.zk_left .zk_idTabs li {margin-bottom: 15px;}
.zk_left .zk_idTabs a {display: block; font-size: 18px; line-height: 26px; padding: 18px 0; text-align: center;}
.zk_left .zk_idTabs span {display: inline-block; padding: 0 30px; position: relative;}
.zk_left .zk_idTabs span:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -6px; border: 6px solid transparent; border-left-color: #000; display: none;}
.zk_left .zk_idTabs .selected {background-color: #fff; border-left: 3px solid #005bbb;}
.zk_left .zk_idTabs .selected span:after {display: block;}
.header .zk_right {overflow: hidden;}
.zk_rightcon {float: left; width:100%; box-sizing: border-box;}
.zk_rightlist {box-sizing: border-box; padding: 40px 20px 0 120px; line-height: 32px;}
.zk_rightlist .li {float: left; width: 33.33%; box-sizing: border-box; padding: 0 40px;}
.zk_rightlist a {display: inline-block;}
.zk_rightlist dl {margin-bottom: 25px;}
.zk_rightlist dl dt {font-size: 18px; margin-bottom: 5px;}
.zk_rightlist dl dt a {position: relative; padding-right: 20px;}
.zk_rightlist dl dt a:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; border: 4px solid transparent; border-left-color: #000;}
.zk_rightlist dl dd a {color: #666;}
.zk_rightlist dl dd a:hover {color: #005bbb;}
.zk_righthot {float: right; width: 28.6%; box-sizing: border-box; height: 360px; border-left: 1px solid #ddd; padding: 0 0 0 100px; margin-top: 60px;}
.zk_righthot .zkhot_tit {font-size: 24px; line-height: 1.5; color: #333; margin-bottom: 20px;}
.zkhot_list .li {padding: 10px 0;}
.zkhot_list .li a {display: block; overflow: hidden; color: #333; font-size: 15px; line-height: 24px;}
.zkhot_list .li a:hover {color: #005bbb;}
.zkhot_list .li span {float: left; width: 48px; box-sizing: border-box; background-color: #005bbb; text-align: center;}
.zkhot_list .li span img {max-width: 100%;}
.zkhot_list .li b {overflow: hidden; display: block; font-weight: bold; padding: 12px 0 12px 15px;}
/* 个人业务导航 */
/* .zk_righthotbg {position: absolute; left: 100%; margin-left: -367px; width: 100%; height: 100%; top: 0; background: url(../images/index_grywhotbg.jpg) left top;} */
.zk_righthotbg {position: absolute; left: 100%; margin-left: -367px; width: 100%; height: 100%; top: 0;}
.zk_grwylist {position: relative; z-index: 10;}
.zk_grwylist .li {float: left; width: 33.33%; box-sizing: border-box; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; height: 255px; text-align: center;}
.zk_grwylist .li a {display: block; padding: 20px; color: #666; font-size: 16px; line-height: 1.5;}
.zk_grwylist .li span {display: block; height: 185px; box-sizing: border-box;}
.zk_grwylist .li span img {max-width: 100%; max-height: 100%;}
.zk_grwylist .li b {display: block;}
.zk_grwylist .li a:hover {color: #005bbb;}
.zk_grywhot {float: right; width: 28.6%; box-sizing: border-box; padding: 100px 0 0 80px; text-align: center; position: relative; z-index: 10;}
.zk_grywhot a {display: block;}
.zk_grywhot span {display: block;}
.zk_grywhot span img {max-width: 100%;}
.zk_grywhotcon {padding: 35px 0 0;}
.zk_grywhotcon .tit {font-size: 16px; position: relative; display: inline-block; padding: 0 15px; margin-bottom: 5px;}
.zk_grywhotcon .tit:after {content: ""; position: absolute; top: 50%; right: 0; margin-top: -4px; border: 4px solid transparent; border-left-color: #000;}
.zk_grywhotcon .intro {color: #999;} 
/* 搜索导航 */
.zk_searchbg {background: url(../images/head_searchbg.png) center no-repeat; background-size: auto 100%;}
.zk_search_wrap {width: 1000px; margin: 0 auto; padding: 150px 0 50px;}
.head_seachbox {position: relative; line-height: 58px; height: 60px;}
.head_seachbox .seach_input {border: 1px solid #999; box-sizing: border-box; padding: 0 180px 0 70px; background: url(../images/head_searchicon.png) 20px center no-repeat;}
.head_seachbox .seach_input input {font-size: 16px;}
.head_seachbox .seach_submit {position: absolute; right: 0; top: 0; width: 160px; height: 100%; color: #fff; background-color: #005bbb; transition: 0.4s;}
.head_seachbox .seach_submit:hover{ background-color: #000;}
.head_seachbox .seach_submit input {color: #fff; font-size: 18px; cursor: pointer; height: 100%;}
.seach_keylist {overflow: hidden; padding: 15px 0 0;}
.seach_keylist .li {float: left; padding: 0 25px; font-size: 16px; color: #999; line-height: 1.5; position: relative;}
.seach_keylist .li:after {content: ""; position: absolute; right: 0; top: 5px; width: 1px; height: 14px; background-color: #e5e5e5;}
.seach_keylist .li:last-child::after {display: none;}
.seach_keylist .li a {color: #999; display: inline-block;}
/* 语言导航 */
.zk_langbox .zk_search_wrap {padding: 50px 0; font-size: 18px; line-height: 26px;}
.zk_pstbox {color: #999;}
.zk_pstbox b {color: #000;}
.zk_langlist {overflow: hidden; font-weight: lighter; padding: 50px 90px;}
.zk_langlist .li {float: left; width: 33.33%; box-sizing: border-box; padding: 12px;}
.zk_langlist .li a {display: inline-block; padding-right: 18px; color: #005bbb; position: relative;}
.zk_langlist .li a::after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; border: 4px solid transparent; border-left-color: #005bbb;}
.zk_langlist .li a:hover{ color: #000;}

.header.header_nav{ background: rgba(255,255,255,1); border-bottom:1px solid #ddd; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.header.header_nav .a1{ opacity: 0;}
.header.header_nav .a2{ opacity: 1;}
.header.header_nav .nav li a{ color: #000;}
.header.header_nav .zk_bg { height: 510px;} 
.header.header_nav .zk_search_bg{ height: 420px;} 

.header_nav_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: 0.4s; z-index: 100;}
.header_nav_bg.header_nav_bg_on{ opacity: 1;}


.header.on2{ background: rgba(255,255,255,1); border-bottom:1px solid #ddd; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.header.on2 .a1{ opacity: 0;}
.header.on2 .a2{ opacity: 1;}
.header.on2 .nav li a{ color: #000;}
.header.on2 .nav .btn > .btn1{ opacity:0;}
.header.on2 .nav .btn > .btn2{ opacity:1;}



.foot_part1 {background-color: #eef0f5; padding: 100px 0 0; position: relative;}
.foot_part1 .wrap {position: relative; padding: 0 0 100px;}
.right_top{ width: 44px; height: 44px; position: absolute; right: 20px;  z-index: 100; bottom: 20px; background: url(../images/top.png) no-repeat top #005bbb; cursor: pointer;}
.foot_nav {box-sizing: border-box; overflow: hidden; padding: 0 100px 0 0;}
.foot_nav .li {width: 20%; float: left; box-sizing: border-box; padding: 0 10px 0 0;}
.foot_nav a {display: inline-block;}
.foot_nav .li_tit {font-weight: bold; font-size: 15px; line-height: 24px; margin-bottom: 15px;}
.foot_nav .ol a {color: #666; line-height: 20px; padding: 10px 0;}
.foot_nav .ol a:hover {color: #005bbb;}
.foot_langbox {position: absolute; bottom: 0; right: 0;}
.foot_langbox .head_lang {line-height: 52px; height: 52px;}
.foot_langbox .head_lang span { background-image: url(../images/head_langicon2.png);}
.foot_langbox .head_lang i { background-image: url(../images/head_arrowbtm2.png);}
.foot_share {position: absolute; right: 0; top: 0;}
.foot_share .bshare-custom a {display: block; width: 45px; height: 45px; padding: 0; margin: 0 0 24px; transition: 0s; -webkit-transition: 0s;}
.foot_share .bshare-custom .bshare-weixin {background: url(../images/foot_share1.png) center no-repeat; position: relative;}
.foot_share .bshare-custom .bshare-linkedin {background: url(../images/foot_share2.png) center no-repeat;}
.foot_share .bshare-custom .bshare-sinaminiblog {background: url(../images/foot_share3.png) center no-repeat; position: relative;}

.foot_share .bshare-custom a.bshare-weixin img{ position: absolute; right:60px; top: 0; display: none; border:5px solid #fff; width: 150px;} 
.foot_share .bshare-custom a.bshare-weixin:hover img{ display: block;}
.foot_share .bshare-custom a.bshare-sinaminiblog img{ position: absolute; right:60px; top: 0; display: none; border:5px solid #fff; width: 150px;} 
.foot_share .bshare-custom a.bshare-sinaminiblog:hover img{ display: block;}

.foot_part2 {background-color: #343637; color: #b0b0b0; padding: 14px 0;}
.foot_part2 a {color: #b0b0b0;}
.foot_part2 a:hover {color: #fff;}
.foot_copy {font-size: 12px; line-height: 21px; float: left; width: 75%; box-sizing: border-box;}
.foot_link {overflow: hidden; padding: 10px; float: right;}


/* 动画 */
@media screen and (max-width: 1920px) and (min-width: 1200px){


	.header{ transform: translateY(-100px);opacity: 0;transition: 0.8s;}
	.header.on{transform: translateY(0); opacity: 1;}

}

/* 小PC */
@media screen and (max-width:1600px) {
  /* 导航 */
  .header .nav li {padding: 0 30px;}
  .header .nav li a {font-size: 16px;}
  .header .nav ul {padding-right: 260px;}
  .header .nav .btn {width: 260px;}
  .head_search {padding: 0 12px 0 30px;}
  .head_lang {padding: 0 20px;}
  /* 展开导航 */
  .header.header_nav .zk_bg {height: 450px;}
  .header .zk_wrap {width: 1340px;}
  .header .zk_graybg {margin-right: -240px;}
  .header .zk_left {width: 240px; padding: 40px 0 0;}
  .zk_left .zk_idTabs li {margin-bottom: 10px;}
  .zk_left .zk_idTabs a {font-size: 16px; line-height: 24px; padding: 15px 0;}
  .zk_left .zk_idTabs span {padding: 0 25px;}
  .zk_rightlist {padding: 40px 10px 0 70px; line-height: 28px;}
  .zk_rightlist .li {padding: 0 30px;}
  .zk_rightlist dl dt {font-size: 16px;}
  .zk_rightlist dl {margin-bottom: 20px;}
  .zk_righthot {margin-top: 40px; height: 340px; padding: 0 0 0 70px;}
  .zk_righthot .zkhot_tit {font-size: 20px; margin-bottom: 15px;}
  .zkhot_list .li a {font-size: 14px;}
  
  .zk_grwylist .li {height: 225px;}
  .zk_grwylist .li a {padding: 10px; font-size: 14px;}
  .zk_grwylist .li span {height: 160px;}
  .zk_grywhot {padding: 80px 0 0 60px;}
  .zk_righthotbg {margin-left: -315px;}
  .zk_grywhotcon {padding: 30px 0 0;}

  .wrap {width: 1200px;}
  
  
  /* 底部 */
  .foot_part1 {padding: 70px 0 0;}
  .foot_part1 .wrap {padding: 0 0 70px;}
  .foot_nav .li_tit {margin-bottom: 12px;}
  .foot_nav .ol a {padding: 7px 0;}
  .foot_share .bshare-custom a {margin: 0 0 18px;}
  
}


/*--ipad横--*/
@media screen and (max-width:1200px){/*--1024--*/
  .header {display: none;}
  /* 移动端导航 start */
  .header_bg_h{ height: 65px;}
  .mob_part{ width: 100%; display: block; position: fixed; z-index: 999999;}
  .mob_part .top{margin: 0 17px; position: relative; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.1);}
  .mob_part .logo{float: left; height: 64px; transition: 0.4s;}
  .mob_part .logo img {height: 100%;}
  .mob_part .logo .a1a {display: none;}
  .mob_part .logo .a2 {display: none;}
  
  .mob_part .but{float: right;}
  .mob_part .but .p1{float: left; background: url(../images/phone_search.png) center no-repeat; width: 64px; height: 64px; background-size: 21px auto; cursor: pointer;}
  .mob_part .but .p2{ float:right; width: 25px; height: 25px;  display: block; margin-top: 18px; cursor:pointer}	
  .mob_part .but .p2 i{width:100%; height: 2px; margin-top: 12px; background: #fff; display: block; position: relative; transition: 0.4s;}
  .mob_part .but .p2 i:before,
  .mob_part .but .p2 i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #fff; transition: 0.4s;}
  .mob_part .but .p2 i:before{ margin-top: -8px;}
  .mob_part .but .p2 i:after{ margin-top: 8px;}
  .mob_part .but_fh{ height: 100%; line-height: 64px; position: absolute; left:17px ; top: 0; background: url(../images/index_phone_footicon3.png) no-repeat left center; background-size: 12px auto; color: #666666; font-size: 16px; padding-left: 20px; opacity: 0; transform: translateX(-100%); transition: 0.4s; cursor: pointer;}
  .mob_on2 .logo{ transform: translateX(-100%); opacity: 0;}
  .mob_on2 .but_fh{ transform: translateX(0); opacity: 1;}

  .mob_part_lm{ background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
  .mob_part_lm .logo .a1 {display: none;}
  .mob_part_lm .logo .a1a {display: block;}
  .mob_part_lm .but .p1{ background-image: url(../images/phone_search_a.png);}
  .mob_part_lm .but .p2 i,
  .mob_part_lm .but .p2 i:before,
  .mob_part_lm .but .p2 i:after{ background: #000;}


  /* 搜索 */
  .phone_searchtc {background: url(../images/phone_searchbg.png) top center no-repeat; background-size: 100% 100%; position: fixed; top: 65px; left: 0; width: 100%; height: 100%; display: none;}
  .phone_searchtc .search_icon {position: absolute; bottom: 100%; right: 67px; border: 6px solid transparent; border-bottom-color: #fff;}
  .phone_searchtc .head_seachbox {margin-top: 22px; line-height: 34px; height: 36px;}
  .head_seachbox .seach_input {padding: 0 15px 0 40px; background-size: 20px auto; background-position-x: 12px;border-bottom: 3px solid #005bbb;}
  .head_seachbox .seach_input input {font-size: 14px;}
  .seach_keylist {padding: 8px 0 0;}
  .seach_keylist .li {font-size: 12px; padding: 0 10px;}
  .seach_keylist .li:after {height: 8px; background-color: rgba(0,0,0,0.2)}
  
  .mob_part .nav1{position: fixed; right: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: #fff; padding: 20% 0 20px 0; transition: 0.5s; transform: translateX(100%);}
  .mob_part .nav1 .box{overflow-y: auto; height: 100%; padding: 0 20px;}
  .mob_part .nav1 ul>li{border-bottom:1px solid #eaecf2; position: relative;}
  .mob_part .nav1 ul>li>a{color: #333; font-size: 16px; display: block; padding: 15px 10px; cursor:pointer}
  .mob_part .nav1 ul b{position: absolute; right: 8px; top: 20px; width: 10px; height: 10px; background: url(../images/index_phone_footicon.png) center no-repeat; background-size: cover; transition: 0.5s;}

  .phone_lang_bg{ position: absolute; bottom: 0px; width: 100%; transition: 0.6s; background: rgba(0,0,0,0.0); }
  .phone_lang {position: absolute; bottom: 0; width: 100%; left: 0; text-align: center;}
  .head_lang {display: block; text-align: center; line-height: 60px; height: 60px; transition: 0.6s;}
  .head_lang span {background-image: url(../images/head_langicon2.png); cursor: pointer;}
  .head_lang i {background-image: url(../images/head_arrowbtm2.png);}
  .phone_langlist { height: 270px;overflow-y: auto; background: #fff; display: none; }
  .phone_langlist .phone_langlist_ul{ padding-bottom: 40px;}
  .phone_langlist a{ line-height: 50px; height: 50px; border-bottom: 1px solid #ebebeb; font-size: 14px; display: block; color: #333;}
  .phone_langlist::after{ content: ""; position: absolute; width: 100%; height: 60px; bottom: 0; left: 0;background-image: linear-gradient(to top, #fff 0%, transparent 100%); z-index: 10;}
  .phone_langlist a.one{ background: #005bbb; color: #fff;font-weight: bold;}
  .phone_lang_bg.on{ height: 100%; background: rgba(0,0,0,0.6);}
  .phone_lang_bg.on .head_lang{ background: #eef0f5;line-height: 40px; height: 40px;}
  

  .mob_part .nav2{position: fixed; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,255,255,1); padding: 80px 0 20px 0; transition: 0.5s; transform: translateX(-100%);}
  .mob_part .nav2 .box{overflow-y: auto; height: 100%; padding: 0 20px;}
  .mob_part .nav2 a{ display: block;}
  .mob_part .nav2 dl{ padding-bottom: 8px;}
  .mob_part .nav2 dt{font-size: 18px; padding: 14px 0; color: #005bbb;border-bottom: 1px solid #dce0e9; position: relative;}
  .mob_part .nav2 dt b{position: absolute; right: 8px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/index_phone_footicon.png) center no-repeat; background-size: cover; display: none; }
  .mob_part .nav2 dd {padding: 0 0 0 20px; overflow: hidden;}
  .mob_part .nav2 dd ol{ display: none;}
  .mob_part .nav2 dd > span{display: block; padding: 12px 0;border-bottom: 1px solid #dce0e9; cursor:pointer}
  .mob_part .nav2 dd > span a{color: #333; font-size: 16px; position: relative;}
  .mob_part .nav2 dd > span b{position: absolute; right: 8px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/index_phone_footicon2.png) center no-repeat; background-size: cover; transition: 0.4s;  }
  .mob_part .nav2 dd.one > span a{ color: #000;}
  .mob_part .nav2 dd.one > span b{ transform: rotate(90deg);}
  .mob_part .nav2 dd li{padding: 12px 16px;}
  .mob_part .nav2 dd li a{color: #666666; font-size: 15px;}
  .mob_body{ width: 100%; height: 100%; overflow: hidden;}
  
  /* 展开 */
  .mob_part.mob_on .top { background-color: #eef0f5; margin: 0; padding: 0 17px; border-color: #eef0f5;}
  .mob_part.mob_on .logo .a2 {display: inline-block;}
  .mob_part.mob_on .logo .a1 {display: none;}
  .mob_part.mob_on .logo .a1a {display: none;}
  .mob_part.mob_on .but .p1 {opacity: 0;}
  .mob_part.mob_on .but .p2 i{background: none;}
  .mob_part.mob_on .but .p2 i:before{ transform: rotate(45deg); margin: 0; background: #005bbb;}
  .mob_part.mob_on .but .p2 i:after{ transform: rotate(-45deg); margin: 0; background: #005bbb;}
  .mob_part.mob_on .nav1{transform: translateX(0);}
  .mob_part.mob_on2 .nav2{transform: translateX(0);}
  /* 移动端导航 end */
  
  .wrap {width: 100%; padding: 0 20px;}
  
  /* 底部 */
  .foot_part1 {padding: 50px 0 0;}
  .foot_part1 .wrap {padding: 0 20px 50px;}
  .foot_nav .li_tit {margin-bottom: 10px;}
  .foot_nav .ol a {padding: 6px 0;}
  .foot_share {right: 20px;}
  .foot_share .bshare-custom a {margin: 0 0 15px;}
  
}

/*--ipad竖--*/
@media screen and (max-width:1002px){/*--768--*/

  .mob_part .nav1{padding: 45% 0 20px 0;}

  /* 内容第二部分 */
  .wrap {width: 100%; padding: 0 17px;}
 
  
  /* 底部 */
  .foot_part1 {padding: 40px 0 0;}
  .foot_part1 .wrap {padding: 0 20px 40px;}
  .foot_nav .li_tit {margin-bottom: 8px;}
  .foot_nav .ol a {padding: 5px 0;}
  .foot_share {right: 20px;}
  .foot_share .bshare-custom a {margin: 0 0 12px;}
  .foot_copy {width: 100%; float: none; text-align: center;}
  .foot_link {font-size: 12px; padding: 0 0 5px; text-align: left; float: none; text-align: center;}
}

/*--手机横--*/
@media screen and (max-width:758px){
  .right_top{ display: none;}
  .mob_part .nav1{padding: 10% 0 20px 0;}
  
  /* 底部 */
  .foot_part1 {padding: 30px 0 0;}
  .foot_part1 .wrap {padding: 0 30px 30px;}
  .foot_nav {padding: 0 0 20px;}
  .foot_nav a {display: block;}
  .foot_nav .li {float: none; width: 100%; padding: 0;}
  .foot_nav .li_tit {margin-bottom: 0; font-size: 14px; line-height: 44px; font-weight: normal; position: relative; border-bottom: 1px solid #d5dae5;}
  .foot_nav .li_tit::after {content: ""; position: absolute; right: 0; top: 18px; width: 10px; height: 10px; background: url(../images/index_phone_footicon.png) center no-repeat; background-size: cover; transition: all 0.6s;}
   .foot_nav .li.one .li_tit::after {transform: rotate(-90deg);}
  .foot_nav .ol {display: none;}
  .foot_nav .ol a {padding: 6px 0;}
  .foot_langbox {position: relative; text-align: center;}
  .foot_share {position: relative; text-align: center; right: 0;}
  .foot_part1 .foot_share .bshare-custom a {display: inline-block; margin: 0 15px; width: 35px; height: 35px; background-size: cover;}

  .foot_link {color: #fff;}
  .foot_link a {color: #fff;}
  .foot_copy {font-size: 10px; line-height: 16px;}

  .foot_share .bshare-custom a.bshare-weixin img{right:-60px; top: auto; bottom: 40px; } 
  .foot_share .bshare-custom a.bshare-sinaminiblog img{right:-60px; top: auto; bottom: 40px; } 

}

/*--手机竖--*/
@media screen and (max-width:470px){

  .mob_part .nav1{padding: 45% 0 20px 0;}

  
}