@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{ height:100%; }
img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; } 
ol,ul { list-style:none; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
*html{ background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{ text-decoration: none; }
.bg-color{ background: #ff6900;}
.private-bg{ background: #f4f4f4;}
/* header */
.wrap{ display: block; position:relative; min-width:1000px; _height: 100%;}
.wrap h1{ display: none;}
/* nav */
.nav,.private-nav{ width: 100%; height: 89px; position: absolute; z-index: 111; top: 0; left: 0; background: url(../images/nav-b.png) repeat-x; _background: none;}
.nav2{ width: 100%; height: 89px; position: absolute; z-index: 111; top: 0; left: 0; background-color:#00427d;}
.newTytit{ overflow:hidden;width:100%; padding-top:28px;table-layout:fixed; word-break: break-all;}
.newTytit h2{ font-size:16px; line-height:18px; color:#295266; font-weight:bold; border-left:4px solid #38b7ea; text-indent:9px; margin-bottom:15px;}
.newTytit p{ color:#666; font-size:14px; line-height:24px;table-layout:fixed; word-break: break-all}
.private-nav{ background:#ff6900 url(../images/nav-b.png) repeat-x; _background-img: none; }
.nav-main{ width: 960px; margin: 0 auto; }
.logo{ display: block; width: 170px; height: 78px; position: absolute; z-index: 2; top: 6px; left: 50%; margin-left: -480px; }
.nav-main a{ height: 88px; padding: 0 18px; position: relative; font-size: 16px; color: #ffffff; overflow: hidden; float: right; }
.nav-main a em{ height: 88px; line-height: 88px; position: relative; top: 0; left: 0; z-index: 2; cursor: pointer; text-align: center; white-space: nowrap; }
.nav-main a:hover em,.nav-main a.cur{ color: #fff; }
.nav-main a i{ width: 100%; height: 88px; position: absolute; top: 0; left: 0; }
.nav-main a i.nav-hover{ display: block; animation-name: navhover; -webkit-animation: navhover 0.2s linear 0s normal none; -moz-animation: navhover 0.2s linear 0s normal none; animation: navhover 0.2s linear 0s normal none; background: rgba(0,0,0,0.1); color:#fff; }
@-webkit-keyframes navhover { from { opacity: 0; -webkit-transform:scale(0,1); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes navhover { from { opacity: 0; -moz-transform:scale(0,1); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes navhover { from { opacity: 0; transform:scale(0,1); } to { opacity: 1; transform:scale(1,1); } }
.title{ font-size: 26px; color: #0b6ed4;font-weight: 800;}
.title2{ font-size: 22px; color: #295266;font-weight: 800;}
/* slide */
.slide-main{ height: 380px; position: relative; }
.prev,.next{ display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 220px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev{ left:70px; }
.next{ right: 70px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 360px; left: 0; text-align: center; }
.item a{ display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }
.item a.cur{ background: #fff; }
.slide-box,.slide{ display: block; width: 100%; height: 380px; overflow: hidden; }
.slide-box{ position: relative; }
.slide{ display: none; height: 490px; padding-top: 89px; background: #ff6900; position: relative; position: absolute; z-index: 8; }
#bgstylea{ background: #014785;}
#bgstyleb{ background: #009dde;}
#bgstylec{ background: #142f5c;}
.slide a{ border: none; outline: none; }
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-j,.obj-k,.obj-jia,.obj-k,.obj-bus,.obj-busbao{ position: absolute; z-index: 9; left: 50%; }
.obj-a,.obj-b{ width: 952px; margin-left: -516px; text-align: center; }
.obj-a{ display: block; height: 352px; top: 100px; }
.obj-b{ top: 206px; height: 100px; margin-left: -230px; top: 180px;}
.obj-c{ top: 268px; height: 164px; margin-left: -306px;}
.obj-d{ top: 70px;height: 550px; margin-left: -290px;}
.obj-e{ width: 288px; height: 204px; margin-left: 10px; top: 180px; z-index: 12; }
.obj-f{ width: 960px; height: 520px; bottom: 0; margin-left: -490px; }
.obj-j{ width: 596px; height: 321px; margin-left: -540px; top: 150px; }
.obj-k{ width: 239px; height: 275px; margin-left: 140px; top: 180px; }
.obj-bus{ width: 504px; height: 309px; margin-left: -550px; top: 210px; }
.obj-jia{ width: 548px; height: 343px; margin-left: -20px; top: 128px; }
.banAnimate .obj-a{ display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }
@-webkit-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
@keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
.banAnimate .obj-b,.banAnimate .obj-busbao{ display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }
@-webkit-keyframes saAni { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes saAni { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes saAni { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }
.watch-code.code-show{ display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }
@-webkit-keyframes scode { from { opacity: 0; -webkit-transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; -webkit-transform:scale(1,1);  transform-origin:  left bottom; } }
@-moz-keyframes scode { from { opacity: 0; -moz-transform:scale(1,0);  transform-origin: left bottom; } to { opacity: 1; -moz-transform:scale(1,1); transform-origin: bottom bottom; } }
@keyframes scode { from { opacity: 0; transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; transform:scale(1,1); transform-origin:  left bottom; } }
.banAnimate .obj-c,.banAnimate .obj-e,.banAnimate .obj-j{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }
@-webkit-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
@keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
.banAnimate .obj-bus{  animation-name: busAnia; -webkit-animation: busAnia 0.5s linear 0s normal none; -moz-animation: busAnia 0.5s linear 0s normal none; animation: busAnia 0.5s linear 0s normal none; }
@-webkit-keyframes busAnia { from { left: 45%; top: 190px; -webkit-transform:scale(0.4,0.4); } to { left: 50%; top: 210px; -webkit-transform:scale(1,1); } }
@-moz-keyframes busAnia { from { left: 45%; top: 190px; -moz-transform:scale(0.4,0.4); } to { left: 50%; top: 210px;; -moz-transform:scale(1,1); } }
@keyframes busAnia { from { left: 45%; top: 190px; transform:scale(0.4,0.4); } to { left: 50%; top: 210px; transform:scale(1,1); } }
.banAnimate .obj-d,.banAnimate .obj-f,.banAnimate .obj-k,.banAnimate .obj-jia{ display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s linear 0s normal none; }
@-webkit-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
@keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
/* function */
.ft-main{ height: 298px; border-bottom: 1px solid #ebebeb; background: #f8f8f8;padding-top: 10px;}
.ftrow{ width: 960px; margin: 0 auto; }
.ftrow .col01{width: 460px;float: left;margin-top: 10px;}
.ftrow .colleft{width: 150px;float: left;}
.ftrow .colright{width: 290px;float: left;padding: 8px;}
.ftrow .colright p{width: 95%;height: auto;line-height: 1.6em;}
.ftrow .colright p a{color: #333333;}
.ftrow .colright p a:hover{color:#00427D;}
.ftrow .colright p b{font-size: 1.2em;font-weight: bold;}

.ftrow .dcg_round{display:inline-block;width:129px;height:129px;background:url(icons.png) center center no-repeat; -webkit-transition:all .5s;transition:all .5s;}
.ftrow .dcg_round:hover{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.ftrow .iWell_round{background-position:0 0;}
.ftrow .iWellPro_round{background-position:-129px 0;}
.ftrow .iReservoirPro_round{background-position:-258px 0;}
.ftrow .iData_round{background-position:-387px 0;}
.ftrow h3,.ft-list p,.icon-pc,.icon-phone,.icon-wifi{ position: absolute; z-index: 3; }
.ftrow h3,.ft-list p{ width: 100%; height: 24px; line-height: 24px; left: 0; text-align: center; overflow: hidden; }
.ftrow h3{ bottom: 72px; font-size: 20px; color: #333;font-weight: 500;}
.ftrow p{ bottom: 46px; color: #333; }

/* hot news */
.hot-news,.bbs-main,.news-main{ width: 960px; margin: 0 auto; }
.hot-news{ padding: 22px 0 30px 0; }
.hot-news2{width: 960px; margin: 0 auto; padding: 102px 0 30px 0; }
.news-main{ height: 160px; padding: 25px 0; position: relative; }
.news-img,.news-img img{ width: 300px; height: 160px; }
.news-img{ display: block; position: relative; position: absolute; z-index: 1; top: 25px; left: 0; overflow: hidden; cursor: pointer; }
.news-img img,.imgstyle img{ position: absolute; z-index: 1; top: 0; left: 0; }
.imgstyle img{ width: 322px; height: 172px; top: -6px; left: -11px; }
.aniimgstyle img{ display: block; animation-name: imgsacle; -webkit-animation: imgsacle 0.4s linear 0s normal none; -moz-animation: imgsacle 0.4s linear 0s normal none; animation: imgsacle 0.4s linear 0s normal none; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imgsacle { from { -webkit-transform:scale(1,1); } to { -webkit-transform:scale(1.2,1.2); } }
@-moz-keyframes imgsacle { from { -moz-transform:scale(1,1); } to { -moz-transform:scale(1.2,1.2); } }
@keyframes imgsacle { from { transform:scale(1,1); } to { transform:scale(1.2,1.2); } }
.news-info{ margin-left: 334px; }
.news-info2{ margin-left: 10px; }
.news-info h3{ height: 24px; line-height: 24px; font-size: 20px; overflow: hidden; }
.news-info h3 a{ color: #333;}
.news-info h3 a:hover{ color: #0b6ed4; }
.zpgrid{ border-top:1px #CCCCCC solid; margin-top:12px;}
.zpgrid th{ font-size:14px;border-bottom:1px #CCCCCC solid; background-color:#ededed; height:38px;text-align:center;}
.zpgrid td{ font-size:14px;border-bottom:1px #CCCCCC dashed; height:38px; text-align:center;}
.zpgrid a{ color:#0066CC;}
.time-share{ display: block; height: 32px; line-height: 32px; color: #666; }
.news-time{ display: inline-block; padding-right: 30px; }
.share-news{ display: inline-block; padding-right: 8px; }
.news-info p{ height: 72px; line-height: 22px; overflow: hidden; }
.news-info p a{ display: block; color: #666; cursor: pointer; }
.details{ display: block; width: 107px; height: 35px; line-height: 34px; position: absolute; z-index: 2; bottom: 25px; right: 0; background: url(../images/back.png) no-repeat left -54px; text-indent: 26px; overflow: hidden; cursor: pointer; color: #0b6ed4; }
.details:hover{ background-position: left -92px; color: #fff; }
.btn-hover{ animation-name: dethover; -webkit-animation: dethover 0.2s linear 0s normal none; -moz-animation: dethover 0.2s linear 0s normal none; animation: dethover 0.2s linear 0s normal none; }
@-webkit-keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
@-moz-keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
@keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
.n-sina,.n-qq,.n-space{ display: inline-block; width: 22px; height: 22px; margin-right: 10px; background: url(../images/back.png); background-repeat: no-repeat; text-indent: -999px; vertical-align: middle; overflow: hidden; }
.n-sina{ background-position: 2px -147px; }
.n-qq{ background-position: -37px -146px; }
.n-space{ background-position: -70px -146px; }
.n-sina:hover{ background-position: 2px -174px; }
.n-qq:hover{ background-position: -37px -173px; }
.n-space:hover{ background-position: -70px -173px; }
/* dede_pages */
.dede_pages{
	width:96%; margin:10px 10px 0px 10px;
}
.dede_pages ul {
	padding: 0px 0px 2px 0px; float: left;
}
.dede_pages ul li {
	padding: 2px 12px;border: 1px solid rgb(233, 233, 233); line-height: 17px; font-family: Tahoma; margin-right: 6px; float: left;
}
.dede_pages ul li a {
	color: rgb(85, 85, 85); float: left; display: block;
}
.dede_pages ul li a:hover {
	color:#03F; text-decoration: none;
}
.dede_pages ul li.thisclass {
	font-weight: bold; background-color: rgb(248, 248, 248);
}
.dede_pages ul li.thisclass a {
	font-weight: bold; background-color: rgb(248, 248, 248);
}
.pagebox ul li.thisclass a:hover {
	font-weight: bold; background-color: rgb(248, 248, 248);
}
.dede_pages .pageinfo {
	padding: 12px 10px 12px 16px; color: rgb(153, 153, 153);
}
.dede_pages .pageinfo strong {
	margin: 0px 2px; color: rgb(85, 85, 85); font-weight: normal;
}
/* footer */
.footer{ width: 100%; height: 40px; background: #464646;text-align: center; overflow: hidden;}
.bar-link,.copy{ display: inline-block; line-height: 40px; text-align: left; color: #c0c0c0; }
.bar-link{ width: 660px; }
.bar-link a{ display: inline-block; padding: 0 10px; color: #c0c0c0; }
.bar-link a:hover{ color: #fff; }
.copy{ width: 320px; }
.copy i{ display: inline-block; padding-right: 20px; }
.f-sina,.f-qq,.f-space{ display: inline-block; width: 28px; height: 40px; margin-right: 10px; background: url(../images/back.png); background-repeat: no-repeat; text-indent: -999px; vertical-align: top; overflow: hidden; }
.f-sina{ background-position: 2px -258px; }
.f-qq{ background-position: -40px -257px; }
.f-space{ background-position: -77px -257px; }
.f-sina:hover{ background-position: 2px -289px; }
.f-qq:hover{ background-position: -40px -288px; }
.f-space:hover{ background-position: -77px -288px; }
/*cln*/
.cln{width:100%; margin-top:10px;}
.cln_left{width:230px; float:left;}
.cln_right{width:730px; float:left;}
.cln_left ul{ padding:0; margin:0;}
.cln_left li{ list-style:none; padding:12px 30px;}
.cln_left li a{ font-size:18px;color:#666; text-align:center;padding:5px 40px;}
.cln_active{ background-color:#e6e6e6; padding:5px 40px;}
.cln_right p{ font-size:15px; line-height:30px;}
.cln_right span{ color:#0066CC;}
.gszzcon{ font-size:20px; line-height:62px;}
.gszzcon span{ margin:0px 10px;}
.gszzcon i{ color:#0066CC;}
.gszzcon a{ float:left; padding:0; margin:0; display:block; height:26px;line-height:26px;}

.anlfe{ width:100%; margin-top:18px;}
.anlfe i{ width:auto; float:left; font-size:18px; font-weight:600;}
.anlfe b{ width:auto; float:left;height:46px; line-height:46px;font-size:22px; display:block;font-weight:600; color:#333333;padding-left:10px;}
.anlfe ul{ padding:0; margin:0; clear:both;}
.anlfe li{ list-style:none; padding:8px 5px; font-size:15px;}

.lwmico1{ width:23px; height:23px; background:url(lwmico1.jpg) no-repeat center center; display:block; float:left; padding:0; height:26px;}
.lwmico2{ width:23px; height:23px; background:url(lwmico2.jpg) no-repeat center center; display:block; float:left; padding:0; height:26px;}
.lwmico3{ width:23px; height:23px; background:url(lwmico3.jpg) no-repeat center center; display:block; float:left; padding:0; height:26px;}
.lwmico4{ width:23px; height:23px; background:url(lwmico4.jpg) no-repeat center center; display:block; float:left; padding:0; height:26px;}
.lwmico5{ width:23px; height:23px; background:url(lwmico5.jpg) no-repeat center center; display:block; float:left; padding:0; height:26px;}

.anlfe .dcg_round{display:inline-block;width:60px;height:60px;background:url(icons2.png) center center no-repeat; float:left; -webkit-transition:all .5s;transition:all .5s;}
.anlfe .dcg_round:hover{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.anlfe .iWell_round{background-position:0 0;}
.anlfe .iWellPro_round{background-position:-60px 0;}
.anlfe .iReservoirPro_round{background-position:-120px 0;}
.anlfe .iData_round{background-position:-180px 0;}
.anlfe p{ clear:both; padding:10px; font-size:15px; line-height:22px;}


.title2 b{height:60px; line-height:60px; padding-left:10px; font-weight:600;}
.title2 .dcg_round{display:inline-block;width:60px;height:60px;background:url(icons2.png) center center no-repeat; float:left; -webkit-transition:all .5s;transition:all .5s;}
.title2 .dcg_round:hover{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.title2 .iWell_round{background-position:0 0;}
.title2 .iWellPro_round{background-position:-60px 0;}
.title2 .iReservoirPro_round{background-position:-120px 0;}
.title2 .iData_round{background-position:-180px 0;}
.newTytit p{ font-size:16px; line-height:28px;}

.main-xwxx{ width:960px; margin:0 auto; padding-top:10px;}
.main-xwxx h2{ font-size:20px; font-weight:600; text-align:center; color:#333333; padding:10px;}
.main-xwxx .line{ border-bottom:1px #CCCCCC solid;}
.maincontext{ font-size:14px; line-height:26px; padding:10px;}