@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:524px; background:url(img/index/banner.jpg) no-repeat center; position:relative}
.banner .btn { overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px; z-index:5}
.banner .btn span{ display:inline-block; width:19px; height:19px; margin:0 2px; text-align:center; line-height:20px; font-size:12px; color:#fff; background:url(img/index/banner_btn.png) no-repeat right center; font-family:Arial}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ background-position:left}
.none{display:none;}

/* -- 弹出窗口 -- */
#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;}

#flashs{ position:relative; height:542px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px; z-index:5}
#flashs .btn span{ display:inline-block; width:36px; height:8px; margin:0 8px; text-align:center; line-height:40px; font-size:12px; color:#fff; background-color:#FFFFFF; font-family:Arial}
#flashs .btn span{ *display:inline}
#flashs .btn span.cur{ background-color:#009944;}

/*search*/
.search { overflow:hidden; width:100%; height:60px; background:url(img/index/linebg.png);}
.search p{ float:left; line-height:60px; font-size:13px; color:#333;}
.search p a{ color:#333; margin:0 5px;}
.search .sbox { overflow:hidden; width:310px; height:30px; border:1px solid #cccccc;float:right; margin-top:15px;}
.search input{ float:left; margin-left:2px; height:30px; line-height:30px; font-size:14px; color:#333; padding:0 10px;background-color:transparent; width:220px; border:none; outline:none;}
.search span{ display:block; width:59px; height:24px; background:url(img/index/search.png) no-repeat center; float:right; cursor:pointer; margin-top:3px; margin-right:3px;}

h2.title{ text-align:center; font-size:20px; color:#000; padding-bottom:15px; background:url(img/common/title.png) no-repeat center bottom; margin-bottom:40px;}
h2.title em{ text-transform:uppercase; font-size:14px; color:#797979; font-family:Arial}
h2.title a{ color:#000}

/*服务*/
.fuwu { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:50px;}
.fuwu ul{ overflow:hidden; width:100%; height:240px;}
.fuwu li{ float:left; width:249px; border-right:1px solid #e1e1e1; height:240px; text-align:center}
.fuwu li .tu{ overflow:hidden; background:url(img/index/fuwu.png) no-repeat center top; width:152px; height:152px; margin:0 auto; margin-bottom:30px;}
.fuwu li img{ display:block;}
.fuwu li p{ font-size:18px; color:#000; margin-bottom:15px;}
.fuwu li i{ display:block; width:37px; height:1px; background-color:#cecece; margin:0 auto;}
.fuwu .last{ border:none}
.fuwu li:hover .tu{ background-position:bottom}

/*pro*/
.pro { overflow:hidden; width:100%; padding:42px 0; background-color:#f8f8f8;}
.prolist {width:1200px; margin:0 auto;}
.prolist .top{ overflow:hidden; margin-bottom:18px; width:100%;}
.prolist .top li{float:left; font-size:16px; width:170px; height:180px; border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee; text-align:center; background-color:#FFFFFF;}
.prolist .top li img{width:87px; height:87px; border-bottom:1px solid #fff; margin-top:17px;}
.prolist .top li div{border-top:1px solid #eee; width:50%; margin:0 auto; height:20px;margin-top:17px;}
.prolist .top li.cur div,.prolist .top li:hover div{border-top:1px solid #009944; }
.prolist .top li span{text-decoration:none;}
.prolist .top li.last{border:1px solid #eee;}
.prolist .top li.cur span,.prolist .top li:hover span,.prolist .top li:hover a,.prolist .top li:hover a{color:#009944;text-decoration:none;}

.prolist .list { overflow:hidden; width:110%;}
.prolist .list li{ overflow:hidden; width:260px; height:360px; float:left; margin-right:50px; border:1px solid #eeeeee; background-color:#fff; margin-bottom:20px;}
.prolist .list li:hover{ background-color:#009944; color:#FFFFFF;}
.prolist .list li:hover p{color:#FFFFFF;}
.prolist .list li dt{width:260px; height:260px;}
.prolist .list li dd{width:260px; text-align:center;}
.prolist .list li dd h4{ font-size:16px; line-height:23px; height:50px; display:block; border-bottom:1px solid #eee;width:220px; margin:0 auto;}
.prolist .list li dd p{ font-size:13px;line-height:20px; text-align:center; overflow:hidden; padding:12px 0 0 0; color:#666666;}


.prolist2 {width:1200px; margin:0 auto;}
.prolist2 .top{ overflow:hidden; margin-bottom:18px; width:100%;}
.prolist2 .top li{float:left; font-size:16px; width:170px; height:180px; border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee; text-align:center; background-color:#FFFFFF;}
.prolist2 .top li img{width:87px; height:87px; border-bottom:1px solid #fff; margin-top:17px;}
.prolist2 .top li div{border-top:1px solid #eee; width:50%; margin:0 auto; height:20px;margin-top:17px;}
.prolist2 .top li.cur div,.prolist .top li:hover div{border-top:1px solid #009944; }
.prolist2 .top li span{text-decoration:none;}
.prolist2 .top li.last{border:1px solid #eee;}
.prolist2 .top li.cur span,.prolist .top li:hover span,.prolist .top li:hover a,.prolist .top li:hover a{color:#009944;text-decoration:none;}

.prolist2 .list { overflow:hidden; width:110%;}
.prolist2 .list li{ overflow:hidden; width:260px; height:360px; float:left; margin-right:50px; border:1px solid #eeeeee; background-color:#fff; margin-bottom:20px;}
.prolist2 .list li:hover{ background-color:#009944; color:#FFFFFF;}
.prolist2 .list li:hover p{color:#FFFFFF;}
.prolist2 .list li dt{width:260px; height:260px;}
.prolist2 .list li dd{width:260px; text-align:center;}
.prolist2 .list li dd h4{ font-size:16px; line-height:50px; height:50px; display:block; border-bottom:1px solid #eee;width:220px; margin:0 auto;}
.prolist2 .list li dd p{ font-size:13px;line-height:20px; text-align:center; overflow:hidden; padding:12px 0 0 0; color:#666666;}


.fenlei{width:552px; height:70px; margin:0 auto; background:url(img/index/sortbg.png) no-repeat center top; text-align:center; margin-bottom:40px;}
.fenlei h3{ font-size:24px; color:#333333; padding-top:13px;}
.fenlei span{ display:block; font-size:9px; color:#cccccc;}
.proline{width:100%; height:4px; margin:0 auto; background:url(img/index/proline.png);}


.video{padding-top:50px;}
.videolist{ width:1200px; margin:0 auto;}
.videolist li{ overflow:hidden; width:360px; height:312px; float:left; margin-top:35px; list-style:none;}
.videolist li div{height:50px; line-height:50px; border-bottom:1px solid #000000; text-align:center;}
.videolist li div a{ font-size:20px;}
/*ad01*/
.ad01 { overflow:hidden; width:1000px; height:164px; margin:0 auto; margin-bottom:55px; margin-top:-20px; background:url(img/index/ad01.jpg) no-repeat center top; position:relative}
.ad01 p{ font-size:20px; color:#fff; font-weight:bold; position:absolute; left:636px; top:110px;}
.ad01 a{ display:block; position:absolute; }
.ad01 .a01{ width:200px; height:40px; left:779px; top:50px;}
.ad01 .a02{ width:156px; height:40px; left:826px; top:100px;}

/*订制*/
.dingzhibg {width:100%; margin:0 auto; padding-top:70px;padding-bottom:70px; text-align:center;}
.dingzhi{width:413px; height:57px; margin:0 auto; background:url(img/index/dingzhi.png) no-repeat center top; text-align:center; margin-bottom:40px;}
.dingzhi h3{ font-size:24px; color:#333333; padding-top:10px;}
.dingzhi span{ display:block; font-size:9px; color:#cccccc}

.liucheng{width:1200px; height:129px; margin:0 auto;}
.liucheng li{width:200px; height:129px; float:left; list-style:none;}
.liucheng_01{background:url(img/index/liucheng.png) no-repeat left top;}
.liucheng_01:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png) no-repeat left top;}
.liucheng_02{background:url(img/index/liucheng.png);background-position: left -200px top;}
.liucheng_02:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png);background-position: left -200px top;}
.liucheng_03{background:url(img/index/liucheng.png);background-position: left -400px top;}
.liucheng_03:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png);background-position: left -400px top;}
.liucheng_04{background:url(img/index/liucheng.png);background-position: left -600px top;}
.liucheng_04:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png);background-position: left -600px top;}
.liucheng_05{background:url(img/index/liucheng.png);background-position: left -800px top;}
.liucheng_05:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png);background-position: left -800px top;}
.liucheng_06{background:url(img/index/liucheng.png);background-position: left -1000px top;}
.liucheng_06:hover{width:200px; height:129px; margin:0 auto; background:url(img/index/liucheng2.png);background-position: left -1000px top;}

/*见证*/
.jianzheng { overflow:hidden; width:100%; margin:0 auto; padding-bottom:50px; background:url(img/index/probg.png) repeat center}
.jianzheng .topt{ overflow:hidden; width:100%;background-color:#009944;height:39px; line-height:39px; margin-bottom:17px;}
.jianzheng .topt h3{ font-size:16px; float:left}
.jianzheng .topt h3 a{ overflow:hidden; color:#fff; margin-top:30px; margin-left:20px;}
.jianzheng .topt em{ font-size:13px; color:#797979; text-transform:uppercase; margin-left:10px;}
.jianzheng .topt .xq{ font-size:12px; color:#fff; float:right; margin-right:20px;}
.jianzheng .jzbox { overflow:hidden; width:110%; height:362px;}
.jianzheng dl{ overflow:hidden; width:260px; height:360px; float:left; margin-right:50px; border:1px solid #eeeeee; background-color:#f8f8f8;}
.jianzheng dl:hover{border:1px solid #ccc;}
.jianzheng dt{width:260px; height:260px; overflow:hidden;}
.jianzheng dd{width:260px; text-align:center;}
.jianzheng dd h4{ font-size:16px; line-height:50px; height:50px; display:block; border-bottom:1px solid #eee;width:220px; margin:0 auto;}
.jianzheng dd h4 a{ color:#333}
.jianzheng dd p{ font-size:13px; color:#333; line-height:20px; text-align:center; overflow:hidden; padding:12px 0 0 0;}
.jianzheng dl img{transition: all 0.6s;}
.jianzheng dl img:hover{transform: scale(1.4);}

/*ad02*/
.ad02 { overflow:hidden; width:1000px; height:143px; background:url(img/index/ad02.jpg) no-repeat center; margin:0 auto; margin-top:-40px; margin-bottom:50px;}
.ad02 a{ display:block; width:220px; height:40px; float:right; margin-right:50px; margin-top:82px;}

/*优势*/
.youshi {width:1200px; margin:0 auto; background-color:#f8f8f8; margin-top:45px; margin-bottom:45px;}
.ystitle{width:552px; height:140px; margin:0 auto; background:url(img/index/pinpai.png) no-repeat center top; text-align:center; margin-top:20px; padding-bottom:60px;}
.ystitle h3{ font-size:24px; color:#333333; padding-top:40px;}
.ystitle span{ display:block; font-size:14px; color:#666666;}


.youshi .box{ overflow:hidden; width:1010px; margin:0 auto; padding-bottom:90px;}
.youshi .boxleft{ overflow:hidden; width:480px; height:370px; float:left;}
.youshi .boxright{ overflow:hidden; width:505px; height:370px; float:right;}
.youshi .boxtitle{ font-size:24px; color:#333333; margin-left:100px; margin-top:0; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd;}
.youshi .boxtitleen{ font-size:12px; color:#cccccc; text-transform:uppercase; margin-left:106px; margin-top:8px; margin-bottom:26px;}
.youshi .yslist li{ font-size:14px; color:#666666; list-style:none; margin-left:106px; line-height:25px;background:url(img/index/block.png) no-repeat top left; padding:0 0 10px 0;}
.botxctl div{ font-size:14px; color:#333; list-style:none; width:240px; height:137px; float:left;text-align:center; color:#333333; cursor:pointer;}
.botxctl div img{ margin-top:25px;}
.botxctl div h3{ font-size:18px; padding:73px 0 5px 0; font-weight:bold;}
.botxctl div span{ font-size:12px; text-transform:uppercase;}

.botxctl .ct1{width:240px; height:137px; float:left;background:url(img/index/ysbg1.png);}
.botxctl .ct1.cur{color:#fff;background:url(img/index/ysbg12.png);}
.botxctl .ct2{width:240px; height:137px; float:left;background:url(img/index/ysbg2.png);}
.botxctl .ct2.cur{color:#fff;background:url(img/index/ysbg22.png);}
.botxctl .ct3{width:240px; height:137px; float:left;background:url(img/index/ysbg3.png);}
.botxctl .ct3.cur{color:#fff;background:url(img/index/ysbg32.png);}
.botxctl .ct4{width:240px; height:137px; float:left;background:url(img/index/ysbg4.png);}
.botxctl .ct4.cur{color:#fff;background:url(img/index/ysbg42.png);}
.botxctl .ct5{width:240px; height:137px; float:left;background:url(img/index/ysbg5.png);}
.botxctl .ct5.cur{color:#fff;background:url(img/index/ysbg52.png);}

.bg1{background:url(img/index/suzi1.png) no-repeat left;}
.bg2{background:url(img/index/suzi2.png) no-repeat left;}
.bg3{background:url(img/index/suzi3.png) no-repeat left;}
.bg4{background:url(img/index/suzi4.png) no-repeat left;}
.bg5{background:url(img/index/suzi5.png) no-repeat left;}

/*about*/
.about {overflow:hidden; width:100%; padding:42px 0; background-color:#f8f8f8;}
.about .abox {width:1200px; margin:0 auto; border:1px solid #CCCCCC;background:url(img/index/aboutus.png) no-repeat center; height:200px; padding:52px 0 60px 0;}
.about p{ font-size:14px; color:#333; line-height:32px; margin-top:70px; margin-left:345px; margin-right:30px;}

/*风采*/
.fengcai { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.fengcai .top{ overflow:hidden; margin-bottom:24px; border-bottom:1px solid #CCCCCC;width:100%;}
.fengcai .top ul{ overflow:hidden; float:left}
.fengcai .top .more{ float:right; font-size:13px; color:#575757;}
.fengcai .top li{ float:left; width:180px; text-align:center;}
.fengcai .top li a{ text-decoration:none; color:#000; display:block;font-size:14px; line-height:40px;}
.fengcai .top li.last a{ border:none}
.fengcai .top li.cur a,.fengcai .top li:hover a{font-weight:bold; border-bottom:2px solid #009944; color:#009944;}
.fengcai .fcbox{ overflow:hidden; width:100%; height:220px; position:relative}
.fengcai .fcbox .fclist{ overflow:hidden; width:100%; height:220px; position:absolute; left:0; top:0}
.fengcai .fclist ul{ overflow:hidden; position:absolute}
.fengcai .fclist li{ float:left; width:283px; height:220px; margin-right:21px;}
.fengcai .fclist li img{ display:block; border:1px solid #d8d8d8; margin-bottom:20px; width:283px; height:214px;}
.fengcai .fclist li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#000}
.fengcai .fclist li a{ display:block; text-decoration: none}
.fengcai .fclist li:hover img{ border-color:#009944;}

.parenter {width:100%; background:url(img/index/line.png); height:90px; margin:40px 0 20px 0; text-align:center;}
.parenter h3{color:#333333; font-size:24px; border-bottom:5px solid #009944; display:block; width:400px; margin:0 auto; padding-bottom:2px;}
.parenter span{color:#666666; font-size:14px; display:block; padding-top:5px;}

.hzbox { overflow:hidden; width:110%; margin:0 auto;}
.hzbox ul{ overflow:hidden;}
.hzbox li{ float:left; margin-right:24px;margin-bottom:24px;}
.hzbox li img{width:220px; border:1px solid #ccc}
.hzbox li img:hover{border:1px solid #009944}
.hzbox li span{ display:block; text-align:center; margin-top:10px; font-size:13px; color:#333;}
.hzbox li a{ display:block; text-decoration:none}


/*ad03*/
.ad03 { overflow:hidden; width:1000px; height:143px; margin:0 auto; margin-bottom:45px; background:url(img/index/ad03.jpg) no-repeat center top;}
.ad03 a{ display:block; width:216px; height:40px; margin-left:752px; margin-top:43px; margin-bottom:5px;}
.ad03 p{ float:right; margin-right:28px; font-size:14px; color:#000;}
.ad03 b{ font-size:20px;}

/*news*/
.news {overflow:hidden; width:100%; padding:70px 0 50px 0; background-color:#f8f8f8;}
.news .newscenter{ overflow:hidden; width:1200px; margin:0 auto;}
.news .newsleft { overflow:hidden; width:362px; float:left; margin-right:55px;}
.news .newsright{width:362px; float:right;}
.news .more{ display:block; width:25px; height:25px; background:url(img/index/news_more.jpg) no-repeat center; float:right;}
.newsbox{ overflow:hidden; width:110%;position:relative}
.newslist { overflow:hidden; width:100%;}
.newslist ul{ overflow:hidden; width:362px; float:left; margin-right:20px;}
.newslist li{ width:100%; overflow:hidden; height:32px; line-height:32px;background:url(img/index/arrow.png) no-repeat left center;}
.newslist li:hover{background:url(img/index/redarrow.png) no-repeat left center;}
.newslist li:hover a{text-decoration:none;}
.newslist li a{ display:block; font-size:14px; color:#666666; float:left; width:250px; margin-left:18px; float:left;}
.newslist li span{ float:right; font-size:14px; color:#666666}
.onetitle a{font-size:14px; padding:22px 0 10px 0; display:block; font-size:14px; font-weight:bold;}
.onenews{ border-bottom:1px solid #eee; padding-bottom:10px; line-height:19px; margin-bottom:5px; font-size:12px; width:360px;}

.news .top{ overflow:hidden; width:362px; height:44px; line-height:44px;background:url(img/index/newsbg.png) no-repeat left center;}
.news .top h3{ float:left; font-size:16px; font-weight:normal;}
.news .top h3 a{ color:#333;}
.news .top span{ font-size:14px; color:#999; font-family:Arial; float:right;}

/*留言*/
.liuyan { overflow:hidden; width:990px; height:323px; border:5px solid #ab372c; margin:0 auto; margin-bottom:45px;}
.liuyan .tu{ overflow:hidden; width:439px; height:323px; background:url(img/index/liuyan.jpg) no-repeat center; float:left}
.liuyan .tu p{ font-size:25px; color:#fff; font-weight:bold; margin-left:112px; margin-top:225px;}
.liuyan ul{ overflow:hidden; width:525px; float:right; margin-top:30px;}
.liuyan li{ overflow:hidden; margin-bottom:12px;}
.liuyan input{ display:block; float:left; padding-left:40px; height:30px; border:1px solid #c0c0c0; line-height:30px; font-size:13px; color:#333; margin-right:15px; width:203px;}
.liuyan select{ width:245px; height:30px; line-height:32px; border:1px solid #c0c0c0; font-size:13px; color:#333; padding:0 10px;}
.liuyan textarea{ padding:10px; padding-left:40px; width:454px; height:100px; background:url(img/index/liuyan04.png) no-repeat left top; font-size:13px; color:#333; border:1px solid #c0c0c0; resize:none; margin-bottom:10px;}
.liuyan .name{ background:url(img/index/liuyan01.png) no-repeat left center;}
.liuyan .mianji{ background:url(img/index/liuyan02.png) no-repeat left center;}
.liuyan .phone{ background:url(img/index/liuyan03.png) no-repeat left center;}
.liuyan em{ display:block; width:248px; height:40px; text-align:center; line-height:40px; font-size:13px; color:#fff; cursor:pointer; background-color:#fc6e19; float:left; margin-right:10px;}
.liuyan a.zxdz{color:#000; background-color:#e6e6e6;display:block; width:248px; height:40px; text-align:center; line-height:40px; font-size:13px;  cursor:pointer;  float:left; margin-right:10px;}