*,
:before,
:after {
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	box-sizing: border-box;
}


/* 特殊字体引用  */
@font-face {
	font-family: 'Conv_Graphik-Medium';
	src: url('../fonts/Graphik-Medium.eot');
	src: local('☺'), url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.ttf') format('truetype'), url('../fonts/Graphik-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Graphik-Regular';
	src: url('../fonts/Graphik-Regular.eot');
	src: local('☺'), url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('../fonts/Graphik-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family:"Microsoft Yahei";
	font-size:14px;
	color: #303741;
	overflow-x: hidden;
	background: #f8f7fc;
}

.wrapper {
	margin: 0 auto;
}

.lan-current,
#nav a,
.banner .prev,
.banner .next,
:before,
:after,
.footer a,
.return-top,
.page a,
.page a i,
.imgScale,
.btn-download,
.btn-search,
.btn-submit,
.c-box03 a,
.news-tit,
.news-tip,
.news-info,
.news-more,
.cb02-more,
.nbs-flexisel-nav i,
.breadcrumb-nav a,
.proDetail-btns a,
.sidebar-contact a,
.media-flat a,
.pro-menu a,
.pro-more,
.pro-tit,
.swiper-button span,.news-list a{
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	transition: all .5s ease-in-out;
}

.iconfont:before {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

li:hover .imgScale,
.imgScale:hover,.cb03-news:hover .imgScale{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/*header*/

.header {
	border-top:solid 6px #d51b1b;
	height: 106px;
	background:#fff;
	position: relative;
}

.header .wrapper{
	align-items: center;
}

.logo img {
	width: 220px;
	height: 60px;
}

#nav{
	flex:1;
	margin:0 20px 0 70px;
}

#nav .nLi {
	float: left;
	position: relative;
	margin-left: 10px;
}

#nav .nLi>a {
	display: block;
	font-size: 16px;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
	font-weight: 600;
	position: relative;
}

#nav .nLi:hover>a,
#nav .nLi.current>a {
	color: #d51b1b;
}

.sub-nav {
	border-top:solid 4px #d51b1b;
	width: 205px;
	background: #fff;
	position: absolute;
	z-index: 999;
	top: 100%;
	left: 0;
	box-shadow:0 0 8px rgba(0,0,0,.2);
	display: none;
}

.sub-nav>li>a {
	display: block;
	line-height: 24px;
	padding: 10px 10px 10px 32px;
	position: relative;
	z-index: 9;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.sub-nav>li>a:before{
	font-family: "iconfont";
  content: '\e616';
	position: absolute;
	left:10px;
	top:10px;
}

.sub-nav>li>a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: #d51b1b;
}

.sub-nav>li:hover>a,.sub-nav>li:hover>a:before{
	color: #fff;
}

.sub-nav>li:hover>a:after {
	right: 0;
}

.h-search {
	width:210px;
}

.h-search input {
	flex:1;
	height:40px;
	color: #555;
	padding: 0 10px;
	border: none;
	background: #f1f1f1;
}

.h-search .btn-search {
	color: #fff;
	width:40px;
	height: 40px;
	background: #d51b1b;
	font-size: 22px;
}

.h-search .btn-search .iconfont{
	vertical-align: 1px;
}


.h-lan {
	position: relative;
	z-index: 100;
	margin-left:25px;
}

.lan-current{
	width:98px;
	height:36px;
	border:solid 2px #878787;
	line-height: 32px;
	border-radius: 20px;
	color:#888;
	position: relative;
	padding:0 20px 0 35px;
	font-family: Arial;
}

.lan-current:before,.lan-current:after{
	font-family: "iconfont";
	position: absolute;
	top:0;
}

.lan-current:before{
	content:'\e62b';
	font-size:18px;
	left:12px;
}

.lan-current:after{
	content: "\e627";
	font-size:12px;
	right:12px;
}

.lan-current span{
	display: inline-block;
	padding:0 5px;
}

.lan-list {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width:100%;
	background: #fff;
	padding: 10px 0;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	font-family: Arial;
}

.lan-list li a {
	display: block;
	padding: 8px 15px;
	color: #555;
}

.lan-list li:hover a {
	color: #d51b1b;
}

.h-lan:hover:hover .lan-current {
	border-radius:3px;
}


/*banner*/

.banner {
	position: relative;
}

.rslides {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.rslides li {
	/* -webkit-backface-visibility: hidden; */
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
}


/* 滚动圆点 */

.slide_tabs {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
	z-index: 22;
	text-align: center;
}

.slide_tabs li {
	display: inline-block;
	margin-right: 15px;
}

.slide_tabs li a {
	text-indent: -9999px;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background: #fff;
}

.slide_tabs .slide_here a {
	background: #d51b1b;
}

.banner .slide_nav {
	display: none;
}


/*c-box1*/

.c-box01,.c-box03 {
	padding: 55px 0 60px;
}

.cb-tit {
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 36px;
	color:#333;
}

.cb-tit a {
	font-size: 36px;
	line-height: 36px;
	color:#333;
}

.cb-summary {
	width:85%;
	margin:0 auto 40px;
	color:#666;
	line-height: 26px;
}


.cb01-proShow {
	position: relative;
	margin:0 -20px;
}

.cb01-proShow .nbs-flexisel-inner {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}


.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	list-style-type: none;
	overflow: hidden;
	zoom: 1;
}

