#container {width:100%;min-width:1210px;position:relative;height:700px;overflow:hidden;}

.sliderbutton{position:absolute;top:230px;width:62px;display:none; height:123px; cursor:pointer;z-index:10;opacity:0.4;filter:alpha(opacity=40);}

#slideleft {background:url(http://www.szhfweb.com/images/left.png) no-repeat center;left:55px;}

#slideleft:hover{opacity:1.0;filter:alpha(opacity=100);} 

#slideright{background:url(http://www.szhfweb.com/images/right.png) no-repeat center;right:55px;}

#slideright:hover{opacity:1.0;filter:alpha(opacity=100);}

#slider {float:left; position:relative; overflow:auto;width:100%;min-width:1210px;  height:700px;}

#slider ul {position:absolute;top:0; left:0}

#slider li {float:left;width:100%; min-width:1210px; height:700px; text-indent:-9999px;}

.pagination {position:absolute;width:120px;height:40px;bottom:0;left:50%;margin-left:-45px;}

.pagination li {float:left;cursor:pointer;height:17px;width:17px;background:url(http://www.szhfweb.com/images/num_bj1.png) no-repeat center; margin:0 6px 0;}

.pagination li:hover, li.current {background:url(http://www.szhfweb.com/images/num_bj2.png) no-repeat center;}





.swiper-container {

    width: 100%;

    height:700px;

}

.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.swiper-container-horizontal .swiper-pagination{bottom:20px;}

.swiper-pagination-bullet {

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    font-size: 12px;

    color:#000;

    opacity: 1;

    background:#fff;margin: 0 7px !important;

}

.swiper-pagination-bullet-active {

    color:#fff;

    background:#f07033;

}





.main{width:100%;}

.main .ind_box h2{width:100%; text-align:center;padding:50px 0 23px;font:36px/36px "微软雅黑";color:#333;}

.main .ind_box h2 span{display:block;width:80px;border-bottom:solid 4px #f07033;margin:0 auto;line-height:24px;}

.main .ind_box h3{width:100%; text-align:center;padding:0 0 39px;font:16px/22px "微软雅黑";color:#666;}

.main .ind_ser{width:1210px;margin:0 auto;padding:0 0 107px;}

.ind_ser .ser_box{width:279px; height:409px;overflow:hidden;float:left;margin:0 10px 0;position:relative;border:solid 1px #eee;background:url(../image/ind_ser_bg.png) center 409px no-repeat;}

.ind_ser .ser_box:hover{background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}

.ind_ser .ser_box u{display:block;width:207px; height:207px;position:absolute;top:15px;left:36px;background:url(../image/ind_ser_a.png) no-repeat center;-webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}

.ind_ser .ser_box u.cl{clip:rect(0 103.5px 207px 0);}

.ind_ser .ser_box:hover u.cl{clip:rect(207px 103.5px 207px 0px);}

.ind_ser .ser_box u.cr{clip:rect(0 207px 207px 103.5px);}

.ind_ser .ser_box:hover u.cr{clip:rect(0 207px 0px 103.5px);}

.ind_ser .ser_box i{display:block;height:60px; width:68px;position:absolute;left:104px; top:85px;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}

.ind_ser .ser_box1 i{background:url(../image/ind_ser_tb1.png) 0px 0px no-repeat;width:70px; height:69px;}

.ind_ser .ser_box1:hover i{background:url(../image/ind_ser_tb1.png) -70px 0px  no-repeat;}

.ind_ser .ser_box2 i{ background:url(../image/ind_ser_tb4.png) 0px 0px no-repeat;width:63px; height:63px;left:110px;}

.ind_ser .ser_box2:hover i{background:url(../image/ind_ser_tb4.png) -63px 0px  no-repeat;}

.ind_ser .ser_box3 i{ background:url(../image/ind_ser_tb2.png) 0px 0px no-repeat;width:44px; height:69px;left:117px;}

.ind_ser .ser_box3:hover i{background:url(../image/ind_ser_tb2.png) -44px 0px  no-repeat;}

.ind_ser .ser_box4 i{ background:url(../image/ind_ser_tb3.png) 0px 0px no-repeat;width:68px;height:60px;}

.ind_ser .ser_box4:hover i{background:url(../image/ind_ser_tb3.png) -68px 0px  no-repeat;}

.ind_ser .ser_box h4{padding:260px 0 27px;font:23px/24px "微软雅黑";color:#333;text-align:center;}

.ind_ser .ser_box h4 a{color:#333;}

.ind_ser .ser_box:hover h4,.ind_ser .ser_box:hover h4 a{color:#fff;}

.ind_ser .ser_box p{font:14px/24px "微软雅黑";color:#333; text-indent:25px;}

.ind_ser .ser_box p a{color:#333;}

.ind_ser .ser_box:hover p,.ind_ser .ser_box:hover p a{color:#fff;}

.ind_ser .ser_box p a:hover{opacity:0.8;filter:alpha(opacity=80);}



.main .ind_work{width:100%;min-width:1210px;margin:0 auto;padding:0 0 78px;}

.main .ind_work .work_box{width:20%;min-height:240px;float:left;position:relative;overflow:hidden;}

.main .ind_work .work_box .zz{position:absolute;top:0;left:0;display:block;width:100%; height:100%;display:none;background:#f07033;color:#fff;}

.main .ind_work .work_box .zz h4{font:20px/24px "微软雅黑"; text-align:center;padding:35% 0 17px;}

.main .ind_work .work_box .zz p{font:13px/22px "微软雅黑"; text-align:center;}

.main .ind_work .work_box img{width:100%; height:auto;}

.main .ind_work .work_box h3{position:absolute;bottom:0;left:0;padding: 5px 0;background: rgba(0,0,0,0.5);color: #fff;}



.service_brief{

    background-color: #F4F7FB;

    padding-top: 18px;

    overflow: hidden;

    position: relative;

}

.service_brief .logo_text{

    position: absolute;

    font-size: 180px;

    font-family: BebasNeue;

    font-weight: 400;

    color: #dedede;

    line-height: 150px;

    opacity: .25;

}

.service_brief .tit{

    font-size: 48px;

    font-family: PingFang SC;

    font-weight: 800;

    color: #323655;

    padding-top: 70px;

}

.service_brief .tit span{

    color: #f07033;

}

.service_brief .text{

    font-size: 18px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #999999;

    margin-top: 4px;

}

.w1280 {

    width: 1280px;

    margin: 0 auto;

    position: relative;

}

.service_tabCon {

    margin-top: 36px;

    height: 700px;

    overflow: hidden;

}

.service_tabCon .con{

    width: 1720px; overflow: hidden;margin:0 auto;

}

.service_tabCon .service-menu{

    position: absolute;

    z-index: 2;

    width: 100%;

    left: 0;

}

.service_tabCon .service-menu ul{

    font-size: 0;

    margin: 0 -48px;

}

.service_tabCon .service-menu ul li{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    color: #2C323C;

    font-size: 24px;

    width: 250px;

    height: 108px;

    background-color: #FFFFFF;

    cursor: pointer;

    font-size: 14px;

    font-family: PingFang SC;

    font-weight: bold;

    color: #B1B1B1;

    margin: 0 7px;

    position: relative;

    transition: background-color .8s;

    -webkit-transition: background-color .8s;

    -moz-transition: background-color .8s;

    -ms-transition: background-color .8s;

    -o-transition: background-color .8s;

}

.service_tabCon .service-menu ul li .desc{

    margin-left: 72px;

    margin-right: 5px;

    margin-top:40px;

}

.service_tabCon .service-menu ul li span{

    display: block;

    font-size: 24px;

    font-family: Microsoft JhengHei;

    font-weight: bold;

    color: #363F54;

    margin-bottom: 12px;

}

.service_tabCon .service-menu ul li .icon{

    position: absolute;

    width: 36px;

    height: 36px;

    left: 28px;

    top:37px;

    background: url(../image/ser-icon222.png) no-repeat;

}

.service_tabCon .service-menu ul li .icon1{

    background-position: 4px 0;

}

.service_tabCon .service-menu ul li .icon2{

    background-position: -38px -1px;

}

.service_tabCon .service-menu ul li .icon3{

    background-position: -80px -1px;

}

.service_tabCon .service-menu ul li .icon4{

    background-position: -121px -3px;

}

.service_tabCon .service-menu ul li .icon5{

    background: url(../image/ind_ser_ico05.png) no-repeat;background-size: 35px;

}

.service_tabCon .service-menu ul li.cur .icon1{

    background-position:4px -45px;

}

.service_tabCon .service-menu ul li.cur .icon2{

    background-position: -38px -45px;

}

.service_tabCon .service-menu ul li.cur .icon3{

    background-position: -85px -45px;

}

.service_tabCon .service-menu ul li.cur .icon4{

    background-position: -121px -45px;

}

.service_tabCon .service-menu ul li.cur{

    background: linear-gradient(90deg, #f07033, #f07033);

    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);

    color: #fff;

}

.service_tabCon .service-menu ul li.cur.nth2{



    background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2);

}

.service_tabCon .service-menu ul li.cur span{

    color: #fff;

}

.service_brief .service-list{

    width:100%;height: 650px;overflow: hidden;

}

.service-list .tit22{

    padding-top: 146px;

    font-size: 30px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

}

.service-list .btns_ibox {

    margin-top: 30px;

    margin-bottom: 8px;

}

.service-list .btns{

    width: 145px;

    height: 40px;

    background-color: #FFFFFF;

    border-radius: 20px;

    line-height: 40px;

    text-align: center;

    float: left;

    margin-right: 10px;

    transition: all 1s;

    cursor: pointer;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}

.service-list .btns:hover{

    background: linear-gradient(90deg, #ED5E75, #F79BBC);

    color: #fff !important;

}

.service-list.service-list2 .btns:hover{

    background: linear-gradient(90deg, #4E40AF, #6252C7, #7767E2);;

}

.service-list .recommend{width: 560px;margin-left: 68px;}

.service-list .recommend .tit2{

    padding-bottom: 10px;

    border-bottom: 1px solid #8f83d5;

    font-size: 14px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

    margin-bottom: 20px;

}

.service-list .recommend .lists {

    margin: 0 -10px;

}

.service-list .recommend .item{

    width: 50%;

}

.service-list .recommend .item a{

    display: block;

    margin: 0 10px;

}

.service-list .recommend .text{

    font-size: 14px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

    padding-top: 5px;

    transition: color 1s;

    -webkit-transition: color 1s;

    -moz-transition: color 1s;

    -ms-transition: color 1s;

    -o-transition: color 1s;

}

.service-list .recommend .imgs{

    width: 100%;

    overflow: hidden;

}

.service-list .recommend .imgs img{

    width: 100%;

    transition: transform 1.4s;

    -webkit-transition: transform 1.4s;

    -moz-transition: transform 1.4s;

    -ms-transition: transform 1.4s;

    -o-transition: transform 1.4s;

}

.service-list .recommend .item:hover .imgs img{

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}

.service-list .recommend .item:hover .text{

    color: #FD6B74;

}

.service-list .recommend.recommend2 .item:hover .text{

    color: #4E40AF;

}

.service-desc-ibox .left{margin-top: 30px;}

.service-desc-ibox .service-question{

    width: 567px;

    border-top: 1px dashed #857cc1;

}

.service-desc-ibox .service-question .title{

    font-size: 16px;

    font-family: Microsoft YaHei UI;

    font-weight: 300;

    position: relative;

    color: #FFFFFF;

}

.service-desc-ibox .service-question li{

    border-bottom: 1px dashed #857cc1;

    padding: 16px 0px;

    cursor: pointer;

}

.service_brief .service-main .service-list2 li{

    border-bottom: 1px dashed #f58698;

}

.service-list .recommend2 .tit2{

    border-bottom: 1px solid #e47a8b;

}

.service_brief .service-list2 .service-question{

    border-top: 1px dashed #f58698;

}

.service-desc-ibox .service-question .add-icon {

    position: absolute;

    right: 0;

    top: -16px;

    width: 40px;

    height: 53px;

    background: url(http://www.szhfweb.com/image/add.png) no-repeat center;

    cursor: pointer;

}

.service-desc-ibox .service-question .add-icon.on{

    background: url(http://www.szhfweb.com/image/plus.png) no-repeat center;

}

.service-question li.active .add-icon{

    background: url(http://www.szhfweb.com/image/plus.png) no-repeat center;

}

.service-desc-ibox .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 23px;

    height: 23px;

}

.service-desc-ibox .service-question span{

    display: block;

    margin-left: 34px;

}



.service-desc-ibox .subnav{

    font-size: 14px;

    font-family: Microsoft YaHei UI;

    font-weight: 300;

    color: #FFFFFF;

    line-height: 24px;

    margin-left: 34px;

    margin-top: 8px;

    opacity: .6;

    filter:alpha(opacity=60);

    -webkit-filter:alpha(opacity=60);

    display: none;

}

.service-desc-ibox li.active .subnav{

    display: block;

}

.service_brief .service-main{

    margin-top: 50px !important;

}





.supervise_ibox {padding-bottom: 145px;padding-top: 100px;}

.w1500 {width: 1500px;position: relative;margin:0 auto;}

.supervise_ibox .tit{

    font-size: 72px;

    font-family: PingFang SC;

    font-weight: 800;

    color: #363F54;

    line-height: 78px;

}

.supervise_ibox .tit p{font-size: 48px;}

.supervise_ibox .tit span{

    color: #FB6A73;

}

.supervise_ibox .text{

    line-height: 33px;

    font-size: 18px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #363F54;

    margin-top: 22px;

    margin-bottom: 60px;

}

.supervise_ibox  .logo-text{

    font-size: 180px;

    font-family: BebasNeue;

    font-weight: bold;

    color: #F7F7F8;

    line-height: 140px;

}

.supervise_ibox .left{

    position: relative;

    width: 654px;

}

.supervise_mobile{

    position: absolute;

    bottom: -50px;

    left: 90px;

}

.supervise_mobile .imgss{

    position: absolute;

    left: 215px;

    top: 22px;

    width: 34%;

}

.supervise-list{

    margin-left: 30px;

    float: left;

}

.supervise-list .item{

    position: relative;

}

.supervise-list .item .bot{

    width: 270px;

    height: 100px;

    background: #FB6A73;

    color: #fff;

    text-align: center;



}

.supervise-list .item.item1 .bot{

    padding-top: 509px;

}

.supervise-list .item.item2 .bot{

    background-color: #6353C9;

}

.supervise-list .item .inner{

    position: absolute;

    bottom: 16px;

    width: 100%;

}

.supervise-list .item.item2 .inner{

    bottom: 12px;

}

.supervise-list .item .bot span{

    display: block;

    font-size: 16px;

    font-family: PingFang SC;

    font-weight: bold;

    color: #FFFFFF;

    margin-bottom: 8px;

}

.supervise-list .item.item2 .bot span{

    padding-top: 8px;

}

.supervise-list .item .bot .btn a{

    display: block;

    width: 130px;

    height: 32px;

    border: 1px solid #fdc3c7;

    border-radius: 16px;

    line-height: 32px;

    margin: 0 auto;

    color: #fff;

}

.supervise-list .item .bot .btn a:hover{

    color: #fff !important;

}

.supervise-list .imgs {

    position: absolute;

    left: -23px;

    width: 318px;

}

.supervise-list  .item.item2 .imgs{

    left: 0;

}

.supervise-list .item.item2{

    width: 270px;

}

.supervise-list .item.item2 .swiper-container{

    width: 100%;

    height: 509px;

}

.supervise_ibox .right{

    position: absolute;

    right: 20px;

    top:16px

}



.main .page .anli_work{width:100%;max-width:1440px;margin:0 auto;padding:0 0 78px;}

.main .page .anli_work .work_box{width:33.33%;min-height:309px;float:left;position:relative;overflow:hidden;}

.main .page .anli_work .work_box .zz{position:absolute;top:0;left:0;display:block;width:100%; height:100%;display:none;}

.main .page .anli_work .work_box img{width:100%; height:auto;}



.main .client_box{width:1205px;margin:0 auto;border-left:solid 1px #e6e6e6;border-top:solid 1px #e6e6e6;}

.main .ind_client span{display:block;width:240px;height:166px;overflow:hidden;float:left; text-align:center;border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;position:relative; background:#fff;}

.main .ind_client span img{position:absolute;top:0;left:0; -webkit-transform-style:preserve-3d;-ms-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;}

/*.main .ind_client span:hover img{-webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg);-ms-transform: rotateY(60deg);-o-transform: rotateY(60deg);transform: rotateY(60deg);}*/

.main .ind_client span:hover img{-webkit-transform: scale(0.8); -moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}



.ind_box_news{width:100%;}

.ind_box_news h3 a{font:16px/26px "微软雅黑";color:#333;display:inline-block;height:26px;margin:5px 20px 0;background:#eaeaea;padding:0 30px;border-radius:13px;}

.ind_box_news h3 a.cur,.ind_box_news h3 a:hover{background:#f07033;color:#fff;}

.ind_box_news .ind_news{width:1210px;margin:0 auto;padding-bottom:45px;margin-top:10px;height:500px;overflow:hidden;}

.ind_box_news .ind_news .new_box{width:4840px;}

.ind_box_news .ind_news .ind_news_one{float:left;width:1210px;}

.ind_box_news .ind_news li{width:605px;float:left;margin:0 0 17px 0;}

.ind_box_news .ind_news li dl dt{width:135px; height:100px; overflow:hidden;background:#f07033;float:left; text-align:center;}

.ind_box_news .ind_news li dl dd{width:400px; height:85px; overflow:hidden;float:left;margin-left:25px;}

.ind_box_news .ind_news li dl dt a{font:16px/18px Arial, Helvetica, sans-serif;color:#fff;}

.ind_box_news .ind_news li dl dt b{display:block;font-size:34px;line-height:26px;padding:23px 0 10px;}

.ind_box_news .ind_news li dl dd h4{font:16px/22px "微软雅黑";color:#333;padding:8px 0 9px 0;}

.ind_box_news .ind_news li dl dd h4:hover{color:#f07033;font-weight:bold;}

.ind_box_news .ind_news li dl dd p{font:13px/22px "微软雅黑";color:#666;}



.ind_idea{width:100%;padding:0 0 75px;}

.ind_idea .scroll_box{width:1210px; height:364px;margin:0 auto;overflow:hidden;position:relative;}

.ind_idea .botton-scroll{margin:0px auto;width:auto;overflow:hidden;padding-left:13px;}

.ind_idea .scroll_box .ul_scroll{position:relative;width:2800px;float:left;left:0px}

.ind_idea .scroll_box .ul_scroll li{float:left;width:282px;margin-right:19px;background:#fff;padding:0 0 20px;}

.ind_idea .scroll_box .ul_scroll li .pic{width:282px; height:213px;overflow:hidden;}

.ind_idea .scroll_box .ul_scroll li .pic img{ -webkit-transform-style:preserve-3d;-ms-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;}

.ind_idea .scroll_box .ul_scroll li .pic:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

.ind_idea .scroll_box .ul_scroll li h4{font:16px/22px "微软雅黑";color:#333;padding:13px 11px 8px;}

.ind_idea .scroll_box .ul_scroll li h4:hover{color:#f07033;}

.ind_idea .scroll_box .ul_scroll li p{font:13px/22px "微软雅黑";color:#666;padding:0 11px 0;}

.ind_idea .scroll_box .prev,.ind_idea .scroll_box .next{text-align:center;width:30px;height:45px;display:block;background:rgba(225,225,225,0.8);position:absolute;z-index:10;}

.ind_idea .scroll_box .prev img,.ind_idea .scroll_box .next img{margin-top:7px;}

.ind_idea .scroll_box .prev{top:80px;left:20px;}

.ind_idea .scroll_box .next{top:80px;right:20px;}



.ind_box_about{width:100%;background:url(../image/ind_about_bg.jpg) no-repeat center fixed;padding:0 0 110px;}

.ind_box_about .ind_about{width:1210px;margin:0 auto;padding:10px 0 0;}

.ind_box_about .ind_about p{font:16px/30px "微软雅黑";color:#fff;text-align:center;}

.ind_box_about .ind_about p a{display:block;width:190px; height:44px; background:#fff;margin:40px auto 0;border:solid 1px #fff;font:17px/44px "微软雅黑";color:#666;border-radius:22px;}

.ind_box_about .ind_about p a:hover{color:#fff; background:none;}



.ind_box_contact{width:100%;background:#2e2e2e;padding:25px 0 17px;}

.ind_box_contact h2{width:100%; text-align:center;padding:45px 0 44px;}

.ind_box_contact .ind_contact{width:1210px;margin:0 auto;font:16px/18px "微软雅黑";color:#fffefe;border-top:solid 1px #5c5c5c;}

.ind_box_contact .ind_contact .lef{width:604px;border-right:solid 1px #5c5c5c;float:left;}

.ind_box_contact .ind_contact .rig{width:525px;float:right;padding-left:80px;}

.ind_box_contact .ind_contact h3{font:20px/24px "微软雅黑";color:#fffefe;padding:28px 0 25px;}

.ind_box_contact .ind_contact p{font:14px/24px "微软雅黑";color:#fffefe;}

.ind_box_contact .ind_contact .lef p{padding:0 0 7px;}

.ind_box_contact .ind_contact .lef p img{margin-right:10px; vertical-align:-1px;}

.ind_box_contact .ind_contact dl{margin-right:40px;width:200px;float:left;}

.ind_box_contact .ind_contact dt{width:100px;float:left;}

.ind_box_contact .ind_contact dd{width:80px;font:18px/24px "微软雅黑";color:#fffefe;margin:10px 0 0 15px;float:left;}

.ind_box_contact .ind_contact .rig p{margin:0 0 14px;}

.ind_box_contact .ind_contact .rig .put1{width:280px; height:27px;border:none; background:#747474;font:14px/27px "微软雅黑";color:#fffefe; text-indent:10px;}

.ind_box_contact .ind_contact .rig .put2{width:430px; height:80px;border:none;background:#747474;font:14px/24px "微软雅黑";color:#fffefe;padding:10px;}

.ind_box_contact .ind_contact .rig p a{display:inline-block;padding:0px 20px;font:16px/36px "微软雅黑";color:#fff;background:#f07033;border-radius:4px;margin-right:15px;margin-top:25px;}

.ind_box_contact .ind_contact .rig p a:hover{background:#ff8145;}



.ind_box_contact .friend{width:1210px;margin:50px auto 0;font:14px/18px "微软雅黑";color:#fff;padding:17px 0 0;border-top:solid 1px #5c5c5c;}

.ind_box_contact .friend a{font:14px/18px "微软雅黑";color:#fff;margin:0 17px 0 0;}

.ind_box_contact .friend a:hover{color:#f07033;}



.page{width:100%; background:#f8f7f8;}

.page .banner_page{width:100%; text-align:center;padding:85px 0 93px;}

.page .nav_page{width:500px;margin:0 auto;padding:40px 0 60px;}

.page .nav_page a{display:inline-block;width:120px;height:32px;font:14px/32px "微软雅黑";background:#fff; text-align:center;border:solid 1px #f07033;color:#333;margin:0 20px;border-radius:16px;}

.page .nav_page a:hover,.page .nav_page a.cur{background:#f07033;color:#fff;}

.page .more{text-align:center;padding:55px 0 30px;}

.page .more a{font:16px/24px "微软雅黑";color:#f07033;border:solid 1px #f07033;border-radius:4px;display:inline-block;padding:5px 17px; margin-right:5px;}

.page .more a:hover{background:#f07033;color:#fff;border:solid 1px #fff;}



.page .news_list{padding:0 0 78px;}

.page .news_list dl{width:1210px;height:328px;margin:0 auto 30px; background:#fff;}

.page .news_list dt{width:312px;height:267px;overflow:hidden;float:left;margin:30px 0 0 32px;}

.page .news_list dt img{width:100%;}

.page .news_list dd{width:730px;float:left;margin:50px 0 0 50px;}

.page .news_list dd h2{font:24px/26px "微软雅黑";color:#111;}

.page .news_list dd h3{font:14px/22px "微软雅黑";color:#999;padding:8px 0 0;}

.page .news_list dd p{font:14px/24px "微软雅黑";color:#333;padding-top:23px;}

.page .news_list dd h2:hover{color:#f07033;}

.page .news_list dd .last:hover{color:#f07033;}

.page .news_con{width:1210px;margin:0 auto;padding:50px 0 35px;}

.page .news_con .tit_box{background:#f07033;padding:29px 0 33px;position:relative;}

.page .news_con .tit_box .back{position:absolute;top:46px;right:46px;}

.page .news_con .tit_box h2{font:28px/30px "微软雅黑";color:#fff;padding:0 0 10px 35px;}

.page .news_con .tit_box h3{font:14px/24px "微软雅黑";color:#f7f7f7;padding:0 0 0 35px;}

.page .news_con .txt{background:#fff;padding:35px 100px 70px;font:14px/24px "微软雅黑";color:#333;}

.page .news_con .txt br{margin:17px 0 0;}

.page .news_con .txt p{font:14px/24px "微软雅黑";color:#333;padding:17px 0 0;}

.page .news_con .txt img{max-width:100%; height:auto;}

.page .news_con .more{padding:100px 0 30px;border-bottom:solid 2px #f07033;}

.page .news_con .share{padding:22px 20px 0 0;}

.page .news_con .share a{float:right;margin:0 2px;}



.about-jj {

    width: 1200px;

    margin: 0 auto;

    padding: 60px 0;

    overflow: hidden;

}



.about-jj .left {

    float: left;

    width: 54%;

}

.about-jj .left p.en {

    font-size: 40px;

    color: #eaeaea;line-height: 50px;

}

.about-jj .left h3 {

    font-size: 36px;

    color: #333333;

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 25px;line-height: 40px;

}



.about-jj .left h3:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 70px;

    height: 2px;

    background-color: #333333;

}



.about-jj .left div.ct {

    font-size: 16px;

    color: #666666;

    line-height: 33px;

}



.about-jj .right {

    float: right;

    width: 42%;

}



.about-num {

    width: 100%;

    background-image: url("../image/ab.jpg")/*tpa=http://www.hke28.com/images/ab.jpg*/;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-position: center 0;

}



.about-num ul {

    width: 1200px;

    padding: 50px  0;

    margin: 0 auto;

    overflow: hidden;

}

.about-num ul li {

    width: 25%;

    float: left;

    text-align: center;

    font-size: 14px;

    color: #fff;

    line-height: 27px;

}



.about-num ul li h3 {

    font-size: 12px;

}



.about-num ul li h3 span {

    font-size: 62px;

    margin-right: 5px;

    font-family: 微软雅黑;

    font-weight: bold;

}



.about-num ul li p.tt {

    font-size: 24px;

    margin: 10px auto;

}

.revealator-slideup.revealator-within, .revealator-slideup.revealator-partially-above, .revealator-slideup.revealator-above {

    transform: translate(0,0);

    opacity: 1;

    width: 1200px;

    margin: 0 auto;

}



.box-do {

    padding-top: 50px;

    background: url("http://www.szhfweb.com/images/ab_08.jpg")/*tpa=http://www.hke28.com/images/ab_08.jpg*/ bottom repeat-x;

    font-size: 14px;

    color: #202020;

}





.title-h2 {

    font-size: 36px;

    color: #202020;



    text-align: center;

    line-height: 21px;

    padding-top: 10px;

    padding-bottom: 60px;

}

.title-h2 p {

    color: #aaa;

    font-size: 14px;

}



.box-do ul {

    overflow: hidden;

}



.box-do li {

    width: 19%;

    float: left;

    margin-bottom: 45px;

    text-align: center;

    padding: 0 3%;

    word-break: break-all;

    transition: all 0.2s;

}

.box-do li:hover img{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);	-ms-transform:translateY(10px);	transform:translateY(10px);	}

.box-do li:hover{ color:#d4141a;}

.line-more a:hover{color:#d4141a; border:1px solid #d4141a;}

.box-do li img {

    display: inline-block;

    margin-bottom: 25px;

    transition: all 0.2s;

}



.box-do li span {

    line-height: 25px;

    min-height: 50px;

    display: block;

    font-weight: bold;

    font-size: 16px;

}



.line-more-lf {

    background: url("http://www.szhfweb.com/images/ab_03.jpg")/*tpa=http://www.hke28.com/images/ab_03.jpg*/ no-repeat top left;

    color: #aaa;

    font-size: 14px;

    text-align: left;

    height: 65px;

}



.line-lf {

    width: 53%;

    float: left;

    text-indent: 2em;

    line-height: 65px;

}



.line-rg {

    width: 47%;

    float: right;

    color: #d4141a;

    text-align: right;

}



.line-more a {

    display: inline-block;

    width: 94px;

    height: 35px;

    line-height: 35px;

    color: #29282d;

    border: 1px solid #29282d;

    margin: 19px;

    text-align: center;

    font-size: 16px;

}

.wo{padding:80px 0;}

.wo .wo_cn, .fu_cn{font-size:30px;color:#111;line-height:35px;text-align:center;}

.wo .wo_en, .shi .fu_en, .wen .fu_en{font-size:24px;color:#666666;line-height:28px;text-transform: uppercase;text-align:center;margin-top:8px;}

.wo .wo_en span, .fu_en span{color:#dd2918;}

.wo .wo_con{font-size:15px;color:#000011;line-height:28px;margin-top:30px;}

.wo .wo_con p{padding-bottom:30px;}

.fu_cn{color:#fff;}

.gao_cn{color:#111;}

.fu{background:url("../image/he_img.jpg") no-repeat center center;padding:80px 0;position:relative;/* overflow: hidden; */background-size: cover;}

.fu_en{color:#fff;font-size:24px;line-height:28px;text-transform: uppercase;text-align:center;margin-top:8px;}

.fu_li{background: rgba(255,255,255,0.7);margin-top: 35px;padding-bottom: 45px;}

.fu_li li{float:left;display:inline-block;margin:0 35px;margin-top:60px;}

.fu .w_auto{width:1200px;margin: 0 auto;}

.shi{padding: 80px 0;}





.page .service{width:100%;max-width:1920px;margin:0 auto;padding-top:3px;}

.page .service .banner_ser{display:block;width:100%; height:650px; background:url(http://www.szhfweb.com/images/fuwu_banner.jpg) no-repeat center top;}

.page .service .ser_box{width:100%;}

.page .service .ser_box a{display:block;width:100%; height:100%;}

.page .service .ser_web{height:617px;background:url(http://www.szhfweb.com/images/fuwu_box1_bg.jpg) no-repeat center top;}

.page .service .ser_web dl{width:1210px;margin:0 auto;}

.page .service .ser_web dt{width:544px;float:left;padding:177px 0 0;}

.page .service .ser_web dd{width:590px;float:right;}

.page .service .ser_box dd h3{font:48px/50px "微软雅黑";color:#fff;padding:80px 0 18px;}

.page .service .ser_box dd p{font:14px/24px "微软雅黑";color:#fff;padding-bottom:13px;}

.page .service .ser_box dd h4{font:30px/35px "微软雅黑";color:#fff;padding:20px 0 14px;}

.page .service .ser_box dd h5{font:18px/34px "微软雅黑";color:#fff;}

.page .service .ser_wx{height:621px;background:url(http://www.szhfweb.com/images/fuwu_dt2.jpg) center top no-repeat;}

.page .service .ser_wx dl{width:1210px;margin:0 auto;}

.page .service .ser_wx dt{display:block;width:544px;float:left;}

.page .service .ser_wx dd{width:590px;float:right;}

.page .service .ser_wx dd h3{color:#333;padding:135px 0 18px;}

.page .service .ser_wx dd p{color:#333;}

.page .service .ser_wx dd h5{color:#333;padding:20px 0 0;}

.page .service .ser_mp{width:100%; background:#f5b412;position:relative;}

.page .service .ser_mp dl{width:1210px;margin:0 auto;}

.page .service .ser_mp dt{width:544px;float:left;padding:140px 0 0;}

.page .service .ser_mp dd{width:590px;float:right;}

.page .service .ser_mp dd h3{color:#333;padding:145px 0 18px;}

.page .service .ser_mp dd p{color:#333;}

.page .service .ser_mp dd h5{color:#333;padding:20px 0 0;}

.page .service .ser_mp .ser_bb{position:absolute;width:100%; height:5px;bottom:0;left:0; background:url(http://www.szhfweb.com/images/fuwu_bb_bg.png) repeat-x center;}

.page .service .ser_vid{height:620px;width:100%; background:#f0f0f2;}

.page .service .ser_vid dl{width:1210px;margin:0 auto;}

.page .service .ser_vid dt{width:335px;float:left;padding:60px 0 0 70px;}

.page .service .ser_vid dd{width:590px;float:right;}

.page .service .ser_vid dd h3{color:#333;padding:145px 0 18px;}

.page .service .ser_vid dd p{color:#333;}

.page .service .ser_vid dd h4{color:#333;}

.page .service .ser_vid dd h5{color:#333;}



/*单页*/

.pageweb{width:1210px;margin:0 auto;padding:80px 0;}

.pageweb .lef{width:620px;float:left;}

.pageweb .lef img{max-width:100%;}

.pageweb .rig{width:580px;float:right;}

.pageweb .rig h3{font:30px/36px "微软雅黑";color:#111;}

.pageweb .rig h4{font:18px/24px "微软雅黑";color:#111;margin:10px 0 30px;}

.pageweb .rig p{font:16px/24px "微软雅黑";color:#333;}

.pageweb .wang_4{padding:0px;}

.pageweb .wang_top{text-align:center;color:#111;}

.pageweb .wang_top h5{font-size:30px;}

.pageweb .wang_top p{font-size:18px;margin-top:20px;}

.pageweb .wang_4 li{float:left;width:365px;height:105px;overflow: hidden;margin:40px 20px 0;}

.pageweb .wang_4 li .w1{background:url(../image/gai_wang_in1.png) no-repeat left top;}

.pageweb .wang_4 li .w2{background:url(../image/gai_wang_in2.png) no-repeat left top;}

.pageweb .wang_4 li .w3{background:url(../image/gai_wang_in3.png) no-repeat left top;}

.pageweb .wang_4 li .w4{background:url(../image/gai_wang_in4.png) no-repeat left top;}

.pageweb .wang_4 li .w5{background:url(../image/gai_wang_in5.png) no-repeat left top;}

.pageweb .wang_4 li .w6{background:url(../image/gai_wang_in6.png) no-repeat left top;}

.pageweb .wang_4 li .wang_li{padding-left:50px;}

.pageweb .wang_4 li .wangfu_ti{font-size:20px;color:#111;line-height:24px;}

.pageweb .wang_4 li .wangfu_miao{font-size:14px;color:#111;line-height:22px;margin-top:15px;}

.pageweb .wang_4 ul{position:relative;zoom:1;margin:0 -20px;}

.pageweb .wang_5{padding:0;}

.pageweb .wang_5 li{float:left;text-align: center;width:380px;height:265px;margin:80px 15px 0;position:relative;color:#333;}

.pageweb .wang_5 li .liu_li{border:1px solid #d7d7d7;height:100%;}

.pageweb .wang_5 ul{position:relative;zoom:1;margin:0 -15px;}

.pageweb .wang_5 li .liu_pic{margin-top:-50px;}

.pageweb .wang_5 li .liu_ti{font-size:24px;line-height:26px;margin:30px 0;}

.pageweb .wang_5 li .liu_des{font-size:14px;line-height:26px;}



.banner_contact{width:100%; height:532px; background:url(../image/contact_banner.jpg) no-repeat center top;}

.page .contact{width:1210px;margin:0 auto;padding:40px 0 70px; position:relative;}

.page .contact .lef{width:735px;float:left;}

.page .contact .rig{width:409px;float:right;margin:70px 0 0; background:#fff;}

.page .contact .lef h3{font:20px/24px "微软雅黑";color:#f07033;padding:28px 0 20px;}

.page .contact .lef p{font:14px/24px "微软雅黑";color:#333;padding:0 0 13px;}

.page .contact .lef .put1{width:270px; height:28px; background:#fff; border:solid 1px #e2e5e6;}

.page .contact .lef .tj{padding:30px 0;}

.page .contact .lef .tj_btn{width:133px; height:51px; background-color:#FF0000; color:#FFFFFF; font-size:18px}

.page .contact .lef .tj_btn:hover{opacity:0.8;filter:alpha(opacity=80);}

.page .contact .rig h2{width:100%; height:99px; background:#f07033;}

.page .contact .rig h2 img{margin:25px 0 0 20px;}

.page .contact .rig h3{font:20px/24px "微软雅黑";color:#f07033;padding:20px 20px 7px;}

.page .contact .rig p{font:14px/24px "微软雅黑";color:#333;padding:0 20px;}

.page .contact .rig h4{font:bold 14px/24px "微软雅黑";color:#f07033;padding:15px 20px 35px;}

.page .contact .map{width:409px;padding:0 0 20px; background:#fff;position:absolute;top:-312px;right:0;}

.page .contact .map h3{font:24px/28px "微软雅黑";color:#724987;padding:18px 20px 10px;}

.page .contact .map p{font:14px/24px "微软雅黑";color:#333;padding:0 20px;}



.page .case_con{width:100%;padding:3px 0 0;overflow:hidden;margin:0 auto;}

.page .case_con_layout{width:100%;padding:3px 0 45px;}

.page .case_con_layout .case_banner{width:100%;margin-bottom:52px;}

.page .case_con_layout .case_con_jj{width:100%; height:749px; background:url(../image/case1_pc_bg.jpg) no-repeat center top;position:relative;}

.page .case_con_layout .case_con_jj_box{width:1210px;margin:0 auto;}

.page .case_con_layout .case_con_jj_box h2{font:45px/46px "黑体";color:#fff;padding:55px 0 26px;}

.page .case_con_layout .case_con_jj_box h2 a{font:26px/28px Arial, Helvetica, sans-serif;color:#eee;}

.page .case_con_layout .case_con_jj_box h2 a:hover{color:#fff;}

.page .case_con_layout .case_con_jj_box .lef{width:130px;float:left;font:18px/20px "黑体";color:#fff; text-align:center;}

.page .case_con_layout .case_con_jj_box .rig{width:926px;float:left;}

.page .case_con_layout .case_con_jj_box .rig p{font:14px/24px "微软雅黑";color:#eee;padding:0 0 10px;}

.page .case_con_layout .ping{width:1210px; height:473px;position:absolute;bottom:0;left:50%;margin-left:-605px;}

.page .case_con_layout .ping .box{width:251px;height:473px;padding:0 16px 0 20px;background:#1d6ca4;float:left;margin:0 18px 0 0;}

.page .case_con_layout .ping h3{font:30px/35px "微软雅黑";color:#fff;padding:23px 0 6px;}

.page .case_con_layout .ping h4{font:20px/22px "微软雅黑";color:#fff;padding:0 0 15px;}

.page .case_con_layout .ping p{font:14px/24px "微软雅黑";color:#fff;}

.page .case_con_layout .media{width:100%;padding:59px 0 25px;}

.page .case_con_layout .media .media_con{width:920px;margin:0 auto;}

.page .case_con_layout .media_con a{display:block;float:left;width:243px; height:56px; background:url(../image/case1_xbg1.jpg) no-repeat center; text-align:center;font:18px/56px "微软雅黑";color:#0d0d0d;margin:0 30px;}

.page .case_con_layout .media_con a:hover,.page .case_con_layout .media_con a.cur{background:url(../image/case1_xbg2.jpg) no-repeat center;color:#fff;}

.page .case_con_layout .media_ce{width:80px;position:fixed;bottom:200px;right:50%;margin-right:-595px;display:none;}

.page .case_con_layout .media_ce a{display:block;width:80px;height:80px;border-radius:40px;background:#aeafb3;text-align:center;font:16px/80px "微软雅黑";color:#333;margin:0 0 10px;}

.page .case_con_layout .media_ce a:hover{background:#d40377;color:#fff;}

.page .case_con_layout .media_box{width:1000px;margin:0 auto; text-align:center;}

.page .case_con_layout .media_box h3{padding:70px 0 46px;}

.page .case_con_layout .media_box p{padding:0 0 50px;}



.page .zhaopin{width:1210px;margin:0 auto;padding:45px 0;font:14px/24px "微软雅黑";color:#444;}

.page .zhaopin .banner_about{width:100%;text-align:center;}

.page .zhaopin .dai{border-bottom:solid 1px #dcdcdc;padding:30px 0;}

.page .zhaopin .dai span{color:#1c7fe5; text-decoration:underline;}

.page .zhaopin .zhaopin_list{width:1000px;border-bottom:dashed 1px #dcdcdc;padding:0 0 17px;}

.page .zhaopin h3{font:bold 20px/24px "微软雅黑";color:#333;padding:25px 0 5px;}

.page .zhaopin h4{font:bold 13px/24px "微软雅黑";color:#333;padding:10px 0 5px;}

.page .zhaopin p{font:13px/24px "微软雅黑";color:#333;padding:0 0 3px;}

#main .why{padding-bottom:0;}



/*seo推广*/

.why .w_auto{background:url(../image/gai_tui1.jpg) no-repeat center bottom;width:1200px;margin:0 auto;height:420px;position:relative;margin-top:50px;}

.why{padding-bottom:0;background:#fff;}

.why .title h5{font-size:32px;padding:50px 0 20px;text-align: center;}

.why .title p{font-size:20px;text-align: center;}

.why .why_item .why_title{font-size:22px;color:#dd2918;line-height:22px;}

.why .why_item{text-align:right;position:absolute;}

.why .why_item .why_miao{color:#9a9a9a;font-size:14px;line-height:24px;margin-top:8px;}

.why .why_item .why_miao span{color:#dd2918;}

.why .it1{bottom:52px;left: 0;}

.why .it2{bottom:218px;left: 52px;}

.why .it3{top:8px;left:330px;}

.why .it4{top:8px;right:300px;}

.why .it5{bottom:218px;right:68px;}

.why .it6{bottom:52px;right:10px;}

.why .it4, .why .it5, .why .it6{text-align:left;}

.why_huo a{display:block;width:300px;height:50px;line-height:50px;text-align:center;background:#dd2918;font-size:18px;color:#fff;border-radius:5px;position:absolute;bottom:75px;left: 50%;margin-left:-150px;}



.seo-common2{ background-color: #fafafa; padding: 46px 0 46px;}

.seo-common2 .container{width:1210px;margin:0 auto;}

.seo-common2 .left{ width: 50%; margin-top: 50px;float:left;}

.seo-common2 .right{width: 47%;margin-top: 0;float:right;}

.seo-common2 .right .rtbbg1 strong {background: url(../image/02_03.png) no-repeat;display: inline-block;font-size:24px;color:#222;padding: 36px 30px 0;padding-right: 0;}

.seo-common2 .rtbbg1 em {

    display: inline-block;

    padding-left:10px;

    color: #aaa;font-size:14px;margin-top:10px;text-transform: uppercase;

}

.seo-common2 .rtbbg1 p {

    font-size: 14px;

    color: #bfbfbf;

    line-height: 26px;

    padding-left: 30px;margin-top:22px;

}

.seo-common2 .seo-wen1{ margin-top: 30px;}

.seo-common2 .seo-wen1 ul li{ padding-left: 68px; background: url(http://www.szhfweb.com/images/bg3_03.jpg) no-repeat 30px center; font-size: 14px; color: #888; line-height: 46px;}

.seo-common2 .seo-wen1 ul li p{line-height:46px;padding-bottom:0;}

.seo-common2 .seo-wen1 ul li strong{ display: inline-block; margin-right: 16px; padding-right: 16px; font-size: 16px; color: #202020; position: relative;line-height:16px;border-right: solid 1px #d2d2d2;}

.seo-common2 .seo-foot {

    padding-top: 30px;

    padding-left: 30px;

    text-align: left;

}

.seo-common2 .seo-foot .more-button {

    display: inline-block;

    overflow: hidden;

    background-color: #17a6e0;

    height: 50px;

    line-height: 50px;

    width: 185px;

    text-align: left;

    padding-left: 35px;

    border-radius: 30px;

    box-shadow: 1px 1px 1px #ccc;

    font-size: 18px;

    color: #fff;

}

.seo-common2 .seo-foot .more-button img{margin-left:15px;}



.common-k3 {

    padding-top: 68px;width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.common-k3 .center{text-align: center;}

.commonbg3 strong {

    background: url(../image/03_03.png) no-repeat;padding: 36px 30px 0;display: inline-block;font-size:24px;color:#222;

}

.commonbg3 em {

    display: block;

    font-size: 14px;

    color: #ccc;

    margin-top: 10px;text-transform: uppercase;

}

.common-k3 .seo-advantage{ position: relative;}

.common-k3 .seo-advantage ul{position: absolute; width: 100%; left:0; top:0;}

.common-k3 .seo-advantage ul li{ position: absolute;}

.common-k3 .seo-advantage ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}

.common-k3 .seo-advantage ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;padding-bottom:0;}

.common-k3 .seo-advantage ul li:nth-child(1){ width: 460px; left: 0; top: 92px;text-align: right;}

.common-k3 .seo-advantage ul li:nth-child(2){ width: 452px; right: 0; top: 92px;text-align: left;}

.common-k3 .seo-advantage ul li:nth-child(3){ width: 335px; left: 0; top: 222px;text-align: right;}

.common-k3 .seo-advantage ul li:nth-child(4){ width: 326px; right: 0; top: 222px;text-align: left;}

.common-k3 .seo-advantage ul li:nth-child(5){ width: 300px; left: 0; top: 368px;text-align: right;}

.common-k3 .seo-advantage ul li:nth-child(6){ width: 290px; right: 0; top: 368px;text-align: left;}



/*webapp*/

.page .webbox{ width:1180px; margin:0px auto; min-height:500px; height:auto;}

.page .weixinlistbanner{ width:100%;position:relative;padding-top:30px;}

.page .weixinlistbanner h3{ position:absolute; top:50px; left:50px; line-height:32px; font-size:30px;}

.page .weixinlistbanner img{ display:block;}

.page .weixintitle{background:url(http://www.szhfweb.com/images/index_88.png) repeat-x 0px 50px; padding-top:30px;}

.page .weixintitle h3{ display:inline;font-size:30px; padding:0;padding-right:50px; line-height:32px;background: #f4f4f4;}

.page .wxcehngxuys{overflow:hidden;padding:40px 0 30px;}

.page .wxcehngxuys .clearfix{margin-right:-25px;}

.page .wxcehngxuys .clearfix .li{width:283px;height:373px;background-color:#ffffff;float:left;margin-right:18px;}

.page .wxcxtitle{padding:14px;font-size:14px;color:#666666;}

.page .wxcxtitle h4{font-size:16px;font-weight:bold;margin-bottom:6px;}

.page .zdsweixinfieldcont{margin-top:40px;background-image:url(../image/zdsgb17.jpg);font-size:14px;}

.page .zdsweixinfieldcont .clearfix .li{width:236px;height:446px; float:left;text-align:center;color:#ffffff;}



.page .zdsfielddiv{padding:100px 26px 0;}

.page .zdsfielddiv img{display:block;margin:0 auto;}

.page .zdsfielddiv h4{padding:46px 0 6px;font-size:16px;font-weight:bold;}



.page .weixingongneng{ margin:0px; padding:30px 0px 20px;}

.page .weixingongneng .clearfix{ margin:0px; padding:0px 0px 20px 0px;}

.page .weixingongneng .clearfix .li{float:left; width:196px; padding-top:20px;}

.page .weixingongneng .clearfix .li img{ display:block; margin:0px auto;}

.page .weixingongneng .clearfix .li p{ text-align:center; font-size:18px; padding:20px 0px; color:#696969;}



.page .zdswxgn .clearfix {padding-bottom:0;}

.page .zdswxgn .clearfix .li{width:236px;height:312px;}

.page .zdswxgn .clearfix .li p{font-size:18px;padding:20px 0 0;}

.page .zdswxgn .clearfix .li p.zdswxgntext{padding:10px 18px 0 18px;font-size:14px;}



.page .clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}





@media screen and (max-width:1024px){

#ind_box_about{min-width:1210px;background:url(../image/ind_about_bg.jpg) no-repeat center;}	

}



@media screen and (max-width: 960px){

    body{min-width:320px;}

    #wrap{min-width:320px;}

    .header{height:40px;position:relative;}

    .header .head_con{width:100%;}

    .header .logo{padding:6px 0 0 13px;}

    .header .logo img{width:120px;}

    .header .nav{width:100%;height:100%;position:absolute;top:40px;right:0;background:#f07033;z-index:9998;display:none;}

    .header ul li a.cur{color:#333;}

    .header ul li a{color:#fff;}

    .header ul li{width:100%;margin:13px 0;}

    .header .menu{display:block !important;position:absolute;right:13px;top:6px;width:30px;z-index: 9999;}

    .header .menu img{width:100%; height: auto;}

    .header .menu img.op{display:block;}

    .header .menu img.clo{display:none;}

    #container{height:185px;min-width:320px;width:100% !important;}

    #slider{min-width:320px;width:100% !important;height:185px;}

    #slider li{min-width:320px;height:185px;background-size:152% auto !important;}

    .pagination{display:none;}

    .main .ind_box h2{font: 20px/22px "微软雅黑";padding: 25px 0 10px;}

    .main .ind_box h2 span{width:60px;line-height: 12px;}

    .main .ind_box h3{font: 12px/16px "微软雅黑";padding-bottom:17px;}

    .main .ind_ser{width:100%;padding-bottom:20px;}

    .ind_ser .ser_box{width:47%;height:245px;margin: 0 1% 7px;}

    .ind_ser .ser_box u{width:90%;height:74%;background-size: 100% auto !important;left:50%;margin-left:-45%;top:10px;}

    .ind_ser .ser_box i{left:50%;margin-left:-34px;top:75px;}

    .ind_ser .ser_box3 i{margin-left:-22px;}

    .ind_ser .ser_box h4{padding: 197px 0 27px;font-size:16px;}

    .ind_ser .ser_box p{display:none;}

    .main .ind_work{min-width:320px;}

    .main .ind_work .work_box{width:50%;min-height:150px;}

    /*.main .ind_work .work_box .zz{display:block !important;background: rgba(0,0,0,0.5);}*/

    .ind_idea{padding-bottom:20px;}

    #idea_pc{display:none;}

    #idea_phone{display:block !important;}

    .ind_idea .idea_box ul{width:100%;}

    .ind_idea .idea_box ul li{float:left;width:48%;margin:10px 1% 7px;background:#fff;padding:0 0 0px;}

    .ind_idea .idea_box ul li .pic{width:100%; height:auto;overflow:hidden;}

    .ind_idea .idea_box ul li .pic img{width:100%;height:auto;}

    .ind_idea .idea_box ul li h4{font:16px/22px "微软雅黑";color:#333;padding:8px 5px 5px;}

    .ind_idea .idea_box ul li h4:hover{color:#f07033;}

    .ind_idea .idea_box ul li p{font:12px/16px "微软雅黑";color:#666;padding:0 5px 0;}

    .main .ind_work{min-width:320px;padding-bottom:20px;}

    .main .client_box{width:96%;margin:0 auto;}

    .main .ind_client span{width:33%;height:auto;}

    .main .ind_client span img{position:inherit;}

    #ind_box_about{min-width:320px;padding-bottom:20px;}

    .ind_box_about .ind_about{width:86%;margin:0 auto;}

    .ind_box_about .ind_about p{font-size:14px;line-height:24px;}

    .ind_box_about .ind_about p a{font: 12px/28px "微软雅黑";width:140px;height:28px;margin-top:25px;}

    #ind_abo_pc{display:none;}

    #ind_abo_phone{display:block !important;}

    .ind_box_news .ind_news{width:100%;padding-bottom:0;}

    .ind_box_news h3 a{font-size:14px;margin: 5px 3px 0;padding: 0 13px;}

    .ind_box_news .ind_news .new_box{width:400%;}

    .ind_box_news .ind_news .ind_news_one{width:25%;}

    .ind_box_news .ind_news li{width:100%;margin: 0 0 6px 0;border-bottom:solid 1px #ffe4d7;}

    .ind_box_news .ind_news li dl dt{display:none;}

    .ind_box_news .ind_news li dl dd{width:92%;margin-left:4%;}

    .ind_box_contact{display:none;}

    .nav_ce{display:none;}

    .foot{display:none;}

}