/* ------------------------------------全局定义---------------------------------------- */  
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */  
*{ margin:0;padding:0;}  
  
/* 修正IE5.x和IE6的斜体溢出bug */  
* html body{ overflow:visible; height: 100% }  
* html iframe, * html frame{ overflow:auto;}  
* html frameset{ overflow:hidden;}  

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */  
body{ color:#000; font:16px  "Microsoft YaHei", 微软雅黑, sans-serif; text-align:center; }  
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}  
input,select{ font-size:12px; vertical-align:middle;}  
  
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */  
body div{ text-align:left;}  
  
/* 标签属性，textarea,input 强制输入时内容超出时换行 */  
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}  
  
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */  
li{ list-style-type:none;}  
  
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */  
img{ border:0 none;}  
  
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */  
a:link, a:visited{ color:#666; text-decoration:none;}  
a:hover{ color:#F60; text-decoration:underline;}  

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after {  display: table;  content: " ";}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after {  clear: both;}  
  
/* 定义H系列标签，覆盖H系列标签默认属性 */  
h1{ font-size:24px;}  
h2{ font-size:20px;}  
h3{ font-size:18px;}  
h4{ font-size:16px;}  
h5{ font-size:14px;}  
h6{ font-size:12px;}  



/* ==翻页样式== */
.pagesinfo{
	color: #999;
	font-size: 14px;
	border-top: 1px dotted #BABABA;
	border-bottom: 1px dotted #BABABA;
}

td.pages{
	font-size: 14px;
	border-top: 1px dotted #BABABA;
	border-bottom: 1px dotted #BABABA;
}

td.pages td.pages{
	border: 0px
}

.pages i{
	color: #999;
	margin: 0px 5px;
}
a.pages{color:#999; display: inline-block; margin: 0px 5px;}

.main{
	width: 100%;
	margin: 0px auto;
	max-width: 1920px;
	overflow: hidden
}

.hide{
	display: none
}

.dark_bg{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 8;
	top: 0px;
	left: 0px;
}

.menu-product li{float: left; width: 23%; overflow: hidden; padding: 0px 1%; text-align: center}
.menu-product li a{color: #000}
.menu-product li p.proimg{height: 240px; overflow: hidden; text-align: center; line-height: 240px; width:100%;}
.menu-product li p.proimg img{width: 100%; height:auto; display: inline-block; vertical-align: middle}
.top{
	width: 100%;
	height: 95px;
	border-bottom: 1px  solid #E4E4E4;
	position: fixed;
	z-index: 99999;
	top: 0px;
	background-color: #fff;
	left: 0px;
	transition: all 0.3s;
	box-shadow: 0px 12px 20px rgba(0,0,0,0.05)
}

div.mini_top{
	height: 80px;
	background-color: #ce2434;
	border-bottom: 1px  solid #ce2434;
	box-shadow: 0px 12px 20px rgba(0,0,0,0.3)
}

div.w1200{
	margin: 0px auto;
	overflow: hidden;
	width: 1200px;
}

.top .logo{
	float: left;
	overflow: hidden;
	height: 95px;
	transition: all 0.3s
}

div.mini_top .logo{
	height: 80px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1}
.top .logo a{
	display: block;
	float: left;
	overflow: hidden;
	height: 100%;
	width: 104px;
	margin-right: 20px;
	transition: all 0.3s;
	background: url(../images/logo3.png) no-repeat center left;
}

div.mini_top .logo a{
	background: url(../images/logo2.png) no-repeat center left;
}

.top .logo div{
	display: block;
	height: 100%;
	float: left;
	overflow: hidden;
	font-size: 16px;
	line-height: 95px;
	color: #999999;
	letter-spacing: 10px;
	width: 310px;
	animation: slg 2s ease;
}

div.mini_top .logo div{
	color: #fff;
	height: 80px;
	line-height: 80px;
	transition: all 0.3s
}

@keyframes slg
{
from {letter-spacing: 20px;opacity: 0; transform: translateX(20px)}
to {letter-spacing: 10px;opacity: 1; transform: translateX(0px)}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {letter-spacing: 20px;opacity: 0; transform: translateX(20px)}
to {letter-spacing: 10px;opacity: 1; transform: translateX(0px)}
}

.top .dh{
	/*width: 830px;*/
	float: right;
	height: 95px;
	transition: all 0.3s;
	overflow: hidden
}

div.mini_top .dh{
	height: 80px;
}

.top .dh a{
	display: block;
	float: left;
	height: 93px;
	line-height: 93px;
	font-size: 20px;
	color: #1f1f1f;
	padding: 0px 20px;
	border-top: 3px solid #fff;
	box-sizing: border-box;
	text-decoration: none;
	transition: all 0.2s;
}

div.mini_top .dh a{
	height: 80px;
	line-height: 80px;
	border-top: 3px solid #ce2434;
	color: #fff
}

.top .dh a.menunow{
	/*font-weight: 600;*/
	color: #ce2434;
	border-top: 3px solid #ce2434;
}

div.mini_top .dh a.menunow{
	color: #fff;
	border-top: 3px solid #fff;
}

.top .dh a i{
	font-size: 12px;
	color: red;
	margin-left: 5px;
}

div.mini_top .dh a i{
	color: #fff
}

.dh2{
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 96px;
	display: none;
	background-color: #fff;
	background-image: url(img02.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 360px;
	z-index: 99999;
	left: 0px;
}

div.mini_top .dh2{
	top: 80px;
}


 .dh2 i.icon-guanbi{
	position: absolute;
	right: 50px;
	top: 50px;
	font-size: 30px;
	color: #000;
	 transition: all 0.3s;
}

.dh2 i.icon-guanbi:hover{
	transform:rotate(90deg) scale(0.8,0.8);
}

.dh2 .left ,.dh2 .right{
	display: none;
}

.dh2 .left{
	width: 268px;
	float: left;
	margin-top: 40px;
	overflow: hidden;
	border-right: 1px solid #EEF1F4;
	box-sizing: border-box;
	padding-left: 57px;
}

.dh2 .left h1{
	font-size: 30px;
	color: #000;
	line-height: 50px;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
}

.dh2 .left a{
	font-size: 16px;
	color: #919191;
	line-height: 36px;
	display: block;
	font-weight: 300;
	transition: all 0.2s;
	float: left;
	margin-right: 30px;
	text-decoration: none
}

.dh2 .left a.now{
	color: #000
}

.dh2 .left a:before{
	content: "\e790";
	font-family: "iconfont" !important;
}

.dh2 .right{
	margin-left: 60px;
	margin-top: 40px;
	float: left;
	overflow: hidden;
	width: 850px;
	line-height: 160%
}

.dh2 .right div.smenu2{
	display: none
}

.dh2 .right div h1{
	font-size: 30px;
	line-height:40px;
	font-weight: 300;
	width: 100%;
}

.dh2 .right div a.class{
	color: #000;
	display: inline-block;
	margin-right: 20px;
    line-height: 40px;
}

.dh2 .right div a.more{
	width: 150px;
	height: 45px;
	border: 2px solid #ce2434;
	color: #ce2434;
	margin-top: 20px;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	transition: all 0.3s;
}

.dh2 .right div a:hover.more{
	background: #ce2434;
	color: #fff;
	width: 170px;
}

.dh2 .twomenu1 div img{
	float: left;
	margin-right: 50px;
	width: 372px; height: 223px;
}

.dh2 .right div.show{
	display: block;
}

.dh2 div.show{
	display: block
}

.menu_news .news_pic,.menu_news .video_pic{
	width: 268px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

.menu_news .news_pic:nth-child(3),.menu_news .video_pic:nth-child(3){
	margin-right: 0px;
}

.menu_news .news_pic a,.menu_news .video_pic a{
	display: block;
	width: 100%;
	height:178px;
	position: relative;
	background-position: center;
	background-size: auto 100% ;
	transition: all 0.3s;
	margin-bottom: 20px;
}

.menu_news .news_pic a:hover,.menu_news .video_pic a:hover{
	background-size:  auto 110%;
}

.menu_news .news_pic a font{
	position: absolute;
	left: 10px;
	bottom: 0px;
	color: #fff;
	display: block
}

.menu_news .news_pic em{
	display: block;
	position: absolute;
	left: 0px;
	top: 15px;
	background: #ce2434;
	color: #fff;
	font-style: normal;
	padding: 0px 15px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
}

.menu_news .news_pic h3,.menu_news .video_pic h3{
	font-size: 16px;
	font-weight: 600
}

.menu_news .video_pic i{
	position: absolute;
	color: #fff;
	transition: all 0.3s;
	font-size: 40px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
}

.menu_news .video_pic:hover i{
	color: #ce2434;

}

.home_lb{
	height: auto;
	/*max-height: 980px;*/
	overflow: hidden;
	margin-top: 95px;
	width: 100%
}
.home_lb .swiper-slide{height: auto}
.home_lb img{width: 100%;}
.home_lb .lb2 {
	position: relative;
}

.home_lb .lb2 .video_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
}

.home_lb .lb2 .video_bg .video_icon{
	margin: 0px auto;
	margin-top: 20%;
	width: 270px;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 9
}

.home_lb .lb2 .video_bg .video_icon a{
	width: 70px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	background: #ce2434;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s;
	margin-bottom: 20px;
}

.home_lb .lb2 .video_bg .video_icon a:hover{
	transform: scale(1.2,1.2)
}

.home_lb .lb2 .video_bg .video_icon a font{
	font-size: 24px;
	line-height: 50px;
}

.home_lb .lb2 .video_bg .video_icon h1{
	font-size: 30px;
	font-weight: 600;
}


/*.home_lb .lb1{
	background:url(../images/lb1.jpg) no-repeat top center;
	background-size:  100% 100%;
}

.home_lb .lb3{
	background:url(../images/lb3.jpg) no-repeat top center;
	background-size:   100% 100%
}*/

.home_lb .w1200{
	position: relative;
	height: 100%
}

.home_lb .lb1 .lb_text{
	position: absolute;
	top: 30%;
	left: 0px;
}

.home_lb .lb1 .lb_text h1{
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	text-shadow: 0px 6px 12px rgba(0,0,0,0.2);
	transform: translateY(100px);
	transition: all 1s ease;
	opacity: 0;
}

.home_lb div.swiper-slide-active .lb_text h1{
	transform: translateY(0px);
	opacity: 1
}

.home_lb .lb1 .lb_text a{
	width: 150px;
	height: 50px;
	background: #ce2434;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	margin-top: 40px;
	transform: translateY(150px);
	transition: all 1.2s ease;
	opacity: 0;
}

.home_lb .lb3 .w1200 div{
	background: url(../images/lbtext3.png) no-repeat;
	width: 530px;
	height: 160px;
	margin-left: 40px;
	margin-top: 20%;
	transform: translateY(100px);
	transition: all 1.2s ease;
	opacity: 0;
}

.home_lb .lb3 a{
	width: 150px;
	height: 50px;
	background: #ce2434;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	margin-top: 10px;
	margin-left: 240px;
	transform: translateY(150px);
	transition: all 1.2s ease;
	opacity: 0;
}

.home_lb div.swiper-slide-active .lb_text a ,.home_lb div.swiper-slide-active a,.home_lb div.swiper-slide-active .w1200 div{
	transform: translateY(0px);
	opacity: 1
}

.home_lb .lb1 .icon{
	position: absolute;
	bottom: 150px;
	left: 0px;
}

.home_lb .lb1 .icon a{
	display: block;
	opacity: 0;
	float: left;
}

.home_lb  .icon a:nth-child(1){
	transform: translateX(50px);
	transition: all 1s ease;
}

.home_lb  .icon a:nth-child(2){
	transform: translateX(70px);
	transition: all 1s ease;
	margin-left: 10px;
}

.home_lb div.swiper-slide-active .icon a{
	transform: translateX(0px);
	opacity: 1
}


.home_lb .swiper-pagination{
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	bottom: -30px;
}

.home_lb .swiper-pagination span{
	display: block;
	width: 33.3%;
	height: 65px;
	background: #fff;
	border-radius: 0px;
	float: left;
	font-size: 18px;
	opacity: 1;
	transition: all 0.3s;
}

.home_lb  .swiper-pagination span.swiper-pagination-bullet{
	margin: 0px;
}

.home_lb  .swiper-pagination span.swiper-pagination-bullet-active{
	background: #ce2434;
	color: #fff;
	height: 95px;
	transform: translateY(-30px)
}

.home_lb .swiper-pagination span strong{
	display: block;
	margin-top: 20px;
	font-weight: 600;
	line-height: 30px;
}

.home_lb .swiper-pagination span font{
	opacity: 0;
	font-size: 16px;
	transition: all 0.3s;
	color: #fff
}

.home_lb .swiper-pagination span.swiper-pagination-bullet-active font{
	opacity: 1;
}

/*.index_01{
	width: 1200px;
	margin: 0px auto;
	margin-top: 50px;
	position: relative;
}*/
.index_01_box{width:100%; background: #fff; padding-bottom: 50px;}
.index_01{
	width: 1200px;
	margin: 0px auto;
	margin-top: -100px;
	position: relative;
	z-index: 1;
	background: #fff;
	
}
.index_01 .index_title h3{text-align: center; background: #ce2434; border: 0;width: 240px; line-height: 1.5; margin: 0px auto;  z-index: 999; position: absolute; left: 50%; top: -40px; color: #fff; margin-left: -120px; padding: 10px 0px; letter-spacing: 5px; font-size: 24px;}
.index_01 .index_title h3 p{font-weight: normal;letter-spacing: 0px;text-transform:uppercase; font-size: 16px;}
.index_title{
	width: 100%;
	height: 26px;
	line-height: 30px;
	color: #000;
	margin: 40px 0px;
}

.index_title h3{
	font-size: 22px;
	font-weight: 600;
	border-left: 8px solid #ce2434;
	padding-left: 10px;
}

#swiper-container2{
	height: 340px;
	margin-top: 30px;
	padding: 0px;
}

#swiper-container2 span{
	display: block;
	width: 100%;
	height: 281px;
	line-height: 75px;
	transition: all 0.3s;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden
}
#swiper-container2 span img{height: auto; width:100%;}
.swiper-button-next, .swiper-button-prev{width: 40px; height: 60px;}
.swiper-button-next:focus,.swiper-button-prev:focus {
    outline: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../images/nnt_31.png); right: -40px; margin-top: -40px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/nnt_20-30.png); left: -40px; margin-top: -40px;}
#swiper-container2 .swiper-slide{
	text-align: center;
	position: relative;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
}
a.promore{display: block; width: 150px; border: #ccc solid 1px; line-height: 42px; text-align: center; margin: 0px auto; margin-top: 20px; font-size: 14px; color: #000}
a.promore:hover{border: #ce2434 solid 1px; background: #ce2434; color: #fff;}
#swiper-container2 .swiper-slide:hover font{
	color: #000
}

#swiper-container2 .swiper-slide.on span{
	opacity: 1;
}

#swiper-container2 .swiper-slide.on font{
	color: #000;
	font-weight: bold
}

#swiper-container2 .swiper-slide.on::before{
	content: '';
	width: 0;
	height: 0;
	border: 15px solid;
	position: absolute;
	left: 60px;
	border-color: transparent transparent #fff;
	bottom: 0px;
	z-index: 10;
	}

