/*
+----------------------------------------------------------------+
overseas
+----------------------------------------------------------------+
*/
.Globalregistrybox {
	width: 1048px;
	margin: 0 auto;
	background:#FFF;
}
.GlobalregistryT {
	width: 100%;
	height: 80px;
	margin-bottom: 15px;
}
.GlobalregistryT li:nth-child(1) {
 width: 100%;
 height: 60px;
 color: #3A2960;
 text-align: center;
 font-size: 30px;
 line-height: 60px;
 font-weight: bold;
}
.GlobalregistryT li:nth-child(2) {
 width: 100%;
 height: 20px;
 text-align: center;
 color: #977A50;
}
.Globalregistry {
	width: 100%;
	height: 530px;
	background: url('../images/about_img.jpg') no-repeat;
	position: relative;
}
.Globalregistry li {
	width: 85px;
	height: 24px;
	background: url('../images/map_bg.png') no-repeat;
	position: absolute;
	cursor:pointer;
	text-align: right;
}
.Globalregistry li a {
	color: #3D2A61;
}
.Globalregistry li:nth-child(1) {
 width: 50px;
 top: 200px;
 left: 210px;
}
.Globalregistry li:nth-child(2) {
 width: 50px;
 top: 235px;
 left: 280px;
}
.Globalregistry li:nth-child(3) {
 width: 70px;
 left: 325px;
 top: 225px;
}
.Globalregistry li:nth-child(4) {
 width: 50px;
 left: 305px;
 top: 265px;
}
.Globalregistry li:nth-child(5) {
 width: 50px;
 left: 485px;
 top: 120px;
}
.Globalregistry li:nth-child(6) {
 width: 50px;
 left: 500px;
 top: 170px;
}
.Globalregistry li:nth-child(7) {
 width: 50px;
 left: 532px;
 top: 144px;
}
.Globalregistry li:nth-child(8) {
 width: 50px;
 left: 650px;
 top: 260px;
}
.Globalregistry li:nth-child(9) {
 width: 70px;
 left: 640px;
 top: 208px;
}
.Globalregistry li:nth-child(10) {
 width: 85px;
 left: 675px;
 top: 230px;
}
.Globalregistry li:nth-child(11) {
 width: 70px;
 left: 648px;
 top: 320px;
}
.Globalregistry li:nth-child(12) {
 left: 650px;
 top: 378px;
}
.Globalregistry li:nth-child(13) {
 left: 879px;
 top: 384px;
}
.Globalregistry li:nth-child(14) {
 width: 70px;
 left: 785px;
 top: 300px;
}
.Globalregistry li:nth-child(15) {
 width: 50px;
 left: 822px;
 top: 265px;
}
.Globalregistry li:nth-child(16) {
 width: 50px;
 left: 840px;
 top: 243px;
}
.Globalregistry li:nth-child(17) {
 width: 50px;
 left: 862px;
 top: 220px;
}
.Globalregistry li:nth-child(18) {
 width: 50px;
 left: 890px;
 top: 195px;
}
.Globalregistry li:nth-child(19) {
 width: 70px;
 left: 166px;
 top: 375px;
}
.oveadvbox {
	width: 100%;
	height: 580px;
	background: #F2F2F2;
	padding-top: 50px;
}
.oveadvbox {
	width: 100%;
	height: 580px;
	background: #F2F2F2;
	padding-top: 50px;
}
.oveadvbox .title {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #3D2B60;
}
.oveadvbox .oveadv {
	width: 1150px;
	height: 470px;
	margin: 0 auto;
	background: url('../images/oveadvbox.jpg') no-repeat;
	background-size: 1920px;
	background-position: -400px -80px;
}
.oveadvbox .oveadv li {
	width: 180px;
	height: 100px;
	float: left;
	font-size:16px;
	margin-left: 25px;
	text-align: center;
}
.oveadvbox .oveadv li:nth-child(1) {
 margin-left: 10px;
 padding: 200px 4px;
}
.oveadvbox .oveadv li:nth-child(2) {
 padding: 140px 12px;
}
 .oveadvbox .oveadv li:nth-child(3) {
 padding: 110px 12px;
}
.oveadvbox .oveadv li:nth-child(4) {
 padding: 140px 12px;
}
.oveadvbox .oveadv li:nth-child(5) {
 padding: 230px 12px;
}
.selectionbox {
	width: 100%;
	background: url('../images/xz_bg.jpg') no-repeat;
	padding-top: 80px;
}
.selectionbox .selectionbox2 {
	width: 1100px;
	height: 400px;
	margin: 0 auto;
}
.selectionbox .selectionbox2 .selectionbox3 {
	width: 900px;
	height: 400px;
	float: right;
}
.selectionbox .selectionbox2 .selectionbox3 .selectionT {
	width: 100%;
	height: 10px;
	padding-left: 20px;
	color: #fff;
	font-size: 30px;
	line-height: 10px;
	padding-bottom:50px;
}
.selectionbox .selectionbox2 .selectionbox3 .selectionC {
	font-size: 14px;
	color: #fff;
	background:rgba(75, 57, 107, 0.8);
	text-indent: 30px;
	padding: 30px;
	line-height: 25px;
	text-align:left;
}
.operationbox {
	width: 1100px;
	height: 400px;
	margin: 20px auto;
}
.operationbox .title {
	width: 100%;
	height: 60px;
	color: #3C2C63;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
}
.operationbox ul li {
	width: 250px;
	height: 120px;
	background: #CEAB83;
	float: left;
	margin: 12px;
	text-align: center;
	padding-top: 50px;
	color: #fff;
	border-radius: 30px;
	font-size:16px;
}
.registercasebox {
	height: 1100px;
	width: 100%;
	background: url('../images/case_bg.jpg') no-repeat;
	padding-top: 20px;
}
.registercasebox .title {
	width: 100%;
	height: 60px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 20px;
	margin-top:50px;
}
.registercasebox .registercaseul {
	width: 1100px;
	margin: 0 auto;
}
.registercasebox .registercaseul li {
	width: 100%;
	background: #fff;
	color: #909090;
	font-size: 14px;
	position: relative;
	padding-top: 40px;
	margin-top: 60px;
	padding: 40px;
}
.registercasebox .registercaseul li .media-heading {
	color: #000000;
}
.registercasebox .registercaseul li:nth-child(1) .registercaseli {
 float: left;
 width: 50%;
}
.registercasebox .registercaseul li .media-body {
	padding:10px 40px;
	text-align:left;
	padding-left:140px;
}
.registercasebox .registercaseul li .registercasetitle {
	position: absolute;
	width: 100%;
	height: 40px;
	top: -20px;
}
.registercasebox .registercaseul li .registercasetitle p {
	width: 50%;
	height: 40px;
	margin: 0 auto;
	background: #CEAB83;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	border-radius: 35px;
}

