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

*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{ list-style:none;line-height: 28px;}
img{border:0px;}
a{text-decoration:none; color:#515151; transition:0.3s all; }
a:hover{ color:#c5b292;}
.left{float:left;}
.right{float:right;}
.vm { vertical-align: middle; }
body{min-width: 1400px; font-family: "微软雅黑"; font-size: 14px; line-height:27px; color:#333333;background:#eaeaea;}

/* CSS Header */
.header{ width:100%; height:auto;background: #fff; overflow:hidden;position: relative;}
/*.header .topbox{width:1200px;height:120px;position: relative;margin: 0 auto}*/
.topbox { background-color: #fff; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3); position: fixed; left: 0px; top: 0; width: 100%; z-index: 999; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.topbox .topmenu{width: 416px;line-height:60px;top: 30px;left:5%;position: absolute;-webkit-transition: top 0.4s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s;}
.topbox .topmenu a{font-size: 17px;color: #696969;margin-right: 54px;}
.topbox .topmenu .selected{color: #c5b292;font-weight: bold;}
.header .topbox .topmenu a:hover{color: #c5b292;font-weight: bold;}
.topbox .toplogo{width: 328px;margin: 30px auto;display: block;}
.topbox .toplogo img{width: 100%}
.topbox .right{width: 537px;height: 120px; top: 0;right: -360px;border-left: 1px #e9e9e9 solid; position: absolute;}
.topbox .right .rtup{width: 100%;height: 119px;border-bottom:1px #e9e9e9 solid;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fixedTop .toplogo { margin:8px auto; width:240px; }
.fixedTop .topmenu{top:0px}
.fixedTop .sider-link { top: 14px; }
.fixedTop .sider-nav { width: auto; height: 60px; }
.banner{width:1920px;height: 238px;left: 50%;background: url(../images/banner.jpg) no-repeat; margin-left: -960px;position: relative; overflow: hidden;}
.sider-nav {position: absolute;right: 0px;top: 0;display: block;height: 120px;overflow: hidden;width: 265px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sider-nav li { float: right; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 103px; }
.sider-nav li a {padding: 0px 15px;line-height: 60px;display: block;height: 60px;}
.sider-nav li a:hover { background-color: #eeeeee; }
.sider-nav li.btn-toggle {width: 264px;}
.sider-nav li.tel-toggle {width: 160px;}

.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler {font-size: 15px; display: block; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .ico { position: absolute;font-weight: lighter; left: 50px;color: #696969}
.menu-handler .burger {width: 22px;height: 1px;background: #a0a0a0;display: block;position: absolute;z-index: 5;top: 26px;left: 19px;margin: 0px 0px 0px 0px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 31px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-3 { top: 31px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.serach-btn .ico {font-size: 15px;color: #696969; background: url(../images/serach_btn.png) no-repeat scroll left center; padding-left: 22px; }
.quickBooking-btn { position: relative; }
.quickBooking-btn .ico {color: #696969;font-weight: lighter; font-size: 15px; background: url(../images/wx_i1.png) no-repeat scroll left center; padding-left: 27px;margin-left: 25px}
.quickBooking-btn .css-box {width: 80px;height: 9px;position: absolute;left:55%;top: 50%;margin-top: -4px;}
.css-box .i0 {width: 68px;height: 1px;background-color: #a0a0a0;display: block;margin: 4px 0px 0px 3px;overflow: hidden;}
.css-box .i1 { position: absolute; left: 0px; top: 2px; background-color: #a0a0a0; border-radius: 50%; width: 5px; height: 5px; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.css-box .i2 {width: 7px;height: 7px;border: 1px solid #a0a0a0;border-radius: 50%;display: block;position: absolute;right: 0px;top: 0px;}
.quickBooking-btn:hover .css-box .i1 { left:73px; }

.menuBox { position: fixed; right: 104px; top: 0px; width: 336px; z-index: 1008; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2); font-family: "microsoft yahei","微软雅黑"; text-align: center; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: transform 0.7s 0s,opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: -webkit-transform 0.7s 0s,opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.bgMenu { background-color: #fff; }
.menuBox a:link, .menuBox a:visited { color: #646464; }
.menuBox a:active, .menuBox a:hover { color: #b28850; }
.menu { padding: 22px 0px 42px; }
.menu .itemA { font-size: 16px; height: 40px; line-height: 40px; display: block; position: relative; }
.menu .itemA .ico { color: #b28850; padding: 0px 26px; }
.menu .itemA i { background: url(../images/menu_ico2.png) no-repeat; width: 7px; height: 7px; position: absolute; right: 5%; top: 50%; margin-top: -3px; opacity: 0; visibility: hidden; transition: 0.6s; -webkit-transition: 0.6s; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.menu .itemA.active .ico { background: url(../images/menu_ico1.png) no-repeat scroll left center; }
.menu .itemA:hover { background-color: #eeeeee; }
.menu .itemA:hover i { opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.openMneu { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; visibility: hidden; z-index: -100; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/null.png) no-repeat transparent; display: none; z-index: 1002; }
.menuOpen .pusher-black { display: block; }
.subMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 12px 0px; display: none;; }
.service-abtn { background-color: #b28850; display: block; height: 42px; line-height: 42px; display: block; }
.service-abtn .txt { color: #fff; background: url(../images/service_btn1.png) no-repeat scroll left center; padding-left: 40px; }
.service-abtn:hover { background-color: #494949; }
.popUpblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.popUp { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.popUp .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }


/* CSS Footer */
#foot{ width:100%; min-width: 1200px;height:404px; background:#141414;position: relative;z-index:101}
#foot .ftmenu{width: 1200px;height:250px;overflow:hidden;margin: 0 auto}
#foot .ftmenu li{width: 140px;line-height: 26px;color: #5e5e5e; float: left;}
#foot .ftmenu li a{color: #5e5e5e; display: block;}
#foot .ftmenu li a:hover{color: #fff}
#foot .ftmenu li span{color: #898989;font-size: 16px;line-height: 58px;padding-top:18px;display: block;}
#foot .ftmenu li span:hover{color: #fff}
#foot .fticp{width: 1200px;line-height: 38px;text-align: center; color: #5e5e5e;margin: 0 auto}
#foot .fticp a{ color: #5e5e5e;}
#foot .fticp li a:hover{color: #fff}
#foot .fticp span{color: #898989;display: block;}
/* CSS Main */
#wrap{ width:100%; height:auto; margin: 0 auto;position: relative;z-index: 100;overflow: hidden;}
.main{width: 1200px;height: auto;overflow: hidden;padding-top: 20px;margin: 0 auto}
.inmid{ width:1920px; height:auto;left: 50%;margin-left: -960px; position: relative;overflow: hidden;}
.mid{width: 1200px; margin: 0 auto;position: relative;}
.index01{width:1920px;height: 800px;background:#14196e;overflow: hidden;position: relative;z-index: 1}
.index01 .mid div{position: absolute;}
.index01 .p01{width: 726px;height: 56px;left: 209px;top: 192px;background: url(../images/index01-1.png) no-repeat;}
.index01 .p02{width: 256px;height: 61px;left: 471px;top: 264px;background: url(../images/index01-2.png) no-repeat;}
.index01 .p03{width: 346px;height: 52px;left: 426px;top: 332px;background: url(../images/index01-3.png) no-repeat;}
.index01 .p04{width: 1200px;height:90px;left: 0px;top: 418px;letter-spacing:6px;font-weight:lighter; font-size: 17px;text-align: center;line-height:30px;color: #fff;}
.index01 .p05{width: 40px;height: 96px;left: 924px;top: 600px;background: url(../images/index01-4.png) no-repeat;animation: pop 1s linear infinite;position: absolute;z-index: 99;}
.index02{width:1920px;height: 638px;overflow: hidden;position: relative;z-index: 2}
.index02 .rightbg{width: 960px;height: 638px;right: 0;top: 0; background: url(../images/index02-1.jpg) no-repeat;position:absolute;z-index: 1}
.index02 .left{width: 565px}
.index02 .left .p01{font-size: 80px;color: #f1ebe2;letter-spacing:-3px;font-weight: bold;font-family:"微软雅黑",Arial;padding-top: 108px;}
.index02 .left .p02{font-size: 35px;padding-top: 40px;}
.index02 .left .p03{font-size: 22px;padding-top: 47px;}
.index02 .left .p04{font-size: 15px;color: #898989;line-height: 22px;padding-top: 11px;}
.index02 .left .p05{font-size: 18px;padding-top: 47px;}
.index02 .left .p06{padding-top: 30px}
.index02 .left .p06 li{width:56px;text-align: center;font-size: 16px;color: #a29176;margin-right: 36px;line-height: 38px;float: left;}
.index02 .left .p06 li span{width: 56px;height: 56px;display: block;margin: 0 auto}
.index02 .left .p06 li span:hover{animation: swing 1s}
.index02 .left .p06 li .s01{background: url(../images/index02-s1.png) center no-repeat;}
.index02 .left .p06 li .s02{background: url(../images/index02-s2.png) center no-repeat;}
.index02 .left .p06 li .s03{background: url(../images/index02-s3.png) center no-repeat;}
.index02 .left .p06 li .s04{background: url(../images/index02-s4.png) center no-repeat;}
.index02 .left .p06 li .s05{background: url(../images/index02-s5.png) center no-repeat;}
.index02 .left .p06 li .s06{background: url(../images/index02-s6.png) center no-repeat;}
.item{font-family: "微软雅黑" !important;font-size: 15px !important}
.index03{width: 1920px;height: 710px;background: #2e2e2e;position: relative;z-index: 2}
.index03 .intitle{width: 400px;height: 168px;line-height: 168px;text-align: center;color: #c5b292;font-size: 35px;margin: 0 auto}
.index04{width: 100%;height: 305px;line-height: 24px;color: #897d6a;font-size: 15px;background: #2e2e2e;position: relative;z-index: 2}
.index04 a{color: #897d6a;}
.index04 a:hover{color: #fff;}
.index04 .left{width: 740px}
.index04 .left .p01{width: 400px;float: left;padding-top:24px;}
.index04 .left .p02{width: 270px;color: #aeaeae; float: right;padding-top:24px;}
.index04 .left .p02 a{color: #aeaeae;text-decoration: underline;padding-top:12px;display: block;}
.index04 .left .p02 a:hover{color: #fff}
.index04 .left .p02 .s01{height: 60px; color: #897d6a;display: block;}
.index04 .right{width: 405px}
.index04 .right ul{padding-top: 20px;}
.index04 .right ul li{width: 134px;height: 35px;line-height:35px;overflow: hidden;float: left;}
.index04 .intitle{width: 100%;height:41px;color: #c5b292;font-size: 20px;padding-top:37px; border-bottom: 1px #414141 solid;}
.index05{width:100%;height: 459px; background: url(../images/index05.jpg) left no-repeat #141414;position: relative;z-index: 2}
.index05 .right{width:600px}
.index05 .right .p01{padding-top: 113px;}
.index05 .right .p02{padding-top: 8px;}
.index05 .right .p03{padding-top: 29px;}
.index05 .right .p04{padding-top: 20px;line-height: 34px;}
.index05 .right .p04 .more{width: 208px;height: 34px;color: #c5b292;font-size: 15px; line-height: 34px;text-align: center;border: 1px #433f36 solid; display: inline-block; float: left;}
.index05 .right .p04 .more:hover{background: #c5b292;border: 1px #c5b292 solid;color: #000}
.index05 .right .p04 span{padding-left: 34px;color: #c5b292;background: url(../images/index05-tel.png) left center no-repeat;margin-left: 49px; display: inline-block;}
.index06{width:100%;height: 738px;overflow: hidden;position: relative;z-index: 2}
.index06 .left{width: 470px;padding-top: 69px;}
.index06 .left .imgbox{width: 470px;height: 420px;background: #000; overflow: hidden;position: relative;}
.index06 .left .imgbox img{width: 470px;height: 420px;transition: 0.4s all}
.index06 .left:hover .imgbox img{opacity: 0.5}
.index06 p{font-size: 15px;color: #898989;line-height: 26px}
.index06 p span{font-size: 33px;line-height:75px; padding-top:20px;color: #333333;display: block;}
.index06 .right{width: 672px;padding-top:200px}
.index06 .right .imgbox{width: 672px;height: 371px;background: #000; overflow: hidden;position: relative;}
.index06 .right .imgbox img{width: 672px;height: 371px;transition: 0.4s all;position: relative;z-index: 1}
.index06 .right:hover .imgbox img{opacity: 0.5}
.index06 .txtinfo{width: 210px;height:130px;color:#fff;border: 1px solid rgba(255,255,255,0.7);padding: 15px 30px; left:100px;top:150px;opacity: 0; position: absolute;text-align: center;z-index: 2;transition:0.6s all}
.index06 .txtinfo big{display: block;line-height: 45px}
.index06 .left:hover .txtinfo{top: 100px;opacity: 1}
.index06 .right:hover .txtinfo{top: 100px;opacity: 1}
.index06 .right .txtinfo{left:201px}
/*about us*/
.com01{width:1920px;height: 717px;background: url(../images/com01.jpg) center no-repeat;overflow: hidden;}
.com01 .godown{width: 40px;height: 96px;left: 580px;top: 555px; position: absolute;animation: pop 1s linear infinite}
.com01 .p01{padding-top: 441px;}
.com01 .p02{font-size: 30px;color: #fff;padding-top:18px;}
.inmenu{width: 100%;height: 63px;text-align: center; border-bottom: 1px #dfdfdf solid;background: #fff;overflow: hidden;}
.inmenu a{width: 166px;height: 63px;line-height: 63px; display: inline-block;font-size: 16px;color: #333333}
.inmenu a:hover{color: #fff;background: #c2b28e}
.inmenu .selected0{color: #fff;background: #c2b28e}
.com03{width:1200px;height: 479px;padding-top: 65px;margin: 0 auto}
.com03 .left{width: 757px;height: 479px;background: url(../images/com02-1.jpg) center no-repeat;overflow: hidden;}
.com03 .right{width:396px;height: 479px;overflow: hidden;}
.com03 .right .p01{line-height: 47px;font-size: 40px;padding-top: 106px;}
.com03 .right .p02{line-height: 30px;font-size: 16px;padding-top: 40px}
.com04{width:100%;height: 457px;background: url(../images/com04.jpg) repeat-x #2e2e2e;margin: 0 auto}
.com04 .left{width: 466px;line-height: 30px;font-size: 16px;color:#fff}
.com04 .left .p01{padding-top: 171px;}
.com04 .left .p02{padding-top: 15px;}
.com04 .right{width:663px;height: 457px;background: url(../images/com04-1.jpg) bottom no-repeat;}
.com05{width:100%;height: 455px;background: url(../images/com05.jpg) repeat-x #2e2e2e;margin: 0 auto}
.com05 .left{width:657px;height: 455px;background: url(../images/com05-1.jpg) bottom no-repeat;}
.com05 .right{width: 474px;line-height: 30px;font-size: 16px;color:#fff}
.com05 .right p{padding-top:146px;}
.com06{width:100%;height: 513px;background: url(../images/com06.jpg) repeat-x;margin: 0 auto}
.com06 .left{width: 466px;line-height: 30px;font-size: 16px;}
.com06 .left .p01{padding-top: 101px;}
.com06 .left .p02{padding-top: 15px;}
.com06 .right{width:650px;height: 513px;background: url(../images/com06-1.jpg) bottom no-repeat;}
.com07{width:100%;height: 542px;font-size: 16px;line-height: 30px;color: #fff;background: #2e2e2e}
.com07 .p01{padding-top: 60px;}
.com07 .p02{padding-left: 445px;padding-top:48px;}
.com07 .p03{width: 400px;color: #868686;line-height: 60px; text-align: center;padding-top: 14px; margin: 0 auto}
.com07 .p03 img{width: 154px;height: 154px;display: block;margin:0 auto;text-align: center;}

/*meeting*/
.meet01{width:1920px;height: 717px;background: url(../images/banner-mt.jpg) center no-repeat;overflow: hidden;}
.meet01 .godown{width: 40px;height: 96px;left: 580px;top: 555px; position: absolute;animation: pop 1s linear infinite}
.meet01 .p01{padding-top: 440px;}
.meet01 .p02{color: #fff;font-size: 30px; padding-top:18px;}
.meet03{width:1200px;height: 479px;padding-top: 65px;margin: 0 auto}
.meet03 .left{width: 757px;height: 479px;background: url(../images/meet01.jpg) center no-repeat;overflow: hidden;}
.meet03 .right{width:396px;height: 479px;overflow: hidden;position: relative;}
.meet03 .right .p01{line-height: 47px;font-size: 40px;padding-top: 50px;}
.meet03 .right .p02{height: 150px; line-height: 30px;font-size: 16px;padding-top:34px}
.meet03 .right .p03{height: 40px;line-height: 40px; background: url(../images/meet-tel.png) left center no-repeat;padding-left:30px; font-size: 16px;color: #c5b292;font-weight: bold;}
.meet03 .right .more01{width: 208px;height:45px;color: #a6a6a6;font-size: 16px; line-height:45px;text-align: center;border: 1px #a6a6a6 solid; display: inline-block; left: 0;top: 352px;position: absolute;}
.meet03 .right .more01:hover{background: #c2b28e;border: 1px #c2b28e solid;color: #fff}
.meet03 .right .more02{width:138px;height:45px;color: #fff;font-size: 16px; line-height:45px;text-align: center;border: 1px #c2b28e solid; display: inline-block;background: #c2b28e; left:222px;top: 352px;position: absolute;}
.meet03 .right .more02:hover{background: #998047;border: 1px #998047 solid;}
.meet04{width:100%;height: 457px;background: url(../images/com04.jpg) repeat-x #2e2e2e;margin: 0 auto}
.meet04 .left{width: 466px;line-height: 30px;font-size: 16px;color:#fff}
.meet04 .left .p01{padding-top: 183px;font-size: 40px}
.meet04 .left .p02{padding-top: 35px;}
.meet04 .right{width:663px;height: 457px;background: url(../images/meet02.jpg) bottom no-repeat;}
.meet05{width:100%;height: 455px;background: url(../images/com05.jpg) repeat-x #2e2e2e;margin: 0 auto}
.meet05 .left{width:657px;height: 455px;background: url(../images/meet03.jpg) bottom no-repeat;}
.meet05 .right{width: 474px;line-height: 30px;font-size: 16px;color:#fff}
.meet05 .right .p01{padding-top: 133px;font-size: 40px}
.meet05 .right .p02{padding-top: 32px;}
.meet06{width:100%;height: 457px;margin: 0 auto}
.meet06 .box01{width: 466px;line-height: 30px;color: #222222;font-size: 16px;position: relative;}
.meet06 .box01 .p01{padding-top: 116px;font-size: 40px;}
.meet06 .box01 .p02{padding-top:40px;padding-bottom: 30px}
.meet06 .box02{width:663px;height:457px}
.meet06 .box01 .more01{width: 138px;height:45px;color: #a6a6a6;font-size: 16px; line-height:45px;text-align: center;border: 1px #a6a6a6 solid; display: inline-block;float: left;}
.meet06 .box01 .more01:hover{background: #c2b28e;border: 1px #c2b28e solid;color: #fff}
.meet06 .box01 .more02{width:138px;height:45px;color: #fff;font-size: 16px; line-height:45px;text-align: center;border: 1px #c2b28e solid; display: inline-block;background: #c2b28e; margin-left:11px;float: left;}
.meet06 .box01 .more02:hover{background: #998047;border: 1px #998047 solid;}

/*product center*/
.banner-p{width:1920px;height: 718px;background: url(../images/banner-p.jpg) no-repeat;overflow: hidden;}
.banner-p .godown{width: 40px;height: 96px;left: 580px;top: 555px; position: absolute;animation: pop 1s linear infinite}
.banner-p .p01{padding-top: 441px;}
.banner-p .p02{font-size: 30px;color: #fff;padding-top:18px;}
.mypicUL{width: 1200px;height: auto;padding: 65px 0; overflow: hidden;margin: 0 auto}
.mypicUL li{width: 1200px;height: 390px;background:#fff;margin-bottom:30px;overflow: hidden;position: relative;transition: 0.8s all}
.mypicUL li:hover{background: #2e2e2e}
.mypicUL li .left{width: 675px;height: 390px;background: #2e2e2e;overflow: hidden;position: relative;}
.mypicUL li .left img{width: 675px;min-height:420px;transition: 0.4s all;display: block;position: relative;z-index: 1}
.mypicUL li:hover .left img{opacity: 0.4}
.mypicUL li .left p{width: 415px;line-height: 25px;font-size: 15px;color: #fff; top: 200px;left: 130px; opacity: 0;position: absolute;z-index: 2;transition: 0.4s all}
.mypicUL li:hover .left p{top: 156px;opacity: 1}
.mypicUL li .right{width: 525px;height: 390px;overflow: hidden;position: relative;}
.mypicUL li .right .showbox{width: 448px;height: 390px;left:70px;top: 0;opacity: 1; position: absolute;z-index: 2; transition:1s all}
.mypicUL li .right .showbox .p01{width:30px;text-align: center; font-size:25px;color: #222222;font-family: "宋体"; line-height:25px;height:280px;padding-top:96px;overflow: hidden;float: left;}
.mypicUL li .right .showbox .p02{width: 300px;font-size: 15px;color: #898989;line-height:26px;float: left;padding-left: 52px;padding-top: 95px;}
.mypicUL li .right .showbox .p02 span{color: #222222;display: block;padding-top:6px;margin-left: -5px}
.mypicUL li .right .showbox .p03{width: 86px;height: 28px;line-height: 28px;text-align: center; font-size: 14px;color: #898989;margin-top: 38px;border: 1px #c1c1c1 solid;display: block;}
/*.mypicUL li .right .showbox .p01{font-size: 26px;color: #080808;line-height: 55px;height: 55px;padding-top:40px;overflow: hidden;}
.mypicUL li .right .showbox .p02{width: 388px;font-size: 15px;color: #898989;line-height: 30px;padding-top: 20px;}
.mypicUL li .right .showbox .p03{font-size: 15px;color: #222222;padding-top: 18px;}
.mypicUL li .right .showbox .p03 span{color: #c2b28e;font-size: 42px;padding: 0 6px 0 5px;}
*/.mypicUL li .right .hidebox{width: 390px;height: 390px;left:-70px;top: 0;opacity: 0; position: absolute;z-index: 1;transition:1s all}
.mypicUL li .right .hidebox .pbtn{width: 153px;height: 153px;top: 118px;position: absolute;display: block;}
.mypicUL li .right .hidebox .pbtn01{left:27px;}
.mypicUL li .right .hidebox .pbtn02{left:150px;}
.mypicUL li .right .hidebox p{width: 30px;height: 90px;font-family: "宋体"; font-size: 22px;color: #c2b28e;line-height:22px;padding-top: 150px; float: right;vertical-align: middle;display: table-cell;}
.mypicUL li:hover .hidebox{left: 70px;opacity: 1;}
.mypicUL li:hover .showbox{top: -300px;opacity:0;}

/*产品中心*/
.info01{width: 1419px;height: 520px;padding-top: 70px;margin: 0 auto}
.info01 .left{width: 778px;height:520px;background: #2a110b; overflow: hidden;}
.info01 .right{width: 628px;height:520px;background: #fff; overflow: hidden;}
.info02{width: 100%;height: 400px;background: #fff;}
.info02 .cptitle{width: 100%;height: 104px;line-height: 104px;font-size: 16px;color: #898989}
.info02 .cptitle a{color: #898989;padding-right:42px;}
.info02 .cptitle a:hover{color: #f00}
.info02 .cptitle span{color: #222222;font-size: 22px;padding-right: 50px;}
.info01 .right .p01{font-size: 30px;color: #c2b28e;line-height: 55px;height: 55px;padding-top:76px;padding-left: 60px; overflow: hidden;}
.info01 .right .p02{width: 388px; font-size: 16px;color: #898989;line-height: 30px;padding-top:34px;padding-left: 60px;}
.info01 .right .p03{font-size: 19px;color: #898989;padding-left:8px;padding-top:28px;padding-left: 60px;padding-bottom:65px;}
.info01 .right .p03 span{color: #c2b28e;font-size: 42px;padding: 0 6px 0 5px;}
.info01 .right .p04{width: 270px;height: 46px;line-height: 46px;text-align: center;background: #2e2e2e;color: #bead91;font-size: 18px;margin: 0 auto;display: block;}
.info01 .right .p04:hover{background: #bead91;color: #000}

/* CSS Left */
#left{width:260px; height:auto; background: #f7f5f6; float: left; margin-bottom: 40px; overflow: hidden;}
.lfcp{ width:260px; height:auto; overflow:hidden;}
.lfcp .title{ width:260px; height:92px; background:#d30000; color:#fff; font-size:14px; text-align:center}
.lfcp .title span{line-height: 40px; font-size:28px; font-weight:bold; display:block; padding-top:14px;}
.lfcp ul{ width:100%; padding-top:13px; padding-bottom:15px; height:auto; overflow:hidden}
.lfcp ul li{ width:100%; height:42px; border-bottom:1px #d8d8d8 dashed; line-height:42px; font-size:15px; position:relative}
.lfcp ul li a{ padding-left:22px;}
.lfcp ul li span{ width:22px; height:22px; right:26px; top:10px; background:url(../images/span.png) no-repeat;position:absolute; transition:0.4s all;display: none;}
.lfcp ul li:hover span{background:url(../images/spanh.png) no-repeat;}
.lfcp ul li:hover a{ color:#d40000}
.lflx{ width:260px; height:auto; line-height:32px; overflow:hidden}
.lflx .title{ width:260px; height:101px;background:url(../images/lx.png) no-repeat #d30000; position:relative}
.lflx .title .more{ right:0; top:0; position:absolute}
.lflx .title span{ color:#ffff00; font-size:28px; font-weight:bold; text-align:center; display:block; padding-top:56px;}
.lflx p{ width:206px; height:auto; overflow:hidden; padding-top: 20px; margin:0 auto}
.lfqq{ width:206px; height:22px; padding-bottom:10px; padding-top:14px;margin:0 auto}
.sub{width: 105px;height: 32px;background: #d40000;line-height: 32px;text-align: center;color: #fff;font-family: "微软雅黑";border: none}
.sub:hover{background: #ee7300}

/* CSS 详情页 */
#inNews{ width:1120px; height: auto; margin: 0 auto; padding-top: 20px; overflow: hidden; }
#inNews li{width:260px; height:380px; line-height: 22px; background:#f1f1f1; font-size: 14px; color: #898989;float:left;margin:10px 10px; position:relative;transition: 0.5s all;}
#inNews li .txt{ width: 220px; height: 205px; margin: 0 auto; padding-right: 20px; padding-left: 20px; padding-top: 10px; position: relative; overflow: hidden;}
#inNews li .img{ width:260px; height:165px; background: #fff; overflow: hidden; position:relative; display:block; z-index:4;}
#inNews li .img img{ width:260px; height:165px; transition: 0.6s all}
#inNews li:hover .img img{ width:260px; height:165px; transform: scale(1.1);}
#inNews li span{ font-size: 18px; line-height: 22px; padding-bottom: 8px; color: #494949; display: block; }
#inNews li span:hover{ color:#35ab9f}
#inNews li .ar{ width: 82px; height: 16px; background: url(../images/ar.png) no-repeat; left: 84px; top: 167px; position: absolute;}
#inNews li:hover .ar{ background: url(../images/ar1.png) no-repeat;}

/* CSS Ziye */
#right{width: 902px; height: auto;min-height:732px; background: #fff; float: right;overflow: hidden;}
#right_title{ width: 100%; height:81px; background:url(../images/line1.png) bottom repeat-x}
#title_left{min-width: 200px; color: #333333;font-size: 27px; padding-top:40px;display: block;float: left; float:left}
#title_right{ color:#555555; padding-top:20px; font-size:14px; float:right;}
#title_right a{ color:#555555;}
#title_right a:hover{ color:#d40000;}
#right_content{width:1200px; height: auto;margin: 0 auto;}
#right_bottom{width:100%;height:23px;}
.news01{ width:100%; height: 240px; padding-top:20px;border-bottom: 1px #d8d7d7 solid; }
.news01 li{ width: 100%; height:210px; position: relative;}
.news01 li img{ width:280px; height: 210px; display: inline-block; background: #bcbcbd; float: left;}
.news01 li .txt{ width:590px; height:210px;line-height: 26px; float: right; position: relative;}
.news01 li .txt span{height:35px; line-height:35px; font-size:22px; color: #d40000;margin-bottom: 10px; padding-left: 88px;background: url(../images/top.png) left center no-repeat; transition: 0.4s all; display: block; }
.news01 li .txt span:hover{ margin-left: 5px }
.news01 li .more{ width:110px; height:30px; color: #d40000; font-size:14px; border-radius: 17px; text-align: center; line-height:30px; border: 2px #d40000 solid; left: 0; bottom:0px; position:absolute; }
.news01 li .more:hover{ background: #d40000; color: #fff }
.news02{ width:100%; height:auto;overflow: hidden;}
.news02 li{width:100%;height: auto; line-height: 24px;color: #585555;padding-top: 10px;padding-bottom: 15px;border-bottom: 1px #dadada dotted;position: relative;overflow: hidden;}
.news02 li a{line-height: 36px;font-size: 17px;color: #000;padding-left:20px;background: url(../images/dot.png) left center no-repeat;display: block;}
.news02 li a:hover{margin-left:10px;color: #e30000;}
.news02 li .time{ right:10px; top:15px;font-size:15px; color: #585555;padding-left:26px; line-height:40px;background:url(../images/time.png) left center no-repeat; position:absolute}
#page{width:100%;height:30px; line-height:30px;text-align:center;margin:20px auto;color:#575656;font-size:14px; clear:both;}
#page a{color:#555555;font-size:14px; padding: 0 5px; border:1px #cececd solid;}
#page a:hover{color:#d40000;}
#page .current { padding: 0 8px; border:1px #d40000 solid;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }
#newTitle{width:100%;line-height:60px;color:#000;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#000;font-size:18px; text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;font-size:12px; border-bottom: 1px #d5d3d3 dashed; text-align:center;margin:0 auto 20px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:500px;}
#newsContent{width:1200px;margin:0 auto;font-size: 15px;line-height: 36px;}
#newsContent img{max-width:800px;margin: 0 auto}
#pnewsContent{width:1319px;margin:0 auto;margin-top: 50px; padding: 40px 50px; font-size: 15px;line-height: 36px;background: #fff;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{width:210px;height:208px;border: 1px #d4d4d4 solid;margin:9px 6px;float: left;}
#picUL li .pic_01{width:210px;height:158px;border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
#picUL li .pic_01 img{width:210px;height:158px;transition: 0.4s all}
#picUL li .pic_01:hover img{transform: scale(1.08);}
#picUL li .pic_02{width:190px;height:50px;line-height:40px;color: #818181;font-size: 14px; margin: 0 auto}
#picUL li .pic_02 span{width: 100%;line-height: 40px; height: 40px;background:url(../images/line.jpg) left bottom no-repeat; font-size: 16px;color: #31313d;display: block;}

#piclist{ width:100%; height:100%; overflow:hidden;}
#piclist li{height:240px;width:270px;float:left; padding:5px;background: #F6F6F6; margin:9px 9px; border: 1px #e4e4e4 solid; text-align:center;overflow: hidden; transition: 0.5s all;}
#piclist li:hover{ background:#c2b28e; border:1px #c2b28e solid;}
#piclist li .pic_01{width:268px;height:202px;background: #fff;border: 1px #fff solid; text-align: center;}
#piclist li .pic_01 img{width:268px;height:202px; vertical-align:middle;}
#piclist li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#piclist li .pic_02{width:268px;text-align: center;color: #000; line-height:26px; padding-top:5px;}
#piclist li:hover a{color: #000}


.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}

/*******加入*******/
.jobbox{ width: 895px; height: auto;margin-top: 10px; }
.jobbox li{ width: 895px; height: 175px; background: #fff;border: 2px #f5f5f5 solid; margin-bottom: 20px; position: relative;}
.jobbox li span{ line-height: 40px; font-size: 18px; color: #005ca7; font-weight: bold; display: block; left: 90px; top: 22px; position: absolute;}
.jobbox li .descrip{ width: 550px; height: 60px; top: 63px; left: 90px; line-height: 27px; font-size: 14px; color: #646060; position: absolute; }
.jobbox li .more{ width: 100px; height: 36px; line-height: 36px; text-align: center; background: #005ca7; color: #fff; font-size: 14px; right: 60px; top: 60px; position: absolute; }
.jobbox li .more:hover{ background: #ff9904; transition: 0.5s all;}
.jobbox li .num{ width: 45px; height: 45px; line-height: 45px; text-align: center; background: #005ca7; color: #fff; font-size: 26px; font-weight: bold; left: 0; top: 0; position: absolute; }

.recruitcon{ width:895px; height:173px;}
.recruitpic{ width:132px; height:153px; float:left;}
.recruitconc{ width: 470px; height: 143px; padding-left: 50px; padding-top: 5px; float: left; }
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.apply{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #005ca7; color: #fff; font-size: 14px; margin-top: 50px; margin-right: 100px; float: right;}
.apply:hover{ background: #ff9904; transition: 0.5s all;}
.xxsmys{ width:895px; height:36px; line-height:36px; border-bottom: 2px #005ca7 solid;}
.xxsmwz{ width:100px; height:36px; line-height: 36px; color:#FFF; text-align:center; display:block; background-color:#005ca7;}
/*订单*/
.formys{ width:800px; height:auto; padding-left: 40px;color: #555555;}
.formmcys{ float: left; }
.cpmcys{ width:400px; height:34px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:400px;height:30px;border:1px solid #d2d4d6; background: #f9f9f9;}
.G_textarea{width:400px;height:100px;border:1px solid #dedede;background: #f9f9f9;}
.G_ul{width:100%;}
.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:100%; height:auto; padding-top:10px;}