

/* 底部
.footer{width: 100%; float: left; background: #eee; font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; padding-top:30px;} .center-wrap{z-index: 1; width: 1040px; height: 100%; margin: 0 auto;}

.footer dl{float: left; width: 17%; margin-left: 30px;}
.footer dt{line-height: 45px; font-weight: 700;}
.footer a{color: #515151; text-decoration: none;}
.footer a:hover{color: #31a5e7;}
.footer dd{line-height: 28px; margin-left: 0px;}
.copyright{padding: 20px 0; text-align: center; width: 1040px; height: 60px; float: left;}
.clearfix{width:1040px;height: 100%;float: left;}
*/





/* 关于我们样式 */
.inside_banner{background: url('image/about_banner.jpg') no-repeat center; height: 450px;margin-top: 64px;}
.about_tab{width: 1200px; margin: 0 auto; position: relative; height: 100%;}
.about_tab ul{position: absolute; bottom: 0; left: 0; font-size: 0;}
.about_tab li{display: inline-block; width: 100px; text-align: center; vertical-align: bottom; zoom: 1;height:40px;line-height: 40px;}
.about_tab .blue{background: #43bcc7;}
.about_tab .green{background: #a6d250;}
.about_tab .yellow{background: #eab055;}
.about_tab .orange{background: #e9d356;}
.about_tab li a{font-size: 14px; color: #fff; line-height: 40px;}
.about_tab li{font-size: 14px; color: #fff; transition:height 1s; -webkit-transition:height 1s; /* Safari */}
.about_tab li a{ cursor: pointer; }
.about_tab li:hover{height: 100px; cursor: pointer;}

/* 百川概况 */
.situation{width: 100%;float: left;}
.situation_p{width: 1200px;margin:0 auto;}
.about_title{text-align: center; padding-top: 60px; padding-bottom: 32px;}
.about_main{width: 600px;float: left;}
.about_cont{padding-bottom: 30px; margin-bottom: 30px;}
.about_cont h2{font-size: 26px; color: #333; font-weight: normal; margin-bottom: 5px;}
.about_cont h4{font-size: 16px; color: #333; font-weight: normal; background: url("image/a03.jpg") no-repeat left bottom; padding-bottom: 8px; margin-bottom: 30px; white-space: nowrap;}
.about_cont li{margin-bottom: 14px; width: 300px; float: left;}
.about_cont li span{background: #4bcdd9; color: #fff; font-size: 10px; padding: 0 4px; margin-right: 8px; line-height: 12px;}
.about_cont .text{font-size: 14px; color: #333; line-height: 28px;}
.dowebok{float: right; width: 490px;}
.dowebok ul { list-style-type: none;}
.dowebok .row { font-size: 0; text-align: center;}
.dowebok .wow { display: inline-block; width: 280px; height: 280px; margin-top: 10px; border-radius: 50%; font: 30px/280px "Microsoft Yahei"; vertical-align: top; *display: inline; zoom: 1;float: left;}

/* 百川文化 */
.culture{background: url("image/a04.jpg") center center no-repeat; width: 100%; float: left;min-height: 540px;}
.culture_p{color: black; width: 1200px; margin:0 auto;}
.culture_p h2{font-size: 26px; color: #333; font-weight: normal; margin-bottom: 5px;}
.culture_p h4{font-size: 16px; color: #333; font-weight: normal; background: url("image/a03.jpg") no-repeat left bottom; padding-bottom: 8px; margin-bottom: 30px; white-space: nowrap;}

/* 百川资质 */
.zhizi{background: white; text-align: center; padding-bottom: 74px; width: 100%; float: left;}
.zhizi li{float: left; margin: 0 13px;}
.zhizi_c{width: 1200px; margin: 0 auto;}

/* 联系百川 */
.connects{background: url("image/cn01.jpg") no-repeat center; min-height: 500px;width: 100%;float: left;}
.connects_t{padding-top: 40px; width: 1000px; margin: 0 auto; text-align: center; padding-bottom: 40px;padding-bottom: 40px;}
.connect_column{margin-top: 40px;width: 1200px;margin: 0 auto;}
.connect_column li{float: left; text-align: center; width: 260px; height: 280px; margin-left: 20px; position: relative; padding-top: 42px;list-style: none;font-size: 16px; color: #333; line-height: 32px;}
.connect_column .s1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #de6764; opacity: 0.2; filter: alpha(opacity=20);}
.connect_column .s2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #58bec8; opacity: 0.2; filter: alpha(opacity=20);}
.connect_column .s3{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #9ac047; opacity: 0.2; filter: alpha(opacity=20);}
.connect_column .s4{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #31a0e1; opacity: 0.2; filter: alpha(opacity=20);}
.connect_column .i1{display: inline-block; width: 36px; height: 46px; background: url("image/sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block; width: 42px; height: 46px; background: url("image/sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block; width: 40px; height: 46px; background: url("image/sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block; width: 40px; height: 46px; background: url("image/sprite2.png") no-repeat -125px 0;}


