@charset "utf-8";
/**
版权所有：山东矿机
技术支持：凡高科技
Time : 2019-3-20
Author : jj
**/
  #loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;
        }
        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
            border-radius: 50%;
            border: 3px solid transparent;
            /* COLOR 1 */
            -webkit-animation: spin 2s linear infinite; 
            -ms-animation: spin 2s linear infinite; 
            -moz-animation: spin 2s linear infinite;  
            -o-animation: spin 2s linear infinite;    
                animation: spin 2s linear infinite; 
            z-index:1001;
        }
    
	.loading { 
  position: relative;
  width: 4em;
  height: 4em;

  background: rgba(0, 0, 0, 0.35);background:none;
}

.loading > div {
  position: absolute;
  width: 4em;
  height: 4em;
  animation: alpha 2.25s linear infinite forwards;
  background: rgba(231, 76, 60, 0.75);background: rgba(255, 255, 255, 0.5) !important;
}

.loading > div:nth-child(1) {
  top: -50%;
  left: -50%;
}

.loading > div:nth-child(2) {
  top: -50%;
  right: -50%;
}

.loading > div:nth-child(3) {
  bottom: -50%;
  right: -50%;
}

.loading > div:nth-child(4) {
  bottom: -50%;
  left: -50%;
}

@keyframes alpha {
  0% {
    transform: rotate(0);

  }
  25% {

  }
  50% {
    border-radius: 50%;

  }
  75% {

  }
  100% {
    transform: rotate(360deg);

  }
}


        #loader-wrapper .loader-section {
            position: fixed;
            top: 0;
            width: 100%;
            height: 100%;
            background: #d80930;
            z-index: 1000;
            -webkit-transform: translateX(0); 
            -ms-transform: translateX(0); 
            transform: translateX(0);
        }
        #loader-wrapper .loader-section.section-left {left: 0;}
        #loader-wrapper .loader-section.section-right {right: 0;}

        .loaded #loader-wrapper .loader-section.section-left {
                -webkit-transform: translateX(-100%); 
                    -ms-transform: translateX(-100%);
                        transform: translateX(-100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader-wrapper .loader-section.section-right {
                -webkit-transform: translateX(100%); 
                    -ms-transform: translateX(100%);
                        transform: translateX(100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader {
                opacity: 0;
                -webkit-transition: all 0.3s ease-out;  
                        transition: all 0.3s ease-out;
        }
        .loaded #loader-wrapper {
            visibility: hidden;
            -webkit-transform: translateY(-100%); 
                -ms-transform: translateY(-100%);
                    transform: translateY(-100%);  
            -webkit-transition: all 0.3s 1s ease-out;  
                    transition: all 0.3s 1s ease-out;
        }
		


#s_header{ position:absolute; z-index:999; width:100%; height:130px;}
#s_header .j_logo{ float:left; margin-top:39px;}
#s_nav{ float:right; margin-right:40px;}
#s_nav ul{ font-size:0;}
#s_nav ul li{ display:inline-block; width:114px; text-align:center; line-height:130px; position:relative;}
#s_nav ul li a{ color:#fff; font-size:15px; display:block;}
#s_nav ul li:before{content:""; position: absolute; z-index:-1; display:block; width:100%; height:0; background:#d80930; top:0; transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; }
#s_nav ul li:hover:before{ height:130px; }
#s_nav ul li a:hover{ color:#fff;}
#s_nav ul li.on:after{transform:scaleY(1); opacity:1;}
#s_nav ul li.on a{ color:#fff;}
#s_nav ul li.on{ background:#d80930;}



/*banner*/

.full_page{position:relative;width:100%; height:100%}
#banner{position:relative;height:100%;overflow: hidden;margin: 0 auto;}
#banner .hd{ position:absolute; width:80px; height:270px; right:105px; top:50%; margin-top:-135px;}
#banner .hd li{ width:100%; height:52px; font-size:14px; color:#fff; font-style:italic; background:url(../images/hd.png) 64px center no-repeat; line-height:152px; overflow:hidden; cursor:pointer;}
#banner .hd li.on{ background:url(../images/hd_on.png) 26px center no-repeat; line-height:52px;}
#banner .bd {position:relative;height: 100%;}
#banner .bd ul,#banner .bd ul li{width: 100% !important;height:100% !important;}
#banner .bd a{display:block;width:100%;height: 100%;background-size: cover !important;}
#banner .bnt{position:absolute;top:50%;z-index:3;margin-top: -30px;cursor: pointer;}
#banner .bnt:hover{ }
#banner .bd ul li .con{position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: -90px;height:162px;}
#banner .bd ul li .con .box{float:right;width:100%; position:relative; text-align:center}
#banner .bd ul li .con .box h3{position:absolute;left:0; width:100%; top:70px;white-space:nowrap;font-size:24px;color:#fff; margin-bottom:22px;font-family:"Arial Rounded MT Bold";}
#banner .bd ul li .con .box h5{ position:absolute; left:0; width:100%; top:0; white-space:nowrap; font-size:52px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:18px; text-align:center;}
#banner .bd ul li .con .box h6{position:absolute;left:0;width:100%;top: 130px;white-space:nowrap;font-size:14px;line-height: 18px;color: rgba(255,255,255,0.65);}
#banner .button ul{ text-align:center; font-size:0; position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: 60px;height:52px;}
#banner .button ul li{ width:192px; height:52px; -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px; display:inline-block; *display:inline; *zoom:1; margin:0 17px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li:hover,#banner .button ul li.on{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE70012', endColorstr='#CCE70012');background:rgba(231,0,18,0.8)}
#banner .button ul li.on:hover{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li a{ display:block; text-align:center;}
#banner .button ul li span{ display:inline-block; height:52px; vertical-align:top; font-size:16px; color:#fff; font-weight:bold; line-height:52px; margin:0 19px;}
#banner .bottom{ text-align:center; font-size:0; position:absolute; bottom:82px; height:58px;}

#banner .bottom .right{ float:right; margin-top:3px;}
#banner .bottom .right ul li{ display:inline-block; width:41px; height:41px; margin-left:28px; cursor:pointer}
/*banner end*/

/*==============首页导航条=====================*/

.s_rukou{ position: absolute; z-index: 2; top:50%; left:50%; margin-left:-212px; margin-top:50px; }
.s_rukou .title span{ display:inline-block; margin:0 22px; font-size:15px; text-align:center;}
.s_rukou .title span a{ font-size:15px; color:#fff;}
.s_rukou .title span div{ width:94px; height:94px; border-radius:50%; border:1px solid rgba(255,255,255,.4); position:relative; overflow:hidden; z-index:0;}
.s_rukou .title span div font{width:94px; height:94px; display: block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.s_rukou .title span i{ width:1px; height:22px; background:rgba(255,255,255,.4); display:block; margin:12px auto;}
.s_rukou .title span.li_1 div font{ background:url(../images/s_rukou1.png) center no-repeat;}
.s_rukou .title span.li_2 div font{ background:url(../images/s_rukou2.png) center no-repeat;}
.s_rukou .title span.li_3 div font{ background:url(../images/s_rukou3.png) center no-repeat;}
.s_rukou .title span.li_4 div font{ background:url(../images/s_rukou4.png) center no-repeat;}

.s_rukou .title span.li_1:hover div font{ background:url(../images/s_rukou1_on.png) center no-repeat;}
.s_rukou .title span.li_2:hover div font{ background:url(../images/s_rukou2_on.png) center no-repeat;}
.s_rukou .title span.li_3:hover div font{ background:url(../images/s_rukou3_on.png) center no-repeat;}
.s_rukou .title span.li_4:hover div font{ background:url(../images/s_rukou4_on.png) center no-repeat;}
.s_rukou .title span div:before{ content:""; position:absolute; z-index:-1; width:100%; height:100%; display:block; background: rgba(255,255,255,0); border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.s_rukou .title span:hover div:before{ transform:scale(.8);background: rgba(255,255,255,1);}


.head_right{display:inline-block; float:right; position:relative; margin-top:45px;}
.h-link + .h-link { margin-left: 15px; }
.h-link.h-link-1 { margin-left: 20px; }
.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }
.h-link { float: left; width: 100px; height: 60px; text-transform: uppercase; z-index:99; position:relative; }
.h-link a { color: #eee; }
.h-link .ico { width: 30px; height: 30px; background-position: center top; }
.h-link .t { cursor: pointer; line-height: 60px; text-align: center; transition: 300ms; }
.h-link .t i { line-height: 24px;width:110px; height:40px; font-size:12px; line-height:40px; display:block; color:#fff; padding-left:10px; }
.h-link .t i small{ margin-left:6px; position:relative; top:-3px;}
.h-link .t .aico { margin-left: 10px; }
.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background:rgba(0, 0, 0, 0.4); border:1px solid rgba(255,255,255,.2); opacity: 0; visibility: hidden; transition: 400ms; transform: translateY(20px); }
.h-link .b a { display: block; position: relative; height: 60px; padding-left: 15px; overflow: hidden; line-height: 30px; }
.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }
.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }
.h-link .b a:before { right: 10px; top: 50%; margin-top: -5px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }
.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }
.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }
.h-link.h-link-1 .t .aico { width: 19px; height: 20px; background-position: -160px -46px; }
.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }
.h-link.h-link-2 .b { left: auto; width: 200px; top: 100%; }
.h-link.h-link-2 .b a.o:before { display: none; }
.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }
.h-link.h-link-1{ width: 110px; }
.h-link.h-link-1 .b{ width: 110px; }
.h-link.h-link-2:hover .t .ico{ background-image: url("../images/lang_11.png"); }
.h-link .b a:hover{ background:#d80930; color:#fff;}
.h-link .b a:hover:before{ border:2px solid #fff;}

#footer .s_news{ width:545px; height:106px; margin-right:34px; padding-top:12px; background: rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.1); z-index:99; float:right; }
#footer .s_news .bd{}
#footer .s_news .bd .tempWrap{}
#footer .s_news .bd ul{ }
#footer .s_news .bd ul li{ display:inline-block; overflow:hidden; width:100%; height:24px; position:relative;}
#footer .s_news .bd ul li:before{ content:""; position:absolute; left:-1px; bottom:0; height:0; width:3px; display:block; background:#d80930; transition:ease-in-out .3s; -webkit-transition:ease-in-out .3s;}
#footer .s_news .bd ul li:hover:before{ height:24px;bottom:auto; top:0;}
#footer .s_news .bd ul li a{ padding:0 58px; display:block; width:80%; text-align:left;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#footer .s_news .bd ul li a i{ margin-right:2px; color:#fff !important;}
#footer .s_news .bd ul li a span{ float:right;font-size:12px; color:#fff; font-family:arial; margin-left:30px; position:absolute; right:40px;}
#footer .s_news .bd a{ font-size:13px; color:#fff;}
#footer .s_news .bd a i{}

#footer { overflow:visible; width:100%;
	height: 105px;
	position: absolute;
	bottom:83px;
	right: 0;
	text-align: left; float:right;
	font-size: 12px;
	color: #fff; color:rgba(255,255,255,.5);
	line-height: 20px;
	z-index: 100;
}
#footer *{font-size: 12px;color: #fff; color:rgba(255,255,255,.5);}
#footer a:hover{ color:#fff;}
#footer .ico{ margin-top:19px;}
#footer .ico i{ width:7px; height:1px; background:rgba(255,255,255,.7); display:inline-block; position:relative;  top: -17px; left: -8px;}
#footer .ico a{ margin-right:15px; opacity:1; display:inline-block; width:35px; height:35px; border-radius:50%; position:relative;}
#footer .ico a:before{ content:""; display:block; position:absolute; width:35px; height:35px; border-radius:50%; box-shadow:0 0 0 0px rgba(216,9,48,.3); transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }

#footer .ico .ico_1{ display:inline-block;}
#footer .ico .ico_2{ display:none;}
#footer .ico a:hover .ico_1{ display:none;}
#footer .ico a:hover .ico_2{ display:inline-block;}
#footer .ico a:hover:before{ box-shadow:0 0 0 7px rgba(216,9,48,.3);}

#footer .footer_left{ float:left; padding-top:28px;}
#footer .footer_left ul li{ float:left; padding:10px 0 0 70px; height:58px; text-align:left; margin-right:60px;}
#footer .footer_left ul li.li01{ background: url(../images/s_foot_ico_tel.png) left center no-repeat;}
#footer .footer_left ul li.li01:hover{ background:url(../images/s_foot_ico_tel_on.png) left center no-repeat;}
#footer .footer_left ul li.li02{ background:url(../images/s_foot_ico_add.png) left center no-repeat;}
#footer .footer_left ul li.li02:hover{ background:url(../images/s_foot_ico_add_on.png) left center no-repeat;}
#footer .footer_left ul li h6{font-size:12px;color:#fff;}
#footer .footer_left ul li h4{ font-size:18px; color:#fff; font-family:Myriad Pro; padding-top: 5px;}
#footer .footer_left ul li h5{ font-size:13px;line-height:18px; color:#fff;}
#footer .footer_left ul li h5 i{ margin-left:5px; margin-right:3px; font-size:12px;}
#footer .footer_left ul li h5 i img{ position:relative; top:4px;}

#fix_ewm_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }

#fix_ewm_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; ;}


#fix_sj_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }

#fix_sj_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.s_foot_link{width: 152px;height: 35px;border-bottom: 1px solid #949391; border-bottom: 1px solid rgba(255,255,255,.2); cursor:pointer;overflow:visible;position: relative; text-align:left;}
.s_foot_link .tanchu{width: 152px;padding:10px 13px;box-sizing:border-box;position:absolute;bottom: 33px;background: #555759; background: rgba(0,0,0,.5); display: none;left: -1px;}
.s_foot_link .tanchu a { color: #d1d1d1; color: rgba(255,255,255,.7); line-height: 27px; display:block; font-size: 13px;}
.s_foot_link .tanchu .swiper-slide{ height:30px !important;}
.s_foot_link .swiper-scrollbar-drag{ height:60% !important;}
.s_foot_link #bnt_link1.a { color: #8e8c8c; color: rgba(255,255,255,.7);text-align:left;line-height: 32px;width:100%;box-sizing:border-box;font-size: 12px;text-decoration:none;position:absolute;z-index:1;}
.s_foot_link .a span{float:right; } 


@media (max-width: 1200px)
{
.container {
    width: 1200px;
}
#s_nav ul li{ width:93px;}
#footer .s_news{ width:350px !important;}
#footer .s_news .bd ul li a { padding: 0 20px !important;}
#footer .footer_left ul li{ margin-right:46px;}
}
@media (min-width: 1200px)
{
.container {
    width: 1200px;
}
#s_nav ul li{ width:93px;}
#footer .s_news{ width:350px !important;}
#footer .s_news .bd ul li a { padding: 0 20px !important;}
#footer .footer_left ul li{ margin-right:46px;}
}

@media (min-width: 1360px)
{
.container {
    width: 1360px;
}
}
@media (min-width: 1440px)
{
.container {
    width: 1440px;
}
}
@media (min-width: 1720px)
{
.container {
    width: 1440px;
}
#footer .s_news {
    width: 345px;
}


}
@media (min-width: 1920px)
{
.container{ width:1713px; margin:0 auto; padding:0 15px;}
#footer .s_news{ width:545px !important;}
#footer .s_news .bd ul li a { padding: 0 58px !important;}
}
.container{ margin:0 auto; padding:0 15px;}

/*===============================================header================================================*/
	    .ad_box{ width:100%;}
		.ad_box .m{ position:relative;}
		.ad_box a{ display:block; height:82px;}
		.ad_box .bnt_close{ position:absolute; height:34px; width:34px; right:0; top:23px;cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
		.ad_box .bnt_close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
/*动画end*/



/* 点击搜索框获取焦点 placeholder消失-开始 */

#footer input::-webkit-input-placeholder{
            color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
           color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
           color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
.foot textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
 
}
/* WebKit browsers */
input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
color: transparent;
}
/* 点击搜索框获取焦点 placeholder消失-结束 */



textarea:focus::-webkit-input-placeholder {
color: transparent; 
}
textarea:focus:-moz-placeholder {
color: transparent;
}
textarea:focus::-moz-placeholder {
color: transparent;
}
textarea:focus:-ms-input-placeholder {
color: transparent;
}





#gotop {
    position: fixed;
    z-index: 90;
    bottom: 150px;
    right: 50%;
    margin-right: -750px;
    width: 50px;
    height: 50px;
    padding-top: 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: url(../images/gotop.png) center no-repeat;
    cursor: pointer;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
#gotop.hide { bottom:-50px;}


/*------------------------------- 侧边栏 -------------------------------------*/

/*online qq*/
aside#top{ }
.online_q {
    position: fixed;
    right: 50px;
    bottom: 40%;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 9999; transition:.5s; -webkit-transition:.5s;
}
.online_q.on{right: -60px;}
.online_q .btn-open{width:50px; height:50px; position:absolute !important; left:0; top:0; cursor:pointer; transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -moz-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -ms-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -o-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -webkit-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); opacity:0; }
.online_q.on .btn-open{opacity:1;left:-60px;}

