﻿* {
    margin: 0;
    padding: 0;
}

body {
    font-family: '微软雅黑','Microsoft Yahei';
    background: #FFFFFF;
}

a {
    color: #555;
    text-decoration: none;
}

.clear {
    clear: both;
}

.container {
    width: 990px;
    margin: 0 auto;
}

.header {
    height: 70px;
    background: #FFFFFF;
}

    .header .logo {
        float: left;
        margin-top: 10px;
    }

    .header .title {
        float: left;
        margin-top: 27px;
        margin-left: 300px;
    }

    .header .contact1 {
        float: right;
        margin-top: 18px;
        margin-right: 15px;
    }

.nav {
    width: 100%;
    background: #414141;
    height: 50px;
}

    .nav .list {
        float: right;
    }

        .nav .list ul li {
            list-style: none;
            width: 100px;
            float: left;
            line-height: 50px;
            text-align: center;
        }

            .nav .list ul li a {
                display: block;
                text-decoration: none;
                color: #FFFFFF;
                font-size: 16px;
            }

        .nav .list .active {
            background: #1069eb;
        }

        .nav .list ul li a:hover {
            background: #1069eb;
        }

.banner {
    margin-top: 20px;
    height: 200px;
}

.banner .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.banner .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0px 0 0 20px;
    box-shadow: 0 0 18px rgb(23, 70, 186,0.17);
    border-radius: 6px;
}

.banner .right .text, .banner .right img {
    padding: 0 15.6px;
}

.banner .right .text h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.banner .right .text p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

.link {
    width: 990px;
    /* height: 216px; */
    margin: 30px auto;
    position: relative;
}

.link .title {
    position: absolute;
    line-height: 150px;
    margin-left: -180px;
}

.link .title h3 {
    font-weight: 400;
    color: #b6b8c1;
}

.link .title h3 img {
    vertical-align: middle;
    margin-left: 5px;
}

.link .section {
    width: 990px;
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.link .section .item {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 18px rgb(23, 70, 186,0.17);
    border-radius: 6px;
    padding: 20px 50px;
}

.link .section .item:nth-child(2) {
    padding: 20px 75px;
}

.link .section .item .left {
    width: 72px;
    text-align: center;
}

.link .section .item .left p {
    font-size: 18px;
    margin-top: 10px;
    color: #364457;
}

.link .section .item .right {
    /* margin-top: 30px; */
    margin-left: 35px;
}

.link .section .item .right ul li {
    list-style: none;
    margin-top: 10px;
    font-size: 14px;
    color: #3a4655;
    vertical-align: middle;
}

.link .section .item .right ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #3a4655;
    margin-left: 5px;
}

.product {
    width: 100%;
    height: 250px;
    background: #f4f6fc;
}

