@font-face {font-family: ziti;font-style: normal;src: url(msyh.ttc);}
    *{ padding: 0; margin: 0; font-family:ziti,"Microsoft YaHei",微软雅黑,"黑体";}
    body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
    li{list-style:none;}
    input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
    img{border:0;}
	b{font-weight:normal !important;}
    .clear{height:0; overflow:hidden; clear:both;}
    dl,dt,dd{
        margin: 0px; padding: 0px; list-style: none;}
    .fl{ float:left}
    .fr{ float:right}
    body,td,th{font-size: 14px;	color:#303030; background: #f9f9f9;}
    a{font-size:14px; color:#303030;}
    a:link{text-decoration:none;}
    a:visited{text-decoration:none;}
    a:hover{text-decoration:none;}
    .banner{ background: url("../images/web/banner.jpg") center no-repeat; width: 100%; height: 700px;
     min-width: 1200px;}
	@font-face {
      font-family:"ch";
	  src: url("0.ttf");
      font-weight: normal;
      font-style: normal;
   }
    .w1200{ width: 1200px; margin: 0 auto;}

    .sdys{ background: #f6f6f6; width: 100%; overflow: hidden;     margin: auto; min-width:1200px;}
    .sidayoushi li{ width: 24%; background: #fff; height: 364px; margin-top: 30px; float: left; margin-right: 1%; position: relative; margin-bottom: 30px;}
    .sidayoushi li b{ display: block; line-height: 100px; text-align: center; font-size: 25px; color: #4eaaf3;}
    .sidayoushi li span{ display: block; line-height: 30px; text-align: center; font-size: 14px; color: #000;}
    .sidayoushi li img{ display: block; margin: 0 auto; text-align: center; font-size: 14px; margin: 50px auto;}
    .sidayoushi li div{ position: absolute; bottom: 10px; width: 70%; height: 30px; line-height: 30px; transition: all 1s; margin-left: -100px; left: 50%;border-radius:25px;}
    .sidayoushi li:hover div{ bottom: 0;}
    .sidayoushi li a{ text-align: center; font-size: 16px; color: #fff; display: block;}
    
    
    .pc{ width:100%; height: 500px; background: url("../images/web/zh_16.jpg") center no-repeat; position: relative;     margin: auto; overflow: hidden; min-width:1200px;}
    .pc img{ position: absolute; right: 10%; bottom: 0}
    .pcal b{ color: #fff; font-size: 40px;display: block; padding-top: 50px; padding-bottom: 30px;}
	.pcal span{font-size: 17px; color: #fff; width: 430px; display: block;}


    
    
    .h5{ background: url("../images/web/xcx.jpg") center no-repeat; width:100%; height: 628px;     margin: auto;overflow: hidden; min-width:1200px;}
    .h5 > div > b{ font-size: 40px; color: #ed5d04; text-align: center; line-height: 150px; display: block;}
    .h5_ctitle{ display: block; text-align: center; font-size: 16px;     margin-top: -15px;}
    .h5_ctitle b{ font-size: 20px; color: #ed5d04;}
    .h5 li{ width: 240px; position: absolute; transition: all 1s;}
    .h5 li:hover{    transform: rotate(360deg);}
    .h5 .w1200{ position: relative;}
    .h5 li b{ display: block; font-size: 35px; text-align: center; padding-top: 50px;    color: #fff;}
    .h5 li span{ display: block; width: 240px;}
    .h5 li{ background: url("../images/web/dbx.png") center no-repeat;width: 181px; height: 207px; background-size: 170px 190px;}


    .sj{ background: url("../images/web/zh_18.jpg") center no-repeat; width: 100%; height: 618px;     margin: auto;overflow: hidden}
    .sj > div{ position: relative;    height: 618px;}
    .sj b{ text-align: center; display: block; font-size: 40px; color: #fff; line-height: 150px;}
    .sj span{ color: #d6d6d6;  font-size: 20px;  padding: 0 50px;}
    .sj ul li{ width: 228px; float: left; margin-right: 15px; position: absolute; bottom: 0;}


    .wgw{ background: url("../images/web/zh_19.jpg") center no-repeat; height: 716px; overflow: hidden; width:100%;     margin: auto;overflow: hidden; min-width:1200px;}
    .wgw > div{ position: relative;}
    .wgw > div img{ position: absolute;}
    .wgw > div > span{ font-size: 46px;text-transform : uppercase; margin-top: 50px; display: block;}
    .wgw > div > span > b{ font-size: 46px; color:#ed5d04; }
    .wgw > div > span > span{ font-size: 20px; color:#ed5d04; }



    .ys{ background: url("../images/web/zh_21.jpg") center no-repeat; height:751px; width:100%; margin: auto;overflow: hidden}
    .ys > div { position: relative;}
    .ys ul li{ position: absolute;width: 257px; text-align: right;}
    .ys ul li b{ display: block; font-size: 30px; text-align: right;}
    .ys ul li span{font-size:18px;}
    .ys > div > span{ position: absolute;  right: 40px;  top: 295px;  font-size: 16px;  line-height: 43px;}


    .foot{ background: url("../images/web/foot.png") center no-repeat; width:100%; height: 260px; overflow: hidden;     margin: auto;overflow: hidden; min-width:1200px;}
    .foot b{   color: #fff;  text-align: center;  display: block;  font-size: 40px; margin-top: 20px;}
    .foot span{     color: #fff;  text-align: center;  display: block;  font-size: 30px;}


    .bdtg_jzlc{background:#fff;padding: 20px 0 50px;}
    .bdtg_jzlc h3{ text-align:center; margin-bottom:20px; color:#f16a05; font-size:35px}
    .bdtg_jzlc ul li{ position:relative;width:148px; float:left; margin:0 115px 0 0; text-align:center;}
    .bdtg_jzlc ul li.last{margin-right:0;}
    .bdtg_jzlc ul li .lc_img{ width: 147px;height: 147px;line-height: 147px;background:url(../images/web/bdtg_24.png) no-repeat;

    }
    .bdtg_jzlc ul li .lc_img img{-moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;}
    .bdtg_jzlc ul li .lc_img:hover img{
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    .bdtg_jzlc ul li span{ display:block; margin-top:25px;font-size:15px; color:#616161;}
    .wrap {
        width: 1200px;
        margin: 0 auto;
    }
    .lcx{position:absolute; top:66px; left:146px;}





    .items-mobile {
        background: url(../../../images/web/special/index/items-mobile-bg.png) no-repeat center; min-width:1200px;
    }

    .items-mobile .center {
        height: 560px;
        position: relative;
    }

    .items-mobile .main-title {
        color: #fff;
    }

    .items-mobile .item {
        position: absolute;
        width: 242px;
        height: 505px;
        bottom: 0;
        perspective: 600px;
    }

    .items-mobile .item .box {
        transform-style: preserve-3d;
        width: 100%;
        height: 100%;
        background: url(../images/web/phone.png) no-repeat center/100%;
        position: relative;
    }

    .items-mobile .item:hover .box {
        transform: rotateY(0) skew(0, 0) scale(1);
    }

    .items-mobile .item .box:before {
        content: "";
        position: absolute;
        width: 202px;
        height: 360px;
        box-sizing: border-box;
        background-color: #F2F2F2;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .items-mobile .item-1 {
        left: 128px;
    }

    .items-mobile .item-1 .box {
        transform: rotateY(40deg) skew(0deg, 10.5deg) scale(0.8);
    }

    .items-mobile .item-2 {
        left: 371px;
    }

    .items-mobile .item-2 .box {
        transform: rotateY(40deg) skew(0deg, 10.5deg) scale(0.8);
    }

    .items-mobile .item-3 {
        right: 321px;
    }

    .items-mobile .item-3 .box {
        transform: rotateY(-40deg) skew(0deg, -10.5deg) scale(0.8);
    }

    .items-mobile .item-4 {
        right: 0px;
    }

    .items-mobile .item-4 .box {
        transform: rotateY(-40deg) skew(0deg, -10.5deg) scale(0.8);
    }

    .items-mobile .item-title {
        font-size: 26px;
        margin-bottom: 10px;
        position: relative;
        padding-top: 100px;
        text-align: center;
    }
    .items-mobile .img-block {
        width: 120px;
        margin: 20px auto;
    }
    .img-block img{ width: 120px;}

    .items-mobile .item-p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
    }

    .items-mobile .item-btn {
        width: 60%;
        height: 36px;
        line-height: 36px;
        text-align: center;
        position: relative;
        margin: 0 auto;
    }

    .items-mobile .item-btn-a {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ff6600;
        color: #fff;
    }

    .items-mobile .item-btn-a:hover {
        background-color: #3CA7FC;
    }

    .items-mobile {
        background: url(../images/web/items-mobile-bg.png) no-repeat center;
    }

    .items-mobile .center {
        height: 560px;
        margin: 100px auto;
        width: 1200px;
    }

    .items-mobile .main-title {
        color: #fff;
        text-align: center;

        font-size:30px;
    }

    .items-mobile .item {
        position: absolute;
        width: 242px;
        height: 505px;
        bottom: 0;
        perspective: 600px;
    }

    .items-mobile .item .box {
        transform-style: preserve-3d;
        width: 100%;
        height: 100%;
        background: url(../images/web/phone.png) no-repeat center/100%;
        position: relative;
    }

    .items-mobile .item:hover .box {
        transform: rotateY(0) skew(0, 0) scale(1);
    }

    .items-mobile .item .box:before {
        content: "";
        position: absolute;
        width: 202px;
        height: 360px;
        box-sizing: border-box;
        background-color: #F2F2F2;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .items-mobile .item-1 {
        left: 68px;
    }

    .items-mobile .item-1 .box {
        transform: rotateY(40deg) skew(0deg, 10.5deg) scale(0.8);
    }
    .items-mobile{
        height: 700px;
        overflow: hidden;
    }






    .qwyx_4{height: 650px;padding-top: 100px;margin-bottom: 50px !important; min-width:1200px;}
    .qwyx_4_t{background: url(../images/web/qwyx_4_t.png) center no-repeat;}
    .qwyx_4_con{padding-top: 60px;}
    .qwyx_4_con ul li{width: 289px;height: 187px;overflow: hidden;float: left;margin: 10px 10px 0 0;position: relative;}
    .qwyx_4_con ul li:last-child{margin-right: 0;}
    .qwyx_4_con ul li a:after{display: block;position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;-webkit-transition: .5s;z-index: 1;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;}
    .qwyx_4_con ul li:hover a:after{background: rgba(255,102,0,0.4);}
    .qwyx_4_con ul li a i{width: 60px;height: 60px;display: block;position: absolute;left: 50%;top: 50%;margin: -45px 0 0 -30px;background: url(../images/web/case_icon.png);z-index: 2;
        background-size: cover;opacity: 0;-webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;}
    .qwyx_4_con ul li:hover i{opacity: 1;}
    .qwyx_4_con ul li p{font-size: 16px;text-align: center;color:#fff;position: absolute;bottom: -30px;text-align: center;width: 100%;z-index: 3;-webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;}
    .qwyx_4_con ul li:hover p{bottom: 30px;}
    .com_width{width: 1200px;margin: 0 auto; min-width:1200px;}
    .qwyx_1{padding-top: 85px;}
    .qwyx_t{height: 70px;margin: 0 0 10px;font-size: 40px;text-align: center;color:#000022;line-height: 70px;}
    .qwyx_desc{text-align: center;font-size: 16px;color:#888888;}
    .qwyx_desc span{color:#cd9c26;}







    /**/
    .dj-sect3 .sect-title {
        color: #fff;
    }

    .dj-sect3 {
        background-image: url("../images/web/dj-sect-bg.jpg");
        background-repeat: no-repeat;
        height: 600px;

    }

    .dj-sect3-content {
        margin: 0 auto;
        text-align: center;
        width:1170px;
    }

    .dj-sect3-detail {
        background: url("../images/web/dj-sect3-line.png") no-repeat center;
        height: 306px;

    }
    .dj-sect3-detail div{ float:left;}
    .sect-padding{padding: 72px 0;}
    .sect3-process {
        width: 288px;
        text-align: left;
        color: #fff;
        font-size: 16px;
    }

    .sect3-process3 {
        width: 321px;
        margin-left: 150px;
        margin-right: 115px;
    }

    .sect3-process2 {
        margin-top: 70px;
        width: 288px;
        text-align: left;
        color: #fff;
        font-size: 16px;
        margin-left: 215px;
    }

    .dj-sect3-detail a {
        color: #337ab7;
        margin-left: 20px;
        text-decoration: underline;
    }
    .sect3-icon {
        background-image: url("../images/web/dj-sect3-bg.png");
        display: inline-block;
    }
    .process-brief {
        height: 85px;
        display: inline-block;
    }

    .process-brief a {
        color: #fff;
    }
    .sect3-icon1 {
        background-position: -0px -0px;
        width: 26px;
        height: 26px;
    }

    .sect3-icon2 {
        background-position: -26px -0px;
        width: 26px;
        height: 24px;
    }

    .sect3-icon3 {
        background-position: -52px -0px;
        width: 26px;
        height: 25px;
    }

    .sect3-icon4 {
        background-position: -78px -0px;
        width: 26px;
        height: 26px;
    }

    .sect3-icon5 {
        background-position: -104px -0px;
        width: 26px;
        height: 26px;
    }
    .sect-title p {
        font-size: 30px;
    }
    .sect-title span{ font-size: 16px;    padding: 10px 0 70px 0;
        display: block;}
    /**/



    .qwyx_5_t{background: url(../images/web/qwyx_5_t.png) center no-repeat;}

    .qwyx_5_con{height: 300px;background: url(../images/web/qwyx/qwyx_5_bg.png) center top no-repeat;margin-top: 80px;position: relative;}
    .qw_2_t{ font-size: 20px}
    .qwyx_5_con .qw_2_p{font-size: 12px;}
    .qw_5_1{color:#ff43f0;top: 75px;left: 20px;}
    .qw_5_2{left: 100px;top: 150px;}
    .qw_5_3{color:#f6ae01;top: 75px;left: 240px;}
    .qw_5_4{left: 345px;top: 40px;}
    .qw_5_5{color:#ff4545;top: 190px;left: 455px;}
    .qw_5_6{left: 525px;top: 275px;}
    .qw_5_7{color:#ff8208;top: 190px;left: 653px;}
    .qw_5_8{left: 735px;top: 40px;}
    .qw_5_9{color:#5fc1ff;top: 75px;left: 890px;}
    .qw_5_10{left: 936px;top: 150px;}
    .qw_5_11{color:#5fd148;top: 75px;left: 1110px;}
    .wzjs_5_con{height: 300px;background: url(../images/web/wzjs_5_bg.png) center top no-repeat;margin-top: 80px;position: relative;}
    .wzjs_5_con *{ position: absolute;}
    .wzjs_5_con .qw_5_7{left: 673px;}
    .qwyx_5_zx{width:200px;height: 40px;display: block;border: 2px solid #f60;border-radius: 20px 20px;text-align: center;font-size: 20px;
        line-height: 40px;color:#f60;margin: 50px auto 80px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;}
    .qwyx_5_zx i{display: block;width: 25px;height: 26px;background: url(../images/web/qwyx_zx_on.png) no-repeat;margin: 10px 0px 0 25px;float: left;}
    .qwyx_5_zx:hover{background: #f60;color:#fff;}
    .qwyx_5_zx:hover i{display: block;width: 25px;height: 26px;background: url(../images/web/qwyx_zx.png) no-repeat;margin: 10px 0px 0 25px;float: left;}
    .banner_in a{display: block;width: 100%;height: 100%; min-width:1200px;}
    .qw_5_1{color:#ff43f0;top: 75px;left: 20px;}
    .qw_5_2{left: 100px;top: 150px;}
    .qw_5_3{color:#f6ae01;top: 75px;left: 240px;}
    .qw_5_4{left: 345px;top: 40px;}
    .qw_5_5{color:#ff4545;top: 190px;left: 455px;}
    .qw_5_6{left: 525px;top: 275px;}
    .qw_5_7{color:#ff8208;top: 190px;left: 653px;}
    .qw_5_8{left: 735px;top: 40px;}
    .qw_5_9{color:#5fc1ff;top: 75px;left: 890px;}
    .qw_5_10{left: 936px;top: 150px;}
    .qw_5_11{color:#5fd148;top: 75px;left: 1110px;}