﻿/*2014新年背景开始*/
.div_newyear_out{ width:100%; background:url(../images/newyear/newyearbg1.gif) top repeat-x}
.div_newyear_bg{ width:100%; background:url(../images/newyear/newyearbg.jpg) top center no-repeat}
.div_newyear_top{ width:1000px; margin:0 auto;}
.newyear_logo a{ float:left; width:434px; height:30px; background:url(../images/newyear/logo1.gif) no-repeat; margin:30px 0 18px 0}
/*2014新年背景结束*/
.div_main_out{ width:100%; background:url(../images/outbg.jpg) top repeat-x;}
.div_main_top{ width:1000px; margin:0 auto; background:url(../images/banner.jpg) no-repeat}
.div_logo a{ float:left; width:200px; height:30px; background:url(../images/logo.png) no-repeat; margin:30px 0 18px 0}
.div_search{ float:right; width:373px; height:37px; margin-top:27px; display:inline}
.searchinput{ float:left; width:280px; height:37px; background:url(../images/searchlbg.gif) no-repeat; border:0; text-indent:1em; line-height:37px; font-size:14px; color:#9b9b9b}
.searchbutton{ float:left; width:78px; height:37px; border:0; background:url(../images/searchr.gif) no-repeat; cursor:pointer;}
.div_tel{ float:right; width:151px; margin-top:28px; margin-left:25px}
.div_navtop{ float:left; width:174px; height:22px; background:url(../images/navtop.gif) bottom no-repeat}
.div_collect{ float:right; width:180px; height:22px; background:url(../images/collectbg.gif) no-repeat; text-align:right;}
.div_collect a{ line-height:22px; color:#0f0f0f; margin-right:5px; cursor:pointer}
.div_leftnav{ float:left; width:160px; background:#173d72; height:689px;}
.div_leftnav div{ display:block; width:160px; height:24px; background:#082e63;  text-align:center}
.topzx a{ display:block; width:107px; height:14px; background:url(../images/top.gif) no-repeat; margin-left:6px; *margin-left:-35px; font:bold 14px/14px  "Microsoft yahei"; color:#fff;}
.topzx a:hover{ background:url(../images/top1.gif) no-repeat; color:#f60;}
.leftnav li{ height:37px; border-top:1px #3d5d8a solid; border-bottom:1px #0a2a55 solid; padding-left:18px; position:relative;}
.leftnav li a.nav{ display:block; margin:3px 0 1px 0; width:95px; height:33px; padding-left:15px; font:bold 14px/25px "Microsoft yahei"; color:#fff; background-position: 0 0; z-index:100000; }
.leftnav li a.nav:hover{ color:#f60;}
.leftnav li a.nav:hover,.leftnav li a.hover1,.leftnav li:hover a.nav,.leftnav li.hover1 a.nav{ background-position: 0 -33px; position:relative; height:33px; overflow:hidden; color:#f60;}
.leftnav li div{ display:none; width:720px;  border:2px #ff9505 solid; background:#fff; z-index:999; position:absolute; left:126px; top:0; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.leftnav li:hover div,.leftnav li.hover1 div{ display:block}    
.oil{ background-image:url(../images/navoil.png);}
.naturalgas{ background-image:url(../images/tianranqi.png)}
.plas{ background-image:url(../images/suliao.png)}
.chem{ background-image:url(../images/huagong.png)}
.rubb{ background-image:url(../images/xiangjiao.png)}
.fiber{ background-image:url(../images/huaxian.png)}
.coal{ background-image:url(../images/meitan.png)}
.coalchem{ background-image:url(../images/meihuagong.png)}
.saltchem{ background-image:url(../images/yanhuagong.png)}
.oleochem{ background-image:url(../images/youzhihuagong.png)}
.fchem{ background-image:url(../images/fuhuagong.png)}
.pu{ background-image:url(../images/juanzhi.png)}
.industgas{ background-image:url(../images/gongyeqiti.png)}
.coating{ background-image:url(../images/tuliao.png)}
.carbon{ background-image:url(../images/TANSU.png)}
.fert{ background-image:url(../images/huafei.png)}
.yiyao{ background-image:url(../images/yiyao.png)}
.dye{ background-image:url(../images/dye.png)}
.libat{ background-image:url(../images/libat.png)}
.navinfo a{ text-align:left; line-height:23px;}
.navinfo p{ display:block; height:36px; width:720px; border-bottom:1px #e8d2bb solid; text-align:right; padding:0; margin:0}
.navinfo p a{ line-height:36px; margin-right:12px; color:#6a6a6a;_margin-right:8px;}
.colb,.colbr{ color:#3076be!important}
.colbr{ margin-right:35px!important}
.navinfo span{ color:#000; text-align:left; padding:5px 0 5px 20px; line-height:23px;}
.navinfo span b,.navinfo span b a{ color:#054373}
.navinfo span strong, .navinfo span strong a{ font-weight:normal; color:#054373}
.navinfo span a{ margin-right:10px}
.dl_nav{display:block; float:right; width:385px; height:110px; padding:5px 20px; background:#f6f6f6; text-align:left;}
.dl_nav dt{ font-size:14px; font-weight:bold; color:#aa6213; line-height:30px;}
.dl_nav dd{ width:49%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dl_nav dd a{ color:#aa6213; line-height:27px;}
.div_banner{ width:840px; height:350px;}
.notice{ width:840px; height:350px; background:url(../images/banner/gonggao.jpg);}
.notice ul{ float:right; width:276px; height:260px; margin-top:90px; margin-right:73px; display:inline}
.notice ul li{ width:276px; list-style-type:none;overflow:hidden; white-space:nowrap; text-overflow: ellipsis; padding-left:10px; line-height:27px; background:url(../images/libg.gif) left center no-repeat}
.notice ul li a{ color:#fff; font-size:14px; text-decoration:none;}
.notice ul li a:hover{ color:#f60!important;}
.banner_nav a{ float:left; display:block; width:20%; height:40px; text-align:center; line-height:40px; font-size:14px; color:#a6a6a6; background:#fff url(../images/bannernavbg.gif) top repeat-x; cursor:pointer}
.banner_nav a:hover,.banner_nav a.hover{ background:#fff url(../images/bannernavabg.gif) bottom no-repeat; color:#fb9f1a}
.banner_navb{ height:19px; background:url(../images/banner_b.gif)}
.div_content{ background:#fff; padding:14px;}
/*.div_flash{ float:left; width:263px; height:241px; overflow:hidden; position: relative;}
.div_flash .content_box{ width:789px; position: absolute; height: 241px; top:0; left:0;}
.div_flash .content_box a{ display: block; float: left;}
.div_flash .content_box img{ display: block;}
.div_flash .content_num{ position: absolute; right: 0;bottom:0; height: 23px;}
.div_flash .content_num a{ display: block; float: left; width: 27px; height: 23px; cursor: pointer; line-height: 23px; text-align: center; font-size: 16px; margin-left: 5px; background: white;opacity: 0.5;filter:alpha(opacity= 50);color: black;}
.div_flash .content_num a.hover{ background-color: gray;}*/

.div_meeting{ float:left; width:385px; position:relative}
.div_meeting .box dl{ height:114px; margin-bottom:14px;}
.div_meeting dl img{ float:left; width:212px; height:113px; margin-right:8px}
.div_meeting dl dt a{ font-size:14px; font-weight:bold; color:#424242}
.div_meeting dl dd{ color:#d77e00}
.div_meeting dl dd a{ color:#505050; float:right;}
.div_meeting span{ float:right; width:34px}
.div_meeting span a{ margin-right:2px; float:left; cursor:pointer}
.div_hot{ float:right; width:425px; height:255px; background:url(../images/hotbg.gif) left top no-repeat;position:relative; overflow:hidden;}
.div_hot dl dt a{ display:block; height:24px; font:bold 14px/35px "宋体"; color:#245ba8; line-height:24px; overflow:hidden;}
.div_hot dl dd{ line-height:24px; color:#898989; margin-bottom:10px}
.div_hot dl dd a{ color:#f50}
.div_hot .hcontent{ position:absolute; width:1500px;}
.div_hot .hcontent div{ width:410px; height:210px; float:left; padding-left:15px;}
.qieh{float:right; width:80px; height:10px; margin-top:8px; overflow:hidden}
.qieh i a{ display:block; float:left; width:6px; height:6px; background:url(../images/qh1.gif) no-repeat; margin-left:2px; cursor:pointer}
.qieh i a:hover{ background:url(../images/qh.gif) no-repeat}
.imghover{ background:url(../images/qh.gif) no-repeat!important}
.qieh a{ float:left; margin:0 5px; cursor:pointer}
.div_hot span{float:right; margin-top:5px}
.ul_hot{ margin-top:10px}
.ul_hot li{ width:530px; line-height:30px;}
.ul_hot li span{ float: right; color: #707070;}
.ul_hot li a{ display: block; width: 460px; font-size:14px; color:#585858; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ul_hot li a:hover{ color:#f60}
.hot_b,.pcpi_b{ border-top:1px #f2f2f2 solid;padding-top:7px;height:78px; position:absolute; top:187px; width:200px; left:15px;}
.hot_b a,.pcpi_b a{font:bold 14px/30px "宋体"; color:#245ba8;}
.pcpi_b{ width:170px; right:15px; left:auto}

.head{ height:30px; border-bottom:1px #ebebeb solid;}
.head b{ float:left; font-weight:normal; color:#acacac;}
.head b a{ font-size:14px; line-height:30px; color:#7b7b7b; margin:0 10px}
.hover{ font-weight:bold; color:#424242!important}
.head span a{ float:right; margin-top:10px}
.div_head1{ height:37px; background:url(../images/head1bg.gif) repeat-x; border-top:1px #e7e7e7 solid; padding:8px 0 0 5px; margin-top:10px; clear:both}
.div_head1 a{ float:left; width:90px; height:29px; text-align:center; font-size:14px; color:#b97000; background:url(../images/head1abg.gif) right center no-repeat}
.div_head1 a:hover{ background:url(../images/head1abg1.gif) no-repeat; color:#fff; font-weight:bold}
.div_head1b{ height:20px; background:url(../images/head1bbg.gif)}
.ul_w450{ margin-top:5px}
.ul_w450 li{ width:460px; line-height:33px;}
.ul_w450 li span{ float: right; color: #707070;}
.ul_w450 li a{ display: block; width:400px; font-size:14px; color:#585858; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ul_w450 li a:hover{ color:#c8261a}
.ul_list li{ line-height:33px;}
.ul_list li span{ float: left; color: #707070; margin-right:5px;}
.ul_list li a{ font-size:14px; color:#585858;}
.ul_list li a:hover{ color:#c8261a}
.J_more{ width:23px; height:5px; display:block; background-image:url(../images/jmore2.gif); background-position: 0 0}
a.J_more:hover{background-image:url(../images/jmore2.gif); background-position:0 -11px; height:5px; overflow:hidden}
.ul_fresh{ margin-top:5px;}
.ul_fresh li{ line-height:33px; color:#707070}
.freshimg{ float:left; display:block; width:76px; height:25px; background:url(../images/blackbg.gif) right center no-repeat; padding-top:5px}
.content{ float:left; display:block; width:330px; margin-left:10px}
.content span{ color:#3e7ddb}
.div_pic{ width:318px; height:118px; position:relative}
.pict{width:235px; height:45px; position:absolute; bottom:-31px; left:40px; line-height:30px; font-weight:bold; color:#fff; text-align:center}
.green{ border:1px #b2de82 solid}
.blue{ border:1px #9acbe8 solid}
.coffee{ border:1px #c1a27e solid}
.greent{ background:url(../images/greenbg.png) no-repeat;}
.bluet{ background:url(../images/bluet.png)}
.coffeet{ background:url(../images/coffeet.png)}
.div_footer_out{ width:100%; background:#fff; border-top:1px #cacaca solid; margin-top:50px; padding:10px 0 5px 0;}
.div_footer{ width:1000px; margin:0 auto; color:#717171; font-family:Arial}
.footer_t{ line-height:35px; border-bottom:1px #e7e7e7 solid; color:#717171; font-family:Arial; margin-bottom:5px}
.footer_t p{ float:left}
.footer_t p a{ margin:0 10px; color:#717171}
.footer_t span{ float:right}
.footer_t span a{ font:bold 14px/35px Arial; color:#336ca8}
.root{ margin:20px 0; text-align:center}
.clear2{ clear:both; visibility:hidden}

.ny_top{ width:946px; margin:0 auto; height:90px; background:url(../images/nytopbg.jpg) no-repeat}
.ny_site{width:946px; margin:0 auto; height:35px; line-height:35px; color:#707070}
.ny_site a{ color:#707070}
.ny_head,.ny_head1{ height:35px; background-image:url(../images/nyhead.gif); background-position:0 0; color:#fff; padding-left:25px; font:bold 14px/35px "宋体"; margin-top:20px}
.ny_head1{ background-position:0 -35px}
.ny_snav{ border-top:1px #e5e5e5 solid; border-left:1px #e5e5e5 solid;}
.ny_snav a{ float:left; display:block; width:131px; height:33px; line-height:33px; background:#f3f6f9; text-align:center; font-size:14px; color:#15355c; border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid;}
.ny_snav a:hover{ font-weight:bold; color:#f60!important}
.ny_project img{ margin-top:10px;}
.ny_project a{ display:block; width:266px; text-align:center; overflow:hidden; font-size:14px; color:#3e3a39; line-height:30px}
.ny_roll{ float:right;}
.ny_roll a{ margin-left:2px; cursor:pointer}
.ny_roll img{ margin-left:2px; cursor:pointer}
.ny_content{ border:1px #e5e5e5 solid; margin-top:20px}
.title{ margin:20px 0; text-align:center; font:bold 22px/40px "Microsoft YaHei"}
.title_b{ padding:0 10px; height:30px; background:#eeeeee; line-height:30px;}
.title_b b{ float:left; font-weight:normal; color:#3e3a39}
.title_b span{ float:right; color:#888888}
.news_info{ margin:20px 15px; font-size:14px; color:#000}
.ny_bz{ margin:20px; color:#727171}
.ny_bz a{ color:#3e3a39; text-decoration:underline}
/********登录页面样式开始*************/
.login_l{ width:230px; height:55px; background:url(/images2/login_l.gif) no-repeat; text-align:center; padding-top:420px}
.login_l a{ color:#fff}
.login_l a:hover{ text-decoration:none}
.login_r_block{ float:left; width:330px; height:193px; background:url(/images2/login_bg.gif) no-repeat}
#textfieldd{ border:1px #dedede solid;}
.login_t{border-bottom:1px #ccc dotted; line-height:32px}
.login_b{ height:50px; background:url(/Images2/login_b_bg.gif) repeat-x; margin-top:1px; font-size:14px; padding:20px 0 0 20px}
.login_r_block2{ float:left; width:315px; font-size:12px; border-left:none; padding-left:10px; color:#868889}
.buttonface {font-size: 14px;height: 16px;	border: 1px solid #BECFD8;}
/********登录页面样式结束*************/
.ny_hot{ height:45px; font:normal 25px/45px "Microsoft YaHei"; padding-left:15px; color:#000; margin-top:20px}
.ny_hot a{ color:#000; margin-right:10px; font-weight:bold}
.ny_hot span{ font-family:Arial; margin-left:10px; color:#ff0000}
.ul_w660{ margin-top:20px}
.ul_w660 li{ height:40px; line-height:40px; padding:0 15px; font-size:12px; color:#707070}
.ul_w660 li a{ float:left; width:550px; font:bold 14px/40px "宋体"; color:#393737; background:url(../images/li_bg.png) left center no-repeat; padding-left:14px}
.ul_w660 span{ float:right;}
.ul_w660 .nodate{ display:block; width:100%; height:30px; text-align:center;}
.bcolor{ background:#e9f0f6}

/***化工产品价格行情一览宣传推广页***/
.spread_head{ width:946px; margin:0 auto; padding:30px 0; overflow:hidden;}
.spread_tel{ float:right; background:url(../spread/images/tel.gif) no-repeat; height:28px; padding-left:40px; line-height:14px; font-weight:bold;}
.spread_banner{ background:#ee722e; height:333px;}
.spread_banner ul,.spread_main{ width:946px; margin:0 auto;}
.spread_main dl{ margin:30px 0 0 0;border-bottom:1px #efefef solid;  padding-bottom:25px;overflow:hidden;}
.spread_main dt{ width:640px; font-size:14px; color:#595757; line-height:30px; float:left; margin:40px 0 0 0;}
.spread_main dd{ float:left; border:10px #efefef solid; margin:0 0 0 50px;}
.spread_main span{ display:block; line-height:30px; text-align:center;}
.spread_main span a{ color:#9d9d9d;}

/***微信页面样式***/
.header{ height:314px; background:url(/images/wechat/bg.gif) repeat-x; margin-top:1px;}
.header ul{ width:1000px; margin:0 auto;}
.weichat_main{ width:1000px; margin:0 auto; padding-top:20px; overflow:hidden; font-family:Microsoft Yahei;}
.weichat_main ul{ width:1015px;}
.weichat_main li{ width:203px; height:500px; float:left; padding:66px 60px; margin:0 15px 15px 0; background:#ffffff;}
.weichat_main span{ display:block; width:203px; height:50px; line-height:50px; background:#57bcda; text-align:center; font-size:18px; }
.weichat_main span a{ color:#ffffff;}
.weichat_main strong{ line-height:30px; font-size:14px; color:#57bcda; font-weight:normal; text-align:center;}
.weichat_main p{ margin:20px 0 0 0; color:#595757; font-size:14px; line-height:25px;}

/****首页右下角手机app****/
.mobile_main { width: 330px; height: 139px; position: fixed; bottom: 0; right: 13px; z-index: 999999; _position: absolute; }
.mobile_l { float: left; width: 64px; height: 144px; background: url(//img.sciimg.com/static/public/images/leftmobile.gif) no-repeat; }
.mobile_r { float: right; width: 265px; }
.mobile_r .input_text { margin-top: 0; }
.mobile_close { float: right; width: 18px; height: 18px; background: #cccccc url(//www.sci99.com/Images/close1.gif) no-repeat; cursor: pointer; margin-top: 26px; }
.mobile_main_r { width: 253px; height: 83px; padding: 6px 5px; text-align: left; line-height: 20px; background: url(//img.sciimg.com/static/public/images/mobilebg2.png) no-repeat; margin-top: 46px; font-size: 12px; color: #fff; overflow: hidden; }
.mobile_main_r b { font-size: 16px; line-height: 25px; }
.mobile_main_r .mobilewen { position: relative; top: -8px; left: -5px; }
.mobileinput { float: left; width: 108px; height: 30px; line-height: 30px; border: 0; background: #fff; padding-left: 10px; font-size: 13px; color: #969696; }
.mobilebutton { float: left; width: 46px; height: 30px; background: #009999; border: 0; font: bold 13px/30px "宋体"; color: #fff; cursor: pointer; }
/*********结束******/
/*2021.5.10二维码添加*/
.wxzx{ background:url(//si.sci99.com/images/wxico.png) left center no-repeat; padding-left:20px; cursor:pointer; position:relative;}
#wxzximg{ width:150px; height:150px; position:absolute; left:-20px; top:28px; border:1px #ccc solid; padding:10px; text-align:center; background:#fff;}
