@charset "utf-8";

/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; behavior:url("../other/csshover.htc"); border-collapse: collapse;}

img { border: 0 none; vertical-align:middle; }

ul, li { list-style-type: none; margin:0px; padding:0px;}

body, input, select, button, textarea { font-size: 12px; font-family:"宋体";  }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

aside section,.body{display:block; width:1000px; margin:0 auto;}

a, a:link { color: #454545; text-decoration:none; cursor:pointer; }

a:visited {}

a:active, a:hover { text-decoration: none;  }

a:focus { outline: none; } 

.clear {clear:both;}

.l{ float:left;}

.r{ float:right;}

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

.blank10{height:10px;}

.blank25{height:25px;}

.blank35{height:35px;}

.blank40{height:40px;}

.blank90{height:90px;}

.blank65{height:65px;}

.blank73{height:73px;}

.blank70{height:70px;}

.blank100{height:100px;}

.blank190{height:190px;}






.in_nav{position:relative;}

.in_nav .top{width:230px; height:83px; background:url(../images/019.png) no-repeat; position:absolute; top:-115px; left:0; font-size:27px; color:#fff; padding:32px 0 0 25px;}

.in_nav .top em{font-size:16px;}

.in_nav ul li a{width:230px; height:44px; background:#d0daf1; line-height:44px; border-top:1px #fff solid; display:inline-block; padding-left:25px; font-size:14px; color:#666;}

.in_nav ul li a:hover{color:#fff; background:url(../images/020.jpg) no-repeat;}

.in_nav ul li a.hover{color:#fff; background:url(../images/020.jpg) no-repeat;}

.in_nav .end{width:225px; height:51px; background:url(../images/021.jpg) no-repeat; border-bottom:2px #0067a2 solid; border-top:1px #fff solid; padding-top:75px; padding-left:30px;}

.in_nav .end span{font-size:27px; color:#1e4c8a; font-family:Arial;}

.in_nav .end span em{font-size:18px; font-family:"Adobe 黑体 Std R";}

.design{padding-left:51px; width:878px;  border-left:1px #efefef solid; }

.design .good{margin-top:45px;}

/*

.design .good .right{padding-left:45px; width:380px;}

*/

.design .good .right .title{font-size:27px; color:#1f4c8a; padding-top:43px; background:url(../images/023.jpg) left top no-repeat;}

.design .good .right .p1{color:#b0b0b0;}

.design .good .right .p2{color:#444444; font-size:13px; line-height:28px; padding-top:25px;}

.design .case{}

.design .case p{ line-height:65px; font-size:16px; color:#0067a2;}

.design .case p a{float:right; font-size:13px; color:#fff; width:52px; height:17px; text-align:center; display:inline-block; background:#0067a2; line-height:17px; margin-top:25px;}

.design .case .list{border:1px #d5d5d5 solid; height:46px; line-height:46px; padding-right:23px; color:#5c5c5c; margin-bottom:2px;}

.design .case .list .span1{border-right:1px #d5d5d5 solid; width:53px; text-align:center; display:inline-block;}

.design .case .list .span2{padding-left:33px;}

.design .case .list .span2 em{float:right; font-family:Arial; color:#a5a5a5;}

.design .case .list:hover{ background:#0067a2; color:#fff;}

.design .case .list:hover .span1{color:#fff;}

.design .case .list:hover .span2{color:#fff;}

.design .case .list:hover .span2 em{color:#fff;}

.design .case .list a{width:100%; height:100%; display:inline-block;}

.design .case .last{margin-bottom:0;}

.pro1{ margin-top:46px; padding-left:59px; border-left:1px #efefef solid; height:507px;}

.job{ margin-top:46px; padding-left:49px; border-left:1px #efefef solid; }

.picScroll{overflow:hidden; position:relative; width:893px;}

.picScroll .hd{overflow:hidden;  z-index:1}

.picScroll .hd .prev{display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/024.jpg) no-repeat; position:absolute; top:200px; left:0;}

.picScroll .hd .prev:hover{ background:url(../images/056.jpg) no-repeat;}

.picScroll .hd .next:hover{ background:url(../images/055.jpg) no-repeat;}

.picScroll .hd .next{display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/025.jpg) no-repeat; position:absolute; top:200px; right:0;}

.picScroll .bd{overflow:hidden; margin-left:55px;}

.picScroll .bd ul{ overflow:hidden; zoom:1; }

.picScroll .bd ul li{overflow:hidden; _display:inline; float:left; width:785px; float:left;}

.picScroll .bd ul li .List{ text-align:center;}

.picScroll .bd ul li .List .Box{width:628px;}

.picScroll .bd ul li .List .pic1{width:314px; height:157px; position:relative;}

.picScroll .bd ul li .List .pic1 .des2{width:169px; height:97px; background:url(../images/027.png) no-repeat; padding-top:60px; position:absolute; left:0; top:0; z-index:2}

.picScroll .bd ul li .List .pic1 .des2 .p1{width:152px;text-align:center;}

.picScroll .bd ul li .List .p1{font-size:16px; color:#4a4a4a; padding-bottom:20px;}

.picScroll .bd ul li .List .p1 em{font-size:12px; color:#b5b5b5;}

.picScroll .bd ul li .List .pic1 img{ position:absolute; right:0; top:0; z-index:1}

.picScroll .bd ul li .List .pic1 .des2:hover{ background:url(../images/026.png) no-repeat;}

.picScroll .bd ul li .List .pic1 .des2:hover .p1{color:#fff;}

.picScroll .bd ul li .List .pic1 .des2:hover .p1 em{color:#fff;}

.picScroll .bd ul li .List .pic2{width:157px; height:471px; position:relative;}

.picScroll .bd ul li .List .pic2 .des1{width:157px; height:109px; padding-top:60px; background:url(../images/053.png) no-repeat; position:absolute; top:0; left:0; z-index:2}

.picScroll .bd ul li .List .pic2 img{ position:absolute; left:0; bottom:157px; z-index:1}

.picScroll .bd ul li .List .pic2 .more{width:157px; height:89px; position:absolute; bottom:0; left:0; background:#f6f6f6; padding-top:68px;}

.picScroll .bd ul li .List .pic2 .more a{width:48px; height:18px; border:1px #c6c6c6 solid; display:inline-block; line-height:18px; font-size:12px; color:#9c9c9c;}

.picScroll .bd ul li .List .pic2 .more:hover{ background:#e49e18;}

.picScroll .bd ul li .List .pic2 .more:hover .n_m{border:1px #fff solid; color:#fff;}

.picScroll .bd ul li .List .pic2 .more:hover .p1{color:#fff;}

.picScroll .bd ul li .List .pic2 .des1:hover .p1{color:#fff;}

.picScroll .bd ul li .List .pic2 .des1:hover .p1 em{color:#fff;}

/*.picScroll .bd ul li .List .l .pic2:hover .des1{ background:url(../images/054.png) no-repeat;}*/

.picScroll .bd ul li .List .l .pic2 .img_h:hover .des1{background:url(../images/054.png) no-repeat;}



.picScroll .bd ul li .List .pic3{width:314px; height:157px; position:relative;}

.picScroll .bd ul li .List .pic3 .des3{width:169px; height:97px; background:url(../images/029.png) no-repeat; padding-top:60px; position:absolute; right:0; top:0; z-index:2}

.picScroll .bd ul li .List .pic3 .des3 .p1{width:155px;padding-left:9px;text-align:center;}

.picScroll .bd ul li .List .pic3 img{position:absolute; left:0; top:0; z-index:1}

.picScroll .bd ul li .List .pic3 .des3:hover{ background:url(../images/028.png) no-repeat;}

.picScroll .bd ul li .List .pic3 .des3:hover .p1{color:#fff;}

.picScroll .bd ul li .List .pic3 .des3:hover .p1 em{color:#fff;}

.picScroll .bd ul li .List .pic1:hover .des2{background:url(../images/026.png) no-repeat;}

.picScroll .bd ul li .List .pic1:hover .des2 .p1{color:#fff;}

.picScroll .bd ul li .List .pic1:hover .des2 .p1 em{color:#fff;}



.picScroll .bd ul li .List .pic3:hover .des3{background:url(../images/028.png) no-repeat;}

.picScroll .bd ul li .List .pic3:hover .des3 .p1{color:#fff;}

.picScroll .bd ul li .List .pic3:hover .des3 .p1 em{color:#fff;}





.picScroll .bd ul li .List .pic2 a:hover .des1{background:url(../images/026.png) no-repeat;}

.picScroll .bd ul li .List .pic2 a:hover .des1 .p1{color:#fff;}

.picScroll .bd ul li .List .pic2 a:hover .des1 .p1 em{color:#fff;}



.pro1 .reveal-modal-bg{position:fixed; height:100%; width:100%; background:#000; z-index:100; display:none; top:0; left:0;}

.pro1 .reveal-modal{visibility:hidden; top:100px; left:48%; margin-left:-300px; width:780px; background:#fff; position:absolute; z-index:101; padding:30px 46px 47px 46px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4); border:1px #eaedf1 solid;}

.pro1 .reveal-modal .close-reveal-modal{position:absolute; top:24px; right:23px; cursor:pointer;} 

.pro1 .reveal-modal .title{ line-height:71px; border-bottom:1px #ebeced solid; font-size:18px; color:#414141; margin-bottom:12px;}

.pro1 .reveal-modal .p1{ font-size:13px; color:#666; line-height:40px;}

.pro1 .reveal-modal .p1 a{float:right; color:#e49e18;}

.pro1 .reveal-modal .p2{ line-height:27px;}



.beer{ margin-top:50px; padding-left:30px; border-left:1px #efefef solid; background:url(../images/023.jpg) 30px top no-repeat; width:893px;}

.beer .title{font-size:27px; color:#1f4c8a; padding-top:30px;}

.beer .title em{font-size:12px; color:#b0b0b0;}

.beer .p1{font-size:13px; color:#444444; line-height:27px; padding-top:10px;}

.beer .picScroll-left{ width:100%;  overflow:hidden; position:relative; margin-top:44px;}

.beer .picScroll-left .hd{ overflow:hidden;  height:90px; position:absolute; top:170px; z-index:1; width:100%;}

.beer .picScroll-left .hd .prev{ display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/024.jpg) no-repeat;}

.beer .picScroll-left .hd .next{display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/025.jpg) no-repeat;}

.beer .picScroll-left .hd .prev:hover{background:url(../images/056.jpg)}

.beer .picScroll-left .hd .next:hover{background:url(../images/055.jpg)}



.beer .picScroll-left .bd{margin-left:63px;}

.beer .picScroll-left .bd ul{ overflow:hidden; zoom:1; z-index:2 }

.beer .picScroll-left .bd ul li{ margin-right:30px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.beer .picScroll-left .bd ul li .pic{ text-align:center; width:232px; height:195px; border:1px #e8e8e8 solid;}

.beer .picScroll-left .bd ul li .pic img{ width:232px; height:145px; display:block;}

.beer .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.beer .picScroll-left .bd ul li p{line-height:21px; padding:5px 20px 0; font-size:14px; color:#666666;}

.beer .picScroll-left .bd ul li .pic2{margin-top:35px;}

.beer .reveal-modal-bg{position:fixed; height:100%; width:100%; background:#000; z-index:100; display:none; top:0; left:0;}

.beer .reveal-modal{visibility:hidden; top:100px; left:48%; margin-left:-300px; width:749px; background:#fff; position:absolute; z-index:101; padding:30px 40px 47px 42px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4); border:1px #eaedf1 solid;min-height:500px;}

.beer .reveal-modal .close-reveal-modal {position:absolute;top:30px;right:31px;cursor:pointer;} 

.beer .reveal-modal .title{color:#1f4c8a; font-size:27px; background:url(../images/023.jpg) left top no-repeat; padding-top:30px; padding-bottom:15px;}

.beer .reveal-modal .title em{font-size:12px; color:#b0b0b0;}

.beer .reveal-modal .p1{font-size:14px; color:#7f7f7f; line-height:39px; border-top:1px #929292 dashed; border-bottom:1px #929292 dashed;}

.beer .reveal-modal .p1 em{float:right;}

.beer .reveal-modal .p2{font-size:13px; color:#444444; line-height:27px; padding-top:8px;}

.beer .reveal-modal .picScroll-left2{ width:753px;  overflow:hidden; position:relative; margin-top:10px;}

.beer .reveal-modal .picScroll-left2 .hd{ overflow:hidden;  height:90px; width:100%; position:absolute; top:148px; z-index:1;}

.beer .reveal-modal .picScroll-left2 .hd .prev{ display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/024.jpg) no-repeat;}

.beer .reveal-modal .picScroll-left2 .hd .prev:hover{background:url(../images/056.jpg) no-repeat;}

.beer .reveal-modal .picScroll-left2 .hd .next{ display:block;  width:34px; height:90px; overflow:hidden; cursor:pointer; background:url(../images/025.jpg) no-repeat;}

.beer .reveal-modal .picScroll-left2 .hd .next:hover{background:url(../images/055.jpg) no-repeat;}

.beer .reveal-modal .picScroll-left2 .bd{margin-left:72px;}

.beer .reveal-modal .picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }

.beer .reveal-modal .picScroll-left2 .bd ul li{float:left; _display:inline; overflow:hidden;}

.beer .reveal-modal .picScroll-left2 .bd ul li img{ width:608px; height:385px; display:block;}

.honor{margin-top:50px; padding-left:30px; border-left:1px #efefef solid; background:url(../images/023.jpg) 30px top no-repeat; width:893px;}

.honor .title{font-size:27px; color:#1f4c8a; padding-top:30px;}

.honor .title em{font-size:12px; color:#b0b0b0;}

.honor .p1{font-size:13px; color:#444444; line-height:27px; padding-top:10px;}

.honor .list{padding-top:25px; width:100%;}

.honor .list a{width:288px; height:34px; float:left; display:inline-block; padding-left:7px; background:url(../images/034.jpg) left center no-repeat; font-size:13px; color:#666666; line-height:34px;}

.honor .honor_box{padding-top:42px;}

.honor .box1{margin:0 15px;}

.honor .box1 img{padding:6px; border:1px #d7d7d7 solid;}

.honor .box1 p{ text-align:center; line-height:33px; color:#000000;}

.honor .honor_box2{width:893px; height:240px; background:url(../images/036.png) no-repeat; margin-top:14px; padding-top:54px;} 

.about{margin-top:30px; padding-left:50px; border-left:1px #efefef solid; width:893px;}

.about .title{font-size:27px; color:#1f4c8a; padding-top:30px; background:url(../images/023.jpg) left top no-repeat;}

.about .title em{font-size:12px; color:#b0b0b0;}

.about img{padding-top:25px;}

.about .p1{font-size:13px; color:#444444; line-height:27px; padding-top:10px;}

.map{margin-top:30px; padding-left:50px; border-left:1px #efefef solid; width:893px;}

.map .left{width:327px;}

.map .left .p1{font-size:18px; color:#292929;}

.map .left .p2{font-size:14px; color:#333333; line-height:30px; padding-top:6px;}

.map .p3{color:#666666; line-height:27px; padding-top:31px;}

.map .p3 em{font-size:16px; color:#292929; line-height:53px;}

.map .p4{width:297px;}

.trends{padding-left:50px; border-left:1px #efefef solid; width:893px;}

.trends .list{padding-right:5px; border-bottom:1px #e5e5e5 solid; padding-bottom:34px;}

.trends .list .title{font-size:15px; color:#000000; line-height:70px;}

.trends .list .con{}

.trends .list .con .right{width:670px; padding-left:30px;}

.trends .list .con .right .p1{color:#5c5c5c; line-height:24px;}

.trends .list .con .right .p2{padding-top:18px;}

.trends .list .con .right .p2 a{float:right; color:#007cc2;}

.trends .list .con .right .p2 em{ font-family:Arial; color:#a5a5a5;}

.trends .list:hover{ background:#f7f7f7;}

.trends .page{ text-align:center; font-size:14px; color:#666; padding-top:40px; padding-bottom:73px;}

.trends .page a{color:#666; padding:0 10px; height:25px; line-height:25px; display:inline-block;}

.trends .page a:hover{ background:#0067a2; color:#fff;}