/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;}
body{font-size: 12px;font-family: '微软雅黑', Arial;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle}
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#0093ff;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.h{display:none;visibility:visible;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear:both;content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.btn{font-family:"宋体";font-weight:normal;}
.px20{height:20px;line-height:20px;}
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor{line-height:24px;text-align:left;}
.editor p{text-indent:2em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}
/* 分页样式 */
.page{text-align:center;margin-top:20px;}
.page a{display:inline-block;padding:5px 10px;margin-right:10px;color:#fff;border:1px solid #2eafbb;color:#2eafbb;}
.page a:hover{background-color:#2eafbb;color:#fff;}
.page a.now{background-color:#2eafbb;color:#fff;}

/* header */
.section{overflow:hidden;}
.header{height:100px;}
.header h1{width:216px;}
.logo{padding-top:24px;}
.header .logo_text{width:163px;margin-top:24px;padding-left:5px;}
.top{text-align:right;color:#888888;padding-top:12px;*position:relative;*z-index:2;}
.top a{color:#888888;margin-left: 8px;}
.top .call{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat 0 0;display:inline-block;width:20px;height:16px;vertical-align:bottom;margin-right:4px;}
.top .call_tel{color:#15909c;}
.top .email{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -20px 0;vertical-align:bottom;margin-right:4px;}
.top .weixin{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -60px 0;vertical-align:bottom;margin-right:4px;}
.top .ewm{position:relative;z-index:10000;}
.top .ewm img{position:absolute;right:0;top:30px;z-index:999;border:1px solid #ddd;padding:4px;background:#fff;display:none;z-index:10000;}

.nav{margin-top:18px;position:relative;}
.nav li{float:left;padding-left:40px;}
.nav li a{font-size:14px;color:#000000;line-height:24px;display:inline-block;}
.nav .nav_icon{background:#15909c;height:1px;line-height:1px;display:inline-block;position:relative;top:-6px;*top:0px;}

.home_title{text-align:center;padding-top:50px;}

/* footer */
.contact{background: #2eafbb;margin-top:40px;padding-top: 38px;padding-bottom: 60px; }
.contact h2{margin-bottom:28px;}
.contact h2 a{font-size:18px;color:#fff;font-weight:normal;}
.home_about{width:250px;}
.home_about dt{margin-bottom: 24px;}
.home_about dt a{font-size:18px;color:#fff;font-weight:normal;}
.home_about dd{color: #eeeeee;line-height: 28px;font-family: "宋体";}
.home_about .more{color: #fff;display: inline-block;border: 1px solid #cccccc;line-height: 38px;padding: 0 24px;margin-top: 12px;}
.home_about .more:hover{border-color: #fff;}
.home_case{width:300px;margin-left:45px;}
.home_case li{border-top:1px solid #ccc;height:52px;padding:14px 0;}
.home_case li:first-child{border:0;padding-top:3px;}
.home_case li img{float: left;margin-right: 18px;}
.home_case h5{margin-top:-5px;line-height:28px;}
.home_case h5 a{font-size:14px;color:#fff;font-weight:normal;}
.home_case .text{line-height:22px;}
.home_case .text a{color:#dddddd;font-family:"宋体";}
.home_case .label{color: #cccccc;line-height: 28px;}
.home_service{width: 230px;margin-left:45px;}
.home_service a.sub{font-size: 12px;color: #fff;line-height: 38px;width: 98px;display: inline-block;border: 1px solid #cccccc;text-align: center;margin-right: 12px;margin-bottom: 12px;margin-top: 3px;}
.home_service a.sub:hover{border-color: #fff;}
.home_contact{margin-left:40px;}
.home_contact li{color: #ddd;margin-bottom: 14px;}
.home_contact li i{display:inline-block;width:18px;height:18px;margin-right: 10px;vertical-align: middle;}
.home_contact li .addres{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat 0 -20px  ;}
.home_contact li .weibo{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -20px -20px  ;}
.home_contact li .email{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -40px -20px  ;}
.home_contact li .weixin{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -80px -20px  ;}
.home_contact li .call{background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ no-repeat -0px -0px  ;}
.home_contact li a{color: #ddd;}
.blogroll{line-height: 28px;color: #999;text-align: center;padding: 30px 0;}
.blogroll a{color: #999;display:inline-block;}
.blogroll a:hover{color: #333;}
.blogroll .copyright{margin-top: 16px;}

/*inside*/
.inside_banner{position: relative;}
.inside_banner_service{background: url("../images/service_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/service_banner.jpg*/ no-repeat center;height: 400px;}
.inside_banner_mobile{background: url("../images/m_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/m_banner.jpg*/ no-repeat center;height: 400px;}
.inside_banner_solution{background: url("../images/sl_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/sl_banner.jpg*/ no-repeat center;height: 400px;}
.inside_banner_news{background: url("../images/n_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/n_banner.jpg*/ no-repeat center;height: 400px;}
.inside_banner .wrap{height: 100%;}
.about{overflow: hidden;}
.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;*display: inline;zoom: 1;}
.about_tab li a{font-size: 14px;color: #fff;line-height: 40px;}
.about_tab li.on a{line-height: 100px;}
.about_tab .blue{background: #43bcc7;}
.about_tab .green{background: #a6d250;}
.about_tab .yellow{background: #eab055;}
.about_tab .orange{background: #e9d356;}
.about_title{text-align: center;padding-top: 60px;padding-bottom: 32px;}
.about_main{width: 600px;position: relative;}
.about_pic{position: relative;width: 490px;}
.about_pic img{position: absolute;}
.about_cont{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.about_main .about_cont:first-child{border-bottom: 1px dashed #d3d3d3; }
.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("../images/a03.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/a03.jpg*/ no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;white-space: nowrap;}
.about_cont .text{font-size: 14px;color: #333;line-height: 28px;}
.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;*padding: 2px 4px;}
.culture{background: url("../images/a04.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/a04.jpg*/ no-repeat center;min-height: 540px; }
.culture  .about_cont:first-child{border: 0;}
.zhizi{background: #f7f7f7;text-align: center;padding-bottom: 74px;}
.zhizi ul{display: inline-block;*display: inline;zoom: 1;}
.zhizi li{float: left;margin: 0 13px;}
.jion{background: url("../images/a14.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/a14.jpg*/ no-repeat center;min-height: 720px;}
.jion .test{border-width: 78px 0;border-style: solid;border-color: #2eafbb transparent transparent transparent;width: 0;height: 0;  }
.jion .about_title{position: relative;z-index: 3;}
.jion_box{width: 1200px;margin: 0 auto;position: relative;}
.jion_img{position: absolute;top:15px;left: 0;}
.jion_img>img:first-child{position: relative;top:151px;margin-right:-3px;    }
.jion_img img{}
.jion_tab{position: absolute;top:151px;left: 75px;}
.jion_tab li{float: left;width: 150px;height:150px;line-height:150px;text-align:center;font-size: 20px;color: #fff;text-align: center;background: url("../images/a19.png")/*tpa=http://www.bytecreator.net/Public/Web/images/a19.png*/ no-repeat;cursor: pointer;}
.jion_tab .post{display: none;}
.jion_tab li:hover{background: url("../images/a18.png")/*tpa=http://www.bytecreator.net/Public/Web/images/a18.png*/ no-repeat;}
.jion_tab li:hover .post{display: block;}
.jion_tab li:hover .icon{display: none;}
.jion_tab li.on{background: url("../images/a18.png")/*tpa=http://www.bytecreator.net/Public/Web/images/a18.png*/ no-repeat;}
.jion_tab li.on .post{display: block;}
.jion_tab li.on .icon{display: none;}
.jion_info{margin-left: 250px;margin-top: 260px;}
.jion_info dl{display: none;}

.job_tab{display: none;width: 540px;}
.job_tab li{float:left;font-size:20px;color:#333;border-left:2px solid #d9d9d9;margin-right: 16px;padding-left:16px;line-height:20px;}
.job_tab li:first-child{border:0;padding-left: 0;cursor: auto;}
.job_tab .on{color: #2eafbb;}
.job_tab .intro{font-size: 14px;color: #333;line-height: 28px;margin-top: 16px;display: none;}

.jion .send{font-size: 16px;color: #fff;display: inline-block;width: 160px;line-height: 160px;text-align: center;background: url("../images/a17.png")/*tpa=http://www.bytecreator.net/Public/Web/images/a17.png*/ no-repeat;position: absolute;right: 222px;top: 444px;}
.case_demo{position: absolute;bottom: -384px;}
.case_demo li{float:left;width:384px;position:relative;padding:0px;}
.case_info{position: absolute;bottom: 0;left:0;color: #fff;padding: 10px 20px;}
.case_info h3{font-size:16px;color:#fff;position:relative;z-index:1;font-weight:normal;padding-bottom:6px;}
.case_info .text{font-size:12px;color:#ccc;position:relative;z-index:1;line-height:20px;}
.case_shade_top{position:absolute;top:0;left:0;width:384px;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_info .case_icon{display:none;padding:12px 0;}
.case_info .case_icon img{position:relative;}
.case_shade{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_type{position:absolute;right: 0;top:100px;width: 200px;}
.case_type li{float: right;width: 100px;height: 100px;opacity: 0;}
.case_type li a{text-align: center;font-size: 18px;display: block;line-height: 100px;color: #fff;}
.case_type .green{background: #43bcc7;}
.case_type .red{background: #de6764;}
.case_type .blue{background: #31a0e1;}
.case_type .purple{background: #6a8bd2;}
.case_type .orange{background: #9ac047;}
.case_type .gray{background: #c7a643;}

.case_more{text-align: center;margin-top: 40px;}
.case_more a{display: inline-block;font-size: 14px;color: #2eafbb;line-height: 38px;border: 1px solid #2eafbb;display: inline-block;width: 1200px;}

.crumbs{border-bottom:1px solid #f7f7f7;line-height:40px;color:#999999;font-family:"宋体";}
.crumbs .icon{display:inline-block;width:14px;height:14px;background: url("../images/sprite.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite.png*/ -80px 4px no-repeat;margin-right:4px;}
.crumbs a{color:#999;}
.crumbs a:hover{color:#666;}
.crumbs .on{color:#666;}
.case_top{margin-top:40px;}
.case_top h2{margin-bottom:8px;}
.case_top h2 a{font-size:16px;color:#2eafbb;font-weight:normal;display:inline-block;margin-right:12px;}
.case_top h3{font-size:20px;color:#333333;font-weight:normal;margin-bottom:8px;}
.case_top .date{color:#999;}
.case_top .intro{width:440px;line-height:26px;color:#999;}
.case_sign{margin-top:30px;}
.case_sign .info{line-height:26px;color:#999;margin-top:10px;}
.case_sign .info a{color:#999;margin-top:10px;display:inline-block;text-decoration:underline;}
.case_phone{background:url("../images/case_phone_bg.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/case_phone_bg.jpg*/ no-repeat center;width:100%;height:882px;padding-top:78px;margin-top:40px;}
.case_phone_bg{background:url("../images/phone_bg2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/phone_bg2.png*/ no-repeat center;width:405px;height:723px;margin:0px auto;position:relative;}
.phone_slider{padding-top:69px;margin-left:28px;width:350px;height:560px;}
.case_erweima{width:200px;margin:60px auto;border:1px solid #e3e3e3;}
.case_erweima_btn{background-color:#2eafbb;text-align:center;padding:0px 10px;height:40px;line-height:40px;width:140px;margin:0px auto;}
.case_erweima_btn a{color:#e3e3e3;}

.case_erweima2{width:480px;margin:60px auto;}
.case_erweima2 dl{float:left;margin:0 20px;text-align:center;width:200px;}
.case_erweima2 dd{line-height:30px;height:30px;width:188px;background-color:#2eafbb;color:#fff;margin:10px auto;}

a.btn_case_see{width:100%;height:32px;line-height:32px;color:#2eafbb;font-size:14px;background-color:#fff;border:1px solid #2eafbb;text-align:center;display:block;margin:30px auto;}
.c_back{text-align: center;margin-top: 60px;}
.c_back img{cursor: pointer;}
.ser_project ul{margin:40px auto;width:1200px;}
.ser_project li{float:left;margin-left:40px;position:relative;overflow:hidden;}
.ser_project li:first-child{margin:0;}
.blur{filter: blur(4px); -webkit-filter: blur(4px);  -moz-filter: blur(4px);-ms-filter: blur(4px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */}
.blur_shade{background:url("../images/blur.png")/*tpa=http://www.bytecreator.net/Public/Web/images/blur.png*/ no-repeat;position: absolute;top:-600px;left: 0;width: 100%;height: 100%;text-align: center;z-index: 2;opacity: 0;}
.blur_shade h4{font-size: 20px;color: #333;font-weight: normal;padding-top: 100px;}
.blur_shade .text{background: url("../images/s13.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/s13.jpg*/ no-repeat center top ;font-size: 14px;color: #333;margin-top: 8px;padding: 8px 10px 0;}

.ser_scope{background:#f7f7f7;padding-bottom:70px;}
.picBox{width:1200px;margin:40px auto;}
.picBox li{float:left;position:relative;width:400px;display:table;}
.picBox .ser_info{position:absolute;font-size:16px;color:#333;line-height:40px;text-align:center;width:100%;left:0;}
.picBox .s1 .ser_info{bottom:0;}
.picBox .s3 .ser_info{top:0;}
.picBox .s5 .ser_info{bottom:0;}
.picBox .ser_shade{background:#fff;opacity:0.6;filter:alhpa(opacity=60);width:100%;height:100%;position:absolute;top:0;left:0;}
.picBox h2{font-size:16px;color:#333;font-weight:normal;position:relative;z-index:2;}
.picBox .s2:after{height: 0; width:0;content: "";position: absolute;left:-20px;top:50%;
                  border-width:10px;
                  border-style: dashed solid   dashed dashed ;
                  border-color:transparent #2eafbb   transparent transparent;
}
.picBox .s4:after{height: 0; width:0;content:"";position: absolute;right:-20px;top:50%;z-index: 2;
                  border-width:10px;
                  border-style:  dashed dashed  dashed solid;
                  border-color:  transparent  transparent  transparent #2eafbb;
}
.picBox .s6:after{height: 0; width:0;content: "";position: absolute;left:50%;top:-20px;
                  border-width:10px;
                  border-style: dashed    dashed solid dashed ;
                  border-color:transparent  transparent #2eafbb transparent;
}
.picBox .intro{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 28px;padding-top:36px; }
.picBox dl{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 38px;padding-top:36px; }
.picBox dt{font-size:18px;margin-bottom: 8px;}
.picBox dd{display:list-item;list-style-type: circle;white-space: nowrap;}
.picBox li img{width:400px;height:220px;}
.sp_box{margin-top:40px;}

.picScroll-left{ width:1200px;margin: 0 auto;  overflow:hidden; position:relative; padding-bottom: 40px;}
.picScroll-left .hd{ overflow:hidden; position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 2;}
.picScroll-left .hd a{display: inline-block;font-size: 20px;font-weight: 200;color: #999;line-height: 38px;border: 1px solid #999;width: 38px;text-align: center;margin: 0 5px;cursor: pointer;}
.picScroll-left .hd a:hover{color: #333;border-color: #333;}
.mobile_column{}
.mobile_column ul{width: 1200px;margin: 40px auto;}
.mobile_column li{width: 360px;text-align: center;float: left;margin-left: 40px;}
.mobile_column li:first-child{margin-left: 0;}
.mobile_column .title{font-size: 16px;color: #222;margin: 10px auto;line-height: 26px;}
.mobile_column .intro{color: #999;line-height: 22px;width: 320px;margin: 0 auto;}
.wechat{background: url("../images/m06.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/m06.jpg*/ no-repeat center top;position:relative;}
.wechat dl{margin-left:140px;margin-top:300px;float:left;}
.wechat dt{font-size: 36px;color: #333;margin-bottom: 30px;}
.wechat dd{font-size: 16px;color: #333;line-height: 30px;}
.wechat_intro{margin-top: 60px;position: relative;top:40px;overflow: hidden;}
.wechat_img{width: 540px;float:right;min-height: 680px;overflow: hidden;position: relative;left: 86px;}
.wechat_img img{position: absolute;right: 0;bottom: 0;}
.wi_left{width: 460px;margin-left: 78px;position: relative;}
.wi_left img{position: relative;}
.wi_right{width: 540px;background: url("../images/m10.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/m10.jpg*/ no-repeat left top;padding-left: 115px;padding-top: 92px;}
.wi_right h2{font-size: 36px;font-weight: normal;color: #333;margin-bottom: 30px;}
.wi_right h3{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 28px;}
.wi_right .text{font-size: 16px;font-weight: normal;color: #333;line-height: 30px;}
.solution_list{width: 1200px;margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #2eafbb;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#2eafbb;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:hover{color:#2eafbb;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}

.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.solu_img:hover>img{
    transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

.news_tab{width: 1200px;margin: 60px auto 0;}
.news_tab ul{margin-right: -40px;}
.news_tab li{float:left;width:205px;height:70px;overflow:hidden;padding-left:20px;margin-right:20px;margin-bottom:20px;}
.news_tab h2{font-size:20px;color:#fff;font-weight:normal;padding-top:12px;}
.news_tab .eg{font-size:14px;color:#fff;text-transform: uppercase;padding-bottom:12px;font-family:Arial;}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab li.sel{opacity:0.8;filter:alpha(opacity=80)}
.news_tab .cyan{background: #43bcc7;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .red{background: #de6764;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .blue{background: #31a0e1;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .purple{background: #6a8bd2;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .green{background: #9ac047;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .black{background: #000000;}
.news_tab .cyansel{background: #43bcc7;opacity:1;filter:alpha(opacity=100)}
.news_tab .redsel{background: #de6764;opacity:1;filter:alpha(opacity=100)}
.news_tab .bluesel{background: #31a0e1;opacity:1;filter:alpha(opacity=100)}
.news_tab .purplesel{background: #6a8bd2;opacity:1;filter:alpha(opacity=100)}
.news_tab .greensel{background: #9ac047;opacity:1;filter:alpha(opacity=100)}
.news_list{width: 1200px;margin: 0 auto;overflow:hidden;}
.news_list li{background: #f7f7f7;zoom:1;margin-top: 40px;position: relative;}
.news_list .line{display: block;position: absolute;background: #2eafbb;}
.news_list li:after{content: "";clear: both;display: table;}
.news_time{background: #2eafbb;width: 120px;height: 100%;padding: 18px 20px 40px 0;}
.news_time .day{display: block;font-size: 70px;color: #fff;font-family: "Impact";text-align: right;}
.news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .type{display: block;text-align: right;background: url("../images/n01.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/n01.jpg*/ no-repeat right top;padding-top: 6px;margin-top: 4px;}
.news_time .type a{color: #fff;font-family: '宋体', Arial;}
.news_cont{width: 980px;margin-right: 40px;}
.news_cont h2{font-size: 20px;font-weight: normal;padding-top: 26px;}
.news_cont h2 a{color: #333;}
.news_cont a:hover{color: #2eafbb;}
.news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_cont .vis{color: #999;line-height: 38px;margin-top: 12px;}
.news_cont .more{float: right;color: #2eafbb;display: inline-block;border: 1px solid #2eafbb;line-height: 38px;padding: 0 24px;}
.news_more{width: 1200px;margin: 40px auto 80px;text-align: center;}
.news_more a{display: block;font-size: 14px;color: #2eafbb;border: 1px solid #2eafbb;line-height: 38px;}

.backg_new{background: #f7f7f7;padding: 1px 0 40px;margin-bottom: -40px;}
.news_info{width: 1200px;margin: 0 auto;}
.news_box{width: 840px;}
.news_title{border-bottom: 1px solid #eeeeee;margin-top: 40px;padding-bottom: 18px;}
.news_title h2{font-size: 20px;color: #333;font-weight: normal;}
.news_title .sign{color: #999;margin-top: 12px;}
.news_title .label{color: #2eafbb;}
.news_title .mark{padding-right: 20px;}
.news_page{text-align:center;margin-top:16px;}
.news_page a{display:inline-block;font-size:20px;font-weight:200;line-height:38px;width:38px;text-align:center;margin:0 0px 0 10px;color:#999;border:1px solid #999;}
.news_page a:hover{color:#333;border-color:#333;}
.news_box .demo{font-size: 14px;color: #333;line-height: 30px;margin-top: 30px;}
.news_box .notice{font-size: 12px;color: #999;padding-top:20px;clear:both;}
.page_list{border-top: 1px dashed #d3d3d3;margin-top: 16px;padding-top: 10px;margin-bottom: 30px;}
.page_list li{line-height: 24px;color: #999;}
.page_list li a{color: #999;}
.page_list li a:hover{color: #2eafbb;}
.page_list .return{float: right;font-size: 14px;color: #2eafbb;border: 1px solid #2eafbb;line-height: 38px;padding: 0 20px;margin-top: 6px;}
.news_menu{width: 240px;background: #f7f7f7;padding: 30px;margin-top: 40px;}
.news_menu dt{font-size: 20px;color: #333;margin-bottom: 24px;}
.news_menu dd{border-bottom: 1px dashed #cccccc;margin-bottom: 20px;}
.news_menu dd h3{color: #333;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.news_menu a:hover{color:#2eafbb;}
.news_menu .text{color: #666;line-height: 24px;margin-bottom: 14px;}
.news_menu .time{color: #999999;line-height: 24px;margin-bottom: 6px;}
.news_seek{border:1px solid #fff;display:inline-block;*display:inline;zoom:1;background:none;position:absolute;left:0;top:280px;}
.news_seek input{border: 0;background: none;color:#fff;width: 0;text-indent: 10px;}
.news_seek img{padding: 10px;cursor:pointer;}
.news_img{position: absolute;right: 0;top:76px;}
.form_msg{height: 400px;width: 420px;position: relative;padding-left: 40px;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #fff;padding-top: 40px;}
.form_msg dd{margin-top: 10px;}
.form_msg .text{border:1px solid #cccccc;background:transparent;color:#ccc;height:32px;width:182px;line-height:32px;text-indent:12px;margin-right:14px;}
.form_msg .text:focus{border-color:#fff;color:#fff;}
.form_msg .textarea{color:#ccc;line-height:32px;padding-left:12px;}
.form_msg .sub_btn{font-size:14px;border:1px solid #fff;background:transparent;color:#fff;height:38px;width:118px;line-height:36px;margin-right:14px;*margin-left:12px;filter:chroma(color=#000000);cursor:pointer;}
.form_msg textarea{width:371px;border:1px solid #ccc;background:transparent;height:100px;color: #ccc;resize: none;*margin-left: 12px;overflow:auto;}
.form_msg textarea:focus{color: #fff;border-color: #fff;outline: none;}
.c_shade{position:absolute;top:0;left:0;background: #fff;opacity: 0.3;filter:alpha(opacity=30);width: 100%;height: 100%;}
.connect{background: url("../images/cn01.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/cn01.jpg*/ no-repeat center;min-height: 500px;}
.connect_column{margin-top: 40px;}
.connect_column li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.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("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ -41px -48px;}
.arrive{background: #f7f7f7;padding-bottom: 40px;margin-bottom:-40px;}
.arrive_column_con{width:1150px;overflow:hidden;}
.arrive_column{margin-left:50px;width:1300px;}
.arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;}
.arrive_column dt{margin-bottom: 20px;}
.arrive_column dd{font-size: 16px;color: #333;line-height: 32px;}
.bus{font-size: 18px;color: #31a0e1;}
.bus dt{margin-left: -50px;}
.bus .icon{display: inline-block;width: 32px;height: 32px;background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ 0 -90px;vertical-align: middle;margin-right: 18px;}
.taxi{font-size: 18px;color: #de6764;}
.taxi dt{margin-left: -50px;}
.taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ -34px -90px;vertical-align: middle;margin-right: 18px;}
.metro{font-size: 18px;color: #9ac047;}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/sprite2.png*/ -66px -90px;vertical-align: middle;margin-right: 16px;}
/*case*/
.container{width:100%;overflow:hidden;*width:100%;overflow:hidden;}
.da-thumbs {width:100%;position:relative;font-size:0;margin:0 auto;}
.da-thumbs li{float:left;width:20%;position:relative;overflow:hidden;*width:19.97%;}
.da-thumbs li a img{display:block;margin:0 auto;position:relative;border:0;}
.da-thumbs li a>img{width:100%;max-width:100%;transform:scale(1);transition:all 0.6s ease-in-out;}
.da-thumbs li a:hover>img{transform: scale(1.1);transition: all 0.4s ease-in-out;}
.da-thumbs li a{overflow:hidden;display:block;}
.da-thumbs li a div{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:10%;display:none;}
.da-thumbs li a:hover div{*display: block;}
.da-thumbs li a div img{position:relative;z-index:2;top:0px;}

.da-shade{background:#2eafbb;opacity:0.8;position:absolute;width:100%;height:100%;}
.da-thumbs h2{position:absolute;bottom:0;left:0;width:100%;font-size:16px;color:#fff;font-family:"微软雅黑";font-weight:normal;text-align:center;line-height:40px;z-index:4;}
.da-thumbs .title_shade{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;z-index:2;bottom:0;left:0;height:40px;width:100%;}
.da-thumbs li a:hover h2{display:none;}
.da-thumbs li a:hover .title_shade{display:none;}

/* case201601 */
.case_t{text-align:center;padding-top:60px;background:url("../images/index201601/case_t_line.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/case_t_line.jpg*/ repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:72px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:42px;height:1px;line-height:1px;background-color:#6bc1ca;margin:0px auto;}
.case_type201601{margin-top:60px;position:relative;z-index:1;}
.case_type201601 ul{width:800px;margin:0px auto;padding-bottom:20px;}
.case_type201601 li{float:left;width:104px;height:38px;line-height:38px;border:1px solid #fff;text-align:center;margin-right:20px;}
.case_type201601 li a{font-size:14px;color:#000;}
.case_type201601 li:hover{border:1px solid #2eafbb;}
.case_type201601 li:hover a{color:#2eafbb;}
.case_type201601 li.sel{border:1px solid #2eafbb;}
.case_type201601 li.sel a{color:#2eafbb;}

.case_search{width:240px;position:absolute;right:0;top:0px;z-index:1;text-align:right;}
.case_seek{border:1px solid #4bcdd9;display:inline-block;*display:inline;zoom:1;}
.case_seek input{border:0;background:none;color:#666;width:0;text-indent:10px;}
.case_seek img{padding:10px;cursor:pointer;}

.case_list_201601{width:1600px;overflow:hidden;margin-top:20px;margin-left:auto;margin-right:auto;}
.portfolio-grid{width:1660px;}

.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:385px;margin-right:20px;margin-top:20px;}

.thumbnail a.thumbnail_a:hover{cursor:url("../images/index201601/more.cur")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/more.cur*/,crosshair;cursor:url("../images/index201601/cases_shi.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/cases_shi.png*/ 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,.4);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta h4{font-size:18px;padding-left:10px;font-weight:normal;width:285px; }
.thumbnail .meta h4 a{color:#000;}
.thumbnail .meta .fr{width:80px;text-align:right;padding-right:10px;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr a.cases_a_pc{background:url("../images/index201601/cases_ico_pc_b.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/cases_ico_pc_b.png*/ no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone{background:url("../images/index201601/cases_ico_phone_b.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/cases_ico_phone_b.png*/ no-repeat center;}
.thumbnail:hover .meta{background-color:#2eafbb;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url("../images/index201601/cases_ico_pc_w.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/cases_ico_pc_w.png*/ no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url("../images/index201601/cases_ico_phone_w.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/cases_ico_phone_w.png*/ no-repeat center;}

/* contact_pay */
.pay_t{margin:48px auto 30px auto;width:223px;}
.pay_list{width:1200px;margin:0px auto;}
.pay_list table{border-collapse:collapse;border:1px solid #ddd;padding:0px;margin:0px;width:100%;}
.pay_list table td{padding:12px 0px 20px 10px;margin:0px;border:1px solid #ddd;font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;}
.pay_list dt{height:80px;}
.pay_list dt.dt2{padding-left:12px;}
.pay_list dd{padding-left:10px;}
.pay_spec{font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;width:1200px;margin:30px auto;}

#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.section{overflow: hidden;}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
.page_next{width:63px;height:63px;position:absolute;bottom:0px;left:50%;margin-left:-40px;z-index:999;opacity:0.6;filter:alpha(opacity=60);
    animation: 3s linear 0s normal none infinite running fade;}


/* webdesign begin */
.webdesign1{width:100%;height:100%;background:#4bcdda;}
.wd_1{width:1000px;height:480px;margin:0px auto;position:relative;}
.wd_1_text{position:absolute;top:-3000px;left:432px;}
.wd_1_text2{position:absolute;top:166px;left:2202px;}
.wd_1_2{position:absolute;top:300px;left:356px;opacity:0.1;filter:alpha(opacity=10);}
.wd_1_left{position:absolute;bottom:-300px;left:-1000px;}
.wd_1_right{position:absolute;top:-400px;right:-1000px;}

.webdesign2{ background:url("../images/webdesign2.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign2.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}
.webdesign3{ background:url("../images/webdesign3.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign3.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}
.webdesign4{ background:url("../images/webdesign4.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign4.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}
.webdesign5{ background:url("../images/webdesign5.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign5.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}
.webdesign6{ background:url("../images/webdesign6.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign6.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}
.webdesign7{ background:url("../images/webdesign7.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/webdesign7.jpg*/ no-repeat center; height:100%; width:100%;position:relative;}

/* right contact */
.right_contact{position:fixed;bottom:60px;right:0px;width:40px;display:none;z-index:100000;}
.right_contact .r_qq{background:url("../images/contact_qq.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_qq.png*/ no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_tel{background:url("../images/contact_tel.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_tel.png*/ no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close{background:url("../images/contact_close.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_close.png*/ no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close:hover{background:url("../images/contact_close2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_close2.png*/ no-repeat center #43bcc7;cursor:pointer;}
.right_contact .r_show{background:url("../images/contact_h.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_h.jpg*/ no-repeat center;width:40px;height:40px;cursor:pointer;}
.right_contact .right_hide{display:none;}
.right_contact .sel .r_qq{background:url("../images/contact_qq2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_qq2.png*/ no-repeat center #43bcc7;}
.right_contact .sel .r_tel{background:url("../images/contact_tel2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_tel2.png*/ no-repeat center #43bcc7;}
.right_contact .r_sub{display:none;position:absolute;right:40px;top:0px;background-color:#43bcc7;padding:20px;line-height:34px;z-index:100000;}
.right_contact .r_sub_tel{width:110px;top:40px;}
.right_contact .r_sub_tel span{display:block;font-size:14px;color:#fff;font-family:"微软雅黑";}
.right_contact .r_top{background:url("../images/contact_top.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_top.png*/ no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;display:none;}
.right_contact .r_top:hover{background:url("../images/contact_top2.png")/*tpa=http://www.bytecreator.net/Public/Web/images/contact_top2.png*/ no-repeat center #43bcc7;}

/* right_contact_201601 */
.right_contact_201601{position:fixed;bottom:300px;right:0px;width:60px;height:240px;z-index:100000;background:url("../images/index201601/right_bg.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_bg.png*/ no-repeat;}
.right_contact_201601 li{position:relative;cursor:pointer;width:60px;height:60px;}
.right_contact_201601 li .hover{display:none;}
.right_contact_201601 .li_top{width:60px;height:60px;background:url("../images/index201601/right_1.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_1.png*/ no-repeat;}
.right_contact_201601 .li_tel{width:238px;height:60px;background:url("../images/index201601/right_2_h.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_2_h.png*/ no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_tel .text{color:#fff;font-size:16px;line-height:24px;padding-left:60px;padding-top:6px;}
.right_contact_201601 .li_qq{width:238px;height:60px;background:url("../images/index201601/right_3_h.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_3_h.png*/ no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_qq .text{color:#fff;font-size:16px;line-height:24px;padding-left:60px;padding-top:6px;}
.right_contact_201601 .li_close{width:60px;height:60px;background:url("../images/index201601/right_4.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_4.png*/ no-repeat;}

.right_contact_201601 .li_tel:hover{margin-left:-178px;width:238px;height:60px;background:url("../images/index201601/right_2_h.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_2_h.png*/ no-repeat;}
.right_contact_201601 .li_qq:hover{margin-left:-178px;width:238px;height:60px;background:url("../images/index201601/right_3_h.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/right_3_h.png*/ no-repeat;}
.right_contact_201601 li:hover .hover{display:block;}

/* right nav */
#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li{display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position:relative;z-index:1;width:100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background: #ccc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:8px;height:8px;border:1px solid #ccc;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1;}

/* 员工天地 */
.news_list_yuangong{width:100%;background:url("../images/news_yuangong_bg.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/news_yuangong_bg.jpg*/ no-repeat center top;height:800px;margin-top:40px;}
.news_list_yuangong ul{width:1200px;margin:0px auto;}
.news_list_yuangong li{width:200px;height:200px;float:left;position:relative;cursor:pointer;overflow:hidden;}
.news_list_yuangong li .li_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;}
.news_list_yuangong li.li .li_caption a{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li .li_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .li2_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .t{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li2 .date{font-size:14px;line-height:30px;color:#fff;font-family:Arial;}
.news_list_yuangong li .li2_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;opacity:0.2;filter:alpha(opacity=20);}

/* kehu info */
.kehu_info_logo{text-align:center;margin:40px auto;}
.kehu_spec{font-size:14px;color:#333;line-height:1.8;width:70%;text-align:center;margin:40px auto;}
.kehu_text_1{background:url("../images/index201601/kehu_text1.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/kehu_text1.jpg*/ no-repeat top center;height:23px;width:100%;}
.kehu_text_2{background:url("../images/index201601/kehu_text2.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/kehu_text2.jpg*/ no-repeat top center;height:26px;width:100%;}
.kehu_text_3{background:url("../images/index201601/kehu_text3.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/kehu_text3.jpg*/ no-repeat top center;height:25px;width:100%;}
.kehu_info_list{margin:30px auto;}
.kehu_info_list dl{float:left;width:300px;text-align:center;margin:30px 0;}
.kehu_info_list dt{padding-bottom:18px;}
.kehu_info_list dd{line-height:2;font-size:14px;color:#444444;}
.kehu_info_list dd a{line-height:2;font-size:14px;color:#2eafbb;}
.kehu_piclist{margin:60px auto;}
.kehu_piclist li{border:5px solid #ddd;width:290px;position:relative;z-index:1;cursor:pointer;float:left;margin:30px 50px;}
.kehu_piclist li .preview{display:none;}
.kehu_piclist li:hover{ alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.kehu_piclist li:hover .preview{display:block;background:url("../images/index201601/kehu_ico_fangda.png")/*tpa=http://www.bytecreator.net/Public/Web/images/index201601/kehu_ico_fangda.png*/ no-repeat center center; width:50px;height:50px;position:absolute;top:36%;left:120px;}

/* Easy Slider */
/* 成功案例 */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
    width:350px;
    height:560px;
    overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-380px;
    top:350px;
    z-index:1000;
    font-size:0px;
}	
#nextBtn, #slider1next{ 
    left:730px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:43px;
    height:85px;
    background:url("../images/btn_prev.png")/*tpa=http://www.bytecreator.net/Public/Web/images/btn_prev.png*/ no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
    background:url("../images/btn_next.png")/*tpa=http://www.bytecreator.net/Public/Web/images/btn_next.png*/ no-repeat 0 0;	
}	

/* numeric controls */	
ol#controls{
    margin:156px auto 0px auto;
    padding:0;
    height:28px;
    padding-left:42%;
}
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:12px;
    line-height:12px;
    width:12px;
}
ol#controls li a{
    display:block;
    height:12px;
    width:12px;
    line-height:12px;
    padding:0px;
    text-decoration:none;
    font-size:0px;
    background:url("../images/case_ico.png")/*tpa=http://www.bytecreator.net/Public/Web/images/case_ico.png*/ no-repeat 0px -12px;
}
ol#controls li.current a{
    background:url("../images/case_ico.png")/*tpa=http://www.bytecreator.net/Public/Web/images/case_ico.png*/ no-repeat 0px 0px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

@media all and (min-width:1200px) and (max-width:1610px) {
    /* case */
    .case_list_201601{width:1195px;}
    .portfolio-grid{width:1300px;}
}
@media all and (max-width:1199px) {
    .wrap{width:968px;}
    /*index */
    .header .logo_text{display:none;}
    //home service*/

    .serve_column ul{width:824px;margin:0px auto;}
    .serve_column li{float:left;width:272px;height:390px;background:#ffffff;margin:10px 95px 20px 45px;}


    /*home_news*/
    .hn_main{width:450px;position:relative;padding-bottom:28px;margin-top:40px;}
    .hn_column{width:480px;margin-top:30px;}
    .top_news_img{width:450px;height:194px;}
    .hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad;}
    .home_service{display:none;}

    /* case */
    .case_list_201601{width:790px;}
    .portfolio-grid{width:850px;}

    /*about*/
    .about{width:100%;overflow:hidden;}
    .about .points{height:500px;}
    .about_tab{width:860px;}
    .about_main{width:400px;}
    .about_cont2{display:none;}
    .about_cont li{margin-bottom:14px;width:200px;float:left;}
    .about_main .about_cont:first-child{border-bottom:0px none;}
    .zhizi li:first-child{display:none;}
    .job_tab{display: none;width:440px;}
    .jion_box{width:960px;margin: 0 auto;position: relative;}
    .jion .send{position:absolute;right:22px;top:444px;}
    .jion_img{top:135px;left: 0;}
    .jion_info{margin-left: 250px;margin-top:360px;}

    /* contact */
    .connect_column li{margin-left:40px;}
    .connect_column li:first-child{margin-left:10px;}
    .arrive_column_con{width:950px;overflow:hidden;}
    .arrive_column{margin-left:50px;width:950px;}
    .arrive_column dl{width:260px;margin:30px 25px;}
    .arrive_column dd{font-size:15px;color:#333;line-height:32px;}
    .connect_column li:last-child{display:none;}
    .bus{padding-left:10px;}

    /* service */
    .inside_banner_service{background: url("../images/service_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/service_banner.jpg*/ no-repeat -600px 0px;height: 400px;}
    .inside_banner_mobile{background: url("../images/m_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/m_banner.jpg*/ no-repeat -200px 0px;height: 400px;}
    .inside_banner_solution{background: url("../images/sl_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/sl_banner.jpg*/ no-repeat -200px 0px;height: 400px;}
    .inside_banner_news{background: url("../images/n_banner.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/n_banner.jpg*/ no-repeat -600px 0px;height: 400px;}
    .ser_project ul{width:750px;}
    .ser_project li{margin-left:40px;margin-right:60px;margin-top:40px;}
    .ser_project li:first-child{margin:40px 60px 0px 40px;}
    .picScroll-left{width:960px;}
    .picBox li img{width:334px;height:184px;}
    .picBox li{float:left;position:relative;width:334px;}
    .picBox .intro{font-size:13px;}
    .sp_box img{width:100%;}

    /* mobile */
    .mobile_column ul{width:960px;}
    .mobile_column li{width:300px;margin-left:20px;}
    .wechat dl{margin-left:30px;margin-top:300px;float:left;}
    .wechat_intro{margin-top:60px;}
    .wi_left{margin-left:10px;width:350px;}
    .wi_right{width:400px;}

    /* solution */
    .solution_list{width:960px;}
    .solution_list li{margin-left:60px;}
    .solution_list ul{margin-right:0px;}
    .news_info{width:960px;}
    .news_menu{display:none;}
    .news_box{width:940px;padding-left:20px;}

    /* news */
    .news_tab{width:960px;overflow:hidden;}
    .news_list{width:960px;}
    .news_cont{width:780px;margin-right:20px;}
    .news_list_yuangong{width:100%;background:url("../images/news_yuangong_bg.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/news_yuangong_bg.jpg*/ no-repeat center top  #95c9bc;height:1200px;margin-top:40px;}
    .news_list_yuangong ul{width:800px;margin:0px auto;}
    /* contact_pay */
    .pay_list{width:960px;}
    .pay_list table{width:auto;}
    .pay_list table td{font-size:13px;line-height:28px;width:240px;overflow:hidden;vertical-align: top;}
    .pay_list dt{height:80px;width:228px;overflow:hidden;}
    .pay_spec{font-size:13px;width:960px;}
    .pay_list dt.dt2{padding-left:6px;}
    .pay_list dd{padding-left:4px;}
};}
    .mobile_column li{width:300px;margin-left:20px;}
    .wechat dl{margin-left:30px;margin-top:300px;float:left;}
    .wechat_intro{margin-top:60px;}
    .wi_left{margin-left:10px;width:350px;}
    .wi_right{width:400px;}

    /* solution */
    .solution_list{width:960px;}
    .solution_list li{margin-left:60px;}
    .solution_list ul{margin-right:0px;}
    .news_info{width:960px;}
    .news_menu{display:none;}
    .news_box{width:940px;padding-left:20px;}

    /* news */
    .news_tab{width:960px;overflow:hidden;}
    .news_list{width:960px;}
    .news_cont{width:780px;margin-right:20px;}
    .news_list_yuangong{width:100%;background:url("../images/news_yuangong_bg.jpg")/*tpa=http://www.bytecreator.net/Public/Web/images/news_yuangong_bg.jpg*/ no-repeat center top  #95c9bc;height:1200px;margin-top:40px;}
    .news_list_yuangong ul{width:800px;margin:0px auto;}
    /* contact_pay */
    .pay_list{width:960px;}
    .pay_list table{width:auto;}
    .pay_list table td{font-size:13px;line-height:28px;width:240px;overflow:hidden;vertical-align: top;}
    .pay_list dt{height:80px;width:228px;overflow:hidden;}
    .pay_spec{font-size:13px;width:960px;}
    .pay_list dt.dt2{padding-left:6px;}
    .pay_list dd{padding-left:4px;}
}