@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}
fieldset,img {
    border: 0;
}
input,textarea,select{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
    text-decoration: none;
}
img{
    border:none;
    vertical-align: middle;
}

    body {font: normal 100% Microsoft YaHei,Helvetica, Arial,sans-serif;overflow-x: hidden;color: #333;}

    .c {
        width: 1400px;
        margin-left: auto;
        margin-right: auto;

    }

    .ic {
        width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }

    input, textarea {
        outline: none;
        background: none;
        border: none;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }
    a:hover {
        color: #087fca;
        text-decoration: none;
    }

    .clear {
        clear: both;
    }
.height10{height:10px;}
.height30{height:30px;}
.height20{height:20px;}
.height34{height:34px;}
.height40{height:40px;}
.height50{height:50px;}
.height60{height:60px;}
.height80{height:80px;}
.height90{height:90px;}
.height95{height:95px;}
.height100{height:100px;}
    .f8 {
        background: #f8f8f8;
        width: 100%;
    }

    input::-webkit-input-placeholder {
        color: #bbbbbb;
    }

    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #bbbbbb;
    }

    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #bbbbbb;
    }

    input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #bbbbbb;
    }
      textarea::-webkit-input-placeholder {
        color: #bbbbbb;
    }

    textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #bbbbbb;
    }

    textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #bbbbbb;
    }

    textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #bbbbbb;
    }