#swiper-container2 .swiper-slide font{
	height: 30px;
	line-height: 24px;
	display: block;
	color: #000000;
	margin-top: 10px;
	font-size: 18px;
}
#swiper-container2 .swiper-slide font i{font-style:normal; font-size: 13px;}

#swiper-container2 span.benchi ,.pinpaiquer .benchi,.shangjia_box .benchi{
	background-image: url(../images/benchi.png)
}
#swiper-container2 span.leikesasi,.pinpaiquer .leikesasi,.shangjia_box .leikesasi{
	background-image: url(../images/leikesasi.png)
}
#swiper-container2 span.aodi,.pinpaiquer .aodi,.shangjia_box .aodi{
	background-image: url(../images/aodi.png)
}
#swiper-container2 span.fengtian,.pinpaiquer .fengtian,.shangjia_box .fengtian{
	background-image: url(../images/fengtian.png)
}
#swiper-container2 span.bentian,.pinpaiquer .bentian,.shangjia_box .bentian{
	background-image: url(../images/bentian.png)
}
#swiper-container2 span.bieke,.pinpaiquer .bieke,.shangjia_box .bieke{
	background-image: url(../images/bieke.png)
}
#swiper-container2 span.dazhong,.pinpaiquer .dazhong,.shangjia_box .dazhong{
	background-image: url(../images/dazhong.png)
}
#swiper-container2 span.xiandai,.pinpaiquer .xiandai,.shangjia_box .xiandai{
	background-image: url(../images/xiandai.png)
}
#swiper-container2 span.chuanqi,.pinpaiquer .chuanqi,.shangjia_box .chuanqi{
	background-image: url(../images/chuanqi.png)
}