.gfrongyubox{
	width: 1200px;
	height: 300px;
	margin: 50px auto;
}
.gfrongyubox .gfrongyuT{
	width: 400px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: #01438F;
	border-left: 10px solid red;
	border-right: 10px solid red;
}
.gfrongyubox .gfrongyuC{
	width: 100%;
	height: 182px;
    margin-top: 50px;
}

.gfrongyubox .gfrongyuC li{
	width: 243px;
	height: 182px;
	float: left;
	margin-left: 42px;
}
.gfrongyubox .gfrongyuC li:nth-child(1){
	margin-left: 0px;
}
.gfrongyubox .gfrongyuC li img{
	display: block;
	width: 100%;
}
.gfrongyuD{
	padding-top: 30px;
	text-align:left;
	
}
/*
+----------------------------------------------------------------+
annual
+----------------------------------------------------------------+
*/

.anwaybox{
	height: 900px;
	width: 1100px;
    margin:  0 auto;

}
.wyt{
	width: 100%;
	height: 60px;
	font-size: 30px;
	color: #3D2A61;
	font-weight: bold;
	text-align: center;
}

.wyt>div{
	width: 439px;
	height: 4px;
	margin: 15px auto;
	background: url('../images/annual/wayt_bg.png') no-repeat;
}

.anwaybox .annhgbox{
	width: 100%;
	height: 180px;
	margin: 30px 0;
	position: relative;

}
.anwaybox .annhgbox .annhgt{
    width: 100%;
	position: absolute;
	z-index: 10;
}

.anwaybox .annhgbox .annhgt p{

	width: 350px;
	height: 38px;
	margin: 0 auto;
	background: #3D2A61;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 10px;

}



.anwaybox .annhgbox .annhg{
	width: 100%;
	height: 161px;
	position: absolute;
	bottom: 0;

	background: #FAF7F2;
	border-radius: 20px;


}

.anwaybox .annhgbox .annhg li{
	width: 360px;
	float: left;
	margin-left: 5px;
	margin-top: 50px;
}




.anwaybox .annhgbox .annhg li:nth-child(1){
	margin-left: 10px;
}

.anwaybox .annhgbox .annhg li .media-heading{
	color: #3D2A61;
}
.media-left {
	float:left;}
