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

body, td, th, div, li, dt, dd {
	font-size:12px; color:#666;
	word-wrap:break-word; word-break:normal;
}
body {
	margin:0; padding:0;
	min-width:1260px;
	background:#fff;
}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#c00; text-decoration:none;}
a:active {color:#c00; text-decoration:none;}


input, select, textarea, button {
	margin:0; padding:0;
	line-height:normal;
	outline:none;
	font-size:13px; color:#000;
}

iframe[name='IFR'] {
	width:100%; min-height:300px;
}

.hr {
	height:1px;
	border:none; border-top:1px dotted #ddd;
}

.web-main {
	display:block; margin:0 auto;
	width:1260px; height:auto;
}


.jmr-dialog {
	width:310px;
}
.jmr-dialog > * {
	min-width:280px;
	max-width:80%;
}
.jmr-dialog button.ui-dialog-close {
	/* 这个是控制右上角【叉】关闭的样式 */
}
.jmr-dialog .ui-dialog-grid {
	margin:0 auto;
}
.jmr-dialog .ui-dialog-title {
	/* 这个是控制主标题的样式 */
}
.jmr-dialog .ui-dialog-content {
	/* 这个是控制主内容的样式 */
	font-size:14px;
	line-height:1.6;
}
.jmr-dialog .ui-dialog-button * {
	font-size:14px;
}
.jmr-dialog button.ui-dialog-autofocus {
	/* 这个是控制主按钮【okValue】的样式 */
	margin-left:14px; padding:8px 20px;
}
.jmr-dialog button[i-id='cancel'] {
	/* 这个是控制取消按钮【cancelValue】的样式 */
	margin-left:14px; padding:7px 20px;
}
.jmr-dialog .ui-dialog-footer {
	/* 设置对话框按钮左中右的位置 */
	text-align:-moz-center!important; text-align:center;
	padding-left:10px; padding-right:10px;
}

.jmr-dialog .ui-dialog-body {
	/* 设置控件旁边的泡泡提示 */
	font-size:12px;
	padding:8px;
	line-height:1.6;
}


/* jmr-page */
.jmr-page {
	display:block; margin:0 auto;
	width:100%; height:auto; overflow:hidden;
	padding:20px 0;
	font-size:0;
	text-align:center;
}
.jmr-page > ul {
	display:inline-block;
	width:auto; height:auto;
	vertical-align:middle;
}
.jmr-page > ul > li {
	float:left; display:inline-block; margin-right:2px;
	width:auto; height:auto;
	font-size:14px;
	text-align:-moz-center!important; text-align:center;
}
.jmr-page > ul > li span {
	display:block;
	color:#999;
	padding:8px 12px;
	border:1px solid #ddd;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.jmr-page > ul > li a {
	display:block;
	padding:8px 12px;
	border:1px solid #ddd;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	
	transition-property:background-color, border-color, color;
	-moz-transition-property:background-color, border-color, color;
	-webkit-transition-property:background-color, border-color, color;
	-o-transition-property:background-color, border-color, color;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.jmr-page > ul > li a:hover {
	border-color:#c8daee;
	background-color:#f4f9ff;
}
.jmr-page > ul > li a.active {
	background-color:#e4e9ee;
}




/* header */
header {
	display:block;
	width:100%; height:112px;
	margin:0 auto;
	background-color:#fff;
}
header logo {
	float:left; display:inline-block;
	width:220px; height:80px; overflow:hidden;
	margin-top:14px;
	background:url(/image/logo.png) center center no-repeat;
}
header logo > a {
	display:block;
	font-size:0;
	text-indent:-999px;
}


header .ico-nav {
	display:none;
}
header nav {
	float:left; display:inline-block;
	width:auto; height:50px; line-height:normal;
	margin:32px 0 0 100px;
	font-size:0;
	white-space:nowrap;
}
header nav > li {
	position:relative;
	display:inline-block;
	width:auto; height:50px; line-height:50px;
}
header nav > li.logo {
	display:none;
}
header nav > li > a {
	display:block;
	font-size:16px;
	padding:0 18px;
}
header nav > li > a.white:link {color:#fff;}
header nav > li > a.white:visited {color:#fff;}
header nav > li > a.white:hover {color:#fff;}
header nav > li > a.white:active {color:#fff;}

header nav > li > ul {
	position:absolute; z-index:100; left:0; top:50px;
	display:none;
	width:auto; height:auto; overflow:hidden;
	background-color:#fff;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 2px 6px;
}
header nav > li > ul > li {
	display:block;
	width:auto; height:44px; line-height:44px;
	border-bottom:1px solid #f0f0f0;
}
header nav > li > ul > li:hover {
	background-color:#f9f9f9;
}
header nav > li > ul > li > a {
	display:block;
	padding:0 18px;
	font-size:15px;
}


header .tel {
	float:right; display:inline-block;
	width:338px; height:70px; overflow:hidden;
	margin:24px 0 0 0;
	text-align:center;
}
header .tel > b {
	display:block;
	font-size:22px; color:#ff9600;
}
header .tel > div {
	display:block;
	width:100%; height:17px; line-height:17px; overflow:hidden;
	margin:0 auto;
	font-size:14px; color:#ff9600;
	background:url(/image/p01.png) center center no-repeat;
}
header .tel > div > i {
	display:inline-block;
	width:17px; height:17px; overflow:hidden;
	vertical-align:middle;
	background:url(/image/p02.png) center center no-repeat;
}



/* .part-banner */
.part-banner {
	display:block;
	width:100%; height:700px; overflow:hidden;
	margin:0 auto;
}
.swiper-banner .swiper-pagination-bullet-active {
	background-color:#ff9600;
}
.swiper-banner .swiper-slide {
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.swiper-banner .swiper-slide a {
	display:block;
	width:100%; height:100%;
	text-indent:-9999px;
}



/* .part-intro */
.part-intro {
	display:block;
	width:100%; height:300px; overflow:hidden;
	margin:0 auto;
	background:url(/image/pic01.jpg) center center no-repeat; background-size:cover;
	background-attachment:fixed;
}
.part-intro .title {
	display:block;
	width:auto; height:auto;
	margin:58px auto 0 auto;
	text-align:center;
}
.part-intro .title > big {
	display:block;
	width:auto; height:46px; line-height:46px; overflow:hidden;
	margin:0 auto;
	font-size:20px; color:#fff; font-weight:bold;
}
.part-intro .title > .line {
	display:block;
	width:58px; height:2px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:rgba(255,255,255,0.5);
}
.part-intro .content {
	display:block;
	width:846px; height:auto; line-height:2.2; overflow:hidden;
	margin:20px auto 0 auto;
	font-size:14px; color:#fff;
}



/* .part-service */
.part-service {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding-bottom:50px;
}
.part-service .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-service .title > big {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	font-size:30px; color:#333; font-weight:bold;
	text-align:center;
}
.part-service .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:#1894e4;
}


.part-service .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:10px auto 0 auto;
	font-size:0;
}
.part-service .content > li {
	display:inline-block;
	width:392px; height:411px; overflow:hidden;
	margin:46px 0 0 42px;
	background-color:#f3f3f3;
}
.part-service .content > li:nth-child(3n+1) {
	margin-left:0;
}
.part-service .content > li > a {
	display:block;
}
.part-service .content > li .text {
	display:block;
	width:100%; height:117px; overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.part-service .content > li .text > u {
	display:block;
	width:100%; height:36px; line-height:36px;
	margin:25px auto 0 auto;
	font-size:20px; color:#333;
	text-decoration:none;
}
.part-service .content > li .text > small {
	display:block;
	width:100%; height:22px; line-height:22px;
	margin:0 auto;
	font-size:12px; color:#b9b9b9;
	text-transform:uppercase;
}
.part-service .content > li .text > .line {
	display:block;
	width:34px; height:1px; line-height:normal; overflow:hidden;
	margin:8px auto 0 auto;
	background-color:#333;
}
.part-service .content > li .cover {
	position:relative;
	display:block;
	width:100%; height:294px; overflow:hidden;
	margin:0 auto;
}

.part-service .content > li .cover > img {
	display:block;
	transition:all 0.3s;
}
.part-service .content > li:hover .cover > img {
	transform:scale(1.1);
}



/* .part-why */
.part-why {
	display:block;
	width:100%; height:700px; overflow:hidden;
	margin:0 auto;
	background:url(/image/pic03.jpg) center center no-repeat; background-size:cover;
	background-attachment:fixed;
}
.part-why .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-why .title > big {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	font-size:30px; color:#fff; font-weight:bold;
	text-align:center;
}
.part-why .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:rgba(255,255,255,0.4);
}


.part-why .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	box-sizing:border-box;
	margin:50px auto 0 auto; padding:0 40px;
}
.part-why .content > .list-text {
	display:block;
	width:614px; height:auto; overflow:hidden;
	margin:30px 0 0 0; padding:0;
}
.part-why .content > .list-text > number {
	float:left; display:inline-block;
	margin-right:30px;
	vertical-align:top;
	font-size:48px; color:#fff; font-family:Arial; font-style:italic;
}
.part-why .content > .list-text > strong {
	line-height:1.6;
	font-size:24px; color:#fff; font-style:italic;
}
.part-why .content > .list-text > u {
	line-height:2;
	font-size:15px; color:#fff;
	text-decoration:none;
}

.part-why .content > .pic1 {
	float:left; display:inline-block;
	width:399px; height:236px; overflow:hidden;
	margin:10px 112px 40px 0;
	background:url(/image/p03-01.png) center center no-repeat;
}
.part-why .content > .pic2 {
	float:right; display:inline-block;
	width:469px; height:177px; overflow:hidden;
	margin:90px 85px 0 0;
	background:url(/image/p03-02.png) center center no-repeat;
}



/* .part-project */
.part-project {
	display:block;
	width:100%; height:auto; min-height:360px; overflow:hidden;
	margin:0 auto; padding-bottom:20px;
	background:#fff url(/image/p04.png) center top no-repeat;
}
.part-project .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-project .title > big {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	font-size:30px; color:#333; font-weight:bold;
	text-align:center;
}
.part-project .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:#1894e4;
}


.part-project .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
	font-size:0;
}
.part-project .content > li {
	position:relative;
	display:inline-block;
	width:392px; height:294px; overflow:hidden;
	margin:0 0 40px 42px;
}
.part-project .content > li:nth-child(3n+1) {
	margin-left:0;
}
.part-project .content > li > a {
	display:block;
	width:100%; height:100%;
}
.part-project .content > li .cover {
	display:block;
	width:100%; height:100%;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.part-project .content > li .cover {
	transition:all 0.3s;
}
.part-project .content > li:hover .cover {
	transform:scale(1.1);
}
.part-project .content > li .cont {
	position:absolute; z-index:10;
	display:block;
	width:100%; height:100%; line-height:294px;
	font-size:0;
	text-align:center;
	background-color:rgba(0,0,0,0);
}
.part-project .content > li:hover .cont {
	background-color:rgba(0,0,0,0.7);
}
.part-project .content > li .cont > u {
	display:inline-block;
	width:calc(100% - 100px); height:auto; line-height:1.8;
	font-size:18px; color:rgba(255,255,255,0);
	text-decoration:none;
	vertical-align:middle;
}
.part-project .content > li:hover .cont > u {
	color:rgba(255,255,255,1);
}



/* .part-about */
.part-about {
	display:block;
	width:100%; height:560px; overflow:hidden;
	margin:0 auto;
	background:url(/image/p05.png) center center no-repeat;
}

.part-about .text-box {
	float:left; display:inline-block;
	width:480px; height:auto; overflow:hidden;
	margin:40px 0 0 0;
}
.part-about .text-box > .title {
	display:block;
}
.part-about .text-box > .title > big {
	display:block;
	height:60px; line-height:60px;
	font-size:30px; font-weight:bold; color:#333;
}
.part-about .text-box > .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0;
	background-color:#1894e4;
}
.part-about .text-box > .content {
	display:block;
	width:100%; height:auto; line-height:2;
	margin:24px 0 0 0;
	font-size:15px; color:#666;
	text-indent:2em;
}

.part-about .pic-box {
	float:right; display:inline-block;
	width:auto; height:auto;
	margin:70px 0 0 0;
}
.part-about .pic-box > img {
	display:block;
	max-width:746px; max-height:452px;
}



/* .part-news */
.part-news {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-news .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-news .title > big {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	font-size:30px; color:#333; font-weight:bold;
	text-align:center;
}
.part-news .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:#1894e4;
}


.part-news .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:60px auto 0 auto;
}
.part-news .content > .left-box {
	float:left; display:inline-block;
	width:550px; height:412px; overflow:hidden;
}

.swiper-news .swiper-slide > a {
	position:relative;
	display:block;
	width:100%; height:100%;
}
.swiper-news .swiper-slide > a > u {
	position:absolute; left:0; bottom:0;
	display:block;
	width:calc(100% - 40px); height:54px; line-height:54px; overflow:hidden;
	margin:0; padding:0 20px;
	font-size:16px; color:#fff; text-decoration:none;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}
.swiper-news .swiper-next-news {
	top:calc(50% - 13px);
	width:18px; height:26px; overflow:hidden;
	background:url(/image/btn-next.png) center center no-repeat; background-size:cover;
}
.swiper-news .swiper-prev-news {
	top:calc(50% - 13px);
	width:18px; height:26px; overflow:hidden;
	background:url(/image/btn-prev.png) center center no-repeat; background-size:cover;
}

.part-news .content > .right-box {
	float:right; display:inline-block;
	width:650px; height:auto; overflow:hidden;
}
.part-news .content > .right-box > a {
	display:block;
	width:100%; height:128px; overflow:hidden;
	margin:0 0 12px 0;
	border-bottom:1px dotted #ccc;
}
.part-news .content > .right-box > a:last-child {
	margin-bottom:0;
}
.part-news .content > .right-box > a > date {
	float:left; display:inline-block;
	width:134px; height:125px; overflow:hidden;
	box-sizing:border-box;
	padding:5px 0 0 18px;
}
.part-news .content > .right-box > a > date > u {
	display:block;
	line-height:1.4;
	font-size:30px; color:#666;
	text-decoration:none;
}
.part-news .content > .right-box > a > date > u > span {
	font-size:20px; color:#a1a1a1;
}
.part-news .content > .right-box > a > date > i {
	display:block;
	line-height:1.8;
	font-size:18px; color:#666; font-style:normal;
}
.part-news .content > .right-box > a > .text {
	float:right; display:inline-block;
	width:calc(100% - 154px); height:auto;
}
.part-news .content > .right-box > a > .text > u {
	display:block;
	width:100%; height:48px; line-height:48px; overflow:hidden;
	font-size:24px; color:#333;
	text-decoration:none;
	text-overflow:ellipsis; white-space:nowrap;
}
.part-news .content > .right-box > a:hover > .text > u {
	color:#c00;
}
.part-news .content > .right-box > a > .text > p {
	display:block;
	width:100%; height:auto; line-height:1.9;
	font-size:14px; color:#666;
	text-indent:2em;
}



/* .part-contact */
.part-contact {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-contact .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-contact .title > big {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	font-size:30px; color:#333; font-weight:bold;
	text-align:center;
}
.part-contact .title > .line {
	display:block;
	width:62px; height:3px; line-height:normal; overflow:hidden;
	margin:0 auto;
	background-color:#1894e4;
}

.part-contact .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
}
.part-contact .content > .left-box {
	float:left; display:inline-block;
	width:625px; height:auto; overflow:hidden;
}
.part-contact .content > .left-box > img {
	display:block;
	max-width:100%;
}

.part-contact .content > .right-box {
	float:right; display:inline-block;
	width:570px; height:auto; overflow:hidden;
}
.part-contact .content .info {
	display:inline-block;
	width:calc(100% - 200px); height:auto;
	vertical-align:top;
}
.part-contact .content .info > li {
	display:block;
	width:100%; height:34px; line-height:34px;
	font-size:15px; color:#666;
}
.part-contact .content .info > li > .ico {
	display:inline-block;
	width:30px; height:30px; overflow:hidden;
	vertical-align:middle;
	background-position:center center; background-repeat:no-repeat;
}
.part-contact .content .info > li > .ico-comp {background-image:url(/image/p06-01.png);}
.part-contact .content .info > li > .ico-addr {background-image:url(/image/p06-02.png);}
.part-contact .content .info > li > .ico-tel {background-image:url(/image/p06-03.png);}
.part-contact .content .info > li > .ico-mob {background-image:url(/image/p06-04.png);}
.part-contact .content .info > li > .ico-email {background-image:url(/image/p06-05.png);}

.part-contact .content .qr {
	display:inline-block;
	width:160px; height:auto; overflow:hidden;
	margin:0 0 0 30px;
	font-size:14px; color:#999;
	text-align:center;
	vertical-align:top;
}
.part-contact .content .qr > img {
	display:block;
	width:100%; height:auto;
	margin:0 auto 10px auto;
}


.part-contact .content form {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:20px auto 0 auto;
}
.part-contact .content form .row {
	display:block;
	width:474px; height:auto;
	margin:0 0 20px 0;
	font-size:0;
}
.part-contact .content form .row > .col2 {
	display:inline-block;
	width:210px; height:auto;
	margin:0 0 0 54px;
}
.part-contact .content form .row > .col2:nth-child(2n+1) {
	margin-left:0;
}
.part-contact .content form .row b {
	display:block;
	margin:0 0 10px 0;
	font-size:15px; font-weight:bold; color:#666;
}
.part-contact .content form .row .input-text {
	display:block;
	box-sizing:border-box;
	width:100%; height:44px; line-height:normal;
	font-size:15px; color:#222;
	text-indent:8px;
	border:1px solid #e3e3e3; outline:none;
	background-color:#fcfcfc;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.part-contact .content form .row .input-text-verify {
	display:inline-block;
	width:210px;
	vertical-align:middle;
}
.part-contact .content form .row .input-textarea {
	display:block;
	box-sizing:border-box;
	width:100%; height:auto; line-height:1.4;
	padding:8px;
	font-size:15px; color:#222;
	border:1px solid #e3e3e3; outline:none;
	background-color:#fcfcfc;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
#verify_box {
	display:inline-block;
	width:auto; height:44px; line-height:44px;
	margin:0; padding:0 20px;
	vertical-align:middle;
	font-size:14px;
	cursor:pointer;
}
#img_verify {
	display:inline-block;
	width:auto; height:44px;
	cursor:pointer;
	vertical-align:middle;
}
.part-contact .content form .row .btn-submit {
	display:block;
	width:315px; height:44px; line-height:normal;
	font-size:15px; font-weight:bold; color:#fff;
	background-color:#419ce2;
	cursor:pointer;
	border:none; outline:none;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}



/* footer */
footer {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto; padding:34px 0;
	background-color:#2b85ca;
}
footer .foot {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:0 0 20px 0;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
footer .foot > logo {
	float:left; display:inline-block;
	width:220px; height:80px; overflow:hidden;
	background:url(/image/logo-bottom.png) center center no-repeat;
}
footer .foot > .footmenu {
	float:right; display:inline-block;
	width:auto; height:auto;
	margin:30px 0 0 0;
	font-size:0;
	white-space:nowrap;
}
footer .foot > .footmenu > a {
	font-size:15px;
	margin:0 20px;
}
footer a:link {color:rgba(255,255,255,0.7);}
footer a:visited {color:rgba(255,255,255,0.7);}
footer a:hover {color:rgba(255,255,255,1);}
footer a:active {color:rgba(255,255,255,1);}

footer .copy {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
footer .copy > .left-box {
	float:left; display:inline-block;
	width:540px; height:auto; line-height:2;
	margin:28px 0 0 38px;
	font-size:15px; color:#abdbff;
}
footer .copy > .right-box {
	float:right; display:inline-block;
	width:630px; height:auto; line-height:2;
	margin:28px 0 0 0;
	font-size:15px; color:#abdbff;
}


footer .friendlink {
	display:block;
	width:calc(100% - 70px); height:auto; overflow:hidden;
	margin:20px auto 0 auto;
	font-size:0;
}
footer .friendlink > .line {
	display:block;
	width:36px; height:2px; line-height:normal; overflow:hidden;
	margin:0 0 4px 0;
	background-color:rgba(255,255,255,0.4);
}
footer .friendlink > .title {
	display:inline-block;
	width:110px; height:auto; line-height:1.8;
	font-size:12px; color:#97c8ee;
	vertical-align:top;
}
footer .friendlink > .content {
	display:inline-block;
	width:calc(100% - 110px); height:auto; line-height:1.8;
	font-size:0; color:#97c8ee;
	vertical-align:top;
}
footer .friendlink > .content > a, footer .friendlink > .content > span {
	display:inline-block;
	font-size:12px;
	margin-right:30px;
}


/*
==================================================================================================================
 about
==================================================================================================================
*/


/* .part-banner-about */
.part-banner-about {
	display:block;
	width:100%; height:460px; overflow:hidden;
	margin:0 auto;
	background:url(/image/banner-about.jpg) center center no-repeat;
}



/* .part-path */
.part-path {
	display:block;
	width:100%; height:60px; line-height:60px; overflow:hidden;
	margin:0 auto;
	background-color:#f9f9f9;
	border-bottom:1px solid #e0e0e0;
}
.part-path > .web-main {
	font-size:14px; color:#999;
}



/* .part-column */
.part-column {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.part-column > .web-main {
	padding:20px 0;
}
.part-column a {
	display:inline-block;
	width:auto; height:44px; line-height:44px;
	box-sizing:border-box;
	margin:2px; padding:0 30px;
	font-size:15px;
	white-space:nowrap;
	vertical-align:middle;
	border:1px solid #ddd;
	background-color:#f9f9f9;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.part-column a.active {
	border:none;
	background-color:#1894e4;
	color:#fff; font-weight:bold;
}

.part-column-pro a {
	width:24%; overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap;
}



/* .part-detail */
.part-detail {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-detail h1 {
	display:block;
	width:100%; height:auto; line-height:1.8;
	margin:0 auto; padding:10px 0;
	font-size:24px; font-weight:bold; color:#333;
	text-align:center;
}
.part-detail center {
	display:block;
	width:100%; height:auto; line-height:1.4;
	margin:0 auto; padding:10px 0;
	font-size:14px; color:#999;
}
.part-detail > .web-main {
	padding:20px 0;
	min-height:300px;
	line-height:2.2;
	font-size:16px; color:#444;
}
.part-detail > .web-main * {
	max-width:100%;
}

.part-detail > .nearby {
	min-height:inherit;
	margin:20px auto 0 auto; padding:10px 0;
	background-color:#f6f6f6;
	font-size:0;
}
.part-detail > .nearby > li {
	display:inline-block; box-sizing:border-box;
	width:50%; height:40px; line-height:40px; overflow:hidden;
	font-size:14px; color:#999;
	text-indent:20px;
}



/* .part-list-text */
.part-list-text {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-list-text .content {
	display:block;
	padding:20px 0;
}
.part-list-text .content > li {
	display:block;
	width:100%; height:auto; overflow:hidden;
	border-bottom:1px solid #ddd;
}
.part-list-text .content > li:hover {
	background-color:#f9f9f9;
}
.part-list-text .content > li > a {
	display:block; box-sizing:border-box;
	width:100%; height:auto; overflow:hidden;
	margin:0; padding:30px;
}
.part-list-text .content > li > a > .cover {
	float:left; display:inline-block;
	width:200px; height:150px; overflow:hidden;
}
.part-list-text .content > li > a > .cover > i {
	display:block;
	width:100%; height:100%;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.part-list-text .content > li > a > .cover > i {
	display:block;
	transition:all 0.3s;
}
.part-list-text .content > li:hover > a > .cover > i {
	transform:scale(1.1);
}

.part-list-text .content > li > a > date {
	float:left; display:inline-block; box-sizing:border-box;
	width:200px; height:150px; overflow:hidden;
	padding:20px 40px;
	background-color:#f6f6f6;
}
.part-list-text .content > li:hover > a > date {
	background-color:#1894e4;
}
.part-list-text .content > li:hover > a > date * {
	color:#fff;
}
.part-list-text .content > li > a > date > u {
	display:block;
	margin-top:10px; padding-bottom:15px;
	font-size:30px; color:#666; font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	border-bottom:1px solid #e0e0e0;
}
.part-list-text .content > li > a > date > u > span {
	font-size:18px; color:#999;
}
.part-list-text .content > li > a > date > i {
	display:block;
	margin-top:15px;
	font-size:18px; color:#999; font-family:"Times New Roman", Times, serif;
	font-style:normal;
}

.part-list-text .content > li > a > .text {
	float:right; display:inline-block;
	width:calc(100% - 260px); height:auto;
}
.part-list-text .content > li > a > .text > u {
	display:block;
	width:100%; height:40px; overflow:hidden;
	font-size:18px; color:#333; font-weight:bold;
	text-decoration:none;
	text-overflow:ellipsis; white-space:nowrap;
}
.part-list-text .content > li:hover > a > .text > u {
	color:#c00;
}
.part-list-text .content > li > a > .text > p {
	display:block;
	width:100%; height:auto; line-height:1.8;
	margin:0; padding:0;
	font-size:15px; color:#999;
	text-indent:2em;
}



/* .part-list-photo */
.part-list-photo {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-list-photo .content {
	display:block;
	font-size:0;
}
.part-list-photo .content > li {
	position:relative;
	display:inline-block;
	width:386px; height:289px; overflow:hidden;
	margin:20px 0 25px 51px;
	/*
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;
	*/
}
.part-list-photo .content > li:nth-child(3n+1) {
	margin-left:0;
}
.part-list-photo .content > li > a {
	display:block;
	width:100%; height:100%;
}
.part-list-photo .content > li .cover {
	display:block;
	width:100%; height:100%;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.part-list-photo .content > li u {
	position:absolute; left:0; bottom:0;
	display:block; box-sizing:border-box;
	width:100%; height:50px; line-height:50px; overflow:hidden;
	padding:0 20px;
	font-size:15px; color:#fff;
	text-align:center; text-decoration:none;
	text-overflow:ellipsis; white-space:nowrap;
	background-color:rgba(0,0,0,0.7);
}

.part-list-photo .content > li .cover {
	display:block;
	transition:all 0.3s;
}
.part-list-photo .content > li:hover .cover {
	transform:scale(1.1);
}