.pinpai_showbox span.benchi{
	background-image: url(../images/benchi_.png)
}
.pinpai_showbox span.leikesasi{
	background-image: url(../images/leikesasi_.png)
}
.pinpai_showbox span.aodi{
	background-image: url(../images/aodi_.png)
}
.pinpai_showbox span.fengtian{
	background-image: url(../images/fengtian_.png)
}
.pinpai_showbox span.bentian{
	background-image: url(../images/bentian_.png)
}
.pinpai_showbox span.bieke{
	background-image: url(../images/bieke_.png)
}
.pinpai_showbox span.dazhong{
	background-image: url(../images/dazhong_.png)
}
.pinpai_showbox span.xiandai{
	background-image: url(../images/xiandai_.png)
}
.pinpai_showbox span.chuanqi{
	background-image: url(../images/chuanqi_.png)
}

.pinpai_showbox{
	width: 1100px;
	position: absolute;
	z-index: 0;
	padding: 50px 50px 70px 50px;
	left: 0px;
	top: 186px;
	display: none;
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}

.pinpai_showbox .left{
	width: 250px;
	padding-bottom:20px;
	border-right: 1px solid #EEF1F4;
	float: left
}

.pinpai_showbox .left span{
	display: block;
	width: 100%;
	height: 170px;
	transition: all 0.3s;
	background-position: left -10px;
	background-repeat: no-repeat
}

.pinpai_showbox .left a{
	display: block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	color: #000;
	transition: all 0.3s;
}

.pinpai_showbox .left a:hover{
	color: #000
}

.pinpai_showbox .left a i{
	float: right
}

.pinpai_showbox .right{
	width: 810px;
	height: 230px;
	padding-top: 15px;
	overflow: hidden;
	margin-left: 30px;
	float: left
}

.pinpai_showbox .piclist{
	width: 250px;
	display: none;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	transform: translateY(0px);
	transition: all 0.3s
}

.pinpai_showbox .piclist:hover{
	transform: translateY(-5px)
}

.pinpai_showbox .piclist a.piclist_img{
	display: block;
	width: 100%;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	margin-bottom: 15px;
	transition: all 0.3s;
}

.pinpai_showbox .piclist:hover a.piclist_img{
	opacity: 1;
}

.pinpai_showbox .piclist h3{
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	display: block;
	margin-bottom: 5px
}

.pinpai_showbox .piclist font{
	font-size: 14px;
	color: #999;
	display: block;
	line-height: 26px;
	font-family: "Arial"
}

.pinpai_showbox .piclist font a{
	color: #000
}

.index_02{
	height: 80px;
	margin: 0px auto;
	background: #F2F2F2;
	border-top: 2px solid #ce2434;
}

.index_02 h3{
	line-height: 80px;
	font-weight: 600;
	display: inline-block;
	float: left;
	margin-left: 80px;
	margin-right: 40px;
}

.index_02 i{
	font-weight: normal;
	color: #ce2434;
	padding: 0px 5px;
	font-size: 18px
}

.index_02 select{
	float: left;
	height: 34px;
	border: 0px;
	display: block;
	background: #fff;
	border-radius: 0px;
	color: #999;
	font-size: 14px;
	line-height: 34px;
	width: 190px;
	margin-top: 22px;
}

.index_02 span{
	height: 34px;
	line-height: 34px;
	color: #666;
	float: left;
	text-align: center;
	width: 30px;
	margin-top: 22px;
}

.index_02 button{
	width: 150px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background: #ce2434;
	font-size: 14px;
	border: 0px;
	margin-top: 22px;
	margin-left: 30px;
}

div.index_03{
	margin: 80px auto;
}

.index_03 .index_title{
	margin: 0px 0px 30px 0px;
}

.index_03 .left{
	width: 390px;
	float: left;
	overflow: hidden;
	line-height: 26px;
	margin-left: 40px;
}

