/*list*/ /*图片组所用按钮*/ .tupianzub{ display: block; padding: 0.4em 1em; background: #fff; border: 1px solid #dbdbdb; border-radius: 0.3333em; outline: 0; margin: 0.5em auto; color: #666666; font-size: 1em; } .firm { width: 100%; margin-top: 8px; position: relative; } .firm>h3 { width: 100%; height: 2em; background: #0066b1; color: #FFFFFF; line-height: 2em; text-align: center; font-size: 1em; position: relative; } .firm>h3 a { position: absolute; display: flex; align-items: center; left: 1.2em; top: 0; color: #fff; height: 2em; width: 1.25em; } .firm>h3 a img { display: block; align-items: center; height: 1em; width: 1.25em; } .firm>h3 i { position: absolute; display: flex; align-items: center; right: 1.2em; top: 0; color: #fff; height: 2em; width: 1.5em; } .firm>h3 i img { display: block; align-items: center; height: 1.5em; width: 1.5em; transition: all 0.5s; } .firm .branch_nav { width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 2em; text-align: center; background: #0066b1; z-index: 99; } .firm .branch_nav li a { display: block; padding: 2px 0; line-height: 2em; font-weight: 300; height: 2em; color: #fff; border-top: 1px solid #0576ec; border-bottom: 1px solid #0053aa; outline: none; } .firmlist { margin: 22px 16px 0; padding-bottom: 22px; } .firmlist ul { margin-bottom: 22px; } .firmlist li { /* float:left; width:196px;*/ text-indent: 15px; /*height:297px;*/ line-height: 33px; background: url(../images/spot.jpg) no-repeat left center; } .firmlist li a { display: block; } .firmlist li h1{ display:block; } .firmlist>.more { display: block; width: 100%; height: 40px; background: #ececec; line-height: 40px; text-align: center; } .yxtdlist{ margin: 22px 16px 0; padding-bottom: 22px; } .yxtdlist ul { margin-bottom: 22px; } .yxtdlist li { float:left; width:196px; /* text-indent: 15px; */ height:297px; /* line-height: 33px;*/ background: url(../images/spot.jpg) no-repeat left center; } .yxtdlist li a { display: block; } .yxtdlist li h1{ display:block; } .yxtdlist li img{ width:196px; height:296px; } .yxtdlist>.more { display: block; width: 100%; height: 40px; background: #ececec; line-height: 40px; text-align: center; } /*历史沿革 .lsyglist { margin: 22px 16px 0; padding-bottom: 22px; } .lsyglist ul { margin-bottom: 22px; } .lsyglist li { /* float:left; width:196px;*/ text-indent: 15px; /*height:297px;*/ line-height: 33px; background: url(../images/spot.jpg) no-repeat left center; } .lsyglist ul h1{ font-weight:bold; text-align:center; } .lsyglist li a { display: block; } .lsyglist li h1{ display:block; } .lsyglist >.more { display: block; width: 100%; height: 40px; background: #ececec; line-height: 40px; text-align: center; }*/ /*历史沿革-标题列表*/ .lsyg-bt{ padding-top: 16px; width: 100%; } .lsyg-bt .lsyg-btdl{ margin-top: 3px; margin-left: 5%; border-left: 2px solid #e5e5e5; /* width: 100%; */ font-size: 16px; line-height: 24px; color: #333333; padding-top: 13px; } .lsyg-bt .lsyg-btdl dt{ padding-left: 13px; width: 90%; font-size: 18px; font-weight: bold; color: #666666; line-height: 17px; float: left; position: relative; padding-bottom: 5px; } .lsyg-bt .lsyg-btdl dt:before{ width: 15px; height: 15px; border-radius: 100%; background: #337fb6; position: absolute; left: -3px; top: 3px; content: " "; } .lsyg-bt .lsyg-btdl dd{ float: left; width: 95%; min-height: 30px; margin-left: 8px; margin-bottom: 5px; } .lsyg-bt .lsyg-btdl dt.on{ color: #0066B1; } .lsyg-bt .lsyg-btdl dt.on:before{ width: 15px; height: 15px; background: #77b5ed; left: -9px; top: 1px; } /*图片组-战略合作*/ .tplb { width: 100%; margin: 20px 10px; } .tplb li { width: 46%; float: left; padding-bottom: 15px; padding-right: 12px; } .tplb li img { width: 100%; } @media screen and (min-width: 375px) and (max-width: 424px) { .firmlist { margin: 15px 16px 0; padding-bottom: 15px; } .firmlist ul { margin-bottom: 15px; } .firmlist li { height: 27px; line-height: 27px; } .yxtdlist{ margin: 15px 16px 0; padding-bottom: 15px; } .yxtdlist ul { margin-bottom: 15px; } .yxtdlist li { float: left; height: 200px; line-height: 27px; width: 163px; padding-right: 8px; text-align: center; } .yxtdlist li img{ height: 200px; width: 159px; } /*历史沿革*/ .lsyglist { margin: 15px 16px 0; padding-bottom: 15px; } .lsyglist ul { margin-bottom: 15px; } .lsyglist li { height: 27px; line-height: 27px; } } @media screen and (min-width: 320px) and (max-width: 374px) { .firmlist { margin: 10px 13px 0; padding-bottom: 10px; } .firmlist ul { margin-bottom: 10px; } .firmlist li { height: 23px; line-height: 23px; } .firmlist>.more { height: 35px; line-height: 35px; } .yxtdlist { margin: 10px 13px 0; padding-bottom: 10px; } .yxtdlist ul { margin-bottom: 10px; } .yxtdlist li { height: 23px; line-height: 23px; } .yxtdlist >.more { height: 35px; line-height: 35px; } /*历史沿革*/ lsyglist { margin: 10px 13px 0; padding-bottom: 10px; } .lsyglist ul { margin-bottom: 10px; } .lsyglist li { height: 23px; line-height: 23px; } .lsyglist >.more { height: 35px; line-height: 35px; } .yxtdlist li { float: left; height: 180px; line-height: 23px; width: 142px; padding-right: 5px; } .yxtdlist li img{ width: 140px; height: 180px; } } @media screen and (min-width: 768px) { .firm { margin-top: 15px; } .firmlist { margin: 20px 13px 0; padding-bottom: 20px; } .firmlist ul { margin-bottom: 20px; } .firmlist>.more { height: 55px; line-height: 55px; } .firmlist li { height: 55px; line-height: 55px; } .yxtdlist { margin: 20px 13px 0; padding-bottom: 20px; } .yxtdlist ul { margin-bottom: 20px; } .yxtdlist >.more { height: 55px; line-height: 55px; } .yxtdlist li { height: 290px; line-height: 55px; width: 237px; padding-right: 10px; text-align: center; } /*历史沿革*/ .lsyglist { margin: 20px 13px 0; padding-bottom: 20px; } .lsyglist ul { margin-bottom: 20px; } .lsyglist >.more { height: 55px; line-height: 55px; } .lsyglist li { height: 55px; line-height: 55px; } } /*content*/ .firmContent { margin: 22px 16px 0; } .firmContent h3 { font-size: 19px; text-align: center; } .firmContent>span { display: block; font-size: 15px; color: #666; text-align: center; } .firmContent hr { border: 1px dashed #cccccc; margin: 15px 0; } .firmContent p { text-indent: 2em; font-size: 17px; } .firmContent>div { margin: 10px 0; overflow: hidden; } /*.firmContent img { width: 100%; }*/ .turn { margin: 10px 0; } .turning { display: block; } @media screen and (min-width: 320px) and (max-width: 424px) { .firmContent p { font-size: 14px; } .firmContent h3 { font-size: 16px; } .firmContent>span { font-size: 12px; } .firmContent hr { margin: 10px 0; } } @media screen and (min-width: 768px) { .firmContent p { font-size: 19px; } .firmContent h3 { font-size: 21px; } .firmContent>span { font-size: 16px; } .firmContent hr { margin: 20px 0; } } /*产品中心二级*/ .level { width: 94%; margin: 0 auto; padding: 1em 3% 0; } .level>h3 { font-size: 19px; } .level1 { text-indent: 2em; font-size: 17px; line-height: 27px; margin: 25px 0; } .level>ul { width: 100%; } .level>ul li { float: left; width: 127px; height: auto; margin-left: 9px; margin-top: 7px; } .level>ul li:nth-child(3n-2) { margin-left: 0; } .level>ul li:nth-child(1) { margin-top: 0; } .level>ul li:nth-child(2) { margin-top: 0; } .level>ul li:nth-child(3) { margin-top: 0; } .levelImg { display: block; width: 100%; } .levelImg img { width: 100%; height: 83px; } .levelTitle { display: block; height: 39px; line-height: 39px; font-size: 17px; text-align: center; } @media screen and (min-width: 375px) and (max-width: 424px) { .level>h3 { font-size: 18px; } .level1 { text-indent: 2em; font-size: 16px; line-height: 25px; margin: 23px 0; } .level>ul li { margin-left: 7px; margin-top: 5px; } .levelTitle { display: block; height: 39px; line-height: 39px; font-size: 16px; text-align: center; } } @media screen and (min-width: 320px) and (max-width: 374px) { .level>h3 { font-size: 17px; } .level1 { font-size: 15px; line-height: 24px; margin: 15px 0; } .level>ul li { margin-left: 5px; margin-top: 3px; } .levelTitle { height: 39px; line-height: 39px; font-size: 15px; } } @media screen and (min-width: 425px) and (max-width: 768px) { .level>h3 { font-size: 19px; } .level1 { font-size: 17px; line-height: 27px; margin: 25px 0; } .level>ul li { margin-left: 9px; margin-top: 7px; } .levelTitle { height: 39px; line-height: 39px; font-size: 17px; } } @media screen and (min-width: 320px) and (max-width: 342px) { .level>ul li { width: 96px; } .levelImg img { height: 61px; } } @media screen and (min-width: 343px) and (max-width: 368px) { .level>ul li { width: 104px; } .levelImg img { height: 66px; } } @media screen and (min-width: 369px) and (max-width: 395px) { .level>ul li { width: 112px; } .levelImg img { height: 71px; } } @media screen and (min-width: 396px) and (max-width: 424px) { .level>ul li { width: 119px; } .levelImg img { height: 77px; } } @media screen and (min-width: 425px) and (max-width: 474px) { .level>ul li { width: 127px; } .levelImg img { height: 73px; } } @media screen and (min-width: 475px) and (max-width: 549px) { .level>ul li { width: 142px; } .levelImg img { height: 92px; } } @media screen and (min-width: 550px) and (max-width: 599px) { .level>ul li { width: 166px; } .levelImg img { height: 108px; } } @media screen and (min-width: 600px) and (max-width: 632px) { .level>ul li { width: 182px; } .levelImg img { height: 118px; } } @media screen and (min-width: 633px) and (max-width: 658px) { .level>ul li { width: 192px; } .levelImg img { height: 125px; } } @media screen and (min-width: 659px) and (max-width: 684px) { .level>ul li { width: 200px; } .levelImg img { height: 130px; } } @media screen and (min-width: 685px) and (max-width: 711px) { .level>ul li { width: 208px; } .levelImg img { height: 135px; } } @media screen and (min-width: 712px) and (max-width: 768px) { .level>ul li { width: 217px; } .levelImg img { height: 141px; } } /*产品中心三级*/ .thirdTevel { width: 94%; margin: 0 auto; padding: 1em 3% 0; } .levelItem1 li { float: left; height: 32px; padding: 0 18px; border: 1px solid #cccccc; border-radius: 3px; line-height: 32px; text-align: center; margin: 0 5px; margin-top: 8px; } .levelItem1 li a { display: block; } .levelItem1 li.on { background: #0066b1; border-color: #0066B1; } .levelItem1 li.on a { color: #fff; } .levelDesc { text-indent: 2em; font-size: 17px; margin: 15px 0; } .levelItem2 li { float: left; width: 125px; height: auto; margin-left: 9px; margin-top: 5px; } .levelItem2 li:nth-child(3n-2) { margin-left: 0; } .levelItem2 li .it1 { display: block; height: 81px; border: 1px solid #CCCCCC; text-align: center; } .levelItem2 li .it1 img { margin-top: 8px; } .levelItem2 li .it2 { display: block; height: 43px; line-height: 43px; } @media screen and (min-width: 320px) and (max-width: 342px) { .levelItem2 li { width: 94px; } .levelItem2 li .it2 { height: 33px; line-height: 33px; } } @media screen and (min-width: 343px) and (max-width: 368px) { .levelItem2 li { width: 101px; } .levelItem2 li .it2 { height: 35px; line-height: 35px; } } @media screen and (min-width: 369px) and (max-width: 395px) { .levelItem2 li { width: 109px; } .levelItem2 li .it2 { height: 37px; line-height: 37px; } } @media screen and (min-width: 396px) and (max-width: 424px) { .levelItem2 li { width: 118px; } .levelItem2 li .it2 { height: 40px; line-height: 40px; } } @media screen and (min-width: 425px) and (max-width: 474px) { .levelItem2 li { width: 125px; } .levelItem2 li .it2 { height: 43px; line-height: 43px; } } @media screen and (min-width: 475px) and (max-width: 549px) { .levelItem2 li { width: 142px; } .levelItem2 li .it2 { height: 46px; line-height: 46px; } } @media screen and (min-width: 550px) and (max-width: 599px) { .levelItem2 li { width: 165px; } .levelItem2 li .it2 { height: 48px; line-height: 48px; } } @media screen and (min-width: 600px) and (max-width: 632px) { .levelItem2 li { width: 181px; } .levelItem2 li .it2 { height: 50px; line-height: 50px; } } @media screen and (min-width: 633px) and (max-width: 658px) { .levelItem2 li { width: 191px; } .levelItem2 li .it2 { height: 52px; line-height: 52px; } } @media screen and (min-width: 659px) and (max-width: 684px) { .levelItem2 li { width: 200px; } .levelItem2 li .it2 { height: 54px; line-height: 54px; } } @media screen and (min-width: 685px) and (max-width: 711px) { .levelItem2 li { width: 208px; } .levelItem2 li .it2 { height: 56px; line-height: 56px; } } @media screen and (min-width: 712px) and (max-width: 768px) { .levelItem2 li { width: 217px; } .levelItem2 li .it2 { height: 58px; line-height: 58px; } } /*联系我们单页面*/ .branch { width: 100%; position: relative; } .branch>h3 { width: 100%; height: 2em; background: #0066b1; color: #FFFFFF; line-height: 2em; text-align: center; font-size: 1em; position: relative; } .branch>h3 a { position: absolute; display: flex; align-items: center; left: 1.2em; top: 0; color: #fff; height: 2em; width: 1.25em; } .branch>h3 a img { display: block; align-items: center; height: 1em; width: 1.25em; } .branch>h3 i { position: absolute; display: flex; align-items: center; right: 1.2em; top: 0; color: #fff; height: 2em; width: 1.5em; } .branch>h3 i img { display: block; align-items: center; height: 1.5em; width: 1.5em; transition: all 0.5s; } .branch .branch_nav { width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 2em; text-align: center; background: #0066b1; z-index: 99; } .branch .branch_nav li a { display: block; padding: 2px 0; line-height: 2em; font-weight: 300; height: 2em; color: #fff; border-top: 1px solid #0576ec; border-bottom: 1px solid #0053aa; outline: none; } .branch_img { padding: 10px; } .branch_img img { width: 100%; height: 230px; } .branch_desc { padding: 0 10px; } .branch_desc h3 { font-size: 18px; font-weight: 600; } .branch_desc p { font-size: 14px; text-indent: 2em; } .branch1 { background: url(../images/branch1.png) no-repeat left center; } .branch2 { background: url(../images/branch2.png) no-repeat left center; } .branch3 { background: url(../images/branch3.png) no-repeat left center; } .branch4 { background: url(../images/branch4.png) no-repeat left center; } .branch5 { background: url(../images/branch5.png) no-repeat left center; } /*上文下轮播*/ .branch>h5 { width: 100%; height: 2em; background: #0066b1; color: #FFFFFF; line-height: 2em; text-align: center; font-size: 17px; margin-top: 8px; position: relative; } .branch>h5 a { position: absolute; display: flex; align-items: center; left: 1.2em; top: 0; color: #fff; height: 2em; width: 1.25em; } .branch>h5 a img { display: block; align-items: center; height: 1em; width: 1.25em; } .branch>h5 i { position: absolute; display: flex; align-items: center; right: 1.2em; top: 0; color: #fff; height: 2em; width: 1.5em; } .branch>h5 i img { display: block; align-items: center; height: 1.5em; width: 1.5em; transition: all 0.5s; } .branch .branch_nav { width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 2em; text-align: center; background: #0066b1; z-index: 99; } .branch .branch_nav li a { display: block; padding: 2px 0; line-height: 2em; font-weight: 300; height: 2em; color: #fff; border-top: 1px solid #0576ec; border-bottom: 1px solid #0053aa; outline: none; } .branch_top { padding: 10px; } .branch_top p { text-indent: 2em; } .branch_top p img{ border: none!important; } @media screen and (min-width: 320px) and (max-width: 374px) { .branch_img img { height: 173px; } .branch>h5 { height: 30px; line-height: 30px; font-size: 15px; } .branch>h5 a { height: 30px; } .branch>h5 i { height: 30px; } .branch>h5 .branch_nav { top: 30px; } .branch>h5 .branch_nav li a { height: 30px; line-height: 30px; } } @media screen and (min-width: 375px) and (max-width: 424px) { .branch_img img { height: 202px; } .branch>h5 { height: 35px; line-height: 35px; font-size: 16px; } .branch>h5 a { height: 35px; } .branch>h5 i { height: 35px; } .branch>h5 .branch_nav { top: 35px; } .branch>h5 .branch_nav li a { height: 35px; line-height: 35px; } } @media screen and (min-width: 768px) { .branch_img img { height: 418px; } .branch>h5 { height: 72px; line-height: 72px; font-size: 30px; } .branch>h5 a { height: 72px; } .branch>h5 i { height: 72px; } .branch>h5 .branch_nav { top: 72px; } .branch>h5 .branch_nav li a { height: 72px; line-height: 72px; } } /*海外布局*/ .sea { height: auto; overflow-x: scroll; padding: 2% 3%; } .branch table { width: 100%; border: 1px solid #000000; } tr, td, th { border: 1px solid #000000; text-align: center; padding: 0 5px; } .sea tr { white-space: nowrap; } .sea tr:nth-child(2n-1) { background: #e7f5ff; } .sea tr:nth-child(2n) { background: #fff; } .sea th { background: #2e75b6; color: #FFFFFF; } .sea1 { height: auto; overflow-x: scroll; padding: 2% 3%; } .sea1 tr { height: 35px; line-height: 35px; } .sea1 th { background: #2e75b6; color: #FFFFFF; } .sea1 th, .sea1 td:nth-child(2) { white-space: nowrap; } .sea1 tr:nth-child(3) { white-space: nowrap; } .sea1 tr:nth-child(4) { white-space: nowrap; } .sea1 tr:nth-child(5) { white-space: nowrap; } .sea1 td:nth-child(2) span { display: inline-block; text-indent: 2em; } .sea1 tr:nth-child(3) span { display: inline-block; text-indent: 2em; } .sea1 tr:nth-child(4) span { display: inline-block; text-indent: 2em; } .sea1 tr:nth-child(5) span { display: inline-block; text-indent: 2em; } .td1 { background: url(../images/td1.png) no-repeat left center; } .td2 { background: url(../images/td2.png) no-repeat left center; } .td3 { background: url(../images/td3.png) no-repeat left center; } .td4 { background: url(../images/td4.png) no-repeat left center; } .td5 { background: url(../images/td5.png) no-repeat left center; } .td6 { background: url(../images/td6.png) no-repeat left center; } .td7 { background: url(../images/td7.png) no-repeat left center; } .td8 { background: url(../images/td8.png) no-repeat left center; } .td9 { background: url(../images/td9.png) no-repeat left center; } .td10 { background: url(../images/td10.png) no-repeat left center; } @media screen and (min-width: 320px) and (max-width: 424px) { .sea1 span { background-size: 50%; } .sea1 .td2 { background-size: 32%; } .sea1 .td6 { background-size: 40%; } .sea1 .td9 { background-size: 28%; } .sea1 .td10 { background-size: 33%; } } @media screen and (min-width: 768px) { .sea1 span { background-size: 47%; } .sea1 .td2 { background-size: 32%; } .sea1 .td6 { background-size: 40%; } .sea1 .td9 { background-size: 28%; } .sea1 .td10 { background-size: 33%; } }