.banner{width:100%;overflow:hidden;position:relative;z-index:1;height:480px}
/*服务项目*/
.site_banner{height:480px;width:100%;background-image:url(/template/default/index/img/sysite_bg.jpg);background-position:center top;clear:both;float:none;}
.site_banner .know-us{padding-top:60px;}
.site_banner .ico_con{clear:both;float:none;height:225px;margin-right:auto;margin-left:auto;overflow:hidden;padding-top:20px;}
.site_banner .ico_con ul{width:1480px;overflow:hidden;}
.site_banner .ico_con ul li{float:left;height:218px;width:218px;display:block;margin-right:76px;background-color:#FFFFFF;text-align:center;border-radius:5px;}
.site_banner .ico_con ul li a{display:block;width:218px;background-repeat:no-repeat;background-position:left top;height:218px;}
.site_banner .ico_con ul li a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}
.site_banner .ico_con ul li a:hover{text-decoration:none;}
.site_banner .ico_con ul li a:hover strong{color:#F6503A;}
.site_banner .ico_con ul li a .ico{height:140px;width:218px;position:relative;overflow:hidden;}
.site_banner .ico_con ul li a .ico span{height:140px;width:218px;}
.site_banner .ico_con ul li:hover a .ico span img{-webkit-transform:scale(1.15);transform:scale(1.15);}
.site_banner .ico_con ul li a .ico span img{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1);transform:scale(1);}
.site_banner .ico_con ul li .i1{background-image:url(/template/default/index/img/syico_ppwzjs.gif);}
.site_banner .ico_con ul li .i2{background-image:url(/template/default/index/img/syico_wmwzjs.gif);}
.site_banner .ico_con ul li .i3{background-image:url(/template/default/index/img/syico_ppyxx.gif);}
.site_banner .ico_con ul li .i4{background-image:url(/template/default/index/img/syico_scjs.gif);}
.site_banner .ico_con ul li .i5{background-image:url(/template/default/index/img/syico_wwz.gif);}
.site_banner .ico_con ul li a p{color:#999999;font-family:Arial, Helvetica, sans-serif;}
.site_banner .ico_con ul li a p strong{font-size:18px;display:block;padding-bottom:5px;color:#444444;padding-top:15px;font-family: "Microsoft YaHei","微软雅黑";}
/*套餐服务*/
.sytc{float:left;position:relative;height:458px;margin-bottom:10px;overflow:hidden;width:685px;float:left;}
.sytc2{float:left;position:relative;height:458px;margin-bottom:10px;margin-left:30px;overflow:hidden;width:685px;float:left;}
.taocan1{position:absolute;overflow:hidden}
.taocan1{width:312px;background-color:#F2F2F2;position:relative}
.taocan1 h3{position:relative;height:90px;background:#f2f2f2 url("../img/webal_floor.png") no-repeat;}
.taocan1 h4{position:relative;height:90px;background:#f2f2f2 url("../img/webal_floor.png") no-repeat;background-position:0 -97px}
.taocan1 h5{position:relative;height:90px;background:#f2f2f2 url("../img/webal_floor.png") no-repeat;background-position:0 -195px}
.taocan1 h6{position:relative;height:90px;background:#f2f2f2 url("../img/webal_floor.png") no-repeat;background-position:0 -292px}
.taocan1 h3 span{padding-left:20px;font-size:24px;line-height:118px;color:#ffffff;}
.taocan1 h4 span{padding-left:20px;font-size:24px;line-height:118px;color:#ffffff;}
.taocan1 h5 span{padding-left:20px;font-size:24px;line-height:118px;color:#ffffff;}
.taocan1 h6 span{padding-left:20px;font-size:24px;line-height:118px;color:#ffffff;}
.smlb{padding-left:16px;padding-right:16px;font-size:14px;line-height:37px;}
.taocan1 img{float:right;}
.youtu{padding-left:312px;height:422px;top:26px;position:absolute;overflow:hidden}
/*套餐服务流程*/
.websites_step_nav{overflow:hidden;padding-bottom:28px;margin-top:-48px;}
.websites_step_nav_ul{position:relative;width:1440px;}
.websites_step_nav_ul li{float:left;display:inline-block;margin-right:30px;}
.websites_step_nav_ul li a{display:inline-block;width:210px;height:160px;background-color:#f2f2f2;text-align:center;border-radius:5px;}
.websites_step_nav_ul li a.active{background-color:#FFF6D9;}
.websites_step_nav_ul li a:hover{background-color:#FF5B00;}
.websites_step_nav_ul li a:hover span{color:#FFFFFF;}
.websites_step_nav_ul li a:hover h5{color:#FFFFFF;}
.websites_step_nav_ul li a span{font-size:29px;color:#6C5451;display:block;padding-top:22px;}
.websites_step_nav_ul li a h5{font-size:16px;color:#595757;padding:10px 10px;line-height:30px;}

/*网站案例展示*/
.yhal-bg{width:100%;height:648px;background-image:url(/template/default/index/img/seoyhbzbg.jpg);overflow:hidden;}
.ryCont{width:1680px;position:relative;margin:0 auto;height:455px;}
.ryCont ul{margin:0 auto;width:1588px;margin-left:49px;overflow:hidden;}
.ryCont li{margin:0 5px;float:left;width:306px;text-align:center;}
.ryCont li img{width:306px;height:455px;border-radius:5px;}
.ryCont .btnLeft , .ryCont .btnRight{position:absolute;width:49px;top:0%;height:455px;}
.ryCont .btnLeft{left:0px;background:url(/template/default/index/img/sygdl.png) no-repeat center;}
.ryCont .btnRight{right:0px;background:url(/template/default/index/img/sygdr.png) no-repeat center;}
/*公司介绍*/
.gywm{width:1400px;margin:0px auto;}
.gywm_tw{width:492px;float:left;margin-right:20px;}
.gywm_tw img{width:452px;padding:10px;border:1px solid #ccc;}
.gywm_wz{width:888px;float:right;}
.gywm_wz span{font-size:26px;line-height:36px;color:#ff6800;}
.gywm_wz p{font-size:16px;line-height:38px;color:#888;}
/*主要业务*/
.gywm_yewu{overflow:hidden;background:#EEF9E8;padding-bottom:36px;}
.gywm_yewu ul{width:1400px;margin:0px auto;}
.gywm_yewu ul li{width:310px;height:135px;font-size:20px;line-height:45px;padding-top:20px;padding-bottom:20px;color:#fff;float:left;text-align:center;border-radius:5px;}
.gywm_yewul1{background:#ff7b2f;margin-right:40px;}
.gywm_yewul2{background:#62bae8;margin-right:40px;}
.gywm_yewul3{background:#85c73f;margin-right:40px;}
.gywm_yewul4{background:#FFAD1E;}
/*设计师相册*/
.gywm_shejishi{background-color:#ffffff;}
.gywm_shejishi ul{width:1424px;}
.gywm_shejishi ul li{width:230px;height:368px;padding:10px;background-color:#fff;border:1px solid #ccc;float:left;display:block;margin:0 10px 0 10px;border-radius:5px;}
.gywm_shejishi ul li:hover{background-color:#ff6800;border:1px solid #ff6800;}
.gywm_shejishi img{width:230px;height:220px;}
.gywm_shejishi h3{margin:20px 0 10px;text-align:center;}
.gywm_shejishi h3 a{font-size:16px;line-height:26px;color:#000000;}
.gywm_shejishi ul li:hover a{color:#fff;}
.gywm_shejishi p a{font-size:14px;line-height:26px;color:#777;}
/*优化服务*/
.index-services{background-image:url(/template/default/index/img/syyhbg.jpg);padding-bottom:18px;}
.index-services .se-list{height:286px;padding-top:8px;width:100%;}
.index-services .se-list ul li{float:left;height:auto;width:276px;text-align:center;}
.index-services .se-list ul li strong{font-size:22px;color:#FF5B00;font-weight:normal;display:block;padding-top:5px;padding-bottom:6px;}
.index-services .se-list ul li .pic{background:url(/template/default/index/img/sybg9.png);height:138px;width:164px;margin-right:auto;margin-left:auto;padding-top:38px;}
.index-services .se-list ul li p{padding-right:20px;padding-left:20px;line-height:28px;font-size:14px;color:#BBBBBB;}
/*优化案例*/
.yhal{width:100%;overflow:hidden;border-top:1px solid #484848;}
.yhal .con{width:100%;background-color:#efefef;overflow:hidden;}
.yhal .con .hd{width:100%;height:99px;background:url(/template/default/index/img/syyhbg.jpg);overflow:hidden;}
.yhal .con .hd .co{width:1360px;height:99px;margin:0 auto;overflow:hidden;position:relative;}
.yhal .con .hd .btt{position:absolute;top:0;left:0;width:219px;height:99px;}
.yhal .con .hd ul{width:1080px;padding-left:120px;background:url(/template/default/index/img/syxbj.png) no-repeat center;text-align:center;margin:0 auto;display:block;float:right;}
.yhal .con .hd ul li{height:99px;padding:0 40px;font-size:15px;line-height:99px;float:left;display:block;cursor:pointer;}
.yhal .con .hd ul li a{display:block;color:#FCFBE2;}
.yhal .con .hd ul li a:hover{color:#fe8a20;}
.yhal .con .hd ul li.on a{color:#fe8a20;}
.yhal .con .bd{width:1400px;margin:28px auto 0;overflow:hidden;}
.yhal .con .bd ul li{width:420px;float:left;display:block;margin:6px 20px 26px;border-radius:6px 6px 0 0;overflow:hidden;position:relative;transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.yhal .con .bd .tb{position:absolute;top:0;left:0;width:420px;height:58px;background:url(/template/default/index/img/sya4.png) no-repeat top left;}
.yhal .con .bd .tb2{position:absolute;top:0;left:0;width:420px;height:58px;background:url(/template/default/index/img/sya4b.png) no-repeat top left;}
.yhal .con .bd .tp{width:420px;height:417px;margin-top:38px;overflow:hidden;}
.yhal .con .bd .wz{padding:15px 15px;background-color:#fff;overflow:hidden;position:relative;font-size:14px;}
.yhal .con .bd .wz h3{font-size:19px;color:#333;line-height:30px;}
.yhal .con .bd .wz span{color:#333;line-height:34px;color:#2B7602;}
.yhal .con .bd .wz p{line-height:28px;color:#868686;}
.yhal .con .bd .wz i{line-height:28px;color:#868686;font-style:normal;}
.yhal .con .bd .wz em{width:393px;height:3px;margin:10px 0;background-color:#FF5B00;display:block;}
.yhal .con .bd .wz .lx{padding:10px;font-size:15px;text-align:center;color:#fff;line-height:26px;background-color:#FF5B00;border-radius:5px;position:absolute;top:15px;right:15px;}
.yhal .con .bd ul li:hover{box-shadow:0 0 6px #aaa;}
/*做网站就是做服务*/
.protection{height:346px;background-image:url(/template/default/index/img/syse_bg.jpg);width:100%;background-repeat:no-repeat;background-position:center top;}
.protection .container{height:auto;width:1378px;margin-right:auto;margin-left:auto;padding-top:63px;line-height:30px;font-size:18px;}
.protection .container em{font-style:normal;color:#f6503a;}
.protection .container strong{font-size:24px;display:block;padding-bottom:12px;}
.protection .container .project{padding-top:20px;}
.protection .container .project ul li{float:left;height:49px;width:149px;text-align:center;color:#FFFFFF;padding-top:100px;margin-right:50px;display:inline;}
/*新闻*/
.index-news{background-color:#eeeeee;padding-top:18px;overflow:hidden;}
.index-news .news-con{padding-top:38px;width:1440px;}
.index-news .news-con .list li{height:116px;width:690px;float:left;margin-left:10px;}
.index-news .news-con .list li .time{height:52px;width:68px;float:left;text-align:center;background-color:#666666;font-size:24px;color:#FFFFFF;line-height:28px;padding:10px;border-radius:5px;}
.index-news .news-con .list li:hover .time{background-color:#F6503A;}
.index-news .news-con .list li .time p{font-size:15px;line-height:24px;}
.index-news .news-con .list li .t{float:left;height:auto;width:560px;margin-left:16px;}
.index-news .news-con .list li .t a{font-size:17px;color:#444444;line-height:24px;}
.index-news .news-con .list li .t p{color:#888888;font-size:14px;line-height:24px;height:48px;overflow:hidden;}

/*首页留言*/
.bottom_feedback{padding-top:56px;background-image:url(/template/default/index/img/sybg11.gif);background-repeat:repeat-x;background-position:top;height:384px;}
.bottom_feedback .container{height:auto;width:1380px;margin-right:auto;margin-left:auto;}
.bottom_feedback .container .l_expert{background-image:url(/template/default/index/img/sybg12.gif);height:268px;width:441px;float:left;padding-top:20px;padding-right:20px;padding-left:20px;padding-bottom:96px;}
.bottom_feedback .container .l_expert span{font-size:22px;color:#FFFFFF;line-height:40px;display:block;padding-top:80px;padding-left:70px;}
.bottom_feedback .container .forms{float:right;width:690px;}
.bottom_feedback .container .forms ul .input{background-repeat:no-repeat;background-position:top;height:40px;padding-bottom:14px;padding-left:10px;padding-top:3px;width:445px;position:relative;border-radius:5px;}
.bottom_feedback .container .forms ul .input span {position:absolute;z-index:10000;top:10px;right:10px;}
.bottom_feedback .container .forms ul .input input{border:1px solid #E0FAFF;height:40px;width:670px;background-color:#E0FAFF;font-size:14px;color:#666666;border-radius:5px;}
.bottom_feedback .container .forms .textarea{background-image:url(/template/default/index/img/sybg14.gif);height:100px;width:670px;padding-top:10px;padding-left:10px;position:relative;overflow:hidden;border-radius:5px;}
.bottom_feedback .container .forms .textarea span {position:absolute;bottom:-500px;}
.bottom_feedback .container .forms .textarea textarea{height:70px;width:680px;border:1px solid #E0FAFF;background-color:#E0FAFF;overflow:auto;font-size:14px;line-height:24px;color:#666666;border-radius:5px;}

/*友链*/
.youlian{width:100%;overflow:hidden;background:url(/template/default/index/img/sybg15.gif);}
.index-partner{padding-top:20px;height:auto;width:1440px;margin-right:auto;margin-left:auto;overflow:hidden;padding-bottom:22px;}
.index-partner .list{height:auto;float:left;margin-top:22px;margin-bottom:26px;margin-left:6px;}
.index-partner .list span{height:50px;display block;float:left;white-space:nowrap;padding-left:43px;}
.index-links{height:100px;width:1342px;margin-right:auto;margin-left:auto;border:1px solid #063531;overflow:hidden;}
.index-links span{float:left;width:50px;height:auto;}
.index-links a{float:left;padding:20px 20px 1px;}

/*理念*/
.gywm_linian{overflow:hidden;background:#FFF2EA;padding-bottom:36px;width:100%;margin:0px auto;}
/*联系付款地图*/
.gywm_lxwm{padding-bottom:36px;width:100%;}
.gywm_lxwm1{background:url(/template/default/index/img/syishanglxbg.jpg) repeat-x bottom;height:368px;padding:1px 0px;}
.gywm_lxwm1_left{width:676px;float:right;position:relative;margin-right:12px;}
.gywm_lxwm1_left h3{font-size:28px;color:#fff;line-height:42px;border-radius:5px;width:676px;padding:6px;background:#ff5d00;padding-left:30px;}
.gywm_lxwm1_left ul li{float:left;width:300px;padding-top:30px;padding-left:30px;}
.gywm_lxwm1_left ul li h4{font-size:20px;font-weight:bold;width:300px;color:#ff5d00;border-bottom:1px dotted #ccc;padding-bottom:3px;line-height:50px;}
.gywm_lxwm1_left ul li p{line-height:46px;font-size:16px;}
.gywm_lxwm1_right{float:left;width:596px;padding:10px;border:1px solid #ccc;}
.gywm_lxwm3{width:1360px;height:313px;padding:50px 25px;}
.gywm_lxwm3left{float:right;width:620px;}
.gywm_lxwm3left img{padding:10px;border:1px solid #ccc;}
.gywm_lxwm4right{float:left;padding-left:60px;}
.gywm_lxwm4right h3{font-size:36px;color:#ff5d00;margin-top:20px;}
.gywm_lxwm4right p{line-height:46px;font-size:18px;margin-top:10px;}
.gywm_wzjslc{padding-bottom:35px;margin:0px auto;width:1006px;}
.gywm_liucheng{margin-top:30px;}