.product ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.product ul li {
    /* float: left; */
    list-style: none;
    text-align: center;
    width: 183px;
    margin: 20px 0;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.product ul li a {
    text-decoration: none;
    color: #656c7a;
    font-size: 14px;
}

.product ul li .icon {
    width: 58px;
    height: 58px;
    background: url(../images/p1.png) no-repeat;
    margin: 0 auto;
}

.product ul li:nth-child(2) .icon {
    background: url(../images/p2.png) no-repeat;
}

.product ul li:nth-child(3) .icon {
    background: url(../images/p3.png) no-repeat;
}

.product ul li:nth-child(4) .icon {
    background: url(../images/p4.png) no-repeat;
}

.product ul li:nth-child(5) .icon {
    background: url(../images/p5.png) no-repeat;
}

.product ul li:nth-child(6) .icon {
    background: url(../images/p6.png) no-repeat;
}

.product ul li:nth-child(7) .icon {
    background: url(../images/p7.png) no-repeat;
}

.product ul li:nth-child(8) .icon {
    background: url(../images/p8.png) no-repeat;
}

.product ul li:nth-child(9) .icon {
    background: url(../images/p9.png) no-repeat;
}

.product ul li:nth-child(10) .icon {
    background: url(../images/p10.png) no-repeat;
}

.product ul li:nth-child(11) .icon {
    background: url(../images/p11.png) no-repeat;
}
.product ul li:nth-child(12) .icon {
    background: url(../images/p12.png) no-repeat;
}

.product ul li .icon:hover {
    background: url(../images/p1-1.png) no-repeat;
}

.product ul li:nth-child(2) .icon:hover {
    background: url(../images/p2-1.png) no-repeat;
}

.product ul li:nth-child(3) .icon:hover {
    background: url(../images/p3-1.png) no-repeat;
}

.product ul li:nth-child(4) .icon:hover {
    background: url(../images/p4-1.png) no-repeat;
}

.product ul li:nth-child(5) .icon:hover {
    background: url(../images/p5-1.png) no-repeat;
}

.product ul li:nth-child(6) .icon:hover {
    background: url(../images/p6-1.png) no-repeat;
}

.product ul li:nth-child(7) .icon:hover {
    background: url(../images/p7-1.png) no-repeat;
}

.product ul li:nth-child(8) .icon:hover {
    background: url(../images/p8-1.png) no-repeat;
}

.product ul li:nth-child(9) .icon:hover {
    background: url(../images/p9-1.png) no-repeat;
}

.product ul li:nth-child(10) .icon:hover {
    background: url(../images/p10-1.png) no-repeat;
}

.product ul li:nth-child(11) .icon:hover {
    background: url(../images/p11-1.png) no-repeat;
}
.product ul li:nth-child(12) .icon:hover {
    background: url(../images/p12-1.png) no-repeat;
}

.product ul li p {
    margin-top: 10px;
    font-size: 14px;
}

.quick {
    width: 100%;
    height: 128px;
}

.quick ul li {
    list-style: none;
    float: left;
    margin: 30px 116px 0 0;
}

.quick ul li:last-child {
    margin-right: 0;
}

.quick ul li h3 {
    color: #2C2C2C;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

.quick ul li a {
    text-decoration: none;
    color: #364457;
}

.quick ul li p {
    font-size: 14px;
    margin-top: 5px;
    color: #364457;
}

.bottom {
    width: 100%;
    height: 58px;
    background: #414141;
    color: #cccccc;
    line-height: 58px;
}

.bottom .left {
    float: left;
}

.bottom .right {
    float: right;
}

.bottom a {
    text-decoration: none;
    color: #cccccc;
}

.footer {
    width: 100%;
    height: 50px;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 50px;
    text-align: center;
}

.footer a {
    color: #9B9B9B;
    text-decoration: none;
    font-size: 12px;
}

/*banner background: linear-gradient(to right,#359efe,#005ce5);*/
#js {POSITION: relative; WIDTH:200%; HEIGHT:200px;margin:0 auto;overflow: hidden;text-align: center;}
#js p{ position:absolute;}
.jsNav {POSITION:absolute; WIDTH:100px;HEIGHT:20px;left:50%; BOTTOM:5px; margin-left:-60px; background:url(/template/images/bannerdb.png) no-repeat 2px 5px; padding-left:5px; padding-top:8px;}
.jsNav A {font-size:24px; WIDTH:25px; FLOAT:left; display:block;}
.imgSelected { background:url(/template/images/d01.png) no-repeat !important;}
.trigger{ background:url(/template/images/d02.png) no-repeat;}

/*服务页 关于页 新闻中心*/
.conbox{width:960px; border:1px #e5e5e5 solid; background:#f5f5f5; overflow:hidden;/*自动适应高度*/}
.conbox_d{width:970px; border:1px #e5e5e5 solid; background:#f5f5f5; overflow:hidden;/*自动适应高度*/}
.conleft{width:665px;}
.conleft_d{width:708px; border:1px #e5e5e5 solid; background:#fff; font-size:14px; overflow:hidden;}
.cl_t{border-bottom:1px #c6c6c6 solid; padding-bottom:3px;}
.cl_t_d{height:40px; background:#0785D7; line-height:40px; color:#fff; font-weight:bold; text-indent:15px;}
.cl_t span{width:auto; height:25px; margin-left:10px; padding:0 10px; display:block; border-bottom:4px #0885d7 solid; color:#252525; float:left; font-size:14px;}
.cl_t h1{color:#0885d5; font-weight:bold; text-indent:20px; font-size:14px; float:left;}
.cl_c{color:#333; font-size:14px;}
.cl_c_d{color:#333; font-size:14px; padding:20px;}
.cl_c p{line-height:30px; padding:0 20px; margin-bottom:10px;}
.cl_c img{margin-right:10px; max-width:630px;}
.cl_c ul{padding:5px 0 30px 0; font-size:14px;}
.cl_c ul li{border-bottom:1px #c6c6c6 solid; line-height:40px; text-indent:25px; background:url(../images/square.jpg) no-repeat 12px center;}
.cl_c ul li span{color:#A5A5A5; margin-right:15px;}
.cl_c table{border-collapse:collapse; border:none; background:#fff; color:#7a7a7a; text-align:center; font-size:12px; line-height:30px;}
.cl_c td{border:1px #e5e5e5 solid;}
.cl_c_tit{line-height:35px; background:#0885d7; font-weight:bold; text-align:center; color:#fff; font-size:14px;}
.cl_c_8{width:8%;}
.cl_c_42{width:42%;}

/*案例页*/
.content{width:926px;}
.ganyan{border-bottom:1px #bfbfbf dashed; padding:15px 5px;}
.clearborder{border:none;}
.ganyan img{width:106px; height:86px; padding:2px; background:#d6d6d6;}
.ganyan dl{width:780px; font-size:12px; color:#676767; float:right; display:inline-table;}
.ganyan dt{font-weight:bold; line-height:35px;}
.ganyan dd{line-height:25px;}
.anli{width:174px; background:#E0F2FE;}
.anli_tit{width:174px; height:40px; background:#0785D7; line-height:40px; color:#fff; font-weight:bold; text-indent:25px;}
.anli ul{margin:0; padding:10px 0;}
.anli ul li{list-style:none; font-size:12px; border:0; line-height:25px; color:#676767; background:none; text-indent:15px;}
.conbox_al{width:990px; border:1px #e5e5e5 solid; background:#f5f5f5; overflow:hidden;/*自动适应高度*/}
.zxzx{width:197px; height:93px; background:url(../images/zxzx.jpg) no-repeat; text-indent:70px; line-height:93px; font-size:20px; color:#fff;}
.contact{width:520px; height:93px;}
.rexian{height:93px; background:url(../images/rx.jpg) no-repeat left center; text-indent:40px; line-height:93px;}
.rexian a{color:#0785D7; font-size:12px; font-weight:bold; background:url(../images/zx_blue.jpg) no-repeat left center; padding:5px 0 5px 25px; margin-left:20px;}
.weibo{width:200px; height:87px; padding:3px;}
.weibo_wx{width:200px; font-size:12px;}

/*购买意向*/
.gmyx{width:460px; height:345px; color:#6b6b6b; background:url(../images/gmyx_bg_new.jpg) no-repeat;}
.gmyxl{width:459px; height:305px; padding-top:40px;}
.gmyxl p{margin-bottom:20px;}
.gmyxr{width:432px; height:340px; padding:1px 0 0 1px;}
.jiejue{color:white; margin-left:90px; line-height:47px;}
.textare1{width:410px; height:274px; padding:10px; line-height:25px; border:1px solid #C6C6C6;}
.submitBtn{cursor:pointer; width:150px; height:45px; background:url(../images/tj.jpg) no-repeat; border:0; margin:20px 0 0 225px; float:left; color:#fff; font-family:"微软雅黑","Microsoft YaHei"; font-size:20px; line-height:30px; text-indent:7px;}
.tj span{line-height:90px; color:#8C8C8C; padding-left:20px;}

/*防伪码查询*/
.fwmcx{width:893px; height:445px; background:url(../images/fwmcx_bg.jpg) no-repeat;}
.tupian{width:195px; height:219px; background:url(../images/fwmpic.jpg) no-repeat;}
.fwtxt{width:500px; height:269px; color:#6b6b6b;}
.fwtxt p{margin:20px 0;}
.zb{width:794px; height:76px; margin-left:48px; text-align:center; line-height:76px; font-size:16px; color:#fff; font-weight:bold; background:url(../images/zbpic.jpg) no-repeat; display:inline-table;}
.submitBtn2{cursor:pointer; width:150px; height:45px; background:url(../images/cx.jpg) no-repeat; border:0; float:left; color:#fff; font-size:20px; line-height:30px; text-indent:7px;}

/* 备用DIV表格开始 */
.e{width:100%; border-top:solid #e5e5e5 1px; border-left:1px solid #e5e5e5; display:table;}
.e ul li{float:left; background:none;}
.area,.city,.tel,.address{color:#7a7a7a;font-size:12px; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:30px; line-height:30px;}
.area{width:53px;}
.city{width:54px;}
.tel{width:277px;}
.address{width:277px;}
/* 备用DIV表格结束 */

.page{height:33px;}
.page a{border:1px #c1c1c1 solid; color:#7f7f7f; padding:0 10px; line-height:33px; display:inline-table;}
.page a:hover,.page a.curr{color:#fff; background:#0885d7; border:1px #0885d7 solid;}
.page a.curr{font-weight:bold;}
.menur{width:213px; border:1px #e5e5e5 solid; border-bottom:none; background:#fff; font-size:14px; overflow:hidden;}
.menur_t{width:213px; height:40px; background:#0785D7; line-height:40px; color:#fff; font-weight:bold;}
.menur_c{width:213px; border-bottom:1px #ececec solid; line-height:40px; color:#333; text-indent:47px; display:inline-table;}
.menur_c_d{width:213px; font-size:12px; border-bottom:1px #ececec solid; line-height:40px; color:#333; text-indent:25px; font-weight:bold; display:inline-table;}
.menur_c_d ul{width:213px; display:block;}
.menur_c_d ul li{width:180px; line-height:25px; display:block;}
.menur_c_d ul li a{width:180px; display:inline-table; font-weight:normal; text-indent:32px; float:left;}
.menur_c_d ul li a:hover{font-weight:normal; text-decoration:underline;}
.menur_c_d ul li a.curr{background:url(../images/d_dot.jpg) no-repeat 15px center; font-weight:normal;}
.menur_c a:hover,.menur_c a.curr{border:1px 0 1px 0 #ececec solid; color:#0785D7; font-weight:bold; background:url(../images/dot.jpg) no-repeat 20px center; float:left;}
.menur_c_d a:hover,.menur_c_d a.curr{border:1px 0 1px 0 #ececec solid; color:#0785D7; font-weight:bold; float:left;}
.menur_c_zm{width:193px; border-bottom:1px #ececec solid; color:#333; padding:10px; display:inline-table;}
.menur_c_zm p{text-align:center; line-height:35px;}
.menur_c_zx{width:193px; color:#333; padding:10px; display:inline-table;}
.zxBtn{width:130px; height:35px; background:#0785D7; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; line-height:35px; text-align:center;}
.menur_c_zm a{color:white; padding-left:20px; background:url(../images/zm_dot.jpg) no-repeat left;}
.menur_lx{width:213px; border-bottom:1px #ececec solid; display:inline-table; padding:10px 0;}
.menur_lx p{color:#777; font-size:12px; line-height:25px; padding:0 20px;}
.menur_wx{width:193px; border-bottom:1px #ececec solid; padding:20px 10px; font-size:12px; display:inline-table;}
.menur_wx a{ color:#0785D7; font-weight:bold;}
.menur_wx p a{ color:#777; font-weight:normal;}
.menur_wx p a:hover{ color:#0785D7;}
.ico_fw,.ico_gz,.ico_gy,.ico_lx,.ico_news,.ico_zp,.ico_gm,.ico_xz{width:47px; height:40px;}
.ico_fw{background:url(../images/ico_fw.jpg) no-repeat center;}
.ico_gz{background:url(../images/ico_gz.jpg) no-repeat center;}
.ico_gy{background:url(../images/ico_gy.jpg) no-repeat center;}
.ico_lx{background:url(../images/ico_lx.jpg) no-repeat center;}
.ico_news{background:url(../images/ico_news.jpg) no-repeat center;}
.ico_zp{background:url(../images/ico_zp.jpg) no-repeat center;}
.ico_gm{background:url(../images/ico_gm.jpg) no-repeat center;}
.ico_xz{background:url(../images/ico_xz.jpg) no-repeat center;}


/*产品页*/
.conbox_p{width:990px; overflow:hidden;/*自动适应高度*/}
#chooseBox{ margin: 40px auto 20px auto; width: 1000px; height: 567px; position: relative; overflow: hidden}
.chooseImg{ width: 921px; height: 495px; margin: 30px 0 0 35px; float: left; display: inline; background: url(../images/img1.jpg) no-repeat}
.chooseImg strong{ font-family: "微软雅黑"; font-size: 16px; color: #515151 }
.chooseImg .chooseTitle1{ width: 300px; position: relative; left: 150px; top: 10px}
.chooseImg .chooseTitle2{ width: 300px; position: relative; left: 400px; top: 10px}
.chooseTable1{ width: 175px; height: 390px;  position: relative; top: 70px; left: 76px}
.chooseTable2{ width: 521px; height: 420px;  position: relative; top: -351px; left: 256px; _top: -735px}
.chooseTable3{ width: 106px; height: 420px; background: #ced9dd; position: relative; top: -771px; left: 783px; _position: absolute; _top: 137px; _left: 818px}
.chooseTable1 a, .chooseTable2 a{ font-style: normal; color: #000; font-size: 12px}
.chooseTable1 a:hover, .chooseTable2 a:hover{ color: #4d4b4b}
.commWidth{ width: 86px; height: 121px; padding: 40px 0 0 0;  display: block;  text-align: center;}
.commWidth1{ width: 86px; height: 95px; padding: 20px 0 0 0;  display: block;  text-align: center;}
.commWidth2{ width: 86px; height: 91px; padding: 20px 0 0 0;  display: block;  text-align: center;}
.commWidth4{ width: 86px; height: 91px; padding: 20px 0 0 0;  display: block;  text-align: center;}
.commWidth3{ width: 86px; height: 31px; line-height: 31px;  display: block;  text-align: center;}
.commWidth b,.commWidth1 b,.commWidth2 b,.commWidth3 b,.commWidth4 b,.chooseTable2 b,.chooseTable3 b {font-size:12px;}
.aa1{ background: #efcff0; position: relative; top:1px}
.aa2{  background: #ffdde7; position: relative; left: 89px; top: -160px}
.aa3{  background: #e9b2eb; position: relative; left: 0; top: -158px}
.aa4{  background: #f3bbcb; position: relative; left: 89px; top: -273px}
.aa5{  background: #e194e4; position: relative; left: 0; top: -272px}
.aa6{  background: #eb9db3; position: relative; left: 89px; top: -383px}
.aa7{  background: #93d1f8; position: relative; left: 0; top: -0}
.aa8{  background: #c5faff; position: relative; left: 0; top: 1px}
.aa9{  background: #99f7ff; position: relative; left: 0; top: 3px}
.aa10{  background: #75e0e9; position: relative; left: 0; top: 4px}
.aa11{  background: #93d1f8; position: relative; left: 88px; top: -418px}
.aa12{  background: #cbd8f7; position: relative; left: 88px; top: -417px}
.aa13{  background: #bdccee; position: relative; left: 88px; top: -415px}
.aa14{  background: #9eb1de; position: relative; left: 88px; top: -414px}
.aa15{  background: #93d1f8; position: relative; left: 176px; top: -836px}
.aa16{ width: 86px; height: 185px; padding: 90px 0 0 0;  background: #e8ffd9; position: relative; left: 176px; top: -835px; text-align: center}
.aa17{  width: 86px; height: 91px; padding: 20px 0 0 0; background: #ccf0b5; position: relative; left: 176px; top: -831px; _top: -830px; text-align: center}
.aa18{  background: #93d1f8; position: relative; left: 265px; top: -1253px}
.aa19{  background: #f4ddc5; position: relative; left: 265px; top: -1252px}
.aa20{  background: #ecc9a4; position: relative; left: 265px; top: -1250px}
.aa21{  background: #e2b98e; position: relative; left: 265px; top: -1249px}
.aa22{ background: #93d1f8; position: relative; left: 354px; top: -1671px; text-align: center}
.aa23{  width: 86px; height: 125px; padding: 90px 0 0 0;  background: #fbf4bb; position: relative; left: 354px; top: -1670px;  text-align: center}
.aa24{  width: 86px; height: 111px; padding: 60px 0 0 0; background: #ccf0b5; position: relative; left: 354px; top: -1666px;  text-align: center}
.aa25{  width: 80px; background: #93d1f8; position: relative; left: 442px; top: -2088px; text-align: center}
.aa26{  width: 82px; height: 226px; padding: 50px 0 0 0;  background: #e2f0f9; position: relative; left: 442px; top: -2087px;  text-align: center}
.aa27{  width: 80px; height: 91px; padding: 20px 0 0 0; background: #b6d8ed;  position: relative; left: 442px; top: -2083px;  text-align: center}
.aa7 b, .aa11 b, .aa15 b, .aa18 b, .aa22 b, .aa25 b{ background: #93d1f8; font-size: 14px; color: #fff}
.yd{ position: relative; top: 50px; text-align: center}
.dz{ position: relative; top: 150px; text-align: center}
.yd a, .dz a{ font-size: 12px; color: #000}
.yd a:hover, .dz a:hover{ color: #686868}
.cb{width:990px;}
.cb_t{border-bottom:1px #c6c6c6 solid; padding-bottom:3px;}
.cb_t span{width:auto; height:25px; margin-left:10px; padding:0 30px; display:block; border-bottom:4px #0885d7 solid; color:#0885d5; float:left; font-size:16px;}
.cb_c{color:#333; font-size:14px;}
.cb_c_box{width:512px; height:247px; border:1px #e5e5e5 solid; background:#f5f5f5;}
.searchBox{width:310px; line-height:26px; display:block; color:#666;}
.searchBox_zm{width:665px; display:block; color:#333; text-indent:10px;}
.name{position:relative; *top:-6px; _top:0;}
.searBtn{width:130px; height:38px; background:#0885D7; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; margin-left:85px;}
.searBtn2{width:90px; height:30px; background:#f60; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; margin-left:50px;}
.searBtn_zm{width:90px; height:30px; background:#0885D7; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; margin-left:20px;}
.searlist_zm{width:623px; height:198px; border:1px #e5e5e5 solid; padding:20px; background:#fff;}
.searlist_zm img{width:344px; height:198px; float:left;}
.txt{width:279px; display:inline; padding:0;}
.txt h1{font-size:18px;}
.txt p{margin:0; font-size:12px;}

/*下载页*/
table{border-collapse:collapse; border:none;}
table td{border:1px solid #e5e5e5;}
table tr td a{color:#3C3C3C;}
.L0{background:#F3F8FC;}
.th0{background:#eee; font-weight:bold;}
.th{width:430px; height:38px; text-align:left; text-indent:10px;}
.th4{width:430px; height:38px; text-indent:10px; text-align:left;}
.L0 .th4{background-color:#F3F8FC}
.th2{height:38px; text-align:center; width:70px;}
.th3{height:38px; text-align:center; width:100px;}