/* 初始化CSS */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*-webkit-user-select:none;*/}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight: normal;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input,button{padding:0; margin: 0; background: none; border: none; outline: none;}
button{ cursor: pointer;}
select, input{vertical-align:middle; font-family: "微软雅黑"}
select, input, textarea{font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{resize:none; font-family: "微软雅黑",Arial,sans-serif;}
html{ height: 100%;}
body{position: relative; min-width: 1024px; overflow-x: hidden; color:#171717; font:100% "微软雅黑",Arial,sans-serif; background:#fff;}
a{ text-decoration:none;}
i, em{ font-style:normal;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.pd{ width: 28rem; margin-right:auto; margin-left: auto; overflow: hidden;}
.rgba26{ background: rgba(255,255,255,.26);}
.warning{ opacity: 0; transform: translateY(-1rem); transition: all 0.6s;}
.warning.show{ opacity: 1;transform: translateY(0rem);}

/*首页*/
body.index{ height: 100%; font-size: 100%;}
header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 3;}
header .top{ padding-top: 0.25rem;}
header .top .tel{ margin-right: 0.1rem; height: 0.72rem; font-size: 0.13px; color: #fff;}
header .top .lang{ position: relative; margin-left: 0.38rem; width: 1.62rem; height: 0.72rem; line-height: 0.72rem; text-align: center; background: #e79012; border-radius: 3px; overflow: hidden;}
header .top .lang span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size:12px; color: #fff; z-index: 3; transition: all 0.2s;}
header .top .lang:hover span{ color: #e79012; transform: scale(1.1);}
header .top .lang:after{ position: absolute; left: -220%; bottom: 0; display: block; content: ''; width: 164%; height: 1.5rem; background: #fff; transition: left 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.6); transform: skewX(45deg);}
header .top .lang:hover:after{ left: -45%;}
.menu{position: relative; margin-top: 0.25rem; height: 0.9rem; text-align: center; z-index: 4; overflow: visible;}
.menu .logo{ width: 5rem;}
.menu .logo a{ display: block; width: 100%;}
.menu .logo img{ display:block; width: 100%;}
.menu nav{ margin-left: 1rem; margin-right: 1.12rem; line-height: 1rem; height: 0.82rem;}	
.menu .a1{position: relative; float: left; display: block; margin-right: 1rem; height: 100%; color: #bfbfbf; font-size:13px; overflow: hidden;}
.menu .a1:after{ display: block; position: absolute; top: 1.51rem; left:50%; margin-left: -0.18rem; width: 0.36rem; height: 0.27rem; background: url(../images/menu_jt.png) center center no-repeat; background-size: 100% 100%; content: ''; opacity: 0;}
.menu .a1:hover{ color: #fff; text-shadow: 0 0 0.2em #fff,-0 -0 0.1em #ddd;}
.menu .a1.active{ color: #fff; text-shadow: 0 0 0.2em #fff,-0 -0 0.1em #ddd; overflow: visible;}
/*.kmd .menu .a1:hover,.rhtx .menu .a1:hover{ color: #fff; text-shadow: 0 0 0.2em #555,-0 -0 0.1em #ddd;}
.kmd .menu .a1.active,.rhtx .menu .a1.active{ color: #fff; text-shadow: 0 0 0.2em #555,-0 -0 0.1em #ddd;}*/
.menu .a1.active:first-child:after{ display: none;}
.menu .a1.active:after{ opacity: 1;}
.menu .a1.active.hid:after{ opacity: 0;}
.menu .a1.transition:after{ transition: all 0.4s;}
.menu .search{position: relative; margin-top: 0.08rem; width: 5.6rem; height: 0.9rem; border: 1px solid #fff; border-radius: 3px;}
.menu .search .text{ position: absolute; top: 0; left: 0; display: block; padding: 0.1rem 0.2rem; width: 4.4rem; height: 100%; line-height: 0.7rem; color: #fff; font-size: 12px;}
.menu .search .btn{ position: absolute; top: 0; right: 0; display: block; width: 1.2rem; height: 100%; cursor: pointer; background: url(../images/btn_search.png) center center no-repeat;}
.menu .search .btn:hover{ animation: hvr-buzz-out 1s 1 linear;}
@keyframes hvr-buzz-out{
	0%{transform:scaleX(1)}
	10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}
	30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
	40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
	to{transform:scaleX(1)}
	}
.menu .sub{position: absolute; left: 0; top: 1.78rem; width: 100%; height: 0; overflow: hidden; text-align: left; z-index: 1; font-size: initial;}
.menu .sub.show{ height: auto;}
.menu .sub ul{ position: relative; width: 100%;}	
.menu .sub ul li{position: absolute; top: 0; left: 0; padding:55px 0 20px 0; width: 100%; line-height: 30px;  transition: all 1s; -webkit-transition: all 1s;}
.menu .sub ul li.hide{ opacity: 0; transform:translateX(100px); z-index: -9999; transition: all 0s; -webkit-transition: all 0s;}
.menu .sub ul li.show{ opacity: 1; transform:translateX(0); z-index: 9999;}	
.menu .sub ul li .submenu { float: left; padding-right: 2.5rem; width: 33%;}
.menu .sub ul li .submenu .first{ height: 0.765rem; line-height: 0.765rem;}
.menu .sub ul li .submenu .first a{ display: block; color: #c3c3c3; font-size:13px; transition: color 0.1s;}
.menu .sub ul li .submenu:hover .first a{ text-shadow: 0 0 2px #aaa; color: #fff;}
.menu .sub ul li .submenu p{ padding-top: 10px; width: 100%; height: 85px; line-height: 20px; border-top: 1px solid #fff; text-overflow:ellipsis;}
.menu .sub ul li .submenu p span{ display: block; width: 134%; font-size: 12px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.banner{position: relative; width: 100%; height: 100%; background: #2c2c3a; overflow: hidden;}
.banner.transition{transition: all 0.4s; -webkit-transition all 0.4s;}
.banner ul{ width: 100%; height: 100%;}
.banner ul li{ position: relative; width: 100%; height: 100%; cursor: default;}	
.banner ul li .sub{ position: absolute;}
.banner ul li .top{ left: 0; top: 0; z-index: 2; width: 100%; height: 3rem; overflow: hidden;}
.banner ul li .top .top_ban{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner ul li .bottom{ left: 0; bottom: 0px; z-index: 2; width: 100%; height: calc(100vh - 3rem + 2px); overflow: hidden;}
.banner ul li .bottom .bot_ban{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100vh;  background-repeat: no-repeat; background-position: center; background-size: cover;}	
.banner span.button-prev,.banner span.button-next{ position: absolute; top: 50%; margin-top: -14px;  width: 19px; height: 33px; opacity: 0.8; z-index: 999; cursor: pointer;}
.banner span.button-prev{ left: 20px; background: url(../images/btn_prev.png) center center no-repeat;}
.banner span.button-next{ right: 20px; background: url(../images/btn_next.png) center center no-repeat; }

.banner .ban_1{ position: relative; margin: 0 auto; width: 70%; min-width: 896px; height: 100%; color: #0b5db1; text-align: center;}
.banner .ban_1 h2{ position: absolute; top: 21%; width: 100%; font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s;}
.banner .ban_1 h3{ position: absolute; top: 29%; width: 100%; font-size: 14px; opacity: 0; transform: translateX(4rem); transition: transform 1s 0.8s,opacity 0.8s 0.8s;}
.banner .ban_1 p{ position: absolute; top: 34.9%; width: 100%; height: 20px; font-size: 12px; opacity: 0; transform: translatex(-4rem); transition: transform 1s 1.2s,opacity 0.8s 1.2s;}
.banner .ban_1 p span{ margin: 0 20px;}
.banner .ban_1 .img{ position: absolute; top: 40%; left: 50%; transform: translateX(-50%); width: 70%; height: auto;}
.banner .ban_1 .img .img1{ width: 100%; height: auto; opacity: 0; transition: opacity 3s;}
.banner .ban_1 .img .img2{ position: absolute; top: 28.4%; left: 33.33%; width: 35%; height: auto; opacity: 0; transform: scale(0.3); transition: opacity 1s 0.5s,transform 1s 0.5s}
.banner .ban_1 .img .img3{ position: absolute; top: 13.56%; left: 28.8%; width: 41.667%; height: auto; opacity: 0; transition: opacity 2s 2.4s;}
.banner .ban_1 .img .ico{ position: absolute; height: auto; opacity: 0; transition: opacity 0.8s,transform 1s;}
.banner .ban_1 .img .ico1{ width: 28.8%; top: 0; left: 0; transform: translate(3rem,3rem) scale(0.3); transition-delay:1.3s;}
.banner .ban_1 .img .ico2{ width: 29%; top: 0; right: 0; transform: translate(-3rem,2rem) scale(0.3); transition-delay:1.6s;}
.banner .ban_1 .img .ico3{ width: 25.64%; bottom: 0; left: 0; transform: translate(3rem,-1rem) scale(0.3); transition-delay:1.9s;}
.banner .ban_1 .img .ico4{ width: 29%; bottom: 0; right: 0; transform: translate(-3rem,-3em) scale(0.3); transition-delay:2.2s;}

.banner .ban_2 { position: relative; margin: 0 auto; width: 70%; min-width: 896px; height: 100%;}
//.banner .ban_2 .word{ position: absolute; top: 21%; left: 0; color: #fff; text-align: left;}
.banner .ban_2 .word{ position: absolute; top: 21%; right: 0; color: #fff; text-align: left;}
.banner .ban_2 h2{ font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s;}
.banner .ban_2 p{ margin-top: 20px; width: 100%;}
.banner .ban_2 p span{ position: relative; padding-left: 12px; display: block; height: 28px; line-height: 28px; font-size: 12px;}
.banner .ban_2 p span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.banner .ban_2 p span:nth-child(1){ opacity: 0; transform: translateX(2rem); transition: transform 1s 0.8s,opacity 0.8s 0.8s;}
.banner .ban_2 p span:nth-child(2){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.3s,opacity 0.8s 1.3s;}
.banner .ban_2 p span:nth-child(3){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.8s,opacity 0.8s 1.8s;}
.banner .ban_2 p span:nth-child(4){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.3s,opacity 0.8s 2.3s;}
.banner .ban_2 p span:nth-child(5){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.8s,opacity 0.8s 2.8s;}
//.banner .ban_2 .img{ position: absolute; top: 30%; right: 0; width: 40%; height: auto; }
//.banner .ban_2 .img .img1{ width: 100%; height: auto; opacity: 0; transition: opacity 2.5s 1.6s;}
//.banner .ban_2 .img .ico{ position: absolute; width: 20.14%; height: auto; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
//.banner .ban_2 .img .img2{ width: 24%; left: 38.1%; top: 37.14%; transition-delay: 0.1s;}
//.banner .ban_2 .img .img3{ width: 19.1%; left: 26.06%; top: 14.28%; transition-delay: 0.35s;}
//.banner .ban_2 .img .img4{ width: 19.1%; left: 54.1%; top: 14.28%; transition-delay: 0.6s;}
//.banner .ban_2 .img .img5{ width: 19.1%; left: 67.6%; top: 38.5%; transition-delay: 0.35s;}
//.banner .ban_2 .img .img6{ width: 19.1%; left: 55.5%; top: 65%; transition-delay: 0.6s;}
//.banner .ban_2 .img .img7{ width: 19.1%; left: 27.8%; top: 65%; transition-delay: 0.35s;}
//.banner .ban_2 .img .img8{ width: 19.1%; left: 13.03%; top: 39.28%; transition-delay: 0.6s;}
//.banner .ban_2 .img .img9{ width: 10.78%; left: 40%; top: 0; transition-delay: 0.85s;}
//.banner .ban_2 .img .img10{ width: 10.78%; left: 78.7%; top: 17.85%; transition-delay: 1.05s;}
//.banner .ban_2 .img .img11{ width: 10.78%; left: 83.6%; top: 60.5%; transition-delay: 0.85s;}
//.banner .ban_2 .img .img12{ width: 10.78%; left: 51.23%; bottom:0 ; transition-delay: 1.05s;}
//.banner .ban_2 .img .img13{ width: 10.78%; left: 11.6%; top: 71.2%; transition-delay: 0.85s;}
//.banner .ban_2 .img .img14{ width: 10.78%; left: 6%; top: 26%; transition-delay: 1.05s;}
.banner .ban_2 .img{ position: absolute; left: 0; top: 23%; width: 54%; height: 59.8%;}
.banner .ban_2 .img:after{ display: block; width: 100%; padding-top: 56%; content: '';}
.banner .ban_2 .img img{ position: absolute; width: 10%; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
.banner .ban_2 .img .img1{ top: 17.67%; left: 43.7%; transition-delay: 0.1s;}
.banner .ban_2 .img .img2{ top: 15%; left: 63.7%;width: 17%; transition-delay: 0.5s;}
.banner .ban_2 .img .img3{ top: 17.67%; left: 90%; transition-delay: 0.3s;}
.banner .ban_2 .img .img4{ top: 51%; left: 55.79%; transition-delay: 0.1s;}
.banner .ban_2 .img .img5{ top: 51%; left: 78%; transition-delay: 0.6s;}
.banner .ban_2 .img .img6{ top: 46%; left: 95.79%; transition-delay: 0.8s;}

.banner .ban_3 { position: relative; height: 100%; margin: 0 auto;}
.banner .ban_3 .word{ position: absolute; top: 70%; right: 10%; color: #fff; text-align: left; z-index: 9;}
.banner .ban_3 h2{ left: 0; font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s; color: #fff;}
.banner .ban_3 p{ margin-top: 20px; width: 100%;}
.banner .ban_3 p span{ position: relative; padding-left: 12px; display: block; color: #fff; height: 28px; line-height: 28px; font-size: 12px;}
.banner .ban_3 p span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.banner .ban_3 p span:nth-child(1){ opacity: 0; transform: translateX(2rem); transition: transform 1s 0.8s,opacity 0.8s 0.8s;}
.banner .ban_3 p span:nth-child(2){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.3s,opacity 0.8s 1.3s;}
.banner .ban_3 p span:nth-child(3){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.8s,opacity 0.8s 1.8s;}
.banner .ban_3 p span:nth-child(4){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.3s,opacity 0.8s 2.3s;}
//.banner .ban_3 .img1{ position: absolute; top: 0; left: 0; width: 45%; height: auto; transform: rotate(-90deg) translate(0,-10rem); transform-origin: 0 4rem; transition: 1.5s 1s;}
//.banner .ban_3 .img2{ position: absolute; bottom: 0; right: 0; width: 42%; height: auto; transform: rotate(-90deg) translate(0,10rem); transform-origin: 100% 0; transition:1.5s 0.5s; }
.banner .ban_3 .img{ position: absolute; left: 0; top: 23%; width: 35%; height: 59.8%;}
.banner .ban_3 .img:after{ display: block; width: 100%; padding-top: 56%; content: '';}
.banner .ban_3 .img img{ position: absolute; width: 10%; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
.banner .ban_3 .img .img1{ top: 70%; left: 43.7%; transition-delay: 0.1s;}
.banner .ban_3 .img .img2{ top: 70%; left: 73.7%; transition-delay: 0.5s;}
.banner .ban_3 .img .img3{ top: 70%; left: 100%; transition-delay: 0.3s;}
.banner .ban_3 .img .img4{ top: 90%; left: 55.79%; transition-delay: 0.1s;}
.banner .ban_3 .img .img5{ top: 96%; left: 82%;width: 15%; transition-delay: 0.6s;}
.banner .ban_3 .img .img6{ top: 94%; left: 115%; transition-delay: 0.8s;}

.banner .ban_4 { position: relative; margin: 0 auto; height: 100%;}
.banner .ban_4 .word{ position: absolute; top: 30%; left:3rem; color: #fff; text-align: left;}
.banner .ban_4 h2{ left: 0; font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s;}
.banner .ban_4 p{ margin-top: 20px; width: 100%;}
.banner .ban_4 p span{ position: relative; padding-left: 12px; display: block; height: 28px; line-height: 28px; font-size: 12px;}
.banner .ban_4 p span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.banner .ban_4 p span:nth-child(1){ opacity: 0; transform: translateX(2rem); transition: transform 1s 0.8s,opacity 0.8s 0.8s;}
.banner .ban_4 p span:nth-child(2){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.3s,opacity 0.8s 1.3s;}
.banner .ban_4 p span:nth-child(3){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.8s,opacity 0.8s 1.8s;}
.banner .ban_4 p span:nth-child(4){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.3s,opacity 0.8s 2.3s;}
.banner .ban_4 p span:nth-child(5){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.8s,opacity 0.8s 2.8s;}
.banner .ban_4 p span:nth-child(6){ opacity: 0; transform: translateX(2rem); transition: transform 1s 3.3s,opacity 0.8s 3.3s;}
//.banner .ban_4 .img{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto; height: 100%;}
//.banner .ban_4 .img .bg{ display: block; height: 100%;}
//.banner .ban_4 .img .iconbox{ position: absolute; top: 13.91%; left: 57.17%; width: 5%;}
//.banner .ban_4 .img .iconbox span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: auto; transform-origin:50% 450%; transition-duration: 1.2s; transition-property: transform; transition-timing-function: ease-in-out;transform: rotate(0);}
//.banner .ban_4 .img .iconbox span em{ display: block; position: relative; width: 100%; height: auto;transform: rotate(0);transition-duration: 1.2s; transition-property: transform;}
//.banner .ban_4 .img .iconbox span em img{ display: block; width: 100%; height: auto;}
//.banner .ban_4 .img .iconbox span em i{ display: block; position: absolute; left: 0; bottom: -1rem; width: 100%; font-size: 12px; color: #fff; text-align: center; line-height: 1rem; opacity: 0; transition: opacity 2s; transition-delay: 1.2s; white-space: nowrap;}
.banner .ban_4 .img{ position: absolute; left: 0; top: 23%; width: 35%; height: 59.8%;}
.banner .ban_4 .img:after{ display: block; width: 100%; padding-top: 56%; content: '';}
.banner .ban_4 .img img{ position: absolute; width: 10%; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
.banner .ban_4 .img .img1{ top: 0; left: 150%; transition-delay: 0.1s;}
.banner .ban_4 .img .img2{ top: 20%; left: 170%; transition-delay: 0.5s;}
.banner .ban_4 .img .img3{ top: 20%; left: 130%; transition-delay: 0.3s;}
.banner .ban_4 .img .img4{ top: 5%; left: 190%; width: 7%;transition-delay: 0.1s;}
.banner .ban_4 .img .img5{ top: 10%; left: 210%;transition-delay: 0.6s;}
.banner .ban_4 .img .img6{ top: 30%; left: 230%; transition-delay: 0.8s;}
.banner .ban_4 .img .img7{ top: 5%; left: 235%; transition-delay: 0.8s;}
.banner .ban_4 .img .img8{ top: 20%; left: 250%; transition-delay: 0.8s;}

.banner .ban_5 { position: relative; margin: 0 auto; height: 100%;}
.banner .ban_5 .word{ position: absolute; top: 21%; right: 4rem; color: #fff; text-align: left;}
.banner .ban_5 h2{ font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s;}
.banner .ban_5 h3{ margin-top: 0.4rem; font-weight: bold; font-size: 13px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.9s,opacity 0.8s 0.9s; font-weight: normal;}
.banner .ban_5 p{ margin-top: 20px; width: 100%;}
.banner .ban_5 p span{ position: relative; padding-left: 12px; display: block; height: 28px; line-height: 28px; font-size: 12px;}
.banner .ban_5 p span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.banner .ban_5 p span:nth-child(1){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.3s,opacity 0.8s 1.3s;}
.banner .ban_5 p span:nth-child(2){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.8s,opacity 0.8s 1.8s;}
.banner .ban_5 p span:nth-child(3){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.3s,opacity 0.8s 2.3s;}
.banner .ban_5 p span:nth-child(4){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.8s,opacity 0.8s 2.8s;}
.banner .ban_5 p span:nth-child(5){ opacity: 0; transform: translateX(2rem); transition: transform 1s 3.3s,opacity 0.8s 3.3s;}
.banner .ban_5 .img{ position: absolute; left: 0; top: 23%; width: 54%; height: 59.8%;}
.banner .ban_5 .img:after{ display: block; width: 100%; padding-top: 56%; content: '';}
.banner .ban_5 .img img{ position: absolute; width: 8.97%; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
.banner .ban_5 .img .img1{ top: 0; left: 72.3%; transition-delay: 0.1s;}
.banner .ban_5 .img .img2{ top: 17.67%; left: 43.7%; transition-delay: 0.5s;}
.banner .ban_5 .img .img3{ top: 28.19%; left: 63.2%; transition-delay: 0.3s;}
.banner .ban_5 .img .img4{ top: 40.04%; left: 13.91%; transition-delay: 0.1s;}
.banner .ban_5 .img .img5{ top: 51%; left: 55.79%; transition-delay: 0.6s;}
.banner .ban_5 .img .img6{ top: 63.09%; left: 36.54%; transition-delay: 0.8s;}
.banner .ban_5 .img .img7{ top: 57.5%; right: 0; transition-delay: 0.4s;}
.banner .ban_5 .img .img8{ bottom: 5%; left: 67.62%; transition-delay: 0.7s;}

.banner .ban_6 { position: relative; margin: 0 auto; width: 70%; min-width: 896px; height: 100%;}
.banner .ban_6 .word{ position: absolute; top:25%; right: 0; color: #fff; text-align: left;}
.banner .ban_6 h2{ font-weight: bold; font-size: 20px; transform: translateY(-2rem); opacity: 0; transition: transform 1s 0.4s,opacity 0.8s 0.4s;}
.banner .ban_6 p{ margin-top: 20px; width: 100%;}
.banner .ban_6 p span{ position: relative; padding-left: 12px; display: block; height: 28px; line-height: 28px; font-size: 12px;}
.banner .ban_6 p span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.banner .ban_6 p span:nth-child(1){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.3s,opacity 0.8s 1.3s;}
.banner .ban_6 p span:nth-child(2){ opacity: 0; transform: translateX(2rem); transition: transform 1s 1.8s,opacity 0.8s 1.8s;}
.banner .ban_6 p span:nth-child(3){ opacity: 0; transform: translateX(2rem); transition: transform 1s 2.3s,opacity 0.8s 2.3s;}
//.banner .ban_6 .img { position: absolute; top: 20%; right: 14%; width: 40%;}
//.banner .ban_6 .img .bg{ width: 100%; height: auto; opacity: 0; transform: scale(0) rotate(90deg);  transition: 1.5s 1s;}
//.banner .ban_6 .img .icobox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(0) rotate(90deg);  transition: 1.5s 1s;}
//.banner .ban_6 .img em{ position: absolute; display: block; top: 36.66%; left: 33.9%; width: 24.48%; border-radius: 50%; background: #f39800; opacity: 0; transform: scale(0); transition: 1s;}
//.banner .ban_6 .img em:after{ display: block; content: ''; width: 100%; padding-bottom: 100%;}
//.banner .ban_6 .img em i{ position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); display: block; text-align: center; color: #fff; font-weight: bold; font-size: 0.8rem;}
//.banner .ban_6 .img .ico{ position: absolute; width: 17.7%; border-radius: 50%;}
//.banner .ban_6 .img .ico img{ display: block; width: 100%; height: auto;}
//.banner .ban_6 .img .ico i{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 12px; color: #fff; text-align: center; line-height: 1rem;}
//.banner .ban_6 .img .ico.img1{ left: 53.3%; top: 0; background: #00a0e9;}
//.banner .ban_6 .img .ico.img2{ right: 0; top: 42.51%; background: #8957a1;}
//.banner .ban_6 .img .ico.img3{ left: 49.8%; bottom: 0; background: #12c2c4;}
//.banner .ban_6 .img .ico.img4{ left: 0; top: 64.47%; background: #8fc31f;}
//.banner .ban_6 .img .ico.img5{ left: 1.64%; top: 12.37%; background: #eb6877;}
.banner .ban_6 .img{ position: absolute; left: 0; top: 40%; width: 55%; height: 59.8%;}
.banner .ban_6 .img:after{ display: block; width: 100%; padding-top: 56%; content: '';}
.banner .ban_6 .img img{ position: absolute; width: 10%; opacity: 0; transform: scale(0.3); transition: opacity 0.5s,transform 1s;}
.banner .ban_6 .img .img1{ top: 0; left: 5%; width: 8%;transition-delay: 0.8s;}
.banner .ban_6 .img .img2{ top: 8%; left: 35%;width: 13%; transition-delay: 0.5s;}
.banner .ban_6 .img .img3{ top: 5%; left: 65%; width: 8%; transition-delay: 0.3s;}
.banner .ban_6 .img .img4{ top: 30%; left: 5%;width: 8%; transition-delay: 0.1s;}
.banner .ban_6 .img .img5{ top: 38%; left: 35%;transition-delay: 0.6s;}
.banner .ban_6 .img .img6{ top: 33%; left: 65%; transition-delay: 0.8s;}

.banner .word.act h2{ transform: translateY(0); opacity: 1;}
.banner .word.act h3{ transform: translateX(0); opacity: 1;}
.banner .word.act p{ transform: translateX(0); opacity: 1;}
.banner .word.act p span{ transform: translateX(0); opacity: 1;}
.banner .img.act .img1{ opacity: 1; transform: translate(0,0) rotate(0);}
.banner .img.act .img2{ opacity: 1; transform: scale(1);}
.banner .img.act img{ opacity: 1; transform: scale(1);}
.banner .img.act .ico,.banner .img.act .icb{ opacity: 1; transform: scale(1) translate(0,0) rotate(0);}
.banner .ban_4 .img.act .iconbox span:nth-child(1){ transform: rotate(-15deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(2){ transform: rotate(30deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(3){ transform: rotate(75deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(4){ transform: rotate(120deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(5){ transform: rotate(165deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(6){ transform: rotate(210deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(7){ transform: rotate(255deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(8){ transform: rotate(300deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(1) em{ transform: rotate(15deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(2) em{ transform: rotate(-30deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(3) em{ transform: rotate(-75deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(4) em{ transform: rotate(-120deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(5) em{ transform: rotate(-165deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(6) em{ transform: rotate(-210deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(7) em{ transform: rotate(-255deg);}
.banner .ban_4 .img.act .iconbox span:nth-child(8) em{ transform: rotate(-300deg);}
.banner .ban_4 .img.act .iconbox span em i{ opacity: 1;}

.banner .ban_6 .img.act em{ opacity: 1; transform: scale(1);}
.banner .ban_6 .img.act .bg{ opacity: 1; transform: scale(1) rotate(0deg); }
.banner .ban_6 .img.act .icobox{ opacity: 1; transform: scale(1) rotate(0deg); }

section .index_h2{ margin-top: 0.5rem; text-align: center; font-size: 20px; font-weight:bold; transition-duration: 0.6s; transition-property: transform,opacity; transform: translateY(-120%); opacity: 0;}
section .index_h2 a{ color: #171717;}
section .se_top{ display: block; width: 100%; height: auto;}
section .se_top img{ display: block; float: left;}
section .se_top img.s1{ width: 58.21%; height: auto;}
section .se_top img.s2{ width: 41.79%; height: 100%;}
.footnav img{ float: left; width: 1.7rem; margin-right: 0.6rem; margin-top: -0.25rem;display: none;}
section .se_jt{ display: block; width:100%;}
section .se_jt img{ display: block; margin: 0 auto; width: 1.08rem;}
section .se_p{ margin:0.5rem 0 0.5rem 0; color: #626262; font-size: 16px; line-height: 0.8rem; transition-duration: 0.6s; transition-property: transform,opacity; transform: translateY(-2rem); opacity: 0; text-align: center;}
section nav{ padding-bottom: 1.4rem; line-height: 1rem; text-align: center;}
section nav a{ margin: 0 1.2rem; display: inline-block; color: #402a93; font-size: 12px; transition: opacity 0.25s;transition-duration: 0.6s; transition-property: transform,opacity; transform: translateX(3rem); opacity: 0;}
section nav a:hover{ color: #e79012;}
section nav a:nth-child(1){ margin: 0 0.9rem;}
section nav.sp a{ margin: 0 1rem;}
section.show .index_h2{ transform: translateY(0); opacity: 1; }
section.show .se_p{transition-delay: 0.4s; transform: translateY(0); opacity: 1; }
section.show nav a{ position: relative; transform: translateX(0); opacity: 1; }
section.show nav a:nth-child(1){ transition-delay: 0.7s;}
section.show nav a:nth-child(2){ transition-delay: 0.9s;}
section.show nav a:nth-child(3){ transition-delay: 1.1s;}
section.show nav a:nth-child(4){ transition-delay: 1.3s;}
section.show nav a:nth-child(5){ transition-delay: 1.5s;}
section.show nav a:nth-child(6){ transition-delay: 1.7s;}

@keyframes jump{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-8px);}
	100%{ transform: translateY(0);}
}

.gonggao{ padding: 45px 0; background: #f1f1f1;}
.gonggao .pd{ padding: 35px 2.4rem; background: #fff;}
.gonggao h2{ font-size: 20px; text-align: center; font-weight: bold;  padding-bottom: 20px;}
.gonggao h3{ font-size: 16px; text-align: center;  color: #463587; padding-bottom: 20px;}
.gonggao .gg_txt{ font-size: 12px; line-height: 0.67rem;}
.gonggao .xq{ width: 28rem; margin-right: auto; margin-left: auto; overflow: hidden; padding-top: 15px; padding-right: 2.4rem; text-align: right; font-size: 12px;}
.gonggao .xq a{ color: #463587;}

.index_news .index_h2{ margin: 1.55rem 0;}
.index_news ul { padding-bottom: 1.6rem;}
.index_news ul li { margin-bottom: 1rem;}
.index_news ul li .date{ transform: translateX(-100%); opacity: 0; transition-duration: 1s; transition-property: transform,opacity;}
.index_news ul li .txt{ transform: translateX(10rem); opacity: 0; transition-duration: 1s; transition-property: transform,opacity;}
.index_news.show ul li .date{ transition-delay: 0.3s; transform: translateX(0); opacity: 1;}
.index_news.show ul li .txt{ transition-delay: 0.3s; transform: translateX(0); opacity: 1;}
.index_news.show ul li:nth-child(2) .date{ transition-delay: 0.7s;}
.index_news.show ul li:nth-child(2) .txt{ transition-delay: 0.7s;}
.index_news ul li .main{ position: relative; padding-left: 2.61rem; height: 2.7rem;}
.index_news ul li .main .date{ position: absolute; top: 0; left: 0; padding-top: 0.16rem; width: 1.6rem; height: 1.6rem; color: #fff; text-align: center; background: #463587;}
.index_news ul li .main .date .day{ font-size: 0.84rem; line-height: 0.86rem; font-weight: bold;}
.index_news ul li .main .date .year{ font-size: 12px;}
.index_news ul li .main .txt h3 { margin-bottom: 0.5rem; font-weight: normal; font-size: 16px; line-height: 0.6rem;}
.index_news ul li .main .txt h3 a{ color: #555; transition: color 0.25s;}
.index_news ul li:hover .main .txt h3 a{ color: #463587;}
.index_news ul li .main .txt p{ color: #171717; font-size: 12px; line-height: 0.67rem; height: 1.35rem;}
.index_news ul li .main .txt .more{ position: relative; float: right; margin-top: 0.3rem; margin-right: 0.22rem; display: block; height: 0.6rem; line-height: 0.6rem; font-size: 12px; color: #402a93; transition: opacity 0.25s; transition: padding-right 0.3s;}
.index_news ul li .main .txt .more:after{ position: absolute; display: block; padding-top: 2%; font-family: '宋体'; font-weight: bold; content: '>>'; top: 0; right: -0.1rem; opacity: 0; transition: all 0.4s;}
.index_news ul li .main .txt .more:hover{ padding-right: 0.2rem;}
.index_news ul li .main .txt .more:hover:after{ opacity: 1; right: -0.22rem;}

.index_video{ padding-top: 1.53rem; width: 100%; height: 12rem; background: url(../images/img_index7.jpg) center center no-repeat; background-size: cover;}
.index_video .pd{ position: relative; width: 32rem; height: 9.5rem;}
.index_video .scroll_box{ width: 32.6rem; height: 7.3rem;}
.index_video .scroll_box ul{ position: relative; width: 99999px; height: 7.3rem;}
.index_video .scroll_box ul li{ float: left; width: 25%; height: 7.3rem;}
.index_video .scroll_box ul li .preview{ position: relative; display: block; width: 7.55rem; height: 4.45rem; cursor: pointer;}
.index_video .scroll_box ul li .preview span{ position: absolute; top: 1.77rem; left: 3.3rem; display: block; width: 0.9rem; height: 0.9rem; border-radius:50% ; transition-duration: 0.3s; transition-property:transform; }
.index_video .scroll_box ul li .preview span img{ display: block; margin: 0 auto; width: 0.9rem; height: 0.9rem;}
.index_video .scroll_box ul li .preview:hover span{ transform: scale(1.2); background: rgba(255,255,255,0.5);}
.index_video .scroll_box ul li .preview .pic{ width: 7.55rem; height: 100%;}
.index_video .scroll_box ul li h3{ width: 7.55rem; height: 2.8rem; line-height: 2.8rem; text-align: center; color: #febe29; font-size:  12px; background: rgba(255,255,255,.1);}
.index_video .nbs-flexisel-inner div{ position: absolute; bottom: 0; display: block; width: 1.34rem; height: 1.34rem; opacity: 0.6; background-position: center; cursor: pointer;}
.index_video .nbs-flexisel-inner div:hover{ opacity: 1;}
.index_video .nbs-flexisel-inner div.nbs-flexisel-nav-left{ left: 50%; margin-left: -1.8rem; background: url(../images/btn_left.png); background-size:100% 100%;}
.index_video .nbs-flexisel-inner div.nbs-flexisel-nav-right{ right: 50%; margin-right: -1.8rem; background: url(../images/btn_right.png); background-size:100% 100%;}
.index_honor{ width: 100%; height: 10.1rem; background: #eb6100; overflow: hidden;}
.index_honor .index_h2{ margin-top: 1.2rem; margin-bottom: 1.1rem;}
.index_honor .index_h2 a{ color: #fff;}
.index_honor ul{ margin: 0 auto; width: 29rem;}
.index_honor ul li{ float: left; margin-left: 0.85rem; width:3.4rem; opacity: 0; transform: translateX(2rem); transition-duration: 0.5s; transition-property: transform,opacity;}
.index_honor ul li:nth-child(1){ transition-delay: 0.7s;}
.index_honor ul li:nth-child(2){ transition-delay: 0.9s;}
.index_honor ul li:nth-child(3){ transition-delay: 1.1s;}
.index_honor ul li:nth-child(4){ transition-delay: 1.3s;}
.index_honor ul li:nth-child(5){ transition-delay: 1.5s;}
.index_honor ul li:nth-child(6){ transition-delay: 1.7s;}
.index_honor ul li:nth-child(7){ transition-delay: 1.9s;}
.index_honor.show ul li{ transform: translateX(0); opacity: 1;}
.index_honor ul li:first-child{ margin-left: 0;}
.index_honor ul li a{ display: block; text-align: center;}
.index_honor ul li a img{ width: 100%; height: 3.4rem;}
.index_honor ul li a span{ display: block; width: 100%; font-size:  12px; line-height: 1.7rem; color: #fff;}

footer{ width: 100%; background: #2c2c3a;}
footer .main{ position: relative; padding-top: 2rem; margin: 0 auto; width: 28rem; height: 10.7rem; overflow: initial;}
footer .main .foot_l{ width: 19.5rem;}
footer .main .foot_l ul{ width: 19.5rem;}
footer .main .foot_l ul li{ float: left; width: 33.33%;}
footer .main .foot_l ul li h3{ margin-bottom: 0.2rem; font-weight:bold; font-size: 13px; color: #fff;}
footer .main .foot_l ul li a{ display: block; line-height: 0.81rem; font-size: 12px; color: #fff;}
footer .main .foot_l ul li a:hover{ text-decoration: underline;}
footer .main .foot_r{ float: none; position: absolute; top: 2rem; right: -1.24rem; padding-top: 0.45rem; color: #fff;}
footer .main .foot_r .gz{ margin: 0 auto;  margin-bottom: 0.8rem; width: 6rem; height: 0.8rem;}
footer .main .foot_r .gz h3{ position: relative; top: 0.1rem; font-size: 13px;}
footer .main .foot_r .gz .icon{ margin-left: 0.68rem;}
footer .main .foot_r .gz .icon span{ position: relative; display: block; float: left; margin-left: 0.45rem; width: 0.9rem; overflow: hidden;}
footer .main .foot_r .gz .icon span:first-child{ margin: 0;}
footer .main .foot_r .gz .icon span img.ico{ display: block;width: 100%; cursor: pointer;}
footer .main .foot_r .gz .icon span em{ position: absolute; bottom: 1rem; left: 0; margin-left: -1.5rem; display: block; width:3rem; height: 3rem; opacity: 0; transition: opacity 0.2s;}
footer .main .foot_r .gz .icon span em img{ display: block; width: 100%; height: 100%;}
footer .main .foot_r .gz .icon span:hover{ overflow: initial;}
footer .main .foot_r .gz .icon span:hover em{ opacity: 1;}

footer .main .foot_r .ewm{ margin: 0 auto; width: 7rem;}
footer .main .foot_r .ewm .pic{ width: 50%; text-align: center;}
footer .main .foot_r .ewm .pic img{ width: 2.4rem; height: 2.4rem;}
footer .main .foot_r .ewm .pic span{ display: block; width: 100%; line-height: 1rem; font-size: 12px;}
footer .main .foot_r .footnav{ margin-top: 0.5rem;}
footer .main .foot_r .footnav a{ margin-right: 0.31rem; float: left; font-size: 12px; color: #fff;}
footer .main .foot_r .footnav a:last-child{ margin-right: 0;}
footer .bottom{ line-height: 0.9rem; text-align: center; font-size:12px; color: #727272; background-image: url(../images/bot_bg.jpg); background-repeat: repeat-x; background-position: 0 0; background-size: auto 100%;}
footer .bottom img{position: relative; top: -0.05rem; margin-left: 0.1rem;}

/*内页公用样式*/
.ny_banner{position: relative; width: 100%; height: 10.2rem; background: #2c2c3a; overflow: hidden;}
.ny_banner.transition{transition: all 0.4s; -webkit-transition all 0.4s;}
.ny_banner .sub{ position: absolute;}
.ny_banner .top{ left: 0; top: 0; z-index: 2; width: 100%; height: 3rem; overflow: hidden;}
.ny_banner .top .top_ban{ position: absolute; top: 0; left: 0; width: 100%; height: 10.2rem; background-repeat: no-repeat; background-position: center; background-size: cover;}
.ny_banner .bottom{ left: 0; bottom: 0px; z-index: 2; width: 100%; height: calc(7.2rem + 2px); overflow: hidden;}
.ny_banner .bottom .bot_ban{ position: absolute; bottom: 0; left: 0; width: 100%; height: 10.2rem;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.cont{ background: #fff; min-height: 500px;}
.cont h1.title{ padding-top: 1.26rem; padding-bottom: 0.9rem; text-align: center; font-size:20px; font-weight:bold; color: #171717;}
.cont .bread{ height: 1.53rem; line-height: 1.53rem; font-size: 12px;}
.cont .bread a{ color: #171717; text-shadow: 0 0 1px #ddd;}
.cont .bread span,.cont .bread a:hover{ color: #463587; text-shadow: 0 0 1px #cfc3fc;}
.moreNews{ position: relative; display: block; margin: 0 auto; width: 15.3rem; height: 1.21rem; line-height: 1.21rem; font-size:12px; color: #fff; text-align: center; background: #b5b5b5; border-radius: 5px; transition: letter-spacing 0.25s; overflow: hidden;}
.moreNews span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;}
.moreNews em{ display: none;}
.moreNews:after{ display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; content: ''; background-color: #463587; transform: scale(1, 0.5); transition: all 0.4s;}
.moreNews:hover{ letter-spacing: 0.1rem;}
.moreNews:hover:after{opacity: 1;transform: scale(1, 1);}
.moreNews.nomore em{ display: block;}
.moreNews.nomore span{ display: none;}
.moreNews.nomore:hover{ letter-spacing: initial;}
.moreNews.nomore:hover:after{opacity: 0;}

/*新闻列表*/
.news .tab_box{ width: 100%; height: 1.72rem;}
.news .news_tab{ position: relative; width: 100%; height: 1.72rem; text-align: center; border-bottom:1px solid #eeeeee; background: #fff; z-index: 99999;}	
.news .news_tab.fixed{ position: fixed; top: 0; left: 0; width: 100%; min-width: 1024px; z-index: 99999;}
.news .news_tab .tab{ position: absolute; top: 0.36rem; left: 50%; margin-left: -9.8rem; display: inline-block;}
.news .news_tab .tab div{ position: relative; float: left; width: 4.9rem; height: 1.36rem; line-height: 1rem; font-size:14px; color: #5b5b5b; cursor: pointer;}
.news .news_tab .tab div:after { display:block; content:''; position:absolute; left:0; top:0; width:1px; height:1rem; background:#eee;}
.news .news_tab .tab div:first-child:after { display:none;}
.news .news_tab .tab div span{ position: absolute; left: 50%; bottom: -1px; margin-left: 0rem; display: block; width: 0rem; height: 4px; background: #f39800; transition:all 0.3s;}
.news .news_tab .tab div:hover span,.news .news_tab .tab div.on span{ width: 3rem; margin-left: -1.45rem; }
.news_main .news_box{ padding-top: 0.9rem; padding-bottom: 1.53rem; border-bottom: 1px solid #eeeeee;}
.news_main .news_box .year_tab { position: relative; margin: 0 auto; margin-bottom:0.68rem; width: 6.9rem; height:0.83rem; overflow:hidden;}
.news_main .news_box .year_tab .nbs-flexisel-container{ height: 0.83rem; overflow: hidden;}
.news_main .news_box .year_tab .year_box{ position: relative; width: 99999px; }
.news_main .news_box .year_tab div.box{  float: left; width: 33.3333%; }
.news_main .news_box .year_tab span{ position: relative; margin: 0 auto; display: block; width:2rem; height: 0.76rem; text-align: center; line-height: 0.76rem; color:#7b7b7b; font-size:12px;border-radius:0.1rem; cursor: pointer; transition:color 0.2s;}
.news_main .news_box .year_tab span:before{ position: absolute; top: 0; left: -1px; display: block; width: 100%; height: 100%; border: 1px solid #bfbfbf; border-radius:0.1rem; content: ''; transition:all 0.4s; z-index: 1;}
.news_main .news_box .year_tab span:after{ position: absolute; top: 0; left: -1px; display: block; width: 100%; height: 100%; transform: scale(0.2,0.2); border-radius:0.1rem; content: ''; background: #f39800; opacity: 0; transition:all 0.4s; z-index: 2;}
.news_main .news_box .year_tab span i{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 9;}
.news_main .news_box .year_tab span:hover,.news_main .news_box .year_tab span.on{ color: #fff;}
.news_main .news_box .year_tab span:hover:before,.news_main .news_box .year_tab span.on:before{ transform: scale(1.5,1.5); opacity: 0; }
.news_main .news_box .year_tab span:hover:after,.news_main .news_box .year_tab span.on:after{ transform: scale(1,1); opacity: 1; }
.news_main .news_box .year_tab .nbs-flexisel-nav-left,.news_main .news_box .year_tab .nbs-flexisel-nav-right{ position: absolute; display: block; top: 50%; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; background: #ccc; cursor: pointer; z-index: 9999;}
.news_main .news_box .year_tab .nbs-flexisel-nav-left { left: -0.3rem; background: url(../images/jt_left.png) center center no-repeat; background-size: cover;}
.news_main .news_box .year_tab .nbs-flexisel-nav-right{ right: -0.3rem; background: url(../images/jt_right.png) center center no-repeat; background-size: cover;}
.nbs-flexisel-nav-left.disabled{ opacity: 0.5;}
.nbs-flexisel-nav-right.disabled{ opacity: 0.5;}
.news_main .news_box .list ul{  overflow: hidden;}
.news_main .news_box .list img.loading{ display: block; margin: 5rem auto; width: 1rem;}

.news_main .news_box h2{ margin-bottom: 0.7rem; text-align: center; font-size: 20px; color: #171717;}
.news_main .news_box.companyNews .list{ position: relative;}
.news_main .news_box .list ul li.nothing{ font-size:12px; padding-bottom: 2rem;}
.news_main .news_box.companyNews .list ul{ min-height:16rem; overflow:hidden;}
.news_main .news_box.companyNews .list ul li { margin-bottom: 1rem;}
.news_main .news_box.companyNews .list ul li .main{ position: relative; padding-left: 2.61rem;}
.news_main .news_box.companyNews .list ul li .main .date{ position: absolute; top: 0; left: 0; padding-top: 0.16rem; width: 1.6rem; height: 1.6rem; color: #fff; text-align: center; background: #463587;}
.news_main .news_box.companyNews .list ul li .main .date .day{ font-size: 0.84rem; line-height: 0.86rem; font-weight: bold;}
.news_main .news_box.companyNews .list ul li .main .date .year{ font-size: 0.27rem;}
.news_main .news_box.companyNews .list ul li .main .txt h3 { margin-bottom: 0.5rem; font-weight: normal; font-size:14px; line-height: 0.6rem;}
.news_main .news_box.companyNews .list ul li .main .txt h3 a{ color: #555; transition: color 0.25s;}
.news_main .news_box.companyNews .list ul li:hover .main .txt h3 a{ color: #463587;}
.news_main .news_box.companyNews .list ul li .main .txt p{ color: #171717; font-size:12px; line-height: 0.67rem; height: 1.35rem; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_main .news_box.companyNews .list ul li .more{ float: right; position: relative; margin-right: 0.22rem; display: block; height: 0.6rem; line-height: 0.6rem; font-size:12px; color: #402a93; transition-duration: 0.3s; transition-property: padding-right;}
.news_main .news_box.companyNews .list ul li .more:after{ position: absolute; display: block; padding-top: 2%; font-family: '宋体'; font-weight: bold; content: '>>'; top: 0; right: -0.1rem; opacity: 0; transition: all 0.4s;}
.news_main .news_box.companyNews .list ul li .more:hover{ padding-right: 0.2rem;}
.news_main .news_box.companyNews .list ul li .more:hover:after{ opacity: 1; right: -0.22rem;}

.news_main .news_box.mediaNews h2{ margin-bottom: 1.1rem;}
.news_main .news_box.mediaNews .list ul{ min-height:16rem;}
.news_main .news_box.mediaNews .list ul li{ margin-bottom: 0.8rem;}
.news_main .news_box.mediaNews .list ul li .img{ display: none; width: 10rem; height: 6.48rem;}
.news_main .news_box.mediaNews .list ul li .img a{ display: block; width: 100%; height: 100%;}
.news_main .news_box.mediaNews .list ul li .img span { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
.news_main .news_box.mediaNews .list ul li .img span:hover{ transform: scale(1.1);}
.news_main .news_box.mediaNews .list ul li .txt{ width: 100%; font-size: initial;}
.news_main .news_box.mediaNews .list ul li .txt h3{ margin-top: 0.2rem; margin-bottom: 0.28rem; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.news_main .news_box.mediaNews .list ul li .txt h3 a{ font-size:14px; color: #555; transition: color 0.25s;}
.news_main .news_box.mediaNews .list ul li .txt h3 a:hover{ color: #463587;}
.news_main .news_box.mediaNews .list ul li .txt .date{ margin-bottom: 0.4rem; font-size:12px; color: #402a93;}
.news_main .news_box.mediaNews .list ul li .txt p{ min-height: 1rem; max-height: 2.1rem; font-size:12px; line-height: 0.68rem; color: #171717; overflow: hidden;}
.news_main .news_box.mediaNews .list ul li .txt .more{ float: right; position: relative; margin-right: 0.22rem; margin-top: 0.2rem; height: 0.6rem; line-height: 0.6rem;  color: #463587; font-size:12px; transition-duration: 0.3s; transition-property: padding-right;}
.news_main .news_box.mediaNews .list ul li .txt .more:after{ position: absolute; display: block; padding-top: 2%; font-family: '宋体'; font-weight: bold; content: '>>'; top: 0; right: -0.1rem; opacity: 0; transition: all 0.4s;}
.news_main .news_box.mediaNews .list ul li .txt .more:hover{ padding-right: 0.2rem;}
.news_main .news_box.mediaNews .list ul li .txt .more:hover:after{ opacity: 1; right: -0.22rem;}

.news_main .news_box.activityNews h2{ margin-bottom: 1.5rem;}
.news_main .news_box.activityNews .list ul{ margin-bottom: 1.4rem;}
.news_main .news_box.activityNews .list ul li{ margin-bottom: 0.9rem; margin-right: 8%; float: left; width: 28%;}
.news_main .news_box.activityNews .list ul li:nth-child(3n){ margin-right: 0;}
.news_main .news_box.activityNews .list ul li h3{ margin-bottom: 0.24rem; height: 0.75rem; font-size:12px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_main .news_box.activityNews .list ul li h3 a{ color: #7b7b7b; transition: color 0.25s;}
.news_main .news_box.activityNews .list ul li:hover h3 a{ color: #463587;}
.news_main .news_box.activityNews .list ul li h3 align-self: ;:hover{ color: #463587;}
.news_main .news_box.activityNews .list ul li .date{ font-size:12px; color: #000000;}

.news_main .news_box.hyNews h2{ margin-bottom: 1.1rem;}
.news_main .news_box.hyNews .list ul{ min-height:6rem;}
.news_main .news_box.hyNews .list ul li{ margin-bottom: 0.8rem;}
.news_main .news_box.hyNews .list ul li .img{ display: none; width: 10rem; height: 6.48rem;}
.news_main .news_box.hyNews .list ul li .img a{ display: block; width: 100%; height: 100%;}
.news_main .news_box.hyNews .list ul li .img span { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
.news_main .news_box.hyNews .list ul li .img span:hover{ transform: scale(1.1);}
.news_main .news_box.hyNews .list ul li .txt{ width: 100%; font-size: initial;}
.news_main .news_box.hyNews .list ul li .txt h3{ margin-top: 0.2rem; margin-bottom: 0.28rem; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.news_main .news_box.hyNews .list ul li .txt h3 a{ font-size:14px; color: #555; transition: color 0.25s;}
.news_main .news_box.hyNews .list ul li .txt h3 a:hover{ color: #463587;}
.news_main .news_box.hyNews .list ul li .txt .date{ margin-bottom: 0.4rem; font-size:12px; color: #402a93;}
.news_main .news_box.hyNews .list ul li .txt p{ min-height: 1rem; max-height: 2.1rem; font-size:12px; line-height: 0.68rem; color: #171717; overflow: hidden;}
.news_main .news_box.hyNews .list ul li .txt .more{ float: right; position: relative; margin-right: 0.22rem; margin-top: 0.2rem; height: 0.6rem; line-height: 0.6rem;  color: #463587; font-size:12px; transition-duration: 0.3s; transition-property: padding-right;}
.news_main .news_box.hyNews .list ul li .txt .more:after{ position: absolute; display: block; padding-top: 2%; font-family: '宋体'; font-weight: bold; content: '>>'; top: 0; right: -0.1rem; opacity: 0; transition: all 0.4s;}
.news_main .news_box.hyNews .list ul li .txt .more:hover{ padding-right: 0.2rem;}
.news_main .news_box.hyNews .list ul li .txt .more:hover:after{ opacity: 1; right: -0.22rem;}



.news_main .news_box.ggNews h2{ margin-bottom: 1.1rem;}
.news_main .news_box.ggNews .list ul{ min-height:6rem;}
.news_main .news_box.ggNews .list ul li{ margin-bottom: 0.8rem;}
.news_main .news_box.ggNews .list ul li .img{ display: none; width: 10rem; height: 6.48rem;}
.news_main .news_box.ggNews .list ul li .img a{ display: block; width: 100%; height: 100%;}
.news_main .news_box.ggNews .list ul li .img span { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
.news_main .news_box.ggNews .list ul li .img span:hover{ transform: scale(1.1);}
.news_main .news_box.ggNews .list ul li .txt{ width: 100%; font-size: initial;}
.news_main .news_box.ggNews .list ul li .txt h3{ margin-top: 0.2rem; margin-bottom: 0.28rem; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.news_main .news_box.ggNews .list ul li .txt h3 a{ font-size:14px; color: #555; transition: color 0.25s;}
.news_main .news_box.ggNews .list ul li .txt h3 a:hover{ color: #463587;}
.news_main .news_box.ggNews .list ul li .txt .date{ margin-bottom: 0.4rem; font-size:12px; color: #402a93;}
.news_main .news_box.ggNews .list ul li .txt p{ min-height: 1rem; max-height: 2.1rem; font-size:12px; line-height: 0.68rem; color: #171717; overflow: hidden;}
.news_main .news_box.ggNews .list ul li .txt .more{ float: right; position: relative; margin-right: 0.22rem; margin-top: 0.2rem; height: 0.6rem; line-height: 0.6rem;  color: #463587; font-size:12px; transition-duration: 0.3s; transition-property: padding-right;}
.news_main .news_box.ggNews .list ul li .txt .more:after{ position: absolute; display: block; padding-top: 2%; font-family: '宋体'; font-weight: bold; content: '>>'; top: 0; right: -0.1rem; opacity: 0; transition: all 0.4s;}
.news_main .news_box.ggNews .list ul li .txt .more:hover{ padding-right: 0.2rem;}
.news_main .news_box.ggNews .list ul li .txt .more:hover:after{ opacity: 1; right: -0.22rem;}


/*新闻详情*/
.newsDetail { margin-top: -1.53rem; padding-top: 1.53rem; background: #f1f1f1;}
.newsDetail .article { margin-bottom: 1.62rem; padding: 1.26rem; min-height: 500px; background: #fff; font-size:12px; line-height: 0.72rem;}
.newsDetail .article p{ font-size:12px; line-height: 0.72rem; text-indent: 2em;}
.newsDetail .article h5,.newsDetail .article h6{ font-size: 12px;}
.newsDetail .article table{ margin: 0 auto; text-align: center; font-size:12px ; border-collapse: collapse;}
.newsDetail .article table th{ font-weight: bold; padding: 0.2rem; border: 1px solid #333;}
.newsDetail .article table td{ padding: 0.2rem; border: 1px solid #333;}
.share{ position: relative; text-align: right; }
.share span{position: relative; float: left; display:block; margin-left: 0.31rem; width: 1.44rem; height: 0.855rem; overflow: hidden; cursor: pointer;}
.share span:after{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transform-origin: center; width: 0.1rem; height: 0.1rem; display: block; content: ''; border-radius: 50%;}
.newsDetail .article .share span:hover:after{ animation:tada 0.5s 1 linear; -webkit-animation:tada 0.5s 1 linear;}
@keyframes tada {
	from {
		  background: rgba(0,0,0,0.15);
		}
	to {
		 transform: scale(24);
		}	
}
.share img{ display: block; width: 1.44rem; height: auto;}
.share em { display: block; display: none; position: absolute; top: 0.8rem; left: 0.31rem; width:4rem; text-align: center; font-size:12px; background: #fff; border: 2px solid #aaa; z-index: 99;}
.share em i{ display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; background: #ccc;}
.share em img{ margin: 0 auto; width: 3.8rem; height: 3.8rem;}
.newsDetail .article article{ padding: 0.9rem 0 1.2rem 0; min-height:15rem; }
.newsDetail .article article h1{ text-align: center; font-size: 0.8rem; color: #171717;line-height:1.3rem;}
.newsDetail .article article .date{ padding: 0.7rem 0; text-align: center; color: #463587; font-size:12px;}
.newsDetail .article article img{ max-width: 100%;}
.newsDetail .article .art_control{ font-size:12px; color: #5f5f5f;}
.newsDetail .article .art_control div{ margin-bottom: 0.5rem;}
.newsDetail .article .art_control a{ color: #463587;}
.newsDetail .article .art_control a:hover{ text-decoration: underline;}
.newsDetail .otherNews{ position: relative; width: 100%; height: 17rem; overflow: hidden;}
.newsDetail .otherNews h2{ margin-bottom: 1rem; font-size: 0.8rem; color: #171717;}
.newsDetail .otherNews .scroll_box{ width: 104%; height: 11rem; overflow-x: hidden;}
.newsDetail .otherNews .scroll_box ul{position: relative; width: 99999px; height: 10.65rem;}
.newsDetail .otherNews .scroll_box ul li{ float: left; width: 33.33%; height: 10.65rem;}
.newsDetail .otherNews .scroll_box ul li .tp{position: relative; width: 88.3%; height: 3.15rem; background: #463587; color: #fff;}
.newsDetail .otherNews .scroll_box ul li .tp span{ position: absolute; bottom: 0; left: 0; display: block; width: 3rem; height: 1.3rem; line-height: 1.3rem; text-align: center; font-size: 0.47rem;}
.newsDetail .otherNews .scroll_box ul li .bt{ position: relative; padding: 0.4rem 0.67rem; width: 88.3%; height: 7.5rem; background: #fff; box-shadow: 0 3px 0 #d2d2d2;}
.newsDetail .otherNews .scroll_box ul li .bt h3{ line-height: 0.8rem; max-height: 3rem; overflow: hidden;}
.newsDetail .otherNews .scroll_box ul li .bt h3 a{ font-size: 0.58rem; color: #171717;}
.newsDetail .otherNews .scroll_box ul li:hover .bt h3 a{ color: #463587;}
.newsDetail .otherNews .scroll_box ul li .bt .date{position: absolute; left: 0.67rem; bottom: 0.5rem; font-size:12px; color: #463587;}
.newsDetail .otherNews .scroll_box  .nbs-flexisel-inner div.nbs-flexisel-nav-left,.newsDetail .otherNews .scroll_box  .nbs-flexisel-inner div.nbs-flexisel-nav-right{ position: absolute; bottom: 1.6rem; display: block; width: 1.34rem; height: 1.34rem; opacity: 0.6; background-position: center; cursor: pointer;}
.newsDetail .otherNews .scroll_box  .nbs-flexisel-inner div:hover{ opacity: 1;}
.newsDetail .otherNews .scroll_box  .nbs-flexisel-inner div.nbs-flexisel-nav-left{ left: 50%; margin-left: -1.8rem; background: url(../images/btn_left.png); background-size:100% 100%;}
.newsDetail .otherNews .scroll_box .nbs-flexisel-inner div.nbs-flexisel-nav-right{ right: 50%; margin-right: -1.8rem; background: url(../images/btn_right.png); background-size:100% 100%;}

/*视频列表*/
.video.pd{ overflow: initial;}
.videoList{ padding-bottom: 2rem; }
.videoList ul{ margin-bottom: 1rem; padding-top: 6px; width:102%;}
.videoList ul li{ float: left; margin-right: 2%; margin-bottom: 0.53rem; width: 23%; transition: transform 0.4s;}
.videoList ul li:hover{ transform: translateY(-6px); box-shadow: 3px 3px 8px #bbb;}
.videoList ul li .preview{ position: relative; display: block; width: 100%; height: 3.82rem; overflow: hidden; cursor: pointer;}
.videoList ul li .preview span{ position: absolute; top: 50%; left: 50%; margin-left: -0.45rem; margin-top: -0.45rem; display: block; width: 0.9rem; height: 0.9rem; border-radius:50% ; transition-duration: 0.3s; transition-property:transform; }
.videoList ul li .preview:hover span{ transform: scale(1.2); background: rgba(255,255,255,0.5);}
.videoList ul li .preview span img{ display: block; margin: 0 auto; width: 0.9rem; height: 0.9rem;}
.videoList ul li .preview .pic{ display: block; width: 100%; height: 100%;}
.videoList ul li .txt{ padding: 0.3rem 0.32rem; width: 100%; background: #efeff0;}
.videoList ul li .txt h2{ margin-bottom: 0.15rem; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.videoList ul li .txt h2 a{ color: #171717;}
.videoList ul li:hover .txt h2 a{ color: #463587;}
.videoList ul li .txt p{ margin-bottom: 0.3rem; font-size: 0.32rem; color: #898989; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.videoList ul li .txt .download{ text-align: right;}
.videoList ul li .txt .download a{ float: right; position: relative; padding: 0.1rem 0 0.1rem 0.4rem ; display: block;}
.videoList ul li .txt .download img{ position: absolute; left: 0; top: 50%; margin-top: -0.15rem; width: 0.3rem;}
.videoList ul li .txt .download img.img1{ opacity: 1;}
.videoList ul li .txt .download img.img2{ opacity: 0;}
.videoList ul li .txt .download a:hover img.img2{ opacity: 1;}
.videoList ul li .txt .download span{display: block; font-size: 0.3rem; color: #898989;}
.videoList ul li .txt .download a:hover span{ color: #463587;}

/*下载中心*/
div.download{}
div.download h2{ padding: 1.26rem 0 0.9rem 0; text-align: center; font-size: 20px; font-weight: bold; color: #171717;}
div.download .video.pd{ overflow: initial;}
div.download .videoList{ padding-bottom: 2rem; }
div.download .videoList ul{ margin-bottom: 1rem; padding-top: 6px; width:102%;}
div.download .videoList ul li{ float: left; margin-right: 2%; margin-bottom: 0.53rem; width: 23%; transition: transform 0.4s;}
div.download .videoList ul li:hover{ transform: translateY(-6px); box-shadow: 3px 3px 8px #bbb;}
div.download .videoList ul li img{ display: block; width: 100%; height: 3.82rem;}
div.download .videoList ul li .txt{ padding: 0.3rem 0.32rem; width: 100%; background: #efeff0;}
div.download .videoList ul li .txt h3{ margin-bottom: 0.15rem; font-size: 12px; color: #171717; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.download .videoList ul li .txt p{ margin-bottom: 0.3rem; font-size: 0.32rem; color: #898989; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.download .videoList ul li .txt .play{ text-align: right; font-size: 0.3rem; color: #000000;}
div.download .videoList ul li .txt .play span{ cursor: pointer; }
div.download .videoList ul li .txt .play i{ position: relative; top: -1px;}
div.download .videoList ul li .txt .play:hover{ color: #463587;}
div.download .doc{ width: 100%; height: 13.17rem; background: url(../images/dl_bg.png) center center no-repeat; background-size: cover; overflow: hidden; color: #fff;}
div.download .doc h2{ padding: 2rem 0 2rem; color: #fff;}
div.download .doc ul li{ float: left; margin-right: 12.5%; margin-bottom: 2rem; width: 25%;}
div.download .doc ul li:nth-child(3n){ margin-right: 0;}
div.download .doc ul li a{ display: block; padding-right: 1rem; line-height: 0.6rem; font-size: 12px; color: #fff; background: url(../images/icon_dl.png) right 0 no-repeat; background-size: auto 100%;}
div.download .doc ul li a span.fl{ height:0.6rem; width:4.8rem;}
div.download .doc ul li:hover a span.fl{ text-decoration: underline;}
div.download .yy{ padding-bottom: 1rem;}
div.download .yy h2{ margin-bottom: 1rem;}
div.download .yy ul li{ float: left; margin-right: 7.5%; width: 14%;}
div.download .yy ul li:last-child{ margin-right: 0;}
div.download .yy ul li img{ display: block; margin: 0 auto; width:100%;}
div.download .yy ul li span{ display: block; line-height: 2.1rem; text-align: center; font-size: 12px;}


/*视频详情*/
.video_detail{ padding-bottom:2rem;}
.video_detail h1{ padding: 0.5rem 0; text-align: center; font-size: 20px;}
.video_detail .video_box{ position: relative; margin: 0 auto; width: 80%; height:14rem;}
.video_detail .video_box .pic{ position: absolute; top: 0; left: 0; width: 100%; height:14rem;}
.video_detail .video_box #my-video{ width: 100%; height: 100%;}
.video_detail .video_bar{ margin: 0 auto; width: 80%; height: 2rem; background: #dcdcdc;}
.video_detail .video_bar .icon_vp img{ display: block; margin-left: 0.8rem; margin-top: 0.27rem; width: 1.44rem; height: 1.44rem; cursor: pointer;}
.video_detail .video_bar .icon_vp img.img2{ display: none;}
.video_detail .video_bar .icon_vp.icon_vs img.img1{ display: none;}
.video_detail .video_bar .icon_vp.icon_vs img.img2{ display: block;}
.video_detail .video_bar .sharebox{ padding-top: 0.6rem;}
.video_detail .video_bar .sharebox b{ float: left; font-weight: normal; font-size: 12px; display: block; line-height: 0.95rem;}
.video_detail .video_bar .sharebox .share{ width: 6rem;}
.video_detail .video_bar .xz{ float: right; margin-right: 0.4rem; margin-top: 0.6rem; font-size: 12px;} 
.video_detail .video_bar .xz span{ float: left; margin: 0 0.3rem 0 0.8rem; display: block; line-height: 0.8rem; color:#333;}
.video_detail .video_bar .xz img{ float: left; width: 0.8rem; height: 0.8rem; cursor: pointer;}
.video_detail p{ margin: 0 auto; padding: 1rem 0 2rem 0; width: 80%; font-size: 12px;}

/*问题回答*/
.que_ans h1.title{ margin: 0.2rem auto 0.9rem auto; padding: 0; width: 4.73rem; height: 1.58rem; line-height: 1.58rem; color: #fff; background: #717171;}
.que_ans .cont ul { padding-bottom: 2rem;}
.que_ans ul li{ margin-bottom: 1rem;}
.que_ans ul li .que{ margin-bottom: 0.7rem; overflow: hidden; cursor: pointer;}
.que_ans ul li .que .icon{ float: left; padding: 0.2rem;}
.que_ans ul li .que .icon img{ width: 1.5rem; height: auto;}
.que_ans ul li .que:hover .icon img{ animation: hvr-buzz-out 0.6s 1 linear;}
.que_ans ul li .que span{ float: left; margin-left: 0.25rem; margin-top: 0.5rem; display: block; line-height: 0.8rem; font-size: 12px; color: #000000;}
.que_ans ul li .ans{ display: none; padding: 0.5rem 0.81rem; background: #f2f2f2; border: 1px solid #bfbfbf; border-radius: 0.32rem;}
.que_ans ul li .ans .ans_box .icon{ float: left; margin-right: 0.4rem;}
.que_ans ul li .ans .ans_box .icon img{ width: 1.6rem; height: auto; animation: wobble 0.8s 0.2s 1 linear;}
.que_ans ul li .ans .ans_box .txt{ float: left; width: 23.4rem; padding: 0.6rem 0;}
.que_ans ul li .ans .ans_box .txt p{ line-height: 0.9rem; font-size: 12px; color: #575757;}
.que_ans ul li .ans .ans_box .txt p b{ position: relative; font-weight: bold; padding-left: 1em;}
.que_ans ul li .ans .ans_box .txt p b:after{ display: block; position: absolute; top: 50%; left: 0; margin-top: -0.11rem; width: 0.22rem; height: 0.22rem; border-radius: 50%; background: #575757; content: '';}
.que_ans ul li .ans .ans_box .txt p img{ max-width: 100%;}
@keyframes wobble{
	0%{transform:none}
	15%{transform:translate3d(-25%,0,0) rotate(-5deg)}
	30%{transform:translate3d(20%,0,0) rotate(3deg)}
	45%{transform:translate3d(-15%,0,0) rotate(-3deg)}
	60%{transform:translate3d(10%,0,0) rotate(2deg)}
	75%{transform:translate3d(-5%,0,0) rotate(-1deg)}
	to{transform:none}
	}
	
/*卡盟开发者中心*/
.kmd h2{ font-size:20px; font-weight:bold; text-align: center;}
.kmd .sdk { margin-bottom: 1rem;}
.kmd .sdk h2{ margin-bottom: 0.5rem; line-height: 2.4rem; color: #000;}
.kmd .sdk p{ font-size:12px; line-height: 0.7rem; text-indent: 2rem;}
.kmd .adv{ height: 17rem; background: url(../images/kdm_bg1.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .adv h2{ color: #fff; height: 15.3rem; line-height: 15.3rem;}
.kmd .adv .adv_main{ position: relative; margin: 0 auto; margin-top: 0.94rem; width: 20.25rem; height: 15.3rem;}
.kmd .adv .adv_main .adv_cont{ position: relative; top: 3.26rem; left: -1.3rem;}
.kmd .adv .adv_main .adv_cont span{ position: absolute; display: block; width: 13.7rem; height: 8.7rem; transform-origin:11.4rem center; -ms-transform-origin:11.5rem center; opacity: 0; transition: opacity 0.2s;}
.kmd .adv .adv_main .adv_cont span img{ display: block; width: 100%; height: 100%;}
.kmd .adv .adv_main .adv_cont span:nth-child(1){ transform: rotate(32deg);}
.kmd .adv .adv_main .adv_cont span:nth-child(2){ transform: rotate(148deg);}
.kmd .adv .adv_main .adv_cont span:nth-child(3){ transform: rotate(212deg);}
.kmd .adv .adv_main .adv_cont span:nth-child(4){ transform: rotate(328deg);}
.kmd .adv.active .adv_main .adv_cont span{ opacity: 1;}
.kmd .adv.active .adv_main .adv_cont span:nth-child(2){ animation: step1 1s 1 linear; animation-fill-mode: backwards;}
.kmd .adv.active .adv_main .adv_cont span:nth-child(3){ animation: step2 2s 1 linear;}
.kmd .adv.active .adv_main .adv_cont span:nth-child(4){ animation: step3 3s 1 linear;}
.kmd .adv .adv_main p{ position: absolute; width: 6.1rem; color: #fff; font-size: 0.41rem; line-height: 0.94rem; opacity: 0; transform: translateY(-3rem); transition-duration: 0.8s; transition-property: transform,opacity;}
.kmd .adv .adv_main p.p1{ left:1.6rem; top: 2.3rem;}
.kmd .adv .adv_main p.p2{ right: 1.3rem; top: 1.3rem;}
.kmd .adv .adv_main p.p3{ left: 1.6rem; bottom: 1.12rem;}
.kmd .adv .adv_main p.p4{ right: 1.3rem; bottom: 1.72rem;}
.kmd .adv.active .adv_main p.p1{ opacity: 1; transform: translateY(0);}
.kmd .adv.active .adv_main p.p2{ transition-delay: 0.8s; opacity: 1; transform: translateY(0);}
.kmd .adv.active .adv_main p.p4{ transition-delay: 1.7s; opacity: 1; transform: translateY(0);}
.kmd .adv.active .adv_main p.p3{ transition-delay: 2.8s; opacity: 1; transform: translateY(0);}
@keyframes step1{
	0%{ transform: rotate(32deg);}
	to{ transform: rotate(148deg);}
}
@keyframes step2{
	0%{ transform: rotate(32deg);}
	50%{ transform: rotate(148deg);}
	100%{ transform: rotate(212deg);}
}
@keyframes step3{
	0%{ transform: rotate(32deg);}
	33.333%{ transform: rotate(148deg);}
	66.666%{ transform: rotate(212deg);}
	100%{ transform: rotate(328deg);}
}
.kmd .func{ padding-top:2.16rem; padding-bottom: 2.16rem;}
.kmd .func ul{ position: relative;}
.kmd .func ul li{ float: left; padding: 0 2.1rem; padding-top: 0.72rem; width: 33.33%; height: 4.5rem; }
.kmd .func ul li h3{ margin-bottom: 0.2rem; font-size:12px; color: #000;}
.kmd .func ul li p{ font-size:12px; line-height: 0.72rem; }
.kmd .func ul li h2{ background: #eeeeee; line-height: 4.5rem; }
.kmd .func ul li.h2{ padding: 0;}
.kmd .func ul li.h2 span{ display: block; background: #cccccc; position: absolute; opacity: 0; transition-property: transform,opacity; transition-duration: 2s; z-index: 9;}
.kmd .func ul li.h2 span:nth-child(2){ top: 4.5rem; left: 0; width: 100%; height: 1px; transform: scaleX(0);}
.kmd .func ul li.h2 span:nth-child(3){ top: 8.99rem; left: 0; width: 100%; height: 1px; transform: scaleX(0);}
.kmd .func ul li.h2 span:nth-child(4){ top: 0; left: 33.33%; width: 1px; height: 100%; transform: scaleY(0);}
.kmd .func ul li.h2 span:nth-child(5){ top: 0; left: 66.66%; width: 1px; height: 100%; transform: scaleY(0);}
.kmd .func.active ul li.h2 span:nth-child(2){ transform: scaleX(1); opacity: 1;}
.kmd .func.active ul li.h2 span:nth-child(3){ transform: scaleX(1); opacity: 1;}
.kmd .func.active ul li.h2 span:nth-child(4){ transform: scaleY(1); opacity: 1;}
.kmd .func.active ul li.h2 span:nth-child(5){ transform: scaleY(1); opacity: 1;}
.kmd .kmlc{ height: 13rem; background: url(../images/kdm_bg2.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .kmlc h2{ height: 5.1rem; padding-top: 2.7rem;}
.kmd .kmlc ul li{ position: relative; float: left; padding-left: 1rem; width: 16.6%; height: 3.4rem;}
.kmd .kmlc ul li:first-child{ padding: 0; width: 15.6%;}
.kmd .kmlc ul li:first-child p{ padding-left: 1rem; padding-top: 0.98rem;}
.kmd .kmlc ul li:nth-child(2) p{ padding-left: 1rem; padding-top: 1.34rem;}
.kmd .kmlc ul li:nth-child(3) p{ padding-left: 0.5rem; padding-top: 0.62rem;}
.kmd .kmlc ul li:nth-child(4) p{ padding-left: 0.4rem; padding-top: 0.98rem;}
.kmd .kmlc ul li:nth-child(5) p{ padding-left: 0.8rem; padding-top: 0.98rem;}
.kmd .kmlc ul li:nth-child(6) p{ padding-left: 0.3rem; padding-right: 0.2rem; padding-top: 0.62rem;}
.kmd .kmlc ul li:last-child{ width: 18%;}
.kmd .kmlc ul li p{ height: 100%; line-height: 0.72rem; font-size:12px; color: #000; background: rgba(255,255,255,0.75);}
.kmd .kmlc ul li span{ position: absolute; top: 0; left: 0; display: block; width: 1rem; height: 100%; background: url(../images/step_bg1.png) 0 0 no-repeat; background-size: 100% 100%;}
.kmd .kmlc p.p{ margin-top: 1rem; font-size: 12px; font-weight: bold;}
.kmd .kfpt h2 { padding-top: 1.62rem; padding-bottom: 1.1rem;}
.kmd .kfpt h2 span{ color: #1d2088;}
.kmd .kfpt p{ margin-bottom: 0.6rem; font-size:12px; line-height: 0.72rem; text-indent: 2em;}
.kmd .kfpt .zctx{ padding-bottom: 2.4rem; text-align: center;}
.kmd .kfpt .zctx .tx_t{ margin-bottom: 0.32rem; display: inline-block;}
.kmd .kfpt .zctx .tx_t .case{ float: left; margin-right: 0.12rem; height: 3.9rem; background: #eee;}
.kmd .kfpt .zctx .tx_t .case h3{ height: 1.62rem; line-height: 1.62rem; font-size:12px; text-align: center;}
.kmd .kfpt .zctx .tx_t .case .main{ text-align: center;}
.kmd .kfpt .zctx .tx_t .case .main span{ display: inline-block; text-align: left; font-size:12px; line-height: 0.72rem;}
.kmd .kfpt .zctx .tx_t .case.case1{ width: 3.35rem;}
.kmd .kfpt .zctx .tx_t .case.case2{ width: 11.1rem;}
.kmd .kfpt .zctx .tx_t .case.case3{ width: 4.5rem;}
.kmd .kfpt .zctx .tx_t .case.case4{ width: 8.55rem;}
.kmd .kfpt .zctx .tx_t .case.case2 span{  margin: 0 0.54rem;}
.kmd .kfpt .zctx .tx_t .case.case4 span{  margin: 0 0.5rem;}
.kmd .kfpt .zctx .tx_m{ margin-bottom: 0.62rem;}
.kmd .kfpt .zctx .tx_m ul{ padding-top: 0.98rem; text-align: left; display: inline-block;}
.kmd .kfpt .zctx .tx_m ul li{ position: relative; float: left; margin-right: 1.4rem; width: 5.94rem; height: 2.9rem; background: #eee;}
.kmd .kfpt .zctx .tx_m ul li:last-child{ margin-right: 0;}
.kmd .kfpt .zctx .tx_m ul li img{ position: absolute; left: 50%; margin-left: -1.12rem; top: -0.97rem; width: 2.24rem; height: 0.98rem;}
.kmd .kfpt .zctx .tx_m ul li span{ margin: 0 auto; padding-top: 0.73rem; display: block; width: 4rem; font-size:12px; line-height: 0.72rem;}
.kmd .kfpt .zctx .tx_b{ width: 100%; height: 1.5rem; text-align: center; line-height: 1.5rem; font-size:12px; background: #eee;}
.kmd .enabler{ width: 100%; height: 18.4rem; color: #fff; font-size:12px; line-height: 0.72rem; text-align: center; background: url(../images/kdm_bg3.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .enabler ul{ display: inline-block;}
.kmd .enabler h2{ height: 3.6rem; padding-top: 1.8rem; color: #fff;}
.kmd .enabler h3{ margin: 0 auto; margin-bottom: 0.45rem; width: 8.8rem; line-height: 1rem; color: #fff;}
.kmd .enabler .pd{ width: 25.6rem;}
.kmd .enabler .enab_t{ margin: 0 auto; margin-bottom: 0.6rem; width: 16.9rem;}
.kmd .enabler .enab_t .listbox .list{ padding-left: 1.53rem; padding-top: 0.5rem; text-align: left; width: 5.7rem; height: 4.54rem;}
.kmd .enabler .enab_t .listbox .list span{ display: block;}
.kmd .enabler .enab_m{ margin-bottom: 0.6rem;}
.kmd .enabler .enab_m ul li{ float: left; margin-left: 1.26rem; padding-top: 0.27rem; width: 5.4rem; height: 2rem; text-align: center; background: rgba(255,255,255,.26);}
.kmd .enabler .enab_m ul li:first-child{ margin-left: 0;}
.kmd .enabler .enab_b ul li{ float: left; text-align: center;}
.kmd .enabler .enab_b ul li:nth-child(1){ width: 5.85rem; }
.kmd .enabler .enab_b ul li:nth-child(2){ margin: 0 2.5rem; width: 8.77rem;}
.kmd .enabler .enab_b ul li:nth-child(3){ width: 5.85rem;}
.kmd .enabler .enab_b ul li .lit{ height: 1.8rem; border-bottom: 1px solid #fff;}
.kmd .enabler .enab_b ul li:nth-child(1) .lit{ padding-top: 0.54rem;}
.kmd .enabler .enab_b ul li:nth-child(2) .lit{ padding-top: 0.18rem;}
.kmd .enabler .enab_b ul li:nth-child(3) .lit{ padding-top: 0.54rem;}
.kmd .enabler .enab_b ul li .lib{ line-height: 1.12rem;}
.kmd .busn{ height: 14.4rem;} 
.kmd .busn h2{ padding-top: 1.7rem; height: 3.82rem;} 
.kmd .busn p{ padding-left: 2.1rem; font-size:12px; line-height: 0.72rem;}
.kmd .busn p span{ color: #1d2088;}
.kmd .down{ width: 100%;}
.kmd .down h2{ width: 100%; height: 6.75rem; line-height: 6.75rem; color: #fff; background: url(../images/kdm_bg4.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .lc .main{ position: relative; padding: 3rem 0; height: 23.82rem;}
.kmd .lc .main h2{ position: absolute; top: 50%; left:0; margin-top: -0.5rem; width: 100%; text-align: center; line-height: 1rem;}
.kmd .lc .main ul{ position: relative; margin: 0 auto; width: 17.82rem; height: 17.82rem; border-radius: 50%; transition: all 1s; transform: translateY(6rem); opacity: 0;}
.kmd .lc .main ul li{ position: absolute; top:0; left: 50%; margin-left: -2.25rem; width: 4.5rem; height: 4.45rem; background: #eeeeee; border-radius: 50%; transition-duration: 1.2s; transform-origin:2.25rem 8.91rem; transition-property: transform; transition-timing-function: ease-in-out;}
.kmd .lc.active .main ul{ transform: translateY(0); opacity: 1;}
.kmd .lc.active .main ul li:nth-child(2){ transform: rotate(45deg);}
.kmd .lc.active .main ul li:nth-child(3){ transform: rotate(90deg);}
.kmd .lc.active .main ul li:nth-child(4){ transform: rotate(135deg);}
.kmd .lc.active .main ul li:nth-child(5){ transform: rotate(180deg);}
.kmd .lc.active .main ul li:nth-child(6){ transform: rotate(225deg);}
.kmd .lc.active .main ul li:nth-child(7){ transform: rotate(270deg);}
.kmd .lc.active .main ul li:nth-child(8){ transform: rotate(315deg);}
.kmd .lc.active .main ul li:nth-child(2) .circle{ transform: rotate(-45deg);}
.kmd .lc.active .main ul li:nth-child(3) .circle{ transform: rotate(-90deg);}
.kmd .lc.active .main ul li:nth-child(4) .circle{ transform: rotate(-135deg);}
.kmd .lc.active .main ul li:nth-child(5) .circle{ transform: rotate(-180deg);}
.kmd .lc.active .main ul li:nth-child(6) .circle{ transform: rotate(-225deg);}
.kmd .lc.active .main ul li:nth-child(7) .circle{ transform: rotate(-270deg);}
.kmd .lc.active .main ul li:nth-child(8) .circle{ transform: rotate(-315deg);}
.kmd .lc .main ul li .circle{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-duration: 1.2s; transition-property: transform; transition-timing-function: ease-in-out;}
.kmd .lc .main ul li i{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-family: arial; text-align: center; line-height: 4.5rem; font-size: 2.7rem; color: #fff;}
.kmd .lc .main ul li span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; font-size:12px; line-height: 0.72rem; text-align: center; white-space: nowrap;}
.kmd .version{ width: 100%; height: 14.53rem; color: #fff; background: url(../images/kdm_bg5.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .version h2{ padding-top: 2rem; height: 3.9rem; color: #fff;}
.kmd .version .pd{ width: 27.6rem;}
.kmd .version p{ font-size:12px; line-height: 0.72rem;}
.kmd .version ul{ margin-top: 1.36rem;}
.kmd .version ul li{ float: left; font-size: initial; width: 50%; text-align: center;}
.kmd .version ul li img{ display: block; margin: 0 auto; margin-bottom: 0.45rem; width: 2.61rem;}
.kmd .version ul li a{ text-align: center; color: #fff;}
.kmd .version ul li a:hover{ text-decoration: underline;}
.kmd .version ul li a span{ font-size:12px; line-height: 0.9rem;}
.kmd .shop{ height: 14.4rem; width: 27.6rem; margin: 0 auto;}
.kmd .shop h2{  padding-top: 1.8rem; height: 3.9rem; }
.kmd .shop p{ font-size:12px;}
.kmd .shop ul{ margin-top: 1.2rem;}
.kmd .shop ul li{ float: left; width: 50%; text-align: center;}
.kmd .shop ul li img{ display: block; margin: 0 auto; margin-bottom: 0.75rem; width: 4.5rem; height: 4.5rem;}
.kmd .shop ul li a{ color: #171717;}
.kmd .shop ul li a:hover{ text-decoration: underline;}
.kmd .shop ul li span{ display: block; font-size:12px;}
.kmd .doc{ padding-bottom:1.9rem; margin: 0 auto; width: 27.1rem;}
.kmd .doc h2{ margin-left: -2.4rem; margin-bottom: 1.44rem;}
.kmd .doc .jk_doc{ float: left; width: 15.5rem;}
.kmd .doc .jk_doc ul li{ margin-bottom: 3px; height: 1.2rem; line-height: 1.1rem; font-size:12px;}
.kmd .doc .jk_doc ul li .fl{ position: relative; padding-left: 1.2rem; width: 6rem;}
.kmd .doc .jk_doc ul li .fl img{ position: absolute; top: 0; left: 0; width: auto; height: 1.2rem;}
.kmd .doc .jk_doc ul li .fr { float: left;}
.kmd .doc .jk_doc ul li .fr a{ color: #1d2088;}
.kmd .doc .exam_doc{ position: relative; right: -1rem; float: right; width: 11.5rem;}
.kmd .doc .exam_doc ul li{ position: relative; margin-bottom: 3px; padding-left: 1.2rem;  height: 1.2rem; line-height: 1.1rem; font-size:12px;}
.kmd .doc .exam_doc ul li img{ position: absolute; top: 0; left: 0; width: auto; height: 1.2rem;}
.kmd .doc .exam_doc ul li a{ color: #1d2088;}
.kmd .doc a:hover{ text-decoration:underline ;}
.kmd .doc h3{ margin-top: 1.35rem; margin-bottom: 0.72rem; font-size: 14px}
.kmd .doc p{ font-size:12px; line-height: 0.72rem;}
.kmd .key { padding-bottom: 2.5rem;}
.kmd .key .top{ width: 100%; height: 6.8rem; background: url(../images/kdm_bg6.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .key .top h2{ line-height: 6.8rem; color: #fff;}
.kmd .key .main h2{ height: 3.1rem; padding-top: 1.35rem;}
.kmd .key .main p{ font-size:12px; line-height: 0.72rem; text-indent: 2em;}
.kmd .key .main .step{ margin-bottom: 0.8rem; text-align: center;}
.kmd .key .main .step .p{margin: 0 auto; width: 22.54rem; text-align: left; line-height: 1.9rem; font-size:12px;}
.kmd .key .main .step ul{ display: inline-block;}
.kmd .key .main .step ul li{ float: left; height: 3rem; line-height: 3rem; color: #fff; text-align: left;}
.kmd .key .main .step ul li:nth-child(1){ width: 5.4rem;}
.kmd .key .main .step ul li:nth-child(3){ text-align: right; width: 4.27rem;}
.kmd .key .main .step ul li:nth-child(5){ text-align: right; width: 4.27rem;}
.kmd .key .main .step ul li:nth-child(7){ text-align: center; width: 4.86rem;}
.kmd .key .main .step ul li:nth-child(1) span{ padding-left: 1.3rem;}
.kmd .key .main .step ul li:nth-child(3) span{ padding-right: 0.2rem;}
.kmd .key .main .step ul li:nth-child(5) span{ padding-right: 0.2rem;}
.kmd .key .main .step ul li span{ display: block; height: 3rem; font-size:12px; color: #fff; background: #f6b240;}
.kmd .key .main .step ul li img{ display: block; width: 1.26rem; height: 3rem;}
.kmd .key .main .solu{ margin-bottom: 0.5rem; font-size:12px;}

.kmd .eSIM1{ width: 100%; height: 19.9rem; background: url(../images/esim_bg1.png) center center no-repeat #000000; background-size: auto 100%; overflow: hidden;}
.kmd .eSIM1 .pd{ position: relative; height: 100%;}
.kmd .eSIM1 h2{ padding-top: 1.5rem; color: #fff;}
.kmd .eSIM1 .ewm{ position: absolute; left: 2.25rem; bottom: 1rem; width: 3.9rem; text-align: center;}
.kmd .eSIM1 .ewm img{ display: block; margin: 0 auto; width: 1.89rem; height: 1.89rem;}
.kmd .eSIM1 .ewm span{ display: block; color: #fff; font-size: 12px; padding: 0.55rem 0;}
.kmd .eSIM1 p{ position: absolute; right: 0; bottom: 1.71rem; width: 7.38rem;}
.kmd .eSIM1 p span{ display: block; line-height: 0.72rem; color: #fff; font-size: 12px;}

.kmd .eSIM2{ padding-bottom: 1.5rem;}
.kmd .eSIM2 h2{ height: 3.5rem; padding-top: 1.35rem;}
.kmd .eSIM2 .cBox{ margin-bottom: 1.17rem; height: 4.05rem;}
.kmd .eSIM2 .cBox li{float: left; margin-right: 5%; padding: 0.8rem 1rem; width: 30%; height: 4.05rem; color: #fff;}
.kmd .eSIM2 .cBox li:nth-child(1){ background-color: #4fa331;}
.kmd .eSIM2 .cBox li:nth-child(2){ background-color: #dcc12a;}
.kmd .eSIM2 .cBox li:nth-child(3){ margin-right: 0; background-color: #dc3d2a;}
.kmd .eSIM2 .cBox li h3{ margin-bottom: 0.5rem; font-size: 14px; text-align: center;}
.kmd .eSIM2 .cBox li p{ font-size: 12px;}
.kmd .eSIM2 .card{ position: relative; margin-bottom: 0.5rem; padding-left: 1.62rem; height: 3.82rem; font-size: 12px;}
.kmd .eSIM2 .card .after{ position: absolute; right: 0; top: 0; width: 55.64%; height: 3.825rem; border: 1px dashed #d0d0d0; border-radius: 0.675rem; z-index: 11;}
.kmd .eSIM2 .card .circ{ margin-top: 0.45rem; padding-top: 0.85rem; width: 2.92rem; height: 2.92rem; text-align: center; border: 0.2rem solid #dcc12a; border-radius: 50%;}
.kmd .eSIM2 .card2 .circ{ padding-top: 1rem; border-color: #0096e6;}
.kmd .eSIM2 .card .line{  margin-top: 1rem; margin-right: 0.85rem; position: relative;}
.kmd .eSIM2 .card .line img{ display: block; width: 12rem; height: 1.89rem;}
.kmd .eSIM2 .card .line .txt{ position: absolute; top: 0; left: 0; width: 9rem; height: 50%; text-align: center;}
.kmd .eSIM2 .card .line .txt span{ display: block; height: 100%;}
.kmd .eSIM2 .card .line .txt span:nth-child(2){ padding-top: 0.56rem;}
.kmd .eSIM2 .card .prod{ padding: 0.2rem 0; height: 100%;}
.kmd .eSIM2 .card .prod li{ height: 50%; line-height: 1.74rem;}
.kmd .eSIM2 .card .prod li span{ float: left; margin-right: 1.85rem;}
.kmd .eSIM2 .card .prod li img{ float: left; display: block; width: 2rem;}
.kmd .eSIM2 .card .xy{ margin-left: 1.8rem; height: 100%; line-height: 3.82rem;}
.kmd .eSIM3{ padding-bottom: 2rem;}
.kmd .eSIM3 h2{ height: 4.14rem; padding-top: 2.07rem;}
.kmd .eSIM3 ul li{ float: left;}
.kmd .eSIM3 ul li:nth-child(1){ padding: 0 3%; width: 26%;}
.kmd .eSIM3 ul li:nth-child(2){ padding: 0 8%; width: 43.8%;}
.kmd .eSIM3 ul li:nth-child(3){ padding: 0 5%; width: 30.2%;}
.kmd .eSIM3 ul li img{ display: block; width: 6.23rem; margin: 0 auto;}
.kmd .eSIM3 ul li h3{ margin-top: 1rem; margin-bottom: 0.3rem; text-align: center; font-weight: normal; font-size: 14px;}
.kmd .eSIM3 ul li p{ padding-left: 16px; position: relative; font-size: 12px; line-height: 24px;}
.kmd .eSIM3 ul li p i{ position: absolute; top: 11px; left: 8px; width: 100%; display: block; width: 2px; height: 2px; background: #000; }
.kmd .eSIM4{ width: 100%; height: 18.5rem; background: url(../images/esim_bg2.png) center center no-repeat; background-size: cover; overflow: hidden;}
.kmd .eSIM4 h2{ padding-top: 2.4rem; color: #fff;}
.kmd .eSIM4 h3{ margin-top: 0.8rem; margin-bottom: 2rem; text-align: center; color: #fff; font-size: 12px; font-size: 14px;}
.kmd .eSIM4 ul li{ float: left; width: 33.33%;}
.kmd .eSIM4 ul li .img{ margin: 0 auto; width: 3.89rem;}
.kmd .eSIM4 ul li .img img{ width: 4.66rem; height: auto;}
.kmd .eSIM4 ul li .img h4{ font-size: 14px; color: #fff; text-align: center; line-height: 1.53rem;}
.kmd .eSIM4 ul li .img span{ display: block; width: 100%; height: 0.45rem; background-color: #dc3d2a;}
.kmd .eSIM4 ul li:nth-child(2) .img span{background-color: #dcc12a;}
.kmd .eSIM4 ul li:nth-child(3) .img span{background-color: #4fa331;}
.kmd .eSIM4 ul li .txt{ margin-top: 0.5rem; color: #fff;}
.kmd .eSIM4 ul li .txt p{ padding-left: 16px; margin: 0 auto; width: 4rem; position: relative; font-size: 12px; line-height: 24px;}
.kmd .eSIM4 ul li .txt i{ position: absolute; top: 11px; left: 8px; width: 100%; display: block; width: 2px; height: 2px; background: #fff; }

/*新时空卡盟*/
.xskkm h2,.xskkm h1{ font-size:20px; font-weight:bold; text-align: center;}
.xskkm p{ font-size:12px; line-height: 0.72rem;}
.xskkm .xskkm{ position: relative; padding-bottom: 2.8rem;}
.xskkm .xskkm h1{ height: 2.4rem; padding-top: 1rem;}
.xskkm .xskkm h3{ font-size:12px; text-align: center; color: #1d2088; line-height: 0.85rem;}
.xskkm .xskkm p { margin-top: 0.68rem;}
.xskkm .xskkm p span{ color: #1d2088;}
.xskkm .xskkm .ewm{ position: absolute; top: 1.95rem; right: 0; width: 4.45rem; }
.xskkm .xskkm .ewm img{ display: block; margin: 0 auto; width:3.2rem; height: 3.2rem;}
.xskkm .xskkm .ewm span{ display: block; width: 100%; line-height: 1.26rem; text-align: center; font-size:12px;}
.xskkm .ysld{ width: 100%; height: 19.3rem; background: url(../images/cpfw_bg1.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.xskkm .ysld .pd{ height: 100%;}
.xskkm .ysld .main{ position: relative; height: 100%; overflow: hidden;}
.xskkm .ysld .main h2{ position: absolute; top: 7.3rem; left: 0; width: 100%; height: 4.7rem; line-height: 4.7rem; text-align: center; color: #fff; opacity: 0.1; transform: scale(0.5); transition-property: transform,opacity; transition-duration: 1s;}
.xskkm .ysld .ld{ position: relative; margin: 0 auto; margin-top: 2.4rem; width: 18.225rem; height: 14.625rem; opacity: 0; transform: scale(0.5) rotate(-90deg); transform-origin: 9rem 7.2rem; transition-property: transform,opacity; transition-duration: 1s;}
.xskkm .ysld .ld img{ display: block; width: 100%; height: 100%;}
.xskkm .ysld .ld .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.xskkm .ysld .ld .txt span{ position: absolute; display: block; padding-top: 1.15rem; padding-left: 0.6rem; padding-right: 0.45rem; width: 3.735rem; height: 3.735rem; font-size:12px; line-height: 0.72rem; color: #fff; opacity: 0; transform: rotate(90deg); transition-property: transform,opacity; transition-duration: 1s;}
.xskkm .ysld .ld .txt span:nth-child(1){ top: 4.23rem; left: 0rem;}
.xskkm .ysld .ld .txt span:nth-child(2){ top: 1.38rem; left: 3.94rem;}
.xskkm .ysld .ld .txt span:nth-child(3){ top: 0rem; left: 10.31rem;}
.xskkm .ysld .ld .txt span:nth-child(4){ padding-top: 0.79rem ; top: 6.25rem; right: 0.9rem;}
.xskkm .ysld .ld .txt span:nth-child(5){ bottom: 1.09rem; right: 4.432rem;}
.xskkm .ysld .ld .txt span:nth-child(6){ bottom: 0; left: 3.69rem;}
.xskkm .ysld.active .main h2{ transform: scale(1); opacity: 1;}
.xskkm .ysld.active .ld{ transform: scale(1) rotate(0); opacity: 1;}
.xskkm .ysld.active .ld .txt span{ transform: rotate(0); opacity: 1; }
.xskkm .gjb h2{ height: 4.2rem; padding-top: 2.1rem;}
.xskkm .gjb h2 span{ color: #1d2088;}
.xskkm .gjb p{ font-size:12px; line-height: 0.72rem; text-indent: 2em;}
.xskkm .gjb .img{ margin-top: 1.6rem; margin-bottom: 1.17rem;}
.xskkm .gjb .img .fl{ margin-left:6rem;}
.xskkm .gjb .img .fl a{ display:block; margin-bottom:1.6rem; width:4rem; text-align:center; font-size:14px; color:#333;}
.xskkm .gjb .img .fl a img{ display:block; width:4rem;}
.xskkm .gjb .img .fl a span{ display:block; margin:0.2rem 0;}
.xskkm .gjb .img .fr{ display: block; margin-right:7rem; width: 14rem; height: auto;}
.xskkm .kmapp{ position: relative; height: 10.8rem; width: 100%; background: url(../images/kmapp_bg.jpg) 0 0 repeat-x; background-size: auto 100%;}
.xskkm .kmapp .kmapp_bg2{ position: absolute; right: 0;  top: 0; width: auto; height: 100%;}
.xskkm .kmapp h2{ padding-top: 0.9rem; height: 1.8rem; color: #ffffff;}
.xskkm .kmapp .pd{ position: relative; height: 100%; overflow: inherit;}
.xskkm .kmapp .kmapp_img{ position: absolute; left: 0.45rem; top: 50%; margin-top: -6.75rem; width: auto; height: 13.5rem;}
.xskkm .kmapp .main{ position: relative; top: -0.225rem; width: 13.41rem; height: 7.87rem; margin: 0 auto;}
.xskkm .kmapp .main span{ position: absolute; display: block; color: #fff; font-size:12px; text-align: center; background-color: rgba(255,255,255,.5); border-radius: 50%; z-index: 3;}
.xskkm .kmapp .main span:nth-child(1){ right: 8.28rem; top: 0.18rem; width: 2.25rem; height: 2.25rem; line-height:2.25rem;}
.xskkm .kmapp .main span:nth-child(2){ right: 0; top: 0; padding-top: 1.3rem; width: 4.5rem; height: 4.5rem; line-height: 0.945rem;}
.xskkm .kmapp .main span:nth-child(3){ right: 5.175rem; top: 2.2rem; width: 3.375rem; height: 3.375rem; line-height: 3.375rem;}
.xskkm .kmapp .main span:nth-child(4){ right: 8.64rem; top: 4.14rem; width: 3.825rem; height: 3.825rem; line-height: 3.825rem;}
.xskkm .kmapp .main span:nth-child(5){ right: 2.63rem; top: 4.9rem; width: 2.97rem; height: 2.97rem; line-height: 2.97rem;}
.xskkm .kmapp .main span:nth-child(6){ right: -2.5rem; bottom: -0.5rem; width: 4rem; height: 4rem; line-height: 4rem;}
.xskkm .rhkk { padding-bottom: ;}
.xskkm .rhkk h2{ padding-top: 2.2rem; height: 4.1rem;}
.xskkm .rhkk ul li{ float: left; margin-bottom: 1rem; margin-left: 4.93%; width: 21.3%;}
.xskkm .rhkk ul li:nth-child(4n+1){ margin-left: 0;}
.xskkm .rhkk ul li span{ margin-bottom: 0.72rem; display: block; font-size:12px; text-align: center;}
.xskkm .rhkk ul li img{ display: block; width: 100%; height: auto;}
.xskkm .hzms{ height: 20.13rem; width: 100%; background: url(../images/cpfw_bg2.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.xskkm .hzms .tp{ height: 5.2rem; padding-top: 2.8rem; font-size:12px; color: #fff; line-height: 0.86rem; text-align: center;}
.xskkm .hzms .main{position: relative; margin: 0 auto; width: 16.92rem; color: #fff; font-size:12px;}
.xskkm .hzms .main h2{ position: absolute; top:50%; left: 50%; margin-left: -2.6rem; margin-top: -2.6rem; width: 5.17rem; height: 5.17rem; line-height: 5.17rem; background: rgba(255,255,255,0.5); border-radius: 50%;}
.xskkm .hzms .main div{ overflow: hidden; }
.xskkm .hzms .main div span { display: block; width: 6.75rem; height: 4.2rem; line-height: 4.2rem;}
.xskkm .hzms .main .m1 { margin-bottom: 0.45rem;}
.xskkm .hzms .main .m1 .fl{ background: url(../images/modebg1.png) 0 0 no-repeat; background-size: 100% 100%; text-align: center;}
.xskkm .hzms .main .m1 .fr{ background: url(../images/modebg2.png) 0 0 no-repeat; background-size: 100% 100%; text-align: center;}
.xskkm .hzms .main .m2 .fl{ background: url(../images/modebg3.png) 0 0 no-repeat; background-size: 100% 100%; text-align: center;}
.xskkm .hzms .main .m2 .fr{ background: url(../images/modebg4.png) 0 0 no-repeat; background-size: 100% 100%; text-align: center;}
.xskkm .hzms .main div em{ margin: 0 auto; display: block; width: 3.33rem; height: 1.35rem; line-height: 1.35rem; background: url(../images/modebg.png) 0 0 no-repeat; background-size: 100% 100%; text-align: center;}
.xskkm .hzms .main .m2 em{ margin-top: 2.83rem;}
.xskkm .hzms ul { width: 25.7rem; margin: 0 auto; margin-top: 1.5rem; text-align: center; font-size: initial;}
.xskkm .hzms ul li{ float: left; margin-right: 3rem; margin-bottom: 0.49rem; width: 4.16rem; height: 0.94rem; line-height: 0.94rem; text-align: center; background: rgba(255,255,255,0.5); color: #fff; font-size:12px;}
.xskkm .hzms ul li:nth-child(4n){ margin-right: 0;}
.xskkm .appdown { padding-bottom: 2rem;}
.xskkm .appdown h2{ padding-top: 1.9rem; height: 3.15rem;}
.xskkm .appdown .main{ position: relative; min-height: 8.8rem;}
.xskkm .appdown .main .ewm{ position: absolute; top: 0.57rem; right: 1.53rem; width: 4.45rem; }
.xskkm .appdown .main .ewm img{ display: block; margin: 0 auto; width:3.38rem; height: 3.38rem;}
.xskkm .appdown .main .ewm span{ display: block; width: 100%; line-height: 1.26rem; text-align: center; font-size:12px;}
.xskkm .appdown .main h3{ margin-bottom: 0.4rem; font-size:12px;}
.xskkm .appdown .main ul li{ float: left; height: 3rem; padding-top: 0.42rem; background-color: #f6b240; background-image: url(../images/step_bg3.jpg); background-position:  right 0; background-repeat: no-repeat; background-size: auto 100%; overflow: visible;}
.xskkm .appdown .main ul li:last-child{ padding-top: 0.78rem; background-image: none;}
.xskkm .appdown .main ul li img{ display: block; width: auto; height: 100%;}
.xskkm .appdown .main ul li span{ display: block; color: #fff; line-height: 0.72rem; font-size:12px;}
.xskkm .appdown .main ul.ul1{ margin-bottom: 0.63rem;}
.xskkm .appdown .main ul.ul1 li:nth-child(1){ padding-left: 1.17rem; padding-right: 1.8rem;}
.xskkm .appdown .main ul.ul1 li:nth-child(2){ padding-left: 0.18rem; padding-right: 1rem;}
.xskkm .appdown .main ul.ul1 li:nth-child(3){ padding-left: 1.12rem; padding-right: 1.4rem;}
.xskkm .appdown .main ul.ul2 li:nth-child(1){ padding-left: 1.1rem; padding-right: 1.6rem;}
.xskkm .appdown .main ul.ul2 li:nth-child(2){ padding-left: 0.4rem; padding-right: 1.2rem;}
.xskkm .appdown .main ul.ul2 li:nth-child(3){ padding-left: 0.6rem; padding-right: 1.4rem;}
.xskkm .appdown .main ul.ul2 li:nth-child(4){ padding-left: 0.3rem; padding-right: 1rem;}
.xskkm .appdown .main ul.ul2 li:nth-child(5){ padding-left: 1.12rem; padding-right: 1.26rem;}.xskkm .jrkm{ padding-bottom: 1.5rem; }
.xskkm .jrkm h2{ height: 2.4rem; padding-top: 1.5rem;}
.xskkm .jrkm ul{ margin-top: 1.2rem; padding: 0 1.2rem 0 2rem;}
.xskkm .jrkm ul li{ float: left; margin-bottom: 0.67rem; font-size:12px; line-height: 0.72rem;}
.xskkm .jrkm ul li:nth-child(3n-1){ margin-right: 1.7rem; margin-left: 0.2rem;}
.xskkm .jrkm ul li span{ float: left; display: block; width: 2.7rem; text-align: right; }
.xskkm .jrkm ul li i{ float: left; display: block; width: 4.8rem; color: #1d2088; text-align: left;}
.xskkm .czty{ padding-bottom: 3rem; background: #e5e5e5;}
.xskkm .czty h2{ height: 2.4rem; padding-top: 2rem;}
.xskkm .czty ul { padding-top: 1.5rem;}
.xskkm .czty ul li{ float: left; margin-bottom: 1.5rem; margin-right: 8%; width: 28%;}
.xskkm .czty ul li:nth-child(3n){ margin-right: 0;}
.xskkm .czty ul li img{ width: 100%;}
.xskkm .czty ul li h3{ margin-bottom: 0.3rem; font-size: 12px; font-weight: normal;}
.xskkm .czty ul li p{ margin-bottom: 0.2rem; height: 48px; line-height: 24px;}

/*互联网+产品*/
.hlwcp h2{ font-size:20px; font-weight:bold; text-align: center;}
.hlwcp .zzq{ margin-top: -1.53rem; padding-top: 1.53rem; width: 100%; height: 13.2rem; background-color: #fff; background-image: url(../images/hlw_bg1.png); background-position: right 0; background-repeat: no-repeat; background-size: auto 100%;}
.hlwcp .zzq .pd{ height: 100%;}
.hlwcp .zzq .txt{ width: 50%;}
.hlwcp .zzq .txt h2{ margin-top: 2.3rem; margin-bottom: 0.9rem;}
.hlwcp .zzq .txt ul { width: 54%; margin: 0 auto;}
.hlwcp .zzq .txt ul li{ float: left; height: 1.35rem; line-height: 1.35rem; font-size:12px;}
.hlwcp .zzq .txt ul li:nth-child(2n-1){ margin-right: 1.71rem;}
.hlwcp .zzq .txt ul li i{ float: left; margin-right: 0.35rem; margin-top: 0.54rem; display: block; width: 0.27rem; height: 0.27rem; background-color:#171717; border-radius: 50%;}
.hlwcp .zzq .img{ position: relative; width: 50%;}
.hlwcp .zzq .img span{ position: absolute; display: block; width: 4.3rem; height: 4.3rem;}
.hlwcp .zzq .img span:first-child{ top: 2.475rem; left: 1.6%;}
.hlwcp .zzq .img span:last-child{ top: 4.5rem; left:35.3%;}
.hlwcp .zzq .img span img{ display: block; width: 100%; height: 100%;}
.hlwcp .znsb{ position: relative; width: 100%; height: 13.3rem;}
.hlwcp .znsb h2{ margin-top: 7.1rem; margin-bottom: 0.85rem;}
.hlwcp .znsb .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hlwcp .znsb .bg li{ float: left; width: 33.3%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hlwcp .znsb .bg li:nth-child(1){ background-image: url(../images/hlw_bg2_1.png);}
.hlwcp .znsb .bg li:nth-child(2){ width: 33.4%; background-image: url(../images/hlw_bg2_2.png);}
.hlwcp .znsb .bg li:nth-child(3){ background-image: url(../images/hlw_bg2_3.png);}
.hlwcp .znsb .pd{ position: relative; z-index: 9;}
.hlwcp .znsb p{ font-size:12px; line-height: 0.72rem; text-align: center;}
.hlwcp .clw{ width: 100%; height: 13.2rem; background: #fff; background-image: url(../images/hlw_bg3.png); background-position: left 0; background-repeat: no-repeat; background-size: auto 100%;}
.hlwcp .clw .fr{ width: 50%;}
.hlwcp .clw .fr h2{ margin-top: 4rem; margin-bottom: 0.85rem;}
.hlwcp .clw .fr p{ width: 80%; margin: 0 auto; font-size:12px; line-height: 0.72rem; text-indent: 2em; word-break: break-all;}
.hlwcp .lrj{ width: 100%; height: 14.54rem; background: #efb510; background-image: url(../images/hlw_bg4.png); background-position: right 0; background-repeat: no-repeat; background-size: auto 100%;}
.hlwcp .lrj .fl{ width: 50%;}
.hlwcp .lrj h2{ margin-top: 3.51rem; margin-bottom: 0.9rem;}
.hlwcp .lrj ul { margin-left: 25.2%;}
.hlwcp .lrj ul li{ height: 1rem; line-height: 1rem; font-size:12px;}
.hlwcp .lrj ul li i{ float: left; margin-right: 0.35rem; margin-top: 0.365rem; display: block; width: 0.27rem; height: 0.27rem; background-color:#171717; border-radius: 50%;}
.hlwcp .wlw{ width: 100%; height: 13.3rem; background: #fff; background-image: url(../images/hlw_bg5.png); background-position: left 0; background-repeat: no-repeat; background-size: auto 100%;}
.hlwcp .wlw .fr{ width: 50%;}
.hlwcp .wlw .fr h2{ margin-top: 4rem; margin-bottom: 0.675rem;}
.hlwcp .wlw .fr p{ width: 69%; margin: 0 auto; font-size:12px; line-height: 0.72rem; text-indent: 2em; word-break: break-all;}

/*信时空套餐*/
.xsktc{}
.xsktc h2{ padding-top: 1.71rem; height: 3.375rem; font-size:20px; font-weight:bold; text-align: center;}
.xsktc .pd .main{ width: 79%; margin:  0 auto;}
.xsktc .title { padding-bottom: 1.75rem;}
.xsktc .title h1{ margin-top: 1rem; margin-bottom: 0.5rem; font-size:20px; font-weight:bold; text-align: center;}
.xsktc .title p{ font-size:12px; text-align: center; color: #1d2088; line-height: 0.85rem;}
.xsktc table{ margin-bottom: 1.17rem; width: 100%; text-align: center; font-size:12px; color: #151515; background: #fff; border-collapse: collapse;}
.xsktc table th{ border: 1px solid #7d7d7d;}
.xsktc table td{ height: 0.85rem; border: 1px solid #7d7d7d; width: 1rem; padding: 0.15rem;}
.xsktc h4{ margin-bottom: 0.315rem; font-size:12px; color: #151515;}
.xsktc p{ position: relative; padding-left: 1.21rem; font-size:12px; line-height: 0.72rem;}
.xsktc p span{ position: absolute; top: 0; left: 0; width: 1.21rem; height: 0.72rem; text-align: right; line-height: 0.72rem;}
.xsktc .order { margin-bottom: 0.8rem;}
.xsktc .order a{ display: block; float: right; width: 4.68rem; height: 0.9rem; line-height: 0.9rem; text-align: center; color: #030000; font-size:12px; background: #fff45c; border-radius: 0.15rem; transition: background-color 0.2s,color 0.2s;}
.xsktc .order a:hover{ background: #f28c04; color: #fff;}
.xsktc .tc_wxsk{ padding-bottom: 2.6rem; width: 100%; background: #f8b109; background-image: url(../images/tc_bg1.jpg); background-position:0 top; background-repeat: repeat; background-size: 100% auto;}
.xsktc .tc_wxsk table{ background: #fff;}
.xsktc .jyb{ display: none;}
.xsktc .tc_wxsk .zxsxp a.order{ margin-top: 0.1rem; margin-bottom: 0.8rem;}
.xsktc .tc_sxp{ display: none;}
.xsktc .tc_llb{ display: none;}
.xsktc .tc_sxp table{ background: #eeeeee;}
.xsktc .tc_llb table{ background: #eeeeee;}
.xsktc .tc_llb p{ padding: 0;}
.xsktc .tc_zysk { padding-bottom: 1rem;}
.xsktc .tc_ldtx{ padding-bottom:0.8rem; background: #eeeeee;}
.xsktc .tc_ldtx .pd{ overflow: inherit;}
.xsktc .tc_ldtx .order{ margin-top: 0.6rem;}
.xsktc .tc_ldtx .main{ position: relative;}
.xsktc .tc_ldtx .main img{ position: absolute; left: -4.1rem; top: -1rem; width: 4.95rem; height: auto;}
.xsktc .tc_ldtx h2{ line-height: 2.97rem; height: 2.97rem; padding: 0;}
.xsktc .tc_ldtx a.order{ margin-top: 0.49rem;}
.xsktc .tc_ldtx table{ position: relative; z-index: 9; margin-bottom: 0; line-height: 0.72rem;}
.xsktc .tc_ldtx table span{ font-size:12px; display: block; text-align: left;}
.xsktc .tc_ldtx table th { padding-top: 0.72rem; padding-bottom: 0.58rem;}
.xsktc .tc_ldtx table th span{ text-align: center;}
.xsktc .tc_ldtx table td{ padding: 0.5rem 0.54rem; text-align: left;}
.xsktc .wtyw{ width: 100%; height: 8.2rem; background: url(../images/tc_bg2.jpg) center center no-repeat; background-size: cover;}
.xsktc .wtyw .yw{ margin-left: 12%; padding-top: 2.78rem; width: 10.9rem;}
.xsktc .wtyw .yw a{ display: block; float: left; margin-right: 0.22rem; margin-bottom: 0.8rem; width: 2.5rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #f8b109; font-size:12px; font-weight: bold; background: #fff; border-radius: 0.36rem; transition: background-color 0.2s,color 0.2s;}
.xsktc .wtyw .yw a:hover{ background: #f28c04; color: #fff;}
.xsktc .wtyw .ewm{ margin-right: 3%; padding-top: 1.71rem; width: 9.1rem;}
.xsktc .wtyw .ewm div{ width: 3.5rem;}
.xsktc .wtyw .ewm div span{ display: block; margin-top: 0.31rem; text-align: center; line-height: 0.58rem; font-size:12px;}
.xsktc .wtyw .ewm div img{ display: block; margin: 0 auto; width: 3.46rem; height: 3.46rem;}

/*企业融合通信*/
.rhtx h2{ font-size:20px; font-weight:bold; text-align: center;}
.rhtx p{ font-size:12px; line-height: 0.7rem;}
.rhtx .yycp{ margin-top: -1.53rem; padding-top: 2.6rem; height: 17.32rem; width: 100%; background: url(../images/rhtx_bg1.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.rhtx .yycp h2{ margin-bottom: 1rem;}
.rhtx .yycp p{ text-indent: 2em;}
.rhtx .yycp ul{ margin-top: 1rem;}
.rhtx .yycp ul li{ float: left; width: 50%;}
.rhtx .yycp ul li .box{ margin: 0 auto; position: relative; width: 10.1rem; height: 6.9rem;}
.rhtx .yycp ul li h3{ position: absolute; top: 50%; left: 50%; margin-left: -1.63rem; margin-top: -1.63rem; height: 3.26rem; width: 3.26rem; background: rgba(255,255,255,0.7); border-radius: 50%; z-index: 3;}
.rhtx .yycp ul li h3 em{ margin: 0 auto; margin-top: 0.23rem; display: block; width: 2.8rem; height: 2.8rem; color: #fff; text-align: center; line-height: 2.8rem; font-size: 14px; background: #ed8842; border-radius: 50%;}
.rhtx .yycp ul li span{ position: absolute; display: block; padding-top: 0.5rem; width: 4.3rem; height: 2.2rem; color: #fff; font-size: 12px; line-height: 0.6rem;  background: #ed8842; text-align: center; border-radius: 0.135rem;}
.rhtx .yycp ul li span.s1{ top: 0; left: 50%; margin-left: -2.15rem;}
.rhtx .yycp ul li span.s2{ left: 0; bottom: 0;}
.rhtx .yycp ul li span.s3{ right: 0; bottom: 0;}
.rhtx .dhhy{ height: 16.3rem; width: 100%; color: #fff; background: url(../images/rhtx_bg2.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.rhtx .dhhy h2{ height: 3.6rem; padding-top: 1.8rem;}
.rhtx .dhhy p span { display: block; height: 0.72rem;}
.rhtx .dhhy p span i{ display: block; margin-top: 0.26rem; margin-right: 8px; float: left; width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 50%;}
.rhtx .dhhy .bd{ margin-top: 0.44rem; float: right; padding-top: 0.74rem; padding-left: 2.1rem; width: 10.2rem; height: 5.7rem; font-size: 12px; line-height: 0.85rem; background: rgba(255,255,255,0.15);}
.rhtx .dhhy .bd span{ display: block;}
.rhtx .qyzj{ height: 16.4rem; width: 100%; background: url(../images/rhtx_bg3.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.rhtx .qyzj h2{ height: 4.7rem; padding-top: 2.47rem;}
.rhtx .qyzj p{ text-indent: 2em;}
.rhtx .qyzj .bd{ margin-top: 1.6rem; padding-left: 2.8rem; padding-top: 0.64rem; width: 14.5rem; height: 5.67rem; font-size: 12px; line-height: 0.85rem; background: rgba(149,149,149,0.25);}
.rhtx .qyzj .bd span{ display: block;}
.rhtx .qyzj .tel{ line-height: 1.35rem; font-size:12px; text-align: right;}
.rhtx .qyzj .tel span{ color: #1d2088;}

/*大事记*/
.dsj .cont h1.title{ padding-top: 0.6rem;}
.dsj .cont { padding-bottom: 3.4rem;}
.dsj .ds_bd{ position: relative; margin-bottom: 1.66rem; padding-left: 2.48rem; min-height: 2.3rem;	}
.dsj .ds_bd .ds_year{ position: absolute; top: 0.25rem; left: 0; width: 2.48rem;}
.dsj .ds_bd .ds_year span{ display: block; width: 1.89rem; height: 1.98rem; line-height: 1.98rem; font-size: 0.55rem; color: #fff; text-align: center; font-weight: bold; background: #402a93;}
.dsj .ds_bd ul li{ position: relative; padding-left: 3.8rem; line-height: 0.94rem; font-size:12px;}
.dsj .ds_bd ul li a{ color:#171717;}
.dsj .ds_bd ul li a.link:hover{ color:#463587;  text-decoration: underline;}
.dsj .ds_bd ul li .date{ position: absolute; left: 0; top: 0; height: 0.94rem; }
.dsj .ds_bd ul li .date img{ display: block; margin-right: 0.22rem; float: left; margin-top: 0.25rem; width: 0.44rem; height: 0.44rem;}
.dsj .ds_bd ul li .date span{ color: #a0a0a0;}

/*付款方式*/
.payment { font-size:12px; line-height: 0.72rem;}
.payment h2{ font-size:20px; font-weight:bold; text-align: center;}
.payment .zy h2{ line-height: 2.34rem;}
.payment .zy .pd div{ margin-top: 0.2rem; padding: 1.12rem 0; color: #ec7e1d; font-size:12px;}
.payment .pm_img{ width: 10.57rem;}
.payment .pm_img img{ display: block; margin: 0 auto; width: 6rem; height: 6rem;}
.payment .fk1{ background: #eeeeee;}
.payment .fk1 h2{ padding-top: 1.125rem; height: 2.9rem;}
.payment .fk1 ul{ width: 17.4rem; padding-bottom: 1.35rem;}
.payment .fk1 ul li{ position: relative; padding-left: 4.86rem;}
.payment .fk1 ul li .img{ position: absolute; left: 0; width: 4.8rem; height: 100%;}
.payment .fk1 ul li .img img{ position: absolute; top: 50%; left: 0; margin-top: -0.5rem ; display: block; width: 3.44rem;}
.payment .fk1 ul li .txt{ padding: 0.32rem 0;}
.payment .fk2 h2{ padding-top: 1.35rem; padding-right: 4.9rem; text-align: center; height: 3.5rem;}
.payment .fk2 .fl{ width: 16.4rem;}
.payment .fk2 .pm_img{ padding: 0.8rem 0;}
.payment .fk2 .acc_fl{ float: left; margin-left: 0.8rem; text-align: center; padding: 0 2rem;}
.payment .fk2 .acc_fr{ float: left; width: 9.2rem; }
.payment .fk2 .acc_fr i{padding-left: 2em;}
.payment .fk3{ position: relative; background: #eeeeee;}
.payment .fk3 h2{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 1.44rem;}
.payment .fk3 .pm_img{ padding: 1rem 0;}
.payment .fk3 ul{ padding-top: 3.6rem; width: 16.2rem;}
.payment .fk3 ul li{ position: relative; width: 16.2rem; padding-left: 3.65rem;}
.payment .fk3 ul li span{ position: absolute; top: 0; left: 0; display: block; width: 3.65rem;}
.payment .fk4 .fl{ width: 11.25rem; text-align: center;}
.payment .fk4 .fl h2{ padding-top: 3.4rem;}
.payment .fk4 .fl span{ margin-top: 0.9rem; display: block;}
.payment .fk4 .fr{ padding-top: 2.16rem; padding-bottom: 2.36rem; width: 11.25rem;}
.payment .fk4 .fr img{ display: block; width: 100%;}

/*条款条件*/
.tktj{ font-size:12px; line-height: 0.72rem; }
.tktj h2.title{ margin: 0 auto; margin-bottom: 0.45rem; text-align: center; font-size:20px; font-weight:bold; width: 5.7rem; height: 1.53rem; line-height: 1.53rem; color: #fff; background: #717171;}
.tktj p{ text-indent: 2em;}
.tktj section{ margin-bottom: 0.9rem; padding-top: 0.45rem;}

/*隐私保护*/
.ysbh h1.title{ padding-top: 0.8rem; }
.ysbh p{ font-size:12px; line-height: 0.72rem;}
.ysbh p.tt{ font-size:12px; line-height: 1.08rem;}

/*资质荣誉*/
.zzry { padding-top: 1.53rem; margin-top: -1.53rem; background: #f1f1f1;}
.zzry h2.title{ padding-top: 0.8rem; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 0.9rem; color: #171717;}
.zzry ul{ padding-top: 0.5rem; min-width: 900px; }
.zzry ul li{ margin-bottom: 2rem; float: left; margin-right: 8.1%; width: 27.9%; border: 1px solid #dcdcdc; transition: transform 0.4s;}
.zzry ul li:nth-child(3n){ margin-right: 0;}
.zzry ul li:hover{ transform: translateY(-6px); box-shadow: 3px 3px 8px #bbb;}
.zzry ul li .img{ display: block; width: 100%; height: 5.95rem; line-height: 5.834rem; text-align: center; font-size: initial; overflow: hidden; /*background: url(../images/ryzz_bg.png) center center no-repeat;*/ background: #fff; background-size: cover; cursor: default;}
.zzry ul li:hover .img img{ transform: scale(1.1);}
.zzry ul li .img img{ max-width: 100%; max-height: 100%; transition: all 0.2s;} 
.zzry ul li .txt{ padding: 0.3rem 1rem 0.22rem 1rem; height: 2.2rem; background: #fff;}
.zzry ul li .txt h2{ font-weight: bold; line-height: 0.6rem; text-align: center;}
.zzry ul li .txt h2 a{ display: block; font-size:14px; color: #402a93; cursor: default;}
.zzry ul li:hover .txt h2 a{ color:#f28c04;}
.zzry ul li .txt .date{ margin-bottom: 0.15rem; font-size: 12px; color: #a0a0a0;}
.zzry ul li .txt p{ color: #000; font-size:12px; line-height: 0.54rem; height: 1.1rem; overflow: hidden;}
.zzry ul li .txt a.download{ margin-top: 1.1rem; display: block; float: right; font-size: 12px; color: #402a93;}
.zzry ul li .txt a.download:hover{ text-decoration: underline;}

/*视频弹窗*/
.black{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.7); opacity: 1;}
.black.hide{ z-index: -99; opacity: 0;}
.vbox{ position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -370px; width: 740px; height: 400px; transform: scale(0.5); opacity: 0; transition: all 0.3s;}
.vbox.show{ transform: scale(1); opacity: 1;}
.vbox.hide{ transform: scale(0.5); opacity: 0;}
.vbox img{ position: absolute; right:-1em; top: -1rem; cursor: pointer; width: 0.6rem; transition: transform 0.3s;}
.vbox img:hover{ transform: rotate(180deg);}

/*关于我们*/
.about { font-size:12px; line-height: 0.72rem;}
.about h2{ line-height: initial; font-size:20px; font-weight:bold; text-align: center;}
.about .gsjs h2{ line-height: 2.52rem;}
.about .gsjs .js1 { padding-bottom: 1.8rem;}
.about .gsjs .js1 h3{ font-size:12px; line-height: 0.72rem;}
.about .gsjs .js1 p{ position: relative; /*padding-left: 1em;*/ color: #171717;}
.about .gsjs .js1 i{ position: absolute; top: 0.26rem; left: 0; display: block; width: 0.2rem; height: 0.2rem; background: #171717; border-radius: 50%;}
.about .gsjs .js2{ width: 100%; height: 16.15rem; background: url(../images/about_bg1.jpg) center center no-repeat; background-size: cover;}
.about .gsjs .js2 .fl{ position: relative; width: 15.9rem; height: 14.8rem; background: url(../images/about_gsjs.png) center center no-repeat; background-size: 100% 100%;}
.about .gsjs .js2 span{ position: absolute; width: 6.255rem; height: 5.4rem; color: #fff; line-height: 0.94rem; font-size: 12px;}
.about .gsjs .js2 span:nth-child(1){ top: 4.05rem; left: 0; padding-top: 0.82rem; padding-left: 1.9rem;}
.about .gsjs .js2 span:nth-child(2){ top: 1.3rem; left: 50%; margin-left: -3.13rem; padding-top: 1.76rem; padding-left: 1.7rem;}
.about .gsjs .js2 span:nth-child(3){ top: 4.05rem; right: 0; padding-top: 1.29rem; padding-left: 1.7rem;}
.about .gsjs .js2 span:nth-child(4){ top: 6.84rem; left: 50%; margin-left: -3.13rem; padding-top: 1.29rem; padding-left: 1.8rem;}
.about .gsjs .js2 .fr{ margin-top: 11.3rem; line-height: 0.95rem; font-size:12px; color: #fff;}

.about .fzlc{ padding-bottom: 0.95rem; width: 100%;}
.about .fzlc .pd{overflow: visible; overflow: initial;}
.about .fzlc h2{ padding-top: 2rem;}
.about .fzlc .main{ padding: 6rem 0 9rem 6rem; width: 100%; font-size:12px;}
.about .fzlc .main .num{ position:relative; float: left; display:block; height:auto; background-color:#f39800; border-radius: 50%;}
.about .fzlc .main .num p{ position: absolute; top: 2.2rem; left: 32%; line-height: 0.68rem;}
.about .fzlc .main .num:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:"";}
.about .fzlc .main .num:after{ display:block; padding-bottom:100%; width:0; content:"";}
.about .fzlc .main .num{ margin-top: 2.5%; width: 7%;}
.about .fzlc .main .num span:first-child{ position: absolute; left: 0; top: 50%; margin-top: -0.36rem; width: 100%; height: 0.72rem; color: #fff; text-align: center;}
.about .fzlc .main .num .tip{ position: absolute; top: 3rem; left: 50%; margin-left: -2.7rem; width: 5.4rem;}
.about .fzlc .main .num:nth-child(3) .tip{ top: calc(14.28% - 6.4rem);}
.about .fzlc .main .num:nth-child(5) .tip{top: 3rem;}
.about .fzlc .main .num:nth-child(7) .tip{ top: calc(22.82% - 6.4rem);}
.about .fzlc .main .num:nth-child(9) .tip{top: 3rem;}
.about .fzlc .main .num:nth-child(11) .tip{ top: calc(27.76% - 7rem);}
.about .fzlc .main .num .tip2{ width: 5.6rem; margin-left: -2.8rem;}
.about .fzlc .main .num .tip3{ width: 7rem; margin-left: -3.5rem;}
.about .fzlc .main .num .tip img{ display: block; width: 100%; height: auto;}
.about .fzlc .main .num .tip p{ position: absolute; top: 0; left: 0; display: block; padding-top: 0.2rem; width: 100%; height: 100%; color: #171717; white-space: nowrap;}
.about .fzlc .main .num:nth-child(1) .tip p{ padding-left: 0.58rem; padding-top: 0.5rem;}
.about .fzlc .main .num:nth-child(3) .tip p{ padding-left: 0.5rem;}
.about .fzlc .main .num:nth-child(5) .tip p{  padding-top: 0.4rem; padding-left: 0.27rem;}
.about .fzlc .main .num:nth-child(7) .tip p{ padding-left: 0.31rem;}
.about .fzlc .main .num:nth-child(9) .tip p{ padding-left: 0.27rem; padding-top: 0.5rem;}
.about .fzlc .main .num:nth-child(11) .tip p{ padding-left: 0.27rem;}
.about .fzlc .main .num:nth-child(13) .tip p{ padding-left: 0.27rem; padding-top: 0.5rem;}
.about .fzlc .main .year{ position: relative; float: left; margin: 0 2.26%; margin-top: 4.6%; width: 5%;  height: 0.675rem; line-height: 0.675rem; color: #fff; text-align: center; background: ; border-radius: 0.337rem; }
.about .fzlc .main .year{width: 3.98%;}
.about .fzlc .main .year .tip{ position: absolute; top: 2.1rem; left: 50%; margin-left: -2.2rem; height: 7.3rem; width: 4.4rem;}
.about .fzlc .main .year .tip2{ width: 5.2rem; height: 7.3rem; margin-left: -2.6rem;}
.about .fzlc .main .year .tip img{ display: block; width: 100%; height: 100%;}
.about .fzlc .main .year .tip p{ position: absolute; top: 0; left: 0; padding-top: 0.72rem; line-height: 0.72rem;}
.about .fzlc .main .year:nth-child(2) .tip p{ padding-left: 0.32rem;}
.about .fzlc .main .year:nth-child(4) .tip p{ padding-left: 0.11rem;}
.about .fzlc .main .year:nth-child(6) .tip p{ padding-left: 0.11rem;}
.about .fzlc .main .year:nth-child(8) .tip p{ padding-left: 0.2rem;}
.about .fzlc .main .year:nth-child(10) .tip p{ padding-left: 0.2rem;}
.about .fzlc .main .year .tip p span{ text-align: left; position: relative; display: block; padding-left: 0.8em; width: 100%; height: 100%; color: #171717;}
.about .fzlc .main .year .tip p span i{ position: absolute; top: 0.26rem; left: 0; display: block; width: 0.2rem; height: 0.2rem; background: #171717; border-radius: 50%;}

.about a.o_btn{ display: block; margin: 0 auto; width: 5.67rem; height: 1.08rem; border-radius:0.18rem; line-height: 1.08rem; text-align: center; font-size:12px; color: #fff; background: #f39800; transition: background-color 0.15s,transform 0.2s;}
.about a.o_btn:hover{ transform: translate(2px,2px); background: #f28c04;}
.about .index_video{ padding-top: 2.47rem; height: 17.4rem; background:url(../images/about_bg2.jpg) center center no-repeat; background-size: cover; }
.about .index_video h2{ margin-bottom: 1.55rem;}
.about .index_video .scroll_box ul li h3{ color: #171717; background: rgba(112,112,112,.28); transition: background-color 0.15s;}
.about .index_video .scroll_box ul li:hover h3{ color: #febe29; background: rgba(0,0,0,.6);}
.about .index_video .o_btn{ margin-top: 0.72rem; }
.about .a_zzry{ padding-bottom: 0.9rem; width: 100%; background: #fff;}
.about .a_zzry .pd{ overflow: initial;}
.about .a_zzry h2{ padding-top: 1.6rem; padding-bottom: 1rem;}
.about .a_zzry .ul1{ max-height: 9.4rem; overflow: hidden;}
.about .a_zzry .ul1 li{position: relative; float: left; padding-top: 0.51rem; width: 25%; transition:transform 0.2s;}
.about .a_zzry .ul1 li a{ display: block; width: 100%; color: #171717;}
.about .a_zzry .ul1 li:hover a{ color: #f39800;}
.about .a_zzry .ul1 li .img{ display: block; width: 100%; height: 3rem; line-height: 3rem; text-align: center; overflow: hidden;}
.about .a_zzry .ul1 li .img img{ max-width: 100%; max-height: 100%; transition: transform 0.25s;}
.about .a_zzry .ul1 li:hover .img img{ transform: scale(1.1);}
.about .a_zzry .ul1 li .txt{ display: block; text-align: center; height: 1.17rem; line-height: 1.17rem; font-size:12px; cursor: default; overflow: hidden;}
.about .a_zzry .ul2{ text-align: center; font-size: initial;}
.about .a_zzry .ul2 li{ display: inline-block; width: 13%; height: 2.4rem; transition:transform 0.2s;}
.about .a_zzry .ul2 li:hover{ transform: translateY(-5px); box-shadow: 0 0.05rem 0.1rem #aaa;}
.about .a_zzry .ul2 li a{ display: block; width: 100%; height: 100%; line-height: 2.4rem; cursor: default;}
.about .a_zzry .ul2 li a span{ display: block; width: 100%; height: 100%; overflow: hidden;}
.about .a_zzry .ul2 li a img{ max-width: 100%; max-height: 100%;}
.about .a_zzry .o_btn{ margin: 0.8rem auto 0.5rem auto;}
.about .join_us{ width: 100%; height: 12.51rem; color: #fff; background:url(../images/about_bg3.jpg) center center no-repeat; background-size: cover; }
.about .join_us .pd{ overflow: initial;}
.about .join_us h2{ padding-top: 2.38rem; padding-bottom: 1.08rem;}
.about .join_us a{  margin-top: 1.5rem;}
.about .cont_us{ width: 100%; height: 14.175rem; background:url(../images/about_bg4.jpg) center center no-repeat; background-size: cover;}
.about .cont_us .main{ margin-top: 2.29rem; width: 100%; height: 9.45rem;  background: rgba(255,255,255,0.6);}
.about .cont_us .main h2{ padding-top: 1.44rem; height: 3.15rem;}
.about .cont_us .main .fl{ padding-left: 9.16%; width: 50%;}
.about .cont_us .main .fr{ padding-left: 9.16%; width: 50%;}
.about .cont_us .main h3{ font-size:12px; line-height: initial;}
.about .cont_us .main .fr p:nth-child(2){ margin-bottom: 0.3rem;}
.about .cont_us2{ padding-top: 2.1rem; padding-bottom: 0.9rem; width: 100%; background: #fff; text-shadow: 0 0 1px #ddd;}
.about .cont_us2 .main .item{ padding: 1rem 1.5rem; }
.about .cont_us2 .main .item:nth-child(2n){ background: #eeeeee;}
.about .cont_us2 .main h3{ font-size:15px; margin-bottom: 0.2rem;}
.about .cont_us2 .main .table{ margin-top: 0.5rem;}
.about .cont_us2 a{ color: #1c0054; text-decoration: underline; text-shadow: 0 0 1px #e8defb;}
.about .cont_us2 a:hover{ color: #f39800; text-shadow: none;}
.about .cont_us2 p{}
.about .cont_us2 .lxr{ display: block;}
.about .cont_us2 .txt{ margin-bottom: 0.1rem;}
.about .cont_us2 .txt .fl:first-child{ width: 18.22%;}

/*移动应用*/
.mobileApp{ font-size:12px;}
.mobileApp h2{ font-size:20px; font-weight:bold; text-align: center;}
.mobileApp p{ line-height: 0.72rem;}
.mobileApp .pd{ position: relative;}
.mobileApp .pd .ewm{ position: absolute; right: 3%; width: 4.85rem; text-align: center;}
.mobileApp .pd .ewm img{ display: block; margin: 0 auto; width: 3.7rem;}
.mobileApp .pd .ewm span{ display: block; line-height: 1rem; text-align: center; font-size:12px;}
.mobileApp .app_km{ padding-bottom: 1.6rem; width: 100%; background: #fff;}
.mobileApp .app_km h2{ line-height: 1.8rem;}
.mobileApp .app_km p{ margin-bottom: 0.9rem;}
.mobileApp .app_km ul { margin-left: 18.54%; width: 14rem;}
.mobileApp .app_km ul li{ float: left; margin-right: 0.3rem; margin-bottom: 0.3rem; width: 4.23rem; height: 2.2rem; color: #fff; text-align: center; font-size:12px; line-height: 2.2rem; background: #a462ca;}
.mobileApp .app_km ul li:nth-child(3n){ margin-right: 0;}
.mobileApp .app_km ul li:nth-child(5){ background: none; color: #171717;}
.mobileApp .app_km .pd .ewm{ top: 5.5rem;}
.mobileApp .wxyyt{ width: 100%; height: 13.77rem; background:url(../images/mbapp_bg1.jpg) center center no-repeat; background-size: 100% 100%;}
.mobileApp .wxyyt h2{ padding-top: 1.4rem; padding-bottom: 0.2rem;}
.mobileApp .wxyyt .func{ position: relative; margin-left: 7.4rem; margin-top: -0.49rem; width: 8.7rem;}
.mobileApp .wxyyt .func img{ display: block; width: 100%; height: auto;}
.mobileApp .wxyyt .func span{ position: absolute; display: block; width: 3.06rem; height: 3.06rem; text-align: center; line-height: 3.06rem; color: #171717; font-size:12px;}
.mobileApp .wxyyt .func span:nth-child(1){ top: 50%; left: 50%; margin-top: -1.53rem; margin-left: -1.53rem;}
.mobileApp .wxyyt .func span:nth-child(2){ top: 0; left: 2rem;}
.mobileApp .wxyyt .func span:nth-child(3){ top: 0.77rem; right: 0.79rem;}
.mobileApp .wxyyt .func span:nth-child(4){ top: 3.6rem; right: 0;}
.mobileApp .wxyyt .func span:nth-child(5){ bottom: 0; right: 2.05rem;}
.mobileApp .wxyyt .func span:nth-child(6){ bottom: 0.77rem; left: 0.79rem;}
.mobileApp .wxyyt .func span:nth-child(7){ top: 2.05rem; left: 0;}
.mobileApp .wxyyt .ewm{ top: 6.66rem;}
.mobileApp .yyz{ width: 100%; height: 13.95rem; background: #fff;}
.mobileApp .yyz .pd{ height: 100%;}
.mobileApp .yyz h2{ padding-top: 1.84rem; height: 3.6rem;}
.mobileApp .yyz ul{ margin-top: 1.6rem; }
.mobileApp .yyz ul li{ float: left; margin-left: 1.26rem; padding: 0; width: 5.25rem; height: 5.25rem; color: #fff; border-radius: 50%;}
.mobileApp .yyz ul li:nth-child(1){ background: #486dcc;}
.mobileApp .yyz ul li:nth-child(2){ background: #a462ca;}
.mobileApp .yyz ul li:nth-child(3){ background: #31d8ca;}
.mobileApp .yyz ul li em{ margin-top: 22.42%; margin-bottom: 6%; display: block; text-align: center; font-size:12px;}
.mobileApp .yyz ul li:nth-child(2) em{ margin-top: 12.87%;}
.mobileApp .yyz ul li p{ padding: 0 18%;}
.mobileApp .yyz ul li span{ float: left; display: block; width: 50%; white-space: nowrap;}
.mobileApp .yyz ul li span:nth-child(2n){ float: right; padding-left: 0.8em; text-align: right;}
.mobileApp .yyz .ewm{ top: 7.15rem;}
.mobileApp .ywsc{ position: relative; width: 100%; height: 12.87rem; background:url(../images/mbapp_bg2.jpg) center center no-repeat; background-size: cover;}
.mobileApp .ywsc .pd{ height: 100%;}
.mobileApp .ywsc h2{ padding-top: 1.84rem; height: 3.6rem;}
.mobileApp .ywsc .ewm{ top: 7.2rem;}
.mobileApp .mobile{ width: 100%; height: 15.52rem; background: #fff;}
.mobileApp .mobile .pd{ height: 100%;}
.mobileApp .mobile h2{ padding-top: 1.84rem; height: 3.6rem;}
.mobileApp .mobile h3{ margin-bottom: 0.6rem; font-size:12px; text-align: center;}
.mobileApp .mobile ul{ margin-left: 1.35rem; margin-top: 1.6rem;}
.mobileApp .mobile ul li{ position: relative; float: left; margin-right: 1.73rem; width: 5.3rem; height: 5.3rem; font-size:12px; line-height: 5.3rem;}
.mobileApp .mobile ul li img{ width: 100%; height: 100%;}
.mobileApp .mobile ul li span{ display: block; width: 100%; line-height: 1.2rem; text-align: center;}
.mobileApp .mobile .ewm{ top: 8.5rem;}

/*网站地图*/
.sitemap{ width: 100%; height: auto; background: #fff;}
.sitemap h1{ margin-bottom: 0.675rem; font-size:20px; font-weight:bold; text-align: center; line-height: 2.81rem;}
.sitemap .map_box{ padding-bottom: 3.93rem;}
.sitemap .map_box .nav_list{ float: left; margin-right: 0.63rem;}
.sitemap .map_box .nav_list a{ position: relative; display: block; width:3.33rem; height: 0.97rem; line-height: 0.97rem; text-align: center; color: #000; font-size:12px; border: 1px solid #eeeeee;}
.sitemap .map_box .nav_list a:hover{ color: #e79012;}
.sitemap .map_box .nav_list a.first_nav{ margin-bottom: 1rem;}
.sitemap .map_box .nav_list a.first_nav:after{ position: absolute; bottom: -1rem; left: 50%; width: 1px; height: 1rem; background: #eee; content: '';}
.sitemap .map_box .nav_list a.home{ width: 2.2rem;}
.sitemap .map_box .nav_list a.home:after{ display: none;}
.sitemap .map_box .nav_list ul li{ position: relative; margin-bottom: 0.4rem;}
.sitemap .map_box .nav_list ul li:after{ position: absolute; bottom: -0.4rem; left: 50%; width: 1px; height: 0.4rem; background: #eee; content: '';}
.sitemap .map_box .nav_list ul li.jm:after{ display: none;}
.sitemap .map_box .nav_list.sec{ width: 7.21rem;}
.sitemap .map_box .nav_list.sec ul { width: 3.33rem; border: 1px solid #eee;}
.sitemap .map_box .nav_list.sec ul li:after{ display: none;}
.sitemap .map_box .nav_list.sec ul li.tw:after{ display: block; width: 0.55rem; height: 1px; left: 3.33rem; bottom: 50%;}
.sitemap .map_box .nav_list.sec ul li a:first-child{ border: 0;}
.sitemap .map_box .nav_list.sec ul li a:nth-child(2){ position: absolute; top: 0; left: 3.88rem;}

/*友情链接*/
.links{ padding-bottom:  2.9rem; width: 100%; background: #fff;}
.links h1{ padding: 0.35rem 0 1.57rem 0; font-size:20px; font-weight:bold; text-align: center; }
.links ul{ width: 103.387%;}
.links ul li{ float: left; margin-right: 2.463%; margin-bottom: 2.463%; width: 30.69%; height: 4.05rem; background: #eeeeee;}
.links ul li a{ display: block; width: 100%; height: 100%; transition: background-color 0.2s;}
.links ul li a img{ display: block; width: 100%; height: 100%; transition: transform 0.2s;}
.links ul li:hover a{ background: rgba(245,169,0,0.6);}
.links ul li:hover a img{ transform: scale(1.1);}
.links .link{ padding: 0.45rem 0 0 0; text-align: center; font-size:12px; color: #000; text-shadow: 0 0 0.2px #000;}
.links .link a{ color: #000;}
.links .link a:hover{ color: #e79012; text-shadow: none;}

/*招聘职位*/
.job{ padding-bottom: 2rem; width: 100%; background: #fff; font-size:12px;}
.job .site{ margin-top: 0.9rem; margin-bottom: 0.54rem; width: 100%;}
.job .site .clearfix{ position: relative; margin: 0 auto; width: 34.67%; height: 0.81rem;}
.job .site span{ float: left; display: block; width: 48.83%; height: 100%; text-align: center; line-height: 0.81rem; font-size:12px; color: #fff; background: #463587;}
.job .site select{ float: right; display: block; width: 48.83%; height: 100%; font-size:12px; text-indent: 5em; border: 1px solid #463587; outline: none;}
.job .site button{ position: absolute; top: 50%; left: 102%; margin-top: -0.36rem; display: block; width: 2.3rem; height: 0.72; text-align: center; line-height: 0.72rem; font-size:12px; color: #fff; background: #463587; transition: background-color 0.25s;}
.job .posi{ margin: 0 auto; width: 80.8%;}
.job .posi h3{ margin-bottom: 0.58rem; font-size: 0.45rem;}
.job .posi .cleafix{ width: 100%;}
.job .posi span{ float: left; display: block; margin-right: 2.33%; margin-bottom: 0.46rem; width: 23.25%; height: 1.33rem; line-height: 1.33rem; text-align: center; font-size:12px; text-align: center; border: 1px solid #d2d2d2; cursor: pointer;}
.job .posi span:nth-child(4n){ margin-right:0 ;}
.job .posi span.on,.job .posi span:hover{ border: 2px solid #463587;}
.job .posi_m{ margin-top: 1.35rem;}
.job .posi_m .main{ display: none;}
.job .posi_m .main p{ font-size:12px; line-height: 0.63rem;}
.job .posi_m .post{ margin-top: 0.95rem; display: block; width: 4.7rem; height: 0.9rem; line-height: 0.9rem; text-align: center; color: #fff; font-size:12px; background: #463587; transition: background-color 0.25s;}
.job .posi_m .post:hover,.job .site button:hover{ background: #e79012;}
.job .posi_m .hr{ margin-top: 0.3rem;}
.job .posi_m .hr span{ font-size:12px; line-height: 0.63rem;}

.eConn{ width: 100%; height: auto; background: #fff; font-size: 12px; line-height: 0.72rem;}
.eConn .pd{ width: 32rem;}
.eConn h2{ margin-bottom: 0.675rem; font-size:20px; font-weight:bold; text-align: center; line-height: 2.81rem;}
.eConn h3{ margin-bottom: 0.3rem; font-size: 14px;}
.e1{ padding-top: 3.5rem; padding-bottom: 3.5rem; background: #292a3c; color: #fff;}
.e1 .pd{ position: relative;}
.e1 .pd img{ display: block; margin: 0 auto; width: 45%;}
.e1 .pd .e-box{ position: absolute; width: 26%;}
.e1 .pd .e-box:nth-child(1){ top: 0; left: 0; }
.e1 .pd .e-box:nth-child(2){ text-align: right; right: 0; top: 0;}
.e1 .pd .e-box:nth-child(3){ bottom: 0; left: 0;}
.e1 .pd .e-box:nth-child(4){ text-align: right; bottom: 0; right: 0;}
.e1 .pd .e-box p span{ display: block;}
.e2{ text-align: center; background: #eeeeee;}
.e2 .clearfix{ position: relative; margin: 0 auto; width: 65%; height: 4rem;}
.e2 .clearfix .e2-box{ position: absolute; transform: translateX(-50%);}
.e2 .clearfix .e2-box span{ display: block;}
.e2 img{ display: block; margin: 0 auto; margin-bottom: 0.5rem; width: 65%;}
.e3 { position: relative; height: 22rem; background: url(../images/e3_bg.png) center center no-repeat; background-size: cover;}
.e3 h2{ float: right;padding-left: 5rem; padding-right: 5rem; background: rgba(255,255,255,0.8);  margin-bottom: 0; color: #7577d2; text-align: right; line-height: 1.3rem;}
.e3 .text{ position: absolute; left: 0; bottom: 0; padding: 0.6rem 2rem; color: #fff; background: rgba(0,51,153,0.74);}
.e3 .text img{ float: left; margin-top: 0.3rem; margin-right: 0.4rem; width: 1.5rem;}
.e3 .text p{  float: left; width: 20rem;}
.e4 p{ text-align: center;}
.e4 ul {  margin: 2rem auto; width: 90%;}
.e4 ul li{ float: left; width: 33.33%; text-align: center;}
.e4 ul li img{ height: 3rem;}
.e4 ul li span{ display: block; padding: 0.8rem 0;}
.e5{ height: 18rem; text-align: center; color: #fff; background: url(../images/e5_bg.png) center center no-repeat; background-size: cover;}
.e5 img{ display: block; margin: 0 auto; width: 12rem;}
.e5 p{ margin-top: 1rem;}
.e6 { padding-bottom: 4rem; text-align: center;}
.e6 h2{ margin: 1.5rem 0;}
.e6 p{ position: relative; padding-left: 2rem; margin: 0 auto; display: inline-block; text-align: left;}
.e6 p img{ position: absolute; left: 0; margin-right: 0.8rem;}
.e7{ height: 15rem; background: url(../images/e7_bg.png) center center no-repeat; background-size: cover;}
.e7 ul {}
.e7 ul li{ position: relative; float: left; width: 19%; margin-right: 1%;}
.e7 ul li img{ width: 100%;}
.e7 ul li span{ position: absolute; top: 54%; left: 0; display: block; width: 100%; text-align: center;}
.e7 .line{ margin-top: -0.3rem; width: 100%; height: 0.2rem; background: url(../images/e7_line.png) 0 0 repeat-x; background-size: auto 100%;}
.e8{ padding-bottom: 1rem; text-align: center;}
.e8 h2{ margin-bottom: 0;}
.e8 p{ margin-bottom: 1rem;}
.e8 img{ width: 12rem;}
.e9{ height: 16rem; color: #fff; background: url(../images/e9_bg.png) center center no-repeat; background-size: cover;}
.e9 h2{ margin-bottom: 0;}
.e9 p{ margin-bottom: 1.5rem; text-align: center;}
.e9 div{ position: relative; margin: 0 auto; margin-bottom: 1.5rem; width: 17rem; text-align: center;}
.e9 div img{ width: 100%;}
.e9 div h4{ position: absolute; top: 0; left: 13.44%; width: 28.4%; line-height: 1.1rem;  font-weight: normal; font-size: 14px;}
.e9 div span{ position: absolute; line-height: 2.24rem; left: 7.6%; top: 0.5rem; width: 92%; display: block; letter-spacing: 2px;}
.e10 { padding-bottom: 2rem;}
.e10 p{ text-align: center;}
.e10 p span{ color: #1676f2;}
.e10 ul { padding: 2rem 2rem;}
.e10 ul li{ float: left; width: 33.33%; text-align: center;}


.guifan{font-size: 12px;
    line-height: 0.72rem;}
.guifan h2{ margin: 1rem 0; font-size: 20px;
    font-weight: bold; text-align: center;}
.guifan p{ text-indent: 2em;}
.guifan img{display: block; margin: 0.5rem auto;}