@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}

.header{ width:1200px; height:80px; margin:0 auto; padding:10px 0}
.header img{ width:1200px; height:80px; overflow:hidden}

.nav{ width:100%; min-width:1200px; overflow:hidden; background:#02b2b5; height:50px; line-height:50px;}
.nav ul{ overflow:hidden; width:1200px; height:50px;}
.nav ul li{ float:left; width:120px; height:50px; line-height:50px; text-align:center}
.nav ul li a{ color:#fff; font-size:16px; display:block}
.nav ul li:hover a{ background:#fff;color:#02b2b5;}

.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.part1{width:100%; min-width:1200px; overflow:hidden; border-bottom:1px solid #EEEEEE; padding:22px 0}
.part1 p{ background:url(../images/icon.gif) left center no-repeat; padding-left:27px; height:40px; line-height:40px; font-size:14px; color:#666}


.part2{ padding-top:85px; width:1200px; margin:0 auto}
.contitbox{}
.contitbox .line{ width:1200px; height:44px; background:url(../images/line.png) center no-repeat; overflow:hidden}
.contitbox .tit{ width:1000px; margin:0 auto; overflow:hidden; color:#F98E0E;font-size: 28px; font-weight:bold; text-align:center}
.contitbox .tit span{ color:#02B2B5}
.contitbox .sub{ color:#666666; font-size:16px; text-align:center;}
.part2 ul{ padding-top:70px; overflow:hidden}
.part2 ul li{ float:left; width:270px; height:370px; overflow:hidden; margin-right:40px}
.part2 ul li:nth-child(4n){ margin-right:0}
.part2 ul li img{ width:270px; height:290px; overflow:hidden; display:block}
.part2 ul li .item{ width:270px; height:80px; overflow:hidden; background:#02B2B5 url(../images/jt.png) right 25px center no-repeat;}
.part2 ul li .item:hover{ background:#F98E0E url(../images/jt.png) right 25px center no-repeat; }
.part2 ul li .item .tit{color:#fff; font-size:16px; max-width:170px; padding-left:23px; padding-top:17px}
.part2 ul li .item .sub{color:#fff; font-size:12px; max-width:170px; padding-left:23px; padding-top:10px}

.linebox{width:100%; min-width:1200px; overflow:hidden; border-bottom:1px solid #EEEEEE; padding-top:95px; height:2px;}


.part3{padding-top:85px; width:1200px; margin:0 auto}
.part3L{ float:left; width:218px; margin-right:30px; overflow:hidden; border:1px solid #EEEEEE; margin-top:70px}
.part3L .titbox{ width:218px; height:45px; line-height:45px; overflow:hidden; background:#02B2B5}
.part3L .titbox p{ color:#fff;font-size: 16px; padding-left:10px}
.part3L ul{ overflow:hidden; padding:5px}
.part3L ul li{ border-bottom:1px dashed #D9D9D9;padding: 4px 0 3px;}
.part3L ul li:last-child{ border:0}
.part3L ul li a{padding: 10px 4px;color: #222;font-size: 14px;max-width: 194px;}
.part3L ul li a:hover{ color:#02B2B5}
.part3L .lxwm{ width:220px; height:70px; overflow:hidden; background:#02B2B5 url(../images/tel.png) left 15px center no-repeat; color:#fff}
.part3L .lxwm .tel1{font-size: 14px; padding-left:72px; padding-top:15px;}
.part3L .lxwm .tel2{ font-weight:bold; font-size:18px;padding-left:72px; padding-top:3px}

.part3R{ width:940px; float:right; overflow:hidden; margin-top:70px}
#tab { width:940px; height:75px; margin-top: 15px;}
#tab li {float: left; padding: 0 3px;height: 36px; cursor:pointer; padding-bottom:7px;}
#tab li a{display: block;width: 109px;height:20px;line-height:20px;text-align: center;font-size: 16px;color: #666;text-decoration: none; border-right:1px solid #9b9b9b}
#tab li:last-child a{ border:0}
#tab li.current a{ color:#02b2b5;}
#tab li.current{border-bottom:2px solid #02b2b5}
#content ul {display:none;}


#content ul{ width:940px; height:335px; overflow:hidden;}
#content ul li{ float:left; width:282px; overflow:hidden; margin-right:30px}
#content ul li:nth-child(3n){ margin-right:0}
#content ul li img{ width:280px; height:280px; border:1px #eeeeee solid; overflow:hidden}
#content ul li p{ text-align:center; font-size:16px; color:#666; height:24px; line-height:24px; padding-top:10px}


.part4{padding-top:85px; width:1200px; margin:0 auto}
.part4 .titbox{ width:100%; height:48px; line-height:48px; overflow:hidden; margin-bottom:15px}
.part4 .titbox p{ color:#02B2B5; font-size:20px; font-weight:bold}
.part4L{ padding-top:65px; float:left; width:567px; overflow:hidden}
.part4R{ padding-top:65px; float:right; width:570px; overflow:hidden}
.part4 .part4One{ width:567px; height:147px; overflow:hidden}
.part4 .part4One .p4l{ width:240px; height:130px; overflow:hidden; float:left; margin-right:10px;}
.part4 .part4One .p4r{ width:315px; float:right; overflow:hidden}
.part4 .part4One .p4r a{ display:block; float:left; max-width:210px; color:#333; font-size:16px; height:30px; line-height:30px}
.part4 .part4One .p4r a:hover{color:#02B2B5;}
.part4 .part4One .p4r span{ float:right; font-size:14px; color:#666;height:30px; line-height:30px}
.part4 .part4One .p4r .sub{ font-size:12px; color:#999; line-height:18px; height:75px; padding-top:5px}

.part4two{ width:570px; height:147px; overflow:hidden}
.part4 ul{ overflow:hidden; border-top:1px solid #e5e5e5; margin-top:20px; padding-top:10px}
.part4 ul li{ border-bottom:1px dashed #e5e5e5; height:50px; line-height:50px;padding: 3px 5px;}
.part4 ul li a{ float:left; max-width:450px; font-size:14px; color:#666}
.part4 ul li span{ float:right;font-size:14px; color:#666}
.part4 ul li a:hover{color:#02B2B5;}
.part4 ul li:last-child{ border:0}

.footer{ width:100%; min-width:1200px; margin-top:100px; background:#282828; padding:60px 0 40px 0}
.footL{ float:left; width:470px;height:170px; margin-left:50px; overflow:hidden}
.footR{ float:left; width:450px; height:160px; overflow:hidden; color:#999; font-size:14px; line-height:30px; padding-top:10px}
.footbox{ border-top:1px solid #4A4A4A; padding-top:50px; margin-top:50px;}
.footbox .con{ text-align:center; color:#999999; font-size:14px; line-height:24px}


.mainWarp{ padding-top:45px; width:1200px; margin:0 auto}
.mainWarp .mainL{float:left; width:220px; margin-right:50px; overflow:hidden; }
.mainWarp .mainL .titbox{ width:220px; height:45px; line-height:45px; overflow:hidden; background:#02B2B5}
.mainWarp .mainL .titbox p{ color:#fff;font-size: 16px; padding-left:10px}
.mainWarp .mainL ul{ overflow:hidden; padding:5px;border:1px solid #EEEEEE; margin-bottom:10px}
.mainWarp .mainL ul li{ border-bottom:1px dashed #D9D9D9;padding: 4px 0 3px;}
.mainWarp .mainL ul li:last-child{ border:0}
.mainWarp .mainL ul li a{padding: 10px 4px;color: #222;font-size: 14px;max-width: 194px;}
.mainWarp .mainL ul li a:hover{ color:#02B2B5}
.mainWarp .mainL .lxwmcon{width:218x; overflow:hidden;border:1px solid #EEEEEE;}
.mainWarp .mainL .lxwmcon .con{ font-size:14px; color:#666; line-height:30px; padding:10px}
.mainWarp .mainL .lxwm{width:220px; height:70px; overflow:hidden; background:#02B2B5 url(../images/tel.png) left 15px center no-repeat; color:#fff}
.mainWarp .mainL .lxwm .tel1{font-size: 14px; padding-left:72px; padding-top:15px;}
.mainWarp .mainL .lxwm .tel2{ font-weight:bold; font-size:18px;padding-left:72px; padding-top:3px}

.mainWarp .mainR{ width:930px; float:left; overflow:hidden}
ul.piclistul{ overflow:hidden; padding-bottom:40px}
ul.piclistul li{ float:left; width:282px; margin-right:30px}
ul.piclistul li img{ width:280px; height:280px; overflow:hidden; border:1px #eeeeee solid}
ul.piclistul li p{ text-align:center;text-align: center;font-size:14px;color: #666;height: 24px;line-height: 24px;padding:15px;}
ul.piclistul li p:hover{color:#02B2B5}
ul.piclistul li:nth-child(3n){ margin-right:0}


ul.listul{overflow:hidden; padding-bottom:40px}
ul.listul li{min-height: 23px;padding:43px 5px; border-bottom:1px dashed #e5e5e5}
ul.listul li .liL{ width:84px; height:84px; float:left; margin-right:15px; background:#F2F2F2}
ul.listul li .liL .day{ text-align:center;font-size: 25px;line-height: 25px;margin-top: 20px;font-family: arial; color:#666}
ul.listul li .liL .year{ text-align:center;font-family: arial;font-size: 14px;line-height:20px; color:#666}
ul.listul li .liR{ float:left; width:820px; float:left;}
ul.listul li .liR a{ font-size:16px; color:#333; height:24px; line-height:24px;}
ul.listul li .liR .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:14px; color:#999; padding-top:7px; line-height:22px}
ul.listul li .liR a:hover{color:#02B2B5}







.detailbox{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px}
.detailbox .xq{ padding:10px}
.detailbox .xq .tit{font-size: 25px; margin:5px 0;color: #333;}
.detailbox .xq .date{margin: 30px 0;font-size: 13px;color: #adadad; border-bottom:1px solid #f0efef; padding-bottom:30px}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:950px; margin-bottom:30px}
.detailbox .xq .con{color: #676767; font-size:14px; line-height:2em}


.aboutbox{ width:1200px; margin:0 auto; padding-top:50px;}
.aboutbox .xq{}
.aboutbox .xq .tit{color: #02b2b5; font-size:28px; font-weight:bold; text-align:center}
.aboutbox .xq .sub{ text-align:center; padding-top:15px}
.aboutbox .xq .sub span.span1{display: inline-block;width: 50px;border-top: 1px solid #808080;vertical-align: 5px;}
.aboutbox .xq .sub span.span2{font-size: 16px; color:#999;padding: 0 15px;line-height: 16px;}
.aboutbox .xq .con{ line-height:30px; font-size:14px; color:#666; padding-top:45px}



.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #02b2b5; color:#02b2b5}