/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:"微软雅黑";}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal; font-family:"微软雅黑"; }
a{ text-decoration: none; }
a:hover{ color: #6087c0; }
body,textarea,input,button,select,keygen,legend{ }
body{background:#fff; overflow-x:hidden; font-family:"微软雅黑"; }

.clearfloat{ zoom:1;}
.clearfloat:after{ content: ""; display: block; clear: both;}
*:focus{ outline: none; }





/* 整站头部样式 */
.g-head{ border-top: 4px solid #bf9b31; position: relative; z-index: 9999;  }
.g-head .head{ width: 1060px; height: 83px; margin:0 auto; }
.g-head .head .logo{ width: 132px; height: 83px; position: relative; z-index: 9999; float: left; }
.g-head .head .nav{ width: 714px; height: 83px; float: left;  }
.g-head .head .nav ul{ width: 714px; height: 24px; margin: 30px 0 0 30px; }
.g-head .head .nav li{ float: left; font-family: "微软雅黑"; }
.g-head .head .nav li.active a{ color: #bf9b31; font-weight: bold; }
.g-head .head .nav li a{ display: block; width: 100px; text-align: center; font-size: 15px; line-height: 24px; color: #333; }
.g-head .head .nav li a:hover{ color: #bf9b31; }
.g-head .head .right{ width: 214px; height: 83px; float: right;  }

/* 整站底部样式 */
.g-foot{ border-top: 1px solid #d7d7d7; background:#ebebeb;  }
.g-foot .foot{ width: 1060px; height: 41px; margin: 0 auto; }
.g-foot .foot p{ font-size: 12px; line-height: 40px; color: #707070; }

/* 公共区域样式 */
.g-sec{ width: 1060px; height: 79px; margin: 0 auto; padding-top: 30px;   }
.g-sec:after{ content: ""; display: block; clear: both; }
.g-sec .left{ width: 130px; height: 56px; padding-left: 70px; float: left; line-height: 24px; background: url(../images/ico.jpg) no-repeat; }
.g-sec .left h2{ font-size: 14px; color: #4c4948; margin-top: 5px;  }
.g-sec .left h3{ font-size: 16px; color: #bf9b31; }
.g-sec .center{ width: 220px; height: 56px; float: left; line-height: 24px; font-family: "微软雅黑"; }
.g-sec .center h2{ font-size: 14px; color: #4c4948; margin-top: 5px; }
.g-sec .center h3{ font-size: 14px; color: #4c4948; }
.g-sec .right{ width: 620px; height: 56px; float: left; }
.g-sec .right ul{ width: 414px; height: 40px; float: right; }
.g-sec .right li{ width: 128px; height: 40px; float: left; margin-left: 10px;  }
.g-sec .right li a{ width: 128px; height: 40px; display: block;  }
.g-sec .right .li1{ background: url(../images/btn1.jpg) no-repeat;  }
.g-sec .right .li2{ background: url(../images/btn2.jpg) no-repeat;  }
.g-sec .right .li3{ background: url(../images/btn3.jpg) no-repeat;  }


/* 首页图片轮播样式 */
.g-slide{ width: 1280px; margin: 0 auto; height: 542px; position: relative; z-index: 2; overflow: hidden; }
.g-slide .button{ width: 59px; height: 59px; display: block; position: absolute; z-index: 9999; top: 225px; }
.g-slide .prev{ background: url(../images/a_left.png) no-repeat; left: 5px; }
.g-slide .next{ background: url(../images/a_right.png) no-repeat; right: 5px; }
.g-slide .bd{ width: 1280px; height: 542px; }
.g-slide .bd li{ width: 1280px; height: 542px; float: left; }

/* 配套服务 */
.se-main{ width: 1440px; height: 542px; margin: 0 auto; background: url(../images/bg1.jpg) no-repeat; }
.se-main .warp{ width: 1060px; height: 542px; margin: 0 auto; position: relative; }
.se-main .image{ width: 387px; height: 387px; position: absolute; left: 40px; top: 80px;  }
.se-main .image img{ display: block; width: 100%; height: 100%; }
.se-main .txt{ width: 550px; height: 250px; position: absolute; right: 0; top: 170px; color: #fff; }
.se-main .txt h1{ height: 33px; line-height: 33px; width: 180px; font-size: 36px; padding-left: 15px; border-left: 4px solid #fff; }
.se-main .txt .con{ width: 350px; float: right; margin: -35px 20px 0 0; font-size: 14px; line-height: 24px; }
.se-main .txt .left{ width: 80px; float: left;  }
.se-main .txt .right{ width: 270px; float: right; }

/* 区位交通 */
.lo-main{ background: url(../images/bg2.jpg) no-repeat; }

/* 项目简介 */
.in-main{ background: #e5e5e5; }
.in-main .incon{ width: 1060px; margin: 0 auto; padding-top: 50px; }
.in-main .incon .sec1{ width: 720px; margin: 0 auto; }
.in-main .incon .sec1 .title{ font-size: 36px; color: #4c4948; text-align: center; }
.in-main .incon .sec1 .con{ height: 120px; font-family:"微软雅黑"!important; padding-right: 20px; line-height: 24px; color: #4c4948; font-size: 12px; margin: 30px 0 0 0; }
#ascrail2000{ background: #d5d5d5; } /* 设置滚动条背景 */
.in-main .incon .sec2{ padding: 30px 0 60px; }
.in-main .incon .sec2 ul{ height: 240px; width: 840px; margin: 0 auto;  }
.in-main .incon .sec2 li{ width: 240px; height: 240px; margin-right: 60px; float: left; }
.in-main .incon .sec2 li img{ display: block; width: 100%; height: 100%; }


/* 项目动态 */
.news{ width: 1060px; height: 542px; margin: 0 auto; }
.news .left{ width: 231px; height: 542px; float: left; }
.news .left h1{ height: 30px; border-left: 4px solid #fff; padding-left: 10px; line-height: 30px; color: #fff; font-size: 36px; position: relative; top: 250px; }
.news .list{ width: 738px; height: 432px; margin-top: 110px; float: left; position: relative; }
.news .list .button{ display: block; width: 36px; height: 18px; position: absolute; z-index: 999; left: 0; }
.news .list .prev{ background: url(../images/a_top.png) no-repeat; top: -30px; }
.news .list .next{ background: url(../images/a_bottom.png) no-repeat; bottom: 90px; }

.news .list .bd{ border-top: 1px solid #adaba8; }
.news .list li{ height: 60px; line-height: 60px; color: #fff; border-bottom: 1px solid #adaba8;  }
.news .list li a{ width: 638px; float: left; display: block; font-size: 16px; color: #fff; }
.news .list li a:hover{ color: #000; }
.news .list li span{ width: 100px; float: right; display: block; font-size: 12px; }

/* 项目动态详情页面 */
.co-main{ min-height: 500px; background: #e5e5e5; }
.co-main .warp{ width: 1060px; min-height: 500px; margin: 0 auto; }
.co-main .conBox{ width: 740px; margin: 0 auto; padding: 50px 0; }
.co-main .conBox .title{ border-bottom: 1px solid #c5c5c5; padding: 20px 0 10px; }
.co-main .conBox .title h1{  line-height: 50px; color: #bf9b31; font-size: 24px; font-weight: bold; }
.co-main .conBox .title .time{ height: 25px; width: 100px; line-height: 25px; font-size: 12px; float: left; }
.co-main .conBox .title .font{ width: 150px; float: right; }
.co-main .conBox .title .font a{ display: inline-block; width: 25px; height: 25px; margin-left: 10px; }
.co-main .conBox .title .font .a1{ background: url(../images/f1.jpg) no-repeat;}
.co-main .conBox .title .font .a2{ background: url(../images/f2.jpg) no-repeat;}
.co-main .conBox .title .font .a3{ background: url(../images/f3.jpg) no-repeat;}

.co-main .conBox .con{ font-size: 12px; color: #434343; line-height: 24px; margin: 20px 0; }
.co-main .page{ width: 1060px; height: 50px; font-size: 12px; line-height: 50px; margin: 50px auto 0; border-top: 1px solid #cecece; }
.co-main .page .left{ width: 50%; height: 50px; text-align: left; float: left; }
.co-main .page .right{ width: 50%; height: 50px; text-align: right; float: right; }
.co-main .page span{ color: #bf9b31; margin-right: 20px; }
.co-main .page a{ color: #4c4948; }
.co-main .page a:hover{ color: #bf9b31; text-decoration: underline; }


/* 产品品鉴 */
.ta-main{ min-height: 500px; background: #585858; }
.ta-main .wrap{ width: 1060px; min-height: 500px; margin: 0 auto; padding-top: 60px; }
.ta-main .wrap ul{ height: 128px; margin-bottom: 20px!important; }
.ta-main .wrap li{ width: 128px; height: 128px; border-radius: 64px; overflow: hidden; margin-right: 15px; border-radius: 64px; float: left; }
.ta-main .wrap li img{ width: 100%; height: 100%; display: block; }
.ta-main .wrap .ul1{ width: 414px; height: 128px; margin: 0 auto; }
.ta-main .wrap .ul2{ width: 700px; height: 128px; margin: 0 auto; }
.ta-main .wrap .ul3{ width: 414px; height: 128px; margin: 0 auto; }

.ta-mask{ width: 800px; height: 550px; position: fixed; z-index: 99999999; left: 50%; top: 50%; margin:-275px 0 0 -400px; display: none; }
.ta-slide{ width: 800px; height: 500px; position: relative; z-index: 999; overflow: hidden; }
.ta-slide .button{ width: 59px; height: 59px; display: block; position: absolute; z-index: 9999; top: 225px; }
.ta-slide .prev{ background: url(../images/a_left.png) no-repeat; left: 5px; }
.ta-slide .next{ background: url(../images/a_right.png) no-repeat; right: 5px; }
.ta-slide .bd{ width: 800px; height: 500px; }
.ta-slide .bd ul{ height: 500px; }
.ta-slide .bd li{ width: 800px; height: 500px; float: left; border-radius: 0; }

.ta-title{ width: 800px; height: 50px; position: relative; }
.ta-title h1{ width: 800px; height: 50px; position: absolute; background: #000; opacity: 0.7; z-index: 1; }
.ta-title h2{ width: 800px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; position: absolute; z-index: 9; }
.ta-title h3{ width: 25px; height: 25px; position: absolute; right: 10px; cursor: pointer; z-index: 9999; top: 10px; background: url(../images/ico_close.png) no-repeat; }

.mask{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: #000; opacity: 0.7; filter:alpha(opacity=70); }