/*整站样å¼Â*/
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%;}
.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; margin:0 auto; text-align:center; border:none; width:100%;}
tr{margin:0;padding:0;}
td{margin:0;padding:7px; line-height:200%;}
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-color: rgba(255,255,255,0.7);
position:fixed;
z-index:99;
left:0;
top:0;
transition:all ease .2s;
border-bottom:1px solid rgba(52,52,52,.2);
}
.fixednav
{
background-color: white;
height: 85px;
}
.header-box {
width:100%;
box-sizing:border-box;
padding:0 3%;
display:table;
position:relative;
}
.header-box .logo {
float:left;
padding-top:13px;
}
.header-box .header-right {
float:right;
}
.header-box .header-right .menu {
float:left;
}
.header-box .header-right .menu li {
float:left;
margin-right:30px;
padding:26px 0 27px 0;
white-space: normal !important;
font-weight:bold;
}
.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;
}
.header-box .header-right .menu li.on .menu-link-1 {
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:820px;
padding:0;
}
.product-menu-box {
float:left;
margin-right:30px;
}
.product-menu-box:last-child {
margin-right:0;
}
.product-menu-title {
font-size:16px;
line-height:18px;
color:#333;
padding:10px 5px;
display:block;
font-weight:bold;
}
.product-menu-title:hover {
color:#fff;
background:#e00517;
}
.s-menu-link {
font-size:14px;
line-height:42px;
color:#2b2b2b;
display:block;
box-sizing:border-box;
border-bottom:solid 1px #CCC;
}
.s-menu-link:hover {
color:#fff;
background:#e00517;
}
.s-menu-link.on {
color:#fff;
background:#e00517;
}
.menu-product .s-menu-link {
padding-left:30px; padding-right:30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size:16px;
margin:0 auto;
}
.menu-solution {
right:20%;
padding:28px 45px 35px 40px;
}
.menu-solution .s-menu-link {
padding-left:5px;
margin:0 auto 10px;
}
.menu-support {
left:-56px;
}
.menu-support .s-menu-link {
padding-left:30px; padding-right:30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size:16px;
margin:0 auto;
text-align:center;
}
.menu-partner {
width:230px;
left:-40px;
padding:25px 0 15px;
}
.menu-partner .s-menu-link {
width:180px;
padding-left:15px;
margin:0 auto 10px;
font-size:16px;
}
.menu-company {
width:230px;
left:-40px;
padding:25px 0 15px;
}
.menu-company .s-menu-link {
width:180px;
padding-left:15px;
margin:0 auto 10px;
font-size:16px;
}
/*首页-产业布局2*/
.index_buju {height: 100%; overflow:hidden; }
.buju_item {float: left; height: 580px; width: 16%; box-sizing: border-box; position: relative; cursor: pointer; transition: 0.8s;}
.buju_item .buju_bg {width: 100%; height: 100%; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover;}
.buju_con {position: absolute; width: 100%; bottom: 40%; box-sizing: border-box; padding: 22px 40px;}
.buju_con2{transform: translateY(170px); opacity: 0; transition: 0.5s 0s; padding: 54px 80px;}
.buju_con .buju_tit {color: #fff; font-size: 40px; line-height: 50px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative;}
.buju_con1 .buju_tit {font-size: 30px; line-height: 36px;}
.buju_con .buju_tit:after {content: ""; position: absolute; bottom: -2px; left: 0; width: 62px; height: 2px; background: #e60012;}
.buju_con .buju_intro {font-size: 22px; line-height: 24px; color: #fff; margin: 10px 0;}
.buju_con1 .buju_intro {color: #fff;}
.buju_item.one {width: 52%;}
.buju_item.one .buju_con2{transform: translateY(0); opacity: 1; transition-delay: 0.4s;}
.buju_item.one .buju_con1 {transform: translateY(170px); opacity: 0;}
.section.one .index_buju {transform: translate(0,0);opacity: 1;transition: all 1s;}
/*.section.one .buju_item:nth-child(1) {transition: all 1s ease-out 0.2s;}
.section.one .buju_item:nth-child(2) {transition: all 1s ease-out 0.4s;}
.section.one .buju_item:nth-child(3) {transition: all 1s ease-out 0.6s;}
.section.one .buju_item:nth-child(4) {transition: all 1s ease-out 0.8s;}*/
.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:100%;
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:42px;
line-height:32px;
color:#005193;
font-weight:bold;
margin-bottom:40px;
}
.index-box-one .title .s2 {
line-height:23px;
color:#333;
font-size:18px;
margin-bottom:20px;
}
.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: url(../images/pic-img5.jpg) #005193 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:42px;
line-height:42px;
color:#fff;
font-weight:bold;
margin-bottom:48px;
margin-top:30px;
}
.index-box-two .box .tbox .txt {
font-size:16px;
line-height:32px;
color:#fff;
}
.index-box-two .box .video {
width:560px;
float:right;
}
.index-box-three {
width:1200px;
margin:auto;
}
.index-box-three .title {
text-align:center;
font-size:42px;
line-height:32px;
color:#005193;
font-weight:bold;
padding:55px 0 70px;
}
.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:#0075c3 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:#0075c3;
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:#fff;
padding-top:70px;
}
.index-box-four .box {
width:1200px;
margin:auto;
}
.index-box-four .box .title {
font-size:42px;
line-height:32px;
color:#005193;
font-weight:bold;
text-align:center;
margin-bottom:40px;
}
.index-box-four .box .txt {
font-size:18px;
line-height:23px;
color:#000;
text-align: center;
margin:0 auto 52px;
}
.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;
line-height:3rem;
}
.index-box-four .box .list .bd li img {
width:100%;
margin-bottom:28px;
vertical-align:middle;
}
.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:#0075c3;
}
.footer{
width:100%;
background:#343434;
}
.footer .box {
width:1200px;
margin:auto;
display:table;
position:relative;
padding-bottom:30px;
}
.footer .box .add-box {
width:420px;
float:left;
}
.footer .box .add-box .f-logo {
padding-top:68px;
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;
font-weight:bold;
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:775px;
padding-top:70px;
}
.footer .box .f-menu ul {
width:160px;
height:205px;
float:left;
}
.footer .box .f-menu ul:nth-child(2), .footer .box .f-menu ul:nth-child(5) {
width:150px;
}
.footer .box .f-menu ul:nth-child(3) {
width:150px;
}
.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;
font-weight:bold;
}
.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:#fff;
}
.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: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:#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: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:0 0 25px;
}
.faq-show .title span {
display:block;
}
.faq-show .title .s1 {
font-size:62px;
line-height:42px;
letter-spacing:2px;
color:#003967;
font-weight:400;
}
.faq-show .title .s2 {
font-size:14px;
color:#666;
}
.faq-show .txt {
font-size:18px;
line-height:200%;
color:#000;
padding:32px 15px 25px;
}
.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%;
height:260px;
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;
}
.cnavli{ max-width:1200px; margin:0 auto; margin-top:40px; padding-bottom:10px;}
.cnavli li{ height:32px; line-height:32px; display:inline; float:left; font-size:16px; margin:0 15px; border-right:solid 1px #CCC; padding-right:25px;}
.cnavli li a{ color:#2b2b2b; font-weight:bold;}
@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:740px;
}
.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;
}
.index03bar{width: 100%;height: auto;background: url(../images/i03-bg.jpg) no-repeat scroll top center;}
.index03bar .index03{width: 1400px;height: auto;margin: 0 auto;padding: 94px 0;}
.index03bar .index03 .l{float:left;}
.index03bar .index03 .l h2{font-size: 34px;color:#273e82;line-height: 34px;margin-bottom: 10px;font-weight: bold;}
.index03bar .index03 .l span{display: block;}
.index03bar .index03 .l a.more{width: 86px;height: 39px;display: block;border: 2px solid #000;font-size: 15px;text-transform: uppercase;font-weight: bold;color:#333;text-align: center;line-height: 39px;margin-top: 50px;}
.index03bar .index03 .l a:hover.more{background:#273e82;color:#fff;border-color: #273e82; }
.index03bar .index03 .r{width: 1154px;float:right;}
.index03bar .index03 .r .bd ul li{padding: 19px;background: #fff;border: 1px solid #fff;width: 330px;margin-right: 22px;}
.index03bar .index03 .r .bd ul li:hover{border-color:#273e82;}
.index03bar .index03 .r .bd ul li .date{width: 75px;height: 70px;background: #273e82;margin-bottom: 22px;}
.index03bar .index03 .r .bd ul li .date .day{font-size: 40px;color:#fff;line-height:40px;padding-top: 7px;display: block;text-align: center;}
.index03bar .index03 .r .bd ul li .date .mon{font-size: 14px;color:#fff;line-height: 20px;text-align: center;display: block;}
.index03bar .index03 .r .bd ul li a.imgs{width: 330px;height: 180px;display: block;overflow: hidden;margin-bottom: 15px;}
.index03bar .index03 .r .bd ul li a.imgs img{width: 100%;display: block;}
.index03bar .index03 .r .bd ul li .text{padding-bottom: 14px;border-bottom: 1px solid #e5e5e5;margin-bottom: 18px;}
.index03bar .index03 .r .bd ul li .text a.tits{font-size: 16px;color:#333;line-height: 33px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 7px;font-weight: bold;}
.index03bar .index03 .r .bd ul li .text p{font-size: 14px;color:#666;line-height: 24px;text-align: justify;}
.index03bar .index03 .r .bd ul li a.more{font-size: 14px;color:#666;line-height: 18px;display: block;width: 100%;background: url(../images/n-more-bg.jpg) no-repeat scroll right center;}
.index03bar .index03 .r .bd ul li a:hover.more{color:#273e82;}
.index03bar .index03 .r .hd{width: auto;height: auto;padding-top: 30px;}
.index03bar .index03 .r .hd ul{text-align: center;font-size: 0;}
.index03bar .index03 .r .hd ul li{display: inline-block;vertical-align: middle;margin: 0 4px;background: #dadada;width: 15px;height: 15px;border-radius: 50%;cursor: pointer;}
.index03bar .index03 .r .hd ul li.on{background: #273e82}
@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:#005193;
font-weight:bold;
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%;
}
.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:22px;
line-height:22px;
margin-bottom:28px;
text-align:center;
}
.index-box-two .box .tbox .txt {
font-size:14px;
line-height:30px;
}
.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:#005193;
font-weight:bold;
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:#0075c3;
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:#fff;
padding-top:30px;
}
.index-box-four .box {
width:100%;
}
.index-box-four .box .title {
font-size:18px;
line-height:22px;
color:#005193;
font-weight:bold;
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:#0075c3;
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:200%;
}
.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:#005193;
font-weight:bold;
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:#005193;
font-weight:bold;
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:#0075c3;
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:#005193;
font-weight:bold;
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:#0075c3;
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:200%;
}
.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;
}
}
/*--1600--*/
@media screen and (max-width:1600px){/*--1600--*/
/*首页-轮播图*/
.swiper_page {bottom: 200px;}
.index_ban .ban_video:before {bottom: 185px;}
.ban_ad_box {padding: 25px 0 30px; height: 185px;}
.ban_ad_left {font-size: 20px; width: 40%;}
.ban_ad_left h1 {font-size: 50px;}
.ban_ad_ul {margin: 0 0 0 -15px;}
.ban_ad_ul .li {padding: 0 0 0 15px; width: 20%;}
.ban_ad_num {font-size: 50px;line-height: 60px; padding: 0 16px;}
.ban_ad_num b {font-size: 26px;}
.ban_ad_tit {font-size: 14px;line-height: 20px;}
.ban_ad_right {padding: 20px 0;}
.ban_ad_left .icon_img {float: left; width: 80px; margin: 15px 15px 0 0;}
/*首页-新闻*/
.index_news {padding: 80px 0;}
.index_tit {font-size: 26px;}
.index_tit_box {padding-bottom: 25px;}
.index_news_swiper .swiper-slide {padding: 0 10px;}
.index_news_swiper .swiper-container {margin: 0 -10px;}
.arrow_left {left: -60px;}
.arrow_right {right: -60px;}
.news_intro {height: 88px;}
.news_con {height: auto;}
.arrow_icon {top: 20%;}
.index_news .g_link_box {padding: 50px 0 0;}
/*首页-产业布局*/
.index_cybj {padding: 100px 0 0;}
.cybj_tit {font-size: 40px; line-height: 50px;}
.cybj_intro {font-size: 15px; line-height: 24px;}
.index_cybj_btm {padding: 40px 0 0; height: 172px; background-size: auto 100%;}
.cybj_icontit {font-size: 14px;line-height: 22px;padding: 10px 0 0;}
.index_cybj_icon {padding: 20px 0 0;}
.index_cybj_icon .ul {height: 422px;}
.index_cybj_icon .li {width: 180px;height: 180px;}
.index_cybj_icon .li1 {top: 152px;}
.index_cybj_icon .li1 .cybj_icon {height: 90px;}
.index_cybj_icon .li2 {left: 130px;top: 60px;width: 106px; height: 106px;}
.index_cybj_icon .li2 .cybj_icon {height: 50px;}
.index_cybj_icon .li2 {left: 130px;top: 60px;}
.index_cybj_icon .li2 .cybj_icon {height: 50px;}
.index_cybj_icon .li3 {left: 262px;}
.index_cybj_icon .li3 .cybj_icon {height: 90px;}
.index_cybj_icon .li4 {left: 190px; top: 162px; width: 132px; height: 132px;}
.index_cybj_icon .li4 .cybj_icon {height: 66px;}
.index_cybj_icon .li5 {left: 318px; top: 236px; width: 138px; height: 138px;}
.index_cybj_icon .li5 .cybj_icon {height: 54px;}
.index_cybj_icon .li6 {left: 432px; top: 87px; width: 196px; height: 196px;}
.index_cybj_icon .li6 .cybj_icon {height: 90px;}
.index_cybj_icon .li7 {left: 606px; top: 15px; width: 110px; height: 110px;}
.index_cybj_icon .li7 .cybj_icon {height: 44px;}
.index_cybj_icon .li8 {left: 648px; top: 135px; width: 144px; height: 144px;}
.index_cybj_icon .li8 .cybj_icon {height: 48px;}
.index_cybj_icon .li9.add1 {left: 818px; top: 208px; width: 66px; height: 66px; background-size: contain;}
.index_cybj_icon .li9.add1:hover {background-size: contain;}
.index_cybj_icon .li10 {left: 884px; top: 255px; width: 120px; height: 120px;}
.index_cybj_icon .li10 .cybj_icon {height: 44px;}
.index_cybj_icon .li11 {left: auto; right: 0; top: 110px; width: 166px; height: 166px;}
.index_cybj_icon .li11 .cybj_icon {height: 94px;}
.index_cybj_icon .li12.add2 {right: 52px; bottom: -30px; width: 76px; height: 76px; background-size: contain;}
.index_cybj_icon .li12.add2:hover {background-size: contain;}
/*首页-品牌展示*/
.index_partner {padding: 90px 0 75px;}
.partner_img_box {padding-bottom: 21%;}
.index_partner .g_link_box {padding: 70px 0 0;}
.foot_part1 {padding: 50px 0 30px;}
.foot_nav .li {padding-right: 50px;}
.foot_nav .li_son a {line-height: 26px;}
.navdown .txt {padding: 40px 0 0 100px;}
.navdown .txt img{width: 240px; }
.navdown .nav{padding: 10px 58px 0 0;}
.navdown .nav ul{padding-left: 43px;}
/*集团概况*/
.jtgk_con {padding: 90px 0 25px;}
.jtgk_img_box:after {height: 330px;}
.jtgk_img_box {padding: 30px 80px 110px;}
.jtgk_left {padding: 0 35px;font-size: 15px;}
.jtgk_item {padding: 28px 0;}
.jtgk_num .strong {font-size: 56px;}
.jtgk_left h1 {font-size: 36px;margin: 0 0 25px;}
/*新闻列表1*/
.news_list_box {padding: 80px 0;}
.news_list {margin: 0 -20px;}
.news_list .li {padding: 10px 20px;}
/*新闻列表2*/
.news_list_box2 {padding: 70px 0;}
.news_list_box2 .news_list .li {padding: 20px;}
.news_list_box2 .li a {height: 410px;}
.news_list_box2 .news_neir {padding: 20px 25px;}
/*品牌展示*/
.ppzs_num_box {padding: 40px 0;}
.ppzs_num {padding: 0 100px;}
.ppzs_num .num {font-size: 80px; line-height: 86px;}
.ppzs_num .tit {padding: 5px 0; font-size: 18px; line-height: 26px;}
.ppzs_logo_box .img {height: 180px; line-height: 180px; width: 224px;}
.img_con .ppzs_p {padding: 30px 40px 30px 234px;}
.left .img_con .ppzs_p {padding: 30px 234px 30px 40px;}
.ppzs_logo_box .img_con {width: 692px; font-size: 15px; line-height: 24px;}
.ppzs_logo_box .li:hover .img_con {height: 370px;}
/*博物馆*/
.bwg_banner {height: 650px;}
.bwg_banner .bwg_logo {width: 240px; height: 240px; line-height: 240px;margin-top: -130px;margin-left: -120px;}
.bwg_part1 {padding: 70px 0 35px;}
.bwg_tit .label {font-size: 22px; line-height: 36px;}
.bwg_tit .tit {font-size: 54px;line-height: 64px;}
.bwg_select_box {margin-top: 30px;}
.bwg_select_box .text {border-width: 3px;width: 370px;height: 60px;}
.bwg_select_box .text strong {font-size: 16px;padding: 0 5px;letter-spacing: 1px;}
.bwg_select_box .text b {font-size: 20px; line-height: 54px;padding: 0 10px 0 24px;}
.bwg_select_box .sel_icon {width: 60px;border-width: 3px;}
.bwg_select {top: 60px;border-width: 3px;}
.bwg_tit_box {margin-bottom: 35px;}
.bwg_intro {font-size: 16px;line-height: 26px;letter-spacing: 0.5px;margin-bottom: 55px;}
.bwg_ewm {height: 92px;}
.bwg_ewm span {width: 92px; height: 92px; padding: 5px;}
.bwg_item {min-height: 480px;margin-bottom: 110px;}
.bwg_itemtext {font-size: 15px;line-height: 24px;}
.bwg_itemcon {padding: 0 0 0 96px;}
.item2 .bwg_itemcon {padding: 0 96px 0 0;}
.bwg_item.firstitem {margin-top: -90px;}
.firstitem .bwg_itemtext {margin-top: 90px;}
.bwg_img_box {padding: 40px 0;}
.bwg_swiper .swiper-container {margin: 0 -18px;}
.bwg_swiper .swiper-slide {padding: 0 18px;}
.bwg_part4 {padding: 60px 0 40px;}
.bwg_parttit {font-size: 30px;line-height: 40px;padding-bottom: 20px;}
.bwg_partintro {font-size: 16px;line-height: 24px;}
.bwg_partintro p {margin: 8px 0;}
/*联系我们*/
.contact_box {padding: 80px 0;}
.contact_bg {height: 480px;padding: 6px; background-size: auto 100%;}
.contact_con {padding: 55px 20px 20px 40px;}
.contact_list {padding: 25px 0;}
.contact_con .g_link {margin: 15px 0;}
/*新闻列表d*/
.news_list_boxd .li a {height: 364px;}
/*新闻列表c*/
.news_list_boxc .li a {height: 185px; padding: 0 20% 0 0;}
.news_list_boxc .news_tm {right: 25px;}
/*搜索*/
.allSearch_form .search_li {padding: 15px;}
.search_input,.search_select {width: 300px;}
.allSearch_form .g_link {width: 180px;}
.news_list_boxc .search_newspic {width: 200px; top: 25px;}
.news_list_boxc .news_list .li {padding: 12px 0;}
}
/*--1300--*/
@media screen and (max-width:1300px){/*--1300--*/
.wrap {width: 1100px;}
.header {padding: 0 20px;}
.logo {height: 40px;}
.head_nav .li {padding: 7px 15px 0;}
.head_right {padding: 18px 0 0;}
.head_btn {padding: 0 0 0 15px;}
.head_nav .li a {font-size: 14px;line-height: 22px;}
.navdown .nav{padding: 10px 44px 0 0;}
.navdown .nav ul {padding-left: 30px;}
.navdown .nav li {padding: 8px 0;line-height: 20px;}
.navdown .nav a {line-height: 20px;font-size: 12px;}
.arrow_left {left: -50px;}
.arrow_right {right: -50px;}
.arrow_icon {width: 36px; height: 36px; background-size: auto 100%;}
.index_ban .ban_video:before {bottom: 155px;}
.ban_ad_box {padding: 20px 0 25px;height: 155px;}
.ban_ad_left h1 {font-size: 40px;}
.ban_ad_left {font-size: 18px;}
.ban_ad_right {padding: 10px 0;}
.index_cybj_btm {height: 158px;padding: 34px 0 0;}
.cybj_icon {height: 66px;}
.index_cybj_icon .li12.add2 {right: 42px;}
.index_cybj_icon .li11 {top: 80px;}
.foot_nav .li {padding-right: 40px;}
.navdown{top: 70px}
.ban_ad_left .icon_img {float: left; width: 66px; margin: 13px 13px 0 0;}
/*集团概况*/
.jtgk_con {padding: 75px 0 20px;}
.jtgk_img_box:after {height: 300px;}
.jtgk_img_box {padding: 20px 40px 90px;}
.jtgk_left {padding: 0 30px;line-height: 1.6;}
/*新闻列表1*/
.news_list_box {padding: 70px 0;}
.news_list {margin: 0 -13px;}
.news_list .li {padding: 8px 13px;}
.news_neir .news_bt {font-size: 20px;line-height: 28px;margin-bottom: 12px;max-height: 56px;}
.news_neir .news_zy {margin-bottom: 12px;}
.news_neir {height: 230px;}
/*新闻列表2*/
.news_list_box2 {padding: 65px 0;}
.news_list_box2 .news_list .li {padding: 13px;}
.news_list_box2 .li a {height: 380px;}
/*新闻详情页*/
.news_detailCon {padding: 30px 100px;}
/*品牌展示*/
.ppzs_num_box {padding: 35px 0;}
.ppzs_num {padding: 0 80px;}
.ppzs_num .num {font-size: 70px; line-height: 74px;}
.ppzs_num .tit {padding: 4px 0; font-size: 16px; line-height: 22px;}
.ppzs_logo_box {padding: 10px 0 80px;}
.ppzs_logo_box .img {height: 164px; line-height: 164px; width: 204px;}
.img_con .ppzs_p {padding: 25px 25px 25px 214px;}
.left .img_con .ppzs_p {padding: 20px 214px 20px 25px;}
.ppzs_logo_box .img_con {width: 632px;}
.ppzs_logo_box .li:hover .img_con {height: 338px;}
/*新闻列表d*/
.news_list_boxd .li a {height: 310px;}
/*新闻列表c*/
.news_list_boxc .li a {height: 185px; padding: 0 200px 0 0;}
.news_list_boxc .news_tm {right: 20px;margin-top: -30px;}
.news_list_boxc .news_tm b {font-size: 40px;line-height: 42px;}
/*搜索*/
.search_input,.search_select {width: 280px;}
.allSearch_form .g_link {width: 160px;}
.news_list_boxc .search_newspic {width: 180px; top: 30px; margin-top: 0;}
.news_list_boxc .news_list .li {padding: 12px 0;}
}
/*--ipad横--*/
@media screen and (max-width:1200px){/*--1024--*/
.wrap {width: 100%;}
a:hover {color: #333;}
.load_b {background-size: 360px auto;}
.index_ban .slide_a {height: 600px;}
.ban_ad_left {opacity: 1;transform: translateX(0);}
.ban_ad_right {opacity: 1;transform: translateX(0);}
.index_news_swiper {padding: 0 40px; /*height: 360px;*/ overflow: hidden;}
.index_news {padding: 60px 0;}
.index_news .wrap {width: 1000px;}
.index_tit {font-size: 24px;}
.index_new_tab .li a {font-size: 14px;}
.news_tit {font-size: 16px;margin-bottom: 12px;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_intro { letter-spacing: 0.5px; font-size: 13px; line-height: 20px; height: 80px; max-height: 80px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.news_intro {display:none;}
.arrow_icon {top: 20%; width: 30px; height: 30px;}
.arrow_right {right: 0;}
.arrow_left {left: 0;}
.index_news .g_link_box {padding: 40px 0 0;}
/*布局*/
.buju_item .buju_con {padding: 15px 20px;}
.buju_con .buju_tit {font-size: 22px;line-height: 30px;padding: 10px 0;}
.buju_con .buju_intro {overflow: hidden; color: #fff; font-size: 12px;line-height: 20px; height: 160px; margin: 8px 0;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.buju_item.one .buju_con {padding: 15px 20px;}
.buju_item.one .buju_tit {font-size: 22px;line-height: 30px;}
.buju_item.one .buju_intro {margin: 8px 0;}
.index_partner {padding: 70px 0 60px;}
/*.index_partner .box_logo,
.index_partner .img {display: none;}*/
.index_partner .img {background-size: 260px auto;}
.index_partner .g_link_box {padding: 50px 0 0;}
/*二级导航*/
.navTwo_tit {font-size: 25px;line-height: 32px;}
.g_navTwo {height: 50px; padding: 9px 0;}
.navTwo_ul .li {padding-left: 40px;}
.navTwo_ul .li a {font-size: 15px;line-height: 30px;}
/*集团概况*/
.main_bg {background-size: auto 700px; background-position-y: 30px; min-height: 760px;}
.jtgk_con {padding: 65px 0 15px;}
.jtgk_img_box {padding: 15px 35px 80px;}
.jtgk_left {padding: 0 15px;font-size: 14px;line-height: 1.7;}
.jtgk_left h1 {font-size: 32px;margin: 0 0 20px;}
.jtgk_item {padding: 20px 0;width: 200px;}
.jtgk_num {line-height: 1.2;}
.jtgk_num .strong {font-size: 52px;}
.jtgk_numTit {font-size: 15px;padding: 8px 0;}
.jtgk_iconright {right: 0;}
.jtgk_iconleft {left: 0;}
.jtgk_icon {width: 12%;}
/*新闻列表1*/
.news_list_box {padding: 60px 0;}
.news_list {margin: 0 -10px;}
.news_list .li {padding: 8px 10px;}
.news_neir .news_bt {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_neir .news_zy {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.index_news .news_neir .news_zy {-webkit-line-clamp: 6;}
/*新闻列表2*/
.news_list_box2 {padding: 60px 0;}
.news_list_box2 .news_list .li {padding: 10px;}
.news_list_box2 .news_neir {padding: 16px 20px;}
.news_list_box2 .li a {height: 360px;}
.news_list_box2 .news_neir .news_zy {-webkit-line-clamp: 6;}
/*新闻详情页*/
.main_bg2 {background-size: auto 700px; background-position-y: 150px; /*min-height: 900px;*/}
.news_detailCon {padding: 25px 80px;}
.detail_tit {font-size: 32px;line-height: 44px;margin-bottom: 15px;}
.detail_intro {font-size: 18px;margin-bottom: 25px;}
.detail_label {margin-bottom: 10px;}
.news_detailCon .editor_con {font-size: 15px;line-height: 28px;padding: 40px 0;}
/*品牌展示*/
.ppzs_logo_box .img {width: auto;}
.ppzs_logo_box .li .img_con .img {width: 188px;height: 152px;line-height: 152px;right: auto;left: 0;}
.ppzs_logo_box .img_con {width: 586px;}
/*博物馆*/
.bwg_banner {height: 540px;}
.bwg_banner .bwg_logo {width: 200px; height: 200px; line-height: 200px;margin-top: -110px;margin-left: -100px;}
.bwg_banner .bwg_logo img {width: 150px;}
.bwg_tit .label {font-size: 20px; line-height: 32px;}
.bwg_tit .tit {font-size: 50px;line-height: 58px;}
.bwg_select_box {margin-top: 25px;}
.bwg_select_box .text strong {font-size: 15px;}
.bwg_select_box .text {border-width: 2px;width: 354px;height: 54px;}
.bwg_select_box .text b {font-size: 18px;line-height: 50px;padding: 0 10px 0 20px;width: 300px;}
.bwg_select_box .sel_icon {width: 54px;border-width: 2px;}
.bwg_select {top: 54px;border-width: 2px;}
.bwg_select .li a {font-size: 15px;}
.bwg_intro {font-size: 15px;line-height: 24px;}
.bwg_item {min-height: 420px;margin-bottom: 80px;}
.bwg_itemcon {padding: 0 0 0 70px;}
.bwg_itemtext {font-size: 14px;line-height: 22px;padding: 20% 0 0;}
.item2 .bwg_itemcon {padding: 0 70px 0 0;}
.bwg_item.firstitem {margin-top: -60px;}
.firstitem .bwg_itemtext {margin-top: 60px;padding: 12% 0 0;}
.bwg_img_box {padding: 30px 0;}
.bwg_swiper .swiper-container {margin: 0 -12px;}
.bwg_swiper .swiper-slide {padding: 0 12px;}
.bwg_swiper .arrow_icon {margin-top: -15px;}
.bwg_swiper .arrow_left {left: 15px;}
.bwg_swiper .arrow_right {right: 15px;}
.bwg_part4 {padding: 45px 0 30px;}
.bwg_parttit {font-size: 26px;line-height: 36px;padding-bottom: 14px;}
.bwg_partintro {font-size: 14px;line-height: 22px;}
.bwg_partintro p {margin: 6px 0;}
/*联系我们*/
.contact_box {padding: 70px 0;}
.contact_bg {height: 440px;padding: 5px;}
.contact_con {padding: 45px 15px 15px 30px;}
.contact_list {padding: 20px 0;}
.contact_con .g_link {margin: 10px 0;}
/*新闻列表d*/
.news_list_boxd .li a {height: 300px;}
/*新闻列表c*/
.news_list_boxc .li a {height: 180px;}
.news_list_boxc .news_tm {margin-top: -28px;}
.news_list_boxc .news_tm b {font-size: 36px;line-height: 38px;}
.news_list_boxc .news_neir .news_bt {display: block;}
.news_list_boxc .news_neir .news_zy {-webkit-line-clamp: 3;}
/*搜索*/
.search_select select {width: 100%; height: 34px; border-radius: 4px; border-color: #c5c5c5; padding: 0 5px; box-sizing: border-box;}
.search_label {font-size: 14px;}
.search_input input {padding: 0 10px;}
.allSearch_form .g_link {font-size: 14px;}
.news_list_boxc .search_newspic {margin-top: 0;}
.news_list_boxc .news_list .li {padding: 10px 0;}
/*新闻视频*/
.cont_video {margin-top: 50px;}
}
/*--ipad竖--*/
@media screen and (max-width:1002px){/*--768--*/
/*手机导航 start*/
.header_bg,
.header {display: none;}
.head_btn {float: right; padding: 15px 25px 0 0;}
.head_btn img {width: 30px;}
.phone_nav{display: block; height: 60px;}
.person_page {height: 44px;}
.person_page .f_r {padding: 7px 10px;}
.person_page .page_link {width: 50px;height: 30px;line-height: 28px;}
.person_page .page_link img {width: 20px;}
/*搜索*/
.nav_search {position: absolute; right: 60px; top: 10px;}
.nav_search .search_icon {display: block; padding: 10px;}
.nav_search .search_icon img {width: 20px;}
.body_on{overflow:hidden; position:fixed; width:100%; height:100%;}
/*头部*/
.phone_nav .top{ background: #fff; height: 60px; position:fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 20px; z-index:9999; box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.phone_nav .top .a{float: left; height: 34px; margin: 13px 0 0;}
.phone_nav .top .a img{height:100%; max-width: 100%;}
.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:15px 0 0; display: block;}
.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #e60012; display: block; position: relative; transition: 0.4s;}
.phone_nav .top .but i:before,
.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #e60012; transition: 0.4s;}
.phone_nav .top .but i:before{ margin-top: -7px;}
.phone_nav .top .but i:after{ margin-top: 7px;}
/*背景*/
.phone_nav .box{ width:100%; height: 100%; /*background:rgba(0,0,0,0.8);*/ background: #2f2c47; position: fixed; left: 0; top: 0; z-index: 9998; transform: translateX(100%); transition: 0.7s; }
.phone_nav .box_con{ margin:60px 0 0px 0; overflow-x: hidden;}
/*列表*/
/*.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.7);}*/
.phone_nav .box_con li{ position: relative;}
.phone_nav .box_con .li_a {border-bottom: 1px solid #433e60; padding: 7px 0; margin-left: 20px;}
.phone_nav .box_con li a{color:#fff; font-size: 16px; line-height: 41px; display:block;}
.phone_nav .box_con ol a {font-size: 13px;color: #aba6c7; padding: 0 0 0 30px;}
.phone_nav .box_con li:last-child{border-bottom: 0; }
.phone_nav .box_con ol{display: none; padding: 10px 20px; background: #28253e;}
.phone_nav .box_con .a_zk{position:absolute; left:0; top:0; width: 100%; height: 100%;}
.phone_nav .box_con .a_zk:after {content: ""; position: absolute; right: 0; top: 0;width: 46px; height: 56px; transition:0.4s; transform: rotate(-90deg);
background: url(../images/ico_nav.png) center no-repeat;}
.phone_nav .box_con .a_zk_on:after{transform: rotate(0deg);}
.phone_nav .box_con .liOn .li_a {color: #e60012; border-bottom-color: #e60012;}
.phone_nav .box_con .liOn .a_zk:after {background-image: url(../images/ico_nav2.png);}
/*打开样式*/
.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
.phone_on .top .but i{ background:none;}
.phone_on .box{transform: translateX(0%);}
/*手机导航 end*/
/*首页*/
.index_ban .ban_video {display: none;}
.index_ban .ban_video:before {display: none;}
.index_ban .slide_a {height: 480px;}
.ban_ad_left .icon_img {width: 44px;}
.ban_ad_left {width: 320px;font-size: 14px;}
.ban_ad_left h1 {font-size: 28px;}
.ban_ad_ul {margin: 0 0 0 -10px;}
.ban_ad_ul .li {padding: 0 0 0 10px;}
.ban_ad_num {font-size: 30px;line-height: 40px;padding: 0 10px;}
.ban_ad_num b {font-size: 18px;}
.ban_ad_tit {font-size: 12px;line-height: 18px;padding: 3px 0;}
.ban_ad_right {padding: 8px 0;}
.ban_ad_box {padding: 12px 0;height: 120px;}
.index_news {padding: 50px 0 60px;}
.index_news .wrap {width: 100%;}
.index_tit {font-size: 20px;}
.index_new_tab .li {padding: 0 0 0 30px;}
.index_news_swiper .swiper-container {height: 330px !important;}
.arrow_icon {top: 16%;}
.index_news .g_link_box {padding: 30px 0 0;}
/*布局*/
.buju_item {height: 440px; width: 25%;}
.buju_con1 {display: none;}
.buju_item.one {width: 25%;}
.buju_item .buju_con{transform: translateY(0); opacity: 1; transition-delay: 0.4s;}
.buju_item .buju_con,
.buju_item.one .buju_con {padding: 10px;}
.buju_con .buju_tit,
.buju_item.one .buju_tit {font-size: 18px;line-height: 24px;}
.buju_con .buju_intro {line-height: 18px;height: 180px;-webkit-line-clamp: 10;}
.index_partner {padding: 50px 0 60px;}
.index_partner .g_link_box {padding: 40px 0 0;}
.partner_list {margin-top: 10px;}
.index_partner .box_logo,
.index_partner .img {display: none;}
.foot_part1 {padding: 30px 0;}
.foot_nav .li {padding-right: 20px;}
.nav_tit {font-size: 14px;line-height: 20px;margin-bottom: 8px;}
.foot_nav .li_son a {font-size: 12px; line-height: 20px;}
.foot_ewm .li {width: 70px;}
.ewm_tit {font-size: 12px;line-height: 16px;}
.foot_address {margin-top: 20px;}
.foot_copy {float: none;}
.foot_link_box {float: none;}
.foot_link .li {padding: 0 30px 0 0;}
.foot_link .li:before {left: auto; right: 15px;}
.foot_link .li.one:before {display: block;}
.foot_link .li:last-child:before {display: none;}
.news_intro {display:-webkit-box;}
/*集团概况*/
.jtgk_con {padding: 60px 0 15px;}
.jtgk_img_box:after {height: 260px;}
/*新闻列表1*/
.news_neir .news_bt {font-size: 18px;line-height: 26px; margin-bottom: 10px;max-height: 52px;}
.news_neir {height: 220px;}
/*新闻列表2*/
.news_list_box2 .news_neir {padding: 15px;}
.news_list_box2 .li a {height: 300px;}
/*新闻详情页*/
.news_detailCon {padding: 25px 50px;}
.detail_tit {font-size: 28px;line-height: 40px; margin-bottom: 12px;}
.detail_intro {font-size: 16px;margin-bottom: 20px;}
.detail_label {margin-bottom: 8px;}
.news_detailCon .editor_con {font-size: 14px;line-height: 1.7;padding: 30px 0;}
/*品牌介绍*/
.ppzs_logo_box .logo_ul .li {width: 25%;}
.ppzs_logo_box .img {height: 140px; line-height: 140px;}
.ppzs_logo_box .li .img_con {position: fixed; top: 295px; left: 5%; right: auto; width: 90%;}
.ppzs_logo_box .img_con .ppzs_p {padding: 25px 25px 25px 198px;}
.logo_close {position: absolute; width: 40px; height: 40px; background: url(../images/close_icon.png) center no-repeat; z-index: 10; right: 0; top: 0;}
/*博物馆*/
.bwg_banner {height: 500px;}
.bwg_banner .bwg_logo {width: 180px; height: 180px; line-height: 180px;margin-top: -100px;margin-left: -90px;}
.bwg_banner .bwg_logo img {width: 140px;}
.bwg_part1 {padding: 60px 0 30px;}
.bwg_tit .label {font-size: 18px;line-height: 28px;}
.bwg_tit .tit {font-size: 44px;line-height: 52px;}
.bwg_select_box {margin-top: 20px;}
.bwg_select_box .text strong {font-size: 14px;}
.bwg_select_box .text b {font-size: 16px;line-height: 44px;padding: 0 10px 0 15px;width: 280px;}
.bwg_select_box .text {width: 330px;height: 48px;}
.bwg_select_box .sel_icon {background-size: 13px auto;width: 48px;}
.bwg_select {top: 48px;}
.bwg_select .li a {font-size: 14px; line-height: 20px;}
.bwg_tit_box {margin-bottom: 30px;}
.bwg_intro {font-size: 14px; line-height: 22px;margin-bottom: 40px;}
.bwg_ewm {height: 85px;}
.bwg_ewm span {width: 85px; height: 85px;}
.bwg_item {min-height: 340px; margin-bottom: 60px;}
.bwg_pic {width: 50%;}
.bwg_itemcon {padding: 0 0 0 30px;}
.bwg_itemtext {padding: 15% 0 0;font-size: 13px;line-height: 20px;}
.item2 .bwg_itemcon {padding: 0 30px 0 0;}
.bwg_item.firstitem {margin-top: -40px;}
.firstitem .bwg_itemtext {margin-top: 40px;padding: 10% 0 0;}
.bwg_img_box {padding: 25px 0;}
.bwg_swiper .swiper-slide {padding: 0 10px;}
.bwg_swiper .swiper-container {margin: 0 -10px;}
.bwg_part4 {padding: 35px 0 25px;}
.bwg_parttit {font-size: 24px;line-height: 32px;padding-bottom: 10px;}
/*联系我们*/
.contact_box {padding: 60px 0;}
.contact_bg {height: 380px;padding: 4px;}
.contact_con {padding: 35px 15px 15px 25px;}
.contact_list {padding: 15px 0; line-height: 24px;}
.contact_con .g_link {margin: 5px 0;}
.contact_tit {font-size: 20px; line-height: 30px;}
.contact_list .li {padding: 8px 0;}
.contact_list .icon {margin-right: 8px;}
.contact_list .con {font-size: 15px;}
/*新闻列表d*/
.news_list_boxd .li a {height: 290px;}
/*新闻列表c*/
.news_list_boxc .li a {height: 170px;padding: 0 180px 0 0;}
.news_list_boxc .news_tm {margin-top: -26px; right: 15px;}
.news_list_boxc .news_tm b {font-size: 32px;line-height: 34px;}
/*搜索*/
.allSearch_form .search_li {padding: 10px;}
.search_input, .search_select {width: 200px;}
.allSearch_form .g_link {width: 100px;}
.news_list_boxc .search_newspic {width: 160px; margin-top: 0;}
/*新闻视频*/
.tap_wrap {width: 680px; height: 360px; margin: -180px 0 0 -340px;}
}
/*--手机横--*/
@media screen and (max-width:758px){/*--480--*/
.wrap {padding: 0 15px;}
.phone_nav .top {padding: 0 15px;}
.head_btn {padding: 15px 25px 0 0;}
.load_b {background-size: 220px auto;}
.index_ban .slide_a {height: 300px;}
.icon_img {display: none;}
.ban_video video {height: 100%;}
/*.ban_ad_box {position: relative;}*/
.ban_ad_right {display: none;}
.ban_ad_left {float: none;width: 100%; padding: 5px; text-align: center;}
.ban_ad_box {padding: 6px 0;height: 80px;background: rgba(0,0,0,0.6);}
.swiper_page {bottom: 90px;}
.ban_ad_left h1 {font-size: 24px;}
.ban_ad_left .icon_img {width: 40px;}
.swiper_page .swiper-pagination-switch {width: 6px;height: 6px; margin: 0 4px;}
.swiper_page .swiper-active-switch {border-width: 1px; margin: -1px 4px;}
.index_news {padding: 40px 0 55px;}
/*.index_news .wrap {padding: 0;}*/
.index_tit {font-size: 18px; line-height: 30px; position: relative; padding-bottom: 8px;}
.index_tit:after {content: ""; position: absolute; left: 50%; margin-left: -32px;bottom: 0; width: 62px; height: 2px; background: #e60012;}
.index_news .index_tit {display: none;}
.index_new_tab {float: none; text-align: center; overflow: hidden;}
.index_new_tab .li {width: 25%; padding: 0; box-sizing: border-box;}
.index_news_swiper {height: auto; padding: 0;}
.index_news_swiper .swiper-container {height: auto !important;}
.index_news .news_neir .news_zy {display: -webkit-box;-webkit-line-clamp: 4;}
.arrow_icon {display: none;}
.news_tit {-webkit-line-clamp: 1; max-height: 24px;margin-bottom: 8px;}
.news_intro {-webkit-line-clamp: 3;height: 60px;max-height: 60px;}
.index_news .g_link_box {padding: 20px 0 0;}
.index_news_swiper .swiper-wrapper {overflow: hidden;}
.index_news_swiper .swiper-wrapper,
.index_news_swiper .swiper-slide {height: auto !important;}
.news_con {padding: 10px 10px 0; height: 100px;}
.news_time {padding: 10px 0 8px;}
.index_news_swiper {margin-right: -15px;}
.buju_item,
.buju_item.one {width: 100%;margin: 5px 0;}
.buju_item {height: 320px;}
.buju_con .buju_intro {height: 72px;-webkit-line-clamp: 4;}
.buju_item .buju_con {background: rgba(0,0,0,0.5);}
/*.buju_item:nth-child(2n+1) .buju_con {background: rgba(0,0,0,0.2);}*/
.buju_item .buju_con,
.buju_item.one .buju_con {padding: 10px 20px 15px;}
.index_partner .index_tit {text-align: center;}
.partner_phoneImg {display: block;}
.partner_img_box {display: none;}
.partner_phoneImg img {width: 100%;}
.index_partner {padding: 45px 0 55px;}
.index_partner .g_link_box {padding: 30px 0 0;}
.partner_list {margin: 0; padding: 0 20px;}
.index_partner .index_tit_box {text-align: center; padding-bottom: 35px;}
.index_partner .index_tit {transform: translate(0,0);opacity: 1; display: inline-block; margin: 0 0 0 120px;}
.index_partner .index_tit:before {content: ""; position: absolute; right: 100%; top: 2px; width: 105px; height: 40px; margin-right: 15px; background: url(../images/logo1.png) center no-repeat; background-size: 100% auto;}
.section.one .index_partner .index_tit {transition-delay: 0s;}
/*博物馆*/
.bwg_banner {height: 360px;}
.bwg_banner .bwg_logo {width: 140px; height: 140px; line-height: 140px;margin-top: -80px;margin-left: -70px;}
.bwg_banner .bwg_logo img {width: 110px;}
.bwg_part1 {padding: 50px 0;}
.bwg_tit {float: none; width: 100%; margin-top: 30px;}
.bwg_select_box {float: none;}
.bwg_select_box .text {width: 100%;}
.bwg_select_box .text b {width: 100%; padding-right: 60px;}
.bwg_tit .label {font-size: 16px;line-height: 24px;}
.bwg_tit .tit {font-size: 38px; line-height: 46px;}
.bwg_tit_box {margin-bottom: 20px;}
.bwg_intro {letter-spacing: 0; margin-bottom: 25px;}
.bwg_ewm {text-align: center;}
.bwg_item {min-height: 0; margin-bottom: 40px;}
.bwg_pic {position: relative; width: 100%; height: 300px;}
.bwg_itemcon {margin: 0;padding: 0;}
.bwg_itemtext {padding: 20px 0 0;}
.item2 .bwg_itemcon {margin: 0;padding: 0;}
.bwg_item.firstitem {margin-top: 50px;}
.firstitem .bwg_itemtext {margin-top: 0;padding: 20px 0 0;}
.bwg_img_box {padding: 20px 0;}
.bwg_img_box .wrap {padding: 0;}
.bwg_swiper .swiper-container {margin: 0 -5px;}
.bwg_swiper .swiper-slide {padding: 0 5px;}
.bwg_part4 {padding: 35px 0 25px;}
.bwg_parttit {font-size: 22px;line-height: 30px; padding-bottom: 8px;}
.bwg_partintro {font-size: 13px; line-height: 20px;}
.bwg_partintro p {margin: 5px 0;}
/*联系我们*/
.contact_box {padding: 50px 0;}
.contact_map {width: 100%;float: none; height: 260px;}
.contact_bg {height: auto;padding: 4px;background-size: 50% auto;}
.contact_con {padding: 25px 15px;}
.contact_list {padding: 10px 0; line-height: 22px;}
.contact_con .g_link {margin: 4px 0;}
.contact_list .li {padding: 5px 0;}
.contact_list .icon {margin-right: 5px;}
.contact_list .con {font-size: 14px;}
/*新闻列表c*/
.news_list_boxc .news_neir .news_tm {display: none;}
.news_list_boxc .li a {padding: 0;}
.news_list_boxc .news_neir .news_zy {-webkit-line-clamp: 3;}
/*搜索*/
.allSearch_form .search_li {display: block; width: 100%; box-sizing: border-box; padding: 8px 0;}
.search_label {width: 75px; text-align: right;}
.search_input, .search_select {width: auto; overflow: hidden; float: none;}
.search_input input, .search_select select, .allSearch_form .g_link {border-radius: 0;}
.news_list_boxc .news_list .li {padding: 8px 0;}
.allSearch_form {padding: 5px 0 20px;}
.allSearch_form .search_ul {position: relative;}
.allSearch_form .li2 {padding-right: 116px;}
.allSearch_form .li3 {position: absolute; width: auto; right: 0; bottom: 0;}
.ws_search {font-size: 16px;}
}
/*--手机竖--*/
@media screen and (max-width:470px){/*--320--*/
/*手机导航*/
.phone_nav .box_con {margin: 90px 0 0px 0;}
.phone_nav {padding-top: 30px;}
.phone_nav .top {top: 30px;}
.phone_nav .top .a {height: 30px;margin: 15px 0 0;}
.head_btn {background: #333;padding: 0 12px; float: none; position: absolute; left: 0; top: -30px; width: 100%; box-sizing: border-box; text-align: right;}
.head_search,
.head_lang {display: inline-block; float: none; vertical-align: top;}
.head_search {padding: 0 5px 0 0;}
.head_btn img {display: none;}
.head_search {width: 30px; height: 30px; background: url(../images/a_search.png) center no-repeat;}
.head_lang {width: 30px; height: 30px; position: relative;}
.head_lang:before {content: "ENG"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 12px;color: #fff;line-height: 30px; text-align: center;}
.index_ban .slide_a {height: 260px;}
.ban_ad_left {padding: 3px;}
.ban_ad_left h1 {font-size: 16px;}
.ban_ad_box {height: 60px;padding: 4px 0;}
.swiper_page {bottom: 68px;}
.ban_ad_left .icon_img {width: 32px;margin: 5px 8px 0 0;}
.index_new_tab .li a {line-height: 22px;}
.arrow_icon {width: 20px; height: 20px;}
/*.index_news_swiper {padding: 0 30px;height: 290px;}*/
.index_news_swiper .swiper-slide {padding: 0 7px;}
.news_tit {font-size: 14px;line-height: 22px; -webkit-line-clamp: 2;max-height: 44px;}
.news_intro {display: none;}
.g_link {width: 120px;line-height: 36px;}
.news_time {padding: 8px 0 6px;}
.buju_con .buju_intro {height: auto;-webkit-line-clamp: 5;}
/*二级导航*/
.navTwo_tit {display: none;}
.no_navTwo .navTwo_tit {display: block;}
.navTwo_ul {float: none; text-align: center; margin: 0 -6px; overflow: hidden;}
.navTwo_ul .li {padding: 0 6px; box-sizing: border-box;}
.g_navTwo {height: 42px; padding: 7px 0;}
.navTwo_ul .li a {font-size: 13px;line-height: 24px;}
.navtwo5 .li {width: 20%;}
.navtwo4 .li {width: 25%;}
.navtwo3 .li {width: 33.33%;}
.navtwo2 .li {width: 50%;}
.navtwo1 .li {width: 100%;}
/*品牌展示*/
.ppzs_num_box {padding: 30px 0;}
.ppzs_logo_box .li .img_con .img {margin: 8px auto;}
/*博物馆*/
.bwg_banner {height: 300px;}
.bwg_banner .bwg_logo {width: 120px; height: 120px; line-height: 120px;margin-top: -60px;margin-left: -60px;}
.bwg_banner .bwg_logo img {width: 96px;}
.bwg_select_box {margin-top: 10px;}
.bwg_select_box .text strong {font-size: 12px;letter-spacing: 0.5px; left: 5px;}
.bwg_select_box .text {height: 44px;}
.bwg_select_box .text b {font-size: 14px; line-height: 40px;}
.bwg_select_box .sel_icon {width: 44px;}
.bwg_select {top: 44px;}
.bwg_select .li a {font-size: 13px; line-height: 20px;}
.bwg_tit .label {font-size: 14px;line-height: 22px;}
.bwg_tit .tit {font-size: 32px;line-height: 40px;}
.bwg_pic {height: 200px;}
.bwg_parttit {font-size: 20px;line-height: 28px;font-weight: bold;}
/*联系我们*/
.contact_map {height: 200px;}
/*搜索*/
.allSearch_form .li2 {padding-right: 95px;}
.allSearch_form .g_link {width: 80px;}
.news_list_boxc .news_list .li {padding: 6px 0;}
.bbb{ display:none;}
}
@media screen and (max-width:320px){/*--320--*/
.foot_right {padding: 0 4px;margin: 0 -5px;}
/*二级导航*/
.navTwo_ul .li {padding: 0 4px;}
.navTwo_ul .li a {font-size: 12px;}
.bwg_parttit {font-size: 18px;line-height: 24px;}
.bbb{ display:none;}
}