@charset "utf-8";
.container{padding-top: 40px;clear: both;}
.container img{max-width: 100%;}
.page-container { position: relative; margin: 3% 0;   max-width: 1200px;}
.page-container ul li { margin: 5px 0; }
.page-container ul li .pic{width: 100%; height: auto; border-radius: 3px; overflow: hidden;}
.page-container ul li .pic img{width: 100%; height: 100%;}
/*.page-container dl { padding-left: 10%; }*/
.page-container dl dt { padding: 10px 0 5px; color: #587172; font-size: 16px; font-weight: normal; }
.page-container dl dd { color: #666666; font-size: 12px; }
.page-container ul li .pic1{width: 100%; height: auto;  overflow: hidden;}
.page-container ul li .pic1 img{width: 100%; height:200px; object-fit:cover;}
.page-container ul li dl{height: 40px;}
.page-container ul li dl.t dt{padding:10px 10%; width: 100%; text-align: center;line-height: 14px; text-overflow: ellipsis;  font-size: 14px;}
.page-container ul li dl.t dt a{overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;   word-break: break-all;   word-wrap: break-word;}
/*�����������ҳ*/
.stac01{background: url(bg01.jpg) no-repeat center top;background-size:cover;}
.stac01 .img{padding:65px 0 30px 0;}
.stac01 .dl-info{padding: 85px 0 72px 38px;}
.stac01 .dl-info dt{font-size: 24px;color: #13989d;font-size: 24px;font-weight: bold;padding-bottom: 25px;}
.stac01 .dl-info dd{line-height: 28px;font-size:14px;color: #414141;}
.stac01 .dl-info .m {margin-top: 30px;}
.stac01 .dl-info .m a{display: inline-block;padding:6px 30px;font-size: 14px;color: #13989d;border:1px solid #13989d;}

.stac02{background: #1c1c1c}
.stac02 .img{padding:34px 0 20px 72px;}
.stac02 .dl-info dt{font-size: 24px;color: #ff9600;font-size: 24px;font-weight: bold;padding-bottom: 25px;}
.stac02 .dl-info dd{color: #fff;}
.stac02 .dl-info .m a{color: #ff9600;border:1px solid #ff9600;}

.stac03{background: url(bg02.jpg) no-repeat center top;background-size:cover;}



@media only screen and (min-width: 992px){
	.page-container ul li { margin: 0; }
}

@media only screen and (max-width: 769px){
	.page-container dl { padding-left: 0; }
	.page-container dl dt { font-size: 14px; }
	.page-container dl dd { font-size: 12px; }
}

@media only screen and (max-width: 414px) {
	.page-container ul li { width: 100%; }
}
.comTit{font-size: 30px; color: #262626; line-height: 56px; border-bottom: 1px solid #d2d2d2; padding-top: 20px; margin-bottom: 30px;}
.comTit .h_more{font-size: 12px; font-weight: normal; float: right;}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.comTit{font-size: 24px; padding-left: 20px;}
	
}
/* ��ҳ */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #00A6A3; background:#00A6A3; color:#fff; }

/* contact */
.content h1{font-size: 20px; text-align: center; line-height: 90px; font-weight: normal;}

.content{width: 100%; max-width: 1200px; margin: 0 auto;}


.abox_1,.abox_2,.abox_3{width: 100%; padding-bottom: 20px;}
.abox_1_1{padding: 5%;}
.abox_1_2{padding-top: 10px;}
.abox_1_2 p,.abox_2 p{line-height: 29px; font-size: 13px; color: #4d4d4d; }
.abox_2{padding-top: 10px;}
.abox_1 img{width: 100%; height: 100%;}
@media only screen and (min-width: 0px) and (max-width: 780px) {
.abox_1_1{padding: 0 20%; width: 60%; margin: 0 auto;}	
}
.map{width: 100%;  margin: 0 auto;}
.map img{width: 100%; height: auto;}
@media only screen and (min-width: 0px) and (max-width: 750px) {
	.abox_1_2 p,.abox_2 p{line-height: 24px; font-size: 12px; color: #4d4d4d; }
	.abox_1_2 p{padding-left: 15px;}
	.abox_2 p{padding-left: 30px;}
}

/* intro */
.contentWrap{width: 100%; height: auto; background: url(ibox1_bg.jpg) center bottom no-repeat;}
.ibox_1{ padding:30px 0;}
.ibox_1 h1{width: 237px; height: 42px; line-height: 42px; text-align: center; background: #13989d; color: white; margin-bottom: 20px;}
.ibox_1 h1 i{font-size: 20px; font-family: "΢���ź�"; font-weight: bold;}
.ibox_1 h1 s{font-size: 14px; font-family: "΢���ź�";}
.more{display: block; width: 106px; height: 32px; border: 1px solid #333333; color: #333333; border-radius: 6px; line-height: 30px; text-align: center; font-size: 15px; margin: 0 auto;}
.article{padding: 0 20px 30px;}
.article p{color: #272727; line-height: 24px;}
@media only screen and (min-width: 0px) and (max-width: 750px){
	.ibox_1 h1{width: 180px; height: 32px; line-height: 32px;}
	.ibox_1 h1 i{font-size: 16px; }
.ibox_1 h1 s{font-size: 12px; }
}
.hoLeft{background: #0fa3bd; height: 100%;}
.hoRight{background: #e2edf0;height: 100%;}
.ibox_2,.honorImg{padding: 40px 10%; color: white;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.ibox_2{padding-top: 50px;}
}
@media only screen and (min-width: 1600px){
.ibox_2{padding-top: 70px;}	
}
.honorImg img{width: 100%; height: auto;}
.honor h1{font-size: 20px; line-height: 40px;}
.honor h1 i{padding-right: 10px;}
.honor p{font-size: 13px; line-height: 30px;}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.honor p{font-size: 12px; line-height: 24px;}
}
.about{width: 100%; height: auto; background: url(about.jpg) center 0 no-repeat; text-align: center; color: white; max-height: 800px; overflow: hidden;}
.about h2{font-size: 38px; line-height: 60px; padding-top: 60px;}
.aboutClass{padding-top: 30px;}
.aboutClass ul{box-sizing: border-box;}
.aboutClass ul li{border: 1px solid white; float: left; width: 12%; margin: 4%; border-radius: 50%; font-size: 24px;}
.aboutCon{text-align: center; clear: both;padding: 50px 0 160px;}
.aboutCon p{color: white; font-size: 16px; line-height: 38px; }
.bgblue{background: #f5fdfe; padding: 80px 0;}
.bgwhite{ padding: 80px 0;}
.ul1 li{margin-bottom: 20px;}
.ul1 li span{font-size: 30px; color: #0c99a0; font-family: arial; font-weight: bold;}
.ul1 li p{line-height: 26px; color: #3A3A3A; font-size: 12px;}


@media only screen and (min-width: 750px) and (max-width: 1200px) {
	.ibox_1{padding: 30px 5%;}
	.about h2{font-size: 32px;}
	.aboutClass ul li{font-size: 16px;}
	.aboutCon{text-align: center; clear: both;padding: 100px 0;}
.aboutCon p{color: white; font-size: 16px; line-height: 32px; }
.bgblue{background: #f5fdfe;padding: 60px 0;}
.bgwhite{ padding: 60px 0;}
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
	.ibox_1{padding: 30px 3%;}
	.about h2{font-size: 28px;}
	.aboutClass ul li{font-size: 12px;}
	.aboutCon{text-align: center; clear: both;padding: 80px 0;}
.aboutCon p{color: white; font-size: 14px; line-height: 32px; }
.bgblue{background: #f5fdfe; padding: 40px 0;}
.bgwhite{ padding: 40px 0;}
}

/* table */
.table{margin-top: 20px; margin-bottom: 40px;}
.table thead tr th{border-bottom:none!important ; text-align: center;}
.table tbody tr td{border-top: none!important; border-bottom: 1px solid #f3f3f3; text-align: center;}
.btn1{display: inline-block; width: 90px; height: 20px; line-height: 20px; text-align: center; background: #868686; color: white;}
.btn1:hover{background: #00A6A3; color: white;}
@media only screen and (min-width: 0px) and (max-width: 750px){
	.btn1{width: 60px; font-size: 12px;}
	.table thead tr th,.table tbody tr td{padding-left: 0!important; padding-right: 0!important;}
	
}
/* hr */
.ad_1 img{width: 100%; height: auto;}
.hrTit h3{font-size: 20px; color: #262626; line-height: 30px;}
.hrTit p{font-size: 14px; color: #777777; line-height: 28px;} 
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hrTit h3{font-size: 16px;}
	.hrTit p{font-size: 12px;}
}
.box{box-sizing: border-box;}
.txt{width: 100%; height: 36px; background: #e4e4e4; border: none; outline: none; line-height: 36px; padding: 0 10px; margin-bottom: 18px;}
.form{clear: both; padding-top: 30px; padding-bottom: 30px;}
.formCon .lab{text-align: left;}
.formCon .lab label{white-space: nowrap;}
.formCon .lab span{color: red;}
.box textarea{width: 100%; height: 84px; background: #e4e4e4; border: none; outline: none; line-height: 26px; padding: 0 10px; margin-bottom: 18px; margin-bottom: 20px;}
.btn2,.btn3{width: 126px; height: 36px; line-height: 36px; text-align: center; color: white; background: #737373; margin-right: 15px;}
.btn2:hover,.btn3:hover{background: #00A6A3;}
@media only screen and (min-width: 0px) and (max-width: 750px) {
	.txt{height: 30px; line-height: 30px;}
	.btn2,.btn3{width: 70px; height: 30px; line-height: 30px;}
}
/* news */
.newsCon1 .comTit{margin-left:-15px!important ;}

.newsContent{}
.newsContent li{margin-bottom: 20px;}
.newsContent li h3 a{font-size: 16px; color: #007876; line-height: 36px; display: block;}
.newsContent li p{font-size: 12px; color: #494949; line-height: 24px;}
.newsImg{width: 100%; margin-bottom: 30px;}
.newsImg img{width: 100%; height: auto;}
.rightCon h3{width: 100%; padding-left: 5%; height: 40px; line-height: 40px; background: #00A6A3; color: white; font-size: 14px; }
.rightCon ul li{padding: 10px 0; border-bottom: 1px solid #e3e3e3;}
.rightCon ul li a{display: block; width: 100%; line-height: 36px; color: #00A6A3; font-size: 14px;}
.rightCon ul li span{font-size: 12px; color: #727272; line-height: 30px; display: block;}

/* ����ģʽ */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* ͼ������ */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; box-sizing: initial;}
.pothoItem .item .pic img { width:100%; height:100%; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }
@media only screen and (min-width: 0px) and (max-width: 750px) {
	.pothoItem .item .pic{margin: 0 auto; float: none;}
.pothoItem .item dl{clear: both; padding-top: 20px;}	
}
/* ͷ������ */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* �����б� */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#f3f3f3; line-height:42px; font-size: 16px; color:#333; font-weight:bold; text-align:center; }
.newsTable td { padding:6px 10px; font-size:14px; border-bottom:1px solid #dcd9d4; line-height:26px; }
.newsTable td .xq{display: inline-block; padding:0 10px; color:#fff; background:#868686;}
.list { padding:0 0 40px; }
.list li { padding:7px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.gif) no-repeat 2px 13px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }


.contact-hd{ font-size:38px; color:#454545; line-height:52px; background:url(contact-hd-top.jpg) no-repeat center 28px; font-weight:100;}
.contact-hd span{ font-size:28px; line-height:28px; display:block; text-transform:uppercase;}
.contact-bcg{ width:100%; margin-top:1.5%; margin-bottom:3%;  height:3px; background:url(contact-hd-bcg.jpg) no-repeat center top;}
@media only screen and (min-width: 0px) and (max-width: 750px) {
	.contact-hd{ font-size:28px; color:#454545; line-height:42px; background:url(contact-hd-top.jpg) no-repeat center 21px; font-weight:100;}
.contact-hd span{ font-size:20px; line-height:20px; display:block; text-transform:uppercase;}
.contact-bcg{ width:100%; margin-top:1%; margin-bottom:3%;  height:3px; background:url(contact-hd-bcg.jpg) no-repeat center top;}
}