.nbs-flexisel-item {
	float: left;
	position: relative;
}


.nbs-flexisel-item a {
	display: block;
	width: 90%;
	margin: 0 auto;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	top:50% !important;
	width: 40px !important;
	height: 80px !important;
}

.nbs-flexisel-nav-left{
	left:20px!important;
}

.nbs-flexisel-nav-right{
	right:20px!important;
}



/* c-box2 */

.c-box02 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	background:#fff;
}

.c-box02 .cb02-section {
	width: 50%;
}

.cb02-left a{
	display: block;
	width:80%;
	margin: 0 auto;
}

.cb02-text {
	line-height: 30px;
	color:#888d93;
	margin: 25px 0;
}

.cb02-more {
	margin: 0 auto;
	width: 160px;
	height: 38px;
	border:solid 1px #d51b1b;
	color: #d51b1b;
	border-radius: 20px;
	line-height: 36px;
	position: relative;
	z-index: 9;
}

.cb02-more .iconfont{
	display: inline-block;
	margin-left:4px;
	vertical-align:baseline;
	font-size:14px;
}

.cb02-more:hover {
	background: #d51b1b;
	color:#fff;
}

.about-links{
	margin-top:30px;
}

.about-links li {
	vertical-align: middle;
}

.about-links .about-icon {
	width: 74px;
	height: 74px;
	line-height: 70px;
	border-radius: 50%;
	background:#d51b1b;
	margin: 0 auto 10px;
}

.about-links .iconfont {
	font-size: 40px;
	color: #fff;
}

.about-links .icon-zhuanyedejishutuandui {
	font-size: 48px;
}

.link-name{
	font-size:20px;
}


/*c-box3*/

.cb03-tit a:after{
	content:'';
	display:block;
	width:90px;
	border-top:solid 3px #d51b1b;
	margin:20px auto 0;
}

.cb03-news,.cb03-newsList{
	width:calc((100% - 40px) / 2);
}

.cb03-news a,.cb03-newsList li a{
	display: block;
	background: #fff;
}

.cb03-news a{
	padding:30px 40px 40px;
}


.cb03-news dt{
	font-size:18px;
	color:#333;
	line-height: 30px;	
}

.cb03-news dd{
	color:#555;
	line-height: 30px;
	margin-top: 10px;
}

.cb03-news:hover dt{
	color:#d51b1b;
}

.cb03-news .news-pic{
	margin-top:30px;
	position: relative;
}

.cb03-news .news-date{
	position: absolute;
	top:10px;
	left:10px;
	z-index:2;
	width:70px;
	height:70px;
	border-radius: 35px 0 35px 35px;
	background:#d51b1b;
	color:#fff;
	font-size:14px;
	text-align: center;
	padding-top:15px;
}

.cb03-news .news-date span{
	display: block;
}

.cb03-newsList li{
	height:110px;
}

.cb03-newsList li+li{
	margin-top: 20px;
}

.cb03-newsList li a{
	height:100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	flex-wrap: wrap;
	padding:20px 25px;
}

.cb03-newsList .news-tip{
	width:100%;
}

.cb03-newsList .news-more .iconfont{
	font-size:30px;
	display: inline-block;
    margin-top: -4px;
}

.cb03-newsList .news-info{
	width:100%;
	font-size:16px;
	color:#333;
	line-height: 28px;
}

.cb03-newsList li:hover a{
	background: #d51b1b;
	color:#fff;
}

.cb03-newsList li:hover .news-date,.cb03-newsList li:hover .news-more,.cb03-newsList li:hover .news-info{
	color:#fff;
	transition:none;
}

/*footer*/

.f-box01 {
	background: #fff;
	padding: 50px 0;
}

.f-box01 .title{
	font-size:24px;
	margin-bottom:25px;
}

.f-pro{
	width:40%;
}

.f-box01 li{
	line-height: 30px;
	margin-bottom:15px;
}

.f-pro li{
	float: left;
	width:50%;
	line-height: 30px;
	padding-right:20px;
}

