* {
	outline: none;
}

body {
	font-size: 14px;
	color: #333;
	font-family: 'PingFang SC','microsoft yahei','Open Sans',Arial,sans-serif;
	-webkit-text-size-adjust: 100% !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important;
}


h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: 'PingFang SC','microsoft yahei','Open Sans',Arial,sans-serif;
}

.clearfix::before, .clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.red {
	color: #f00 !important;
}

.green {
	color: #34a52a !important;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none !important;
	color: rgba(254, 87, 34, 1);
}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
}

h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0px;
	line-height: 1.5em;
}

p:last-child {
	margin-bottom: 0px;
}

input[disabled] {
	cursor: not-allowed;
}

header .header-top .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 120px;
}
header .header-top .top-top {
	height:47px;
	line-height:47px;
	background:rgb(244,244,244);
	width:100%;
	color:rgb(51,51,51);
}

header .header-top .logo {
	display: block;
}

header .header-top .logo img {
	display: block;
}

header .header-top .top-tools {
	text-align: right;
	margin-right:10px;
}

header .header-top .top-tools .tel {
	font-size: 20px;
	font-weight: bold;
	color:rgb(0,89,180);
	
}

header .header-top .top-tools .tel img {
	height: 30px;
	margin-top: -24px;
	margin-right:10px;
}

header .header-top .top-tools .lang {
	margin-bottom: 4px;
	text-align:left;
	text-indent:46px;
}


header .header-bottom {
	height: 68px;
	background: rgba(0, 89, 180, 1);
}

header .header-bottom .main-nav {
	line-height: 67px;
	height: 67px;
}

header .header-bottom .sf-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

header .header-bottom .sf-menu > li {
	position: relative;
	width:12.5%;
	text-align:center;
}
header .header-bottom .sf-menu > li:not(:first-child) a.fmenu::after{
	 content: "";
        width: 1px;
        height:20px;
        position: absolute;
        top: 26px;
        left: 0;
        background: #fff;}
		


header .header-bottom .sf-menu > li:last-child ul {
	left: -72px;
}

header .header-bottom .sf-menu > li:last-child ul a {
	text-align: center;
	
}

header .header-bottom .sf-menu > li > a {
	display: inline-block;
	text-align: center;
	color:#fff;
	font-size:16px;
}
header .header-bottom .sf-menu > li:hover,header .header-bottom .sf-menu > li.lactive {
	background:#fcc02e;
}

header .header-bottom .sf-menu > li > ul {
	position: absolute;
	display: none;
	margin-top: 14px;
	left:0;
	width:auto;
	min-width:100%;
	background: #fff;
	border-top: 2px solid #2b2b2b;
	z-index: 12;
}

header .header-bottom .sf-menu > li > ul li {
	white-space:nowrap;
	width:auto;
	z-index:14;
}
header .header-bottom .sf-menu > li > ul li:first-child a{
	margin-top:-12px;
	}
header .header-bottom .sf-menu > li > ul li a {
	display: block;
	line-height: 1.5em;
	padding: 12px 15px;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	font-size:16px;
	position:relative;
	z-index:30;
}
header .header-bottom .sf-menu > li > ul li:first-child:before {
                content: " ";
                font-size: 0;
                line-height: 0;
                margin: 0 auto;/*居中*/
                display: block;/*独占一行*/
                background-color: #fff;
                width: 12px;
                height: 12px;
                -webkit-transform: rotate(45deg); 
                transform: rotate(45deg); /*一个正方形倾斜四十五度就是三角了但是要把下半部分藏起来*/
                position: relative;
                top: -6px; /*果断的露出上半部分*/
                z-index: 1; /*果断的隐藏下半部分*/
                -webkit-transition: all .2s ease-in;
                transition: all .2s ease-in;
            }

header .header-bottom .sf-menu > li > ul li:hover:before{
                background: rgba(10, 162, 132, 1);
            }
header .header-bottom .sf-menu > li > ul li a:hover {
	background: rgba(10, 162, 132, 1);
}

.index-banner .swiper-slide {
	display: block;
}

.index-banner img {
	width: 100%;
	height: 500px;
	-o-object-fit: cover;
	object-fit: cover;
}

#back_to_top {
	color: #cdcdcd;
	height: auto;
	position: fixed;
	top: 85%;
	margin: 0;
	z-index: 10000;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	right: -70px;
}

#back_to_top.on {
	opacity: 1;
	filter: alpha(opacity=100);
	right: 25px;
}

#back_to_top.off {
	opacity: 0;
	filter: alpha(opacity=0);
	right: -70px;
}

