@charset "utf-8";
/*public css*/
*{ margin: 0; padding:0; }

html,body{ margin:0; padding:0; width:100%; height:100%; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}
input{font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}
a,li{ text-decoration:none; list-style: none; cursor: pointer;}


/* 百度小程序 */
.bxc-midbox{ width: 1200px; margin: 0 auto; }
.bxc-btnmore{ width: 174px; height: 48px; line-height: 48px; font-size: 20px; color: rgba(0, 0, 0, .8); border-radius: 30px; border: 1px solid; display: block; margin: 40px auto 50px; text-align: center; }
.bxc-btnmore:hover{ color: #0a8fe3; }
.xcx-pub-tabbox{ margin: 0 auto; }
.xcx-pub-tabbox .pub-tabspan{ padding: 40px 0 50px; text-align: center; margin: 0 auto;}
.xcx-pub-tabbox .pub-tabspan span{ font-size: 20px; color: rgba(0,0,0,.7); margin: 0 22px; padding: 5px 34px; border-radius: 5px; cursor: pointer; border: 1px solid;}
.xcx-pub-tabbox .pub-tabspan span.acted{ border: 1px solid #0a8fe3; color: #fff; background: #0a8fe3;}
.xcx-pub-tabbox .pub-showbox{ margin: 0 auto;}
.xcx-pub-tabbox .pub-showbox .tabbox{ display: none; position: relative; }
.xcx-pub-tabbox .pub-showbox .tabbox.acted{ display: block; }

.bxc-banner{width: 100%; height: 420px; padding-top: 80px; overflow: hidden; position: relative; background: url(../images/g-xcx_01.jpg) no-repeat center top; background-size: cover; -webkit-background-size: cover;}
.bxc-banner .p1{ height: 62px; background: url(../images/g-xcx_11.png) no-repeat center; }
.bxc-banner .p2{ line-height: 24px; text-align: center; font-size: 14px; color: #fff; margin: 15px auto 20px;}
.bxc-banner .p3{ width: 645px; height: 32px; background: rgba(255,255,255,.2) url(../images/g-xcx_12.png) no-repeat center; margin: 0 auto 15px;}
.bxc-banner .p4{ width: 425px; height: 32px; background: rgba(255,255,255,.2) url(../images/g-xcx_13.png) no-repeat center; margin: 0 auto;}
.bxc-banner .a1{ width: 206px; height: 40px; line-height: 40px; border-radius: 30px; background: rgba(255,255,255,.2); border: 1px solid; color: #fff; font-size: 24px; display: block; margin: 25px auto; text-align: center; }
.bxc-banner .a1:hover{ background: rgba(255,255,255,.4); }

.bxc-pubtit{ height: 133px; padding: 21px 0 25px; background: #eef9ff; text-align: center; overflow: hidden; margin: 0 auto; }
.bxc-pubtit h2{ font-size: 30px; color: rgba(0, 0, 0, .8); text-align: center;}
.bxc-pubtit h2 span{ padding: 0 55px; background: url(../images/g-xcx_14.png) no-repeat left center,url(../images/g-xcx_14.png) no-repeat right center; }
.bxc-pubtit .p1{ font-size: 12px; color: rgba(0, 0, 0, .6); text-transform: uppercase; padding: 6px 0 7px; font-family: Arial;}
.bxc-pubtit .p2{ font-size: 14px; color: rgba(0, 0, 0, .6); }

.bxc-tdbox{ margin: 0 auto;}
.bxc-tdbox .dlibox{ 
	margin: 70px auto 0;
	display: flex; 
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
.bxc-tdbox .dlibox .item{
	width:25%;
	height: 290px;
	overflow: hidden;
	text-align: center;
	cursor: default;
	flex: 1 1 auto;
}
.bxc-tdbox .dlibox .item .dtop{ width: 120px; height: 120px; margin: 0 auto 35px; position: relative; overflow: hidden; border-radius: 50%; border: 1px solid #0a8fe3; }
.bxc-tdbox .dlibox .item .dtop .bg1{ width: 100px; height: 100px; overflow: hidden; border: 1px dashed #0a8fe3; border-radius: 50%; position: absolute; left: 9px; top: 9px; z-index: 2;}
.bxc-tdbox .dlibox .item .dtop .bg2{ width: 100px; height: 100px; border: 1px solid #0a8fe3; background: #0a8fe3; border-radius: 50%; position: absolute; left: 9px; top: 9px; z-index: 1;}
.bxc-tdbox .dlibox .item:nth-child(1) .dtop .bg1{ background: url(../images/g-xcx_05.png) no-repeat center top; }
.bxc-tdbox .dlibox .item:nth-child(2) .dtop .bg1{ background: url(../images/g-xcx_06.png) no-repeat center top; }
.bxc-tdbox .dlibox .item:nth-child(3) .dtop .bg1{ background: url(../images/g-xcx_07.png) no-repeat center top; }
.bxc-tdbox .dlibox .item:nth-child(4) .dtop .bg1{ background: url(../images/g-xcx_08.png) no-repeat center top; }

.bxc-tdbox .dlibox .item .dbot{ padding: 0 10px; }
.bxc-tdbox .dlibox .item .dbot .p1{ font-size: 24px; color: rgba(0, 0, 0, .8); font-weight: bolder; }
.bxc-tdbox .dlibox .item .dbot .p1:after{ display: block; margin: 15px auto 13px; content: ""; width: 25px; height: 2px; background: #191919; }
.bxc-tdbox .dlibox .item .dbot .p2{ font-size: 18px; color: rgba(0, 0, 0, .7); line-height: 30px; }

.bxc-tdbox .dlibox .item:hover .dtop .bg1{ background-position: center -102px; border: 1px solid #0a8fe3;}
.bxc-tdbox .dlibox .item:hover .dbot .p1{ color: #0a8fe3; }
.bxc-tdbox .dlibox .item:hover .dbot .p1:after{ background: #0a8fe3; }

.bxc-rkbox{ margin: 0 auto;}
.bxc-rkbox .dlibox{ 
	margin: 65px auto;
	display: flex; 
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	background: url(../images/g-xcx_02.jpg) no-repeat center top;
}

.bxc-rkbox .dlibox .item{
	width:20%;
	overflow: hidden;
	text-align: center;
	cursor: default;
	flex: 1 1 auto;
}
.bxc-rkbox .dlibox .item p{ padding-top: 332px; font-size: 20px; color: rgba(0, 0, 0, .8); }
.bxc-rkbox .dlibox .item p:after{ width: 0; height: 5px; background: #cee9f9; display: block; content: ""; margin: 5px auto; }
.bxc-rkbox .dlibox .item:hover p:after{ width: 158px; }

.bxc-lcbox{ margin: 0 auto;}
.bxc-lcbox .dlibox{ 
	margin: 0 auto;
	height: 290px;
	display: flex; 
	overflow: hidden;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	position: relative;
}
.bxc-lcbox .dlibox .bg{ width: 100%; height: 1px; background: #0a8fe3; position: absolute; left: 0; top: 112px; z-index: -1; }
.bxc-lcbox .dlibox .item{
	width:20%;
	height: 160px;
	overflow: hidden;
	text-align: center;
	cursor: default;
	flex: 1 1 auto;
}
.bxc-lcbox .dlibox .item .img1{ width: 40px; height: 37px; margin: 0 auto; background: url(../images/g-xcx_09.png) no-repeat -152px top; overflow: hidden;}
.bxc-lcbox .dlibox .item:nth-child(2) .img1{ background-position-x: -438px; }
.bxc-lcbox .dlibox .item:nth-child(3) .img1{ background-position-x: -722px; }
.bxc-lcbox .dlibox .item:nth-child(4) .img1{ background-position-x: -1010px; }

.bxc-lcbox .dlibox .item .icon{ 
	width: 12px; 
	height: 12px;
	padding: 3px; 
	border-radius: 50%; 
	border: 1px solid #a0a0a0; 
	overflow: hidden;
	background: #fff;
	margin: 0 auto;
}
.bxc-lcbox .dlibox .item .icon span{ width: 100%; height: 100%; display: block; border-radius: 50%; margin: 0 auto; background: #a0a0a0;}
.bxc-lcbox .dlibox .item .p1{ font-size: 20px; color: rgba(0, 0, 0, .8); font-weight: bolder; margin: 15px auto 13px;}
.bxc-lcbox .dlibox .item .p2{ font-size: 14px; color: rgba(0, 0, 0, .5); font-weight: bolder; line-height: 24px;}

.bxc-lcbox .dlibox .item:hover .img1{ background-position-y: -37px;}
.bxc-lcbox .dlibox .item:hover .icon{ border: 1px solid #0a8fe3;}
.bxc-lcbox .dlibox .item:hover .icon span{ background: #0a8fe3;}
.bxc-lcbox .dlibox .item:hover .p1{ color: #0a8fe3;}

.bxc-albox .csbox{ height: 730px; overflow: hidden; }
.bxc-albox .csbox .tabbox{ width: 930px; margin: 0 auto; position: relative;}
.bxc-albox .csbox .tabbox .btnbox{width: 550px; height: 130px; position: absolute; top: 300px; right: 0; z-index: 1; }
.bxc-albox .csbox .tabbox .btnbox .tpbox{ width: 20%; height: 100px; float: left; text-align: center; opacity: .4; -webkit-opacity: .4;}
.bxc-albox .csbox .tabbox .btnbox .tpbox img{ width: 56px; height: 56px; border-radius: 50%; margin: 0 auto; }
.bxc-albox .csbox .tabbox .btnbox .tpbox p{ font-size: 14px; color: rgba(0, 0, 0, .8); margin: 10px auto; }
.bxc-albox .csbox .tabbox .btnbox .tpbox.acted{ opacity: 1; -webkit-opacity: 1;}

.bxc-albox .csbox .nrbox{ height: 460px; margin: 0 auto; overflow: hidden; }
.bxc-albox .csbox .nrbox .xshow{ display: none; }
.bxc-albox .csbox .dlef{ width: 300px; height: 460px; float: left; text-align: center; overflow: hidden;}
.bxc-albox .csbox .dlef img{ height: 100%; }
.bxc-albox .csbox .drig{ width: 550px; height: 270px; float: right; overflow: hidden; padding-top: 13px;}
.bxc-albox .csbox .drig h2{ font-size: 24px; color: rgba(0, 0, 0, .8); font-weight: normal;}
.bxc-albox .csbox .drig h5{ font-size: 18px; color: rgba(0, 0, 0, .5); font-weight: normal; margin: 18px 0 30px;}
.bxc-albox .csbox .drig .imgw{ height: 140px; }
.bxc-albox .csbox .drig .imgw img{ height: 100%; }


.bxc-dbbox{ margin: 0 auto; }
.bxc-dbbox .vsbox{ width: 100%; border-collapse: collapse; text-align: center; margin: 24px auto 50px;}
.bxc-dbbox .vsbox th{ background: #22a7e8; border: 2px solid #fff; height: 52px; font-size: 24px; color: #fff; font-weight: bolder;}
.bxc-dbbox .vsbox tr{ background: #e5edff;}
.bxc-dbbox .vsbox tr:nth-child(even){ background: #e8f6fd;}
.bxc-dbbox .vsbox td{ border: 2px solid #fff; width: 25%; height: 66px; font-size: 18px; color: rgba(0, 0, 0, .7); vertical-align: middle;}


/* 百度小程序 */
a,.bxc-lcbox .dlibox .item .img1,.bxc-lcbox .dlibox .item .p1,.bxc-lcbox .dlibox .item .icon,.bxc-lcbox .dlibox .item .icon span{ 
    -webkit-transition: all .15s ease-in-out 0s;
    -moz-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    -o-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s; 
}
.bxc-tdbox .dlibox .item .dbot .p1,.bxc-tdbox .dlibox .item .dtop .bg2,.bxc-rkbox .dlibox .item p:after,.bxc-albox .csbox .tabbox .btnbox .tpbox{
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s; 
}

.bxc-banner .p1{
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s; 
}
.bxc-banner .p2{
    -webkit-transition: all .8s ease-in-out 0.2s;
    -moz-transition: all .8s ease-in-out 0.2s;
    -ms-transition: all .8s ease-in-out 0.2s;
    -o-transition: all .8s ease-in-out 0.2s;
    transition: all .8s ease-in-out 0.2s; 
}
.bxc-banner .p3,.bxc-banner .p4{
	-webkit-transition: all .8s ease-in-out 0.4s;
    -moz-transition: all .8s ease-in-out 0.4s;
    -ms-transition: all .8s ease-in-out 0.4s;
    -o-transition: all .8s ease-in-out 0.4s;
    transition: all .8s ease-in-out 0.4s; 

}
.bxc-banner .p1{ position: relative; top: -50px; }
.bxc-banner .p2{ opacity: 0; -webkit-opacity: 0;}
.bxc-banner .p3{ position: relative; left: 50px; opacity: .2; -webkit-opacity: .2;}
.bxc-banner .p4{ position: relative; right: 50px; opacity: .2; -webkit-opacity: .2;}

.bxc-banner.acted .p1{ top: 0; }
.bxc-banner.acted .p2{ opacity: 1; -webkit-opacity: 1;}
.bxc-banner.acted .p3{ left: 0; opacity: 1; -webkit-opacity: 1;}
.bxc-banner.acted .p4{ right: 0; opacity: 1; -webkit-opacity: 1;}


.bxc-banner .p1{ transform:scale(.5); -webkit-transform:scale(.5); -ms-transform:scale(.5); -o-transform: scale(.5); opacity: 0; -webkit-opacity: 0;}
.bxc-tdbox .dlibox .item .dtop .bg2{ transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform: scale(0);}
.bxc-tdbox .dlibox .item:hover .dtop .bg2,.bxc-banner.acted .p1{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform: scale(1); opacity: 1; -webkit-opacity: 1;}

.bxc-albox .csbox .tabbox .btnbox .tpbox p{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.bxc-pubtit,.bxc-lcbox .dlibox,.bxc-albox{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}

.clearfloat:after{ display:block; content:""; visibility:inherit; clear:both;}
.clearfloat{ zoom:1;}