.f-pro li a{
	display: block;
	padding-left:20px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.f-pro li a:before{
	font-family: "iconfont";
	content:'\e621';
	position: absolute;
	left:0;
	color:#d51b1b;
}

.f-pro li a:hover{
	color:#d51b1b;
	transform:translateX(10px);
}


.f-box01,.f-box01 a {
	color: #666;
}


.f-contact .iconfont {
	display: inline-block;
	font-size: 22px;
	color:#d51b1b;
	margin-right: 5px;
}

.f-contact .icon-icon-email{
	vertical-align:-1px;
}

.f-contact a:hover {
	color:#d51b1b;
	text-decoration: underline;
}

.media-flat{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}


.media-flat a {
	display: inline-block;
	width: 46px;
	height: 46px;
	background: #f8f7fc;
	border-radius: 50%;
	line-height: 44px;
	text-align: center;
	color:#303741;
}

.media-flat a+a {
	margin-left: 30px;
}

.media-flat .iconfont {
	font-size: 24px;
}

.media-flat .icon-weibo{
	font-size: 26px;
}

.media-flat a:hover {
	background: #d51b1b;
	color:#fff;
	border-radius: 5px;
}


.f-box02{
	background:#303741;
	padding:30px 0;
	line-height:24px;
	color:#ccc;
	text-align: center;
}

.f-box02 span{
	display: inline-block;
	margin:0 20px;
}



/*returnTop */

.return-top {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background:url(../images/top.png) no-repeat center #303741;
	text-align: center;
	position: fixed;
	right: 10px;
	bottom: 65px;
	border-radius: 3px;
	z-index: 999;
}

.return-top:hover{
	background-color:#d51b1b;
}


/* sub-content */

.sub-content {
	padding-bottom: 60px;
}

.breadcrumb-section {
	height: 60px;
	background: #fff;
	margin-bottom: 60px;
	line-height: 60px;
}

.breadcrumb-nav .iconfont,.breadcrumb-nav span,.breadcrumb-nav a:hover  {
	color: #d51b1b;
}

.breadcrumb-nav a:after {
	font-family: "iconfont";
	content: "\e616";
	display: inline-block;
	margin:0 4px;
	color:#303741;
}

.breadcrumb-nav .iconfont {
	display: inline-block;
	margin-right: 6px;
	font-size: 20px;
	vertical-align: top;
	font-weight: 600;
}


/* pro-list */
.column-three {
	width:calc((100% - 90px) / 3);
	margin-right:45px;
	margin-top:35px;
}

.column-three:nth-child(3n){
	margin-right: 0;
}


.pro-menu li {
	width: calc((100% - 75px) / 4);
	margin-right: 25px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 16px;
}

.pro-menu li:nth-child(4n) {
	margin-right: 0;
}

.pro-menu li a {
	display: block;
	height: 42px;
	line-height: 42px;
	color: #666;
	background: #fff;
}

.pro-menu li.on a,
.pro-menu li:hover a {
	background: #d51b1b;
	color: #fff;
}

.product-list li a{
	display: block;
	background: #fff;
	padding-bottom:20px;
}

/* .product-list .pro-pic{
	margin:0 auto;
	width:370px;
	height:278px;
} */

.pro-tit {
	font-size: 20px;
	color: #333;
	line-height: 24px;
	text-align: center;
	padding:12px 10px 15px;
}

.pro-more {
	width: 150px;
	height: 36px;
	margin:0 auto;
	line-height: 34px;
	color: #666;
	text-align: center;
	border: solid 1px #a2a1a1;
}

.pro-more .iconfont{
	display: inline-block;
	margin-left:5px;
	font-size:12px;
}

.product-list li:hover .pro-tit {
	color: #d51b1b;
}

.product-list li:hover .pro-more {
	background: #d51b1b;
	border-color: #d51b1b;
	color: #fff;
}


/* pro-detail */

.proDetail-top .wrapper{
	background:#fff;
	padding:40px 20px;
}

.detail-proShow .swiper-container {
	width: calc( 100% - 600px);
	position: relative;
	overflow: hidden;
	z-index: 1;
	border:solid 1px #e5e5e5;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}


.swiper-button-next,.swiper-button-prev{
	position: absolute;
	z-index: 999;
	width:30px;
	height:66px;
	background: rgba(0,0,0,.3);
	text-align: center;
	cursor: pointer;
	top:50%;
	transform: translateY(-50%);
	outline: none;
}

.swiper-button-next i,.swiper-button-prev i{
	display: inline-block;
	width:13px;
	height:100%;
	background: url(../images/arrow01.png) no-repeat center;
}

.swiper-button-prev{
	left:0;
}

.swiper-button-next{
	right:0;
}

.swiper-button-next:hover,.swiper-button-prev:hover{
	background: rgba(213,27,27,.8);
}


.detail-proSummary {
	width: 600px;
	padding: 20px 0 10px 50px;
}

.detail-proSummary h1 {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 20px;
}

.detail-proSummary p {
	line-height: 30px;
	color:#666;
}

.proDetail-btns {
	margin: 40px 0 30px;
}

.proDetail-btns a {
	display: inline-block;
	width:200px;
	height:50px;
	border-radius:5px;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
	z-index: 9;
	font-size:16px;
	font-weight: 600;
	text-align: center;
}

.proDetail-btns a + a{
	margin-left:10px;
}

.proDetail-btns .btn-chat{
	background: #d51b1b;
	color:#fff;
}

.btn-chat .iconfont{
	font-weight: normal;
}

.proDetail-btns .btn-tel{
	background: #f3f3f3;
	color:#d51b1b;
}

.proDetail-btns .iconfont {
	font-size: 20px;
	vertical-align: top;
	display: inline-block;
	margin-right: 10px;
}

.proDetail-btns a:hover,.sidebar-contact>a:hover{
	border-radius:30px;
}

.pro-share .share-tit {
	line-height: 30px;
	margin-right: 5px;
	font-size:16px;
}

.pro-share .share-tit .iconfont{
	font-size:20px;
	vertical-align:bottom;
	display: inline-block;
	margin:0 10px 0 2px;
}

.proDetail-bottom{
	margin-top:15px;
}

.proDetail-sidebar{
	background: #fff;
	width:300px;
	margin-right:15px;
	padding:15px 10px 25px;
}

.sidebar-search{
	position: relative;
}

.sidebar-search input{
	height:44px;
	border:solid 1px #e5e5e5;
	border-radius:5px;
	padding:0 10px 0 60px;
}

.sidebar-search .btn-search{
	position: absolute;
	top:1px;
	left:1px;
	width:50px;
	height:42px;
	background:#fff;
	border-radius:5px 0 0 5px;
}

.sidebar-search .btn-search .iconfont{
	color:#d51b1b;
	height:14px;
	display: block;
	border-right:solid 1px #e5e5e5;
}

.sidebar-pro{
	margin:15px 0 25px;
}

.sidebar-pro dt{
	margin-bottom:15px;
}

.sidebar-pro dt a{
	display: block;
	font-size:18px;
	color:#202020;
	font-weight: bold;
	padding:10px;
	border-bottom:solid 1px #eee;
}

.sidebar-pro dd{
	margin-top:8px;
}

.sidebar-pro dd a{
	position: relative;
	display: block;
	color:#666;
	font-size:16px;
	line-height:30px;
	padding:5px 10px 5px 35px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}

.sidebar-pro dd a:before{
	font-family: "iconfont";
	content:'\e616';
	position: absolute;
	left:10px;
	top:5px;
}

.sidebar-pro a:hover{
	color:#d51b1b;
}

.sidebar-contact{
	padding:0 10px;
}

.sidebar-contact>a{
	display: block;
	height:50px;
	line-height:50px;
	border-radius:5px;
	padding:0 15px;
	font-size:18px;
	margin-bottom:10px;
}

.sidebar-contact>a>.iconfont{
	display: inline-block;
	margin:0 15px;
	font-size:24px;
	vertical-align: top;
}

.sidebar-contact .btn-chat{
	background: #d51b1b;
	letter-spacing: 2px;
	color:#fff;
}

.sidebar-contact .btn-tel{
	background: #f3f3f3;
	color:#333;
	font-family: Arial;
}

.sidebar-contact .btn-tel .iconfont{
	font-weight: 600;
	font-size:22px;
}

.proDetail-intro{
	background: #fff;
	padding:12px 30px 50px;
}

.detail-intro h4{
	padding:10px 10px 10px 25px;
	border-bottom:solid 1px #dadada;
	font-size:22px;
	font-weight: 600;
	position: relative;
}

.detail-intro h4:before{
	content:'';
	position: absolute;
	left:0;
	top:50%;
	width:13px;
	height:14px;
	background:url(../images/arrow02.png) no-repeat;
	margin-top:-7px;
}


.intro-text{
	padding:20px 0;
	color:#555;
	line-height:30px;
}

.intro-table .remark{
	margin-top:20px;
}


/* support */

.page-title{
	font-size:36px;
	color:#333;
	margin-bottom:30px;
}

.file-list li {
	border-bottom:solid 1px #ebebeb;
}

.file-list li a{
	padding:20px 0;
	align-items: center;
}

.file-list li>span{
	font-family: 'Conv_Graphik-Regular';
	display: inline-block;
	width:100px;
	text-align: center;
}

.file-list .file-name{
	width:300px;
	position: relative;
	padding-left:55px;
	line-height:38px;
}

.file-list .file-name:before{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:36px;
	height:38px;
	background:url(../images/pdf.png) no-repeat left top;
}

.btn-download{
	font-family: 'Conv_Graphik-Medium';
	width:134px;
	height:32px;
	line-height:30px;
	border:solid 1px #d51b1b;
	color:#d51b1b;
	background:transparent;
}

.btn-download .iconfont{
	display: inline-block;
	font-size:12px;
	font-weight: 600;
	margin-right:10px;
	vertical-align: 1px;
}

.file-list li:hover .file-name{
 color:#d51b1b;
}

.file-list li:hover .btn-download{
	background:#d51b1b;
	color:#fff;
}


/* news */
.news-list li a{
	display: block;
	border:solid 1px #d6d6d6;
	padding:30px;
}

.news-list li+li{
	margin-top:20px;
}

.news-list .news-date {
	position: relative;
	width:60px;
	margin-right:80px;
	text-align: right;
}

.news-list .day{
	font-size:48px;
	line-height:40px;
	margin-bottom:10px;
}

.news-list .month{
	font-size:18px;
}

.news-list .news-date:after{
	content:'';
	position: absolute;
	right:-50px;
	top:3px;
	width:30px;
	border-top:solid 4px #d51b1b;
}

.news-list .news-pic{
	width:244px;
	height:185px;
	overflow:hidden;
	margin-right:30px;
}


.news-list dd {
	line-height: 24px;
}

.news-list .news-tit {
	font-size: 20px;
	font-weight:600;
	line-height: 24px;
	margin-top:10px;
}

.news-list .news-summary {
	margin: 30px 0;
	line-height:24px;
}

.news-list .news-more {
	font-size:16px;
	color: #d51b1b;
}

.news-list .news-more i{
	display: inline-block;
	margin-left:5px;
	vertical-align: -1px;
}

.news-list li:hover .news-tit{
	color:#d51b1b;
}

.news-list li:hover a{
	border-color:#d51b1b;
}

/* news-detail */

.sub-newsDetail .breadcrumb-section,.sub-proDetail .breadcrumb-section{
	background:transparent;
	margin-bottom:0;
}

.sub-newsDetail .sub-container{
	width:1400px;
	margin:0 auto;
	padding:45px 100px 60px;
	background:#fff;
}

.sub-newsDetail .news-date{
	width:98px;
	height:114px;
	border:solid 2px #d51b1b;
	margin-right:30px;
}


.sub-newsDetail .news-date p{
	width:100%;
	font-weight: 600;
	color:#d51b1b;
}

.sub-newsDetail .news-date .day{
	font-size:48px;
	line-height:48px;
	font-family: Arial;
	margin-top:19px;
}

.sub-newsDetail .news-date .month{
	font-size:16px;
}


.sub-newsDetail .news-title{
	font-size: 30px;
	font-weight: 600;
}

.sub-newsDetail .news-media{
	margin-top:15px;
}

.sub-newsDetail .news-media .media+.media{
	margin-left:15px;
}

.sub-newsDetail .media{
	font-size:16px;
	color:#666;
}

.sub-newsDetail .media .iconfont{
	display: inline-block;
	margin-right:5px;
	font-size:18px;
	vertical-align: -1px;
}

.sub-newsDetail .detail-main{
	flex:1;
}

.detail-content{
	margin-top:45px;
}

.detail-content p,
.about-company p {
	line-height: 30px;
	color: #666;
}

.detail-content p+p,
.about-company p{
	margin-top: 30px;
}

.newsDetail-tip {
	margin-top: 40px;
}

.newsDetail-tip a{
	display: inline-block;
	margin:0 35px;
	color:#666;
	font-size:18px;
}

.newsDetail-tip .iconfont{
	display: inline-block;
	margin:0 10px;
	font-size:40px;
	color:#999;
}

.newsDetail-tip a:hover,.newsDetail-tip a:hover .iconfont{
	color: #d51b1b;
}


/* about*/

.about-section + .about-section{
	margin-top:60px;
}

.about-company p{
	font-size:16px;
}

.about-company h3{
	font-size:38px;
}

.about-company h3 p{
	font-size:18px;
	line-height:20px;
}

.about-section .fl + .about-company{
	padding-left:60px;
}

.about-section .fr + .about-company{
	padding-right:60px;
}

.advantage-show{
	background:#fff;
	padding:50px 20px;
	box-shadow: 0 1px 20px rgba(0,0,0,.1);
	justify-content:space-around;
	text-align: center;
}

.advantage-show p span{
	display: block;
	font-size:36px;
	font-family: Arial;
	color:#d51b1b;
}


/*contact*/

.contact-info li {
	width: calc(( 100% - 45px) / 4);
	background:#fff;
	height:150px;
	padding:30px 10px;
}

.contact-info .info-icon {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	line-height: 40px;
	color: #d51b1b;
	margin: 0 auto 20px;
}

.contact-info .info-icon .iconfont {
	font-size: 40px;
}

.contact-info .info-icon .icon-dianhua,.contact-info .info-icon .icon-location{
	font-size: 32px;
}


.contact-info a:hover{
	text-decoration: underline;
}

.contact-info .info-tit {
	font-size:16px;
	color: #333;
	line-height: 24px;
}


.contact-inquiry{
	margin:50px 0;
}

.inquiry-tip{
	padding:26px;
	background:url(../images/bg-contact.jpg) no-repeat center;
	width:500px;
	height:412px;
	margin-right:35px;
}

.inquiry-tip .tip-show{
		background:#fff;
		height:100%;
		padding:70px 40px;
}

.inquiry-tip h4{
	font-size:36px;
	color:#202020;
	line-height: 30px;
}

.inquiry-tip h4 p{
	margin-top:20px;
	font-size:18px;
	color:#666;
}

.inquiry-tip .inquiry-mail{
	margin-top:60px;
	line-height:30px;
}

.inquiry-tip .inquiry-mail,.inquiry-tip .inquiry-mail a{
	color:#d51b1b;
	font-size:18px;
	font-weight: 600;
}

.inquiry-tip .inquiry-mail a{
	display: block;
	font-family: Arial;
	text-decoration: underline;
}


.inquiry-form .form-list li {
	border-bottom: solid 1px #d8d8d8;
}


.inquiry-form .form-list li label {
	width:65px;
	font-size: 16px;
	font-weight: 600;
	line-height: 54px;
	text-align: right;
	color: #333;
}

.inquiry-form .form-list li input {
	border: none;
	height: 54px;
	line-height: 54px;
	background: transparent;
	padding-left:20px;
	color: #666;
}


.inquiry-form textarea {
	height: 108px;
	padding: 15px 0 15px 20px;
	line-height: 24px;
	border: none;
	background: transparent;
	color: #666;
}

.btn-submit {
	border: none;
	width: 140px;
	height: 44px;
	line-height: 44px;
	background: #d51b1b;
	margin-top: 40px;
	font-size: 15px;
	letter-spacing: 2px;
	position: relative;
	z-index: 9;
}

.btn-submit:after {
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 30px;
	background: rgba(255, 255, 255, .1);
}

.btn-submit:hover:after {
	border-radius: 0;
	left: 0;
	right: 0;
}

.contact-map {
	border:solid 3px #fff;
}

/*分页*/

.page {
	margin-top: 60px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

.page a {
	color: #555;
	display: inline-block;
	margin: 0 10px 10px;
	width: 58px;
	height: 58px;
	line-height: 58px;
	background: #fff;
	border:solid 1px #bebebe;
}

.page .page-turning {
	border:none;
}

.page .page-turning i{
	display: inline-block;
	width: 14px;
	height: 100%;
	background:url(../images/pageUp.png) no-repeat center;
}

.page a:hover,
.page a.on {
	background: #d51b1b;
	border-color:#d51b1b;
	color: #fff;
}

.page .page-turning:hover i {
	background:url(../images/pageUp02.png) no-repeat center;
}


@media screen and (min-width: 1400px) {}

@media screen and (min-width: 1220px) {
	.wrapper,
	.slide_tabs {
		width: 1200px;
	}
	.header,
	.footer,
	.content,
	.sub-content,
	.banner,
	.sub-banner
	{
		min-width: 1200px;
	}

	.hide-lg {
		display: none !important;
	}
	
	.about-links li:nth-child(2){
		margin:0 90px;
	}
	

}

@media screen and (min-width: 1020px) and (max-width: 1219px) {
	.wrapper,
	.slide_tabs {
		width: 1000px;
	}
	.header,
	.footer,
	.content,
	.sub-content,
	.banner,
	.sub-banner
	{
		min-width: 1000px;
	}
	.hide-md {
		display: none !important;
	}
	/*header*/
	.logo img {
		width: auto;
		height: 50px;
	}

	/* nav */
	#nav{
		margin:0 0 0 20px;
	}

	#nav .nLi>a {
		padding:0 10px;
	}

	.h-lan{
		margin-left:20px;
	}


	.slide_tabs {
		bottom: 15px;
	}
	.slide_tabs li a {
		width: 12px;
		height: 12px;
	}

	/* c-box01 */
	.pro-tit {
		font-size: 18px;
	}
	
	/*c-box3*/

	.cb03-news a{
		padding:30px 20px;
	}

	.cb03-newsList li+li{
		margin-top:18px;
	}

	.cb03-newsList li{
		height:100px;
	}


	/* pro-detail */
	.detail-proShow .swiper-container{
		width:calc(100% - 500px);
	}

	.detail-proSummary{
		width:500px;
	}


	/* contact */
	.inquiry-tip{
		width:400px;
	}

		/* about */

	.about-section .fr+ .about-company{
		padding-right:30px;
	}

	.about-section .fl+ .about-company{
		padding-left:30px;
	}

	.about-company h3{
		font-size:28px;
	}

	.detail-content p+p, .about-company p{
		margin-top:20px;
	}

	
}

@media screen and (max-width: 1219px) {

	
	.breadcrumb-section {
		height: 50px;
		line-height: 50px;
	}


	/*c-box02*/
	.about-links{
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
	}
	
	
}

@media screen and (max-width:1019px) {
	body {
    font-size: 12px;
	}

	.wrapper,
	.slide_tabs,.sub-newsDetail .sub-container{
		width: 100%;
		padding: 0 10px;
	}

	.sub-newsDetail .sub-container{
		padding:30px 0;
	}

	.logo {
		padding: 10px 0;
	}
	
	/* nav */
	#nav {
		margin: 0;
	}
	.sub-nav {
		visibility: hidden;
	}
	.slide_tabs {
		text-align: center;
		bottom: 10px;
	}
	.slide_tabs li {
		margin: 0 6px;
	}
	.slide_tabs li a {
		width: 10px;
		height: 10px;
	}

	.header .search-icon {
		background: none;
		height: 60px;
		line-height: 60px;
		color: #333;
		width: 50px;
		text-align: center;
	}

	.h-search {
		display: none;
		position: absolute;
		top: 100%;
		left:0;
		right:0;
		z-index:99;
		width:100%;
		background: rgba(0, 0, 0, .5);
		padding:10px;
	}

	.h-search .btn-search {
		width: 60px;
	}

	.header .icon-search1,.header .icon-cha1{
		font-size: 20px;
	}

	/*c-box01*/
	.cb-tit,.cb-tit a{
		font-size: 28px;
	}

	.cb-summary{
		line-height:22px;
		width:95%;
	}

	.c-box01,.c-box03{
		padding:35px 0 40px;
	}

	/*c-box02*/

	.c-box02 .cb02-section{
		width: 100%;
	}
	
	.c-box02 .cb02-left a{
		padding:30px 10px;
		width:100%;
	}

	.link-name{
		font-size:16px;
	}

	/* c-box03 */

	.cb03-news,.cb03-newsList{
		width:calc((100% - 15px) / 2);
	}

	.cb03-newsList li+li{
		margin-top:15px;
	}
	
	
	/*footer*/
	.footer{
		margin-bottom: 48px;
	}

	.f-box01{
		padding:15px 0;
		background:#303741;	
	}

	.f-box01 .wrapper{
		justify-content: center;
	}

	.f-box02{
		padding:0 0 15px;
	}
	
	/*phone-menu*/
	.phone-menu{
		position: fixed;
		left:0;
		right:0;
		bottom:0;
		height:50px;
		background: #303741;
		box-shadow: 0 -1px 5px rgba(0,0,0,.2);
		z-index:999;
	}

	.phone-menu li{
		width:50%;
	}

	.phone-menu li i{
		font-size:30px;
		color:#fff;
		line-height: 50px;
	}
	
	.phone-menu li i{
		font-size:28px;
		color:#fff;
		line-height: 50px;
	}

	.phone-menu li .icon-youxiang1{
		font-size:36px;
	}
	
	
	/* page */
	.page {
		margin-top:30px;
	}
		
	.page a {
		width: 40px;
		height: 40px;
		line-height: 38px;
	}
	

	/* sub */
	.sub-content {
		padding-bottom: 30px;
	}

	.breadcrumb-section {
		margin-bottom: 20px;
	}

	.page-title{
		font-size:28px;
		margin-bottom:20px;
	}


	/*contact*/
	.contact-info .info-tit{
		font-size:14px;
	}

	.contact-inquiry{
		margin:40px 0;
	}

	.inquiry-tip{
		float: none;
		height:auto;
		width:100%;
		background:none;
		padding:0;
		margin-right:0;
	}

	.inquiry-tip .tip-show{
		padding:0 0 20px;
		background:none;
	}

	.inquiry-tip h4{
		font-size:30px;
		text-align: center;
	}

	.inquiry-tip h4 p{
		font-size:14px;
		margin-top:5px;
	}

	.btn-submit{
		width:100%;
	}

	.inquiry-form .form-list li label{
		font-size:14px;
		width:50px;
	}

	
	/*pro-list*/
	.column-three{
		width: calc((100% - 15px) / 2);
		margin: 15px 15px 0 0;
	}
	.column-three:nth-child(2n) {
		margin-right: 0;
	}
	.column-three:nth-child(2n+1) {
		margin-right: 15px;
	}
	
	.pro-menu li {
		font-size: 14px;
	}
	.product-list {
		padding-top: 10px;
	}
	
	.pro-tit {
		font-size: 16px;
	}

	/*pro-detail*/
	.proDetail-top .wrapper{
		width:calc(100% - 20px);
		padding:10px;
		margin:0 auto;
	}

	.detail-proShow .swiper-container,.detail-proSummary{
		width: 100%;
	}

	.detail-proSummary {
		padding:30px 0 0 0;
	}

	.detail-proSummary h1{
		font-size:26px;
	}
	
	.proDetail-btns {
		margin:25px 0;
	}

	.proDetail-btns a {
		width: calc((100% - 15px) / 2);
	}

	.proDetail-intro{
		padding:12px 10px 30px;
	}
	
	.detail-intro h4{
		font-size:18px;
	}
	

	/* news-detail */

	.sub-newsDetail .flex{
		flex-wrap: wrap;
		position: relative;
	}

	.sub-newsDetail .news-date{
		position: absolute;
		left:0;
		top:0;
		width:70px;
		height:90px;
	}

	.sub-newsDetail .news-date .day{
		font-size:38px;
		line-height:38px;
		margin-top:12px;
	}


	.sub-newsDetail .detail-main{
		flex:none;
		width:100%;
	}

	.sub-newsDetail .news-title{
		font-size:20px;
	}

	.tit-section{
		padding-left:85px;
		margin:10px 0;
	}

	.detail-content{
		margin-top:30px;
	}

		/* about */

	.about-section .fl,.about-section .fr{
		float: none;
	}

	.about-section + .about-section{
		margin-top:30px;
	}

	.about-section .about-company{
		padding:0 !important;
	}

	.about-company h3{
		font-size:24px;
		margin-top:20px;
	}

	.detail-content p+p, .about-company p{
		margin-top:20px;
	}

}

