/*	百度地图	*/
.bdmap{ height: 100%;}
.bdmap-list{}
.bdmap-list-item{}
.bdmap-list-item.cur{}
.bdmap-sync{}
.bdmap-sync-item{}
.bdmap-sync-item.act{}
.bdmap-info{ position: fixed; left: 0; top: 0; visibility: hidden; overflow: hidden; z-index: -9999;}
.bdmap-info-item{ width: 300px;}

/*	弹窗	*/
.pop-alert .pop-dialog{ padding: 80px; width: 900px; background-color: #fff;}
.pop-alert .pop-scroll{ max-height: 400px; text-align: justify; text-justify: inter-ideograph;}
.pop-alert .pop-scroll .p{}
.pop-alert .pop-scroll .p + .p{ margin-top: 1em;}
.pop-alert .mCSB_outside + .mCSB_scrollTools{ right: -60px;}

.pop-video .pop-dialog{ width: 900px; height: 510px; background-color: #000; z-index: 1;}
.pop-video .pop-cont{ width: 100%; height: 100%;}
.pop-video .video{ display: block; min-width: 100%; min-height: 100%;}

/*	视频	*/
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a3'; position: absolute; left: 50%; top: 50%; width: 94px; border: 2px solid; border-radius: 999px; font-size: 60px; color: #fff; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ****************************************************** */

.home1{ position: relative; overflow: hidden;}
.home1 .skitter{ z-index: 1;}
.home1 .slick-mod{}
.home1 .slick-item{}
.home1 .slick-item img{ display: block; width: 100%;}
.home1 .slick-dots{ bottom: 77px; font-size: 0; z-index: 2;}
.home1 .slick-dot{ position: relative; margin: 0; padding: 0; width: 184px; background-color: transparent; color: #fff; text-align: center;}
.home1 .slick-dot .symbol{ overflow: hidden;}
.home1 .slick-dot .nest{ position: relative; margin: auto; width: 24px; height: 22px; background: url(../image/png5.png) left no-repeat;}
.home1 .slick-dot .nest:before, .home1 .slick-dot .nest:after{ content: ''; position: absolute; top: 50%; width: 999px; border-top: 1px solid; opacity: 0.4;}
.home1 .slick-dot .nest:before{ right: 100%;}
.home1 .slick-dot .nest:after{ left: 100%;}
.home1 .slick-dot:first-child .nest:before,
.home1 .slick-dot:last-child .nest:after{ display: none;}
.home1 .slick-dot .p{ position: absolute; top: 100%; margin-top: 12px; width: 100%; font-size: 12px;}
.home1 .slick-dot.slick-active{ background-color: transparent;}
.home1 .slick-dot.slick-active .nest{ background-position: right;}
.home1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}

.home2{ position: relative; height: 710px; overflow: hidden;}
.home2 .head{ position: absolute; top: 132px; right: 50%; margin-right: 370px; width: 280px; z-index: 2;}
.home2 .head .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.home2 .head .h60{ margin-bottom: 5px; font-family: Arial; line-height: 1; text-transform: uppercase; font-weight: bold;}
.home2 .head .h24{ margin-bottom: 10px;}
.home2 .head .p{ font-size: 12px;}
.home2 .tab-mod{ position: relative; z-index: 1;}
.home2 .tab-bar{ position: absolute; top: 113px; right: 50%; margin-right: -170px; width: 480px; z-index: 3;}
.home2 .tab-term{ position: absolute; width: 135px; height: 122px; background: url(../image/png1.png) left no-repeat; text-align: center; cursor: pointer;}
.home2 .tab-term.t1{ left: 116px; top: 0;}
.home2 .tab-term.t2{ left: 230px; top: 66px;}
.home2 .tab-term.t3{ left: 116px; top: 132px;}
.home2 .tab-term.t4{ left: 0; top: 198px;}
.home2 .tab-term.t5{ left: 116px; top: 264px;}
.home2 .tab-term.t6{ left: 116px; top: 396px;}
.home2 .tab-term.t7{ left: 230px; top: 331px;}
.home2 .tab-term.t8{ right: 0; top: 264px;}
.home2 .tab-term .unit{ position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.home2 .tab-term .icon{ margin: auto; width: 50px; height: 54px;}
.home2 .tab-term .icon img{ position: absolute; left: 0; top: 0; width: 100%;}
.home2 .tab-term .icon .i1{ }
.home2 .tab-term .icon .i2{ opacity: 0;}
.home2 .tab-term .p{ margin-top: 8px; font-size: 16px;}
.home2 .tab-term:hover,
.home2 .tab-term.cur{ background-position: right;}
.home2 .tab-term:hover .icon .i2,
.home2 .tab-term.cur .icon .i2{ opacity: 1;}
.home2 .tab-cont{ position: relative;}
.home2 .tab-item{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; z-index: 1;}
.home2 .tab-item.act{ position: relative; opacity: 1; visibility: visible; z-index: 2;}
.home2 .slick-mod{ }
.home2 .slick-item{ position: relative;}
.home2 .slick-item .bg{ height: 710px; background: #fff center top no-repeat; background-size: contain;}
.home2 .slick-item .cont{ position: absolute; top: 484px; right: 50%; margin-right: 370px; width: 280px;}
.home2 .slick-item .cont .h20{ margin-bottom: 10px;}
.home2 .slick-item .cont .h20:hover{ color: #d4af02;}
.home2 .slick-item .cont .p{ }
.home2 .slick-paging{ position: absolute; right: 50%; top: 433px; margin-right: 530px; padding: 0 20px; width: 120px; text-align: center; z-index: 3;}
.home2 .slick-paging .num{ font-family: avian; font-size: 18px; font-weight: bold;}
.home2 .slick-arrow{ }
.home2 .slick-arrow:before{ color: #333; font-size: 20px;}
.home2 .slick-prev{ left: 0;}
.home2 .slick-prev:before{ content: '\e73c';}
.home2 .slick-next{ right: 0;}
.home2 .slick-next:before{ content: '\e73d';}

.home3{ position: relative; height: 711px; background: url(../image/bg1.jpg) center no-repeat; overflow: hidden;}
.home3 .head{ position: absolute; left: 25%; top: 0; right: 0; height: 237px; background-color: #fff; z-index: 1;}
.home3 .head .fl{ padding-top: 89px; padding-left: 87px; width: 33.333%; height: 100%;}
.home3 .head .h20{ margin-bottom: 3px;}
.home3 .head .h30{ font-family: avian; line-height: 1; font-weight: bold; text-transform: uppercase;}
.home3 .head .p{ padding: 90px 85px 0 38px; height: 100%; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.home3 .ul{ position: relative; height: 100%; overflow: hidden;}
.home3 .li{ position: relative; float: left; margin-top: 237px; width: 25%; height: 100%; background-color: #fff;}
.home3 .img{ position: relative; height: 474px; overflow: hidden;
}
.home3 .img img{ display: block; width: 100%;
	-webkit-transition: transform .3s;
	transition: transform .3s;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: scale(1);
	transform: scale(1);
}
.home3 .img .unit{ text-align: center;}
.home3 .play{ margin: auto; width: 46px; height: 51px; overflow: hidden; cursor: pointer;}
.home3 .cont{ position: relative; height: 237px;}
.home3 .cont a{ display: block; width: 100%; height: 100%;}
.home3 .unit{ position: absolute; left: 50%; top: 50%; width: 240px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.home3 .img .h30{ margin-top: 6px; font-family: Arial; font-weight: bold;}
.home3 .img .p{ font-size: 12px;}
.home3 .unit .h18{}
.home3 .unit .h24{ margin-bottom: 7px; font-family: avian; line-height: 1.25; font-weight: bold; text-transform: uppercase;}
.home3 .unit .p{}
.home3 .li.l1{ margin-top: 0; color: #fff;}
.home3 .li.l1 .cont{ background-color: #343434;}
.home3 .li.l2{}
.home3 .li.l2 .img{ height: 237px;}
.home3 .li.l2 .cont{ }
.home3 .li.l3{ width: 50%;}
.home3 .li.l3 .cont{ position: absolute; left: 0; top: 0; width: 50%; background-color: rgba(255,255,255,0.9);}
.home3 .li.l3 .cont:after{ content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.home3 .li:hover .img > img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.home4{ position: relative; padding: 158px 0 170px; background-color: #fff; overflow: hidden;}
.home4 .fly{ position: absolute; top: 0; right: 100%; margin-top: -5px; margin-right: -315px; width: 540px; height: 640px; overflow: hidden; z-index: 1;}
.home4 .fly img{ display: block; width: 100%;}
.home4 .head{ position: absolute; right: 50%; top: 132px; margin-right: 75px; width: 250px; z-index: 1;}
.home4 .head .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.home4 .head .h60{ margin-bottom: 6px; font-family: Arial; line-height: 1; text-transform: uppercase; font-weight: bold;}
.home4 .head .h24{ margin-bottom: 10px;}
.home4 .head .p{ font-size: 12px;}

.home4 .nest{ position: absolute; left: 0; right: 0; margin: auto; width: 50%; height: 100%;}
.home4 .nest:before, .home4 .nest:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home4 .nest:before{
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.home4 .nest:after{
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.home4 .nest,
.home4 .nest:before,
.home4 .nest:after{ background-color: #0d4e96;}

.home4 .l3 .nest,
.home4 .l3 .nest:before,
.home4 .l3 .nest:after,
.home4 .l4 .nest,
.home4 .l4 .nest:before,
.home4 .l4 .nest:after{ background-image: url(../image/png3.png);}

.home4 .ul{ position: relative; height: 635px; background: url(../image/img7.jpg) center no-repeat;}
.home4 .li{ position: absolute; left: 50%; width: 160px; height: 140px; background: center no-repeat; background-size: contain; color: #fff;}
.home4 .li .h18{ position: absolute; left: 0; right: 0; top: 50%; text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home4 .li.l1{ margin-left: -46px; top: 142px; background-image: url(../image/png17.png);}
.home4 .li.l2{ margin-left: 200px; top: 282px; background-image: url(../image/png17.png);}
.home4 .li.l3{ margin-left: -168px; top: 355px; background-image: url(../image/png18.png);}
.home4 .li.l4{ margin-left: 78px; top: 354px; background-image: url(../image/png18.png);}
.home4 .li.l1:hover,
.home4 .li.l2:hover{ background-image: url(../image/png18.png);}
.home4 .li.l3:hover,
.home4 .li.l4:hover{ background-image: url(../image/png17.png);}

.home5{ position: relative; padding: 132px 0 120px; height: 794px; background-color: #fff;}
.home5:before{ content: ''; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; margin-left: -650px; background: url(../image/png4.png);}
.home5 .bg{ position: absolute; left: 0; top: 0; right: 50%; margin-right: -650px; height: 614px; background: center no-repeat; background-size: cover;}
.home5 .head{ text-align: center; color: #fff;}
.home5 .head .h24{}
.home5 .head .h36{ margin-bottom: 13px; font-family: avian; line-height: 1; font-weight: bold; text-transform: uppercase;}
.home5 .head .p{ font-size: 12px;}
.home5 .list{ position: absolute; left: 0; right: 0; bottom: 0;}
.home5 .table{ display: table; width: 100%;}
.home5 .cell{ display: table-cell;}
.home5 .cell:first-child + .cell .unit{ margin: 0 10px;}
.home5 .cell .unit{ position: relative; padding: 70px 45px; height: 322px; background-color: #fff;}
.home5 .cell .h18{ margin-bottom: 12px; height: 2.44em; line-height: 1.222; overflow: hidden;}
.home5 .cell .h18:hover{ color: #a67b05;}
.home5 .cell .p{ text-align: justify; text-justify: inter-ideograph;}
.home5 .cell .more{ position: absolute; right: 0; bottom: 0; width: 80px; height: 60px; background-color: #343434; font-size: 35px; color: #fff;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.home5 .cell .more:before{ content: '\e73d';}
.home5 .cell .more:after{ content: ''; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-color: #efefef; pointer-events: none;}
.home5 .cell .more:hover{ background-color: #a67b05;}

.t_table{}
.t_table table{ width: 100%;}
.t_table tr{}
.t_table td{ height: 80px;}
.t_table .link{ position: relative; display: inline-block; padding-left: 15px;}
.t_table .link:before{ content: ''; position: absolute; left: 0; top: 0; width: 9px; height: 9px; border: 2px solid #d4af02; border-radius: 999px;}
.t_table .link:hover{ color: #d4af02;}
.t_table .date{ font-family: Arial;}
.t_table .date .s{ font-size: 20px;}
.t_table .down{ display: block; margin: auto; width: 40px; height: 40px; background: url(../image/png6.png) left no-repeat;}
.t_table .down:hover{ background-position: right;}

.contactus1{ height: 598px; overflow: hidden;}
.contactus1 .box{ float: left; width: 50%; height: 100%; background: url(../image/img8.jpg) no-repeat; background-size: cover;}
.contactus1 .cont{ margin-left: 80px; margin-top: 108px; width: 570px;}
.contactus1 .cont .h30{ margin-bottom: 18px;}
.contactus1 .cont .ul{}
.contactus1 .cont .li{ position: relative; padding-left: 20px; font-size: 16px;}
.contactus1 .cont .li + .li{ margin-top: 13px;}
.contactus1 .cont .ico{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; overflow: hidden;}
.contactus1 .cont .ico img{ display: block; width: 100%;}

.annualinformation1{ padding: 92px 0 100px;}
.annualinformation1 .h34{ margin-bottom: 22px; text-align: center;}
.annualinformation1 .t_table{ margin-bottom: 50px; padding: 16px 40px 20px; background-color: #fff; font-size: 16px;}
.annualinformation1 .t_table tr + tr{ border-top: 1px solid #dedfe0;}
.annualinformation1 .t_table td{ padding: 20px;}
.annualinformation1 .t_table td:nth-child(2){ width: 212px; text-align: center;}
.annualinformation1 .t_table td:nth-child(3){ width: 60px;}
.annualinformation1 .t_table .link:before{ margin-top: 7px;}
.annualinformation1 .tab{ margin-bottom: 40px; text-align: center;}
.annualinformation1 .tab .link{ display: inline-block; margin: 0 8px; padding: 12px; width: 170px; border: 1px solid #aa7f09; font-size: 16px; vertical-align: top;}
.annualinformation1 .tab .link:hover,
.annualinformation1 .tab .link.cur{ background: url(../image/png3.png); color: #fff;}

.essentialinformation1{ padding: 92px 0 120px;}
.essentialinformation1 .h34{ margin-bottom: 20px; text-align: center;}
.essentialinformation1 .table{ background-color: #fff;}
.essentialinformation1 .table-head{ padding: 14px 50px; background: url(../image/png7.png);}
.essentialinformation1 .table-head .h24{ color: #fff;}
.essentialinformation1 .table-head .ico{ margin-right: 8px; width: 22px; height: 22px;}
.essentialinformation1 .table-cont{ padding: 30px 25px 40px; overflow: hidden;}
.essentialinformation1 .ul{ padding: 0 25px;}
.essentialinformation1 .ul:first-child{ float: left;}
.essentialinformation1 .ul + .ul{ overflow: hidden;}
.essentialinformation1 .li{ display: table-row;}
.essentialinformation1 .li + .li{ margin-top: 10px;}
.essentialinformation1 .tb1 .ul:first-child{ width: 50%;}
.essentialinformation1 .tb2 .ul:first-child{ width: 62%;}
.essentialinformation1 .tb3 .ul{ width: 67%;}
.essentialinformation1 .xlabel,
.essentialinformation1 .xdetail{ display: table-cell; padding: 5px 0;}
.essentialinformation1 .xlabel{ white-space: nowrap; text-align: right;}
.essentialinformation1 .tip{ padding: 5px 0;}

.newscentres1{ padding: 92px 0 100px;}
.newscentres1 .head{ margin-bottom: 24px; text-align: center;}
.newscentres1 .head .h34{ line-height: 1.32;}
.newscentres1 .head .en{ font-family: avian; text-transform: uppercase;}
.newscentres1 .tab{ margin-bottom: 40px; text-align: center;}
.newscentres1 .tab .link{ display: inline-block; margin: 0 8px; padding: 12px; width: 170px; border: 1px solid #aa7f09; font-size: 16px; vertical-align: top;}
.newscentres1 .tab .link:hover,
.newscentres1 .tab .link.cur{ background: url(../image/png3.png); color: #fff;}
.newscentres1 .view{ position: relative; margin-bottom: 50px; padding-bottom: 50px;}
.newscentres1 .view:before{ content: ''; position: absolute; left: 45px; top: 45px; right: 0; bottom: 0; background: url(../image/png3.png);}
.newscentres1 .slick-mod{}
.newscentres1 .slick-item{ overflow: hidden;}
.newscentres1 .slick-item .img{ float: left; width: 916px; height: 515px; overflow: hidden;}
.newscentres1 .slick-item .img img{ display: block; width: 100%;}
.newscentres1 .slick-item .cont{ padding: 120px 30px 0; color: #fff; overflow: hidden;}
.newscentres1 .slick-item .h24{ margin-bottom: 16px;}
.newscentres1 .slick-item .p{ margin-bottom: 22px; text-align: justify; text-justify: inter-ideograph;}
.newscentres1 .slick-item .date{ font-family: avian; font-size: 18px;}
.newscentres1 .slick-item .date .s{ font-size: 24px;}
.newscentres1 .slick-paging{ position: absolute; right: 30px; bottom: 50px; padding: 0 30px; color: #fff;}
.newscentres1 .slick-paging .num{ font-family: avian; font-size: 18px;}
.newscentres1 .slick-arrow{ }
.newscentres1 .slick-arrow:before{ font-size: 20px;}
.newscentres1 .slick-prev{ left: 0;}
.newscentres1 .slick-prev:before{ content: '\e73c';}
.newscentres1 .slick-next{ right: 0;}
.newscentres1 .slick-next:before{ content: '\e73d';}
.newscentres1 .list{ margin-bottom: 50px; padding: 20px 30px; background-color: #fff;}
.newscentres1 .list-item{ padding: 40px 15px; height: 337px; overflow: hidden;}
.newscentres1 .list-item + .list-item{ border-top: 1px solid #dedfe0;}
.newscentres1 .list-item .img{ float: left; margin-right: 40px; width: 400px; height: 100%; overflow: hidden;}
.newscentres1 .list-item .img img{ display: block; width: 100%;}
.newscentres1 .list-item .cont{ position: relative; padding: 32px 0 70px; height: 100%; overflow: hidden;}
.newscentres1 .list-item .h18{ margin-bottom: 12px;}
.newscentres1 .list-item .p{ margin-bottom: 16px; color: #707070;}
.newscentres1 .list-item .date{ font-family: Arial; font-size: 16px; color: #707070;}
.newscentres1 .list-item .date .s{ font-size: 20px;}
.newscentres1 .list-item .more{ position: absolute; left: 1px; bottom: 0; width: 80px; height: 60px; border: 1px solid #4d4d4d; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.newscentres1 .list-item .more:before{ content: '\e73d';}
.newscentres1 .list-item .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}
.newscentres1 .list-item:hover,
.newscentres1 .list-item:hover .p,
.newscentres1 .list-item:hover .date{ color: #d4af02;}

.businessarea1{ position: relative; height: 898px; background: center no-repeat;}
.businessarea1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.businessarea1 .cont{ position: absolute; left: 50%; top: 50%; margin-top: 35px; width: 1078px; color: #fff; text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.businessarea1 .cont .h36{ font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.businessarea1 .cont .h30{ margin-bottom: 17px;}
.businessarea1 .cont .p{ line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.businessarea1 .cont .more{ display: block; margin: 35px auto 0; width: 80px; height: 60px; border: 1px solid; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.businessarea1 .cont .more:before{ content: '\e73d';}
.businessarea1 .cont .more:hover{ background-color: #a67b05;}

.businessarea2{ padding: 100px 0 90px; background: #fff url(../image/img17.jpg) center top no-repeat; overflow: hidden;}
.businessarea2 .cont{ margin-left: 35px; padding-top: 60px; width: 530px;}
.businessarea2 .cont .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.businessarea2 .cont .h60{ margin-bottom: 15px; font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.businessarea2 .cont .h24{ margin-bottom: 13px;}
.businessarea2 .cont .p{ margin-bottom: 35px; margin-right: 60px; line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.businessarea2 .cont .more{ display: block; width: 80px; height: 60px; border: 1px solid #4d4d4d; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.businessarea2 .cont .more:before{ content: '\e73d';}
.businessarea2 .cont .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}
.businessarea2 .img{ position: absolute; left: 50%; top: 0; margin-left: -30px; width: 815px; height: 498px; overflow: hidden;}
.businessarea2 .img img{ display: block; width: 100%;}

.businessarea3{ position: relative; height: 630px; background: center no-repeat;}
.businessarea3 .cont{ position: absolute; left: 50%; top: 50%; width: 1078px; color: #fff; text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.businessarea3 .cont .h36{ font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.businessarea3 .cont .h30{ margin-bottom: 17px;}
.businessarea3 .cont .p{ line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.businessarea3 .cont .p + .p{ margin-top: 10px;}
.businessarea3 .cont .more{ display: block; margin: 35px auto 0; width: 80px; height: 60px; border: 1px solid; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.businessarea3 .cont .more:before{ content: '\e73d';}
.businessarea3 .cont .more:hover{ background-color: #a67b05;}

.businessarea4{ background: url(../image/img19.jpg) center no-repeat;}
.businessarea4 .img{ position: relative; float: left; margin-left: 35px; width: 615px; height: 751px; overflow: hidden;}
.businessarea4 .img:before, .businessarea4 .img:after{ content: ''; position: absolute; width: 200px; height: 150px; background: url(../image/png4.png);
	-webkit-transition-property: width, height;
	transition-property: width, height;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.businessarea4 .img:before{ left: 0; bottom: 0;}
.businessarea4 .img:after{ right: 0; top: 0;}
.businessarea4 .img:hover:before, .businessarea4 .img:hover:after{ width: 0; height: 0;}
.businessarea4 .img img{ display: block; width: 100%;}
.businessarea4 .cont{ float: right; margin-right: 92px; padding-top: 183px; width: 460px;}
.businessarea4 .cont .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.businessarea4 .cont .h60{ margin-bottom: 15px; font-family: Arial; font-size: 50px; line-height: 1; font-weight: bold; text-transform: uppercase;}
.businessarea4 .cont .h24{ margin-bottom: 13px;}
.businessarea4 .cont .p{ margin-bottom: 35px; line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.businessarea4 .cont .more{ display: block; width: 80px; height: 60px; border: 1px solid #4d4d4d; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.businessarea4 .cont .more:before{ content: '\e73d';}
.businessarea4 .cont .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}

.socialresponsibility1{ padding-top: 267px; height: 898px; background: url(../image/img21.jpg) center no-repeat;}
.socialresponsibility1 .cont{ margin: 0 35px; padding: 56px 65px; background: url(../image/png8.png); text-align: center;}
.socialresponsibility1 .cont .h36{ font-family: Arial; font-weight: bold; text-transform: uppercase;}
.socialresponsibility1 .cont .h30{ margin-bottom: 17px;}
.socialresponsibility1 .cont .p{ color: #474747; line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.socialresponsibility1 .cont .p + .p{ margin-top: 10px;}

.socialresponsibility2{ padding-top: 110px; height: 700px; background: url(../image/img24.jpg) center no-repeat; overflow: hidden;}
.socialresponsibility2 .cont{ float: left; margin-left: 35px; padding-top: 60px; padding-left: 65px; width: 480px;}
.socialresponsibility2 .cont .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.socialresponsibility2 .cont .h60{ margin-bottom: 15px; font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.socialresponsibility2 .cont .h24{}
.socialresponsibility2 .cont .h18{ margin-bottom: 10px;}
.socialresponsibility2 .cont .p{ margin-bottom: 35px;}
.socialresponsibility2 .cont .more{ display: block; width: 80px; height: 60px; border: 1px solid; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.socialresponsibility2 .cont .more:before{ content: '\e73d';}
.socialresponsibility2 .cont .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}
.socialresponsibility2 .img{ float: left;}
.socialresponsibility2 .img img{ vertical-align: bottom;}
.socialresponsibility2 .img.i1{ margin-left: 85px; width: 300px; height: 590px;}
.socialresponsibility2 .img.i2{ margin-left: 30px; width: 330px; height: 435px;}

.socialresponsibility3{ position: relative;}
.socialresponsibility3 .head{ position: absolute; left: 0; right: 0; top: 248px; color: #fff; text-align: center; z-index: 3;}
.socialresponsibility3 .head .h36{ font-family: Arial; line-height: 1; text-transform: uppercase;}
.socialresponsibility3 .head .h30{}
.socialresponsibility3 .slick-item{ position: relative; padding-top: 345px; height: 730px; background: center no-repeat;}
.socialresponsibility3 .slick-item .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.socialresponsibility3 .slick-dots{ bottom: 162px;}
.socialresponsibility3 .slick-dot{ position: relative; margin: 0; padding: 0; width: 264px; background-color: transparent; color: #fff; text-align: center;}
.socialresponsibility3 .slick-dot .symbol{ overflow: hidden;}
.socialresponsibility3 .slick-dot .nest{ position: relative; margin: auto; width: 24px; height: 22px; background: url(../image/png5.png) left no-repeat;}
.socialresponsibility3 .slick-dot .nest:before, .socialresponsibility3 .slick-dot .nest:after{ content: ''; position: absolute; top: 50%; width: 999px; border-top: 1px solid; opacity: 0.4;}
.socialresponsibility3 .slick-dot .nest:before{ right: 100%;}
.socialresponsibility3 .slick-dot .nest:after{ left: 100%;}
.socialresponsibility3 .slick-dot:first-child .nest:before,
.socialresponsibility3 .slick-dot:last-child .nest:after{ display: none;}
.socialresponsibility3 .slick-dot .p{ position: absolute; left: 0; right: 0; top: 100%; margin: 12px 45px 0;}
.socialresponsibility3 .slick-dot.slick-active{ background-color: transparent;}
.socialresponsibility3 .slick-dot.slick-active .nest{ background-position: right;}
.socialresponsibility3 .cont{ margin: auto; width: 1010px; color: #fff; text-align: center;}
.socialresponsibility3 .cont .p{ margin-bottom: 28px; line-height: 1.7143;}
.socialresponsibility3 .cont .more{ display: block; margin: auto; width: 80px; height: 60px; border: 1px solid; font-size: 30px; color: #fff;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.socialresponsibility3 .cont .more:before{ content: '\e73d';}
.socialresponsibility3 .cont .more:hover{ background-color: #a67b05;}

.socialresponsibility4{ background: url(../image/img29.jpg) center no-repeat;}
.socialresponsibility4 .head{ margin-left: 100px; margin-bottom: 24px; padding-top: 104px;}
.socialresponsibility4 .head .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.socialresponsibility4 .head .h60{ margin-bottom: 15px; font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.socialresponsibility4 .head .h24{ margin-bottom: 35px;}
.socialresponsibility4 .head .more{ display: block; width: 80px; height: 60px; border: 1px solid #4d4d4d; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.socialresponsibility4 .head .more:before{ content: '\e73d';}
.socialresponsibility4 .head .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}
.socialresponsibility4 .ul{ margin: 0 35px; height: 520px;}
.socialresponsibility4 .li{ float: left; width: 396px; height: 100%; background-color: #fff; box-shadow: 0.643px 0.766px 28px 0px rgba(13, 13, 13, 0.1);}
.socialresponsibility4 .li + .li{ margin-left: 21px;}
.socialresponsibility4 .li .img{ height: 270px; overflow: hidden;}
.socialresponsibility4 .li .img img{ display: block; width: 100%;}
.socialresponsibility4 .li .cont{ padding: 50px 40px;}
.socialresponsibility4 .li .cont .h20{ margin-bottom: 20px;}
.socialresponsibility4 .li .cont .h20:hover{ color: #a67b05;}
.socialresponsibility4 .li .cont .p{ line-height: 1.7143;}
.socialresponsibility4 .li.l2{ margin-top: -128px;}
.socialresponsibility4 .li.l3{ margin-top: -67px;}

.socialresponsibility5{ padding-top: 90px; height: 889px; background: url(../image/img31.jpg) center no-repeat;}
.socialresponsibility5 .head{ margin-bottom: 35px; text-align: center;}
.socialresponsibility5 .head .h36{ font-family: Arial; font-weight: bold; text-transform: uppercase; line-height: 1;}
.socialresponsibility5 .head .h30{}
.socialresponsibility5 .ul{ position: relative; margin: 0 35px; padding-top: 70px; height: 580px; background-color: #fff; background-clip: content-box;}
.socialresponsibility5 .li{ margin-left: 685px; padding-right: 70px;}
.socialresponsibility5 .li:first-child{ margin-top: 72px;}
.socialresponsibility5 .li + .li{ margin-top: 23px;}
.socialresponsibility5 .li .img{ position: absolute; left: 0; top: 0; width: 593px; height: 580px; overflow: hidden; display: none;}
.socialresponsibility5 .li .img img{ display: block; width: 100%;}
.socialresponsibility5 .li .unit{ padding: 10px 0 20px; display: none;}
.socialresponsibility5 .li .h20{ margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.socialresponsibility5 .li .h20:hover{ color: #a67b05;}
.socialresponsibility5 .li .p{ margin-bottom: 10px;}
.socialresponsibility5 .li .date{ font-family: Arial; font-size: 16px; color: #808080;}
.socialresponsibility5 .li.cur .unit,
.socialresponsibility5 .li.cur .img{ display: block;}

.socialresponsibility6{ background: url(../image/img33.jpg) center top no-repeat; color: #fff;}
.socialresponsibility6 .head{ position: absolute; top: 95px; left: 0; right: 0; text-align: center; z-index: 3;}
.socialresponsibility6 .head .h36{ font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.socialresponsibility6 .head .h30{}
.socialresponsibility6 .slick-mod{ margin: 0 35px;}
.socialresponsibility6 .slick-item{ position: relative;}
.socialresponsibility6 .slick-item .img{ height: 578px; overflow: hidden;}
.socialresponsibility6 .slick-item .img img{ display: block; width: 100%;}
.socialresponsibility6 .slick-item .cont{ position: absolute; left: 40px; right: 40px; bottom: 35px;}
.socialresponsibility6 .slick-item .cont .h18{ margin-bottom: 10px;}
.socialresponsibility6 .slick-item .cont .p{}
.socialresponsibility6 .slick-item .cont .b{ font-weight: bold;}
.socialresponsibility6 .slick-arrow{ }
.socialresponsibility6 .slick-arrow:before{ font-size: 40px;}
.socialresponsibility6 .slick-prev{ left: 10px;}
.socialresponsibility6 .slick-prev:before{ content: '\e73c';}
.socialresponsibility6 .slick-next{ right: 10px;}
.socialresponsibility6 .slick-next:before{ content: '\e73d';}

.smallpencil1{}
.smallpencil1 img{ display: block; width: 100%;}

.smallpencil2{ background: url(../image/img35-1.jpg) center top no-repeat;}
.smallpencil2 .list{ position: relative; margin: auto; width: 1300px; min-height: 2615px; background: url(../image/png9_b.png) center top no-repeat;}
.smallpencil2 .list .dl{}
.smallpencil2 .list .dt{ position: absolute; left: 50%; font-family: avian; font-size: 52px; line-height: 1;}
.smallpencil2 .list .dd{}
.smallpencil2 .list .p{ position: absolute; cursor: pointer;}
.smallpencil2 .list .dot{ position: absolute;}
.smallpencil2 .list .dot:after{ content: ''; position: relative; display: block; width: 22px; height: 22px; cursor: pointer;}
.smallpencil2 .list .d1 .dt{ top: 76px; margin-left: -68px;}
.smallpencil2 .list .d1 .p1{ top: 120px; right: 50%; margin-right: 240px;}
.smallpencil2 .list .d1 .p1 .dot{ left: 100%; top: 10px;}
.smallpencil2 .list .d1 .p1 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d1 .p2{ top: 205px; left: 50%; margin-left: -255px;}
.smallpencil2 .list .d1 .p2 .dot{ right: 100%; top: -17px; margin-right: 9px;}
.smallpencil2 .list .d1 .p2 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d1 .p3{ top: 265px; left: 50%; margin-left: -282px;}
.smallpencil2 .list .d1 .p3 .dot{ right: 100%; top: -17px; margin-right: 9px;}
.smallpencil2 .list .d1 .p3 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d1 .p4{ top: 308px; right: 50%;  margin-right: 335px;}
.smallpencil2 .list .d1 .p4 .dot{ left: 100%; top: 25px; margin-left: -10px;}
.smallpencil2 .list .d1 .p4 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .dt{ top: 400px; margin-left: -385px;}
.smallpencil2 .list .d2 .p1{ top: 495px; right: 50%; margin-right: 425px;}
.smallpencil2 .list .d2 .p1 .dot{ left: 100%; top: -21px; margin-left: -4px;}
.smallpencil2 .list .d2 .p1 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p2{ top: 563px; right: 50%; margin-right: 395px;}
.smallpencil2 .list .d2 .p2 .dot{ left: 100%; top: -19px; margin-left: 7px;}
.smallpencil2 .list .d2 .p2 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p3{ top: 570px; left: 50%; margin-left: -332px;}
.smallpencil2 .list .d2 .p3 .dot{ left: 0; top: 100%; margin-left: 5px; margin-top: 10px;}
.smallpencil2 .list .d2 .p3 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p4{ top: 650px; right: 50%;  margin-right: 320px;}
.smallpencil2 .list .d2 .p4 .dot{ left: 100%; top: 2px; margin-left: 13px;}
.smallpencil2 .list .d2 .p4 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p5{ top: 718px; right: 50%;  margin-right: 262px;}
.smallpencil2 .list .d2 .p5 .dot{ right: 0; top: -25px;}
.smallpencil2 .list .d2 .p5 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p6{ top: 725px; left: 50%; margin-left: -198px;}
.smallpencil2 .list .d2 .p6 .dot{ left: 2px; top: -28px;}
.smallpencil2 .list .d2 .p6 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p7{ top: 683px; left: 50%; margin-left: -85px;}
.smallpencil2 .list .d2 .p7 .dot{ left: -20px; top: -25px;}
.smallpencil2 .list .d2 .p7 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d2 .p8{ top: 605px; left: 50%; margin-left: 40px;}
.smallpencil2 .list .d2 .p8 .dot{ left: -2px; top: 22px;}
.smallpencil2 .list .d2 .p8 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d3 .dt{ top: 540px; margin-left: 255px;}
.smallpencil2 .list .d3 .p1{ top: 648px; left: 50%; margin-left: 450px;}
.smallpencil2 .list .d3 .p1 .dot{ left: -29px; top: 2px;}
.smallpencil2 .list .d3 .p1 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p1 .year{ float: right;}
.smallpencil2 .list .d3 .p2{ top: 718px; left: 50%; margin-left: 468px;}
.smallpencil2 .list .d3 .p2 .dot{ left: -25px; top: 4px;}
.smallpencil2 .list .d3 .p2 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p2 .year{ float: right;}
.smallpencil2 .list .d3 .p3{ top: 782px; right: 50%; margin-right: -413px;}
.smallpencil2 .list .d3 .p3 .dot{ right: -47px; top: 8px;}
.smallpencil2 .list .d3 .p3 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p3 .year{ float: right;}
.smallpencil2 .list .d3 .p4{ top: 844px; right: 50%;  margin-right: -397px;}
.smallpencil2 .list .d3 .p4 .dot{ right: -32px; top: 3px;}
.smallpencil2 .list .d3 .p4 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p4 .year{ float: right;}
.smallpencil2 .list .d3 .p5{ top: 950px; left: 50%;  margin-left: 380px;}
.smallpencil2 .list .d3 .p5 .dot{ left: -5px; top: -27px;}
.smallpencil2 .list .d3 .p5 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p5 .year{ float: right;}
.smallpencil2 .list .d3 .p6{ top: 905px; right: 50%;  margin-right: -170px;}
.smallpencil2 .list .d3 .p6 .dot{ right: 0; top: 32px;}
.smallpencil2 .list .d3 .p6 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p6 .year{ float: right;}
.smallpencil2 .list .d3 .p7{ top: 972px; right: 50%;  margin-right: 60px;}
.smallpencil2 .list .d3 .p7 .dot{ right: -32px; top: 9px;}
.smallpencil2 .list .d3 .p7 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d3 .p8{ top: 1076px; right: 50%;  margin-right: 57px;}
.smallpencil2 .list .d3 .p8 .dot{ right: -42px; top: 3px;}
.smallpencil2 .list .d3 .p8 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d3 .p9{ top: 1097px; left: 50%;  margin-left: 40px;}
.smallpencil2 .list .d3 .p9 .dot{ left: -10px; top: 25px;}
.smallpencil2 .list .d3 .p9 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p9 .year{ float: right;}
.smallpencil2 .list .d3 .p10{ top: 1232px; right: 50%;  margin-right: -124px;}
.smallpencil2 .list .d3 .p10 .dot{ right: -32px; top: -3px;}
.smallpencil2 .list .d3 .p10 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p10 .year{ float: right;}
.smallpencil2 .list .d3 .p11{ top: 1136px; left: 50%;  margin-left: 208px;}
.smallpencil2 .list .d3 .p11 .dot{ left: 12px; top: 33px;}
.smallpencil2 .list .d3 .p11 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p11 .year{ float: right;}
.smallpencil2 .list .d3 .p12{ top: 1160px; left: 50%;  margin-left: 340px;}
.smallpencil2 .list .d3 .p12 .dot{ left: -5px; top: 28px;}
.smallpencil2 .list .d3 .p12 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d3 .p12 .year{ float: right;}
.smallpencil2 .list .d4 .dt{ top: 1295px; margin-left: 478px;}
.smallpencil2 .list .d4 .p1{ top: 1362px; left: 50%; margin-left: 325px;}
.smallpencil2 .list .d4 .p1 .dot{ left: -20px; top: -15px;}
.smallpencil2 .list .d4 .p1 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d4 .p1 .year{ float: right;}
.smallpencil2 .list .d4 .p2{ top: 1338px; left: 50%; margin-left: 138px;}
.smallpencil2 .list .d4 .p2 .dot{ left: 56px; top: 27px;}
.smallpencil2 .list .d4 .p2 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d4 .p2 .year{ float: right;}
.smallpencil2 .list .d4 .p3{ top: 1430px; left: 50%; margin-left: 65px;}
.smallpencil2 .list .d4 .p3 .dot{ left: -11px; top: -21px;}
.smallpencil2 .list .d4 .p3 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d4 .p3 .year{ float: right;}
.smallpencil2 .list .d4 .p4{ top: 1418px; right: 50%;  margin-right: 12px;}
.smallpencil2 .list .d4 .p4 .dot{ right: -10px; top: -30px;}
.smallpencil2 .list .d4 .p4 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d5 .dt{ top: 1258px; margin-left: -195px;}
.smallpencil2 .list .d5 .p1{ top: 1404px; right: 50%; margin-right: 315px;}
.smallpencil2 .list .d5 .p1 .dot{ right: -19px; top: 24px;}
.smallpencil2 .list .d5 .p1 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d5 .p2{ top: 1490px; left: 50%; margin-left: -370px;}
.smallpencil2 .list .d5 .p2 .dot{ left: -30px; top: 2px;}
.smallpencil2 .list .d5 .p2 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d5 .p3{ top: 1595px; right: 50%; margin-right: 295px;}
.smallpencil2 .list .d5 .p3 .dot{ left: -25px; top: -10px;}
.smallpencil2 .list .d5 .p3 .pop-box{ left: 50%; margin-left: 106px;}
.smallpencil2 .list .d5 .p4{ top: 1650px; left: 50%;  margin-left: -140px;}
.smallpencil2 .list .d5 .p4 .dot{ left: -40px; top: -17px;}
.smallpencil2 .list .d5 .p4 .pop-box{ left: 50%; margin-left: -128px;}
.smallpencil2 .list .d6 .dt{ top: 1485px; margin-left: -55px;}
.smallpencil2 .list .d6 .p1{ top: 1550px; left: 50%; margin-left: 145px;}
.smallpencil2 .list .d6 .p1 .dot{ left: -21px; top: 22px;}
.smallpencil2 .list .d6 .p1 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d6 .p1 .year{ float: right;}
.smallpencil2 .list .d6 .p2{ top: 1638px; left: 50%; margin-left: 225px;}
.smallpencil2 .list .d6 .p2 .dot{ left: -21px; top: 22px;}
.smallpencil2 .list .d6 .p2 .pop-box{ right: 50%; margin-right: -145px;}
.smallpencil2 .list .d6 .p2 .year{ float: right;}
.smallpencil2 .list .d6 .p3{ top: 1718px; left: 50%; margin-left: 175px;}
.smallpencil2 .list .d6 .p3 .dot{ left: 235px; top: -12px;}
.smallpencil2 .list .d6 .p3 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d6 .p3 .year{ float: right;}
.smallpencil2 .list .d6 .p4{ top: 1800px; left: 50%; margin-left: 365px;}
.smallpencil2 .list .d6 .p4 .dot{ left: -21px; top: -10px;}
.smallpencil2 .list .d6 .p4 .pop-box{ right: 50%; margin-right: -128px;}
.smallpencil2 .list .d6 .p4 .year{ float: right;}
.smallpencil2 .list .d7 .dt{ top: 1838px; margin-left: 80px;}
.smallpencil2 .list .d7 .p1{ top: 1712px; right: 50%; margin-right: 48px;}
.smallpencil2 .list .d7 .p1 .dot{ left: 85px; top: 22px;}
.smallpencil2 .list .d7 .p1 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d7 .p1 .year{ float: left;}
.smallpencil2 .list .d7 .p2{ top: 1828px; right: 50%; margin-right: 120px;}
.smallpencil2 .list .d7 .p2 .dot{ left: -50px; top: 0;}
.smallpencil2 .list .d7 .p2 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d7 .p2 .year{ float: left;}
.smallpencil2 .list .d8 .dt{ top: 1730px; margin-left: -512px;}
.smallpencil2 .list .d8 .p1{ top: 1915px; left: 50%; margin-left: -310px;}
.smallpencil2 .list .d8 .p1 .dot{ left: -159px; top: 25px;}
.smallpencil2 .list .d8 .p1 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d8 .p1 .year{ float: left;}
.smallpencil2 .list .d8 .p2{ top: 2015px; left: 50%; margin-left: -255px;}
.smallpencil2 .list .d8 .p2 .dot{ left: -57px; top: 5px;}
.smallpencil2 .list .d8 .p2 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d8 .p2 .year{ float: left;}
.smallpencil2 .list .d8 .p3{ top: 1960px; left: 50%; margin-left: -100px;}
.smallpencil2 .list .d8 .p3 .dot{ left: -46px; top: 35px;}
.smallpencil2 .list .d8 .p3 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d8 .p3 .year{ float: left;}
.smallpencil2 .list .d8 .p4{ top: 2035px; left: 50%; margin-left: 80px;}
.smallpencil2 .list .d8 .p4 .dot{ left: -35px; top: 10px;}
.smallpencil2 .list .d8 .p4 .pop-box{ left: 50%; margin-right: -128px;}
.smallpencil2 .list .d8 .p4 .year{ float: left;}
.smallpencil2 .list .d9 .dt{ top: 1865px; margin-left: 303px;}
.smallpencil2 .list .d9 .p1{top: 2055px; left: 50%; margin-left: 419px;}
.smallpencil2 .list .d9 .p1 .year{float: right;}
.smallpencil2 .list .d9 .p1 .pop-box{right: 50%; margin-right: -90px;top: 6px;}
.smallpencil2 .list .d9 .p2{top: 2098px; left: 50%; margin-left: 127px;}
.smallpencil2 .list .d9 .p2 .year{float: right;}
.smallpencil2 .list .d9 .p2 .pop-box{right: 50%; margin-right: -90px;top: 2px;}
.smallpencil2 .list .d10 .dt{ top: 2171px; margin-left: -159px;}
.smallpencil2 .pop-box{ position: absolute; top: 100%; margin-top: 25px; width: 943px; height: 240px; color: #fff; visibility: hidden;}
.smallpencil2 .pop-box .year{ position: relative; float: left; margin: 0 10px; width: 237px; line-height: 240px; background: url(../image/img38.jpg) no-repeat; font-family: avian; font-size: 70px; text-align: center;}
.smallpencil2 .pop-box .year:before{ content: ''; position: absolute; left: 50%; bottom: 100%; margin-left: -24px; border: 24px solid transparent; border-bottom-color: #0d4e96;}
.smallpencil2 .pop-box .cont{ padding-top: 22px; height: 100%; background: url(../image/img39.jpg); overflow: hidden;}
.smallpencil2 .pop-box .h18{ margin-bottom: 13px; text-align: center;}
.smallpencil2 .pop-box .slick-mod{ padding: 0 75px;}
.smallpencil2 .pop-box .slick-slide{ margin: 0 5px;}
.smallpencil2 .pop-box .slick-item{ float: left; width: 258px; height: 145px; overflow: hidden;}
.smallpencil2 .pop-box .slick-item img{ display: block; width: 100%;}
.smallpencil2 .pop-box .slick-arrow:before{ font-size: 55px;}
.smallpencil2 .pop-box .slick-prev:before{ content: '\e739';}
.smallpencil2 .pop-box .slick-next:before{ content: '\e738';}
.smallpencil2 .list .p.cur{ z-index: 2;}
.smallpencil2 .list .p.cur .pop-box{ visibility: visible;}

.specialinformation1{ padding: 90px 0 80px;}
.specialinformation1 .h34{ margin-bottom: 23px; text-align: center;}
.specialinformation1 .list{ overflow: hidden;}
.specialinformation1 .list-item{ float: left; margin-bottom: 20px; width: 640px; height: 427px; background-color: #fff;}
.specialinformation1 .list-item.short{ height: 210px;}
.specialinformation1 .list-item:nth-child(even){ margin-left: 20px;}
.specialinformation1 .list-item .h24{ position: relative; padding: 14px 40px; background: url(../image/png7.png); color: #fff;}
.specialinformation1 .list-item .more{ position: absolute; right: 40px; top: 50%; font-size: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.specialinformation1 .list-item .more:before{ content: '\e73d';
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.specialinformation1 .list-item:nth-child(even) .h24{ padding: 14px 40px; background-image: url(../image/png3.png);}
.specialinformation1 .list-item .ico{ margin-right: 5px; width: 27px; height: 27px; vertical-align: middle;}
.specialinformation1 .t_table{ padding: 10px 25px 35px;}
.specialinformation1 .t_table tr + tr{ border-top: 1px dashed #dedfe0;}
.specialinformation1 .t_table td{ padding: 20px 15px;}
.specialinformation1 .t_table .link:before{ margin-top: 6px;}
.specialinformation1 .t_table .date{ font-size: 16px; white-space: nowrap;}
.specialinformation1 .t_table .url{ display: block; margin-left: 15px; margin-top: 12px; font-family: Arial; color: #474747;}
.specialinformation1 .t_table .url:hover{ color: #d4af02;}

.aboutus1{ height: 750px; background: url(../image/img49.jpg) center no-repeat;}
.aboutus1:before{ content: ''; position: absolute; left: 50%; top: 0; margin-left: 346px; width: 227px; height: 750px; background: url(../image/img40.jpg) no-repeat;}
.aboutus1 .img{ position: absolute; bottom: 0; right: 100px; width: 380px; height: 620px; overflow: hidden;}
.aboutus1 .img img{ display: block; width: 100%;}
.aboutus1 .cont{ margin-left: 75px; padding-top: 184px; width: 640px;}
.aboutus1 .cont .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.aboutus1 .cont .h60{ margin-bottom: 15px; font-family: Arial; line-height: 1; text-transform: uppercase; font-weight: bold;}
.aboutus1 .cont .h24{ margin-bottom: 15px;}
.aboutus1 .cont .p{ line-height: 1.7143; text-align: justify; text-justify: inter-ideograph;}
.aboutus1 .cont .p + .p{ margin-top: 18px;}
.aboutus1 .cont .more{ margin-top: 35px;}
.aboutus1 .cont .more{ display: block; width: 80px; height: 60px; border: 1px solid #4d4d4d; font-size: 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.aboutus1 .cont .more:before{ content: '\e73d';}
.aboutus1 .cont .more:hover{ background-color: #a67b05; color: #fff; border-color: #fff;}

.aboutus2{ height: 839px; background: center no-repeat; overflow: hidden;}
.aboutus2 .cont{ position: absolute; left: 50%; bottom: 0; margin-left: -230px; padding: 64px 0 40px 90px; width: 608px; background-color: rgba(255,255,255,0.95);}
.aboutus2 .cont:after{ content: ''; position: absolute; left: 100%; bottom: 0; width: 582px; height: 100%; background: url(../image/png11.png) no-repeat;}
.aboutus2 .cont .h36{ font-family: avian; line-height: 1; text-transform: uppercase;}
.aboutus2 .cont .h60{ margin-bottom: 15px; font-family: Arial; line-height: 1; text-transform: uppercase; font-weight: bold;}
.aboutus2 .cont .h24{ margin-bottom: 15px;}
.aboutus2 .cont .p{ line-height: 1.7143;}
.aboutus2 .cont .p + .p{ margin-top: 10px;}

.aboutus3{ padding: 76px 0 30px; background: url(../image/img42.jpg);}
.aboutus3 .head{ margin-bottom: 25px; text-align: center;}
.aboutus3 .head .h36{ font-family: Arial; font-weight: bold; line-height: 1; text-transform: uppercase;}
.aboutus3 .head .h30{}
.aboutus3 .img{ position: relative; margin: auto; width: 1151px; height: 517px; overflow: hidden;}
.aboutus3 .img img{ position: absolute; left: 0; top: 0; width: 100%;}

.aboutus4{ padding: 86px 0 67px; height: 754px; background: url(../image/img43.jpg) center no-repeat; color: #fff;}
.aboutus4 .head{ margin-bottom: 20px; text-align: center;}
.aboutus4 .head .h36{ font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.aboutus4 .head .h30{ }
.aboutus4 .tab-mod{ margin: auto; width: 1161px;}
.aboutus4 .scroll-tab{ position: relative; margin-bottom: 20px; padding: 0 15px;}
.aboutus4 .scroll-box{ position: relative; overflow: hidden;}
.aboutus4 .scroll-track{ display: table; white-space: nowrap;}
.aboutus4 .scroll-item{ display: inline-block; margin: 0 11px; width: 101px; font-family: avian; font-size: 24px; line-height: 89px; vertical-align: middle; text-align: center; cursor: pointer;}
.aboutus4 .scroll-prev, .aboutus4 .scroll-next{ position: absolute; top: 0; bottom: 0; height: 100%; font-size: 25px; cursor: pointer; z-index: 1;}
.aboutus4 .scroll-prev{ left: 0;}
.aboutus4 .scroll-next{ right: 0;}
.aboutus4 .scroll-prev:before{ content: '\e739';}
.aboutus4 .scroll-next:before{ content: '\e738';}
.aboutus4 .disabled{ opacity: 0.5; cursor: default;}
.aboutus4 .scroll-item:hover,
.aboutus4 .scroll-item.cur{ background: url(../image/png14.png) no-repeat; font-family: impact; font-size: 34px;}
.aboutus4 .tab-cont{ position: relative;}  
.aboutus4 .tab-item{ position: absolute; left: 0; top: 0; padding-bottom: 30px; width: 100%; visibility: hidden; overflow: hidden;}  
.aboutus4 .tab-item.act{ position: relative; visibility: visible;}
.aboutus4 .slick-paging{ position: relative; float: left; margin-top: 37px; margin-right: 50px; width: 165px; height: 330px; background: url(../image/png16.png) no-repeat;}
.aboutus4 .slick-paging .num{ position: absolute; left: 15px; top: 100px; font-family: avian; font-size: 16px; text-align: right;}
.aboutus4 .slick-paging .b{ font-family: impact; font-size: 30px; line-height: 1;}
.aboutus4 .slick-arr{ position: absolute; left: 50%; bottom: 0; width: 55px; text-align: center;}
.aboutus4 .slick-arr:before{ content: '/';}
.aboutus4 .slick-arr .slick-arrow{}
.aboutus4 .slick-arr .slick-arrow:before{ font-size: 14px;}
.aboutus4 .slick-arr .slick-prev{ left: 0;}
.aboutus4 .slick-arr .slick-prev:before{ content: '\e739';}
.aboutus4 .slick-arr .slick-next{ right: 0;}
.aboutus4 .slick-arr .slick-next:before{ content: '\e738';}
.aboutus4 .slick-mod{ overflow: hidden;}
.aboutus4 .slick-item{ overflow: hidden;}
.aboutus4 .slick-item .date{ float: left; margin-right: 38px; padding: 25px 0; font-family: Arial; font-size: 16px; text-transform: uppercase;}
.aboutus4 .slick-item .p{ padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,0.3); line-height: 1.7143; opacity: 0.7; overflow: hidden;}
.aboutus4 .slick-item .p:hover{ opacity: 1;}

.aboutus5{ padding: 86px 0 92px; background: url(../image/img44.jpg) center no-repeat;}
.aboutus5 .head{ margin-bottom: 20px; text-align: center;}
.aboutus5 .head .h36{ font-family: Arial; line-height: 1; font-weight: bold; text-transform: uppercase;}
.aboutus5 .head .h30{ }
.aboutus5 .tab-mod{ position: relative; height: 600px;}
.aboutus5 .scroll-tab{ position: absolute; right: 50%; top: 0; bottom: 80px; margin-right: 495px; padding: 20px 0;}
.aboutus5 .scroll-box{ position: relative; height: 100%; overflow: hidden;}
.aboutus5 .scroll-track{ }
.aboutus5 .scroll-item{ width: 101px; font-family: avian; font-size: 24px; line-height: 89px; vertical-align: middle; text-align: center; cursor: pointer;}
.aboutus5 .scroll-prev, .aboutus5 .scroll-next{ position: absolute; left: 0; right: 0; width: 100%; font-size: 25px; color: #aa8637; cursor: pointer; z-index: 1;}
.aboutus5 .scroll-prev{ top: 0;}
.aboutus5 .scroll-next{ bottom: 0;}
.aboutus5 .scroll-prev:before{ content: '\e736';}
.aboutus5 .scroll-next:before{ content: '\e737';}
.aboutus5 .scroll-prev:hover, .aboutus5 .scroll-next:hover{ opacity: 0.8;}
.aboutus5 .disabled{ opacity: 0.5; cursor: default;}
.aboutus5 .scroll-item:hover,
.aboutus5 .scroll-item.cur{ background: url(../image/png15.png) no-repeat; font-family: impact; font-size: 34px; color: #aa8637;}
.aboutus5 .tab-cont{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0; margin-left: -398px;}
.aboutus5 .tab-item{ position: absolute; left: 0; top: 0; width: 100%; visibility: hidden;}  
.aboutus5 .tab-item.act{ position: relative; visibility: visible;}
.aboutus5 .ul{ padding-bottom: 80px;}
.aboutus5 .li{ position: relative; float: left; margin: 0 12px; width: 362px; height: 520px;}
.aboutus5 .li:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid rgba(0,0,0,0.2);}
.aboutus5 .li .img{ position: relative; height: 458px; overflow: hidden;}
.aboutus5 .li .img img{ display: block; width: 100%;
	-webkit-transition: transform .3s;
	transition: transform .3s;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: scale(1);
	transform: scale(1);
}
.aboutus5 .li .p{ margin-top: 12px; line-height: 1.7143; color: #474747;}
.aboutus5 .li .p + .img{ position: absolute; left: 0; right: 0; bottom: 0; height: 246px;}
.aboutus5 .li:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.aboutus5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: -172px; right: 200px;}
.aboutus5 .mCSB_scrollTools .mCSB_draggerRail{ height: 1px; background-color: #cececd;}
.aboutus5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 3px; background-color: #aa8637;}

.humanresources1{ position: relative; color: #fff;}
.humanresources1 .head{ position: absolute; left: 0; right: 0; top: 257px; text-align: center; z-index: 3;}
.humanresources1 .head .h36{ margin-bottom: 5px; font-family: Arial; line-height: 1; text-transform: uppercase;}
.humanresources1 .head .h30{}
.humanresources1 .slick-mod{}
.humanresources1 .slick-item{ position: relative; height: 800px; background: center no-repeat;}
.humanresources1 .slick-item .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.humanresources1 .unit{ margin: 0 35px;}
.humanresources1 .unit1{ padding-top: 22px; text-align: center;}
.humanresources1 .unit1 .li{ position: relative; display: inline-block; margin: 0 14px; width: 160px; height: 282px; vertical-align: top;}
.humanresources1 .unit1 .shape{ position: relative; height: 134px; background: url(../image/png29.png) no-repeat;}
.humanresources1 .unit1 .h16{ position: absolute; left: 0; right: 0; top: 50%; padding: 0 30px; color: #333; font-weight: bold;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.humanresources1 .unit1 .p{ position: absolute; left: 0; right: 0; font-size: 12px; line-height: 1.6667; color: #fff;}
.humanresources1 .unit1 .li:nth-child(odd) .shape{ margin-top: 30px;}
.humanresources1 .unit1 .li:nth-child(odd) .p{ bottom: 0;}
.humanresources1 .unit1 .li:nth-child(even) .shape{  margin-top: 116px;}
.humanresources1 .unit1 .li:nth-child(even) .p{ top: 0;}
.humanresources1 .unit2{ padding-top: 420px; text-align: center; white-space: nowrap; overflow: hidden;}
.humanresources1 .unit2 .li{ display: inline-block; margin: 0 40px; text-align: left; vertical-align: top;}
.humanresources1 .unit2 .num{ display: block; margin-bottom: 10px; font-family: impact; font-size: 60px; line-height: 1;}
.humanresources1 .unit2 .h18{ font-weight: bold; line-height: 1.333;}
.humanresources1 .unit3{ padding: 370px 50px 0; overflow: hidden;}
.humanresources1 .unit3 .li{ position: relative; float: left; margin-bottom: 30px; padding: 3px 35px; width: 50%;}
.humanresources1 .unit3 .ico{ width: 44px; height: 34px;}
.humanresources1 .unit3 .s{ position: absolute; left: 90px; right: 35px; top: 50%; line-height: 1.4285; text-shadow: 0px 2px 3px rgba(3, 0, 0, 0.3);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.humanresources1 .unit4{ padding-top: 358px; text-align: center;}
.humanresources1 .unit4 .li{ position: relative; display: inline-block; margin: 0 35px; padding: 104px 10px; width: 122px; vertical-align: middle; color: #808080;}
.humanresources1 .unit4 .li:before,
.humanresources1 .unit4 .li:after{ content: ''; position: absolute; background: center no-repeat;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
.humanresources1 .unit4 .li:before{ width: 90px; height: 90px;}
.humanresources1 .unit4 .li:after{ left: 50%; top: 50%; width: 164px; height: 164px; background-image: url(../image/png35.png);}
.humanresources1 .unit4 .li.l1:before{ left: -40px; top: 120px; background-image: url(../image/png39.png);}
.humanresources1 .unit4 .li.l1:after{
	-webkit-transform: translate(-50%, -50%) rotate(-15deg);
	-ms-transform: translate(-50%, -50%) rotate(-15deg);
	transform: translate(-50%, -50%) rotate(-15deg);
}
.humanresources1 .unit4 .li.l2:before{ left: 60px; top: 48px; background-image: url(../image/png39.png);}
.humanresources1 .unit4 .li.l2:after{
	-webkit-transform: translate(-50%, -50%) rotate(-30deg);
	-ms-transform: translate(-50%, -50%) rotate(-30deg);
	transform: translate(-50%, -50%) rotate(-30deg);
}
.humanresources1 .unit4 .li.l3:before{ left: 44px; top: 125px; background-image: url(../image/png40.png);}
.humanresources1 .unit4 .li.l3:after{
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.humanresources1 .unit4 .li.l4:before{ left: 20px; top: 134px; background-image: url(../image/png41.png);}
.humanresources1 .unit4 .li.l4:after{
	-webkit-transform: translate(-50%, -50%) rotate(-15deg);
	-ms-transform: translate(-50%, -50%) rotate(-15deg);
	transform: translate(-50%, -50%) rotate(-15deg);
}
.humanresources1 .unit4 .li.l5:before{ left: 76px; top: 100px; background-image: url(../image/png40.png);}
.humanresources1 .unit4 .li.l5:after{
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.humanresources1 .unit4 .h16{ position: relative; font-weight: bold; z-index: 1;}
.humanresources1 .unit4 .p{ margin: 0 350px;}
.humanresources1 .unit4 .li.cur{ color: #fff;}
.humanresources1 .unit4 .li.cur:after{ background-image: url(../image/png36.png);}
.humanresources1 .unit4 .tab-item{ display: none;}
.humanresources1 .unit4 .tab-item.act{ display: block;}
.humanresources1 .slick-dots{ bottom: 78px;}
.humanresources1 .slick-dot{ position: relative; margin: 0; padding: 0; width: 264px; background-color: transparent; color: #fff; text-align: center;}
.humanresources1 .slick-dot .symbol{ overflow: hidden;}
.humanresources1 .slick-dot .nest{ position: relative; margin: auto; width: 24px; height: 22px; background: url(../image/png5.png) left no-repeat;}
.humanresources1 .slick-dot .nest:before, .humanresources1 .slick-dot .nest:after{ content: ''; position: absolute; top: 50%; width: 999px; border-top: 1px solid; opacity: 0.4;}
.humanresources1 .slick-dot .nest:before{ right: 100%;}
.humanresources1 .slick-dot .nest:after{ left: 100%;}
.humanresources1 .slick-dot:first-child .nest:before,
.humanresources1 .slick-dot:last-child .nest:after{ display: none;}
.humanresources1 .slick-dot .p{ position: absolute; top: 100%; margin-top: 12px; width: 100%;}
.humanresources1 .slick-dot.slick-active{ background-color: transparent;}
.humanresources1 .slick-dot.slick-active .nest{ background-position: right;}

.humanresources2{ padding-top: 97px; height: 1035px; background: url(../image/img53.jpg) center no-repeat;}
.humanresources2 .head{ margin-bottom: 32px; text-align: center;}
.humanresources2 .head .h36{ margin-bottom: 5px; font-family: Arial; line-height: 1; text-transform: uppercase;}
.humanresources2 .head .h30{}
.humanresources2 .slick-mod{ margin: 0 35px;}
.humanresources2 .slick-item{ position: relative; height: 615px; overflow: hidden;}
.humanresources2 .img{ float: left; width: 686px; height: 100%; overflow: hidden;}
.humanresources2 .img img{ display: block; width: 100%;}
.humanresources2 .ul{ height: 100%; background-color: #fff; overflow: hidden;}
.humanresources2 .li{ position: relative; margin: 0 45px 0 50px; padding: 16px 10px; height: 120px; cursor: pointer;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.humanresources2 .li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #eaeaea;
	-webkit-transition-property: left, border;
	transition-property: left, border;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.humanresources2 .li .cont{ overflow: hidden;}
.humanresources2 .li .tit{ padding-top: 7px; overflow: hidden;}
.humanresources2 .li .tit .h20{ margin-bottom: 4px;}
.humanresources2 .li .tit .p{}
.humanresources2 .li:hover{ color: #d4af02;}
.humanresources2 .li:hover:after{ left: -62px; border-bottom: 2px solid #d4af02;}
.humanresources2 .slick-dots{ position: static; margin-top: 40px;}
.humanresources2 .slick-dot{ position: relative; margin: 0; padding: 0; width: 264px; background-color: transparent; text-align: center;}
.humanresources2 .slick-dot .symbol{ overflow: hidden;}
.humanresources2 .slick-dot .nest{ position: relative; margin: auto; width: 24px; height: 22px; background: url(../image/png21.png) left no-repeat;}
.humanresources2 .slick-dot .nest:before, .humanresources2 .slick-dot .nest:after{ content: ''; position: absolute; top: 50%; width: 999px; border-top: 1px solid #b3b3b3;}
.humanresources2 .slick-dot .nest:before{ right: 100%;}
.humanresources2 .slick-dot .nest:after{ left: 100%;}
.humanresources2 .slick-dot:first-child .nest:before,
.humanresources2 .slick-dot:last-child .nest:after{ display: none;}
.humanresources2 .slick-dot .p{ position: absolute; top: 100%; margin-top: 12px; width: 100%;}
.humanresources2 .slick-dot.slick-active{ background-color: transparent;}
.humanresources2 .slick-dot.slick-active .nest{ background-position: right;}
.humanresources2 .mCSB_container{ margin-right: 0;}
.humanresources2 .mCSB_scrollTools{ right: 30px; top: 40px; bottom: 35px;}
.humanresources2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 3px; background-color: #797979;}
.humanresources2 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #a8a8a8;}

.humanresources3{ position: relative; background: url(../image/png37.png);}
.humanresources3 .head{ position: absolute; left: 0; right: 0; top: 68px; text-align: center; color: #fff; z-index: 3;}
.humanresources3 .head .h36{ margin-bottom: 5px; font-family: Arial; text-transform: uppercase; line-height: 1;}
.humanresources3 .head .h30{}
.humanresources3 .slick-mod{}
.humanresources3 .slick-item{ height: 1060px; background: center top no-repeat;}
.humanresources3 .unit{}
.humanresources3 .unit1{ margin: 0 40px; padding-top: 170px;}
.humanresources3 .unit1 .h16{ margin-bottom: 50px; text-align: center; color: #fff;}
.humanresources3 .unit1 .ul{ overflow: hidden;}
.humanresources3 .unit1 .li{ float: left; width: 380px; height: 516px; background-color: #fff;}
.humanresources3 .unit1 .li + .li{ margin-left: 40px;}
.humanresources3 .unit1 .li.l1{ margin-top: 60px;}
.humanresources3 .unit1 .li.l2{}
.humanresources3 .unit1 .li.l3{ margin-top: 100px;}
.humanresources3 .unit1 .img{ position: relative; margin-bottom: 44px; height: 270px; overflow: hidden;}
.humanresources3 .unit1 .img img{ display: block; width: 100%;}
.humanresources3 .unit1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.humanresources3 .unit1 .cont{ padding: 0 35px;}
.humanresources3 .unit1 .h18{ margin-bottom: 13px;}
.humanresources3 .unit1 .p{ margin-bottom: 22px; line-height: 1.8571; color: #707070; text-align: justify; text-justify: inter-ideograph;}
.humanresources3 .unit1 .b{ font-size: 18px; font-weight: bold; color: #0d4e96;}
.humanresources3 .unit1 .li:hover{ box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.14);}
.humanresources3 .unit2{ position: relative; padding-top: 190px; color: #fff;}
.humanresources3 .unit2 .img{ margin: 0 auto 15px; width: 678px; height: 678px; overflow: hidden;}
.humanresources3 .unit2 .img img{ display: block; width: 100%;}
.humanresources3 .unit2 .img .i2{ display: none;}
.humanresources3 .unit2 .ul{}
.humanresources3 .unit2 .li{ position: absolute;}
.humanresources3 .unit2 .li.l1{ top: 314px; right: 50%; margin-right: 422px; text-align: right;}
.humanresources3 .unit2 .li.l1 .h14{ left: 100%; margin-left: 20px;}
.humanresources3 .unit2 .li.l1 .p{ padding-right: 20px; border-right: 1px solid;
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%);
}
.humanresources3 .unit2 .li.l2{ top: 250px; left: 50%; margin-left: 370px;}
.humanresources3 .unit2 .li.l2 .h14{ right: 100%; margin-right: 20px;}
.humanresources3 .unit2 .li.l2 .p{ padding-left: 20px; border-left: 1px solid;
	-webkit-transform: translateX(30%);
	-ms-transform: translateX(30%);
	transform: translateX(30%);
}
.humanresources3 .unit2 .li.l3{ top: 750px; left: 50%; margin-left: 408px;}
.humanresources3 .unit2 .li.l3 .h14{ right: 100%; margin-right: 20px;}
.humanresources3 .unit2 .li.l3 .p{ padding-left: 20px; border-left: 1px solid;
	-webkit-transform: translateX(30%);
	-ms-transform: translateX(30%);
	transform: translateX(30%);
}
.humanresources3 .unit2 .li.l4{ top: 758px; right: 50%; margin-right: 410px; text-align: right;}
.humanresources3 .unit2 .li.l4 .h14{ left: 100%; margin-left: 20px;}
.humanresources3 .unit2 .li.l4 .p{ padding-right: 20px; border-right: 1px solid;
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%);
}
.humanresources3 .unit2 .li .h14{ position: absolute; top: 0; font-size: 18px; font-weight: bold; white-space: nowrap; cursor: pointer;}
.humanresources3 .unit2 .li .p{ font-size: 12px; opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.humanresources3 .unit2 .li:hover .p{ opacity: 1; visibility: visible;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.humanresources3 .unit2 .tip{ font-size: 12px; line-height: 1.333; text-align: center;}
.humanresources3 .unit3{ padding-top: 415px; text-align: center;}
.humanresources3 .unit3 .ul{ display: inline-block; margin-bottom: 54px;}
.humanresources3 .unit3 .li{ position: relative; float: left; padding: 56px 0; width: 245px;}
.humanresources3 .unit3 .li .ico{ margin: auto; width: 146px; height: 120px; background: url(../image/png31.png) no-repeat; overflow: hidden;}
.humanresources3 .unit3 .li .ico img{ width: 100%;}
.humanresources3 .unit3 .li .ico .i1{ display: block;}
.humanresources3 .unit3 .li .ico .i2{ display: none;}
.humanresources3 .unit3 .li .h18{ position: absolute; left: 0; right: 0; bottom: 0;}
.humanresources3 .unit3 .tip{ margin: 0 80px; font-size: 18px; line-height: 2;}
.humanresources3 .unit3 .li.cur .ico .i1{ display: none;}
.humanresources3 .unit3 .li:hover .ico .i1{ display: none;}
.humanresources3 .unit3 .li.cur .ico .i2{ display: block;}
.humanresources3 .unit3 .li:hover .ico .i2{ display: block;}
.humanresources3 .unit3 .tab-cont{}
.humanresources3 .unit3 .tab-item{ display: none;}
.humanresources3 .unit3 .tab-item.act{ display: block;}
.humanresources3 .unit4{ margin: 0 50px; padding-top: 200px;}
.humanresources3 .unit4 .ul1{ margin: 0 15px 40px;}
.humanresources3 .unit4 .ul1 .li{ height: 500px; overflow: hidden;}
.humanresources3 .unit4 .ul1 .li img{ display: block; width: 100%;}
.humanresources3 .unit4 .ul2{ padding: 0 55px;}
.humanresources3 .unit4 .ul2 .li{ position: relative; border: 1px solid transparent; cursor: pointer;}
.humanresources3 .unit4 .ul2 .li:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5);}
.humanresources3 .unit4 .ul2 .li img{ display: block; width: 100%;}
.humanresources3 .unit4 .ul2 .slick-slide{ margin: 0 10px;}
.humanresources3 .unit4 .slick-arrow:before{ color: #fdb813;}
.humanresources3 .unit4 .slick-prev:before{ content: '\e73c';}
.humanresources3 .unit4 .slick-next:before{ content: '\e73d';}
.humanresources3 .unit4 .ul2 .cur,
.humanresources3 .unit4 .ul2 .slick-current .li{ border-color: #fdb813;}
.humanresources3 .unit4 .ul2 .cur:after,
.humanresources3 .unit4 .ul2 .slick-current .li:after{ opacity: 0;}

.humanresources3 .slick-dots{ bottom: 70px; color: #fff;}
.humanresources3 .black .slick-dots{ color: #333;}
.humanresources3 .slick-dot{ position: relative; margin: 0; padding: 0; width: 264px; background-color: transparent; text-align: center;}
.humanresources3 .slick-dot .symbol{ overflow: hidden;}
.humanresources3 .slick-dot .nest{ position: relative; margin: auto; width: 24px; height: 22px; background: url(../image/png21.png) left no-repeat;}
.humanresources3 .slick-dot .nest:before, .humanresources3 .slick-dot .nest:after{ content: ''; position: absolute; top: 50%; width: 999px; border-top: 1px solid #b3b3b3;}
.humanresources3 .slick-dot .nest:before{ right: 100%;}
.humanresources3 .slick-dot .nest:after{ left: 100%;}
.humanresources3 .slick-dot:first-child .nest:before,
.humanresources3 .slick-dot:last-child .nest:after{ display: none;}
.humanresources3 .slick-dot .p{ position: absolute; top: 100%; margin-top: 12px; width: 100%;}
.humanresources3 .slick-dot.slick-active{ background-color: transparent;}
.humanresources3 .slick-dot.slick-active .nest{ background-position: right;}

.humanresources4{ padding-top: 96px; height: 1345px; background: url(../image/s5db938b9bf883.jpg) center bottom no-repeat;}
.humanresources4 .head{ text-align: center;}
.humanresources4 .head .h36{ margin-bottom: 4px; font-family: Arial; text-transform: uppercase; line-height: 1;}
.humanresources4 .head .h30{ margin-bottom: 15px;}
.humanresources4 .box{ position: relative; margin: 32px 35px 154px;}
.humanresources4 .slick-mod{}
.humanresources4 .slick-item{}
.humanresources4 .slick-paging{ position: absolute; right: 0; bottom: 0; width: 370px; height: 110px; color: #fff;}
.humanresources4 .slick-paging .h16{ height: 1.625;}
.humanresources4 .slick-arrow{}
.humanresources4 .slick-arrow:before{ font-size: 20px;}
.humanresources4 .slick-prev{}
.humanresources4 .slick-prev:before{ content: '\e73c';}
.humanresources4 .slick-next{}
.humanresources4 .slick-next:before{ content: '\e73d';}
.humanresources4 .ul{ position: relative; height: 580px; background-color: #0d4e96; color: #fff;}
.humanresources4 .li{ position: absolute; overflow: hidden;}
.humanresources4 .li img{ display: block; width: 100%;}
.humanresources4 .li.l1{ left: 0; top: 0; width: 560px; height: 100%;}
.humanresources4 .li.l2{ left: 560px; top: 0; width: 300px; height: 390px;}
.humanresources4 .li.l3{ left: 560px; bottom: 0; width: 300px; height: 190px;}
.humanresources4 .li.l4{ right: 0; top: 0; width: 370px; height: 290px;}
.humanresources4 .li.l5{ right: 0; top: 290px; width: 370px; height: 180px;}
.humanresources4 .li.l6{ right: 0; bottom: 0; width: 370px; height: 110px;}
.humanresources4 .li .h16{ padding: 29px 80px;}
.humanresources4 .cont{ position: absolute; left: 0; right: 0; bottom: 0; padding: 50px;}
.humanresources4 .cont .h18{}
.humanresources4 .cont .h24{ margin-bottom: 7px; font-family: avian; text-transform: uppercase;}
.humanresources4 .cont .p{}
.humanresources4 .links{ margin-top: 37px; text-align: center;}
.humanresources4 .link{ display: inline-block; margin: 0 8px; padding: 12px; width: 170px; border: 1px solid #aa7f09; font-size: 18px; vertical-align: top;}
.humanresources4 .link:hover{ background: url(../image/png3.png); color: #fff;}

.dbcolumn{ padding: 80px 0 100px;}
.dbcolumn .side{ float: left; margin-right: 40px; width: 300px;}
.dbcolumn .side-item{}
.dbcolumn .side-item + .side-item{ margin-top: 1px;}
.dbcolumn .side-item .tit{ position: relative; padding: 18px 30px; background-color: #fff; cursor: pointer;}
.dbcolumn .side-item .tit:after{ content: '\e72b'; position: absolute; top: 50%; right: 30px; font-size: 1.5em; color: #dedede;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.dbcolumn .side-item .tit .h16{}
.dbcolumn .side-item .ul{ padding: 18px 30px; display: none;}
.dbcolumn .side-item .li{}
.dbcolumn .side-item .li + .li{ margin-top: 11px;}
.dbcolumn .side-item .l2{ cursor: pointer;}
.dbcolumn .side-item .l3{ padding: 5px 0 12px; color: #999999; display: none;}
.dbcolumn .side-item .l3 .p{ }
.dbcolumn .side-item .l3 .p + .p{ margin-top: 5px;}
.dbcolumn .side-item .cur .l2{ color: #ac810b;}
.dbcolumn .side-item .cur .l3{ display: block;}
.dbcolumn .side-item .li a:hover{ color: #d4af02;}
.dbcolumn .main{ overflow: hidden;}
.dbcolumn .main-head{ margin-bottom: 26px;}
.dbcolumn .main-head:after{ content: ''; display: table; clear: both;}
.dbcolumn .main-head .h34{ float: left; line-height: 1;}
.dbcolumn .main-head .tab{ float: left; margin-left: 20px; padding-top: 3px;}
.dbcolumn .main-head .link{ position: relative; display: inline-block; margin: 0 20px; padding: 2px 0; border-bottom: 1px solid transparent; font-size: 16px;}
.dbcolumn .main-head .link:after{ content: ''; position: absolute; top: 100%; width: 0; left: 0; right: 0; margin: auto; border: 5px solid transparent; border-top: 7px solid transparent;}
.dbcolumn .main-head .cur{ border-color: #a9862f; color: #d4af02;}
.dbcolumn .main-head .cur:after{ border-top-color: #a9862f;}
.dbcolumn .main-body{}
.dbcolumn .side-item.cur .tit{ background: url(../image/png3.png); color: #fff;}
.dbcolumn .side-item.cur .tit:after{ content: '\e72a'; color: #fff;}
.dbcolumn .side-item.cur .ul{ display: block;}
.dbcolumn .page-mod{ color: #707070;}

.relatedtransactions{ padding: 22px 0 60px; background-color: #fff;}
.relatedtransactions .t_table{ margin-bottom: 15px; padding: 0 40px; font-size: 16px;}
.relatedtransactions .t_table table{ table-layout: fixed;}
.relatedtransactions .t_table tr + tr{ border-top: 1px solid #dedfe0;}
.relatedtransactions .t_table td{ padding: 20px 0;}
.relatedtransactions .t_table td:nth-child(2){ width: 200px; text-align: center;}
.relatedtransactions .t_table td:nth-child(3){ width: 60px;}
.relatedtransactions .t_table .link{ display: block; overflow: hidden;}
.relatedtransactions .t_table .link:before{ bottom: 0; margin: auto;}

.essentialinformation{ padding-bottom: 50px;}
.essentialinformation .table{}
.essentialinformation .table-head{ padding: 14px 30px; background: url(../image/png7.png);}
.essentialinformation .table-head .h24{ color: #fff;}
.essentialinformation .table-head .ico{ margin-right: 8px; width: 22px; height: 22px;}
.essentialinformation .table-cont{ padding: 30px; background-color: #fff;}
.essentialinformation .table-row{ display: table-row;}
.essentialinformation .table-row + .table-row{ margin-top: 10px;}
.essentialinformation .xlabel,
.essentialinformation .xdetail{ display: table-cell; padding: 5px 0;}
.essentialinformation .xdetail .yel:hover{color:#d4af02;}
.essentialinformation .xlabel{ white-space: nowrap; text-align: right;}
.essentialinformation .tip{ padding: 5px 0;}
.essentialinformation .down{}
.essentialinformation .down:after{ content: ''; display: inline-block; margin-left: 10px; width: 14px; height: 14px; background: url(../image/png33.png) no-repeat; vertical-align: middle;}

.annualinformation{}

.specialinformation{}
.specialinformation .list{}
.specialinformation .list-item{ background-color: #fff;}
.specialinformation .list-item + .list-item{ margin-top: 20px;}
.specialinformation .list-item .h24{ position: relative; padding: 14px 40px; background: url(../image/png7.png); color: #fff;}
.specialinformation .list-item .tab{ position: absolute; left: 200px; top: 50%; font-size: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.specialinformation .list-item .tab .link + .link{ margin-left: 20px;}
.specialinformation .list-item .tab .link{ position: relative; display: inline-block; padding: 2px 0; border-bottom: 1px solid transparent; font-size: 16px; opacity: 0.7;}
.specialinformation .list-item .tab .link:after{ content: ''; position: absolute; top: 100%; width: 0; left: 0; right: 0; margin: auto; border: 5px solid transparent; border-top: 7px solid transparent;}
.specialinformation .list-item .tab .cur{ border-color: #fff; color: #fff; opacity: 1;}
.specialinformation .list-item .tab .cur:after{ border-top-color: #fff;}
.specialinformation .list-item .more{ position: absolute; right: 40px; top: 50%; font-size: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.specialinformation .list-item .more:before{ content: '\e73d';
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.specialinformation .list-item .ico{ margin-right: 5px; width: 27px; height: 27px; vertical-align: middle;}
.specialinformation .t_table{ padding: 10px 25px 35px;}
.specialinformation .t_table tr + tr{ border-top: 1px dashed #dedfe0;}
.specialinformation .t_table td{ padding: 20px 15px;}
.specialinformation .t_table td:nth-child(2){ width: 200px;}
.specialinformation .t_table td:nth-child(3){ width: 70px;}
.specialinformation .t_table .link:before{ margin-top: 6px;}
.specialinformation .t_table .date{ font-size: 16px; white-space: nowrap;}
.specialinformation .t_table .url{ display: block; margin-left: 15px; margin-top: 12px; font-family: Arial; color: #474747;}
.specialinformation .t_table .url:hover{ color: #d4af02;}

/* ****************************************************** */
	
/* 详情页 */
.article{ padding: 90px 0 70px; font-size: 16px;}
.article-title{ margin-bottom: 50px; text-align: center;}
.article-title .h30{ margin-bottom: 30px;}
.article-title .info{}
.article-title .info .s{ font-family: Arial;}
.article-cont{ margin-bottom: 30px;}
.article-cont p{ line-height: 2;}
.article-cont p + p{ margin-top: 0.5em;}
.article-cont .p{ text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.article-cont .p:first-child{ text-indent: 0;}
.article-cont .p + .p{ margin-top: 30px;}
.article-cont .img{ margin: 62px 0 52px;}
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding: 25px 0; border-top: 1px solid #e3e3e2; line-height: 26px;}
.article-prev, .article-next{ position: relative; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-prev{ float: left;}
.article-next{ float: right; text-align: right;}
.article-paging a:hover{ color: #d4af02;}
.article .share-mod{ padding: 30px 0;}
.article .share-item{ font-size: 30px; color: #d4af02;}
.article .share-item + .share-item{ margin-left: 8px;}

/* 搜索结果页 */
.result{ padding: 60px 0;}
.result .key{ color: #d4af02;}
.result .h24{}
.result .h24 span{ margin-left: 30px; font-size: 18px; color: #707070; }
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding: 30px 0; border-bottom: 1px solid #d1d1d1; }  
.result .list .h18{ margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result .list .p{ color: #707070; text-align: justify; text-justify: inter-ideograph;}
.result .list a:hover{ color: #d4af02;}

/*	网站地图	*/
.sitemap{ padding: 60px 0;}
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px;}
.sitemap dd{ margin-top: 20px; padding-left: 4em;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ color: #d4af02;}


/* ************************** 效果类 **************************** */

/*	图片缩放	*/
.scaleimg{ overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: scale(1);
	transform: scale(1);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}

/*	左进右出划过效果	*/
.liro{ position: relative; overflow: hidden;}
.liro:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;

	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);

	-webkit-transition: transform .5s;
	transition: transform .5s;
}

/*	pc 端	*/
@media screen and (min-width: 1021px){
	
	/*	仅在 pc 端触发的效果类	*/
	
	.scaleimg:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.liro:hover:before{
		-webkit-transform-origin: left center;
		transform-origin: left center;

		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	
}

/*	pc 端 1024 - 1280	*/
@media screen and (min-width: 1021px) and (max-width: 1320px){
	
	.home1 .slick-dot{ width: 165px;}
	
	.home2 .head,
	.home2 .slick-item .cont{ margin-right: 210px;}
	.home2 .tab-bar{ margin-right: -220px;}
	.home2 .slick-paging{ margin-right: 370px;}
	
	.home3 .img img{ width: auto; height: 100%;}
	.home3 .unit{ width: 200px;}
	
	.home4 .fly{ margin-right: -160px;}
	
	.contactus1 .cont{ margin-left: 50px; width: 420px;}
	
	.newscentres1 .slick-item .img{ float: none;}
	.newscentres1 .slick-item .cont{ padding-left: 75px; padding-top: 50px;}
	
	.newscentres1 .list-item .cont{ padding-top: 10px;}
	
	.businessarea1 .cont,
	.businessarea3 .cont{ width: 980px;}
	
	.businessarea2 .cont{ margin-left: 0;}
	.businessarea2 .img{ margin-left: 40px;}
	
	.businessarea4 .img{ margin-left: 0; width: 490px; height: auto;}
	.businessarea4 .cont{ margin-right: 0; padding-top: 100px;}
	
	.socialresponsibility1{ padding-top: 200px;}
	.socialresponsibility1 .cont{ margin: 0; padding: 30px;}
	
	.socialresponsibility2 .cont{ margin-left: 0; padding-left: 0; width: 330px;}
	.socialresponsibility2 .cont .h60{ font-size: 50px;}
	.socialresponsibility2 .img .i1,
	.socialresponsibility2 .img .i2{ margin-left: 10px;}
	
	.socialresponsibility3 .cont{ width: 980px;}
	
	.socialresponsibility4 .head{ margin-left: 0;}
	.socialresponsibility4 .ul{ margin: 0;}
	.socialresponsibility4 .li{ width: 320px;}
	.socialresponsibility4 .li + .li{ margin-left: 10px;}
	.socialresponsibility4 .li .img{ height: auto;}
	
	.socialresponsibility5 .ul{ margin: 0; padding-top: 30px; height: 479px; background-clip: border-box;}
	.socialresponsibility5 .li{ margin-left: 50%; padding-left: 20px; padding-right: 20px;}
	.socialresponsibility5 .li:first-child{ margin-top: 0;}
	.socialresponsibility5 .li .img{ width: 50%; height: auto;}
	
	.socialresponsibility6 .head{ top: 45px;}
	.socialresponsibility6 .slick-mod{ margin: 0;}
	.socialresponsibility6 .slick-item .img{ height: auto;}

	.specialinformation1 .list-item{ width: 485px; height: 430px;}
	.specialinformation1 .list-item:nth-child(even){ margin-left: 10px;}
	
	.aboutus1 .img{ right: 0;}
	.aboutus1 .cont{ margin-left: 0; width: 600px;}
	
	.aboutus3 .img{ width: 100%; height: 440px;}
	
	.aboutus4{ height: auto; background-size: cover;}
	.aboutus4 .tab-mod{ width: 100%;}
	.aboutus4 .scroll-item{ margin: 0 7px;}
	
	.aboutus5 .scroll-tab{ margin-right: 385px;}
	.aboutus5 .tab-cont{ margin-left: -360px;}
	.aboutus5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: -100px;}
	
	.humanresources1 .unit1 .li{ margin: 0 8px;}
	.humanresources1 .unit2{ padding-left: 100px;}
	.humanresources1 .unit2 .li{ float: left; margin: 0 0 20px; width: 50%;}
	.humanresources1 .unit2 .li + .li{ margin-left: 0;}
	.humanresources1 .unit2 .h18,
	.humanresources1 .unit2 .num{ float: none; display: inline-block;}
	.humanresources1 .unit4 .li{ margin: 0 25px;}
	
	.humanresources2{ padding: 80px 0; height: auto; background: url(../image/img63.jpg);}
	.humanresources2 .slick-mod{ margin: 0;}
	.humanresources2 .slick-item{ height: auto;}
	.humanresources2 .img{ float: none; width: 100%; height: auto;}
	.humanresources2 .ul{ margin-left: 0; max-height: 240px;}
	
	.humanresources3 .slick-mod{ margin: 0;}
	.humanresources3 .unit1{ margin: 0;}
	.humanresources3 .unit1 .li{ width: 320px;}
	.humanresources3 .unit1 .li + .li{ margin-left: 10px;}
	.humanresources3 .unit1 .img{ height: 227px;}
	
	.humanresources4 .box{ margin-left: 0; margin-right: 0;}
	.humanresources4 .ul{ height: 462px;}
	.humanresources4 .li.l1{ width: 447px;}
	.humanresources4 .li.l2{ left: 447px; width: 240px; height: 310px;}
	.humanresources4 .li.l3{ left: 447px; width: 240px; height: 152px;}
	.humanresources4 .li.l4{ width: 295px; height: 231px;}
	.humanresources4 .li.l5{ top: 231px; width: 295px; height: 144px;}
	.humanresources4 .li.l6{ width: 295px; height: 88px;}
	.humanresources4 .li .h16{ padding: 20px 50px;}
	.humanresources4 .slick-paging{ padding: 20px 50px; width: 294px; height: 89px;}
	
	.smallpencil2{ background-position: center bottom;}
	.smallpencil2 .list{ width: 100%; min-height: 2180px;
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		
		-webkit-transform: scale(0.58);
		-ms-transform: scale(0.58);
		transform: scale(0.58);
	}
	.smallpencil2 .list .p{ white-space: nowrap;}
}

.notfound{
    background-color: #fff;

}
 .notfound .cont{
   text-align: center;
     padding:60px 0;
 }
.notfound .notfound-img{
    display: inline-block;
    width: 300px;
    height:460px ;
    overflow: hidden;
 }
.notfound .notfound-img img{
    width: 100%;
    height: auto;
}

@media screen and (min-width: 1021px) and (max-width: 1440px){
 .notfound .cont{ padding: 100px 0;}
	
}

/*	pc 端 1280 以上	*/
@media screen and (min-width: 1280px){

	
	
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 1020px){
	
/*	返回顶部	*/
	.gotop .s{ font-size: 0.2rem;}
	
/*	百度地图	*/
	.bdmap{ height: 6rem;}
	.bdmap-list{}
	.bdmap-list-item{}
	.bdmap-list-item.cur{}
	.bdmap-sync{}
	.bdmap-sync-item{}
	.bdmap-sync-item.act{}
	.bdmap-info-item{ width: 3rem;}

/*	弹窗	*/
	.pop-video .pop-dialog{ width: 7rem;}
	.pop-mod .pop-close{ top: auto; bottom: 100%; right: 0; margin-bottom: 0.2rem; width: 0.6rem; height: 0.6rem;}
	
	.pop-alert .pop-dialog{ padding: 0.3rem; width: 7rem;}
	.pop-alert .pop-scroll{ max-height: 6rem;}
	.pop-alert .mCSB_outside + .mCSB_scrollTools{ right: -0.2rem;}

/*	视频	*/
	.video-box{ height: 6rem;}
	.video-box .vjs-big-play-button:before{ width: 0.94rem; font-size: 0.6rem;}
	
/* ****************************************************** */

	.home1 .slick-dots{ bottom: 0.5rem;}
	.home1 .slick-dot{ width: auto;}
	.home1 .slick-dot .symbol{ padding: 0 0.2rem;}
	.home1 .slick-dot .nest{ width: 0.24rem; height: 0.22rem; background-size: 0.5rem;}
	.home1 .slick-dot .p{ display: none;}

	.home2{ margin-bottom: 0.5rem; padding: 0 0.25rem; height: auto;}
	.home2 .head{ position: static; margin-right: 0; padding: 0.5rem 0; width: 100%;}
	.home2 .head .h36{ font-size: 0.4rem;}
	.home2 .head .h60{ margin-bottom: 0.05rem; font-size: 0.5rem;}
	.home2 .head .h24{ margin-bottom: 0.1rem;}
	.home2 .head .p{ font-size: 0.24rem;}
	.home2 .tab-bar{ position: static; margin-right: 0; width: 100%; text-align: center;}
	.home2 .tab-term{ position: relative; display: inline-block; margin-bottom: 0.2rem; width: 1.35rem; height: 1.22rem; background-size: 2.8rem; vertical-align: top;}
	.home2 .tab-term.t1,
	.home2 .tab-term.t2,
	.home2 .tab-term.t3,
	.home2 .tab-term.t4,
	.home2 .tab-term.t5,
	.home2 .tab-term.t6,
	.home2 .tab-term.t7{ left: 0; top: 0;}
	.home2 .tab-term.t8{ right: auto; left: 0; top: 0;}
	.home2 .tab-term .icon{ width: 0.5rem; height: 0.54rem;}
	.home2 .tab-term .p{ margin-top: 0; font-size: 0.24rem;}
	.home2 .slick-mod{ margin-bottom: 0.2rem;}
	.home2 .slick-item{ padding: 0.5rem 0;}
	.home2 .slick-item .bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: auto; background-size: cover;}
	.home2 .slick-item .cont{ position: relative; top: 0; right: 0; margin-right: 0; margin-left: 0.2rem; width: 50%;}
	.home2 .slick-item .cont .h20{ margin-bottom: 0.1rem;}
	.home2 .slick-paging{ position: relative; right: auto; top: 0; margin: auto; padding: 0 0.5rem; width: 2.5rem;}
	.home2 .slick-paging .num{ font-size: 0.28rem;}
	.home2 .slick-arrow:before{ font-size: 0.3rem;}

	.home3{ height: auto; background: none;}
	.home3 .head{ position: static; margin-bottom: 0.3rem; padding: 0.3rem; height: auto;}
	.home3 .head .fl{ float: none; margin-left: 0; margin-bottom: 0.2rem; padding-top: 0; padding-left: 0; width: auto; height: auto;}
	.home3 .head .h20{ margin-bottom: 0;}
	.home3 .head .p{ padding: 0; height: auto;}
	.home3 .li{ float: none; margin-top: 0; width: 100%; height: auto;}
	.home3 .li + .li{ margin-top: 0.2rem;}
	.home3 .img{ height: auto;}
	.home3 .play{ margin: auto; width: 0.5rem; height: auto;}
	.home3 .cont{ padding: 0.5rem; height: auto; background-color: #343434; color: #fff;}
	.home3 .cont .unit{ position: static;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	.home3 .unit{ width: 5rem;}
	.home3 .img .h30{ margin-top: 0.1rem;}
	.home3 .img .p{ font-size: 0.24rem;}
	.home3 .unit .h24{ margin-bottom: 0.1rem;}
	.home3 .li.l2 .img{ height: auto;}
	.home3 .li.l3{ width: 100%;}
	.home3 .li.l3 .cont{ position: static; width: 100%; background-color: #343434;}
	.home3 .li.l3 .cont:after{ display: none;}

	.home4{ padding: 0.5rem 0;}
	.home4 .fly{ display: none;}
	.home4 .head{ position: static; margin-bottom: 0.3rem; margin-right: 0; width: 100%;}
	.home4 .head .h36{ font-size: 0.4rem;}
	.home4 .head .h60{ margin-bottom: 0.1rem; font-size: 0.5rem;}
	.home4 .head .h24{ margin-bottom: 0.1rem;}
	.home4 .head .p{ font-size: 0.24rem;}

	.home4 .ul{ position: static; width: 100%; height: auto; background-image: none; overflow: hidden;}
	.home4 .li{ position: relative; left: 0; float: left; width: 1.60rem; height: 1.4rem;}
	.home4 .li .h18{ padding: 0 0.2rem;}
	.home4 .li.l1{ margin-left: 0; top: 0;}
	.home4 .li.l2,
	.home4 .li.l3,
	.home4 .li.l4{ margin-left: 0.15rem; top: 0;}

	.home5{ padding: 1rem 0; height: auto;}
	.home5:before{ display: none;}
	.home5 .bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-right: 0; height: auto;}
	.home5 .head{ margin-bottom: 0.3rem;}
	.home5 .head .h36{ margin-bottom: 0.2rem; font-size: 0.4rem;}
	.home5 .head .p{ font-size: 0.24rem;}
	.home5 .list{ position: static;}
	.home5 .table,
	.home5 .cell{ display: block;}
	.home5 .cell + .cell{ margin-top: 0.2rem;}
	.home5 .cell:first-child + .cell .unit{ margin: 0;}
	.home5 .cell .unit{ padding: 0.5rem; height: auto;}
	.home5 .cell .h18{ margin-bottom: 0.2rem; height: auto;}
	.home5 .cell .more{ display: none;}

	.t_table .link{ padding-left: 0.2rem; white-space: normal;}
	.t_table .link:before{ width: 0.1rem; height: 0.1rem;}
	.t_table .date .s{ font-size: 0.32rem;}
	.t_table .down{ width: 0.4rem; height: 0.4rem; background-size: 200%;}
	
	.contactus1{ height: auto;}
	.contactus1 .box{ float: none; width: 100%;}
	.contactus1 .cont{ margin: 0; padding: 0.5rem 0.25rem; width: 100%;}
	.contactus1 .cont .h30{ margin-bottom: 0.2rem;}
	.contactus1 .cont .li{ padding-left: 0.35rem; font-size: 0.28rem;}
	.contactus1 .cont .li + .li{ margin-top: 0.15rem;}
	.contactus1 .cont .ico{ width: 0.25rem; height: 0.25rem;}

	.annualinformation1{ padding: 1rem 0;}
	.annualinformation1 .h34{ margin-bottom: 0.2rem;}
	.annualinformation1 .t_table{ margin-bottom: 0.5rem; padding: 0.2rem; font-size: 0.28rem;}
	.annualinformation1 .t_table td{ padding: 0.2rem; height: 0.8rem;}
	.annualinformation1 .t_table td:nth-child(2){ display: none;}
	.annualinformation1 .t_table td:nth-child(3){ width: auto;}
	.annualinformation1 .t_table .link:before{ margin-top: 0.15rem;}
	.annualinformation1 .tab{ margin-bottom: 0.5rem;}
	.annualinformation1 .tab .link{ margin: 0 0.1rem; padding: 0.2rem 0.5rem; width: auto; font-size: 0.3rem;}

	.essentialinformation1{ padding: 1rem 0;}
	.essentialinformation1 .h34{ margin-bottom: 0.2rem;}
	.essentialinformation1 .table-head{ padding: 0.2rem 0.5rem;}
	.essentialinformation1 .table-head .ico{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem;}
	.essentialinformation1 .table-cont{ padding: 0.3rem;}
	.essentialinformation1 .ul{ padding: 0;}
	.essentialinformation1 .ul:first-child{ float: none;}
	.essentialinformation1 .li{ display: block; overflow: hidden;}
	.essentialinformation1 .li + .li{ margin-top: 0.2rem;}
	.essentialinformation1 .tb1 .ul:first-child,
	.essentialinformation1 .tb2 .ul:first-child,
	.essentialinformation1 .tb3 .ul{ width: 100%;}
	.essentialinformation1 .xlabel,
	.essentialinformation1 .xdetail{ display: block; float: left; padding: 0; white-space: normal;}
	.essentialinformation1 .xdetail{ word-break: break-all;}
	.essentialinformation1 .tip{ padding: 0;}

	.newscentres1{ padding: 1rem 0;}
	.newscentres1 .head{ margin-bottom: 0.3rem;}
	.newscentres1 .tab{ margin-bottom: 0.5rem;}
	.newscentres1 .tab .link{ margin: 0 0.1rem; padding: 0.2rem 0.5rem; width: auto; font-size: 0.3rem;}
	.newscentres1 .view{ margin-bottom: 0.5rem; padding-bottom: 0; background: url(../image/png3.png);}
	.newscentres1 .view:before{ display: none;}
	.newscentres1 .slick-item .img{ float: none; width: 100%; height: auto;}
	.newscentres1 .slick-item .cont{ padding: 0.5rem;}
	.newscentres1 .slick-item .h24{ margin-bottom: 0.2rem;}
	.newscentres1 .slick-item .p{ margin-bottom: 0.2rem;}
	.newscentres1 .slick-item .date,
	.newscentres1 .slick-item .date .s{ font-size: 0.3rem;}
	.newscentres1 .slick-paging{ right: 0.5rem; bottom: 0.5rem; padding: 0 0.5rem;}
	.newscentres1 .slick-paging .num{ font-size: 0.3rem;}
	.newscentres1 .slick-arrow:before{ font-size: 0.3rem;}
	.newscentres1 .list{ margin-bottom: 0.5rem; padding: 0;}
	.newscentres1 .list-item{ padding: 0.3rem; height: auto;}
	.newscentres1 .list-item .img{ float: none; margin-right: 0; width: 100%;}
	.newscentres1 .list-item .cont{ padding: 0.3rem 0;}
	.newscentres1 .list-item .h18{ margin-bottom: 0.2rem;}
	.newscentres1 .list-item .p{ margin-bottom: 0.3rem;}
	.newscentres1 .list-item .date,
	.newscentres1 .list-item .date .s{ font-size: 0.3rem;}
	.newscentres1 .list-item .more{ display: none;}

	.businessarea1{ height: auto; background-size: cover;}
	.businessarea1 .cont{ position: static; margin-top: 0; padding: 1rem 0.5rem; width: 100%;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	.businessarea1 .cont .h30{ margin-bottom: 0.2rem;}
	.businessarea1 .cont .more{ margin-top: 0.5rem; width: 1rem; height: 0.6rem; font-size: 0.4rem;}

	.businessarea2{ padding: 1rem 0;}
	.businessarea2 .cont{ margin-left: 0; padding: 0.5rem; width: 100%;}
	.businessarea2 .cont .h60{ margin-bottom: 0.2rem; font-size: 0.6rem;}
	.businessarea2 .cont .h24{ margin-bottom: 0.2rem;}
	.businessarea2 .cont .p{ margin-bottom: 0.3rem; margin-right: 0;}
	.businessarea2 .cont .more{ width: 1rem; height: 0.6rem; font-size: 0.4rem;}
	.businessarea2 .img{ position: static; margin-left: 0; width: 100%; height: auto;}

	.businessarea3{ margin-bottom: 0.5rem; height: auto; background-size: cover;}
	.businessarea3 .cont{ position: static; padding: 1rem 0.5rem; width: 100%;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	.businessarea3 .cont .h30{ margin-bottom: 0.2rem;}
	.businessarea3 .cont .p + .p{ margin-top: 0.2rem;}
	.businessarea3 .cont .more{ margin-top: 0.3rem; width: 1rem; height: 0.6rem; font-size: 0.4rem;}

	.businessarea4{ background-size: cover;}
	.businessarea4 .img{ float: none; margin-left: 0; width: 100%; height: auto;}
	.businessarea4 .img:before, .businessarea4 .img:after{ display: none;}
	.businessarea4 .cont{ float: none; margin-left: 0; padding: 0.5rem; width: 100%;}
	.businessarea4 .cont .h60{ margin-bottom: 0.2rem; font-size: 0.5rem;}
	.businessarea4 .cont .h24{ margin-bottom: 0.2rem;}
	.businessarea4 .cont .p{ margin-bottom: 0.3rem;}
	.businessarea4 .cont .more{ width: 1rem; height: 0.6rem; font-size: 0.4rem;}

	.socialresponsibility1{ padding: 1rem 0; height: auto; background-size: cover;}
	.socialresponsibility1 .cont{ margin: 0; padding: 0.5rem;}
	.socialresponsibility1 .cont .h30{ margin-bottom: 0.2rem;}
	.socialresponsibility1 .cont .p + .p{ margin-top: 0.2rem;}

	.socialresponsibility2{ padding: 1rem 0; height: auto; background: none;}
	.socialresponsibility2 .cont{ float: none; margin-left: 0; padding: 0.5rem; width: 100%;}
	.socialresponsibility2 .cont .h60{ margin-bottom: 0.2rem; font-size: 0.5rem;}
	.socialresponsibility2 .cont .h18{ margin-bottom: 0.1rem;}
	.socialresponsibility2 .cont .p{ margin-bottom: 0.3rem;}
	.socialresponsibility2 .cont .more{ width: 1rem; height: 0.6rem; font-size: 0.4rem;}
	.socialresponsibility2 .img{}
	.socialresponsibility2 .img.i1,
	.socialresponsibility2 .img.i2{ margin-left: 0; width: 3.4rem; height: auto;}
	.socialresponsibility2 .img.i2{ margin-left: 0.2rem;}

	.socialresponsibility3 .head{ top: 1rem;}
	.socialresponsibility3 .slick-item{ padding-top: 0; height: 7rem;}
	.socialresponsibility3 .slick-dots{ bottom: 0.3rem;}
	.socialresponsibility3 .slick-dot{ width: auto;}
	.socialresponsibility3 .slick-dot .symbol{ padding: 0 0.2rem;}
	.socialresponsibility3 .slick-dot .nest{ width: 0.24rem; height: 0.22rem; background-size: 0.5rem;}
	.socialresponsibility3 .slick-dot .p{ display: none;}
	.socialresponsibility3 .cont{ padding: 2.5rem 0.5rem 1.5rem; width: 100%;}
	.socialresponsibility3 .cont .h30{ margin-bottom: 0.2rem;}
	.socialresponsibility3 .cont .p{ margin-bottom: 0.2rem;}
	.socialresponsibility3 .cont .more{ width: 1rem; height: 0.6rem; font-size: 0.4rem;}

	.socialresponsibility4{ padding: 1rem 0;}
	.socialresponsibility4 .head{ margin-left: 0; margin-bottom: 0.2rem; padding-top: 0;}
	.socialresponsibility4 .head .h60{ margin-bottom: 0.2rem; font-size: 0.5rem;}
	.socialresponsibility4 .head .h24{ margin-bottom: 0.3rem;}
	.socialresponsibility4 .head .more{ width: 1rem; height: 0.6rem; font-size: 0.4rem;}
	.socialresponsibility4 .ul{ margin: 0; height: auto;}
	.socialresponsibility4 .li{ float: none; width: 100%;}
	.socialresponsibility4 .li + .li{ margin-left: 0;}
	.socialresponsibility4 .li .img{ height: auto;}
	.socialresponsibility4 .li .cont{ padding: 0.5rem;}
	.socialresponsibility4 .li .cont .h20{ margin-bottom: 0.2rem;}
	.socialresponsibility4 .li.l2,
	.socialresponsibility4 .li.l3{ margin-top: 0.2rem;}

	.socialresponsibility5{ padding-top: 1rem; height: auto; background: none;}
	.socialresponsibility5 .head{ margin-bottom: 0.3rem;}
	.socialresponsibility5 .ul{ margin: 0; padding-top: 0; height: auto; background-color: transparent;}
	.socialresponsibility5 .li{ margin-left: 0; padding-right: 0; background-color: #fff;}
	.socialresponsibility5 .li:first-child{ margin-top: 0;}
	.socialresponsibility5 .li + .li{ margin-top: 0.2rem;}
	.socialresponsibility5 .li .img{ position: static; margin-bottom: 0.3rem; width: 100%; height: auto; display: block;}
	.socialresponsibility5 .li .unit{ padding: 0 0.3rem 0.3rem; display: block;}
	.socialresponsibility5 .li .h20{ margin: 0 0.3rem 0.1rem;}
	.socialresponsibility5 .li .p{ margin-bottom: 0.1rem;}
	.socialresponsibility5 .li .date{ font-size: 0.3rem;}

	.socialresponsibility6{ padding: 1rem 0; background: none; color: #333;}
	.socialresponsibility6 .head{ position: static; margin-bottom: 0.3rem;}
	.socialresponsibility6 .slick-mod{ margin: 0;}
	.socialresponsibility6 .slick-item .img{ height: auto;}
	.socialresponsibility6 .slick-item .cont{ position: static; padding: 0.3rem;}
	.socialresponsibility6 .slick-item .cont .h18{ margin-bottom: 0.1rem;}
	.socialresponsibility6 .slick-arrow{ top: 1.64rem;}
	.socialresponsibility6 .slick-arrow:before{ font-size: 0.5rem;}
	.socialresponsibility6 .slick-prev{ left: 0;}
	.socialresponsibility6 .slick-next{ right: 0;}
	
	body.min .x-container{ z-index: 2;}
	
	.smallpencil2{ padding: 1rem 0.25rem 4rem; background-size: cover;}
	.smallpencil2 .list{ width: 100%; min-height: 1px; background: none;}
	.smallpencil2 .list .dl{ margin-bottom: 0.3rem;}
	.smallpencil2 .list .dt{ position: static; margin: 0 !important; font-size: 0.5rem;}
	.smallpencil2 .list .dd{ padding: 0.2rem 0;}
	.smallpencil2 .list .p{ position: static; margin: 0 !important;}
	.smallpencil2 .list .dot{ position: static;}
	.smallpencil2 .list .dot:after{ display: none;}
	.smallpencil2 .pop-box{ position: fixed; top: 50%; left: 0.25rem !important; right: 0.25rem !important; margin: 0 !important; width: 7rem; height: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.smallpencil2 .pop-box .year{ display: none;}
	.smallpencil2 .pop-box .cont{ padding: 0.5rem 0;}
	.smallpencil2 .pop-box .h18{ margin-bottom: 0.2rem;}
	.smallpencil2 .pop-box .slick-mod{ padding: 0 0.5rem;}
	.smallpencil2 .pop-box .slick-slide{ margin: 0 0.1rem;}
	.smallpencil2 .pop-box .slick-item{ width: auto; height: auto;}
	.smallpencil2 .pop-box .slick-arrow:before{ font-size: 0.5rem;}
	.smallpencil2 .pop-box .slick-prev{ left: 0;}
	.smallpencil2 .pop-box .slick-next{ right: 0;}

	.specialinformation1{ padding: 1rem 0;}
	.specialinformation1 .h34{ margin-bottom: 0.2rem;}
	.specialinformation1 .list-item{ float: none; margin-bottom: 0.3rem; width: 100%; height: auto;}
	.specialinformation1 .list-item.short{ height: auto;}
	.specialinformation1 .list-item:nth-child(even){ margin-left: 0;}
	.specialinformation1 .list-item .h24{ padding: 0.2rem 0.5rem;}
	.specialinformation1 .list-item .more{ right: 0.4rem; font-size: 0.3rem;}
	.specialinformation1 .list-item:nth-child(even) .h24{ padding: 0.2rem 0.5rem;}
	.specialinformation1 .list-item .ico{ margin-right: 0.1rem; width: 0.27rem; height: 0.27rem;}
	.specialinformation1 .t_table{ padding: 0.2rem;}
	.specialinformation1 .t_table td{ padding: 0.2rem; word-break: break-all;}
	.specialinformation1 .t_table .link:before{ margin-top: 0.15rem;}
	.specialinformation1 .t_table .date{ font-size: 0.28rem;}
	.specialinformation1 .t_table .url{ margin-left: 0.2rem; margin-top: 0.2rem;}

	.aboutus1{ padding: 1rem 0; height: auto; background-size: cover;}
	.aboutus1:before{ display: none;}
	.aboutus1 .img{ position: static; margin-bottom: 0.2rem; width: 100%; height: auto;}
	.aboutus1 .cont{ margin-left: 0; padding-top: 0; width: 100%;}
	.aboutus1 .cont .h60,
	.aboutus1 .cont .h24{ margin-bottom: 0.2rem;}
	.aboutus1 .cont .p + .p{ margin-top: 0.2rem;}
	.aboutus1 .cont .more{ margin-top: 0.3rem; width: 1rem; height: 0.6rem; font-size: 0.4rem;}

	.aboutus2{ padding: 1rem 0; height: auto; background-size: cover;}
	.aboutus2 .cont{ position: static; margin-left: 0; padding: 0.5rem; width: 100%;}
	.aboutus2 .cont:after{ display: none;}
	.aboutus2 .cont .h60,
	.aboutus2 .cont .h24{ margin-bottom: 0.2rem;}
	.aboutus2 .cont .p + .p{ margin-top: 0.2rem;}

	.aboutus3{ padding: 1rem 0;}
	.aboutus3 .head,
	.aboutus3 .head .h30{ margin-bottom: 0.2rem;}
	.aboutus3 .img{ width: 100%; height: 3.37rem;}

	.aboutus4{ padding: 1rem 0; height: auto; background-size: cover;}
	.aboutus4 .head{ margin-bottom: 0.2rem;}
	.aboutus4 .tab-mod{ width: 100%;}
	.aboutus4 .tab-item{ padding-bottom: 0;}
	.aboutus4 .scroll-tab{ margin-bottom: 0.2rem; padding: 0 0.5rem;}
	.aboutus4 .scroll-item{ margin: 0 0.1rem; width: 1rem; font-size: 0.3rem; line-height: 0.9rem;}
	.aboutus4 .scroll-prev, .aboutus4 .scroll-next{ position: absolute; top: 0; bottom: 0; height: 100%; font-size: 25px; cursor: pointer; z-index: 1;}
	.aboutus4 .scroll-prev{ left: 0;}
	.aboutus4 .scroll-next{ right: 0;}
	.aboutus4 .scroll-item.cur{ background-size: contain; font-size: 0.35rem;}
	.aboutus4 .slick-paging{ float: none; margin-top: 0; margin-right: 0; width: 100%; height: 0.5rem; background: none;}
	.aboutus4 .slick-paging .num{ display: none;}
	.aboutus4 .slick-paging .b{ font-size: 0.3rem;}
	.aboutus4 .slick-arr{ left: auto; right: 0; top: 0; bottom: auto; width: 1rem;}
	.aboutus4 .slick-arr .slick-arrow:before{ font-size: 0.28rem;}
	.aboutus4 .slick-item{ padding-top: 0.2rem;}
	.aboutus4 .slick-item .date{ float: none; margin-right: 0; padding: 0; font-size: 0.3rem;}
	.aboutus4 .slick-item .p{ padding: 0.3rem 0; opacity: 1;}

	.aboutus5{ padding: 1rem 0; background-size: cover;}
	.aboutus5 .head{ margin-bottom: 0.2rem;}
	.aboutus5 .tab-mod{ position: relative; margin: 0 0.25rem; height: auto;}
	.aboutus5 .scroll-tab{ position: relative; right: 0; bottom: 0; margin-right: 0; padding: 0.2rem 0.5rem;}
	.aboutus5 .scroll-box{ position: relative; height: 100%; overflow: hidden;}
	.aboutus5 .scroll-track{ display: table; white-space: nowrap;}
	.aboutus5 .scroll-item{ display: inline-block; margin: 0 0.1rem; width: 1rem; font-size: 0.3rem; line-height: 0.9rem; vertical-align: middle;}
	.aboutus5 .scroll-prev, .aboutus5 .scroll-next{ position: absolute; top: 0; bottom: 0; width: auto; height: 100%; font-size: 25px; cursor: pointer; z-index: 1;}
	.aboutus5 .scroll-prev{ left: 0; right: auto;}
	.aboutus5 .scroll-prev:before{ content: '\e734';}
	.aboutus5 .scroll-next{ right: 0; left: auto;}
	.aboutus5 .scroll-next:before{ content: '\e735';}
	.aboutus5 .scroll-item.cur{ background-size: contain; font-size: 0.35rem;}
	.aboutus5 .tab-cont{ position: relative; left: 0; margin-left: 0;}
	.aboutus5 .ul{ padding-bottom: 0.5rem;}
	.aboutus5 .li{ margin: 0 0.1rem; width: 3.62rem; height: 7rem;}
	.aboutus5 .li .img{ height: auto;}
	.aboutus5 .li .img + .p{ margin-top: 0.2rem;}
	.aboutus5 .li .p + .img{ height: auto;}
	.aboutus5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; right: 0;}
	
	.humanresources1{}
	.humanresources1 .head{ top: 1rem;}
	.humanresources1 .unit{ margin: 0; background-size: cover;}
	.humanresources1 .unit1{ padding-top: 0.3rem; font-size: 0;}
	.humanresources1 .unit1 .li{ margin: 0 0 0.3rem; padding: 0 0.1rem; width: 33%; height: auto;}
	.humanresources1 .unit1 .shape{ height: auto; background: none;}
	.humanresources1 .unit1 .h16{ position: static; margin-bottom: 0.2rem; padding: 0; line-height: 1.2; color: #fff;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.humanresources1 .unit1 .p{ position: static; font-size: 0.26rem; line-height: 1.5;}
	.humanresources1 .unit1 .p br{ display: none;}
	.humanresources1 .unit1 .li:nth-child(odd) .shape{ margin-top: 0;}
	.humanresources1 .unit1 .li:nth-child(even) .shape{  margin-top: 0;}
	.humanresources1 .unit2{ padding-top: 3rem;}
	.humanresources1 .unit2 .li{ display: block; margin: 0.2rem 0.5rem;}
	.humanresources1 .unit2 .num{ float: none; display: inline-block; padding-right: 0.3rem; font-size: 0.6rem; vertical-align: middle;}
	.humanresources1 .unit2 .num:before{ top: 0; bottom: 0; margin: auto; width: 0.2rem; height: 0.2rem; background-size: contain;}
	.humanresources1 .unit2 .h18{ float: none; display: inline-block; margin-left: 0.1rem;}
	.humanresources1 .unit2 .h18 br{ display: none;}
	.humanresources1 .unit3{ padding: 3rem 0 0;}
	.humanresources1 .unit3 .li{ float: none; margin-bottom: 0.2rem; padding: 0; width: 100%;}
	.humanresources1 .unit3 .ico{ display: none;}
	.humanresources1 .unit3 .s{ position: static;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.humanresources1 .unit4{ padding-top: 3rem;}
	.humanresources1 .unit4 .li{ margin: 0; padding: 0.1rem; width: 100%; color: #fff;}
	.humanresources1 .unit4 .li:before,
	.humanresources1 .unit4 .li:after{ display: none;}
	.humanresources1 .unit4 .p{ margin: 0.5rem 0 0;}

	.humanresources1 .slick-item{ height: 12rem;}
	.humanresources1 .slick-dots{ bottom: 0.5rem;}
	.humanresources1 .slick-dot{ width: auto;}
	.humanresources1 .slick-dot .symbol{ padding: 0 0.2rem;}
	.humanresources1 .slick-dot .nest{ width: 0.24rem; height: 0.22rem; background-size: 0.5rem;}
	.humanresources1 .slick-dot .p{ display: none;}
	
	.humanresources2{ padding: 1rem 0; height: auto; background: url(../image/img63.jpg);}
	.humanresources2 .head{ margin-bottom: 0.3rem;}
	.humanresources2 .slick-mod{ margin: 0;}
	.humanresources2 .slick-item{ height: auto;}
	.humanresources2 .img{ float: none; width: 100%; height: auto;}
	.humanresources2 .ul{ max-height: 3.9rem;}
	.humanresources2 .li{ margin: 0 0.5rem 0 0; padding: 0.3rem; height: auto;}
	.humanresources2 .li .tit{ padding-top: 0;}
	.humanresources2 .slick-dots{ bottom: 0.5rem;}
	.humanresources2 .slick-dot{ width: auto;}
	.humanresources2 .slick-dot .symbol{ padding: 0 0.2rem;}
	.humanresources2 .slick-dot .nest{ width: 0.24rem; height: 0.22rem; background-size: 0.5rem;}
	.humanresources2 .slick-dot .p{ display: none;}
	.humanresources2 .mCSB_container{ min-height: 3.86rem;}
	.humanresources2 .mCSB_scrollTools{ right: 0.2rem; top: 0.3rem; bottom: 0.3rem;}

	.humanresources3{ padding-bottom: 1rem;}
	.humanresources3 .head{ top: 1rem;}
	.humanresources3 .head .h30{ margin-bottom: 0.2rem;}
	.humanresources3 .slick-mod{ margin: 0;}
	.humanresources3 .slick-item{ height: auto; background-size: cover;}
	.humanresources3 .unit1{ margin: 0; padding-top: 3rem;}
	.humanresources3 .unit1 .h16{ margin-bottom: 0.5rem;}
	.humanresources3 .unit1 .li{ float: none; width: 100%; height: auto;}
	.humanresources3 .unit1 .li + .li{ margin-left: 0; margin-top: 0.2rem;}
	.humanresources3 .unit1 .li.l1{ margin-top: 0;}
	.humanresources3 .unit1 .li.l3{ margin-top: 0.2rem;}
	.humanresources3 .unit1 .img{ margin-bottom: 0; height: auto; display: none;}
	.humanresources3 .unit1 .cont{ padding: 0.5rem;}
	.humanresources3 .unit1 .h18{ margin-bottom: 0.2rem;}
	.humanresources3 .unit1 .p{ margin-bottom: 0.2rem;}
	.humanresources3 .unit1 .b{ font-size: 0.3rem;}
	.humanresources3 .unit2{ padding-top: 3rem;}
	.humanresources3 .unit2 .img{ margin-bottom: 0.5rem; width: 100%; height: auto;}
	.humanresources3 .unit2 .img .i1{ display: none;}
	.humanresources3 .unit2 .img .i2{ display: block;}
	.humanresources3 .unit2 .ul{ margin: 0.5rem; display: none;}
	.humanresources3 .unit2 .li{ position: static;}
	.humanresources3 .unit2 .li + .li{ margin-top: 0.3rem;}
	.humanresources3 .unit2 .li.l1{ margin-right: 0; text-align: left;}
	.humanresources3 .unit2 .li.l1 .h14{ margin-left: 0;}
	.humanresources3 .unit2 .li.l1 .p{ padding: 0; border: 0 none;}
	.humanresources3 .unit2 .li.l2{ margin-left: 0;}
	.humanresources3 .unit2 .li.l2 .h14{ margin-right: 0;}
	.humanresources3 .unit2 .li.l2 .p{ padding: 0; border: 0 none;}
	.humanresources3 .unit2 .li.l3{ margin-left: 0;}
	.humanresources3 .unit2 .li.l3 .h14{ margin-right: 0;}
	.humanresources3 .unit2 .li.l3 .p{ padding: 0; border: 0 none;}
	.humanresources3 .unit2 .li.l4{ margin-right: 0; text-align: left;}
	.humanresources3 .unit2 .li.l4 .h14{ margin-left: 0;}
	.humanresources3 .unit2 .li.l4 .p{ padding: 0; border: 0 none;}
	.humanresources3 .unit2 .li .h14{ position: static; margin-bottom: 0.1rem;}
	.humanresources3 .unit2 .li .p{ font-size: 0.24rem; line-height: 1.5;}
	.humanresources3 .unit2 .tip{ margin: 0.5rem; font-size: 0.24rem; line-height: 1.5;}
	.humanresources3 .unit3{ padding: 3rem 0 1rem; color: #fff;}
	.humanresources3 .unit3 .ul{ margin-bottom: 0.5rem;}
	.humanresources3 .unit3 .li{ margin-bottom: 0.4rem; padding: 0; width: 50%;}
	.humanresources3 .unit3 .li .ico{ width: 1.46rem; height: 1.2rem; background-size: contain;}
	.humanresources3 .unit3 .li .h18{ position: static;}
	.humanresources3 .unit3 .tip{ margin: 0 0.3rem; font-size: 0.28rem; line-height: 1.5;}
	.humanresources3 .unit4{ margin: 0; padding: 3rem 0 1rem;}
	.humanresources3 .unit4 .ul1{ margin: 0;}
	.humanresources3 .unit4 .ul1 .li{ height: auto;}
	.humanresources3 .unit4 .ul2{ display: none;}
	
	.humanresources3 .slick-dots{ position: static; margin-top: 0.5rem;}
	.humanresources3 .slick-dot{ width: auto;}
	.humanresources3 .slick-dot .symbol{ padding: 0 0.2rem;}
	.humanresources3 .slick-dot .nest{ width: 0.24rem; height: 0.22rem; background-size: 0.5rem;}
	.humanresources3 .slick-dot .p{ display: none;}

	.humanresources4{ padding: 1rem 0 3.5rem; height: auto;}
	.humanresources4 .box{ margin: 0.5rem 0;}
	.humanresources4 .slick-paging{ position: relative; width: 100%; height: auto; padding: 0.5rem; text-align: center;}
	.humanresources4 .slick-arrow:before{ font-size: 0.5rem;}
	.humanresources4 .slick-prev{ left: 0;}
	.humanresources4 .slick-next{ right: 0;}
	.humanresources4 .ul{ height: auto;}
	.humanresources4 .li{ position: static;}
	.humanresources4 .li.l1{ width: 100%; height: auto;}
	.humanresources4 .li.l2{ width: 100%; height: auto;}
	.humanresources4 .li.l3{ width: 100%; height: auto;}
	.humanresources4 .li.l4{ width: 100%; height: auto;}
	.humanresources4 .li.l5{ width: 100%; height: auto;}
	.humanresources4 .li.l6{ width: 100%; height: auto;}
	.humanresources4 .li .h16{ padding: 0.5rem;}
	.humanresources4 .cont{ position: static; padding: 0.5rem;}
	.humanresources4 .links{ margin-top: 0.5rem;}
	.humanresources4 .link{ margin: 0 0.1rem; padding: 0.2rem 0.5rem; width: auto; font-size: 0.3rem;}
	
	
	.dbcolumn{ padding: 1rem 0;}
	.dbcolumn .side{ float: none; margin-right: 0; margin-bottom: 0.5rem; width: 100%;}
	.dbcolumn .side-item .tit,
	.dbcolumn .side-item .ul{ padding: 0.2rem 0.3rem;}
	.dbcolumn .side-item .tit:after{ right: 0.4rem;}
	.dbcolumn .side-item .li + .li{ margin-top: 0.1rem;}
	.dbcolumn .side-item .l3 .p + .p{ margin-top: 0.1rem;}
	.dbcolumn .main-head{ margin-bottom: 0.3rem;}
	.dbcolumn .main-head .tab{ margin-left: 0.2rem; padding-top: 0;}
	.dbcolumn .main-head .link{ margin: 0 0.1rem; padding: 0; font-size: 0.28rem;}

	.relatedtransactions{ padding: 0.5rem 0;}
	.relatedtransactions .t_table{ margin-bottom: 0.2rem; padding: 0 0.3rem; font-size: 0.28rem;}
	.relatedtransactions .t_table table{ table-layout: fixed;}
	.relatedtransactions .t_table tr + tr{ border-top: 1px solid #dedfe0;}
	.relatedtransactions .t_table td{ padding: 0.2rem 0;}
	.relatedtransactions .t_table td:nth-child(2){ width: 2rem;}
	.relatedtransactions .t_table td:nth-child(3){ width: 0.5rem;}

	.essentialinformation{ padding: 0;}
	.essentialinformation .table-head{ padding: 0.2rem 0.5rem;}
	.essentialinformation .table-head .ico{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem;}
	.essentialinformation .table-cont{ padding: 0.3rem;}
	.essentialinformation .table-row{ display: block; overflow: hidden;}
	.essentialinformation .table-row + .table-row{ margin-top: 0.2rem;}
	.essentialinformation .xlabel,
	.essentialinformation .xdetail{ display: block; float: left; padding: 0; white-space: normal;}
	.essentialinformation .xlabel{ word-break: break-all; text-align: left;}
	.essentialinformation .tip{ padding: 0;}
	.essentialinformation .down:after{ margin-left: 0.1rem; width: 0.24rem; height: 0.24rem; background-size: contain;}
	
	.specialinformation .list-item + .list-item{ margin-top: 0.2rem;}
	.specialinformation .list-item .h24{ padding: 0.2rem 0.5rem;}
	.specialinformation .list-item .tab{ left: 2.5rem; font-size: 0.24rem;}
	.specialinformation .list-item .tab .link{ font-size: 0.24rem;}
	.specialinformation .list-item .tab .link + .link{ margin-left: 0.2rem;}
	.specialinformation .list-item .more{ right: 0.4rem; font-size: 0.3rem;}
	.specialinformation .list-item .ico{ margin-right: 0.1rem; width: 0.27rem; height: 0.27rem;}
	.specialinformation .t_table{ padding: 0.2rem;}
	.specialinformation .t_table td{ padding: 0.2rem; word-break: break-all;}
	.specialinformation .t_table td:nth-child(2){ width: 1.8rem;}
	.specialinformation .t_table td:nth-child(3){ width: 0.5rem;}
	.specialinformation .t_table .link:before{ margin-top: 0.15rem;}
	.specialinformation .t_table .date{ font-size: 0.28rem;}
	.specialinformation .t_table .url{ margin-left: 0.2rem; margin-top: 0.2rem;}

/* ****************************************************** */
	
/* 移动端详情页 */
	.article{ padding: 0.8rem 0; font-size: 0.28rem;}
	.article-title{ margin-bottom: 0.4rem;}
	.article-title .h30{ margin-bottom: 0.2rem;}
	.article-cont{ margin-bottom: 0.3rem;}
	.article-cont .p + .p{ margin-top: 0.2rem;}
	.article-cont .img{ margin: 0.3rem 0;}
	.article-paging{ padding: 0.3rem 0; line-height:1.5;}
	.article-prev{ margin-bottom: 0.2rem;}
	.article-prev, .article-next{ float: none; width: 100%; text-align: left;}
	
	.article .share-mod{ padding: 0.5rem 0;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}

/* 移动端搜索结果页 */
	.result{ padding: 0.8rem 0;}
	.result .h24{}
	.result .h24 span{ margin-left: 0.3rem; font-size: 0.3rem;}
	.result .list{ margin-bottom: 0.5rem;}
	.result .list-item{ padding: 0.4rem 0;}
	.result .list .h18{ margin-bottom: 0.2rem;}

/* 移动端网站地图 */
	.sitemap{ padding: 0.4rem 0;}
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem;}
	.sitemap dd{ margin-top: 0.2rem;}
	.sitemap dd a{ margin-right: 0.2rem;}

    .notfound .cont {
        padding: 1rem 0;
        position: absolute;
        top: 50%;
        left: 0.25rem;
        right: 0.25rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    .notfound .notfound-img {
        width: 2.6rem;
        height: auto;
    }
}

/*2024-5-29lyj*/
.smallpencil2 .list{
	min-height: 2755px;
}
.smallpencil2 .list .d10 .p1{
	top: 2245px;
	left: 50%;
	margin-left: -338px;
}
.smallpencil2 .list .d10 .p1 .dot{
	top: 30px;
	left: -68px;
}
.smallpencil2 .list .d10 .p2{
	top: 2300px;
	left: 50%;
	margin-left: -118px;
}
.smallpencil2 .list .d10 .p2 .dot{
	top: 10px;
	left: -29px;
}
.smallpencil2 .list .d11 .dt{
	top: 2211px;
	margin-left: 80px;
}

@media screen and (min-width: 1021px) and (max-width: 1320px){
	.smallpencil2 .list{
		min-height: 2350px;
	}
}
@media screen and (max-width: 1020px){
	.smallpencil2 .list{
		min-height: 1px;
	}
	.smallpencil2 .pop-box{
		top: 50% !important;
	}
}