.slide-main{height:500px;position:relative;}
.slide-main .prev,.slide-main .next{ display:block; width:44px; height:44px; position:absolute; z-index:222; top:267px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
.slide-main .prev{left:70px;}
.slide-main .next{right:70px;}

.slide-main .prev:hover,.slide-main .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:50px;left:0;text-align:center;}
.item a{width:15px; height:15px; line-height:14px; display: inline-table; text-align:center; cursor:pointer; margin: 0 5px; border-radius: 50%; border: 2px solid #d80109; transition: 0.3s all;border: 2px solid #FFF; text-indent: -9999px;}
.item a.cur{background:#d80109; border-color: #d80109;}
.slide-box,.slide{display:block;width:100%;height:600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:500px; position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:500px;cursor:pointer;}


.zyflash1{background: url(../Image/01.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash2{background: url(../Image/02.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash3{background: url(../Image/03.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash4{background: url(../Image/04.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash5{background: url(../Image/05.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash6{background: url(../Image/06.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash7{background: url(../Image/07.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
.zyflash8{background: url(../Image/08.jpg) no-repeat top center; height: 280px;min-width: 1200px; width: 100%;}
/*main*/
.tit_1{ font-weight: bold; font-size: 30px; color: #4f4f4f; height: 45px; padding-top: 10px;}
/*动画图下图片链接*/
.linkimg li{ width: 285px; height: auto; float: left; margin: 15px 0 15px 15px;}
.linkimg .img{ width: 285px; height: 216px; overflow: hidden; position: relative;}
.linkimg .img img{display: block; width: 285px; height: 216px;}
.linkimg .img span{ position: absolute; width: 97px; height: 46px; background: #000; bottom: 0; right: 0; font-size: 18px; text-align: center; line-height: 46px; font-weight: bold; color: #FFF;}
.linkimg .tit{  line-height: 40px; text-align: center; font-size: 16px;}
.linkimg li:first-of-type{ margin-left: 0;}
.linkimg li:hover .tit{ padding-left: 30px;}
.linkimg li:hover .img span{background: #d60009;}
/*简介*/
#gsjj_nr{ background:#fff; border:1px solid #ececec;}
#gsjj_nr .tit_1{ font-size: 42px; text-indent: 30px;}
#gsjj_nr .left{ width:590px; padding-top:20px;}
#gsjj_nr .left ul{ padding:20px 40px;}
#gsjj_nr .left ul li{ background:url(../images/ziicon.png) no-repeat left center; height:55px; line-height:55px; padding-left:48px; font-size:16px; float:left; width:207px;}
#gsjj_nr .left #fwly{ background:#d8d8d8; width:592px; height:254px; position:relative;}
#gsjj_nr .left #fwly .fwlypic{ width:314px; height:254px; overflow:hidden; float:left;}
#gsjj_nr .left #fwly #fwlyfont{ width:146px; float:left; padding:35px 0 0 40px; line-height:2.0; color:#666666;}
#gsjj_nr .left #fwly #fwlyfont span{ color:#000; font-size:25px;}
#gsjj_nr .left #fwly #fwlymore{ position:absolute; width:47px; height:34px; background:#db3a32; color:#fff; font-size:20px; text-align:center; padding-top:11px; right:0; bottom:0; transition:0.3s all 0 linear;}
#gsjj_nr .left #fwly:hover #fwlymore{ background:#d60009;}
.scale img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.scale:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

#gsjj_nr .right{ width:608px; position:relative;}
#gsjj_nr .right #gsjjpic{ width:608px; height:309px; overflow:hidden;}
#gsjj_nr .right #gsjj_title{ width:118px; height:94px; background:rgba(218,37,28,0.8); position:absolute; right:0; top:0; text-align:center; color:#FFF; font-size:30px; font-weight:bold; padding-top:15px;}
#gsjj_nr .right #gsjj{ padding:15px 25px; line-height:2.0;}
#gsjj_nr .right #gsjj span{ color:#000; font-size:16px; padding-left:24px; font-weight:bold;}
#gsjj_nr .right #gsjj #gsjj_more{ float:right; width:133px; height:27px; line-height:27px; text-align:center; border:1px solid #424242; margin-top:5px; transition:0.3s all 0 linear;}
#gsjj_nr .right:hover #gsjj #gsjj_more{ background:#d60009; color:#fff; border:1px solid #d60009;}
#gsjj_nr .right:hover #gsjj #gsjj_more a{ color:#fff;}
/*优势样式*/
.ys1{ width: 750px; height: 517px; overflow: hidden; float: left;}
.ys2{ width: 750px; height: 309px; overflow: hidden;float: left;}
.ys3{ float: right; width: 450px; height: 826px; overflow: hidden;}
.ys2 .img{width: 340px; height: 309px;overflow: hidden; float: left;}
.ys3 .img{width: 450px; height: 404px;overflow: hidden; margin-top: 22px;}
.youshi .tit,.youshi .cont{ width: 370px; display: block; margin: 0 auto; line-height: 30px;}
.youshi .tit{ margin-top: 40px; font-size: 36px; color: #2c2c2c;}
.youshi .tit span{ font-size: 18px; color: #b2b2b2; display: block;text-transform:uppercase; line-height: 40px;}
.ys2 .cont,.ys2 .tit{ padding: 0 20px; float: right;}
.ys2 .cont{ height: 194px; border-bottom: 5px solid #e00000;}

/*产品*/
.cp_type .left{ width: 220px; }
.cp_type .left ul{background: #5e5e5e;}
.cp_type .left li{position: relative;}
.cp_type .left li a{width: 220px; display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; border-top: 1px solid #727272;}
.cp_type .left li a:hover {background: #848484;}
.cp_type .left li dl{
	position: absolute;
	width:220px;
	left:220px;
	top:0;
	z-index: 99999999;
	display: none;
	
}
.cp_type .left li:hover dl{
	display: block;
}
.cp_type .left li dl dd{
	background: #fff;
	border-bottom:1px dotted #ddd;
}
.cp_type .left li dl dd:hover a{
	background: #fff;
}
.cp_type .left li dl dd a{
	color:#333;
	font-size: 14px;
}
.cp_type .left li.left-head{background: #CC0000;width: 220px; display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; border-top: 1px solid #727272;}
.cp_type .left .left-contact{border: 1px solid #ccc; padding: 5px 10px;}
.cp_type .nr{ width: 940px; overflow: hidden; height: auto;}
.cp_type .nr li { position: relative; float: left; margin:0 11px 50px 11px; width: 288px; border: 1px solid #dcdcdc; overflow: hidden; }
.cp_type .nr li a{ display: block;}
.cp_type .nr li .img { width: 100%; height: 216px; line-height: 216px; overflow: hidden; }
.cp_type .nr li .img img{ width: 100%; /*height: 100%;*/ height: 216px; }
.cp_type .nr li .p-info { position: relative; /*height: 110px;*/ text-align: center; overflow: hidden; }
.cp_type .nr li p{ text-align: center; line-height: 22px;}
.cp_type .nr li .title{  width: 96%; font-size: 16px;  font-weight: bold; text-align: center; height: 28px; line-height: 28px; margin: 8px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 5px;}
.cp_type .nr li .title:hover{ color: #f00;}
.cp_type .nr li .more{ background: #b6b6b6; width: 105px; margin: 0 auto 15px auto; height: 26px; color: #FFF; text-align: center; line-height: 26px;}
.cp_type .nr li:hover{border: 1px solid #cc0000;}
.cp_type .nr li:hover .more{ background: #CC0000;}
/**/
.news{ width: 600px; float: left;}
.hynews { width:590px; float:left; position: relative;}
.hynews li {width: 579px;
    float: left;
    margin-right: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 3px;}
.hynews li a {display: block;font-size:14px;color:#666;}
.hynews li a .day{font-size:14px;float:right;font-weight: 100;}
/*.hynews .img { display:block; width:100%; height:0; padding-bottom:69%; overflow:hidden; margin-bottom:10px;}*/
.hynews .img img { display:block; width:100%; height:189px;}
.hynews .time { width:50px; height:50px; float:left; background-color:#7e7e7e; color:#fff; text-align:center; font-family:Arial;font-size: 12px;}
.hynews .time .day { display:block; font-size:26px; font-weight:bold; line-height:1; padding-top:3px;}
.hynews .n,.hynews .text { margin-left:60px; display:block; overflow:hidden;}
.hynews .n { font-size:16px; line-height:22px; height:44px; font-weight:normal;padding-top: 5px; margin-bottom:15px; color:#333;}
.hynews .text { line-height:22px; height:132px; overflow:hidden; color:#666;}
.hynews .text a { color:#666;}
.hynews li:hover .time { background-color:#db2027;}
.hynews li:hover .n { color:#db2027;}
.hynews .next{ height: 24px; width: 66px; position: absolute; right: 20px; top: -45px; color: #db2129; text-indent: 20px;}
.hynews .next:before{ content: ""; background: url(../Image/next.png); width: 10px; height: 12px; position: absolute; top: 8px; left: 4px;transition:All 1s ease-in-out;
	-webkit-transition:All 1s ease-in-out;
	-moz-transition:All 1s ease-in-out;
	-o-transition:All 1s ease-in-out;}
.hynews .next:hover:before{transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);}

.news_gd{ width: 600px !important;}
.newslist { width:600px; float:right; position: relative;}
.newslist li { border:#dadada 1px solid; margin-bottom:12px;padding: 10px 10px;}
.newslist li:hover { background-color:#f2f5f7;}
.newslist .n { display:block; height:30px; line-height:30px; font-size:16px; color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 80%;float: left;}
.newslist .time { display:block; line-height:26px; color:#666;font-size: 14px}
.newslist .text { line-height:20px; height:40px; overflow:hidden; color:#666; font-size: 12px;width:100%;}
/*案例展示 鼠标经图片放大*/
.w_3 .tit{ padding: 10px 0; text-overflow:ellipsis; white-space: pre;}

.caselist{ width:1200px; width: 100%; overflow: hidden;}
.caselist .hd{ overflow:hidden;  height:30px; position: absolute; top: -50px; right:15px;}
.caselist .hd .prev,.caselist .hd .next{ display:block;  width:27px; height:27px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:#d1d1d1; color: #FFF; line-height: 27px; text-align: center; font-size: 18px; font-family: sans-serif;}
.news_gd .hd .prev,.news_gd .hd .next{-webkit-transform: rotate(270deg);}
.caselist .hd .prev:hover,.caselist .hd .next:hover{ background: #e00000;}
.caselist .hd .more{margin-right:5px; float: right;}
.prolist {width:1920px;}
.prolist li{ width:350px; float: left; margin:15px;}
.prolist li .img{ width:350px; height: 250px; overflow: hidden; margin-bottom: 15px;}
.prolist li .img img{width: 370px; height: 250px;}
.prolist li .tit{ text-overflow: ellipsis; overflow: hidden; white-space: pre; text-align: center;font-size:16px;}
/*合作客户*/
.hezuo li{ width: 189px;height: 76px;  float: left; margin: 5px;}
.box{position: relative;perspective: 1000px; width: 183px; height: 70px;}
.box img{width: 183px;height: 70px;opacity:1;transform: translateY(0) rotateX(0); transition: all 0.6s ease-in-out 0s;}
.box:hover img{transform: translateY(-100%) rotateX(90deg);transform-origin: center bottom 0;opacity:0;
}
.box .over-layer{position: absolute; top:0; left:0; width:183px; height:70px; opacity:0; background:#333d4b; text-align:center; transition: all 0.60s ease-in-out 0s; color: #FFF; line-height: 70px;}
.box:hover .over-layer{opacity:1;}




.daohang{ background: #f3f3f3; overflow: hidden; min-width: 1200px;height: 50px; text-align: center;}
.daohang li{ display: inline-table; line-height: 50px;}
.daohang li a{ padding: 15px 30px;}
		.daohang li.on a,.daohang li:hover a{ background: #d60000; color: #FFF;}
/*集团简介综合页面*/
.jjnav1{clear: both; margin: 0 auto; margin-top: 40px; padding: 25px 0; position: relative; font-size: 30px; color: #2c2c2c; text-align: center;}
.jjnav1 span{ width: 300px; margin:0 auto;  line-height: 35px; display: block;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;}
.jjnav1 p{ color: #838383; font-size: 18px; padding: 8px 0;}
.jjnav2{ clear: both; margin-top: 40px; padding: 25px 0; width: 100%; position: relative; font-size: 30px; color: #2c2c2c; text-align: center;}
.jjnav2:before{content: ''; position: absolute; top: 0; background: #d60009; height: 2px; width: 120px; left:50%; margin-left: -60px;}
#jjbox1{background: url(../Image/jj1.jpg) no-repeat top center; min-width: 1200px;}
#jjbox2{min-width: 1200px;}
#jjbox2 li{ float: left; width: 25%; text-align: center; color: #272727; position: relative;}
#jjbox2 li .tit{ font-size: 16px; height: 44px; line-height: 44px; transition: 0.3s all;}
#jjbox2 li .img{ width: 70px; height: 70px; overflow: hidden; padding: 50px 115px 53px 115px; border-bottom: 1px solid #d1d1d1; position: relative; z-index: 9; transition: 0.3s all;}
#jjbox2 li .img img{transition: 0.3s all;}
#jjbox2 li .num{ font-size: 40px; line-height: 80px; font-weight: bold; transition: 0.3s all;}
#jjbox2 li .bj{background: #ebe8e3; border-radius: 10px; height: 93px; width: 93px; position: absolute; top: 80px; left: 103px; z-index: 0; transition: 0.3s all;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */}
#jjbox2 li .ico{background: #333333; height: 12px; width: 12px; position: absolute; top: 211px; left: 143px; z-index: 99; transition: 0.3s all;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */}
#jjbox2 li div:last-of-type{ opacity: 0; margin-top: 30px;}
#jjbox2 li:hover div:first-of-type{ opacity: 0; margin-top: -20px;}
#jjbox2 li:hover div:last-of-type{ opacity: 1; margin-top: 0;}
#jjbox2 li:hover .img{ padding: 40px 115px 83px 115px;}
#jjbox2 li:hover .img img{ margin-top: -110px;}
#jjbox2 li:hover .tit,#jjbox2 li:hover .num{color: #e60012;}
#jjbox2 li:hover .ico{background: #e60012;}
#jjbox2 li:hover .bj{ background: #e60012;border-radius: 20px; height:143px; width: 143px; top:25px; left: 80px;
transform:rotate(135deg);
-ms-transform:rotate(135deg); /* Internet Explorer */
-moz-transform:rotate(135deg); /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg); /* Opera */}
#jjbox3 .left{ margin: 0 100px 0 115px; width: 415px;}
#jjbox3 .right{ float: left; width: 465px; line-height: 30px;}
#jjbox4{min-width: 1200px;}
#jjbox5 .left{ background: url(../Image/licheng.jpg) no-repeat top left #f4f4f4; width: 740px; height: 370px;}
#jjbox5 .left .tit,#jjbox5 .left .nr{ width: 270px; margin: 44px 55px -10px 0; clear: right;}
#jjbox5 .left .tit p{ font-size: 30px; color: #292929;}
#jjbox5 .info{ width:460px;height: 370px; background: #205bab; float: right;}
#jjbox6{ background: url(../Image/jj2.jpg) no-repeat bottom center; padding-bottom: 300px;min-width: 1200px;}
#jjbox6 .red{ line-height: 110px; font-size: 60px;}
.culture li{ width: 272px; float: left; height: 272px; margin: 20px 0 0 37px; text-align: center;}
.culture li:first-of-type{ margin-left: 0;}
.hisinfo{ width: 300px; padding:0 80px; position: relative;}
.hisinfo .hd .prev,.hisinfo .hd .next{ display:block;  width:24px; height:26px; float:right; position: absolute; top: 170px; overflow:hidden; cursor:pointer;}
.hisinfo .hd .prev{ background: url(../Image/his_l.png) no-repeat top left; left: 26px;}
.hisinfo .hd .next{background: url(../Image/his_r.png) no-repeat top left; right: 26px;}

.hisinfo .year{ padding: 55px 0; font-size: 30px;}
.hisinfo .bd{ width: 300px; overflow: hidden;}
.hisinfo a{color: #FFF;}
.timeline{ position: relative; height: auto; overflow: hidden;}
.timeline:before{ width: 2px; background: #c9302c; position: absolute; height: 100%; left: 50%; content: ''; top: 0;}
.timeline li{ width: 500px; padding: 40px 50px 0 50px; clear: both;}
.timeline li:nth-of-type(odd){ float: left;}
.timeline li:nth-of-type(even){ float: right;}
.timeline li .year{font-size: 30px; font-weight: 300; color: #fff; padding: 10px; background: #c9302c; border-radius: 10px 10px 0 0; text-indent: 20px;}
.timeline li .cont{ background: #F0f0f0; font-size: 16px; padding: 30px; line-height: 33px;}
.timeline .more{ position: absolute; top: 0; left:575px;}