@charset'utf-8';
* {
    margin:0;
    padding:0;
    -webkit-transition:.3s;
    transition:.3s
}
ul, li {
    list-style:none
}
a {
    text-decoration:none;
    color:#333
}
a img {
    border:0
}
li a {
    display:block
}
body {
    font:14px/1.6"Microsoft Yahei";
    background:#fff;
    color:#333
}
.fl {
    float:left
}
.fr {
    float:right
}
.clearfix {
    zoom:1
}
.clearfix::before, .clearfix::after {
    content:'';
    display:block;
    height:0;
    clear:both
}
.container {
    width:98%;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden
}
.colm2, .colm3, .colm4, .colm5 {
    margin-left:-2%;
    overflow:hidden
}
.colm3 {
    margin-left:-3%
}
.colm2>li, .colm3>li, .colm4>li, .colm5>li {
    float:left;
    margin-left:2%;
    margin-bottom:2%
}
.colm2>li {
    width:48%
}
.colm3>li {
    margin-left:3%;
    width:30.3%
}
.colm4>li {
    width:23%
}
.colm5>li {
    width:18%
}
.banner {
    line-height:0;
    overflow:hidden;
    width:100%;
    margin:0 auto
}
.banner a {
    display:block
}
.banner img {
    width:100%;
    height:auto;
    max-height:500px
}
.rslides {
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0;
    padding:0;
    list-style:none
}
.rslides li {
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    -webkit-backface-visibility:hidden
}
.rslides li:first-child {
    position:relative;
    display:block;
    float:left
}
.rslides img {
    display:block;
    float:left;
    width:100%;
    height:auto;
    border:0
}
.callbacks_tabs.callbacks1_tabs {
    position:relative;
    z-index:5;
    margin-top:-40px;
    margin-bottom:20px
}
.callbacks_tabs.callbacks1_tabs li {
    position:relative;
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:20px;
    margin-left:5px;
    background:#fff;
    background:rgba(255, 255, 255, .5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.callbacks_tabs.callbacks1_tabs li a {
    position:absolute;
    z-index:5;
    left:0;
    top:0;
    display:inline-block;
    width:100%;
    height:100%;
    border-radius:20px;
    color:#fff;
    color:transparent
}
.callbacks_tabs.callbacks1_tabs li.callbacks_here {
    background:#fff
}
.callbacks_tabs.callbacks1_tabs li.callbacks_here {
    width:30px
}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a {
    background:#eb0013
}
.callbacks_container {
    position:relative;
    width:100%;
    max-width:100%;
    margin-bottom:2px;
    text-align:center
}
.callbacks {
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0;
    padding:0;
    list-style:none
}
.callbacks li {
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.callbacks img {
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    border:0
}
.callbacks .caption {
    font-size:20px;
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    left:0;
    display:block;
    max-width:none;
    margin:0;
    padding:10px 20px;
    color:#fff;
    background:#333;
    background:rgba(0, 0, 0, .8);
    text-shadow:none
}
.callbacks_nav {
    position:absolute;
    z-index:3;
    top:50%;
    left:0;
    display:none;
    overflow:hidden;
    width:38px;
    height:61px;
    margin-top:-30px;
    text-decoration:none;
    text-indent:-9999px;
    opacity:.6;
    background:transparent url('../images/themes.gif') no-repeat left top;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
.callbacks_container:hover .callbacks_nav {
    display:block
}
.callbacks_nav:active {
    opacity:1.0
}
.callbacks_nav.next {
    right:0;
    left:auto;
    background-position:right top
}
@media screen and (max-width:600px) {
    .callbacks_nav {
        top:47%
    }
}
.btxt {
    position:absolute;
    z-index:3;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0, 0, 0, .5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    text-align:center;
    color:#fff;
    line-height:2em
}
.btxt h4 {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:-100px;
    font-size:3em;
    font-weight:normal;
    line-height:2em
}
.btxt p {
    position:absolute;
    top:50%;
    left:5%;
    width:90%;
    margin:0 auto;
    margin-top:-10px;
    font-size:1.15em
}
.btxt a {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:50px;
    margin-left:-30px;
    color:#eb0013
}
.icategory {
    height:170px;
    overflow:hidden
}
.icategory li {
    float:left;
    width:18%;
    -webkit-transition:.3s;
    transition:.3s
}
.icategory li a {
    display:block;
    height:170px;
    overflow:hidden;
    border-top:5px solid #fff;
    border-left:5px solid #fff;
    background-position:center center;
    background-size:auto 170px
}
.icategory li a.icon-ballmill {
    background-image:url('../images/line1.jpg')
}
.icategory li a.icon-crusher {
    background-image:url('../images/line2.jpg')
}
.icategory li a.icon-sandmaking {
    background-image:url('../images/line3.jpg')
}
.icategory li a.icon-grinding {
    background-image:url('../images/line4.jpg')
}
.icategory li a.icon-drying {
    background-image:url('../images/line5.jpg')
}
.icategory li a.icon-mobile {
    background-image:url('../images/line6.jpg')
}
.icategory li.icon-con {
    display:none
}
.icategory li.wideli {
    width:28%
}
.icategory li h4 {
    float:left;
    padding:0 20px;
    font-size:1.3em;
    font-weight:normal;
    line-height:2em;
    background:rgba(0, 0, 0, .5);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    color:#fff
}
.icategory li.wideli h4 {
    display:block
}
.ihotpro {
    margin:30px auto
}
.itit {
    text-align:center;
    margin-bottom:15px
}
.itit h4 {
    font-size:3em;
    line-height:2em;
    font-weight:normal
}
.itit p {
    font-size:1.2em;
    color:#666
}
.itit .hbtn {
    margin:10px 0 20px;
    padding:8px 20px;
    background:#f90;
    color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.imglist li {
    overflow:hidden
}
.imglist li>a {
    line-height:0;
    overflow:hidden
}
.imglist img {
    width:100%;
    transition:.3s;
    height:220px;
}
.imglist li:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.imglist li p {
    font-size:1.15em;
    padding:5px 0;
    text-align:center;
    text-indent:0;
    line-height:1.4em
}
.iabout .container {
    position:relative
}
.ia_txt {
    padding-right:350px;
    min-height:300px
}
.ia_txt h3 {
    font-size:2.5em;
    padding-top:15px;
    font-weight:bold
}
.ia_txt p {
    padding:5px 0
}
.iabtn {
    overflow:hidden
}
.iamore {
    position:relative;
    float:left;
    width:110px;
    padding-left:20px;
    height:32px;
    line-height:32px;
    margin:20px 30px 20px 0;
    background:rgba(0, 0, 0, .8);
    background:#0075c2;
    overflow:hidden;
    color:#fff
}
.iamore::before {
    content:'→';
    position:absolute;
    z-index:2;
    width:60px;
    right:0;
    top:0;
    height:32px;
    line-height:32px;
    text-align:center;
    color:#fff;
    transition:.3s;
    -webkit-transition:.3s
}
.iamore::after {
    content:'';
    position:absolute;
    width:60px;
    right:-10px;
    top:0;
    height:36px;
    line-height:36px;
    background:#f90;
    background:rgba(0, 0, 0, .3);
    transform:skewX(-30deg);
    transition:.3s;
    -webkit-transition:.3s
}
.iamore:hover::after {
    right:-20px
}
.iamore:hover::before {
    right:-10px
}
.ia_icon {
    position:absolute;
    right:0;
    top:0;
    width:320px;
    height:320px
}
.ia_icon ul {
    overflow:hidden
}
.ia_icon li {
    float:left;
    padding:35px 40px 25px;
    margin-left:20px;
    margin-bottom:20px;
    text-align:center;
    background:#0075c2;
    line-height:0
}
.ia_icon li span {
    display:block
}
.ia_icon li p {
    height:30px;
    line-height:30px;
    color:#fff
}
.ia_icon li img {
    -webkit-transition:.3s;
    transition:.3s
}
.ia_icon li:hover img {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.inews {
    margin:30px 0
}
.inewscon {
    position:relative;
    margin-top:30px;
    padding-right:450px
}
.inews .newslistul {
    min-height:300px
}
.ihotnews {
    position:absolute;
    top:0;
    right:0;
    width:400px
}
.ihotnews li img {
    width:100%
}
.inewslist {
    width:57%
}
.inewslist li {
    padding:15px 0;
    border-bottom:1px dotted #ddd;
    overflow:hidden
}
.inewslist li h4 {
    font-weight:normal
}
.intime {
    width:15%;
    padding:5px 0;
    border-right:1px solid #ddd;
    text-align:center;
    color:#999
}
.intime span {
    font-size:2em;
    line-height:1.5em;
    display:block;
    color:#000
}
.intxt {
    width:82%;
    padding:5px 0
}
.intxt h4 {
    font-size:1.3em;
    font-weight:normal
}
.intxt p {
    color:#666
}
.intxt p, .intxt h4 {
    line-height:2em;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
}
.inewslist li:hover h4 a {
    color:#0075c2
}
.icase {
    margin:30px 0;
    padding:20px 0;
    background-color:#fffcfc;
    background-image:url(../images/iabg.jpg)
}
.icaselist {
    margin-top:20px
}
.icaselist li {
    background:#fff
}
.icaselist li a {
    line-height:0
}
.icaselist li img {
    width:100%;
    height:270px
}
.icaselist li h3 {
    font-weight:normal;
    font-size:1.3em;
    line-height:1.4em;
    padding:8px;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.iservice {
    padding:20px 0 30px;
    background:url("../images/iservice.jpg") no-repeat center center
}
.w1600 {
    width:98%;
    margin:0 auto;
    max-width:1600px
}
.islist {
    margin-top:30px;
    overflow:hidden;
    border-bottom:1px dotted #bbb
}
.islist li {
    float:left;
    width:16%;
    border-top:1px dotted #bbb;
    border-left:1px dotted #bbb;
    overflow:hidden;
    padding:20px 0 20px 2%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.islist li:nth-child(6n+1) {
    border-left-color:transparent
}
.islist li img {
    float:left
}
.islist li span {
    font-size:16px;
    float:left;
    height:50px;
    line-height:50px
}
.pagination {
    color:#999;
    margin:15px auto;
    text-align:center;
    clear:both
}
.pagination li {
    display:inline-block
}
.pagination a, .pagination span, .pagination .current {
    text-decoration:none;
    padding:5px 10px;
    margin:2px;
    border:1px solid #ddd;
    background:#ffff;
    font-size:11px;
    color:#000
}
.pagination a:hover {
    background-color:#e61636;
    color:#fff;
    border:1px solid #e61636;
    text-decoration:none
}
.pagination .current {
    font-weight:bold;
    color:#fff;
    background:#e61636;
    border:1px solid #e61636
}
.breadcrumbar {
    height:4em;
    border-bottom:1px solid #ddd;
    background:#eee
}
.breadcrumb {
    float:left;
    line-height:4em;
    border-bottom:2px solid #eb0013
}
.inbanner {
    line-height:0
}
.inbanner img {
    width:100%;
    max-height:500px
}
.inpages {
    padding:30px 0
}
.subtit {
    padding:5px 0;
    text-align:center
}
.subtit h3 {
    font-size:2em;
    line-height:1.5em
}
.subtit p {
    line-height:2em;
    padding:5px 0
}
.intitbar {
    line-height:4em;
    overflow:hidden
}
.intitbar span {
    float:left;
    font-size:2em;
    font-weight:bold
}
.intitbar a {
    float:right
}
.intitbar a:hover {
    color:#eb0013
}
.intitle {
    line-height: 3em;
    border-left: 5px solid #db2424;
    text-indent: 2em;
}
.intitle span {
    font-size:2em;
    font-weight:bold
}
.probg, .probgw {
    margin:30px auto
}
.probg {
    padding:30px 0;
    background:#eee
}
.protit {
    text-align:center;
    margin-bottom:10px
}
.protit h3 {
    font-size:2.5em
}
.protit p {
    width:90%;
    line-height:2em;
    padding:5px 0;
    margin:0 auto;
    color:#666
}
.protit p.aleft {
    text-align:left;
    width:100%
}
.protit p a {
    display:inline-block;
    padding:0 5px
}
.protit p a::after {
    content:' / ';
    padding-left:10px
}
.protit a:hover {
    color:#eb0013
}
.prolist li div {
    overflow:hidden;
    text-align:center
}
.prolist li div a {
    display:inline-block;
    width:35%;
    line-height:3em;
    margin:10px;
    border:1px solid #ccc
}
.promenu {
    overflow:hidden;
    padding:10px 0 20px;
    text-align:center
}
.promenu li {
    display:inline-block;
    margin:0 2%
}
.promenu li img {
    width:100px;
    border:1px solid #999;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.promenu h4 {
    font-size:1.25em;
    font-weight:normal
}
.promenu li a span {
    display:inline-block;
    width:100px;
    height:100px;
    text-align:center;
    border:1px solid #999;
    border-radius:50%;
    background-repeat:no-repeat;
    background-size:100px;
    background-position:center center
}
.promenu li:hover a span, .promenu li.active a span {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    background-color:#eb0013;
    border-color:#eb0013
}
.promenu li:hover h4, .promenu li.active h4 {
    color:#eb0013
}
.promenu li .icon-ballmill span, .promenu li .icon-pro15 span, .promenu li .icon-pro15 span {
    background-image:url('../images/icon-ballmill.png')
}
.promenu li .icon-crusher span, .promenu li .icon-pro16 span {
    background-image:url('../images/icon-crusher.png')
}
.promenu li .icon-sandmaking span, .promenu li .icon-pro17 span {
    background-image:url('../images/icon-sandmaking.png')
}
.promenu li .icon-grinding span, .promenu li .icon-pro17 span {
    background-image:url('../images/icon-grinding.png')
}
.promenu li .icon-drying span, .promenu li .icon-pro37 span {
    background-image:url('../images/icon-drying.png')
}
.promenu li .icon-mobile span, .promenu li .icon-pro38 span {
    background-image:url('../images/icon-mobile.png')
}
.promenu li:hover .icon-ballmill span, .promenu li.active a.icon-ballmill span {
    background-image:url('../images/icon-ballmill-a.png')
}
.promenu li:hover .icon-crusher span, .promenu li.active a.icon-crusher span {
    background-image:url('../images/icon-crusher-a.png')
}
.promenu li:hover .icon-sandmaking span, .promenu li.active a.icon-sandmaking span {
    background-image:url('../images/icon-sandmaking-a.png')
}
.promenu li:hover .icon-grinding span, .promenu li.active .icon-grinding span {
    background-image:url('../images/icon-grinding-a.png')
}
.promenu li:hover .icon-drying span, .promenu li.active .icon-drying span {
    background-image:url('../images/icon-drying-a.png')
}
.promenu li:hover .icon-mobile span, .promenu li.active .icon-mobile span {
    background-image:url('../images/icon-mobile-a.png')
}
.pro_infor {
    margin:30px 0
}
.pro_infor h3 {
    font-size:2.5em
}
.proinfor {
    overflow:hidden
}
.infor_img {
    width:35%;
    line-height:0;
    max-height:500px;
    overflow:hidden;
    border: 1px solid #ccc;
}
.infor_img img {
    width:100%;
}
.bq{margin-top:10px;}
.bq a{
	padding: 8px;
	border: 1px dashed #0075c2;
	color: #0075c2;
	margin-right: 10px;
	height: 35px;
	line-height: 40px;
}
.infor_txt {
    width:64%
}
.infor_txt li {
    overflow:hidden;
    padding:5px 0;
    line-height:2em
}
.infor_txt li span {
    float:left;
    width:25%;
    font-size:1.15em;
    font-weight:bold
}
.infor_txt li p {
    float:left;
    width:70%
}
.infor_txt li p.tlines {
    height:76px;
    line-height:1.8em;
    overflow:hidden;
    text-overflow:ellipsis
}
.infor_txt li .gray {
    color:#999
}
.inquiry {
    margin:10px 0
}
.inquiry a {
    display:block;
    font-size:1.5em;
    line-height:2em;
    padding:10px 0 10px 50px;
    text-align:center;
    background:url("../images/icon-inquiry.png") no-repeat 28% center #0075c2;
    color:#fff;
    transition:.3s;
    border-radius:5px
}
.inquiry a:hover {
    background-color:#353e4d
}
.hotline {
    padding:10px 0 10px 80px;
    background:url("../images/icon-hotline.png") no-repeat left center
}
.hotline>span {
    font-size:1.15em;
    color:#666
}
.hotline p {
    font-size:2.5em;
    line-height:1em;
    font-weight:bold;
    color:#0075c2
}
.hotline p span {
    font-size:1.2em
}
.detail_menu {
    background:#eee
}
.detail_menu li {
    float:left;
    width:14.2%
}
.detail_menu li a {
    font-size:1.3em;
    line-height:2em;
    padding:15px 0;
    text-align:center;
    border-left:2px solid #fff
}
.detail_menu li.active a, .detail_menu li:hover a {
    background:#333;
    color:#fff
}
.detail_menu li i {
    display:block;
    width:40px;
    height:30px;
    margin:0 auto;
    background-image:url(../images/icon-details.png);
    background-repeat:no-repeat;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.detail_menu li .icon-pro {
    background-position:0 0
}
.detail_menu li .icon-advantage {
    background-position:-40px 0
}
.detail_menu li .icon-img {
    background-position:-80px 0
}
.detail_menu li .icon-yuanli {
    background-position:-120px 0
}
.detail_menu li .icon-para {
    background-position:-160px 0
}
.detail_menu li .icon-case {
    background-position:-200px 0
}
.detail_menu li .icon-order {
    background-position:-240px 0
}
.detail_menu li.active .icon-pro, .detail_menu li:hover .icon-pro {
    background-position:0 -30px
}
.detail_menu li.active .icon-advantage, .detail_menu li:hover .icon-advantage {
    background-position:-40px -30px
}
.detail_menu li.active .icon-img, .detail_menu li:hover .icon-img {
    background-position:-80px -30px
}
.detail_menu li.active .icon-yuanli, .detail_menu li:hover .icon-yuanli {
    background-position:-120px -30px
}
.detail_menu li.active .icon-para, .detail_menu li:hover .icon-para {
    background-position:-160px -30px
}
.detail_menu li.active .icon-case, .detail_menu li:hover .icon-case {
    background-position:-200px -30px
}
.detail_menu li.active .icon-order, .detail_menu li:hover .icon-order {
    background-position:-240px -30px
}
.pro_details {
    width:76%;
    font-size:1.1em;
    border-right: 1px dotted #ccc;
    padding-right: 20px;
}
.section, .parts {
    margin:30px auto;
    overflow:hidden
}
.section p {
    padding:5px 0;
    line-height:2em;
    text-indent:2em
}
.pro_details p {
    text-indent:0
}
.pro_advantage {
    overflow:hidden;
    margin-left:-2%
}
.pro_advantage li {
    float:left;
    width:48%;
    margin:2% 0 2% 2%;
    overflow:hidden
}
.icon-a {
    float:left;
    width:10%;
    line-height:0
}
.icon-a img {
    width:100%
}
.pro_advantage dl {
    width:88%
}
.pro_advantage dt {
    font-size:1.3em;
    font-weight:bold
}
.pro_advantage dd {
    color:#666
}
.art_img {
    text-align:center
}
.art_img img {
    margin:20px auto;
    width:100%;
    max-width:600px
}
.biaoge {
    width:100%;
    border:1px solid rgba(0, 0, 0, .3);
    border-collapse:collapse
}
.biaoge td {
    line-height:1.5em;
    padding:8px 0;
    border:1px solid #ddd;
    text-align:center
}
.biaoge tr:nth-child(2n+1) {
    background:#eee
}
.tabtit, .tabtit td, .firstRow td, .second, .first.firstRow td.second {
    background:#0075c2;
    color:#fff;
    border-color:rgba(0, 0, 0, .3)
}
.first.firstRow td {
    background:#fff;
    color:#333
}
.order_online {
    padding:20px;
    margin-top:50px;
    background:#eee
}
.ordertit {
    font-size:2em;
    font-weight:bold;
    line-height:2em;
    text-align:center
}
.order_form {
    overflow:hidden;
    margin:20px 0
}
.order_form li {
    float:left;
    width:45%;
    margin:0 5% 20px 0
}
.order_form li p {
    font-size:1.3em;
    text-indent:0
}
.order_form li.wide {
    width:100%;
    margin-right:0
}
.input_name, .input_email, .input_tel, .input_country, .input_pro, .input_mess, .select_pro {
    font-size:16px;
    width:90%;
    height:2.5em;
    padding:5px 10px 5px 50px;
    border:1px solid #ddd;
    line-height:2.5em
}
.input_name {
    background:url("../images/icon-user.png") no-repeat 10px 10px #fff
}
.input_email {
    background:url("../images/icon-emailf.png") no-repeat 10px 10px #fff
}
.input_tel {
    background:url("../images/icon-telf.png") no-repeat 10px 10px #fff
}
.input_country {
    background:url("../images/icon-country.png") no-repeat 10px 10px #fff
}
.input_pro, .select_pro {
    background:url("../images/icon-prof.png") no-repeat 10px 10px #fff
}
.input_mess {
    line-height:2em;
    height:166px;
    background:url("../images/icon-mess.png") no-repeat 10px 10px #fff
}
.materli {
    padding:10px 0
}
.materials {
    overflow:hidden
}
.materials span {
    float:left;
    margin-right:20px;
    color:#666
}
.materials span input {
    margin-right:7px
}
.other {
    display:block;
    clear:both;
    padding:5px 0
}
.input_other {
    line-height:2em;
    height:2em;
    width:300px;
    padding:5px;
    border:1px solid #ddd
}
.sendbtn {
    font-size:1.2em;
    width:35%;
    margin:0 auto;
    display:block;
    line-height:3em;
    border:0;
    background:#0075c2;
    color:#fff;
    cursor:pointer
}
.red {
    font-size:1.25em;
    color:red;
    padding:0 3px
}
.sidebar {
    width:20%;
    margin:30px auto
}
.hottit {
    font-size:1.5em;
    line-height:2.5em;
    text-align:center;
    text-transform:uppercase;
    background:url("../images/hot.png") no-repeat right top #e6e6e6
}
.hotpro {
    margin-top:20px
}
.tab_menu {
    overflow:hidden;
    padding:20px 0;
    text-align:center
}
.tab_menu a {
    display:inline-block;
    padding:5px 20px;
    margin:0 10px;
    background:#ddd
}
.tab_menu a.active {
    background:#eb0013;
    color:#fff
}
.hotnews {
    margin-top:30px
}
.hotnews li {
    position:relative
}
.hot_time {
    position:absolute;
    left:0;
    top:0;
    width:80px;
    text-align:center;
    background:rgba(0, 117, 194, .6);
    color:#fff
}
.hot_time span {
    display:block;
    font-size:2em;
    font-weight:bold
}
.hotnews li>a {
    line-height:0;
    overflow:hidden;
    height:270px
}
.hotnews li>a img {
    width:100%;
    -webkit-transition:.3s;
    transition:.3s
}
.hotnews li>a.hot_txt {
    padding:5px 0;
    line-height:2em
}
.hot_txt h3 {
    font-size:1.3em;
    padding:5px 0 10px;
    border-bottom:1px solid #ddd;
    font-weight:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.hot_txt p {
    padding:5px 0
}
.hotnews li:hover a h3 {
    color:#eb0013
}
.hotnews li:hover a img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.newslist {
    margin-top:20px
}
.newslist li {
    overflow:hidden;
    padding-bottom:2%;
    border-bottom:1px dashed #ddd
}
.newstime {
    width:12%;
    border:1px solid #ccc;
    line-height:2em;
    text-align:center;
    -webkit-transition:.3s;
    transition:.3s;
    background:#ccc;
    color:#fff
}
.newstime span {
    display:block;
    font-size:2em;
    line-height:1.8em;
    -webkit-transition:.3s;
    transition:.3s
}
.newstxt {
    width:85%;
    padding:5px 0
}
.newstxt h4 a {
    font-size:1.3em;
    font-weight:normal
}
.newstxt h4:hover a {
    color:#eb0013
}
.newstxt p {
    height:44px;
    overflow:hidden;
    text-indent:0;
    color:#999
}
.newsbg {
    padding:30px 0;
    margin:30px auto 0;
    background:url("../images/newsbg.jpg") no-repeat center center;
    background:#eee
}
.technology li h3 {
    font-size:1.3em;
    font-weight:normal;
    margin:10px 0
}
.techtime {
    display:block;
    margin:10px 0;
    color:#666
}
.technology li p {
    line-height:2em;
    margin:10px 0;
    color:#999
}
.technology li:hover h3 a {
    color:#eb0013
}
.newslistul li {
    position:relative;
    overflow:hidden;
    line-height:3em;
    padding:10px 170px 10px 0;
    border-bottom:1px dashed #ddd;
    background:url("../images/icon_news.png") no-repeat left center
}
.newslistul li a {
    font-size:1.2em;
    padding-left:25px;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:.3s
}
.newslistul li:hover a {
    color:#eb0013;
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.newslistul li span {
    position:absolute;
    top:10px;
    right:0;
    text-align:right;
    padding-left:24px;
    background:url("../images/time.png") no-repeat left center
}
.arttit {
    padding:10px 0 20px
}
.arttit h3 {
    font-size:2.5em;
    font-weight:normal;
    line-height:1em;
    padding-bottom:25px;
    border-bottom:1px dashed #ddd;
    text-align:center
}
.art_infor {
    padding:10px 0;
    line-height:1em;
    border-bottom:1px dashed #ddd
}
.art_infor span {
    margin-right:5%;
    height:36px;
    line-height:36px
}
.article {
    font-size:1.15em
}
.article p {
    padding:5px 0;
    line-height:2em;
    text-indent:2em
}
.article h3 {
    font-size:1.15em;
    padding:15px 0 0
}
.article img {
    max-width:80%;
    padding:10px 0;
    margin:0 auto;
    display:block
}
.article a, .pro_details a {
    font-weight:bold;
    text-decoration:underline;
    padding:0 2px;
    color:#002558
}
.news_links {
    overflow:hidden
}
.news_links a {
    display:block
}
.news_links li {
    float:left;
    width:50%;
    line-height:50px;
    height:50px;
    background:#eee
}
.news_links li a, .news_links span {
    float:left;
    padding:0 1%
}
.news_links span {
    width:18%;
    margin-right:1%;
    background:#ddd;
    text-align:center
}
.news_links li a {
    width:76%;
    padding-left:2%;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
}
.news_links a:hover {
    color:#eb0013
}
.news_links li.return {
    width:10%;
    background:url("../images/return.png") no-repeat 10px center #ddd;
    text-align:center
}
li.return a {
    float:right
}
.related_news {
    margin-left:-5%;
    overflow:hidden
}
.related_news>li {
    float:left;
    width:45%;
    margin-left:5%
}
.related_news .newslistul li a {
    font-size:1em;
    padding-left:20px
}
.customer_menu {
    margin:30px 0 10px;
    overflow:hidden;
    text-align:center
}
.customer_menu a {
    display:inline-block;
    width:200px;
    font-size:1.3em;
    margin:0 20px 20px 0;
    padding:10px 0;
    text-align:center;
    background:#eee
}
.customer_menu a.active {
    background:#0075c2;
    color:#fff
}
.casetit {
    line-height:2em;
    overflow:hidden;
    padding:20px 0
}
.casetit span {
    float:left;
    font-size:1.5em
}
.casetit a {
    float:right;
    font-size:.9em;
    text-transform:uppercase;
    color:#eb0013
}
.sollist {
    margin-left:-4%;
    overflow:hidden
}
.sollist li {
    float:left;
    width:29.3%;
    margin-bottom:3%;
    margin-left:4%;
    border-bottom:2px solid transparent;
    line-height:0;
    background:#f5f5f5
}
.sollist li>a {
    overflow:hidden
}
.sollist li>a img {
    width:100%;
    height:250px;
}
.sollist li:hover {
    border-color:#0075c2
}
.sollist li:hover>a img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.sollist li h3 {
    font-size:1.25em;
    font-weight:normal;
    padding:8px 0;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sollist li dl {
    padding:15px;
    line-height:2em
}
.sollist li dt {
    font-size:1.5em;
    font-weight:bold;
    line-height:2em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center
}
.sollist li dt a:hover {
    color:#eb0013
}
.sollist li dd {
    line-height:1.8em;
    color:#666
}
.sdetail {
    float:right;
    margin-bottom:20px;
    margin-right:20px;
    width:120px;
    height:36px;
    line-height:36px;
    background:#ddd;
    color:#333;
    text-align:center
}
.sollist li:hover .sdetail {
    background:#0075c2;
    color:#fff
}
.solheadline {
    font-size:2em;
    line-height:2em;
    padding:0 0 10px;
    font-weight:bold
}
.sol_infor {
    margin:20px auto;
    padding:20px 0;
    overflow:hidden
}
.sol_img {
    float:left;
    width:57%;
    line-height:0
}
.sol_img img {
    width:100%
}
.sol_txt {
    float:right;
    width:40%
}
.sol_txt p {
    padding-bottom:8px;
    line-height:1.8em;
    color:#666
}
.sol_txt p span {
    color:#333
}
.sol_txt .inquiry a {
    padding:5px 0
}
.sol_infor_nav {
    border-bottom:1px solid #ddd;
    text-align:center
}
.sol_infor_nav a {
    display:inline-block;
    padding:20px
}
.sol_infor_nav a.current {
    border-bottom:2px solid #f90
}
.soltit {
    font-size:1.5em;
    font-weight:bold;
    padding:15px 0;
    text-align:center
}
.soltit a {
    display:block;
    margin:10px 0;
    font-weight:normal;
    font-size:14px;
    color:#f90
}
.sol_article p {
    text-indent:0;
    padding:3px 0
}
.art_contact {
    padding:15px;
    overflow:hidden;
    background:#eee
}
.art_tel span {
    font-size:2em;
    font-weight:bold;
    color:#eb0013
}
.art_price {
    font-size:1.25em;
    line-height:1.5em;
    padding:10px 20px 10px 70px;
    background-position:20px center;
    -webkit-background-size:40px;
    background-size:40px
}
.m_infor {
    overflow:hidden
}
.mtit {
    font-size:2em;
    padding:10px 0
}
.mtit span {
    font-size:18px;
    color:#0075c2
}
.materials_infor li {
    padding:15px 0
}
.materials_infor p {
    padding:5px 0;
    line-height:2em
}
.mtxt {
    width:56%
}
.mimg {
    width:40%
}
.mimg img {
    max-width:100%
}
.mtxt dt {
    font-size:1.15em;
    font-weight:bold;
    padding-top:10px
}
.mtxt dd {
    padding:5px 0;
    line-height:2em
}
.mpro {
    width:35%;
    background:#eee
}
.mpro li {
    float:left;
    width:47%;
    margin-left:2%;
    margin-top:2%;
    padding:0;
    line-height:0
}
.mpro li p {
    padding:5px 0;
    line-height:1.5em;
    text-align:center
}
.mpro li img {
    width:100%
}
.contactli {
    overflow:hidden;
    margin-left:-3%;
    margin-top:3%
}
.contactli dl, .departure {
    float:left;
    width:22.3%;
    margin-left:3%;
    margin-bottom:3%;
    background:#eee;
    padding:1.5% 4%;
    height:160px
}
.departure {
    background:#0075c2;
    color:#fff;
    text-align:center
}
.contactli dl dt, .departure h3 {
    text-align:center;
    font-size:1.3em;
    font-weight:bold;
    line-height:2em
}
.departure h3 {
    margin:3% 0 3%
}
.conbtn {
    display:block;
    width:140px;
    height:2.5em;
    line-height:2.5em;
    margin:10px auto;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:rgba(255, 255, 255, .9);
    color:#0075c2
}
.contactli dl dd {
    padding:5px 0;
    line-height:2em
}
.service {
    margin-top:30px
}
.service a {
    line-height:0;
    position:relative;
    overflow:hidden
}
.service a img {
    width:100%
}
.service h3, .service p {
    line-height:2em;
    padding:5px 0
}
.service h3 {
    position:absolute;
    left:0;
    bottom:0;
    padding:0 20px;
    font-size:1.5em;
    font-weight:normal;
    color:#fff;
    background:rgba(0, 0, 0, .7)
}
.service li:hover img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.about_icon li {
    margin-top:2%;
    text-align:center
}
.about_icon li i {
    display:block;
    height:60px;
    background:url("../images/icon-experience.png") no-repeat center center
}
.about_icon li i.icon-experience {
    background-image:url("../images/icon-experience.png")
}
.about_icon li i.icon-factory {
    background-image:url("../images/icon-factory.png")
}
.about_icon li i.icon-certificate {
    background-image:url("../images/icon-certificate.png")
}
.about_icon li i.icon-earth {
    background-image:url("../images/icon-earth.png")
}
.about_icon li p {
    color:#999
}
.about_icon li p span {
    display:block;
    font-size:2.5em;
    line-height:1em;
    color:#333
}
.global {
    overflow:hidden
}
.checkli {
    overflow:hidden
}
.checkli li {
    width:55%;
    padding:5px 0 5px 40px;
    line-height:2em;
    background:url("../images/checked1.png") no-repeat left top
}
.pass {
    overflow:hidden;
    background:url("../images/qualitybg.jpg") no-repeat center center;
    background-attachment:fixed
}
.quality {
    width:50%
}
.honor {
    width:50%;
    height:100%;
    background:url("../images/honorbg.jpg") no-repeat right center
}
.half {
    max-width:600px;
    padding:80px 0
}
.fl .half {
    float:right;
    padding-right:50px;
    text-align:right
}
.fr .half {
    float:left;
    padding-left:50px
}
.halftit h3 {
    font-size:2.5em
}
.halftit h4 {
    font-size:1.5em;
    font-weight:normal;
    padding:5px 0 0
}
.halfbtn {
    display:inline-block;
    width:130px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#eb0013;
    color:#fff
}
.halfbtn:hover {
    background:#353e4d
}
.half p {
    padding:10px 0;
    line-height:2em
}
.tbg {
    padding:20px
}
.wbg {
    padding:20px;
    background:rgba(255, 255, 255, .3)
}
.certificate {
    padding:20px 0
}
.certificate ul {
    margin-left:-2%;
    overflow:hidden
}
.certificate li {
    float:left;
    margin-bottom:2%;
    text-align:center
}
.certificate li>a {
    padding:10px 10px 0;
    border:1px solid #ddd;
    border-bottom:0
}
.certificate li>p a {
    font-size:1.15em;
    padding:0 10px 10px;
    border:1px solid #ddd;
    border-top:0
}
.certificate li img {
    width:100%
}
.ysbg {
    background:url(../images/youshiline.jpg) repeat-x;
    border:1px solid #dbdbdb;
    margin:10px auto
}
.ysbgdl {
    width:640px;
    background:url(../images/1.png) no-repeat;
    padding-left:80px
}
.ysbgdl dt {
    line-height:35px;
    font-size:20px;
    font-family:"微软雅黑", "宋体", "黑体";
    margin-bottom:5px
}
.ysbgp {
    width:330px
}
.ysbgp img {
    float:left;
    margin-left:15px
}
.num1 {
    background-position:0 19px
}
.num2 {
    background-position:0 -84px
}
.num3 {
    background-position:0 -191px
}
.num4 {
    background-position:0 -298px
}
.num5 {
    background-position:0 -405px
}
.num6 {
    background-position:0 -509px
}
.youshi1 {
    width:1050px;
    margin:0 auto
}
.youshi1 li {
    width:100%;
    overflow:hidden;
    margin:10px 0 20px 0
}
.youshi1 li img {
    float:left
}
.youshi1 dl {
    float:left;
    margin:0 15px;
    width:450px
}
.youshi1 dl dt {
    color:#f89800;
    font-size:16px;
    line-height:30px;
    font-family:"微软雅黑", "宋体", "黑体";
    font-weight:bold
}
.youship {
    font-size:20px;
    padding-left:10px;
    line-height:40px;
    font-family:"微软雅黑", "宋体", "黑体"
}
.m_banner {
    display:none;
    line-height:0
}
.m_banner img {
    width:100%
}
@media screen and (min-width:1000px) {
    .ihotnews li a {
        height:350px;
        overflow:hidden
    }
    .tlines {
        height:auto;
        line-height:1.6em
    }
}
@media screen and (max-width:1199px) {
    .infor_txt li span {
        width:30%
    }
    .islist li {
        width:25%
    }
    .islist li:nth-child(6n+1) {
        border-left-color:#bbb
    }
    .islist li:nth-child(4n+1) {
        border-left-color:transparent
    }
}
@media screen and (max-width:999px) {
    .banner, .protit p, .h1000, .news_links li.return, .sidebar, .ihotnews {
        display:none
    }
    .m_banner {
        display:block
    }
    .pro_details, .ia_txt, .inewscon {
        padding-right:0;
        min-height:auto
    }
    .ia_icon {
        position:relative;
        height:auto;
        width:100%
    }
    .ia_icon ul {
        margin-left:-2%
    }
    .ia_icon li {
        padding-left:0;
        padding-right:0;
        width:23%;
        margin-left:2%;
        margin-bottom:2%
    }
    .imglist li p {
        font-size:1em;
        height:50px
    }
    .inimg .imglist li p:first-child {
        height:auto
    }
    .probg, .probgw {
        margin:15px auto
    }
    .probg {
        padding:15px 0
    }
    .infor_img img {
        display:block;
        margin:0 auto
    }
    .detail_menu li a {
        font-size:1em
    }
    .tablebox {
        overflow-x:scroll
    }
    .customer_menu a {
        width:auto;
        padding:10px 20px
    }
    .sollist li {
        width:46%
    }
    .icategory {
        height:auto
    }
    .icategory li, .icategory li.wideli {
        width:20%
    }
    .icategory li a {
        height:140px;
        background-size:auto 140px
    }
    .icategory li h4 {
        width:100%;
        padding:0;
        text-align:center
    }
    .infor_txt {
        width:100%
    }
    .infor_txt li span {
        width:auto
    }
    .infor_txt li div {
        clear:both
    }
    .infor_txt li p.tlines {
        height:auto
    }
}
@media screen and (max-width:767px) {
    .topbar, .iatxt h4, .iatxt h3, .ihotnews, .iadvantage, .inbanner, .hotnews, .sdetail, .ia_txt p:nth-child(2) {
        display:none
    }
    .iavideo, .iatxt, .inewslist, .quality, .honor, .technology.colm3>li, .newslist li, .news_links li, .sendbtn, .sol_img, .sol_txt {
        width:100%
    }
    .colm4>li {
        width:48%
    }
    .imglist.colm5 li {
        width:31%
    }
    .icategory li.wideli, .icategory li {
        width:33%
    }
    .icategory li a {
        position:relative;
        background-repeat:no-repeat;
        background-size:100px;
        background-position:center center
    }
    .icategory li a.icon-ballmill {
        background-image:url('../images/icon-ballmill.png')
    }
    .icategory li a.icon-crusher {
        background-image:url('../images/icon-crusher.png')
    }
    .icategory li a.icon-sandmaking {
        background-image:url('../images/icon-sandmaking.png')
    }
    .icategory li a.icon-grinding {
        background-image:url('../images/icon-grinding.png')
    }
    .icategory li a.icon-drying {
        background-image:url('../images/icon-drying.png')
    }
    .icategory li a.icon-mobile {
        background-image:url('../images/icon-mobile.png')
    }
    .icategory li a.icon-case {
        background-image:url('../images/icon-line.png')
    }
    .icategory li.icon-con {
        display:block
    }
    .icategory li h4 {
        position:absolute;
        bottom:0;
        font-size:1em;
        background:#fff;
        color:#333
    }
    .iatxt>p {
        padding:10px 0 0
    }
    .iaicon {
        margin-top:2%
    }
    .iabtn {
        margin-left:-2%
    }
    .iamore {
        width:43%;
        margin:0 0 2% 2%;
        padding-left:5%
    }
    .half {
        padding:20px 0
    }
    .fl .half, .fr .half {
        float:left;
        padding-left:20px;
        padding-right:0;
        text-align:left
    }
    .protit h3 {
        font-size:2em
    }
    .certificate ul {
        margin-left:-2%
    }
    .certificate li {
        width:31.3%;
        margin-left:2%
    }
    .certificate li>p a {
        font-size:1em;
        line-height:1.5em
    }
    .share {
        padding:20px 0 0;
        float:none
    }
    .news_links li {
        margin-bottom:2px
    }
    .colm3>li {
        width:47%
    }
    .sollist li dt {
        font-size:1.15em;
        text-align:center
    }
    .contactli dl {
        width:39%
    }
    .departure {
        width:92%;
        height:auto
    }
    .departure h3 {
        margin:0
    }
    .departure p br {
        display:none
    }
    .order_form li {
        width:100%;
        margin-right:0
    }
    .map {
        height:300px;
        overflow:hidden
    }
    .inewslist li {
        padding:10px 0
    }
    .section, .parts {
        margin:15px auto
    }
    .promenu li a span {
        width:66px;
        height:66px;
        background-size:60px
    }
    .promenu h4 {
        font-size:1em
    }
    .iservice {
        -webkit-background-size:cover;
        background-size:cover
    }
    .islist li {
        width:50%
    }
    .islist li:nth-child(6n+1), .islist li:nth-child(4n+1) {
        border-left-color:#bbb
    }
    .islist li:nth-child(2n+1) {
        border-left-color:transparent
    }
}
@media screen and (max-width:599px) {
    body {
        font-size:13px
    }
    .ihotpro {
        margin-bottom:0
    }
    .itit h4 {
        font-size:2em
    }
    .certificate li {
        width:48%;
        margin-left:2%
    }
    .arttit h3 {
        font-size:2em
    }
    .icategory li a {
        height:100px;
        background-size:80px
    }
    .breadcrumbar, .newslistul li span {
        display:none
    }
    .newslistul li {
        padding-right:0
    }
    .newslistul li a {
        width:90%
    }
    .hotline {
        background-size:42px;
        padding-left:50px
    }
    .hotline p {
        font-size:2em
    }
    .detail_menu li i {
        display:none
    }
    .detail_menu li {
        background:#ddd;
        width:25%;
        margin-bottom:2px
    }
    .art_img img {
        margin:10px auto
    }
    .icaselist li {
        width:97%
    }
    .icaselist li img {
        height:auto
    }
    .contactli dl {
        height:auto;
        width:90%
    }
}
@media screen and (max-width:399px) {
    .promenu {
        text-align:left
    }
    .promenu li {
        width:30%;
        margin:0 1%;
        text-align:center
    }
    .icategory li.wideli, .icategory li {
        width:33%
    }
    .certificate li>p a {
        height:45px
    }
    .prolist li {
        width:47%
    }
    .icategory li a {
        height:80px;
        background-size:70px
    }
    .intime, .newstime {
        display:none
    }
    .intxt, .newstxt {
        width:100%
    }
    .ia_icon li {
        width:48%;
        padding:10px 0
    }
}
#introduction img {
    width:100%;
}