@charset "utf-8";
/* CSS Document */


*{ margin:0; padding: 0;}

.clear{ clear:both;}
input{ outline:none;}
a{ text-decoration: none; color:#000;}




.top{ width:100%; height: 72px; padding:30px 0 0 0;background: #1976b9; text-align: center;}



.menu{ width:100%; height: 60px; background: #1976b9;border-top: 1px solid #75a3c5;}
.menu ul{ width:1200px; margin:0 auto; height: 60px;}
.menu ul li{ display: block; float: left; width: 150px; height: 60px; text-align: center; line-height: 60px;}
.menu ul li a{ display: block; color:#fff; font-size: 14px;}
.menu ul li.this,
.menu ul li:hover{ background: url(../images/mhbg.png) bottom center no-repeat;}


.banner{ width:100%; height: 415px; background: url(../images/banner.jpg) center no-repeat;}




.probg{ width:1200px; margin: 0 auto; padding: 50px 0;}




.fl{ width:270px; padding:30px 10px 10px; float: left; background: #1976b9; text-align: center;}
.fl ul{ background:#fff; padding: 17px; margin: 30px 0 0 0;}
.fl ul li{ display:block; margin: 0 0 17px 0; line-height: 57px; background: url(../images/flli1.png) center left 14px #eeeeee no-repeat;}
.fl ul li:hover{background: url(../images/flli.png) center left 14px #626262 repeat-x;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.fl ul li a{ display:block; text-align: left; padding: 0 0 0 35px;}
.fl ul li:hover a{color:#fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.proul{ width:885px; float: left; margin: 0 0 0 25px;}
.proul ul li{ display:block; float: left; text-align: center; width: 286px; padding: 0 0 10px 0; margin: 0 13px 13px 0;}
.proul ul li .pic{ width: 286px; height: 226px;    border: 1px solid #ccc;padding: 3px;}
.proul ul li .pic img{ width: 286px; height: 226px;}
.proul ul li p{ line-height: 40px; font-size: 16px; font-weight: bold;}
.proul ul li:nth-child(3),
.proul ul li:nth-child(6),
.proul ul li:nth-child(9){ margin: 0 0 10px 0;}



.xbanner{ width:100%; height: 398px; background: url(../images/xbanner.jpg) no-repeat center;}


.tableborder{ font-size: 14px;}
.tableborder input[type="text"]{ width:415px; height: 45px; padding: 0 10px; margin: 0 0 10px 0;}
.tableborder input[type="text"]#key{ width:315px; height: 45px; padding: 0 10px;}
.tableborder textarea{ width:417px; height: 100px; padding: 10px; margin: 0 0 10px 0;}





.aboutbg{ width:1200px; margin: 75px auto 0 auto;}

.aboutbg .left{ width: 600px; height: 330px; float: left; background: url(../images/apic.jpg) no-repeat center;}
.aboutbg .right{ width: 520px; height: 260px; padding: 35px 40px; float: left; background: url(../images/acpic02.jpg) no-repeat center; }
.aboutbg .right *{color:#fff;}
.aboutbg .right h1{ font-size:24px; display: inline-block; margin: 0 0 30px 0; border-bottom: 1px solid #fff;}
.aboutbg .right p{ font-size:16px; line-height: 30px;}
.aboutbg .right .more{ font-size:14px; width: 110px; height: 34px; margin: 15px 0 0 0; text-align: center; line-height: 34px; border: 1px solid #fff; border-radius: 17px;}


.honor{ width:1200px; margin: 20px auto 0 auto;}
.honor li{ float:left; display: block;}



.newsnav{ line-height:40px; border-bottom: 1px solid #000; margin: 0 0 10px 0;}
.newsnav span{ display: block;}
.newsnav .cname{ font-size: 20px; float: left;}
.newsnav .cnav{ font-size: 14px; float: right; padding: 0 0 0 20px; background: url(../images/nav.png) left center no-repeat;}





.cnews{ width:885px; float: left; margin: 0 0 0 25px;}
.cnews ul li{ display:block; width: 100%; margin: 0 0 15px 0;}
.cnews ul li h4{ line-height: 36px; border-bottom: 1px solid #ccc; margin: 0 0 8px 0;}
.cnews ul li h4 span{ float: right; font-size: 14px; font-weight:normal;}
.cnews ul li .pic{ width: 150px; height: 125px; float: left;}
.cnews ul li .pic img{ width: 150px; height: 125px;}
.cnews ul li .right{ float: left; width: 715px; margin: 0 0 0 20px;}
.cnews ul li p{ line-height: 24px; font-size: 12px;}



.newsbg .news .ntitle{ width:270px; height: 30px; line-height: 30px; font-size: 24px; float: left;}
.newsbg .news .ntitle span{ font-size: 16px; color:#b1b1b1; text-transform: uppercase;}
.newsbg .news .line{ float: left; width: 930px; height: 1px; background: #000; margin: 15px 0 0 0;}
.newsbg .news .more{ text-transform: uppercase; float: right; width: 70px; text-align: center; line-height: 30px;font-size: 14px; margin: -14px 20px 0 0; background: #fff;}
.newsbg .news .more a{ display: block;}



.newsbg{ width:100%; height: 531px; padding: 50px 0; background: url(../images/nbg.jpg) center no-repeat;}
.newsbg .news{ width:1200px; margin:0 auto;}

.newsbg .news .newsul{ margin:40px 0;}
.newsbg .news .newsul li{ display:block; float: left; background: #fff; margin: 0 33px 0 0; background: #f3f3f3;}
.newsbg .news .newsul li .pic{ width: 378px; height: 313px;}
.newsbg .news .newsul li .pic img{ width: 378px; height: 313px;}
.newsbg .news .newsul li .text{ width: 358px; padding: 15px 10px;}
.newsbg .news .newsul li .text .title{ line-height: 35px; font-size: 18px; font-weight: bold;}
.newsbg .news .newsul li .text .stext{ color:#686868; font-size: 12px; line-height: 20px; margin: 5px 0 0 0;}
.newsbg .news .newsul li .date{ color:#474747; font-size: 12px; float: left; padding: 10px;}
.newsbg .news .newsul li .nmore{ color:#474747; font-size: 12px; float: right; padding: 10px; text-transform: uppercase;}

.newsbg .news .newsul li:last-child{ margin:0;}


.footerbg{ padding:35px 0; width:100%; height: 160px; color: #fff; background: #1976b9; }
.footerbg .footer{ width:1200px; margin: 0 auto;}
.footerbg .footer h3{ font-weight: normal; line-height: 40px; font-size: 20px;}
.footerbg .footer .left{ width:350px; float: left;}
.footerbg .footer .middle{ width:400px; float: left; margin: 0 0 0 200px;}
.footerbg .footer .right{ width:147px; float: right;}

.footerbg .footer .left li{ float:left; display: block; margin: 20px 30px 0 0; line-height: 20px; font-size: 14px;}
.footerbg .footer .left li a{ color:#fff;}




.copy{ width:100%; height: 49px; line-height: 50px; font-size: 12px; background: #1976b9; text-align: center; color:#fff;border-top: 1px solid #75a3c5;}
.copy a{ color:#fff;}




.detailpic table{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.detailpic table td{ border-left:1px solid #ccc; border-top:1px solid #ccc; padding: 10px;}