html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
/* html5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-x: hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/******/
a {
display: block;
text-decoration: none;
cursor: pointer;
color: #333;
}
.center {
max-width: 1200px;
margin: 0 auto;
}
.clearfix:before, .clearfix:after {
content: '.';
display: block;
line-height: 0;
height: 0;
visibility: hidden;
clear: both;
}
.full-width {
display: block;
width: 100%;
}
input, select, button {
background-color: #fff;
border: none;
}
.header {
border-bottom: 1px solid #cacaca;
font-size: 12px;
background-color: #fcfcfc;
}
.header .header_wrap .members {
width: 174px;
height: 40px;
line-height: 40px;
float: left;
}
.header .header_wrap .members a {
display: inline-block;
background: repeat-x;
color: #fff;
height: 20px;
line-height: 20px;
padding: 0 10px;
}
.header .header_wrap .navs {
width: 650px;
float: right;
}
.header .header_wrap .navs ul li {
float: left;
width: 70px;
height: 40px;
border-left: 1px solid;
border-right: 1px solid;
border-color: transparent;
}
.header .header_wrap .navs ul li > a {
width: 100%;
height: 18px;
line-height: 18px;
margin-top: 8px;
text-align: center;
border-right: 1px solid #cacaca;
}
.header .header_wrap .navs ul li > a:hover {
color: #cc3338;
}
.header .header_wrap .navs ul li.data_analysis {
width: 93px;
}
.header .header_wrap .navs ul li.phone {
width: 100px;
}
.header .header_wrap .navs ul li.phone a {
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: flex;
-webkit-align-items: center;
-o-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
justify-content: center;
}
.header .header_wrap .navs ul li.phone a i {
display: inline-block;
width: 11px;
height: 17px;
overflow: hidden;
background-image: ;
}
.header .header_wrap .navs ul li.phone a span {
margin-left: 8px;
}
.header .header_wrap .navs ul li.data_serve {
position: relative;
width: 70px;
}
.header .header_wrap .navs ul li.data_serve > a span {
margin-right: 5px;
float: left;
}
.header .header_wrap .navs ul li.data_serve > a i {
float: left;
margin-top: 6px;
display: inline-block;
width: 8px;
height: 4px;
overflow: hidden;
background-image: ;
-webkit-flex-transition: transform 0.3s;
-moz-flex-transition: transform 0.3s;
-o-flex-transition: transform 0.3s;
transition: transform 0.3s;
}
.header .header_wrap .navs ul li.data_serve::after {
display: none;
position: absolute;
content: "";
width: 100%;
height: 1px;
background-color: #fff;
bottom: -1px;
}
.header .header_wrap .navs ul li.data_serve:hover {
background-color: #fff;
border-color: #cacaca;
}
.header .header_wrap .navs ul li.data_serve:hover > a {
border-color: transparent;
}
.header .header_wrap .navs ul li.data_serve:hover > a i {
-webkit-flex-transform: rotate(180deg);
-moz-flex-transform: rotate(180deg);
-o-flex-transform: rotate(180deg);
transform: rotate(180deg);
}
.header .header_wrap .navs ul li.data_serve:hover::after {
display: block;
}
.header .header_wrap .navs ul li.data_serve:hover .data_serve_info {
display: block;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info {
display: none;
position: absolute;
top: 41px;
right: 0;
width: 242px;
background-color: #fff;
border: 1px solid #cacaca;
border-top: none;
padding: 15px 0;
z-index: 1;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info dl {
display: block;
padding: 12px 0 12px 10px;
border-bottom: 1px solid #cacaca;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info dl dt {
font-size: 14px;
color: #cc3338;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info dl dd {
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 10px;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info dl dd:hover a {
color: #cc3338;
}
.header .header_wrap .navs ul li.data_serve .data_serve_info dl:last-child {
border-bottom: none;
padding-bottom: 0;
}
.header2 {
margin-top: 30px;
}
.header2 .topin .logo {
min-width: 250px;
float: left;
}
.header2 .topin .search {
width: 590px;
float: left;
margin-left: 40px;
}
.header2 .topin .search .control .wrap {
height: 36px;
}
.header2 .topin .search .control .wrap .news_sort {
position: relative;
width: 80px;
height: 100%;
float: left;
border: 1px solid #cacaca;
cursor: pointer;
line-height: 36px;
text-align: center;
}
.header2 .topin .search .control .wrap .news_sort i {
display: inline-block;
width: 8px;
height: 4px;
overflow: hidden;
background-image: ;
background-repeat: no-repeat;
height: 6px;
}
.header2 .topin .search .control .wrap .news_sort ul {
display: none;
position: absolute;
top: 35px;
left: 0;
width: 80px;
background-color: #fff;
border: 1px solid #cacaca;
border-top: none;
z-index: 1;
}
.header2 .topin .search .control .wrap .news_sort ul li {
height: 24px;
line-height: 24px;
text-align: center;
}
.header2 .topin .search .control .wrap .news_sort ul li a {
color: #333;
font-size: 14px;
}
.header2 .topin .search .control .wrap .news_sort ul li a:hover {
color: #cc3338;
background-color: #cacaca;
}
.header2 .topin .search .control .wrap .news_sort:hover {
border-bottom: none;
}
.header2 .topin .search .control .wrap .news_sort:hover ul {
display: block;
}
.header2 .topin .search .control .wrap .input_control {
width: 400px;
height:100%;
float: left;
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
}
.header2 .topin .search .control .wrap .input_control input {
height: 32px;
text-indent: 10px;
}
.header2 .topin .search .control .wrap .btn {
width: 100px;
height: 100%;
float: left;
border: 1px solid #cacaca;
cursor: pointer;
}
.header2 .topin .search .control .wrap .btn button {
height: 100%;
font-size: 16px;
}
.header2 .topin .search .keywords {
font-size: 12px;
margin-top: 10px;
color: #999;
}
.header2 .topin .search .keywords dl dt {
float: left;
}
.header2 .topin .search .keywords dl dd {
float: left;
margin-right: 10px;
cursor: pointer;
}
.header2 .topin .search .keywords dl dd:hover {
text-decoration: underline;
}
.header2 .topin .connect {
width: 240px;
float: right;
}
.header2 .topin .connect .phone {
width: 150px;
height: 90px;
float: left;
padding-top: 20px;
}
.header2 .topin .connect .phone b {
display: block;
color: #cc3338;
font-weight: bold;
font-size: 18px;
}
.header2 .topin .connect .phone .phone_wrap {
font-weight: bold;
}
.header2 .topin .connect .phone .phone_wrap img {
vertical-align: text-bottom;
}
.header2 .topin .connect .public_num {
width: 90px;
float: right;
}
.header2 .ads {
margin-bottom: 8px;
}
.header2 .ads a {
display: block;
float: left;
width: 590px;
}
.header2 .ads a img {
width: 100%;
}
.header2 .ads a.last-ad {
float: right;
}
.header2 .tabs {
position: relative;
height: 44px;
line-height: 44px;
background-color: #333;
}
.header2 .tabs .tabs_wrap {
height: 100%;
}
.header2 .tabs .tabs_wrap ul {
width: 1000px;
height: 100%;
float: left;
}
.header2 .tabs .tabs_wrap ul li {
width: 56px;
height: 100%;
float: left;
margin-right: 28px;
}
.header2 .tabs .tabs_wrap ul li:hover > a, .header2 .tabs .tabs_wrap ul li.active > a {
color: #cc3338;
background-color: #f6f6f6;
}
.header2 .tabs .tabs_wrap ul li:hover .hide_info {
display: block;
}
.header2 .tabs .tabs_wrap ul li.all_news {
width: 65px;
margin-right: 0;
}
.header2 .tabs .tabs_wrap ul li > a {
width: 100%;
height: 100%;
text-align: center;
color: #fff;
font-size:16px;
font-weight:bold;
}
.header2 .tabs .tabs_wrap ul li .hide_info {
display: none;
position: absolute;
z-index: 200;
margin-left: -2px;
border: 2px solid #333;
border-top: 0;
background-color: #f6f6f6;
opacity: 0.95;
word-spacing: -6px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .fts {
padding: 15px 5px;
border-bottom: #cacaca;
}
.header2 .tabs .tabs_wrap ul li .hide_info .fts a {
float: left;
font-size: 12px;
color: #cc3338;
margin-right: 10px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list {
float: left;
padding-left: 8px;
max-width: 630px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list.first {
margin-right: 30px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl {
margin: 0 auto;
background: no-repeat left 20px;
border-bottom: 1px dashed #cacaca;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl:last-child {
border-bottom: none;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl dt {
float: left;
margin: 0 8px;
font-size: 12px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl dt a {
color: #2f63ba;
font-weight: bold;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl dd {
float: left;
margin-right: 8px;
font-size: 12px;
}
.header2 .tabs .tabs_wrap ul li .hide_info .list dl dd:hover a {
text-decoration: underline;
}
.header2 .tabs .tabs_wrap .other {
width: 152px;
height: 100%;
float: right;
}
.header2 .tabs .tabs_wrap .other a {
float: left;
height: 100%;
}
.header2 .tabs .tabs_wrap .other a.blog, .header2 .tabs .tabs_wrap .other a.wechat {
width: 50%;
background-color: #cc3338;
font-size: 14px;
color: #fff;
text-align: center;
}
.header2 .tabs .tabs_wrap .other a.blog {
border-left: 1px solid #fff;
}
.header2 .tabs .tabs_wrap .other a.wechat {
border-right: 1px solid #fff;
float: right;
}
.header2 .tabs .tabs_wrap .other a img {
margin-right: 5px;
vertical-align: text-top;
}
.footer {
margin-top: 15px;
background-color: #282828;
}
.footer .footer_tabs_wrap {
border-bottom: 2px solid #cacaca;
}
.footer .footer_tabs_wrap .footer_tabs {
height: 60px;
line-height: 60px;
}
.footer .footer_tabs_wrap .footer_tabs ul li {
float: left;
width: 65px;
text-align: center;
margin-right: 45px;
}
.footer .footer_tabs_wrap .footer_tabs ul li a {
color: #fff;
}
.footer .footer_tabs_wrap .footer_tabs ul li a:hover {
text-decoration: underline;
}
.footer .footer_tabs_wrap .footer_tabs ul li.active a {
color: #cc3338;
}
.footer .footer_tabs_wrap .footer_tabs ul li.net_check {
width: 96px;
}
.footer .footer_tabs_wrap .footer_tabs ul li.web_map {
margin-right: 0;
}
.footer .bottom {
margin-top: 45px;
}
.footer .bottom .products {
width: 880px;
}
.footer .bottom .products .client {
float: left;
width: 225px;
color: #fff;
}
.footer .bottom .products .client .img_code {
float: left;
margin-right: 10px;
}
.footer .bottom .products .client .img_code span {
display: block;
width: 100%;
text-align: center;
}
.footer .bottom .products .client .downloads {
float: right;
}
.footer .bottom .products .client .downloads a {
width: 120px;
height: 32px;
line-height: 32px;
color: #fff;
margin-top: 10px;
background-color: #535353;
text-align: center;
}
.footer .bottom .products .client .downloads a:hover {
color: #cc3338;
}
.footer .bottom .products .ftprt {
float: right;
width: 500px;
}
.footer .bottom .products .ftprt a {
font-size: 14px;
color: #fff;
text-align: center;
float: left;
margin-right: 40px;
}
.footer .bottom .products .ftprt a.price_center {
margin-right: 0;
}
.footer .bottom .products .ftprt a span {
display: block;
width: 100%;
margin-top: 8px;
}
.footer .bottom .contact {
margin-bottom: 30px;
}
.footer .bottom .contact span {
display: block;
color: #fff;
margin-top: 10px;
text-align: center;
font-size: 14px;
}
#chemical .subnavt {
background-color: #f6f6f6;
border-bottom: 1px solid #cacaca;
color: #333;
height: 44px;
line-height: 44px;
}
#chemical .subnavt .topin {
height: 100%;
}
#chemical .subnavt .topin ul {
height: 100%;
}
#chemical .subnavt .topin ul li {
/*position: relative;*/
height: 100%;
float: left;
margin-left: 3px;
}
#chemical .subnavt .topin ul li.active.twochannelselect{
position: relative;
}
#chemical .subnavt .topin ul li.active{
position: relative;
}
#chemical .subnavt .topin ul li > a {
position: relative;
display: inline;
font-size: 14px;
padding: 0 5px;
border-right: 1px solid #999;
}
#chemical .subnavt .topin ul li > a i {
position: absolute;
left: 50%;
top: 22px;
margin-left: -4px;
display: inline-block;
width: 8px;
height: 4px;
overflow: hidden;
background-image: ;
display: none;
}
#chemical .subnavt .topin ul li .navtin {
position: absolute;
/*min-width: 1000px;*/
z-index: 1;
display: none;
top: 43px;
left: -48px;
}
#chemical .subnavt .topin ul li .navtin .wrap a {
display: inline-block;
font-size: 14px;
/*margin-right: 3px;*/
margin-right: 0;
padding:0 2px;
}
#chemical .subnavt .topin ul li .navtin .wrap a:hover, #chemical .subnavt .topin ul li .navtin .wrap a.active {
color: #cc3338;
}
#chemical .subnavt .topin ul li.active .navtin {
display: block;
}
#chemical .subnavt .topin ul li.active > a {
background-color: #cc3338;
color: #fff;
border-radius: 2px;
}
#chemical .subnavt .topin ul li.active > a i {
display: block;
}
#chemical .subnavt::after {
display: block;
content: "";
width: 100%;
height: 1px;
background-color: #cacaca;
margin-top: 45px;
}
#chemical .main {
margin-top: 55px;
}
#chemical .main .left {
width: 880px;
float: left;
}
#chemical .main .left .newslist {
font-size: 14px;
margin-bottom: 15px;
border: 1px solid #cacaca;
}
#chemical .main .left .newslist .hdbox {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #cacaca;
padding: 0 8px;
}
#chemical .main .left .newslist .hdbox h3 {
float: left;
display: inline-block;
font-size: 18px;
font-weight: bold;
}
#chemical .main .left .newslist .hdbox h3::before {
display: inline-block;
content: "";
width: 3px;
height: 13px;
margin-right: 8px;
background-color: #999;
}
#chemical .main .left .newslist .hdbox h3 b {
color: #cc3338;
}
#chemical .main .left .newslist .hdbox .scrollbarx {
float: right;
width: 480px;
height: 100%;
overflow: auto;
}
#chemical .main .left .newslist .hdbox .scrollbarx .tab_wrap a {
font-size: 14px;
width: 70px;
text-align: center;
border-left: 1px solid #cacaca;
line-height: 39px;
float: left;
cursor: pointer;
}
#chemical .main .left .newslist .hdbox .scrollbarx .tab_wrap a.active, #chemical .main .left .newslist .hdbox .scrollbarx .tab_wrap a:hover {
background-color: #fff;
border-top: 1px solid #cc3338;
}
#chemical .main .left .newslist .sort_box {
padding: 5px 10px;
border-bottom: 1px solid #cacaca;
}
#chemical .main .left .newslist .sort_box .columns-search {
width: 282px;
float: left;
}
#chemical .main .left .newslist .sort_box .columns-search input {
display: inline-block;
width: 208px;
height: 30px;
border: 1px solid #cacaca;
}
#chemical .main .left .newslist .sort_box .columns-search button {
display: inline-block;
width: 60px;
height: 30px;
background-color: #2f63ba;
color: #fff;
}
#chemical .main .left .newslist .sort_box .counts {
min-width: 260px;
height: 33px;
line-height: 33px;
float: right;
}
#chemical .main .left .newslist .sort_box .counts b {
float: left;
font-size: 14px;
font-weight: bold;
margin-right:10px;
}
#chemical .main .left .newslist .sort_box .counts .page {
float: right;
min-width: 118px;
font-size: 12px;
color: #999;
border-left: 1px solid #cacaca;
margin: 0;
}
#chemical .main .left .newslist .sort_box .counts .page i {
float: left;
}
#chemical .main .left .newslist .sort_box .counts .page i.prev {
margin-left: 12px;
}
#chemical .main .left .newslist .sort_box .counts .page i.active {
cursor: pointer;
font-weight: bold;
color: #000;
}
#chemical .main .left .newslist .sort_box .counts .page p {
float: left;
margin: 0 8px;
}
#chemical .main .left .newslist .sort_box .counts .page p span.current {
color: #4595e6;
}
#chemical .main .left .newslist .list {
padding: 20px;
}
#chemical .main .left .newslist .list ul li {
line-height: 31px;
overflow: hidden;
height: 32px;
background: url(/uploads/image/iimg/dot.gif) left center no-repeat;
text-indent: 12px;
}
#chemical .main .left .newslist .list ul li:nth-of-type(5n) {
border-bottom: 1px dashed #cacaca;
margin-bottom: 10px;
padding-bottom: 40px;
}
#chemical .main .left .newslist .list ul li:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
#chemical .main .left .newslist .list ul li a {
float: left;
font-size: 14px;
color: #333;
}
#chemical .main .left .newslist .list ul li a:hover {
color: #cc3338;
}
#chemical .main .left .newslist .list ul li span {
float: right;
}
#chemical .main .left .loadmore {
color: #555;
background-color: #cecfce;
padding: 10px 0;
text-align: center;
font-size: 12px;
cursor: pointer;
}
#chemical .main .left .pages {
display: inline-block;
margin-top: 20px;
}
#chemical .main .left .pages li {
width: 40px;
border: 1px solid #e6e6e6;
height: 34px;
line-height: 34px;
white-space: nowrap;
margin: 0 3px 0 2px;
vertical-align: top;
font-size: 14px;
text-align: center;
cursor: pointer;
float: left;
}
#chemical .main .left .pages li.text {
width: 60px;
}
#chemical .main .left .pages li.active, #chemical .main .left .pages li:hover {
background-color: #cc3338;
color: #fff;
}
#chemical .main .left .pages li.last {
margin-right: 0;
}
#chemical .main .right {
width: 300px;
float: right;
}
#chemical .main .right .price_guide, #chemical .main .right .datas_guide {
padding-bottom: 12px;
border: 1px solid #cacaca;
margin-bottom: 12px;
}
#chemical .main .right .price_guide .title, #chemical .main .right .datas_guide .title {
padding-left: 5px;
line-height: 39px;
height: 39px;
border-bottom: 1px solid #cacaca;
}
#chemical .main .right .price_guide .title h3, #chemical .main .right .datas_guide .title h3 {
display: inline-block;
font-size: 18px;
font-weight: bold;
}
#chemical .main .right .price_guide .title h3::before, #chemical .main .right .datas_guide .title h3::before {
display: inline-block;
content: "";
width: 3px;
height: 13px;
background-color: #999;
}
#chemical .main .right .price_guide .title h3 b, #chemical .main .right .datas_guide .title h3 b {
color: #cc3338;
}
#chemical .main .right .price_guide .title span, #chemical .main .right .datas_guide .title span {
font-size: 12px;
color: #999;
padding-right: 12px;
margin-left: 5px;
background: no-repeat right;
text-transform: uppercase;
}
#chemical .main .right .price_guide .dcnav, #chemical .main .right .datas_guide .dcnav {
border-bottom: 1px solid #cacaca;
margin-bottom: 15px;
background-color: #f9f9f9;
word-spacing: -6px;
white-space: nowrap;
}
#chemical .main .right .price_guide .dcnav a, #chemical .main .right .datas_guide .dcnav a {
display: inline-block;
padding: 0 19px;
line-height: 36px;
height: 36px;
background-color: #f9f9f9;
word-spacing: 0;
font-size: 14px;
}
#chemical .main .right .price_guide .dcnav a:hover, #chemical .main .right .datas_guide .dcnav a:hover {
color: #cc3338;
}
#chemical .main .right .price_guide .dcbox .dctabs, #chemical .main .right .datas_guide .dcbox .dctabs {
height: 36px;
line-height: 36px;
background-color: #f9f9f9;
border-top: 1px solid #cacaca;
}
#chemical .main .right .price_guide .dcbox .dctabs ul, #chemical .main .right .datas_guide .dcbox .dctabs ul {
height: 100%;
}
#chemical .main .right .price_guide .dcbox .dctabs ul li, #chemical .main .right .datas_guide .dcbox .dctabs ul li {
width: 25%;
height: 100%;
float: left;
text-align: center;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
cursor: pointer;
font-size: 14px;
}
#chemical .main .right .price_guide .dcbox .dctabs ul li:last-child, #chemical .main .right .datas_guide .dcbox .dctabs ul li:last-child {
border-right: none;
}
#chemical .main .right .price_guide .dcbox .dctabs ul li.active, #chemical .main .right .datas_guide .dcbox .dctabs ul li.active {
background-color: #fff;
border-top: 2px solid #cc3338;
border-bottom: none;
}
#chemical .main .right .price_guide .dcbox .boxsj a, #chemical .main .right .datas_guide .dcbox .boxsj a {
border: 1px solid #cacaca;
width: 84px;
line-height: 34px;
float: left;
margin-top: 15px;
margin-left: 10px;
text-align: center;
background-color: #f6f6f6;
}
#chemical .main .right .price_guide .dcbox .boxsj a:hover, #chemical .main .right .datas_guide .dcbox .boxsj a:hover {
color: #cc3338;
border-color: #cc3338;
}
#chemical .main .right .datas_guide .title img {
vertical-align: sub;
margin-left: 5px;
}
#chemical .main .right .datas_guide .boxsj a {
border: 1px solid #cacaca;
width: 84px;
line-height: 34px;
float: left;
margin-top: 15px;
margin-left: 10px;
text-align: center;
background-color: #f6f6f6;
}
#chemical .main .right .datas_guide .boxsj a:hover {
color: #cc3338;
border-color: #cc3338;
}
/*# sourcemappingurl=chemical.css.map */