@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,img, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,div{margin: 0;padding: 0;}
html, body{height:100%; width:100%;}
body, button, input, select, textarea {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-style: normal;}
a{ text-decoration:none; color:#2277aa;}
a:hover{ text-decoration:none;}
ul, ol,li{list-style: none outside none;}
fieldset, img, input {border:none; vertical-align:middle;}
img{ vertical-align:middle;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
button::-moz-focus-inner, input::-moz-focus-inner {border-color:transparent !important; padding:0px; border:none;}
table {border-collapse: collapse;border-spacing: 0;}



/*字体设置*/
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.yh {font-family: "Microsoft YaHei","微软雅黑";font-weight: normal;}
.st {font-family: "\5b8b\4f53","宋体";}
.Arial{font-family: Arial;}
.bold {font-weight: bold;}/*文字加粗*/
.center {text-align: center;}/*文字剧中*/
.white {color: #fff;}
.black {color: #000;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} /*文字溢出省略号显示*/
.pointer {cursor: pointer;}
.opacity60 {opacity:.6; filter:alpha(opacity=60);}
.opacity70 {opacity:.7; filter:alpha(opacity=70);}

/*浮动和清楚浮动*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
#fl {float:left; display:inline;}
#fr {float:right; display:inline;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{zoom:1;}
.center {text-align: center;}
.textRight {text-align: right;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} /*文字溢出省略号显示*/
.white {color: #fff;}
.overflow {overflow: hidden;}
.whiteBg {background: #fff;}
.blackBg {background: #000;}
.grayBg {background: #f6f5f5;}


/*圆角设定*/
.radius0 {border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius: 0px;}
.radius2 {border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius: 2px;}
.radius3 {border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius: 3px;}
.radius4 {border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px;}
.radius5 {border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px;}
.radius50 {border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%;}
/*定位*/
.ab {position: absolute;}
.re {position: relative;}
.fixed {position: fixed; z-index: 100000;}
.mar {margin: 0 auto}
.whiteBg {background: #fff;}
.blackBg {background: #000;}

*:focus {outline: none;}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}
/*自动填充剩余空间*/
.stretch {
	display: block; /* cause is HTML5 element */  
    /* take up all available space */  
    -moz-box-flex: 1;  
    -webkit-box-flex: 1;  
    box-flex: 1; 	
}
.box {
	display: -moz-box;
    display: -webkit-box;
    display: box;	
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea,
button,
a,
label,
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance:none;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
*/

/* 移动设备布局: 480px 及更低。 */
.pageBox {
	width: 100%;
	overflow: hidden;	
	margin: 0 auto;
}
.indexBox .section01_PC {
	display: none;	
}
.indexBox .section01_Mobile {
	dispaly: block;	
}


.indexBox .section02 {
	background: url(../images/pic_mobile/banner02.jpg) no-repeat center top;
	background-size: cover;
}
.indexBox .section02 .circleBox {
	text-align: center;
	padding: 0 15px;
	max-width: 400px;
}
.indexBox .section02 .pointerElement {
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 100px;
	margin: -70px 0 0 -50px;
}
.indexBox .section02 .rotateElement {
	z-index: 1;
	left: 0;
	top: 0;	
}
.indexBox .section02 .recordBox {
	background: url(../images/pic_mobile/jilubackground.png) no-repeat center bottom;	
	background-size: contain;
	padding: 20px 0;
}
.indexBox .section02 .recordBox .content {
	margin: 0 15px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background: #ffedbd;
	padding: 0 0 20px 0;	
}
.indexBox .section02 .scrollDiv {
	height: 185px;
	padding: 0 10px;
	overflow: hidden;	
}
.indexBox .section02 .scrollDiv li {
	line-height: 36px;
	border-bottom: dashed 1px #bd9f93;
}
.indexBox .section02 .scrollDiv li span {
	margin: 0 4px;
	color: #382219;	
}
.indexBox .section02 .recordBox .title {
	padding: 10px 0 5px 0;	
}
.indexBox .section02 .recordBox .title img {
	width: 40%;	
}


.indexBox .section03 {
	background: #214464 url(../images/pic_mobile/banner03.jpg) no-repeat center bottom;	
	background-size: contain;
	min-height: 240px;
}
.indexBox .section03 .noticeBox {
	width: 90%;
	margin: 0 auto;	
	background: url(../images/pic_mobile/blueOpacity50.png);
	min-height: 350px;
	padding: 0 0 60px 0;
}
.indexBox .section03 .lightIcon {
	width: 60px;
	left: -10px;
	top: 0;	
}
.indexBox .section03 ul {
	padding: 15px 15px 0 35px;	
}
.indexBox .section03 span.title {
	color: #e8442d;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 2px;
	line-height: 100%;
	border-bottom: solid 2px #e8442d;	
}
.indexBox .section03 li {
	color: #fdf5e6;
	line-height: 150%;
	font-size: 14px;
	margin: 10px 0 0 0;	
}
.indexBox .section03 li.noticeTitle {
	margin: 0 0 30px 0; 
	text-align: center; 
	padding-right: 20px;
}
.indexBox .section03 .yellowText {
	color: #ffb967;
}
.indexBox .section03 .redText {
	color: #e8442d;	
}



/* siderOnline */
.sideOnline {
	width: 90px;
	right: 5px;
	top: 50%;
	margin: -50px 0 0 0;
	cursor: pointer;	
}
.sideOnline .siderCloseBtn {
	width: 20px;
	height: 20px;
	background: url(../images/pic_mobile/closeBtn.png) no-repeat center;
	background-size: cover;
	right: 0px;
	top: 8px;
	border: none;
}


.publicFooterBox,
.publicHeadBox {
	display: none;	
}

.recordMarkMobile {
	display: block;	
}
.recordMarkPC {
	display: none;	
}

.waveIcon {
	display: block;	
}

/* iphone7 */
@media only screen and (min-width: 375px) {
.indexBox .section02 .circleBox {
	padding: 0 30px;	
}
.indexBox .section02 .pointerElement {
	width: 100px;
	margin: -75px 0 0 -50px;	
}
.indexBox .section02 .scrollDiv {
	padding: 0 20px;	
}
.indexBox .section02 .scrollDiv li span {
	margin: 0 10px;	
}
.indexBox .section02 .recordBox {
	padding: 30px 0;	
}
}

/* iphone7 Plus */
@media only screen and (min-width: 414px) {
.indexBox .section02 .circleBox {
	padding: 0 45px;	
}	
.indexBox .section02 .scrollDiv li span {
	margin: 0 15px;	
}
.sideOnline {
	width: 110px;
}
.indexBox .section02 .recordBox .title img {
	width: 34%;
}
}


/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */
@media only screen and (min-width: 481px) {
	
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {

.indexBox .section01_Mobile {
	display: none;	
}

.indexBox .section01_PC {
	display: block;
	height: 873px;
	background: url(../images/pic_pc/banner01.gif) no-repeat center top;	
}
.indexBox .section01_PC .container {
	width: 1200px;
	margin: 0 auto;
	height: 873px;	
}
.indexBox .section01_PC .bannerText {
	top: 386px;
	right: 134px;
	animation: pulse 1s linear infinite;
	-webkit-animation: pulse 1s linear infinite;
}	
.indexBox .section01_PC .yearText {
	top: 66px;
	right: 340px;
	/*animation: flash 3s linear infinite;
	-webkit-animation: flash 3s linear infinite;*/	
}


.recordMarkMobile {
	display: none;	
}
.recordMarkPC {
	display: block;	
}
.waveIcon {
	display: none;	
}

.indexBox .section02 {
	background: url(../images/pic_pc/banner02.jpg) no-repeat center top;
	background-size: auto;
	height: 1279px;
}
.indexBox .section02 .circleBox {
	text-align: center;
	padding: 0;
	max-width: none;
	width: 543px;
	height: 543px;
	margin: 0 auto 50px auto;
}
.indexBox .section02 .pointerElement {
	z-index: 2;
	top: 50%;
	left: 50%;
	width: auto;
	margin: -132px 0 0 -103px;	
}
.indexBox .section02 .rotateElement {
	z-index: 1;
	left: 0;
	top: 0;	
}
.indexBox .section02 .recordBox {
	background: url(../images/pic_mobile/jilubackground.png) no-repeat center bottom;	
	background-size: contain;
	padding: 20px 0;
}
.indexBox .section02 .recordBox .content {
	margin: 0 15px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background: #ffedbd;
	padding: 0 0 20px 0;	
}
.indexBox .section02 .scrollDiv {
	height: 185px;
	padding: 0 10px;
	overflow: hidden;	
}
.indexBox .section02 .scrollDiv li {
	line-height: 36px;
	border-bottom: dashed 1px #bd9f93;
}
.indexBox .section02 .scrollDiv li span {
	margin: 0 4px;
	color: #382219;	
}
.indexBox .section02 .recordBox .title {
	padding: 10px 0 5px 0;	
}
.indexBox .section02 .recordBox .title img {
	width: 40%;	
}

.indexBox .section02 .recordBox_PC {
	height: 290px;
	background: url(../images/pic_pc/recordBg.png) no-repeat center top;
	margin: 50px 0 0 0;	
	padding: 117px 0 0 0;
}
.indexBox .section02 .recordBox_PC ul {
	width: 850px;
	margin: 0 auto;
}
.indexBox .section02 .recordBox_PC .scrollDiv {
	height: 183px;
	overflow: hidden;
}
.indexBox .section02 .recordBox_PC ul li {
	height: 60px;
	line-height: 60px;
	color: #382219;
	border-bottom: dashed 1px #bd9f93;	
}
.indexBox .section02 .recordBox_PC .recordItem {
	width: 45%;	
}
.indexBox .section02 .recordBox_PC .phoneNum {
	display: inline-block;
	width: 170px;
	text-align: center;
}


.indexBox .section03 {
	background: #214464 url(../images/pic_mobile/banner03.jpg) no-repeat center bottom;	
	background-size: contain;
	min-height: 240px;
	padding: 0 0 150px 0;
}
.indexBox .section03 .noticeBox {
	width: 1110px;
	margin: 0 auto;	
	background: url(../images/pic_mobile/blueOpacity50.png);
	min-height: 350px;
	padding: 0 0 60px 0;
}
.indexBox .section03 .lightIcon {
	width: auto;
	left: -10px;
	top: 0;	
}
.indexBox .section03 ul {
	padding: 60px 100px 0 120px;
}
.indexBox .section03 span.title {
	color: #e8442d;
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 2px;
	line-height: 100%;
	border-bottom: solid 2px #e8442d;	
}
.indexBox .section03 li {
	color: #fdf5e6;
	line-height: 40px;
	font-size: 20px;
	margin: 10px 0 0 0;	
}
.indexBox .section03 li.noticeTitle {
	margin: 0 0 30px 0; 
	text-align: left; 
	padding-right: 20px;
}
.indexBox .section03 .yellowText {
	color: #ffb967;
}
.indexBox .section03 .redText {
	color: #e8442d;	
}


	
/*public header style*/
.publicHeadBox {
	display: block;
	height: 80px;
	line-height: 80px;
	z-index: 1000;
}
.publicHeadContent {
	width: 1200px;	
}
.publicHeadContent .topLogoIcon {
	display: inline;
	line-height: 30px;
	margin-top: 21px;	
}
.publicHeadContent li.navListItem {
	padding: 0 25px;
	margin: 0 5px;	
	cursor: pointer;
}
.publicHeadContent li.navListItem,
.publicHeadContent li.navListItem a {
	color: #838383;	
}
.publicHeadContent li.active,
.publicHeadContent li.active a {
	color: #0879ed;
}
.publicHeadContent li.navListItem .arrowElement {
	right: 3px;
	top: 36px;
	width: 15px;
	height: 10px;
	background: url(../images/public/arrorwDown.png) no-repeat center;	
}
.publicHeadContent li.active .arrowElement {
	background: url(../images/public/blueArrowUpIcon.png) no-repeat center;		
}
.publicHeadBox .navSlideContent {
	width: 100%;
	height: 310px;
	left: 0;
	top: 80px;
	background: #252731;
}
.publicHeadBox .navSlideContent02 {
	padding-left: 260px;	
}
.navSlideContent .navSlideListBox {
	width:1200px;
	margin: 0 auto;	
}
.navSlideContent .navSlideListBox .navSlideListItem {
	width: 20%;
	height: 310px;
	line-height: normal;
}
.navSlideContent .navSlideListBox .navSlideListItem a {
	color: #fff;	
}
/*.navSlideContent .navSlideListBox .navSlideListItem:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}*/
.navSlideContent .navSlideListBox .navSlideListItem .iconImg {
	margin: 60px auto 50px auto;	
	width: 70px;
	height: 70px;
}
/*默认背景*/
.navSlideContent .navSlideListBox .navSlideListItem .iconImg01 {
	background: url(../images/section04Icon01.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg02 {
	background: url(../images/section04Icon02.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg03 {
	background: url(../images/section04Icon03.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg04 {
	background: url(../images/section04Icon04.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg05 {
	background: url(../images/section04Icon05.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg06 {
	background: url(../images/section04Icon06.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg07 {
	background: url(../images/section04Icon07.png) no-repeat center;
}
.navSlideContent .navSlideListBox .navSlideListItem .iconImg08 {
	background: url(../images/section04Icon08.png) no-repeat center;
}
/*划过效果*/
.navSlideContent .navSlideListBox .active a {
	color: #0879ed;
}
.navSlideContent .navSlideListBox .active .iconImg01 {
	background: url(../images/section04Icon01Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg02 {
	background: url(../images/section04Icon02Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg03 {
	background: url(../images/section04Icon03Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg04 {
	background: url(../images/section04Icon04Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg05 {
	background: url(../images/section04Icon05Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg06 {
	background: url(../images/section04Icon06Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg07 {
	background: url(../images/section04Icon07Hover.png) no-repeat center;
}
.navSlideContent .navSlideListBox .active .iconImg08 {
	background: url(../images/section04Icon08Hover.png) no-repeat center;
}


/* public footer style */
.publicFooterBox {
	display: block;
	background: #181b34;	
}
.footerContainer {
	width: 1200px;
	padding: 40px 0;	
}
.footerContainer .copyRightBox {
	color: #fff;	
}
.footerContainer .footerCompanyInfor {
	padding-bottom: 35px;
	border-bottom: solid 1px #747685;
	margin-bottom: 40px;	
}
.footerContainer .footerLogoDes {
	color: #fff;	
	padding: 20px 0 50px 0;
}
.footerContainer .footerPhoneIcon {
	height: 30px;
	line-height: 30px;
	color: #fff;
	padding: 0 0 0 38px;
	background: url(../images/public/phoneIcon.png) no-repeat left center;
}
.footerContainer .verticalLine {
	width: 1px;
	height: 155px;	
	margin: 0px 0 0 50px;
	border-right: solid 1px #747685;
}
.footerContainer .footerQRcode {
	width: 152px;	
}
.footerContainer .footerLinkGroup {
	max-width: 780px;	
	color: #fff;
	width: 770px;
}
.footerContainer .linkBox {
	padding: 30px 0 44px 0;
}
.footerContainer .linkItem {
	margin-left: 65px;
	background: url(../images/public/listStyle01.png) no-repeat left center;
	padding-left: 20px;		
}
.footerContainer .linkItem a {
	color: #fff;	
}
.footerContainer .cooperateLinkItem {
	width: 144px;
	height: 35px;
	line-height: 35px;
	border: solid 1px #fff;	
	margin: 0 35px 0 65px;
}
.footerContainer .cooperateLinkItem a {
	display: block;
	widows: 144px;
	height: 35px;	
	color: #fff;
	text-indent: 60px;
}
.footerContainer .cooperateLinkLogo01 {
	background: url(../images/public/kefuIcon.png) no-repeat 18px center;	
}
.footerContainer .cooperateLinkLogo02 {
	background: url(../images/public/weiboIcon.png) no-repeat 13px center;	
}
.footerContainer .cooperateLinkLogo03 {
	background: url(../images/public/toutiaoIcon.png) no-repeat 14px center;	
}


/*new add footer*/
.publicFooterBox02 {
	background: #16222d;	
}
.publicFooterBox02 .footerContainer {
	padding: 15px 0;	
}
.publicFooterBox02 .logoGrayLink {
	margin: 14px 20px 0 0;
}
.publicFooterBox02 .copyRight {
	color: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);	
	text-align: right;
	line-height: 24px;
	margin: 8px 0 0 0;
}

.ny-footer .copyRight a {
    color:#fff;
}

}