.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); }
    .bg1banner img { width: 100%; }

.chlidmenubig { width: 100%; background-color: #f5f5f5; padding: 0px 10px; }
    .chlidmenubig .chlidmenu { max-width: 1200px; border-radius: 5px; width: 100%; background-color: #fff; padding: 30px 25px; text-align: left; transform: translate(0px, -40px); -ms-transform: translate(0px, -40px); -webkit-transform: translate(0px, -40px); -o-transform: translate(0px, -40px); -moz-transform: translate(0px, -40px); }
        .chlidmenubig .chlidmenu .menu { width: 100%; padding: 5px 0px; overflow: hidden; }
            .chlidmenubig .chlidmenu .menu dd { overflow: hidden; }
                .chlidmenubig .chlidmenu .menu dd a { font-size: 14px; float: left; line-height: 28px; color: #595959; margin-right: 28px }
                    .chlidmenubig .chlidmenu .menu dd a.action { color: #4e98f4 }


@media only screen and (max-width:768px) {
    .chlidmenubig .chlidmenu { padding: 20px 30px 30px 30px; transform: translate(0px, -15px); -ms-transform: translate(0px, -15px); -webkit-transform: translate(0px, -15px); -o-transform: translate(0px, -15px); -moz-transform: translate(0px, -15px); }
}



.websiteconn { margin-top: 60px; width: 1200px; }
    .websiteconn .tit { text-transform: Uppercase; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 28px; font-weight: 400; }
        .websiteconn .tit b { color: #f39b08; font-weight: 400; }
    .websiteconn .subtit { font-size: 18px; font-family: "黑体"; width: 96%; }
    .websiteconn .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }
    .websiteconn .tittext { color: #606060; margin-top: 20px; font-size: 14px; line-height: 24px; }

    .websiteconn .adconn { width: 1200px; margin-top: 78px; margin-bottom: 78px; }
        .websiteconn .adconn ul { width: 100%; overflow: hidden; }
            .websiteconn .adconn ul li { float: left; width: 25%; height: 55px; margin-bottom: 10px; }
                .websiteconn .adconn ul li .pic { float: left; width: 65px; }
                .websiteconn .adconn ul li b { margin-left: 15px; font-weight: 400; float: left; line-height: 50px; font-size: 16px; font-family: "黑体"; }


.serviceconn { width: 1200px; height: 960px; background-color: #f5f5f5; position: relative; background-size: cover; margin-top: 180px; width: 1200px; background-image: url(/Tpl/web/images/operate/web/b1.jpg); background-repeat: no-repeat; background-position: top center; }
    .serviceconn .conn { width: 1200px; position: relative; }
        .serviceconn .conn .topbg { height: 297px; position: absolute; top: -120px; background-size: cover; border: solid 0px #000; width: 100%; background-image: url(/Tpl/web/images/operate/web/b2.png); background-position: center top; background-repeat: no-repeat; }
            .serviceconn .conn .topbg .tit { margin-top: 55px; text-transform: Uppercase; color: #fff; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 28px; font-weight: 400; }
                .serviceconn .conn .topbg .tit b { color: #f39b08; font-weight: 400; }
            .serviceconn .conn .topbg .subtit { color: #fff; font-size: 18px; font-family: "黑体"; width: 96%; }
            .serviceconn .conn .topbg .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }

        .serviceconn .conn .adconn { border: solid 0px #000; width: 100%; margin-top: 265px; margin-bottom: 78px; }
            .serviceconn .conn .adconn ul { width: 100%; overflow: hidden; }
                .serviceconn .conn .adconn ul li { float: left; width: 33%; margin-bottom: 10px; }
                    .serviceconn .conn .adconn ul li .pic { width: 100%; text-align: center; }

                    .serviceconn .conn .adconn ul li .ad1 { width: 100%; font-size: 18px; color: #242424; height: 60px; line-height: 60px; }
                    .serviceconn .conn .adconn ul li .ad2 { width: 100%; font-size: 14px; color: #5d5d5d; }



        .serviceconn .conn .adconn2 { border: solid 0px #000; width: 100%; margin-top: 0px; margin-bottom: 78px; }
            .serviceconn .conn .adconn2 ul { width: 100%; overflow: hidden; }
                .serviceconn .conn .adconn2 ul li { float: left; width: 33%; margin-bottom: 10px; }
                    .serviceconn .conn .adconn2 ul li .pic { width: 100%; text-align: center; }

                    .serviceconn .conn .adconn2 ul li .ad1 { width: 100%; font-size: 18px; color: #242424; height: 60px; line-height: 60px; }
                    .serviceconn .conn .adconn2 ul li .ad2 { width: 100%; font-size: 14px; color: #5d5d5d; }






.developmentconn { margin-top: 60px; width: 1200px; }
    .developmentconn .tit { text-transform: Uppercase; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 28px; font-weight: 400; }
        .developmentconn .tit b { color: #f39b08; font-weight: 400; }
    .developmentconn .subtit { font-size: 18px; font-family: "黑体"; width: 96%; }
    .developmentconn .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }

    .developmentconn .adconn { border: solid 0px #000; width: 100%; margin-top: 78px; background-image: url(/Tpl/web/images/operate/web/c5.jpg); background-repeat: no-repeat; background-position: bottom center; }
        .developmentconn .adconn ul { width: 100%; overflow: hidden; padding-bottom: 230px; }
            .developmentconn .adconn ul li { float: left; width: 25%; margin-bottom: 10px; }
                .developmentconn .adconn ul li .pic { width: 100%; text-align: center; }

                .developmentconn .adconn ul li .ad1 { width: 100%; font-size: 18px; color: #242424; height: 60px; line-height: 60px; }
                .developmentconn .adconn ul li .ad2 { padding: 10px; width: 100%; font-size: 14px; color: #5d5d5d; }




.caseconn { width: 1200px; background-color: #f5f5f5; padding-top: 78px; padding-bottom: 78px; }
    .caseconn .tit { text-transform: Uppercase; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 28px; font-weight: 400; }
        .caseconn .tit b { color: #f39b08; font-weight: 400; }
    .caseconn .subtit { font-size: 18px; font-family: "黑体"; width: 96%; }
    .caseconn .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }

    .caseconn .adconn { border: solid 0px #000; width: 1200px; margin-top: 78px; }
        .caseconn .adconn ul { width: 100%; overflow: hidden; }
            .caseconn .adconn ul li { float: left; width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 16px; background-color: #fff; }
                .caseconn .adconn ul li .pic { width: 100%; text-align: center; }
                .caseconn .adconn ul li .ad1 { width: 100%; font-size: 18px; color: #242424; height: 60px; line-height: 60px; }




.aftersalesconn { width: 1200px; padding-top: 78px; padding-bottom: 78px; }
    .aftersalesconn .tit { text-transform: Uppercase; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 28px; font-weight: 400; }
        .aftersalesconn .tit b { color: #f39b08; font-weight: 400; }
    .aftersalesconn .subtit { font-size: 18px; font-family: "黑体"; width: 96%; }
    .aftersalesconn .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }
    .aftersalesconn .tittext { color: #606060; margin-top: 20px; font-size: 14px; line-height: 24px; }
    .aftersalesconn .adconn { border: solid 0px #000; width: 100%; margin-top: 78px; }
        .aftersalesconn .adconn ul { width: 100%; overflow: hidden; }
            .aftersalesconn .adconn ul li { float: left; width: 16%; margin-bottom: 16px; background-color: #fff; }
                .aftersalesconn .adconn ul li .pic { width: 100%; text-align: center; }
                .aftersalesconn .adconn ul li .ad1 { width: 100%; font-size: 14px; color: #242424; height: 40px; line-height: 20px; }

        .aftersalesconn .adconn div { overflow: hidden; }
        .aftersalesconn .adconn .img1 { float: left; }
        .aftersalesconn .adconn .img2 { float: right; }


@media only screen and (max-width:64000px) {
    .main .banner { height: 398px; width: 100%; }
    .websiteconn { width: 100%; }
    .serviceconn { width: 100%; }
    .developmentconn { width: 100%; }
    .caseconn { width: 100%; }
}



@media only screen and (max-width:1399px) {
}

@media only screen and (max-width:1279px) {
    .websiteconn .adconn { width: 1000px; }
    .serviceconn .conn { width: 1000px; }

    .developmentconn .conn { width: 1000px; }
    .developmentconn .adconn { width: 1000px; background-size: 1000px auto; }
        .developmentconn .adconn ul { padding-bottom: 200px; }


    .caseconn .adconn { width: 1000px; }
        .caseconn .adconn ul li .pic .pic { width: 100%; }
        .caseconn .adconn ul li .pic img { width: 100%; }


    .aftersalesconn { width: 1000px; }
        .aftersalesconn .adconn img { height: calc(161px*0.83); }
}

@media only screen and (max-width:1023px) {
    .main .banner { height: calc(398px*0.76); }
    .websiteconn .adconn { width: 920px; }
    .serviceconn { height: calc(960px*0.76); }
        .serviceconn .conn { width: 920px; }

            .serviceconn .conn .adconn { width: 100%; margin-top: 200px; margin-bottom: 60px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.76); }
            .serviceconn .conn .adconn2 { margin-bottom: 60px; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.76); }

    .developmentconn .conn { width: 920px; }
    .developmentconn .adconn { width: 920px; background-size: 920px auto; }
        .developmentconn .adconn ul { padding-bottom: 170px; }


    .caseconn .adconn { width: 920px; }
    .aftersalesconn { width: 920px; }
        .aftersalesconn .adconn img { height: calc(161px*0.76); }
}

@media only screen and (max-width:959px) {
    .main .banner { height: calc(398px*0.63); }
    .websiteconn .adconn { width: 740px; }

    .serviceconn { height: calc(960px*0.63); }
        .serviceconn .conn { width: 740px; }

            .serviceconn .conn .topbg { height: calc(297px*0.63); }
            .serviceconn .conn .adconn { width: 100%; margin-top: 150px; margin-bottom: 40px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.63); }
            .serviceconn .conn .adconn2 { margin-bottom: 40px; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.63); }

    .developmentconn .conn { width: 740px; }
    .developmentconn .adconn { width: 740px; background-size: 740px auto; }
        .developmentconn .adconn ul { padding-bottom: 140px; }


    .caseconn .adconn { width: 740px; }
    .aftersalesconn { width: 740px; }
        .aftersalesconn .adconn img { height: calc(161px*0.63); }
}

@media only screen and (max-width:768px) {
    .main .banner { height: calc(398px*0.53); }
    .websiteconn .adconn { width: 620px; }
        .websiteconn .adconn ul li { float: left; width: 50%; }

    .serviceconn { height: calc(960px*0.53); }
        .serviceconn .conn { width: 620px; }

            .serviceconn .conn .topbg { height: calc(297px*0.53); }

                .serviceconn .conn .topbg .tit { margin-top: 15px; text-transform: Uppercase; color: #fff; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 18px; font-weight: 400; }
                    .serviceconn .conn .topbg .tit b { color: #f39b08; font-weight: 400; }
                .serviceconn .conn .topbg .subtit { color: #fff; font-size: 14px; font-family: "黑体"; width: 96%; }
                .serviceconn .conn .topbg .subtitbom { width: 40px; margin-top: 10px; height: 5px; border-top: solid 1px #adadad; background-color: #999999; border-bottom: solid 1px #ebebeb; }


            .serviceconn .conn .adconn { width: 100%; margin-top: 130px; margin-bottom: 20px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.53); }
            .serviceconn .conn .adconn2 { margin-bottom: 20px; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.53); }

    .developmentconn .conn { width: 620px; }
    .developmentconn .adconn { width: 620px; background-size: 620px auto; }
        .developmentconn .adconn ul { padding-bottom: 100px; }
            .developmentconn .adconn ul li { width: 50%; }


    .caseconn .tit { font-size: 22px; }
    .caseconn .subtit { font-size: 16px; }


    .aftersalesconn .tit { font-size: 22px; }
    .aftersalesconn .subtit { font-size: 16px; }


    .caseconn .adconn { width: 620px; }
    .aftersalesconn { width: 620px; }
        .aftersalesconn .adconn ul li { width: 25%; }
        .aftersalesconn .adconn img { height: calc(161px*0.53); }
}

@media only screen and (max-width:640px) {
    .main .banner { height: calc(398px*0.45); }
    .websiteconn .adconn { width: 520px; }

    .serviceconn { height: calc(960px*0.6); }
        .serviceconn .conn { width: 520px; }

            .serviceconn .conn .topbg { height: calc(297px*0.45); }
            .serviceconn .conn .adconn { width: 100%; margin-top: 100px; margin-bottom: 20px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.45); }
            .serviceconn .conn .adconn2 { margin-bottom: 20px; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.45); }

    .developmentconn .conn { width: 520px; }
    .developmentconn .adconn { width: 520px; background-size: 520px auto; }
        .developmentconn .adconn ul { padding-bottom: 80px; }
            .developmentconn .adconn ul li { width: 50%; }

    .caseconn .adconn { width: 520px; }
    .caseconn .tit { font-size: 18px; }
    .caseconn .subtit { font-size: 14px; }

    .aftersalesconn .tit { font-size: 18px; }
    .aftersalesconn .subtit { font-size: 14px; }




    .aftersalesconn { width: 520px; }
        .aftersalesconn .adconn img { height: calc(161px*0.45); }
}

@media only screen and (max-width:540px) {
    .main .banner { height: calc(398px*0.4); }

    .websiteconn .adconn { width: 470px; }
        .websiteconn .adconn ul li { float: left; width: 100%; }



    .websiteconn .tit { text-transform: Uppercase; line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 18px; font-weight: 400; }
        .websiteconn .tit b { color: #f39b08; font-weight: 400; }
    .websiteconn .subtit { font-size: 14px; font-family: "黑体"; width: 96%; }
    .websiteconn .tittext { color: #606060; margin-top: 10px; font-size: 12px; line-height: 18px; }


    .serviceconn { height: calc(960px*0.6); }
        .serviceconn .conn { width: 470px; }



            .serviceconn .conn .topbg { height: calc(297px*0.4); }
            .serviceconn .conn .adconn { width: 100%; margin-top: 100px; margin-bottom: 20px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.4); }
                .serviceconn .conn .adconn ul li .ad1 { font-size: 14px; color: #242424; height: 40px; line-height: 40px; }
                .serviceconn .conn .adconn ul li .ad2 { font-size: 12px; color: #5d5d5d; }

            .serviceconn .conn .adconn2 { margin-bottom: 20px; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.4); }
                .serviceconn .conn .adconn2 ul li .ad1 { font-size: 14px; color: #242424; height: 40px; line-height: 40px; }
                .serviceconn .conn .adconn2 ul li .ad2 { font-size: 12px; color: #5d5d5d; }



    .developmentconn .conn { width: 470px; }
    .developmentconn .tit { line-height: 40px; height: 40px; width: 96%; font-family: Arial; font-size: 18px; font-weight: 400; }
        .developmentconn .tit b { color: #f39b08; font-weight: 400; }
    .developmentconn .subtit { font-size: 14px; font-family: "黑体"; width: 96%; }

    .developmentconn .adconn { width: 470px; background-size: 470px auto; }
        .developmentconn .adconn ul { padding-bottom: 80px; }
            .developmentconn .adconn ul li { width: 50%; }
                .developmentconn .adconn ul li .pic { width: calc(106px*0.4); }
                .developmentconn .adconn ul li .ad1 { width: 100%; font-size: 14px; color: #242424; height: 40px; line-height: 40px; }
                .developmentconn .adconn ul li .ad2 { width: 100%; font-size: 12px; color: #5d5d5d; }
    .caseconn .adconn { width: 470px; }

        .caseconn .adconn ul li { width: 48%; }


    .aftersalesconn { width: 470px; }
        .aftersalesconn .adconn ul li { width: 33%; }

        .aftersalesconn .adconn img { height: calc(161px*0.4); }
}

@media only screen and (max-width:480px) {
    .main .banner { height: calc(398px*0.26); }

    .websiteconn .adconn { width: 300px; margin-top: 28px; margin-bottom: 28px; }

    .serviceconn { height: calc(960px*0.6); }
        .serviceconn .conn { width: 320px; }


            .serviceconn .conn .topbg { height: calc(297px*0.26); }
            .serviceconn .conn .adconn { width: 100%; margin-top: 100px; margin-bottom: 20px; }
                .serviceconn .conn .adconn ul li .pic img { width: calc(122px*0.26); }
            .serviceconn .conn .adconn2 { margin-bottom: 20px; width: 100%; }
                .serviceconn .conn .adconn2 ul li .pic img { width: calc(122px*0.26); }


    .developmentconn .conn { width: 320px; }
    .developmentconn .adconn { width: 320px; background-size: 320px auto; }
        .developmentconn .adconn ul { padding-bottom: 30px; }
            .developmentconn .adconn ul li { width: 50%; height: 140px; }
                .developmentconn .adconn ul li .pic img { width: calc(106px*0.4); }
                .developmentconn .adconn ul li .ad1 { width: 100%; font-size: 14px; color: #242424; height: 40px; line-height: 40px; }
                .developmentconn .adconn ul li .ad2 { padding: 10px; width: 100%; font-size: 12px; color: #5d5d5d; }
    .caseconn .adconn { width: 320px; }
    .aftersalesconn { width: 320px; }

        .aftersalesconn .adconn img { height: calc(161px*0.26); }
}

@media only screen and (max-width:320px) {
}