@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.OTF');
}
@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}
@font-face {
  font-family: 'DinNextRegular';
  src: url('./DinNextRegular.woff2.ttf');
}
html {
   scroll-padding-top: 100px;
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#3f3f3f;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'LIGHT'; color:#3f3f3f;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.917%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}


.din{font-family: 'DinNextRegular';}
.cg{font-family: 'REGULAR';}
.xt{font-family: 'LIGHT';}
.ct{font-family: 'BOLD';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%;background: #fff; position: fixed;top: 0;left:0;z-index: 999;}
header .box1{height: 100px;}
header .box1 .hl .logo{display: block;height: 66px;}
header .box1 .hl .line{width: 1px;height: 40px;background:#e5e5e5;margin: 0 10px;}
header .box1 .hl p{font-size: 16px;letter-spacing: 0.5px;}
header .box1 .hl p b{font-size: 18px;letter-spacing: 0;}
header .box1 .phone{font-size: 28px;}
header .box1 .phone img{margin-right: 10px}
header .box1 .phone span{background-image:-webkit-linear-gradient(top,#fc8728,#df4a05); 
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
header nav{width: 48%}
header nav a{height: 100px;font-size: 18px;color: #666666;}
header nav a:hover,header nav a.active{font-weight: bold;background: url(../images/nbj.png) no-repeat center top;color: #e85e05}

header.active{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.active .headT{display: none}


.banner{width:100%;height: 490px;margin-top: 100px;}


.sy_banner{margin-top: 100px;}
.sy_banner .swiper-pagination{bottom: 25px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background: #fff;border-radius: 0; width: 50px;height: 4px;margin: 0 3px !important;}
.sy_banner .swiper-pagination-bullet-active{opacity: 1 !important;}

.cor{color: #e85e05}
.cor1{color: #165b8a}
.cor2{color: #ffffff}
.btc{background-image:-webkit-linear-gradient(top, #fc8728,#df4a05);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bgc{background-image: linear-gradient(to right, #f55a22, #fe6d30);}
/* 内容 */
.bt1{background-image:-webkit-linear-gradient(top,rgba(247, 118, 47, 0.17),rgba(247, 118, 47, 0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bt3{background-image:-webkit-linear-gradient(top,rgba(255, 255, 255, 0.17),rgba(255, 255, 255, 0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bt2{background-image:-webkit-linear-gradient(top,#fc8728,#df4a05);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.title{padding: 100px 0 45px;}
.title h4{font-size: 72px;line-height: 60px;margin-bottom: -40px;} 
.title h3{font-size: 48px;line-height: 50px;} 
.title img{margin-top: 22px;}
.title h5{margin-top: 12px;color: #666666;}

.ht1{padding-bottom: 75px;}
.ht11 ul li{width: 48.214%}
.ht11 ul li p{font-size: 18px;line-height: 28px;}
.ht11 ul li h5{font-size: 24px;margin: 25px 0 20px;}

.ht12{width: 52.857%}
.ht122 ul li{width: 120px;height: 120px;position: absolute}
.ht122 ul li:nth-child(1){top: 54%;left: 5%}
.ht122 ul li:nth-child(2){top: 28%;left: 5%}
.ht122 ul li:nth-child(3){top: 6%;left: 26%}
.ht122 ul li:nth-child(4){top: 6%;left: 53%}
.ht122 ul li:nth-child(5){top: 28%;right: 5%}
.ht122 ul li:nth-child(6){top: 54%;right: 5%}
.ht122 ul li:nth-child(7){bottom: 6%;right:27%}
.ht122 ul li:nth-child(8){bottom: 6%;left:27%}

.ht13{width: 44%; padding: 3% 0;}
.ht13 ul{height: 100%;}
.ht13 ul li{border-radius: 80px;border: 1px solid #fb9433;padding: 2%;}
.ht131{width: 43.187%; border-radius: 80px;}
.ht132{width: 52%;}
.ht132 h5{font-size: 24px;}
.ht132 p{font-size: 18px;color: #666666;margin-top: 10px;}

.ht2{width: 100%;padding-bottom: 120px; background: url(../images/ht2.jpg) no-repeat center top;}
.ht21 ul li{width: 31.428%;padding: 1.5%;background:#fff;}
.ht212{padding: 22px 6% 30px;}
.ht212 h5{font-size: 28px;line-height: 34px; color: #555555;color: #555555}
.ht212 h6{font-size: 16px;color: #999999}
.ht212 p{font-size: 18px;line-height: 25px; color: #999999;margin-top: 17px;letter-spacing: -1px;}
.ht21 ul li.active .ht212 h5{color: #fa6124}

.ht20{width: 100%;height: 810px;padding-top: 180px; background: url(../images/ht20.jpg) no-repeat center;}
.ht20 h5{font-size: 24px;color: #666666}
.ht20 .logo{display: block;height: 80px;margin: 35px 0 16px;}
.ht20 h3{font-size: 48px;}
.ht20 h4{font-size: 30px;color: #666666;margin: 5px 0 45px;}
.ht20 ul li{margin-right: 30px;}
.ht20 ul li h6{color: #666666;margin-top: 12px;}
.ht20 a{width: 250px;height: 55px;border-radius: 10px;margin-top: 30px; background-image: linear-gradient(to right, #f55a22, #fe6d30);color: #fff}
.ht20 a img{margin-left: 18px;}

.ht22{width: 100%;padding-bottom: 100px;background: url(../images/ht220.jpg) no-repeat center top;}

.ht3{padding-bottom: 120px;}
.ht31{margin-bottom: 50px}
.ht31 ul li{width: 25%;height: 110px;border: 1px solid #f7f7f7;position: relative }
.ht31 ul li::after{display: none;content: ''; width: 100%;height: 3px;background: url(../images/ht30.png) no-repeat center; position: absolute; bottom: 0;left:0 }
.ht31 ul li img{margin-right: 15px;}
.ht31 ul li h5{font-size: 24px;font-weight: bold;}
.ht31 ul li h6{font-size: 14px;color: #999999}
.ht31 ul li.active::after{display: block}
.ht31 ul li.active .ht310{display: none}
.ht31 ul li.active .ht310_{display: block;}


.ht4{width: 100%;height: 890px; background: url(../images/ht4.jpg) no-repeat center top;}
.ht41{background: url(../images/ht4.png) no-repeat center;background-size: 68%}
.ht41 ul li p{font-size: 22px; }

.ht420{padding: 200px 0 105px;}
.ht421{width: 100%;height: 652px; background: url(../images/ht420.png) no-repeat center;}
.ht421 .title{width: 100%;top: -130px;left: 0}


.ht5{width: 100%;padding-bottom: 100px;background: url(../images/ht5.jpg) no-repeat center top;}
.ht51 .swiper-pagination{position: static;margin-top: 45px;}
.ht51 .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background: #fff;border-radius: 0; width: 40px;height: 4px;margin: 0 3px !important;}
.ht51 .swiper-pagination-bullet-active{opacity: 1 !important;}

.ht6{width: 100%;padding-bottom: 100px;background: url(../images/ht6.jpg) no-repeat center bottom;padding-bottom: 62px;}
.ht610{width: 100%;padding-bottom: 138%; background: rgba(238, 238, 238, 0.3);}
.ht610 img{max-width: 90%;max-height: 92%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}


.ht71 ul li{width: 12.8%;height: 700px;}
.ht711{width: 100%;height: 100%;padding: 130px 0 190px; background: rgba(0, 0, 0, 0.7);top: 0;left: 0}
.ht7111 h5{font-size: 22px;margin:15px 0 3px;}
.ht7111 h6{font-size: 14px;opacity: 0.5;letter-spacing: -1px;}
.ht712{width: 100%;height: 492px;padding: 280px 0 0 10% ; background: url(../images/ht70.png) no-repeat center;bottom: 0;left:0;}
.ht712 h5{font-size: 36px;margin: 20px 0 3px;line-height: 38px;}
.ht712 h6{font-size: 16px;opacity: 0.3;}
.ht712 p{font-size: 24px;margin-top: 10px;}
.ht71 ul li.active{width: 35.2%}
.ht71 ul li.active .ht711{display: none}
.ht71 ul li.active .ht712{display: block;}














.bd{padding: 27px 0 20px;}
.bd1{width: 500px;}
.bd1 .logo{display: block;height: 100px;margin:0 auto;}
.bd1 h4{font-size: 27px;color: #666666;margin: 55px 0 10px;}
.bd1 h3{font-size: 37px;line-height: 49px;}
.bd1 a{width: 250px;height: 56px;border-radius: 10px;background-image: linear-gradient(to right, #f55a22, #fe6d30);color: #fff;margin: 60px auto 0;}
.bd1 a img{margin-left: 18px;}
.bd .line{width: 1px;height: 650px;background:#ededed;}
.bd2{width: 515px;}
.bd2 .text{display: block;width: 100%; height: 80px;background: #f8f8f8;margin: 0 auto 12px; outline: none;border: none;border-bottom: 2px solid #fff;font-size: 18px;color: #838383; padding: 0 25px;}
.bd2 .text1{width: 100%;height: 130px;padding: 20px 25px;}
.bd2 .tj{display: block;width: 250px;height: 56px;border-radius: 10px;background-image: linear-gradient(to right, #f55a22, #fe6d30);color: #fff;outline:none;cursor: pointer;border: none; font-size: 18px;margin: 28px auto 0;color: #fff;}
.bd2 .tj img{margin-left: 18px;}
.bd2 .text:hover{border-color: #fd511f;}

.xf{width: 60px;height: 500px; position: fixed;bottom: 5%;right: 0;z-index: 100}
.xf>ul{height: 320px;text-align: center;}
.xf>ul>li{width: 60px;height: 60px;background: #2e2e2e; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background:rgba(46, 46, 46, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 300px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li.active{background-image: linear-gradient(to top, #df4a05, #fc8728); }
.xf>ul>li.active .xfl{display: flex;}
.xf>ul>li.active a>.xf0{display: none}
.xf>ul>li.active a>.xf0_{display: inline-block}

/* 底部 */

footer{width: 100%;background:#333333;}
footer .footT{padding: 75px 0 35px;}
footer .footT .logo{height: 35px;display: block;margin: 0 3%;}
footer .footT nav a{font-size: 17px;display: block;color: #fff;opacity: 0.42}
footer .footT nav span{font-size: 15px;color: #fff;opacity: 0.42}
footer .footT nav a:hover,footer .footT nav a.active{opacity: 1}
footer .footB{width: 100%;height: 135px;border-top: 1px solid rgba(255, 255, 255, 0.27);border-bottom: 1px solid rgba(255, 255, 255, 0.27);}
footer .footB ul li{height: 135px;border-right: 1px solid rgba(255, 255, 255, 0.27); }
footer .footB ul li:last-child{border:none}
footer .footB ul li .fmr{margin-left: 12px;font-size: 16px;}
footer .footB ul li .fmr h5{opacity: 0.5;}
footer .footB ul li .fmr p{line-height: 25px;font-size: 18px;}
footer .footB ul li .dewm p{line-height: 17px;}
footer .footB .dewm{margin: 0 10px;}
footer .footB .dewm div{width: 75px; width: 75px;margin-bottom: 10px;}
footer .footB .dewm p{font-size: 14px;}
footer .fB{width: 100%;font-size: 15px;padding: 20px 0;color: rgba(255,255,255,0.4);}
footer .fB a{color: rgba(255,255,255,0.4);}





.position{border-bottom:1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 80px}
.pos1{padding-left: 10px;height: 45px; border-left: 3px solid #e15b06;}
.pos1 h3{font-size: 22px;line-height: 24px;}
.pos1 p{text-transform : uppercase; font-size: 14px;color: #333333;opacity: 0.4; margin-top: 5px}
.position>p{max-width: 50%;height: 23px;line-height: 23px; font-size: 16px;color: #7f7f7f;opacity: 0.8; margin-top: 22px}
.position>p a{color: #7f7f7f}
.position>p a:hover{color: #6F3294}

.bg{background:#f6f7f7;}
.con{width: 100%; padding: 65px 0 100px;}
.con1{width: 100%; padding:65px  0 0;}

.etit{padding: 100px 0 35px;}
.etit h3{font-size: 44px;}

/* 关于我们 */
.gy1{margin-top: 80px;}
.gy11{width: 50%;height: 440px;background:#000;}
.gy12{width: 45.714%;padding-right: 3%;margin-top: 60px}


.gy12 h1{font-size: 30px;}
.gy12 h2{font-size: 14px;color: #666666;margin: 5px 0 0;}
.gy12 .line{width: 100%;height:1px;margin: 15px 0 35px;}
.gy121{padding-right: 20px; font-size: 18px;line-height: 30px;text-align:justify;overflow:auto;max-height: 240px;color: #555555;}
.gy13{margin-top: 13px;}
.gy13 ul li{width: 32.5714%}

.gy2{padding-bottom: 40px;background: url(../images/a2.jpg) no-repeat center bottom}
.gy21 ul li{width: 19.571%;padding-bottom: 27%;margin: 0 0.53625% 19px 0; background:#eeeeee;}
.gy21 ul li:nth-child(5n){margin-right: 0}
.gy21 ul li img{max-width: 90%;max-height: 95%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}



/*Scrollbar 4*/
#scrollbar4 ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
 
#scrollbar4 ::-webkit-scrollbar-track {
    /* background-color: #fff; */
    /* box-shadow: inset 0px 0px 0px 11px #f2f2f3; */
    /* border-radius: 5px; */
}
 
#scrollbar4 ::-webkit-scrollbar-thumb {
    background: #e85e05;
    border-radius: 10px;
}

#scrollbar4 ::-webkit-scrollbar-corner {
}


/* 产品中心 */
.product ul li{width: 49%;margin-bottom: 75px;}
.product ul li .p_img{display: block; width: 100%;padding-bottom: 60.9%;background: #ffe7cd; position: relative; }
.product ul li .p_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.product ul li .p_con{width: 100%;height: 84px;border-bottom: 1px solid #bfbfbf; padding: 0 0 0 30px}
.product ul li .p_tit{width: 80%;font-size: 20px;height: 36px;line-height: 36px;}
.product ul li .p_more{display: block;width: 57px;height: 32px; background: url(../images/pm.png) no-repeat center;}
.product ul li:hover .p_tit{color:#f6711c;font-family: 'BOLD';}


/* 解决方案 */
.fa11{width: 32.2857%;margin-top: 1%}
.fa111{width: 180px;position: absolute;top: 8%;left: 0;font-size: 16px;line-height: 23px;}
.fa12{width: 61.4285%}
.fa12 ul li{width: 50%;margin: 38px 0;}
.fa121{width: 102px;height: 102px; border-radius: 50%;margin-right: 20px;}
.fa122{width: 60%;}
.fa122 h5{font-size: 24px;color: #555555}
.fa122 p{color: #666666;line-height: 25px;margin-top: 5px;}
.fa12 ul li:hover h5{background-image:-webkit-linear-gradient(top, #fc8728,#df4a05);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.fa21{ background: url(../images/f2.png) no-repeat center bottom 149px;}
.fa21 ul li{width: 12.5%;min-width: 140px; height: 400px;padding: 80px 1.5% 0;}
.fa21 ul li h5{font-size: 24px;color: #666666;margin-top: 25px;}
.fa21 ul li .yuan{width: 15px;height: 15px;border-radius: 50%;background: #fff; border: 1px solid #dddddd;margin: 35px auto;}
.fa21 ul li h6{font-size: 24px;background-image:-webkit-linear-gradient(right, #205c89,#00889b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.fa21 ul li p{font-size: 18px;color: #fff;line-height: 24px;text-align: left;margin-top: 20px;}
.fa21 ul li.active{background: url(../images/f2.jpg) no-repeat center}
.fa21 ul li.active .fa210{display: none}
.fa21 ul li.active .fa210_{display: inline-block}
.fa21 ul li.active h5{font-size: 28px;color: #fff;}
.fa21 ul li.active .yuan{display: none}
.fa21 ul li.active h6{display: none}
.fa21 ul li.active p{display: block;}

.fa3{width: 100%;height: 600px;background: url(../images/f3.jpg) no-repeat center}
.fa3 h4{font-size: 42px;line-height: 42px;margin-top: 40px;}
.fa3 h5{font-size: 21px;opacity: 0.2;letter-spacing: 1.5px;margin-top: -17px;}
.fa3 h3{font-size: 56px}
.fa3 h6{font-size: 24px;margin: 20px 0 50px;}
.fa3 a{width: 250px;height: 55px;background:#fff;border-radius: 10px;color: #ff6407}
.fa3 a img{margin-left: 15px;}

.fa41 ul li{margin-bottom: 18px;background: url(../images/f4.jpg) no-repeat right center}
.fa41 ul li:nth-child(2n){background: url(../images/f4.jpg) no-repeat left center}
.fa411{width: 61.428%}
.fa412{width: 38.572%;padding: 0 5%;}
.fa412 h4{font-size: 36px;margin-top: 10px;}
.fa412 h5{font-size: 14px;opacity: 0.5}
.fa412 h6{font-size: 60px;line-height: 50px; opacity: 0.4}
.fa412 img{margin: 40px 0 30px;}
.fa412 p{width: 80%; font-size: 20px;line-height: 30px;}

/* 招商合作 */
.jm11 ul li{width: 32.714%;border: 1px solid #f0f1f1;margin-bottom: 13px;}
.jm111{border-top: 1px solid #f0f1f1;height: 110px;background:#f55b23;}
.jm111 h5{font-size: 30px;margin: 0 10px;}
.jm111 p{font-size: 24px;}

.jm2{width: 100%;height: 900px;background: url(../images/j2.jpg) no-repeat center}
.jm21{width: 63%}
.jm22{width: 33.571%}
.jm22 ul li{width: 32%;height: 144px;background: url(../images/j2.png) no-repeat center;background-size: 100% 100%;margin-bottom: 27px;}
.jm22 ul li h6{font-size: 22px;color: #a0a0a0;opacity: 0.5}
.jm22 ul li h5{font-size: 24px;color: #4d4d4d}
.jm22 ul li p{font-size: 16px;color: #202020;opacity: 0.5}
.jm22 ul li.active{background: url(../images/j2_.png) no-repeat center;background-size: 100% 100%;}
.jm22 ul li.active h6{color: #fff;}
.jm22 ul li.active h5{color: #fff;}
.jm22 ul li.active p{color: #fff;}

.jm23{width: 640px;height: 195px;background:#fff;bottom: 20px;right: 0}
.jm23 ul{width: 495px;}
.jm23 ul li{width: 230px;height: 37px;padding-left: 20px;margin: 20px 0; border-radius: 19px;border: 1px solid #ececec;}
.jm23 ul li span{color: #e43406}
.jm23 ul li div{width: 124px;height: 100%;border-radius: 19px;color: #fff}
.jm23 ul li a{width: 124px;height: 100%;border-radius: 19px;color: #fff}








@media (min-width: 0px) and (max-width: 1199px) {
.jm111 h5{font-size: 26px;}
.jm111 p{font-size: 20px;}
}
@media (min-width: 1199px) and (max-width: 1299px) {
.jm111 h5{font-size: 26px;}
.jm111 p{font-size: 20px;}

}
@media (min-width: 1299px) and (max-width: 1399px) {
.jm111 h5{font-size: 26px;}
.jm111 p{font-size: 20px;}

}
@media (min-width: 1399px) and (max-width: 1499px) {
.jm111 h5{font-size: 26px;}
.jm111 p{font-size: 20px;}

}
@media (min-width: 1499px) and (max-width: 1599px) {
.jm111 h5{font-size: 26px;}
.jm111 p{font-size: 20px;}
}

@media (min-width: 1599px) and (max-width: 1699px) {
.jm111 h5{font-size: 27px;}
.jm111 p{font-size: 21px;}
}
@media (min-width: 1699px) and (max-width: 1799px) {
.jm111 h5{font-size: 28px;}
.jm111 p{font-size: 22px;}

}
@media (min-width: 1799px) and (max-width: 1899px) {
.jm111 h5{font-size: 29px;}
.jm111 p{font-size: 23px;}
}
@media (min-width: 1899px) and (max-width: 1920px) {
.jm111 h5{font-size: 30px;}
.jm111 p{font-size: 24px;}


}



/* 联系我们 */
.contact{margin-top: 90px;}
.contact1{width: 42.857%; }
.contact11{margin-bottom: 50px;color: #333;opacity: 0.9}
.contact11>p{font-size: 24px;line-height: 25px; border-bottom: 1px solid rgba(51, 51, 51, 0.2);padding-bottom: 22px;margin-bottom: 22px}
.contact11>p img{margin-right: 12px}
.contact112{font-size: 18px;line-height: 28px;}
.contact112 p{width: 75%;}
.contact11 ul{margin-top: 30px;}
.contact11 ul li{margin-right: 23px}
.contact11 ul li div{width: 143px;height: 143px;padding: 7px;border: 1px solid #f0f0f0;}

.map{width: 51.07%;height:675px;overflow: hidden;}
.map #container{width:100%; height: 675px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}

/* 页码 */

.pagination {margin-top: 50px;width: 100%;line-height: 78px;font-size: 22px;color: #333333;text-align: center;border-top: 1px solid #bfbfbf;}
.pagination li {width: 50px;text-align: center;line-height: 35px;display: inline-block;margin: 0 3px;}
.pagination li a {color: #636462;}
.pagination li.active, .pagination li a:hover {color: #f6711c !important;position: relative;}
.pagination li.active::after {content: '';width: 50px;height: 4px;background: #45b035;position: absolute;left: 0;right: 0;top: -23px;}

/* 上下篇 */
.sxy{margin-top: 60px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a{height: 24px;line-height: 24px;}
.sxy a:hover{color: #f6711c}

/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}