@media screen and (min-width: 768px) and (max-width:1219px) {
	

	/*news*/
	.news-list li a{
		padding:15px;
	}

	.news-list .news-date{
		width:46px;
		margin-right:60px;
	}

	.news-list .day{
		font-size:36px;
		margin-bottom:0;
	}

	.news-list .month{
		font-size:16px;
	}

	.news-list .news-date:after{
		width:20px;
		top:6px;
		right:-38px;
	}

	.news-list .news-pic{
		margin-right:15px;
	}




}

@media screen and (min-width: 768px) and (max-width:1019px) {
	.hide-sm {
		display: none !important;
	}

	/*header*/
	.header {
		height: 150px;
		padding-bottom: 10px;
	}

	.header .wrapper{
		flex-wrap: wrap;
	}

	.logo {
		float: none;
		width:100%;
	}
	.logo img {
		width: auto;
		height: 60px;
		margin: 0 auto;
	}
	/* nav */
	#nav {
		float: left;
	}
	#nav .nLi {
		margin-right: 10px;
	}
	#nav .nLi>a {
		font-size: 16px;
		height: 60px;
		line-height: 60px;
		padding: 0 12px;
	}


	/* c-box03 */

	.cb03-news a{
		padding:30px 15px;
	}

	.cb03-newsList li{
		height:90px;
	}

	

}

