@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{font-weight:normal;text-align: center;}
.tit span{display:block;font-size: 45px;color: #333;line-height: 45px;font-weight:normal;}
.tit i{display:block;font-size: 18px;color: #666;line-height: 18px;padding-top: 18px;}
/*header*/
.header{height: 136px;}
.t_logo{float: left;width:169px;margin-top: 38px;}
.header ul{float: right;}
.header ul li{float: left;font-size: 18px;color: #666;height: 136px;line-height: 136px;margin-left: 100px;}
.header ul .l1{padding-left: 34px;background:url(../images/zy_ic.png) no-repeat left center;}
.header ul .l2{padding-left: 32px;background:url(../images/rw_ic.png) no-repeat left center;}
.header ul .l3{padding-left: 34px;background:url(../images/pp_ic.png) no-repeat left center;}
/*banner*/
.banner{height: 600px;overflow: hidden;position: relative;}
.banner .content{position: relative;}
.zcdl{position: absolute;width: 350px;height: 592px;border-bottom:8px solid #b8b8b8;background:rgba(255,255,255,0.85);top:0;right: 0;z-index: 10;}
.zcdl h2{padding:100px 0 0;height: 75px;text-align:center;}
.zcdl h2 img{height: 75px;}
.zcdl p{font-size: 18px;color: #333;text-align: center;height: 110px;line-height: 30px;padding:36px 0 0;}
.zcdl a{display:block;width: 226px;height: 45px;line-height: 45px;font-size: 20px;color: #fff;text-align: center;background:#aeaeae;margin:0 auto 13px;border-radius: 4px;}
.zcdl a.dl{background: #f4a11d;}
.bdu{width: 100% !important;height: 600px;}
.bdu li{width:100% !important;height: 600px;}
.bdu li a{display: block;height: 600px;}
.hdu{position: absolute;width: 350px;height: 12px;left: 50%;bottom: 68px;text-align: center;font-size: 0;margin-left: 250px;z-index: 20;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #aeaeae;margin:0 16px;border-radius: 50%;}
.hdu li.on{background: #ee7915;}
/*song*/
.song{padding:100px 0 0;height: 530px;background:url(../images/song_bg.jpg) no-repeat center 0;}
.song h2{height: 140px;}
.song h2 span{color: #464646;}
.song h2 i{padding:0 0 18px;color: #464646;}
.song li{float: left;width: 264px;padding-left: 84px;height: 220px;padding-top:40px;border-top:4px solid #f4a11d;margin-right:78px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative;}
.song li.nomar{margin-right: 0;}
.song li p{font-size: 24px;color: #333;height: 56px;}
.song li p i{float: left;width: 25px;height: 25px;font-size: 18px;color: #333;line-height: 25px;text-align: center;background: #e5e5e5;border-radius: 50%;margin:4px 10px 0 0;}
.song li p em{float: left;font-size: 50px;color: #f4a11d;line-height: 40px;font-family: Arial;font-weight:bold;}
.song li p.c{width: 180px;border-bottom:1px dashed #ff6600;}
.song li p.s{height: 76px;}
.song li p.s em{float: left;font-size: 70px;color: #f4a11d;line-height: 76px;}
.song li p.s i{margin:16px 8px 0 0;}
.song li span{display:block;font-size: 18px;color: #666;line-height: 18px;padding-top: 5px;padding-left: 22px;letter-spacing: 3px;}
.song li .zc{position: absolute;left: 84px;bottom: -26px;width: 110px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;padding-left: 70px;background:url(../images/zc_bg.png) no-repeat;}

/*pin*/
.pin{padding:100px 0;}
.pin ul{margin-top: 60px;width: 1201px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.pin li{float: left;width: 299px;height: 164px;padding-top: 64px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position: relative;}
.pin li img{display:block;margin:0 auto;}
.pin li span{display:block;font-size: 20px;color: #666;line-height: 20px;text-align: center;padding-top:20px;}
.pin li em{display: none;position: absolute;left: 0;top: 0;width:299px;height: 88px;padding-top: 140px;background:url(../images/more1.jpg) no-repeat;font-size:20px;color: #fff;text-align: center;line-height: 20px;z-index: 1;cursor:pointer;}
.pin li:hover em{display: block;}
/*软文案例*/
.rwal{display:none;position: fixed;width: 795px;padding-left:95px;height: 550px;border:3px solid #bfbfbf;background:url(../images/rwal_t.jpg) no-repeat #efefef;z-index: 10;top: 50%;left: 50%;margin-top: -275px;margin-left: -445px;}
.rwal h3{font-size: 24px;line-height:24px;padding-top:52px;height: 46px;color: #f4a11d;font-weight:normal;border-bottom:1px dashed #ababab;width:695px;}
.rwal .desc{width:695px;padding-right:85px;padding-top: 18px;height:382px;overflow-y:scroll;}
.rwal .desc p{font-size: 14px;color: #666;line-height: 24px;margin-bottom:24px;text-indent: 2em;}
.rwal .xx{position: absolute;top: 12px;right: 12px;}
.rwal li{display:none;}
/*meiti*/
.meiti{height: 590px;padding-top:107px;background:url(../images/meiti_bg.jpg) no-repeat center 0;}
.meiti h2{height: 137px;}
.meiti h2 span,.meiti h2 i{color: #070707;}
.meiti_t{height: 62px;border-bottom:3px solid #f4a11d;background: #fff;}
.meiti_t span{float: left;font-size: 18px;color: #666;line-height: 62px;width: 171px;text-align: center;height: 62px;}
.meiti_t span.cur{color: #f4a11d;font-weight: bold;}
.meiti_con{position: relative;}
.meiti_con li{float: left;width: 239px;margin-right:1px;margin-bottom: 1px;}
.meiti_con li img{display:block;width: 239px;height: 135px;}
.meiti_con .prev{position: absolute;top: 85px;left: -62px;z-index: 2;width: 43px;height: 82px;background:url(../images/prev1.png) no-repeat;}
.meiti_con .next{position: absolute;top: 85px;right: -62px;z-index: 2;width: 43px;height: 82px;background:url(../images/next1.png) no-repeat;}
.meiti_con .prev:hover{background:url(../images/prev1h.png) no-repeat;}
.meiti_con .next:hover{background:url(../images/next1h.png) no-repeat;}
/*ziyuan*/
.ziy{padding:100px 0 50px;}
.ziy h2{height: 136px;}
.ziy_t{height: 30px;border-bottom:1px solid #d5d5d4;margin-bottom: 2px;}
.ziy_t span{float: left;font-size: 18px;color: #666;line-height: 18px;padding:0 20px;margin-right: 90px;height: 29px;}
.ziy_t span.nomar{margin-right: 0;}
.ziy_t span.cur{border-bottom:3px solid #f4a11d;}
.ziy_det{padding:50px 0;height: 210px;border-bottom:1px solid #d6d6d6;}
.ziy_det h3{float: left;width: 152px;height: 210px;margin-right:65px;position: relative;}
.ziy_det h3 span{position: absolute;width: 100%;font-size: 24px;color: #fff;line-height: 24px;text-align: center;left: 0;bottom:60px;}
.ziy_det.nobor h3 span{bottom: 45px;}
.ziy_num{padding-top:14px;height: 72px;}
.ziy_num h4{float: left;width: 185px;}
.ziy_num p{float: left;height: 72px;line-height: 72px;width: 692px;}
.ziy_num p span{float: left;font-size: 14px;color: #5f5c5b;width: 115px;font-weight:bold;}
.ziy_num p em{color: #ff7600;}
.ziy_num .zx{float: right;width: 100px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #94d720;border-radius: 5px;text-align: center;margin-top:14px;}
.ziy_det.nobor{border: 0;}
.ziy_num .zx.cur{background: #e63f3f;}
/*baoz*/
.baoz{padding:108px 0 0;height:632px;background:url(../images/baoz_bg.jpg) no-repeat center 0;}
.baoz h2{height: 142px;}
.baoz h2 i{color: #333;}
.baoz li{float: left;width: 283px;height: 390px;background:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,0.3);margin-right: 22px;}
.baoz li.nomar{margin-right: 0;}
.baoz li i{display:block;width: 101px;height: 101px;margin:50px auto 22px;}
.baoz li b{display:block;font-size: 20px;color: #343434;font-weight:normal;height: 73px;position: relative;line-height: 28px;text-align: center;margin-bottom:18px;}
.baoz li b:after{position: absolute;width: 38px;height: 2px;background: #f08b34;content: "";left: 50%;bottom: 0;margin-left: -19px;}
.baoz li p{font-size: 14px;color: #666;line-height: 22px;text-align: center;width: 185px;margin:0 auto;}
.baoz li .i1{background:url(../images/bz_ic1.png) no-repeat;}
.baoz li .i2{background:url(../images/bz_ic2.png) no-repeat;}
.baoz li .i3{background:url(../images/bz_ic3.png) no-repeat;}
.baoz li .i4{background:url(../images/bz_ic4.png) no-repeat;}
.baoz li:hover{background: #f4a11d;}
.baoz li:hover b,.baoz li:hover p{color: #fff;}
.baoz li:hover b:after{background: #fff;}
.baoz li:hover .i1{background:url(../images/bz_ic1h.png) no-repeat;}
.baoz li:hover .i2{background:url(../images/bz_ic2h.png) no-repeat;}
.baoz li:hover .i3{background:url(../images/bz_ic3h.png) no-repeat;}
.baoz li:hover .i4{background:url(../images/bz_ic4h.png) no-repeat;}
/*xuan*/
.xuan{padding:100px 0 0;height: 1219px;background:url(../images/xuan_bg.jpg) no-repeat center 0;}
.xuan h2{height: 142px;}
.xuan ul{width: 1201px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.xuan li{float: left;width: 299px;height: 48px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 48px;font-size: 18px;color: #666;text-align: center;}
.xuan li.xt{background: #ff7600;color: #fff;}
.xuan li.xl{background: #f5f5f5;}
.xuan li.jia{font-size: 14px;}
.xuan .zx{display:block;width: 240px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #f4a11d;border-radius: 5px;margin:30px auto 0;text-align: center;}
/*xiao*/
.xiao{padding:100px 0;}
.xiao h2{margin-bottom: 50px;}
.xiao_con{height: 437px;}
.xiao_con img{display:block;width: 1200px;height: 437px;}
.xiao_size{margin-top:60px;text-align: center;}
.xiao_size i{display:inline-block;width: 50px;height: 10px;background: #bfbfbf;margin:0 11px;border-radius:5px;}
.xiao_size i.cur{background: #f4a11d;}
/*cess*/
.cess{height: 397px;padding:100px 0 0;background:url(../images/cess_bg.jpg) no-repeat center 0;}
.cess h2{height: 142px;}
.cess h2 i,.cess h2 span{color: #fff;}
.cess li{float: left;width: 240px;position: relative;}
.cess li i{display:block;width: 132px;height: 132px;margin:0 auto 10px;}
.cess li .i1{background:url(../images/cess1.png) no-repeat center;}
.cess li .i2{background:url(../images/cess2.png) no-repeat center;}
.cess li .i3{background:url(../images/cess3.png) no-repeat center;}
.cess li .i4{background:url(../images/cess4.png) no-repeat center;}
.cess li .i5{background:url(../images/cess5.png) no-repeat center;}
.cess li span{display:block;font-size: 14px;color: #fff;line-height: 20px;text-align: center;}
.cess li:after{position: absolute;width: 14px;height: 14px;content: "";background:url(../images/jt1.png) no-repeat;top: 57px;right: -7px;}
.cess li.last:after{width: 0;height: 0;}
.cess li:hover .i1{background:url(../images/cess1h.png) no-repeat center;}
.cess li:hover .i2{background:url(../images/cess2h.png) no-repeat center;}
.cess li:hover .i3{background:url(../images/cess3h.png) no-repeat center;}
.cess li:hover .i4{background:url(../images/cess4h.png) no-repeat center;}
.cess li:hover .i5{background:url(../images/cess5h.png) no-repeat center;}
.cess li:hover span{color: #f4a11d;}
/*footer*/
.footer{height: 284px;background: #eaeaea;}
.foot_l{float: left;width: 600px;padding-top: 92px;}
.f_nav{text-align: center;font-size: 18px;line-height: 28px;height: 28px;}
.f_nav a{float: left;color: #333;margin-right: 94px;padding-left: 46px;}
.f_nav .a1{background:url(../images/fnav1.png) no-repeat;}
.f_nav .a2{background:url(../images/fnav2.png) no-repeat;}
.f_nav .a3{background:url(../images/fnav3.png) no-repeat;}
.gsxx{padding-top:38px;}
.gsxx p{font-size: 14px;color: #333;line-height: 26px;opacity: 0.6;}
.tact{float: right;width: 348px;margin-top: 90px;}
.tact .tel{float: left;width: 204px;}
.tact .tel p{height: 35px;line-height: 35px;font-size: 14px;color: #333;margin-bottom:16px;}
.tact .tel p img{float: left;margin-right: 12px;}
.sao{float: right;width: 144px;}
.sao img{display:block;width: 150px;height: 150px;}

/*clients*/
.client-2{position:fixed;top:50%;right:-170px;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{position:relative;clear:both;margin-top:1px;height:62px}
.client-2 li i{display:block;margin:0 auto;width:30px;height:27px;background:url(../images/fx.png) no-repeat;text-align:center}
.client-2 li p{overflow:hidden;height:20px;color:#fff;text-align:center;font-size:12px;line-height:20px}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{position:relative;float:left;width:62px;height:47px}
.client-2 .my-kefu-tel-right{float:left;margin-top:14px;padding:0 15px;height:24px;border-left:1px solid #fff;color:#fff;font-size:16px;line-height:22px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{float:left;padding:9px 0 0;width:230px;height:53px;background:#f4a11d;color:#fff}
.client-2 .my-kefu-main{position:relative;float:left;padding:9px 0 0;width:97px;height:53px;background:#f4a11d}
.client-2 .my-kefu-weixin-pic{position:absolute;top:-24px;left:-130px;z-index:333;display:none}
.my-kefu-weixin-pic img{width:115px;height:115px}