@charset "utf-8";

/*banner*/
.banner{position: relative; height:580px;clear: both;}
.ban_p,.ban_p li{ height:580px;overflow: hidden;}
.ban_p li{ display:block; height:580px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 100%;height: 580px;}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff;}
.ban_t em.on{background: #ffde00;width: 30px;}

.til01{text-align: center;display: block;font-size: 42px;color: #252525;line-height:86px;height: 166px;font-weight: normal;background:url(../images/tilbg1.png) no-repeat center 71px;}
.til01 a{display: block;color: #252525;}
.til01 p{display: block;font-size:20px;line-height: 38px;color: #666;}
.til02{background:url(../images/tilbg2.png) no-repeat center 71px;color: #fff;}
.til02 p,.til02 a,.edge .til01 p{color: #fff;}

/*引子*/
.webox{padding:77px 0 0;height:403px;font-size:16px;color: #555;font-family:"Microsoft Yahei";line-height:30px;position: relative;overflow: hidden;}
.webox_p p,.webox_p p img{width:495px;height:333px;display: block;overflow: hidden;}
.webox_w{width: 627px;position: relative;overflow: hidden;}
.webox_w h3{height:108px;font-size:42px;line-height:72px;color: #222;}
.webox_w p{height:144px;overflow: hidden;}
.webox_w li{float: left;padding: 0 80px 0 0;position: relative;font-size: 16px;line-height: 23px;}
.webox_w li:before{content: "";position: absolute;width:1px;height:65px;background: #cbcbcb;right:49px;top:11px;z-index:-1;}
.webox_w li:last-child{padding: 0;}
.webox_w li:last-child:before{width: 0;height: 0;}
.webox_w li p{display: block;color: #6f6f6f;line-height: 22px;}
.webox_w li span{display: block;height:49px;line-height:49px;}
.webox_w li span b{font-size: 48px;display: inline-block;color: #0168b7;padding: 0 5px 0 0;}
.webox_w li span em{color: #222;font-weight: bold;font-size: 18px;}


/*产品中心*/
.probox{font-family:"Microsoft Yahei";overflow: hidden;padding:66px 0;position: relative;z-index: 1;background: #f2f2f2;}
.prod_cla{height: 149px;position: relative;text-align: center;font-weight: bold;}
.prod_cla li{width: 240px;height: 59px;line-height: 59px;font-size: 16px;float: left;background: #5a5a5a;}
.prod_cla li a{display: inline-block;color: #fff;padding: 0 33px 0 0;background:url(../images/ico01.png) no-repeat right center;}
.prod_cla li:nth-child(1){background: #aaa;}
.prod_cla li:nth-child(2){background: #979797;}
.prod_cla li:nth-child(3){background: #838383;}
.prod_cla li:nth-child(4){background: #707070;}
.prod_cla li:hover,.prod_cla li.cur{background: #0168b7;}
.prod_cla li:hover a,.prod_cla li.cur a,.prod_cla li a:hover{background:url(../images/ico02.png) no-repeat right center;}
.prod_cla li p{background: #fff;width: 1200px;height: 70px;line-height: 70px;position: absolute;left: 0;top: 59px;display: none;text-align: left;}
.prod_cla li p a{font-weight: normal;color: #555;padding:0 55px 0 66px;background:url(../images/ico03.gif) no-repeat 55px center;display: inline-block;}
.prod_cla li:hover p a,.prod_cla li.cur p a{background:url(../images/ico03.gif) no-repeat 55px center;}
.prod_cla li p a:hover{background:url(../images/ico03.gif) no-repeat 55px center;font-weight: bold;}
.prod_cla li:hover p,.prod_cla li.cur p{display: block;}

.prod_l,.prod1 dl,.prod_l dt,.prod_l dt img{width: 572px; height:572px;overflow: hidden;display: block;}
.prod_l,.prod_l dl{position: relative;}
.prod_lt{width: 88px;height:21px;right: 0;bottom: 71px;position: absolute;z-index: 9;}
.prod_lt em{width:10px;height:10px;border-radius: 10px;background: #fff;float: left;margin: 0 5px 0 0;}
.prod_lt em.cur{background: #0168b7;}
.prod_l dd{width:536px;height: 59px;background: rgba(0, 0 , 0 , 0.3);position: absolute;left: 0;bottom: 0;color: #fff;padding: 12px 18px 0;}
.prod_l dd h3{height:25px;font-size: 18px;line-height:25px;}
.prod_l dd h3 a{display: block;color: #fff;}
.prod_r{width: 628px;}
.prod_r li{width:301px;float: left;margin: 0 0 14px 12px;height: 278px;background: #fff;}
.prod_r li p,.prod_r li p img{width:301px;height: 225px;display: block;overflow: hidden;}
.prod_r li span{display: block;line-height: 53px;text-align: center;font-size: 16px;}
.prod_r li span a{display: block;color: #555;}


/*品牌运营经验 */
.serv{height:660px;font-family: "Microsoft Yahei";line-height:24px;clear: both;font-size: 16px;background:url(../images/servbg.jpg) no-repeat center 0;padding:60px 0 0;color: #555;text-align: center;}
.serv_c dl{width:360px;float: left;height:397px;background: #fff;margin:0 30px 0 0;padding: 10px;}
.serv_c dt,.serv_c dt img{width:360px;height:244px;display: block;overflow: hidden;}
.serv_c dl:last-child{margin: 0;}
.serv_c dd h3{font-size: 24px;line-height:62px;color: #252525;height:62px;border-bottom:solid 1px #ddd;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-bottom: 7px;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:36px;color: #555;padding: 80px 0 0;}
.edge .til01{background:url(../images/edgetil.gif) no-repeat center 0;color: #fff;height: 173px;line-height: 84px;}
.edge1{height:435px;background:url(../images/edgewbg.jpg) no-repeat center 0;position: relative;z-index: 1;overflow: hidden;}
.edge_p{width: 50%;height:435px;}
.edge_p1{background:url(../images/edge_pic1.jpg) no-repeat 0 0;}
.edge_p2{background:url(../images/edge_pic2.jpg) no-repeat right 0;}
.edge_p3{background:url(../images/edge_pic3.jpg) no-repeat 0 0;}
.edge_p4{background:url(../images/edge_pic4.jpg) no-repeat right 0;}
.edge_w{width: 50%;height: 503px;}
.edge_w1{width: 532px;padding:61px 65px 0;}
.edge_w1 h3{height:163px;line-height:35px;font-size:24px;white-space: nowrap;color: #252525;}
.edge_w1 h3 span{height:109px;line-height:42px;font-size:30px;white-space: nowrap;color: #fff;width: 65px;float: left;background:url(../images/edge_ibg.png) no-repeat 0 0;font-family: Didot;text-align: center;padding: 22px 0 0;}
.edge_w1 h3 b{line-height:47px;font-size:36px;display: block;color: #0168b7;font-weight: normal;}
.edge_w1 h3 span em{display: block;width: 32px;height: 32px;margin:0 auto;}
.edge_w1 h3 p{display: block;float: left;width: 350px;padding:17px 0 0 16px;}
.edge_w1 li{padding: 0 0 0 82px;background:url(../images/ico04.png) no-repeat 65px 15px;}

/*案例*/
.case{font-family:"Microsoft Yahei";padding: 62px 0 0;height: 774px;font-size: 16px;line-height: 24px;color: #555;}
.case_l{width: 730px;}
.case_l dt,.case_l dt img{width: 730px;height: 410px;display: block;overflow: hidden;}
.case_l dd{padding: 0 25px;height: 120px;background: #fff;box-shadow: 0 5px 5px 5px #ededed;}
.case_l dd h3{height: 50px;line-height: 55px;font-size: 20px;display: block;overflow: hidden;}
.case_l dd h3 a{display: block;color: #252525;}
.case_r{width: 459px;}
.case_r li{position: relative;margin-bottom: 11px;}
.case_r li,.case_r li img{width: 459px;height: 259px;display: block;overflow: hidden;}
.case_r li span{width: 459px;height:42px;display: block;text-align: center;position: absolute;left: 0;bottom: 0;background: rgba(0 , 0 , 0 , 0.6);font-size: 16px;line-height: 42px;}
.case_r li span a{display: block;color: #fff;}

/*流程*/
.tec_p{height:515px;overflow: hidden;padding:54px 0 0;position: relative;background:url(../images/tecbg.jpg) no-repeat center 0;}
.tec_pc{height:232px;background: #fff;overflow: hidden;padding: 35px 0 0;position: relative;z-index: 1;}
.tec_pc:before{content: "";position: absolute;width: 1000px;height: 1px;background: #d0d0d0;left:98px;top:153px;z-index:-1;}
.tec_pc ul{width: 1220px;}
.tec_pc li{width:200px;float: left;text-align: center;font-size:16px;line-height:28px;position: relative;font-weight: bold;}
.tec_pc li:before{content: "";position: absolute;width:34px;height:26px;background:url(../images/ico05.gif) no-repeat 0 0;right:-20px;top:106px;z-index:-1;}
.tec_pc li:last-child:before{background: none;}
.tec_pc li span{width:91px;height:106px;display: block;margin: 0 auto;}
.tec_pc li b{height:30px;display: block;position: relative;padding:30px 0 0;font-size:30px;color: #0168b7;line-height: 30px;}
.tec_pc li b:before{content: "";position: absolute;width:6px;left:50%;margin-left: -3px;top:7px;height:6px;border: solid 2px #d0d0d0;background: #fff;border-radius: 6px;}
.tec_pc li b:after{content: "";position: absolute;width:27px;left:50%;top:36px;height:23px;background:url(../images/tec_ico.png) no-repeat 0 0;}


/*资讯*/
.newbox{line-height:24px;height:717px;font-family:"Microsoft Yahei";overflow:hidden;color: #555;padding: 57px 0 0;font-size: 16px;}
.newbox .til01{height: 166px;}
.new_t{height: 51px;line-height:31px;font-size:24px;font-weight: normal;padding-left: 42px;background:url(../images/ico07.gif) no-repeat 0 4px;}
.new_l .new_t{background:url(../images/ico06.gif) no-repeat 0 4px;}
.new_t a{display: block;color: #252130;}
.new_r{width: 562px;}
.new_l{width: 558px;}
.new_rc dl{height:155px;overflow: hidden;}
.new_rc dl:nth-child(2){height: 167px;border-bottom: solid 1px #eceae9;margin-bottom: 15px;}
.new_rc dt,.new_rc dt img{width: 229px;height: 130px;display: block;overflow: hidden;float: left;}
.new_rc dd{width:290px;float: left;padding: 0 0 0 24px;}
.new_rc dd h4{font-size: 18px;line-height: 64px;height: 64px;overflow: hidden;}
.new_rc dd h4 a{display: block;color: #333;}
.new_rc li{height: 30px;line-height: 30px;padding: 0 0 0 14px;background:url(../images/ico03.gif) no-repeat 0 10px;}
.new_rc li span{float: right;font-size: 14px;}
.new_rc li a:hover,.new_rc dd h4 a:hover,.new_rc dl:hover dd h4 a{color: #0168b7;}

.prev1,.next1{width:29px;height: 29px;display: block;overflow: hidden;background:url(../images/next1.gif) no-repeat 0 0;top:447px;left:37px;z-index: 9;cursor: pointer;}
.prev1{background:url(../images/prev1.gif) no-repeat 0 0;left:0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.new_lc dt,.new_lc dt img{width:534px;height:316px;display: block;overflow: hidden;}
.new_lc dd{padding: 0 0 0 128px;position: relative;}
.new_lc dd h4{font-size: 18px;height: 63px;line-height: 54px;color: #0168b7;overflow: hidden;}
.new_lc dd h4 a{color: #0168b7;display: block;}
.new_lc dd span{position: absolute;left: 0;top: 10px;font-size: 24px;color: #39433f;line-height: 32px;}
.new_lc dd span b{font-size:58px;color: #0168b7;line-height: 62px;float: left;padding: 0 3px 0 0;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:30px;padding:56px 0 0;color: #666;background:url(../images/aboutbg.jpg) no-repeat center 0;font-size: 16px;text-align: center;}
.about_c{background:#f2f2f2;height: 583px;padding: 5px;border-bottom: solid 4px #e3e3e3;margin-bottom: 43px;}
.about_p,.about_p img{width:1190px;height:401px;overflow: hidden;display: block;}
.about_w{padding:16px 40px 0;}
.about_w h3{height:72px;font-size: 30px;line-height:72px;}
.about_w h3 a{color: #0168b7;display: block;}

/*风采展示*/
.show{height: 400px;overflow: hidden;}
.show_t{height:83px;line-height: 38px;font-size: 18px;position: relative;z-index: 1;text-align: center;font-weight: bold;}
.show_t:before,.show_t:after{content: "";position: absolute;width:470px;height: 1px;background: #dfd7cc;top: 21px;right: 0;z-index: -1;}
.show_t:before{left: 0;}
.show_t li{width: 139px;height: 39px;line-height: 39px;border-radius: 20px;border: solid 2px #d6d6d6;float: left;background: #fff;margin: 0 0 0 8px;}
.show_t li a{display: block;color: #252130;}
.show_t li:nth-child(1){margin: 0 0 0 452px;}
.show_t li.cur{background: #0168b7;border-color: #0168b7;color: #fff;}
.show_t li.cur a{color: #fff;}
.show_c ul{width:1281px;}
.show_c li{width:281px;float: left;margin: 0 25px 0 0;}
.show_c li p,.show_c li p img{width:281px;height: 210px;display: block;overflow: hidden;}
.show_c ul:nth-child(2) li p,.show_c ul:nth-child(2) li p img{width:281px;height:374px;display: block;overflow: hidden;}
.show_c li span{display: block;font-size: 16px;line-height: 40px;background: #f2f2f2;}
.show_c li span a{display: block;color: #333;}


/*友情链接*/
.link{height:0;line-height:25px;color: #fff;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width:125px;position: absolute;right:190px;top: -45px;height:25px;color: #fff;text-align: center;border: solid 1px #fff;}
.link p{display: none;background: #fff;width: 127px;padding: 5px 0;left:-1px;bottom: 26px;position: absolute;}
.link_c:hover p{display: block;}
.link a{display: block;color: #333;}


.webox_p p img, .prod1 dt img, .prod1 dd p img, .prod2 dt img, .new_lc dt img, .new_rc dt img, .about_p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p p img:hover, .prod1 dt img:hover, .prod1 dl:hover dd p img, .prod2 dl:hover dt img, .new_lc dl:hover dt img, .new_rc dl:hover dt img, .about_p img:hover, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}