@charset "utf-8";
/* CSS Document */
.banner { min-width: 1000px; width: 100%; float: left; height: 350px; overflow: hidden; position: relative; }
.banner img { position: absolute; left: 50%; margin-left: -960px; }

.main-bj1 { background: #f2f1f1; }
.mune-centent { width: 100%; float: left; background: #ffffff; padding-bottom: 165px; position: relative; }
.mune-left { float: left; width: 252px; margin-left: 37px; margin-top: 41px; }
.sub-box { float: left; width: 250px; border: 1px solid #ebebeb; background: #ffffff; }
.sub-title { width: 100%; float: left; height: 80px; background: #e87c1e; }
.sub-title h2 { color: #ffffff; font-size: 24px; font-weight: normal; margin-left: 30px; margin-top: 15px; }
.sub-title p { color: #ffffff; font-size: 14px; font-weight: normal; margin-left: 30px; margin-top: 2px; }
.sub-nav { width: 100%; float: left; }
.sub-nav li { width: 100%; float: left; }
.sub-nav li a { height: 40px; display: block; width: 100%; float: left; color: #262321; line-height: 40px; text-indent: 30px; }
.sub-nav .sub-nav-h { background: #eeefeb; }


.acse-title { width: 100%; height: 40px; background: #e87c1e; margin-top: 70px; float: left; }
.acse-title i { float: left; display: block; width: 21px; height: 22px; margin-left: 11px; margin-top: 9px; background: url(../images/ia.png) no-repeat; background-position: -11px -31px; }
.acse-title p { color: #ffffff; font-size: 16px; line-height: 40px; margin-left: 7px; float: left; }
.left-product { float: left; }
.left-product li { width: 250px; float: left; margin-top: 10px; border: 1px solid #ebebeb; }
.left-product li a { width: 100%; float: left; height: 100px; padding-top: 10px; padding-bottom: 10px; display: block; }
.left-a { float: left; width: 100px; height: 100px; display: block; margin-left: 10px; }
.left-a img { display: block; }
.left-b { float: right; width: 125px; margin-right: 5px; margin-top: 32px; }
.left-b h3 { color: #262321; font-weight: normal; font-size: 14px; }
.left-b em { color: #262321; font-size: 12px; margin-top: 10px; display: block; font-style: inherit; }
.left-product li:hover .left-b em { color: #e87c1e; }

.mune-right { float: right; width: 650px; margin-top: 42px; margin-right: 32px; }
.mune-title { width: 100%; float: left; border-bottom: 1px solid #eeefeb; height: 79px; position: absolute; left: 0px; z-index: 1; }
.mune-title ul { float: right; margin-right: 55px; margin-top: 45px; }
.mune-title ul li { float: left; color: #5c5c5c; }
.mune-title ul li a { color: #5c5c5c; font-size: 12px; margin-right: 5px; margin-left: 5px; }
.mune-title ul li:last-child a { color: #e87c1e; }
.mune-title ul li i { background: url(../images/ia.png) no-repeat; background-position: -10px -6px; float: left; display: block; width: 16px; height: 16px; margin-left: 11px; margin-top: 4px; }


.express-one-list { width: 100%; float: left; margin-top: 100px; }
.express-one-list li { width: 100%; float: left; margin-top: 10px; height: 200px; background: #f5f5f5; }
.express-one { display: block; float: left; width: 170px; height: 170px; background: #09F; margin-left: 15px; margin-top: 15px; }

.express-two { float: right; width: 435px; margin-right: 13px; margin-top: 15px; }
.express-two h2 { color: #e87c1e; font-size: 18px; font-weight: normal; }
.express-two p { color: #808080; line-height: 24px; }
.express-two p em { color: #e87c1e; font-style: inherit; cursor: pointer; }

.express-one-list .bott-list-h .fixed-mune { display: block; }


.fixed-mune { width: 100%; height: 100%; position: fixed; z-index: 9999999999; left: 0; right: 0; top: 0; bottom: 0px; margin: auto; border: 1px solid #f2f1f1; overflow-y: auto; display: none; }
.jhasb { width: 700px; height: 500px; background: #fff; position: absolute; z-index: 9999999999; left: 0; right: 0; top: 0; bottom: 0px; margin: auto; border: 1px solid #f2f1f1; overflow-y: auto; }

.fixed-title { width: 100%; float: left; margin-top: 23px; }
.fixed-title h2 { float: left; color: #000000; margin-left: 35px; font-size: 18px; font-weight: normal; }
.fixed-title i { width: 17px; height: 17px; display: block; float: right; cursor: pointer; margin-right: 35px; background: url(../images/ia.png) no-repeat; background-position: -10px -65px; }
.fixed-main { width: 100%; float: left; padding-bottom: 25px; }
.fixed-main p { padding-left: 35px; padding-right: 35px; line-height: 24px; }


/*业界动态*/
.dynamic-list { width: 100%; float: left; margin-top: 20px; }
.dynamic-list li { width: 100%; float: left; height: 41px; border-bottom: 1px solid #ebebeb; }
.dynamic-list li i { width: 7px; height: 9px; display: block; float: left; background: #30F; margin-top: 18px; background: url(../images/ia.png) no-repeat; margin-right: 8px; background-position: -8px -88px; }
.dynamic-list li p { float: left; width: 455px; height: 41px; overflow: hidden; color: #666464; line-height: 41px; }
.dynamic-list li em { float: right; line-height: 41px; color: #9fa0a0; font-style: inherit; }

.dynamic-list li:hover p { color: #e87c1e; }

.dynamic-bann { width: 100%; float: left; margin-top: 100px; }


.bann-box { width: 100%; float: left; height: 194px; position: relative; }
.bann-box li { width: 100%; height: 194px; }
.bann-box li a { width: 100%; float: left; }
.nume { position: absolute; bottom: 20px; z-index: 10; right: 30px; }
.nume ul { float: right; margin-left: 10px; }
.nume ul li { width: 11px; height: 11px; display: block; background: #9e9e9e; font-size: 0px; float: left; border-radius: 11px; margin-left: 11px; cursor: pointer; }
.nume ul .on { background: #e87c1e; }
.dynam1 { float: left; margin-top: 15px; margin-left: 16px; }
.dynam2 { float: right; width: 310px; margin-top: 30px; margin-right: 23px; }
.dynam2 h2 { width: 100%; height: 28px; display: block; color: #e87c1e; font-size: 16px; font-weight: normal; line-height: 28px; overflow: hidden; }
.dynam2 p { width: 100%; display: block; color: #666464; font-weight: normal; line-height: 24px; }
.dynam2 p em { font-style: inherit; color: #017fff; }


.dynamich-box { width: 100%; float: left; margin-top: 100px; }
.dynamic-one { width: 100%; float: left; }
.dynamic-one h2 { color: #000000; font-size: 18px; font-weight: normal; text-align: center; }
.dynamic-one time { color: #808080; font-size: 12px; font-weight: normal; text-align: center; display: block; margin-top: 7px; }
.dynamic-one p { color: #000000; display: block; line-height: 24px; }


.news-three { width: 920px; float: left; position: relative; border-top: 1px solid #f6f6f6; margin-left: 38px; margin-top: 90px; }
.news-three ul { float: left; width: 100%; margin-top: 15px; }
.news-three ul li { width: 100%; float: left; margin-top: 5px; }
.news-three ul li p { color: #000000; font-size: 14px; float: left; }
.news-three ul li a { color: #000000; font-size: 14px; float: left; }
.news-three ul li a:hover { text-decoration: underline; color: #e87c1e; }
.news-three .fan { position: absolute; right: 0px; margin-top: 50px; color: #000000; }
.news-three .fan i { display: block; float: right; margin-top: 2px; margin-left: 5px; }
.news-three .fan:hover { color: #e87c1e; }
.centent-bottom { padding-bottom: 60px; }



.bann-about { width: 100%; float: left; height: 323px; position: relative; }
.bann-about li { width: 100%; height: 323px; background: #C30; position: relative; }
.nume1 { position: absolute; bottom: 13px; z-index: 10; right: 30px; }
.nume1 ul { float: right; margin-left: 10px; }
.nume1 ul li { width: 12px; height: 12px; display: block; background: #fff; font-size: 0px; float: left; margin-left: 8px; cursor: pointer; }
.nume1 ul .on { background: #e87c1e; }
.bann-about li p { width: 100%; height: 35px; background: rgba(0,0,0,0.3); position: absolute; bottom: 0px; z-index: 9; line-height: 35px; text-align: center; color: #ffffff; }
.about-title { width: 100%; float: left; color: #000000; font-size: 24px; font-weight: normal; margin-bottom: 18px; }



.about-one { width: 100%; float: left; height: 323px; background: #f6f5f5; }
.about-two { width: 100%; margin-top: 30px; float: left; }
.about-two h2 { color: #000000; font-size: 16px; font-weight: normal; }
.about-two p { color: #7d7d7d; margin-top: 8px; }



.businessh-one { width: 100%; float: left; }

.businessh-one li { float: left; width: 210px; height: 219px; background: #fff; margin-right: 10px; margin-top: 30px; }
.businessh-one li:nth-child(3n) { margin-right: 0px; }
.businessh-one li i { display: block; width: 100%; float: left; height: 170px; overflow: hidden; }
.businessh-one li p { width: 208px; height: 48px; border: 1px solid #d3d3d3; float: left; border-top: 0px; text-align: center; line-height: 48px; color: #000000; font-size: 14px; }
.businessh-one li:hover p { color: #e87c1e; }




.left-content { float: left; margin-top: 8px; border: 1px solid #ebebeb; width: 250px; min-height: 295px; }
.left-content1 { float: left; width: 230px; border: 1px solid #ebebeb; margin-top: 9px; margin-left: 9px; }
.left-content2 { width: 100%; float: left; margin-top: 10px; }
.left-content2 li { width: 100%; float: left; margin-top: 8px; }
.left-content2 li i { width: 21px; height: 23px; display: block; float: left; margin-left: 10px; margin-right: 8px; }
.left-content2 li p { float: left; color: #262321; width: 210px; margin-top: 3px; }
.left-content2 li p em { width: 165px; float: right; font-style: inherit; }
.left-content2 li:nth-child(1) i { background: url(../images/ia.png) no-repeat; background-position: -39px -6px; }
.left-content2 li:nth-child(2) i { background: url(../images/ia.png) no-repeat; background-position: -39px -33px; }
.left-content2 li:nth-child(3) i { background: url(../images/ia.png) no-repeat; background-position: -39px -63px; }




#photos { visibility: hidden; width: 100%; float: left; overflow: hidden; padding-bottom: 20px; }
.gallery { border: 1px solid #aaa; padding: 5px; }
.loader { background: url(loader.gif) center center no-repeat #ddd; }
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }
.panel .overlay-background { background: #222; }
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
.filmstrip { margin: 5px; }
.frame .img_wrap { border: 1px solid #aaa; }
.frame.current .img_wrap { border-color: #000; }
.frame img { border: none; }
.frame .caption { font-size: 11px; text-align: center; color: #888; }
.frame.current .caption { color: #000; }
.pointer { border-color: #000; display: none; }
*html .pointer { filter: chroma(color=pink); }
.kjas { width: 100%; height: 1px; float: left; position: absolute; margin-top: 369px; background: #f4f4f4; }
.worksite-title { width: 100%; float: left; height: 36px; background: #f2f1f1; color: #000000; line-height: 36px; text-indent: 18px; }



.panel { width: 500px; height: 300px; display: table-cell; text-align: center; vertical-align: middle; }

.panel img { max-width: 500px; max-height: 300px; }