/*整站样å¼Â*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;font-weight:300;}
body{font-size: 12px;font-family:"Open Sans" }
input,textarea,button{padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
@font-face {
font-family: 'Open Sans';
src: url("../font/OpenSans-Regular.eot@v=1.1.0");
src: url("../font/OpenSans-Regular.eot@#iefix&v=1.1.0") format("embedded-opentype"), url("../font/OpenSans-Regular.woff2@v=1.1.0") format("woff2"), url("../font/OpenSans-Regular.woff@v=1.1.0") format("woff"), url("../font/OpenSans-Regular.ttf@v=1.1.0") format("truetype"), url("../font/OpenSans-Regular.svg@v=1.1.0#Regular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('../font/OPENSANSLIGHT_0.eot');
src: url('../font/OPENSANSLIGHT_0.eot') format('embedded-opentype'),
url('../font/OPENSANSLIGHT_0.woff2') format('woff2'),
url('../font/OPENSANSLIGHT_0.woff') format('woff'),
url('../font/OPENSANSLIGHT_0.ttf') format('truetype'),
url('../font/OPENSANSLIGHT_0.svg#OPENSANSLIGHT_0') format('svg');
font-weight:300;
font-style:normal;
}
body { background: #fff; font-family: 'Open Sans', 'Helvetica Neue',sans-serif; font-size: 15px; line-height: 1.65; color: #666; }
.header {
width:100%;
height:85px;
background:#fff;
position:fixed;
z-index:99;
left:0;
top:0;
transition:all ease .2s;
border-bottom:1px solid rgba(52,52,52,.2);
}
.header-box {
width:100%;
box-sizing:border-box;
padding:0 3%;
display:table;
position:relative;
}
.header-box .logo {
float:left;
padding-top:23px;
}
.header-box .header-right {
float:right;
}
.header-box .header-right .menu {
float:left;
}
.header-box .header-right .menu li {
float:left;
margin-right:40px;
padding:26px 0 27px 0;
white-space: normal !important;
}
.header-box .header-right .menu li .menu-link {
font-size:16px;
line-height:32px;
display:block;
color:#333;
cursor: pointer
}
.header-box .header-right .menu li:hover .menu-link {
color:#e00517;
}
.header-box .header-right .menu li.on .menu-link {
color:#e00517;
}
.s-menu {
position:absolute;
top:85px;
display:none;
background:rgba(255,255,255,.95);
box-shadow:0 2px 10px 0px rgba(127,127,127,.5);
}
.header.cg .s-menu {
background:rgba(52,52,52,.8) !important;
}
.header.cg .s-menu a {
color:#fff;
}
.menu-product {
right:3%;
padding:28px 45px 35px 40px;
}
.product-menu-box {
float:left;
margin-right:30px;
}
.product-menu-box:last-child {
margin-right:0;
}
.product-menu-title {
font-size:14px;
line-height:18px;
color:#333;
padding:10px 5px;
display:block;
font-weight:bold;
}
.product-menu-title:hover {
color:#fff;
background:#e00517;
}
.s-menu-link {
min-width:130px;
font-size:14px;
line-height:24px;
color:#666;
display:block;
box-sizing:border-box;
}
.s-menu-link:hover {
color:#fff;
background:#e00517;
}
.s-menu-link.on {
color:#fff;
background:#e00517;
}
.menu-product .s-menu-link {
padding-left:5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.menu-solution {
right:20%;
padding:28px 45px 35px 40px;
}
.menu-solution .s-menu-link {
padding-left:5px;
margin:0 auto 10px;
}
.menu-support {
width:230px;
left:-40px;
padding:25px 0 15px;
}
.menu-solution_1 {
width:380px;
left:-40px;
padding:25px 0 15px;
}
.menu-solution-link_1 {
min-width: 130px;
font-size: 14px;
line-height: 24px;
color: #666;
display: block;
box-sizing: border-box;
padding-left: 40px;
margin: 0 auto 10px;
}
.menu-solution-link_1:hover {
color:#fff;
background:#e00517;
}
.menu-solution-link_1.on {
color:#fff;
background:#e00517;
}
.menu-support .s-menu-link {
width:180px;
padding-left:15px;
margin:0 auto 10px;
}
.menu-partner {
width:230px;
left:-40px;
padding:25px 0 15px;
}
.menu-partner .s-menu-link {
width:180px;
padding-left:15px;
margin:0 auto 10px;
}
.menu-company {
width:230px;
left:-40px;
padding:25px 0 15px;
}
.menu-company .s-menu-link {
width:180px;
padding-left:15px;
margin:0 auto 10px;
}
.search-box {
width:100%;
position:fixed;
z-index:99;
left:0;
top:85px;
height:180px;
box-sizing:border-box;
padding:58px 0 57px;
background:#eff4f6;
display:none;
}
.search-box .sbox {
width:855px;
margin:auto;
display:table;
}
.search-box .sbox .s-txt {
width:800px;
height:65px;
box-sizing:border-box;
border:1px solid #eee;
float:left;
border-radius:5px;
background:#fff;
overflow:hidden;
}
.search-box .sbox .s-txt .txt {
width:740px;
height:65px;
box-sizing:border-box;
border:none;
padding-left:40px;
float:left;
}
.search-box .sbox .s-txt .sbtn {
width:50px;
height:65px;
padding: 0;
border:none;
float:right;
background:url(../images/icon-img43.png) left center no-repeat;
}
.search-box .sbox .txt::-webkit-input-placeholder {
color: #999;
font-style:oblique;
}
.search-box .sbox .txt:-moz-placeholder {
color: #999;
font-style:oblique;
}
.search-box .sbox .txt::-moz-placeholder {
color: #999;
font-style:oblique;
}
.search-box .sbox .txt:-ms-input-placeholder {
color: #999;
font-style:oblique;
}
.search-box .sbox .s-end {
width:55px;
height:65px;
border:none;
float:right;
background:url(../images/icon-img42.png) right center no-repeat;
}
.header-box .header-right .search-label {
float:left;
width:23px;
height:85px;
margin-right:35px;
background:url(../images/icon-img1.png) center center no-repeat;
cursor:pointer;
}
.header-box .header-right .search-label:hover {
background:url(../images/icon-img1-2.png) center center no-repeat;
}
.header-box .header-right .language {
float:left;
width:22px;
height:85px;
margin-right:30px;
background:url(../images/icon-img2.png) center 32px no-repeat;
position:relative;
}
.header-box .header-right .language:hover {
background:url(../images/icon-img2-2.png) center 32px no-repeat;
}
.header-box .header-right .language:hover .language-box {
display:block;
}
.language-box {
width:130px;
position:absolute;
left:50%;
transform:translateX(-50%);
top:85px;
background:#fff;
padding:20px 0 10px;
display:none;
}
.language-box a {
width:100px;
height:30px;
display:block;
text-align:center;
line-height:30px;
font-size:14px;
color:#333;
margin:0 auto 10px;
}
.language-box a:hover {
background:#e00517;
color:#fff;
}
.language-box a.on {
background:#e00517;
color:#fff;
}
.header-box .header-right .member-login {
float:left;
}
.header-box .header-right .member-login a {
font-size:14px;
color:#666;
line-height:32px;
display:block;
padding:26px 0 27px 0;
}
.header-box .header-right .member-login a:hover {
color:#e00517;
}
.head-height {
width:100%;
height:85px;
}
.banner {
width:100%;
}
.banner-swiper .swiper-pagination {
bottom:26px!important;
}
.banner-swiper .swiper-pagination-bullet {
width:50px!important;
height:1px!important;
background:#686868!important;
opacity:1!important;
border:none!important;
}
.banner-swiper .swiper-pagination-bullet-active {
background:#dd0413!important;
opacity:1!important;
}
.banner-swiper .swiper-slide, .banner-swiper .swiper-slide img {
width:100%;
}
/*.b-pc, .b-m, .b-m img {
width:100%;
}*/
.index-box-one {
width:80%;
margin:auto;
padding-bottom:108px;
}
.index-box-one .title {
width:100%;
text-align:center;
padding:35px 0;
}
.index-box-one .title span {
display:block;
}
.index-box-one .title .s1 {
font-size:30px;
line-height:32px;
color:#000;
margin-bottom:10px;
font-weight:300;
}
.index-box-one .title .s2 {
line-height:23px;
color:#333;
}
.index-box-one .list {
width:100%;
display: table;
}
.index-box-one .list li {
width:30%;
float:left;
margin-right:5%;
}
.index-box-one .list li:last-child {
margin-right:0;
}
.index-box-one .list li .img {
width:100%;
position:relative;
}
.index-box-one .list li .img img {
width:100%;
}
.index-box-one .list li .img .img1 {
width:100%;
}
.index-box-one .list li:hover .img .img1 {
opacity:0;
}
.index-box-one .list li .img .img2 {
width:100%;
opacity:0;
position:absolute;
left:0;
top:0;
}
.index-box-one .list li:hover .img .img2 {
display:block;
opacity:1;
}
.index-box-one .list li .img .ttitle {
width:100%;
height:70px;
line-height:70px;
background:rgba(51,51,51,.9);
box-sizing:border-box;
font-size:18px;
line-height:20px;
color:#fff;
padding:22px 25px;
position:absolute;
left:0;
bottom:0;
}
.index-box-one .list li:hover .img .ttitle {
background:rgba(208,8,39,.9);
}
.index-box-one .list li .img .ttitle span {
font-size:12px;
height:25px;
box-sizing:border-box;
border:1px solid #fff;
color:#fff;
border-radius:3px;
float:right;
padding:0 5px;
}
.index-box-one .list li .tbox {
width:100%;
height:130px;
box-sizing:border-box;
border:1px solid #cecece;
padding:25px;
}
.index-box-one .list li .tbox .txt {
font-size:14px;
line-height:20px;
color:#000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:18px;
}
.index-box-one .list li .tbox .more {
font-size:12px;
line-height:20px;
color:#999;
}
.index-box-one .list li:hover .tbox .more {
color:#e51d27;
}
.index-box-one .list-m {
width:100%;
text-align:center;
padding-bottom:30px;
display:none;
}
.index-box-one .list-m li {
width:32%;
margin-right:2%;
margin-bottom:22px;
float:left;
}
.index-box-one .list-m li:last-child {
margin-right:0;
}
.index-box-one .list-m li .img {
width:100%;
margin:auto;
}
.index-box-one .list-m li .tts {
font-size:14px;
color:#000;
line-height:20px;
padding-top:10px;
}
.index-box-one .list-m li .more {
font-size:12px;
line-height:14px;
color:#999;
}
.index-box-two {
width:100%;
background:#797778 url(../images/pic-img5.jpg) center center no-repeat;
background-size:auto 100%;
}
.index-box-two .box {
width:1200px;
margin:auto;
display:table;
padding:99px 0 72px;
}
.index-box-two .box .tbox {
width:600px;
float:left;
}
.index-box-two .box .tbox .title {
font-size:30px;
line-height:32px;
color:#fff;
margin-bottom:18px;
font-weight:300;
}
.index-box-two .box .tbox .txt {
font-size:14px;
line-height:30px;
color:#fff;
}
.index-box-two .box .video {
width:560px;
float:right;
padding-top:14px;
}
.index-box-three {
width:1200px;
margin:auto;
}
.index-box-three .title {
text-align:center;
font-size:30px;
line-height:32px;
color:#000;
padding:55px 0 50px;
font-weight:300;
}
.index-box-three .box {
width:100%;
display:table;
padding-bottom:30px;
}
.index-box-three .box .lists {
width:600px;
float:left;
position:relative;
}
.index-box-three .box .lists .prev {
width:30px;
height:50px;
position:absolute;
left:0;
top:140px;
background:rgba(123,123,123,.8);
cursor:pointer;
}
.index-box-three .box .lists .next {
width:30px;
height:50px;
position:absolute;
right:0;
top:140px;
background:rgba(123,123,123,.8);
cursor:pointer;
}
.index-box-three .box .lists .prev:hover, .index-box-three .box .lists .next:hover {
background:rgba(65,68,68,.8);
}
.index-box-three .box .lists .bd {
width:100%;
}
.index-box-three .box .lists .bd li, .index-box-three .box .lists .bd li .img img {
width:100%;
}
.index-box-three .box .lists .bd li .img {
width:100%;
position:relative;
overflow:hidden;
}
.index-box-three .box .lists .bd li .img img {
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.index-box-three .box .lists .bd li:hover .img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.index-box-three .box .lists .bd li .img .time {
width:200px;
height:60px;
border-top-right-radius:55px;
background:rgba(0,0,0,.8) url(../images/icon-img5.png) 29px center no-repeat;
font-size:16px;
line-height:20px;
color:#fff;
box-sizing:border-box;
padding:20px 0 20px 60px;
position:absolute;
left:0;
bottom:0;
}
.index-box-three .box .lists .bd li .tbox {
width:100%;
padding-top:16px;
}
.index-box-three .box .lists .bd li .tbox .ttitle {
font-size:16px;
line-height:25px;
color:#010101;
margin-bottom:15px;
}
.index-box-three .box .lists .bd li .tbox .more {
font-size:14px;
line-height:20px;
color:#999;
}
.index-box-three .box .list {
width:575px;
float:right;
}
.index-box-three .box .list li {
width:100%;
margin-bottom:30px;
}
.index-box-three .box .list li .time {
width:220px;
height:35px;
line-height:35px;
background:#fed516;
font-size:14px;
color:#fff;
}
.index-box-three .box .list li .time span {
width:110px;
height:35px;
display:block;
background:#e00517 url(../images/icon-img5.png) 13px center no-repeat;
background-size:18px;
box-sizing:border-box;
padding-left:40px;
float:left;
margin-right:14px;
}
.index-box-three .box .list li .tbox {
width:100%;
padding-top:16px;
}
.index-box-three .box .list li .tbox .ttitle {
font-size:16px;
line-height:25px;
color:#010101;
margin-bottom:5px;
}
.index-box-three .box .list li .tbox .more {
font-size:14px;
line-height:20px;
color:#999;
}
.index-box-three .box .list li:hover .tbox .more {
color:#e00517;
}
.index-box-four {
width:100%;
background:#eff4f6;
padding-top:70px;
}
.index-box-four .box {
width:1200px;
margin:auto;
}
.index-box-four .box .title {
font-size:30px;
line-height:32px;
color:#000;
text-align:center;
margin-bottom:16px;
font-weight:300;
}
.index-box-four .box .txt {
font-size:14px;
line-height:23px;
color:#000;
margin:0 auto 42px;
}
.index-box-four .box .list {
width:100%;
display:table;
}
.index-box-four .box .list .bd {
width:1110px;
overflow:hidden;
margin:auto;
}
.index-box-four .box .list .bd li {
width:180px;
float:left;
margin:0 21px;
}
.index-box-four .box .list .bd li img {
width:100%;
margin-bottom:28px;
}
.index-box-four .box .list .bd li img:last-child {
margin-bottom:0;
}
.index-box-four .box .list .hd {
width:100%;
text-align:center;
padding:41px 0 50px;
}
.index-box-four .box .list .hd li {
display:inline-block;
width:12px;
height:12px;
background:#e5e5e5;
border-radius:50%;
margin:0 11px;
}
.index-box-four .box .list .hd li.on {
background:#989898;
}
.index-box-five {
width:100%;
height:400px;
background:url(../images/pic-img16.jpg) center center no-repeat;
}
.index-box-five .txt {
text-align:center;
font-size:30px;
line-height:30px;
color:#fff;
padding-top:158px;
margin-bottom:25px;
font-weight:300;
}
.index-box-five .btn {
width:170px;
height:60px;
background:#e00517;
color:#fff;
font-size:20px;
margin:auto;
display:table;
border:none;
border-radius:30px;
cursor:pointer;
}
.index-box-five .btn:hover {
background:#fed516;
}
.footer{
width:100%;
background:#343434;
}
.footer .box {
width:1200px;
margin:auto;
display:table;
position:relative;
}
.footer .box .add-box {
width:420px;
float:left;
}
.footer .box .add-box .f-logo {
padding-top:78px;
margin-bottom:24px;
}
.footer .box .add-box .add-list {
width:100%;
margin-bottom:34px;
}
.footer .box .add-box .add-list li {
width:100%;
font-size:14px;
color:#959595;
line-height:20px;
margin-bottom:18px;
display:table;
}
.footer .box .add-box .add-list span {
width:325px;
float:left;
display:block;
box-sizing:border-box;
}
.footer .box .add-box .add-list .s1 {
width:95px;
padding-left:25px;
background:url(../images/icon-img13.png) left center no-repeat;
}
.footer .box .add-box .add-list .s2 {
width:95px;
padding-left:25px;
background:url(../images/icon-img14.png) left center no-repeat;
}
.footer .box .add-box .add-list .s3 {
width:95px;
padding-left:25px;
background:url(../images/icon-img15.png) left center no-repeat;
}
.footer .box .add-box .f-follow {
font-size:20px;
line-height:32px;
color:#fff;
margin-bottom:12px;
}
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot@t=1477445860699'); /* IE9*/
src: url('../font/iconfont.eot@t=1477445860699#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff@t=1477445860699') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf@t=1477445860699') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg@t=1477445860699#iconfont') format('svg'); /* iOS 4.1- */
}
.footer .box .add-box .f-f-list {
width:100%;
}
.footer .box .add-box .f-f-list a {
width:35px;
height:35px;
float:left;
color:#6a6a6a;
display:block;
margin:0 15px 0 5px;
transition:all ease .3s;
}
.footer .box .add-box .f-f-list a img:first-child {
display:block;
}
.footer .box .add-box .f-f-list a img:last-child {
display:none;
}
.footer .box .add-box .f-f-list a:hover {
color:#fff;
background: #3b5998;
}
.footer .box .add-box .f-f-list a:hover img:first-child {
display:none;
}
.footer .box .add-box .f-f-list a:hover img:last-child {
display:block;
}
.footer .box .add-box .f-f-list a:nth-child(1):hover {
background: #13b4e9;
}
.footer .box .add-box .f-f-list a:nth-child(3):hover {
background: #007bb6;
}
.footer .box .add-box .f-f-list a:nth-child(4):hover {
background-color: #dd111c;
}
.footer .box .add-box .f-f-list a:nth-child(5):hover {
background: #dd111c;
}
.footer .box .f-menu {
float:right;
width:665px;
padding-top:70px;
}
.footer .box .f-menu ul {
width:280px;
height:205px;
float:left;
}
.footer .box .f-menu ul:nth-child(2), .footer .box .f-menu ul:nth-child(5) {
width:265px;
}
.footer .box .f-menu ul:nth-child(3) {
width:120px;
}
.footer .box .f-menu ul li {
font-size:14px;
line-height:30px;
}
.footer .box .f-menu ul li .f-m-title {
font-size:16px;
color:#fff;
}
.footer .box .f-menu ul li .f-m-txt {
color:#959595;
display:block;
}
.footer .box .f-menu ul li:hover .f-m-txt {
text-decoration:underline;
}
.footer .box .gotop {
right:0;
top:0;
position:absolute;
}
.footer .f-bq {
width:1250px;
padding:20px 0 26px;
margin:auto;
border-top:1px solid #464646;
text-align:center;
font-size:12px;
line-height:20px;
color:#6a6a6a;
}
.footer .f-bq a {
color:#6a6a6a;
}
.ny-banner {
width:100%;
/*height:400px;*/
}
.product-list {
width:100%;
background:#eaeaea;
padding:19px 0 64px;
}
.product-list ul {
width:1200px;
margin:auto;
display:table;
}
.product-list li {
width:20%;
float:left;
box-sizing:border-box;
padding:0 1%;
text-align:center;
}
.product-list li .img {
width:100%;
margin-bottom:18px;
overflow:hidden;
}
.product-list li .img img {
width:100%;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
}
.product-list li:hover .img img {
-webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; -ms-transform: scale(1.1); -o-transform: scale(1.1) ; transform: scale(1.1);
}
.product-list li .category {
font-size:16px;
line-height:30px;
color:#000;
}
.product-list li:hover .category {
color:#e00517;
}
.product-list li .title {
font-size:12px;
line-height:20px;
height:40px;
color:#999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight:300;
}
.product-tbox {
width:1200px;
margin:auto;
padding:62px 0 73px;
}
.product-tbox .title {
font-size:30px;
line-height:30px;
color:#333;
margin-bottom:8px;
}
.product-tbox .txt {
font-size:14px;
line-height:30px;
color:#999;
}
.product-n1 {
width:100%;
background:#fff;
}
.product-n1 .box {
width:1200px;
margin:auto;
display:table;
padding:50px 0;
}
.product-n1 .box .img {
width:500px;
height:500px;
float:left;
}
.product-n1 .box .img img {
width:100%;
}
.product-swiper .swiper-pagination {
bottom:26px!important;
}
.product-swiper .swiper-pagination-bullet {
width:12px!important;
height:12px!important;
background:#d8d9d9!important;
opacity:1!important;
border:none!important;
}
.product-swiper .swiper-pagination-bullet-active {
background:#979898!important;
opacity:1!important;
}
.product-n1 .tbox {
width:630px;
float:right;
padding-top:155px;
}
.product-n1 .tbox .title {
font-size:30px;
line-height:30px;
color:#333;
margin-bottom:20px;
}
.product-n1 .tbox .txt {
font-size:14px;
line-height:30px;
color:#999;
}
.product-n2 {
width:100%;
}
.product-boxs {
width:100%;
background:#f3f3f3;
}
.product-boxs .box {
width:1200px;
margin:auto;
display:table;
padding:40px 62px;
}
.product-boxs .box .txt {
font-size:30px;
line-height:60px;
color:#000;
float:left;
font-weight:300;
}
.product-boxs .box .btn {
width:200px;
height:60px;
box-sizing:border-box;
border:1px solid #d2d2d2;
float:right;
color:#333;
font-size:20px;
border-radius:30px;
background:none;
cursor:pointer;
font-weight:300;
}
.product-boxs .box .btn:hover {
color:#fff;
background:#e00517;
border:1px solid #e00517;
font-weight:300;
}
.faq {
width:1250px;
margin:auto;
display:table;
padding-top:70px;
}
.faq-menu {
width:210px;
float:left;
}
.faq-menu .title {
font-size:20px;
line-height:25px;
color:#000;
margin-bottom:15px;
text-transform:uppercase;
}
.faq-menu li {
font-size:14px;
line-height:14px;
padding:11px 0;
}
.faq-menu li a {
color:#000;
border-left:3px solid #fff;
display:block;
box-sizing:border-box;
padding-left:13px;
}
.faq-menu li:hover a {
color:#e00517;
border-left:3px solid #e00517;
}
.faq-menu li.on a {
color:#e00517;
border-left:3px solid #e00517;
}
.faq-list {
width:940px;
float:right;
margin-right:50px;
padding-top:40px;
}
.faq-list .faq-search {
width:230px;
height:45px;
box-sizing:border-box;
border:1px solid #aaa;
border-radius:22px;
overflow:hidden;
margin-bottom:24px;
}
.faq-list .faq-search .search-txt {
width:174px;
float:left;
height:43px;
box-sizing:border-box;
padding-left:25px;
border:none;
font-size:14px;
}
.faq-list .faq-search .search-txt::-webkit-input-placeholder {
color: #b2b2b2;
font-style:italic;
}
.faq-list .faq-search .search-txt:-moz-placeholder {
color: #b2b2b2;
font-style:italic;
}
.faq-list .faq-search .search-txt::-moz-placeholder {
color: #b2b2b2;
font-style:italic;
}
.faq-list .faq-search .search-txt:-ms-input-placeholder {
color: #b2b2b2;
font-style:italic;
}
.faq-list .faq-search .search-btn {
width:53px;
height:43px;
float:left;
padding: 0;
border:none;
background:url(../images/icon-img1.png) 12px center no-repeat;
background-size:17px;
}
.faq-list li {
width:100%;
line-height:72px;
box-sizing:border-box;
border-bottom:1px solid #ddd;
margin-bottom:15px;
display:table;
}
.faq-list li .tbox {
width:100%;
background:url(../images/icon-img17.png) 8px center no-repeat;
padding-left:27px;
display:table;
cursor:pointer;
}
.faq-list li .tbox .title {
font-size:14px;
color:#000;
float:left;
}
.faq-list li .tbox:hover .title {
color:#e00517;
}
.faq-list li .tbox.on .title {
color:#e00517;
}
.faq-list li .time {
font-size:16px;
color:#666;
float:right;
}
.faq-list li .txt {
width:100%;
font-size:12px;
line-height:24px;
box-sizing:border-box;
padding:10px 0 20px 27px;
background:#f8f8f8;
display:none;
}
.page-list {
width:100%;
text-align:center;
}
.page-list a {
display:inline-block;
color:#999;
font-size:18px;
width:30px;
height:30px;
text-align:center;
line-height:30px;
border-bottom:1px solid #dadada;
margin:0 8px;
}
.page-list a:hover {
color:#e00517;
border-bottom:1px solid #e00517;
}
.page-list a.on {
color:#e00517;
border-bottom:1px solid #e00517;
}
.page-list a:first-child, .page-list a:last-child {
font-style:initial;
border:none;
}
.faq-show {
width:1300px;
margin:auto;
}
.faq-show .title {
text-align:center;
padding:63px 0 30px;
border-bottom:1px solid #ededed;
}
.faq-show .title span {
display:block;
}
.faq-show .title .s1 {
font-size:26px;
line-height:36px;
color:#000;
}
.faq-show .title .s2 {
font-size:14px;
color:#666;
}
.faq-show .txt {
font-size:14px;
line-height:40px;
color:#000;
padding:32px 0 85px;
border-bottom:1px solid #ededed;
}
.faq-show .txt img {
display:block;
margin:auto;
}
.faq-show .get-back {
font-size:16px;
line-height:36px;
color:#666;
margin:48px auto 90px;
display:table;
}
.faq-show .get-back:hover {
color:#e00517;
}
.news {
width:1200px;
margin:auto;
display:table;
}
.news-menu {
width:180px;
float:left;
padding-top:84px;
}
.news-menu .title {
font-size:20px;
line-height:25px;
color:#000;
margin-bottom:15px;
text-transform:uppercase;
}
.news-menu .title .tt-tb {
display:none;
}
.news-menu li {
font-size:14px;
line-height:14px;
padding:11px 0;
}
.news-menu li a {
color:#000;
border-left:3px solid #fff;
display:block;
box-sizing:border-box;
padding-left:13px;
}
.news-menu li:hover a {
color:#e00517;
border-left:3px solid #e00517;
}
.news-menu li.on a {
color:#e00517;
border-left:3px solid #e00517;
}
.news-list {
width:988px;
float:right;
padding-top:90px;
}
.news-list li {
width:100%;
display:table;
margin-bottom:72px;
}
.news-list li .tbox {
width:680px;
float:left;
}
.news-list li .tbox .title {
font-size:16px;
line-height:25px;
color:#010101;
margin-bottom:10px;
padding-top:8px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-list li:hover .tbox .title {
color:#e00517;
}
.news-list li .tbox .time {
font-size:12px;
line-height:20px;
color:#999;
padding-left:24px;
background:url(../images/icon-img18.png) left center no-repeat;
margin-bottom:10px;
}
.news-list li .tbox .txt {
font-size:14px;
line-height:23px;
color:#cac9c9;
margin-bottom:12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-list li .tbox .more {
width:120px;
height:30px;
text-align:center;
line-height:30px;
border-radius:15px;
background:#e00517;
color:#fff;
font-size:14px;
}
.news-list li .tbox .more:hover {
text-decoration:underline;
}
.news-list li .img {
width:300px;
float:right;
}
.search-list {
width:1200px;
margin:auto;
padding-bottom:88px;
}
.search-list .num {
font-size:14px;
line-height:20px;
color:#999;
padding:48px 0;
}
.search-list li {
width:100%;
border-bottom:1px solid #eee;
padding-bottom:15px;
margin-bottom:52px;
}
.search-list li .title {
font-size:16px;
line-height:25px;
color:#010101;
}
.search-list li .txt {
font-size:14px;
line-height:23px;
color:#cac9c9;
margin-bottom:10px;
}
.search-list li .label {
font-size:14px;
line-height:34px;
color:#bbb;
}
.about-one {
width:100%;
}
.about-one .box {
width:1200px;
margin:auto;
display:table;
padding:112px 0 147px;
}
.about-one .box .img {
width:472px;
float:left;
padding-top:28px;
}
.about-one .box .tbox {
width:650px;
float:right;
}
.about-one .box .tbox .title {
font-size:36px;
line-height:36px;
color:#342a2a;
margin-bottom:24px;
font-weight:300;
}
.about-one .box .tbox .txt {
font-size:14px;
line-height:30px;
color:#342a2a;
}
.about-two {
width:100%;
background:#eff4f6;
padding:125px 0;
}
.about-two .box {
width:1200px;
margin:auto;
display:table;
}
.about-two .box .tbox {
width:580px;
float:left;
padding-top:63px;
}
.about-two .box .tbox .title {
font-size:36px;
color:#342a2a;
margin-bottom:17px;
font-weight:300;
}
.about-two .box .tbox .txt {
font-size:14px;
line-height:30px;
color:#342a2a;
}
.about-two .box .img {
width:520px;
float:right;
}
.about-three {
width:100%;
}
.about-three .box {
width:1200px;
margin:auto;
padding:74px 0 48px;
}
.about-three .box .title {
font-size:36px;
line-height:36px;
color:#342a2a;
text-align:center;
margin-bottom:10px;
font-weight:300;
}
.about-three .box .txt {
line-height:20px;
color:#342a2a;
margin-bottom:30px;
}
.about-three .box .img {
width:100%;
text-align:center;
}
.about-list {
width:1200px;
margin:auto;
display:table;
padding-top:60px;
}
.about-list ul {
width:100%;
display:table;
}
.about-list li {
width:380px;
float:left;
margin-right:30px;
margin-bottom:80px;
}
.about-list li:nth-child(3n) {
margin-right:0;
}
.about-list li .img {
width:100%;
margin-bottom:30px;
overflow:hidden;
}
.about-list li .img img {
width:100%;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
}
.about-list li:hover .img img {
-webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; -ms-transform: scale(1.1); -o-transform: scale(1.1) ; transform: scale(1.1);
}
.about-list li .title {
font-size:16px;
line-height:25px;
color:#010101;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:10px;
}
.about-list li:hover .title {
color:#e00517;
}
.about-list li .txt {
color:#666;
height:40px;
line-height:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:10px;
}
.about-list li .time {
font-size:12px;
line-height:20px;
color:#999;
box-sizing:border-box;
padding-left:30px;
background:url(../images/icon-img18.png)6px center no-repeat;
margin-bottom:18px;
}
.about-list li .more {
width:120px;
height:30px;
background:#e00517;
text-align:center;
line-height:30px;
color:#fff;
font-size:12px;
border-radius:15px;
}
.about-list li .more:hover {
text-decoration:underline;
}
.about-contact {
width:1200px;
margin:auto;
display:table;
padding:77px 0 92px;
}
.about-contact li {
width:22%;
height:360px;
background:#fafafa;
float:left;
margin-right:4%;
box-sizing:border-box;
padding-top:65px;
}
.about-contact li:last-child {
margin-right:0;
}
.about-contact li .label {
width:80px;
margin:auto;
margin-bottom:28px;
}
.about-contact li .txt {
width:215px;
margin:auto;
font-size:16px;
line-height:30px;
text-align:center;
color:#000;
}
.solution-one {
width:100%;
}
.solution-one .box {
width:1200px;
margin:auto;
display:table;
padding:62px 0 89px;
}
.solution-one .box .tbox {
width:640px;
float:left;
padding-top:23px;
}
.solution-one .box .tbox .title {
font-size:24px;
line-height:30px;
color:#000;
margin-bottom:24px;
font-weight:300;
}
.solution-one .box .tbox .txt {
font-size:14px;
line-height:30px;
color:#666;
}
.solution-one .box .img {
width:500px;
float:right;
}
.solution-one .box .img img {
width:100%;
}
.solution-two {
width:100%;
background:#f3f3f3;
padding:63px 0 87px;
}
.solution-two img {
display:block;
margin:auto;
}
.solution-three {
width:1200px;
margin:auto;
display:table;
padding:74px 0 80px;
}
.solution-three li {
width:385px;
float:left;
position:relative;
margin-right:22px;
}
.solution-three li:nth-child(1) {
background:#479226;
}
.solution-three li:nth-child(2) {
background:#659dce;
}
.solution-three li:nth-child(3n) {
margin-right:0;
background:#dc4219;
}
.solution-three li .img {
opacity:.3;
}
.solution-three li .img img {
width:100%;
}
.solution-three li .txt {
width:100%;
font-size:16px;
line-height:30px;
color:#fff;
position:absolute;
top:50%;
transform:translateY(-50%);
text-align:center;
}
.solution-three li .tt {
width:100%;
height:100%;
box-sizing:border-box;
padding:78px 50px 0;
font-size:14px;
line-height:30px;
color:#fff;
position:absolute;
top:50%;
transform:translateY(-50%);
background:#b8b8b8;
display:none;
}
.solution-three li:hover .tt {
display:block;
}
.partner-list {
width:1200px;
margin:auto;
padding-top:80px;
}
.partner-list li {
width:100%;
display:table;
margin-bottom:34px;
}
.partner-list li .img {
width:320px;
float:left;
}
.partner-list li .txt {
width:850px;
float:right;
font-size:14px;
line-height:23px;
color:#666;
position:relative;
}
@media(min-width:1366px) {
.partner-list li .txt span {
width:100%;
position:absolute;
top:50%;
transform:translateY(-50%);
}
}
.download {
width:1200px;
margin:auto;
display:table;
padding:78px 0 68px;
}
.download-menu {
width:245px;
float:left;
}
.download-menu-lsit {
width:100%;
}
.download-menu-lsit li {
width:100%;
position:relative;
margin-bottom:5px;
}
.download-menu-lsit li .menu-list-t1 {
width:100%;
line-height:43px;
color:#272727;
font-size:18px;
box-sizing:border-box;
padding-left:10px;
background:#e9e9e9;
margin-bottom:4px;
font-weight:bold;
display:block;
cursor:pointer;
}
.download-menu-lsit li:hover .menu-list-t1 {
background:#df0416;
color:#fff;
}
.download-menu-lsit li.on .menu-list-t1 {
background:#df0416;
color:#fff;
}
.download-menu-lsit li .menu-list-box {
width:100%;
box-sizing:border-box;
padding-left:15px;
display:none;
}
.download-menu-lsit li .on{
display:block;
}
.download-menu-lsit li .menu-list-box a {
font-size:14px;
color:#000;
line-height:30px;
display:block;
}
.download-menu-lsit li .menu-list-box a:hover {
color:#df0416;
text-decoration:underline;
}
.download-menu-lsit li .menu-list-box a.on {
color:#df0416;
text-decoration:underline;
}
.download-list {
width:910px;
float:right;
}
.download-list .title-z {
width:100%;
line-height:55px;
font-size:24px;
color:#df0416;
text-align:center;
font-weight:bold;
}
.download-list .download-boxs {
width:100%;
margin-bottom:32px;
}
.download-list .download-boxs .category {
width:100%;
height:28px;
position:relative;
margin-bottom:10px;
}
.download-list .download-boxs .category i {
width:100%;
height:2px;
background:#e9e9e9;
display:block;
position:absolute;
left:0;
top:13px;
}
.download-list .download-boxs .category span {
display:table;
color:#000;
background:#fff;
line-height:28px;
font-size:20px;
font-weight:bold;
position:relative;
z-index:2;
padding:0 10px;
margin:auto;
}
.download-list .download-boxs .download-list-box {
width:100%;
text-align:center;
}
.download-list .download-boxs .download-list-box li {
width:100%;
text-align:center;
}
.download-list .download-boxs .download-list-box li.title {
height:38px;
}
.download-list .download-boxs .download-list-box li.title .t1, .download-list .download-boxs .download-list-box li.title .t2, .download-list .download-boxs .download-list-box li.title .t3, .download-list .download-boxs .download-list-box li.title .t4 {
width:218px;
margin-right:3px;
background:#e9e9e9;
font-size:16px;
line-height:38px;
height:38px;
font-weight:bold;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t1, .download-list .download-boxs .download-list-box li .t2, .download-list .download-boxs .download-list-box li .t3, .download-list .download-boxs .download-list-box li .t4 {
width:464px;
margin-right:3px;
line-height:30px;
height:40px;
font-weight:bold;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t3 {
background:url(../images/pic-img52.jpg) center center no-repeat;
}
.download-list .download-boxs .download-list-box li .t4 {
margin-right:0;
color:#e10616;
}
@media(max-width:1220px) {
.download {
width:100%;
box-sizing:border-box;
padding:30px 3%;
}
.download-list {
width:100%;
}
.download-list .download-boxs .download-list-box li .t1, .download-list .download-boxs .download-list-box li .t2, .download-list .download-boxs .download-list-box li .t3, .download-list .download-boxs .download-list-box li .t4 {
width:22%!important;
}
}
@media(max-width:768px) {
.download-list .download-boxs .download-list-box li.title .t1, .download-list .download-boxs .download-list-box li .t1 {
width:70%!important;
text-align:left;
background:none;
}
.download-list .download-boxs .download-list-box li.title .t3 {
background:none;
}
.download-list .download-boxs .download-list-box li .t3 {
width:22%!important;
}
.download-list .download-boxs .download-list-box li .t2, .download-list .download-boxs .download-list-box li .t4 {
display:none!important;
}
}
.login {
width:100%;
background:#eff4f6;
}
.login-box {
width:550px;
background:#fff;
margin:auto;
box-sizing:border-box;
padding:37px 0 65px;
}
.login-box .title {
font-size:24px;
line-height:78px;
text-align:center;
color:#000;
}
.login-box .name, .login-box .password {
width:355px;
height:60px;
border:1px solid #dedede;
box-sizing:border-box;
padding-left:17px;
font-size:16px;
color:#666;
display:block;
margin:auto;
margin-bottom:20px;
}
.login-box .btn {
width:355px;
height:60px;
background:#e00517;
font-size:18px;
color:#fff;
border:none;
margin:auto;
display:block;
margin-bottom:22px;
}
.login-box .forgot {
font-size:14px;
color:#666;
display:block;
text-align:center;
margin-bottom:24px;
}
.login-box .txt {
width:355px;
margin:auto;
font-size:14px;
line-height:20px;
color:#666;
}
.login-box .txt a {
color:#e00517;
}
.password-box1 {
width:800px;
margin:auto;
background:#fff;
padding:67px 0 112px;
}
.password-box1 .title {
font-size:24px;
line-height:78px;
color:#000;
text-align:center;
}
.password-box1 .password-boxs {
width:600px;
height:60px;
box-sizing:border-box;
display:block;
margin:auto;
margin-bottom:10px;
position:relative;
}
.password-box1 .password-boxs .name {
width:100%;
height:60px;
background:none;
box-sizing:border-box;
display:block;
border:1px solid #dedede;
padding-left:20px;
font-size:16px;
color:#adadad;
}
.password-box1 .password-boxs .btns {
width:100px;
height:60px;
position:absolute;
right:0;
top:0;
z-index:2;
background:#eee;
border:none;
}
.password-box1 .btn {
width:600px;
height:60px;
background:#e00517;
border:none;
color:#fff;
font-size:18px;
display:block;
margin:auto;
margin-bottom:23px;
}
.password-box1 .txt {
width:600px;
margin:auto;
font-size:14px;
line-height:20px;
color:#858585;
}
.password-box1 .txt span {
font-size:14px;
color:#e00517;
}
.password-box2 {
width:550px;
margin:auto;
background:#fff;
padding:70px 0 90px;
}
.password-box2 .title {
font-size:24px;
line-height:78px;
text-align:center;
color:#000;
}
.password-box2 .name, .password-box2 .password {
width:355px;
height:60px;
border:1px solid #dedede;
box-sizing:border-box;
padding-left:17px;
font-size:16px;
color:#666;
display:block;
margin:auto;
margin-bottom:20px;
}
.password-box2 .btn {
width:355px;
height:60px;
background:#e00517;
font-size:18px;
color:#fff;
border:none;
margin:auto;
display:block;
}
.member {
width:1200px;
margin:auto;
display:table;
padding:62px 0 110px;
}
.member .page-list {
/*display:none;*/
}
.member-menu {
width:275px;
float:left;
border-right:1px solid #e4e4e4;
padding-top:40px;
}
.member-menu .top {
width:200px;
text-align:center;
margin-bottom:53px;
}
.member-menu .top .label {
display:block;
margin:auto;
}
.member-menu .top .member-id {
font-size:20px;
color:#000;
line-height:20px;
margin:17px 0 6px;
}
.member-menu .top .member-s {
font-size:12px;
color:#999;
line-height:12px;
}
.member-menu li {
font-size:16px;
line-height:50px;
box-sizing:border-box;
padding-left:36px;
}
.member-menu li a {
color:#333;
}
.member-menu li:hover a {
color:#cc0000;
}
.member-menu li.on a {
color:#cc0000;
}
.member-menu li.m1 {
background:url(../images/icon-img26.png) left center no-repeat;
}
.member-menu li.m1:hover, .member-menu li.m1.on {
background:url(../images/icon-img26-1.png) left center no-repeat;
}
.member-menu li.m2 {
background:url(../images/icon-img27.png) left center no-repeat;
}
.member-menu li.m2:hover, .member-menu li.m2.on {
background:url(../images/icon-img27-1.png) left center no-repeat;
}
.member-menu li.m3 {
background:url(../images/icon-img28.png) left center no-repeat;
}
.member-menu li.m3:hover, .member-menu li.m3.on {
background:url(../images/icon-img28-1.png) left center no-repeat;
}
.member-box {
width:840px;
float:right;
margin-right:8px;
padding:31px 0 80px;
box-sizing:border-box;
display:table;
}
.member-box .title {
font-size:24px;
line-height:24px;
color:#000;
box-sizing:border-box;
padding-left:18px;
border-left:4px solid #e00517;
margin-bottom:43px;
font-weight:300;
}
.member-box .add-boxs {
width:100%;
box-sizing:border-box;
border:1px solid #dcdcdc;
display:table;
margin-bottom:24px;
}
.member-box .add-boxs .img {
height:200px;
float:left;
}
.member-box .add-boxs .tbox {
width:500px;
float:right;
font-size:14px;
color:#666;
line-height:30px;
padding-top:13px;
}
.member-box .add-boxs .tbox .t1 {
font-size:16px;
color:#000;
line-height:42px;
}
.member-box .add-boxs .tbox .t2 {
background:url(../images/icon-img29.png) left 5px no-repeat;
}
.member-box .add-boxs .tbox .t3 {
background:url(../images/icon-img30.png) left 5px no-repeat;
}
.member-box .add-boxs .tbox .t4 {
background:url(../images/icon-img31.png) left 5px no-repeat;
}
.member-box .add-boxs .tbox .t5 {
background:url(../images/icon-img32.png) left 5px no-repeat;
}
.member-box .add-boxs .tbox .t2, .member-box .add-boxs .tbox .t3, .member-box .add-boxs .tbox .t4, .member-box .add-boxs .tbox .t5 {
padding-left:38px;
box-sizing:border-box;
}
.member-box .member-ids {
font-size:18px;
color:#000;
line-height:46px;
}
.member-box .member-ids span {
color:#e00517;
}
.member-box .ps1 {
width:355px;
height:60px;
box-sizing:border-box;
border:1px solid #dedede;
padding-left:18px;
font-size:16px;
display:block;
margin-top:20px;
}
.member-box .btn {
width:355px;
height:60px;
border:none;
background:#e00517;
border-radius:30px;
color:#fff;
font-size:18px;
margin-top:30px;
}
.member-box .btn:hover .down {
color:#e00517;
background:url(../images/icon-img24-1.png) left center no-repeat;
}
.member-box .lb-check {
width:100%;
display:table;
margin-bottom:25px;
}
.member-box .lb-check a {
min-width:120px;
height:40px;
background:#eff4f6;
border-radius:20px;
text-align:center;
line-height:40px;
display:block;
font-size:16px;
color:#333;
float:left;
margin:0 20px 0 8px;
box-sizing:border-box;
padding:0 10px;
}
.member-box .lb-check a:hover, .member-box .lb-check a.on {
background:#e00517;
color:#fff;
}
.m-down-list {
width:100%;
}
.m-down-list li {
width:100%;
line-height:80px;
box-sizing:border-box;
border-bottom:1px solid #ddd;
padding-left:27px;
background:url(../images/icon-img17.png)8px center no-repeat;
display:table;
}
.m-down-list li:last-child {
border-bottom:none;
}
.m-down-list li .t3 {
width:65%;
font-size:14px;
color:#000;
float:left;
}
.m-down-list li:hover .t3 {
color:#e00517;
}
.m-down-list li:hover .down {
color:#e00517;
background:url(../images/icon-img24-1.png) left center no-repeat;
}
.m-down-list li .time {
width:16%;
font-size:16px;
color:#666;
float:left;
}
.m-down-list li .down {
width:19%;
float:left;
font-size:16px;
color:#666;
padding-left:28px;
box-sizing:border-box;
background:url(../images/icon-img24.png) left center no-repeat;
}
.partner2 {
width:100%;
height:800px;
background:url(../images/pic-img51.jpg) center center no-repeat;
}
.partner2 .box {
width:1200px;
padding-top:322px;
margin:auto;
text-align:center;
}
.partner2 .box li {
width:194px;
display:inline-block;
margin:0;
text-align:center;
}
.partner2 .box li .label {
width:130px;
margin:auto;
margin-bottom:15px;
}
.partner2 .box li .label img:first-child, .partner2 .box li .label:hover img:last-child {
display:block;
}
.partner2 .box li .label img:last-child, .partner2 .box li .label:hover img:first-child {
display:none;
}
.partner2 .box li .txt {
font-size:14px;
line-height:30px;
color:#fff;
}
.partner3 {
width:505px;
margin:auto;
line-height: 1.5;
padding:40px 0 200px;
}
.partner3 .title {
font-size:20px;
line-height:25px;
color:#000;
text-align:center;
text-transform:uppercase;
padding:14px 0;
}
.partner3 .form-field {
width:100%;
margin-top: 25px;
}
.form-field.required > label:after {
content: "*";
color: #f00;
margin-left: 2px;
}
.form-field label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-field p {
color: #bebebe;
font-size: 11px;
}
.partner3 .form-field label, .partner3 .form-field select {
font-size: 12px;
}
.partner3 .form-field input, .partner3 .form-field label {
width:100%;
display: inline-block;
vertical-align: middle;
}
.partner3 .form-field input, .partner3 .form-field textarea {
padding: 10px;
}
*, input[type=search] {
box-sizing: border-box;
}
.partner3 .form-field input, .partner3 .form-field textarea, .partner3 .form-field select {
color: #555;
}
.partner3 .form-field input:focus,
.partner3 .form-field textarea:focus,
.partner3 .form-field select:focus {
outline: none;
border: 1px solid #999;
}
.partner3 .form-field textarea {
width:100%;
height: 100px;
padding: 7px 10px;
resize: vertical;
overflow: auto;
}
.partner3 .form-field input, .partner3 .form-field textarea, .partner3 .form-field select {
border: 1px solid #ddd;
border-radius: 2px;
}
.upload-dropzone {
border: 1px solid #ddd;
font-size: 12px;
overflow: hidden;
position: relative;
text-align: center;
}
.upload-dropzone input[type="file"] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
width:100%;
top: 0;
right: 0;
cursor: pointer;
font-size: 250px;
height: 100%;
}
.upload-dropzone span {
color: #d1d1d1;
display: inline-block;
line-height: 24px;
padding:10px 10px 10px 25px;
background:url(../images/icon-img40.png) left center no-repeat;
}
.form-foot {
border-top: 1px solid #eee;
margin-top: 40px;
padding-top: 30px;
text-align: right;
}
input[type=submit] {
width:100px;
background: #444;
border-color: transparent;
color: #fff;
padding: 10px 30px;
border-radius:3px;
}
.partner3 .search-top-box {
width:100%;
border: 1px solid #DDDDDD;
border-radius: 2px;
box-shadow: none;
}
.partner3 .search-click {
width:100%;
position:relative;
}
.partner3 .search-click-on {
width:100%;
font-style:initial;
display:inline-block;
padding:10px;
height:37px;
line-height:17px;
background:url(../images/icon-img39.png) 480px center no-repeat;
background-size:9px;
}
.partner3 .search-click-list {
width:100%;
height:150px;
overflow-y:auto;
box-sizing:border-box;
border:1px solid #aaa;
position:absolute;
z-index:99;
left:0;
top:0;
background:#fff;
}
.partner3 .search-click-list li {
width:100%;
box-sizing:border-box;
line-height:30px;
padding:0 5px;
cursor:pointer;
}
.partner3 .search-click-list li:hover {
background:#e9e9e9;
}
.partner3 .search-click-list li.on {
font-weight:bold;
}
.partner4 {
width:1250px;
margin:auto;
}
.partner4 .title {
font-size:26px;
line-height:30px;
padding:56px 0;
color:#000;
text-align:center;
}
.partner4 .tab-boxs {
width:100%;
display:flex;
display: -webkit-flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:22px;
}
.partner4 .tab-boxs .box {
position:relative;
}
.partner4 .tab-boxs .box .ck-email {
position:absolute;
border: none;
width:100px;
height:60px;
line-height:60px;
color:#fff;
text-align:center;
display:block;
right:0;
top:0;
background:#e00517;
}
.password-box1 .ck-email {
position:absolute;
border: none;
width:100px;
height:60px;
line-height:60px;
color:#000;
text-align:center;
display:block;
right:0;
top:0;
background:#eee;
}
.partner4 .tab-boxs .box.b1 {
width:565px;
box-sizing:border-box;
border:1px solid #e8e7e7;
display:flex;
display: -webkit-flex;
justify-content:space-between;
}
.partner4 .tab-boxs .box.b2 {
width:665px;
box-sizing:border-box;
border:1px solid #e8e7e7;
display:flex;
display: -webkit-flex;
justify-content:space-between;
}
.partner4 .tab-boxs .box.b3 {
width:100%;
box-sizing:border-box;
border:1px solid #e8e7e7;
display:flex;
display: -webkit-flex;
justify-content:space-between;
}
.partner4 .tab-boxs .box.b4 {
width:100%;
box-sizing:border-box;
display:flex;
display: -webkit-flex;
justify-content:space-between;
margin-top:25px;
}
.partner4 .tab-boxs .box .lable {
width:65px;
height:60px;
}
.partner4 .tab-boxs .box .lable.l1 {
background:#eee url(../images/company-1.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l2 {
background:#eee url(../images/www.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l3 {
background:#eee url(../images/eath.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l4 {
background:#eee url(../images/address1.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l5 {
background:#eee url(../images/name.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l6 {
background:#eee url(../images/email.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l7 {
background:#eee url(../images/phone.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l8 {
background:#eee url(../images/business.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l9 {
background:#eee url(../images/heart.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l10 {
background:#eee url(../images/eye.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l11 {
background:#eee url(../images/Certification1.png) center center no-repeat;
}
.partner4 .tab-boxs .box .lable.l12{
background:#eee url(../images/lock.png) center center no-repeat;
}
.partner4 .tab-boxs .box.b1 .txts {
width:500px;
height:60px;
border:none;
box-sizing:border-box;
padding-left:15px;
}
.partner4 .tab-boxs .box.b1 .txts::-webkit-input-placeholder, .partner4 .tab-boxs .box.b2 .txts::-webkit-input-placeholder {
font-weight:300;
color:#a2a0a0;
font-size:14px;
}
.partner4 .tab-boxs .box.b1 .txts:-moz-placeholder, .partner4 .tab-boxs .box.b2 .txts:-moz-placeholder {
font-weight:300;
color:#a2a0a0;
font-size:14px;
}
.partner4 .tab-boxs .box.b1 .txts::-moz-placeholder, .partner4 .tab-boxs .box.b2 .txts::-moz-placeholder {
font-weight:300;
color:#a2a0a0;
font-size:14px;
}
.partner4 .tab-boxs .box.b1 .txts:-ms-input-placeholder, .partner4 .tab-boxs .box.b2 .txts:-ms-input-placeholder {
font-weight:300;
color:#a2a0a0;
font-size:14px;
}
.partner4 .tab-boxs .box.b2 .txts {
width:600px;
height:60px;
border:none;
box-sizing:border-box;
padding-left:15px;
}
.partner4 .tab-boxs .box.b3 .txts {
width:1183px;
height:60px;
border:none;
box-sizing:border-box;
padding-left:15px;
}
.partner4 .tab-boxs .box.b4 .tt {
width:686px;
padding-bottom: 5px;
font-size: 16px;
color: #666;
line-height:1.5;
}
.partner4 .tab-boxs .box.b4 .ts3 {
width:550px;
height:30px;
border:1px solid #e8e7e7;
box-sizing:border-box;
padding:5px 15px;
}
.partner4 .tab-boxs span {
width:100%;
padding-bottom: 5px;
font-size: 16px;
color: #666;
line-height:1.5;
}
.partner4 .tab-boxs .box .txts .check-click {
width:100%;
font-style:initial;
display:inline-block;
font-size:14px;
font-weight:300;
color:#a2a0a0;
height:60px;
line-height:60px;
background:url(../images/icon-img41.png) 93% center no-repeat;
/*background-size:9px;*/
border:none;
}
.partner4 .tab-boxs .box.b1 .txts .check-click {
background:url(../images/icon-img41.png) 93% center no-repeat;
}
.partner4 .tab-boxs .box.b2 .txts .check-click {
background:url(../images/icon-img41.png) 94% center no-repeat;
}
.partner4 .tab-boxs .box.b3 .txts .check-click {
background:url(../images/icon-img41.png) 97% center no-repeat;
}
.partner4 .btn {
background-color: #004277;
font-size: 25px;
padding: 16px 110px;
border-radius: 9px;
width: initial;
margin: 26px 0 60px;
color:#fff;
border:none;
}
.banner .b-pc {
width:100%;
height:590px;
}
.header-m, .b-m, .foot-m, .list-m, .index-box-four .box .lists, .m-menu {
display:none;
}
body {
position:relative;
}
.main, .header-m, .m-menu {
transition:all ease .2s;
}
.main {
width:100%;
position:relative;
}
.bd-fix {
/*width:100%;
height:100vh;
overflow:hidden;
position:absolute;
right:250px;*/
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.bh-fix {
position:absolute;
}
.m-menu {
width:100%;
height:100%;
position:fixed;
z-index:999;
top:0;
left:100%;
display:block;
}
.m-menu-fix {
left:0;
transition:all ease .2s;
}
.m-menu .bgs {
width:100%;
height:100%;
background:rgba(0,0,0,.5);
opacity:0;
}
.m-menu.m-menu-fix .bgs {
opacity:1;
}
.m-menu .box {
width:300px;
height:100%;
position:absolute;
right:0;
top:0;
background:#262626;
overflow-y:auto;
padding-bottom:2rem;
}
.m-menu .box .title {
padding-left:5%;
}
.m-menu .box .title img {
width:26px;
margin:27px 0;
}
.m-menu .box .f-m-menu-i {
width:90%;
margin:0 5%;
padding:0;
}
.m-menu .box li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.m-menu .box .f-m-menu-i:last-child {
border-bottom:none;
background:none;
}
.m-search {
width:90%;
margin:auto;
background:#444;
border-radius:5px;
overflow:hidden;
display:table;
}
.m-search .txt {
width:200px;
height:50px;
float:left;
border:none;
background:none;
box-sizing:border-box;
padding-left:15px;
}
.m-search .txt::-webkit-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt::-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-ms-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .btn {
width:70px;
height:50px;
float:left;
background:none;
border:none;
background:url(../images/icon-img49.png) center center no-repeat;
background-size:20px;
}
.foot-m {
box-sizing:border-box;
background:#343434;
display:none;
}
.f-m-menu {
width:100%;
}
.f-m-menu li {
width:100%;
}
.f-m-menu li.on {
background:#464646;
}
.f-m-menu-i {
width:94%;
margin:0 3%;
height:62px;
line-height:62px;
font-size:15px;
color:#fff;
text-transform:uppercase;
background:url(../images/icon-img44.png) 98% center no-repeat;
background-size:15px;
box-sizing:border-box;
padding-left:5px;
border-bottom:1px solid #404040;
display:block;
}
.f-m-menu li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.f-m-menu-c {
width:100%;
background:#464646;
padding:5px 0 13px;
display:none;
}
.f-m-menu-ia {
width:94%;
display:block;
margin:auto;
font-size:14px;
line-height:45px;
color:#959595;
box-sizing:border-box;
padding-left:5px;
}
.lg-box {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.lg-click {
width:100%;
box-sizing:border-box;
padding-left:50px;
background:url(../images/icon-img46.png)5px 15px no-repeat;
border-bottom:1px solid #404040;
}
.lg-click-on {
width:100%;
height:62px;
line-height:62px;
display:block;
color:#959595;
font-size:14px;
font-style:initial;
background:url(../images/icon-img47.png) 100px center no-repeat;
background-size:15px;
}
.lg-click-list {
width:100%;
}
.lg-click-list li {
line-height:40px;
color:#959595;
}
.lg-click-list li a {
line-height:40px;
color:#959595;
display:block;
}
.foot-m .bq {
padding:15px 3%;
font-size:12px;
line-height:16px;
color:#6a6a6a;
}
.foot-m .bq a {
color:#6a6a6a;
}
@media(min-width:1440px) {
.index-box-two .box, .index-box-three, .index-box-four .box, .index-box-four .box .list .bd, .product-list ul, .product-tbox, .product-n1 .box, .product-n4 .list, .solution-one .box, .solution-three, .faq, .faq-show, .partner-list, .about-one .box, .about-two .box, .about-three .box, .news, .about-list, .about-contact, .member, .search-list {
width:1400px;
}
.index-box-one .list .bd li {
width:440px;
margin-right:40px;
}
.index-box-two .box .tbox {
width:800px;
}
.index-box-three .box .lists, .index-box-three .box .list {
width:670px;
}
.index-box-four .box .list .bd li {
width:220px;
margin:0 30px;
}
.product-n1 .box .img {
width:600px;
height:600px;
}
.product-n1 .tbox {
width:780px;
}
.product-n4 .list li {
width:440px;
margin-right:40px;
}
.solution-one .box .tbox {
width:750px;
}
.solution-one .box .img {
width:600px;
}
.solution-two img {
width:1200px;
}
.solution-three li {
width:440px;
margin-right:40px;
}
.faq-menu {
width:260px;
}
.faq-list {
width:1040px;
}
.partner-list li .txt {
width:1050px;
}
.about-one .box .tbox, .about-two .box .tbox {
width:850px;
}
.news-list {
width:1180px;
}
.about-list li {
width:440px;
margin-right:40px;
}
.member-box {
width:1100px;
}
.member-box .add-boxs .tbox {
width:798px;
}
.down-list {
width:1140px;
}
}
@media(max-width:1439px) {
.about-list {
width:100%;
box-sizing:border-box;
padding:60px 3% 0;
}
.about-list li {
width:32%;
margin-right:2%;
}
.index-box-one {
width:100%;
box-sizing:border-box;
padding:0 3% 108px;
}
}
@media(max-width:1320px) {
.faq-show {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
}
@media(max-width:1270px) {
.index-box-two .box {
width:100%;
box-sizing:border-box;
padding:99px 3% 72px;
}
.index-box-two .box .tbox {
width:50%;
}
.index-box-two .box .video {
width:48%;
}
.index-box-three {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.index-box-three .box .lists {
width:49%;
}
.index-box-three .box .list {
width:49%;
}
.index-box-three .box .list li {
margin-bottom:10px;
}
.footer .box,.footer .f-bq {
width:100%;
}
.faq {
width:100%;
}
.faq-menu, .faq-list {
width:100%;
margin:0;
float:none;
padding:0 3%;
}
.tt-tb {
width:20px;
height:25px;
background:url(../images/m-img4.jpg) center bottom no-repeat;
background-size:100%;
display:inline-block!important;
}
.faq-list .faq-search, .faq-menu ul {
display:none;
}
}
@media(max-width:1220px) {
.index-box-four .box {
width:100%;
}
.index-box-four .box .list {
display:none;
}
.index-box-four .box .lists {
width:100%;
display:block;
margin:auto;
padding:0 3%;
}
.lists-swiper {
padding-bottom:40px;
}
/*.lists-swiper .swiper-slide {
width:300px!important;
}*/
.lists-swiper .swiper-pagination {
bottom:20px!important;
}
.swiper-pagination-bullet {
width:12px!important;
height:12px!important;
background:#e5e5e5!important;
}
.swiper-pagination-bullet-active {
background:#989898!important;
}
.product-list {
width:100%;
padding:19px 3% 64px;
}
.product-list ul {
width:100%;
}
.product-tbox {
width:100%;
padding:62px 3% 73px;
}
.product-n1 .box {
width:100%;
padding:50px 3%;
box-sizing:border-box;
display:block;
}
.product-n1 .tbox {
width:54%;
padding-top:85px;
}
.product-n1 .box .img {
width:45%;
height:auto;
}
.product-n1 .box, .product-n1 .box .img .swiper-container, .product-n1 .box .img .swiper-container .swiper-slide, .swiper-slide img {
width:100%!important;
}
.swiper-slide img {
width:100%!important;
}
.product-boxs .box {
width:100%;
}
.solution-one .box .tbox {
width:54%;
}
.solution-one .box .img {
width:45%;
}
.solution-one .box {
width:100%;
padding:62px 3% 89px;
}
.solution-three {
width:100%;
padding:74px 3% 80px;
}
.solution-three li {
width:32%;
margin-right:2%;
}
.solution-three li .tt {
padding:38px 3% 0;
}
.about-one .box {
width:100%;
box-sizing:border-box;
padding:112px 3% 147px;
}
.about-one .box .img {
width:45%;
}
.about-one .box .tbox {
width:54%;
}
.about-two .box {
width:100%;
padding:0 3%;
}
.about-two .box .tbox {
width:54%;
}
.about-two .box .img {
width:45%;
}
.about-three .box {
width:100%;
padding:74px 3% 48px;
}
.news {
width:100%;
}
.news-menu {
width:100%;
padding:84px 3% 0;
}
.news-menu ul {
display:none;
}
.news-list {
width:100%;
box-sizing:border-box;
padding:30px 3% 0;
}
.news-list li {
margin-bottom:36px;
}
.about-contact {
width:100%;
padding:77px 3% 92px;
}
.about-contact li .txt {
width:100%;
}
.search-list {
width:100%;
box-sizing:border-box;
padding:0 3% 88px;
}
.member {
width:100%;
}
.member-menu {
width:100%;
border:none;
height:auto!important;
padding:0 3%;
}
.member-menu .top {
width:100%;
}
.member-menu li.m1 {
background:url(../images/icon-img26.png) left center no-repeat;
}
.member-menu li.m1:hover, .member-menu li.m1.on {
background:url(../images/icon-img26-1.png) left center no-repeat;
}
.member-menu li.m2 {
background:url(../images/icon-img27.png) left center no-repeat;
}
.member-menu li.m2:hover, .member-menu li.m2.on {
background:url(../images/icon-img27-1.png) left center no-repeat;
}
.member-menu li.m3 {
background:url(../images/icon-img28.png) left center no-repeat;
}
.member-menu li.m3:hover, .member-menu li.m3.on {
background:url(../images/icon-img28-1.png) left center no-repeat;
}
.member-box {
width:100%;
padding:31px 3% 80px;
}
.member-box .add-boxs .tbox {
width:70%;
float:left;
}
.member-box .member-ids, .member-box .ps1, .member-box .btn {
width:80%;
display:block;
margin:15px auto 0;
}
.index-box-three .box .lists .prev,.index-box-three .box .lists .next {
top:100px;
}
.partner-list {
width:100%;
box-sizing:border-box;
padding:80px 3% 0;
}
.partner2 .box {
width:100%;
}
.partner2 .box li {
margin-bottom:30px;
}
.partner-list li .img {
width:28%;
float:left;
margin-right:2%;
}
.partner-list li .txt {
width:70%;
float:left;
}
}
@media(max-width:1120px) {
.footer .box .f-menu {
width:600px;
}
.footer .box .f-menu ul {
width:200px;
}
}
@media(max-width:1080px) {
.index-box-four .box .txt {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.product-boxs .box .txt {
width:100%;
text-align:center;
float:initial;
}
.product-boxs .box .btn {
margin:auto;
float:initial;
display:table;
}
.news-list {
width:100%;
display:table;
}
.news-list li {
width:49%;
margin-right:2%;
float:left;
display:block;
}
.news-list li:nth-child(2n) {
margin-right:0;
}
.news-list li .img, .news-list li .img img {
width:100%;
}
.news-list li .tbox {
width:100%;
}
.partner-list li .img {
width:100%;
float:none;
margin:0 auto 25px;
}
.partner-list li .txt {
width:100%;
height:auto!important;
float:none;
display:block;
}
.footer {
display:none;
}
.foot-m {
display:block;
}
}
@media(max-width:990px) {
.index-box-one {
padding: 0 3% 38px
}
.index-box-one .list {
display:none;
}
.index-box-one .list-m {
display:table;
}
}
@media(max-width:900px) {
.header {
display:none;
}
.head-height {
width:100%;
height:80px;
}
.header-m {
width:100%;
height:80px;
box-sizing:border-box;
border-bottom:1px solid #e2e2e2;
background:#fff;
position:fixed;
left:0;
top:0;
z-index:999;
padding:0 3%;
display:block;
}
.header-m .logo {
width:100px;
float:left;
padding-top:26px;
}
.header-m .menu {
width:22px;
float:right;
padding-top:31px;
}
.about-contact li {
width:48%;
margin-right:2%;
margin-bottom:20px;
}
}
@media(min-width:768px) and (max-width:1024px) {
.about-two .box .img {
margin-top:100px;
}
}
@media(max-width:767px) {
.header {
display:none;
}
.head-height {
width:100%;
height:50px;
}
.header-m {
width:100%;
height:50px;
box-sizing:border-box;
border-bottom:1px solid #e2e2e2;
background:#fff;
position:fixed;
left:0;
top:0;
z-index:999;
padding:0 3%;
display:block;
}
.header-m .logo {
width:100px;
float:left;
padding-top:11px;
}
.header-m .menu {
width:22px;
float:right;
padding-top:16px;
}
.b-pc {
display:none;
}
.b-m {
display:block;
}
.banner-swiper .swiper-pagination {
bottom:20px!important;
}
.banner-swiper .swiper-pagination-bullet {
width:30px!important;
height:1px!important;
background:#b1afad!important;
opacity:1!important;
border:none!important;
}
.banner-swiper .swiper-pagination-bullet-active {
background:#dd0413!important;
opacity:1!important;
}
.index-box-one {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.index-box-one .title {
width:100%;
text-align:left;
padding:20px 0;
}
.index-box-one .title span {
display:block;
}
.index-box-one .title .s1 {
font-size:18px;
line-height:22px;
color:#000;
margin-bottom:10px;
text-align:center;
}
.index-box-one .title .s2 {
width:95%;
margin:auto;
font-size:14px;
line-height:16px;
}
.index-box-one .list {
display:none;
}
.index-box-one .list-m {
width:100%;
text-align:center;
padding-bottom:30px;
}
.index-box-one .list-m li {
width:100%;
margin-bottom:22px;
}
.index-box-two {
width:100%;
box-sizing:border-box;
padding:0 3%;
background:#787777 url(../images/m-img1.jpg) center top no-repeat;
}
.index-box-two .box {
width:100%;
display:table;
padding:30px 0;
}
.index-box-two .box .tbox {
width:100%;
float:initial;
}
.index-box-two .box .tbox .title {
font-size:18px;
line-height:22px;
margin-bottom:18px;
text-align:center;
}
.index-box-two .box .tbox .txt {
font-size:14px;
line-height:20px;
}
.index-box-two .box .video {
width:100%;
margin:auto;
float:initial;
padding-top:25px;
}
.index-box-two .box .video img {
width:100%;
}
.index-box-three {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.index-box-three .title {
text-align:center;
font-size:18px;
line-height:22px;
color:#000;
padding:30px 0;
}
.index-box-three .box {
width:100%;
display:inline-block;
padding-bottom:30px;
}
.index-box-three .box .lists {
width:100%;
float:initial;
margin-bottom:20px;
}
.index-box-three .box .list {
width:100%;
float:right;
}
.index-box-three .box .lists .prev, .index-box-three .box .lists .next {
top:80px;
}
.index-box-three .box .lists .bd li .img .time {
width:130px;
height:30px;
font-size:14px;
line-height:12px;
border-top-right-radius:25px;
padding:10px 0 10px 30px;
background:rgba(0,0,0,.8) url(../images/icon-img5.png) 10px center no-repeat;
background-size:15px;
}
.index-box-three .box .lists .bd li .tbox {
width:100%;
padding-top:10px;
}
.index-box-three .box .lists .bd li .tbox .ttitle {
font-size:16px;
line-height:16px;
color:#010101;
margin-bottom:5px;
}
.index-box-three .box .lists .bd li .tbox .more {
font-size:12px;
line-height:20px;
color:#999;
}
.index-box-three .box .list {
width:100%;
float:initial;
}
.index-box-three .box .list li {
width:100%;
margin-bottom:20px;
}
.index-box-three .box .list li .time {
width:50%;
height:35px;
line-height:35px;
background:#fed516;
font-size:14px;
color:#fff;
}
.index-box-three .box .list li .time span {
width:50%;
height:35px;
display:block;
background:#e00517 url(../images/icon-img5.png) 5px center no-repeat;
background-size:15px;
box-sizing:border-box;
padding-left:25px;
float:left;
margin-right:10px;
}
.index-box-three .box .list li .tbox {
width:100%;
padding-top:16px;
}
.index-box-three .box .list li .tbox .ttitle {
font-size:16px;
line-height:18px;
color:#010101;
margin-bottom:10px;
}
.index-box-three .box .list li .tbox .more {
font-size:12px;
line-height:20px;
color:#999;
}
.index-box-four {
width:100%;
box-sizing:border-box;
padding:0 3%;
background:#eff4f6;
padding-top:30px;
}
.index-box-four .box {
width:100%;
}
.index-box-four .box .title {
font-size:18px;
line-height:22px;
color:#000;
text-align:center;
margin-bottom:20px;
}
.index-box-four .box .txt {
display:none;
}
.index-box-four .box .list {
display:none;
}
.index-box-four .box .lists {
display:block;
}
.index-box-four .box .list .bd {
width:320px;
overflow:hidden;
margin:auto;
}
.index-box-four .box .list .bd li {
width:100px;
float:left;
margin:0 5px;
}
.index-box-four .box .list .bd li img {
margin-bottom:10px;
}
.index-box-four .box .list .hd {
padding: 20px 0;
}
.index-box-five {
width:100%;
height:auto;
background:url(../images/m-img2.jpg) center center no-repeat;
background-size:auto 100%;
padding-bottom:30px;
}
.index-box-five .txt {
width:72%;
margin:auto;
font-size:18px;
line-height:22px;
padding-top:38px;
margin-bottom:25px;
}
.index-box-five .btn {
width:110px;
height:30px;
background:#fed516;
color:#fff;
font-size:14px;
margin:auto;
display:table;
border:none;
border-radius:15px;
}
.footer {
display:none;
}
.foot-m {
box-sizing:border-box;
background:#343434;
display:block;
}
.f-m-menu {
width:100%;
}
.f-m-menu li {
width:100%;
}
.f-m-menu li.on {
background:#464646;
}
.f-m-menu-i {
width:94%;
margin:0 3%;
height:62px;
line-height:62px;
font-size:15px;
color:#fff;
text-transform:uppercase;
background:url(../images/icon-img44.png) 98% center no-repeat;
background-size:15px;
box-sizing:border-box;
padding-left:5px;
border-bottom:1px solid #404040;
display:block;
}
.f-m-menu li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.f-m-menu-c {
width:100%;
background:#464646;
padding:5px 0 13px;
display:none;
}
.f-m-menu-ia {
width:94%;
display:block;
margin:auto;
font-size:14px;
line-height:45px;
color:#959595;
box-sizing:border-box;
padding-left:5px;
}
.lg-box {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.lg-click {
width:100%;
box-sizing:border-box;
padding-left:50px;
background:url(../images/icon-img46.png)5px 15px no-repeat;
border-bottom:1px solid #404040;
}
.lg-click-on {
width:100%;
height:62px;
line-height:62px;
display:block;
color:#959595;
font-size:14px;
font-style:initial;
background:url(../images/icon-img47.png) 100px center no-repeat;
background-size:15px;
}
.lg-click-list {
width:100%;
}
.lg-click-list li {
line-height:40px;
color:#959595;
}
.lg-click-list li a {
line-height:40px;
color:#959595;
display:block;
}
.foot-m .bq {
padding:15px 3%;
font-size:12px;
line-height:16px;
color:#6a6a6a;
}
.foot-m .bq a {
color:#6a6a6a;
}
/*--------------*/
body {
position:relative;
}
.main, .header-m, .m-menu {
transition:all ease .2s;
}
.main {
width:100%;
position:relative;
}
.bd-fix {
/*width:100%;
height:100vh;
overflow:hidden;
position:absolute;
right:250px;*/
-webkit-transform: translate(-64%, 0);
transform: translate(-64%, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.bh-fix {
position:absolute;
}
.m-menu {
width:100%;
height:100%;
position:fixed;
z-index:999;
top:0;
left:100%;
display:block;
}
.m-menu-fix {
left:0;
transition:all ease .2s;
}
.m-menu .bgs {
width:100%;
height:100%;
background:rgba(0,0,0,.5);
opacity:0;
}
.m-menu.m-menu-fix .bgs {
opacity:1;
}
.m-menu .box {
width:300px;
height:100%;
position:absolute;
right:0;
top:0;
background:#262626;
overflow-y:auto;
padding-bottom:2rem;
}
.m-menu .box .title {
padding-left:5%;
}
.m-menu .box .title img {
width:26px;
margin:12px 0;
}
.m-menu .box .f-m-menu-i {
width:90%;
margin:0 5%;
padding:0;
}
.m-menu .box li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.m-menu .box .f-m-menu-i:last-child {
border-bottom:none;
background:none;
}
.m-search {
width:90%;
margin:auto;
background:#444;
border-radius:5px;
overflow:hidden;
display:table;
}
.m-search .txt {
width:200px;
height:50px;
float:left;
border:none;
background:none;
box-sizing:border-box;
padding-left:15px;
}
.m-search .txt::-webkit-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt::-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-ms-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .btn {
width:70px;
height:50px;
float:left;
background:none;
border:none;
background:url(../images/icon-img49.png) center center no-repeat;
background-size:20px;
}
.about-two, .about-two .box .tbox {
padding:0;
}
.about-one .box, .about-two .box, .about-three .box, .product-boxs .box, .news, .faq-show, .about-list, .about-contact, .product-tbox, .product-n1 .box, .product-n3 .box, .solution-one .box, .solution-two, .solution-three, .faq, .partner-list, .partner3, .partner4, .member {
width:100%;
box-sizing:border-box;
padding:30px 3%;
}
.about-one .box .tbox, .about-two .box .tbox {
width:100%;
}
.about-one .box .img, .about-two .box .img {
width:100%;
margin:15px 0;
float:right;
display:block;
}
.about-one .box .tbox .title, .about-two .box .tbox .title, .about-three .box .title, .product-boxs .box .txt {
text-align:center;
font-size:18px;
line-height:22px;
margin-bottom:12px;
}
.about-one .box .tbox .txt, .about-two .box .tbox .txt {
line-height:22px;
}
.product-boxs .box .btn {
width:120px;
height:30px;
line-height:30px;
font-size:14px;
float:none;
margin:auto;
display:block;
}
.news-menu, .news-list, .about-list li, .faq-menu, .faq-list {
width:100%;
margin:0;
float:none;
padding:0;
}
.news-menu .title, .news-list li .img, .news-list li .img img, .news-list li .tbox, .news-list li .tbox .title, .about-list li .img img, .about-contact li, .down-list {
width:100%;
}
.tt-tb {
width:20px;
height:25px;
background:url(../images/m-img4.jpg) center bottom no-repeat;
background-size:100%;
display:inline-block!important;
}
.news-list li {
width:100%;
margin-bottom:30px;
}
.news-list li .tbox .title, .about-list li .title {
width:100%;
white-space:initial;
}
.news-list li .tbox .txt {
display:none;
}
.news-menu ul, .faq-list .faq-search, .faq-menu ul {
display:none;
}
.page-list {
padding:20px 0 40px!important;
}
.faq-show .title {
padding:0 0 30px;
}
.faq-show .title .s1 {
font-size:18px;
line-height:22px;
margin-bottom:10px;
}
.faq-show .txt {
padding:30px 0;
line-height:20px;
}
.faq-show .get-back {
margin:25px auto;
}
.about-list ul {
display:table;
}
.about-list li {
margin-bottom:50px;
}
.about-list li .title {
line-height:20px;
}
.product-list {
width:100%;
padding-bottom:0;
background:none;
}
.product-list ul {
width:100%;
}
.product-list li, .product-list li:last-child {
width:80%;
float:none;
margin:0 auto 35px;
}
.product-list li .img {
margin-bottom:10px;
}
.product-tbox .title {
font-size:18px;
line-height:22px;
text-align:center;
}
.product-tbox .txt, .solution-one .box .tbox .txt {
line-height:20px;
}
.product-n1, .product-n3 {
background:none;
}
.product-n1 .tbox, .product-n2 .box .tbox, .product-n3 .tbox, .solution-one .box .tbox {
width:100%;
float:none;
padding-top:0;
}
.product-n1 .box {
width:100%!important;
}
.product-n1 .tbox .title, .product-n2 .box .tbox .title, .product-n3 .tbox .title, .solution-one .box .tbox .title {
font-size:18px;
line-height:22px;
margin-bottom:10px;
}
.product-n1 .tbox .txt, .product-n3 .tbox .txt {
line-height:20px;
}
.product-n1 .box .img, .product-n2 .box .img, .product-n3 .box .img, .solution-one .box .img {
width:100%;
height:auto;
margin:30px auto 0;
float:none;
}
.product-swiper .swiper-pagination {
display:none;
}
.lists-swiper {
padding-bottom:40px;
}
.lists-swiper .swiper-pagination {
bottom:20px!important;
}
.swiper-pagination-bullet {
width:12px!important;
height:12px!important;
background:#e5e5e5!important;
}
.swiper-pagination-bullet-active {
background:#989898!important;
}
.product-n2 .box {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.product-n2 .box .tbox li {
line-height:20px;
margin-bottom:10px;
background-size:20px;
}
.product-n4, .down-list .title {
display:none;
}
.solution-three li {
width:100%;
margin:20px auto!important;
float:none;
}
.solution-three li .txt {
font-size:14px;
line-height:20px;
}
.down-list {
padding-top:15px;
}
.faq-list {
padding-top:5px;
}
.faq-list li {
padding:10px 0;
}
.down-list li .t3, .faq-list li .title {
width:100%;
line-height:1.3;
}
.down-list li .time, .faq-list li .time {
width:100%;
font-size:12px;
line-height:1.5;
padding:5px 0;
}
.down-list li .down{
width:28px;
height:20px;
overflow:hidden;
position:absolute;
right:0;
top:10px;
background-size:20px;
}
.partner-list li {
margin-bottom:25px;
}
.partner-list li .img {
width:100%;
float:none;
margin:0 auto 25px;
}
.partner-list li .img img {
width:100%;
}
.partner-list li .txt {
width:100%;
height:auto!important;
float:none;
display:block;
}
.partner2 {
width:100%;
height:500px;
box-sizing:border-box;
padding:0 3%;
}
.partner2 .box {
width:100%;
padding-top:65px;
}
.partner2 .box li {
width:50%;
float:left;
margin-bottom:30px;
}
.partner2 .box li .label {
width:75px;
margin-bottom:0;
}
.partner3 .search-click-on {
background: url(../images/icon-img39.png) 95% center no-repeat;
background-size:10px;
}
.form-foot {
text-align:center;
}
input[type=submit] {
width:150px;
height:35px;
line-height:35px;
margin:auto;
float:none;
padding:0;
font-size:16px;
}
.partner4 .title {
font-size:18px;
line-height:22px;
padding:10px 0 30px;
}
.partner4 .tab-boxs {
margin-bottom:0;
}
.partner4 .tab-boxs .box.b1, .partner4 .tab-boxs .box.b2, .partner4 .tab-boxs .box.b3, .partner4 .tab-boxs .box.b4 {
width:100%;
justify-content:flex-start;
margin-bottom:12px;
margin-top:0;
}
.partner4 .tab-boxs .box.b1 .txts, .partner4 .tab-boxs .box.b2 .txts, .partner4 .tab-boxs .box.b3 .txts {
width:80%;
}
.partner4 .tab-boxs .box.b1 .txts .check-click {
background: url(../images/icon-img41.png) 94% center no-repeat;
background-size: 9px;
}
.partner4 .tab-boxs .box.b2 .txts .check-click {
background: url(../images/icon-img41.png) 94% center no-repeat;
background-size: 9px;
}
.partner4 .tab-boxs .box.b4 {
width:100%;
display:block;
}
.partner4 .tab-boxs .box.b4 .tt, .partner4 .tab-boxs .box.b4 .ts3 {
width:100%;
font-size:12px;
}
.partner4 .tab-boxs .box.b4 .ts3 {
height:100px;
}
.partner4 .btn {
width:150px;
height:35px;
line-height:35px;
margin:auto;
float:none;
padding:0;
background:#444;
font-size:16px;
}
.login {
box-sizing:border-box;
padding:25px 3%!important;
}
.login-box {
width:100%;
padding:30px 0;
}
.login-box .title {
font-size:18px;
line-height:20px;
margin-bottom:20px;
}
.login-box .name, .login-box .password, .login-box .btn {
width:75%;
height:40px;
line-height:40px;
}
.login-box .forgot {
margin-bottom:12px;
}
.login-box .txt {
width:75%;
line-height:20px;
}
.member .page-list {
display: table;
}
.member-menu {
width:100%;
border:none;
height:auto!important;
}
.member-menu .top {
width:100%;
}
.member-menu li {
padding-left:30%;
}
.member-menu li.m1 {
background:url(../images/icon-img26.png) 22% center no-repeat;
}
.member-menu li.m1:hover, .member-menu li.m1.on {
background:url(../images/icon-img26-1.png) 22% center no-repeat;
}
.member-menu li.m2 {
background:url(../images/icon-img27.png) 22% center no-repeat;
}
.member-menu li.m2:hover, .member-menu li.m2.on {
background:url(../images/icon-img27-1.png) 22% center no-repeat;
}
.member-menu li.m3 {
background:url(../images/icon-img28.png) 22% center no-repeat;
}
.member-menu li.m3:hover, .member-menu li.m3.on {
background:url(../images/icon-img28-1.png) 22% center no-repeat;
}
.member-box {
width:100%;
margin:0;
padding:30px 0 0 ;
}
.member-box .title {
display:none;
}
.member-box .add-boxs .img {
width:50%;
height:auto;
margin:auto;
float:none;
}
.member-box .add-boxs .tbox {
width:100%;
padding:13px 20px;
box-sizing:border-box;
}
.member-box .add-boxs .tbox .t2, .member-box .add-boxs .tbox .t3, .member-box .add-boxs .tbox .t4, .member-box .add-boxs .tbox .t5 {
padding-left:28px;
}
.member-box .lb-check {
width:100%;
text-align:center;
}
.member-box .lb-check a {
min-width:120px;
height:40px;
background:#eff4f6;
border-radius:20px;
text-align:center;
line-height:40px;
display:block;
font-size:16px;
color:#333;
float:left;
margin:0 20px 10px 8px;
box-sizing:border-box;
padding:0 10px;
}
.m-down-list {
padding-top:15px;
}
.m-down-list li {
width:100%;
position:relative;
box-sizing:border-box;
padding:10px 16% 10px 27px;
background: url(../images/icon-img17.png)8px 15px no-repeat;
margin-bottom:15px;
}
.m-down-list li:last-child {
border-bottom:1px solid #ddd;
}
.m-down-list li .t3 {
width:100%;
line-height:1.3;
}
.m-down-list li .time {
width:100%;
font-size:12px;
line-height:1.5;
padding:5px 0;
}
.m-down-list li .down{
width:28px;
height:20px;
overflow:hidden;
position:absolute;
right:0;
top:10px;
background-size:20px;
}
.member-box .member-ids, .member-box .ps1, .member-box .btn {
width:100%;
height:40px;
display:block;
margin:15px auto 0;
}
.password-box1, .password-box2 {
width:100%;
padding:30px 0;
}
.password-box1 .password-boxs, .password-box1 .btn, .password-box2 .name, .password-box2 .password, .password-box2 .btn {
width:78%;
height:40px;
margin:0 auto 12px;
}
.password-box1 .password-boxs .name {
height:40px;
}
.password-box1 .password-boxs .btns {
height:40px;
}
.password-box1 .txt {
width:78%;
}
input::-webkit-input-placeholder {
color: #b2b2b2;
font-size:14px;
}
input:-moz-placeholder {
color: #b2b2b2;
font-size:14px;
}
input::-moz-placeholder {
color: #b2b2b2;
font-size:14px;
}
input:-ms-input-placeholder {
color: #b2b2b2;
font-size:14px;
}
.search-list {
width:90%;
margin:auto;
padding-bottom:20px;
}
.page-list a {
margin:0 3px;
}
}
@media(max-width:320px) {
.header {
display:none;
}
.head-height {
width:100%;
height:50px;
}
.header-m {
width:100%;
height:50px;
box-sizing:border-box;
border-bottom:1px solid #e2e2e2;
background:#fff;
position:fixed;
left:0;
top:0;
z-index:999;
padding:0 3%;
display:block;
}
.header-m .logo {
width:100px;
float:left;
padding-top:11px;
}
.header-m .menu {
width:22px;
float:right;
padding-top:16px;
}
.b-pc {
display:none;
}
.b-m {
display:block;
}
.banner-swiper .swiper-pagination {
bottom:20px!important;
}
.banner-swiper .swiper-pagination-bullet {
width:30px!important;
height:1px!important;
background:#b1afad!important;
opacity:1!important;
border:none!important;
}
.banner-swiper .swiper-pagination-bullet-active {
background:#dd0413!important;
opacity:1!important;
}
.index-box-one {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.index-box-one .title {
width:100%;
text-align:left;
padding:20px 0;
}
.index-box-one .title span {
display:block;
}
.index-box-one .title .s1 {
font-size:18px;
line-height:22px;
color:#000;
margin-bottom:10px;
text-align:center;
}
.index-box-one .title .s2 {
width:95%;
margin:auto;
font-size:14px;
line-height:16px;
}
.index-box-one .list {
display:none;
}
.index-box-two {
width:100%;
box-sizing:border-box;
padding:0 3%;
background:#787777 url(../images/m-img1.jpg) center top no-repeat;
}
.index-box-two .box {
width:100%;
display:table;
padding:30px 0;
}
.index-box-two .box .tbox {
width:100%;
float:initial;
}
.index-box-two .box .tbox .title {
font-size:18px;
line-height:22px;
margin-bottom:18px;
text-align:center;
}
.index-box-two .box .tbox .txt {
font-size:14px;
line-height:20px;
}
.index-box-two .box .video {
width:80%;
margin:auto;
float:initial;
padding-top:25px;
}
.index-box-three {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.index-box-three .title {
text-align:center;
font-size:18px;
line-height:22px;
color:#000;
padding:30px 0;
}
.index-box-three .box {
width:100%;
display:table;
padding-bottom:30px;
}
.index-box-three .box .lists {
width:100%;
float:initial;
margin-bottom:20px;
}
.index-box-three .box .list {
width:100%;
float:right;
}
.index-box-three .box .lists .prev, .index-box-three .box .lists .next {
top:80px;
}
.index-box-three .box .lists .bd li .img .time {
width:130px;
height:30px;
font-size:14px;
line-height:12px;
border-top-right-radius:25px;
padding:10px 0 10px 30px;
background:rgba(0,0,0,.8) url(../images/icon-img5.png) 10px center no-repeat;
background-size:15px;
}
.index-box-three .box .lists .bd li .tbox {
width:100%;
padding-top:10px;
}
.index-box-three .box .lists .bd li .tbox .ttitle {
font-size:16px;
line-height:16px;
color:#010101;
margin-bottom:5px;
}
.index-box-three .box .lists .bd li .tbox .more {
font-size:12px;
line-height:20px;
color:#999;
}
.index-box-three .box .list {
width:100%;
float:initial;
}
.index-box-three .box .list li {
width:100%;
margin-bottom:20px;
}
.index-box-three .box .list li .time {
width:50%;
height:35px;
line-height:35px;
background:#fed516;
font-size:14px;
color:#fff;
}
.index-box-three .box .list li .time span {
width:50%;
height:35px;
display:block;
background:#e00517 url(../images/icon-img5.png) 5px center no-repeat;
background-size:15px;
box-sizing:border-box;
padding-left:25px;
float:left;
margin-right:10px;
}
.index-box-three .box .list li .tbox {
width:100%;
padding-top:16px;
}
.index-box-three .box .list li .tbox .ttitle {
font-size:16px;
line-height:18px;
color:#010101;
margin-bottom:10px;
}
.index-box-three .box .list li .tbox .more {
font-size:12px;
line-height:20px;
color:#999;
}
.index-box-four {
width:100%;
box-sizing:border-box;
padding:0 3%;
background:#eff4f6;
padding-top:30px;
}
.index-box-four .box {
width:100%;
}
.index-box-four .box .title {
font-size:18px;
line-height:22px;
color:#000;
text-align:center;
margin-bottom:20px;
}
.index-box-four .box .txt {
display:none;
}
.index-box-four .box .list {
display:none;
}
.index-box-four .box .lists {
display:block;
}
.index-box-four .box .list .bd {
width:300px;
overflow:hidden;
margin:auto;
}
.index-box-four .box .list .bd li {
width:90px;
float:left;
margin:0 5px;
}
.index-box-four .box .list .bd li img {
margin-bottom:10px;
}
.index-box-four .box .list .hd {
padding: 20px 0;
}
.index-box-five {
width:100%;
height:auto;
background:url(../images/m-img2.jpg) center center no-repeat;
background-size:auto 100%;
padding-bottom:30px;
}
.index-box-five .txt {
width:72%;
margin:auto;
font-size:18px;
line-height:22px;
padding-top:38px;
margin-bottom:25px;
}
.index-box-five .btn {
width:110px;
height:30px;
background:#fed516;
color:#fff;
font-size:14px;
margin:auto;
display:table;
border:none;
border-radius:15px;
}
.footer {
display:none;
}
.foot-m {
box-sizing:border-box;
background:#343434;
display:block;
}
.f-m-menu {
width:100%;
}
.f-m-menu li {
width:100%;
}
.f-m-menu li.on {
background:#464646;
}
.f-m-menu-i {
width:94%;
margin:0 3%;
height:62px;
line-height:62px;
font-size:15px;
color:#fff;
text-transform:uppercase;
background:url(../images/icon-img44.png) 98% center no-repeat;
background-size:15px;
box-sizing:border-box;
padding-left:5px;
border-bottom:1px solid #404040;
display:block;
}
.f-m-menu li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.f-m-menu-c {
width:100%;
background:#464646;
padding:5px 0 13px;
display:none;
}
.f-m-menu-ia {
width:94%;
display:block;
margin:auto;
font-size:14px;
line-height:45px;
color:#959595;
box-sizing:border-box;
padding-left:5px;
}
.lg-box {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.lg-click {
width:100%;
box-sizing:border-box;
padding-left:50px;
background:url(../images/icon-img46.png)5px 15px no-repeat;
border-bottom:1px solid #404040;
}
.lg-click-on {
width:100%;
height:62px;
line-height:62px;
display:block;
color:#959595;
font-size:14px;
font-style:initial;
background:url(../images/icon-img47.png) 100px center no-repeat;
background-size:15px;
}
.lg-click-list {
width:100%;
}
.lg-click-list li {
line-height:40px;
color:#959595;
}
.lg-click-list li a {
line-height:40px;
color:#959595;
display:block;
}
.foot-m .bq {
padding:15px 3%;
font-size:12px;
line-height:16px;
color:#6a6a6a;
}
.foot-m .bq a {
color:#6a6a6a;
}
/*--------------*/
body {
position:relative;
}
.main, .header-m, .m-menu {
transition:all ease .2s;
}
.main {
width:100%;
position:relative;
}
.bd-fix {
/*width:100%;
height:100vh;
overflow:hidden;
position:absolute;
right:250px;*/
-webkit-transform: translate(-64%, 0);
transform: translate(-64%, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.bh-fix {
position:absolute;
}
.m-menu {
width:100%;
height:100%;
position:fixed;
z-index:999;
top:0;
left:100%;
display:block;
}
.m-menu-fix {
left:0;
transition:all ease .2s;
}
.m-menu .bgs {
width:100%;
height:100%;
background:rgba(0,0,0,.5);
opacity:0;
}
.m-menu.m-menu-fix .bgs {
opacity:1;
}
.m-menu .box {
width:300px;
height:100%;
position:absolute;
right:0;
top:0;
background:#262626;
overflow-y:auto;
padding-bottom:2rem;
}
.m-menu .box .title {
padding-left:5%;
}
.m-menu .box .title img {
width:26px;
margin:12px 0;
}
.m-menu .box .f-m-menu-i {
width:90%;
margin:0 5%;
padding:0;
}
.m-menu .box li.on .f-m-menu-i {
background:url(../images/icon-img45.png) 98% center no-repeat;
background-size:15px;
}
.m-menu .box .f-m-menu-i:last-child {
border-bottom:none;
background:none;
}
.m-search {
width:90%;
margin:auto;
background:#444;
border-radius:5px;
overflow:hidden;
display:table;
}
.m-search .txt {
width:200px;
height:50px;
float:left;
border:none;
background:none;
box-sizing:border-box;
padding-left:15px;
}
.m-search .txt::-webkit-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt::-moz-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .txt:-ms-input-placeholder {
color: #fff;
font-style:oblique;
}
.m-search .btn {
width:70px;
height:50px;
float:left;
background:none;
border:none;
background:url(../images/icon-img49.png) center center no-repeat;
background-size:20px;
}
.about-two, .about-two .box .tbox {
padding:0;
}
.about-one .box, .about-two .box, .about-three .box, .product-boxs .box, .news, .faq-show, .about-list, .about-contact, .product-tbox, .product-n1 .box, .product-n3 .box, .solution-one .box, .solution-two, .solution-three, .faq, .partner-list, .partner3, .partner4, .member {
width:100%;
box-sizing:border-box;
padding:30px 3%;
}
.about-one .box .tbox, .about-two .box .tbox {
width:100%;
}
.about-one .box .img, .about-two .box .img {
width:100%;
margin:15px 0;
float:right;
display:block;
}
.about-one .box .tbox .title, .about-two .box .tbox .title, .about-three .box .title, .product-boxs .box .txt {
text-align:center;
font-size:18px;
line-height:22px;
margin-bottom:12px;
}
.about-one .box .tbox .txt, .about-two .box .tbox .txt {
line-height:22px;
}
.product-boxs .box .btn {
width:120px;
height:30px;
line-height:30px;
font-size:14px;
float:none;
margin:auto;
display:block;
}
.news-menu, .news-list, .about-list li, .faq-menu, .faq-list {
width:150%;
margin:0;
float:none;
padding:0;
}
.news-menu .title, .news-list li .img, .news-list li .img img, .news-list li .tbox, .news-list li .tbox .title, .about-list li .img img, .about-contact li, .down-list {
width:100%;
}
.tt-tb {
width:20px;
height:25px;
background:url(../images/m-img4.jpg) center bottom no-repeat;
background-size:100%;
display:inline-block!important;
}
.news-list li .tbox .title, .about-list li .title {
width:100%;
white-space:initial;
}
.news-list li .tbox .txt {
display:none;
}
.news-menu ul, .faq-list .faq-search, .faq-menu ul {
display:none;
}
.page-list {
padding:20px 0 40px!important;
}
.faq-show .title {
padding:0 0 30px;
}
.faq-show .title .s1 {
font-size:18px;
line-height:22px;
margin-bottom:10px;
}
.faq-show .txt {
padding:30px 0;
line-height:20px;
}
.faq-show .get-back {
margin:25px auto;
}
.about-list ul {
display:table;
}
.about-list li {
margin-bottom:50px;
}
.about-list li .title {
line-height:20px;
}
.product-list {
width:100%;
padding-bottom:0;
background:none;
}
.product-list ul {
width:100%;
}
.product-list li, .product-list li:last-child {
width:80%;
float:none;
margin:0 auto 35px;
}
.product-list li .img {
margin-bottom:10px;
}
.product-tbox .title {
font-size:18px;
line-height:22px;
text-align:center;
}
.product-tbox .txt, .solution-one .box .tbox .txt {
line-height:20px;
}
.product-n1, .product-n3 {
background:none;
}
.product-n1 .tbox, .product-n2 .box .tbox, .product-n3 .tbox, .solution-one .box .tbox {
width:100%;
float:none;
padding-top:0;
}
.product-n1 .box {
width:100%!important;
}
.product-n1 .tbox .title, .product-n2 .box .tbox .title, .product-n3 .tbox .title, .solution-one .box .tbox .title {
font-size:18px;
line-height:22px;
margin-bottom:10px;
}
.product-n1 .tbox .txt, .product-n3 .tbox .txt {
line-height:20px;
}
.product-n1 .box .img, .product-n2 .box .img, .product-n3 .box .img, .solution-one .box .img {
width:100%;
height:auto;
margin:30px auto 0;
float:none;
}
.product-swiper .swiper-pagination {
display:none;
}
.product-n2 .box {
width:100%;
box-sizing:border-box;
padding:0 3%;
}
.product-n2 .box .tbox li {
line-height:20px;
margin-bottom:10px;
background-size:20px;
}
.product-n4, .down-list .title {
display:none;
}
.down-list {
padding-top:15px;
}
.faq-list {
padding-top:5px;
}
.faq-list li {
padding:10px 0;
}
.down-list li .t3, .faq-list li .title {
width:100%;
line-height:1.3;
}
.down-list li .time, .faq-list li .time {
width:100%;
font-size:12px;
line-height:1.5;
padding:5px 0;
}
.down-list li .down{
width:28px;
height:20px;
overflow:hidden;
position:absolute;
right:0;
top:10px;
background-size:20px;
}
.partner-list li {
margin-bottom:25px;
}
.partner-list li .img {
width:100%;
float:none;
margin:0 auto 25px;
}
.partner-list li .txt {
width:100%;
height:auto!important;
float:none;
display:block;
}
.partner2 {
width:100%;
height:500px;
box-sizing:border-box;
padding:0 3%;
}
.partner2 .box {
width:100%;
padding-top:65px;
}
.partner2 .box li {
width:50%;
float:left;
margin-bottom:30px;
}
.partner2 .box li .label {
width:75px;
margin-bottom:0;
}
.partner3 .search-click-on {
background: url(../images/icon-img39.png) 95% center no-repeat;
background-size:10px;
}
.form-foot {
text-align:center;
}
input[type=submit] {
width:150px;
height:35px;
line-height:35px;
margin:auto;
float:none;
padding:0;
font-size:16px;
}
.partner4 .title {
font-size:18px;
line-height:22px;
padding:10px 0 30px;
}
.partner4 .tab-boxs {
margin-bottom:0;
}
.partner4 .tab-boxs .box.b1, .partner4 .tab-boxs .box.b2, .partner4 .tab-boxs .box.b3, .partner4 .tab-boxs .box.b4 {
width:100%;
justify-content:flex-start;
margin-bottom:12px;
margin-top:0;
}
.partner4 .tab-boxs .box.b1 .txts, .partner4 .tab-boxs .box.b2 .txts, .partner4 .tab-boxs .box.b3 .txts {
width:80%;
}
.partner4 .tab-boxs .box.b1 .txts .check-click {
background: url(../images/icon-img41.png) 94% center no-repeat;
background-size: 9px;
}
.partner4 .tab-boxs .box.b2 .txts .check-click {
background: url(../images/icon-img41.png) 94% center no-repeat;
background-size: 9px;
}
.partner4 .tab-boxs .box.b4 {
width:100%;
display:block;
}
.partner4 .tab-boxs .box.b4 .tt, .partner4 .tab-boxs .box.b4 .ts3 {
width:100%;
font-size:12px;
}
.partner4 .tab-boxs .box.b4 .ts3 {
height:100px;
}
.partner4 .btn {
width:150px;
height:35px;
line-height:35px;
margin:auto;
float:none;
padding:0;
background:#444;
font-size:16px;
}
.login {
box-sizing:border-box;
padding:25px 3%!important;
}
.login-box {
width:100%;
padding:30px 0;
}
.login-box .title {
font-size:18px;
line-height:20px;
margin-bottom:20px;
}
.login-box .name, .login-box .password, .login-box .btn {
width:75%;
height:40px;
line-height:40px;
}
.login-box .forgot {
margin-bottom:12px;
}
.login-box .txt {
width:75%;
line-height:20px;
}
.member .page-list {
display: table;
}
.member-menu {
width:100%;
border:none;
height:auto!important;
}
.member-menu .top {
width:100%;
}
.member-menu li {
padding-left:30%;
}
.member-menu li.m1 {
background:url(../images/icon-img26.png) 22% center no-repeat;
}
.member-menu li.m1:hover, .member-menu li.m1.on {
background:url(../images/icon-img26-1.png) 22% center no-repeat;
}
.member-menu li.m2 {
background:url(../images/icon-img27.png) 22% center no-repeat;
}
.member-menu li.m2:hover, .member-menu li.m2.on {
background:url(../images/icon-img27-1.png) 22% center no-repeat;
}
.member-menu li.m3 {
background:url(../images/icon-img28.png) 22% center no-repeat;
}
.member-menu li.m3:hover, .member-menu li.m3.on {
background:url(../images/icon-img28-1.png) 22% center no-repeat;
}
.member-box {
width:100%;
margin:0;
padding:30px 0 0 ;
}
.member-box .title {
display:none;
}
.member-box .add-boxs .img {
width:50%;
height:auto;
margin:auto;
float:none;
}
.member-box .add-boxs .tbox {
width:100%;
padding:13px 20px;
box-sizing:border-box;
}
.member-box .add-boxs .tbox .t2, .member-box .add-boxs .tbox .t3, .member-box .add-boxs .tbox .t4, .member-box .add-boxs .tbox .t5 {
padding-left:28px;
}
.member-box .lb-check {
width:100%;
text-align:center;
}
.member-box .lb-check a {
min-width:120px;
height:40px;
background:#eff4f6;
border-radius:20px;
text-align:center;
line-height:40px;
display:block;
font-size:16px;
color:#333;
float:left;
margin:0 20px 10px 8px;
box-sizing:border-box;
padding:0 10px;
}
.m-down-list {
padding-top:15px;
}
.m-down-list li {
width:100%;
position:relative;
box-sizing:border-box;
padding:10px 16% 10px 27px;
background: url(../images/icon-img17.png)8px 15px no-repeat;
margin-bottom:15px;
}
.m-down-list li:last-child {
border-bottom:1px solid #ddd;
}
.m-down-list li .t3 {
width:100%;
line-height:1.3;
}
.m-down-list li .time {
width:100%;
font-size:12px;
line-height:1.5;
padding:5px 0;
}
.m-down-list li .down{
width:28px;
height:20px;
overflow:hidden;
position:absolute;
right:0;
top:10px;
background-size:20px;
}
.password-box1, .password-box2 {
width:100%;
padding:30px 0;
}
.password-box1 .password-boxs, .password-box1 .btn, .password-box2 .name, .password-box2 .password, .password-box2 .btn {
width:78%;
height:40px;
margin:0 auto 12px;
}
.password-box1 .password-boxs .name {
height:40px;
}
.password-box1 .txt {
width:78%;
}
input::-webkit-input-placeholder {
color: #b2b2b2;
font-size:14px;
}
input:-moz-placeholder {
color: #b2b2b2;
font-size:14px;
}
input::-moz-placeholder {
color: #b2b2b2;
font-size:14px;
}
input:-ms-input-placeholder {
color: #b2b2b2;
font-size:14px;
}
.search-list {
width:90%;
margin:auto;
padding-bottom:20px;
}
.page-list a {
margin:0 3px;
width:25px;
height:25px;
}
}
@media(max-width:500px) {
.about-contact li {
width:100%;
margin-bottom:20px;
}
}