@charset "utf-8";
/* Download : http://www.jb51.net *?
/* Reset css*/
body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}
.oh{overflow:hidden}
.dis{display:none}
/*a*/
a{ text-decoration:none; color:#555;}

/*title*/
h1 { font-size:50px;}
h2 { font-size:30px;}
h3 { font-size:30px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:9px;}
.fl{float:left}
.fr{float:right}

.top{border-top:2px solid #ff011d;background:#f5f5f5}

.container{margin:0 auto;position:relative} /** width:1300px; **/

.caret{display:inline-block;margin-left:4px;width:10px;height:8px;background:url("../images/indexsp.png") no-repeat;background-position:-30px -27px;}
.img img{width:100%;height:100%}




/*--top--*/
.top .container{height:48px;line-height:48px;font-size:14px;}
.top .top-tel{color:#4c4942}
.top .top-tel i{margin:0 4px;display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("../images/indexsp.png") no-repeat;}
.top .top-navbar{position:absolute;right:0;top:0;width:310px;height:48px;line-height:48px;}
.top .top-navbar .top-nav{position:relative;float:left;width:33.3%;text-align:center;cursor:pointer}
.top .top-navbar .top-nav a{color:#000}
.top .top-navbar .top-nav a:hover{color:#ff001e}
.top .top-navbar .top-nav .down{display:none;position:absolute;left:50%;margin-left:-90px;width:180px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5;}
.top .top-navbar .down a{display:block;height:30px;line-height:30px;}

/*.top .top-navbar .down a:hover{background:#ff001e;color:#fff}*/
.top .top-navbar .down a:hover{color:#ff001e}
/*.top .top-navbar .top-nav:hover .down,.top .top-navbar .top-nav:hover .nation-list{display:block;}*/
.top .top-navbar .nation-list{display:none;position:absolute;right:0;padding:20px;width:460px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5}
.top .top-navbar .nation-list .col{float:left;width:50%;font-size:12px;text-align:left}
.top .top-navbar .nation-list .col a{display:block;height:26px;padding-left:16px;line-height:26px;background:url("../images/rect.jpg") left center no-repeat}
.top .top-navbar .nation-list .col .son{padding-left:26px;background-position:10px center}
.top .top-navbar .nation-list .col .gson{padding-left:46px;background-position:30px center}
.top .top-navbar .nation-list .nation-tl{font-size:16px;font-weight:bold}
.top .top-navbar .nation-list a:hover{color:#ff001e}


/*--navbar--*/
.navbar{padding:10px 0;height:70px;position:relative}
.navbar .logo{float:left;width:225px;height:70px;}

.navbar .nav{float:center;width:100%;}
.navbar .nav>ul{}
.navbar .nav>ul>li{position:relative;float:left;width:128px;height:70px;line-height:70px;font-size:18px;text-align:center}
.navbar .nav>ul>li>a{display:block;}
.navbar .nav>ul>li .caret{margin-left:8px}
.navbar .nav a{display:block;color:#000;}
.navbar .nav>ul>li>.active,.navbar .nav>ul>li:hover>a{color:#ff001e}
.navbar .nav>ul>li>.active>.caret,.navbar .nav>ul>li:hover>a>.caret{background-position:-30px -37px;}



/*.navbar .nav>ul>li:hover .down{display:block}*/
.navbar .nav .down{position:absolute;left:-45px;top:58px;width:220px;background:#fff;z-index:20;border-top:2px solid #ff011d;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .down li{position:relative;background:#fff}
.navbar .nav .down ul>li>a{height:40px;line-height:40px;font-size:16px;}
.navbar .nav .down ul>li:hover>a{background:#ff001e;color:#fff;}
.navbar .nav .down ul>li:hover>.has-caret{background:url("../images/caret.png") no-repeat 196px center #ff001e;}


/*.navbar .nav .down ul>li:hover>.right{display:block}*/
.navbar .nav .right{position:absolute;left:220px;top:0;width:220px;background:#fff;z-index:20;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .port{top:-200px}
.navbar .nav .cnc{top:-40px}
.navbar .nav .petroleum{top:-160px}
.navbar .nav .coal{top:-286px}
.navbar .nav .lng{top:-80px}
.navbar .nav .cppj{top:-321px}
.navbar .nav-search{position:absolute;right:0;top:24px;width:24px;height:24px;background:url("../images/indexsp.png") no-repeat;background-position:-30px -0;cursor:pointer}
.navbar .search-bar{display:none;position:absolute;left:50%;bottom:-60px;margin-left:-231px;width:460px;height:30px;border:1px solid #999;z-index:2}
.navbar .search-bar input{float:left;height:30px;line-height:30px;font-size:14px}
.navbar .search-bar .keyword{width:400px}
.navbar .search-bar .sbtn{width:60px;background:#ce031c;cursor:pointer;color:#fff}

/*--modal--*/





























.modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}
.modal-dialog{position:absolute;left:0;top:-174px;width:100%;background-color: #2b2b2b;}
.modal-content{width:1050px;margin:auto;padding:22px 0}
.modal-content>div{float:left}
.modal-content .search-logo{width:162px;height:128px;}
.modal-content .search-bar{margin:47px 30px 47px 50px;width:760px;height:34px;background:#eee;border-radius:4px;overflow:hidden}
.modal-content .search-bar label{margin-top:-8px;display:inline-block;width:46px;height:34px;background:url("../images/searchbg.png") no-repeat center;vertical-align:middle}
.modal-content .search-bar .keyword{float:left;padding-left:10px;width:700px;height:34px;line-height:34px;font-size:16px; border:0}
.modal-content .search-bar .search-btn{float:left;width:50px;height:34px;line-height:34px;text-align:center;font-size:16px;background:#ef011c;color:#fff;cursor:pointer; border:0}
.modal-content .search-close{float:left;margin:47px 0;width:34px;height:34px;line-height:28px;text-align:center;color:#666;font-size:26px;font-weight:700;text-shadow: 0 1px 0 #666;vertical-align:top;cursor:pointer;}
.modal-content .search-close:hover{color:#ccc}
.modal-open{overflow:hidden;padding-right:17px}


/*导航*/
.menu{width:1200px; height:100px; margin:0 auto}
.logo{width:300px; height:100px; float:left}
/*div.nav{
    width: 840px;
    height:100px;
    line-height: 100px;
	float:right;
    text-align: center;
    font-size: 12px;
    position: relative;
	margin:0 auto;
	z-index:999
}*/
/*nav-main*/

ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('../images/down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
	transform: rotateY(180deg); 

}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 14.28%;
    height: 100%;
    display: block;
	font-size:16px;
    float: left;
    color: #000;
    cursor: pointer;
}
ul.nav-main>li a{color:#000;}
ul.nav-main>li:hover{
    background:url(../images/lnav-back.jpg);
	color:#fff
}
ul.nav-main>li a:hover{color:#fff}
/*隐藏盒子设置*/
div.hidden-box{
    width: 14.28%;
    border-top: 0;
    position: absolute;
    display:none;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
}
.hidden-box li{
    background: #ff001e;
    color: #fff;
	height:50px;
	line-height:50px;
}
.hidden-box li a{color:#fff; font-size:14px}
.hidden-box li:hover{
    background: #a01f06;
    color: #000;
}
.hidden-box li a:hover{color:#ff0;}
/*隐藏盒子位置设置*/
.hidden-1{
    left: 14.28%;
}
.hidden-2{
    left: 28.56%;
}
.hidden-3{
    left: 42.84%;
}
.hidden-4{
    left: 57.12%
}
.hidden-5{
    left: 71.4%;
}
.hidden-6{
    left: 85.68%;
}

.lang{position:absolute; right:20px; top:20px}
.lang dl{ float:left;}
.lang dl dd{ float:left; width:auto; height:22px; margin-left:10px}
.lang dl dd a.cn{width:22px; height:22px; display:block; background:url(../images/cn.png)}
.lang dl dd .en{width:22px; height:22px; display:block; background-image:url(../images/en.png)}
.lang dl dd .ch{width:22px; height:22px; display:block; background-image:url(../images/ch.png)}
.lang dl dd .tm{width:40px; height:22px; display:block; background-image:url(../images/tmall.png)}
.lang dl dd .cn:hover{ background-image:url(../images/cnh.png)}
.lang dl dd .en:hover{ background-image:url(../images/enh.png)}
.lang dl dd .ch:hover{ background-image:url(../images/fan2.png)}
.lang dl dd .tm:hover{ background-image:url(../images/tmh.png)}
/*边导航*/
.floating_ck{position:fixed;right:10px;bottom:50px; z-index:999}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#333;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/ewm.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px; font-size:14px}
.floating_left{position:absolute;left:-130px;top:0px;width:130px;height:80px;background-color:#333;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:450px;top:-290px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:100px;height:100px;margin:auto;margin-top:14px; background-size:cover}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:14px;}

.head-v3{position:relative;z-index:100;width:1200px; margin:0 auto; bottom:0}
.head-v3 .navigation-inner{margin:0 auto;width:1200px;position:relative}
.navigation-up{height:60px;}
.navigation-up .navigation-v3{float:right;_margin-right:10px; padding-top:5px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:60px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%; height:272px;margin:0;position:absolute;top:0px; background:#3c4145}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 90px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#d1ddf9;padding-bottom:10px;border-bottom:1px solid #d1ddf9;margin-bottom:10px; font-weight:bold}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/26px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#d1ddf9}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

/*页脚*/
.footer {
	width: 100%;
	height: auto;
	background: #3c4145
}
.footer .footer-new {
	width: 1200px;
	height: auto;
	margin: 0 auto
}
.footer .footer-new .conn1 {
	width: 525px;
	height: auto;
	padding: 45px 0 50px 0;
	float: left
}
.footer .footer-new .conn1 p {
	font-size: 12px;
	line-height: 26px;
	color: #979797;
	text-align:right
	
}
.footer .footer-new .conn1 .select {
	width: 525px;
	height: auto;
	margin-top: 20px;
	position:relative;
	z-index:101;
}
.footer .footer-new .conn1 .select .con1 {
	width: 256px;
	height: 33px;
	line-height: 33px;
	position: relative;
	float: left
}
.footer .footer-new .conn1 .select .con1 .select1 {
	width: 237px;
	height: 33px;
	display: block;
	background: url(../images/select.jpg) no-repeat;
	font-size: 14px;
	color: #3c4145;
	padding-left: 19px
}
.footer .footer-new .conn1 .select .con1 ul {
	width: 256px;
	height: auto;
	background: #fff;
	position: absolute;
	bottom: 33px;
	display: none
}
.footer .footer-new .conn1 .select .con1 ul li {
	width: 256px;
	height: 33px;
	line-height: 33px
}
.footer .footer-new .conn1 .select .con1 ul li a {
	font-size: 12px;
	color: #3c4145;
	margin-left: 19px
}
.footer .footer-new .conn1 .select .con1 ul li:hover {
	background: #1b1d1e
}
.footer .footer-new .conn1 .select .con1 ul li:hover a {
	color: #fff
}
.footer .footer-new .conn1 .select .con1:hover ul {
	display: block
}
.footer .footer-new .conn1 .select .con2 {
	width: 256px;
	height: 33px;
	line-height: 33px;
	position: relative;
	float: right
}
.footer .footer-new .conn1 .select .con2 .select1 {
	width: 237px;
	height: 33px;
	display: block;
	background: url(../images/select.jpg) no-repeat;
	font-size: 14px;
	color: #3c4145;
	padding-left: 19px
}
.footer .footer-new .conn1 .select .con2 ul {
	width: 256px;
	height: auto;
	background: #fff;
	position: absolute;
	bottom: 33px;
	display: none
}
.footer .footer-new .conn1 .select .con2 ul li {
	width: 256px;
	height: 33px;
	line-height: 33px
}
.footer .footer-new .conn1 .select .con2 ul li a {
	font-size: 12px;
	color: #3c4145;
	margin-left: 19px
}
.footer .footer-new .conn1 .select .con2 ul li:hover {
	background: #1b1d1e
}
.footer .footer-new .conn1 .select .con2 ul li:hover a {
	color: #fff
}
.footer .footer-new .conn1 .select .con2:hover ul {
	display: block
}
.footer .footer-new .conn1 .share {
	width: auto;
	height: auto;
	margin-top: 18px;
	float:right
}
.footer .footer-new .conn1 .share a {
	width: 28px;
	height: 28px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0
}
.footer .footer-new .conn1 .share a.bds_weixin {
	background: url(../images/weixin.png) no-repeat
}
.footer .footer-new .conn1 .share a.bds_tsina {
	background: url(../images/weibo.png) no-repeat
}
.footer .footer-new .conn1 .share a.bds_qzone {
	background: url(../images/qq.png) no-repeat
}
.footer .footer-new .conn {
	width: 675px;
	height: auto;
	float: left;
}
.footer .footer-new .conn .ewm {
	width: 275px;
	margin-top: 54px;
}
.footer .footer-new .conn .ewm img{ margin-right:16px}
.footer .footer-new .conn p {
	font-size: 12px;
	line-height: 20px;
	color: #6e6e6e;
	text-align: left;
	margin-top: 10px
}
.footer .footer-new .conn p a {
	color: #6e6e6e
}
.footer .footer-new .conn p a:hover {
	color: #F29000
}
.foot {
	width: 100%;
	height: 50px;
	background: #1b1d1e
}
.foot .foot-new {
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow:hidden
}
.foot .foot-new a {
	color: #a8a8a8;
	font-size: 14px;
	float: left
}
.foot .foot-new a:hover{
	color: #ff001e
}
.foot .foot-new span {
	display: block;
	width: 1px;
	height: 11px;
	background: #a8a8a8;
	opacity: 0.3;
	float: left;
	margin: 20px 27px 0 27px
}
.foot .foot-new i{float:right;color: #a8a8a8;font-size: 14px; font-style:normal}

/*网站地图*/

.map{width:860px; overflow:hidden}
.map a:hover{color:#e60012}
.map_1{
	width:105px;
	float:left;
	border-top: 1px #e60012 solid;
	padding:10px 0 20px 0;
	line-height:36px;
	font-size:14px; 
}
.map_1 a{color:#e60012}
.map_2 {width:745px;
		float:right;
		border-top: 1px #e3e3e3 solid;
		padding:10px 0 20px 0;
}
.map_3{
	float:left;
	width:122px;

}
.map_4{width:870px;}
.color_1{ color:#535353; font-size:16px; font-weight:bold}
.color_2{ color:#6e6e6e; font-size:14px}