@charset "utf-8";

.section_top .back_container {background-image: url('/Images/business/base_chemical/top_bg.jpg');}
.base-chemical .section_area{position: relative;background: #fff;}
.base-chemical .section_area h2 {font-size:30px;color:#333;line-height:30px;font-weight:700;text-align:center;margin-bottom:40px;}
.base-chemical .section_area h2 span {font-size:16px;margin-top:30px;display:inline-block;font-weight:normal;line-height:26px;color: #666}
.base-chemical .product_area.section_area h2 span{color: #fff}

.base-chemical .info_area {padding-top:80px;}
.base-chemical .info_area .list_icon {text-align: center; padding-bottom: 122px;}
.base-chemical .state_area {background-color:#f6f6f6; padding:114px 0 121px;}
.base-chemical .state_area .state_img {text-align: center;}

.base-chemical .product_area .top {position:relative; height:333px; background:url("/Images/business/base_chemical/middle_bg.jpg") center center no-repeat; color:#fff;}
.base-chemical .product_area .top h2 {color:#fff; padding-top:134px;}
.base-chemical .product_area .list_box {max-width:954px; margin:0 auto;}
.base-chemical .product_area .list_box.active {display: block;}
.base-chemical .product_area .list_box li {float:left; width:100%; border-bottom:1px solid #d9d9d9; padding:38px 0 75px;}
.base-chemical .product_area .list_box li:first-child {padding-top:82px;}
.base-chemical .product_area .list_box li div {float:left;}
.base-chemical .product_area .list_box li .left {width:33%; font-size:15px;}
.base-chemical .product_area .list_box li .left span {font-size:13px; color:#ff542f;}
.base-chemical .product_area .list_box li .right {width:67%; font-size:14px; line-height:25px;}
.base-chemical .product_area .list_box li .right .ex {color:#ff4311; margin-top:8px; display: block;}
.base-chemical .product_area .list_box li .right .ex .ex_copy {color:#666;}
.base-chemical .product_area .search_btn {text-align:center; clear:left; padding:50px 0 120px;}
.base-chemical .product_area .search_btn a {width:190px;height:50px;border:1px solid #929292;display:block;position:relative;margin:0 auto 0;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.base-chemical .product_area .search_btn a span {position:relative;display:inline-block;color:#333;padding-right: 30px}
.base-chemical .product_area .search_btn a span:before {content:'';width:18px;height:19px;position:absolute;right:0;top:15px;background:url('/Images/business/polymer/search_icon.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.base-chemical .product_area .search_btn a span:after {content:'';width:18px;height:19px;position:absolute;right:0;top:15px;background:url('/Images/business/polymer/search_icon_on.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;opacity: 0;visibility: hidden;
}
.base-chemical .product_area .search_btn a:hover{background: #ff4311;border-color: #ff4311}
.base-chemical .product_area .search_btn a:hover span {color: #fff}
.base-chemical .product_area .search_btn a:hover span:before{opacity: 0;visibility: hidden}
.base-chemical .product_area .search_btn a:hover span:after{opacity: 1;visibility: visible}