.index_03 .left h1{
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 20px;
}
.index_03 .left h1 p{font-size: 20px; color: #000}
.index_03 .left p{color: #999999}
.index_03 .left p span.m{font-weight:600; color: #000}
.index_03 .left a{
	border: 1px solid #BFBFBF;
	height: 50px;
	width: 270px;
	line-height: 50px;
	display: block;
	text-align: center;
	color: #000;
	margin-top: 17px;
}

.index_03 .left a i{
	margin-right: 5px;
}

.index_03 .center{
	width: 170px;
	float: left;
	overflow: hidden;
	margin: 0px 125px 0px 135px;
}

.index_03 .center a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #999999
}

.index_03 .center a i{
	float: right
}

.index_03 .right{
	width: 325px;
	float: left;
	overflow: hidden
}
.index_03 .right img{width:100%}
.index_04{
	width: 100%;
	height: 550px;
	margin: 0px auto;
	background-image: url(../images/img04.jpg);
	background-position: top center;
	/*background-size: 100% auto;*/
	    background-size: cover;
	background-repeat: no-repeat;

	padding-top: 80px;
}

.index_04 .w1200{
	background:rgba(255,255,255,0.9);
/*	border-bottom: 1px solid #EEF1F4;
	padding-bottom: 50px;*/
}

.index_04 .news_toutiao{
	width: 1100px;
	margin: 80px auto 80px auto;
	overflow: hidden;
	display: none
}

.index_04 .news_toutiao .left{
	width: 450px;
	float: left;
	height: 320px;
	margin-left: 20px;
	overflow:hidden;
	margin-right: 80px;
}

.index_04 .news_toutiao .left img{
	width: 100%;
	height: auto;
}

.index_04 .news_toutiao .right{
	width: 430px;
	float: left;
	overflow: hidden
}

.index_04 .news_toutiao .right h1{
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	margin-top: 10px;
}

.index_04 .news_toutiao .right font{
	font-size: 14px;
	color: #999999;
	height: 30px;
	line-height: 30px;
	display: block;
	margin: 10px 0px 20px 0px;
}

.index_04 .news_toutiao .right span{
	display: block;
	width: 100%;
	float: left;
	color: #999;
	font-weight: 300;
	line-height: 24px;
	height: 50px;
	overflow: hidden
}

.index_04 .news_toutiao .right a{
	display: block;
	float: left;
	border-bottom: 5px solid #ce2434;
	height: 40px;
	line-height: 40px;
	color: #000;
	margin-top: 50px
}

.news_liebiao{
	width: 1100px;
	margin: 0px auto
}

#swiper-container3,#swiper-container4{
	height: 380px;
}
.cases #swiper-container3,#swiper-container4{
	height: 240px;
}

.news_pic{
	width: 100%;
	overflow: hidden;
	float: left;
	margin-left: 2px;
}

.news_pic a{
	display: block;
	width: 100%;
	height: 223px;
	overflow: hidden;
	background-position: center;
	background-size: 100% 100%;
	margin-bottom: 20px;
}
.cases .news_pic a{
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-position: center;
	background-size: 100% 100%;
	margin-bottom: 20px;
}
.news_pic font{
	font-size: 14px;
	color: #999;
	height: 30px;
	line-height: 30px;
	display: block;
	margin-bottom: 5px;
}

.news_pic h3{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	height: 28px; line-height: 28px; overflow: hidden
}
.cases .news_pic h3{
	font-size: 16px;
	color: #000;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
}
.news_pic span{
	font-size: 14px;
	color: #999;
	display: block;
	line-height: 24px;
}

.news_liebiao .swiper-pagination,.cases .swiper-pagination{
	float: right;
	position: relative;
	margin-top: 10px;
}

.news_liebiao .swiper-pagination span,.cases .swiper-pagination span{
	width: 12px;
	height: 12px;
	background: #ccc;
	opacity: 1;
	margin-right: 5px;
}

.news_liebiao .swiper-pagination span.swiper-pagination-bullet-active,.cases .swiper-pagination span.swiper-pagination-bullet-active{
	background: #ce2434
}
.news_liebiao .swiper-pagination span:focus,.cases .swiper-pagination span:focus {
    outline: none;
}
.index_05{
	width: 1100px;
	margin: 0px auto;
	margin-top: 650px;
	overflow: hidden
}

.index_05 a{
	display: block;
	float: left;
	width:175px;
	color: #000;
	text-align: center;
	text-decoration: none
}

.index_05 a:nth-child(2){
	margin-left: 130px;
}

.index_05 a:nth-child(3){
	margin-left: 130px;
}

.index_05 a:nth-child(4){
	margin-left: 130px;
}

.index_05 a h3{
	font-weight: 600;
	display: inline-block;
	line-height: 60px;
	margin-left: 20px;
	float: left
}

.index_05 a i{
	color: #ce2434;
	display: inline-block;
	font-size: 60px;
	float: left
}

.foot{
	width: 100%;
	background: #F2F2F2;
	margin: 0px auto;
	margin-top: 50px;
	padding-bottom: 50px;
}

.foot .left{
	width: 500px;
	float: left;
	overflow: hidden;
	margin-top: 50px;
}

.foot .left h3{
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #666666;
	margin-bottom: 20px;
}

.foot .left a.oa{
	display: inline-block;
	width: 135px;
	height: 50px;
	background: #919191;
	color: #fff;
	line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 10px;
}

.foot .left a.oa i{
	font-size: 20px;
	margin-right: 5px;
}

div.bdsharebuttonbox a.iconfont{
	background-position: 1000px;
	padding-left: 0px;
	font-size: 15px;
	color: #919191;
	line-height: 30px;
	margin-right: 40px;
}

.foot .left .erweima{
	width: 100%;
	float: left;
	margin-top: 30px;
}

.foot .left .erweima div{
	width: 115px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-right: 20px;
	padding-bottom: 30px;
}

.foot .left .erweima div font{
	line-height: 30px;
}

.foot .left .copy{
	float: left;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	line-height: 20px;
}

.foot .left .copy a{
	color: #999
}

.foot .right{
	margin-top: 50px;
	float: right;
	overflow: hidden
}

.foot .right .footmenu{
	width: 190px;
	float: left;
	overflow: hidden;
	color: #666666
}

.foot .right .footmenu h3{
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 10px;
}

.foot .right .footmenu a{
	display: block;
	line-height: 36px;
	color: #919191
}

.banner{
	width: 100%;
	height: 400px;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px auto;
	margin-top: 95px;
	animation: banner 1s forwards;
	transition: all 0.3s;
	opacity: 0;
}

@keyframes banner {
	0%{height: 400px;opacity: 0}
	100%{height: 500px;opacity: 1}
}

@-webkit-keyframes banner {
	0%{height: 400px;opacity: 0}
	100%{height: 500px;opacity: 1}
}

div.b1{
	background-image: url(../images/b1.jpg);
}

div.b2{
	background-image: url(../images/b2.jpg);
}

div.b3{
	background-image: url(../images/b3.jpg);
}

div.b4{
	background-image: url(../images/b4.jpg);
}

div.b5{
	background-image: url(../images/b5.jpg);
}

div.b6{
	background-image: url(../images/b6.jpg);
}

div.b10{
	background-image: url(../images/b10.jpg);
}

.banner .w1200{
	margin-top: 220px;
	text-align: center
}

.banner .w1200 h1{
	color: #fff;
	font-size: 35px;
	font-weight: 300;
	text-align: left;
	letter-spacing:50px;
	opacity: 0;
	animation: bannerh1 2s forwards;
}

@keyframes bannerh1{
	0%{letter-spacing:50px;opacity: 0}
	100%{letter-spacing:0px;opacity: 1}
}

.page_menu{
	width: 100%;
	height: 70px;
	margin: 0px auto;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
	text-align: center;
}

.page_menu a.back{
	font-size: 14px;
	font-weight: normal;
	color: #999;
	float: right;
}

.page_menu a{
	display: inline-block;
	width: 140px;
	height: 70px;
	margin: 0px 10px;
	line-height: 70px;
	font-size: 16px;
	color: #000;
	position: relative;
	transition: all 0.3s;
}

.page_menu a.smenuvnow{
    font-weight: bold;
	color: #ce2434;
	text-decoration: none
}

.page_menu a:hover{
	font-weight: bold;
	color: #ce2434;
	text-decoration: none
}