.anwaybox .annhgbox .annhg .media-body{
	color: #646361;
	font-size: 12px;
	padding: 0 20px;
}

.anwaybox .annhgbox .annhg .media-body a{
	display: block;
}



.anwaybox .fkalbox{
	height: 600px;

}

.anwaybox .fkalbox ul{
	position: relative;
}


.anwaybox .fkalbox ul:nth-child(1) li:nth-child(1){

	float: left;

}
.anwaybox .fkalbox ul:nth-child(1) li:nth-child(2){
	width: 500px;
	float: right;
    padding: 80px 30px;
    color: #6A6A6A;
}





.anwaybox .fkalbox ul:nth-child(2) li:nth-child(1){
         position: absolute;
         right: 0;
         width: 600px;
         top: 300px;

} 

.anwaybox .fkalbox ul:nth-child(2) li:nth-child(2){
	position: absolute;
	left: 0;
	top: 400px;
	width: 500px;
   
    color: #6A6A6A;
}

.mattersbox{
	height: 600px;
	width: 100%;
	background: url('../images/annual/ma_bg.jpg') no-repeat;
	margin-top: 30px;
	padding-top: 30px;
	position: relative;
}

.gfrongyubox{
	width: 1100px;
	height: 300px;
	margin: 50px auto;
}
.gfrongyubox .gfrongyuT{
	width: 400px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: #01438F;
	border-left: 10px solid red;
	border-right: 10px solid red;
}
.gfrongyubox .gfrongyuC{
	width: 100%;
	height: 182px;
    margin-top: 50px;
}