#back_to_top span {
	width: 40px;
	height: 40px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
	line-height: 44px;
	text-decoration: none;
	border-radius: 2px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	text-align: center;
}

#back_to_top span i {
	font-size: 22px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
}

.footer-top {
	background: rgba(36, 84, 172, 1);
	padding: 30px 0 15px;
	color: #fff;
	
}

.footer-top ul li {
	margin-bottom: 13px;
	font-size:15px;
}

.footer-top ul li a {
	display: inline-block;
}

.footer-top ul li a:hover {
	color: #fff;
}

.footer-top .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top:40px;
}
.footer-top .menu{
	font-size:15px;
	line-height:50px;
	border-bottom:1px solid #fff;
	position:relative;
	margin:0 auto;
	width:75%;
	}
.footer-top .menu a{
	margin:0 13px;}
.footer-top .flex .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px;
}
.footer-top .flex .item:nth-child(odd){
	margin-top:40px;
	margin-bottom:60px;}
.footer-top .flex .item:nth-child(2){
	text-align:right;
	}
.footer-top .flex .item img{
	width:112px;
	height:113px;}
.footer-top .flex .item:last-child {
	margin-right: 0;
    margin-left:190px;
}

.footer-top .flex .item .img-qrcode-wraper {
	background: #fff;
}

.footer-top .flex .item .img-qrcode-wraper img {
	width: 100%;
	display: block;
}

.footer-top .flex .item p {
	line-height: 1em;
}

.footer-bottom {
	height: 80px;
	line-height: 25px;
	background: rgba(36, 84, 172, 1);
	color: #ccc;
	text-align: center;
}

.banner {
	height: 80px;
	background: url("../images/inner-banner.png") no-repeat center/cover;
	margin-bottom: 50px;
}

.banner .title {
	color: #fff;
	line-height: 80px;
	margin-bottom: 0;
}

.main-block {
	margin-top:10px;
	margin-bottom: 50px;
}
.leftbox{
	width:18%;
	float:left;}
.sidebar {
	border: 2px rgba(222, 222, 222, 1) solid;
	margin-bottom: 10px;
}
.sidebar .sidetop{
	background: rgba(36, 84, 172, 1);
	height: 80px;
    line-height: 80px;
	border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	color:#fff;
	font-size:20px;
}
.sidebar .sidetop span:first-child{
	background-image: url(../images/tit_bg.png);
    background-position: 0;
    background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
    display: inline-block;
    margin-left:5px;
	height:80px;
	margin-right:10px;
	float:left;}
.sidebar ul{
	margin-left:30px;}
.sidebar ul li {
	border-bottom: 1px dashed #d9d9d9;
}

.sidebar ul li:last-child {
	border-bottom:none;
}

.sidebar ul li.on, .sidebar ul li:hover {
	color: rgba(254, 87, 34, 1);
}

.sidebar ul li a {
	display: block;
	line-height: 70px;
	padding-left: 15px;
	font-size: 16px;
}

.side-contact-info {
	background: rgba(36, 84, 172, 1);
	margin-bottom: 50px;
}

.side-contact-info .hd {
	height: 50px;
	line-height: 50px;
	background: #0E68B0;
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
}

.side-contact-info .bd {
	border: 1px solid #ddd;
	border-top: none;
	padding: 30px 25px;
	color:#fff;
}

.side-contact-info .bd li {
	margin-bottom: 10px;
	text-align:center;
}
.side-contact-info .bd .ctit img{
	width:40px;
	height:40px;
	margin-right:10px;
	}

.side-contact-info .bd .ctit{
	font-size:16px;
	}
.side-contact-info .bd .cmid{
	font-size:22px;
	margin-top:20px;
	margin-bottom:20px;
	}
.side-contact-info .bd .cbottom{
	background:#fff;
	color: #2454ac;
	font-size:16px;
	border-radius: 5px;
	height:35px;
	line-height:35px;
	font-weight:bold;
	}
	
.side-contact-info .bd li:last-child {
	margin-bottom: 0;
}

.side-contact-info .bd li p {
	text-align: center;
}

.side-contact-info .bd li p img {
	display: inline-block;
	width: 200px;
	max-width: 100%;
	padding: 15px;
}
.rightbox{width:82%}
.content .con_top {
	position:relative;
	color: rgb(68, 68, 68);
	border-bottom:1px solid rgb(222,222,222);
	line-height:40px;
	height:40px;
	padding-left:30px;
}
.content .typename{
	font-size:16px;
	float:left;
	}
.newsDetails .typename{
	font-size:16px;
	margin-top:30px;
	text-indent:20px;
	}
