/*公共重置样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body{background:#fff;}
a,a:hover{color:#333;}
a:focus{outline:none;}
body { font-family: '微软雅黑'; background: #fff;font-weight: normal;margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.container{width: 1200px;margin: 0 auto;}
.container:after { content: " "; clear:both; height: 0;display: block; visibility: hidden;}
a:hover,a:hover img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
li:hover,li:hover span,li:hover a,li:hover p,li:hover h1{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
/*公共样式END*/
body{
	background: #f1f1f1;
}
/* 头部 */
.headtop{
	height: 90px;
	line-height: 90px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.05);
	position: relative;
	z-index: 999;
	background: #fff;
}
.headtop:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.headtop img{
	float: left;
}
.headtop .container>a{
	display: block;
}
.headtop .container>a>img{
	display:block;
	width: 335px;
	height: 74px;
	margin: 8px 0 0 20px; 
}
.headtop ul{
	margin:0 0 0 90px;
	float: left;
}
.headtop ul:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.headtop ul li{
	float: left;
	line-height: 90px;
	height: 90px;
	background: url(/statics/images/pcweb_images/topline.png) no-repeat left center;
	
}

.headtop ul li a{
	display: block;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.headtop ul li:first-child{
	background: #fff;
}
.headtop ul li:hover,.headtop ul li.on a{
	background: #d20000;
}
.headtop ul li:hover a,.headtop ul li.on a{
	color: #fff;
}
.headtop ul li{
	position: relative;
}
.headtop ul li:hover .childbox{
	display: block;
}
.headtop ul li .childbox{
	position: absolute;
	left: -14px;
	z-index: 99;
	background: #d20000;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	display: none;
}
.headtop ul li .childbox a{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	text-align: center;
	height: 48px;
	line-height: 48px;
	display: block;
	min-width: 130px;
}
.headtop ul li .childbox a:hover{
	background: #870000;
}
.headtop .btn{
	float: right;
	height: 90px;
}
.headtop .btn:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.headtop .btn a{
	display: block;
	float: left;
	margin: 38px 10px;
}
.headtop .btn a img{
	display: block;
	width: 14px;
	height: 14px;
}
.headtop .btn a:hover img{
	transform: scale(1.6);
	cursor: pointer;
}

.headtop .btn .searchbox{
	position: relative;
}
.headtop .btn .searchbox form{
	position: absolute;
	overflow: hidden;
	width: 14px;
	height: 14px;
	background: none;
	border: none;
	text-indent: 99em;
}
.headtop .btn .searchbox form:hover{
	transform: scale(1.6);
}
.headtop .btn .searchbox form .btn{
	background: none;
	border: none;
	text-indent: 99em;
	cursor: pointer;
}
/*头部END*/

/*banner动画用*/
@charset "utf-8";
*{
	padding:0;
	margin:0;
}
.swiper-container{
	height:700px;
}
.arrow-left {
  background: url(/statics/images/pcweb_images/arrows1.png) no-repeat;
  position: absolute;
  left: 10%;
  top: 50%;
  margin-top: -15px;
  width: 55px;
  height: 55px;
  z-index:10;
}
.arrow-left:hover{
  background: url(/statics/images/pcweb_images/arrows1on.png);
}
.arrow-right {
  background: url(/statics/images/pcweb_images/arrows2.png) no-repeat;
  position: absolute;
  right: 10%;
  top: 50%;
  margin-top: -15px;
  width: 55px;
  height: 55px;
  z-index:10;
}
.arrow-right:hover{
	background: url(/statics/images/pcweb_images/arrows2on.png);
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #d20000;
}
.swiper-slide{
	position:relative;
	opacity:0;
	transition: opacity 0.7s ease-in-out;
}
.swiper-slide-active{
	opacity:1;
}
.swiper-slide .img{
	position:absolute;
}
.inner{
	position:relative;
	display:block;
	width:1200px;
	height:700px;
	margin:0 auto;
}
.slide1{
	background: url(/statics/images/pcweb_images/banner1.jpg);
}
.slide2{
	background: url(/statics/images/pcweb_images/banner2.jpg);
}
.slide3{
	background: url(/statics/images/pcweb_images/banner3.jpg);
}

.slide1 .zh-a-2 {left: 225px;top:220px;}
.slide2 .zh-a-2{left: 103px;top: 74px;}
.slide3 .zh-a-2{left: 272px;top: 138px;}
.slide2 .s1{left: 100px;top:80px;}
.loop{
	animation-iteration-count: infinite;/*无限*/
	animation-timing-function:linear;/*平滑*/
}
.targetBtn {
    margin-top: 20px;
    position: absolute;
    bottom: 60px;
    left: 352px;
    z-index: 999;
}
.targetBtn a{
	height:50px;
	border-radius:50px;
	background:rgba(0,0,0,.5);
	float:left;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	}
.targetBtn .a1{
	width:110px;
	}
.targetBtn .a2{
	width:170px;
	margin-left:15px;
	}	
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
/*banner动画用 END*/

/*导航栏*/
.indexcenter .nav{
	position: relative;
}
.nav{
	background: url(/statics/images/pcweb_images/titback.png);
	height: 152px;
	overflow: hidden;
	position: absolute;
	bottom: 152px;
	z-index: 999;
}
.nav ul{
	float: right;
	overflow: hidden;
	margin-top: 22px;
}
.nav ul li{
	float: left;
	width: 224px;
	height: 130px;
	margin:0 8px;
}
.nav ul li a{
	display: block;
	height: 130px;
}
.nav ul li a span{
	display: block;
	color: #fff;
	font-family: "Adobe 仿宋 Std";
	height: 130px;
	line-height: 155px;
	font-size: 26px;
}
.nav ul li.nav1{
	background: url(/statics/images/pcweb_images/navback1.png) #343e85;
}
.nav ul li.nav2{
	background: url(/statics/images/pcweb_images/navback2.png) #055dc1;
}
.nav ul li.nav3{
	background: url(/statics/images/pcweb_images/navback3.png) #576ad1;
}
.nav ul li.nav4{
	background: url(/statics/images/pcweb_images/navback4.png) #f29708;
}
.nav ul li.nav5{
	background: url(/statics/images/pcweb_images/navback5.png) #f32929;
}
.nav ul li.nav1 span{
	padding-left: 83px;
}
.nav ul li.nav2 span{
	padding-left: 68px;
}
.nav ul li.nav3 span{
	padding-left: 88px;
}
.nav ul li.nav4 span{
	padding-left: 80px;
}
.nav ul li.nav5 span{
	padding-left: 75px;
}
.nav ul li:hover span{
	line-height: 130px;
	font-size: 36px;
	padding-left: 76px;
}
.nav ul li.nav5:hover span{
	padding-left: 72px;
}
.nav ul li.nav1:hover{
	background: #3748ba;
}

.nav ul li.nav2:hover{
	background: #0085e2;
}

.nav ul li.nav3:hover{
	background: #5c31ca;
}
.nav ul li.nav4:hover{
	background: #c17600;
}
.nav ul li.nav5:hover{
	background: #ae0505;
}
.indexcenter{
	height: 700px;
	overflow: hidden;
}
/*导航栏 END*/

/*中部*/
/*产业图片*/
.contentbox{
	padding: 10px;
	background: #fff;
	margin:40px 0;
	overflow: hidden;
}
.proinlist {
	position: relative;
	overflow: hidden;
	float: left;
}
.proinlist .hd{

	position: absolute;	
	bottom: 20px;
	right: 20px;
	z-index: 999;
	overflow: hidden;
}
.proinlist .hd ul{
	overflow: hidden;
	width: 114px;

}
.proinlist .hd ul li{
	width: 8px;
	height: 8px;
	display: block;
	float: left;
	font-size: 1px;
	overflow: hidden;
	margin:0 3px;
	overflow: hidden;
	text-indent: 888em;
	background: url(/statics/images/pcweb_images/propoint.png);
	background-size: 8px;
	cursor: pointer;
}
.proinlist .hd ul li:hover,.proinlist .hd ul li.on{
	background: url(/statics/images/pcweb_images/propoint1.png);
	background-size: 8px;
}

.proinlist .bd ul:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.proinlist .bd ul li{
	float:left;
	text-align:center;
	margin: 10px 10px;
	width: 400px!important;
	position: relative;
	height: 280px;
}
.proinlist .bd ul li h1 a{
	display: block;
	width: 380px;
	position: absolute;
	font-size: 16px;
	color: #fff;
	height: 34px;
	line-height: 34px;
	text-align: left;
	padding-left: 20px;
	z-index: 99;
	bottom: 0;
	background: url(/statics/images/pcweb_images/titback.png);
}
/*产业图片 end*/

/*分割线*/
.line{
	height: 280px;
	width: 1px;
	background: #ebebeb;
	margin: 10px 10px;
	float: left;
}
/*分割线 END*/

/*集团简介+新闻*/
.rgbox{
	float: left;
}
.rgbox .aboutus{
	padding: 10px;
	overflow: hidden;
}
.rgbox .aboutus>img{
	width: 200px;
	height: 120px;
	float: left;
}
.rgbox .aboutus .text{
	float: left;
	margin-left: 20px;
	margin-top: 8px;
}
.rgbox .aboutus .text h1{
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.rgbox .aboutus .text h1 img{
	margin-left: 10px;
}
.rgbox .aboutus .text p{
	font-size: 14px;
	color: #666;
	width: 490px;
	text-indent: 2em;
	line-height: 24px;
	margin-top: 14px;
}
.rgbox .aboutus .text p a{
	color: #999;
}
.rgbox .aboutus .text p a:hover{
	color: #d20000;
}
/*集团简介+新闻 END*/

/*首页新闻*/
.under{
	overflow: hidden;
}
.indexnew{
	float: left;
	margin-left: 10px;
	width: 310px;
}
.indexnew .hd ul{
	overflow: hidden;
	margin-bottom:8px;
}
.indexnew .hd ul li{
	float: left;
	width: 90px;
	line-height: 26px;
	height: 26px;
	color: #ccc;
	color: #666;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
}
.indexnew .hd ul li.on,.indexnew .hd ul li:hover{
	background: #d20000;
	color: #fff;
	cursor: default;
}
.indexnew .bd ul li{
	height: 24px;
	font-size: 14px;
	padding-left: 10px;
	background: url(/statics/images/pcweb_images/newsarrow.png) left center no-repeat;
	overflow: hidden;
}

.indexnew .bd ul li a{
	display: block;
	line-height: 24px;
	color: #666;
	float: left;
}
.indexnew .bd ul li span{
	float: right;
	font-size: 14px;
	color: #aaa;
	display: block;
	line-height: 24px;
}
.indexnew .bd ul li:hover{
	background: url(/statics/images/pcweb_images/newsarrow1.png) left center no-repeat;
}
.indexnew .bd ul li:hover a{
	color: #d20000;
}
/*首页新闻 END*/

/*其他版块*/
.other{
	float: left;
	overflow: hidden;
	padding: 10px;
}
.other a:first-child{
	margin: 0;
}
.other a{
	display: block;
	float: left;
	margin-left: 8px;
	height: 135px;
	width: 195px;
}
.other a:hover{
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2)
}
.other .pepo{
	background: url(/statics/images/pcweb_images/apic1.png);
}
.other .pepo:hover{
	background: url(/statics/images/pcweb_images/apicon1.png)
}
.other .contact{
	background: url(/statics/images/pcweb_images/apic2.png);
}
.other .contact:hover{
	background: url(/statics/images/pcweb_images/apicon2.png);
}
/*其他版块 END*/
/*中部 END*/

/*底部*/
.footer{
	background: #fff;
	padding: 36px 0;
}
.box1{
	float: left;
	margin-top: 5px;
	width: 882px;
	margin-left: 78px;
}
.box1 .logofooter {
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.box1 .logofooter img:first-child{
	margin: 0;
}
.box1 .logofooter img{
	float: left;
	margin-left: 44px;
}
.box1 p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.box2{
	float: left;
	overflow: hidden;
}
.box2 img{
	margin:0 10px 0;
	display: block;
	float: left;

}
.box3{
	float: left;
	width: 360px;
	margin-top: 10px;
}
.box3 a{
	display: block;
	float: left;
	margin: 0 4px;
	font-size: 14px;
	line-height: 24px;
	color: #888;
}
.box3 a:hover{
	color: #d20000;
}
/*底部 END*/


/*内页导航*/
.bannerin .img{
	width: 100%;
	min-height: 400px;
}
.nav_in{
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1)
}

.nav_in ul{
	overflow: hidden;
	float: left;
}
.nav_in ul li{
	float: left;
	line-height: 46px;
	font-size: 14px;
	padding: 0 14px;
	border-bottom: 2px #fff solid;
	background: url(/statics/images/pcweb_images/topline.png) left center no-repeat;
	background-size: 1px 48px;
}
.nav_in ul li:first-child{
	background: none;
}
.nav_in ul li a{
	color: #333;
}
.nav_in ul li:hover,.nav_in ul li.on{
	border-bottom: 2px #d20000 solid;
}
.nav_in ul li:hover a,.nav_in ul li.on a{
	color: #d20000;
}
.po{
	float: right;
	overflow: hidden;
	line-height: 48px;
}
.po img{
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 16px;
}
.po p{
	float: left;
	font-size: 14px;
	margin-left: 6px;
	color: #999;
}
.po p a{
	color: #999;
}
.po p a:hover{
	color: #d20000;
}

/*内页导航END*/

/*内页关于我们*/
.about_in{
	background: #fff;
	margin: 30px 0 60px;
	position: relative;
	padding: 20px;
}

.aboutxt h1{
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: #141414;
	font-weight: bold;
}
.aboutxt{
	color: #333;
}

/*内页关于我们END*/

/*内页新闻*/
.new_list ul:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.new_list ul li{
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 1180px;
	background: #fff;
	margin: 10px 0;
	position: relative;
}
.new_list ul li a img{
	width: 240px;
	height: 140px;
}
.new_list ul li .pic{
	float: left;
}
.new_list ul li .text{
	float: left;
	width: 900px;
	margin-left: 20px;
}
.new_list ul li .text span{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 36px;
}
.new_list ul li .text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	display: block;
	color: #666;
}
.new_list ul li .btn{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 80px;
	height: 32px;
	line-height: 36px;
	text-align: center;
	color: #666;
	background: url(/statics/images/pcweb_images/listarrowon.png);
}
.new_list ul li .btn:hover{
	background: url(/statics/images/pcweb_images/listarrow.png);
}
.new_list .line{
	height: 1px;
	width: 100px;
	background: #ddd;
}