.gfrongyubox .gfrongyuC li{
	width: 243px;
	height: 182px;
	float: left;
	margin-left: 42px;
}
.gfrongyubox .gfrongyuC li:nth-child(1){
	margin-left: 0px;
}
.gfrongyubox .gfrongyuC li img{
	display: block;
	width: 100%;
}
.gfrongyuD{
	padding-top: 30px;
}
.gfrongyuD ul li{
  width: 47% !important;
  height: 30px !important;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  border-bottom: 1px solid #CCC;
  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
  margin-top: 8px;
  margin-bottom: 8px;
}
.gfrongyuD ul li:nth-of-type(odd)
{
  margin-right: 5% !important;
  margin-left: 0 !important;
}
.gfrongyuD ul li:nth-of-type(even)
{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.gfrongyuD ul li a{
  color: #0a0a0a ;
  text-decoration: none;

}
.gfrongyuD .circular{
  width: 15px;
  height: 15px;
  vertical-align: middle;
  border: 1px solid #CCC;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;

}
/***************************************************以下是客服**********************************************************************************/
#slide {
	position:absolute;
	height:120px;
	width:450px;
	color:#333;
	overflow:hidden;
	margin-left: 20px;
	margin-top:20px;
}
#slide p {
	height:34px;
	line-height:34px;
	overflow:hidden
}
#slide span {
	float:left;
}
.clearfix {
	float: none;
	clear: both;
}
.header {
	position: relative;
	width: 100%;
	height: auto;
}
.hd-c {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
}
.hd-c .banner {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.hd-c2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
}
.hd-c2 .banner2 {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.content {
	text-align: center;
}
.banner .frame {
	position: absolute;
	top: 10%;
	/*<!--悬浮相对于背景位置的一半-->*/
left: 22%;
	/*<!--相对于左边-->*/
z-index: 2;
	/*<!--让图片悬浮于背景之上-->*/
width: 45%;/*<!--图片宽度大小-->*/
}
.banner .pic {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
.banner .png-24 {
	_display: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.banner .frame .changing-over {
	float: left;
	margin: 1px 0 1px 1px;
	width: 600px;
	height: 250px;
	text-align: left;
}
/*大盒子背景*/
.bg-white {
	background-color:#fff
}
.developer-toolbag-block {
	max-width:1200px;
	text-align:center;
	padding:50px 0;
	clear:both;
	margin:0 auto
}
/*标题*/
.titleBar {
	text-align:center
}
.titleBar .caption {
	font-size:36px;
	color:#252b3a;
	letter-spacing:0;
	text-align:center;
	line-height:46px;
	margin-bottom:10px
}
.descript {
	margin-bottom:40px;
	font-size:16px;
	color:#A0A2A8
}
.center-layer {
	text-align:center;
	font-size:0
}
/*列表*/
.tool-package>div {
	padding:0 10px
}
.tool-package .tile {
	height:134px;
transition:box-shadow .5s ease;
	padding:19px 24px 20px 25px;
	margin-top:20px;
	position:relative;
	border-radius:2px;
	border:1px solid #ddd
}
/*鼠标悬浮列表上方渐变色*/
.tool-package .tile:before {
	content:"";
	position:absolute;
	display:inline-block;
	left:0;
	top:0;
	width:0;
	height:3px;
	background:rgba(21, 0, 255, 0.10);
	background-repeat:no-repeat;
	background-image:linear-gradient(-252deg, rgba(1, 78, 204, 0.80) 0%, rgba(1, 182, 201, 0.50) 98%)
}
.tool-package .tile:hover:before {
	width:100%
}
.tool-package .tile:hover {
	box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.10)
}
/*图标*/
.tool-package .center-layer>.layer-figure {
	width:48px;
	vertical-align:top;
	float:left
}
/*文字*/
.tool-package .center-layer .layer-text {
	width:75%;
	float:left;
	padding:0 20px;
	text-align:center;
}
.tool-package .dev-list {
	font-size:18px;
	color:#252b3a;
	margin-bottom:4px;
	width:75%;
	float:left;
	text-align:left;
	padding-left:20px
}
.tool-package .dev-text {
	font-size:14px;
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	height:63px;
	line-height:26px;
	color:#A0A2A8;
	text-align:left;
	padding-top:10px;
}
/**********************************************/
.WrollBox {
	width:100%;
	height:400px;
	padding-top:50px;
	background: url(../images/IMG_5651.jpg) no-repeat;
}
.WrollBox .rollBox {
	width: 1250px;
	height: 240px;
	overflow: hidden;
	margin: 0 auto;
}
.WrollBox .rollBox .LeftBotton {
	height: 31px;
	width: 17px;
	background: url(../images/cont4_L.png) no-repeat;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 89px 0 0 9px;
	cursor: pointer
}
.WrollBox .rollBox .RightBotton {
	height: 31px;
	width: 17px;
	background: url(../images/cont4_R.png) no-repeat;
	overflow: hidden;
	float: right;
	display: inline;
	margin: 89px 9px 0 0;
	cursor: pointer
}
.WrollBox .rollBox .Cont {
	width: 1160px;
	overflow: hidden;
	float: left;
	margin-left: 19px
}
.WrollBox .rollBox .ScrCont {
	width: 10000000px
}
.WrollBox .rollBox .Cont .pic {
	width: 370px;
	height: 232px;
	float: left;
	text-align: center;
	margin-right: 30px
}
.WrollBox .rollBox #List1, .WrollBox .rollBox #List2 {
	float: left
}
/*服务保障*/
.guarantee {
	height: 480px;
	background-color: #fafafa;
}
.guarantee_body {
	width: 1200px;
	margin: auto
}
.guarantee_title {
	width: 100%;
	height: 150px;
}
.guarantee h2 {
	padding-top: 60px;
	font-size: 28px;
	line-height: 28px;
}
.guarantee h2 span {
	color: #0b3575;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	display: block;
	float: left;
}
.guarantee .col-sm-6 .guarantee_font {
	font-size: 16px;
	color: #b2b2b2;
	margin-top: 20px;
	line-height: 16px;
}
.guarantee_row {
	width: 1300px;
	margin: auto;
	height: 300px;
}
.guarantee_row_box {
	width: 200px;
	;
	height: 263px;
	float: left;
	margin-left: 3px;
	padding: 20px;
	background-color: #fff;
}
.title_name {
	font-size: 20px;
	color: #515769;
	margin: 20px 0 24px 0;
	font-weight: bold;
	line-height: 20px;
}
.title_info {
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.guarantee_row_box:hover {
	background-color: #e92e44
}
.guarantee_row_box:hover .icon-img-1:before, .guarantee_row_box:hover .icon-img-2:before, .guarantee_row_box:hover .icon-img-3:before, .guarantee_row_box:hover .icon-img-4:before, .guarantee_row_box:hover .icon-img-5:before {
	color: #fff;
}
.guarantee_row_box:hover .title_name {
	color: #fff;
}
.guarantee_row_box:hover .title_info {
	color: #fff;
}
.icon-img-1:before {
	content: "\e905";
	font-size: 32px;
}
.icon-img-2:before {
	content: "\e904";
	font-size: 32px;
}
.icon-img-3:before {
	content: "\e903";
	font-size: 32px;
}
.icon-img-4:before {
	content: "\e902";
	font-size: 32px;
}
.icon-img-5:before {
	content: "\e901";
	font-size: 32px;
}