@charset "utf-8";
@import url('fonts/fonts.css');
*,::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font: 14px/1.5;
}
body {
	font-size: 14px;
	/*-webkit-text-size-adjust: none;*/
	/*-webkit-user-select: none;*/
	/*-ms-user-select: none;*/
	/*-moz-user-select: none;*/
	/*-khtml-user-select: none;*/
	/*user-select: none;*/
	overflow-x:hidden;
	background: #fff;
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 30px
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.png) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table ,td,th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
}
.Absolute-Center {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable{ display:table; width:100%; height:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
/*垂直居中,容器设置宽高*/
.ycenter {
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
}
/*水平居中,容器设置宽高*/
.xcenter {
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
}
/*盒子布局*/
.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
/*0.5px底边框*/
.bottomLine {
	background: -webkit-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background: -moz-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background: -ms-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background-size: 100% 1px;
}
/*设置隐藏*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}

/************************************************************************/


.content{ min-height: 360px; padding: 45px 0;}
a:hover{ color:#e50012;}
.center{ margin:0 auto; width:100%; max-width:1240px;}
.auto{ margin:0 auto; width:100%; max-width:1620px;}
.auto_1620{ margin:0 auto; width:100%; max-width:1620px;}
.top-menu li .center{ margin:0 auto; width:100%; max-width:1620px;}
@media(max-width:1620px){
	.auto{ padding:0 2%;}
	.top-menu li .center{ padding:0 2%;}
	.auto_1620{ padding:0 2%;}
}
@media(max-width:1240px){
	.center{ padding:0 2%;}
}
/*top*/
#head {width: 100%;background:#fff;}
.top-main{ background:#fff; z-index:200;position: fixed; width: 100%; top:0;transition: padding 0.2s ease-in-out;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.home-body .top-main{border-bottom:1px solid #f5f5f5;}
.top-main .logo{ float:left; width:234px; height:34px; display:table; margin-top: 21px; transition: 0.3s;}
.top-main .logo a{ display:table-cell; vertical-align:middle;}
.top-main .logo img{ display:block; width:95%;}

.top-main .top-right{ float:right; width:77%;}
.top-main .language{ float:right;padding: 0 10px; padding: 28px 60px 28px 10px;}
.top-main .language a{font-size: 18px;}
.top-head::before{ position:absolute; content:''; right:0; height:1px; width:70%; top:31px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */}
.top-head dl{ float:right;}
.top-head dd{ float:left; margin-left:45px; line-height:28px; font-size:12px;}
.top-bottom > *{ float:right;}
.search-lang > *{ float:left; position:relative; z-index:100;}

/*.siteTopStyle .logo{ margin-top: 15px;}*/
/*.siteTopStyle{box-shadow:0 5px 5px rgba(0,0,0,0.1);}*/



.top-main #open_othermenu{ line-height:20px; position: absolute; right: 150px; top: 24px; transition: 0.3s;}
/*.siteTopStyle #open_othermenu{top: 17px;}*/

.top-main #open_othermenu{ width:34px;z-index:101; height:25px; cursor:pointer;}
.top-main #open_othermenu i,
.top-main #open_othermenu::before,
.top-main #open_othermenu::after{position:absolute;height:4px; background:#000; left:auto; right: 0;}
.top-main #open_othermenu i{  width:90%;  bottom:0;}
.top-main #open_othermenu::before,
.top-main #open_othermenu::after{ content:'';}
.top-main #open_othermenu::before{ top:4px; width:100%;}
.top-main #open_othermenu::after{  top:12px; width:70%;}
.top-main #open_othermenu.open_othermenu i{ opacity:0;}
.top-main #open_othermenu.open_othermenu::before,
.top-main #open_othermenu.open_othermenu::after{ top:9px; width:100%; background:#fff; transition:transform 0.3s;}
.top-main #open_othermenu.open_othermenu::before{ transform:rotate(45deg);}
.top-main #open_othermenu.open_othermenu::after{ transform:rotate(-45deg);}

.top-main .other_menu{ position:fixed; display:none;left:0; top:0; width:100%; height:100%; max-height:100%; overflow:auto; background:rgba(0,0,0,0.9); z-index:100;}
.top-main .other_menu .table{ display:table; height:100%; width:100%;}
.top-main .other_menu .table_cell{display:table-cell; vertical-align:middle;}
.top-main .other_menu ul{ display:table;margin:0 auto; text-align:center; }
.top-main .other_menu li{ text-transform:uppercase; margin-bottom:30px; line-height:34px; position:relative;}
.top-main .other_menu li:last-child{ margin-bottom:0;}
.top-main .other_menu li >a{ color:#fff; font-size:16px; position:relative; transition:0.3s; }
.top-main .other_menu li >a::after{position:absolute; content:''; left:0; top:-5px; width:32px; height:32px; background:url(../images/menu_logo.png) no-repeat center center;opacity:0; transition:0.3s;}
.top-main .other_menu li.aon >a,
.top-main .other_menu li >a:hover{ margin-left:35px; border-bottom:2px solid #e50012; color:#e50012;}
.top-main .other_menu li.aon >a::after,
.top-main .other_menu li >a:hover::after{ opacity:1;left:-35px;}
.top-main .other_menu li dl{display:none;}
.top-main .other_menu .searchbox{ position: relative;}
.top-main .other_menu .searchbox .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.top-main .other_menu .searchbox .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}

.top-menu li a,
.top-menu li span{ display:block;}
.top-menu li span a{  font-size:16px; transition: 0.3s;}
.top-menu li .sub{ display:none; background:rgba(255,255,255,0.7);padding:15px 0;}
.top-menu li .sub .pic img{ display:block; width:100%;}
.top-menu li .sub dd{ margin-top: 10px;}
.top-menu li .sub dd a{ color:#666666;}
.top-menu li .sub dd a:hover{ color:#e50012;}
.top-menu li{ float:left; margin-right:100px;}
.top-menu li:last-child{margin-right: 20px;}
.top-menu li .sub a{ font-size: 16px;}
.top-menu li .sub dt a{padding-left: 10px; background: url(../images/ico_san.png) no-repeat left center; font-weight: bold; font-size: 16px;}
.top-menu li .sub dd a{padding-left: 10px;}

.top-menu li .sub dl{ margin-right: 80px;}
.top-menu li .sub dl:last-child{ margin-right: 0;}
.top-menu li#m2 .center{ /* padding-left: 610px; */ text-align: center;}

.top-menu li#m15 .center{ /*padding-left: 530px;*/text-align: center;}
.top-menu li#m24 .center{ padding-left: 775px;}
.top-menu li#m31 .center{ padding-left: 700px;}
.top-menu li#m39 .center{ padding-left: 1120px;}
.top-menu li#m47 .center{/* padding-left: 790px; */ text-align: right;}
.top-menu li#m47 .center dl,.top-menu li#m15 .center dl,.top-menu li#m2 .center dl{ display: inline-block; float: none;}


@media(max-width:1680px){
	.top-menu li{margin-right:80px;}
	.top-main #open_othermenu{ right: 20px;}
	.top-menu li .sub dl{ margin-right: 80px;}
	/* .top-menu li#m2 .center{padding-left: 646px;} */
	/*.top-menu li#m15 .center{padding-left: 613px;}*/
	.top-menu li#m24 .center{padding-left: 865px;}
	.top-menu li#m31 .center{padding-left: 810px;}
	.top-menu li#m39 .center{padding-left: 1010px;}
	.top-menu li#m47 .center{/* padding-left: 850px; */}
}

@media(max-width:1600px){
	.top-menu li{margin-right:60px;}
	.top-main .top-right{width: 68%;}
	.top-main #open_othermenu{ right: 2%;}
	/* .top-menu li#m2 .center{padding-left: 660px;} */
	/*.top-menu li#m15 .center{padding-left: 574px;}*/
	.top-menu li#m24 .center{padding-left: 790px;}
	.top-menu li#m31 .center{padding-left: 750px;}
	.top-menu li#m39 .center{padding-left: 954px;}
	.top-menu li#m47 .center{/* padding-left: 780px; */}
}

@media(max-width:1440px){
	.top-menu li{margin-right:60px;}
	.top-menu li .sub dl{ margin-right: 60px;}
	/* .top-menu li#m2 .center{padding-left: 625px;} */
	/*.top-menu li#m15 .center{padding-left: 480px;}*/
	.top-menu li#m24 .center{padding-left: 620px;}
	.top-menu li#m31 .center{padding-left: 700px;}
	.top-menu li#m39 .center{padding-left: 893px;}
	.top-menu li#m47 .center{/* padding-left: 725px; */}
}

@media(max-width:1366px){
	.top-menu li{margin-right:60px;}
	.top-menu li .sub dl{ margin-right: 60px;}
	/* .top-menu li#m2 .center{padding-left: 505px;} */
	/*.top-menu li#m15 .center{padding-left: 430px;}*/
	.top-menu li#m24 .center{padding-left: 750px;}
	.top-menu li#m31 .center{padding-left: 600px;}
	.top-menu li#m39 .center{padding-left: 880px;}
	.top-menu li#m47 .center{/* padding-left: 600px; */}
}

@media(min-width:1025px){
	.top-menu{ display:block !important;}

	.top-menu li span a{border-bottom:3px solid transparent;color:#333; padding: 28px 0;  position:relative;}
	/*.siteTopStyle li span a{ padding: 20px 0;}*/
	.top-menu li span a:after {transition:all .3s; content:''; display:block; width:0; height:2px; background-color:#e50012; position:absolute; left:0; bottom:20px;}
	.top-menu li:hover span a:after {width:100%;}
	.top-menu li.aon span a{ font-weight: bold;}
	.top-menu li .sub{position:absolute; top:100%; left:0; width:100%;box-shadow:0 5px 5px rgba(0,0,0,0.1); }
	.top-menu li .sub .pic{ float:left; width:26.4%; margin-right:7%;}
	.top-menu li .sub dl{ float:left;}
	.search-lang dd.wap-open{ display:none;}
}


@media(min-width:1025px) and (max-width:1200px){
	.top-menu li{ margin-right:20px;}
}
@media(max-width:1024px){
	.top-main{ }
	.top-menu{ display:none; padding:2%; position:absolute; right:0; width:60%; max-width:240px; top:100%; background:rgba(0, 0, 0, 0.86);box-shadow:0 5px 5px rgba(0,0,0,0.1); border-radius:0 0 0 5px; float: none!important; overflow-y: auto;}
	.top-menu li .sub{ background:#fff;}
	.top-menu li a{ color:#fff;}
	.top-menu li span{ text-align:center;}
	.top-menu li span a{ line-height:45px;}
	.top-menu li.has-sub span{ position:relative;}
	.top-menu li.has-sub span::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%;}
	.top-menu li .center{ padding-left: 0!important;}
	.top-menu li .sub dd{ padding: 0;}
	.top-menu li{ margin: 0; float: none;}
	.top-menu li .sub dl{ margin-right: 0; float: none;}
	.top-menu li .sub a{ color: #2a2a2a;}
	.top-menu li .sub dl{ margin-bottom: 20px;}

	.search-lang{ position:absolute; top:50%; margin-top:-1px; right:2%; padding-top:4px;}
	.search-lang dd.wap-open{ width:48px; height:30px; margin-top:-18px; margin-left:15px;}
	.wap-open::before,
	.wap-open::after,
	.wap-open i{ position:absolute; left:auto; right: 0; top:50%; width:100%; height:4px; background:#000; border-radius:4px;}
	.wap-open i{ margin-top:-1.5px;transition: 0.3s ease-in-out; width: 50%; right: 0; left: auto;}
	.wap-open::before,
	.wap-open::after{ content:''; transition:transform 0.3s ease-in-out; width: 68%; }
	.wap-open::before{ margin-top:-11px;}
	.wap-open::after{ margin-top:9px;left: auto; right: 0;}
	.wap-close i{ opacity:0;}
	.wap-close::before,
	.wap-close::after{ margin-top:-1.5px; transform:rotate(45deg);}
	.wap-close::after{ transform:rotate(-45deg);}
	.top-main .logo,.top-main .language{ margin-top: 15px; padding: 0;padding-bottom: 15px;}
	.top-main .language{padding-right: 50px;}
	.wap-open.wap-close::after{ margin-top: 0;}
	.wap-open.wap-close::before{ margin-top: 0;}


}
@media(max-width:768px){
	.top-main .language{height:50px; margin: 0;    line-height: 34px;}
	.top-main .logo{ width:20%;height:50px; padding: 0; margin: 0;}
	.top-main .top-right{ width:auto;}
	.search-lang dd.wap-open{ margin-left:5px;}
}
@media(max-width:480px){
	.top-main .logo{ width:30%;}
	.search-lang dt::after{ margin:0 5px;}
	.search-lang dd span{ font-size:14px;}
	.top-head dd{ margin-left:10px;}
	.wap-open::before, .wap-open::after, .wap-open i{ height: 3px;}
	.wap-open::before{margin-top: -10px;}
	.wap-open::after{margin-top: 8px;}
	.search-lang dt{ position:static;}


}




@media(min-width:1025px){
	.top-main .other_menu li dl{ position:absolute; left:100%; top:0; font-size:15px; width:100%; padding-left:10%; text-align:left;}
}
.top-main .other_menu li dd{ border-bottom:1px solid rgba(255,255,255,0.2);}
.top-main .other_menu li dd a{ color:#fff; line-height:40px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:0.5; transition:opacity 0.3s;}
.top-main .other_menu li dd a::before{ display:inline-block; content:''; width:5px; height:5px; background:#fff; border-radius:50%; margin-right:5px; vertical-align:middle;}
.top-main .other_menu li dd a:hover{ opacity:1;}
@media(max-width:1024px){
	.top-main .other_menu li::before{ position:absolute; content:''; left:0; top:0; width:100%; height:34px; background-color:transparent; z-index:2;}
	.top-main .header-right{ display:none;}
}


/*首页banner*/
.home_banner{ position:relative; z-index:1;}
.home_banner li img{ display:block; width:100%;}
.home_banner .bx-viewport{ z-index:1;}
.home_banner .bx-controls-direction a{ position:absolute; top:50%; width:40px; height:40px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-top:-20px; top:50%; z-index:10; overflow:hidden; line-height:1000px; display: none;}
.home_banner .bx-controls-direction a.bx-prev{ left:10%;transform:rotate(-135deg);}
.home_banner .bx-controls-direction a.bx-next{ right:10%;}
.home_banner .bx-pager{ text-align:left; z-index:10; position:absolute; left:10%; bottom:3%;}
.home_banner .bx-pager div{ display:inline-block; padding:0 8px;}
.home_banner .bx-pager a{ display:block; width:15px; height:15px;  background:#fff;border-radius:50%; overflow:hidden; line-height:1000px;}
.home_banner .bx-pager a.active{ background:#e50012;}
.home_banner li img.wapimg{ display: none;}

@media(max-width:1024px){
	.home_banner .bx-controls-direction a{width:30px; height:30px;margin-top:-15px;}
	.home_banner .bx-controls-direction a.bx-prev{ left:3%;}
	.home_banner .bx-controls-direction a.bx-next{ right:3%;}
	.home_banner li img.wapimg{ display: block;}
	.home_banner li img.pcimg{ display: none;}
}
@media(max-width:480px){
	.home_banner .bx-pager a{ width:8px; height:8px;}
	.home_banner .bx-controls-direction{ display:none;}
}



/*首页新闻动态*/
.h_title{ text-align: center; margin: 70px 0;}
.h_title h1{ margin: 0; font-size: 48px; font-weight: normal; color: #333333;}
.h_title span{ display: inline-block; position: relative; color: #333333; font-size: 30px; font-family: 'Microsoft YaHei'; letter-spacing: 5px; text-transform: uppercase;}
.h_title span:after{ content: ''; height: 2px; width: 62px; display: block; margin: 0 auto; background: #000; margin-top: 15px;}
.h_page1{ margin-bottom: 80px;}
.h_page1 li{ position: relative; overflow: hidden;}
.h_page1 li .Ispic{ padding-bottom: 66%; transition: 0.3s;}
.h_page1 li:hover .Ispic{ padding-bottom: 66%;transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.h_page1 .owl-dots{ text-align: center; margin-top: 25px;}
.h_page1 .owl-dots .owl-dot{ width: 24px; height: 6px; background: #bfbfbf; display: inline-block; margin: 0 10px;}
.h_page1 .owl-dots .owl-dot.active{ background: #e50012;}
.h_page1 li .con{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 25px;background: rgba(0, 0, 0, 0.68);  transition: 0.3s;}
.h_page1 li .con time{ font-size: 14px; color: #cccccc; display: block; margin-bottom: 15px;}
.h_page1 li .con p{ margin: 0; color: #fff; font-size: 18px;}
.h_page1 li:hover .con{background: #e50012;}



.h_page2{ margin-bottom: 80px;}
.h_page2 li{ background-color: #505050;}
.h_page2 li .left{ width: 50%; float: left; padding: 5% 7.5%;}
.h_page2 li .right{ width: 50%; float: right;}
.h_page2 li .right .Ispic{ display: block; padding-bottom: 58%;}
.h_page2 li .title_box h1{ margin: 0; font-size: 48px; font-weight: normal; color: #fff;}
.h_page2 li .title_box span{ display: inline-block; position: relative; color: #fff; font-size: 30px; font-family: 'Microsoft YaHei'; letter-spacing: 5px; font-weight: bold; text-transform: uppercase;}
.h_page2 li .title_box span:after{ content: ''; height: 2px; width: 62px; display: block; margin: 0 auto; background: #fff; margin-left: 0; margin-top: 15px;}
.h_page2 li .left p{ color: #fff; font-size: 16px; line-height: 35px; margin: 0; margin-top: 40px; margin-bottom: 90px;}
.h_page2 li .left .more{ background-color: #e50012; color: #fff; display: inline-block; height: 45px; line-height: 45px; text-align: center; width: 135px; font-size: 16px; border-radius: 35px; transition: 0.3s;}
.h_page2 li .left .more:hover{ width: 150px;}

.h_page2 .owl-nav{ position: absolute; width: 100%; bottom: 3%; text-align: center;}
.h_page2 .owl-nav .owl-prev{ background: url(../images/new_left.png) no-repeat; width: 48px; height: 47px;display: inline-block; margin: 0 10px; transition: 0.3s;}
.h_page2 .owl-nav .owl-next{ background: url(../images/new_right.png) no-repeat; width: 48px; height: 47px;display: inline-block;  margin: 0 10px; transition: 0.3s;}
.h_page2 .owl-nav .owl-prev:hover{ background: url(../images/new_left_on.png) no-repeat;}
.h_page2 .owl-nav .owl-next:hover{ background: url(../images/new_right_on.png) no-repeat;}


.h_page3{ margin-bottom: 80px;}
.h_page3 li{background: #ebebeb; overflow: hidden; transition: 0.3s;}
.h_page3 li a {display:block; overflow:hidden;}
.h_page3 li .left{ width: 50%; float: left;}
.h_page3 li .right{ width: 50%; float: left; padding: 7%;}
.h_page3 li .left .Ispic{ padding-bottom: 535px;}
.h_page3 li .right h3{ margin: 0; font-weight: normal; font-size: 24px; color: #333; line-height:1.35em; max-height:2.7em; overflow:hidden;}
.h_page3 li .right p{ margin: 0; font-size: 14px; color: #333; line-height: 32px; height:96px; overflow:hidden;}
.h_page3 li .right time{ font-size: 14px;color: #999999; display: block; margin: 42px 0;}
.h_page3 li .right .more{ background-color: #e50012; color: #fff; display: inline-block; height: 45px; line-height: 45px; text-align: center; width: 135px; font-size: 16px; border-radius: 35px; transition: 0.5s; margin-top: 85px;}
.h_page3 li:hover .right .more{width:155px;}


.h_page3 .owl-dots{ text-align: center; margin-top: 25px;}
.h_page3 .owl-dots .owl-dot{ width: 24px; height: 6px; background: #bfbfbf; display: inline-block; margin: 0 10px;}
.h_page3 .owl-dots .owl-dot.active{ background: #e50012;}


.h_page4{ margin-bottom: 80px;}
.h_page4 .carousel{position :relative ;height :auto;overflow:hidden;}
.h_page4 .carousel .slides{ position:relative;  height:346px;overflow :visible; margin:0 auto;}
.h_page4 .carousel .slides .slideItem {position:absolute;cursor :pointer;overflow:hidden; background-color:#fff;}
.h_page4 .carousel .slides .slideItem img{ height:auto !important;}
.h_page4 .carousel .prevButton{position :absolute ;top :50%; margin-top:-30px;cursor :pointer; z-index:30; background: url(../images/video_left.png) no-repeat center center; background-size:contain; width: 60px; height: 60px;}
.h_page4 .carousel .nextButton{position :absolute ;top :50%; margin-top:-30px;cursor :pointer;  z-index:30;background: url(../images/video_right.png) no-repeat center center;  background-size:contain; width: 60px; height: 60px;}
.h_page4 .carousel .prevButton{ left:16.5%; transition: 0.3s; }
.h_page4 .carousel .nextButton{ right:16.5%;transition: 0.3s;}
.h_page4 .carousel .prevButton:hover{background-image: url(../images/video_left_on.png);}
.h_page4 .carousel .nextButton:hover{background-image: url(../images/video_right_on.png);}


.h_page4 .slides video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
.h_page4 .slides a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.h_page4 .slides a:after{position: absolute; content: ''; z-index: 5; top: 50%; left: 50%; background: url(../images/video_ico.png) no-repeat;width: 90px; height: 90px; margin-left: -45px; margin-top: -42px;}
.h_page4 .slides .video_files{ position: absolute; width: 100%; height: 100%; z-index: 10;}
.h_page4 .slides .video_files .close{position: absolute; right: 3%; top: 3%; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #e50012; cursor: pointer;}
.h_page4 .slides .video_files .close::before,
.h_page4 .slides .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.h_page4 .slides .video_files .close::before{ transform:rotate(45deg);}
.h_page4 .slides .video_files .close::after{ transform:rotate(-45deg);}


@media only screen and (max-width:1366px){
	.h_page3 li .right {padding:3.5%; width:60%;}
	.h_page3 li .right h3 {font-size:20px;}
	.h_page3 li .right time {margin:22px 0;}
	.h_page3 li .right .more {margin-top:40px;}
	.h_page3 li .left {width:40%;}
	.h_page3 li .left .Ispic {padding-bottom:344px;}
	
}

@media only screen and (max-width:1366px){
}

/*底部*/
.footer .footer_top{ background-color: #363636;}
.footer .footer_top .center{padding: 50px 0; padding-bottom: 40px;}
.footer .footer_top .center .img{ float: left;}
.footer .footer_top .center .tel{ float: right; text-align: right; color: #fff;}
.footer .footer_top .center .tel a{ font-size: 22px; color: #fff;}
.footer .footer_top .center .tel span{ font-size: 14px; display: block; padding-bottom: 5px;}
.footer .footer_top .center .img img{ width: 312px; display: block; padding-top: 10px;}
.footer .footer_top .bottom_nav{ border-top: solid 1px #666666; padding-top: 50px; margin-top: 50px;}

.footer .footer_top .bottom_nav .left{ float: left; width: 60%;margin-top: 35px}
.footer .footer_top .bottom_nav .right{ float: right; width: 38%; color: #cccccc; position: relative;}

.footer .footer_top .bottom_nav .left a{ color: #cccccc; font-size: 16px;}
.footer .footer_top .bottom_nav .left a::after{ display:inline-block; font-style:italic; content:'|'; font-size:12px;margin:0 17px 0 25px;color:#666666; }
.footer .footer_top .bottom_nav .left a:last-child::after{ display:none;}

.footer .footer_top .bottom_nav .right li{ float: left; width: 50%; position: relative; padding-left: 40px;}
.footer .footer_top .bottom_nav .right li p{ margin: 0; position: absolute; right: 0; top: 26px;}
.footer .footer_top .bottom_nav .right li p span{ display: block; padding-top: 10px;}
.footer .footer_top .bottom_nav .right li img{ display: block; margin-left: 25px; width: 98px; height: 98px;}

.footer .footer_bottom{ background-color: #363636;}
.footer .footer_bottom .center{padding: 25px 0;}
.footer .footer_bottom nav a{ color: #c9c9c9; font-size: 14px;}
.footer .footer_bottom nav a::after{ display:inline-block; font-style:italic; content:'|'; font-size:12px;margin:0 12px 0 18px;color:#333333; }
.footer .footer_bottom nav a:last-child::after{ display:none;}
.footer .footer_bottom nav{ float: left;}
.footer .footer_bottom p{ float: right; margin: 0; color: #c9c9c9;}
.footer .footer_bottom p a{ color: #c9c9c9;}



/*内页banner*/
.menu_box{ position: relative;}
.menu_box .ban{ height: 250px; overflow: hidden;}
.menu_box .ban img{ display: block;}
.menu_box .ban .phoneimg{ display: none;}
.menu_box .menu *{ transition: .3s ease-in-out;}
.menu_box .menu{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;}
.menu_box .menu .currents{ float: right; background:  url(../images/curr_home.png) no-repeat left center; padding-left: 25px;}
.menu_box .menu .currents a,
.menu_box .menu .currents{ color: #e1e1e1;}
.menu_box .menu nav{ float: left; width: 52%;}
.menu_box .menu nav li a{ color: #e1e1e1; font-size: 16px;  display: inline-block; position: relative;}
.menu_box .menu nav li.on a,.menu_box .menu nav li a:hover{ font-weight: bold; color: #fff;}
.menu_box .menu nav li.on a:after,.menu_box .menu nav li a:hover:after{ width: 100%; left: 0;}
.menu_box .menu nav li{ float: left; padding-right: 50px;}
.menu_box .menu nav li:last-child{ padding-right: 0;}

.proinfo_ban img{ display: block; width: 100%;}





/*公司简介*/
.content{ overflow: hidden;}
.ti_column{ font-size: 36px; color: #e30214; margin-bottom: 35px;}
.about_con p.p1{ font-size: 16px; text-indent: 2em; line-height: 32px; margin: 0; margin-bottom: 45px;}
.about_con p{font-size: 16px; margin: 0; }

.about_con1 .left{ float: left; width: 56%;}
.about_con1 .right{ float: right; width: 37%; }
.about_con1 .left h3{ font-size: 30px; color: #000000; margin: 0 0 25px;}
.about_con1 .left li{ font-size: 18px; color: #000000; margin-bottom: 15px;}
.about_con1 .left li i{ font-style: normal; font-size: 12px; padding-right: 8px;}
.about_con1 .con{ margin-top: 40px;}
.about_con1 p.p0{ text-indent: 0; font-size: 16px; line-height: 32px; margin: 0 0 30px;}
.about_con1 .left p.p0:last-child{ margin-bottom: 0;}
.about_con1 p.p1{ font-size: 16px; text-indent: 2em; line-height: 32px; margin: 0; margin-bottom: 25px;}
.about_con1 p.p2{ font-size: 16px; margin: 0; text-align: right; position: relative;}
.about_con1 p.p2 span{ position: absolute; padding-top: 45px; right: 120px;}
.about_con2 p.p1{ font-size: 16px; text-indent: 2em; line-height: 32px; margin: 0; margin-bottom: 45px;}

.about_con2 li{ background-color: #eee; margin-bottom: 70px; transition: 0.3s;}
.about_con2 li:last-child{margin-bottom: 0;}
.about_con2 li{ padding: 47px; position: relative;}
.about_con2 li h3{ font-size: 36px; margin: 0; padding-bottom:25px; font-weight: normal; color: #333;}
.about_con2 li p{ text-indent: 2em; font-size: 15px; line-height: 30px; margin: 0; color: #333;}
.about_con2 li .con{ width: 63%; height: 282px; overflow: hidden;}
.about_con2 li.li1 .con{ float: left;}
.about_con2 li.li1 figure{ position: absolute; right:-27%; top: 0;}
.about_con2 li.li2 .con{ float: right;}
.about_con2 li.li2 figure{ position: absolute; left:-27%; top: 0;}
.about_con2 li .con i.i{ font-style: normal; color: #e30214; border-bottom: solid 1px #e30214;}



.about_con3 .word{ margin-bottom: 65px;}
.about_con3 .word .left{ float: left; width: 27%; padding: 15px 0;}
.about_con3 .word .right{ float: right; width: 67%; }
.about_con3 .word  h4{ margin: 0 0 10px; font-size: 24px; color: #666666; }
.about_con3 .word  p{ margin: 0 0 25px; font-size: 16px; color: #666666; line-height: 32px;}
.about_con3 .word  li{ font-size: 24px; color: #505050; margin-bottom: 0; line-height: 32px;}

.about_con3 .ul1 li{ background-color: #e1e1e1; margin-bottom: 65px;}
.about_con3 .ul1 li:last-child{margin-bottom: 0;}
.about_con3 .ul1 li{ padding: 85px 120px; position: relative;}
.about_con3 .ul1 li h3{ font-size: 36px; margin: 0; padding-bottom:55px; font-weight: normal;}
.about_con3 .ul1 li p{ font-size: 18px; line-height: 38px; margin: 0;}
.about_con3 .ul1 li .con{ width: 42%; height: 325px; overflow: hidden;}
.about_con3 .ul1 li.li2 .con{ float: left;}
.about_con3 .ul1 li.li2 figure{ position: absolute; right:-27%; top: 0;}
.about_con3 .ul1 li.li1 .con{ float: right;}
.about_con3 .ul1 li.li1 figure{ position: absolute; left:-27%; top: 0;}
.about_con3 .ul1 li .con i.i{ font-style: normal; color: #e30214; border-bottom: solid 1px #e30214;}
.about_con3 .ul1 li h3 span{ font-size: 24px;}



/*发展历程*/
.deve_con{}

.deve_con{ padding-bottom:4%;}
.deve_con .list ul{ background:url(../images/time_ul.png) repeat-y center top; padding:20px 0;}
.deve_con li{ padding-left:50%; background:url(../images/time_li.png) no-repeat center 20px; padding-top:10px; padding-bottom:0;}
.deve_con li:hover{background:url(../images/time_li_on.png) no-repeat center 17px;}
.deve_con li .div{ padding-left:36px;}
.deve_con li .div p{ line-height:24px;;}
.deve_con ul li.odd{ text-align:right; padding-left:0; padding-right:50%;}
.deve_con ul li.odd .div{padding-left:0; padding-right:36px;}
.deve_con li time{ display:inline-block; color:#333333; font-size:18px; background: #e5e5e5; border-radius: 0 30px 30px 0; padding: 5px 6px; position: relative; float: left;}
.deve_con li time:before{ content: ''; background: url(../images/time_san.png) no-repeat; width: 10px; height: 32px; position: absolute; display: block; left: -10px; top: 2px;}
.deve_con li.odd time{border-radius: 30px 0 0 30px; }
.deve_con li.odd time:before{ content: ''; background: url(../images/time_san1.png) no-repeat; width: 10px; height: 32px; position: absolute; display: block; left: auto; right: -10px; top: 2px;}
.deve_con li.odd time{ float: right;}
.deve_con li:hover time{background: #cc0001; color: #fff; }
.deve_con li:hover time:before{background: url(../images/time_san_on.png) no-repeat;}
.deve_con li.odd:hover time:before{background: url(../images/time_san_on1.png) no-repeat; }

.deve_con li .con .word{ color: #666666; font-size: 16px; line-height: 32px; margin-top: -8px; height: 128px; overflow: hidden;}


.deve_con li .con{ float: left; width: 95%; margin-left: 90px; margin-top: -35px; position: relative; padding-left: 27%;}
.deve_con li.odd .con{float: right;width: 95%; margin-right: 90px; margin-left: 0; padding-right: 27%; padding-left: 0;}

.deve_con li .con .Ispic{ padding-bottom: 16%; position: absolute; left: 0; width: 26%; border: solid 2px #e5e5e5;}
.deve_con li.odd .con .Ispic{ right: 0;left: auto;}
.deve_con li:hover .con .Ispic{border: solid 2px #cc0001;}


.honor_con li{ border: solid 1px #e1e1e1;}
.honor_con li .Ispic{ padding-bottom: 69%;}
.honor_con li .con{ background-color: #e1e1e1; padding: 25px 20px;}
.honor_con li .con h3{ margin: 0 auto; font-weight: normal; font-size: 16px; margin-bottom: 10px;}
.honor_con li .con p{ margin: 0 auto; font-size: 16px;}
.honor_con .owl-nav{}
.honor_con .owl-nav .owl-prev{ background: url(../images/ry_left.png) no-repeat; width: 48px; height: 48px;display: block; transition: 0.3s; position: absolute; left: -5%; top: 25%;}
.honor_con .owl-nav .owl-next{ background: url(../images/ry_right.png) no-repeat; width: 48px; height: 48px;display: block;  transition: 0.3s;position: absolute; right: -5%; top: 25%;}
.honor_con .owl-nav .owl-prev:hover{ background: url(../images/ry_left_on.png) no-repeat;}
.honor_con .owl-nav .owl-next:hover{ background: url(../images/ry_right_on.png) no-repeat;}



/*社会责任*/
.social_con .con p.p1{ font-size: 16px; text-indent: 2em; line-height: 32px; margin: 0; margin-bottom: 45px;}
.social_con .con p{font-size: 16px; margin: 0; }
.social_con .con .img{ width: 100%;}
.social_con ul{ margin-top: 30px;}
.social_con li{ position: relative; border-bottom: dashed 1px #ccc; padding: 30px 90px 20px 0; transition: 0.3s;}
.social_con li a{ color: #666666; font-size: 16px;}
.social_con li span{ position: absolute; right: 0; top: 32px; color: #999999; font-size: 12px;}
.social_con li:hover a{ color: #cc0001;}
.social_con li:hover{ color: #cc0001; border-bottom: solid 1px #cc0001; }

/*分页*/
.page_box .Pages{ text-align:center; margin-top: 60px; padding-bottom: 20px;}
.page_box .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 18px; line-height:38px; color:#999;}
.page_box .Pages a:hover,
.page_box .Pages a.a_cur{ background-color:#4e4e4e; color:#fff;}
.page_box .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.page_box .Pages em a{ float:left; margin-left:-1px;}
.page_box .Pages .p_cur,
.page_box .Pages .p_count,
.page_box .Pages .p_jump,
.page_box .Pages .p_total{ display:none;}
.page_box .Pages .a_prev,
.page_box .Pages .a_next{font-family: 'Microsoft YaHei'; font-size: 28px; margin: 0 5px;}
.page_box .Pages .a_first,
.page_box .Pages .a_end{padding: 0 25px}

.social_info .ti{ text-align: center; border-bottom: dashed 1px #cccccc; margin-bottom: 30px;}
.social_info .ti h3{ color: #333; font-size: 30px; margin: 0;}
.social_info .ti span{ color: #999999; font-size: 13px; margin: 0; display: block; padding: 25px 0;}
.social_info .con p{ color: #666666; margin: 0; font-size: 16px; line-height: 32px;}
.social_info .con p.p1{ text-align: center; margin-bottom: 40px;}
.social_info .con p.p2{ text-indent: 2em;}
.social_info .con p.p3{ text-indent: 2em; margin-bottom: 40px;}
.social_info .con .ul1{margin-bottom: 40px;}
.social_info .con .ul1 li{ float: left; width: 49%; margin-right: 2%; text-align: center;}
.social_info .con .ul1 li.odd{ margin-right: 0;}
.social_info .con .ul1 li span{ color: #999999; font-size: 14px; display: block; margin-top: 15px;}
.social_info .con .ul2{margin-bottom: 40px;}
.social_info .con .ul2 li{ float: left; width: 32%; margin-right: 2%; text-align: center;}
.social_info .con .ul2 li.odd{ margin-right: 0;}

.social_info .con .social_net{ padding: 20px 0;color: #999999;}
.social_info .con .social_net a{ font-size: 14px; color: #999999; line-height: 32px;}
.social_info .con .social_net a:hover{color: #cc0001; }



/*产品中心*/
.pro_list li{ width: 24.2333%; margin-right: 1%; margin-bottom: 1%; float: left; overflow: hidden;}
.pro_list li:nth-child(4n){ margin-right: 0;}
.pro_list li .Ispic{ padding-bottom: 61%; transition: 0.3s;}
.pro_list li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}


.pro_list1{ text-align: center;}
.pro_list1 li{ width: 22.5%; margin: 0 1%; margin-bottom: 2%; display: inline-block; overflow: hidden;}
/*.pro_list1 .ul1 li{ border: solid 1px #4e4e4e;}*/
.pro_list1 li .Ispic{ padding-bottom: 61%; transition: 0.3s;}
.pro_list1 li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}


.cgpro_info{ padding-top: 70px;}
.cgpro_info .box1{ text-align: center;margin-bottom: 100px;}
.cgpro_info h3.h3{ color: #333333; font-size: 48px; margin: 0; font-weight: normal; margin-bottom: 50px; text-align: center;}
.cgpro_info .box1 p.p1{ color: #666666; font-size: 18px; line-height: 36px; margin-bottom: 40px;}
.cgpro_info .box1 p{ margin: 0; font-size: 18px;}
.cgpro_info .box1 .ul1{ margin-bottom: 30px;}
.cgpro_info .box1 .ul1 li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 2%;}
.cgpro_info .box1 .ul1 li:nth-child(3n){ margin-right: 0;}



.proinfo_video{ position:relative; z-index:1; overflow:hidden;}
.proinfo_video img{ width:100%; display:block;}
.proinfo_video .ycenter{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%;  text-align:center;overflow:hidden;}
.proinfo_video .ycenter_click{ z-index:20; width:auto; height:auto; right:5%; top:5%; left:auto;}
.proinfo_video .ycenter_click .title{ display:none;}
.proinfo_video .video{ width:100%;}
.proinfo_video video{ z-index:10; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;}
.proinfo_video .title{ font-size:36px; font-family:'Microsoft YaHei';}
.proinfo_video .title b{ display:block; opacity:0.2; text-transform:uppercase; font-size:86px; font-family:"Microsoft YaHei";}
.proinfo_video .title::after{ display:block; content:''; margin:1% auto 3%; width:1px; height:32px; background:#cca74f;}

.proinfo_video .play_btn{ cursor:pointer; display:inline-block;}
.proinfo_video .play_btn i{ display:block; margin:0 auto; width: 114px; height: 114px; background:url(../images/video_ico1.png) no-repeat center center;}
.proinfo_video .close_btn i{display:block; margin:0 auto; width: 114px; height: 114px; background:url(../images/video_ico1_on.png) no-repeat center center;}

.cgpro_info .box2 img{ width: 100%;}
.cgpro_info .box3{ margin-top: 70px; margin-bottom: 30px;}
.cgpro_info .box3 li{ width: 31.5%; margin-right: 2.74%; margin-bottom: 2%; float: left; overflow: hidden;}
.cgpro_info .box3 li:nth-child(3n){ margin-right: 0;}
.cgpro_info .box3 li .Ispic{ transition: 0.3s; padding-bottom: 64%;}
.cgpro_info .box3 li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.cgpro_info .box3 li p{ text-align: center; font-size: 16px; color: #333333; margin: 0; padding: 15px 0; background: #fff; position: relative; z-index: 1;}






/*新品推荐*/
.new_prolist li{ overflow: hidden;}
.new_prolist li .Ispic{ padding-bottom: 45%; transition: 0.3s;}
.new_prolist li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.new_prolist li p{ background-color: #bf9457; color: #fff; font-size: 36px; margin: 0; text-align: center; padding: 25px 15px; position: relative; z-index: 1;}
.new_prolist li p span{ background: url(../images/more.png) no-repeat right center; padding-right: 52px;}
.new_prolist .owl-nav{ }
.new_prolist .owl-nav .owl-prev{ background: url(../images/newpro_l.png) no-repeat; width: 45px; height: 90px;display: block; transition: 0.3s; position: absolute; left: 0; top: 50%; margin-top: -110px;}
.new_prolist .owl-nav .owl-next{ background: url(../images/newpro_r.png) no-repeat; width: 45px; height: 90px;display: block;  transition: 0.3s; position: absolute; right: 0; top: 50%; margin-top: -110px;}
.new_prolist .owl-nav .owl-prev:hover{ background: url(../images/newpro_l_on.png) no-repeat;}
.new_prolist .owl-nav .owl-next:hover{ background: url(../images/newpro_r_on.png) no-repeat;}


/*明星产品*/
.mx_pro{}

.mx_pro ul li{ background-color: #e1e1e1; margin-bottom: 45px;}
.mx_pro ul li:last-child{margin-bottom: 0;}
.mx_pro ul li{ padding: 42px 80px; position: relative;}
.mx_pro ul li h3{ font-size: 36px; margin: 0; padding-bottom:22px; font-weight: normal; color: #fff;}
.mx_pro ul li a{ font-size: 18px; line-height: 38px; margin: 0; color: #fff; display: inline-block; margin-right: 25px;}
.mx_pro ul li .con{ width: 35%; height: 294px; overflow: hidden; position: relative; z-index: 1;}
.mx_pro ul li .con{ float: left;}
.mx_pro ul li figure{ position: absolute; right:-27%;top: 0;}
.mx_pro ul li.odd .con{ float: right;}
.mx_pro ul li.odd figure{ position: absolute; left:-27%; }
.mx_pro ul li .con .more{ background: url(../images/more1.png) no-repeat; display: inline-block; width: 41px; height: 41px; margin-top: 30px;}


.mx_pro ul li .con i.i{ font-style: normal; color: #e30214; border-bottom: solid 1px #e30214;}
.mx_pro ul li h3 span{ font-size: 24px;}

.mx_prolist{ overflow: hidden;}
.mx_prolist ul{ margin: 0 -1%;}
.mx_prolist li{ width: 25%; padding:0 1% 2%; float: left; overflow: hidden; position: relative;}
.mx_prolist li .inner{ display: block; position: relative; overflow: hidden;padding-bottom: 84%; cursor: pointer;}
.mx_prolist li .Ispic{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s;}
.mx_prolist li .inner:hover .Ispic{ left: 0; top: 0;  transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.mx_prolist li .word{ position: absolute; background: rgba(0, 0, 0, 0.63); margin: 0;  padding: 15px; color: #fff;left: 0; bottom: 0; width: 100%; }
.mx_prolist li .p{text-align: center; font-size: 18px; margin: 0;}
.mx_prolist li .word figure{ font-size: 16px; height: 0; line-height: 20px; overflow: hidden;transition: 0.3s;-ms-transition: 0.3s;-webkit-transition: 0.3s; margin-top: 0;}
.mx_prolist li .inner:hover .word figure{ height: auto; margin-top: 5px;}


/*文具研究所*/
.wenju_box{}
.wenju_box .ti_column{ text-align: center;}
.wenju_box .con{ text-align: center; font-size: 18px; color: #666666;}

.wenju_box .box{ margin-top: 70px;}
.wenju_box .box .left{ width: 45%; float: left; }
.wenju_box .box .right{ width: 48%; float: right;border:1px solid #ddd; }
.wenju_box .box .left li{ margin-bottom: 28px;}
.wenju_box .box .left .text{border:1px solid #ddd; width:100%; padding:0 15px; line-height:50px; height: 50px; color:#999999; font-size: 16px;}
.wenju_box .box .left textarea.text{ height: 200px;}
.wenju_box .box .left .button{ height: 42px; line-height: 42px; text-align: center; background: #e53024; color: #fff; font-size: 18px; border: none; width: 138px; display: block; border-radius: 30px; cursor: pointer;}

.wenju_box .box .right h3.h3{ margin: 0; background: #d2d2d2; color: #2a2a2a; font-size: 18px; padding: 15px 20px;}
.wenju_box .box .right ul{ padding: 40px 30px;}
.wenju_box .box .right ul li{ border-bottom: dashed 1px #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.wenju_box .box .right ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.wenju_box .box .right ul li h3 span{ font-weight: normal;}
.wenju_box .box .right ul li h3{font-size: 16px; margin: 0;line-height: 32px;}
.wenju_box .box .right ul li p{font-size: 16px; margin: 0; line-height: 32px;}


.fixed_right{ position: fixed; top: 50%; width: 71px; right: 0; z-index: 1; }
.fixed_right li{ width: 71px; height: 66px; margin-bottom: 2px;}
.fixed_right li a{ display: block; height: 66px;}
.fixed_right li.li1{ background: url(../images/right_ico.png) no-repeat; background-position: 0 0;}
.fixed_right li.li2{ background: url(../images/right_ico.png) no-repeat; background-position: 0 -68px;}
.fixed_right li.li3{ background: url(../images/right_ico.png) no-repeat; background-position: 0 -136px;}
.fixed_right li.li4{ background: url(../images/right_ico.png) no-repeat; background-position: 0 -204px;}

.fixed_right ul{ position: absolute; right: -71px; top: 50%; margin-top: -136px;}
.fixed_right .hoverbtn{width:30px;height:129px;padding-top:20px;cursor:pointer;position:absolute;top:50%;margin-top:-66px; right: 0; font-size:14px;color:#fff;background:#e50012;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;-moz-box-shadow:-4px 4px 4px -4px #000;-webkit-box-shadow:-4px 4px 4px -4px #000;box-shadow:-4px 4px 4px -4px #000}
.fixed_right .hoverbtn span{width:30px;height:19px;line-height:19px;text-align:center;overflow:hidden;float:left}

.fixed_right .fixed_icon{ background: url(../images/hoverbtnbg.gif) no-repeat center; float: left; margin-top: 8px; width: 30px; height: 15px; display: block; /* position: absolute; right: 0; top: 35px; cursor: pointer; */}
.fixed_right .hoverbtn:hover .fixed_icon{ transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); /* Opera */}
.fixed_right .hoverbtn.on .fixed_icon{ transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); /* Opera */}
/*企业新闻*/
.newslist1{ position: relative; min-height: 360px;}
.newslist1 .list li{ position: relative; padding-left: 31%; margin-bottom: 40px;  border-bottom: solid 1px #ccc;overflow: hidden;}
.newslist1 .list li .Ispic{ padding-bottom: 15%; position: absolute; width: 27%; left: 0; top: 0;}
.newslist1 .list li .con h3{ margin: 0; font-size: 18px; color: #333333; font-weight: normal; margin-bottom: 10px;}
.newslist1 .list li .con p{ margin: 0; height: 48px; overflow: hidden; line-height: 24px; font-size: 14px; color: #666666; height: 48px;}
.newslist1 .list li .con time{ display: block; background: url(../images/ico_time.png) no-repeat left; padding-left: 20px; font-size: 14px;color: #c2c2c2; margin: 20px 0;}
.newslist1 .list li .con span{ display: block; background: url(../images/ico_more.png) no-repeat; width: 20px; height: 20px; margin-bottom: 20px;}
.newslist1 .list li:hover .con h3{ color: #e53024;}

.news_column{ position: absolute; left: -90px; top: 0;}
.news_column ul{ background: url(../images/xian.png) repeat-y right; padding-right: 20px; position: relative; padding-bottom: 30px;}
.news_column ul:before{ content: ''; display: block; background: url(../images/xia_ico.png) no-repeat; width: 20px; height: 12px;  bottom: 0; right: -9px; position: absolute;}
.news_column ul li{ margin-bottom: 20px; position: relative;}
.news_column ul li:before{content: ''; display: block; background:url(../images/dian.png) no-repeat right; width: 18px; height: 18px;  top: 3px; right: -28px; position: absolute;}
.news_column ul li a{ font-size: 16px; color: #999999; font-weight: bold;}
.news_column ul li a:hover,
.news_column ul li.aon a{ color: #e50012;}
.news_column ul li:hover:before,
.news_column ul li.aon:before{background:url(../images/dian_on.png) no-repeat right; }


.news_info{ position: relative;}
.news_info .ti{ text-align: center; border-bottom: dashed 1px #cccccc; margin-bottom: 45px;}
.news_info .ti h3{ color: #333; font-size: 30px; margin: 0; font-weight: normal;}
.news_info .ti span{ color: #999999; font-size: 13px; margin: 0; display: block; padding: 25px 0;}
.news_info .con p{ color: #666666; margin: 0; font-size: 16px; line-height: 32px;}
.news_info .con p.p1{ text-align: center; margin-bottom: 40px;}
.news_info .con p.p2{ text-indent: 2em;}
.news_info .con p.p3{ text-indent: 2em; margin-bottom: 40px;}
.news_info .con h3.h3{ margin: 0;margin-bottom: 40px;  font-size: 16px; color: #666666;}
.news_info .con .ul1{margin-bottom: 40px;}
.news_info .con .ul1 li{ float: left; width: 49%; margin-right: 2%; text-align: center;}
.news_info .con .ul1 li.odd{ margin-right: 0;}
.news_info .con .ul1 li span{ color: #999999; font-size: 14px; display: block; margin-top: 15px;}
.news_info .con .ul2{margin-bottom: 40px;}
.news_info .con .ul2 li{ float: left; width: 32%; margin-right: 2%; text-align: center;}
.news_info .con .ul2 li.odd{ margin-right: 0;}

.news_info .con .social_net{ padding: 20px 0;color: #999999; }
.news_info .con .social_net a{ font-size: 14px; color: #999999; line-height: 32px;}
.news_info .con .social_net a:hover{color: #cc0001; }


/*媒体报道*/
.medialist{}
.newcon_top{ border: dashed 1px #ccc; padding: 10px 15px; font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 50px;}
.medialist .list li{ position: relative; width: 31.666%; float: left; margin-right: 2.5%;; margin-bottom: 2.5%; overflow: hidden;}
.medialist .list li:nth-child(3n){ margin-right: 0;}
.medialist .list li .Ispic{ transition: 0.3s; padding-bottom: 70%;}
.medialist .list li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.medialist .list li p{ margin: 0; position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #000000; text-align: center; height: 92px; line-height: 28px; padding: 20px 30px; transition: 0.3s;}
.medialist .list li:hover p{ background: rgba(204, 0, 1, 0.72); color: #fff;}
.medialist .list li p span{ padding-bottom: 10px; display: block; overflow: hidden;}



/*资料中心*/
.menu_zl{ margin-bottom: 42px;}
.menu_zl ul li{ float: left;  height: 50px; text-align: center; background: #eeeeee; line-height: 50px; margin-right: 42px;}
.menu_zl ul li a{ color: #333333; font-size: 16px;display: block;padding: 0 65px; transition: 0.3s;}
.menu_zl ul li.aon a{ font-weight: bold;  border-bottom: solid 3px #e60012; line-height: 47px;}
.menu_zl ul li:hover a{ font-weight: bold;  border-bottom: solid 3px #e60012; line-height: 47px;}

.zl_con .box1{ font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 42px;}
.zl_con .list li{ width: 23.5%; margin-right: 2%; margin-bottom: 2%;float: left; text-align: center;}
.zl_con .list li:nth-child(4n){ margin-right: 0;}
.zl_con .list li .Ispic{ padding-bottom: 56%; border: solid 1px #ccc;}
.zl_con .list li p{ margin: 0; font-size: 16px; padding: 15px 0;}
.zl_con .list li span{ display: inline-block; font-size: 14px; color: #666666; background: url(../images/xz_ico.png) no-repeat left; padding-left: 22px;}

.zl_con .list1 li{ width: 17.6%; margin-right: 3%; margin-bottom: 3%;float: left; text-align: center;}
.zl_con .list1 li:nth-child(5n){ margin-right: 0;}
.zl_con .list1 li .Ispic{ padding-bottom: 157%;}
.zl_con .list1 li p{ margin: 0; font-size: 16px; padding: 15px 0;}
.zl_con .list1 li p{ margin: 0; font-size: 16px; padding: 15px 0;}
.zl_con .list1 li span{ display: inline-block; font-size: 14px; color: #666666; background: url(../images/xz_ico.png) no-repeat left; padding-left: 22px;}

.zl_con .list2 li{ width: 23.5%; margin-right: 2%; margin-bottom: 2%;float: left; text-align: center;}
.zl_con .list2 li:nth-child(4n){ margin-right: 0;}
.zl_con .list2 li .Ispic{ padding-bottom: 58%; position: relative; }
.zl_con .list2 li .Ispic:before{ content: ''; background: url(../images/video_ban.png) no-repeat center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.zl_con .list2 li p{ font-size: 16px; margin: 15px 0; padding: 0 30px; height: 42px; overflow: hidden;}
.zl_con .list2 li span{ display: inline-block; font-size: 14px; color: #666666; background: url(../images/xz_ico.png) no-repeat left; padding-left: 22px;}


.videoCon{display: none;}
.videoCon iframe{width: 1070px; height: 610px; max-width:100%}
.videoCon video{width: 1070px; height: 610px; max-width:100%}

.fancybox-opened .fancybox-skin{box-shadow:none!important; background: none!important;}
.fancybox-skin{background: none!important;}
.fancybox-close{border: solid 1px #d2d2d2; border-radius: 50%;}
.fancybox-close::before, .fancybox-close::after{ width: 70%!important; height: 2px!important;left: 5px!important;}
.fancybox-title-float-wrap .child{ color: #fff!important;}


/*投资者关系*/
.gonglist{ position: relative; min-height: 360px;}
.gonglist .list li{ position: relative; border: solid 1px #fff; border-bottom: dashed 1px #d3d3d3;transition: 0.3s; padding-right: 90px; padding-bottom: 20px; margin-bottom: 30px;}
.gonglist .list li a{ color: #333; font-size: 16px;}
.gonglist .list li span{ position: absolute; right: 0; top: 0; color: #646464; font-size: 14px;}
.gonglist .list li:hover a{ color: #cc0001;}
.gonglist .list li:hover{ color: #cc0001; border-bottom: solid 1px #cc0001; }


.tzhd_box{}
.tzhd_box .ti_column{ text-align: center;}
.tzhd_box .con{ text-align: center; font-size: 18px; color: #666666; margin-bottom: 80px;}
.tzhd_box .from .left{ width: 49%; float: left; }
.tzhd_box .from .right{ width: 49%; float: right;}
.tzhd_box .from .left li{ margin-bottom: 25px;}
.tzhd_box .from .left .text{border:1px solid #ddd; width:100%; padding:0 15px; line-height:50px; height: 50px; color:#999999; font-size: 16px;}
.tzhd_box .from .right textarea.text{ height: 200px;border:1px solid #ddd; width:100%; padding:15px; color:#999999; font-size: 16px;}
.tzhd_box .from .button{ height: 42px; line-height: 42px; text-align: center; background: #e53024; color: #fff; font-size: 18px; border: none; width: 138px; display: block; border-radius: 30px; cursor: pointer; margin: 0 auto; margin-top: 35px;}



/*加入晨光*/
.peixun_box{}
.peixun_box ul li{ float: left; width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; text-align: center;}
.peixun_box ul li .Ispic{ padding-bottom: 96%; border: 7px solid #cccccc; border-radius: 50%;}
.peixun_box ul li:nth-child(3n){ margin-right: 0;}
.peixun_box ul li .Ispic{ transition: 0.3s; }
.peixun_box ul li:hover .Ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.peixun_box ul li h3{ margin: 0; font-size: 36px; color: #666666; margin-top: 35px; margin-bottom: 30px; transition: 0.3s; }
.peixun_box ul li p{ margin: 0; font-size: 18px; color: #666666; line-height: 35px; height: 70px; overflow: hidden;}
.peixun_box ul li .span{ display: block; background: url(../images/ico_px.png) no-repeat center; width: 46px; height: 46px; margin: 0 auto; margin-top: 15px;}
.peixun_box ul li:hover h3{color: #cc0001;}

.yuangong h3{ margin: 0;}
.yuangong h3.h3{ margin: 0; font-size: 30px; color: #e50012; font-weight: normal; margin-bottom: 25px;}
.yuangong p{ margin: 0; font-size: 16px; color: #666666; line-height: 30px;}
.yuangong p.p1{ text-indent: 2em; margin-bottom: 60px;}
.yuangong p.p2{ text-indent: 2em; margin-bottom: 42px;}
.yuangong .ul1 li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 42px;}
.yuangong .ul1 li:nth-child(3n){ margin-right: 0;}


.join_box .list{ border:1px solid #e8e8e8; padding:0 3%; margin-bottom:15px;}
.join_box .job-title{ line-height:30px; padding:15px 0; font-size:18px; cursor:pointer; position:relative; padding-right: 40px; color: #333;}
.join_box .job-title i{ position:absolute; width:22px; height:22px; background:#e53024; border-radius:50%; right:0; top:50%; margin-top:-11px;}
.join_box .job-title i::before,
.join_box .job-title i::after{ position:absolute; content:''; background:#fff;}
.join_box .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.join_box .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.join_box .job-title.select i::after{ display:none;}
.join_box .job-title.select{ color:#e53024;}
.join_box .job-main{ display:none; padding:22px 0; border-top:1px dotted #e5e5e5; font-size: 16px; color: #333;}
.join_box .job-email{ color:#e53024; padding:30px 0;}


/*服务中心*/
.zongbu_box .ti_column{ text-align: center;}
.zongbu_box .box1{ border: solid 1px #dcdcdc; padding: 35px; margin-bottom: 50px;}
.zongbu_box .box1 h3{ font-size: 24px; margin: 0; color: #333333; margin-bottom: 25px;}
.zongbu_box .box1 h3 span{ font-weight: normal; font-size: 14px; color: #999999; padding-left: 20px;}
.zongbu_box .box1 ul li{ display: inline-block; margin-right: 32px; color: #333333; font-size: 18px;}
.zongbu_box .box1 ul li a{ color: #333333;}

.zongbu_box .box2{ border: solid 1px #dcdcdc; padding: 35px; margin-bottom: 50px;}
.zongbu_box .box2 h3{ font-size: 24px; margin: 0; color: #333333; margin-bottom: 25px;}
.zongbu_box .box2 h3 span{ font-weight: normal; font-size: 14px; color: #999999; padding-left: 20px;}
.zongbu_box .box2 ul li{ display: inline-block; margin-right: 55px; color: #333333; font-size: 18px;}
.zongbu_box .box2 ul li a{ color: #333333;}
.zongbu_box .box2 ul li img{ margin-right: 15px;}



.liuyan_box{}
.liuyan_box .ti_column{ text-align: center;}
.liuyan_box .con{ text-align: center; font-size: 18px; color: #666666; margin-bottom: 80px;}
.liuyan_box .from .left{ width: 49%; float: left; }
.liuyan_box .from .right{ width: 49%; float: right;}
.liuyan_box .from .left li{ margin-bottom: 25px;}
.liuyan_box .from .left .text{border:1px solid #ddd; width:100%; padding:0 15px; line-height:50px; height: 50px; color:#999999; font-size: 16px;}
.liuyan_box .from .right textarea.text{ height: 200px;border:1px solid #ddd; width:100%; padding:15px; color:#999999; font-size: 16px;}
.liuyan_box .from .button{ height: 42px; line-height: 42px; text-align: center; background: #e53024; color: #fff; font-size: 18px; border: none; width: 138px; display: block; border-radius: 30px; cursor: pointer; margin: 0 auto; margin-top: 35px;}


.qudao_box .left{width: 48%; float: left; }
.qudao_box .right{width: 48%; float: right; }
.qudao_box table{ border: solid 1px #c9c9c9; font-size: 15px; color: #333333; width: 100%;}
.qudao_box table th{ border: solid 1px #c9c9c9; padding: 15px 22px; font-size: 18px; color: #fff; font-weight: normal; background: #e60012; text-align: left;}
.qudao_box table td{ border: solid 1px #c9c9c9; padding: 15px 22px;}
.qudao_box table tr.odd{ background: #e5e5e5;}


.dingzhi_box .box1{ margin-bottom: 100px;}
.dingzhi_box .box1 .left{ float: left; width: 40%;}
.dingzhi_box .box1 .right{ float: right; width: 57%;}
.dingzhi_box .box1 .left .ti{ font-size: 48px; color: #e30214; margin-bottom: 40px;}
.dingzhi_box .box1 .left p.p1{ font-size: 24px; color: #666666; margin: 0; line-height: 45px;}
.dingzhi_box .box1 .left p.p1 b{ font-size: 30px;}

.dingzhi_box .box2{ max-width: 1080px; margin: 0 auto; margin-bottom: 50px;}
.dingzhi_box .box2 .ti{ font-size: 48px; color: #333333; margin-bottom: 40px; text-align: center;}
.dingzhi_box .box2 .ti .span{ display: block;  color: #333333; font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: "Microsoft YaHei";}
.dingzhi_box .box2 .ti .span:before{ content: ''; height: 30px; width: 2px; background: #e30214; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
.dingzhi_box .box2 li{ width: 30%; float: left; margin-right: 5%; margin-bottom: 4%; background: #e5e5e5; position: relative; font-size: 30px; color: #333333; padding: 0 50px; border-radius: 30px;}
.dingzhi_box .box2 li:nth-child(3n){ margin-right: 0;}
.dingzhi_box .box2 li img{ width: 69px; height: 69px; margin-right: 20px; }
.dingzhi_box .box2 li{ line-height: 102px; height: 102px;}

.dingzhi_box .box3 .ti{ font-size: 48px; color: #333333; margin-bottom: 40px; text-align: center;}
.dingzhi_box .box3 .con{ border: solid 1px #dcdcdc; padding:45px 100px; margin-bottom: 20px;}
.dingzhi_box .box3 .con h3{ font-size: 24px; margin: 0; color: #333333; margin-bottom: 25px;}
.dingzhi_box .box3 .con h3 span{ font-weight: normal; font-size: 14px; color: #999999; padding-left: 20px;}
.dingzhi_box .box3 .con ul li{ display: inline-block; margin-right: 110px; color: #333333; font-size: 18px; line-height: 30px;}
.dingzhi_box .box3 .con ul li:nth-child(3n){ margin-right: 0;}
.dingzhi_box .box3 .con ul li a{ color: #333333;}
.dingzhi_box .box3 .con ul li img{ margin-right: 12px;}



/*友情链接*/
.linkle_box1{margin: 0 auto;}
.linkle_box1 li{float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; text-align: center; border: solid 1px #f2f2f2;}
.linkle_box1 li:nth-child(4n){margin-right: 0;}
.linkle_box1 li a{position: relative; display: block; width: 100%; padding-top: 56%;}
.linkle_box1 li img{display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%;}
.linkle_box1 li a figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(226, 1, 17, 0.6); ;opacity: 0; transition: 0.3s; z-index: 10;}
.linkle_box1 li a:hover figure{opacity: 1;}
.linkle_box1 li dl{display: table; width: 100%; height: 100%; margin: 0;}
.linkle_box1 li dt{display: table-cell; vertical-align: middle; text-align: center; font-size: 15px; color: #fff;}



/*联系我们*/

.mapbox .text{margin-bottom: 30px}
.mapbox{background: url(../images/contact_bg.png) no-repeat center;}
.mapbox .text .title{font-size: 54px;color: #e4e4e4;font-weight: normal; margin: 0;margin-bottom: 20px;}
.mapbox .text .title span{font-weight: 700;}
.mapbox .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;}
.mapbox .map{width: 100%;height: 200px;}
.mapbox .map #map{height: 100%;}
.mapbox .map img{max-width: none !important;}
.mapbox .text{float: left;width: 40%;}
.mapbox .map{float: right;width: 58%;height: 420px;}


/*网站地图*/
.ul_sitemap li{padding-bottom: 0; line-height: 40px;}
.ul_sitemap li{border-bottom: dotted 1px #e60012; padding: 15px 0px; color: #e60012; padding-bottom: 0;}
.ul_sitemap li strong{width: 140px; display: inline-block; color: #e60012;}
.ul_sitemap a:hover{color: #e60012;}
.ul_sitemap li a{color: #333;}


.Gotop{ display: block; z-index: 999; background: url(../images/intop.png) no-repeat #e50012; border-radius: 30px;  width: 30px; height: 30px; position: fixed; right: 0%; bottom: 0%;}


@media(max-width:1680px){
	.h_page2 li .left{padding: 3% 2%;}

}


@media(max-width:1440px){
	.h_page2 li .left p{ margin-bottom: 50px;}
	.honor_con .owl-nav .owl-prev{ left: -3%;}
	.honor_con .owl-nav .owl-next{ right: -3%;}
	.newslist1{ padding-left: 60px;}
	.gonglist{ padding-left: 60px;}
	.news_info1{ padding-left: 60px;}
	.news_column{ left: -45px;}
}
@media(max-width:1366px){
	.h_page2 li .left p{ margin-bottom: 40px;}
	.news_column{ left: -35px;}
	.newslist1 .list li .Ispic{    padding-bottom: 16%;}
}

@media(max-width:1240px){
	.footer .footer_bottom .center{ padding:25px 2%;}
	.footer .footer_top .center{padding: 50px 2%; padding-bottom: 40px;}

	.about_con2 li .con{ width: 56%;}
}


@media(max-width:1200px){
	.footer .footer_top .bottom_nav .left a::after{margin: 0 6px 0 10px;}
	.footer .footer_top .bottom_nav .left{ width: 50%;}
	.footer .footer_top .bottom_nav .right{ width: 50%;}
	.about_con2 li .con{ width: 100%; height: auto;}
	.about_con2 li.li1 .con{ float: none; margin-bottom: 20px;}
	.about_con2 li.li1 figure{ position: static;}
	.about_con2 li.li2 .con{ float: none; margin-bottom: 20px;}
	.about_con2 li.li2 figure{ position: static;}
	.about_con2 li{ padding: 15px;}

	.dingzhi_box .box2{ width: 100%; padding: 0;}

	.about_con3 .ul1 li .con{ width: 100%; height: auto;}
	.about_con3 .ul1 li.li1 .con{ float: none; margin-bottom: 20px;}
	.about_con3 .ul1 li.li1 figure{ position: static;}
	.about_con3 .ul1 li.li2 .con{ float: none; margin-bottom: 20px;}
	.about_con3 .ul1 li.li2 figure{ position: static;}
	.about_con3 .ul1 li{ padding: 15px;}

	.mx_pro ul li .con{ width: 100%; height: auto;}
	.mx_pro ul li .con{ float: none; margin-bottom: 20px;}
	.mx_pro ul li figure{ position: static;}
	.mx_pro ul li.odd .con{ float: none; margin-bottom: 20px;}
	.mx_pro ul li.odd figure{ position: static;}
	.mx_pro ul li{ padding: 20px;}

	.news_column{ left: 0;}
	.gonglist{ padding-left: 90px;}
	.newslist1{ padding-left: 90px;}
	.news_info1{ padding-left: 90px;}


}

@media(max-width:1024px){
	.h_title{margin: 35px 0;}
	.h_title h1{ font-size: 32px;}
	.h_title span{ font-size: 18px;}
	.h_title span:after{ width: 36px;margin-top: 10px;}
	.h_page2 li .title_box h1{ font-size: 32px;}
	.h_page2 li .title_box span{ font-size: 18px;}
	.h_page2 li .title_box span:after{ width: 36px;margin-top: 10px;}

	.footer .footer_top .bottom_nav .left{ width: 100%; float: none; margin-top: 0; margin-bottom: 30px; text-align: center;}
	.footer .footer_top .bottom_nav .right{ width: 100%; float: none;}
	.footer .footer_top .bottom_nav{  padding-top: 30px; margin-top: 30px;}
	.footer .footer_top .bottom_nav .right{ text-align: center;}
	.footer .footer_top .bottom_nav .right li{ float: none; display: inline-block; width:auto; padding-left: 0; padding: 0 20px;}
	.footer .footer_top .bottom_nav .right li p{ position: static; margin-top: 15px;}
	.footer .footer_top .bottom_nav .right li img{ margin-left: 0;}
	.footer .footer_top .bottom_nav .right li p span{ padding-top: 3px;}
	.footer .footer_bottom nav{ float: none; text-align: center; margin-bottom: 6px;}
	.footer .footer_bottom p{ float: none; text-align: center;}
	.footer .footer_bottom .center{padding: 15px 2%;}
	.footer .footer_top .center{    padding: 30px 2%;}
	.menu_box .ban{ height: auto;}
	.menu_box .ban .pcimg{ display: none;}
	.menu_box .ban .phoneimg{ display: block;}
	.menu_box .menu .currents{ display: none;}
	.menu_box .menu nav{ float: none; width: 100%;}


	.menu_box .menu{ position: static; height: auto; line-height: normal;}
	.menu_box .menu nav li{ float: none; display: inline-block;padding: 8px 10px;}
	.dingzhi_box .box2 li{padding: 0 40px; font-size: 26px;}
	.dingzhi_box .box3 .con{padding: 45px 50px;}
	.dingzhi_box .box3 .con ul li{margin-right: 45px;}

}


@media(max-width:768px){
	.h_page1 li .con{ padding: 10px;}
	.h_page1{ margin-bottom: 30px;}
	.h_page2 li .left p{ margin-bottom: 20px; margin-top: 20px;line-height: 24px;}
	.h_page2 li .right .Ispic{padding-bottom: 66%;}
	.h_title{ margin: 25px 0;}
	.h_title h1{ font-size: 24px;}
	.h_title span{ font-size: 14px;letter-spacing: 2px;}
	.h_title span:after{ width: 22px;}
	.h_page1 li .con p{ font-size: 16px;}
	.h_page1 li .con time{ font-size: 12px;}
	.h_page1 .owl-dots{ margin-top: 12px;}
	.h_page1 .owl-dots .owl-dot{ width: 20px; height: 4px;margin: 0 4px;}

	.h_page2 li .left{ float: none; width: 100%; margin-bottom: 25px;}
	.h_page2 li .right{ float: none; width: 100%;}
	.h_page2 li .right .Ispic{ padding-bottom: 58%;}

	.h_page2 li .title_box{ text-align: center;}
	.h_page2 li .title_box h1{ font-size: 24px;}
	.h_page2 li .title_box span{ font-size: 14px;letter-spacing: 2px;}
	.h_page2 li .title_box span:after{ width: 22px; margin: 0 auto;margin-top: 10px;}
	.h_page2 li .left .more{ margin: 0 auto; display: block;}
	.h_page2 li .left p{ font-size: 14px;}
	.h_page2{ margin-bottom: 30px;}

	.h_page3{ margin-bottom: 30px;}
	.h_page3 li .left{ float: none; width: 100%;}
	.h_page3 li .right{ float: none; width: 100%; padding: 20px;}
	.h_page3 li .left .Ispic{padding-bottom: 64%;}
	.h_page3 li .right h3{ font-size: 16px;}
	.h_page3 li .right time{ font-size: 12px; margin: 10px 0;}
	.h_page3 li .right p{ line-height: 24px; font-size: 14px;}
	.h_page3 li .right .more{ display: block; margin: 0 auto; margin-top: 15px; height:35px; line-height:35px; font-size:14px; width:90px;}
	.h_page3 li:hover .right .more {width:105px;}
	
	.h_page3 .owl-dots{ margin-top: 12px;}
	.h_page3 .owl-dots .owl-dot{ width: 20px; height: 4px;margin: 0 4px;}
	.h_page3 li .right h3{ height: 2.7em;}
	.h_page3 li .right p{ height: 72px;}
	.h_page2 li .left p{ height: 46px;}

	.h_page4 .slides a:after{ background-size: 46px 46px;  width: 46px; height: 46px;margin-left: -23px; margin-top: -23px;}
	.h_page4 .carousel .nextButton{  background-size: 46px 46px;  width: 46px; height: 46px; margin-top: -23px;}
	.h_page4 .carousel .prevButton{  background-size: 46px 46px;  width: 46px; height: 46px; margin-top: -23px;}
	.h_page4 .carousel .nextButton:hover{background-size: 46px 46px; }
	.h_page4 .carousel .prevButton:hover{background-size: 46px 46px; }

	.h_page4{ margin-bottom: 30px;}
	.h_page4 .slides a:after{}
	.h_page4 .carousel .prevButton{ left: 2%;}
	.h_page4 .carousel .nextButton{ right: 2%;}

	.footer .footer_top .center .img{ float: none; margin-bottom: 15px;}
	.footer .footer_top .center .tel{ float: none; text-align: center;}
	.footer .footer_top .center .img img{ margin: 0 auto; width: 190px;}
	.footer .footer_top .bottom_nav{padding-top: 20px; margin-top: 20px;}
	.footer .footer_top .bottom_nav .left a{ font-size: 14px;}
	.footer .footer_bottom nav a{ font-size: 12px;}
	.footer .footer_bottom p{ font-size: 12px;}

	.Gotop{ right: 2%; bottom: -15px;}
	/*.fixed_right ul{ top: 28px;}*/
	/*.fixed_right li{ width: 40px;height: 37px; }*/
	/*.fixed_right li a{height: 37px;}*/
	/*.fixed_right li.li1{background-size: 100%;}*/
	/*.fixed_right li.li2{background-size: 100%;background-position: 0 -39px;}*/
	/*.fixed_right li.li3{background-size: 100%;background-position: 0 -78px;}*/
	/*.fixed_right li.li4{background-size: 100%;background-position: 0 -115px;}*/
	/*.fixed_icon{ width: 28px; height: 28px; background-size: 100%;}*/


	.content{ padding: 25px 0;    min-height: 260px; }
	.ti_column{margin-bottom: 25px; font-size: 24px;}
	.about_con p.p1{ font-size: 14px; line-height: 24px; margin-bottom: 15px;}
	.about_con1 p.p1{ font-size: 14px; line-height: 24px; margin-bottom: 15px;}
	.about_con1 .left{ float: none; width: 100%; margin-bottom: 20px;}
	.about_con1 .right{ float: none; width: 100%;}
	.about_con1 .con{ margin-top: 30px;}
	.about_con1 .left h3{ margin: 0; font-size: 20px; margin-bottom: 20px;}
	.about_con1 .left li{ font-size: 15px; margin-bottom: 10px;}

	.about_con2 li h3{ font-size: 22px;}
	.about_con2 li p{ font-size: 14px; line-height: 24px;}
	.about_con2 li{ margin-bottom: 20px;}

	.about_con3 .ul1 li h3{ font-size: 22px;padding-bottom: 20px;}
	.about_con3 .ul1 li p{ font-size: 14px; line-height: 24px;}
	.about_con3 .ul1 li{ margin-bottom: 20px;}
	.about_con3 .ul1 li h3 span{ font-size: 18px;}

	.about_con3 .word .left{ width: 100%; float: none;}
	.about_con3 .word .right{ width: 100%; float: none; padding-top: 25px;}
	.about_con3 .word .left h4{ font-size: 20px;}
	.about_con3 .word .left h4 img{ margin-left: 0;}

	.about_con3 .word .left p{ font-size: 14px; line-height: 24px;}

	.about_con3 .word .right li{ font-size: 16px; margin-bottom: 0;}
	.about_con3 .word{ margin-bottom: 30px;}

	.deve_con .list{ background-position: left top; padding-left:0;}
	.deve_con .list ul{ background-position: 0 top;}
	.deve_con li{ padding:0 !important; background-position: left 20px; margin-bottom: 20px;}
	.deve_con li .div{ padding:10px 10px 10px 36px !important;}
	.deve_con ul li.odd{ text-align:left;}
	.deve_con ul li.odd time:before{ float:none;}
	.deve_con li .con .Ispic{ position: static;}
	.deve_con li .con{ padding-left: 0; width: 72%; margin-left: 80px!important;}
	.deve_con li .con .Ispic{ width: 100%;padding-bottom: 56%;}
	.deve_con li .con .word{ height: auto; margin-top: 15px; font-size: 14px; line-height: 24px;}

	.deve_con li.odd time{ float: left;}
	.deve_con li.odd .con{ float: left; margin-left: 90px; margin-right: 0; padding-right: 0; width: 72%;}

	.deve_con li.odd time{  border-radius: 0 30px 30px 0;}
	.deve_con ul li.odd time:before{ display: block;  left: -10px; top: 2px; right: auto;  background: url(../images/time_san.png) }
	.deve_con ul li.odd:hover time:before{background: url(../images/time_san_on.png);}


	.honor_con li .con{ padding: 15px;}
	.honor_con .owl-nav{ text-align: center; margin-top: 20px;}
	.honor_con .owl-nav .owl-prev{ margin: 0 10px; position: static; display: inline-block;}
	.honor_con .owl-nav .owl-next{ margin: 0 10px; position: static; display: inline-block;}

	.page_box .Pages .num{ display: none;}
	.page_box .Pages .a_prev, .page_box .Pages .a_next{ margin: 0; font-size: 20px;}
	.social_con li{padding: 15px 90px 15px 0;}
	.social_con li a{ font-size: 14px;}
	.social_con li span{ top: 16px;}


	.social_con .con p.p1{ font-size: 14px; line-height: 24px;margin-bottom: 20px;}

	.social_info .ti h3{ font-size: 20px;}
	.social_info .ti span{padding: 15px 0;}
	.social_info .con p{ font-size: 14px; line-height: 24px;}
	.social_info .con p.p1{ font-size: 14px; line-height: 24px;  margin-bottom: 20px;}
	.social_info .con p.p3{ margin-bottom: 20px;}
	.social_info .con .ul1{ margin-bottom: 20px;}
	.social_info .con .ul2{ margin-bottom: 20px;}
	.social_info .con .social_net{ padding-top: 15px;}

	.pro_list li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.pro_list li:nth-child(2n){ margin-right: 0;}

	.pro_list1 li{ margin: 0 0.5%; margin-bottom: 2%;}

	.cgpro_info{ padding-top: 25px;}
	.cgpro_info h3.h3{ font-size: 24px; margin-bottom: 25px;}
	.cgpro_info .box1 p.p1{ font-size: 14px; line-height: 24px; margin-bottom: 15px;}

	.proinfo_video .play_btn i{ width: 52px; height: 52px; background-size: 52px 52px;}
	.cgpro_info .box1 .ul1{ margin-bottom: 20px;}
	.cgpro_info .box1{ margin-bottom: 25px;}
	.cgpro_info .box3{ margin-top: 25px;}
	.cgpro_info .box3 li{ width: 49%; margin-right: 2%;}
	.cgpro_info .box3 li:nth-child(3n){ margin-right: 2%;}
	.cgpro_info .box3 li:nth-child(2n){ margin-right: 0;}


	.new_prolist li p{ font-size: 18px;padding: 15px;}
	.new_prolist li p span{ display: inline-block; padding: 6px 0; padding-right: 52px;}
	.new_prolist .owl-nav .owl-prev{ width: 25px; height: 50px; background-size: 25px 50px; margin-top: -50px;}
	.new_prolist .owl-nav .owl-next{ width: 25px; height: 50px; background-size: 25px 50px; margin-top: -50px;}
	.new_prolist .owl-nav .owl-prev:hover{background-size: 25px 50px; }
	.new_prolist .owl-nav .owl-next:hover{background-size: 25px 50px; }

	.mx_pro ul li{ padding: 15px;}
	.mx_pro ul li h3{ font-size: 20px; padding-bottom: 15px;}
	.mx_pro ul li a{ line-height: 28px; font-size: 15px;margin-right: 20px;}
	.mx_pro ul li .con .more{ margin-top: 20px;}

	.mx_prolist li{ width: 48%; }
	.mx_prolist li .word{padding: 10px 9px;}
	.mx_prolist li .p{ padding: 0;font-size: 16px;}
	.mx_prolist li .word figure{ font-size: 12px; line-height: 16px;}
	.mx_prolist li .inner:hover .word figure{ height: 64px; overflow: hidden;}


	.wenju_box .box{ margin-top: 20px;}
	.wenju_box .box .left{ width: 100%; float: none; margin-bottom: 20px;}
	.wenju_box .box .right{ width: 100%; float: none;}
	.wenju_box .box .left li{margin-bottom: 15px;}
	.wenju_box .box .left .button{ margin: 0 auto;}
	.wenju_box .box .right ul{ padding: 15px;}
	.wenju_box .box .right ul li h3{ font-size: 14px; line-height: 24px;}
	.wenju_box .box .right ul li p{ font-size: 14px; line-height: 24px;}
	.wenju_box .con{ font-size: 16px;}


	.news_column{ position: static;}
	.news_column ul{ background: no-repeat; padding: 0; margin-bottom: 20px;}
	.news_column ul:before{ display: none;}
	.news_column ul li:before{ display: none;}
	.newslist1{ padding-left: 0; text-align: center;}
	.news_info1{ padding-left: 0;}
	.news_column ul li{ display: inline-block; margin: 0; padding: 0 5px; margin-bottom: 10px;}
	.newslist1 .list li .Ispic{ position: static; width: 100%; margin-bottom: 15px; padding-bottom: 56%;}
	.newslist1 .list li{ padding-left: 0;margin-bottom: 20px;}
	.newslist1 .list li .con time{ text-align: left;}
	.newslist1 .list li .con span{ display: none;}

	.news_info .ti{ margin-bottom: 20px;}
	.news_info .ti h3{ font-size: 20px;}
	.news_info .ti span{padding: 15px 0;}
	.news_info .con p{ font-size: 14px; line-height: 24px;}
	.news_info .con p.p1{ font-size: 14px; line-height: 24px;  margin-bottom: 20px;}
	.news_info .con p.p3{ margin-bottom: 20px;}
	.news_info .con h3.h3{ margin-bottom: 20px; font-size: 16px;}
	.news_info .con .ul1{ margin-bottom: 20px;}
	.news_info .con .ul2{ margin-bottom: 20px;}
	.news_info .con .social_net{ padding-top: 15px;}

	.medialist .list li{ width: 49%; margin-right: 2%;}
	.medialist .list li:nth-child(3n){ margin-right: 2%;}
	.medialist .list li:nth-child(2n){ margin-right: 0;}
	.medialist .list li p{ padding: 15px; font-size: 14px; line-height: 22px; height: 68px;}
	.medialist .list li p span{ padding-bottom: 0;}

	.menu_zl{ text-align: center;margin-bottom: 20px;}
	.menu_zl ul li{ margin-right: 15px;}
	.menu_zl ul li a{ padding: 0 25px; font-size: 14px;}
	.zl_con .box1{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
	.zl_con .list li{ width: 49%; margin-right: 2%;}
	.zl_con .list li:nth-child(2n){ margin-right:0;}
	.zl_con .list li p{ font-size: 14px; padding: 10px 0; }
	.zl_con .list li span{ font-size: 12px; }

	.zl_con .list1 li{ width: 49%; margin-right: 2%;}
	.zl_con .list1 li:nth-child(5n){ margin-right:2%;}
	.zl_con .list1 li:nth-child(2n){ margin-right:0;}

	.zl_con .list1 li p{ font-size: 14px; padding: 10px 0; }
	.zl_con .list1 li span{ font-size: 12px; }

	.zl_con .list2 li{ width: 49%; margin-right: 2%;}
	.zl_con .list2 li:nth-child(2n){ margin-right:0;}
	.zl_con .list2 li p{ font-size: 14px; margin: 10px 0; }
	.zl_con .list2 li span{ font-size: 12px; }

	.videoCon iframe{width: 1200px; height: 315px; max-width:100%}
	.videoCon video{width: 100%;height: 315px;}

	.gonglist{ padding-left: 0;}
	.gonglist .list ul{ margin-top: 20px;}
	.gonglist .list li{ padding-bottom: 15px; margin-bottom: 15px;}
	.gonglist .list li a{ font-size: 14px;}
	.gonglist .list li span{ font-size: 12px;}
	.page_box .Pages{    margin-top: 30px;}

	.tzhd_box .con{ font-size: 14px; margin-bottom: 20px;}
	.tzhd_box .from .left{ width: 100%; float: none;}
	.tzhd_box .from .right{ width: 100%; float: none;}
	.tzhd_box .from .left li{ margin-bottom: 15px;}
	.tzhd_box .from .left .text{ font-size: 14px;}
	.tzhd_box .from .right textarea.text{ font-size: 14px;}
	.tzhd_box .from .button{ margin-top: 15px; font-size: 16px;}

	.peixun_box ul li{  width: 32%; margin-right: 2%;}
	.peixun_box ul li:nth-child(3n){  margin-right:0;}
	.peixun_box ul li .Ispic{ padding-bottom: 90%;  border: 3px solid #cccccc;}
	.peixun_box ul li h3{ font-size: 22px; margin-top: 15px; margin-bottom: 15px;}
	.peixun_box ul li p{ font-size: 14px; line-height: 24px; height: 48px;}

	.yuangong h3.h3{ font-size: 18px; margin-bottom: 20px;}
	.yuangong p{ font-size: 14px; line-height: 24px;}
	.yuangong p.p1{ margin-bottom: 30px;}
	.yuangong p.p2{ margin-bottom: 20px;}
	.yuangong .ul1 li{ margin-bottom: 20px;}


	.zongbu_box .box1{ padding: 15px; margin-bottom: 25px;}
	.zongbu_box .box1 h3{ font-size: 18px;}
	.zongbu_box .box1 h3 span{ padding-left: 0; display: block; margin-top: 5px;margin-bottom: 20px;}
	.zongbu_box .box1 ul li{ display: block; margin-right: 0; margin-bottom: 10px;font-size: 15px;}
	.zongbu_box .box2{ padding: 15px;}
	.zongbu_box .box2 h3{ font-size: 18px;}
	.zongbu_box .box2 h3 span{ padding-left: 0; display: block; margin-top: 5px;margin-bottom: 20px;}
	.zongbu_box .box2 ul li{ display: block; margin-right: 0; margin-bottom: 10px;font-size: 15px;}

	.liuyan_box .con{ font-size: 14px; margin-bottom: 20px;}
	.liuyan_box .from .left{ width: 100%; float: none;}
	.liuyan_box .from .right{ width: 100%; float: none;}
	.liuyan_box .from .left li{ margin-bottom: 15px;}
	.liuyan_box .from .left .text{ font-size: 14px;}
	.liuyan_box .from .right textarea.text{ font-size: 14px;}
	.liuyan_box .from .button{ margin-top: 15px; font-size: 16px;}

	.qudao_box .left{ float: none; width: 100%; margin-bottom: 20px;}
	.qudao_box .right{ float: none; width: 100%;}
	.qudao_box table th{ padding: 10px; font-size: 16px;}
	.qudao_box table td{ padding: 10px; font-size: 14px;}

	.dingzhi_box .box1 .left{ float: none; width: 100%; margin-bottom: 20px;}
	.dingzhi_box .box1 .right{ float: none; width: 100%; margin-bottom: 20px;}
	.dingzhi_box .box1 .left .ti{ font-size: 24px; margin-bottom: 20px;}
	.dingzhi_box .box1 .left p.p1{ font-size: 16px; line-height: 30px; }
	.dingzhi_box .box1 .left p.p1 b{ font-size: 18px;}
	.dingzhi_box .box1{ margin-bottom: 25px;}
	.dingzhi_box .box2 .ti{ font-size: 24px; margin-bottom: 25px;}
	.dingzhi_box .box2 .ti .span{ font-size: 18px;}
	.dingzhi_box .box2 .ti .span:before{ height: 18px; margin-top: 5px; margin-bottom: 5px;}
	.dingzhi_box .box2{margin-bottom: 25px;}
	.dingzhi_box .box2 li{ width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 18px;padding: 0 15px; line-height: 80px; height: 80px;}
	.dingzhi_box .box2 li:nth-child(3n){ margin-right: 2%;}
	.dingzhi_box .box2 li:nth-child(2n){ margin-right: 0;}
	.dingzhi_box .box2 li img{ width: 45px; height: 45px; margin-right: 10px;}
	.dingzhi_box .box3 .ti{ font-size: 24px; margin-bottom: 25px;}

	.dingzhi_box .box3 .con{ padding: 15px;}
	.dingzhi_box .box3 .con ul li{ display: block; margin-right: 0; width: 100%; margin-bottom: 15px; font-size: 16px;}

	.linkle_box1 li{width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.linkle_box1 li:nth-child(4n){margin-right: 2%;}
	.linkle_box1 li:nth-child(2n){margin-right: 0;}

	.mapbox .text{ float: none; width: 100%;}
	.mapbox .map{ float: none; width: 100%; height: 260px;}
	.mapbox .text .title{ font-size: 34px;}

}

@media(max-width:480px){
	.h_page4 .slides a:after{margin-left: -16%; }
}

@media(max-width:400px){
	.h_page4 .slides a:after{margin-left: -20%; }
}

@media(max-width:320px){
	.h_title{ margin: 25px 0;}
	.h_title h1{ font-size: 24px;}
	.h_title span{ font-size: 14px;letter-spacing: 2px;}
	.h_title span:after{ width: 22px;}
	.h_page1 li .con p{ font-size: 16px;}
	.h_page1 li .con time{ font-size: 12px;}
	.h_page1 .owl-dots{ margin-top: 12px;}
	.h_page1 .owl-dots .owl-dot{ width: 20px; height: 4px;margin: 0 4px;}

	.h_page2 li .left{ float: none; width: 100%; margin-bottom: 25px;}
	.h_page2 li .right{ float: none; width: 100%;}
	.h_page2 li .right .Ispic{ padding-bottom: 58%;}

	.h_page2 li .title_box{ text-align: center;}
	.h_page2 li .title_box h1{ font-size: 24px;}
	.h_page2 li .title_box span{ font-size: 14px;letter-spacing: 2px;}
	.h_page2 li .title_box span:after{ width: 22px; margin: 0 auto;margin-top: 10px;}
	.h_page2 li .left .more{ margin: 0 auto; display: block;}
	.h_page2 li .left p{ font-size: 14px;}
	.h_page3 .owl-dots{ margin-top: 12px;}
	.h_page3 .owl-dots .owl-dot{ width: 20px; height: 4px;margin: 0 4px;}

	.h_page4 .slides a:after{margin-left: -25%; }

	.about_con3 .word .left h4 img{ margin-left: 0; margin-top: 15px;}

	.peixun_box ul li{ width: 100%; float: none; padding: 30px;}
	.peixun_box ul li .Ispic{padding-bottom: 96%;}

	.dingzhi_box .box2 li{ width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 16px;padding: 0 15px; line-height: 80px; height: 80px;}
	.dingzhi_box .box2 li img{ width: 40px; height: 40px; margin-right: 10px;}

}


/**插件样式 有相同 留一个即可**/
.owl-carousel,
.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.no-js .owl-carousel,
.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
/***end**/

.campus{ font-size: 16px; color: #666;line-height: 1.85;}
.campus-tit{ color: #e50012; font-size: 30px; padding: 0 0 3%;}
.campus-stit{ color: #e50012; font-size: 24px; padding: 0 0 3%;}
.campus .box{ padding: 0 0 6%;}
.campus .box-s+.box-s{ margin-top: 4%;}
.campus .imglist { overflow: hidden;}
.campus .imglist ul{ margin: 0 -1.5%;}
.campus .imglist li{ float: left; width: 33.3334%; padding: 1.5%;}
.campus-process ul{ margin: 0 -1%;}
.campus-process li{ float: left; width: 20%; padding: 1%;}
.campus-process li .inner{ position: relative;}
.campus-process li+li .inner:before{ content: ""; position: absolute; background: url("../images/right_arrow.png") no-repeat; width: 16%; padding-bottom: 5%; background-size: contain; top: 30%;left: -13%;}
.campus-process li .icon{ padding: 0 5%;}
.campus-process li .icon img{ background: #e60011; border-radius: 100%; overflow: hidden; display: block; margin: 0 auto;}
.campus-process li .word h3{ color: #000; font-size: 20px; text-align: center; margin: 10% 0 4%;}
.campus-process li .word .con{font-size: 16px; color: #666;line-height: 1.85; text-align: center;}
@media(max-width:768px){
	.campus,
	.campus-process li .word .con{ font-size: 14px;}
	.campus .imglist li{ width: 50%;}
	.campus-process li{ width: 33.3334%;}
	.campus-tit{ font-size: 18px}
	.campus-process li .word h3,
	.campus-stit,
	.join_box .job-title{ font-size: 16px;}
	.campus-process li .word .con{ min-height: 70px;line-height: 1.45;}
	.campus-process li+li .inner:before{ display: none;}
	.campus-process li .icon{ padding: 0 12%;}
	.campus .box-s img{ float: none !important; margin-right: 0 !important; }
	.campus .box-s img+img{ margin-top: 3%;}
}
@media(max-width:488px){
	.campus-process li{ width: 50%;}
	.join_box .job-title{ white-space: normal; }
	.join_box .job-title strong{ display: block;}
}


.pdfWarp{margin-bottom:40px;}
.codeWarp{margin-top: 40px;text-align: center;}
.codeWarp .imgCode{max-width:200px;margin: 0 auto;}
.codeWarp .p{font-size:16px;margin-top: 10px;}