.new_list ul li .text1{
	float: left;
	width: 1060px;
	margin-left: 20px;
}
.new_list ul li .text1 span{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 36px;
}
.new_list ul li .text1 p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	display: block;
	color: #666;
}
.new_list ul li:hover{
	transform: scale(1.1);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1)
}
.new_list ul li:hover a span{
	color: #d20000;
}
/*内页新闻 END*/

/*列表页码*/
.site_page{
	margin: 10px 0 40px;
	overflow: hidden;
	float: right;
}
.site_page a{
	padding: 0 10px;
	height: 32px;
	background: #fff;
	display: block;
	float: left;
	line-height: 32px;
	margin: 0 5px;
	color: #999;
}
.site_page a:first-child{
	color: #999;
	background: none;
}
.site_page span{
	float: left;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	margin: 0 5px;
	color: #999;
}
.site_page a:hover{
	background: #d20000;
	color: #fff;
}
/*列表页码END*/

/*内页展示*/
.show_in{
	background: #fff;
	padding: 20px;
	margin: 60px 0;
}
.show_in .title{
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
.show_in .data{
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	color: #999;
}
.show_in .text img{
	text-align: center;
    width:100%;
    max-width: 1000px;
    height: auto;
}
.msg_other{
	overflow: hidden;
	margin: 20px 0;
}
.msg_other li:first-child{
	float: left;
}
.msg_other li{
	float: right;
	line-height: 32px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 500px;
	background: #fff;
}
.msg_other li:hover{
	background: #d20000;
}
.msg_other li:hover a{
	color: #fff;
}
/*内页展示END*/

/*联系我们*/
.msgtxt .box{
	overflow: hidden;
	margin: 0 auto;
	width: 890px;
}
.input_lf{
	float: left;
}
.input_text{
	float: left;
	overflow: hidden;
	margin: 10px 0 0 20px;
}
.input_lf div{
	overflow: hidden;
	margin: 10px 0;
}
.input_lf div span{
	display: block;
	float: left;
	width: 80px;
	line-height: 36px;
	height: 36px;
	text-align: right;
}
.input_lf div input{
	line-height: 36px;
	height: 36px;
	width: 300px;
}
.input_text span{
	display: block;
	float: left;
	width: 80px;
	line-height: 36px;
	height: 36px;
	text-align: right;
}
.input_text textarea{
	width: 400px;
	height: 138px;
}
.message_bt{
	text-align: center;
}
.message_bt input{
	display: inline-block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	border: none;
	background: #790000;
	color: #fff;
	cursor: pointer;
	margin: 10px;
}
.message_bt input:hover{
	background: #d20000;
}
/*联系我们END*/


/*内页图片轮播*/
.showloop{
	position: relative; 
	overflow: hidden; 
	width: 1160px;
	margin: 0 auto;
}
.showloop .bigimg{
	height: 700px; position: relative;
}
.showloop .bigimg li img{
	vertical-align:middle; 
	width:1160px; 
	height: 700px;
}

.showloop .smallscroll{
	height:60px; 
	margin-bottom: 6px;
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 5px;
	text-align: center;
	width: 1160px;
}
.smallscroll .tempWrap{
	display:inline-block;
}
.showloop .sprev{ 
	float: left; 
	display: block; 
	width: 40px; 
	height: 40px; 
	text-indent: -9999px; 
	background: url(/statics/images/pcweb_images/arrows1.png) no-repeat;
	position: relative;
	z-index: 99;
	margin-left: 20px;
}
.showloop .snext{
	float: right; 
	display: block; 
	width: 40px; 
	height: 40px; 
	text-indent: -9999px; 
	background: url(/statics/images/pcweb_images/arrows2.png) no-repeat;
	position: relative;
	z-index: 99;
	margin-right: 20px;
}
.showloop .smallscroll>a,.showloop .smallscroll>a:hover{
	background-size: 40px;
	margin-top: 5px;
}
.showloop .sprev:hover{
	background: url(/statics/images/pcweb_images/arrows1on.png) no-repeat;
}
.showloop .snext:hover{
	background: url(/statics/images/pcweb_images/arrows2on.png);
}
.showloop .smallimg{
	margin: 0 10px; 
	display:inline-block; 
	min-width: 660px; 
	overflow: hidden;
}
.showloop .smallimg ul{ height:54px;  width: 9999px; overflow: hidden; }
.showloop .smallimg li{
	float: left; 
	margin: 0 6px;
	width:62px; 
	cursor:pointer;  
	display: inline;  
}
.showloop .smallimg img{
	border: none; 
	width:60px; 
	height:45px;  
}
.showloop .smallimg .on img,.showloop .smallimg li:hover img{
	border: solid 2px #d20000;
}
.showloop{
	margin-bottom: 20px;
}
.aboutxt div.intext{
	text-align: left;
	margin:0 auto 20px;
	overflow: hidden;
}
/*内页图片轮播END*/