/*整站样å¼Â*/
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; }
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%;}
.tp{max-width:100%;margin-top:-110px;margin-right:30px;float: right;}
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;}
body { background: #fff; font-size: 15px; line-height: 1.65; color: #666; }
.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 li .s-menu{display:none}
.menu li:hover .s-menu{display:block}
.product-menu-title:hover .s-menu-titlelink {color:#fff}
.menu-product {
padding:25px 0 15px;
width:230px;
left:-40px;
}
.product-menu-box {
float:left;
margin-right:30px;
width:100%;
}
.s-menu-titlelink {color:#666}
.product-menu-box-child-outer {width:250px;min-height:370px;display:none;position:absolute;left:230px;top:0px;z-index:1000;}
.product-menu-box .product-menu-box-child-outer{display:none;}
.product-menu-title:hover .product-menu-box-child-outer{display:block}
.product-menu-box-child-outer21 {width:540px;height:100%;}
.product-menu-box-child-outer21 .product-menu-box-child{width:540px;height:100%;}
.product-menu-box-child-outer21 .product-menu-box-child a{width:270px;float:left;}
.product-menu-box-child {width:250px;
background:rgba(239,239,239,.95);
box-shadow:2px 2px 2px 0px rgba(127,127,127,.5);
font-size:16px;
line-height:18px;
padding-top:25px;
padding-bottom:15px;
}
.cg .product-menu-box-child{background:rgba(52,52,52,.85) !important;}
.product-menu-box-child a{padding:5px 5px 9px 20px;}
.product-menu-box:last-child {
margin-right:0;
}
.product-menu-title {
font-size:16px;
line-height:18px;
color:#333;
padding:10px 5px 10px 20px;
display:block;
font-weight:300;
background:url(../images/icon-right-b.png) no-repeat;
background-size:24px 24px;
background-position:195px center;
}
.product-menu-title:hover {
color:#fff;
background:#e00517 url(../images/icon-right-w.png) no-repeat;
background-size:24px 24px;
background-position:195px center;
}
.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 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size:16px;
}
.menu-solution {
padding:25px 0 15px;
width:230px;
left:-40px;
}
.menu-solution .s-menu-link {
padding:5px 5px 9px 20px;
width:100%;
font-size:16px;
}
.menu-support {
width:170px;
left:-40px;
padding:25px 0 15px;
}
.menu-support .s-menu-link {
padding:5px 5px 9px 20px;
width:100%;
font-size:16px;
}
.menu-partner {
width:170px;
left:-40px;
padding:25px 0 15px;
}
.menu-partner .s-menu-link {
padding:5px 5px 9px 20px;
width:100%;
font-size:16px;
}
.menu-company {
width:170px;
left:-40px;
padding:25px 0 15px;
}
.menu-company .s-menu-link {
padding:5px 5px 9px 20px;
width:100%;
font-size:16px;
}
.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:60px;
}
.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%;
/*background-repeat:no-repeat; background-position:top center;height:auto!important;*/
}
/*.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;
font-size:18px;
}
.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:16px;
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:14px;
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:16px;
line-height:25px;
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 a {
font-size:16px;
line-height:25px;
color:#000000;
margin-bottom:5px;
}
.index-box-three .box .list li .tbox .more a{
font-size:14px;
line-height:20px;
color:#000000;
}
.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:18px;
line-height:23px;
color:#000;
text-align: center;
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:#00ADBB;
}
.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 #weibo {
background-image:url(/Uploads/about/20180719/5a6702212e60d.png);
}
.footer .box .add-box .f-f-list #weibo:hover {
background-image:url(/Uploads/about/20180719/5a6702212e6c8.png);
backgroud
}
.footer .box .add-box .f-f-list #weixin {
position:relative;
background-image:url(/Uploads/about/20180719/5a6702212e6c7.png);
}
.footer .box .add-box .f-f-list #weixin:hover {
background-image:url(/Uploads/about/20180719/5a6702212e6c9.png);
}
.footer .box .add-box .f-f-list #weixin img.qrcode {
position: absolute;
z-index: 50;
top: -280px;
right: -600px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top right;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.footer .box .add-box .f-f-list #weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}
.footer .box .add-box .f-f-list #email {
background-image:url(/Uploads/about/20180123/5a670207f1216.png);
}
.footer .box .add-box .f-f-list #email:hover {
background: #dd111c;
background-image:url(/Uploads/about/20180123/5a6702212e6c6.png);
}
.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%;
padding:19px 0 64px;
}
.product-list ul {
width:1200px;
margin:auto;
display:table;
}
.product-list li {
width:100%;
float:left;
box-sizing:border-box;
padding:0;
text-align:center;
height:420px;
position: relative;
overflow: hidden;
margin: 20px 0;
}
.product-list li .img img {
width:100%;
height: 100%;
object-fit: cover;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
border-radius: 20px;
}
.product-list li:hover .img img {
-webkit-transform: scale(0.98) ; -moz-transform: scale(0.98) ; -ms-transform: scale(0.98); -o-transform: scale(0.98) ; transform: scale(0.98);
box-shadow: 0 0 20px 2px #00ADBB;
}
.product-list li span {
display: block;
position: absolute;
top: 25px;
background: #f00;
color: #fff;
width: 70px;
font-size: 24px;
padding: 3px 15px 3px 3px;
border-radius: 0 15px 15px 0;
font-weight: bold;
}
.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:18px;
line-height:1.5;
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:#00ADBB!important;
opacity:1!important;
}
.product-n1 .tbox {
width:630px;
float:right;
}
.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:16px;
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;
}
#test:hover {
color:#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;
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:18px;
line-height:30px;
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:20px;
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:14px;
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:18px;
line-height:23px;
color:#6a6a6a;
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:58px;
}
.download-list .download-boxs .download-list-box li.title .t1{
width:464px;
margin-right:3px;
background:#e9e9e9;
font-size:16px;
line-height:38px;
height:38px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li.title .t2 {
width:136px;
margin-right:3px;
background:#e9e9e9;
font-size:16px;
line-height:38px;
height:38px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li.title .t3 {
width:118px;
margin-right:3px;
background:#e9e9e9;
font-size:16px;
line-height:38px;
height:38px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li.title .t4 {
width:154px;
margin-right:3px;
background:#e9e9e9;
font-size:16px;
line-height:38px;
height:38px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t1 {
width:464px;
margin-right:3px;
line-height:18px;
height:40px;
margin-top:10px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t2 {
width:136px;
margin-right:3px;
line-height:18px;
height:40px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t3 {
width:118px;
margin-right:3px;
color:#000;
display:inline-block;
}
.download-list .download-boxs .download-list-box li .t4
{
width:154px;
margin-right:3px;
line-height:18px;
height:40px;
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;
}
}
.download-list .download-boxs .download-list-box {margin-top:20px}
.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: 16px;
}
.partner3 .form-field label, .partner3 .form-field select {
font-size: 18px;
}
.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;
}
button[type=submit] {
width:100px;
background: #444;
border-color: transparent;
color: #fff;
padding: 10px 30px;
border-radius:3px;
}
button[type=submit]:hover {
background-color: #ff0000;
}
button[type=submit]:active {
background-color: #444;
}
.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:#000;
text-align:center;
display:block;
right:0;
top:0;
background:#eee;
}
.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;
}
.productlist-linkvil-content .product-tbox{
width: 1200px;
}
.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:500px;
}
.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:#00ADBB!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;
}
}
/* add for linkvil*/
.hide {display:none;}
.productlist-linkvil-content {background-color:#F2F2F2}
.productlist-linkvil-content .product-tbox{padding-bottom:0;}
.productlist-linkvil-content .product-tbox .title {
font-size:30px;
line-height:30px;
color:#00ADBB;
margin-bottom:20px;
width:100%;text-align:center;
padding-bottom:20px;
border-bottom:1px solid #C2C2C2;
font-weight:bold;
}
.productlist-linkvil-content .product-list ul{width: 1200px;}
.productlist-linkvil-content .product-list{margin-bottom: 60px;}
.product-bottom-reg {width: 100%;background: #fff;height: 240px;text-align: center;}
.product-bottom-reg .title {font-size: 30px;color: #000;padding: 40px 0 30px 0;}
.product-bottom-reg a {display: block;padding: 10px ;background: #eee;width: 160px;margin: 0 auto;color: #aaa;font-size: 18px;border-radius: 20px;}
.product-bottom-reg a:hover {background: rgba(0, 173, 187, 1);color: #fff;}
.fd-r-s dt {color: #fff;}
.fd-r-s dd a {color: #fff;}
.copyright {color: #fff;}
.copyright a{color: #fff;}
.fd-top {border-bottom:1px solid #fff}
.case-tab1 {padding-top: 80px;}
.case-tab1 ul {overflow: hidden;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;align-content: center;justify-content: center;}
.case-tab1 ul li{display: block;height: 75px;padding: 17px 0;margin: 0 10px;}
.case-tab1 ul li a {background: #EEE;color: #898989;line-height: 40px;padding: 0 30px;border-radius: 20px;display: block;width: 150px;text-align: center;margin: auto 0;}
.case-tab1 ul li.active a::after, .case-tab1 ul li:hover a::after {background-color: transparent;}
.case-tab1 ul li.active a, .case-tab1 ul li:hover a {background: #00ADBB;color: #fff;}
.product-content-download {width: 100%;background: #fff;padding:0;}
.product-content-download .title {
font-size:30px;
line-height:30px;
color:#00ADBB;
margin-bottom:20px;
width:100%;text-align:center;
padding-bottom:50px;
border-bottom:1px solid #C2C2C2;
font-weight:bold;
}
.product-content-download .product-tbox{width: 1200px;}
.product-content-download .download-list {width: 100%;float: none;}
.product-content-download .download-list .download-boxs .category span{margin: 0;font-weight: 400;}
.product-content-download .download-list table {width: 100%;}
.product-content-download .download-list table .trtitle{font-weight: normal;background: #00ADBB;color: #fff;height: 40px;font-size: 15px;}
.product-content-download .download-list table td {text-align: left;padding: 10px 10px 10px 15px;}
.product-content-download .download-list table .tritem{border: 1px solid #f2f2f2;}
.product-content-download .download-list table .trempty{height: 5px;}
.product-content-download .download-list table .trempty td{height: 10px;padding: 0;}
.product-content-contactus {width: 100%;background: #f2f2f2;padding:0;}
.product-content-contactus .product-tbox{width: 1200px;}
.product-content-contactus .title {
font-size:30px;
line-height:30px;
color:#00ADBB;
margin-bottom:20px;
width:100%;text-align:center;
padding-bottom:50px;
border-bottom:1px solid #C2C2C2;
font-weight:bold;
}
.product-content-contactus .contacts{width: 100%;height: 1000px;font-size: 15px;}
.product-content-contactus .line{width: 100%;padding: 30px 0 30px 30px;clear: both;}
.product-content-contactus .emptyline{display: none;}
.product-content-contactus .left{width: 30%;float: left;}
.product-content-contactus .right{width: 70%;float: left;padding-left: 5%;}
.product-content-contactus .item{width: 33.3%;float: left;padding: 10px 25px 10px 0;box-sizing: border-box;}
.product-content-contactus .item input{width: 99%;padding: 8px 10px;text-align: left;border-radius: 2px;box-sizing: border-box;border:1px solid #f2f2f2 ;}
.product-content-contactus .item select{width: 99%;padding: 8px 10px;text-align: left;border-radius: 2px;box-sizing: border-box;border:1px solid #f2f2f2 ;}
.product-content-contactus .item textarea{width: 99%;padding: 10px 10px;text-align: left;border-radius: 2px;height: 90px;box-sizing: border-box;border:1px solid #f2f2f2 ;}
.product-content-contactus .item span{color: #f00;}
.product-content-contactus .itemfull{width: 100%;padding-right: 18px;}
.product-content-contactus .left2{width: 50%;float: left;text-align: right;box-sizing: border-box;padding-right: 20px;height: 70px;}
.product-content-contactus .left2 .validitem{width: 300px;text-align: left;float: right;}
.product-content-contactus .left2 .validitem span{color: #f00;}
.product-content-contactus .left2 .validitem input{width: 130px;padding: 10px 10px;border-radius: 2px;}
.product-content-contactus .right2{width: 50%;float: left;text-align: left;box-sizing: border-box;padding-left: 0;height: 70px;display: flex;}
.product-content-contactus .right2 button{background:#00ADBB;width: 160px;color: #fff;font-size: 18px;border-radius: 20px;height: 50px;cursor: pointer;margin: auto 0;}
.product-content-contactus .right2 button:hover {background: rgba(0, 173, 187, 0.85);color: #fff;}
.product-content-contactus input.error{border: 1px solid #f00;}
.product-content-contactus textarea.error{border: 1px solid #f00;}
.product-content-contactus select.error{border: 1px solid #f00;}
.product-content-contactus .right2 button:disabled {background: #ccc;color: #aaa;}
.product-tbox .about-newsL1 .inner{text-align: left;}
.product-news-tbox {width: 100%;background-color: #fff;}
.product-news-tbox li.pagenvaitem a{color: #00ADBB;}
.product-news-tbox li.current a{color: #F00;}
.productvideobanner {position: relative;margin-top: 80px;}
.videopager {position: absolute;z-index: 999;width: 100%;height: 100%;top: 0;left: 0;}
.videopager .txtline {
display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;color: #fff;font-size: 21px;
}
.videopager .centertxt{line-height: 130%;font-size: 24px;}
.videopager .centerbutton{padding-top: 20px;}
.videopager button {background:#00ADBB;width: 120px;color: #fff;font-size: 14px;border-radius: 10px;height: 30px;cursor: pointer;margin: auto 0;}
.videopager button:hover {background: rgba(0, 173, 187, 0.85);color: #fff;}
.product-n1 .box .img img {object-fit: cover;}
.about-newsL1 .inner .txt {font-size: 14px;}
@media only screen and (max-width: 1400px){
.product-tbox{width: 1000px;}
.productlist-linkvil-content .product-list ul {width: 1000px;}
.product-n1 .box {width: 1000px;}
.product-n1 .tbox {width: 450px;}
.product-content-contactus .product-tbox {width: 1000px;}
}
@media only screen and (max-width: 1199px){
.productvideobanner {margin-top: 50px;}
.productlist-linkvil-content .product-tbox .title {font-size: 18px;}
.product-tbox {padding: 30px 3%;}
.product-tbox .txt {font-size: 9px;}
.productlist-linkvil-content .product-list {margin-bottom: 0;}
.productlist-linkvil-content .product-list ul {width: 100%;}
.product-list li {height: auto;}
.videopager .centertxt{font-size: 18px;}
.case-tab1 {padding-top: 50px;}
.case-tab1 ul li{display: block;height: 45px;padding: 7px 0;margin: 0 10px;}
.case-tab1 ul li a {line-height: 30px;padding: 0 20px;border-radius: 15px;width: 120px;font-size: 12px;}
.product-n1 .tbox {padding-top: 0;}
.product-content-contactus .product-tbox {width: 100%;}
.product-content-contactus .title {padding-bottom: 20px;font-size: 18px;}
.product-content-contactus .left {width: 100%;text-align: center;}
.product-content-contactus .right {width: 100%;padding: 10px 0;}
.product-content-contactus .item {width: 100%;padding: 5px 0;font-size: 12px;}
.product-content-contactus .contacts {height: auto;}
.product-content-contactus .itemfull {padding-right: 0;}
.product-content-contactus .line {padding: 0;}
.product-content-contactus .item input {padding:3px 5px;font-size: 12px;}
.product-content-contactus .item select {padding:3px 5px;font-size: 12px;}
.product-content-contactus .item textarea {padding:3px 5px;height: 50px;font-size: 12px;}
.product-content-contactus .left2 {width: 100%;}
.product-content-contactus .right2 {width: 100%;}
.product-content-contactus .left2 .validitem {width: 100%;font-size: 12px;}
.product-content-contactus .left2 .validitem input {padding:3px 5px}
.product-content-contactus .left2 .validitem img{height: 27px!important;}
.product-content-contactus .right2 {display: block;text-align: center;}
.product-content-contactus .right2 button {height: 40px;font-size: 14px;width: 120px;margin: auto 0;}
.product-content-contactus .emptyline{display: block;}
.product-content-download .product-tbox {width: 100%;}
.product-content-download .title {font-size: 20px;padding-bottom: 20px;}
.product-content-download .download-list table .trtitle {font-size: 9px;}
.product-content-download .download-list table td {font-size: 9px;padding: 2px 3px;}
.product-content-download .download-list .downtable1 tr td:last-child {display: none;}
.download-list .download-boxs .category span {font-size: 12px;padding: 0;}
.download-list .download-boxs {margin-bottom: 15px;}
.download-list .download-boxs .category {margin-bottom: 0;}
.download-list .download-boxs .download-list-box {margin-top: 5px;}
.product-n1 .box .img {width: 100%;}
.product-n1 .tbox {width: 100%;}
.product-tbox{width: 100%;}
.productlist-linkvil-content .product-list ul {width: 100%;}
.product-n1 .box {width: 100%;}
.product-content-contactus .product-tbox {width: 100%;}
}
.product-list-three {
width: 100%;
padding: 50px 0;
}
.product-list-three ul {
width: 100%;
margin: auto;
display: table;
}
.product-list-three li {
width: 33.33%;
float: left;
box-sizing: border-box;
padding: 0 1%;
text-align: center;
margin-bottom: 50px;
}
.product-list-three li .img {
overflow: hidden;
height: 215px;
text-align: center;
display: flex;
}
.product-list-three li .img img {
max-width: 80%;
max-height: 80%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
object-fit: cover;
margin: 0 auto;
}
.product-list-three 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-three li:hover .ptitle {
color: #ea0017;
}
.product-list-three li .ptitle {
text-align: center;
font-size: 16px;
color: #1e1e1e;
line-height: 28px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.product-list-three li .ptitle::after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 20px;
height: 2px;
background-color: #ea0017;
}
@media (max-width: 1190px) {
.product-list-three li {
width: 100%;
}
}