.online_q .btn2{width:50px; height:50px; cursor:pointer; position:relative; margin-bottom:10px;}
.online_q .btn2 span{display:block;width:50px; height:50px; position:relative; z-index:999; border-radius:25px; border:1px solid #e5e5e5;  transition:.3s; -webkit-transition:.3s;}
.online_q .btn-open span{background:url(../images/piaofu.png) center no-repeat #fff;}
.online_q .btn-close span{background:url(../images/piaofu.png) center no-repeat #fff; }
.online_q .btn-qq span{background:url(../images/qq_ico1.png) center no-repeat #fff; }
.online_q .btn-wx span{background:url(../images/qq_ico2.png) center no-repeat #fff;}
.online_q .btn-tel span{background:url(../images/qq_ico3.png) center no-repeat #fff; }
.online_q .btn-tsina span{background:url(../images/qq_ico4.png) center no-repeat #fff; }
.online_q .btn-top span{background:url(../images/qq_ico5.png) center 20px no-repeat #fff;  display:none;}

.online_q .btn-open:hover span{background:url(../images/piaofu_on.png) center no-repeat #0f89dd; }
.online_q .btn-close:hover span{background:url(../images/piaofu_on.png) center no-repeat #0f89dd; }
.online_q .btn-qq:hover span{background:url(../images/qq_ico1_on.png) center no-repeat #0f89dd;}
.online_q .btn-wx:hover span{background:url(../images/qq_ico2_on.png) center no-repeat #0f89dd;}
.online_q .btn-tel:hover span{background:url(../images/qq_ico3_on.png) center no-repeat #0f89dd; }
.online_q .btn-tsina:hover span{background:url(../images/qq_ico4_on.png) center no-repeat #0f89dd;}
.online_q .btn-top:hover span{background:url(../images/qq_ico5_on.png) center no-repeat #0f89dd;}

.btn2:hover span{ border:1px solid #0f89dd; border-radius:25px; color:#fff;}
.online_q .open.pic{ position:absolute; background:#0f89dd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; border-radius:5px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:60px;visibility:visible;}

.online_q .open.phone{ position:absolute; right:0; top:0; height:50px; line-height:50px; border-radius:50px; border:1px solid #fff; padding-right:48px; z-index:0; width:0; background:#0f89dd; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; overflow:hidden; opacity:0;}
.online_q .open.phone p{ position:relative; right:-20px;}
.online_q .btn2:hover .open.phone{ width:220px; border:1px solid #0f89dd; transition:width .5s; -webkit-transition:width .5s; opacity:1}
/*------------------------------- 侧边栏end -------------------------------------*/


.ar_article{font-size:14px;color:#727272;line-height:30px;text-align:justify;}
.ar_article p{font-size:14px;color:#727272;line-height:30px;text-align:justify;margin-bottom: 23px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}
.ar_article img{ display:inline-block;}
.ar_article td,
.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}