.newsDetails .typename::after {
    content: '';
    height: 3px;
    width: 100px;
    background: #000;
    display: block;
    margin: 12px 0;
}
.newsDetails .newsDt,.newsDetails .ptop{
	border-top:1px solid #f0efef;
	margin-top:-12px;
	padding:20px 0 30px 0;
	}
.newsDetails .ptop img
{
	width:100%;
	min-height:284px;
	margin:auto;
	}
.newsDetails .newsDt
{
	border-bottom:1px solid #f0efef;
	}
.newsDetails .ptop h4{
	font-size:20px;
	color:#585858;
	}
.newsDetails .ptop h5{margin:30px;}
.newsDetails .ptop h5 span{
	font-size:40px;
	color:#2b2b2b;
	font-weight:700;
	}
.newsDetails .ptop .ptel{
	text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
	padding:0 20px;
    display: inline-block;
    margin-right: 12px;
    border-width: 1px;
    border-style: solid;
	font-size:16px;
	line-height:40px;
    cursor: pointer;}
.newsDetails .newsDt h4{
	font-size:25px;
	color:#333;
	}
.newsDetails .newsDt h5{
	color:#adadad;
	font-size:13px;
	}
.newsDetails .shareInfo {
    max-width: 50%;
    height: 32px;
    float: right;
    clear: right;
    overflow: hidden;
	margin:27px 10px 50px;
}
.newsDetails .newscontent{
	
	border-bottom:1px dotted #f0efef;
	padding-top:20px;
	padding-bottom:60px;
	}
.newsDetails .shareInfo .shareTag {
    display: inline-block;
    font-size: 13px;
    color: #666;
    padding-top: 10px;
    float: left;
}
.newsDetails .shareListPanel {
    max-width: 270px;
    overflow: hidden;
}
.newsDetails .shareListPanel .shareIcon {
    width: 33px;
    height: 33px;
    margin: 0 0 12px 12px;
    display: inline-block;
    background-color: #fff;
}
.newsDetails .shareListPanel .Weixin {
    background: url(../images/vbg01.png?v=201907171253) -1302px -100px no-repeat;
}
.newsDetails .shareListPanel .sina_weibo {
    background: url(../images/vbg01.png?v=201907171253) -1302px -190px no-repeat;
}
.newsDetails .shareListPanel .qq_share {
    background: url(../images/vbg01.png?v=201907171253) -1302px -145px no-repeat;
}
.newsDetails .shareListPanel .qq_zone {
    background: url(../images/vbg01.png?v=201907171253) -1302px -235px no-repeat;
}
.newsDetails .shareListPanel .douban {
    background: url(../images/vbg01.png?v=201907171253) -1302px -730px no-repeat;
}
.newsDetails .shareListPanel .baidu_tieba {
    background: url(../images/vbg01.png?v=201907171253) -1302px -595px no-repeat;
}
.pshareInfo {height:80px;}
.pshareInfo .shareIcon {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin: 0 2px 0 2px;
    _margin: 0 1px 0 1px;
    cursor: pointer;
}
.pshareInfo .Weixin {
    background: url(../images/n_shareIcn.png?v=201711230954) -29px 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) -29px 0 no-repeat;
}
.pshareInfo .sina_weibo {
    background: url(../images/n_shareIcn.png?v=201711230954) -56px 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) -56px 0 no-repeat;
}
.pshareInfo .qq_share {
    background: url(../images/n_shareIcn.png?v=201711230954) 0 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) 0 0 no-repeat;
}
.pshareInfo .qq_zone {
    background: url(../images/n_shareIcn.png?v=201711230954) -387px 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) -387px 0 no-repeat;
}
.pshareInfo .douban {
    background: url(../images/n_shareIcn.png?v=201711230954) -253px 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) -253px 0 no-repeat;
}
.pshareInfo .baidu_tieba {
    background: url(../images/n_shareIcn.png?v=201711230954) -412px 0 no-repeat;
    _background: url(../images/n_shareIcn.gif?v=201711230954) -412px 0 no-repeat;
}

.content .location{float:right; color:rgb(118,118,118);font-size:14px}
.content .body{margin-top:20px;margin-bottom:30px;}
.content .body img {
	max-width: 100%;
}
.content .body .info{margin-left:auto;
	margin-right:auto;}
.content .body .info>ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	margin-bottom:20px;
	margin-left:5%;
	}
.content .body .info>ul>li{
	float:left;
	width:50%;
	color:rgb(85,85,85);
	line-height:48px;
	font-size:15px;
	display:inline-block;}
.content .body .info>ul>li img{
	width:32px;
	height:32px;
	margin-right:20px;
	}
.about-gallery {
	margin-bottom: 20px;
}

.about-gallery img {
	width: 100%;
}

