.body{ position: relative; z-index: 5; background-color: #fff;}
#index .banner{ height:500px; overflow:hidden; position:relative; margin-top: 66px;}
#index .banner .imgs{ width:9999px; height:100%; position:absolute; left:0; top:0;}
#index .banner .imgs li{ width:1920px; height:100%; overflow:hidden; position:relative; float:left;}
#index .banner .imgs .img{ position:absolute; left:0; top:0;}
#index .banner .text{ width:520px; text-align:center; color:#fff; margin:-160px 0 0 -260px; position:absolute; left:50%; top:50%; }
#index .banner .text p{ position: relative;transition: 500ms; opacity: 0; top: 50px; filter: alpha(opacity=0); text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35)}
#index .banner .text .p1{ font-size:55px; font-family:"微软雅黑";}
#index .banner .text .p2{ font-size:15px; margin:10px 0 30px 0;}
#index .banner.pageShow .text .p1 { top: 0px; opacity: 1; filter: alpha(opacity=100); transition: 600ms 400ms; }
#index .banner.pageShow .text .p2 { top: 0px; opacity: 1; filter: alpha(opacity=100); transition: 600ms 800ms; }
#index .banner.pageShow .text .p3 { top: 0px; opacity: 1; filter: alpha(opacity=100); transition: 600ms 800ms; }

#index .banner .text .more{ width:68px; height:18px; line-height:18px; text-align:center; background:#e90000; color:#fff; border-radius:10px; display:inline-block;}
#index .banner .text .more:hover{ background:#fff; color:#e90000;}
#index .banner .btns{ width:900px; margin:0 0 0 -450px; text-align:right; position:absolute; left:50%; bottom:70px;}
#index .banner .btns span{ transition:200ms; width:12px; height:12px; display:inline-block; background:#fff; margin:0 6px; cursor:pointer;}
#index .banner .btns span:hover,#index .banner .btns .cur{ background:#e90000;}

#index .main{ background:#eeeeee;}
#index .main .box{ width:1000px; margin:0 auto;}
#index .main .news{ height:75px; line-height:75px; overflow:hidden; background:#fff; position:relative; top:-32px;}
#index .main .news .title{ margin:20px 10px 0 32px; padding:0 10px 0 0; font-size:18px; line-height:32px; color:#e90000; height:32px; display:inline-block; border-right:2px solid #e90000; float:left;}

#index .main .news .title .p1{ font-size:14px;}
#index .main .news .time{ float:left;}
#index .main .news .list{ width:600px; height:75px; position:relative; float:left; overflow:hidden;}
#index .main .news .list ul{ width:100%; height:9999px; position:absolute; left:0; top:0;}
#index .main .news .list li{ width:100%; overflow:hidden; height:75px; float:left;}
#index .main .news .list li a{ margin:0 0 0 10px; color:#696969; font-family:"宋体";}
#index .main .news .list li a:hover{ color:#69a0c4;}
#index .main .news .more{ transition:300ms; opacity:0.3; filter:alpha(opacity=30); position:absolute; right:28px; top:26px;}
#index .main .news .more:hover{ -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0.8; filter:alpha(opacity=80);}

#index .main .content{ position:relative; top:-26px;}
#index .main .content ul{ overflow:hidden;}
#index .main .content li{ width:25%; overflow:hidden; float:left;}
#index .main .content .li1{ width:50%;}
#index .main .content .img{ overflow:hidden; background:#000;}
#index .main .content .img img{ transition:300ms; display:block;}
#index .main .content .title{ transition:200ms; padding:15px 20px 20px 20px; line-height:16px; height:45px; background:#fff; color:#515151; position:relative;}
#index .main .content .title .p1{ margin:0 0 5px 0; font-size:14px;}
#index .main .content .title .t{ height:30px; overflow:hidden;}
#index .main .content .title .more{ transition:200ms; color:#e90000; text-decoration:underline; display:inline-block;}
#index .main .content .title .i{ transition:200ms; width:14px; height:9px; background:url(../image/i2.png) no-repeat center; position:absolute; left:24px; top:100%; z-index:1;}
#index .main .content li:hover .title{ background:#69a0c4; color:#fff;}
#index .main .content li:hover .title .i{ background:url(../image/i2-2.png) no-repeat center;}
#index .main .content li:hover .title .more{ color:#fff;}
#index .main .content li:hover .img img{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.pbanner1{ padding-top: 66px;}
.pbanner1 img{ width: 100%; display: block;}
.banner1{ position:relative; overflow: hidden;}
.banner1 .img{ width:100%; display:block; position: absolute;}
.banner1 .text{ width:100%; margin:-40px 0 0 0; color:#fff; text-shadow:1px 1px 1px #333; text-align:center; text-transform:uppercase; position:absolute; left:0; top:50%;}
.banner1 .text p { position: relative; transition: 500ms; opacity: 0; filter: alpha(opacity=0); left: -100px; }
.banner1 .text .p1{ font-size:40px;}
.banner1 .text .p2{ font-size:26px;}
.banner1.pageShow .text .p1 { left: 0; opacity: 1; filter: alpha(opacity=100); transition: 600ms 400ms; }
.banner1.pageShow .text .p2 { left: 0; opacity: 1; filter: alpha(opacity=100); transition: 600ms 800ms; }

.page{ text-align:center;}
.page a{ color:#8b8b8b; padding:6px; margin:0 2px; display:inline-block;}
.page a:hover,.page .cur{ background:#fa1c27; color:#fff;}


#safetyActivities .main{ padding:80px 0;}
#safetyActivities .main2{ padding: 0px;}
#safetyActivities .main .box{ width:1000px; margin:0 auto;}
#safetyActivities .main .menu{ margin:0 2% 50px 2%; overflow:hidden;}
#safetyActivities .main .menu .fl{ float:left;}
#safetyActivities .main .menu .fl a{ width:138px; height:48px; line-height:48px; text-align:center; display:inline-block; background:#6e899a; color:#fff; font-size:14px; margin:0 1px 0 0; letter-spacing:2px;}
#safetyActivities .main .menu .fl a:hover,#safetyActivities .main .menu .fl .cur{ background:#e90000;}
#safetyActivities .main .menu .fr{ float:right; margin:28px 0 0 0;}

#safetyActivities .main ul{ width:99%; overflow:hidden;}
#safetyActivities .main li{ width:31%; overflow:hidden; margin:0 0 50px 2%; float:left; position:relative;}
#safetyActivities .main .play{ position:absolute; left:50%; top:40%; z-index:1; margin:-29px 0 0 -29px;}
#safetyActivities .main .img{ overflow:hidden; background:#000;}
#safetyActivities .main .img img{ transition:300ms; width:100%; display:block;}
#safetyActivities .main .title{ transition:300ms; text-align:center; color:#505050; margin:15px 0 0 0; height:42px; line-height:42px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
#safetyActivities .main .liE{ margin:0;}
#safetyActivities .main li:hover .img img{ -webkit-transform:scale(1.05); transform:scale(1.05); opacity:0.8; filter:alpha(opacity=80);}
#safetyActivities .main li:hover .title{ border-color:#69a0c4; color:#1a699b;}

/*honor style*/
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.honorDl dd { border-bottom: 12px solid #fff; padding: 2% 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer;  background-color: #d4dae2;}
.honorDl dd .img { float: left; display: block; width: 280px; height: 194px; border: 2px solid #a2a2a2; overflow: hidden; background-color: #f7f7f7; }
.honorDl dd .img img { display: block; width: 100%; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.honorDl dd .con { padding: 20px 0px 0px 417px; color: #4D4D4D; line-height: 2; font-size:14px;}
.honorDl dd .con .time { color: #543924; display:none;}
.honorDl dd:hover { background:#b9cad8; }
.honorDl dd:hover .con, .honorDl dd:hover .con .time { color: #fff; }
.honorDl dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.ledMore { display: block; background-color: #fff; text-align: center; padding: 34px 0px 34px; color: #c5af98; margin-top: -12px; position: relative; }
.ledMore:hover { background-color: #b9cad8; color: #fff; }
/*honor style end*/


#contact .title{ padding:45px 0; background:#666d73;}
#contact .title .box{ width:1000px; overflow:hidden; margin:0 auto;}
#contact .title .fl{ float:left; font-size:24px; color:#fff;}
#contact .title select{ float:right;}
#contact ul{ overflow:hidden;}
#contact li{ overflow:hidden; padding:65px 0 60px 0;}
#contact .li1{ background:#eeeeee;}
#contact li .box{ width:1000px; line-height:26px; color:#575757; margin:0 auto;}
#contact li .name{ width:35%; font-size:14px; float:left;}
#contact li .address{ width:40%; float:left; margin:0 5%;}
#contact li .address .p1{ line-height:32px;}
#contact li .address .p1 a{ color:#58b3ec;}
#contact li .address .p1 img{ float:left; margin:0 5px 0 0;}
#contact li .mapLink{ float:right;}
#contact li .mapLink a{ color:#575757; padding:50px 0 0 0; background:url(../image/i4.png) no-repeat center top; display:inline-block;}
#contact li .mapLink a:hover{ color:#5089c3; background-image:url(../image/i4-2.png);}

#unionised{ background:#fce9cb url(../image/banner6.jpg) no-repeat;}
#unionised .main .box{ width:1000px; margin:0 auto;}
#unionised .banner{ height:500px; position:relative;}
#unionised .banner .text{ width:100%; margin:-65px 0 0 0; color:#fff; text-shadow:1px 1px 1px #333; text-align:center; text-transform:uppercase; position:absolute; left:0; top:50%;}
#unionised .banner .text .p1{ font-size:54px;}
#unionised .banner .text .p2{ font-size:18px;}
#unionised .menu{}
#unionised .menu a{ width:138px; height:48px; line-height:48px; text-align:center; display:inline-block; background:#6e899a; color:#fff; font-size:14px; margin:0 1px 0 0; letter-spacing:2px;}
#unionised .menu a:hover,#unionised .menu .cur{ background:#e90000;}
#unionised .content{ padding:60px 50px; background:#fff;}
#unionised .content .top{ margin:0 0 40px 0; color:#4d4d4d; line-height:30px;}
#unionised .content ul{ overflow:hidden; border-bottom:1px solid #dddddd;}
#unionised .content li{ width:100%; float:left; border-top:1px solid #dddddd;}
#unionised .content .t1{ transition:400ms; padding:0 0 0 10px; height:44px; line-height:44px; color:#cc000c; font-size:14px;}
#unionised .content .t2{ display:none;}
#unionised .content .t2 .text{ padding:25px 30px; line-height:24px; color:#6c6c6c; background:#e7e7e7;}
#unionised .content .t2 .text2{ padding:10px 20px; line-height:24px; color:#6c6c6c;}
#unionised .content .liShow .t1{ padding:0 0 0 20px; background:#cc000c; color:#fff;}
#unionised .content .slide img{ width:100%; display:block;}
#unionised .content .owl-prev{ width:31px; height:31px; background:url(../image/btn1.jpg) no-repeat; position:absolute; left:40px; top:50%; margin:-15px 0 0 0;}
#unionised .content .owl-next{ width:31px; height:31px; background:url(../image/btn2.jpg) no-repeat; position:absolute; right:40px; top:50%; margin:-15px 0 0 0;}
#unionised .content .owl-prev:hover,#unionised .content .owl-next:hover{ opacity:0.7; filter:alpha(opacity=70);}
#unionised .content .owl-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:5px;}

#enterpriseStyleDetail .top{ overflow:hidden; background:#666d73; padding:65px 0 25px 0;}
#enterpriseStyleDetail .top .box{ width:1000px; line-height:28px; margin:0 auto;}
#enterpriseStyleDetail .top .fl{ float:left; color:#fff;}
#enterpriseStyleDetail .top .back{ width:82px; height:18px; line-height:18px; text-align:center; margin:34px 0 0 0; display:inline-block; background:#e90000; color:#fff; float:right;}
#enterpriseStyleDetail .top .back:hover{ background:#fff; color:#e90000;}
#enterpriseStyleDetail .main{ padding:80px 0 40px 0; overflow:hidden;}
#enterpriseStyleDetail .main .box{ width:1000px; margin:0 auto;}
#enterpriseStyleDetail .main .slide{ border-bottom:3px solid #e90000;}
#enterpriseStyleDetail .main .slide img{ width:100%; display:block;}
#enterpriseStyleDetail .owl-prev{ width:31px; height:31px; background:url(../image/btn1.jpg) no-repeat; position:absolute; left:40px; top:50%; margin:-15px 0 0 0;}
#enterpriseStyleDetail .owl-next{ width:31px; height:31px; background:url(../image/btn2.jpg) no-repeat; position:absolute; right:40px; top:50%; margin:-15px 0 0 0;}
#enterpriseStyleDetail .owl-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:5px;}
#enterpriseStyleDetail .owl-prev:hover,#enterpriseStyleDetail .owl-next:hover{ opacity:0.7; filter:alpha(opacity=70);}
#enterpriseStyleDetail .text{ margin:0 0 100px 0; padding:40px; background:#e8e8e8; line-height:24px;}
#enterpriseStyleDetail .pageChange{ line-height:32px;}
#enterpriseStyleDetail .pageChange a{ color:#a5a5a5;}
#enterpriseStyleDetail .pageChange a:hover{ color:#e90000;}

#culture .main{ padding:80px 0; overflow:hidden;}
#culture .main .box{ width:1050px; margin:0 auto;}
#culture .main ul{}
#culture .main li{ width:15%; margin:0 5% 30px 5%; text-align:center; float:left; height:280px; position:relative;}
#culture .main li .bg{ transition:400ms; width:100%; height:3px; background:#000;}
#culture .main li .text{ width:100%; position:absolute; left:0; top:0;}
#culture .main li .p1{ transition:400ms; font-size:16px; margin:60px 0 0 0;}
#culture .main li .line{ padding:5px 0 40px 0;}
#culture .main li .line span{ transition:400ms; width:38px; height:1px; background:#000; display:inline-block;}
#culture .main li .t{ transition:400ms; color:#6e6e6e; line-height:26px;}
#culture .main li:hover .bg{ height:100%; background:#e90000;}
#culture .main li:hover .text .p1{ color:#fff;}
#culture .main li:hover .line span{ background:#fff;}
#culture .main li:hover .t{ color:#fff;}

#plan .stage{ height:670px; position:relative; overflow:hidden;margin-top: 66px;}
#plan .stage .img{ height:100%; width: 100%; display:block; position:absolute; left:0; top:0;}
#plan .stage ul{ width:100%; position:absolute; left:0; bottom:0;}
#plan .stage li{ width:25%; height:48px; position:relative; float:left;}
#plan .stage li .title{ transition:200ms; width:100%; height:100%; line-height:48px; text-align:center; color:#fff; background:#b9cad8;}
#plan .stage li .text{ transition:200ms; opacity:0; filter:alpha(opacity=0); width:100%; height:622px; color:#fff; background:#ef8639; position:absolute; left:0; bottom:48px;}
#plan .stage li .textBox{ width:90%; position:absolute; left:5%; top:50%; margin:-200px 0 0 0;}
#plan .stage li .num{ width:116px; height:109px; font-size:55px; color:#ef8639; background:url(../image/stageNumBg.png) no-repeat center; display:inline-block;}
#plan .stage li .num span{ width:80px; height:86px; line-height:86px; text-align:center; display:inline-block; font-style:italic;}
#plan .stage li .p1{ margin:30px 0 60px 0; font-size:18px; font-weight:bold;}
#plan .stage li .t1{ line-height:28px; margin:0 0 10px 0;}
#plan .stage li .t2{ line-height:18px;}
#plan .stage li:hover .text{ background:#da6a18; opacity:1; filter:alpha(opacity=100);}
#plan .stage li:hover .title{ background:#e90000;}
#plan .row1{ padding:90px 0; background:#fff;}
#plan .row1 .box{ width:1000px; line-height:26px; overflow:hidden; text-align:center; margin:0 auto;}
#plan .row1 span{ transition:200ms; width:28%; padding:200px 0 0 0; text-align:left; margin:0 auto; display:inline-block;}
#plan .row1 .s1{ float:left; background:url(../image/i5.png) no-repeat center top;}
#plan .row1 .s2{ background:url(../image/i6.png) no-repeat center top;}
#plan .row1 .s3{ float:right; background:url(../image/i7.png) no-repeat center top;}
#plan .row1 .s1:hover{ background:url(../image/i5-2.png) no-repeat center top;}
#plan .row1 .s2:hover{ background:url(../image/i6-2.png) no-repeat center top;}
#plan .row1 .s3:hover{ background:url(../image/i7-2.png) no-repeat center top;}
#plan .row2{ overflow:hidden;}
#plan .row2 .text{ padding:40px 0; text-align:center; background:#ef8639; color:#fff; line-height:20px;}
#plan .row2 .text .box{ width:580px; margin:0 auto;}
#plan .row2 .text .p1{ margin:0 0 20px 0; font-size:18px;}
#plan .row2 .img{ width:100%; display:block;}

#talentStrategy .main{ height:884px; background:url(../image/banner10.jpg) no-repeat center;}
#talentStrategy .text{ width:520px; overflow:hidden; padding:0 35px; height:100%; color:#fff; background:url(../image/bgc.png) repeat; margin:0 0 0 25%;}
#talentStrategy .text .p1{ margin:165px 0 10px 0; font-size:36px; text-transform:uppercase;}
#talentStrategy .text .p2{ font-size:18px;}
#talentStrategy .text .t{ margin:100px 0 140px 0; line-height:30px;}

#jobs .main{}
#jobs .main .box{ width:1000px; overflow:hidden; margin:0 auto;}
#jobs .main .top{ margin:70px 0 50px 0; line-height:26px; color:#000000;}
#jobs .main .top a{ color:#cf0000; text-decoration:underline;}
#jobs .main ul{ overflow:hidden; margin:0 0 100px 0;}
#jobs .main li{ transition:200ms; width:100%; overflow:hidden; text-align:center; padding:20px 0; line-height:20px;}
#jobs .main li a{ color:#969696;}
#jobs .main .li1{ background:#5089c3; color:#fff;}
#jobs .main .li2{ border-bottom:2px solid #969696;}
#jobs .main li .t1{ width:26%; float:left;}
#jobs .main li .t2{ width:18%; float:left;}
#jobs .main .li2:hover{ background:#969696;}
#jobs .main .li2:hover a{ color:#fff;}

#jobsDetail .main{ padding:100px 0;}
#jobsDetail .main .box{ width:1000px; margin:0 auto; overflow:hidden;}
#jobsDetail .main .t1{ padding:10px 0 10px 25px; margin:0 0 2px 0; overflow:hidden; line-height:22px; background:#ededed;}
#jobsDetail .main .d1{ width:40%; float:left;}
#jobsDetail .main .d2{ float:left;}
#jobsDetail .main .text{ padding:20px 30px; line-height:22px; color:#000;}

#stock .main{}
#stock .main .box{ width:1173px; padding:100px 0; margin:0 auto;}
#stock .main .title{ margin:0 0 40px 0; font-size:14px; color:#1d225a;}
#stock .main .title .s1{ font-size:18px;}
#stock .main .title .s2{ font-size:24px; margin:0 5px; font-weight:bold;}
#stock .main table{ width:800px; line-height:30px; margin:20px 0 60px 0;}
#stock .main .stockImg{ overflow:hidden;}
#stock .main .stockImg img{ width:49%;}

#consultation .main{ width:1000px; margin:0 auto; overflow:hidden;}
#consultation .main .tip{ margin:65px 0 90px 0; color:#ff0000; line-height:30px;}
#consultation .main .tip .p1{ font-size:16px;}
#consultation .main .msg{ margin:0 0 100px 0;}
#consultation .main .msg .t1{ line-height:26px; overflow:hidden; margin:0 0 30px 0;}
#consultation .main .msg .t2{ text-align:center; border-top:1px solid #dcdcdc;}
#consultation .main .msg .s1{ color:#969696; float:left; margin:0 5px 0 0;}
#consultation .main .msg .ipt{ width:340px; height:14px; padding:6px 0; text-indent:5px; border:none; background:#ededed;}
#consultation .main .msg textarea{ width:900px; height:130px; padding:5px; border:none; background:#ededed;}
#consultation .main .msg .btn{ transition:200ms; width:100px; height:24px; border:none; background:#dcdcdc; color:#fff; cursor:pointer; font-family:"微软雅黑";}
#consultation .main .msg .btn:hover{ background:#69a0c4;}
#consultation .main .comments{ margin:0 0 85px 0;}
#consultation .main .comments .title{ font-size:16px; color:#969696;}
#consultation .main .comments ul{ overflow:hidden; margin:0 0 60px 0;}
#consultation .main .comments li{ padding:50px 0 25px 0; color:#969696; border-bottom:1px solid #dcdcdc;}
#consultation .main .comments .ask .t1{ margin:0 0 15px 0; overflow:hidden;}
#consultation .main .comments .ask .name{ color:#6e899a; float:left;}
#consultation .main .comments .ask .time{ float:right;}
#consultation .main .comments .ask .t2{ line-height:24px;}
#consultation .main .comments .answer{ margin:10px 0 0 0; line-height:24px; padding:15px 20px; background:#ededed;}
#consultation .main .comments .answer .p1{ margin:0 0 5px 0;}

#safetyActivities .paget,#news  .paget{ width: 96%;}
.paget { color: #454545; padding: 5% 0px; width: 100%; margin: 0px auto; }
.paget .en1 { font: 17px/1.2 "times new roman"; }
.paget .en2 { font: 50px/1.2 "times new roman"; text-transform: uppercase; }
.paget .zh { font: 27px/1.2 "microsoft yahei"; }
#regulations .main .box{ width:980px; margin:0 auto; overflow:hidden; padding:40px 0 100px 0;}
#regulations .menu a{ width:138px; height:48px; line-height:48px; text-align:center; display:inline-block; background:#6e899a; color:#fff; font-size:14px; margin:0 1px 0 0; letter-spacing:2px;}
#regulations .menu a:hover,#regulations .menu .cur{ background:#e90000;}
#regulations .main .newsList{ margin:0 0 60px 0; overflow:hidden;}
#regulations .main .newsList li{ padding:50px 0; overflow:hidden; border-bottom:1px solid #f0f0f0;}
#regulations .main .newsList .time{ width:15%; margin:25px 0 0 0; color:#6a6a6a; line-height:18px; float:left; text-align:right;}
#regulations .main .newsList .time .p1{ padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #6a6a6a; font-size:30px;}
#regulations .main .newsList .text{ width:75%; float:right;}
#regulations .main .newsList .title a{ font-size:14px; color:#000;}
#regulations .main .newsList .title a:hover{ color:#ff0000;}
#regulations .main .newsList .t{ height:54px; overflow:hidden; margin:10px 0 20px 0; line-height:24px; color:#848484;}
#regulations .main .newsList .more{ width:98px; height:22px; line-height:22px; text-align:center; display:inline-block; background:#c3c3c3; color:#fff; text-transform:uppercase;}
#regulations .main .newsList .more:hover{ background:#ff0000;}

#regulations .main .oil{ height:333px; background:url(../image/oilImg.jpg) no-repeat left;}
#regulations .main .contrast{ width:46%; padding:0 0 0 4%; overflow:hidden; height:100%; color:#f6f5f5; float:right; background:#0096d3;}
#regulations .main .contrast .title{ margin:45px 0 40px 0; font-size:18px;}
#regulations .main .contrastBox{ width:520px; height:162px; position:relative;}
#regulations .main .contrast .curBg{ width:26px; height:140px; border:1px solid #fff; position:absolute; left:60px; top:0;}
#regulations .main .contrast .item{ height:54px; line-height:32px; position:relative; z-index:1;}
#regulations .main .contrast .name{ float:left; width:60px; display:inline-block;}
#regulations .main .contrast .oilType{ float:left;}
#regulations .main .contrast .oilType span{ width:28px; display:inline-block; text-align:center; float:left; cursor:pointer;}
#regulations .main .contrast .lineBox{ width:50%; margin:0 5px; float:left;}
#regulations .main .contrast .line{ width:100%; margin:12px 0 0 0; height:3px; background:#64afcd; overflow:hidden;}
#regulations .main .contrast .line .cur{ width:50%; float:left; height:100%; display:inline-block; background:#fff}
#regulations .main .contrast .price{ font-size:16px;}

#news .main{ width:1000px; margin:0 auto; padding:80px 0; overflow:hidden;}
#news .main ul{ width:99%; margin:0 0 50px 1%; overflow:hidden;}
#news .main li{ width:31%; margin:0 1% 20px 1%; float:left;}
#news .main li .img{ background:#000; overflow:hidden;}
#news .main li .img img{ transition:500ms; width:100%; display:block;}
#news .main li .text{ transition:300ms; padding:20px; height:170px; background:#e9e9e9;}
#news .main li .title{ margin:10px 0 0 0; font-size:14px; color:#575757;}
#news .main li .t{ height:65px; overflow:hidden; margin:10px 0 20px 0; line-height:24px; color:#969696;}
#news .main li .more{ transition:300ms; width:112px; height:38px; line-height:38px; text-align:center; display:inline-block; background:#b3b3b3; color:#fff;}
#news .main li:hover .more{ background:#e90000;}
#news .main li:hover .title{ text-decoration:underline;}
#news .main li:hover .img img{ -webkit-transform:scale(1.05); transform:scale(1.05); opacity:0.8; filter:alpha(opacity=80);}
#news .main li:hover .text{ background:#fff; padding:20px 0;}

#newsDetail .top{ overflow:hidden; background:#666d73; padding:65px 0 25px 0;}
#newsDetail .top .box{ width:1000px; line-height:28px; margin:0 auto;}
#newsDetail .top .fl{ width:40%; float:left; font-size:18px; color:#fff;}
#newsDetail .top .back{ width:82px; height:18px; line-height:18px; text-align:center; margin:34px 0 0 0; display:inline-block; background:#e90000; color:#fff; float:right;}
#newsDetail .top .back:hover{ background:#fff; color:#e90000;}
#newsDetail .main{ padding:30px 0 40px 0; overflow:hidden;}
#newsDetail .main .box{ width:1000px; margin:0 auto;}
#newsDetail .main .time{ color:#686565; font-family:"宋体";}
#newsDetail .main .time span{ margin:0 15px 0 0;}
#newsDetail .main .text{ margin:60px 0 40px 0; line-height:26px; color:#999999;}
#newsDetail .main .pageChange2{ height:74px; line-height:74px; background:#5089c3; text-align:center; color:#fff; font-size:14px;}
#newsDetail .main .pageChange2 a{ color:#fff;}
#newsDetail .main .pageChange2 a:hover{ text-decoration:underline;}

#map .map{ padding:100px 0;}
#map .map .box{ width:1355px; height:785px; position:relative; margin:0 auto;}
#map .map .bg{ position:absolute; left:151px; top:0;}
#map .map .bg2{ width:100%; display:none;}

#map .map .xinjiang{ width:0; height:95px; background:url(../image/map-xinjiang.png) no-repeat right bottom; position:absolute; right:972px; top:196px;}
#map .map .hainan{ width:0; height:30px; background:url(../image/map-hainan.png) no-repeat right bottom; position:absolute; right:565px; top:729px;}
#map .map .jiangxi{ width:0; height:57px; background:url(../image/map-jiangxi.png) no-repeat left bottom; position:absolute; left:886px; top:571px;}
#map .map .anhui{ width:0; height:78px; background:url(../image/map-anhui.png) no-repeat left bottom; position:absolute; left:923px; top:522px;}
#map .map .dongying{ width:0; height:50px; background:url(../image/map-dongying.png) no-repeat left bottom; position:absolute; left:945px; top:371px;}
#map .map .heilongjiang{ width:0; height:127px; background:url(../image/map-heilongjiang.png) no-repeat left bottom; position:absolute; left:1110px; top:50px;}
#map .map .neimeng{ width:0; height:111px; background:url(../image/map-neimeng.png) no-repeat right bottom; position:absolute; right:535px; top:176px;}
#map .map .sichuan1{ width:0; height:257px; background:url(../image/map-sichuan1.png) no-repeat left bottom; position:absolute; left:670px; top:273px;}
#map .map .sichuan2{ width:0; height:144px; background:url(../image/map-sichuan2.png) no-repeat right bottom; position:absolute; right:636px; top:459px;}
#map .map .sichuan3{ width:0; height:143px; background:url(../image/map-sichuan3.png) no-repeat left bottom; position:absolute; left:741px; top:395px;}
#map .map .sichuan4{ width:0; height:172px; background:url(../image/map-sichuan4.png) no-repeat right bottom; position:absolute; right:639px; top:346px;}
#map .map .name{ display:none; transition:-webkit-transform 400ms,transform 400ms,margin 400ms; -webkit-transform:scale(1.3); transform:scale(1.3); width:110px; height:24px; line-height:24px; text-align:center; background:#ce0000; color:#fff; border-radius:3px; position:absolute;}
#map .map .nameShow{ margin:0 !important; -webkit-transform:scale(1); transform:scale(1);}
#map .map .sichuan1 .s1{ left:576px; top:0; margin:0 0 0 50px;}
#map .map .sichuan1 .s2{ left:576px; top:25px; margin:0 0 0 50px;}
#map .map .sichuan2 .s1{ right:586px; top:0; margin:0 50px 0 0;}
#map .map .sichuan2 .s2{ right:586px; top:25px; margin:0 50px 0 0;}
#map .map .sichuan2 .s3{ right:586px; top:50px; margin:0 50px 0 0;}
#map .map .sichuan2 .s4{ right:586px; top:75px; margin:0 50px 0 0;}
#map .map .sichuan3 .s1{ left:505px; top:0; margin:0 0 0 50px;}
#map .map .sichuan3 .s2{ left:505px; top:25px; margin:0 0 0 50px;}
#map .map .sichuan3 .s3{ left:505px; top:50px; margin:0 0 0 50px;}
#map .map .sichuan3 .s4{ left:505px; top:75px; margin:0 0 0 50px;}
#map .map .sichuan3 .s5{ left:505px; top:100px; margin:0 0 0 50px;}
#map .map .sichuan3 .s6{ left:505px; top:125px; margin:0 0 0 50px;}
#map .map .sichuan4 .s1{ right:606px; top:0; margin:0 50px 0 0;}
#map .map .sichuan4 .s2{ right:606px; top:25px; margin:0 50px 0 0;}
#map .map .sichuan4 .s3{ right:606px; top:50px; margin:0 50px 0 0;}
#map .map .xinjiang .s1{ right:172px; top:0; margin:0 50px 0 0;}
#map .map .hainan .s1{ right:585px; top:0; margin:0 50px 0 0;}
#map .map .jiangxi .s1{ left:120px; top:0; margin:0 0 0 50px;}
#map .map .anhui .s1{ left:278px; bottom:0; margin:0 0 0 50px;}
#map .map .dongying .s1{ left:114px; top:0; margin:0 0 0 50px;}
#map .map .heilongjiang .s1{ left:68px; top:0; margin:0 0 0 50px;}
#map .map .heilongjiang .s2{ left:68px; top:40px; margin:0 0 0 50px;}
#map .map .heilongjiang .s3{ left:68px; top:80px; margin:0 0 0 50px;}
#map .map .neimeng .s1{ right:72px; top:0; margin:0 50px 0 0;}


#giantGas{ background:#e0e0e0;}
#giantGas .main{ width:1000px; padding: 70px 0px; margin:0px auto; overflow:hidden;}
#giantGas .main ul{ overflow:hidden;}
#giantGas .main li{ width:100%; float:left; margin:0 0 8px 0;}
#giantGas .main .t1{ transition:400ms; overflow:hidden; height:86px; line-height:86px; background:#fafafa; position:relative; cursor:pointer;}
#giantGas .main .title{ font-size:14px; color:#6a6a6a; margin:0 0 0 30px;}
#giantGas .main .line{ width:26px; height:26px; position:absolute; right:36px; top:50%; margin:-13px 0 0 0;}
#giantGas .main .line span{ transition:400ms;}
#giantGas .main .line1{ width:26px; height:4px; background:#6a6a6a; position:absolute; left:0; top:11px;}
#giantGas .main .line2{ width:4px; height:26px; background:#6a6a6a; position:absolute; left:11px; top:0;}
#giantGas .main .line3{ width:26px; height:4px; background:#fff; position:absolute; left:50px; top:11px; opacity:0; filter:alpha(opacity=0);}
#giantGas .main .t2{ display:none; padding:40px; line-height:32px; background:#fafafa;}

#giantGas .main .liShow .t1{ background:#e90000;}
#giantGas .main .liShow .title{ color:#fff;}
#giantGas .main .liShow .line1{ left:50px; opacity:0; filter:alpha(opacity=0);}
#giantGas .main .liShow .line2{ top:-50px; opacity:0; filter:alpha(opacity=0);}
#giantGas .main .liShow .line3{ left:0; opacity:1; filter:alpha(opacity=100);}

#progress .stage{ padding:120px 0 90px 0; overflow:hidden; background:#5089c3;}
#progress .stage .box{ width:1000px; margin:0 auto;}
#progress .stage ul{ overflow:hidden;}
#progress .stage li{ width:21%; margin:0 2%; float:left;}
#progress .stage .t1{ padding:30px 25px 0 25px; height:160px; background:#71a6dc url(../image/dot1.jpg) repeat-x bottom; font-size:20px; line-height:38px; color:#fff; text-transform:uppercase;}
#progress .stage .t2{ padding:35px 25px 0 25px; height:135px; line-height:22px; background:#3e7ebf; color:#fff;}
#progress .history{ overflow:hidden; background:url(../image/bgc2.jpg) repeat;}
#progress .history ul{ width:1000px; overflow:hidden; margin:50px auto 80px;}
#progress .history li{ width:100%; float:left; margin:0 0 25px 0;}
#progress .history .year{ transition:300ms; width:15%; text-align:center; height:110px; line-height:110px; float:left; background:#6e899a; color:#fff; font-size:30px;}
#progress .history .text{ transition:300ms; width:75%; line-height:30px; border-top:2px solid #fff; color:#8a8a8a; padding:39px 5%; float:right; background:#fff;}
#progress .history li:hover .year{ background:#e90000;}
#progress .history li:hover .text{ border-color:#e90000;}

#team .team{ overflow:hidden; padding:60px 0 100px 0;}
#team .team .box{ width:900px; margin:0 auto; position:relative;}
#team .team .item{}
#team .team .face{ width:40%; margin:0 0 0 6%; float:left;}
#team .team .text{ width:40%; margin:10% 6% 0 0; color:#585858; font-size:13px; line-height:26px; float:right;}
#team .team .text .p1{ font-size:24px;}
#team .team .text .p2{ font-size:20px; font-family:"Aparajita";}
#team .team .text .t{ margin:30px 0 0 0;}
#team .team .owl-prev{ width:40px; height:76px; margin:-38px 0 0 0; background:url(../image/btn3.png) no-repeat center; position:absolute; left:-50px; top:50%;}
#team .team .owl-next{ width:40px; height:76px; margin:-38px 0 0 0; background:url(../image/btn4.png) no-repeat center; position:absolute; right:-50px; top:50%;}
.teamBnaner{ margin-top: 66px;}
.teamBnaner img{ display: block; width: 100%;}

#about .main{ width:1000px; overflow:hidden; line-height:24px; color:#575757; margin:50px auto 120px;}
#about .main .text{ padding:40px 0 20px 0;}

#results .main{ width:1000px; margin:100px auto 50px; overflow:hidden;}
#results .year{ width:23%; margin:0 1% 20px 1%; font-size:18px; height:54px; line-height:54px; text-align:center; float:left; opacity: 0;}
#results .year a{ color:#6a6a6a; border:2px solid #e6e6e6; display:block;}
#results .year a:hover,#results .year .cur{ border-color:#e68443; background:#e68443; color:#fff;}
#results .main .text{ width:100%; overflow:hidden; display:none;}
#results .main .textBox{ padding:25px; margin:0 1% 20px 1%; color:#fff; line-height:30px; background:#e68443;}

#president .main{ width:1000px; overflow:hidden; line-height:26px; color:#626262; margin:60px auto 50px;}

#structure .main{ width:1000px; margin:60px auto;}
#structure .main img{ width:100%;}

#status .main{ line-height:28px; color:#666; font-size:14px;}
#status .main .box{ width:1000px; margin:50px auto;}
#status .main .menu{ margin:0 0 40px 0; overflow:hidden;}
#status .main .menu .fl{ float:left;}
#status .main .menu .fl a{ width:138px; height:48px; line-height:48px; text-align:center; display:inline-block; background:#6e899a; color:#fff; font-size:14px; margin:0 1px 0 0; letter-spacing:2px;}
#status .main .menu .fl a:hover,#status .main .menu .fl .cur{ background:#e90000;}
#status .main ul{ margin:0 0 0 20px;}
#contact{ padding-top: 66px;}

@media screen and (max-width:1355px){
	#map .map{ padding:60px 0;}
	#map .map .box{ width:auto; height:auto; margin:0 20px;}
	#map .map .bg{ display:none;}
	#map .map .box div{ display:none;}
	#map .map .bg2{ display:block;}



}

@media screen and (max-width:1180px){
	#stock .main .box{ width:auto; margin:0 20px; padding:60px 0;}
	#regulations .main .contrast{ width:520px; padding:0 50px;}

}


@media screen and (max-width:1050px){
	#index .banner .text{ margin-top:-100px;}
	#index .banner .text .p1{ font-size:40px;}
	#index .banner .btns{ width:100%; left:0; bottom:20px; margin:0; text-align:center;}
	#index .banner .btns span{ width:6px; height:6px; margin:0 3px;}
	#index .main{ overflow:hidden;}
	#index .main .box{ width:auto; margin:5px;}
	#index .main .news{ top:0;}
	#index .main .content{ position:static; margin:5px 0 0 0;}
	#index .main .content li{ width:50%;}
	#index .main .content .li1{ width:100%;}
	#index .main .content .img{ height:340px;}
	#index .main .content .img img{ width:100%;}
	
	
	.banner1 .text{ margin:-30px 0 0 0;}
	.banner1 .text .p1{ font-size:30px;}
	.banner1 .text .p2{ font-size:20px;}
	#safetyActivities .main{ padding:50px 0;}
	#safetyActivities .main2{ padding: 0px;}
	#safetyActivities .main .box{ width:auto;}
	#safetyActivities .main2 .box{ width: 90%;}
	#safetyActivities .main ul{ width:98%;}
	#safetyActivities .main li{ width:45%; margin:0 0 50px 4%;}
	#safetyActivities .main .menu{ margin:0 4% 50px 4%;}
	#safetyActivities .main .menu .fl a{ width:100px; height:40px; line-height:40px;}
	#contact .title{ padding:30px 0;}
	#contact .title .fl{ font-size:20px;}
	#contact .title .box{ width:auto; margin:0 20px;}
	#contact li .box{ width:auto; margin:0 20px;}

	#unionised .content{ padding:40px 20px;}
	#unionised .main .box{ width:auto;}
	#unionised .banner{ height:300px;}
	#unionised .banner .text{ margin:-40px 0 0 0;}
	#unionised .banner .text .p1{ font-size:42px;}
	#unionised .banner .text .p2{ font-size:14px;}
	#unionised .content .owl-prev{ left:0;}
	#unionised .content .owl-next{ right:0;}
	#unionised .menu{ margin:0 0 0 1px;}
	#unionised .menu a{ width:100px; height:40px; line-height:40px;}

	#enterpriseStyleDetail .top{ padding:40px 0 20px 0;}
	#enterpriseStyleDetail .top .box{ width:auto; margin:0 20px;}
	
	#enterpriseStyleDetail .main{ padding:0 0 20px 0;}
	#enterpriseStyleDetail .main .box{ width:auto;}
	#enterpriseStyleDetail .text{ margin:0 0 20px 0;}
	#enterpriseStyleDetail .pageChange{ margin:0 20px;}
	#enterpriseStyleDetail .owl-prev{ left:0;}
	#enterpriseStyleDetail .owl-next{ right:0;}

	#culture .main .box{ width:auto;}
	#culture .main li{ width:19%; margin:0 3% 20px 3%; height:240px}

	#plan .stage{ position:static; height:auto;}
	#plan .stage .img{ width:100%; height:auto; position:static;}
	#plan .stage ul{ position:static;}
	#plan .stage li{ height:auto;}
	#plan .stage li .text{ position:static; opacity:1; filter:alpha(opacity=100);}
	#plan .stage li .title{ background:#fb984f;}
	#plan .stage .li1 .title{ background:#8ca6bb;}
	#plan .stage .li1 .text{ background:#ffaa6b;}
	#plan .row1 .box{ width:auto; margin:0 40px;}
	#plan .row1 span{ width:30%;}

	#talentStrategy .main{ height:auto;}
	#talentStrategy .text{ width:auto; height:auto; padding:0 100px 80px 100px; margin:0;}
	#talentStrategy .text .p1{ margin-top:100px;}
	#talentStrategy .text .t{ margin:60px 0 80px 0;}

	#jobs .main .box{ width:auto;}
	#jobs .main .top{ margin:70px 20px 50px 20px;}
	#jobsDetail .main .box{ width:auto;}

	#consultation .main{ width:auto; margin:0 20px;}
	#consultation .main .msg textarea{ width:85%;}

	#regulations .menu{ margin:0 0 0 1px;}
	#regulations .menu a{ width:100px; height:40px; line-height:40px;}

	#regulations .main .box{ width:auto; margin:0 20px;}
	#news .main{ width:auto;}
	#newsDetail .top{ padding:40px 0 20px 0;}
	#newsDetail .top .box{ width:auto; margin:0 20px;}
	#newsDetail .top .fl{ width:auto; float:none;}
	#newsDetail .top .back{ float:none; margin:20px 0 0 0;}
	#newsDetail .main .box{ width:auto; margin:0 20px;}

	#giantGas .main{ width:auto; padding: 50px 0px; margin:0px 20px;}
	#progress .stage{ padding:60px 0;}
	#progress .stage .box{ width:auto; margin:0 20px;}
	#progress .stage li{ width:23%; margin:0 1%;}
	#progress .history ul{ width:auto;}
	#progress .history .year{ font-size:20px;}

	#team .team .box{ width:86%;}
	#team .team .text{ margin-top:5%;}
	#about .main{ width:auto; margin:50px 0;}
	#about .main .text{ margin:0 20px;}

	#results .main{ width:auto; margin:50px 1%;}
	#results .year{ height:40px; line-height:40px; font-size:16px;}

	#president .main{ width:auto; margin:50px 20px;}
	#structure .main{ width:auto; margin:50px 20px;}
	#status .main .box{ width:auto; margin:50px 20px;}
	#status .main .menu .fl a{ width:100px; height:40px; line-height:40px;}
	
	.honorDl dd .img{ width: 30%; height: auto; margin-right: 5%;}
	.honorDl dd .con{ float: left; padding: 0px; width: 52%;}
	#safetyActivities .paget,#news  .paget{ width: 92%;}
}

@media screen and (max-width:860px){
	#index .main .news .title{ display:none;}
	#index .main .news .time{ display:none;}
	#index .main .news .list{ width:80%; margin:0 0 0 20px;}
	#index .main .news .more{ right:10px;}

	#contact li{ padding:40px 0;}
	#contact li .name{ width:auto; float:none;}
	#contact li .address{ width:auto; float:none; margin:10px 0 10px 10px;}
	#contact li .mapLink{ width:auto; float:none;}
	#contact li .mapLink a{ padding:0; background:none; margin:0 0 0 10px;}
	#contact li .mapLink a:hover{ background:none;}

	#enterpriseStyleDetail .top{ padding:40px 0 20px 0;}
	#enterpriseStyleDetail .top .fl{ float:none;}
	#enterpriseStyleDetail .top .back{ float:none; margin:20px 0 0 0;}

	#plan .stage li{ width:50%;}
	#stock .main table{ width:100%;}
	#regulations .main .contrast{ width:auto; padding:0 50px; float:none;}
	#news .main{ padding:60px 0 80px 0;}
	#news .main ul{ width:99%; margin:0 0 50px 0;}
	#news .main li{ width:46%; margin:0 0 20px 3%;}

	#progress .stage li{ width:48%; margin:0 1% 20px 1%;}

	#team .team .box{ width:80%;}
	#team .team .text{ margin-top:5px;}
	
	.honorDl dd{ padding: 10% 0px;}
	.honorDl dd .img{ width: 40%; height: auto; margin-right: 4%;}
	.honorDl dd .con{ float: left; padding: 0px; width: 54%;}
	.paget{ padding: 100px 0px 40px;}
	.paget .en1{ font-size: 16px;}
	.paget .en2{ font-size: 40px;}
	.paget .zh{ font-size: 22px;}
}

@media screen and (max-width:640px){
	#index .banner .text{ width:100%; left:0; margin-left:0;}
	#index .banner .text .p1{ font-size:28px;}
	#index .main .content li{ width:100%;}
	#index .main .content .li1 .img{ height:auto;}
	#index .main .news .list{ margin:0 0 0 10px;}
	#index .main .content .title{ padding-left:10px; padding-right:10px;}

	.banner1 .text{ margin:-20px 0 0 0;}
	.banner1 .text .p1{ font-size:26px;}
	.banner1 .text .p2{ font-size:16px;}

	#safetyActivities .main .menu{ margin:0 20px 40px 20px;}
	#safetyActivities .main .menu .fl{ float:none;}
	#safetyActivities .main .menu .fr{ float:none;}
	#safetyActivities .main ul{ width:auto; margin:0 20px;}
	#safetyActivities .main li{ width:100%; margin:0 0 40px 0;}


	#unionised .banner .text{ margin:-40px 0 0 0;}
	#unionised .banner .text .p1{ font-size:35px;}
	#unionised .banner .text .p2{ font-size:12px;}

	#culture .main li{ width:40%; margin:0 5% 20px 5%;}
	#plan .stage li{ width:100%;}
	#plan .stage li .text{ height:auto;}
	#plan .stage li .textBox{ position:static; padding:40px 0; margin:0 5% !important;}
	#plan .row1 .box{ margin:0 20px;}
	#plan .row1 span{ width:100%; padding:180px 0 40px 0; float:none !important;}
	#plan .row2 .text .box{ width:auto; margin:0 20px;}

	#talentStrategy .text{ padding:80px 20px;}
	#talentStrategy .text .p1{ margin:0; font-size:30px;}
	#talentStrategy .text .t{ margin:40px 0;}

	#jobsDetail .main{ padding:60px 0;}
	#jobsDetail .main .d1{ width:auto; margin:0; float:none;}
	#jobsDetail .main .d2{ width:auto; margin:0; float:none;}

	#stock .main .stockImg img{ width:100%; float:none !important;}
	#consultation .main .msg .ipt{ width:80%; text-indent:0; padding:6px 5px;}
	#consultation .main .msg textarea{ width:80%;}

	#regulations .main .newsList .time{ display:none;}
	#regulations .main .newsList .text{ width:auto; float:none;}
	#regulations .main .newsList .t{ height:auto;}
	#regulations .main .contrast{ padding:0 20px;}
	#regulations .main .contrastBox{ width:100%;}
	#regulations .main .contrast .lineBox{ width:10%;}

	#giantGas .main .t2{ padding:20px;}
	#progress .stage li{ width:100%; margin:0 0 20px 0;}

	#progress .history .year{ width:auto; height:60px; line-height:60px; float:none;}
	#progress .history .text{ width:auto; float:none; border:none;}

	#team .team .owl-prev,#team .team .owl-next{ transform:scale(0.7); -webkit-transform:scale(0.7);}

	#results .year{ height:32px; line-height:32px; font-size:14px;}
	#status .main .menu{ margin:0 0 40px 0;}
	#status .main .menu .fl{ float:none;}
	#status .main .menu .fl a{ width:auto; padding:0 10px; margin:0 1px 1px 0; height:30px; line-height:30px;}
	#status .main ul{ margin:0;}
	
	.honorDl dd .img{ width: 100%; height: auto; margin:0px; float: none;}
	.honorDl dd .con{ float: none; padding: 5% 0px; width: 100%;}
	.paget .en2{ font-size: 36px;}
}

@media screen and (max-width:520px){
	#team .team .box{ width:70%;}
	#team .team .face{ width:100%; margin:0;}
	#team .team .text{ width:100%; margin:20px 0 0 0;}
	.paget .en2{ font-size: 28px;}
}

@media screen and (max-width:420px){
	#index .banner .text .p1{ font-size:24px;}
	#index .banner .text .p2{ font-size:14px;}
	#index .main .content li .img{ height:auto;}
	#news .main{ padding:30px 0 80px 0;}
	#news .main ul{ width:auto; margin:0 20px 50px 20px;}
	#news .main li{ width:100%; margin:0 0 20px 0;}

	

}