@charset "utf-8";
@import url("./style.css");
* { padding:0; margin:0; }
html { overflow-x:hidden; }
body { font-family:\5fae\8f6f\96c5\9ed1; font-size:14px; color:#333; }
li { list-style-type:none; list-style-image:none; }
img { border:none; vertical-align:top; }
a:link { color:#333; text-decoration:none; }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#333; }
a:active { text-decoration:none; color:#333; }
.clear { clear:both; }
.padding { padding-top:5px; }

.top { height:120px; }
.logo { width:1215px; height:83px; padding-top:18px; background:url(../images/tel.png) no-repeat right 30px; margin:0 auto; }

.nav { height:58px; background:#004d97; }
.menu { width:1215px; height:58px; margin:0 auto; }
.menu ul li { width:121px; height:58px; line-height:58px; float:left; position:relative; z-index:999; }
.menu ul li a { display:block; width:135px; height:58px; text-align:center; font-size:18px; color:#fff; }
.menu ul li a:hover { background:#1078ed; }
.menu ul ul { display:none; position:absolute; left:0; top:58px; background:#1078ed; }
.menu ul ul li { width:135px; height:38px; text-align:center; float:none; }
.menu ul ul li a { display:block; width:135px; height:38px; line-height:38px; font-size:14px; }
.menu ul ul li a:hover { background:#004d97; }

.focus { width:100%; height:auto; position:relative; z-index:1; overflow:hidden; }
.focus .pic li a { display:block; width:100%; }
.focus .pic li a img { width:100%; display:block; }

.column { width:1215px; height:1360px; margin:0 auto; padding-top:115px; }

.about { width:1215px; height:470px; float:left; }
.about-left { width:456px; height:470px; float:left; margin-right:187px; background:#fff; }
.about-left h2 { width:137px; height:98px; background:url(../images/about-h1.png); margin-bottom:25px; }
.about-left div { width:456px; height:255px; margin-bottom:42px; line-height:25px; text-indent:2em; font-size:15px; color:#666; font-weight:bold; }
.about-left a { display:block; width:160px; height:48px; line-height:48px; text-align:center; border:#9b9b9b 1px solid; }
.about-right { width:572px; height:420px; float:left; background:#fff; }
.about-right img { width:572px; height:420px; }

.case { width:1215px; height:897px; padding-top:33px; float:left; }
.case h2 { width:299px; height:61px; background:url(../images/case-h1.png); margin:0 auto 33px auto; }
.case-top { width:1215px; height:463px; margin-bottom:20px; }
.case-top-left { width:572px; height:420px; padding-top:21px; float:left; }
.case-top-left img { width:572px; height:420px; }
.case-top-right { width:643px; height:438px; padding-top:25px; float:left; background:#f5f7fa; }
.case-top-right h3 { display:block; height:70px; line-height:70px; font-size:26px; font-weight:normal; background:url(../images/line.png) no-repeat 75px center; padding-left:122px; }
.case-top-right-top { width:500px; padding-left:75px; padding-right:68px; line-height:24px; border-bottom:#fff 2px solid; padding-bottom:15px; margin-bottom:15px; }
.case-top-right-middle { width:500px; padding-left:75px; padding-right:68px; line-height:40px; font-size:18px; padding-bottom:10px; margin-bottom:15px; }
.case-top-right-middle p { width:470px; padding-left:30px; height:40px; line-height:40px; background:url(../images/point2.png) no-repeat left center; }
.case-top-right-bottom { padding-left:75px; }
.case-top-right-bottom a { color:#fff; }
.more { display:inline-block; width:167px; height:50px; line-height:50px; text-align:center; background:#1667b6; float:left; margin-right:8px; color:#fff; }
.message { display:inline-block; width:167px; height:50px; line-height:50px; text-align:center; background:#444; float:left; color:#fff; }
.case-bottom { width:1215px; height:265px; overflow:hidden; }
.case-bottom ul { width:1277px; height:270px; }
.case-bottom ul li { float:left; display:inline-block; width:314px; height:270px; text-align:center; margin-right:20px; }  
.case-bottom ul li a { line-height:50px; } 
.case-bottom ul li a img { width:314px; height:220px; }

.honor { width:100%; height:555px; padding-top:80px; background-image:url(../images/honor.jpg); background-size:cover; }
.honor h2 { width:301px; height:63px; background:url(../images/honor-h1.png); margin:0 auto 55px auto; }
.honor-content { width:1235px; height:417px; padding-left:20px; margin:0 auto; }
.honor-content a { float:left; display:inline-block; width:390px; height:417px; text-align:center; margin-right:21px; color:#fff; font-size:16px; }  
.honor-content a img { display:block; width:390px; height:290px; margin-bottom:40px; }

.news { width:1215px; height:580px; padding-top:125px; background:url(../images/news-h1.png) no-repeat center 38px; margin:0 auto; }
.news-left { width:506px; padding:12px; height:521px; float:left; margin-right:65px; background:#eee; }
.news-left img { display:block; width:506px; height:382px; }
.news-left p { width:506px; height:70px; line-height:70px; text-align:center; font-size:20px; font-weight:bold; margin-bottom:8px; }
.news-left a { display:inline-block; width:95px; height:30px; line-height:30px; float:right; text-align:center; background:#004d97; color:#fff; font-size:15px; border-radius:30px; }
.news-right { width:620px; height:545px; float:left; background:#fff; }
.news-right ul { margin-top:-20px; }
.news-right ul li { width:620px; height:122px; padding-top:18px; border-bottom:#bababa 1px dotted; background:url(../images/more.png) no-repeat right 102px; }
.news-right ul li em { display:block; width:620px; height:40px; line-height:40px; font-style:normal; margin-bottom:8px; }
.news-right ul li em a { display:inline-block; width:504px; padding-left:16px; height:40px; float:left; font-size:18px; font-weight:bold; color:#484848; background:url(../images/point1.png) no-repeat left center; }
.news-right ul li em span { display:inline-block; width:100px; height:40px; float:left; color:#808080; background:url(../images/time.png) no-repeat left center; text-align:right; }
.news-right ul li p { width:620px; height:48px; line-height:24px; overflow:hidden; font-size:15px; font-weight:bold; color:#808080; }

.footer { width:100%; height:370px; background:#333; }
.footer-top { width:783px; padding-left:432px; height:270px; padding-top:45px; margin:0 auto; color:#d0d0d0; background:url(../images/footer-logo.png) no-repeat left center; }
.footer-top-nav { width:165px; height:270px; margin-right:100px; float:left; }
.footer-top-nav dl dt { width:165px; height:50px; line-height:50px; border-bottom:#a1a1a1 1px solid; margin-bottom:5px; font-size:20px; }
.footer-top-nav dl dt span { display:block; width:80px; height:50px; border-bottom:#fff 1px solid; margin-bottom:-1px; }
.footer-top-nav dl a { display:inline-block; width:82px; height:35px; line-height:35px; float:left; color:#d0d0d0; font-size:15px; }
.footer-top-contact { width:325px; height:270px; margin-right:65px; float:left; }
.footer-top-contact dl dt { width:325px; height:50px; line-height:50px; border-bottom:#a1a1a1 1px solid; margin-bottom:5px; font-size:20px; }
.footer-top-contact dl dt span { display:block; width:80px; height:50px; border-bottom:#fff 1px solid; margin-bottom:-1px; }
.footer-top-contact dl dd { display:block; width:325px; height:35px; line-height:35px; color:#d0d0d0; font-size:15px; }
.footer-top-qr { width:115px; height:270px; float:left; }
.footer-top-qr h6 { width:115px; height:50px; line-height:50px; border-bottom:#a1a1a1 1px solid; margin-bottom:17px; font-size:20px; }
.footer-top-qr h6 span { display:block; width:80px; height:50px; border-bottom:#fff 1px solid; margin-bottom:-1px; }
.footer-top-qr img { width:112px; height:112px; border:#afafaf 1px solid; }
.footer-top-qr p { width:115px; height:43px; line-height:43px; text-align:center; }
.footer-bottom { width:100%; height:55px; line-height:55px; text-align:center; background:#282828; color:#6b6b6b; font-size:15px; }
.footer-bottom a { color:#6b6b6b; }

#flutter img { max-width:300px!important; } 
@media screen and (max-width: 1000px)
{
.top,.nav,.search,.footer { width:1271px; }
}
