﻿@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; max-width: 100%;max-height: 100%;}
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 320px; font-family:'Arial'; max-width: 750px; margin: 0 auto; overflow-x: hidden;position: relative;}
input { outline: none; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.wrap { margin: 0 15px;  overflow: hidden;}
.clear { clear: both; }
@font-face {
  font-family: 'Cormorant-Regular';   /*字体名称*/
  src: url( '../fonts/Cormorant-Regular.otf');       /*字体源文件*/
}
/*head css*/
.head {  }
.head-t { height: 50px; line-height: 50px; text-align: center;background: #d9d9d9; }
.head-t .fl a { margin:0 6px; font-size: 14px; color: #333; }
.head-t .fl a img { vertical-align: middle; }
.head-t .fr img { vertical-align: middle; width: 26px; margin-left: 6px; }
.head-b .wrap{background: url(../images/logo-bg.png) no-repeat right top;background-size: 24%; }
.head-b { height: 50px; line-height: 50px; }
.head-b img { max-height: 40px; vertical-align: middle; }

/*nav css*/
.nav { box-sizing: border-box;padding: 0 3%; width: 100%; height: 100%; min-height: 500px;  max-width: 1000px; margin: 0 auto; position: absolute; top: 0; left: 100%; z-index: 9999; background: rgba(0,0,0,0.9); font-size: 14px; color: #fff; display: none; }
.nav .wrap { padding: 60px 0; }
.nav .close { position: absolute; right: 10px; top: 20px; }
.nav .close img { width: 25px; }
.nav ul li:first-child {  border-top: 1px solid #666; }
.nav ul li { padding-left: 10px; line-height: 28px; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #666; }
.nav ul li .topnav { overflow: hidden; }
.nav ul li a { font-size: 16px; color: #fff; float: left; max-width: 90%;word-break: break-all;}
.nav ul li span { float: right; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: 7px; padding-right: 5px;background: url(../images/add.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav ul li span.on { background: url(../images/minus.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav .subnav { padding-left: 20px; display: none; }
.nav .subnav dl { margin-top: 10px; }
.nav .subnav dd { line-height: 20px;padding: 6px 0; overflow: hidden; border-top: 1px solid #515151;}
.nav .subnav dd a { font-size: 12px; display: block; width: 100%; height: 100%; }

/*search*/
.search { display: none; padding: 5px 0; background: rgba(255,255,255,0.8); }
.search .wrap { height: 36px; line-height: 36px; padding: 5px 0; box-sizing: border-box; border: 1px solid #1174d9; background: rgba(255,255,255,0.8);}
.search .ss { width: 80%; padding-left: 5%; height: 26px; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; box-sizing: border-box; border: none; vertical-align: top; border-right: 1px solid #1174d9; }
.search .btn { width: 16%;  height: 26px; line-height: 26px; background: url(../images/search-btn-in.png) left center no-repeat; -webkit-background-size: 14px; background-size: 14px; border: none; display: inline-block; *display: inline; *zoom: 1; border: none; vertical-align: top; }
/* part1 */
.part1{background: url(../images/part1-bg.png) no-repeat top center;background-size: 100% 100%;padding-top: 30px;padding-bottom: 90px;}
.part1-t{overflow: hidden;padding-bottom: 18px;position: relative;}
.part1-t .pic{float: left;width: 100px;height: 100px; position: absolute;top: 50%;margin-top: -50px;z-index: 99;}
.part1-t .pic img{width: 100%;border-radius: 50%;display: block;}
.part1-t .tit{margin-left: 100px; float: right;}
.part1-t .tit h5{font-size: 20px;color: #fff;font-family: 'Cormorant-Regular';margin-left: 50px;}
.part1-t .tit .part1-t01{background: url(../images/part1-03.png) no-repeat center;background-size: 100% 100%;padding: 20px 20px 30px 50px;position: relative;}
.part1-t .tit .part1-t01 h4{font-size: 14px;color: #333333;word-break: break-all;line-height: 18px;height: 36px;overflow: hidden;margin-bottom: 6px;}
.part1-t .tit .part1-t01 p{font-size: 12px;color: #333;line-height: 16px;height: 48px;overflow: hidden;word-break: break-all;}
.part1-t .tit .part1-t01 a{display: block;width: 80px;height: 34px;line-height: 34px;border-top: 2px solid #cb7826; text-align: center;background-color: #ef9b49;color: #fff;font-size: 12px;position: absolute;left: 50px;bottom: -18px;}
.part1-b{margin-top: 20px;}
.part1-b ul{overflow: hidden;}
.part1-b li{float: left;width: 48%;margin-right: 4%;}
.part1-b li:nth-of-type(even){margin-right: 0;}
.part1-b li a{display: block;}
.part1-b li .pic{width: 80px;height: 80px;line-height: 80px;font-size: 0;text-align: center;  margin: 0 auto;border: 1px dashed #fff;border-radius: 50%;}
.part1-b li .pic img{vertical-align: middle;display: inline-block;}
.part1-b li p{margin-top: 6px;font-size: 14px;color: #fff;line-height: 20px;text-align: center;height: 60px;overflow: hidden;}
.title{text-align: center;margin-bottom: 20px;}
.title a{font-family: 'Cormorant-Regular';font-size: 28px;color: #333;font-weight: bold;}
.title a:after{content: ""; width: 40px;height: 5px;color: #b2b2b2; background: url(../images/title02.png) no-repeat left center;display: -webkit-inline-box;margin-left: 15px;margin-bottom: 8px;}
.title a:before{content: "";width: 40px;height: 5px;color: #b2b2b2;background: url(../images/title01.png) no-repeat right center;display: -webkit-inline-box;margin-right: 15px;margin-bottom: 8px;}
/* part2 */

/* 本例子css -------------------------------------- */
.part2-nr{ text-align:center;position: relative;margin-bottom: 40px;}
.part2-nr .bd{overflow: hidden;}
.part2-nr .bd ul{float:left;overflow: hidden;z-index: 9;}
.part2-nr .bd li{ width:48%; float:left; font-size:14px; text-align:center;margin-right: 4%;}
.part2-nr .bd li a{display: block;border: 1px solid #11b589;padding: 55px 15px 15px 15px;background: url(../images/part2-01.png) no-repeat center 20px;background-size: 40px 40px;}
.part2-nr .bd li:nth-of-type(even){margin-right: 0;}
.part2-nr .bd li+li a{border: 1px solid #004182;background: url(../images/part2-02.png) no-repeat center 20px;background-size: 40px 40px;}
.part2-nr .bd li h5{margin: 10px 0;font-size: 16px;color: #333;text-align: center;line-height: 20px;height: 60px; overflow: hidden;word-break: break-all;}
.part2-nr .bd li p{font-size: 12px;color: #808080;line-height: 16px;height: 80px;overflow: hidden;}
.part2-nr .hd{height: 10px;}
.part2-nr .hd ul{ overflow: hidden;margin: 20px auto 0 auto;vertical-align: middle;text-align: center;display: table;}	
.part2-nr .hd li{ float:left; width:10px; height:10px;margin:0 5px;background-color: #f6f6f6; overflow:hidden;border-radius: 50%;font-size: 0;}
.part2-nr .hd .on{ background:#ef9b49;}
.part2-nr .prev,.part2-nr .next{display:block;position: absolute;display: none;}
/* part3 */
.part3{background: url(../images/part3-bg.png) no-repeat bottom center;background-size: 100% 100%;padding: 40px 0;}
/* 本例子css -------------------------------------- */
.part3-nr{ position: relative;}
.part3-nr .bd{overflow: hidden;}
.part3-nr .bd ul{float:left;overflow: hidden;z-index: 9;}
.part3-nr .bd li{ width:48%; float:left; font-size:14px;margin-right: 4%;}
.part3-nr .bd li a{display: block;}
.part3-nr .bd li:nth-of-type(even){margin-right: 0;}
.part3-nr .bd li .pic{width: 100%;background-color: #dedede;text-align: center;}
.part3-nr .bd li .pic img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.part3-nr .bd li .tit{background: #fff url(../images/part3-03.png) no-repeat top center;background-size: 100% 2px;padding: 15px 15px 30px 15px;}
.part3-nr .bd li .tit h5{font-size: 16px;color: #333333;margin-bottom: 10px;}
.part3-nr .bd li .tit p{font-size: 12px;color: #808080;line-height: 20px;height: 80px;overflow: hidden;}
.part3-nr .hd{height: 10px;}
.part3-nr .hd ul{ overflow: hidden;margin: 20px auto 0 auto;vertical-align: middle;text-align: center;display: table;}	
.part3-nr .hd li{ float:left; width:10px; height:10px;margin:0 5px;background-color: #fff; overflow:hidden;border-radius: 50%;font-size: 0;}
.part3-nr .hd .on{ background:#ef9b49;}
.part3-nr .prev,.part3-nr .next{display:block;position: absolute;display: none;}

@media only screen and (max-width:450px) {
	.part3-nr .bd li .pic { height: 150px; line-height: 150px; }
}
@media only screen and (min-width:450px) and (max-width:768px) {
	.part3-nr .bd li .pic { height: 215px; line-height: 215px; }
}
@media only screen and (min-width:768px) {
	.part3-nr .bd li .pic { height: 215px; line-height: 215px; }
}
/* part4 */
.part4{padding: 40px 0;}
.part4 li{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #f7f7f7;}
.part4 li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.part4 li a{display: block;overflow: hidden;position: relative;}
.part4 li .pic{width: 140px;height: 115px;line-height: 115px; overflow: hidden;background-color: #f7f7f7;float: left;position: relative;}
.part4 li .pic img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.part4 li .tit{margin-left: 160px;}
.part4 li .tit i{font-style: normal;font-size: 12px;color: #999;display: block;margin-bottom: 10px;}
.part4 li .tit p{font-size: 16px;color: #333;line-height: 22px;height: 66px;overflow: hidden;}
/* footer */
.footer{background-color: #004182;padding: 20px 0;}
/* 本例子css -------------------------------------- */
.links{ position: relative;}
.links .bd{overflow: hidden;}
.links .bd ul{float:left;overflow: hidden;z-index: 9;}
.links .bd li{ width:48%; float:left; font-size:14px;margin-right: 4%;}
.links .bd li a{background-color: #fff;height: 40px;line-height: 40px;text-align: center; display: block;margin: 0 auto;font-size: 0;padding: 5px;}
.links .bd li:nth-of-type(even){margin-right: 0;}
.links .bd li img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.links .hd{height: 6px;}
.links .hd ul{ overflow: hidden;margin: 20px auto 0 auto;vertical-align: middle;text-align: center;display: table;}	
.links .hd li{ float:left; width:6px; height:6px;margin:0 5px;background-color: #fff; overflow:hidden;border-radius: 50%;font-size: 0;}
.links .hd .on{ background:#ef9b49;}
.links.prev,.links .next{display:block;position: absolute;display: none;}
/* 版权 */
.copyright{margin-top: 10px;}
.copyright p{font-size: 12px;color: #a3b1c7;line-height: 24px;text-align: center;}
/* list */
.list-banner{position: relative;height: 80px;line-height: 80px;overflow: hidden;}
.list-banner .pic img{display: block;width: 100%;height: 80px;}
.position{position: absolute;top: 0;left: 0;width: 100%;}
.position h5{text-align: center;font-size: 20px;color: #fff;letter-spacing: 2px;line-height: 70px;}
.list{padding: 30px 0;}
.list li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #d9d9d9;}
.list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.list li a{display: block;position: relative;overflow: hidden;}
.list li a .time{width: 56px;height: 56px;background: url(../images/list-time.png) no-repeat center;float: left;position: relative;}
.list li a .day{font-size: 20px;color: #1174d9;text-align: center;padding-top: 10px;}
.list li a .month{font-size: 12px;color: #1174d9;text-align: center;}
.list li a p{margin-left: 76px;font-size: 16px;color: #333;line-height: 24px;height: 48px;overflow: hidden;margin-top: 6px;}
.more{height: 40px;line-height: 40px;text-align: center;background-color: #ededed;display: block;margin-top: 40px;font-size: 14px;color: #333;}
/* list-people */
.list-people{padding: 30px 0;}
.list-people ul{overflow: hidden;margin-bottom: -20px;}
.list-people li{width:48%; float:left; font-size:14px;margin-right: 4%;margin-bottom: 20px;}
.list-people li:nth-of-type(even){margin-right: 0;}
.list-people li a{padding: 4px;border: 1px solid #e4e4e4;display: block;}
.list-people li .pic{width: 100%;background-color: #f5f5f5;text-align: center;margin-bottom: 4px;}
.list-people li .pic img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.list-people li p{font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;padding: 0 6px;word-break: break-all;}
@media only screen and (max-width:450px) {
	.list-people li .pic { height: 150px; line-height: 150px; }
}
@media only screen and (min-width:450px) and (max-width:768px) {
	.list-people li .pic { height: 215px; line-height: 215px; }
}
@media only screen and (min-width:768px) {
	.list-people li .pic { height: 215px; line-height: 215px; }
}
/* show */
.show{padding: 30px 0;}
.show01{margin-bottom: 20px;}
.show01 h5{font-size: 20px;color: #333;text-align: center;line-height: 30px;font-weight: normal;margin-bottom: 10px;}
.show01 p{padding: 10px;background-color: #eaeaea;text-align: center;}
.show01 p i{font-style: normal;font-size: 12px;color: #6a6a6a;line-height: 24px;padding: 0 10px;}
.show02{margin-bottom: 40px;}
.show02 p{font-size: 16px;color: #595959;line-height: 24px;}
.show02 img{max-width: 100%;display: block;margin: 0 auto;padding: 10px 0;}
.show02 h4{font-size: 16px;color: #333;margin-bottom: 10px;}
.show03{border-top: 1px solid #d9d9d9;padding-top: 20px;}
.show03 p{font-size: 16px;color: #666666;line-height: 30px;}
.show03 p a{color: #666666;}


