@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 767px) {
	.hide-xs {
		display: none !important;
	}
	/*header*/
	.header {
		position: fixed;
		background: #fff;
		height: 66px;
		width: 100%;
		top: 0;
		z-index: 999;
		box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	}
	
	.logo img {
		width: auto;
		height: 36px;
	}

	.header .search-icon {
		background: none;
		margin-right: 50px;
		height: 60px;
		line-height: 60px;
		color: #333;
		width: 50px;
		text-align: center;
	}

	.header .toggle-bar:before {
		border-color: #555;
	}
	.header .toggle-bar:after {
		background: #555;
	}

	/*手机上的菜单按钮*/
	.toggle-bar {
		position: absolute;
		top: 8px;
		right: 0;
		cursor: pointer;
	}
	.toggle-bar:before {
		content: '';
		position: absolute;
		top: 15px;
		right: 15px;
		display: block;
		width: 20px;
		height: 17px;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	.toggle-bar:after {
		content: '';
		position: absolute;
		top: 22px;
		right: 15px;
		display: block;
		width: 20px;
		height: 3px;
		background: #fff;
	}
	#nav {
		margin:0;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #d51b1b;
		display: none;
		z-index: 999;
	}
	#nav .nLi {
		float: none;
		position: relative;
		border-bottom: solid 1px #e14444;
		margin: 0;
	}
	#nav .nLi>a {
		display: block;
		padding: 0 15px;
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		position: relative;
		text-align: center;
		color: #fff;
	}

	#nav .nLi:hover>a, #nav .nLi.current>a,	#nav .nLi>a:focus{
		background: #e14444;
		color: #fff;
	}

	.slide_tabs {
		bottom: 0;
	}
	.slide_tabs li {
		margin: 0 5px;
	}
	.slide_tabs li a {
		width: 6px;
		height: 6px;
	}
	.banner,
	.sub-content {
		margin-top: 66px;
	}
	.sub-banner {
		display: none;
	}


	/* c-box03 */
	.cb03-newsList{
		width:100%;
	}

	/*sub*/
	.breadcrumb-section {
		height: 40px;
		line-height: 40px;
	}

	/*contact*/
	.contact-info{
		flex-wrap: wrap;
		margin-bottom:-15px;
	}

	.contact-info li {
		width: calc(( 100% - 15px) / 2);
		margin-bottom:15px;
	}

	.inquiry .form-list li {
		width: 100%;
		margin-right: 0;
	}

	/*pro-list*/

	.pro-menu li {
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.pro-menu li:nth-child(2n) {
		margin-right: 0;
	}
	.pro-menu li:nth-child(4n+1) {
		margin-right: 10px;
	}


	/* page */
	.page a {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin: 0 4px 6px;
	}

	/*news*/
	.news-list{
		margin-bottom:-15px;
	}

	.news-list li{
		float:left;
		width:calc((100% - 15px) / 2);
		margin-right:15px;
		margin-bottom:15px;
	}

	.news-list li+li{
		margin-top:0;
	}

	.news-list li:nth-child(2n){
		margin-right:0;
	}

	.news-list li a{
		padding:10px;
		position: relative;
	}

	.news-list .news-date{
		position: absolute;
		z-index: 2;
		width:60px;
		padding:5px 0;
		margin-right:0;
		background:#d51b1b;
		color:#fff;
		text-align: center;
	}

	.news-list .day{
		font-size:30px;
		line-height:30px;
		margin-bottom:0;
	}

	.news-list .month{
		font-size:14px;
	}

	.news-list .news-date:after{
		display: none;
	}

	.news-list .news-pic{
		float: none;
		margin-right:15px;
		width:100%;
		height:auto;
	}

	.news-list .news-tit {
		font-size: 16px;
	}

	.news-list .news-summary{
		margin:10px 0;
	}

	.news-list .news-more{
		font-size:14px;
	}

	/* support */

	.btn-download{
		width:32px;
	}

	.btn-download .iconfont{
		margin-right:0;
		font-size:14px;
		vertical-align: 2px;
	}

	/* about */
	
	.advantage-show{
		flex-wrap: wrap;
		padding:20px 10px;
	}

	.advantage-show>p{
		width:calc((100% - 30px) / 3);
		padding:15px 0;
	}

}

@media only screen and (max-width: 600px) {
	.proDetail-btns a {
		width: 100%;
	}
	.proDetail-btns a+a {
		margin-left: 0;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 495px) {
	.news-list li {
		width: 100%;
		margin-right: 0;
	}
	.news-list li:nth-child(2n+1) {
		margin-right: 0;
	}

	.column-three{
		width: 100%;
		margin-right: 0;
	}
	.column-three:nth-child(2n+1) {
		margin-right: 0;
	}

	.contact-info li {
		width: 100%;
	}

}