.history-list .section {
	margin-bottom: 50px;
}

.history-list .section .title {
	font-size: 35px;
	color: #0E68B0;
	padding-bottom: 15px;
	border-bottom: 2px solid #ddd;
	position: relative;
}

.history-list .section .title::after {
	content: '';
	width: 191px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: #0E68B0;
}

.history-list .section .item {
	border-bottom: 1px dashed #ccc;
	padding: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.history-list .section .item .year {
	display: block;
	width: 191px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.history-list .section .item .desc {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.8em;
}

.list-overview .item {
	position: relative;
}

.list-overview .item img {
	display: block;
	width: 100%;
}

.list-overview .item .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.list-overview .item .mask .inner {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #fff;
	padding: 0 30px;
}

.list-overview .item .mask .inner .title {
	color: #fff;
}

.list-article li {
	border-bottom: 1px dashed #ddd;
	padding: 10px 0;
}

.list-article li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.list-article li a .title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
}

.list-article li a .date {
	padding-left: 15px;
	word-break: nowrap;
	color: #888;
}

.list-pager {
	margin-top: 50px;
}

.list-pager .pagination > li > a,
.list-pager .pagination > li > span {
	border-radius: 0;
	padding: 6px 12px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
}

.list-pager .pagination > li > a:focus,
.list-pager .pagination > li > a:hover,
.list-pager .pagination > li > span:focus,
.list-pager .pagination > li > span:hover {
	z-index: 2;
	color: #fff;
	background-color: #0E68B0;
	border-color: #0E68B0;
}

.list-pager .pagination > .active > a,
.list-pager .pagination > .active > a:focus,
.list-pager .pagination > .active > a:hover,
.list-pager .pagination > .active > span,
.list-pager .pagination > .active > span:focus,
.list-pager .pagination > .active > span:hover {
	color: #fff;
	background-color: #0E68B0;
	border-color: #0E68B0;
}

.title-article {
	text-align: center;
	margin-bottom: 20px;
}

.meta-article {
	text-align: center;
	color: #888;
	margin-bottom: 30px;
}

.meta-article span {
	margin-right: 15px;
}

.meta-article span:last-child {
	margin-right: 0;
}

.download-wraper .item {
	border: 1px solid #ddd;
	padding: 10px;
}

.download-wraper .item .img {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.download-wraper .item .img img {
	display: block;
	width: 100%;
}

.download-wraper .item .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.download-wraper .item .links a {
	margin-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
}

.download-wraper .item .links a:last-child {
	margin-right: 0;
}

.download-wraper .item .links a img {
	width: 100%;
}

.feedback .form-control {
	margin-bottom: 30px;
	border-radius: 0;
}

.feedback input.form-control {
	height: 45px;
}

.feedback button {
	background: #0E68B0;
	color: #fff;
	padding: 15px 50px;
	font-size: 18px;
	text-align: center;
	border: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
}

.list-application .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.list-application .hd a {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.list-application .hd a img {
	display: block;
	width: 100%;
}

.list-application .hd a img.active {
	display: none;
}

.list-application .hd a:hover img.active, .list-application .hd a.on img.active {
	display: block;
}

.list-application .hd a:hover img.normal, .list-application .hd a.on img.normal {
	display: none;
}

.list-application .bd .cate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.list-application .bd .cate a {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: calc((100% - 40px) / 5);
	min-width: calc((100% - 40px) / 5);
	margin-right: 10px;
	margin-bottom: 10px;
}

.list-application .bd .cate a:nth-child(5n+0) {
	margin-right: 0;
}

.list-application .bd .cate a img {
	display: block;
	width: 100%;
}

.cate-section {
	margin-bottom: 50px;
}

.cate-section .title {
	font-size: 35px;
	color: #0E68B0;
	vertical-align: middle;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.cate-section .title img {
	height: 50px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.cate-section .row-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.cate-section .row-flex .col-gallery {
	width: 420px;
	border-right: 1px dotted #ddd;
	padding: 20px 30px 0;
}

.cate-section .row-flex .col-gallery.big {
	width: 600px;
	max-width: 100%;
}

.cate-section .row-flex .col-products {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.cate-section .row-flex .col-products a {
	display: block;
	max-width: calc(100% / 3);
	min-width: calc(100% / 3);
	text-align: center;
}

.cate-section .row-flex .col-products a img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.cate-section .row-flex .col-products a .title {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	text-align: center;
	border-bottom: none;
	display: block;
	padding-bottom: 0;
	margin-bottom: 0;
}

.cate-section .row-flex .col-products a .subtitle {
	color: #888;
	font-size: 12px;
	text-align: center;
}

.gallery-top {
	margin-bottom: 10px;
}

.gallery-top img {
	width: 100%;
}

.gallery-thumbs img {
	width: 100%;
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.content .body .news{
	width:96%;
	margin-left:2%;
	color:rgb(119,119,119);
	}
.content .body .news .dtit{
	color:rgb(85,85,85);
	font-size:16px;
	}
.content .body .news .date{
	font-size:16px;
	}
.content .body .news img{
	height:146px;
	border-radius:10px;
	width:100%}
.list-product .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	padding: 30px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

.list-product .hd select {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px;
	height: 40px;
	color: black;
	vertical-align: middle;
	padding-left: 15px;
	border: 1px solid #e3e3e3;
	-webkit-appearance: none;
	background: url("../images/icon-select-angle-down.svg") no-repeat calc(100% - 10px) center/10px;
}

.list-product .hd .search {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.list-product .hd .search input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 40px;
	color: black;
	vertical-align: middle;
	padding-left: 15px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
}

.list-product .hd .search a {
	margin-left: 15px;
	font-size: 20px;
}

.list-product .bd .cate-title {
	color: white;
	background-color: #0065b3;
	padding: 15px;
	font-size: 28px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 24px;
	margin-bottom: 10px;
}

.list-product .bd .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.list-product .bd .list .item {
	display: block;
	max-width: calc((100% - 54px) / 4);
	min-width: calc((100% - 54px) / 4);
	margin-right: 18px;
	margin-bottom: 10px;
}
.list-product .bd .list.product .item {
	border:1px solid rgb(222,222,222);
	}
.list-product .bd .list .item:nth-child(4n+0) {
	margin-right: 0;
}

.list-product .bd .list .item img {
	width: 100%;
	display: block;
	
	-o-object-fit: contain;
	object-fit: contain;
}
.list-product .bd .list.honor .item img {
height: 296px;
}
.list-product .bd .list.case .item img {
height: 222px;
}
.list-product .bd .list.equ .item img {
height: 160px;
}
.list-product .bd .list.product .item{
	padding:10px;}
.list-product .bd .list.product .item .info{
	padding:12px 8px 8px 8px;}
.list-product .bd .list.product .item .info .title{
	font-size:14px;
	color:#666;}
.list-product .bd .list.product .item img {
height: 143px;
}
.list-product .bd .list .item .info {
	padding: 20px;
}

.list-product .bd .list .item .info .title {
	font-size: 16px;
	margin-bottom: 5px;
}

.list-product .bd .list .item .info .subtitle {
	font-size: 12px;
	color: #888;
	margin-bottom: 5px;
}

.list-product .bd .list .item .info .more {
	color: #888;
	font-size: 12px;
}

.list-product .bd .gallery {
	border: 1px solid #ddd;
	padding: 30px;
	margin-bottom: 30px;
}

.list-product .bd .gallery .title {
	text-align: center;
}

.list-product .bd .gallery .subtitle {
	text-align: center;
	color: #747474;
	font-weight: bold;
	font-size: 16px;
}

.list-product .bd .gallery .product-swiper {
	text-align: center;
}

.list-product .bd .gallery .product-swiper img {
	max-width: 100%;
}

.list-product .bd .featrue {
	border: 1px solid #ddd;
	padding: 30px;
	margin-bottom: 30px;
}

.list-product .bd .featrue ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.list-product .bd .featrue ul li {
	margin-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: calc((100% - 10px) / 2);
	min-width: calc((100% - 10px) / 2);
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #1898B1;
	height: 60px;
	line-height: 60px;
	margin-bottom: 10px;
}

.list-product .bd .featrue ul li:nth-child(2n+0) {
	margin-right: 0;
}

.list-product .bd .featrue table {
	margin-top: 30px;
}

.list-product .bd .featrue .content-body table.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.list-product .bd .featrue .content-body p {
	text-align: center;
}

.list-product .bd .spec {
	border: 1px solid #ddd;
	padding: 30px;
	margin-bottom: 30px;
}

.list-product .bd .spec > .title {
	margin-bottom: 30px;
}

.list-product .bd .spec table {
	border-top: 10px solid #006eb3;
	width: 100%;
}

.list-product .bd .spec table > tbody > tr > th {
	background: #fbfbfb;
	text-align: center;
	color: #0076b3;
	font-weight: 600;
	font-size: 16px;
	width: 200px;
}

.list-product .bd .spec table > tbody > tr > th, .list-product .bd .spec table > tbody > tr > td {
	padding: 15px;
	border: 1px solid #d7d7d7;
}

.list-product .bd .spec table > tbody > tr > td {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	padding-left: 50px;
}

.list-product .bd .spec table td.sem, .list-product .bd .spec table td.has-table {
	padding: 0;
}

.list-product .bd .spec table td.sem table, .list-product .bd .spec table td.has-table table {
	border: none;
}

.list-product .bd .spec table td.sem table td, .list-product .bd .spec table td.has-table table td {
	border: none;
	border-bottom: 1px solid #ddd;
}

.list-product .bd .spec table td.sem table td span, .list-product .bd .spec table td.has-table table td span {
	padding-left: 0 !important;
}

.list-product .bd .spec table td.sem table th, .list-product .bd .spec table td.has-table table th {
	border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.list-product .bd .spec table td.sem table tr:last-child th, .list-product .bd .spec table td.has-table table tr:last-child th {
	border-bottom: none;
}

.list-product .bd .spec table td.sem table tr:last-child td, .list-product .bd .spec table td.has-table table tr:last-child td {
	border-bottom: none;
}

.list-product .bd .spec table table.spec-sem {
	border: none;
}

.list-product .bd .details {
	border: 1px solid #ddd;
	padding: 30px;
	margin-bottom: 30px;
}

.list-product .bd .details .application-image-list a {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.list-product .bd .details .application-image-list a img {
	display: block;
	width: 150px;
	height: 150px;
}

.list-product .bd .details .application-title {
	margin-top: 30px;
}

.list-product .bd .details .title {
	font-size: 28px;
	font-weight: 600;
	color: black;
	text-align: left;
	margin-bottom: 20px;
}

.list-product .bd .details .custom-image-list img {
	border: 1px solid #ececec;
	width: 212px;
	height: 211px;
	margin-right: 15px;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	display: inline-block;
}

.index-application {
	padding: 50px 0;
	background:rgb(36,84,172);
}

.index-application .sec-title .title,.index-application .sec-title .subtitle{
	color:#fff;}
	
.sec-title {
	text-align: center;
	margin-bottom: 30px;
}
.sec-title .title{
	font-size:36px;
	color:rgb(29,29,29);
	}
.sec-title .subtitle {
	color: rgb(113,113,113);
	font-size:16px;
	font-family: garamond;
}

.index-search{
	padding:20px 0;
	color:#666;}
.index-search b{
	color:rgb(87,87,87);
	}
.index-search .searchKey,.index-search .searchBox,.index-search .searchIconBox{
	float:left;
	}
.index-search .searchPut{
	float:right;
	}
.index-search .searchBox{
	    border: 1px solid #ddd;
    border-right: none;
    height: 40px;
    width: 244px;
	}
.index-search .searchBox input{
	    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    padding: 7px 0 0 14px;
    float: left;
    color: #666;
    font-size: 14px;
    font-family: 微软雅黑;	
	line-height:38px;
	}
.index-search .searchIconBox{
	background: #0059b4;
	height:40px;
	width:75px;
	
	text-align:center;
	}
.index-search .searchIconBox #searchFormSubmit{
	line-height:40px;
	color:#fff;
	font-size:18px;
	}
.index-product {
	padding: 50px 0;
	background:rgb(250,250,250);
}
.index-product .line{
	height:21px;
	border-bottom:1px solid rgb(222,222,222);
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	}
.index-product .sidebar .sidetop{
	border-radius:0;
	}
.index-product .sidebar .sidetop span:first-child{
	background-image: url(../images/tit1_bg.png);
	}
.index-product .rightbox{
	background:#fff;
	}
.index-contact {
	padding: 50px 0;
	background: #f6f6f6;
}
.index-advan{
	padding: 10px 0 5px 0;
	background:#fff;
}
.index-advan .advan_con{
	background: url(../images/advan_bg.png) no-repeat center ,transparent;
	height:967px;}
.index-advan .item b{
	font-family: "source han sans cn light", "source han sans cn regular", symbola;
    font-size: 18px;
    color: rgb(28, 55, 144);
	}
.index-advan .item span:nth-child(2){
	line-height:40px;
	font-size:16px;
	}
	.index-advan .item_mid{
	width:301px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-align:center;
	z-index:999;
	}
.index-advan .item_mid p{
	margin-top:50px;
	margin-bottom:230px;
	font-size:16px;}
.index-advan .item_mid p:nth-child(1),.index-advan .item_mid p:nth-child(2){
	text-align:center;
	}
.index-advan .item_mid p.last{
	margin-top:190px;
	line-height:30px;
	text-indent:14px;
	text-align:left;
	padding:14px;
	}
.index-advan .item_mid ul{
	display:block;
	margin-top:-140px;}
.index-advan .item_mid ul li{
	color: rgb(30, 56, 143);
    font-family: "source han sans cn light", "source han sans cn regular", symbola;
	font-size:14px;
	font-weight:bold;
	}
.index-advan .item_mid ul li:nth-child(1){
	font-size:20px;
	}
.index-advan .item_mid ul li:not(:nth-child(1)){
	display:inline-block;
	float:left;
	margin-top:70px;
	text-align:center;
	width:calc(100% / 3 + 8px);}

.index-advan .item_mid ul li:nth-child(3){
	width:calc(100% / 3 - 16px);
	}
.index-advan .item_mid ul li:last-child{
	margin-right:0;}

.index-advan .item{
	width:436px;
	padding-left:34px;	
	margin-top:50px;
	margin-bottom:50px;
	font-size:15px;
	line-height:25px;
	z-index:1
	}

.index-advan .item:nth-child(odd)
{
float:left;
}	
.index-advan .item:nth-child(even)
{
float:right;
margin-right:20px;
}	
.index-advan .item p{
	margin-top:240px;
	}
	
.index-news{
	padding:50px 0;
	}
.index-news .info{
	border-top:1px solid rgb(222,222,222);
	position:relative;
	margin-top:-23px;
	}
.index-news .info li{
	display:inline-block;
	padding:20px 0;}
.index-news .info li img{
	width:100%;
	height:100px;
	border-radius:5px;
	}
.index-news .info li{
	border-bottom:1px solid rgb(222,222,222);
	}
.index-news .info li:last-child{
	border:none;
	}
.index-news .info .dtit{
	font-size:15px;
	color:#2b2b2b;
	margin-top:8px;
	}
.index-news .item_tit{
	overflow:auto;}
.index-news .item_tit .typename{
	font-size:16px;
	color:#2b2b2b;
	display:inline-block;
	float:left;
	text-indent:20px;
	height:60px;
	padding-top:15px;
	}
.index-news .item_tit .typename::after {
    content: '';
    height: 3px;
    width: 100px;
    background: #000;
    display: block;
    margin: 12px 0;
}
.index-news .item_tit a{
	display:inline-block;
	float:right;
	height:60px;
	padding-top:10px;}
.index-news .info p{
	color:#878787;
	}

.index-ability {
	margin-top:50px;
	margin-bottom:10px;
	}
.index-ability .bg_ability{
	height:404px;
	position:relative;
	z-index:1;
	width:606px;
	}
.index-ability .ability_con{	
	position:relative;
	z-index:2;
	margin-top:-130px;
	margin-left:10px;
	}
.index-ability .ability_con li{
	line-height:30px;
	font-size:16px;
	color:#fff;}
.index-ability .left-side,.index-ability .right-side
{
	float:left;
	}
.index-ability .left-side{
	width:160px;
	}
.index-ability .left-side ul{
	display:inline-block;
	float:left;
	width:148px;
	}
.index-ability .left-side li{
	height:81px;
	width:148px;
	line-height:81px;
	background:rgb(0,89,180);
	text-align:center;
	border-bottom:1px solid #fff;
	font-size:40px;
	color:#fff;
	cursor:pointer;
	}
.index-ability .left-side ul li.active {
  background:rgb(253,150,0);
}

.index-ability .right-side{
	width: calc(100% - 160px);
	}
.index-ability .right-side #first, .index-ability .right-side #second, .index-ability .right-side #third, .index-ability .right-side #fourth,.index-ability .right-side #fifth {
	 margin-left:-10px;
	 position: absolute;
	 opacity: 0;
	 z-index:1;
}
.index-ability .right-side #first.active, .index-ability .right-side #second.active, .index-ability .right-side #third.active, .index-ability .right-side #fourth.active,.index-ability .right-side #fifth.active {
	margin-left:0;
	transition: margin-left 100ms;
    -moz-transition: margin-left 100ms; /* Firefox 4 */
    -webkit-transition: margin-left 100ms; /* Safari 和 Chrome */
    -o-transition: margin-left 100ms; 
	 opacity: 1;
}
.tabItemTriangle{
	float:left;
	width:0;
    height:0;
    overflow:hidden;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:6px;
    border-style:solid;  /*ie6下会出现不透明的兼容问题*/
    border-color:transparent  transparent   transparent #2b2b2b;
	margin-top:34px;
	}
.index-service{
	background:rgb(248,248,248);
	padding-top:40px;
	padding-bottom:40px;
	color:rgb(102,102,102);
	line-height:28px;
}
.index-service .sec-title,.index-ability .sec-title{
	border-bottom:1px solid rgb(222,222,222);
	}
.index-service	.col-md-3{
	padding-left:20px;
	padding-right:20px;
	}
.index-service h4{
	font-size:16px;
	color:rgb(102,102,102);
	margin-top:20px;}
.index-service .img{
	text-align:center;}
.index-service .img img{
	margin-left:auto;
	margin-right:auto;
	height:56px;
	}
.index-link{
     border-top:1px solid rgb(222,222,222);
	 margin-top:20px;
	 padding-top:30px;
	 padding-bottom:20px;		
}
.index-link img{
	margin-right:20px;
}
.index-link a{
	color:rgb(73,110,232);
	}
.app-card {
	border: 1px solid #ddd;
	text-align: center;
	font-size: 18px;
}

.app-card.blue .hd {
	border-top: 4px solid #0E68B0;
}

.app-card .hd {
	border-top: 4px solid #ddd;
	padding: 15px 0;
	font-weight: bold;
}

.app-card .hd .blue {
	color: #3366ff;
}

.app-card .md {
	border-top: 1px dotted #ddd;
	padding: 15px 0;
	font-size: 14px;
}

.app-card .bd img {
	width: 100%;
}

.drawer-hamburger {
	padding: 14px 15px 24px;
}

.drawer-nav {
	z-index: 9999;
}

.drawer-menu-item {
	font-size: 14px;
	line-height: 1.5em;
}

.drawer-menu-item:hover {
	text-decoration: none;
	color: #222222;
}

.drawer-dropdown-menu-item {
	font-size: 14px;
	line-height: 2em;
}

.drawer-nav .dropdown-backdrop {
	display: none;
}

.drawer-menu {
	padding: 15px;
}

@media (max-width: 768px) {
	.top-tools {
		display: none;
	}
	header .header-top .logo img {
		height: 30px;
	}
	header .header-top .inner {
		height: 50px;
	}
	header .header-bottom {
		display: none;
	}
	.index-banner img {
		height: 200px;
	}
	.index-application {
		padding: 30px 0;
	}
	.index-application .item {
		margin-bottom: 30px;
		display: block;
	}
	.index-product .category a {
		display: block;
		width: 100%;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.index-product .list {
		display: block;
	}
	.index-product .list .item {
		max-width: 100%;
		min-width: 100%;
		margin-right: 0;
	}
	.index-product .list .item img {
		height: auto;
	}
	.index-contact .index-contact-info {
		display: block;
	}
	.index-contact .index-contact-info .item {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.index-contact .index-contact-info .item br {
		display: none;
	}
	.index-contact .index-feedback .flex-row {
		display: block;
		margin-bottom: 0px;
	}
	.index-contact .index-feedback .flex-row .item {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.index-contact .index-feedback .flex-row .item .index-feedback-submit {
		margin-top: 50px;
	}
	
	.footer-top .flex {
		display: block;
	}
	.footer-top .flex .item:nth-child(1) {
		display: none;
	}
	.footer-top .flex .item:nth-child(2) {
		display: none;
	}
	.footer-top .flex .item:nth-child(3) {
		display: none;
	}
	.footer-top .flex .item .img-qrcode-wraper {
		width: 200px;
		margin: 0 auto 10px;
	}
	.footer-top .flex .item {
		text-align: center;
		margin-right: 0;
	}
	.content .typename {
		display: none;
	}
	.banner {
		margin-bottom: 30px;
	}
	.list-overview .item .mask {
		position: relative;
		display: block;
	}
	.list-overview .item .mask .inner {
		color: #333;
		padding: 15px 0;
	}
	.list-overview .item .mask .inner .title {
		color: #333;
	}
	.list-product .bd .list {
		display: block;
	}
	.list-product .bd .list .item {
		margin-right: 0;
		max-width: 100%;
		min-width: 100%;
	}
	.list-product .bd .list .item img {
		height: auto;
	}
	.list-product .hd {
		display: block;
		padding: 10px;
	}
	.list-product .hd select {
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.list-product .hd .search a {
		margin-left: 0;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 40px;
	}
	.list-product .bd .featrue {
		padding: 15px;
	}
	.list-product .bd .featrue ul {
		display: block;
	}
	.list-product .bd .featrue ul li {
		margin-right: 0;
		max-width: 100%;
		min-width: 100%;
		font-size: 12px;
	}
	.list-product .bd .spec {
		padding: 15px;
	}
	.content-body img {
		max-width: 100%;
		height: auto;
	}
	.cate-section .row-flex {
		display: block;
	}
	.cate-section .row-flex .col-gallery {
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.cate-section .row-flex .col-products a {
		max-width: 50%;
		min-width: 50%;
	}
	.cate-section .row-flex .col-products a img {
		display: block;
		width: 100%;
	}
	.download-wraper .item {
		margin-bottom: 15px;
	}
}