@charset 'utf-8';
/* CSS reset */
html{color:#000;background:#FFF;font-family:Arial,'Microsoft Yahei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Arial,'Microsoft Yahei'; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#000; outline:none;}/*此处待添加默认链接颜色*/
a:hover,a:visited,a:active {text-decoration: none!important;}
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:center;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }


* {
    box-sizing: border-box;
}
img {
    display: block;
    vertical-align: middle;
    width: 100%;
}
html,body {
    position: relative;
    width: 100%;
    height: 100%;
}
.page-wrap{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 888;
    background: #fff;
    box-shadow: 0 2px 5px #ccc;
}
.mar-main {
    padding: 0 4%;
    position: relative;
}
.header-top {
    height: 35px;
    line-height: 35px;
    background: #303a4a;
    color: #c2c2c2;
    font-size: 12px;
}
.header span, .header a {
    display: inline-block;
    vertical-align: middle;

}
.page-slide a {width: 100%;}
.header .weibo {
    height:14px;
    padding: 0 20px;
    width: 18px;
    background: url(../images/f18a.png) center center no-repeat;
    background-size: 18px 14px;
}
.header .header-ewm {
    height:15px;
    padding-right: 20px;
    width: 17px;
    background: url(../images/weixin.png) center center no-repeat;
    background-size: contain;
}
.header .dianl {
    height:13px;
    padding-right:45px;
    width: 7px;
    background: url(../images/dianl.png) center center no-repeat;
    background-size: contain;
}
.header .language {
    position: relative;
    cursor: pointer;
    padding-right: 17px;
}
.header .language::after {
    content: '';
    position:absolute;
    top: 15px;
    right: 0;
    width: 9px;
    height: 6px;
    background: url(../images/dowm_arrow.png) center center no-repeat;
    background-size: contain;
}
.header .right-link li {
    display: inline-block;
    padding: 0 20px;
    position: relative;
}
.header .right-link li:last-child {
    padding-right: 0;
}
.header .right-link li a {
    color: #c2c2c2;
}
.header .right-link li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 12px;
    width: 2px;
    height: 13px;
    background: #c2c2c2;
}
.header .right-link .lineNone::after {
    opacity: 0;
}
.left-area,.right-link li {
    float: left;
}
.right-link {
    float: right;
}
.logo-search {
    /* padding-left: 5.4%; */
    position: relative;
}
.logo {
    float: left;
    padding: 15px 0;
    width: 15%;
    margin-left: 5.4%;
}
.logo img {
    width: 85%;
}
.search-group {
    position: relative;
    float: right;
    width: 47.5%;
    height: 42px;
    border: 1px solid #eee;
    border-radius: 15px;
    line-height: 42px;
    margin-top: 35px;
}
.search-group .product-type {
    position: relative;
    padding-right: 6%;
    padding-left: 3.5%;
    font-size: 12px;
    color: #666;
    cursor: pointer;
 }
 .search-group .product-type::after {
     content: '';
     position: absolute;
     right: 10%;
     top: 40%;
     width: 9px;
     height: 5px;
     background: url(../images/search_arrow.png) left center no-repeat;
     background-size: contain;
 }
 .search-group input {
     position: relative;
     display: inline-block;
     width: 65.9%;
     height: 100%;
     padding-left: 6%;
     color: #999;
     font-size: 12px;
     border: none;
     outline: none;
     background: url(../images/search_icon.png) 2% center no-repeat;
     background-size: 17px 17px;
 }
 .search-group .product-type::before {
     content: '';
     position: absolute;
     right: -2px;
     top: 5px;
     width: 1px;
     height: 25px;
     background: #eee;
 }
 .search-group .search-btn {
     position: absolute;
     right: 0;
     top: -1px;
     width: 13%;
     background: #397baa;
     border-radius: 0 15px 15px 0;
     color: #fff;
     font-size: 14px;
     padding-left: 4%;
 }
 .product-center {
     position: absolute;
     width: 270px;
     /* overflow: hidden; */
     height: 70px;
     z-index: 99;
     transition: all 3s;
    -webkit-transition: all 3s;
 }
 .product-center:hover {height: auto;}
 .product-center li {
     padding-left: 26%;
     height: 60px;
     line-height: 60px;
 }
 .product-center li a {
     font-size: 16px;
     color: #d2d2d2;
 }
 .product-center  .heading-title  {
     position: relative;
     height: 70px;
     line-height: 70px;
     padding-left: 26%;
 }
 .product-center  .heading-title a {
     color:#fff;
     font-size: 22px;
 }
 .product-center .heading-title::after {
     position: absolute;
     top: 44%;
     right: 12%;
     content: '';
     width: 13px;
     height: 8px;
     background: url(../images/product_arrow.png) center center no-repeat;
     background-size: contain;
 }
 .product-center .heading-title {
    background: #0076ca url(../images/pro_icon_1.png) 9% center no-repeat;
    background-size: 23px 23px;
 }
 .product-center li:nth-child(1) {
    background: #201e1e url(../images/pro_icon_2.png) 9% center no-repeat;
    background-size: 22px 25px;
 }
 .product-center li:nth-child(2) {
    background: #201e1e url(../images/pro_icon_3.png) 9% center no-repeat;
    background-size: 22px 24px;
 }
 .product-center li:nth-child(3) {
    background: #201e1e url(../images/pro_icon_4.png) 9% center no-repeat;
    background-size: 21px 23px;
 }
 .product-center li:nth-child(4) {
    background: #201e1e url(../images/pro_icon_5.png) 9% center no-repeat;
    background-size: 18px 20px;
 }
 .product-center li:nth-child(5) {
    background: #201e1e url(../images/pro_icon_6.png) 9% center no-repeat;
    background-size:18px 19px;
 }
 .product-center li:nth-child(6) {
    background: #201e1e url(../images/pro_icon_7.png) 9% center no-repeat;
    background-size: 19px 19px;
 }
 .product-center li:nth-child(7) {
    background: #201e1e url(../images/pro_icon_8.png) 9% center no-repeat;
    background-size: 18px 20px;
 }
 .product-center li:nth-child(8) {
    background: #201e1e url(../images/pro_icon_9.png) 9% center no-repeat;
    background-size: 18px 20px;
 }
 .product-center li a:hover {
    color: #0076ca;
 }
 .page-link {
     float: left;
     margin-left: 28%;
     height: 70px;
     line-height: 70px;
     z-index: 99;
 }
 .page-link li {
     float: left;
 }
 .page-link li a {
    position: relative;
    display: block;
    padding: 0 27px;
    color: #3a3a3a;
    font-size: 19px;
 }
 .page-link li a::after {
    content: '';
    position: absolute;
    top: 38%;
    right: 0;
    width: 2px;
    height: 15px;
    background: #c1c1c1;
 }
 .page-link li .lineNone::after {
     opacity: 0;
 }
 .page-link li a::before {
    content: '';
    position: absolute;
    bottom:22%;
    left:15%;
    width: 70%;
    height:2px;
    background: #2f76c4;
    opacity: 0;
 }
 .page-link .active::before {
    opacity: 1;
 } 
 .page-link .active {
    color: #2f76c4;
 }
 .page-slide {
     width: 100%;
 }
 .swiper-container {
    width: 100%;
    height: 100%;
}
/* .swiper-slide {
    background-position: center;
    background-size: cover;
} */
.swiper-button-prev.swiper-button-white {
    background-image: url(../images/banner_arrow_left.png);
    background-size: contain;
}
.swiper-button-next.swiper-button-white {
    background-image: url(../images/banner_arrow_right.png);
    background-size: contain;
}
.swiper-button-next, .swiper-button-prev {
    width: 68px;
    height: 68px;
}
.page-main {
    padding-top: 0px;
}
.pro-display-title {
    width: 100%;
    margin: 50px 0 15px 0;
    font-size: 26px;
    color: #000;
}
.pro-display-title span:last-child {
    font-size: 12px;
}
.pro-display-decript {
    font-size: 16px;
    color: #b5b9c9;
    padding-bottom: 18px;
    border-bottom: 1px solid #999dad;
}
.left-txt {
    float: left;
}
.right-more {
    float: right;
}
.right-more a {
    font-size: 14px;
    color: #000;
}
.pro-display-tab {
    padding-top: 20px;
    padding-bottom: 40px;
}
.pro-display-tab .on,.thumbnail .swiper2 .on {
    background: #696d7f;
    color: #fff;
}
.pro-display-tab .on::after,.thumbnail .swiper2 .on::after {
    background: #fff;
}
.pro-display-tab li {
    position: relative;
    float: left;
    line-height: 40px;
    text-align: left;
    border: 1px solid #d3d3d3;
    font-size: 18px;
    color: #000;
	padding-left: 2.5%;
	padding-right: 2%;
    margin-right: 2%;
	margin-bottom: 1%;
    cursor: pointer;
}
.pro-display-tab li:last-child {
    margin-right: 0;
}
.pro-display-tab li::after {
	position: absolute;
	left: 15px;
	top: 17px;
	content: '';
	width: 6px;	
	height: 6px;
	background: #696d7f;
}
.pro-display-content {
    display: none;
    padding: 0 1%;
}
.pro-display-items .now {
    display: block;
}
.pro-display-content li {
    position: relative;
    float: left;
    width: 22.7%;
    margin-right: 3%;
    text-align: center;
}
.pro-display-content li .index-pos {
    opacity: 0;
    position: absolute;
    padding: 8% 6% 0;
    overflow: hidden;
    top: 0;
    width: 100%;
    /* height: 193px; */
    background: rgba(103,103,103,0.5);
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.pro-display-content li .index-pos:hover {
    opacity: 1;
}
.pro-display-content li .index-pos em {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-bottom: 3%;
    text-align: left;
}
.pro-display-content li .index-pos p {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-bottom: 3%;
    text-align: left;
	line-height: 24px;
}
.pro-display-content li:nth-child(4),.pro-display-content li:nth-child(8) {
    margin-right: 0;
}
.pro-display-content li span {
    display: block;
    font-size: 14px;
    color: #2a2a2a;
    padding:20px 0 30px;
}
.product-display .marAdd {
    margin-top: 15px;
}
.small-title {
    font-size: 18px;
    color: #7d8192;
    padding-top: 55px;
}
.center-txt {
    font-size: 15px;
    color: #999;
    text-align: center;
    padding: 25px 0 40px;
}
.left-contact {
    float: left;
    width: 50%;
}
.left-contact li {
    font-size: 16px;
    color: #999;
    padding-left: 12%;
    margin-bottom: 20px;
}
.left-contact li:nth-child(1) {
    background: url(../images/contact_1.png) 3% center no-repeat;
    background-size: 30px 20px;
}
.left-contact li:nth-child(2) {
    background: url(../images/contact_2.png) 3% center no-repeat;
    background-size: 24px 16px;
}
.left-contact li:nth-child(3) {
    background: url(../images/contact_3.png) 3% center no-repeat;
    background-size: 25px 21px;
}
.left-contact li:nth-child(4) {
    background: url(../images/contact_4.png) 3% center no-repeat;
    background-size: 21px 24px;
}
.left-contact li:nth-child(5) {
    background: url(../images/contact_5.png) 3% center no-repeat;
    background-size: 19px 25px;
}
.left-contact li:nth-child(6) {
    background: url(../images/contact_5.png) 3% center no-repeat;
    background-size: 19px 25px;
}
.index_bg li:nth-child(1) {
    background: url(../images/contact_11.png) 3% center no-repeat;
    background-size: 30px 20px;
}
.index_bg li:nth-child(2) {
    background: url(../images/contact_22.png) 3% center no-repeat;
    background-size: 24px 16px;
}
.index_bg li:nth-child(3) {
    background: url(../images/contact_33.png) 3% center no-repeat;
    background-size: 25px 21px;
}
.index_bg li:nth-child(4) {
    background: url(../images/contact_44.png) 3% center no-repeat;
    background-size: 21px 24px;
}
.index_bg li:nth-child(5) {
    background: url(../images/contact_55.png) 3% center no-repeat;
    background-size: 19px 25px;
}
.contact-right {
    float: right;
    width: 28%;
}
.contact-right li {
    float: left;
    width: 120px;
    color: #7b7b7b;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
}
.contact-right li:first-child {
    margin-right: 10%;
}
.contact-right li img {
    margin-bottom: 25px;
}
.contact-detail {
    padding-right: 10%;
}
.page-footer {
    background: #474a54;
    padding-bottom: 35px;
    color: #979cac;
    font-size: 14px;
    text-align: center;
}
.page-footer p:nth-child(1) {
    padding: 35px 0 25px;
}
.thumbnail {
    display: none;
    margin: 15px 0 20px;
}
.thumbnail .swiper-slide {
    position: relative;
    float: left;
    /* width: 14%; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    color: #000;
    margin-right: 2%;
}
.thumbnail .swiper-slide::after {
    position: absolute;
    left: 8%;
    top: 18px;
    content: '';
    width:5px;
    height: 5px;
    background: #696d7f;
}

/*手机侧边栏*/
.mob-slide {position: absolute; top: 0; right:100%; width: 100%; background: #fff; z-index: 999;}
.mob-slide .mob-product-center {background: #0076ca; color: #fff;}
.mob-slide li { height: 40px; line-height: 40px; border-bottom: 1px solid rgba(0,0,0,.1); box-sizing: border-box; }
.mob-slide .head {color: #666; text-align: center; font-size:16px; position: relative;}
.mob-slide .item a {color: #666; font-size: 14px; display:block; padding: 0 40px;}
.mob-slide .glyphicon-move {top: 34%; cursor: pointer;}
.mob-slide .glyphicon-menu-right {top: 35%; color: #666;}
.mob-slide .head i {
    position: absolute;
    right: 7%;
    top: 35%;
    width: 14px;
    height: 14px;
    background: url(../images/icon-menu-close.png) center center no-repeat;
    background-size: 100% 100%;
}
.mob-slide .mob-product-center {
    position: relative;
    padding: 0 40px;
}
.mob-slide .mob-product-center::after {
    position: absolute;
    top: 44%;
    right: 12%;
    content: '';
    width: 13px;
    height:8px;
    background: url(../images/product_arrow.png) center center no-repeat;
    background-size: contain;
}
.mob-pro-cen-detail {
    display: none;
    height: auto !important;
    border-bottom: none;
}
.mob-slide .mob-pro-cen-detail a {
    color: #d2d2d2;
}
.mob-pro-cen-detail p {  height: 40px; line-height: 40px; border-bottom: 1px solid rgba(0,0,0,.1); box-sizing: border-box; }
.mob-pro-cen-detail p:nth-child(1) a {
    background: #201e1e url(../images/pro_icon_2.png) 5% center no-repeat;
    background-size: 13px 16px;
 }
 .mob-pro-cen-detail p:nth-child(2) a {
    background: #201e1e url(../images/pro_icon_3.png) 5% center no-repeat;
    background-size:13px 15px;
 }
 .mob-pro-cen-detail p:nth-child(3) a {
    background: #201e1e url(../images/pro_icon_4.png) 5% center no-repeat;
    background-size: 13px 15px;
 }
 .mob-pro-cen-detail p:nth-child(4) a {
    background: #201e1e url(../images/pro_icon_5.png) 5% center no-repeat;
    background-size: 13px 15px;
 }
 .mob-pro-cen-detail p:nth-child(5) a {
    background: #201e1e url(../images/pro_icon_6.png) 5% center no-repeat;
    background-size:13px 14px;
 }
 .mob-pro-cen-detail p:nth-child(6) a {
    background: #201e1e url(../images/pro_icon_7.png) 5% center no-repeat;
    background-size: 13px 13px;
 }
 .mob-pro-cen-detail p:nth-child(7) a {
    background: #201e1e url(../images/pro_icon_8.png) 5% center no-repeat;
    background-size: 13px 15px;
 }

 /* 公共样式模块 */
/* .common-header .header-top {background: #1b74d8; color: #fff;} */
/* .common-header .header-txt {margin-right: 12%;} */
.left-area {width: 50%;}
.common-header .right-link li a {color: #fff;}
.common-header .iphone {background: url(../images/iphone.png) no-repeat 3% center; background-size: 11px 15px;}
.common-header .logo-nav {height: 110px;}
.common-header .log-txt {padding-top: 45px; float: left; padding-left: 1%; width: 15%;}
.common-header .common-nav {float: right; padding-top: 60px;}
.common-header .common-nav li {padding: 0 20px; position: relative; display: inline-block;}
.common-header .common-nav li::after {content: ''; position: absolute; top:14%; right: 0; width: 1px; height: 13px; background: #070808;}
.common-header .common-nav li:last-child::after {opacity: 0;}
.common-header .common-nav li a {color: #070808; font-size: 16px; display: inline-block; padding-bottom: 10px;}
.common-header .common-nav .active {position: relative; color: #2765a8; font-weight: bold;}
.common-header .common-nav .skill-li .active::after {left: 6%;}
.common-header .common-nav .active::after {content: ''; position: absolute; bottom: 0; left: -8%; width: 70px; height: 2px; background: #2765a8;}
.common-aside {width: 5%; position: fixed; top: 24%; right: 1%;  z-index: 999;}
.common-aside li {width: 100%; height: 66px; margin-bottom:2px; border-radius: 8px; cursor: pointer;}
.common-aside li:nth-child(1) {background: #043b76 url(../images/aside_1.png) center center no-repeat; background-size: 34px 24px;}
.common-aside li:nth-child(2) {background: #043b76 url(../images/aside_2.png) center center no-repeat; background-size: 34px 26px;}
.common-aside li:nth-child(3) {background: #043b76 url(../images/aside_3.png) center center no-repeat; background-size: 32px 31px;}
.common-aside li:nth-child(4) {background: #014da1 url(../images/aside_4.png) center center no-repeat; background-size: 34px 26px;}
.common-aside li:nth-child(5) {background: #043b76 url(../images/aside_5.png) center center no-repeat; background-size: 37px 20px;}


 /* 公共样式模块 */

 /* 产品1 */
.product-article {background: url(../images/bg.jpg) center center no-repeat; background-size: cover; padding-bottom: 8%;}
.product-article .product-article-title {padding: 95px 0 30px; color: #fff; font-size: 36px; text-align: center; position: relative;}
.product-article .product-article-title::after {content: ''; position: absolute; left: 47%; bottom: 0; width: 5%; height: 1px; background: #fff;}
.product-article-content {padding: 0 4%; margin-top: 55px;}
.product-article-content li {width:21.5%; height: 195px; margin-right: 4.6%; margin-bottom: 5%; border: 4px solid #fff; float: left; text-align: center;}
.product-article-content li p {color: #fff;}
.product-article-content li:last-child,.product-article-content li:nth-child(4) {margin-right: 0;}

.product-article-content li .pro-num {font-size: 24px; padding-top: 35px;} 
.product-article-content li .pro-num span {font-size: 36px;}
.product-article-content li .pro-name {font-size: 48px; margin-bottom: 20px;} 
.product-article-content li .pro-type {padding: 0 5%; text-align: justify;}
.product-article-content li .pro-type span {color: #fff; font-size: 12px; display: inline-block; margin-right: 2%;}
.product-btn-more {width: 20%; height: 52px; border: 1px solid #fff; margin: 4% auto 0; line-height: 52px; text-align: center;}
.product-btn-more a {color: #fff; font-size: 18px;}
.common-contact { padding: 0 3%; background: #e3e3e3;}
.common-contact .player-title {color: #575757; font-size: 22px; text-align: center; padding: 3% 4%; font-weight: bold;}
.common-contact .player-items {margin-bottom: 3%;  float: left;}
.common-contact .player-items li { float: left;margin: 10px;}
.common-footer {background: #474a54; text-align: center;height: 35px; line-height: 35px;}
.common-footer p {color: #f5f5f5; font-size: 14px; display: inline-block;}
.common-footer p:first-child {margin-right: 4%;}

/* 产品2 */
.product-detail .page-position {padding: 3% 0 2%;}x
.product-detail span {color: #3b3e43; font-size: 16px;}
.product-detail .product-tab,.common-thumbnail {position: relative; padding-left: 2%; height: 70px; line-height: 70px;  background: #e6e6e6; font-weight: bold;}
.product-detail .product-tab a,.common-thumbnail a {font-size: 16px; color: #3b3e43;}
.product-detail .product-tab li,.product2-swiper .swiper-slide {position: relative; padding: 0 3%; display: inline-block; cursor: pointer;}
.product-detail .product-tab::before,.common-thumbnail::before {content: ''; position: absolute; top: 30%; width: 5px; height: 26px; background: url(../images/san_zoon.png) center center no-repeat; background-size: cover;}
.product-detail .product-tab li::after,.common-thumbnail .swiper-slide::after {content: ''; position: absolute; right: 0; top: 35%; width: 2px; height: 17px; background: #525459;}
.product-detail .product-tab .active::after,.common-thumbnail .active::after {opacity: 0;}
.product-tab-item {padding: 3% 0 3%;}
.product-tab-item li {float: left; width: 23.5%; margin-right: 1.8%; text-align: center; }
.product-tab-item li .product2-img {position: relative;}
.product-tab-item .product2-img::before {content:''; width: 100%; height: 100%; background: rgba(45,130,188,0.8)url(../images/zoomIn.png) center center no-repeat; background-size: 20% 30%; position: absolute; top:0; left:0; opacity: 0;}
.product-tab-item .product2-img:hover:before {opacity:1;}
.product-tab-item li:nth-child(4n) {margin-right: 0;}
.product-tab-item li span {display: block; color: #2b2b2b; font-size: 18px;}
.product-tab-item li .product2-name {padding: 5% 0 6%;}
.product-tab-item li .product2-smallName {font-size: 14px; color: #6b6b6b; padding-bottom: 14%;}
.pageing {width: 28%; margin: 0 auto 7%;}
.pageing .pageing-btn {background: #4d82bd;  color: #fff; }
.pageing li {display: inline-block; width:32px; height: 30px; border-radius: 5px; line-height: 30px; text-align: center; font-size: 16px; color: #333; font-weight: bold;}
.pageing .active {background: #014da1;  color: #fff;}
.common-thumbnail {display:none;}

/* 产品3 */
.product3-show .left-swiper {float: left; width: 47%; margin: 2.5% 2.5% 2.5% 0;}
.product3-show .right-text {float: left; width: 50.5%; color: #8e8c8c; font-size: 16px; line-height: 30px;}
.product3-show .right-text .product3-show-title {padding: 8.5% 0 7%; font-size: 22px; color: #0a0915; font-weight: bold;}
.product3-show .right-text .product3-show-decript {line-height: 30px; text-align: justify; text-indent:20px;}
.product3-show .swiper-button-next, .product3-show .swiper-button-prev {width: 45px; height: 55px;}
.product3-show .swiper-button-prev  {left: 14px;}
.product3-show .swiper-button-next  {right: 17px;}
.product3-show .swiper-button-next.swiper-button-white {background-image: url(../images/producti3_next.png);background-size: 16px 27px;}
.product3-show .swiper-button-next:hover {background-image: url(../images/banner_arrow_right.png); background-size: contain; right:14px;}
.product3-tab {height: 50px; background: #f8f8f8; line-height: 50px;}
.product3-tab li {display: inline-block; padding: 0 4%; color: #333; font-size: 16px;}
.product3-tab .active {background: #4d82bd; color: #fff;}
.product3-tab-items h1{font-size: 20px; line-height: 50px; font-weight: bold;}
/* .product3-tab-items p{font-size: 16px;line-height: 30px;margin: 15px 5px;} */
.productInfo { font-size: 15px;}
.productInfo p {
	font-size: 15px;
	color: #404040;
	line-height: 28px;
	text-align: justify;
	padding-bottom: 2%;
}
.product3-tab-items .product3-item-title {font-size: 20px; font-weight: bold; color: #404040; padding-bottom: 3.5%;}
.product3-tab-items .product3-item-heading {font-size: 17px; color: #0c0c0c; padding-bottom: 4%;}
.product3-tab-items .product3-item-base {font-size: 15px; color: #404040; line-height: 28px; text-indent:35px; text-align: justify; padding-bottom: 2%;}

/* 关于我们 */
.about-us {position: relative; padding-bottom:5%; z-index: 999;}
.about-us-inner {position: absolute; top: -8%; padding: 0 7%; width: 100%;}
.about-us-nav {height: 50px; line-height: 50px; background: rgba(0,0,0,0.4); overflow: hidden;}
.about-us-nav li {display: inline-block; padding: 0 5%;}
.about-us-nav .active {background: #192128; }
.about-us-nav .active a {font-size: 20px;}
.about-us-nav li a {font-size:16px; color: #fff;}
.about-us-content {background: #fff;}
.about-left-content, .about-right-content {float: left;}
.about-left-content {width: 62%;}
.about-right-content {width: 38%; padding: 7% 4% 0 0;}
.about-logo {margin: 18% 0 6% 17%;}
.about-logo img {width: 41%;}
.about-article {padding: 0 10% 0 17%; color: #858585; font-size: 16px; line-height: 28px; text-align: justify; background: url(../images/about_us.png) 10% 37% no-repeat; background-size: 360px 80px;}
.about-article p:first-child {padding-bottom: 12%; position: relative;}
.about-article p:first-child::after {content: ''; position: absolute; top: 77%; left: 0; width:12%; height: 4px; background: #ec794e;}

/* 联系我们 */
.contact-us {padding-bottom: 9%; }
.contact-us-title, .contact-iphone, .contact-words {padding-left: 3.2%;}
.contact-us-title .contact-us-heading {font-size: 20px; color: #014da1; padding-bottom: 1.5%;}
.contact-us-title p {color: #444; font-size: 14px;}
.contact-area {background: #f9f9f9;  margin-top: 3%; }
.contact-adress li {margin-right: 2%; background: #fff; width: 32%; height: 125px; float:left;}
.contact-adress {padding: 3.5% 4%;}
.contact-adress li:last-child {margin-right: 0;}
.contact-adress li p {font-size: 16px; color: #252525;}
.contact-adress li:nth-child(1) img {width: 14.5%; height: 41px; padding-right: 5.5%;}
.contact-adress li:nth-child(2) img {width: 19.5%; height: 31px; padding-right: 5.5%;}
.contact-adress li:nth-child(3) img {width: 15.5%; height: 41px; padding-right: 5.5%;}
.contact-iphone {background: #fff; height: 310px; padding-right: 3.2%;}
.contact-iphone img {width: 26%; display: inline-block;}
.contact-iphone li {text-align: center; margin-right: 7%; }
.contact-iphone li:last-child {margin-right: 0;}
.contact-iphone-txt p:first-child {color: #0067af; font-size: 16px; padding: 15% 0 11%; position: relative;}
.contact-iphone-txt p:last-child {color: #252525; font-size: 16px;}
.contact-iphone-txt p:first-child::before {content:''; position: absolute; top: 30%; left:0; width: 100%; height: 1px; background: #0067af;}
.contact-iphone-txt p:first-child::after {content:''; position: absolute; top: 80%; left:0; width: 100%; height: 1px; background: #0067af;}
.contact-words-left, .contact-words-right {float: left;}
.contact-words {padding-right: 2%;}
.contact-words-left {padding: 3.5% 3.5% 4% 0; width: 82%;}
.contact-words-title {font-size: 20px; color: #014da1; padding-bottom: 2.3%;}
.contact-words-txt {font-size: 14px; color: #444444; margin-bottom: 6%;}
.contact-words-input input {display: inline-block; width: 48%; height: 52px; border: 1px solid #bfbfbf; font-size: 16px; color: #868686; padding: 2%; margin-right: 2.5%; outline: none; background: #f9f9f9; margin-bottom: 2.1%;}
.contact-words-input .youx {margin-right: 0;}
textarea {display: block; width: 99%; height: 160px; background: #f9f9f9;  resize: none; border: 1px solid #bfbfbf; padding: 2% 0 0 2%; font-size: 16px; color: #868686; outline: none; margin-bottom: 2.1%;}
.send-words a {display: block; width: 99%; padding: 2.1% 0; font-size: 18px; color: #fff; text-align: center; background: #4d82bd;}
.contact-words-right {width: 18%; height: 320px; background: #fff; margin-top: 12%;}
.contact-words-wxname {font-size: 18px; color: #868686; padding-bottom: 7%; }
.contact-words-right a {display: block; font-size: 18px; color: #014da1; padding-bottom: 17%;}
.contact-words-right img {width: 70%; height: 134px;}
.contact-adress li .contact-txt p:first-child, .contact-adress li .contact-txt p:nth-child(2) {margin-bottom:12px; }
 
/* 技术与支持 */
 .skill {padding: 0 1.6% 15% 1%; width: 100%;}
 .skill-title {margin-top: 5%; text-align: center; background: url(../images/skill_title_img.png) center center no-repeat; background-size: 52% 40%;}
 .skill-small-txt {font-size: 16px; color: #858585; padding-bottom: 1%;}
 .skill-heading-txt {font-size: 22px; color: #333333;}
 .skill-content {margin-top: 6%; padding-bottom: 5%;}
 .skill-content-left, .skill-content-right, .left-number, .right-txt {float: left;}
 .skill-content-left {width: 50%;}
 .skill-content-heading {padding: 3.8% 0 2.5%; font-size: 20px; color: #000000;}
 .skill-content-decript {font-size: 14px; color: #989898; line-height: 22px;}
 .skill-content-left a {display: block; width: 20%; height: 40px; line-height: 40px; padding-left: 4%; background: #f3f3f3; font-size: 14px; color: #707070; margin-top: 6%;}
.skill-content-right {padding-left: 4.5%; width: 50%;}
.skill-content-right li {padding-bottom: 4%; border-bottom: 1px solid #f3f3f3; margin-bottom: 4.5%; float: left;margin-right: 5%;}
.left-number {margin-right: 4%; text-align: justify; width: 13%;}
.right-txt {width: 83%; margin-top: 2.1%;}
.left-number span {display: block; }
.left-number .left-number-num {font-size: 55px; color: #adadad;}
.left-number .left-number-date {font-size: 18px; color: #adadad;}
.right-txt p:first-child {font-size: 16px; color: #000; padding-bottom:3%; font-weight: bold;}
.right-txt p:last-child {font-size: 14px; color: #989898; text-align: justify; line-height: 22px;}
.skill-section {margin-top: 9%; text-align: center;}
.skill-section p {font-size: 16px; color: #0c0c0c; padding-bottom: 2%;}

/* 产品展示 */
.productShow-area {width: 100%; padding-top: 2%; background: #fff;}
.productShow-area ul {overflow: hidden;}
.productShow-area ul li {width: 48.75%; float: left;margin: 20px auto;}
.productShow-area ul li p{font-size: 16px; color: #000000; text-align: justify; margin: 2.3% 0 3.5%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
/*.productShow-area ul li:first-child {margin-right: 2.5%;} */
.productShow-item__photo { }

 /* 侧边栏动画类 */
 .fadeInRight{-webkit-animation:fadeInRight .5s ease both;animation:fadeInRight .5s ease both}
 @-webkit-keyframes fadeInRight{ 
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
/* 弹性布局样式 */
.flex {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
}

.flex-align-center {
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-pack-center {
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* 当手机模式时固定头部样式 */
header {
    display: none;
    padding: 2% 5%;
    position: fixed;
    width: 100%;
    top: 0;
    height: 50px;
    border-bottom: 1px solid #dedede;
    background: #fff;
    z-index: 999;
}
header img {
    width:15%;
}
.nav-show-btn {
    position: absolute;
    width: 20px;
    height:20px;
    background: url(../images/icon-menu.jpg) left top no-repeat;
    background-size: contain;
    top:37%;
    right: 5%;
}

/* 资料下载页面 */
.dataDownload {
    padding-top: 4%;
}
.dataDownload__list {
    height: 60px;
    padding-left: 20px;
    line-height: 58px;
    border-bottom: 1px solid #c9c9c9;
    font-size: 16px;
    color: #3b3e43;
}
.dataDownload__list p {
    float: left;
}
.dataDownload__list:nth-child(odd) {
    background: #f5f5f5;
}
.dataDownload__list__title {
    width: 50%;
}
.dataDownload__list__decript {
    width: 23%;
}
.dataDownload__list__time {
    width: 19%;
}
.dataDownload__list__download-btn {
    color: #d62a2a;
}
.dataDownload_pageing {
    margin: 4% auto 5.5%;
}

/* 媒体查询 */
 @media (min-width: 1200px) {
    .mar-main {
        width: 1200px;
        margin: 0 auto;
        padding: 0;
    }
    .center-txt {
        font-size: 14px;
    }
    .contact-right {
        width: 29%;
    }
    .contact-detail .common-contact-right {width: 36%;}
    .product-article-content li .pro-name {
        font-size: 42px;
    }
    .product-article-content li .pro-type {
        padding:0 2%;
    }
    .pageing {
        width: 32%;
    }
    .about-article {background-position: 10% 32%;}
    .contact-iphone {-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    }
    .contact-iphone li {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
    /* 技术与支持 */
    .skill-title {margin-top: 3%;}
    .left-number {width: 15%;}
    .right-txt {width: 81%;}
    .pro-display-content li .index-pos {padding-top: 5%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pro-display-content li .index-pos {padding-top: 2%;}
    .pro-display-content li .index-pos em {margin-bottom: 0.2%;}
    .mar-main {
        padding: 0 3%;
    }
    .product-center {
        width: 200px;
    }
    .page-link {
        margin-left: 23%;
    }
    .page-link li a {
        padding: 0 20px;
    }
    .pro-display-title {
        margin-top: 120px;
    }
    .pro-display-tab li {
        font-size: 16px;
    }
    .log-txt img {
        width: 80%;
    }
    .common-header .common-nav li {
        padding: 0 18px;
    }
    .common-header .logo-nav {
        height: 100px;
    }
    .common-header .log-txt {
        padding-top: 35px;
    }
    .common-header .common-nav {
        padding-top: 50px;
    }
    .product-article .product-article-title {
        padding: 65px 0 20px;
    }
    .product-article-content li .pro-num span {
        font-size: 25px;
    }
    .product-article-content li .pro-name {
        font-size: 36px;
    }
    .product-article-content li .pro-num {
        padding-top: 20px;
    }
    .product-article-content li .pro-name {
        margin-bottom: 15px;
    }
    .product-article-content li {
        height: 195px;
    }
    .common-aside li {
        height: 50px;
    }
    .common-aside {
        right: 2%;
    }
    .contact-right {
        width: 36%;
    }
    .pageing {
        width: 37%;
    }
    .contact-detail {
        padding-right: 1%;
    }
    .product-detail .product-tab a {
        font-size: 14px;
    }
    .product-detail .product-tab li {
        padding: 0 2.8%;
    }
    .product3-show .right-text .product3-show-decript {
        line-height: 28px;
    }
    .about-us {padding-bottom: 60%;}
    .about-article {background-position: 10% 29%; background-size: 30% 10%;}
    .contact-iphone {-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
    .contact-iphone li {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
     /* 技术与支持 */
    .skill-title {margin-top: 3%;}
    .left-number {width: 17%;}
    .right-txt {width: 79%;}
    .dataDownload__list {font-size: 14px;}
}
@media (min-width:768px) and (max-width: 991px) {
    .pro-display-content li .index-pos .msNone {display: none; }
    .pro-display-content li .index-pos {padding-top: 2%;}
    .pro-display-content li .index-pos em {margin-bottom: 0.5%;}
    .mar-main {
        padding: 0 3%;
    }
    .header .dianl {
        padding-right: 30px;
    }
    .header .weibo,.header .right-link li {
        padding: 0 15px;
    }
    .header .header-ewm {
        padding-right: 14px;
    }
    .logo img {
        width: 65%;
    }
    .search-group input {
        background: url(../images/search_icon.png) 2% 15px no-repeat;
        background-size: 12px 12px;
    }
    .search-group  {
        margin-top: 20px;
    }
    .search-group .search-btn {
        width: 15%;
    }
    .product-center {
        height: 55px;
    }
    .product-center  .heading-title,.page-link {
        height: 55px;
        line-height: 55px;
        background-size: 19px 19px;
    }
    .product-center  .heading-title a {
        font-size: 18px;
    }
    .product-center {
        width: 200px;
    }
    .page-link {
        margin-left: 28%;
    }
    .pro-display-title {
        margin-top: 185px;
    }
    .page-link li a {
        font-size: 16px;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    .pro-display-tab li {
        font-size: 13px;
    }
    .pro-display-tab li::after {
        height: 5px;
    }
    .page-link li a {
        padding: 0 10px;
    }
    .contact-right {
        width: 33%;
    }
    .contact-right li {
        width: 96px;
    }
    .left-area {
        width: 44%;
    }
    .log-txt img {
        width: 80%;
    }
    .common-header .common-nav li {
        padding: 0 18px;
    }
    .common-header .logo-nav {
        height: 100px;
    }
    .common-header .log-txt {
        padding-top: 35px;
    }
    .common-header .common-nav li a {
        font-size: 14px;
    }
    .common-header .common-nav li {
        padding: 0 10px;
    }
    .common-header .common-nav {
        padding-top: 35px;
    }
    .common-header .log-txt {
        padding-top: 25px;
    }
    .common-header .logo-nav {
        height: 80px;
    }
    .product-article .product-article-title {
        padding: 35px 0 20px;
        font-size: 28px;
    }
    .product-article-content li {
        width: 23%;
        margin-right: 2%;
        height: 175px;
    }
    .product-article-content li .pro-num {
        font-size: 18px;
        padding-top: 15px;
    }
    .product-article-content li .pro-num span {
        font-size: 24px;
    }
    .product-article-content li .pro-name {
        font-size: 26px;
        margin-bottom: 8px;
    }
    .common-aside li {
        height: 40px;
    }
    .common-aside {
        right: 2%;
    }
    .common-aside li:nth-child(1) {
        background-size: 24px 14px;
    }
    .common-aside li:nth-child(2) {
        background-size: 24px 16px;
    }
    .common-aside li:nth-child(3) {
        background-size: 22px 21px;
    }
    .common-aside li:nth-child(4) {
        background-size: 24px 16px;
    }
    .common-aside li:nth-child(5) {
        background-size: 27px 14px;
    }
    .product-btn-more {
        height: 40px;
        line-height: 40px;
    }
    .contact-right {
        width: 35%;
    }
    .left-contact li {
        font-size: 14px;
        padding-left: 14%;
    }
    .common-footer span {
        font-size: 12px;
    }
    .pageing {
        width: 45%;
    }
    .product-detail .product-tab a {
        font-size: 13px;
    }
    .product-detail .product-tab li {
        padding: 0 2%;
    }
    .product3-show .right-text .product3-show-title {
        padding-bottom: 5%;
    }
    .product3-show .right-text .product3-show-decript {
        font-size: 14px;
        line-height: 22px;
    }
    .contact-detail {
        padding-right: 4%;
    }
    .about-us {padding-bottom: 80%;}
    .about-article {background-position: 11% 30%; background-size: 30% 10%; font-size: 14px;}
    .about-article p:first-child::after {top:83%;}
    /* 联系我们 */
    .contact-adress li p {font-size: 13px;}
    .contact-adress li:nth-child(1) img {width: 10%; height: 31px;}
    .contact-adress li:nth-child(2) img {width: 12.5%; height: 25px;}
    .contact-adress li:nth-child(3) img {width: 12.5%; height: 27px;}
    .contact-words-left {width: 75%;}
    .contact-words-right {width: 25%; height: 290px; margin-top: 15%;}
    .contact-words-input input {height: 40px;}
    .contact-iphone {-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    }
    .contact-iphone li {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
    /* 技术与支持 */
    .skill-title {margin-top: 3%;}
    .left-number {width: 17%;}
    .right-txt {width: 79%;}
    .left-number .left-number-num {font-size: 40px;}
    .left-number .left-number-date {font-size: 15px;}
    .right-txt p:first-child {font-size: 14px;}
    .right-txt p:last-child {font-size: 12px;}
    .skill-content-right {padding-left: 3.5%;}
    .dataDownload__list {font-size: 12px;}
    .productShow-item__photo {
        border: 5px solid #d0d0d0;
    }
    .productShow-item .productShow-item__decri {
        font-size: 14px;
    }
}
@media (min-width: 375px) and (max-width: 767px) {
    .mar-main {
        padding: 0 5%;
    }
    .lsNone {
       display:none !important;
    }
    .lsShow {
        display: block !important;
    }
    .search-group {
       margin: 30px 0 15px;
        width: 100%;
    }
    .logo img {
        width: 50%;
    }
    .logo-search {
        padding-left: 0;
        margin-top:40px;
    }
    .search-group input {
        height: auto;
        background: url(../images/search_icon.png) 2% center no-repeat;
        background-size: 11px 11px;
    }
    .search-group .search-btn {
        width: 16%;
        font-size: 12px;
    }
    .page-main {
        padding-top: 30px;
    }
    .pro-display-title {
        font-size: 20px;
    }
    .pro-display-decript {
        font-size: 13px;
        padding-bottom: 15px;
    }
    .pro-display-tab {
        padding: 15px 0 20px;
    }
    .contact-detail {
        padding-right: 4%;
    }
    .pro-display-tab li {
        width: 18%;
        font-size: 12px;
    }
    .pro-display-content li {
        width: 47%;
        margin-right: 4%;
        margin-bottom: 10px;
    }
    .pro-display-content li:nth-child(even),
    .pro-display-content li:nth-child(4),
    .pro-display-content li:nth-child(8) {
        margin-right: 0;
    }
    .product-display .marAdd {
        margin-top: 0;
    }
    .small-title {
        padding-top: 20px;
    }
    .center-txt {
        padding: 15px 0 25px;
        font-size: 14px;
    }
    .left-contact {
        width: 100%;
    }
    .left-contact li {
        padding-left: 15%;
    }
    .left-contact li {
        font-size: 13px;
    }
    .contact-right {
        width: 100%;
        padding-left: 13%;
    }
    .contact-right li img {
        margin-bottom: 15px;
    }
    .page-footer p:nth-child(1) {
        padding: 15px 0 15px;
    }
    .page-footer {
        padding-bottom: 15px;
        font-size: 13px;
    }
    .pro-display-content li span {
        font-size: 12px;
    }
    .product-article .product-article-title {
        font-size: 26px;
        padding:30px 0 15px;
    }
    .product-article-content {
        margin-top: 35px;
    }
    .product-article-content li {
        width: 47.7%;
        padding-bottom: 2%;
        height: auto;
    }
    .product-article-content li:nth-child(even) {
        margin-right: 0;
    }
    .product-article-content li .pro-num {
        font-size: 14px;
        padding-top: 15px;
    }
    .product-article-content li .pro-num span {
        font-size: 22px;
    }
    .product-article-content li .pro-name {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .product-article-content li .pro-type {
        text-align: left;
    }
    .product-btn-more {
        width: 35%;
        height: 45px;
        line-height: 45px;
    }
    .common-aside {
        width: 6%;
        right: 2%;
    }
    .common-aside li {
        height: 30px;
    }
    .common-aside li:nth-child(1) {
        background-size: 18px 14px;
    }
    .common-aside li:nth-child(2) {
        background-size: 18px 16px;
    }
    .common-aside li:nth-child(3) {
        background-size: 18px 15px;
    }
    .common-aside li:nth-child(4) {
        background-size: 18px 16px;
    }
    .common-aside li:nth-child(5) {
        background-size: 18px 14px;
    }
    .common-footer {
        height: auto;
        line-height: 25px;
        padding: 2% 0;
    }
    .contact-right li:first-child {
        margin-right: 9%;
    }
    .pageing li {
        font-size: 12px;
        height: 18px;
        width: 20px;
        line-height: 18px;
    }
    .pageing {
        width: 64%;
    }
    .common-thumbnail {
        height: 45px;
        line-height:45px;
    }
    .common-thumbnail::before {
        background-size: 100% 15px;
        top:20%;
    }
    .product-tab-item li {
        width: 48.2%;
    }
    .product3 span {
        font-size: 12px;
    }
    .common-thumbnail a {
        font-size: 14px;
    }
    .product3-show .left-swiper {
        width:100%;
        margin: 5% 0 2.5% 0
    }
    .product3-show .right-text {
        width:100%;
        font-size: 14px;
    }
    .product3-show .right-text .product3-show-title {
        padding: 7.5% 0 5%;
        font-size: 20px;
    }
    .product3-tab {
        height: 40px;
        line-height: 40px;
        margin-top: 2%;
    }
    .product3-tab li {
        padding: 0 3%;
        font-size: 14px;
    }
	
    .product3-tab-items .product3-item-title {
        font-size: 18px;
    }
    .product3-tab-items .product3-item-heading {
        font-size: 16px;
    }
    .product3-tab-items .product3-item-base {
        font-size: 14px;
    }
    .product3-contact-right {
        padding-left: 3%;
    }
    .common-thumbnail .swiper-slide::after {
        top: 30%;
    }
    .common-main {
        margin-top: 13%;
    }
    .about-us {padding-bottom: 260%;}
    .about-article {background-position:8% 32%; background-size: 27% 9%; font-size: 13px; line-height: 25px;}
    .about-article p:first-child::after {top:87%;}
    .about-us-nav {height: 40px; line-height: 40px;}
    .about-us-nav .active a {font-size: 13px;}
    .about-us-nav li a {font-size: 13px;}
    .about-logo {margin: 12% 0 6% 12%;}
    .about-article {padding: 0 7% 0 12%;}
    .about-left-content {width: 100%;}
    .about-right-content {width: 94%; padding: 7% 0 0 12%;}
    .about-us-inner {top: -2%; padding: 0;}
    /* 联系我们 */
    .contact-us-title .contact-us-heading {font-size: 18px;}
    .contact-us-title p {line-height: 22px;}
    .contact-adress li {width: 100%; padding-left: 4%; margin-right: 0; margin-bottom: 3%;  -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content:flex-start;}
    .product-detail .page-position {padding: 5% 0 3%;}
    .contact-us-title .contact-us-heading {padding-bottom: 3%;}
    .contact-iphone {padding-top: 5%; height: auto; background: #fff; padding-bottom: 8%;}
    .contact-iphone li {width: 100%;}
    .contact-iphone li div:nth-child(1) {padding-bottom: 5%; border-bottom: 1px solid #dedede;}
    .contact-iphone img, .contact-iphone-txt{ float: left;}
    .contact-iphone img {width: 15%; margin:10% 8% 0 5%;}
    .contact-words-left {padding-right:0; width: 100%;}
    .contact-words-input input {width: 100%; padding: 4%; margin-bottom: 5%; height: 45px;}
    textarea {padding: 3% 0 0 4%; margin-bottom: 5%;} 
    .contact-words-right {width: 85%; margin-top: 5%; margin-left: 7%; margin-bottom: 5%; height: 275px;}
    .contact-words-right a {padding-bottom: 7%;}
     /* 技术与支持 */
    .skill-title {margin-top: 3%;}
    .left-number {width: 17%;}
    .right-txt {width: 79%; background-size: 68% 50%;}
    .left-number .left-number-num {font-size: 35px;}
    .left-number .left-number-date {font-size: 13px;}
    .right-txt p:first-child {font-size: 14px;}
    .right-txt p:last-child {font-size: 12px;}
    .skill-content-right {padding-left: 3.5%; width: 100%;}
    .skill-small-txt {padding-bottom: 5%;}
    .skill-content-left {width: 100%; margin-bottom: 5%;}
    .skill-content-left a {width: 30%; height: 35px; line-height: 35px;}
    .skill-section p {font-size: 14px; padding-bottom: 5%;}
    .product3 .swiper-slide {padding: 0 3%;}
    .pro-display-content li .index-pos {padding-top: 2%; padding-left: 2.5%;}
    .pro-display-content li .index-pos em {margin-bottom: 2%; }
    .dataDownload__list {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding-left: 0;
    }
    .dataDownload__list p {
        width: auto;
        padding-left: 12px;
    }
    .productShow-item__photo {
        border: 3px solid #d0d0d0;
    }
    .productShow-item .productShow-item__decri {
        font-size: 13px;
    }
}
@media (min-width: 414px) and (max-width: 767px) {
    .about-article {background-position: 6% 28%; background-size: 32% 11%;}
    .about-us {padding-bottom: 235%;}
    .skill-title {background-size: 52% 36%;}
    .skill-small-txt {padding-bottom: 3%;}
    .contact-iphone img {margin-top: 7%;}
    .about-article p:first-child::after {top:81%;}
    .pro-display-content li .index-pos {padding-top: 2%;}
    .pro-display-content li .index-pos em {margin-bottom:1.2%;}
    .dataDownload__list p {padding-left: 19px;}
}
@media (min-width: 320px) and (max-width:374px) {
    .pro-display-content li .index-pos {padding-top: 2%; padding-left: 2.5%;}
    .pro-display-content li .index-pos em {margin-bottom:0; }
    header {
        height: 45px;
    }
    .mar-main {
        padding: 0 5%;
    }
    .lsNone {
       display:none !important;
    }
    .lsShow {
        display: block !important;
    }
    .search-group {
       margin:20px 0 15px;
       width: 100%;
       height: 35px;
       line-height: 35px;
    }
    .logo img {
        width: 50%;
    }
    .logo-search {
        padding-left: 0;
        margin-top:40px;
    }
    .search-group input {
        height: auto;
        background: url(../images/search_icon.png) 1% center no-repeat;
        background-size: 10px 10px;
    }
    .search-group .search-btn {
        width: 16%;
        font-size: 12px;
    }
    .page-main {
        padding-top: 20px;
    }
    .pro-display-title {
        font-size: 18px;
    }
    .right-more a {
        font-size: 12px;
    }
    .pro-display-decript {
        padding-bottom: 15px;
    }
    .pro-display-decript {
        font-size: 12px;
    }
    .pro-display-tab {
        padding: 15px 0 20px;
    }
    .thumbnail .swiper-slide {
        font-size: 12px;
    }
    .contact-detail {
        padding-right: 2%;
        text-align: justify;
    }
    .left-contact li {
        font-size: 12px;
    }
    .pro-display-tab li {
        width: 18%;
        font-size: 12px;
    }
    .pro-display-content li {
        width: 47%;
    }
    .product-display .marAdd {
        margin-top: 0;
    }
    .small-title {
        padding-top: 20px;
    }
    .center-txt {
        padding: 15px 0 25px;
        font-size: 12px;
    }
    .left-contact {
        width: 100%;
    }
    .left-contact li {
        padding-left: 15%;
    }
    .contact-right {
        width: 100%;
        padding-left: 5%;
    }
    .contact-right li img {
        margin-bottom: 15px;
    }
    .page-footer p:nth-child(1) {
        padding: 15px 0 10px;
    }
    .page-footer {
        padding-bottom: 15px;
        font-size: 12px;
    }
    .pro-display-content li span {
        font-size: 12px;
    }
    .product-article-content {
        margin-top: 30px;
    }
    .product-article-content li {
        width: 100%;
        padding-bottom: 2%;
        height: auto;
    }
    .product-article-content li:nth-child(even) {
        margin-right: 0;
    }
    .product-article-content li .pro-num {
        font-size: 14px;
        padding-top: 15px;
    }
    .product-article-content li .pro-num span {
        font-size: 22px;
    }
    .product-article-content li .pro-name {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .product-article-content li .pro-type {
        text-align: justify;
    }
    .product-btn-more {
        width: 45%;
        height: 45px;
        line-height: 45px;
    }
    .common-aside {
        width: 6%;
        right: 2%;
    }
    .common-aside li {
        height: 22px;
        border-radius: 4px;
    }
    .common-aside li:nth-child(1) {
        background-size: 12px 10px;
    }
    .common-aside li:nth-child(2) {
        background-size:12px 11px;
    }
    .common-aside li:nth-child(3) {
        background-size: 12px 10px;
    }
    .common-aside li:nth-child(4) {
        background-size: 13px 11px;
    }
    .common-aside li:nth-child(5) {
        background-size: 14px 10px;
    }
    .common-footer {
        height: auto;
        line-height: 25px;
        padding: 2% 0;
    }
    .contact-right li:first-child {
        margin-right: 4%;
    }
    .product-article .product-article-title {
        font-size: 26px;
        padding: 30px 0 15px;
    }
    .common-footer p {
        font-size: 12px;
    }
    .pageing li {
        font-size: 12px;
        height: 18px;
        width: 20px;
        line-height: 18px;
    }
    .pageing {
        width: 75%;
    }
    .common-thumbnail {
        height: 45px;
        line-height:45px;
    }
    .common-thumbnail::before {
        background-size: 100% 15px;
        top:20%;
    }
    .product-tab-item li {
        width: 48.2%;
    }
    .product3 span {
        font-size: 12px;
    }
    .common-thumbnail a {
        font-size: 14px;
    }
    .product3-show .left-swiper {
        width:100%;
        margin: 5% 0 2.5% 0
    }
    .product3-show .right-text {
        width:100%;
        font-size: 14px;
    }
    .product3-show .right-text .product3-show-title {
        padding: 7.5% 0 5%;
        font-size: 18px;
    }
    .product3-tab {
        height: 30px;
        line-height:30px;
        margin-top: 2%;
    }
    .product3-tab li {
        padding: 0 3%;
        font-size: 12px;
    }
    .product3-tab-items .product3-item-title {
        font-size: 18px;
    }
    .product3-tab-items .product3-item-heading {
        font-size: 13px;
    }
    .product3-tab-items .product3-item-base {
        font-size: 12px;
    }
    .product3-contact-right {
        padding-left: 3%;
    }
    .common-thumbnail .swiper-slide::after {
        top: 30%;
    }
    .common-main {
        margin-top: 13%;
    }
    .product3-show .right-text .product3-show-decript {
        line-height: 26px;
    }
    .left-contact li {
        padding-left: 18%;
    }
    .left-contact li {
        font-size: 12px;
    }
    .left-contact li {
        margin-bottom: 15px;
    }
    .contact-right li {
        width: 110px;
    }
    .about-us {padding-bottom: 255%;}
    .about-article {background-position:2% 32%; background-size: 24% 10%; font-size: 12px; line-height: 20px;}
    .about-article p:first-child::after {top:84%;height:2px;}
    .about-us-nav {height: 30px; line-height: 30px;}
    .about-us-nav .active a {font-size: 12px;}
    .about-us-nav li a {font-size: 12px;}
    .about-logo {margin: 12% 0 6% 8%;}
    .about-article {padding: 0 7% 0 8%;}
    .about-left-content {width: 100%;}
    .about-right-content {width: 94%; padding: 7% 0 5% 8%;}
    .about-us-inner {top: -2%; padding: 0;}
     /* 联系我们 */
    .contact-us-title .contact-us-heading {font-size: 16px;}
    .contact-us-title p {line-height: 22px; font-size: 12px;} 
    .contact-adress li p {font-size: 13px;}
    .contact-adress li:nth-child(1) img {width: 12%; height: 30px;}
    .contact-adress li:nth-child(2) img {width: 12%; height: 22px;}
    .contact-adress li:nth-child(3) img {width: 12%; height: 30px;}
    .contact-txt {margin-top:4%;}
    .contact-adress li .contact-txt p:first-child {margin-bottom: 5px;}
    .contact-adress li {width: 100%; height: 100px; padding-left: 4%; margin-right: 0; margin-bottom: 3%;  -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content:flex-start;}
    .product-detail .page-position {padding: 5% 0 3%;}
    .contact-us-title .contact-us-heading {padding-bottom: 3%;}
    .contact-iphone {padding-top: 5%; height: auto; background: #fff; padding-bottom: 8%;}
    .contact-iphone li {width: 100%;}
    .contact-iphone li div:nth-child(1) {padding-bottom: 5%; border-bottom: 1px solid #dedede;}
    .contact-iphone img, .contact-iphone-txt{ float: left;}
    .contact-iphone img {width: 11%; margin:10% 6% 0 5%;}
    .contact-words-left {padding-right:0; width: 100%;}
    .contact-words-input input {width: 100%; padding: 4%; margin-bottom: 5%; height: 40px;}
    textarea {padding: 3% 0 0 4%; margin-bottom: 5%;} 
    .contact-words-right {width: 85%; margin-top: 5%; margin-left: 7%; margin-bottom: 5%; height: 275px;}
    .contact-words-right a {padding-bottom: 7%;}
    .product3 .swiper-slide {padding: 0 3%;}
    header img {margin-top: 5px;}
    /* 技术与支持 */
    .skill-title {margin-top: 3%; background-size: 52% 30%;}
    .left-number {width: 17%;}
    .right-txt {width: 79%; background-size: 68% 50%;}
    .left-number .left-number-num {font-size: 30px;}
    .left-number .left-number-date {font-size: 12px;}
    .right-txt p:first-child {font-size: 12px;}
    .right-txt p:last-child {font-size: 12px; line-height: 17px;}
    .skill-content-right {padding-left: 3.5%; width: 100%;}
    .skill-small-txt {padding-bottom:2%;}
    .skill-content-left {width: 100%; margin-bottom: 5%;}
    .skill-content-left a {width: 35%; height: 35px; line-height: 35px;}
    .skill-section p {font-size: 12px; padding-bottom: 5%;}
    .product3 .swiper-slide {padding: 0 3%;}
    .skill-content-heading {font-size: 16px;}
    .skill-content-decript {font-size: 12px;}
    .dataDownload__list {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding-left: 0;
    }
    .dataDownload__list p {
        width: auto;
        padding-left: 12px;
    }
    .xsNone {
        display: none !important;
    }
    .productShow-item__photo {
        border: 2px solid #d0d0d0;
    }
    .productShow-item .productShow-item__decri {
        font-size: 12px;
    }
}
.download{margin-bottom: 30px;}
.download h1{ font-size: 24px;text-align: center; margin: 15px 0px;}
.download h2{ font-size: 14px;text-align: center; color: #7e7e7e;margin: 15px 0px;}
.download p{ font-size: 16px; line-height: 40px; color: #565656; text-indent: 35px; }
.download img{display: table-cell;vertical-align: middle;text-align: center;}



/* 登录页面 */
.login-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/login_bg1.png) no-repeat;
    background-attachment: fixed;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
/* .login-wrap__title {
    padding: 5% 0 0 6.6%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    background: url(../images/login_titile_logo.png) 20% bottom no-repeat;
    background-size: 85px 90px;
} */
.login-area {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -7.5%;
    margin-left: -12.5%;
    background: #fff;
    padding-bottom: 2.5%;
    border-radius: 4px;
}
.login-area__title {
    font-size: 24px;
    color: #777;
    padding:11% 0 8%;
}
.login-area .form-control {
    height: 40px;
    color: #101010;
    padding: 6px 25px 6px 12px;
}
#username {
    background: url(../images/login_username.png) 96% center no-repeat;
    background-size: 14px 20px;
}
#password {
    background: url(../images/password.png) 96% center no-repeat;
    background-size: 13px 21px;
}
.login-area .form-group:last-child {
    margin-bottom: 20px;
}
#signup {
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background: #1d9deb;
    cursor: pointer;
    padding: 0;
    margin-right: 15%;
    width: 30%;
}
#signup-auto {
    float: right;
    width: 55%;
    margin: 0;
    padding: 7px 0 0;

}
#signup-auto label {
    font-size: 12px;
    margin-right: 14px;
}
#signup-auto input {
    margin-top: 2px;
}
.forget-password {
    font-size: 12px;
    color: #f19149;
}
.forget-password:hover {
    color: #f19149;
}


.product3-item-content table{line-height: 35px;padding: 3px;margin: 2px;text-indent: 5px;}

.zp_product_im g {border: 5px solid #C7C7C7; padding: 3px; margin: 15px; width: 500px;height: 350px; float: left;}

.about-us-top {width: 100%;  text-align: center;line-height: 40px;background-color: #f1f1f1;padding: 20px;}
.about-us-top h1{font-size: 30px;color: #4f7ab5;}
.about-us-top p{font-size: 14px;color: #808080;}
.about-us-ab {width: 100%;  }
.about-us-mission {text-align: center;background-color: #f8f8f8;padding-top: 20px;padding-bottom: 20px;}
.about-us-mission h1{font-size: 30px;line-height: 70px;color: #9a9a9a; font-family: 方正正中黑简体}
.about-us-mission p{line-height: 28px;color: #a7a7a7;font-size: 14px;}
.about-us-mission span{color: #e79c20;}
.about-us-ab{width: 100%;margin: auto;}
.about-us-ab h1{text-align: center; width: 100%; line-height: 100px;font-size: 36px;color: #A6A6A6;}
.about-us-ab h1 span{color: #f5a014;}
.about-us-ab-l img{width: auto;height: auto; }
.about-us-ab-who{width: 1200px; height: 380px; margin: auto; margin-top: 3%;}
.about-us-ab-who-img img{width: auto; height: auto;}
.about-us-ab-who-img{float: left; margin: 3% 0% 0% 0%}
.about-us-ab-who-wz{width: 65%; height: auto;float: right; line-height: 30px;}
.about-us-ab-who-wz h1{color: #f7c459; text-align: left; margin-top: 50px;}
.about-us-ab-who-wz p{margin-bottom: 20px; color: #727272;}
.about-us-ab-who-wz p span{font-weight: bold;color: #000000;}


.zp_table_pro {margin-top: 15px;margin-bottom: 15px;}
.zp_table_pro table{lighting-color: 25px;}
.zp_table_pro table p {padding-left: 10px; line-height: 30px;}

/* ===== 产品筛选导航（pro-new-nav）样式 ===== */
.pro-new-nav-box {
    position: relative;
    height: 140px;
    background: #fff;
}

.pro-new-nav {
    position: absolute;
    z-index: 99;
    top: -60px;
    width: 100%;
    border-radius: 5px;
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    background: rgb(255, 255, 255);
}

.pro-new-nav__top {
    padding: 0 2%;
    background: #f8f8f8;
    border-radius: 5px 5px 0 0;
}

.pro-new-nav__top .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 24px;
    color: #646464;
}

.pro-new-nav__input {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 35.3%;
    height: 40px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
}

.pro-new-nav__input input {
    display: block;
    width: 100%;
    padding: 0 16px;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.pro-new-nav__input input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 24px;
    color: rgba(#5a5a5a, .52);
}

.pro-new-nav__input .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/search_icon.png) center center no-repeat;
    background-size: 27px 27px;
    cursor: pointer;
}

.pro-new-nav__content {padding: 0 0 20px 25px;}

.pro-new-nav__list {
    overflow-x:auto;
    width: 100%;
    padding-top: 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.pro-new-nav__list::-webkit-scrollbar {
    display: none;
}

.pro-new-nav__list li {
    margin-right: 20px;
    padding: 0 10px;
    font-size: 16px;
    color: #131313;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
}
.pro-new-nav__list li.active {
    color: #0051a0;
    background: #e4e4e4;
    border-radius: 5px;
    font-weight: 500;
}

.pro-new-nav__list li:first-child {
    margin-right: 0;
    padding: 0;
    font-weight: 500;
}

.pro-new-nav__list li:nth-child(2) {
    margin-left: 8px;
}

.pro-new-nav__group ul.hidde {
    display: none
}

/* 搜索按钮鼠标样式 */
#search-icon-btn {
    cursor: pointer;
}