﻿@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: 12px; background:#f0f0f0}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}

.top{ height:26px; background:#e4e4e4; width:100%; min-width:1200px; overflow:hidden}
.top p{ line-height:26px;}

.logo{ width:100%; min-width:1200px; background:#fff; margin:0 auto; overflow:hidden}

.nav{ width:100%; min-width:1200px; height:46px; line-height:46px; background:url(../images/nav_bg.jpg) repeat-x}
.nav ul{ overflow:hidden; padding:0 10px}
.nav ul li{ float:left;width:129px;text-align: center;line-height: 46px;height: 46px;overflow: hidden;font-size: 14px;}
.nav ul li a{ color:#fff}
.nav ul li:hover{ background:url(../images/nav_hover.png) no-repeat}

.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}


.sseabox{width: 100%;min-width:1200px;overflow: hidden;background: #FFFFFF url(../images/seabg.jpg) repeat-x bottom;padding-top: 5px;height: 46px;margin-bottom: 30px;}
.sseabox strong{font-weight: bold; padding-top:5px; padding-left:10px; float:left; display:block}
.sseabox .con{ float:left; width:900px; overflow:hidden; height:18px; padding-top:5px}
.sseabox .con a{ color:#666666; padding:0 10px}
.sseabox .con a:hover{ text-decoration:underline}


.part1{ width:1200px; margin:0 auto;}
.part1L{float:left;width:279px;border: 8px solid #0066cc;border-bottom: 20px solid #0066cc;border-top: 0px;background-color: #FFF;margin-right: 14px;padding-bottom: 27px; height:1085px; overflow:hidden}
.part1L .titbox{height: 101px;background: url(../images/titbg.jpg) repeat-x;color: #FFF;overflow: hidden;}
.part1L .titbox p.ccsl{font-size: 29px;padding: 20px 0 0 45px;font-weight: bold;color: #a1c8f0;}
.part1L .titbox span.ccsl{display: block;color: #a1c8f0;padding-left: 45px;text-transform: uppercase;}
.part1L ul{ overflow:hidden}
.part1L ul li{font-size:14px;height:45px;line-height:45px;border-bottom:1px dashed #c9c9c9;background:url(../images/icon.jpg) no-repeat 40px center;padding-left:54px;overflow:hidden;}
.part1L ul li a{color:#666666;}
.part1L ul li a:hover{text-decoration:underline}
.part1R{overflow: hidden;border: 1px solid #e3dfdf; float:right;background: #FFFFFF;margin-bottom: 14px; width:889px;}
.part1R .titbox{border-bottom: 1px solid #ddd;height: 48px;}
.part1R .titbox span{color: #298ff5;font-weight: bold;border-bottom: 3px solid #298ff5;height: 46px; background:url(../images/icon.png) left 10px center no-repeat; padding-left:35px;line-height: 46px; font-size:16px; display:block; max-width:80px}
.part1R ul{ padding-top:5px; overflow:hidden; padding-bottom:20px}
.part1R ul li{ width:202px; height:237px; overflow:hidden; float:left;margin-top: 10px; margin-bottom:7px; margin-left:17px;}
.part1R ul li .proimg{ width:200px; height:200px; border:1px solid #dedede;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.part1R ul li .proimg img{vertical-align:middle;max-height:200px; max-width:200px;}
.part1R ul li p{height:35px;line-height:35px;overflow: hidden;text-align: center;}
.part1R ul li p:hover{ text-decoration:underline}



.part2{width:1200px;margin:13px auto;overflow: hidden;}


.part3{ width:1200px; margin:0 auto; overflow:hidden}
.aboutbox{ padding:21px;margin-bottom: 13px; background:#fff;}
.aboutbox .titbox{border-bottom: 1px solid #ddd; height:40px; line-height:40px}
.aboutbox .titbox p.ccsl{width: 96px;border-bottom: 3px solid #3595f6;font-size: 16px;margin-bottom: -1px;text-align: center; float:left}
.aboutbox .titbox a{ float:right; padding-right:21px; color:#666}
.aboutbox .titbox a:hover{ color:#3595f6; font-weight:bold}

.p3conL{width:710px; float:left; margin-right:40px;}
.aboutbox .conbox{ }
.aboutbox .conbox h3{font-size:16px;font-weight:normal;margin:15px 0px;}
.aboutbox .conbox .con{ height:120px; overflow:hidden;text-indent: 2em;line-height: 24px;}
.aboutbox .conbox a{ text-align:right;color: #ff8a00; display:block}

.p3conL ul{ overflow:hidden;margin-top: 40px;}
.p3conL ul li{ float:left;width:202px; height:137px; overflow:hidden; margin:0 15px}
.p3conL ul li img{ display:block; width:200px; height:135px; border:1px solid #dedede;}

.p3conR{ float:left;margin-top:40px;overflow: hidden;}


.part4{float: left;width:714px;overflow: hidden;background: #FFFFFF;padding: 21px;height: 400px;}
.contitbox{border-bottom: 1px solid #ddd; height:40px; line-height:40px}
.contitbox p.ccsl{width: 96px;border-bottom: 3px solid #3595f6;font-size: 16px;margin-bottom: -1px;text-align: center; float:left}
.contitbox a{ float:right; padding-right:21px; color:#666}
.contitbox a:hover{ color:#3595f6; font-weight:bold}

.pa4one{overflow: hidden;border-bottom: 1px dashed #c5c5c5;margin-top: 13px;padding-bottom:15px;}
.pa4one .p4l{float:left;width: 150px;height:140px;overflow: hidden;margin-right: 24px;}
.pa4one .p4r{overflow: hidden;margin-top: 10px; float:left; width:540px;}
.pa4one .p4r h2{font-weight: normal;height: 24px;line-height: 24px;overflow: hidden;color: #333;font-size: 15px;}
.pa4one .p4r h2 a{ color:#333}
.pa4one .p4r .con{margin: 8px 0px;color: #999;line-height: 20px;max-height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.pa4one .p4r a.more{ color:#ff8a00}

.part4 ul{ overflow:hidden; padding-top:15px}
.part4 ul li{float: left;width: 48%;margin: 0 1%;border-bottom: 1px dashed #c5c5c5;height: 32px;line-height: 32px;overflow: hidden;background: url(../images/icon1.jpg) no-repeat left center;}
.part4 ul li a{ float:left; max-width:220px; color:#666;padding-left: 15px;}
.part4 ul li a:hover{ text-decoration:underline}
.part4 ul li span{ float:right; color:#666}


.part5{float: right;overflow: hidden;width:387px;background: #FFFFFF;padding: 21px;height: 400px;}
.p5con{ padding-top:15px}
#demo{height:350px; overflow:hidden;}
ul#demo1 li{border-bottom: 1px dashed #c5c5c5;margin-top: 13px;}
ul#demo1 li .wen{padding-left: 30px;margin-bottom: 5px;height: 24px;line-height: 24px;overflow: hidden;background: url(../images/wen.jpg) no-repeat 0px 4px;}
ul#demo1 li .wen a{color: #333;}
ul#demo1 li .da{padding-left: 30px;margin-bottom: 5px;background: url(../images/da.jpg) no-repeat 0px 4px;color: #666666;height: 48px;line-height: 24px;overflow:hidden;}

ul#demo2 li{border-bottom: 1px dashed #c5c5c5;margin-top: 13px;}
ul#demo2 li .wen{padding-left: 30px;margin-bottom: 5px;height: 24px;line-height: 24px;overflow: hidden;background: url(../images/wen.jpg) no-repeat 0px 4px;}
ul#demo2 li .wen a{color: #333;}
ul#demo2 li .da{padding-left: 30px;margin-bottom: 5px;background: url(../images/da.jpg) no-repeat 0px 4px;color: #666666;height: 48px;line-height: 24px;overflow:hidden;}

#demo ul li a:hover{ text-decoration:underline}


.linksbox{ padding:21px; overflow:hidden}
.linksbox span{border-bottom: 1px solid #ddd;font-size: 16px;line-height: 22px;height: 30px; display:block}
.linksbox .con{overflow: hidden;margin: 10px;}
.linksbox .con a{display: inline-block;margin: 0 10px;color: #666666;font-size: 12px;line-height: 24px;}


.footernav{ width:100%; min-width:1200px; margin-top:10px; overflow:hidden;background-color: #298ff5;margin-bottom: 15px;}
.footernav ul{ overflow:hidden; text-align:center;height:36px;color: #FFF; margin:0 auto}
.footernav ul li{line-height: 36px;display: inline-block;font-size: 14px;}
.footernav ul li a{color: #FFFFFF;margin: 0px 22px}


.footer{width:1100px;margin: 0 auto;overflow: hidden;padding-bottom: 15px;}
.footL{ float:left; padding-top:15px; width:100px;}
.footC{ float:left;line-height: 28px;color: #717171; width:700px; margin-left:50px;line-height: 28px;color: #717171;}
.footR{ float:right;width: 87px;height: 87px;}


.mainWarp{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:20px}
.mainLeft{ float:left;width: 295px; overflow:hidden;}
.mainLeft .typebox{overflow: hidden;border: 8px solid #0066cc;border-bottom: 20px solid #0066cc;border-top: 0px;padding-bottom: 27px;background: #FFFFFF;}
.mainLeft .typebox .titbox{height: 101px;background: url(../images/titbg.jpg) repeat-x;color: #FFF; overflow: hidden;}
.mainLeft .typebox .titbox p{font-size: 29px;padding: 20px 0 0 45px;font-weight: bold;color: #a1c8f0;}
.mainLeft .typebox .titbox span{display: block;color: #a1c8f0;padding-left: 45px;text-transform: uppercase;}
.mainLeft .typebox ul{ overflow:hidden}
.mainLeft .typebox ul li{height: 38px;line-height: 38px;background: #e8e8e8;padding-left: 40px;margin-top: 12px;overflow: hidden;color: #666666;font-size: 16px;}
.mainLeft .typebox ul li a{ color:#666}
.mainLeft .typebox ul li a:hover{ text-decoration:underline}

.lxwm{overflow: hidden;margin-top: 17px;border: 1px solid #e3dfdf;background: #FFFFFF;}
.lxwm .titbox{height: 44px;line-height: 44px;background: #eae9e9 url(../images/titbg2.jpg) repeat-x;font-size: 16px;padding-left: 21px; overflow:hidden}
.lxwmcon{ padding:21px; overflow:hidden;}
.lxwmcon .con{line-height: 24px;font-size: 14px; padding-top:5px}


.mainRight{ float:right;overflow: hidden;background: #FFFFFF;border: 1px solid #e3dfdf;margin-bottom: 14px; width:890px}
.barndanv{border-bottom: 1px solid #ddd;}
.barndanv span.ccsl{ max-width:300px;float:left;border-bottom:3px solid #298ff5;font-size:24px;color:#298ff5;font-weight:bold;padding:10px;line-height:31px}
.barndanv .con{float: right;overflow: hidden; max-width:400px;margin-top: 30px;padding-right: 21px;color: #666666; white-space:nowrap}

ul.piclistul{overflow: hidden;padding: 10px 21px; padding-bottom:20px}
ul.piclistul li{ float:left; width:266px; height:296px; margin:10px 8px}
ul.piclistul li .proimg{_display:table;display:table-cell;text-align:center;border: 1px solid #dddddd; width:254px; height:254px;padding: 5px;vertical-align:middle}
ul.piclistul li .proimg img{vertical-align:middle;max-height:254px; max-width:254px;}
ul.piclistul li p{ padding:0 15px;height:30px;line-height:30px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px; color:#666}
ul.piclistul li p:hover{ text-decoration:underline}


ul.listul{overflow: hidden;padding: 10px 21px; padding-bottom:20px}
ul.listul li{border-bottom: 1px dashed #c5c5c5;margin: 0px 8px;padding: 8px 0px 8px 15px;background: url(../images/icon1.jpg) no-repeat left 20px;height: 26px;line-height: 26px;overflow: hidden;}
ul.listul li span{ float:right}
ul.listul li a{ float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; max-width:600px;color: #333;font-size: 14px;}
ul.listul li a:hover{ text-decoration:underline}


.detailbox{overflow: hidden;padding: 10px 21px;}
.detailbox .xq{}
.detailbox .xq h1{font-size: 20px;line-height: 30px; text-align:center}
.detailbox .xq .date{overflow: hidden;text-align: center;border-bottom: 1px dashed #c6c4c4;margin-bottom: 20px;line-height: 26px;color: #b4b4b4;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:600px; margin-bottom:20px} 
.detailbox .xq .con{overflow: hidden;text-indent: 2em;line-height: 26px;font-size: 14px; padding-bottom:20px}













































