@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}
html,body{/*overflow-x:hidden;*/margin:0;margin:0 auto;padding:0;background:#FFFFFF;color:#444444;font-size:12px;font-family:'微软雅黑',Arial, Helvetica, sans-serif;line-height:18px}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px}
u{text-decoration:none;font-style:normal}
ol,ul{list-style:none}
li{list-style-type:none}
img{border:0}
a{color:#444444;text-decoration:none}
a:hover{color:#000000}
/**,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}*/
table {border-collapse: collapse;border-spacing: 0;}
.mclear{clear:both;visibility:hidden;font-size:0;line-height:0;padding:0;margin:0}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

/*公用css板块  start*/
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.lf{
	float: left;
}
.rg{
	float: right;
}
.top64{
	margin-top: 64px;
}
.top40{
	margin-top: 40px;
}
.top37{
	margin-top: 37px;
}
.top32{
	margin-top: 32px;
}
.top5{
	margin-top: 5px;
}
.top8{
	margin-top: 8px;
}
.lg-rg10 {
	margin-right: 10px;
}
.lg-rg2 {
	margin-right: 2px;
}
.lf8 {
	margin-left: 8px;
}
.lf1 {
	margin-left: 1px;
}
.rg48 { 
	margin-right: 48px;
}

.hide{display: none;}
/*translate居中*/
.ui-center{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.vertical-obj {display: table; width: 100%; height: 100%; min-height: 100%; }
.vertical-obj-cont {display: table-cell; vertical-align: middle; }

/*公用css板块  end*/


/*公共版块：头部  start*/ 
.header{
	width: 100%;
	height: auto;
	background-color: #fffef8;
	overflow: hidden;
}
.header .top-bar{
	width: 100%;
	height: 36px;
	background-color: #65ccd1;
}
.header .top-bar ul{
	width: 1200px;
	height: 36px;
	margin: 0 auto;
}
.header .top-bar ul li{
	height: 16px;
	float: left;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	padding-left: 14px;
	margin: 10px 94px 0 0;
	background:url(../../images/custom/top_icon.png) no-repeat;
	background-position: 0px 1px;

}
.header .top-bar ul .topBarLi-first{
	margin-left: 4px;
}
.header .top-bar ul .topBarLi-last{
	margin-right: 0;
}

.header .logo{
	/*height: 131px;*/
	height: 100px;
}
.header .logo .logo-left{
	width: 303px;
	height: 61px;
	/*margin-top: 35px;*/
	margin-top: 17px;
}
.header .logo .logo-middle{
	width: 326px;
	height: 38px;
	/*margin: 52px 0 0 123px;*/
	margin: 35px 0 0 123px;
	border: 1px solid #cacaca;
	border-radius: 30px;
}
.header .logo .logo-middle input{
	width:240px;
	height:37px;
	border:none;
	font-size: 13px;
	line-height:37px;
	padding-left:19px;
	background:none;
	outline: none;
	letter-spacing: 1px;
	color: #7f7e7e;
}
.header .logo .logo-middle button{
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	margin:9px 18px 0px 0px;
	background:url(../../images/custom/search.png) no-repeat 0 0;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
}
.header .logo .logo-middle button:hover{
	background: url(../../images/custom/search.png) no-repeat 0 -37px !important;
	/*background-color: #000 !important;*/
}
.header .logo .logo-right{
	width: 300px;
	height: 42px;
	/*margin-top: 42px;*/
	/*margin-top: 25px;*/
	margin-top: 36px;
	background: url(../../images/custom/clock.png) no-repeat;
	background-position: 40px 6px;
}
.header .logo .logo-right p{
	float: right;
	font-size: 14px;
	color: #545454;
	line-height: 30px;
}
.header .topNav{
	width:100%;
	height:64px;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #e9ebe8;
}
.header .topNav .menuIcon{
	margin-top:24px;
	margin-left: 5px;
	display:block;
	text-decoration:none;
}
.header .topNav .menuIcon span{
	display:block;
	width: 27px;
	height: 4px;
	background-color: #65ccd1;
}
.header .topNav .menuIcon .menuIcon-span-middle{
	margin: 5px 0;
}
.header .topNav ul{
	width: 1010px;
	height: 64px;
}
.header .topNav .nav-warp{
	height: 64px;
}
.header .topNav ul li{
	width:202px;
	height:64px;
	float: left;
	position:relative;
}
.header .topNav .navLf{
	width: 202px;
	height: 64px;
	z-index: 999;
	position: absolute;
	margin-left: 32px;
}
.header .topNav .navLf dl{
	float: left;
	width: 200px;
}
.header .topNav .navLf dl dt{
	height: 65px;
	/*font-size: 20px;
	line-height: 52px;
	color: #FFFFFF;
	text-indent: 2em;
	background: url(../.../../images/custom/cs/custom/icon-01.png)
	no-repeat;
	background-position: 175px 20px;
	cursor:pointer*/
}
.header .topNav .navLf dl dd{
	font-size: 18px;
	line-height: 55px;
	border-bottom: 1px solid #CCCCCC;
	color: #444444;
	background: url(../../images/custom/icon-03.png) #fffef8 no-repeat;
	background-position: 175px 22px;
}
.header .topNav .navLf dl dd img{
	float: left;
	margin-left: 30px;
	margin-top: 15px;
	margin-right: 9px;
}
.header .topNav .navLf dl dd a{
	display: block;
	width: 100%;
	height: 100%;
}
.header .topNav .navLf dl dd.on{
	background: url(../../images/custom/icon-02.png) #F7941E no-repeat;
	background-position: 175px 22px;
	border-top: 1px solid #fff;
}
.header .topNav .navLf dl dd.on a{
	color: #fff;
}
.header .topNav .navLf .deail{
	width: 327px;
	height: 446px;
	border: 1px solid #F7941E;
	float: left;
	position: absolute;
	margin-left: 200px;
	margin-top: 65px;
	background: #FFFFFF;
}
.header .topNav .navLf .deail p img{
	margin-left: 10px;
	margin-top: 10px;
}
.header .topNav .navLf .deail ul {
	width: auto;
	height: auto;
}
.header .topNav .navLf .deail ul li{
	width: 72px;
	height: auto;
	text-align: center;
	font-size: 14px;
	float: left;
	margin-left: 25px;
	margin-top: 12px;
}
.header .topNav .navLf .deail .zx{
	display: block;
	border: 1px solid #ff3c00;
	text-align: center;
	font-size: 14px;
	color: #ff3c00;
	width: 238px;
	line-height: 30px;
	margin: 25px auto;
}
.header .topNav .navLf .deail .zx:hover{
	background: #ff3c00;
	color: #FFFFFF;
}
.header .topNav ul li b{
	width:100%;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	display:block;
	line-height:23px;
	margin-top:16px;
	color: #3b3b3b;
	
}
.header .topNav ul li p{
	width:100%;
	text-align:center;
	line-height: 18px;
	color: #3b3b3b;
}
.header .topNav .navA-last{
	width: 108px;
	height: 31px;
	display: block;
	font-size: 18px;
	color: #3b3b3b;
	border:1px solid #65ccd1;
	border-radius: 17px;
	margin-top: 19px;
	margin-right: 28px;
	text-decoration: none;
	text-align: center;
	line-height: 29px;
	box-sizing: border-box;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.header .topNav .navA-last:hover{
	background-color: #fe5594;
	color:#ffffff;
	border:1px solid #fe5594;
}
/*公共版块：头部  end*/ 

/*版块：banner  start*/ 
.banner{
	width: 100%;
	height: 587px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.banner .banner-tab{
	width:1200px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-600px;
	z-index: 99;
}
.banner .banner-tab ul li{
	width:298px;
	height:51px;
	float:left;
	text-align:center;
	background-color:#00acf3;
	color:#ffffff;
	line-height:51px;
	font-size:24px;
	margin:1px 1px 0px 1px;
	cursor: pointer;
}
.banner .banner-tab ul li:nth-child(2n+1){
	background-color: #fd80af;
}
.banner .banner-tab ul li:nth-child(2n){
	background-color: #81dbdf;
}
.banner .banner-tab ul li:nth-child(2n+1).on{
	background-color: #fe5594;
}
.banner .banner-tab ul li:nth-child(2n).on{
	background-color: #5cc9cd;
}
.banner .banner-tab ul li span{
	font-size:14px;
	padding-left:6px;
	vertical-align: bottom;
	line-height:46px;
}
.banner .banner-cont{
	width: 100%;
	height:587px;
	margin: 0 auto;
	overflow:  hidden;
}
.banner .banner-cont ul li{
	width: 100%;
	height: 587px;
	margin: 0 auto;
	float: left;
}
.banner .banner-cont ul li a{
	display: block;
	width: 100%;
	height: 587px;
	max-height:626px;
	margin: 0 auto;
}

/*公共版块：尾部  start*/
.footer{
	width: 100%;
	height: 270px;
	background-color: #ff6aa2;
	margin: 0 auto;
}
.footer .footerBox{
	height: 100%;
	position: relative;
}
.footer .footerBox .footerBox-lf{
	/*width: 480px;*/
	width: 400px;
	height: 237px;
	background: url(../../images/custom/footer_lf_bg.png) no-repeat;
	position: absolute;
	top: -17px;
	left: -19px;
}
.footer .footerBox .footerBox-lf .footer-lf-box{
	width: 218px;
	height: 120px;
	margin-top: 56px;
	text-align: center;
}
.footer .footerBox .footerBox-lf .border-rg{
	border-right: 2px solid #fff;
	padding-left: 20px;
}
.footer .footerBox .footerBox-lf .border-rg img {
	padding-top: 13px;
}
.footer .footerBox .footerBox-list{
	width: 300px;
	position: absolute;
	top: 5px;
	left: 400px;
}
.footer .footerBox .footerBox-list li{
	min-width: 140px;
    max-width: 200px;
    font-size: 18px;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
}
.footer .footerBox .footerBox-list li:hover{
	background-color: #fff;
	color: #c974ba;
}
.footer .footerBox .footerBox-rg{
	width: 480px;
	height: 186px;
	position: absolute;
	top: 10px;
	left: 720px;
}
.footer .footerBox .footerBox-rg img {
	padding-top: 9px;
}
.footer .footerBox .footerBox-rg p{
	margin-left: 220px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.footer .footerBox .footerBox-rg span{
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}
.footerBar{
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0.8);
	position: fixed;
	bottom: 0;
	z-index: 999;
}
.footerBar .footerBarList{
	width: 1100px;
	margin: 0 auto;
	padding: 5px 0;
}
.footerBar .footerBarList li{
	width: 177px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	margin-right: 40px;
	border-right:1px solid #fff;
	position: relative;
}
.footerBar .footerBarList li:last-child(){
	border:none;
}
.footerBar .footerBarList li a{
	font-size: 16px;
	color: #fff;
	float: left;
	cursor: pointer;
}
.footerBar .footerBarList li:hover a{
	color:#bf8a51;
}
.footerBar .footerBarList li i{
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
	background: url(../../images/custom/footer_float.png) no-repeat;
	float:left;
}
.footerBar .footerBarList li .footerBar-hot{
	width: 26px;
	height: 20px;
	position: absolute;
	top: -8px;
	left: 35px;
	background: url(../../images/custom/hot_icon.png) no-repeat;
	background-size: 100%;
}
.footerBar .footerBarList li i.footerBar-list1{
	background-position: 0 2px;
	margin-right: 10px;
}
.footerBar .footerBarList li i.footerBar-list2{
	background-position: -50px 2px;
	margin-right: 10px;
}
.footerBar .footerBarList li i.footerBar-list3{
	background-position: -100px 2px;
	margin-right: 10px;
}
.footerBar .footerBarList li i.footerBar-list4{
	background-position: -145px 2px;
	margin-right: 10px;
}
.footerBar .footerBarList li i.footerBar-list5{
	background-position: -190px 2px;
	margin-right: 10px;
}
.footerBar .footerBarList li:hover i.footerBar-list1{
	background-position:0 -54px;
}
.footerBar .footerBarList li:hover i.footerBar-list2{
	background-position:-50px -54px;
}
.footerBar .footerBarList li:hover i.footerBar-list3{
	background-position: -100px -54px;
}
.footerBar .footerBarList li:hover i.footerBar-list4{
	background-position: -145px -54px;
}
.footerBar .footerBarList li:hover i.footerBar-list5{
	background-position: -190px -54px;
}
.footerBar-hot{
	-webkit-animation: gelatine 0.8s 0s ease-in-out infinite;
	animation: gelatine 0.8s 0s ease-in-out infinite;
}
@keyframes gelatine{
	0%{transform: scale(1, 1);}
	20%{transform: scale(0.9, 1.1);}
	40%{transform: scale(1.1, 0.9);}
	60%{ transform: scale(0.95, 1.05);}
	80%{transform: scale(1, 1);}
}
@-webkit-keyframes gelatine{
	0%{-webkit-transform: scale(1, 1);}
	20%{-webkit-transform: scale(0.9, 1.1);}
	40%{-webkit-transform: scale(1.1, 0.9);}
	60%{-webkit-transform: scale(0.95, 1.05);}
	80%{-webkit-transform: scale(1, 1);}
}


/*-----综合页面尾部CSS-----*/
.footerImgBox {
	height: 402px;
	margin: 27px auto 0 auto;
	background: url(../../images/custom/hos_Env.jpg) no-repeat center;
    background-size: 1920px 402px;
	overflow: hidden;
}
.fotterImgBoxF {
	overflow: hidden;
	margin-top: 35px;
}
.footerImgBoxShow {
	width: 315px;
	height: 338px;
	background-color: rgba(101,188,255,0.9);
}
.footerImgBoxShow p {
	color: #fff;
}
.footerImgBoxShow p.footerImgBoxShowE {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	padding: 28px 0 0 23px;
}
.footerImgBoxShow p.footerImgBoxShowT {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 3px;
	padding: 12px 0 0 23px;
}
.footerImgBoxShow p.footerImgBoxShowD {
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 2px;
	padding: 30px 8px 0 25px;
}
.footerImgBoxShow span {
	display: block;
	width: 155px;
	height: 36px;
	background-color: #fff;
	border-radius: 18px;
	margin: 34px auto 0 auto;
	font-size: 20px;
	color: #1b9dff;
	letter-spacing: 2px;
	line-height: 36px;
	text-align: center;

}
.footerOnlineBox {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}
.footerOnline {
	height: 89px;
	margin-top: 33px;
	overflow: hidden;
}

.footerZhBox {
	width: 100%;
	height: 292px;
	background-color: #ececec;
	margin: 0 auto;
	overflow: hidden;
}

.footerZhBoxList {
	width: 1114px;
	height: 218px;
	margin: 34px auto 0 auto;
	overflow: hidden;
}

.footerZhBoxLf {
	width: 500px;
	margin-top: 5px;
}
.footerZhBoxLfTop {
	width: 124px;
}
.footerZhBoxLf .border-zhFooter {
	height: 24px;
	border-right: 1px solid #8b8b8b;
}
.footerZhBoxLfTop p {
	font-size: 20px;
	color: #444444;
	line-height: 24px;
	text-align: center;
}
.footerZhBoxLfTop p:hover {
	background-color: #fff;
}
.footerZhBoxDetail {
	margin-top: 20px;
}
.footerZhBoxDetail p {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 2px;
	padding: 8px 0;
	
}
.footerZhBoxRg {
	width: 486px;
	height: 186px;
}
.footerZhBoxRg p{
	margin-left: 207px;
	font-size: 16px;
	line-height: 30px;
	color: #444444;
}
.footerZhBoxRg span{
	font-size: 12px;
	line-height: 18px;
	color: #444444;
}