.page_menu a hr{
	position: absolute;
	left: 50%;
	top: 0px;
	width: 0px;
	height: 4px;
	transition: all 0.3s;
	background: #ce2434;
	border: 0px;
}

.page_menu a:hover hr{
	left: 0px;
	width: 100%;
}

.page_menu a.smenuvnow hr{
    left: 0px;
	width: 100%;
}

.pagebody{
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	color: #666666;
	line-height: 170%;
	font-weight: 300
}

.page_company h1{
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	color: #000
}

.page_company .page1,.page_company .page2 ,.page_company .page4 .w1200,.page_company .page5{
	width: 1080px;
	margin: 0px auto;
	overflow: hidden
}

.page_company .page1{
	margin-top: 70px;
}

.page_company .page1 .left{
	width: 425px;
	height: 280px;
	background: #999;
	float: left;
    position: relative;
}

.page_company .page1 .left i{
    color: #fff;
    font-size: 50px;
    position: absolute;
    left: 200px;
    top: 120px;
}

.page_company .page1 .right{
	width: 580px;
	float: left;
	margin-left: 75px;
	background: url(../images/img11.jpg) no-repeat top right;
}

.page_company .page1 .right h1{
	margin-top: 20px;
}

.page_company .page2{
	margin-top: 100px;
	margin-bottom: 100px;
}

.page_company .page4{
	width: 100%;
	height: 510px;
	background: url(img12.jpg) no-repeat top center;
}

.page_company .page4 .left ,.page_company .page4 .right{
	width: 400px;
	padding: 0px 50px;
	height: 350px;
	background: #fff;
	text-align: center;
	margin-top: 75px;
	float: left
}

.page_company .page4 .right{
	float: right
}

.page_company .page4 h1{
	background: url(../images/img13.png) no-repeat top center;
	padding-top:60px;
	margin-top: 35px;
	margin-bottom: 25px;
}

.page_company .page5{
	height: 350px;
	background-color: #F6F6F6;
	margin: 80px auto
}

.page_company .page5 .left,.page_company .page5 .right{
	width: 50%;
	float: left;
	height: 350px;
	overflow: hidden
}

.page_company .page5 h1{
	display: inline-block;
	margin-left: 60px;
	margin-top: 70px;
}

.page_company .page5 p{
	display: inline-block;
	margin-left: 60px;
	margin-top: 20px;
	margin-right: 60px;
}

.page_company .page5 a{
	display: inline-block;
	margin-left: 60px;
	margin-top: 20px;
	background: #fff;
	text-align: center;
	height: 50px;
	line-height: 50px;
	padding: 0px 30px;
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
}

.page_company .page5 a:hover{
	background: #ce2434;
	color: #fff;
	padding: 0px 35px;
}

.page_company .page5 a i{
	font-weight: bold
}

div.page_culture{
	margin-top: 70px
}

.page_culture .culture div::before{
	content: '';
	width: 0;
	height: 0;
	border: 15px solid;
	position: absolute;
	left: 60px;
	top: -30px;
	z-index: 10;
	}

.page_culture .culture{
	margin-bottom: 20px;
	overflow: hidden;
	transition: all 0.3s;
}

.page_culture .culture:hover{
	-webkit-filter: saturate(1.3);
	filter: saturate(1.3);
}

.page_culture .culture div h1{
	display: inline-block;
	font-weight: 300;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 24px;
}

.page_culture .culture div strong{
	font-weight: 600
}

.page_culture .culture div p{
	margin-left: 30px;
	font-weight: 300
}

.page_culture .culture{
	width: 285px;
	height: 420px;
	margin-right: 20px;
	float: left;
	transition: all 0.3s;
}

.page_culture .culture:hover{
	transform:scale(1.02,1.02)
}

.page_culture .culture span{
	display: block;
	width: 100%;
	height: 280px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: all 0.3s;
}

.page_culture .culture div{
	width: 100%;
	height: 140px;
	transition: all 0.3s;
	color: #fff;
	position: relative
}

.page_culture .culture:hover div{
	transform: translateY(-20px);
	height: 160px;
}

.page_culture div.culture_4:hover div{
	transform: translateY(0px);
	height: inherit;
}

.page_culture .culture_1 span{background-image: url(../images/c1.jpg)}
.page_culture .culture_2 span{background-image: url(../images/c2.jpg)}
.page_culture .culture_3 span{background-image: url(../images/c3.jpg)}
.page_culture .culture_4 span{background-image: url(../images/c4.jpg)}
.page_culture .culture_5 span{background-image: url(../images/c5.jpg)}
.page_culture .culture_6 span{background-image: url(../images/c6.jpg)}
.page_culture .culture_7 span{background-image: url(../images/c7.jpg)}
.page_culture .culture_8 span{background-image: url(../images/c8.jpg)}

