@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}

h2.h2_title {text-align: center;padding-top: 56px;margin-bottom: 65px;font-weight: normal;}
h2.h2_title a {display: block;font-size: 30px;color: #333;margin-bottom: 5px;}
h2.h2_title i {display: block;font-size: 14px;color: #999999;}



/* banner */
.banner{ position: relative;background: url(../images/banline.jpg) repeat-x left top;margin-bottom: 16px;}
.banner .container {height: 680px;position: relative;}
.banner .banBox {position: absolute;width: 1860px; left: -330px;top: 0;height: 680px;z-index: 1;background:#333;}
#flashs{ position:relative; height:680px; overflow:hidden;}
#flashs .btn{position: absolute;left: 0;bottom: 41px;width: 100%; text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 14px;height: 14px;background: url(../images/banty01.png) no-repeat center;transition: all 0.5s;margin: 0 12px;}
#flashs .btn span.cur {width: 68px;background: url(../images/banty02.png) no-repeat center;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/*企业特色*/
.qyts .container {position: relative;height: 296px;}
.qyts .qytsCon {position: absolute;width: 1200px;padding: 0 330px;left: -330px;top: 0;background: #f5f5f5;height: 296px;}
.qyts .qytsCon dl {float: left;margin-left: 155px;text-align: center;}
.qyts .qytsCon dl:first-child {margin-left: 0;}
.qyts .qytsCon dl dt {margin-bottom: 20px;padding-top: 70px;}
.qyts .qytsCon dl dt img {display: block;width: 85px;height: 85px;margin: 0 auto;transition: all 0.5s;position: relative;top: 0;}
.qyts .qytsCon dl dd b {display: block;margin-bottom: 5px;font-size: 15px;font-family: "宋体";color: #333;}
.qyts .qytsCon dl dd span {display: block;font-size: 14px;color: #999;}
.qyts .qytsCon dl:hover dt img {transform: rotateY(360deg);top: -15px;}


/*产品艺术*/
.cpys {padding-bottom: 75px;}
.cpys .cpysCon {position: relative;height: 586px;margin-bottom: 70px;}
.cpys .cpysCon .conLeft {position: absolute;left: 0;top: 0;width: 600px;background: #fff;z-index: 2;overflow: hidden;background: #fff;height: 586px;}
.cpys .cpysCon .conLeft .lBox {position: relative;left: -600px;width: 1200px; top: 0;}
.cpys .cpysCon .conLeft ul {position: relative;}
.cpys .cpysCon .conLeft ul li {float: left;width: 600px;height: 586px;}
.cpys .cpysCon .conLeft ul li .libox {padding: 60px 130px 0 130px;}
.cpys .cpysCon .conLeft ul li .libox h3 {font-weight: normal;margin-bottom: 80px;}
.cpys .cpysCon .conLeft ul li .libox h3 a {display: block;font-size: 30px;font-weight: bold;color: #333;margin-bottom: 3px;}
.cpys .cpysCon .conLeft ul li .libox h3 i {display: block;font-size: 18px;color: #ccc;text-transform: uppercase;}
.cpys .cpysCon .conLeft ul li .libox .p1 {font-size: 16px;line-height: 30px;height: 130px; margin-bottom: 35px;}
.cpys .cpysCon .conLeft ul li .libox .p2 a {display: block;width: 182px;height: 54px;border: 1px solid #666666;text-align: center;line-height: 54px;font-size: 14px;border-radius: 5px;color: #333;}
.cpys .cpysCon .conLeft ul li .libox .p2 a:hover {background: #e2c083;border-color: #e2c083;color: #fff;}
.cpys .cpysCon .conLeft .cpysBtnl {display: block;width: 44px;height: 44px;cursor: pointer;position: absolute;left: 130px;bottom: 18px;background: url(../images/cpysbtnl01.png) no-repeat center;}
.cpys .cpysCon .conLeft .cpysBtnr {display: block;width: 44px;height: 44px;cursor: pointer;position: absolute;left: 196px;bottom: 18px;background: url(../images/cpysbtnr01.png) no-repeat center;}
.cpys .cpysCon .conLeft .cpysBtnl:hover {background: url(../images/cpysbtnl02.png) no-repeat center;}
.cpys .cpysCon .conLeft .cpysBtnr:hover {background: url(../images/cpysbtnr02.png) no-repeat center;}

.cpys .cpysCon .cpystit {position: absolute;left: 396px;bottom: 10px;z-index: 3;}

.cpys .cpysCon .conRight {width: 930px;position: absolute;left: 600px;top: 0;z-index: 1;height: 586px;}
.cpys .cpysCon .conRight .cpysZzc {width: 330px;height: 586px;background: url(../images/bg01.png);position: absolute;left: -930px;top: 0;z-index: 1;}
.cpys .cpysCon .conRight .conbox {width: 1860px;position: absolute;left: -930px;top: 0;height: 586px;overflow: hidden;}
.cpys .cpysCon .conRight .conbox ul {position: relative;z-index: 0;}
.cpys .cpysCon .conRight .conbox ul li {float: left;width: 930px;height: 586px;}
.cpys .cpysCon .conRight .conbox ul li img {display: block;width: 930px;height: 586px;}

.cpys .cpysType ul {padding: 0 50px;border-bottom: 1px dashed #c2c2c2;}
.cpys .cpysType ul li {float: left;margin-left: 105px;font-size: 16px;position: relative;top: 6px;}
.cpys .cpysType ul li a {display: block;padding-bottom: 38px;background: url(../images/cpysty01.png) no-repeat center bottom;color: #000;}
.cpys .cpysType ul li:first-child {margin-left: 0;}
.cpys .cpysType ul li.cur a {background: url(../images/cpysty02.png) no-repeat center bottom;color: #e2c083;}

/*招商加盟*/
.zsjm .container {position: relative;height: 395px;}
.zsjm .conleft {left: -332px;top: 0;background: url(../images/zsjm01.jpg) no-repeat right top;}
.zsjm .conright {right: -332px;top: 0;background: url(../images/zsjm02.jpg) no-repeat left top;}
.zsjm .box {position: absolute;width: 922px;height: 395px;}
.zsjm .box h3 {padding-top: 70px;margin-bottom: 45px;margin-left: 328px;}
.zsjm .box h3 a {display: block;font-size: 32px;color: #333;margin-bottom: 5px;}
.zsjm .box h3 b {color: #e2c083;}
.zsjm .box h3 i {display: block;font-size: 18px;color: #666;font-weight: normal;text-transform: uppercase;}
.zsjm .box .p1 {font-size: 16px;margin-bottom: 75px;margin-left: 328px;}
.zsjm .box .p2 {width: 185px;height: 51px;border: 1px solid #e3c38a; margin-left: 328px;border-radius: 5px;}
.zsjm .box .p2 a {display: block;height: 51px;line-height: 51px;text-indent: 23px;color: #e2c083;background: url(../images/zsjmjtr01.png) no-repeat 88px center;}
.zsjm .box .p2:hover {background: #e3c38a;}
.zsjm .box .p2:hover a {color: #333;background: url(../images/zsjmjtr02.png) no-repeat 88px center;}
.zsjm .conright h3 ,.zsjm .conright .p1 ,.zsjm .conright .p2 {margin-left: 65px;}



.jdal {padding: 0 21px;min-width: 1158px;}
.jdal h2.h2_title {margin-bottom: 45px;}
.jdal .jdalCon {position: relative;}
.jdal .jdalCon .conbox {position: relative;overflow: hidden;}
.jdal .jdalCon ul {position: relative;}
.jdal .jdalCon ul li {float: left;position: relative;}
.jdal .jdalCon ul li p.pImg {position: relative;}
.jdal .jdalCon ul li p.pImg img {display: block;width: 100%;}
.jdal .jdalCon ul li .libox {position: absolute;width: 666px;height: 295px;left: 50%;margin-left: -333px;top: 20%;background: url(../images/bg02.png);font-family: "宋体";}
.jdal .jdalCon ul li .libox h3 {text-align: center;padding-top: 42px;margin-bottom: 28px;font-weight: normal;}
.jdal .jdalCon ul li .libox h3 a {display: block;font-size: 22px;color: #fff;margin-bottom: 3px;}
.jdal .jdalCon ul li .libox h3 i {display: block;font-size: 11px;color: #999;font-family: arial;}
.jdal .jdalCon ul li .libox .p1 {margin: 0 50px 40px 40px;line-height: 32px;height: 96px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 25px;}
.jdal .jdalCon ul li .libox .p1 a {color: #ccc;}
.jdal .jdalCon ul li .libox .p2 {text-align: center;}
.jdal .jdalCon ul li .libox .p2 a {margin: 0 70px;color: #fff;}
.jdal .jdalCon ul li .libox .p2 a:hover {color: #e2c083;}

.jdal .jdalCon .jdalBtnl {display: block;width: 100px;height: 50px;cursor: pointer;position: absolute;left: 15%;top: 45%;background: url(../images/jdaljtl01.png) no-repeat center;z-index: 3;}
.jdal .jdalCon .jdalBtnr {display: block;width: 100px;height: 50px;cursor: pointer;position: absolute;right: 15%;top: 45%;background: url(../images/jdaljtr01.png) no-repeat center;z-index: 3;}
.jdal .jdalCon .jdalBtnl:hover {background: url(../images/jdaljtl02.png) no-repeat center;}
.jdal .jdalCon .jdalBtnr:hover {background: url(../images/jdaljtr02.png) no-repeat center;}


.ysxy {padding: 0 21px;}
.ysxy .conbox {float: left;width: 25%;background: #f5f5f5;position: relative;}
.ysxy .conbox .pImg {position: relative;z-index: 1;overflow: hidden;}
.ysxy .conbox img {display: block;width: 100%;transition: all 0.5s;}
.ysxy .conbox .pImg:hover img {transform: scale(1.1);}
.ysxy .conbox .conTit {position: absolute;left: 0;top: 0; z-index: 2;width: 100%; height: 50%;background: #f5f5f5;}
.ysxy .con1 .conTit ,.ysxy .con3 .conTit {top: 50%;}
.ysxy .conbox .conTit .p1 {padding-top: 15%;text-align: center;margin-bottom: 7%;color: #333;}
.ysxy .conbox .conTit .p1 b {display: block;font-size: 23px;font-family: "Bodoni Bd BT";color: #333;margin-bottom: 5px;}
.ysxy .conbox .conTit .p1 span {display: block;font-size: 16px;}
.ysxy .conbox .conTit .p1 em {display: block;width: 45px;height: 1px;background: #999999;margin: 6% auto 0 auto;}
.ysxy .conbox .conTit .p2 {text-align: center;margin: 0 10% 12% 10%;}
.ysxy .conbox .conTit .p3 {text-align: center;}
.ysxy .conbox .conTit .embg {width: 0;height: 0;border: 10px solid #f5f5f5;position: absolute;left: 50%;margin-left: -5px}
.ysxy .con1 .conTit .embg {top: 0;border-top-color: #262722;}
.ysxy .con2 .conTit .embg {bottom: 0;border-bottom-color: #b38581;}
.ysxy .con3 .conTit .embg {top: 0;border-top-color: #414243;}
.ysxy .con4 .conTit .embg {bottom: 0;border-bottom-color: #4870a7;}


.fzlc {}
.fzlc h2.h2_title {margin-bottom: 45px;}
.fzlc .titp {line-height: 32px;margin: 0 70px 45px 70px;text-align: center;}
.fzlc .fzlcCon {position: relative;height: 620px;}
.fzlc .fzlcCon .fzlcbg {width: 1860px;height: 620px; position: absolute;left: -330px;top: 0;background: url(../images/fzlcbg.jpg) no-repeat center;}
.fzlc .fzlcCon .fzlcTit {width: 542px;height: 186px;background: url(../images/bg03.png);position: absolute;right: 0;top: 270px;}
.fzlc .fzlcCon .fzlcTit ul li {display: none; padding: 40px 60px 0 55px;}
.fzlc .fzlcCon .fzlcTit ul li b {display: block;font-size: 24px;color: #333;margin-bottom: 23px;color: #000;}
.fzlc .fzlcCon .fzlcTit ul li span {display: block;line-height: 24px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 69px;}
.fzlc .fzlcCon .fzlcType {position: absolute;left: 0;bottom: 55px;height: 67px;}
.fzlc .fzlcCon .fzlcType .fzlcNum {position: absolute;left: -4px;top: 0;height: 67px;z-index: 3;width: 1208px;text-align: center;font-size: 16px;color: #fff;overflow: hidden;}
.fzlc .fzlcCon .fzlcType .fzlcNum ul {position: absolute;left: 0;}
.fzlc .fzlcCon .fzlcType .fzlcNum li {float: left;width: 55px;margin-left: 109px;height: 67px; line-height: 56px;cursor: pointer;}
.fzlc .fzlcCon .fzlcType .fzlcNum li:first-child {margin-left: 0;}
.fzlc .fzlcCon .fzlcType .fzlcNum li.cur {background: url(../images/fzlcbg.png) no-repeat center top;color: #000;}
.fzlc .fzlcCon .fzlcline {width: 1860px;height: 23px;position: absolute;left: -330px;bottom: 0;background: url(../images/fzlcline.png) no-repeat left bottom;}


.about {padding: 0 21px;}
.about .aboCon {width: 1200px;margin: 0 auto;height: 586px;position: relative;}
.about .aboCon .conleft {width: 934px;height: 586px;position: absolute;left: -330px;top: 0;overflow: hidden;}
.about .aboCon .conleft ul {position: relative;left: 0;top: 0;}
.about .aboCon .conleft ul li {float: left;width: 934px;height: 586px;}
.about .aboCon .conleft ul li img {display: block;width: 934px;height: 586px;}

.about .aboCon .conleft .aboBtn {display: block;width: 121px;height: 60px;background: #fff;position: absolute;right: 0;bottom: 0;}
.about .aboCon .conleft .aboBtnl {display: block;position: absolute;left: 0;cursor: pointer;width: 60px;height: 60px;background: url(../images/abojtl01.png) no-repeat center;}
.about .aboCon .conleft .aboBtnl:hover {background: url(../images/abojtl02.png) no-repeat center;}
.about .aboCon .conleft .aboBtnr {display: block;position: absolute;right: 0;cursor: pointer;width: 60px;height: 60px;background: url(../images/abojtr01.png) no-repeat center;}
.about .aboCon .conleft .aboBtnr:hover {background: url(../images/abojtr02.png) no-repeat center;}
.about .aboCon .aboBtn em {display: block;width: 1px;height: 20px;position: absolute;left: 60px;top: 19px;background: #cccccc;}

.about .aboCon .conright {position: absolute;right: -330px;top: 0; width: 440px;height: 586px;padding-left: 155px;padding-right: 329px;border-right: 1px solid #f9f9f9;border-top: 1px solid #f9f9f9;} 
.about .aboCon .conright .p1 {padding-top: 105px;font-weight: bold;margin-bottom: 38px;}
.about .aboCon .conright .p1 b {display: block;font-size: 24px;color: #333333;position: relative;z-index: 2;}
.about .aboCon .conright .p1 span {display: block;font-size: 24px;color: #f2f2f2;text-transform: uppercase;position: relative;top: -15px;margin-bottom: 20px;}
.about .aboCon .conright .p1 em {display: block;width: 50px;height: 1px;background: #e2c083;}
.about .aboCon .conright .p2 {line-height: 30px;font-size: 16px;font-family: "宋体";margin-bottom: 70px;}
.about .aboCon .conright .p3 a {display: block;width: 180px;height: 50px;border: 1px solid #c2c2c2;text-align: center;line-height: 50px;font-size: 15px;}
.about .aboCon .conright .p3 a:hover {background: #e2c083;border-color: #e2c083;color: #fff;}

.about .aboNum {text-align: center;padding: 75px 0;background: #f5f5f7;}
.about .aboNum li {float: left;width: 25%;height: 104px;position: relative;}
.about .aboNum li em {display: block;width: 1px;height: 104px;position: absolute;left: 0;top: 0;background: #dcdcdc;}
.about .aboNum li p {display: block;color: #333;}
.about .aboNum li p span {font-size: 72px;color: #e2c083;font-family: tahoma;margin-right: 5px;}



.news {padding: 0 21px;}
.news .newsCon {padding:45px 0 70px 0;}
.news .conbox {float: left; width: 21%;margin-left: 5%;position: relative;border: 1px solid #e6e6e6;}
.news .conbox:first-child {margin-left: 0;}
.news .conbox dl {width: 96%;padding-bottom: 25px;}
.news .conbox dl dt {position: relative;top: -45px;}
.news .conbox dl dt img {display: block;width: 100%;height:263px;}
.news .conbox dl dd.dd1 {position: relative;top: -15px;margin: 0 15px 5px 25px;font-size: 18px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .conbox dl dd.dd1 a {color: #333;}
.news .conbox dl dd.dd2 {margin: 0 15px 40px 25px;font-size: 13px;line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .conbox dl dd.dd2 a {color: #666;}
.news .conbox dl dd.dd3 {margin: 0 15px 0 25px;}
.news .conbox dl dd.dd3 a {color: #333;font-style: italic;}
.news .conbox:hover {background: #000;}
.news .conbox:hover dl dd.dd1 a {color: #fff;}
.news .conbox:hover dl dd.dd2 a {color: #ccc;}
.news .conbox:hover dl dd.dd3 a {color: #fff;}


.yqlj {padding: 30px 0 30px 115px;border-top: 1px solid #eeeeee;}
.yqlj .p1 {float: left;width: 110px;text-indent: 35px;background: url(../images/yqljicon.png) no-repeat left center;}
.yqlj ul {float: right;width: 86%;margin-right: 3%;}
.yqlj ul li {float: left;margin: 0 20px;}
.yqlj ul li:first-child {margin-left: 0;}
.yqlj ul li:hover a {color: #e2c083;}