@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; list-style:none; outline:none; text-decoration:none;font-family: "微软雅黑";}
html,body{ min-width:1180px;}
body{padding-top:294px; background:url(bf.png) no-repeat center top;}

.nav{ width:1180px; margin:0 auto; height:48px; overflow:hidden; text-align:center}
.nav li{ width:196px; height:48px; line-height:48px; text-align:center; margin:0 6px; background:url(navbg.png) no-repeat center center; display:inline-block}
.nav li a{ display:block; font-size:24px; color:#FFFFFF}




.h1tit{ width:1180px; height:150px; margin:20px auto 20px; background:url(titbg.png) no-repeat center center; padding-top:20px}
.h1tit p{ width:1070px; margin:0 auto; font-size:18px; color:#FFFFFF; line-height:30px; text-align:justify; text-justify:inter-ideograph}
.h1tit p .titmore{ height:31px; line-height:31px; float:right; color:#edd8c3; font-size:16px; background:url(more.png) no-repeat right center; padding-right:38px; margin-top:18px;}



.fourpic{ width:1200px; overflow:hidden; margin:0 auto; padding: 42px 0}
.coltit{ width:1200px; height:57px; margin:0 auto 50px; background:url(colbg.png) no-repeat center center; position:relative}
.coltit a{ font-size:24px; color:#FFFFFF; position:absolute; top:7px; left:570px; width:157px; height:48px; line-height:44px;}

.fourpicshow{ width:1200px; margin:0 auto; overflow:hidden; height:278px;}
.fourlist{ width:1200px; height:278px; overflow:hidden;}
.fourlist li{ width:271px; height:257px; padding:20px 0 0 20px; float:left; background:url(picbg.png) no-repeat center top; margin-left:10px;}
.fourlist li a{ display:block; width:100%; height:100%;}
.fourlist li div.imgcor{ width:249px; height:172px; display:block; position:relative; overflow:hidden}
.fourlist li img{ position:absolute;width:249px; height:172px;}
.fourlist li p{ font-size:18px; color:#666666; line-height:60px}

.fourlist li:first-child,.threelist li:first-child{ margin-left:0}

.threepic{ background:url(midebg.png) no-repeat center top; padding-top:22px}
.threepic .fourpic{ padding-top:0}
.threelist{ width:1200px; height:268px; overflow:hidden;}
.threelist li{ width:386px; height:258px; padding:10px 0 0 10px; float:left; background:url(threebg.png) no-repeat center top; margin-left:6px; position:relative}
.threelist li a{ display:block; width:100%; height:100%;}
.threelist li div.imgcor{ width:375px; height:247px; display:block; position:relative; overflow:hidden}
.threelist li img{ position:absolute;width:375px; height:247px;}
.threelist li p{ width:360px; font-size:16px; color:#FFF; line-height:56px; background:url(blackbg.png) repeat-x left center; position:absolute; left:10px; bottom:11px; padding-left:16px;}
.twoline li img{ margin-bottom:8px}
.twoline li p{ line-height:24px; font-size:16px;}

.footer{ padding:30px 0 50px 0; background:#FFFFFF}
.footer p{ font-size:14px; line-height:24px; color:#8d8d8d; text-align:center}