.baikechuangjian_banner{width: 100%;height: 570px;background: #fafafa;margin-top: 120px;padding: 58px 0;}
.baikechuangjian_banner .left{width: 72%;height: 438px; float: left;overflow: hidden;position: relative;}
.baikechuangjian_banner .left img{width: 100%;height: 100%;}
.baikechuangjian_banner .left .why{position: absolute;top: 60px;left: 60px;}
.baikechuangjian_banner .left .why h2{font-size: 28px;color: #fff;font-weight: bold;}
.baikechuangjian_banner .left .why .hr1{width: 57px;height: 3px;background: #fff;margin-top: 28px;}
.baikechuangjian_banner .left .why h3{font-size: 18px;color: #fff;line-height: 45px;margin-top: 20px;width: 56%;}
.baikechuangjian_banner .left .why h4{font-size: 18px;color: #fff;margin-top: 50px;}
.baikechuangjian_banner .left .why h4 a{font-size: 18px;color: #fff;}
.baikechuangjian_banner .left .why h4 .img1{width: 19px;height: 21px;margin-top: -5px;margin-right: 10px;}
.baikechuangjian_banner .left .why h4 .img2{width: 21px;height: 25px;margin-top: -5px; margin-right: 10px;}
.baikechuangjian_banner .left .why h4 em{padding: 0 30px;}
.baikechuangjian_banner .right{width: 24%;height: 438px;padding: 30px 35px; background: #fff;box-shadow: rgb(200 200 200 / 20%) 1px 1px 3px 3px;}
.baikechuangjian_banner .right h2{font-size: 20px;color: #292929;font-weight: bold;border-left: 3px solid #ee6107;padding-left: 13px;height: 23px;line-height: 23px;}
.baikechuangjian_banner .right .hr1{width: 100%;height: 1px;background: #e6e6e6;margin-top: 13px;}
.baikechuangjian_banner .right ul{margin-top: 20px;}
.baikechuangjian_banner .right li{height: 52px;line-height: 52px;overflow: hidden;}
.baikechuangjian_banner .right li a{font-size: 15px;color: #666;}
.baikechuangjian_banner .right li span{font-size: 15px;color: #666;margin-right: 10px;}
.baikechuangjian_banner .right li:hover a{font-size: 15px;color: #ee6107;}
.baikechuangjian_banner .right li:hover span{font-size: 15px;color: #ee6107;margin-right: 10px;}


.baikechuangjian_list1{margin-top: 55px;width: 100%;background: #fafafa;padding-bottom: 90px;}
.baikechuangjian_list1 h2{padding-top: 78px;font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.baikechuangjian_list1 h3{margin-top: 20px;font-size: 16px;color: #666;text-align: center;}
.baikechuangjian_list1 ul{margin-top: 65px;}
.baikechuangjian_list1 li{width: 23.5%;margin-right: 2%;height: 445px;text-align: center; background: #fff;box-shadow: rgb(200 200 200 / 20%) 1px 1px 3px 3px;float: left;}
.baikechuangjian_list1 li:nth-child(4){margin-right: 0;}
.baikechuangjian_list1 li .img1{margin-top: 45px;}
.baikechuangjian_list1 li h4{font-size: 20px;color: #333;margin-top: 30px;}
.baikechuangjian_list1 li h5{font-size: 16px;color: #666;line-height: 35px;padding: 0 45px;margin-top: 35px;}
.baikechuangjian_list1 li .img2{margin-top: 40px;}

.baikechuangjian_list2{width: 100%;padding: 90px 0;}
.baikechuangjian_list2 h2{font-size: 32px;color: #333;font-weight: bold;border-left: 3px solid #ee6107;height: 30px;line-height: 30px;padding-left: 10px;}
.baikechuangjian_list2 h3{font-size: 20px;color: #555;font-weight: bold;margin-top: 35px;}
.baikechuangjian_list2 .ul1{width: 90%;height: 160px;margin-top: 178px;margin-left: 5%;}
.baikechuangjian_list2 .ul1 li{float: left;width: 14%;height: 160px;text-align: center;}
.baikechuangjian_list2 .ul1 li .tp{width: 147px;height: 147px;background: #6cb843;margin: 0 auto;border-radius: 100%;text-align: center;}
.baikechuangjian_list2 .ul1 li .tp1{width: 147px;height: 147px;background: #ed6d2e;margin: 0 auto;border-radius: 100%;text-align: center;}
.baikechuangjian_list2 .ul1 li .tp2{width: 147px;height: 147px;background: #198c55;margin: 0 auto;border-radius: 100%;text-align: center;}
.baikechuangjian_list2 .ul1 li .tp3{width: 147px;height: 147px;background: #b84358;margin: 0 auto;border-radius: 100%;text-align: center;}
.baikechuangjian_list2 .ul1 li img{max-width: 100%;margin-top: 10px;}
.baikechuangjian_list2 .ul1 li h4{font-size: 28px;color: #fff;font-weight: bold;padding-top: 40px;}
.baikechuangjian_list2 .ul2{width: 100%;height: 150px;overflow: hidden;}
.baikechuangjian_list2 .ul2 li{width: 25%;height: 150px;float: left;font-size: 18px;color: #666;font-weight: bold;text-align: center;margin-top: 50px;line-height: 30px;}
.baikechuangjian_list2 .ul2 li:nth-child(1){padding-right: 4%;}
.baikechuangjian_list2 .ul2 li:nth-child(2){padding: 0 2%;}
.baikechuangjian_list2 .ul2 li:nth-child(3){padding: 0 2%;}
.baikechuangjian_list2 .ul2 li:nth-child(4){padding-left: 4%;}


.baikechuangjian_list3{width: 100%;height: 775px;background: url("https://www.web168.com.cn/lib/images/productb/bk_lb.png") no-repeat center;}
.baikechuangjian_list3 .category_left{width: 62%;height: 580px;margin-top: 80px;float: left;}
.baikechuangjian_list3 .category_left .title .title1{font-size: 32px;color: #ffffff;font-weight: bold;border-left: 3px #ee6107 solid;height: 32px;line-height: 32px;padding-left: 15px;}
.baikechuangjian_list3 .category_left ul{width: 29%;float: left;}
.baikechuangjian_list3 .category_left ul li{width: 100%;height: 120px;background: #fff;margin-bottom: 10px;font-size: 18px;color: #333333;line-height: 120px;padding-left: 20%;}
.baikechuangjian_list3 .category_left ul li span{float: left;font-size: 18px;color: #666;}
.baikechuangjian_list3 .category_left ul li:hover span{color: #fff;}
.baikechuangjian_list3 .category_left ul li.active span{color: #fff;}
.baikechuangjian_list3 .category_left ul li .tp{display: none;float: left;margin-left: 20px;}
.baikechuangjian_list3 .category_left ul li:nth-child(1){margin-top: 30px;}
.baikechuangjian_list3 .category_left ul li.active{background: #ed6d2e;margin-bottom: 10px;font-size: 18px;color: #fff;line-height: 120px;padding-left: 20%;}
.baikechuangjian_list3 .category_left ul li.active .tp{display: block;float: left;margin-left: 20px;}
.baikechuangjian_list3 .category_left .content{width: 70%;height: 510px;background: #fff;float: right;margin-top: 30px;}
.baikechuangjian_list3 .category_left .content h2{margin-top: 50px;margin-left: 50px;font-size: 24px;color: #333333;}
.baikechuangjian_list3 .category_left .content h3{width: 56px;height: 4px;background: #ee6107;margin-left: 50px;margin-top: 28px;}
.baikechuangjian_list3 .category_left .content p{font-size: 18px;color: #666;padding-left: 50px;margin-top: 50px;padding-right: 60px;line-height: 45px;}
.baikechuangjian_list3 .category_left .content h4{font-size: 18px;color: #ee6107;margin-top: 80px;margin-left: 50px;}
.baikechuangjian_list3 .category_left .content h4 a{font-size: 18px;color: #ee6107;}
.baikechuangjian_list3 .category_left .content h4 .img1{width: 19px;height: 21px;margin-top: -5px;margin-right: 10px;}
.baikechuangjian_list3 .category_left .content h4 .img2{width: 21px;height: 25px;margin-top: -5px; margin-right: 10px;}
.baikechuangjian_list3 .category_left .content h4 em{padding: 0 30px;}
.baikechuangjian_list3 .category_right{width: 36%;height: 580px;margin-top: 80px;float: right;}
.baikechuangjian_list3 .category_right .title .title1{font-size: 32px;color: #ffffff;font-weight: bold;border-left: 3px solid #ee6107;padding-left: 15px;height: 32px;line-height: 32px;}
.baikechuangjian_list3 .category_right .tp{background: rgb(0,0,0,.1);width: 100%;height: 510px;margin-top: 30px;}
.baikechuangjian_list3 .category_right .tp .tp1{width: 92%;height: 470px;margin-left: 4%;padding-top: 20px;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2{width: 50%;height: 230px;float: left;text-align: center;padding-top: 40px;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2:nth-child(1){border-bottom: 1px rgb(70,69,82,.9) solid;width: 50%;height: 230px;border-right: 1px rgb(70,69,82,.9) solid;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2:nth-child(2){border-bottom: 1px rgb(70,69,82,.9) solid; width: 50%;height: 230px;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2:nth-child(3){border-right: 1px rgb(70,69,82,.9) solid; width: 50%;height: 230px;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2 .tp2_1{height: 85px;}
.baikechuangjian_list3 .category_right .tp .tp1 .tp2 p{color: #fff;font-size: 21px;}


.baikechuangjian_list4{width: 100%;padding: 85px 0;}
.baikechuangjian_list4 h2{width: 100%;height: 60px; border-bottom: 1px #e6e6e6 solid;}
.baikechuangjian_list4 h2 .left{width: 30%;float: left;font-size: 30px;color: #333;font-weight: bold;border-left: 3px solid #ee6107;height: 30px;line-height: 30px;padding-left: 15px;}

.baikechuangjian_list4 h2 .right{float: right;}
.baikechuangjian_list4 h2 .right li{height: 40px;float: left;list-style-type: none;line-height: 40px;text-align: right;}
.baikechuangjian_list4 h2 .right li em{padding: 0 20px;color: #666;}
.baikechuangjian_list4 h2 .right li:nth-child(1) em{display: none;}
.baikechuangjian_list4 h2 .right li a{color: #666;font-size: 17px;}
.baikechuangjian_list4 h2 .right li a:hover{color: #ee6107;text-decoration: none;}
.baikechuangjian_list4 h2 .right li a.active{color: #ee6107;}
.baikechuangjian_list4 .con{width: 100%;height: 580px;margin-top: 60px;}
.baikechuangjian_list4 .con .con1{display: none;}
.baikechuangjian_list4 .con .con1_left{width: 48%;float: left;height: 580px;}
.baikechuangjian_list4 .con .con1_right{width: 48%;float: right;height: 580px;}
.baikechuangjian_list4 .con .con1_left1{width: 100%;height: 486px;overflow:auto;}
.baikechuangjian_list4 .con p{font-size: 18px;color: #666;font-weight: bold;text-align: center;margin-top: 35px;}
.baikechuangjian_list4 .con .con1 .scrollbar{width: calc(100% - 30px);margin-top: 2px;margin-left: 2px; background: #fff;box-shadow: rgb(200 200 200 / 20%) 1px 1px 3px 3px;}
.baikechuangjian_list4 .con .con1 .test-1::-webkit-scrollbar{
        /*滚动条整体样式*/
        width : 15px;  /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
}
.baikechuangjian_list4 .con .con1 .test-1::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background   : #ec5d02;
    }
    .baikechuangjian_list4 .con .con1 .test-1::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background   : #ededed;
    }

.baikechuangjian_list4 .con .con1 img{width: 100%;}


.baikechuangjian_list5{width: 100%;padding: 70px 0;background: #fafafa;}
.baikechuangjian_list5 h2{font-size: 30px;color: #333;font-weight: bold;border-left: 3px solid #ec5d02;padding-left: 15px;height: 30px;line-height: 30px;}
.baikechuangjian_list5 .left{width: 64%;float: left;}
.baikechuangjian_list5 .left .left_con{width: 100%;height: 660px;background: #fff;padding: 5px 30px;margin-top: 50px;}

.baikechuangjian_list5 .right{width: 32%;float: right;}
.baikechuangjian_list5 .right .right_con{width: 100%;height: 660px;background: #fff;margin-top: 50px;}
.baikechuangjian_list5 .right .right_con li{width: 88%;padding: 36px 0; border-top: 1px #e6e6e6 solid;margin: 0 auto;}
.baikechuangjian_list5 .right .right_con li:nth-child(1){border-top: none;}
.baikechuangjian_list5 .right .right_con li h3{width: 100%;height: 20px;line-height: 20px;color: #bf1221;font-size: 16px;overflow: hidden;}
.baikechuangjian_list5 .right .right_con li h3 span{width: 90%;float: right;font-size: 16px;color: #666;}
.baikechuangjian_list5 .right .right_con li h4{width: 100%;height: 60px;margin-top: 10px; line-height: 30px;color: #2e74d3;font-size: 16px;overflow: hidden;}
.baikechuangjian_list5 .right .right_con li h4 span{width: 90%;float: right;height: 60px;font-size: #666;color: #888;}

.baikechuangjian_list5 .left li{width: 48%;height: 90px;float: left;margin-right: 2%;margin-top: 32px;}
.baikechuangjian_list5 .left li:nth-child(1){height: 200px;overflow: hidden;}
.baikechuangjian_list5 .left li img{width: 100%;height: 100%;}
.baikechuangjian_list5 .left .news_1{width: 80px;text-align: center;font-size: 26px;color: #333;float: left;height: 50px; border-right: 1px #eee solid;margin-top: 15px;}
.baikechuangjian_list5 .left .news_1 span{font-size: 14px;color: #999;position: relative;top:-14px;}
.baikechuangjian_list5 .left .news_2{height: 75px;width:calc(100% - 80px); float: left;padding-left: 18px;}
.baikechuangjian_list5 .left .news_2 h5{font-size: 16px;color: #666;margin-bottom: 7px;}
.baikechuangjian_list5 .left .news_2:hover h5{color: #ed7020;}
.baikechuangjian_list5 .left .news_2 p{font-size: 16px;color: #888;line-height: 27px;}
.baikechuangjian_list5 .left .news_2:hover p{color: #ed7020;}


.baikechuangjian_list6{width: 100%;padding: 115px 0;}
.baikechuangjian_list6 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.baikechuangjian_list6 h3{font-size: 16px;color: #666;text-align: center;margin-top: 50px;}

.baikechuangjian_list6 form{margin-top: 40px;}
.baikechuangjian_list6 .text1{width:32%;float: left;margin-right: 2%;margin-top: 20px;background-color:#ffffff;border-radius: 10px;}
.baikechuangjian_list6 .text1:nth-child(3){width:32%;float: right;margin-right: 0px;}
.baikechuangjian_list6 .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 60px;
    border-radius:10px;
    border:0.5px solid #e6e6e6;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color:#ffffff;
  }
  .baikechuangjian_list6 .text1 input[type="text"]:focus{border:0.5px solid #e6e6e6;}

  .baikechuangjian_list6 .msg{
    font-size: 14px;
    border:0.5px solid #e6e6e6;
    border-radius:10px;
    background-color:#ffffff;
    width: 100%;
    height: 230px;
    padding: 20px;
    resize: none;
    margin-top: 30px;
}
.baikechuangjian_list6 .msg:focus{outline-color:#de2131}
.baikechuangjian_list6 textarea{color:#666666;}
.baikechuangjian_list6 .submit1{width: 268px;height: 50px;float: right;margin-top: 35px;}
.baikechuangjian_list6 .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 50px;
    border-radius:20px;
    border:0 solid #ffffff;
    color:#fff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-align: center;
    text-decoration:none;
    width:100%;
    line-height: 50px;
    background-color: #ec5d02;
  }





/* 网站建设专题页 */
.product_banner{width: 100%;height: 648px;margin-top: 120px;}
.product_banner h2{font-size: 38px;color: #fff;font-weight: bold;padding-top: 120px;}
.product_banner h3{font-size: 38px;color: #fff;font-weight: bold;margin-bottom: 34px;}
.product_banner h4{float: left;font-size: 38px;color: #fff;font-weight: bold;}
.product_banner .hr{font-size: 20px;color: #fff;float: left;margin: 10px 10px;}
.product_banner ul{margin-top: 50px;}
.product_banner ul li{font-size: 20px;color: rgba(255,255,255,.9);height: 45px;line-height: 45px;}
.product_banner ul li img{margin-right: 10px;margin-top: -5px;}
.product_banner p{font-size: 18px;color: rgba(255,255,255,.9);height: 40px;line-height: 40px;margin-top: 30px;}

.product_list1{width: 100%;padding: 80px 0;}
.product_list1 .left{width: 64.5%;float: left;}
.product_list1 .right{width: 30.5%;float: right;}
.product_list1 h2{font-size: 24px;color: #333;padding-left: 15px;border-left: 4px solid #ec5d02;height: 25px;line-height: 25px;}
.product_list1 .hr1{width: 100%;height: 1px;background: #e6e6e6;margin-top: 30px;}
.product_list1 .img1{float: right;margin-top: 5px;}
.product_list1 .left ul{margin-top: 90px;}
.product_list1 .left li{width: 25%;margin-right: 10%;float: left;height: 180px;overflow: hidden;margin-bottom: 90px;}
.product_list1 .left li:nth-child(3n){margin-right: 0;}
.product_list1 .left li h3{font-size: 20px;color: #000;}
.product_list1 .left li h4{width: 38px;height: 3px;background: #ec5d02;margin-top: 28px;}
.product_list1 .left li h5{font-size: 15.5px;color: #333;line-height: 30px;margin-top: 25px;}
.product_list1 .right ul{margin-top: 80px;}
.product_list1 .right li{float: left;text-align: center;margin-bottom: 60px;}
.product_list1 .right li:nth-child(2n){float: right;}
.product_list1 .right li p{font-size: 20px;color: #666;font-weight: bold;}

.product_list2{width: 100%;background: #fafafa;padding: 88px 0;}
.product_list2 .ic{background: #fff;padding: 35px 20px;}
.product_list2 h2{width: 100%;height: 60px; border-bottom: 1px #e6e6e6 solid;}
.product_list2 h2 .left{font-size: 24px;color: #333;border-left: 3px solid #ee6107;height: 24px;line-height: 24px;padding-left: 15px;}
.product_list2 h2 .right{float: right;}
.product_list2 h2 .right li{height: 40px;float: left;list-style-type: none;line-height: 40px;text-align: right;}
.product_list2 h2 .right li em{padding: 0 20px;color: #666;}
.product_list2 h2 .right li:nth-child(1) em{display: none;}
.product_list2 h2 .right li a{color: #666;font-size: 17px;}
.product_list2 h2 .right li:hover a{color: #ee6107;text-decoration: none;}
.product_list2 h2 .right li.active a{color: #ee6107;}
.product_list2 h2 .right img{float: right;margin-top: 10px;margin-left: 20px;}


.product_list2 .ul1{margin: 0 auto;display: none;margin-left: 30px;}
.product_list2 .ul1 li{width: 445px;height: 485px;float: left;background: url("../images/c1.png") no-repeat top center;
    margin-top: 40px;margin-right: 32px;position: relative;}
.product_list2 .ul1 li:nth-child(3n+2){background: url("../images/c2.png") no-repeat top center;}
.product_list2 .ul1 li:nth-child(3n){background: url("../images/c3.png") no-repeat top center;margin-right: 0;}
.clear2{height: 126px;margin-top: -84px;background: url("../images/clear2.png") no-repeat bottom center;
    z-index: -1;position: relative;}
.product_list2 .ul1 li .c1{height: 315px;overflow: hidden;transition: all .5s;position: absolute;z-index: 30;top:0;width: 445px; }
.product_list2 .ul1 li .c3{height: 183px;width: 302px;overflow: hidden;margin-top: 33px;text-align: center;position: relative;z-index: 40;
    background:url("../images/case4.png") no-repeat center -60px;transition: all .5s;margin-left: 71px;}
.product_list2 .ul1 li .c4{height: 183px;width: 302px;overflow: hidden;top: 58px;text-align: center;position: absolute;z-index: 40;
    background:url("../images/case4.png") no-repeat center -60px;transition: all .5s;left: 66px;}
.product_list2 .ul1 li .c3 img{width: 302px;position: relative;z-index: 7;transition: all .5s;}
.product_list2 .ul1 li:hover .c3 img{width: 150%;margin-left:-25%;transition: all .5s;}

.product_list2 li .c5{height: 91px;width: 91px;overflow: hidden;top: 23px;left: 340px; position: absolute;z-index: 99;}


.product_list2 .ul1 li .c2{margin-top: 110px;}
.product_list2 .ul1 li h5{font-size: 18px;color: #333;line-height: 52px;}
.product_list2 .ul1 li p{font-size: 15px;color: #999999;line-height: 26px;margin-bottom: 10px;height: 52px;overflow: hidden;}
.product_list2 .ul1 li h6{font-size: 14px;color: #999999;border-top: 1px solid #bbb;line-height: 42px;}
.product_list2 .ul1 li h6 a{float: right;line-height: 42px;}
.product_list2 .ul1 li:hover .c1{background: url("../images/case3.png");transition: all .5s;}
.product_list2 .ul1 li:hover .c4{background:url("../images/case4.png") no-repeat center;transition: all .5s; }
.product_list2 .ul1 li:hover h6{border-top: 1px solid #ed7020;}

.product_list3{width: 100%;padding: 88px 0;}
.product_list3 .left{width: 65.5%;float: left;}
.product_list3 .right{width: 30.5%;float: right;}
.product_list3 .ic{background: #fff;}
.product_list3 h2{width: 100%;height: 60px; border-bottom: 1px #e6e6e6 solid;}
.product_list3 h2 .left1{float: left;font-size: 24px;color: #333;border-left: 3px solid #ee6107;height: 24px;line-height: 24px;padding-left: 15px;}
.product_list3 h2 .right1{float: right;margin-top: -5px;}
.product_list3 h2 .right1 li{height: 40px;float: left;list-style-type: none;line-height: 40px;text-align: right;}
.product_list3 h2 .right1 li em{padding: 0 20px;color: #666;}
.product_list3 h2 .right1 li:nth-child(1) em{display: none;}
.product_list3 h2 .right1 li a{color: #666;font-size: 17px;}
.product_list3 h2 .right1 li:hover a{color: #ee6107;text-decoration: none;}
.product_list3 h2 .right1 li.active a{color: #ee6107;}
.product_list3 h2 .right1 img{float: right;margin-top: 10px;margin-left: 20px;}


.tc_1{width: 100%;height: 790px;margin:auto;position: relative;display: none;}
.tc_1 .swiper-container{height: 780px;padding:0 23px;}
.tc{background: #fff;width: 100%;box-shadow:#ddd 2px 5px 10px 1px;border-top:7px solid #64ad1a;
        /* border-top:5px transparent solid;border-image:linear-gradient(to right,#9682e2,#4383ba) 1 10;  */
        height: 720px;float: left;padding:1px 10px 1px 20px;margin:35px 7px 35px 7px;}
.tc_1 .tc:nth-child(2){border-color: #ed7020;}
.tc_1 .tc:nth-child(3){border-color: #9e0205;}
.service-wrap .tc_1{width: 100%;height: 700px;margin:auto;}
.service-wrap .tc{height: 700px;}
.swiper-wrapper .swiper-slide:nth-child(3n+2) .tc{border-color: #ed7020;}
.swiper-wrapper .swiper-slide:nth-child(3n) .tc{border-color: #9e0205;}
.tc:hover{box-shadow:#bfbfbf 5px 8px 10px 2px;}
.tc h3{font-size: 27px;color: #252020;text-align: center;line-height: 28px;margin-top: 20px;}
.tc h3 span{font-size: 16px;color: #666666;font-weight: normal;}
.tc h6{border-bottom:1px solid #eee;font-size:14px;color:#666;line-height:60px;}
.tc h6 span{font-size: 15px;color:inherit;}
.tc h4{font-size: 17px;color: #000;background: url("../images/03.png") no-repeat left 15px;
        padding:15px 30px 10px 30px;width: 95%;border-top: 1px dashed #eee;clear: both;margin:0;}
.tc h4.h4{border:none;}
.tc ul{float: left;margin-right: 35px;margin-bottom: 16px;padding-left: 0;width: 100%;}
.tc ul.ul{margin-left: 10px;}
.tc ul.dl,.tc ul.tc_2,.tc ul.tc_3{margin-right: 0;}
.tc ul > p{font-size: 14px;color: #000;background: url("../images/02.png") no-repeat left center;padding-left: 12px;}
.tc ul > li{font-size: 14px;color: #7e7d7d;background: url("../images/002.png") no-repeat left center;padding-left: 12px;line-height: 24px;}
.tc ul > li > p{font-size: 13px;color: #7e7d7d;line-height: 24px;}
.tc ul li:hover{color: #ed7020;}
.tc ul.dl li{font-size: 12px;line-height: 20px;}
.tc ul.dl li p{font-size: 12px;line-height: 20px;}
.tc ul.tc_2 li{float: left;width: 33%;}
.tc ul.tc_3 li{float: left;width: 50%;}
.tc h5{text-align: center;margin-top: 20px;border-top: 1px solid #eee;padding-top: 32px;clear: both;}
.tc h5 a{font-size:18px;line-height:35px; color:#666666;margin:0 6%;font-weight: bold;;}
.tc h5 a img{position: relative;top:-5px;}
.tc h5 a span{font-size:20px;line-height:35px; color:#ff0000;}
.tc_1 .swiper-button-prev, .tc_1 .swiper-button-next{width: 13px;height: 23px;margin-top: -30px;}
.tc_1 .swiper-button-prev{background: url("https://www.web168.com.cn/lib/images/productb/product_fy1.png");left:-10px;}
.tc_1 .swiper-button-next{background: url("https://www.web168.com.cn/lib/images/productb/product_fy2.png");right:-10px;}
.tc_1 .swiper-button-next.swiper-button-disabled{opacity: 1;background: url("https://www.web168.com.cn/lib/images/productb/product_fy2.png")}
.tc_1 .swiper-button-prev.swiper-button-disabled{opacity: 1;background: url("https://www.web168.com.cn/lib/images/productb/product_fy1.png")}


.product_list3 .right h2 img{float: right;margin-top: 10px;}
.product_list3 .right ul{margin-top: 30px;}
.product_list3 .right li{width: 48%;float: left;height: 70px;background: #fafafa;margin-bottom: 4%;line-height: 70px;text-align: center;border-radius: 10px;overflow: hidden;}
.product_list3 .right li:nth-child(2n){float: right;}
.product_list3 .right li a{font-size: 14px;color: #666;}
.product_list3 .right li:hover{background: #f75607;}
.product_list3 .right li:hover a{font-size: 14px;color: #fff;}
.product_list3 .right .ly{width: 100%;height: 259px;margin-top: 20px;padding: 0 25px; background: url("https://www.web168.com.cn/lib/images/productb/pro_ly.png") no-repeat left center;}
.product_list3 .right .ly .title{padding-top: 40px;font-size: 24px;color: #fff;font-weight: bold;}

.product_list3 .right .ly form{margin-top: 36px;}
.product_list3 .right .ly .text1{width:48%;float: left;margin-right: 4%;background-color:#ffffff;}
.product_list3 .right .ly .text1:nth-child(2){width:48%;float: right;margin-right: 0px;}
.product_list3 .right .ly .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 44px;
    border:0.5px solid #e6e6e6;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color:#ffffff;
  }
  .product_list3 .right .ly .text1 input[type="text"]:focus{border:0.5px solid #e6e6e6;}

.product_list3 .right .ly .submit1{width: 100%;height: 44px;float: right;margin-top: 28px;}
.product_list3 .right .ly .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:18px;
    height: 44px;
    border:0 solid #ffffff;
    color:#fff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-align: center;
    text-decoration:none;
    width:100%;
    line-height: 44px;
    background-color: #f75607;
  }


.product_list4{width: 100%;background: #fafafa;padding: 70px 0;}
.product_list4 .ic{background: #fff;padding: 45px 30px;}
.product_list4 .left{width: 32%;float: left;}
.product_list4 .right{width: 64%;float: right;}
.product_list4 h2{font-size: 24px;color: #333;padding-left: 15px; border-left: 4px solid #f75607;height: 24px;line-height: 24px;}
.product_list4 h2 img{float: right;margin-top: 5px;}
.product_list4 .hr1{width: 100%;height: 1px;background: #e6e6e6;margin-top: 25px;}
.product_list4 .left ul{margin-top: 20px;}
.product_list4 .left li{height: 135px;padding: 15px 0;border-top: 1px dashed #e6e6e6;}
.product_list4 .left li:nth-child(1){border-top: none;}
.product_list4 .left li .tp{width: 147px;height: 102px;float: left;overflow: hidden;}
.product_list4 .left li .tp img{width: 100%;height: 100%;}
.product_list4 .left li .con{width: calc(100% - 160px);float: right;}
.product_list4 .left li .con h3{font-size: 16px;color: #666;height: 20px;line-height: 20px;overflow: hidden;margin-top: 8px;}
.product_list4 .left li .con h4{font-size: 16px;color: #888;height: 60px;line-height: 30px;overflow: hidden;}
.product_list4 .left li:hover .con h3{color: #f75607;}
.product_list4 .left li:hover .con h4{color: #f75607;}

.product_list4 .swiper-slide{padding-bottom: 60px;}
.product_list4 .right .video1{margin-top: 35px;}
.product_list4 .right .videolist { position:relative; float:left; width:100%; height:275px;}
.product_list4 .right.left .videolist:hover{ cursor: pointer;}
.product_list4 .right .videoed { display:none; width:66px; height:65px; position: absolute; left:40%; top:40%; z-index:99; }
.product_list4 .right .xuanchuanpian_content3 .title1 .title1_1 .right li.active{color: #ffa600;}
.product_list4 .right .videos{ display:none; position:fixed; left:50%; top:50%;margin-left:-320px; margin-top:-230px; z-index:100; width:660px; height:380px;overflow: hidden;}
.product_list4 .right .videos video{width: 100%;height: 100%;}
.product_list4 .right .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.product_list4 .right h3{height: 40px;line-height: 40px;overflow: hidden;font-size: 18px;color: #333;text-align: center;margin-top: 22px;}
.product_list4 .right .cs1:hover h3{color: #f76507;}
.product_list4 .right h4{font-size: 16px;color: #727272;height: 60px;line-height: 30px;overflow: hidden;text-align: center;padding: 0 10%;}
.product_list4 .right h5{font-size: 14px;color: #888;margin-top: 15px;text-align: center;}
.product_list4 .right h5 a{font-size: 14px;color: #888;}
/* .product_list4 .swiper-pagination-bullet{background: #e5e5e5;} */
.product_list4 .swiper-pagination-bullet-active{background: #f75607;}


/* 口碑营销 */
.kb_banner{width: 100%;height: 567px;margin-top: 120px;}
.kb_banner h2{font-size: 28px;color: #fff;font-weight: bold;padding-top: 120px;}
.kb_banner h3{width: 57px;height: 3px;background: #fff;margin-top: 35px;}
.kb_banner p{font-size: 18px;color: #fff;font-weight: bold;width: 63%;line-height: 48px;margin-top: 40px;}
.kb_banner h4{font-size: 18px;color: #fff;margin-top: 50px;}
.kb_banner h4 a{font-size: 18px;color: #fff;}
.kb_banner h4 .img1{width: 19px;height: 21px;margin-top: -5px;margin-right: 10px;}
.kb_banner h4 .img2{width: 21px;height: 25px;margin-top: -5px; margin-right: 10px;}
.kb_banner h4 em{padding: 0 30px;}

.kb_list1 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;padding-top: 88px;}
.kb_list1 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;}
.kb_list1 ul{margin-top: 80px;padding: 0px 5%;}
.kb_list1 li{width: 50%;float: left;height: 100px;margin-bottom: 70px;}
.kb_list1 li:nth-child(2n){float: right;width: 37%;}
.kb_list1 li .left{width: 93px;float: left;}
.kb_list1 li .right{float: left;margin-left: 6%;}
.kb_list1 li .right h4{font-size: 20px;color: #333;font-weight: bold;margin-top: 18px;}
.kb_list1 li .right h5{font-size: 17px;color: #888;margin-top: 25px;}

.kb_list2{width: 100%;background: #f6f7fb;padding: 88px 0;}
.kb_list2 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.kb_list2 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;}
.kb_list2 ul{margin-top: 62px;}
.kb_list2 li{width: 32%;height: 190px;overflow: hidden; background: #fff;float: left;margin-right: 2%;padding: 35px 10px;margin-bottom: 2%;}
.kb_list2 li:nth-child(3n){margin-right: 0;}
.kb_list2 li .tp{width: 120px;height: 120px;text-align: center;line-height: 120px;float: left;}
.kb_list2 li .con{width: calc(100% - 140px); float: left;}
.kb_list2 li .con h4{font-size: 20px;color: #333;}
.kb_list2 li .con h5{font-size: 15px;color: #666;margin-top: 25px;line-height: 35px;}

.kb_list3{width: 100%;padding-top: 88px;}
.kb_list3 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.kb_list3 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;}
.kb_list3 ul{margin-top: 60px;}
.kb_list3 li{width: 33%;height: 80px;background: #f1f1f1;float: left;margin-right: 0.5%;line-height: 80px;}
.kb_list3 li:nth-child(1) .tp{width: 20px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(2) .tp{width: 22px;height: 24px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c2.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(3) .tp{width: 25px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c3.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:hover{color: #fff;background: #223a6c;}
.kb_list3 li.active{color: #fff;background: #223a6c;}
.kb_list3 li:nth-child(1):hover .tp{width: 20px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c1.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(2):hover .tp{width: 22px;height: 24px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c2.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(3):hover .tp{width: 25px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c3.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(1).active .tp{width: 20px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c1.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(2).active .tp{width: 22px;height: 24px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c2.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(3).active .tp{width: 25px;height: 26px;background: url("https://www.web168.com.cn/lib/images/productb/kb_c3.1.png");text-align: center;float: left;margin-right: 20px; margin-left: 35%;margin-top: 25px;}
.kb_list3 li:nth-child(3){margin-right: 0;}
.kb_list3 .con{width: 100%;height: 605px;background: url("https://www.web168.com.cn/lib/images/productb/kb_d1.jpg");}
.kb_list3 .con .con1{display: none;}
.kb_list3 .con .con1 h4{font-size: 30px;color: #fff;font-weight: bold;padding-top: 150px;}
.kb_list3 .con .con1 .hr1{width: 60px;height: 4px;background: #fb560a;margin-top: 20px;}
.kb_list3 .con .con1 p{font-size: 18px;color: rgba(255,255,255,.9);width: 63%;line-height: 45px;margin-top: 35px;}
.kb_list3 .con .con1 h5{margin-top: 70px;font-size: 18px;color: #fff;}
.kb_list3 .con .con1 h5 img{margin-right: 10px;}


.kb_list4{width: 100%;height: 815px;background: url("https://www.web168.com.cn/lib/images/productb/kb_e1.png");}
.kb_list4 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;padding-top: 88px;}
.kb_list4 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;}
.kb_list4 img{width: 100%;margin-top: 70px;}

.kb_list5{width: 100%;padding: 90px 0 90px;}
.kb_list5 h2{font-size: 30px;color: #333;font-weight: bold;border-left: 3px solid #fb560a;padding-left: 15px;height: 30px;line-height: 30px;}
.kb_list5 .left{width: 64.5%;float: left;}
.kb_list5 .right{width: 33%;float: right;}
.kb_list5 .left .con{width: 100%;height: 660px;padding: 30px;background: #f6f7fb;margin-top: 50px;}
.kb_list5 .left .con .tp{width: 50%;height: 599px;overflow: hidden;float: left;}
.kb_list5 .left .con .tp img{max-width: 100%;}
.kb_list5 .left .con ul{width: 48%;float: right;}

.kb_list5 .left .con ul li{width: 100%;
    height: 124px;
    float: left;
    margin-right: 2%;
    margin-top: 30px;
    padding-bottom: 45px;
    border-bottom: 1px #e6e6e6 solid;
}
.kb_list5 .left .con ul li:nth-child(4){border-bottom: none;}
.kb_list5 .left .con ul li img{width: 100%;height: 100%;}
.kb_list5 .left .con ul .news_1{width: 80px;text-align: center;font-size: 26px;color: #333;float: left;height: 50px; border-right: 1px #eee solid;margin-top: 15px;}
.kb_list5 .left .con ul .news_1 span{font-size: 14px;color: #999;position: relative;top:-14px;}
.kb_list5 .left .con ul .news_2{height: 75px;width:calc(100% - 80px); float: left;padding-left: 18px;}
.kb_list5 .left .con ul .news_2 h5{font-size: 16px;color: #666;margin-bottom: 7px;}
.kb_list5 .left .con ul .news_2:hover h5{color: #ed7020;}
.kb_list5 .left .con ul .news_2 p{font-size: 16px;color: #888;line-height: 27px;}
.kb_list5 .left .con ul .news_2:hover p{color: #ed7020;}
.kb_list5 .left .con{width: 100%;height: 660px;padding: 30px;background: #f6f7fb;margin-top: 50px;}
.kb_list5 .right .right_con{width: 100%;height: 660px;background: #f6f7fb;margin-top: 50px;}
.kb_list5 .right .right_con li{width: 88%;padding: 36px 0; border-top: 1px #e6e6e6 solid;margin: 0 auto;}
.kb_list5 .right .right_con li:nth-child(1){border-top: none;}
.kb_list5 .right .right_con li h3{width: 100%;height: 20px;line-height: 20px;color: #bf1221;font-size: 16px;overflow: hidden;}
.kb_list5 .right .right_con li h3 span{width: 90%;float: right;font-size: 16px;color: #666;}
.kb_list5 .right .right_con li h4{width: 100%;height: 60px;margin-top: 10px; line-height: 30px;color: #2e74d3;font-size: 16px;overflow: hidden;}
.kb_list5 .right .right_con li h4 span{width: 90%;float: right;height: 60px;font-size: #666;color: #888;}

.kb_list6{width: 100%;padding: 10px 0px 100px;}
.kb_list6 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.kb_list6 h3{font-size: 16px;color: #666;text-align: center;margin-top: 50px;}
.kb_list6 form{margin-top: 40px;}
.kb_list6 .text1{width:32%;float: left;margin-right: 2%;margin-top: 20px;background-color:#ffffff;border-radius: 10px;}
.kb_list6 .text1:nth-child(3){width:32%;float: right;margin-right: 0px;}
.kb_list6 .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 60px;
    border-radius:10px;
    border:0.5px solid #e6e6e6;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color:#ffffff;
}
.kb_list6 .text1 input[type="text"]:focus{border:0.5px solid #e6e6e6;}
.kb_list6 .msg{
    font-size: 14px;
    border:0.5px solid #e6e6e6;
    border-radius:10px;
    background-color:#ffffff;
    width: 100%;
    height: 230px;
    padding: 20px;
    resize: none;
    margin-top: 30px;
}
.kb_list6 .msg:focus{outline-color:#de2131}
.kb_list6 textarea{color:#666666;}
.kb_list6 .submit1{width: 268px;height: 50px;float: right;margin-top: 35px;}
.kb_list6 .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 50px;
    border-radius:20px;
    border:0 solid #ffffff;
    color:#fff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-align: center;
    text-decoration:none;
    width:100%;
    line-height: 50px;
    background-color: #ec5d02;
  }


/* 品牌建设专题页 */
.prob_banner{width: 100%;height: 648px;margin-top: 120px;}
.prob_banner h2{font-size: 36px;color: #fff;font-weight: bold;padding-top: 160px;}
.prob_banner h3{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.prob_banner h3 span{font-size: 36px;color: #ff6502;font-weight: bold;}
.prob_banner .hr1{width: 50px;height: 2px;background: #fff;margin-top: 40px;}
.prob_banner .hr{font-size: 20px;color: #fff;float: left;margin: 10px 10px;}
.prob_banner ul{margin-top: 55px;}
.prob_banner ul li{font-size: 20px;color: rgba(255,255,255,.9);height: 45px;line-height: 45px;}
.prob_banner ul li img{margin-right: 10px;margin-top: -5px;}
.prob_banner p{font-size: 18px;color: rgba(255,255,255,.9);height: 40px;line-height: 40px;margin-top: 30px;}

.prob_list1{margin-top:140px;background: url("https://www.web168.com.cn/lib/images/productb/prob.png") no-repeat left top;;}
.prob_list1 ul{width:1020px;float:right;}
.prob_list1 ul li{width:305px;height:365px;float:left;margin-left:35px;margin-bottom:50px;border-top:1px solid #333;padding:0 20px 0 50px;-webkit-transition: all ease .5s;transition: all ease .5s;}
.prob_list1 ul li img{margin-top:35px;}
.prob_list1 ul li h5{font-size: 24px;color: #000;margin-top:40px;margin-bottom:20px;;}
.prob_list1 ul li p{font-size: 16px;color: #333;line-height: 30px;;}
.prob_list1 ul li:hover{background: #152986;border:none;}
.prob_list1 ul li:hover p{color: #fff;}
.prob_list1 ul li:hover h5{color:#fff;}
.prob_list1 ul li.active{background: #152986;border:none;}
.prob_list1 ul li.active p{color: #fff;}
.prob_list1 ul li.active h5{color:#fff;}

.prob_list2{width:100%;height:787px;background:url("https://www.web168.com.cn/lib/images/productb/prob_solution.png") no-repeat;overflow: hidden;}
.prob_list2 .left{width:292px;}
.prob_list2 .left h2{font-size: 36px;color:#fff;margin-top:50px;margin-bottom:35px;font-family: "方正大黑简体";}
.prob_list2 .left  p{line-height: 128px;background: rgba(255,255, 255,.1);margin-bottom:10px;height: 128px;overflow: hidden;}
.prob_list2 .left  p a{font-size: 18px;color:#fff;font-weight: bold;}

.prob_list2 .left  p img{margin-left:32px;margin-right:12px;}
.prob_list2 .left  p.active{background: #f76507 url("https://www.web168.com.cn/lib/images/productb/prob_solution2.png") no-repeat 240px center;;}
.prob_list2 .right{width:calc(100% - 320px);text-align: center;}
.prob_list2 .solution_1{display: none;;}
.prob_list2 .solution_1:first-child{display: block;;}
.prob_list2 .solution_1 h3{font-size: 30px;color:#ffffff;font-weight: bold; margin-top:110px;margin-bottom:50px;;}
.prob_list2 .solution_1 p{font-size: 18px;color: #e4e4e4;line-height: 50px;text-align: left;margin:0 40px;;}
.prob_list2 .solution_1 img{margin-top: 160px;}

.prob_list3{width: 100%;padding: 100px 0;}
.prob_list3 h2{font-size: 30px;color: #333;font-weight: bold;}
.prob_list3 ul{margin-top: 70px;}
.prob_list3 li{width:24%;height: 467px; margin-right:1.3%;position: relative;float:left;}
.prob_list3 li:last-child{margin:0;}
.prob_list3 li img{width:100%;height: 100%;}
.prob_list3 li .why_1{position:absolute;display: block;top:0px;width:100%;border-radius: 5%; height: 467px; padding:20px 30px;}
.prob_list3 li .why_1 h3{font-size:50px;color:#fff;margin-top:60px;font-family: "方正大黑简体"; text-align: center;}
.prob_list3 li .why_1 .hr{width: 84px;height: 3px;background-color: #fff;margin: 32px auto;}
.prob_list3 li .why_1 h4 p{font-size: 24px;color: #fff;padding-left: 34%;margin-bottom: 36px;}
.prob_list3 li:hover .why_1{background: rgba(251,88,2,.7);}
.prob_list3 li.active .why_1{background: rgba(251,88,2,.7);}

.prob_list4{width: 100%;padding: 70px 0;background: #fafafa;}
.prob_list4 h2{font-size: 30px;color: #333;font-weight: bold;border-left: 3px solid #ec5d02;padding-left: 15px;height: 30px;line-height: 30px;}
.prob_list4 h2 img{float: right;margin-top: 5px;}
.prob_list4 .left{width: 64%;float: left;}
.prob_list4 .left .left_con{width: 100%;height: 660px;background: #fff;padding: 5px 30px;margin-top: 50px;}
.prob_list4 .right{width: 32%;float: right;}
.prob_list4 .right .right_con{width: 100%;height: 660px;background: #fff;margin-top: 50px;}
.prob_list4 .right .right_con li{width: 88%;padding: 36px 0; border-top: 1px #e6e6e6 solid;margin: 0 auto;}
.prob_list4 .right .right_con li:nth-child(1){border-top: none;}
.prob_list4 .right .right_con li h3{width: 100%;height: 20px;line-height: 20px;color: #bf1221;font-size: 16px;overflow: hidden;}
.prob_list4 .right .right_con li h3 span{width: 90%;float: right;font-size: 16px;color: #666;}
.prob_list4 .right .right_con li:hover h3 span{color: #ec5d02;}
.prob_list4 .right .right_con li h4{width: 100%;height: 60px;margin-top: 10px; line-height: 30px;color: #2e74d3;font-size: 16px;overflow: hidden;}
.prob_list4 .right .right_con li h4 span{width: 90%;float: right;height: 60px;font-size: #666;color: #888;}
.prob_list4 .right .right_con li:hover h4 span{color: #ec5d02;}
.prob_list4 .left li{width: 48%;height: 90px;float: left;margin-right: 2%;margin-top: 32px;}
.prob_list4 .left li:nth-child(1){height: 200px;overflow: hidden;}
.prob_list4 .left li img{width: 100%;height: 100%;}
.prob_list4 .left .news_1{width: 80px;text-align: center;font-size: 26px;color: #333;float: left;height: 50px; border-right: 1px #eee solid;margin-top: 15px;}
.prob_list4 .left .news_1 span{font-size: 14px;color: #999;position: relative;top:-14px;}
.prob_list4 .left .news_2{height: 75px;width:calc(100% - 80px); float: left;padding-left: 18px;}
.prob_list4 .left .news_2 h5{font-size: 16px;color: #666;margin-bottom: 7px;}
.prob_list4 .left .news_2:hover h5{color: #ed7020;}
.prob_list4 .left .news_2 p{font-size: 16px;color: #888;line-height: 27px;}
.prob_list4 .left .news_2:hover p{color: #ed7020;}


/* 品牌建设专题页 */
.proc_banner{width: 100%;height: 648px;margin-top: 120px;}
.proc_banner h2{font-size: 36px;color: #fff;font-weight: bold;padding-top: 140px;}
.proc_banner h2 span{font-size: 36px;color: #ff6502;font-weight: bold;}
.proc_banner h3{font-size: 18px;color: rgba(255,255,255,.9);line-height: 45px;margin-top: 30px;}
.proc_banner .hr1{width: 50px;height: 2px;background: #fff;margin-top: 40px;}
.proc_banner ul{width: 50%;margin-top: 80px;}
.proc_banner li{width: 45%;float: left;margin-bottom: 20px; margin-right: 2%;font-size: 20px;color: rgba(255,255,255,.9);height: 45px;line-height: 45px;}
.proc_banner ul li img{margin-right: 10px;margin-top: -5px;}


.proc_list1{width: 100%;padding: 80px 0;background: #fafafa;}
.proc_list1 .left{width: 64.5%;height: 727px; float: left;background: #fff;padding: 30px 25px;}
.proc_list1 .right{width: 34.5%;height: 727px; float: right;background: #fff;padding: 30px 20px;}
.proc_list1 h2{font-size: 24px;color: #333;padding-left: 15px;border-left: 4px solid #ec5d02;height: 25px;line-height: 25px;}
.proc_list1 .hr1{width: 100%;height: 1px;background: #e6e6e6;margin-top: 30px;}
.proc_list1 .img1{float: right;margin-top: 5px;}
.proc_list1 .left ul{margin-top: 90px;}
.proc_list1 .left li{width: 25%;margin-right: 10%;float: left;height: 200px;overflow: hidden;margin-bottom: 80px;}
.proc_list1 .left li:nth-child(3n){margin-right: 0;}
.proc_list1 .left li h3{font-size: 20px;color: #000;}
.proc_list1 .left li h4{width: 38px;height: 3px;background: #ec5d02;margin-top: 28px;}
.proc_list1 .left li h5{font-size: 15.5px;color: #333;line-height: 30px;margin-top: 25px;}
.proc_list1 .right ul{margin-top: 30px;}
.proc_list1 .right ul li{font-size: 16px;color: #666;margin-bottom: 35px;}
.proc_list1 .right ul li img{margin-right: 13px;}
.proc_list1 .right ul li a{font-size: 16px;color: #666;}
.proc_list1 .right ul li span{font-size: 16px;color: #666;float: right;}
.proc_list1 .right ul li:hover a{color: #ec5d02;}
.proc_list1 .right .ly{width: 100%;height: 259px;margin-top: 20px;padding: 0 25px; background: url("https://www.web168.com.cn/lib/images/productb/pro_ly.png") no-repeat left center;}
.proc_list1 .right .ly .title{padding-top: 40px;font-size: 24px;color: #fff;font-weight: bold;}
.proc_list1 .right .ly form{margin-top: 36px;}
.proc_list1 .right .ly .text1{width:48%;float: left;margin-right: 4%;background-color:#ffffff;}
.proc_list1 .right .ly .text1:nth-child(2){width:48%;float: right;margin-right: 0px;}
.proc_list1 .right .ly .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 44px;
    border:0.5px solid #e6e6e6;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color:#ffffff;
  }
  .proc_list1 .right .ly .text1 input[type="text"]:focus{border:0.5px solid #e6e6e6;}

.proc_list1 .right .ly .submit1{width: 100%;height: 44px;float: right;margin-top: 28px;}
.proc_list1 .right .ly .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:18px;
    height: 44px;
    border:0 solid #ffffff;
    color:#fff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-align: center;
    text-decoration:none;
    width:100%;
    line-height: 44px;
    background-color: #f75607;
  }


.proc_list2{width: 100%;height: 771px;background: url("https://www.web168.com.cn/lib/images/productb/proc_bj1.png") no-repeat left center;}
.proc_list2 h2{font-size: 32.5px;color: #fff;text-align: center;padding-top: 95px;}
.proc_list2 ul{margin-top: 75px;}
.proc_list2 li{width: 33.3%;height: 210px;float: left;overflow: hidden;}
.proc_list2 li .tp{width: 60px;float: left;text-align: center;height: 210px;margin-right: 10px;}
.proc_list2 li .tp img{margin-top: 60px;}
.proc_list2 li .con{float: right;width: calc(100% - 80px);padding-right: 19%;}
.proc_list2 li .con h3{font-size: 24px;color: #fff;margin-top: 35px;}
.proc_list2 li .con h4{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}
.proc_list2 li:nth-child(2) .tp{margin-left: 60px;}
.proc_list2 li:nth-child(2) .con{float: right;width: calc(100% - 140px);padding-right: 8%;}
.proc_list2 li:nth-child(5) .tp{margin-left: 60px;}
.proc_list2 li:nth-child(5) .con{float: right;width: calc(100% - 140px);padding-right: 8%;}
.proc_list2 li:nth-child(3) .tp{margin-left: 60px;}
.proc_list2 li:nth-child(3) .con{float: right;width: calc(100% - 140px);padding-right: 8%;}
.proc_list2 li:nth-child(6) .tp{margin-left: 60px;}
.proc_list2 li:nth-child(6) .con{float: right;width: calc(100% - 140px);padding-right: 8%;}
.proc_list2 li:nth-child(1){border-bottom: 1px rgba(255,255,255,.1) dashed;border-right: 1px rgba(255,255,255,.1) dashed;}
.proc_list2 li:nth-child(2){border-bottom: 1px rgba(255,255,255,.1) dashed;border-right: 1px rgba(255,255,255,.1) dashed;}
.proc_list2 li:nth-child(3){border-bottom: 1px rgba(255,255,255,.1) dashed;}
.proc_list2 li:nth-child(4){border-right: 1px rgba(255,255,255,.1) dashed;}
.proc_list2 li:nth-child(5){border-right: 1px rgba(255,255,255,.1) dashed;}


.proc_list3{width: 100%;padding: 100px 0;}
.proc_list3 h2{font-size: 24px;color: #333;height: 24px;line-height: 24px;border-left: 3px solid #ec5d02;padding-left: 15px;}
.proc_list3 h2 img{float: right;}
.proc_list3 .hr1{width: 100%;height: 1px;background: #e6e6e6;margin-top: 30px;}
.proc_list3 ul{margin-top: 60px;}
.proc_list3 li{width: 32%;float: left;height: 328px; margin-right: 2%;margin-bottom: 2%; overflow: hidden;position: relative;}
.proc_list3 li img{width: 100%;height: 100%;}
.proc_list3 li:nth-child(3n){margin-right: 0;}
.proc_list3 li .why{position: absolute;top: 0px;padding: 0px 55px;}
.proc_list3 li .why h3{font-size: 24px;color: #fff;font-weight: bold;text-align: center;line-height: 328px;}
.proc_list3 li .why p{font-size: 16px;color: #fff;line-height: 40px;margin-top: 60px;}
.proc_list3 li .why .more{font-size: 16px;color: #fff;margin-top: 10px;}
.proc_list3 li .why .more a{font-size: 16px;color: #fff;}
.proc_list3 li:hover .why{background: rgba(238,100,32,.8);width: 100%;height: 328px;border-radius: 5%;}
.proc_list3 li:hover .why h3{text-align: left;margin-top: 65px;line-height: 30px;}
.proc_list3 li.active .why{background: rgba(238,100,32,.8);width: 100%;height: 328px;border-radius: 5%;}
.proc_list3 li.active .why h3{text-align: left;margin-top: 65px;line-height: 30px;}


.proc_list4{width: 100%;}
.proc_list4 h2{font-size: 32.5px;color: #333;text-align: center;padding-top: 130px;}
.proc_list4 ul{margin-top: 60px;}
.proc_list4 li{width: 33.3%;height: 120px;background: #fcfcfc;float: left;text-align: center;z-index: 1;border-right: 1px #e6e6e6 solid;}
.proc_list4 li:nth-child(3){margin-right: 0;border-right: none;}

.proc_list4 li:nth-child(1) .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d1.png");text-align: center;text-align: center;margin: 30px auto 10px;}
.proc_list4 li:nth-child(2) .tp{width: 31px;height: 31px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d2.png");text-align: center;text-align: center;margin: 30px auto 10px;}
.proc_list4 li:nth-child(3) .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d3.png");text-align: center;text-align: center;margin: 30px auto 10px;}

.proc_list4 li:hover{color: #fff;background: #f76507;}
.proc_list4 li.active{color: #fff;background: #f76507;}
.proc_list4 li:nth-child(1):hover .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d1.1.png");text-align: center;}
.proc_list4 li:nth-child(2):hover .tp{width: 31px;height: 31px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d2.1.png");text-align: center;}
.proc_list4 li:nth-child(3):hover .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d3.1.png");text-align: center;}

.proc_list4 li:nth-child(1).active .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d1.1.png");text-align: center;margin: 30px auto 10px;}
.proc_list4 li:nth-child(2).active .tp{width: 31px;height: 31px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d2.1.png");text-align: center;margin: 30px auto 10px;}
.proc_list4 li:nth-child(3).active .tp{width: 30px;height: 30px;background: url("https://www.web168.com.cn/lib/images/productb/proc_d3.1.png");text-align: center;margin: 30px auto 10px;}

.proc_list4 li:nth-child(3){margin-right: 0;}
.proc_list4 .con{width: 100%;height: 701px;background: url("https://www.web168.com.cn/lib/images/productb/proc_bj2.png");margin-top: 135px;}

.proc_list4 .con .con1{display: none;}
.proc_list4 .con .con1 .con1_left{width: 50%;float: left;}
.proc_list4 .con .con1 .con1_left h3{padding-top: 135px;font-size: 37px;color: #fff;font-weight: bold;}
.proc_list4 .con .con1 .con1_left .hr1{width: 85px;height: 4px;background: #f76507;margin-top: 40px;}
.proc_list4 .con .con1 .con1_left h4{font-size: 20px;color: rgba(255,255,255,.9);font-weight: bold;margin-top: 65px;line-height: 50px;}
.proc_list4 .con .con1 .con1_left img{margin-top: 70px;}
.proc_list4 .con .con1 .con1_right{width: 50%;text-align: right;float: right;}
.proc_list4 .con .con1 .con1_right img{margin-top: 120px;}
/* .proc_list4 .con .con1{display: none;}
.proc_list4 .con .con1 h4{font-size: 30px;color: #fff;font-weight: bold;padding-top: 150px;}
.proc_list4 .con .con1 .hr1{width: 60px;height: 4px;background: #fb560a;margin-top: 20px;}
.proc_list4 .con .con1 p{font-size: 18px;color: rgba(255,255,255,.9);width: 63%;line-height: 45px;margin-top: 35px;}
.proc_list4 .con .con1 h5{margin-top: 70px;font-size: 18px;color: #fff;}
.proc_list4 .con .con1 h5 img{margin-right: 10px;} */


/* 新闻营销专题页 */
.xwyx_banner{width: 100%;height: 648px;margin-top: 120px;}
.xwyx_banner h2{font-size: 36px;color: #fff;font-weight: bold;padding-top: 160px;}
.xwyx_banner h3{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.xwyx_banner h3 span{font-size: 36px;color: #ff6502;font-weight: bold;}
.xwyx_banner .hr1{width: 50px;height: 2px;background: #fff;margin-top: 40px;}
.xwyx_banner .hr{font-size: 20px;color: #fff;float: left;margin: 10px 10px;}
.xwyx_banner ul{margin-top: 50px;}
.xwyx_banner ul li{font-size: 20px;color: rgba(255,255,255,.9);height: 45px;line-height: 45px;}
.xwyx_banner ul li img{margin-right: 10px;margin-top: -5px;}
.xwyx_banner p{font-size: 18px;color: rgba(255,255,255,.9);height: 40px;line-height: 40px;margin-top: 30px;}

.xwyx_list1{padding: 100px 0 80px;}
.xwyx_list1 h2{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.xwyx_list1 h3{font-size: 16px;color: #666666;text-align: center;margin-top: 25px;}
.xwyx_list1 img{width: 100%;margin-top: 90px;}

.xwyx_list2{padding: 75px 0 75px;background: #fafafa;}
.xwyx_list2 h2{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.xwyx_list2 h3{font-size: 16px;color: #666666;text-align: center;margin-top: 25px;}
.xwyx_list2 ul{margin-top: 60px;}
.xwyx_list2 li{width: 24%;margin-right: 1.3%;height: 447px;box-shadow: #ddd 2px 5px 20px 1px;float: left;}
.xwyx_list2 li:nth-child(4){margin-right: 0;}
.xwyx_list2 li .tp{text-align: center;margin-top: 45px;}
.xwyx_list2 li h4{font-size: 20px;color: #333;margin-top: 30px;text-align: center;}
.xwyx_list2 li h5{font-size: 16px;color: #666;line-height: 30px;margin-top: 30px;padding: 0 11%;text-align: center;}
.xwyx_list2 li .tp1{margin-top: 40px;text-align: center;}

.xwyx_list3{padding: 75px 0 75px;}
.xwyx_list3 h2{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.xwyx_list3 h3{font-size: 16px;color: #666666;text-align: center;margin-top: 25px;}
.xwyx_list3 ul{margin-top: 60px;}
.xwyx_list3 li{width: 24%;margin-right: 1.6%;height: 445px;float: left;}
.xwyx_list3 li:nth-child(4){margin-right: 0;}
.xwyx_list3 li h4{font-size: 30px;color: #fff;font-weight: bold;margin-top: 330px;padding-left: 40px;}
.xwyx_list3 li h5{width: 50px;height: 3px;background: #fff;margin-left: 40px;margin-top: 40px;}
.xwyx_list3 li:nth-child(1){background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(2){background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b2.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(3){background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b3.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(4){background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b4.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(1):hover{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b1.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(2):hover{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b2.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(3):hover{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b3.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(4):hover{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b4.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(1).active{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b1.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(2).active{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b2.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(3).active{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b3.1.png");width: 23.5%;height: 445px;}
.xwyx_list3 li:nth-child(4).active{background: url("https://www.web168.com.cn/lib/images/productb/xwyx_b4.1.png");width: 23.5%;height: 445px;}

.xwyx_list4{padding: 75px 0 75px;background: url("https://www.web168.com.cn/lib/images/productb/xwyx_list4_bj.png");width: 100%;height: 786px;background-size: cover;}
.xwyx_list4 h2{font-size: 36px;color: #fff;font-weight: bold;text-align: center;}
.xwyx_list4 h3{font-size: 16px;color: rgba(255,255,255,0.8);text-align: center;margin-top: 25px;}
.xwyx_list4 ul{margin-top: 70px;}
.xwyx_list4 li{width: 31.6%;float: left;height: 445px;background: #fff;margin-right: 2.6%;overflow: hidden;}
.xwyx_list4 li:nth-child(3){margin-right: 0;}
.xwyx_list4 li .tp{width: 100%;height: 210px;overflow: hidden;}
.xwyx_list4 li .tp img{width: 100%;}
.xwyx_list4 li .title1{float: left;font-size: 22px;color: #333;font-weight: bold;}
.xwyx_list4 li .title2{float: left;width: 40px;height: 4px;background: #f76507;margin-top: 13px;margin-left: 20px;}
.xwyx_list4 li .title{padding: 0 50px;margin-top: 40px;}
.xwyx_list4 li .con{padding: 0 70px;margin-top: 50px;}
.xwyx_list4 li .con1{width: 50%;height: 30px;float: left;margin-bottom: 30px;}
.xwyx_list4 li .con1_1{width: 10px;height: 10px;border: 2px #888 solid;border-radius: 5px;float: left;margin-top: 7px;}
.xwyx_list4 li .con1_2{float: left;font-size: 18px;color: #242424;padding-left: 5px;}
.xwyx_list4 li .con1:nth-child(2n){padding-left: 10%;}



/* 全网推广专题页 */
.qwtg_banner{width: 100%;height: 648px;margin-top: 120px;}
.qwtg_banner h2{font-size: 46px;color: #fff;font-weight: bold;text-align: center;padding-top: 130px;}
.qwtg_banner h3{font-size: 30px;color: #fff;text-align: center;margin-top: 30px;}
.qwtg_banner p{font-size: 17px;color: rgba(255,255,255,.9);text-align: center;margin-top: 40px;line-height: 40px;}
.qwtg_banner .tp{text-align: center;margin-top: 65px;}
.qwtg_list1{padding: 110px 0px 70px 0px;}
.qwtg_list1 h2{font-size: 40px;color: #333;font-weight: bold;text-align: center;}
.qwtg_list1 h3{font-size: 16px;color: #666;text-align: center;margin-top: 10px;}
.qwtg_list1 ul{margin-top: 60px;}
.qwtg_list1 li{width: 32%;height: 250px;margin-bottom: 2%; margin-right: 2%;float: left;box-shadow: #ddd 2px 5px 20px 1px;}
.qwtg_list1 li:nth-child(3n){margin-right: 0;}
.qwtg_list1 li .tp{text-align: center;margin-top: 60px;}
.qwtg_list1 li .tp .img2{display: none;}
.qwtg_list1 li:hover .tp .img1{display: none;}
.qwtg_list1 li:hover .tp .img2{display: inline;}
.qwtg_list1 li.active .tp .img1{display: none;}
.qwtg_list1 li.active .tp .img2{display: inline;}
.qwtg_list1 li p{font-size: 18px;color: #666;margin-top: 40px;text-align: center;}

.qwtg_list2{width: 100%;background: url("https://www.web168.com.cn/lib/images/productb/qwtg_list2_bj.png");height: 859px;background-size: cover;}
.qwtg_list2 h2{font-size: 40px;color: #fff;font-weight: bold;text-align: center;padding-top: 80px;}
.qwtg_list2 h3{font-size: 16px;color: rgba(255,255,255,.9);text-align: center;margin-top: 15px;}
.qwtg_list2 ul{margin-top: 40px;}
.qwtg_list2 li{width: 32%;margin-right: 2%;margin-bottom: 2%;float: left;height: 270px;background: #fff;border-radius: 20px;}
.qwtg_list2 li:nth-child(3n){margin-right: 0;}
.qwtg_list2 li .title{margin-top: 40px;padding-left: 90px;font-size: 20px;color: #333;font-weight: bold;}
.qwtg_list2 li .title img{margin-right: 10px;}
.qwtg_list2 li .con{padding: 0 35px;margin-top: 30px;font-size: 16px;color: #666;line-height: 30px;}

.qwtg_list3{padding: 100px 0px;}
.qwtg_list3 h2{font-size: 40px;color: #333;font-weight: bold;text-align: center;}
.qwtg_list3 h3{font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
.qwtg_list3 ul{}

.qwtg_list3 li{background: url("https://www.web168.com.cn/lib/images/productb/qwtg_d1.png") no-repeat center;width: 425px;height: 282px;float: left;text-align: center;padding:90px 65px 0px;margin-top:60px;margin-right: 62px;}
.qwtg_list3 li:nth-child(3n){margin-right: 0;}
.qwtg_list3 li h4{font-size: 20px;color: #333333; font-weight: bold;}
.qwtg_list3 li p{font-size: 16px;color: #666666;line-height: 30px;margin-top: 20px;}
.qwtg_list3 li:hover{background: url("https://www.web168.com.cn/lib/images/productb/qwtg_d1.1.png") no-repeat;}
.qwtg_list3 li:hover h4{color: #ff8a00;}
.qwtg_list3 li:hover p{color: #ff8a00;}
.qwtg_list3 li.active{background: url("https://www.web168.com.cn/lib/images/productb/qwtg_d1.1.png") no-repeat;}
.qwtg_list3 li.active h4{color: #ff8a00;}
.qwtg_list3 li.active p{color: #ff8a00;}

.qwtg_list4{width: 100%;background: #fdfdfd;padding: 60px 0 130px;}
.qwtg_list4 h2{font-size: 40px;color: #333;font-weight: bold;text-align: center;}
.qwtg_list4 h3{font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
.qwtg_list4 img{margin-top: 70px;}












/*  品牌官网专题页   */

.banner{width: 100%;height: 677px;background: url("https://www.web168.com.cn/lib/images/product/1/banner.jpg") no-repeat center;}
.banner .c{overflow: hidden;text-align: center;}
.banner .c h2{font-size: 40px;color: #fff;background: none;line-height: 120px;font-weight: bold;margin-top: 130px;}
.banner .c p{font-size: 16px;color: #fff;opacity: .85;line-height: 36px;margin-bottom: 90px;}
.banner .c > ul{background: url("https://www.web168.com.cn/lib/images/product/1/1.png") no-repeat center top;height: 300px;width: 100%;}
.banner .c li{float: left;margin-right: 50px;font-size: 20px;color: #fff;padding-top: 70px;text-align: center;width: 120px;}
.banner .c li img{display: none;}
.banner .c li:hover em{display: none;}
.banner .c li:hover img{display: inline-block;}

.yxx_banner{background: url("https://www.web168.com.cn/lib/images/product/1/banner1.jpg") no-repeat center;}
.yxx_banner .c > ul{background: url("https://www.web168.com.cn/lib/images/product/1/1.2.png") no-repeat center top;}
.wm_banner{background: url("https://www.web168.com.cn/lib/images/product/1/wm_banner.jpg") no-repeat center;}
.wm_banner .c > ul{background: url("https://www.web168.com.cn/lib/images/product/1/wm_1.png") no-repeat center top;}

.tit h2{font-size: 40px;color: #333333;font-weight: bold;text-align: center;margin-top: 63px;background: none;margin-bottom:2px;}
.tit p{font-size: 16px;color: #666666;text-align: center;line-height: 36px;opacity: .66;}
.tit h5{padding-top:28px;}
.tit h5 span{margin:0; }
.tit h5 span em{margin:0 10px;color:#888;}
.p2 .c{width: 1464px;}
.p2 ul{margin-top: 30px;}
.p2 ul li{float: left;width: 366px;height: 200px;background: url("https://www.web168.com.cn/lib/images/product/1/2.png") no-repeat center;padding:45px 50px 30px;}
.p2 ul li h3{margin-bottom: 15px;font-size: 18px;color: #666;}
.p2 ul li h3 img{margin-right: 13px;width: 35px;height: 34px;margin-left: 20px;}
.p2 ul li p{font-size: 15px;color: #888;line-height: 30px;}
.p2 ul li:hover{background: url("https://www.web168.com.cn/lib/images/product/1/2.1.png") no-repeat center;}
.p2 ul li:hover h3,.p2 ul li:hover p{color: #fff;}

.p3{width: 100%;height: 621px;background: url("https://www.web168.com.cn/lib/images/product/1/y1.jpg") no-repeat center;overflow: hidden;text-align: center;}
.titf h2,.titf p{color: #fff;}
.p3 img{margin-top: 135px;}

.p4 ul{margin-top: 50px;}
.p4 li{background: url("https://www.web168.com.cn/lib/images/product/1/y1.png") no-repeat center;width: 332px;height: 508px;float: left;text-align: center;margin-left: 18.5px;}
.p4 li:first-child{margin-left: 0;}
.p4 li > img{margin-top: 65px;}
.p4 li h5{font-size: 20px;color: #fff;line-height: 90px;}
.p4 li p{font-size: 16px;color: #fff;margin-bottom: 50px;padding:0 25px;text-align: left;line-height: 30px;}
.p4 li a{display: none;}
.p4 li:hover{background: url("https://www.web168.com.cn/lib/images/product/1/y1.1.png") no-repeat center;}
.p4 li:hover a{display: inline-block;}
 
.p5{background: #fafafa;width: 100%;overflow: hidden;}
.p5 ul.c{
    /* background:#fff url("https://www.web168.com.cn/lib/images/product/1/10.png") no-repeat 20px 25px;height: 360px; */
    margin-top: 50px;}
.p5 ul.c li{width: 202px;
    height: 92px;float: left;position: relative;border-right: 18px solid #fafafa;
    border-bottom: 20px solid #fafafa;line-height: 72px;padding-left: 50px;font-size: 16px;color: #555;}
.p5 ul.c li:nth-child(7n){border-right:none;width: 188px;}
.p5 ul.c li a{display: block;background:#fff url("https://www.web168.com.cn/lib/images/product/1/10.png") no-repeat 30px 23px;;width: 184px;text-align: center;position: absolute;top:0;left:0;line-height:72px;}

.pro_modle ul{margin-top:25px;}
.pro_modle li{width:326px;height:120px;background: #f4f4f4;float:left;margin-right:32px;margin-top:30px;line-height:130px;}
.pro_modle li a{font-size: 24px;color:#555;margin-left:65px;display: block;height:100%;line-height: 120px;padding-left:40px;;}
.pro_modle li a img{margin-right:15px;}
.pro_modle li:nth-child(4n){margin-right:0;}
.pro_modle li.active{background: url("https://www.web168.com.cn/lib/images/product/1/m0.png") no-repeat center;;}
.pro_modle li.active a{color:#fff;}

.pro_modle li:nth-child(1) a{background: url("https://www.web168.com.cn/lib/images/product/1/m1.png") no-repeat left center;}
.pro_modle li:nth-child(2) a{background: url("https://www.web168.com.cn/lib/images/product/1/m2.png") no-repeat left center;}
.pro_modle li:nth-child(3) a{background: url("https://www.web168.com.cn/lib/images/product/1/m3.png") no-repeat left center;}
.pro_modle li:nth-child(4) a{background: url("https://www.web168.com.cn/lib/images/product/1/m4.png") no-repeat left center;}
.pro_modle li:nth-child(5) a{background: url("https://www.web168.com.cn/lib/images/product/1/m5.png") no-repeat left center;}
.pro_modle li:nth-child(6) a{background: url("https://www.web168.com.cn/lib/images/product/1/m6.png") no-repeat left center;}
.pro_modle li:nth-child(7) a{background: url("https://www.web168.com.cn/lib/images/product/1/m7.png") no-repeat left center;}
.pro_modle li:nth-child(1).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m1.1.png") no-repeat left center;}
.pro_modle li:nth-child(2).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m2.1.png") no-repeat left center;}
.pro_modle li:nth-child(3).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m3.1.png") no-repeat left center;}
.pro_modle li:nth-child(4).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m4.1.png") no-repeat left center;}
.pro_modle li:nth-child(5).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m5.1.png") no-repeat left center;}
.pro_modle li:nth-child(6).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m6.1.png") no-repeat left center;}
.pro_modle li:nth-child(7).active a{background: url("https://www.web168.com.cn/lib/images/product/1/m7.1.png") no-repeat left center;}


.p6{text-align: center;}
.p6_a{background:url("https://www.web168.com.cn/lib/images/product/1/12.jpg") no-repeat center;height:501px;margin-top:60px;}
.p6_a p{line-height: 80px;margin-bottom:330px;text-align: left;;}
.p6_a p em{font-size: 18px;color: #666;margin-left:75px;margin-right:302px;;}
.p6_a p:last-child em{margin-left:288px;margin-right:100px;}
.p6_a p em:hover{color:#eb5300;}

.p7{width: 100%;height: 629px;background: url("https://www.web168.com.cn/lib/images/product/1/y3.jpg") no-repeat center;overflow: hidden;}
.p7 ul{margin-top: 70px;}
.p7 ul li{background: #fff;width: 265px;height: 120px;border-radius: 10px;margin-right: 18px;display: flex;align-items: center;justify-content: center;float: left;margin-bottom: 30px;}
.p7 ul li:nth-child(5n){margin-right: 0;}
.p7 ul li img{max-width: 80%;max-height: 80px;}

.p8 ul{margin-top: 50px;}
.p8 ul li{width: 448px;height: 426px;overflow: hidden;float: left;margin-right: 28px;background: url("https://www.web168.com.cn/lib/images/product/1/y4.jpg") no-repeat center top;}
.p8 ul li:nth-child(3n){margin-right:0;}
.p8 ul li > img{width: 448px;height: 361px;}
.p8 ul li .p8_1{display: none;transition: all .5s;}
.p8 ul li .p8_2{width: 100%;height: 361px;text-align: center;position: relative;}
.p8 ul li .p8_2 a.img1{display: block;width: 100%;height: 265px;overflow: hidden;}
.p8 ul li .p8_2 a.img1 img{width: 322px;margin-top: 62px;}
.p8 ul li .p8_2 a.img2{position: absolute;display: block;top:130px;text-align: center;z-index: 9;width: 100%;}
.p8 ul li .p8_1 p{line-height: 45px;font-size: 16px;color: #555;padding:0 18px;}
.p8 ul li .p8_1 p span{float: right;}
.p8 ul li:hover > img{display: none;}
.p8 ul li:hover .p8_1{display: block;transition: all .5s;}

.p9 .tit h2{margin-top: 33px;}
.p9 ul{margin-top: 50px;}
.p9 ul li{width: 448px;height: 265px;background: #f7f7f7;float: left;margin-right: 28px;margin-bottom: 32px;padding:35px 40px;}
.p9 ul li:nth-child(3n){margin-right: 0;}
.p9 ul li a{font-size: 19px;color: #666;}
.p9 ul li a span{float: right;font-size: 16px;color: #888888;}
.p9 ul li hr{width: 60px;height: 2px;border:none;background: #666;margin: 20px auto 30px 0;}
.p9 ul li p{font-size: 16px;color: #888;line-height: 32px;}
.p9 ul li:hover a{color: #eb5300;}

.p9 .swiper-container{padding-bottom: 60px;}
.p9 .swiper-container-horizontal > .swiper-pagination-bullets{text-align: center;}
.p9 .swiper-pagination-bullet{width: 12px;height: 12px;background:#dadada;}
.p9 .swiper-pagination-bullet-active{background: #eb5300;}

.p10{width: 100%;height:832px;background: url("https://www.web168.com.cn/lib/images/product/1/y5.jpg") no-repeat center top;overflow: hidden;}
.p10 .c{height: 615px;background: url("https://www.web168.com.cn/lib/images/product/2/msg.png") no-repeat;margin-top: 50px;overflow: hidden;}
.p10 .c form{margin-top: 200px;width: 760px;height: 420px;float: right;margin-right:64px; }
.p10 .c form select{width: 140px;height: 55px;margin-left: 110px;margin-bottom: 23px;font-size: 16px;color: #888;padding-left: 10px;}
.p10 .c form p input{width: 260px;height: 52px;margin-left: 120px;margin-bottom: 34px;font-size: 16px;color: #888;}
.p10 .c form textarea{width: 630px;height: 136px;margin-left: 120px;margin-top: 2px;margin-bottom: 35px;padding:5px;font-size: 16px;color: #888;}
.p10 .c form p input[type="submit"]{width: 600px;height: 60px;cursor: pointer;}

.p11{width: 100%;height:832px;background: url("https://www.web168.com.cn/lib/images/product/1/y5.jpg") no-repeat center top;overflow: hidden;}
.p11 .c{height: 615px;background: url("https://www.web168.com.cn/lib/images/product/1/y8.png") no-repeat;margin-top: 50px;overflow: hidden;}
.p11.yxp11 .c{background: url("https://www.web168.com.cn/lib/images/product/1/y81.png") no-repeat;}
.p11 .c form{margin-top: 128px;width: 770px;height: 420px;float: right;margin-right:50px; }
.p11 .c form select{width: 140px;height: 45px;margin-left: 110px;margin-bottom: 18px;font-size: 16px;color: #888;padding-left: 10px;
     appearance:none;-moz-appearance:none;-webkit-appearance:none;
    background: url("https://raw.githubusercontent.com/ourjs/static/gh-pages/2015/arrow.png") no-repeat scroll right center transparent;}
select::-ms-expand { display: none; }
.p11 .c form p input{width: 260px;height: 45px;margin-left: 120px;margin-bottom: 23px;font-size: 16px;color: #888;}
.p11 .c form p.p{margin-left:125px;line-height: 38px;position: relative;}
.p11 .c form p.p span{display:inline-block;width:104px;font-size: 14px;color: #888;}
.p11 .c form p.p span.span{position: absolute;top:47px;left:530px;}
.p11 .c form p input[type="checkbox"]{width:14px;height:14px;margin-left:0px;margin-right:6px;margin-bottom:0;vertical-align: middle;}
.p11 .c form p.p1{margin-top:22px;}
.p11 .c form textarea{width: 630px;height: 90px;margin-left: 120px;margin-top: 2px;margin-bottom: 24px;padding:5px;font-size: 16px;color: #888;}
.p11 .c form p input[type="submit"]{width: 600px;height: 60px;cursor: pointer;}

.p11 .c form .p11_1{position: relative;float:left;width: 140px;margin-left: 110px;margin-bottom: 18px;}
.p11 .c form ul{position: absolute;display: none;top:45px;box-shadow: 0 5px 12px rgba(0,0,0,0.2);width: 100%;background: #fff;padding:10px 0;}
.p11 .c form ul.show{display: block;}
.p11 .c form ul li{line-height: 30px;font-size: 15px;color: #888;cursor: pointer;padding-left:15px;}
.p11 .c form .p11_1 h5{font-size: 16px;color: #888;line-height:45px;height:45px;padding-left:15px;}


.p12 .c form p.p{line-height:46px;height:210px;}
.p12 .c{background: url("https://www.web168.com.cn/lib/images/product/2/ms.png") no-repeat;}
.p12 .c form{margin-top:155px;}
.p12 .c form .p11_1{width: 170px;margin-left:130px;margin-bottom:30px;}
.p12 .c form .p11_1 h5{height:55px;line-height:55px;}
.p12 .c form p input{height:55px;margin-bottom:28px;}
.p12 .c form textarea{height:80px;margin-bottom:35px;}

/*  营销专题页   */
.yx_banner{width: 100%;height: 718px;}
.yx_banner .swiper-container{height: 100%;width: 100%;}
.yx_banner .swiper-slide{width: 100%;height: 100%;text-align: center;}
.yx_banner .swiper-slide img{margin-top: 285px;}
.yx_banner .swiper-container-horizontal > .swiper-pagination-bullets{text-align: center;}
.yx_banner .swiper-pagination-bullet{width: 8px;height: 8px;background:none;border:1px solid #999;border-radius: 4px;}
.yx_banner .swiper-pagination-bullet-active{background: #cb0e19;width: 20px;border:none;height: 10px;}

.yx2{margin-top: 40px;}
.yx2 .tit{width: 570px;}
.tit h2 span{color: #cb0e19;}
.yx2 .right{width: 940px;}
.yx2 .right ul{margin-top: 70px;}
.yx2 .right li{float: left;line-height: 36px;margin-bottom: 40px;font-size: 20px;font-weight: bold;width: 460px;}
.yx2 .right li img{margin-right: 10px;}
.yx3 ul{margin-top: 70px;}
.yx3 ul li{float: left;width: 466.6px;height: 400px;text-align: center;background: url("https://www.web168.com.cn/lib/images/product/2/0.png") no-repeat center 10px;padding:0 50px;}
.yx3 ul li h5{font-size: 24px;color: #333333;line-height: 80px;font-weight: bold;}
.yx3 ul li p{font-size: 16px;color: #666666;line-height: 30px;}
.yx3_1{width: 100%;height:210px;line-height: 210px;}


.wm3{background: url("https://www.web168.com.cn/lib/images/product/3/3.jpg") no-repeat center;}
.wm3 img { margin-top: 115px;}

.wm4 .con6{background: url("https://www.web168.com.cn/lib/images/product/3/5.jpg") no-repeat 40px top;width: 100%;height: 469px;margin-top: 50px;}
.wm4 .con7{background: url("https://www.web168.com.cn/img/303.png") no-repeat 10px 10px;width: 760px;height: 300px;float: right;margin-top: 50px;}
.wm4 .con6_2{background: url('https://www.web168.com.cn/lib/images/product/3/6.jpg') no-repeat right top;margin-top: -70px;}
.wm4 .con7 p{font-size: 17px;padding-left: 100px;line-height: 30px;margin-bottom: 100px;}
.wm4 .con7 p span{font-size: 18px;color: #eb5300;}
.wm4 .con7_3{ background: url("https://www.web168.com.cn/img/304.png") no-repeat 10px top;float: left;width: 660px;margin-top: 100px;}
.wm4 .con6_4{background: url('https://www.web168.com.cn/lib/images/product/3/7.jpg') no-repeat 80px top;margin-top: -50px;}
.wm4 .con7_4{background: url('https://www.web168.com.cn/img/306.png') no-repeat 10px 15px;margin-top:120px;}
.wm4 .con7_4 strong{display: block;width: 284px;height: 36px;background: #eb5300;
    border-radius: 18px; font-size: 18px;text-align: center;line-height: 36px;color: #fff; margin-top: 50px; margin-left: 10px;}

.wm7{background: url("https://www.web168.com.cn/lib/images/product/3/8.jpg") no-repeat center;}
/*  响应式专题页   */
.xys{background: url("https://www.web168.com.cn/lib/images/product/3/y2.jpg") no-repeat center;}
.xys .c > ul{height: 300px;background: url("https://www.web168.com.cn/lib/images/product/3/x1.png") no-repeat center 0px;width: 630px;}
.xys .c{padding-left: 770px;}
.xys .c li:nth-child(4){margin-right: 0;}
.xys_1{width: 100%;height: 428px;background: url("https://www.web168.com.cn/lib/images/product/3/x2.png") no-repeat center top/cover;}
/*  百度推广专题页   */
.bdtg{background: url("https://www.web168.com.cn/lib/images/product/4/y1.png") no-repeat center;}
.bdtg .c{padding-left: 800px;text-align: left;;}
.bdtg .c p{margin-bottom:50px;}
.bdtg .c h2{margin-top: 180px;}
.bdtg2{width: 100%;height: 665px;background: #f9f9f9;overflow: hidden;}
.bdtg2 ul{margin-top: 60px;}
.bdtg2 li{width: 320px;height: 360px;background: #fff;float: left;margin-right: 40px;text-align: center;}
.bdtg2 li:nth-child(4){margin-right: 0;}
.bdtg2 li .bdtg_1{height: 165px;}
.bdtg2 li .bdtg_1 img{width: 119px;height: 119px;margin-top: 45px;}
.bdtg2 li h3{font-size: 20px;color: #333;line-height: 70px;font-weight: bold;}
.bdtg2 li p{font-size: 16px;color: #666;line-height: 32px;padding:0 45px;}

.bdtg3{background: url("https://www.web168.com.cn/lib/images/product/4/y2.png") no-repeat center 225px;overflow: hidden;}
.bdtg3 .left{margin-top: 70px;width: 540px;height: 500px;margin-left: 70px;}
.bdtg3 .left:nth-child(2){margin-right: 100px;}
.bdtg3 .left h3{font-size: 44px;color: #fff;line-height: 150px;font-weight: bold;}
.bdtg3 .left p{font-size: 16px;color: #fff;line-height: 32px;margin-bottom: 55px;}

.bdtg4 .tit h2{margin-top: 0;}
.bdtg4 li{width: 260px;height: 280px;float: left;text-align: center;margin-top: 60px;margin-right: 120px;}
.bdtg4 li:nth-child(4n){margin-right: 0;}
.bdtg4 li .bdtg4_1{width: 100%;height: 140px;background: url("https://www.web168.com.cn/lib/images/product/4/8.png") no-repeat center;line-height: 140px;}
.bdtg4 li:hover .bdtg4_1{background: url("https://www.web168.com.cn/lib/images/product/4/8.1.png") no-repeat center;}
.bdtg4 li h3{font-size: 18px;color: #333;font-weight: bold;line-height: 70px;}
.bdtg4 li p{font-size: 16px;color: #666;line-height: 32px;}
.bdtg4 li:hover h3{color: #eb5300;}

.bdtg5{background: url("https://www.web168.com.cn/lib/images/product/4/y3.jpg") no-repeat center;}

.bdtg6_1{margin-top:50px;}
.bdtg6_1 img{margin-left: 30px;float: left;}
.bdtg6_1 .bdtg6_1_1{float: right;width: 760px;height: 360px;}
.bdtg6_1 .bdtg6_1_1 .left{height: 85px;width: 90px;border-top: 5px solid #eb5300;font-size: 46px;font-weight: bold;color: #333;font-family: "Arial";margin-top: 70px;line-height: 70px;}
.bdtg6_1 .bdtg6_1_1 .right{width: 635px;margin-left: 35px;margin-top: 45px;height: 110px;}
.bdtg6_1 .bdtg6_1_1 .right h5{font-size: 24px;color: #eb5300;line-height: 45px;}
.bdtg6_1 .bdtg6_1_1 .right p{font-size: 18px;color: #666;line-height: 32px;height: 64px;}
.bdtg6_2{margin-top: -35px;}
.bdtg6_2 img{margin-right: 0px;float: right;margin-left: 0;}
.bdtg6_2 .bdtg6_1_1{float: left;width: 720px;}
.bdtg6_2 .bdtg6_1_1 .right{width: 595px;}

.bdtg7 img{max-width: 100%;margin-top: 50px;}

/*  关键词优化排名专题页   */

.keyword1{background: url("https://www.web168.com.cn/lib/images/product/5/y1.jpg") no-repeat center;width: 100%;height:719px;overflow: hidden; }
.keyword1 .c > img{float: right;margin-right:50px;margin-top: 266px;}
.keyword1 .keyword1_1{width: 600px;height: 400px;margin-left: 110px;margin-top:190px;float: left;}
.keyword1 .keyword1_1  h2{font-size: 40px;color: #fff;background: none;line-height: 120px;font-weight: bold;}
.keyword1 .keyword1_1  p{font-size: 18px;color: #fff;opacity: .85;line-height: 36px;margin-bottom: 100px;}

.keyword2 ul{background: url("https://www.web168.com.cn/lib/images/product/5/y2.jpg") no-repeat 86px top;height: 640px;margin-top: 60px;padding-top: 5px;}
.keyword2 ul li {font-size: 22px;color: #888888;margin-left: 784px;margin-top: 55px;line-height: 36px;cursor: pointer;}
.keyword2 ul li em{font-size: 24px;color: #888;background: #f9f9f9;padding:6px 8px;border-radius: 22px;margin-right: 30px;}
.keyword2 ul li:nth-child(2){margin-left:835px; }
.keyword2 ul li:nth-child(3){margin-left:867px; }
.keyword2 ul li:nth-child(4){margin-left: 867px;}
.keyword2 ul li:nth-child(5){margin-left: 825px;}
.keyword2 ul li:hover{color: #eb5300;}
.keyword2 ul li:hover em{background: #eb5300;color: #fff;}

.keyword3{height: 925px;width: 100%;background: #f9f9fa;overflow: hidden;}
.keyword3 ul{background: url("https://www.web168.com.cn/lib/images/product/5/y3.png") no-repeat center;height: 580px;margin-top: 90px;padding-top: 45px;}
.keyword3 ul li{float: left;width: 50%;margin-bottom: 80px;height: 110px;}
.keyword3 ul li:nth-child(2n){padding-left:415px;}
.keyword3 ul li h5{font-size: 20px;color: #555;line-height: 30px;margin-bottom: 20px;width: 285px;}
.keyword3 ul li p{font-size: 16px;color: #555555;line-height: 30px;width: 285px;}

.keyword5{width: 100%;background: #f9f9fa;overflow: hidden;}

/*  流量宝专题页   */
.flow1{width: 100%;height: 718px;background: url("https://www.web168.com.cn/lib/images/product/6/y1.jpg") no-repeat center;overflow: hidden;text-align: center;color:#fff;}
.flow1 h2{font-size: 46px;font-weight: bold;margin-top: 200px;}
.flow1 h4{font-size: 30px;line-height: 100px;}
.flow1 p{font-size: 17px;line-height: 32px;margin-bottom: 80px;}

.flow2 ul{margin-top: 50px;}
.flow2 li{float: left;width: 466px;height: 277px;background: url("https://www.web168.com.cn/lib/images/product/6/y0.png") no-repeat;text-align: center;}
.flow2 li .flow2_1{height: 190px;padding-top: 72px;}
.flow2 li p{font-size: 18px;color: #666;padding:0 30px;}

.flow3{background: url("https://www.web168.com.cn/lib/images/product/6/y2.jpg") no-repeat center;height: 860px;overflow: hidden;}
.flow3  ul{margin-top: 35px;}
.flow3 li{float: left;width: 445px;height: 275px;background: #fff;border-radius: 10px;margin-right: 32px;margin-bottom: 28px;padding:40px 20px 40px 40px;}
.flow3 li:nth-child(3n){margin-right: 0;}
.flow3 li h3{font-size: 20px;color: #333333;line-height: 36px;}
.flow3 li h3 img{margin-left: 50px;margin-right: 15px;}
.flow3 li p{font-size: 16px;color: #666666;line-height: 32px;margin-top: 26px;}

.flow4 li{background: url("https://www.web168.com.cn/lib/images/product/6/y3.png") no-repeat center;width: 425px;height: 287px;float: left;text-align: center;padding:40px 65px;margin-top:60px;margin-right: 62px;}
.flow4 li:nth-child(3n){margin-right: 0;}
.flow4 li h5{font-size: 20px;color: #333333;line-height: 72px;font-weight: bold;}
.flow4 li p{font-size: 16px;color: #666666;line-height: 30px;}
.flow4 li:hover{background: url("https://www.web168.com.cn/lib/images/product/6/y4.png") no-repeat;}
.flow4 li:hover h5{color: #0084ff;}

.flow5{width: 100%;background: #fdfdfd;overflow: hidden;}

/*  小程序专题页   */

.applet1{background: url("https://www.web168.com.cn/lib/images/product/7/y1.jpg") no-repeat center;height:677px;}
.applet1 p{margin-top: 30px;line-height: 40px;color:#fff;}

.applet2 .applet2_1{width: 1460px;}
.tit h6{text-align: center;margin:20px 0 0px 0;}
.tit h6 span{font-size: 16px;color: #666666;cursor: pointer;}
.tit h6 span.active{color:#ed7020;}
.tit h6 span em{font-size: 12px;color:#ddd;margin:0 10px;}
.applet2 .applet2_1 li{float: left;width: 365px;height: 185px;background: url("https://www.web168.com.cn/lib/images/product/7/y3.png") no-repeat center;padding:25px 40px;}
.applet2 .applet2_1 li.applet2_1_1{height: 565px;background: url("https://www.web168.com.cn/lib/images/product/7/y2.png") no-repeat center top;margin-top: -10px;text-align: center;color: #fff;overflow: hidden;float:left;}
.applet2 .applet2_1 li h3{font-size: 20px;color: #333333;line-height: 36px;}
.applet2 .applet2_1 li h3 img{margin-left: 30px;margin-right: 10px;}
.applet2 .applet2_1 li p{font-size: 16px;color: #666666;line-height: 32px;margin-top: 15px;}
.applet2 .applet2_1 li.applet2_1_1 h2{font-size: 38px;margin-top: 80px;font-weight: bold;color:#fff;}
.applet2 .applet2_1 li.applet2_1_1 h4{font-size: 12px;opacity: .3;line-height: 36px;color:#fff;}
.applet2 .applet2_1 li.applet2_1_1 hr{width: 60px;height: 5px;border:none;background: #fff;margin:25px auto;}
.applet2 .applet2_1 li.applet2_1_1 p{font-size: 18px;margin-top: 10px;color: #fff;padding:0 15px;}
.applet2 .applet2_1 li.applet2_1_1 h5{font-size: 36px;margin-top: 90px;color:#fff;}
.applet2 .applet2_1 ul{display: none;}
.applet2 .applet2_1 ul:first-child{display: block;}

.applet3 .tit h5{width: 500px;height: 45px;margin:50px auto 10px auto;text-align: center;line-height: 45px;box-shadow: #eee 1px -1px 5px 1px;border-radius: 22px;}
.applet3 .tit h5 span{font-size:20px;color: #555;margin:0 10px;padding:6px 14px;border-radius: 19px;cursor: pointer;}
.applet3 .tit h5 span.active{background-image: linear-gradient(to bottom, #00d0ff , #009dff);color: #fff;}
.applet3_a{width: 1160px;margin:0 auto;}
.applet3_a .text{width: 400px;float: left;height: 520px;}
.applet3_a .img{width: 760px;float: left;height: 520px;display: flex;align-items: center;justify-content: center;}
.applet3_a .text h3{font-size: 42px;color: #666;opacity: 0.2;margin-top: 80px;font-weight: bold;}
.applet3_a .text h4{font-size: 26px;color: #666;line-height: 80px;font-weight: bold;border-bottom: 3px solid #ddd;}
.applet3_a .text  hr{width: 105px;border:none;background: #eb5300;margin: -3px 0 0 0;height: 3px;}
.applet3_a .text p{font-size: 16px;color: #666;margin-top: 30px;line-height: 36px;}
.applet3 .applet3_1{display: none;}
.applet3 .applet3_1:first-child{display: block;}

.applet4 ul{margin-top: 35px;}
.applet4 li{width: 140px;float: left;text-align: center;height: 125px;margin-top: 30px;}
.applet4 li p{font-size: 16px;color: #666;margin-top: 15px;}
.applet4 li img{transition: all .5s;width: 80px;height: 80px;}
.applet4 li:hover img{transform: scale(.9);transition: all .5s;}

.applet5{width: 100%;background: #f8f8f8;overflow: hidden;}
.applet5 li{float: left;width: 240px;height: 500px;background: url("https://www.web168.com.cn/lib/images/product/7/p0.png") no-repeat center top;margin-right: 50px;}
.applet5 li:hover{background: url("https://www.web168.com.cn/lib/images/product/7/p0.1.png") no-repeat center top;}
.applet5 ul li:nth-child(5n){margin-right:0;}
.applet5 li .applet5_1{width: 210px;height: 320px;overflow: hidden;margin-top:52px;margin-left:14px; position: relative;}
.applet5 li .applet5_1 p{position:absolute;width:100%;height:100%;top:100%;background: rgb(0,0,0,.6);text-align: center;padding-top:220px;}
.applet5 li .applet5_1 p img{margin:0 10px;}

.applet5 li:hover .applet5_1 p{top:0;}
.applet5 li .applet5_1 > img{width: 100%;}
.applet5 li > p{font-size: 16px;color: #666;margin-top: 66px;text-align: center;}
/* 网站设计公司优质服务商 */
.wz_banner{background: url("https://www.web168.com.cn/lib/images/product/9/y1.jpg") no-repeat center;width:100%;height:672px;}
.wz_banner .c{position: relative;}
.wz_banner .wz_b_1{width:675px;float:right;}
.wz_banner .wz_b_1 h2{font-size: 40px;color:#FFF;margin-top:160px;font-weight: bold;}
.wz_banner .wz_b_1 p{font-size: 18px;color:#FFF;margin-top:30px;line-height: 36px;margin-bottom:60px;;}
.wz_banner  .c > img{position:absolute;top:175px;left:-60px; }
/* 网站建设公司服务项目 */
.wz_2_1 {width:1456px;height:507px;position: relative;margin:0 auto;}
.wz_2_1 .swiper-container{width:100%;height:100%;margin-top:20px;background: url("https://www.web168.com.cn/lib/images/product/9/11.png") no-repeat center;
    padding:30px 28px;text-align: center;}
.wz_2_1 .swiper-slide{padding:60px 70px;}
.wz_2_1 h5{font-size:20px;color:#333;line-height:60px;margin-top:15px;font-weight:bold;}
.wz_2_1 p{font-size:16px;color:#666;line-height:30px;height:105px;}
.wz_2_1 a{border:1px solid #ddd;padding:6px 30px;font-size:16px;color:#666;border-radius: 17px;;}
.wz_2_1 a:hover{border:none;background:linear-gradient(#5370f6, #595ef8);color:#fff;}
.wz_2_1 .swiper-button-prev, .wz_2_1 .swiper-button-next{width: 34px;height: 34px;}
.wz_2_1 .swiper-button-prev{background: url("https://www.web168.com.cn/lib/images/product/9/13.png");left:-40px;}
.wz_2_1 .swiper-button-next{background: url("https://www.web168.com.cn/lib/images/product/9/12.png");right:-40px;}
/* 广州网站设计公司众多我们有何优势 */
.wz_3{width:100%;height:640px;background: url("https://www.web168.com.cn/lib/images/product/9/y4.jpg") no-repeat center;overflow: hidden;text-align: center;}
.wz_3 .tit h2{color:#fff;}
.wz_3 .tit p{color:#fff;margin-bottom:110px;}
.prod_1 .tit h2 em{font-weight:bold;}
.wz_5{height:621px;background: url("https://www.web168.com.cn/lib/images/product/9/y6.jpg") no-repeat center;}
.wz_5 .tit h2{margin-top:90px}
.wz_5 .tit p{margin-bottom:140px;}

.cooperation li{width: 15%;text-align: center;float: left;margin-top: 60px;margin-left: 6%;}
.cooperation li:first-child{margin-left: 0;}
.cooperation li h5{font-size: 28px;color: #333;line-height: 40px;margin-top: 25px;}
.cooperation li p{font-size: 16px;color: #999;margin-top:10px;}
.cooperation li:hover h5,.cooperation li:hover p{color: #ed7020;} 

.seo_6 .tit h5 span{cursor: pointer;}
.seo_6 ul{margin-top: 50px;display: none;;}
.seo_6 ul:first-child{display:block;}
.seo_6 ul li{width: 448px;height: 265px;background: #f7f7f7;float: left;margin-right: 28px;margin-bottom: 32px;padding:35px 40px;}
.seo_6 ul li:nth-child(3n){margin-right: 0;}
.seo_6 ul li a{font-size: 19px;color: #666;}
.seo_6 ul li a span{float: right;font-size: 16px;color: #888888;}
.seo_6 ul li hr{width: 60px;height: 2px;border:none;background: #666;margin: 20px auto 30px 0;}
.seo_6 ul li p{font-size: 16px;color: #888;line-height: 32px;}
.seo_6 ul li:hover a{color: #eb5300;}

/* 做网站专题页 */
.zwz_banner{width:100%;height:362px;background:url("https://www.web168.com.cn/lib/images/product/10/ban1.jpg") no-repeat center;}
.menu_h p{text-align: center;margin-bottom: 30px;border-bottom: 1px solid #c6c6c6;height: 59px;overflow: hidden;}
.menu_h a span{margin:0 25px;padding-bottom: 10px;line-height: 57px;font-size: 18px;color: #333333;}
.menu_h a i{border-left: 1px solid #eee;}
.menu_h a.active span{color: #e56c20;border-bottom: 2px solid #e56c20;padding:0 5px 16px;
    background: url("https://www.web168.com.cn/lib/images/1/n0.png") no-repeat center bottom;}
.menu_h a:hover span{color: #e56c20;}
.zwz_3{height:621px;background: url("https://www.web168.com.cn/lib/images/product/10/y1.jpg") no-repeat center;}
.zwz_3 .tit h2{margin-top:90px;}
.zwz_3 .tit p{margin-bottom:140px;}

.zwz_4{width:100%;height:788px;background: url("https://www.web168.com.cn/lib/images/product/10/y4.png") no-repeat center;overflow: hidden;;}
.zwz_4 ul li{width:31%;text-align: center;float:left;padding-top:88px;margin-right:3.5%;}
.zwz_4 ul li:nth-child(3){margin-right:0;}
.zwz_4 ul li h5{font-size: 24px;color:#fff;line-height: 96px;font-weight:bold;}
.zwz_4 ul li p{font-size: 18px;color:#666666;line-height: 96px;}

.zwz_5 ul{width:1404px;height:505px;background: url("https://www.web168.com.cn/lib/images/product/10/y5.png") no-repeat center;margin-top:48px;border:1px solid #eee;}
.zwz_5 ul li{width:230px;;text-align: center;float:left;}
.zwz_5 ul li:nth-child(2){width:585px;}
.zwz_5 ul li:nth-child(3){width:585px;}
.zwz_5 ul li h5{font-size: 18px;color:#fff;line-height: 80px;}
.zwz_5 ul li p{font-size: 18px;color:#666666;line-height: 85px;;}

.zwz_7{width:100%;background: #f8f8f8;overflow: hidden;height:855px;}
.zwz_7_1{position: relative;display: none;width:1400px;margin-top:50px;;}
.zwz_7_1 .ul1{float: left;max-width:31%;}
.zwz_7_1 .ul2{float: right;max-width:31%;}
.zwz_7_1 li{width: 435px;height: 110px;margin-bottom:36px;}
.zwz_7_1 li > a{display: inline-block;width:110px;height:110px;background: #fff;text-align: center;font-size:16px;color:#333;padding-top:20px;}
.zwz_7_1 li > a span{font-size: 36px;line-height: 45px;;}
.zwz_7_1 li div{float: right;width: 305px;height: 110px;}
.zwz_7_1 li h5{margin-bottom: 5px;height:36px;overflow: hidden;}
.zwz_7_1 li h5 a{font-size: 18px;color: #333333;line-height: 36px;}
.zwz_7_1 li p{font-size: 15px;color: #666666;}
.zwz_7_1 .ul3{background: #fff;position: absolute;width: 470px;height: 550px;left:464px;padding:10px;}
.zwz_7_1 .ul3 > div{height: 170px;}
.zwz_7_1 .ul3 .swiper-slide{width: 468px;height: 150px;padding:9px;position: relative;}
.zwz_7_1 .ul3 .swiper-slide img{width: 450px;height: 380px;max-width:100%;}
.zwz_7_1 .ul3 .swiper-slide h5{height: 60px;line-height: 60px;font-size: 18px;color: #333;margin-left:20px;}
.zwz_7_1 .ul3 .swiper-slide p{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;margin-left:20px;}
.zwz_7_1 .ul3 .swiper-slide:hover h5{display: block;}
.zwz_7_1 .ul3 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 30px;text-align: center;padding:0;;}
.zwz_7_1 .ul3 .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;background: #999;border-radius:5px;}
.zwz_7_1 .ul3 .swiper-pagination-bullet-active {opacity: 1;background: #f98911;}
/* 服务行业 */
.service_hy .wz_b_1 h2{margin-top:200px;}
.service_hy .wz_b_1 p{margin-bottom:90px;}
.service_hy .wz_b_1 span{color:#fff;line-height: 46px;display: inline-block;width:32%;font-size:16px;;}
.service_hy .wz_b_1 span em{color:#eb7020;}

.wz_2_1 .wz_2_2{width:323px;height:433px;padding:60px 50px;float:left;text-align: center;box-shadow: #eee 1px 1px 10px 5px;
    margin-right:36px;margin-top:50px;;}
.wz_2_1 .wz_2_2:nth-child(4){margin-right:0;}

.service_4 ul{margin-top:50px;}
.service_4 li{width:333px;height:217px;float:left;margin-right:22px;margin-bottom:30px;background:url("https://www.web168.com.cn/lib/images/product/11/1.png") no-repeat center 50px;
    text-align: center;padding-top:140px;box-shadow: #eee 1px 1px 10px 5px;font-size: 20px;color:#666;;}
.service_4 li:nth-child(2){background:url("https://www.web168.com.cn/lib/images/product/11/2.png") no-repeat center 50px;}
.service_4 li:nth-child(3){background:url("https://www.web168.com.cn/lib/images/product/11/3.png") no-repeat center 50px;}
.service_4 li:nth-child(4){background:url("https://www.web168.com.cn/lib/images/product/11/4.png") no-repeat center 50px;}
.service_4 li:nth-child(5){background:url("https://www.web168.com.cn/lib/images/product/11/5.png") no-repeat center 50px;}
.service_4 li:nth-child(6){background:url("https://www.web168.com.cn/lib/images/product/11/6.png") no-repeat center 50px;}
.service_4 li:nth-child(7){background:url("https://www.web168.com.cn/lib/images/product/11/7.png") no-repeat center 50px;}
.service_4 li:nth-child(8){background:url("https://www.web168.com.cn/lib/images/product/11/8.png") no-repeat center 50px;}
.service_4 li:nth-child(4n){margin-right:0;}
.service_4 li.active{color:#fff;background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/1.1.png") no-repeat center 50px;}
.service_4 li:nth-child(2).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/2.1.png") no-repeat center 50px;}
.service_4 li:nth-child(3).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/3.1.png") no-repeat center 50px;}
.service_4 li:nth-child(4).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/4.1.png") no-repeat center 50px;}
.service_4 li:nth-child(5).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/5.1.png") no-repeat center 50px;}
.service_4 li:nth-child(6).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/6.1.png") no-repeat center 50px;}
.service_4 li:nth-child(7).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/7.1.png") no-repeat center 50px;}
.service_4 li:nth-child(8).active{background:#585ff9 url("https://www.web168.com.cn/lib/images/product/11/8.1.png") no-repeat center 50px;}


.service_5{height:621px;background: url("https://www.web168.com.cn/lib/images/product/11/y2.jpg") no-repeat center;}
.service_5 .tit h2{margin-top:90px;}

.service_6 .swiper-container{width:100%;height:679px;margin-top:50px;}
.service_6 .left{width: 50%;height: 100%;}
.service_6 .right{width: 50%;height: 100%;background: url("https://www.web168.com.cn/lib/images/product/11/y5.jpg") no-repeat center;overflow: hidden;padding-left:70px;;}
.service_6 .right h5{font-size: 30px;color:#fff;margin-top:140px;}
.service_6 .right h6{font-size: 16px;color:#fff;margin-top:30px;margin-bottom:60px;}
.service_6 .right p{font-size: 16px;color:#fff;line-height: 30px;width:540px;margin-bottom:120px;;}

.service_8{width: 100%;height:832px;background: url("https://www.web168.com.cn/lib/images/product/1/y5.jpg") no-repeat center top;overflow: hidden;}
.service_8 .c{height: 615px;background: url("https://www.web168.com.cn/lib/images/product/11/msg.png") no-repeat;margin-top: 50px;overflow: hidden;}
.service_8 .c form{margin-top: 115px;width: 770px;height: 420px;float: right;margin-right:50px; }
.service_8 .c form p input{width: 260px;height: 45px;margin-left: 120px;margin-bottom: 23px;font-size: 16px;color: #888;}
.service_8 .c form p.p{margin-left:125px;line-height: 51px;}
.service_8 .c form p.p span{display:inline-block;width:102px;font-size: 14px;color: #888;}
.service_8 .c form p input[type="checkbox"]{width:14px;height:14px;margin-left:0px;margin-right:6px;margin-bottom:0;vertical-align: middle;}
.service_8 .c form p.p1{margin-top:10px;}
.service_8 .c form textarea{width: 630px;height: 70px;margin-left: 120px;margin-top: 2px;margin-bottom: 24px;padding:5px;font-size: 16px;color: #888;}
.service_8 .c form p input[type="submit"]{width: 600px;height: 60px;cursor: pointer;}
.service_8 .c form .p11_1{position: relative;float:left;width: 140px;margin-left: 110px;margin-bottom: 18px;}
.service_8 .c form ul{position: absolute;display: none;top:45px;box-shadow: 0 5px 12px rgba(0,0,0,0.2);width: 100%;background: #fff;padding:10px 0;}
.service_8 .c form ul.show{display: block;}
.service_8 .c form ul li{line-height: 30px;font-size: 15px;color: #888;cursor: pointer;padding-left:15px;}
.service_8 .c form .p11_1 h5{font-size: 16px;color: #888;line-height:45px;height:45px;padding-left:15px;}


/* 小程序 */
.xcx_list1{width: 100%;padding: 100px 0px 90px;}
.xcx_list1 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.xcx_list1 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;}
.xcx_list1 ul{margin-top: 75px;}
.xcx_list1 li{width: 21%;margin-right: 5.2%; float: left;text-align: center;}
.xcx_list1 li:nth-child(4){margin-right: 0;}
.xcx_list1 li h4{font-size: 20px;color: #333;margin-top: 30px;}
.xcx_list1 li h5{font-size: 16px;color: #666;margin-top: 25px;line-height: 35px;}
.xcx_list1 li .img2{margin-top: 25px;}

.xcx_list2{width: 100%;height:819px;background: url("https://www.web168.com.cn/lib/images/productb/xcx_list2_bj.png") no-repeat center top;overflow: hidden;}
.xcx_list2 h2{font-size: 32px;color: #fff;font-weight: bold;text-align: center;margin-top: 83px;}
.xcx_list2 ul{width: 289px;height: 568px;background: url("https://www.web168.com.cn/lib/images/productb/xcx_list2_left.png") no-repeat center top;margin-top: 30px;padding: 20px 0px; float: left;} 
.xcx_list2 li{width: 100%;height: 75px;position: relative;font-size: 16px;color: rgba(255,255, 255,.95);line-height: 75px;}
.xcx_list2 li .tp{margin-left: -11px;float: left;display: none;}
.xcx_list2 li p{position: absolute;font-size: 16px;height: 75px;line-height: 75px;overflow: hidden; color: rgba(255,255, 255,.95);padding-left: 20px;}
.xcx_list2 li.active .tp{display: block;}
.xcx_list2 li:hover .tp{display: block;}
.xcx_list2 .right{width: calc(100% - 400px);float: right;}
.xcx_list2 .right .right_con{display: none;}
.xcx_list2 .right .right_con:nth-child(1){display: block;}
.xcx_list2 .right .right_con_1{font-size: 18px;color: rgba(255,255, 255,.9);line-height: 50px;margin-top: 100px;}
.xcx_list2 .right .right_con_2{margin-top: 60px;}
.xcx_list2 .right .right_con_2 .tp{float: left;}
.xcx_list2 .right .right_con_2 .tel{font-size: 21.5px;color: #fff;float: left;margin-left: 18px;}
.xcx_list2 .right .right_con_2 .qq{width: 130px;height: 30px;float: left;margin-left: 30px;text-align: center;line-height: 30px;border-radius: 15px;border: 1px rgba(255,255, 255,.9) solid; color: rgba(255,255, 255,.8);font-size: 14px;}
.xcx_list2 .right .right_con_2 .qq a{color: rgba(255,255, 255,.8);font-size: 14px;}
.xcx_list2 .right .right_con_3{margin-top: 98px;}

.xcx_list3{padding-bottom: 90px;}
.xcx_list3_ic{width: 1530px;margin: 0 auto;}
.xcx_list3 .title h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;padding-top: 100px;}
.xcx_list3 .title h6{text-align: center;margin:20px 0 0px 0;}
.xcx_list3 .h6 span{font-size: 16px;color: #666666;cursor: pointer;}
.xcx_list3 .title h6 span.active{color:#ed7020;}
.xcx_list3 .title h6 span em{font-size: 12px;color:#ddd;margin:0 10px;}
.xcx_list3 .xcx_list3_1 ul{margin-top: 46px;}
.xcx_list3 .xcx_list3_1 li{float: left;width: 380px;height: 194px;background: url("https://www.web168.com.cn/lib/images/productb/xcx_list3_y3.png") no-repeat center;padding:25px 40px;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1{height: 592px;background: url("https://www.web168.com.cn/lib/images/productb/xcx_list3_y2.png") no-repeat center top;width: 381px; margin-top: -10px;text-align: center;color: #fff;overflow: hidden;float:left;}
.xcx_list3 .xcx_list3_1 li h3{font-size: 18px;color: #666;line-height: 36px;}
.xcx_list3 .xcx_list3_1 li h3 img{margin-left: 30px;margin-right: 10px;}
.xcx_list3 .xcx_list3_1 li p{font-size: 16px;color: #888;line-height: 32px;margin-top: 15px;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 h2{font-size: 38px;margin-top: 40px;text-align: left; font-weight: bold;color:#fff;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 h4{font-size: 12px;opacity: .2;margin-top: 25px; text-align: left; color:#fff;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 .hr{width: 60px;height: 5px;border:none;background: #fff;margin-top: 20px;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 p{font-size: 16px;height: 160px;overflow: hidden; margin-top: 30px;color: #fff;text-align: left; line-height: 40px;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 h5{font-size: 15.6px;width: 120px;height: 33px;text-align: center;line-height: 33px; border: 1px #fff solid; margin-top: 50px;color:#fff;}
.xcx_list3 .xcx_list3_1 li.applet2_1_1 h5 a{font-size: 15.6px;color: #fff;line-height: 33px;}
.xcx_list3 .xcx_list3_1 ul{display: none;}
.xcx_list3 .xcx_list3_1 ul:first-child{display: block;}

.xcx_list4{width: 100%;background: #fafafa; padding: 70px 0px 95px;}
.xcx_list4 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.xcx_list4 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;margin-bottom: 55px;}
.xcx_list4_1{position: relative;}
.xcx_list4_1 li{box-shadow: #ddd 1px 1px 2px 2px;}
.xcx_list4_1 .tp{width: 100%;overflow: hidden;}
.xcx_list4_1 .tp img{width: 100%;}
.xcx_list4_1 .xcx_list4_con{padding: 0 20px 30px;}
.xcx_list4_1 .title{font-size: 18px;color: #333;margin-top: 37px;}
.xcx_list4_1 .title2{font-size: 15px;color: #8a8a8a;line-height: 35px;margin-top: 20px;}
.xcx_list4_1 .hr{width: 100%;height: 1px;background: #e6e6e6;margin-top: 35px;margin-bottom: 35px;}
.xcx_list4_1 .xcx_list4_b{font-size: 15px;color: #666;}
.xcx_list4_1 .xcx_list4_b .qq{width: 125px;height: 33px;border: 1px #e6e6e6 solid;text-align: center;line-height: 30px;margin-top: -5px; border-radius: 17px;float: right;}
.xcx_list4_1 .swiper-container{padding: 5px 10px;}
.xcx_list4 .swiper-button-prev, .xcx_list4 .swiper-button-next{width: 20px;height: 38px;margin-top: -35px;}
.xcx_list4 .swiper-button-prev.swiper-button-disabled{background: url("https://www.web168.com.cn/lib/images/productb/xcx_list4_l.png");left:-50px;}
.xcx_list4 .swiper-button-next.swiper-button-disabled{background: url("https://www.web168.com.cn/lib/images/productb/xcx_list4_r.png");right:-50px;}
.xcx_list4 .swiper-button-prev{background: url("https://www.web168.com.cn/lib/images/productb/xcx_list4_l.png");left:-50px;}
.xcx_list4 .swiper-button-next{background: url("https://www.web168.com.cn/lib/images/productb/xcx_list4_r.png");right:-50px;}




.xcx_list5{width: 100%;overflow: hidden;padding: 100px 0px 50px;}
.xcx_list5 .title h2{font-size: 32px;color: #333;text-align: center;font-weight: bold;}
.xcx_list5 .title h6{text-align: center;margin:20px 0 0px 0;}
.xcx_list5 .h6 span{font-size: 16px;color: #666666;cursor: pointer;}
.xcx_list5 .title h6 span.active{color:#ed7020;}
.xcx_list5 .title h6 span em{font-size: 12px;color:#ddd;margin:0 10px;}
.xcx_list5 ul{margin-top: 60px;}
.xcx_list5 li{float: left;width: 240px;height: 500px;background: url("https://www.web168.com.cn/lib/images/product/7/p0.png") no-repeat center top;margin-right: 50px;}
.xcx_list5 li:hover{background: url("https://www.web168.com.cn/lib/images/product/7/p0.1.png") no-repeat center top;}
.xcx_list5 ul li:nth-child(5n){margin-right:0;}
.xcx_list5 li .applet5_1{width: 210px;height: 320px;overflow: hidden;margin-top:52px;margin-left:14px; position: relative;}
.xcx_list5 li .applet5_1 p{position:absolute;width:100%;height:100%;top:100%;background: rgb(0,0,0,.6);text-align: center;padding-top:220px;}
.xcx_list5 li .applet5_1 p img{margin:0 10px;}
.xcx_list5 li:hover .applet5_1 p{top:0;}
.xcx_list5 li .applet5_1 > img{width: 100%;}
.xcx_list5 li > p{font-size: 16px;color: #666;margin-top: 66px;text-align: center;}


.xcx_list7{padding: 100px 0;}
.xcx_list7 h2{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
.xcx_list7 h3{font-size: 16px;color: #666;text-align: center;margin-top: 20px;margin-bottom: 55px;}
.xcx_list7 form{margin-top: 45px;}
.xcx_list7 .text1{width:32%;height: 70px; float: left;margin-right: 2%;margin-bottom: 18px;border-radius: 10px; background: #fff;border: 1px #e6e6e6 solid;}
.xcx_list7 .text1:nth-child(3n){width:32%;float: right;margin-right: 0px;}
.xcx_list7 .text2{width: 80px;padding-left: 30px;line-height: 70px; float: left;font-size: 16px;color: #888;}
.xcx_list7 .text2 span{color: red;}
.xcx_list7 .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:16px;
    height: 70px;
    border-radius:4px;
    border:0 solid #ffffff;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-decoration:none;
    width: calc(100% - 80px);
    float: right;
  }
.xcx_list7 .text1 input[type="text"]:focus{border:1px solid #fff;}
.xcx_list7 .msg{font-size: 16px;border: 1px #e6e6e6 solid;border-radius: 10px; width: 100%;height: 230px;padding: 20px;resize: none;background: #fff;}
.xcx_list7 .msg:focus{outline-color:#e50112}
.xcx_list7 .submit1{width: 270px;height: 50px;float: right;border-radius: 10px;}
.xcx_list7 .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 50px;
    border:0 solid #ffffff;
    color:#ffffff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    text-decoration:none;
    width:100%;
    border-radius: 10px;
    background-color: #ec5d02;
}

.xcx_list7 form select{background: #fff;color: #666;outline: none;width: calc(100% - 88px);
    height: 67px;padding-left:10px;border: none;}
.xcx_list7 form option{color: #333;}

.xcx_list7 textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 16px;color: #888;
}
.xcx_list7 textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 16px;color: #888;
}
.xcx_list7 textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 16px;color: #888;
}
.xcx_list7 textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 16px;color: #888;
}


.xcx_list7 .code{width: 750px;height: 50px;margin-top: 35px;float: right;}
.xcx_list7 .code span{float: left;line-height: 50px;font-size: 18px;color: #333;}
.xcx_list7 .code .code1{width: 145px;height: 40px;border: 1px #e6e6e6 solid;margin-top: 5px;margin-left: 28px;padding-left: 10px;}























/* 标签页面 */
.tags1{margin-top: 20px;margin-bottom: 50px;}
.tags_left{width: 68%;float: left;}
.tags_left .tags_top{width: 100%;padding: 15px;border: 1px solid #e2e2e2;margin-bottom: 30px;}
.tags_left .tags_top a{font-size: 16px;color: #333;}
.tags_left .tags_con{width: 100%;padding: 15px;border: 1px solid #e2e2e2;}

.tags_left .tags_con li{height: 32px;line-height: 32px;position: relative;margin-bottom: 10px;width: 49%;float: left;margin-right: 2%;}
.tags_left .tags_con li:nth-child(2n){margin-right: 0;}
.tags_left .tags_con li a{height: 32px;line-height: 32px;font-size: 16px;color: #666;padding: 0 100px 0 0;}
.tags_left .tags_con li span{height: 18px;line-height: 18px;padding: 0 6px;font-style: normal;font-size: 16px;color: #999;position: absolute;right: 0;top: 8px;}
.tags_left .tags_con li a:hover{color: #f97726;}

.tags_right{width: 30%;float: right;border: 1px solid #e2e2e2;}
.tags_right .tags_top{width: 100%;padding: 15px; font-size: 18px;color: #333;font-weight: 700;}
.tags_right .tags_con{padding: 25px 5px 10px 25px;border-top: 1px solid #e2e2e2;}
.tags_right .tags_con a{float: left;display: inline-block;height: 28px;line-height: 28px;padding: 0 11px;margin: 0 15px 15px 0;background: #efefef;color: #666;font-size: 15px;}
.tags_right .tags_con a:hover{background: #f97726;color: #fff;}

.tags_list1{width: 100%;margin-top: 50px;color: #ffffff;height: 456px;}
.tags_list1 .tp{text-align: center;}
.tags_list1 h3{font-size: 36px;color: #333;font-weight: bold;text-align: center;margin-top: -42px;}
.tags_list1 ul{margin-top: 80px;}
.tags_list1 li{width: 24%;height: 450px; margin-right: 1.33%;box-shadow:#ddd 2px 5px 20px 1px;float: left;padding: 40px 35px;}
.tags_list1 li:nth-child(4){margin-right: 0;}
.tags_list1 li h2{font-size: 24px;color: #414141;font-weight: bold;}
.tags_list1 li .img1{margin-right: 12px;}
.tags_list1 li .img2{float: right;margin-top: 8px;}
.tags_list1 li .hr1{width: 100%;height: 3px;background: #04c258;margin-top: 20px;}
.tags_list1 li .hr2{width: 100%;height: 3px;background: #3255db;margin-top: 20px;}
.tags_list1 li .hr3{width: 100%;height: 3px;background: #cd060a;margin-top: 20px;}
.tags_list1 li .hr4{width: 100%;height: 3px;background: #ff9000;margin-top: 20px;}
.tags_list1 li .con{margin-top: 30px;padding-left: 10px;}
.tags_list1 li .con1{width: 100%;height: 75px;line-height: 75px;border-top: 1px dashed #e6e6e6;overflow: hidden;color: #333;font-size: 22px;}
.tags_list1 li .con1:nth-child(1){border-top: none;}
.tags_list1 li .con1 a{font-size: 22px;color: #333;}
.tags_list1 li .con1 a span{color: #e6e6e6;margin-right: 10px;}
.tags_list1 li:nth-child(1) .con1:hover a{color: #04c258;}
.tags_list1 li:nth-child(2) .con1:hover a{color: #3255db;}
.tags_list1 li:nth-child(3) .con1:hover a{color: #cd060a;}
.tags_list1 li:nth-child(4) .con1:hover a{color: #ff9000;}
.tags_list1 li:nth-child(1) .con1:hover a span{color: #04c258;}
.tags_list1 li:nth-child(2) .con1:hover a span{color: #3255db;}
.tags_list1 li:nth-child(3) .con1:hover a span{color: #cd060a;}
.tags_list1 li:nth-child(4) .con1:hover a span{color: #ff9000;}