.page_culture .culture_1 div{background:#D7A568 }
.page_culture .culture_2 div{background: #DA7751}
.page_culture .culture_3 div{background: #939D83}
.page_culture .culture_4 div{background:#8FBAC5}
.page_culture .culture_5 div{background: #BF993D}
.page_culture .culture_6 div{background: #868E96}
.page_culture .culture_7 div{background: #8FBAC5}
.page_culture .culture_8 div{background: #B2BE55}

.page_culture .culture_1 div::before{border-color: transparent transparent #D7A568;}
.page_culture .culture_2 div::before{border-color: transparent transparent #DA7751;}
.page_culture .culture_3 div::before{border-color: transparent transparent #939D83;}
.page_culture .culture_4 div::before{border-color:transparent transparent transparent}
.page_culture .culture_5 div::before{border-color: transparent transparent #BF993D;}
.page_culture .culture_6 div::before{border-color: transparent transparent #868E96;}
.page_culture .culture_7 div::before{border-color: transparent transparent #8FBAC5;}
.page_culture .culture_8 div::before{border-color: transparent transparent #B2BE55;}

.page_culture div.culture_1{width: 590px;}
.page_culture div.culture_3{margin-right: 0px;}
.page_culture div.culture_4{margin-right: 0px;width: 100%;height: 340px;}
.page_culture div.culture_4 span{ width: 590px; height: 340px; float: left}
.page_culture div.culture_4 div{ margin-left: 20px; width: 590px;height: 340px; float: left}
.page_culture div.culture_4 div h1{margin-top: 80px; margin-left: 60px; margin-bottom: 20px;}
.page_culture div.culture_4 div p{margin-left: 60px;}
.page_culture div.culture_8{margin-right: 0px;}

.page_history .gallery-thumbs{
	height: 60px;
	margin-top: 70px;
	margin-bottom: 70px;
	background: url(../images/img14.jpg) repeat-x left 53px 
	}

.page_history .gallery-thumbs .swiper-slide {
   width: 12.5%;
	color: #ccc;
	position: relative
   }

.page_history .gallery-thumbs .swiper-slide em{
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	border-radius: 100px;
	bottom: 0px;
	left: 50px;
	transition: all 0.3s;
}

.page_history .gallery-thumbs .swiper-slide h1{
	font-style: italic;
	line-height: 40px;
	font-size: 20px;
	font-weight: 300;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

.page_history .gallery-thumbs div.swiper-slide-active{
	color: #000
}

.page_history .gallery-thumbs div.swiper-slide-active h1{
	font-size: 30px;
	transition: all 0.3s;
	line-height: 30px;
	font-weight: 600
}

.page_history .gallery-thumbs div.swiper-slide-active em{
	background: #ce2434;
	left: 24px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.page_history .gallery-top{
	width: 100%;
	height: 400px;
	overflow: hidden
}

.page_history .gallery-top .left,.page_history .gallery-top .right{
	width: 50%;
	float: left;
	overflow: hidden
}

.page_history .gallery-top .left h1{
	color: #000;
	line-height: 40px;
	font-weight: 600;
	font-size: 30px;
	display: inline-block;
	margin-bottom: 50px;
	margin-left: 20px;
}

.page_history .gallery-top .left p{
	margin-left: 20px;
}

.page_history .gallery-top .right img{
	float: right
}

.honor_text{
	width: 100%;
	margin: 70px auto 0px auto;
	overflow: hidden
}

.honor_text .left_a{
	width: 100%;
	margin-top: 30px;
}

.honor_text .left_a a{
	
}

.honor_text .left,.honor_text .right{
	width: 50%;
	float: left;
	overflow: hidden
}

.honor_text .left h1,.page_contat .left h1{
	margin-top: 20px;
	font-size: 30px;
	font-weight: 600;
	color: #000;
	line-height: 40px;
	margin-bottom: 20px;
}

.honor_text .right{
	text-align: right
}

.honor_list,.honor_cppic{
	width: 100%;
	overflow: hidden
}

.honor_list .honor_class{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.honor_list .honor_class span,.left_a a{
	display: inline-block;
   background: #F2F2F2;
	margin-right: 10px;
   height: 50px;
   line-height: 50px;
	padding-left: 30px;
	width: 170px;
	text-align: left;
   color: #000;
   text-decoration: none;
   transition: all 0.3s;
	cursor: pointer
}

.honor_list .honor_class span:hover,.left_a a:hover{
	width: 200px;
}

.honor_list .honor_class span i,.left_a a i{
	float: right;
	font-weight: bold;
	margin-right: 30px;
}

.honor_list .honor_class span.show{
	background: #ce2434;
	color: #fff
}

.honor_cppic {
	margin-bottom: 30px;
	display: none
}

.honor_list div.show{
	display: block
}

.honor_cppic ul li{
	width: 45%;
	margin-right:5%;
	float: left;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px dotted #BEBEBE
}

.honor_cppic ul li:nth-child(event){
	margin-right: 0px;
}

.honor_cppic ul li a{
	color: #666
}

.honor_cppic ul li a:hover {
	color: #000
}

.page_news{
	padding-top: 70px;
}

.page_news .news_list{
	width: 380px;
	float: left;
	height: 400px;
	margin-bottom: 25px;
	margin-right: 25px;
}
.page_news .case-box .news_list{
	width: 280px;
	float: left;
	height: 240px;
	margin-bottom: 25px;
	margin-right: 25px;
	text-align: center
}
.page_news .product-box .news_list{
	width: 280px;
	float: left;
	height: 340px;
	margin-bottom: 25px;
	margin-right: 25px;
	text-align: center
}

.page_news .news_list:nth-child(3n){
	margin-right: 0px;
}
.page_news .case-box .news_list:nth-child(3n),.page_news .product-box .news_list:nth-child(3n){
	margin-right: 25px;
}
.page_news .case-box .news_list:nth-child(4n),.page_news .product-box .news_list:nth-child(4n){
	margin-right: 0px;
}

.page_news .news_list a.nimg{
	width: 100%;
	height: 240px;
	overflow: hidden;
	background-color:#f8f8f8;
	background-image: url(../images/no-img-article.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	display: block;
	margin-bottom: 15px;
	transition: all 0.3s;
	position: relative;
}
.page_news .case-box .news_list a.nimg{ height: 167px;}
.page_news .product-box .news_list a.nimg{ height: 280px;}
.page_news .product-box .news_list a.nimg img{width:100%}
.page_news .news_list a.nimg i{
	color: #fff;
   font-size: 24px;
	text-align: center;
   position: absolute;
   left: 160px;
   top: 100px;
	transition: all 0.3s;
	height: 40px;
	line-height: 40px;
	text-indent: 4px;
	width: 55px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	display: block;
	border-radius: 5px;
	background: #ce2434;
}

.page_news .news_list span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #8E98A7;
	font-family: "Aria"l
}

.page_news .news_list h2{
	display: block;
	font-size: 18px;
	line-height: 26px;
	max-height: 52px;
	font-weight: 100;
	color: #000;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}

.page_news .news_list a.nlink{
	font-size: 14px;
	color: #ce2434;
	display: block;
}

.page_news .news_list a.nlink i{
	/*float: left;*/
	margin-left: 10px;
}

.page_news .news_list:hover a.nimg{
	background-size: 105% 105%
}

.page_news .news_list:hover a.nimg i{
	transform: scale(1.2,1.2)
}

.page_newsdetail{
	padding: 70px 0px
}

.page_newsdetail .left{
	width: 110px;
	overflow: hidden;
	margin-left: 50px;
	float: left
}

.news_time{
	width: 110px;
	height: 110px;
	border-radius: 3px;
	background-color: #e31837;
	color: #fff;
	float: left;
	overflow: hidden
}

.news_time h1{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 60px;
	margin-top: 15px;
}

.news_time span{
	height: 18px;
	line-height: 18px;
	display: block;
	width: 100%;
	text-align: center;
}

.page_newsdetail div.bdsharebuttonbox{
	width: 45px;
	height: 400px;
	float: left;
	margin-left: 65px;
	margin-top: 40px;
}

.page_newsdetail div.bdsharebuttonbox strong{
	text-align: right;
	width: 100%;
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}

.page_newsdetail div.bdsharebuttonbox a{
	background-position: -1000px;
	padding-left:0px;
	font-size: 24px;
	color: #fff;
	background-color: #333;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border-radius: 5px;
}


.page_newsdetail div.bdsharebuttonbox a.bds_weixin{
	background-color: #20a839;
}

.page_newsdetail div.bdsharebuttonbox a.bds_sqq{
	background-color: #e81313;
}

.page_newsdetail div.bdsharebuttonbox a.bds_qzone{
	background-color: #7fd0ff;
}

.page_newsdetail div.bdsharebuttonbox a.bds_tsina{
	background-color: #e89213;
}

.page_newsdetail div.bdsharebuttonbox a.bds_tqq{
	background-color: #1d8ac9;
}

.page_newsdetail .article{
	
	
	width: 100%;
}
.sharebox{	
	height: 40px;
	padding: 14px 20px;
	background: #f7f7f7;
	margin:20px 0 50px 0;
	line-height: 40px;
	overflow: hidden;

}

.sharebox p{ font-size: 16px; float: left; margin-right: 20px;}

.page_newsdetail .article .news_title{
	font-size: 26px;
	color: #000;
	line-height: 60px;
	width: 100%;
}

.page_newsdetail .article .news_uptime{
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: block
}

.page_newsdetail .article .news_con{
	width: 100%;
	float: left;
	margin-top: 20px;
	line-height: 180%
}

.page_newsdetail .article .news_con img{
	width: auto;
	height: auto;
	margin: 40px auto;
	border-radius: 5px;
	max-width:100%;
}

.jobs_liucheng {
	width: 100%;
	margin: 70px auto;
	overflow: hidden
}

.jobs_liucheng h2{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000;
	line-height: 40px;
	display: block;
	height: 40px;
}

.jobs_liucheng li{
	float: left;
	width: 220px;
	height: 210px;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
	text-align: center;
	margin-right: 25px;
	font-size: 14px;
	transition: all 0.3s;
}

.jobs_liucheng li:hover{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.jobs_liucheng li:last-child{
	margin-right: 0px;
}

.jobs_liucheng li i{
	font-size: 60px;
	display: block;
	height: 120px;
	color: #999;
	line-height: 120px;
	transition: all 0.3s;
}

.jobs_liucheng li:hover i{
	color: #ce2434;
	transform: scale(1.1,1.1)
}

.jobs_liucheng li h3{
	font-size: 20px;
	color: #000;
	font-weight: normal;
	line-height: 30px;
}

.zplist_title{
	width:100%;
	height:60px;
	line-height:60px;
	background-color:#ce2434;
	padding-left:20px;
	border-bottom:1px solid #E4E4E4;
	color: #fff;
	}

.zplist_title li.t1{
	width:20%;
	text-align:left;
	}

.zplist_title li{
	float:left;
	width:16%;
	text-align:center;
	font-weight: 600
	}

.zplist{
	width:100%;
	height:50px;
	line-height:50px;
	transition: all 0.3s;
	padding-left:20px;
	border-bottom:1px dotted #CCC;
	}

.zplist:hover{

}

.zplist li.t1{
	width:20%;
	text-align:left;
	}

.zplist li{
	float:left;
	width:16%;
	font-size: 14px;
	text-align:center;
	}

.zplist li b{
	margin-right:5px;
	color: #C6C6C6
	}

.zplist li a{
	color:#000;
	font-size: 15px;
	font-weight: 600
	}

.page_joblist h1,.job_title{
	height: 50px;
	font-size: 40px;
	font-weight: 200;
	text-align: center;
	color: #000;
	line-height: 50px;
	margin: 70px auto;
}

.job_pro{
	width: 100%;
	overflow: hidden;
	background: #F2F2F2;
}

.job_pro ul li{
	width: 20%;
	float: left;
	overflow: hidden;
}

.job_pro ul li strong{
	display: block;
	width:100%;
	height:60px;
	line-height:60px;
	text-align: center;
	background-color:#ce2434;
	font-weight: 300;
	color: #fff;
}

.job_pro ul li font{
	display: block;
	width:100%;
	height:60px;
	line-height:60px;
	text-align: center;
	font-weight: 300;
	border-bottom:1px solid #E4E4E4;
	color: #333;
}

.job_intro{
	width: 100%;
	padding-bottom: 40px;
	margin: 40px auto;
	overflow: hidden;
	border-bottom: 1px solid #E4E4E4
}

.job_intro strong{
	color: #000000;
	font-size: 18px;
	font-weight: 600;
	display: block;
	line-height: 50px;
}

.job_form{
	width: 100%;
	overflow: hidden;
	background: #F2F2F2;
	margin: 0px auto
}

.job_form h3{
	 display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #ce2434;
    font-weight: 300;
    color: #fff;
}

.job_form .left{
	width: 50%;
	float: left;
	overflow: hidden;
	margin-left: 5%;
	padding-bottom: 50px;
}

.job_form .right{
	width: 30%;
	margin-left: 5%;
	float: left;
	margin-top: 70px;
	overflow: hidden
}

.job_form .right h1{
	color: #000;
	font-weight: 600;
	font-size: 30px;
}

.job_form .right a{
	color: #ce2434
}

.job_form ul li{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 30px;
}

.job_form ul li strong{
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: 600
}

.job_form ul li input,.job_form ul li select{
	width: 90%;
	height: 45px;
	line-height: 45px;
	border: 0px;
	font-size: 16px;
	text-indent: 10px;
}

.job_form ul li textarea{
	width: 90%;
	font-size: 16px;
	text-indent: 10px;
	border: 0px;
	height: 200px;
}

.job_form ul li input.button{
	background: #ce2434;
	color: #fff;
	text-indent: 0px;
}

.page_pinpai{
	width: 100%;

}

.map_api{
	width: 100%;
	overflow: hidden;
	padding: 70px 0px;
	margin: 0px auto;
	background: #fff;
}

.map_api .left{
	width: 700px;
	float: left;
	height: 450px;
	position: relative;
	background: url(../images/img11.png) no-repeat left top;
}

.map_api .left a{
	display: block;
	text-align: center;
	position: absolute;
	font-size: 14px;
	color: #999;
	text-decoration: none
}

.map_api .left a.now{
    color: #ce2434
}

.map_api .left a i{
	font-size: 22px;
	display: block;
	color: #ce2434;
	line-height: 20px;
}

.map_api .left a.weihai{ left:625px; top: 80px;}
.map_api .left a.yantai{ left:510px; top: 70px;}
.map_api .left a.qingdao{ left:460px; top:150px;}
.map_api .left a.weifang{ left:360px; top:170px;}
.map_api .left a.zibo{ left:270px; top:150px;}
.map_api .left a.rizhao{ left:370px; top:260px;}
.map_api .left a.linyi{ left:280px; top:290px;}

.map_api .right{
	width: 350px;
	float: left;
	margin-left: 100px;
	overflow: hidden
}

.map_api .right h2{
	color: #000;
	font-weight: 600;
	display: block;
	border-left: 8px solid #ce2434;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.map_api .right .class{
	color: #999999;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	margin-right: 50px;
}

.map_api .right a.now{
    color: #ce2434
}

.map_api .right strong{
	display: block;
	margin-top: 50px;
	font-size: 18px;
	color: #000;
	font-weight: 600
}

.map_api .right strong i{
	font-weight: normal;
	color: #ce2434;
	font-size: 20px;
	margin-right: 6px;
}

.map_api .right .md_search{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.map_api .right .md_search input{
	width: 180px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #E4E4E4;
	float: left;
    font-size: 14px;
    text-indent: 10px;
}

.map_api .right .md_search input.button{
	width: 80px;
	border-left: 0px;
	background: #F2F2F2;
}

.pinpai_menu{
	height: 70px;
	background: #ce2434;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: #fff;
	line-height: 70px;
}

.pinpai_menu a{
	color: #fff;
    font-size: 18px;
	margin-left: 50px;
    font-weight: bold;
    display: block;
    float: left
}

.pinpai_menu font{
    float: right;
    margin-right: 30px;
    font-size: 14px;
}

.pinpai_query{
	background: #F6F6F6;
	padding: 30px 0px;
}

.pinpaiquer{
	width: 1120px;
	padding: 30px 40px;
	background: #fff;
	margin-bottom: 30px;
	overflow: hidden;
}

.pinpaiquer .left{
	width: 250px;
	height: 145px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	margin-right: 40px;
}

.pinpaiquer .center{
	float: left;
	width: 500px;
	overflow: hidden;
}

.pinpaiquer .center h3{
	color: #000;
	font-weight: 600;
	display: block;
	height: 40px;
	line-height: 40px;
}

.pinpaiquer .center font{
	display: block;
	font-size: 14px;
}

.pinpaiquer .center a{
	display: block;
	color: #000;
	margin-top: 20px;
	font-size: 14px;
	width: 70px;
}

.pinpaiquer .right{
	float: left;
	margin-left: 150px;
	width: 150px;
	height: 150px;
	background-position: center;
	background-repeat: no-repeat
}

.shangjia_bg{
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 474px;
}

.shangjia_bg .shangjia_bgclor{
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.shangjia_bg .w1200{
    position: relative;
    z-index: 9
}

.shangjia_bg h1.shangjia_title{
    color: #fff;
    margin: 50px auto 40px auto;
}

h1.shangjia_title{
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    height: 24px;
    color: #000;
    line-height: 24px;
    border-left: 8px solid #ce2434;
    padding-left: 10px;
}

.shangjia_box{
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.shangjia_box #swiper-shangjiaimg{
    width: 600px;
    height: 360px;
    float: left
}

.shangjia_box #swiper-shangjiaimg #pagination{
    height: 60px;
    bottom: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.33+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#54000000',GradientType=0 ); /* IE6-9 */
}

.shangjia_box #swiper-shangjiaimg #pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin-top: 25px;
    opacity: 1;
    background: #fff;
}

.shangjia_box #swiper-shangjiaimg #pagination .swiper-pagination-bullet-active{
    background: #ce2434
}

.shangjia_box .right{
    width: 600px;
    float: left;
    overflow: hidden;
    position: relative;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 460px 40px 
}

.shangjia_box .right h1{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-left: 70px;
    margin-top: 70px;
    margin-bottom: 30px;
}

.shangjia_box .right .shangjia_prop{
    margin-left: 70px;
    color: #999999;
}

.shangjia_box .right .shangjia_prop .cppropname{
    line-height: 30px;
    font-weight: 200
}

.shangjia_box .right .shangjia_prop .cppropname strong{
    color: #000
}

.shangjia_box .right .shangjia_prop .cppropname:nth-child(3),.shangjia_box .right .shangjia_prop .cppropname:nth-child(4),.shangjia_box .right .shangjia_prop .cppropname:nth-child(5){
    display: none
}

.shangjia_box .right .shangjia_link{
    height: 60px;
    width: 100%;
    background: #F6F6F6;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.shangjia_box .right .shangjia_link a{
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    line-height: 60px;
    height: 60px;
    text-align: center;
    color: #999999
}

.shangjia_box .right .shangjia_link a.link2{
    background: #ce2434;
    color: #fff
}

div.shangjia_map {
    margin: 60px auto 30px auto;
    overflow: hidden
}

div.shangjia_map .shangjia_title{
	margin-bottom: 30px;
}

div.page_contat{
	margin: 70px auto;
}

div.page_contat .left a{
	color: #ce2434
}

.page_contat .left .erweima{
	width: 100%;
	margin-top: 50px;
	overflow: hidden
}

.page_contat .left .erweima div{
	float: left;
	text-align: center;
	margin-right: 20px;
}

.page_contat .left,.page_contat .right{
	float: left;
	width: 50%;
}

.page_contat .right img{
	float: right
}

div.aixinshuwu{
	margin: 0px auto;
	margin-top: 70px;
	overflow: hidden;
	width: 1200px;
	color: #666;
	line-height: 26px;
}

div.aixinshuwu h1{
	font-size: 30px;
	color: #000;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 30px;
}

div.aixinshuwu .left{
	float: left;
	width: 560px;
	overflow: hidden;
}

div.aixinshuwu .left div{
	width: 100%;
	height: 240px;
	overflow: hidden;
	margin-bottom:20px;
}

div.aixinshuwu .left div.show{
	height: 600px;
}

div.aixinshuwu .left a{
	display: inline-block;
   background: #ce2434;
	margin-right: 10px;
   height: 50px;
   line-height: 50px;
	padding-left: 30px;
	width: 170px;
	text-align: left;
   color: #fff;
   text-decoration: none;
   transition: all 0.3s;
	cursor: pointer
}

div.aixinshuwu .left a i{
	float: right;
	font-weight: bold;
	margin-right: 20px;
}

div.aixinshuwu .right{
	float: right;
}

.huigu{
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding-bottom: 70px;
	margin-top: 70px;
	background: url(../images/bgline.png) repeat-x top center;
}

.huigu h2.h2_title{
	font-size: 24px;
	color: #ce2434;
	height: 30px;
	line-height: 30px;
	display: block;
	width: 100%;
	margin: 40px 0px;
}

.huigu_list{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
}

.huigu_list .news_list{
	width: 380px;
	float: left;
	overflow: hidden;
	margin-right: 25px;
	margin-bottom: 40px;
}

.huigu_list .news_list{
	width: 380px;
	float: left;
	overflow: hidden;
	margin-right: 25px;
}

.huigu_query .news_list:nth-child(3){
	margin-right: 0px;
}
.huigu_query .news_list:nth-child(6){
	margin-right: 0px;
}
.huigu_query .news_list:nth-child(9){
	margin-right: 0px;
}
.huigu_query .news_list:nth-child(12){
	margin-right: 0px;
}

.huigu_list .news_list a.nimg{
	width: 100%;
	height: 240px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	display: block;
	margin-bottom: 15px;
	transition: all 0.3s;
	position: relative;
}

.huigu_list  .news_list a.nimg i{
	color: #fff;
   font-size: 24px;
	text-align: center;
   position: absolute;
   left: 160px;
   top: 100px;
	transition: all 0.3s;
	height: 40px;
	line-height: 40px;
	text-indent: 4px;
	width: 55px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	display: block;
	border-radius: 5px;
	background: #ce2434;
}

.huigu_list .news_list span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #8E98A7;
	font-family: "Aria"l
}

.huigu_list .news_list h2{
	display: block;
	font-size: 20px;
	line-height: 26px;
	max-height: 52px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	width: 90%;
	margin-bottom: 20px;
}

.huigu_list  .news_list a.nlink{
	font-size: 14px;
	color: #ce2434;
	display: block;
}

.huigu_list .news_list a.nlink i{
	float: left;
	margin-right: 10px;
}

.huigu_list .news_list:hover a.nimg{
	background-size: 105% 105%
}

.huigu_list  .news_list:hover a.nimg i{
	transform: scale(1.2,1.2)
}


/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #DD4100; border-right:7px solid #DD4100; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }


/*分页样式*/

.pages{

	width: 100%;

	text-align: center;

	margin: 60px 0;

}

.pages a,.pages span{
margin: 0px 2px;
	display: inline-block;

	height: 32px;

	line-height: 32px;

	text-align: center;

	width: auto;

	/*min-width: 32px;*/

	border: 1px #eee solid;

	border-radius: 3px;

	padding: 0 12px;
	color: #666666

}

.pages a:hover,.pages span.current{

	background: #ce2434;

	border: 1px #ce2434 solid;

	color: #fff;

}
.pages > div{text-align: center}
/*面包屑样式*/

.sitenav{overflow: hidden}
.catlist,.catname{float: left}
.catname{font-size: 18px; font-weight: bold; color: #ce2434; padding-right: 100px; position: relative; padding-left: 10px;}
.catname:before{width: 3px; height: 15px; position: absolute; left: 0px; top: 15px; content: ""; background: #ce2434; z-index: 2;}
.catlist a{display: inline-block; padding: 0px 20px; font-size: 15px;}
.catlist a.active{font-weight: bold; color: #ce2434; border-bottom: #ce2434 solid 1px;}
.position{float: right; background: url(../images/home.png) no-repeat left  center; padding-left: 20px; background-size: 16px 16px;}