﻿/*Index.css*/

@charset "utf-8";

/* CSS Document */





/*banner*/



/* 地坪工程一站式解决专家 */



.sol{ padding:65px 0;}

.sol h3{ font-size:30px; text-align:center; color:#1e549c; background:url(../images/sol_t.png) no-repeat center bottom; padding-bottom:15px; margin-bottom:40px;}

.sol h3 em{ color:#1e549c;}



.sol .con{ width:1040px; margin:0 auto; background:url(../images/sol_bg4.png) repeat-x 58px 0;}

.sol li{ float:left; text-align:center; width:210px;padding:0 25px; background:url(../images/sol_bg.png) no-repeat 259px 0;}

.sol li span{ display:block; width:143px; margin:0 auto; height:103px; padding-top:40px; background:url(../images/sol_bg2.png) no-repeat;}



.sol li b{ display:block; font-size:20px; color:#1e549c;padding:25px 0 8px; background:url(../images/sol_bg3.png) no-repeat center bottom;}

.sol li p{ margin-top:10px; width:210px; line-height:28px; font-size:14px; color:#333;}

.sol li.cur span{ background:url(../images/sol_bg5.png) no-repeat center bottom; _background:url(../images/sol_bg5.gif) no-repeat center bottom !important;}





/* 产品 */



.pro{ background:url(../images/pro_bg.gif) repeat; padding:0px 0;}

.pro_l{ width:233px;}

.pro_l h3{ background:url(../images/pro_bg2.png) no-repeat; height:102px; padding-left:22px;}

.pro_l h3 a{ color:#fff; font-size:24px; line-height:80px;}

.pro_l h4 { margin-top:14px;}

.pro_l h4 a{ display:block; height:50px; line-height:50px; padding-left: 12px; font-size: 16px;background:url(../images/pro_bg3.png) no-repeat; font-weight:normal;}

.pro_l h4 a:hover{ background:url(../images/pro_bg4.gif) no-repeat; color:#fff; font-weight:bold; text-decoration:none;}



.pro_l li{ width:116px; font-size:14px; height:48px; line-height:48px; float:left; background:url(../images/pro_line.png) no-repeat 0 47px;}

.pro_l li a{ background:url(../images/pro_icon.gif) no-repeat 0 center; padding-left:14px;}

.pro_l li a:hover{background:url(../images/pro_icon2.gif) no-repeat 0 center; color:#1e549c; font-weight:bold;}



.pro_l .tel{ margin-top:14px; background:#e3e3e3 url(../images/tel2.png) no-repeat 34px 30px; text-align:center; padding:30px 0; font-size:14px; color:#333;}

.pro_l .tel b{ display:block; font-size:28px; font-family:"Impact","Arial"; color:#1e549c; padding-bottom:8px;}



.pro_r{ width:750px; overflow:hidden;}

.pro_r li{ float:left; width:244px; margin-bottom:30px; margin-right:6px;}

.pro_r li em{ display:block;position:relative;}

.pro_r li em img{ display:block; width:244px; height:190px;}

.pro_r li em span{ display:block; position:absolute; left:0; bottom:0; text-align:center; height:30px; line-height:30px; background:url(../images/bg1.png) repeat; color:#fff; font-size:14px;width:244px;}

.pro_r li p{ width:180px; margin:0 auto; height:26px; padding-top:12px; overflow:hidden;}

.pro_r li p a{ float:left;}



/* 如何做到 */





.how{ height:595px; background:url(../images/how_bg.jpg) no-repeat center 0; position:relative;}



.how li{ width:145px; height:87px; text-align:center; padding-top:58px; position:absolute;}

.how li span{ display:inline-block; width:140px; height:29px; line-height:29px; background:url(../images/how_bg3.png) no-repeat; font-size:18px; color:#fff;}

.how_a{ background:url(../images/how1.png) no-repeat; left:50%; margin-left:-500px; top:350px;}

.how_b{ background:url(../images/how2.png) no-repeat; left:50%; margin-left:-400px; top:170px;}

.how_c{ background:url(../images/how3.png) no-repeat;left:50%; margin-left:-190px; top:60px;}

.how_d{ background:url(../images/how4.png) no-repeat;right:50%; margin-right:-190px; top:60px; }

.how_e{ background:url(../images/how5.png) no-repeat; right:50%; margin-right:-400px; top:170px;}

.how_f{ background:url(../images/how6.png) no-repeat;right:50%; margin-right:-500px; top:350px;}

.how p{ position:absolute; left:50%; margin-left:-169px; bottom:0;}

.how li.cur span{ background:url(../images/how_bg2.png) no-repeat !important;}





/* 经典案例 */

.subnr{display: none;}

.case{ padding:40px 0 1px 0;}

.case h2{ font-size:23px; text-align:center;  background:url(../images/sol_t.png) no-repeat center bottom; padding-bottom:15px; margin-bottom:30px;}

.case h3 a{ color:#1e549c;}

.case h3 em{ color:#1e549c;}



.case h4{ height:55px;line-height:50px; margin-bottom:20px;}

.case h4 li{ float:left;}

.case h4 li a{ display:block; height:55px; text-align:center; width:155px;color:#FFF; font-size:18px;font-size: 16px; font-weight:normal; background:url(../images/case_bg.gif) no-repeat;}

.case h4 li a:hover,.case h4 li.cur a{ background:url(../images/case_bg2.gif) no-repeat; color:#fff; /*font-weight:bold;*/ text-decoration:none;}



.case h4 span{ float:left;}

.case h4 span a{ display:block; width:70px; height:50px; background:#bfbfbf; color:#fff; text-align:center; line-height:50px; font-weight:normal; font-size:14px;}





.case dl{ background:#fafafa;}

.case dt{ float:left;}

.case dt img{ display:block; width:488px; height:334px;}



.case dd{ float:right; width:450px; padding-right:30px;}

.case dd b{ display:block; font-size:18px; padding:10px 0 16px; background:url(../images/sol_bg3.png) no-repeat 0 60px; margin-bottom:15px;}

.case dd b a{ color:#1e549c;}

.case dd p{ font-size:14px; line-height:30px; margin-bottom:30px; height:188px; overflow:hidden;}

.case dd span a{ margin-right:15px;}





/* 荣誉客户 */



.cust{ position:relative; padding:60px 0; border-top:1px solid #dedede;}

.cust h3{ float:left; width:100px; padding-left:35px; font-size:24px;background:url(../images/cust_t.png) no-repeat; padding-bottom:15px; margin-bottom:30px; margin-right:73px; margin-top:25px;}

.cust h3 a{ color:#1e549c;}

.cust h3 em{ color:#1e549c;}



.cust_con{ float:left; width:750px;}

.cust li{ float:left; margin-right:10px;}

.cust li img{ display:block; width:190px; height:96px; border:1px solid #eee;}



.cust .prev{ position:absolute; left:50%; margin-left:-330px; top:90px;}

.cust .next{ position:absolute; left:50%; margin-left:475px; top:90px;}







/* 优势 */



.ys{}



.ys h3{ height:150px; padding-top:50px; background:url(../images/ys_bg.jpg) no-repeat center 0; text-align:center;}

.ys li{ position:relative; vertical-align:top;}

.ys dl{ position:absolute; left:50%; width:430px;}

.ys_a{ height:413px; background:url(../images/ys_02.jpg) no-repeat center 0;}

.ys_b{ height:401px; background:url(../images/ys_03.jpg) no-repeat center 0;}

.ys_c{ height:475px; background:url(../images/ys_04.jpg) no-repeat center 0;}

.ys_d{ height:473px; background:url(../images/ys_05.jpg) no-repeat center 0;}

.ys_a dl{ margin-left:-500px; padding-top:20px;}

.ys_b dl{ margin-left:70px;padding-top:60px;}

.ys_c dl{ margin-left:-500px; padding-top:75px;}

.ys_d dl{ margin-left:70px;padding-top:75px;}



.ys dt{ padding:35px 0 35px 100px; margin-bottom:10px;}

.ys dt b{ display:block; font-size:28px; color:#1e549c;}

.ys dt span{ display:block; color:#333;font-size:20px; padding-top:6px;}

.ys dd { margin-left:78px; width:330px;}

.ys dd p{ line-height:24px; margin-bottom:4px; font-size:14px; padding-left:20px; background:url(../images/ys_icon.png) no-repeat 0 10px; color:#333;}

.ys dd p em{ font-weight:bold; color:#1e549c;}



.ys_a dt{ background:url(../images/ys1.png) no-repeat;}

.ys_b dt{ background:url(../images/ys2.png) no-repeat;}

.ys_c dt{ background:url(../images/ys3.png) no-repeat;}

.ys_d dt{ background:url(../images/ys4.png) no-repeat;}





/* 走进 */











.guany{ padding:50px 0;}



.about{ width:682px; border:1px solid #ccc;}

.ab_con{ padding:21px 25px;}

.about h3{ float:left; padding-bottom:25px; background:url(../images/sol_bg3.png) no-repeat 0 bottom;}

.about p{width:100%;}

.about p em{ display:block; line-height:33px; color:#333; font-size:16px;}

.about p span{ display:block; margin-top:10px;}

.about p span a{ display:inline-block; width:103px; height:31px; text-align:center; line-height:31px; margin-right:8px; background:url(../images/about_btn2.gif) no-repeat; color:#fff; font-size:14px;}

.about p span a:hover{ background:url(../images/about_btn1.gif) no-repeat;}

.ab_vedio i{ float:left;}

.ab_vedio b{ float:left; display:block; width:524px; height:320px;}



.honor{ width:268px; border:1px solid #ccc; position:relative;}

.hn_con{ padding:20px;}

.hn_con span img{ display:block; width:226px; height:324px;}

.hn_con .next{ position:absolute; right:0; top:0;}

.hn_con li{float:left; width:226px;}

.honor .tel{ text-align:center; font-size:14px; padding-bottom:20px; background:url(../images/tel3.png) no-repeat 50px 2px;}

.honor .tel b{ display:block; color:#1e549c; font-size:28px;font-family:"Impact","Arial";}









/* 公司相册 */



.photo{ background:url(../images/pro_bg.gif) repeat; padding:40px 0;}

.photo h3{ margin-bottom:20px;}

.photo h3 li{ width:200px; float:left; font-size:18px;}

.photo h3 li a{ display:block; height:36px; line-height:30px; background:url(../images/photo_bg1.gif) no-repeat 0 center; padding-left:14px; color:#666; font-weight:normal;}

.photo h3 li.fst{ background:url(../images/photo_t1.png) no-repeat 14px bottom;}

.photo h3 li.snd{ background:url(../images/photo_t2.png) no-repeat 14px bottom;}

.photo h3 li a:hover,.photo li.cur a{ background:url(../images/photo_bg2.gif) no-repeat 0 center; color:#1e549c; font-weight:bold;}



.photo_con li{ width:190px; float:left; margin-right:12px;}

.photo_con li img{ display:block; width:190px; height:140px;}

.photo_con li span{ display:block; text-align:center; height:35px; line-height:35px; background:#e5e5e5; font-size:14px;}





/* 新闻动态 */



.dont{ background:url(../images/pro_bg.gif) repeat;}

.dont h4{ height:38px; background:url(../images/dont_bg1.png) no-repeat 0 bottom; line-height:30px; margin-bottom:25px;}

.dont h4 b{ float:left; font-size:18px; font-weight:normal;}

.dont h4 b a{ color:#1e549c;}

.dont h4 span{ float:right; font-size:12px; font-weight:normal; padding-top:6px;}

.dont h4 span a{ color:#666;}





.link{width:1000px; margin-bottom:50px;overflow:hidden;}

.faq{ width:320px; margin-bottom:50px;overflow:hidden;}

.faq_con{ height:370px; overflow:hidden;}

.faq li{ background:url(../images/faq_icon.gif) no-repeat; padding-left:30px; font-size:13px; margin-bottom:20px;}

.faq li a{ line-height:22px;  color:#1e549c;}

.faq li p{ line-height:27px;margin-top:5px;}



.news{ width:590px;height:210px; margin-bottom:30px; overflow:hidden;}

.news dt{ float:left}

.news dd{ float:right; width:270px;}

.news dd li{font-size:13px; padding-left:16px; background:url(../images/news_icon.gif) no-repeat 0 center; margin-bottom:6px;}

.news dd li a{ color:#4b4b4b;}



.link p{ margin-right:-10px;}

.link p span{ display:inline-block; font-size:13px; line-height:26px; width:150px; margin-right:10px;}

.link p span a{ color:#4b4b4b; }



@charset "utf-8";

html{color:#000;background:#FFF; }

body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#333; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:underline;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}







/* -- 页面整体布局 -- */

.header , .content , .footer { width:1000px; margin:0 auto;  }

.left { width:201px; float:left; overflow:hidden;}

.left2 { width:670px; float:left; overflow:hidden;}

.left3 { width:754px; float:left; overflow:hidden; color:#666;}

.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}

.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}

.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }



.right { width:735px; float:left; display:inline; margin-left:24px; overflow:hidden;}

.right2 { width:275px;  float:right; overflow:hidden;}

.right3 { width:201px; float:right; overflow:hidden; color:#666;}

.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}



.right_main { width:735px; padding-bottom:15px; overflow:hidden; }

.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}

.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}



.h_nav li a:-webkit-any-link{ display:block;}





/* 自定义属性 */

em{font-style:normal;}

.clearfix{zoom:1;}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

body{font-family:'Microsoft YaHei';}

.no_mg{ margin:0 !important;}

.no_pd{ padding:0 !important;}

.no_bd{ border:none !important;}

.no_bg{ background:none !important;}



/*头部开始*/

.h_wrap{background:url(../images/h_bg.gif) repeat-x; height:218px; overflow:hidden;}



.h_top{ height:28px;line-height:28px; color:#7d7d7d; font-size:12px;}

.h_top em{float:left; }

.h_top p{float:right;}

.h_top a{ display:inline-block;color:#7d7d7d; padding:0 14px; border-right:1px solid #e9e9e9;}



.h_con{ height:100px; padding-top:30px;}

.h_logo{float:left;}

.h_logo h5{ float:left; padding-right:14px;}

.h_logo p{float:left; font-size:15px;margin:10px 0 0; padding-left:18px; border-left:1px solid #c9c9c9; color:#333;}

.h_logo span{display:block;color:#1e549c; font-size:18px; padding-bottom:5px;}



.h_tel{float:right;font-size:16px; background:url(../images/tel.png) no-repeat 0 center; padding-left:52px; margin-top:10px;}

.h_tel b{ display:block;font-size:20px;color:#1e549c; /*font-family:"Impact","Arial";*/}

.header .h_tel b{ display:block;font-size:30px;color:#1e549c;font-family: 'Microsoft YaHei'; /*font-family:"Impact","Arial";*/}

.h_nav{ height:60px;overflow:hidden;}

.h_nav li{float:left;height:60px; overflow:hidden;background:url(../images/nav_bg.gif) no-repeat right 0;}

.h_nav li span{ display:block; text-align:center; text-transform:uppercase; font-size:12px; font-family:"Arial"; color:#fff;padding-top:4px;}

.h_nav a{display:inline-block;padding:16px 14px 13px 14px; height:35px; font-size:16px; color:#fff;}

.h_nav a:hover{ text-decoration:none;}

.h_nav li.cur a,.h_nav li a:hover{background:#d71f1f;}

.h_nav li.cur span,.h_nav li a:hover span{ color:#fff;}



/*头部结束*/





/*搜索框*/



.search{ height:54px;}

.search .content{ border-bottom:1px solid #dadada;}

.search p{ font-size:14px; float:left; width:800px; overflow:hidden; line-height:54px;}

.search p span{ color:#1e549c; font-weight:bold;}

.search p a{ padding:0 6px; color:#666;}

.ser_inp{ float:right; margin:12px 0 0; background:url(../images/ser_bg.gif) no-repeat; width:270px; padding-right:10px; }

.ser_inp .inp01{ float:left; width:220px; height:30px; line-height:30px; padding-left:14px; outline:none; border:none; background:none; color:#cccccc;}

.ser_inp .btn01{ cursor:pointer; float:right; border:none; width:30px; height:28px; background:url(../images/ser_btn.gif) no-repeat; }







/*底部开始*/



.f-wrap{ background:url(../images/f_bg.png) ;margin-top: 40px}

.f_nav{ width:1000px; overflow:hidden; padding:40px 0 20px;border-bottom: 1px solid #eee;}

.f_nav  a{ color:#fff;}

.f_nav li{ float:left; height:228px; width:120px; padding-left:50px; background:url(../images/f_line2.png) no-repeat;}

.f_nav li b{ display:block; font-size:18px; margin-bottom:10px;}

.f_nav li p span{ display:block; font-size:13px; line-height:26px;}

.f_nav li.fst{ padding-left:0 !important;}

.f_nav li.ctr{ padding-right:30px;}



.f_nav dl{ float:left; height:258px; padding:0 50px; background:url(../images/f_line2.png) no-repeat;}

.f_nav dt{display:block; font-size:18px; margin-bottom:10px;}

.f_nav dd.erj span{display:block; font-size:14px; line-height:36px;}

.f_nav dl.fst{ padding-left:0 !important;}

.f_nav dl.ctr{ padding-right:30px;}



.f_infor{ height:170px; padding-top:15px; position:relative;}

.f_infor h2{ float:left; padding:20px 25px 0 0;}

.f_infor p{color:#fff;  font-size:14px; line-height:30px; background:url(../images/f_line.png) no-repeat 0 8px; padding-left:25px;}

.f_infor p a{color:#fff;}





.qrcode{ width:180px;}

.qrcode li img{vertical-align:middle; padding-right:5px; margin-top:10px; width: 140px;} 

.qrcode li span{ display:inline-block; height:108px; width:12px;vertical-align:middle; padding:12px 7px; background:url(../images/qrcode_bg.png) no-repeat center; color:#fff; margin-top:10px;}











/*底部结束*/







/*在线客服*/



/*  返回顶部   */

#roll_top, #fall, #ct{position: relative;cursor: pointer;height: 72px;width: 26px;}

#roll_top{background: url(../images/top.gif) no-repeat;}

#fall{background: url(../images/top.gif) no-repeat 0 -80px;}

#ct{background: url(../images/top.gif) no-repeat 0 -40px;}

#roll{ z-index:999;display: block;width: 15px;margin-right: -545px;position: fixed;right: 50%;bottom: 10%;_margin-right: -545px;_position: absolute;_margin-top: 400px;_top: expression(eval(document.documentElement.scrollTop));}



/*  首页广告切换小数字   */

#flashs .btn {bottom: 20px;margin-right: -485px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7;}

#flashs .btn span {background: none repeat scroll 0 0 #ccc;border: 1px solid #ccc;color: #FFFFFF;cursor: pointer;display: inline-block;margin-left: 5px;padding: 2px 6px;}

#flashs .btn span.cur{background:#1e549c;}







/* 在线留言  */

/*temp.css*/

#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../images/nodata.gif) no-repeat 20px 20px;}

/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}



.ly{background:url(../images/pro_bg.gif) repeat; padding-bottom: 50px;}

.ly h3{ text-align: center; font-size: 24px; padding-bottom: 24px; background:url(../images/ly_bg.png) no-repeat  center bottom;  margin-bottom: 22px; }

.ly h3 a {color: #1e549c; padding-left: 32px; background:url(../images/ly_icon.png) no-repeat 0 center;}



.ly_l{width: 600px;background:url(../images/ly_bg2.jpg) no-repeat; height: 358px; position: relative;}

.ly_l b{ position: absolute; left: 306px;  top: 78px; font-size: 18px; font-weight: bold; color: #fff; }

.ly_l p{ position: absolute; left: 306px;  top: 132px; font-size: 14px; font-weight: bold; line-height: 24px; color: #333;  width: 208px;}

.ly_l p em{ color: #1e549c; }

.ly_l p span{ display: block; padding: 18px 0 0 22px; }



.ly_r{ width: 400px; background: #fff; height: 358px; }

.ly_r ul{padding: 34px 24px;}

.ly_r li{ margin-bottom: 18px; color: #1e549c; }

.ly_r li span{ font-size: 14px; color: #333; width: 76px; display: inline-block; }

.ly_r li input{ width: 234px; height: 28px; line-height: 28px; border: 1px solid #b2b2b2; margin-right: 4px; color: #333; }

.ly_r li textarea{width: 234px; height: 84px;}

.ly_r li.bd4 span{ vertical-align: top; }

.ly_r li.btn {padding-left: 76px;}

.ly_r li.btn input{ width: 112px; height: 40px; cursor:pointer; border: none; }

.ly_r .btn1{ background:url(../images/ly_btn1.gif) no-repeat;} 

.ly_r .btn2{ background:url(../images/ly_btn2.gif) no-repeat;} 





.cl{HEIGHT: 0px; CLEAR: both;}



.jz{margin:0 auto;}



.fl{FLOAT: left}



.fr{FLOAT: right}



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



.c{*zoom:1;}



.c:after{content: ""; display: block; height: 0; clear: both;}



.txt-c{text-align: center;}



.txt-r{text-align: right;}



.col-white{color: #fff;}



/*联系我们*/



.contact{background: url(../images/contact-bg.jpg) no-repeat center; height: 156px; }



.contact .container{position: relative;}



.contact span{display: block; font-size: 12px; line-height: 25px; color: #f7f7f7; opacity: 0.3;  letter-spacing: 1rem; text-transform: uppercase;}



.contact .info{margin-top: 21px; width: 619px; margin-right: 93px;}



.contact .info strong{font-size: 32px; line-height: 32px; color: #ffffff;}



.contact .info strong b{color: #d71f1f;}



.contact .info em{display: block;font-size: 16px; line-height: 16px; color: #ffffff; margin: 13px 0 18px;}



.contact .info i{display: block; width: 126px; height: 2px; background: #1e549c;}



.contact .tel{background: url(../images/contact-tel.png) no-repeat left center; padding-left: 57px; margin-top: 17px; margin-bottom: 14px;}



.contact .tel p{display: block; font-size: 14px; line-height: 14px; margin-bottom: 6px; color: #fff;}



.contact .tel b{display: block; font-size: 22px; line-height: 17px;}



.contact .list ul li{float: left; background: url(../images/contact-icon.png) no-repeat left center; padding-left: 31px; font-size: 18px; line-height: 20px; color: #fff; font-weight: bold; margin: 0 18px 0 7px;}



.contact .pic img{position: absolute; top: -25px; right: 0;}







.txt-c {

    text-align: center;

}



/*秀涂地坪工程四大核心优势*/



.fourys{margin-bottom: 45px;background-color: #f8f8f8;padding: 60px 0px 40px 0px;}



.fourys .title{margin-bottom: 30px;}



.fourys .title strong,.fourys .title b{display: inline-block; font-size: 24px; line-height: 52px; color: #fff; text-align: center; width: 265px; margin-bottom: 12px;}



.fourys .title strong{background:#d71f1f;}



.fourys .title b{background: #1e549c;}



.fourys .title span{display: block; font-size: 17px; line-height: 15px; color: #9c9c9c; margin-top: 12px;}



.fourys-list ul li{position: relative;}



.fourys-list ul li h3{display: block; background: url(../images/text-bg.png) no-repeat center;  font-size: 24px;color: #fff; text-align: center; padding: 13px 16px; margin-right: 20px;}



.fourys-list ul li strong{display: block; font-size: 31px; line-height: 41px; color: #2b2b2b;font-weight: bold;}



.fourys-list ul li span{display: block; font-size: 15px;  color: #9a9a9a; text-transform: uppercase; margin: 2px 0;}



.fourys-list ul li p{display: block; font-size: 16px; line-height: 1.5; color: #616161;}







.fourys-list ul li.item1 .info{margin-top: 26px;}



.fourys-list ul li.item2{margin-bottom: 18px;}



.fourys-list ul li.item2 .info{margin-top: 69px;}



.fourys-list ul li.item2 h3{margin-right: 0; margin-left: 20px;}







.fourys-list ul li.item2 .info p{margin-bottom: 50px;}



.fourys-list ul li.item2 .ys-tel{margin-right: 34px;}



.ys-zx{display: block; width: 158px; height: 49px; background: #1e549c; font-size: 17px; line-height: 49px; color: #fff; text-align: center;}



.ys-tel{background: url(../images/fourys-tel.png) no-repeat left center; padding-left: 59px; text-align: left; height: 46px;}



.ys-tel em{display: block; font-size: 14px; line-height: 14px; color: #616161; margin-top: 4px; margin-bottom: 7px; }



.ys-tel b{display: block; font-size: 25px; line-height: 19px; color: #1e549c;}







.fourys-list ul li.item3{margin-bottom: 112px; height: 271px;}



.fourys-list ul li.item3 .info{margin-top: 43px;}



.fourys-list ul li.item3 .info p{margin-bottom: 41px;}



.ys-more{background:#099537; margin-right: 34px;}







.fourys-list ul li.item2 .zx-weixin img{position: absolute;  left: 1220px;  top:164px; float: right; opacity:0; z-index: 3;}



.fourys-list ul li.item3 .zx-weixin img{opacity: 0; left: 473px; float: left; top: -90px;}



.fourys-list ul li:hover .zx-weixin img{opacity: 1;}







.fourys-list ul li.item4 .pic{margin-top: -59px;}



.fourys-list ul li.item4 .info{margin-top: 0px;}





.container {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}