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

body { margin:0; padding:0; background:#16274d; font-size:14px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; line-height:30px; color:#000;}
ul,li { margin:0; padding:0; list-style:none;}
h2 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#000;}
h3 { margin:0; padding:0; font-size:18px; color:#FF6600;}
a { color:#FF6600; text-decoration:none;}
a:hover { text-decoration:underline;}
img { border:none;}

/*topMenu*/
#topmenu {background: url("../images/topmenu_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);height: 34px;line-height: 34px;}
.topdiv {margin: 0 auto;width: 980px; font-size:12px;}
.topdiv a { color: #434242;}
.topdiv a:hover { color: #CC0000;}
.webname { color: #666666;float: left;width: 200px;}
.menulist {color: #434242;float: left;text-align: right;width: 780px;}
/* main */
.box {margin:0 auto; width:1025px;background:#fff;}
#header{float:left;}
.news{float:left;width:100%;height:270px;background:#fff;}
.title{float:left;width:100%;height:43px;background: url("../images/titlebg.jpg");}
/* banner1 */
#bd .slide {float:left;position:relative;width:329px;height:193px;background:#fff;margin-left:70px;_margin-left:35px;margin-top:10px;box-shadow: 10px 10px #ec652b;}
#bd a {vertical-align:baseline;}
.slide .slide-hd {position:absolute;bottom:5px;z-index:120;}
.slide-hd .slide-hd-bg {background:#fff;opacity:.5;filter:alpha(opacity=50);position:absolute;z-index:1;}
.slide-hd .thumb li {float:left;margin:0 6px 0 4px;_margin:0 3px 0 2px;}
.slide-hd .thumb li a {display:block;width:72px;height:44px;overflow:hidden;position:relative;cursor:pointer;z-index:120;border-radius:5px;}
.slide-hd .thumb a:hover .mask {background:0;opacity:1;filter:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;
transition:opacity .3s;}
.slide-hd .thumb li a .mask {display:block;position:absolute;z-index:121;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;
filter:alpha(opacity=30);-moz-transition:background .3s;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
.slide-hd .thumb .selected a .mask {width:72px;height:44px;background:0;opacity:1;filter:0;
-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;}
.slide .slide-bd {width:329px;height:193px;overflow:hidden;}
.slide .slide-bd .pic-list {width:2000px;height:193px;}
.slide .slide-btn a {position:absolute;top:0px;font-size:0;}


.newstext{float:right;width:410px;height:217px;text-indent:2em;color:#000;line-height:30px;margin:10px 76px 0 0;_margin:10px 38px 0 0;font-size:14pt;line-height:32px;}
.newstext a{color:#000;}
/* about */
.about{float:left;width:100%;height:300px;background:#fff;}
.titlespan1{float:left;font-size:18pt;line-height:43px;margin-left:80px;}
.titlespan2{float:left;font-size:18pt;line-height:43px;margin-left:270px;}
.abouttext{float:left;width:400px;text-indent:2em;color:#000;line-height:30px;margin:10px 0px 0 75px;font-size:12pt;line-height:35px;
 background: url("../images/bglogo.jpg") center 30px no-repeat;_margin:10px 0px 0 37px;}
.abouttext a{color:#000;}
.aboutvideo{float:left;width:329px;height:220px;margin:12px 0px 0 80px;box-shadow: 10px 10px #ec652b;position:relative;}
.videotitle{width:329px;height:30px;line-height:30px;font-size:13pt;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;
background:#000;background:rgba(0, 0, 0, 0.5)!important;filter:Alpha(opacity=50); }
.videotitle p{position:relative;}
/* 探寻赛道背后的故事 */
.behind{width:100%;float:left;background:#fff;}
.more{width:100%;text-align:center;font-size:11pt;line-height:40px;cursor:pointer;}
#con{display:none;}
/* 燃情赛道 */
.burning{float:left;width:100%;height:520px;background:#fff;}

#gallery{position:relative;width:865px;height:474px;float:left;margin:13px 0px 0 78px;_margin:13px 0px 0 39px;}
#image{position:relative;width:865px;height:474px; }
#image img{position:absolute;top:0px;left:0px}
#thumbwrapper{position:absolute;left:0;bottom:0;width:865px;height:120px;background:rgba(255,255,255, 0.5)!important;}
#thumbarea{position:relative;overflow:hidden;height:120px;width:865px;z-index:100;}
#thumbs{position:relative;list-style:none;height:120px;width:10000px;}
#thumbs li{position:relative;float:left;margin-left:12px;margin-top:10px;cursor:pointer}
.imgnav{position:absolute;height:474px;width:20%;z-index:100;outline:none;cursor:pointer}
#previmg{left:0;background:url(../images/prev.png) left center no-repeat;}
#nextimg{right:0;background:url(../images/next.png) right center no-repeat;}


/* 海湾石油冠军史 */
.champion{float:left;width:100%;height:315px;background:#fff;padding-top:30px;}
.championimg{float:left;border:1px solid #d7d7d7;padding:1px;box-shadow: 10px 10px #ec652b;margin:13px 0px 0 134px;_margin:13px 0px 0 67px;}
.championimg1{float:left;border:1px solid #d7d7d7;padding:1px;box-shadow: 10px 10px #ec652b;margin:13px 0px 0 150px;}
/* 新品速递 */
.newproduct{float:left;width:100%;background:#fff;}
.product{float:left;width:185px;margin:20px 0 60px 105px;_margin:20px 0 60px 52px;}
.product1{float:left;width:185px;margin:20px 0 60px 28px;}
.producttext1{width:165px;height:23px;background: url("../images/bg.jpg") no-repeat;font-size:12pt;line-height:23px;padding-left:20px;}
.producttext2{font-size:11pt;line-height:33px;}
.producttext3{font-size:11pt;line-height:30px;}
/* banner */
.banner{float:left;width:100%;padding-bottom:20px;background:#fff;}
/* 海湾广告宣传片 */
.propaganda{float:left;width:100%;height:420px;background:#fff;}
.propagandaimg{float:left;border:1px solid #d7d7d7;padding:2px;box-shadow: 10px 10px #ec652b;margin:13px 0px 0 106px;_margin:13px 0px 0 53px;}
/* 企业动态 */
.dynamic{float:left;width:430px;margin:20px 0px 0 65px;/* border:1px solid green; */}
.dynamic li{float:left;width:430px;background: url("../images/libg.png") no-repeat left bottom;padding-left:18px;line-height:33px;}
.dynamic li a{color:#000; overflow:hidden; display:block; height:30px; width:330px;}
.dynamic li i{float:right; font-style:normal}
/* footer */
.footer {float:left;width:1025px;padding:20px 0 ;text-align:center;color:#000;font-size:14px;background:#fff;}
.footer a { color:#000;}