@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
} 
@font-face {
  font-family: 'DIN';
  src: url('./DIN-Bold.otf'); 
}
@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('./MyriadPro-Bold.otf'); 
}
*{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:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'REGULAR'; color:#333333;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.916%;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;} 

.cgt{font-family: 'REGULAR';}
.ct{font-family: 'BOLD';}
.xt{font-family: 'LIGHT';}
.din{font-family: 'DIN';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}
.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}

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

/* 首页 */
header{width: 100%;min-width: 1200px;background: #202020; position: fixed;top: 0;left: 0;z-index: 999}
header .headTop{border-bottom: 1px solid rgba(255,255,255,0.05);}
header .headTop .box{height: 47px;}
header .headTop .box .wel span{letter-spacing: 10px;}
header .headTop .box .phone span{font-size: 22px;font-family: 'MyriadPro-Bold';}
header .headTop .box img{margin-right: 10px;}
header .headBot{height: 112px;}
header .headBot .logo{display: block;height: 65px;}
header .headBot nav{width: 845px; }
header .headBot nav a{color: #fff;}
header .headBot nav a:hover,header .headBot nav a.active{font-family: 'REGULAR';color: #8ec31f;}





.sy_banner{margin-top: 160px;}
.banner{width:100%;height: 551px;margin-top: 160px;}

.sy_banner .swiper-button-prev{top:0;bottom: 0;left: 4%;margin:auto;}
.sy_banner .swiper-button-next{top:0;bottom: 0;right: 4%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #fff;}

.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box; border: none; width: 15px;height: 15px;background:url(../images/ban.png) no-repeat center;border-radius: 0; opacity: 1}
.sy_banner .swiper-pagination-bullet-active{background: url(../images/ban_.png) no-repeat center !important;}


.cor{color: #8ec31f}
.cor1{color: #c8090c}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 145px 0 50px;}
.title>img{display: block;margin: 0 auto;}
.title h3{display: inline-block;font-size: 24px;line-height: 52px;border-top: 1px solid #7d7d7d;border-bottom: 1px solid #7d7d7d;margin: 13px 0 25px;}
.title h2{font-size: 44px}
.title h4{line-height: 25px;color: #4f4e4e;opacity: 0.8;margin-top: 20px;}

.ht1{padding-bottom: 115px;}
.ht11{width: 695px;top: 50px;right: 25px;z-index:9;}
.ht11 ul li{font-size: 24px;}
.ht11 ul li.active{color: #8ec31f;font-family: 'BOLD';}
.ht12 ul li{padding: 115px 0 0 310px;height: 624px;}
.ht121{width: 890px;height: 457px;border-radius: 0 0 130px 0}
.ht122{width: 600px;height: 624px;padding: 115px 0 0 105px; background: url(../images/ht10.png) no-repeat center;top: 0;left: 0}
.ht122 .din{font-size: 20px;}
.ht122 .din span{font-size: 40px;}
.ht122 h5{font-size: 36px;margin: 40px 0 45px;}
.ht122 p{line-height: 31px;}
.ht122 a{width: 183px;height: 65px;background:#e83823;color: #fff;margin-top: 50px;border-radius: 0 0 20px 0;}
.ht122 a img{margin-left: 20px;}



.ht2{width: 100%;height: 1415px;background: url(../images/ht2.jpg) no-repeat center}
.ht2 .title h3,.ht3 .title h3,.ht5 .title h3{border-color:#fff;}
.ht2 .title h4,.ht3 .title h4,.ht5 .title h4{color:#fff;}

.ht21{padding-right: 16.75% ;}
.ht21 ul li{width: 21.7%;margin-right: -2.2%;}
.ht213{top: 20%;right: 15%;}
.ht213 a{display:block;color: #fff; padding-left: 15px;line-height: 25px;font-size:  28px; border-left: 4px solid #fff;}
.ht213 p{font-size: 12px;padding-left:19px ;opacity: 0.3;margin-top: 10px;}

.ht21 ul li.active .ht211{display:none;}
.ht21 ul li.active{width: 43.4%;}
.ht21 ul li.active .ht212{display:block;}
.ht21 ul li.active .ht213{right: 10%;}

@media (min-width: 0px) and (max-width: 1199px) {
.ht21{padding: 0;}
.ht213 a{font-size:  24px; }
}
@media (min-width: 1199px) and (max-width: 1299px) {
.ht21{padding: 0;}
.ht213 a{font-size:  24px; }

}
@media (min-width: 1299px) and (max-width: 1399px) {
.ht21{padding-right: 7%;}
.ht213 a{font-size:  24px; }

}

@media (min-width: 1399px) and (max-width: 1499px) {
.ht21{padding-right: 9%;}
.ht213 a{font-size:  25px; }

}

@media (min-width: 1499px) and (max-width: 1599px) {
.ht21{padding-right: 13%;}
.ht213 a{font-size:  25px; }
}

@media (min-width: 1599px) and (max-width: 1699px) {
.ht21{padding-right: 15%;}
.ht213 a{font-size:  26px; }
}
@media (min-width: 1699px) and (max-width: 1799px) {

.ht21{padding-right:  16.5%;}
.ht213 a{font-size:  27px; }
}
@media (min-width: 1799px) and (max-width: 1899px) {
.ht21{padding-right: 16.75%;}
.ht213 a{font-size:  28px; }
}
@media (min-width: 1899px) and (max-width: 1920px) {
.ht21{padding-right: 16.75%;}
.ht213 a{font-size:  28px; }


}

.ht22{margin-top: 15px;}
.ht22 ul li{height: 546px;}
.ht22 ul li img{max-width: 100%;max-height: 100%;}


.ht2_more{width: 100%;height: 100px;background:#272727;font-size: 26px;color:#fff;}
.ht2_more img{margin-left: 30px;}


.ht3{width: 100%;background: url(../images/ht3.jpg) no-repeat center bottom #161616;padding-bottom: 255px;}
.ht31 ul li{width: 100%;height: 472px;padding-top: 75px;}
.ht31 ul li .din{font-size: 20px;}
.ht31 ul li .din span{font-size: 40px;}
.ht31 ul li h5{font-size: 40px;line-height: 50px; margin: 25px 0 60px;}
.ht31 ul li a{width: 183px;height: 65px;background:#e83823;color: #fff;margin-top: 50px;}
.ht31 ul li a img{margin-left: 20px;}


.ht32{width: 100%;height: 196px; background: url(../images/ht30.png) no-repeat center bottom #161616;}
.ht32 ul{width: 855px;background: url(../images/ht32.png) no-repeat center top 7px;}
.ht32 ul li{padding-top: 34px;font-size: 22px; background: url(../images/ht320.png) no-repeat center top}
.ht32 ul li.active{background: url(../images/ht320_.png) no-repeat center top;color:#8ec31f;font-family: 'BOLD';}
.ht33{width: 880px;margin-bottom: 30px;}
.ht33 ul li p{font-size: 22px;margin-top: 10px;}
.ht33 ul .line{width: 1px;height: 72px;background:#8ec31f;opacity: 0.5;}

.ht34 ul li{width: 100%;height: 365px;background:#fff;border-radius: 10px;padding: 0 90px 0 100px;margin-top: 25px;}
.ht341 h5{width: 320px; font-size: 36px;color:#333333;margin-bottom: 15px;}
.ht341 a{font-size: 20px;color:#ea4c39;}
.ht341 a img{margin-left: 22px;}
.ht3411{width: 100%;height: 205px;}
.ht3411 img{max-width: 100%;max-height: 100%;}

.ht342{width: 665px;height: 365px;}
.ht342 img{max-width: 100%;max-height: 100%;}
.ht4{padding-bottom: 80px;}
.ht41 ul li{width: 586px;margin-bottom: 60px;}
.ht411{width: 100%;height:543px;}
.ht411 img{width: 100%;height: 100%;}
.ht412{padding: 30px 0 25px;}
.ht412 h5{font-size: 32px;line-height: 45px;margin-right: 20px;}
.ht412 h6{font-size: 22px;opacity: 0.5;}
.ht41 ul li a{width: 100%;height: 64px;background:#161616;font-size: 20px;color:#fff;}
.ht41 ul li a img{margin-left: 20px;}
.ht41 ul li:hover .ht411{border: 3px solid #8ec31f;}
.ht41 ul li:hover a{background:#8ec31f;}

.ht5{width: 100%;background: #161616;}
.ht51 ul li p{font-size: 22px;margin-top: 10px;}
.ht51 ul li.active .ht510{display: none;}
.ht51 ul li.active .ht510_{display: block;}
.ht51 ul li.active p{color:#8ec31f;}
.ht52{margin-top: 55px;}
.ht52 ul li{width: 100%;height: 539px;}


.ht530{height:623px;background: url(../images/ht530.png) no-repeat center bottom}
.ht53{width: 821px; bottom: 0;left:0;right: 0;margin:auto;}
.ht54 ul li{font-size: 22px;z-index:9;}
.ht541{width: 119px;height: 118px;background: url(../images/ht540.png) no-repeat center;margin-bottom: 15px;}

.ht54 ul li:nth-child(1){bottom: 75px;left:0;}
.ht54 ul li:nth-child(2){top: 142px;left:144px;}
.ht54 ul li:nth-child(3){top: 0;left:382px;}
.ht54 ul li:nth-child(4){top: 0;right:382px;}
.ht54 ul li:nth-child(5){top: 142px;right:144px;}
.ht54 ul li:nth-child(6){bottom: 75px;right:0;}
.ht54 ul li.active .ht541{background: url(../images/ht540_.png) no-repeat center;}

.ht6{width: 100%;background: url(../images/ht6.jpg) no-repeat center bottom #161616;padding-bottom: 420px;}

.ht61{width: 592px;}
.ht61_img{display: block; width:100%;height: 672px;overflow: hidden;margin-bottom: 30px;}
.ht61_img img{width: 100%;height: 100%;}
.ht6_con{width: 100%;}
.ht6_tit{width: 450px; font-size:22px;height: 30px;padding-left: 20px; line-height: 30px;color:#fff;}
.ht6_more{width: 67px;height: 23px; background:#8ec31f;font-size: 14px;color:#fff;}
.ht6_des{overflow: hidden;padding-left: 20px;font-size:16px;line-height: 28px;height: 28px;color:#fff;opacity: 0.8;margin-top: 10px;}
.ht61:hover .ht6_more{background: #ea4c39;}

.ht62{width: 592px;}
.ht62 ul li{margin-bottom: 28px;}
.ht62_img{display: block; width:100%;height: 273px;overflow: hidden;margin-bottom: 30px;}
.ht62_img img{width: 100%;height: 100%;}
.ht62 ul li:hover .ht6_more{background: #ea4c39;}

.ht63{margin-top: 90px;}
.ht63 h1{width: 1022px; font-size: 36px;background: url(../images/ht632.png) no-repeat left bottom;line-height: 40px;margin: 55px 0 30px;}
.ht63 p{width: 715px;line-height: 34px;}
.ht63 a{width: 183px;height: 65px;background:#e83823;border-radius: 0 0 20px 0; color: #fff;margin-top: 50px;}
.ht63 a img{margin-left: 20px;}


.xf{width: 60px;height: 500px; position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 320px;text-align: center;}
.xf>ul>li{width: 60px;height: 60px;background: #212226; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background: rgba(33, 34, 38, 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: 250px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover{background: #8ec31f;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}


.ht0{width: 100%;background: #0a0a0a;padding: 130px 0 150px;}
.ht0>h3{font-size: 44px;margin-bottom: 40px;}
.ht00{width: 930px;}
.ht01{width: 457px;height: 60px;border-radius: 8px;background: rgba(255,255,255,0.1);padding: 0 20px; margin-bottom: 18px;}
.ht01 h5{font-size: 20px;color:#fff;}
.ht01 .text{display: block;width: 350px; height: 100%;background: none;outline: none;border: none ;font-size: 20px;color: #fff;}
.ht0 .tj{display: block;width: 253px; height: 138px;background: #8ec31f;border-radius: 8px;outline:none;cursor: pointer;border: none; font-size: 24px;color: #fff}


/* 底部 */
footer{width: 100%;background: #161616;}
footer .footT{border-bottom: 1px solid rgba(255, 255, 255, 0.6);padding: 90px 0 70px;}
footer .footT nav a{color: #fff;}
footer .footM{padding:60px 0;}
footer .footM .fmL p{font-size: 46px;margin-top: 60px;}
footer .footM .fmm{width: 480px;}
footer .footM .fmm ul li{overflow: hidden;margin: 20px 0; }
footer .footM .fmm ul li p{width:385px;}
footer .footM .fmr ul li{margin-left: 12px;}
footer .footM .fmr div{width: 115px;height: 115px; padding: 8px;background: url(../images/e.png) no-repeat center;}
footer .footM .fmr p{font-size: 14px;margin-top: 5px;}
.footB{width: 100%;height: 67px;line-height: 67px;background: #232323;font-size: 16px;opacity: 0.6;}
.footB a{color:#fff}


.position{border-bottom:1px solid #e5e5e5;padding-bottom: 10px;margin-bottom: 70px;font-family: 'PingFang SC';}
.pos1{padding-left: 10px;height: 45px; border-left: 2px solid #8ec31f;}
.pos1 h3{font-size: 22px;line-height: 24px;color: #8ec31f}
.pos1 p{ font-size: 16px;opacity: 0.4; margin-top: 3px}
.position>p{max-width: 600px;height: 23px; font-size: 16px;color: #767676;opacity: 0.8;}
.position>p a{color: #767676}
.position>p a:hover{color: #8ec31f}


.con{padding: 80px 0 100px;}
.con0{padding: 80px 0 100px;}
.con1{padding:100px  0 0;}
.et{font-size: 32px;}
.et::after{width: 44px;height: 1px;content: '';display: block; background: #8ec31f;margin: 10px auto 50px ;}


/* 关于我们 */
.gy1{padding-bottom: 150px;}
.gy10{margin-bottom: 20px;}
.gy11{width: 651px;height: 390px;}
.gy12{width: 482px;}
.gy12 h1{font-size: 29px;}
.gy12 .line{width: 100%;height: 2px;background: url(../images/a0.png) no-repeat center;margin: 15px 0 50px;}

.about_body{font-size:17px;color: #494949; line-height: 28px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

.gy2{padding: 120px 0;background: #f5f6f8;}
.gy21{height: 428px;overflow: auto;}
.gy21 ul li{width: 280px;background:#fff;margin: 0 15px 15px 0;}
.gy21 ul li:nth-child(4n){margin-right: 0;}
.gy2_img{width: 100%;height: 350px;}
.gy2_img img{max-width: 90% ;max-height: 90%;}
.gy2_tit{padding: 25px 5px;border-top: 1px solid #dfdfdf;font-size: 20px;color:#5a5a5a;}
.gy21 ul li:hover .gy2_tit{border-color:#8ec31f;color:#8ec31f;font-family: 'BOLD';}


/*Scrollbar 4*/
#scrollbar4 ::-webkit-scrollbar {
    width: 26px;
    height: 26px;
}
 
#scrollbar4 ::-webkit-scrollbar-track {
    background-color: #fff;
    box-shadow: inset 0px 0px 0px 11px #f5f6f8;
    /* border-radius: 5px; */
}
 
#scrollbar4 ::-webkit-scrollbar-thumb {
    background: url(../images/a2.png) no-repeat center bottom;
    border-radius: 10px;
}

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


/* 设计团队 */
.team ul li{width: 585px;margin-bottom: 28px;}
.t_img{display: block; width: 100%;height: 430px;overflow: hidden;}
.t_img img{width: 100%;height: 100%}
.t_con{width: 100%;height: 195px;background:#333333;padding-right: 38px;}
.t_tp{display: block; width: 210px;height: 195px;border-radius: 0 100px 100px 0; overflow: hidden;}
.t_tp img{width: 100%;height: 100%}
.t_nr{width: 300px;}
.t_bt{border-bottom: 1px solid #fff;padding-bottom: 10px;}
.t_bt .t_tit{font-size: 30px;color: #fff;width: 180px; height: 40px;line-height: 40px;}
.t_zc{max-width: 120px;}
.t_zc h5{font-size: 18px;}
.t_zc p{font-size: 12px;opacity: 0.6;}
.t_js{margin-top: 20px;}
.t_jj{font-size: 14px;line-height: 21px;height: 63px; -webkit-line-clamp: 3;opacity: 0.8;}



/* 产品中心 */
.p_nav{width: 288px;}
.p_nav>h3{width:288px;height: 64px;background: #8ec31f;font-size: 24px;color: #fff;letter-spacing: 2px;}
.p_nav>ul>li{width: 288px;height: 85px;border-bottom: 1px dashed #cccccc;background: #fff;display: flex;align-items: center; }
.p_nav>ul>li:last-child{border:none;}
.p_nav>ul>li a{padding-left: 24px;font-size: 18px;color: #7f7f7f }
.p_nav>ul>li a span{font-size: 19px;font-family: 'Arial';color:#7f7f7f;}
.p_nav>ul>li a:hover,.p_nav>ul>li a.active{color: #8ec31f;}
.p_nav>ul>li a:hover span,.p_nav>ul>li a.active span{color: #8ec31f;}
.p_ewm{width: 288px;padding: 48px 0; background: #fff;}
.p_ewm1{display: block;margin: 0 auto; width: 115px; height: 115px;padding: 8px;background: url(../images/e_.png) no-repeat center;}
.p_ewm .phone{margin-top: 20px;}
.p_ewm .phone span{font-size: 22px;}
.p_ewm .phone img{margin-right: 7px;}

.p_right{width: 888px;}
.product>ul>li{width: 430px;background: #fff; margin-bottom: 33px;}
.p_img{width: 100%;height: 370px;background:#eeeff1; overflow: hidden;}
.p_img img{max-width: 100%;max-height: 100%}
.p_con{width: 100%;height: 105px;background:#333333;padding: 0 35px 0 30px;}
.p_nr{width: 300px;}
.p_tit{font-size: 22px;color: #fff; height: 30px;line-height: 30px;}
.p_des{font-size:16px;color: #fff;line-height: 22px;height:22px;opacity: 0.8;margin-top: 8px;}
.p_more{width: 46px;height: 57px;background: url(../images/tm.png) no-repeat center;}
.product ul li:hover .p_con{background:#8ec31f;}
.product ul li:hover .p_more{background: url(../images/tm_.png) no-repeat center;}
.product ul li:hover a{color:#fff;}


/* 精选案例 */
.case ul li{width: 585px; margin-bottom: 30px;}
.c_img{display: block; width: 100%;height:390px;overflow: hidden;}
.c_img img{width: 100%;height: 100%;}
.c_con{width: 100%;height: 155px;background:#333333;padding: 0 65px 0 50px;}
.c_nr{width: 300px;}
.c_tit{font-size: 30px;color: #fff; height: 45px;line-height: 45px;}
.c_nr .line{width: 100%;height: 1px;background:#fff;opacity: 0.4;margin: 8px 0 12px ;}
.c_des{font-size:17px;color: #fff;line-height: 25px;height:25px;opacity: 0.8;}
.c_more{width: 46px;height: 57px;background: url(../images/tm.png) no-repeat center;}
.case ul li:hover .c_con{background:#8ec31f;}
.case ul li:hover .c_more{background: url(../images/tm_.png) no-repeat center;}
.case ul li:hover a{color:#fff;}




/* 新闻资讯 */
.news>ul>li{margin-bottom: 35px;}
.n_date span{font-size: 56px;}
.n_date p{font-size: 26px;letter-spacing: -1px;}
.n_img{display: block;width:500px;height:255px;overflow: hidden;}
.n_img img{width: 100%;height: 100%;}
.n_con{width: 460px;margin-right: 30px;}
.n_bt{border-bottom: 1px solid #dddedf;padding-bottom: 35px;margin-bottom: 30px;}
.n_tit{font-size:22px;height: 30px;line-height: 30px;}
.n_more{width: 65px;height: 22px;background:#8ec31f;font-size: 15px;color:#fff;}
.n_des{height:84px; -webkit-line-clamp: 3;overflow: hidden;font-size:16px;line-height: 28px;opacity: 0.8;}
.news>ul>li:hover .n_tit{color: #8ec31f}


/* 联系我们 */
.contact{margin-top: 90px;}
.contact11{width: 470px; margin-bottom: 43px;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: 20px;margin-bottom: 20px}
.contact11>p img{margin-right: 20px}
.contact112{font-size: 18px;line-height: 33px;}
.contact112 p{width: 380px;}
.contact11 ul{margin-top: 50px;}
.contact11 ul li{margin-right: 12px;font-size: 16px;}
.contact111{width: 115px; height: 115px;padding: 7px;background: url(../images/e_.png) no-repeat center;margin-bottom: 10px;}


.map{width: 666px;height:730px;overflow: hidden;}
.map #container{width:100%; height: 730px;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: 100px;width: 100%;line-height: 78px;font-size: 22px;color: #333333;text-align: center;border-top: 1px solid #bfbfbf;font-family: 'PingFang SC';}
.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: #8ec31f !important;position: relative;}
.pagination li.active::after {content: '';width: 50px;height: 4px;background: #8ec31f;position: absolute;left: 0;right: 0;top: -23px;}





/* 上下篇 */
.sxy{margin-top: 50px;height:30px;font-size: 16px;color: #666}
.sxy a{color: #666}
.sxy1{width:550px;height:30px;float: left;}
.sxy2{width:550px;height:30px;float: right;text-align: right;}
.sxy a:hover{color: #8ec31f}
/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #8ec31f}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;font-weight: bold}
.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%;}