@font-face { 
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}
@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.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:#222;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'REGULAR'; color:#222;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.91667%;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;} 
.cg{font-family: 'REGULAR';}
.ct{font-family: 'BOLD';}
.xt{font-family: 'LIGHT';}
.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}


.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%;height: 100px; min-width: 1200px;background: #fff; position: fixed;top: 0;left:0;z-index: 998;}
header .box1{height: 100px;}
header .box1 .logo{width: 200px; height: 100px;position: relative}
header .box1 .logo::after{display: block;content: '';width: 200px;height: 18px;background: url(../images/top.png) no-repeat center;position: absolute; bottom: -18px;left: 0;z-index: 9}
header .box1 .logo img{height: 80px;}
header .box1 nav{width: 60%;padding-left: 10%}
header .box1 nav a{height: 60px; font-size: 16px;}
header .box1 nav a:hover,header .box1 nav a.active{font-family: 'BOLD';background: url(../images/nbj.png) no-repeat center bottom;color: #c00000;}
header .box1 .phone{padding: 2px 17px 2px 2px;border-radius: 25px;border: 1px solid rgba(162, 46, 34, 0.68);font-size: 22px;}
header .box1 .phone img{margin-right: 6px;}
header.active{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}


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

.bos{box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.sy_banner{margin-top: 100px;}
.sy_banner .swiper-button-prev{width: 30px;height: 30px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 30px;height: 30px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #fff;}

.sy_banner .swiper-pagination{bottom: 20px;}
.sy_banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background:#fff;}
.sy_banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1}

.cor{color: #c00000}
.cor1{color: #ab4237}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 120px 0 80px;}
.title h6{font-size: 22px;line-height: 26px;margin-bottom: 15px;letter-spacing: 13px;}
.title h3{font-size: 46px;line-height: 50px;}
.title h4{font-size: 26px;line-height: 30px;margin: 25px 0 0;}

.ht1{padding-bottom: 100px}
.ht11{width: 67.7%}
.ht11 ul li{width: 32.46%}
.ht110{border: 4px solid #f0f0f0;border-radius: 3px;}
.ht11 ul li p{font-size: 22px;line-height: 30px;padding: 38px 8% 0;}
.ht11 ul li h5{width: 139px;height: 51px;padding-top: 6px;background: url(../images/ht10.png) no-repeat center;font-size: 26px;color: #fff;top: 234px;left: 33px;}

.ht2{width: 100%;background:#f8f8f8;padding-bottom: 100px}
.ht21{width: 50%;}
.ht21 h5{font-size: 27px;line-height: 32px; margin-bottom: 30px;}
.ht22{width: 50%;padding:  0 3%; }
.ht22 h5{font-size: 30px;line-height: 32px; margin-bottom: 30px;}
.ht221 li{width: 30%;height: 200px;background:rgba(210,25,23,0.03);border: 1px solid rgba(210,25,23,0.3);border-radius: 5px;padding: 35px 0 0;}
.ht221 li h6{font-size: 24px;line-height: 36px;margin: 15px 0 3px;}
.ht221 li p{font-size: 18px;}
.ht222{border: 1px solid #d3d3d3;border-radius: 5px;margin-top: 35px;}
.ht222 li{width: 25%;height: 57px;border-right: 1px solid #eeeeee;font-size: 20px;}
.ht222 li:nth-child(4n){margin-right: 0}
.ht222 li:nth-child(1),.ht222 li:nth-child(2),.ht222 li:nth-child(3),.ht222 li:nth-child(4){border-bottom: 1px solid #eeeeee}
.ht222 li img{margin-right: 10px;}
.ht22 a{width: 280px;height: 62px;background:#c00000;box-shadow: 8px  0 0 rgba(0, 0, 0, 0.1); border-radius: 0 5px 5px 0;color: #fff;font-size: 22px; position: absolute;bottom: 0;left: 0}

.ht3{padding-bottom: 100px;}
.ht31{width: 32.857%;}
.ht31 ul li{height:70px;border-bottom: 1px solid #bebebe;padding-right: 23px;position: relative }
.ht31 ul li::after{display: none;content: '';width: 120px;height: 5px;background:#c00000;position: absolute;bottom: -3px;left: 0}
.ht31 ul li h5{font-size: 24px;}
.ht31 ul li .jt{width: 14px;height: 14px;background: url(../images/ht30.png) no-repeat center;}
.ht31 ul li.active h5{font-family: 'BOLD';color: #c00000}
.ht31 ul li.active .jt{background: url(../images/ht30_.png) no-repeat center;}
.ht31 ul li.active::after{display: block;}
.ht32{width: 62%; }
.ht33{width: 41.428%;padding: 0 3%; bottom: 17px;left: 0;background:#fff;height: 294px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.ht33 h5{font-size: 26px;}
.ht33 p{font-size: 20px;line-height: 40px;margin-top: 15px;}

.ht4{width: 100%;background: url(../images/ht4.jpg) no-repeat center top;padding-bottom: 100px;}
.ht41 ul li{width: 23.785%;height: 430px;border-radius: 10px;padding: 260px 2.5% 0;background: #f5f5f5;}
.ht411{width: 100%;height: 290px;top: -80px;left: 0;}
.ht41 ul li h5{font-size: 26px;}
.ht41 ul li p{font-size: 16px;line-height: 24px;margin-top: 10px;color: #474747;text-align: justify}
.ht40{margin-top: 120px}
.ht42{width: 38.57%}
.ht42 h3{font-size: 30px;}
.ht42 .line{width: 100%;height: 1px;background:#d1d1d1;margin: 16px 0 26px;}
.ht42 p{font-size: 16px;line-height: 36px;color: #474747;text-align: justify}
.ht42 a{width: 211px;height: 62px;margin-top: 150px; background: url(../images/ht400.png) no-repeat center;font-size: 16px;color: #474747}
.ht42 a img{margin-left: 15px}
.ht43{width: 56.428%;height: 540px; background: #000;}

.ht5{width: 100%;background:#f7f7f7;}
.ht51{width: 18.2%;height: 595px;background: #efefef; border-radius: 20px 0 0 20px;padding: 50px 5% 55px;}
.ht51 h5{font-size: 34px;line-height: 40px;}
.ht51 .line{width: 25px;height: 1px;background:#000000;opacity: 0.68;margin: 16px auto 20px;}
.ht51 ul li{width: 100%;height: 72px;border-bottom: 1px solid #d8d8d8;font-size: 20px;margin-bottom: 10px;}

.ht52{width: 45.7%;height: 608px;background: #c00000;padding: 37px 5% 55px;}
.ht52 h5{font-size: 34px;line-height: 40px;}
.ht52 .line{width: 25px;height: 1px;background:#fff;margin: 18px auto 44px;}
.ht52 ul li{width: 100%;font-size: 20px;margin-bottom: 10px;}
.ht521{width: 46%;height: 72px;border-bottom: 1px solid rgba(255, 255, 255, 0.6);}
.ht522{width: 45%;background:#1b1b1b;}
.ht522 img{opacity: 0.6}
.ht5201{display: block;position: absolute;top: 0;left: -10px;}
.ht5202{display: block;position: absolute;top: 0;right: -10px;}


.ht53{width: 36.1%;height: 595px;border-radius: 0 20px 20px 0;background: #faeeee;padding: 50px 1.5% 55px;}
.ht53 h5{font-size: 34px;line-height: 40px;}
.ht53 .line{width: 25px;height: 1px;background:#000000;opacity: 0.68;margin: 16px auto 20px;}
.ht53 ul li{width: 100%;font-size: 20px;margin-bottom: 10px;}
.ht531{width: 58%;height: 72px;border-bottom: 1px solid rgba(152, 152, 152, 0.26);}
.ht532{width: 38%;background:#1b1b1b;}
.ht532 img{opacity: 0.6}

.ht54{margin-top: 80px;}
.ht54 h6{font-size: 34px;letter-spacing: 3px;}
.ht54 h5{font-size: 38px;margin: 10px 0 50px;}
.ht54 h5::after{display: block;content: '';width: 27px;height: 1px;background:#c00000;margin-left: 25px;}
.ht54 p{font-size: 18px;line-height: 38px;color: #646464;}
.ht541{height: 68px;border: 1px solid #bb6860;border-radius: 20px;margin-top: 40px;}
.ht542{font-size: 23px;}
.ht543{font-size: 32px;margin-left: 40px;}

.ht55{height: 524px;margin-top: 65px;}
.ht551{top: 0;right: 46%;}
.ht552{width: 43%}
.ht552>p{font-size: 22px;line-height: 42px;margin-bottom: 50px;}
.ht552 ul li{width: 49.8%;height: 130px;background:#ececec;margin-bottom: 2px;}
.ht552 ul li h6{font-size: 16px;color: rgba(55, 55, 55, 0.48);position: absolute;top: 17px;left: 17px;}

.ht6{width: 100%;background:#fafafa;padding-bottom: 80px;}
.ht6 .jm21 ul li{border: 1px solid #9b9b9b;}
.ht6 .jm210{background: #f0f0f0;}
.ht6 .jm20 h4 span{background:#d5d5d5;}

.ht61 h5{width: 96%;height: 68px;background:#c00000;color: #fff;border-radius: 20px;margin: 65px auto 25px;font-size: 36px;}
.ht61 div{font-size: 30px;}
.ht61 h6{margin-right: 25px}

.ht7{margin-bottom: 100px;}
.ht71{margin-bottom: 65px;}
.ht710{font-size: 26px;padding-bottom: 25px;}
.ht71 .mySwiper .swiper-slide-thumb-active .ht710{background: url(../images/ht710.png) no-repeat center bottom;}
.ht720{border-radius: 10px;background:#212121;}
.ht721{width: 100%;height: 50%;padding: 13% 5% 0; background-image: linear-gradient(to top, rgba(40, 40, 40, 1) 20%, rgba(40, 40, 40, 0));bottom: 0;left: 0;}
.ht721 h5{font-size: 43px}
.ht721 p{font-size: 21px;margin-top: 10px;}

.ht72 .swiper{overflow:visible;}
.ht72 .swiper-slide{display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.88);}
.ht720 img{opacity: 0.2}
.ht72 .swiper-slide-active,.ht72 .swiper-slide-duplicate-active{transform: scale(1);}
.ht72 .swiper-slide-active  .ht720 img,.ht72 .swiper-slide-duplicate-active .ht720 img{opacity: 1}


.ht8{width: 100%;height: 1025px;background: url(../images/ht8.jpg) no-repeat center}
.ht810{font-size: 20px;}
.ht81_img{width: 99%;height: 370px;border: 1px solid rgba(255, 255, 255, 0.8);padding: 5%;margin-bottom: 25px;}
.ht81_img img{max-width: 100%;max-height: 100%;}

.ht9{padding-bottom: 100px;}
.ht91 ul li{width: 32%;margin-right: 1.3%;background: #fafafa}
.ht91 ul li:nth-child(3n){margin-right: 0}
.ht9_img{display: block; width: 100%;padding-bottom: 58%;position: relative; overflow: hidden;}
.ht9_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.ht9_con{width: 100%;padding: 50px 6% 40px;}
.ht9_des{font-size: 20px;line-height: 30px;text-align: justify; height: 90px;-webkit-line-clamp: 3;overflow: hidden;}
.ht9_more{width: 126px;height: 34px;border-radius: 18px;background:#c00000;font-size: 16px;margin-top: 40px;color: #fff}




.bd{width: 100%;padding: 100px 0;}
.bd0{padding: 60px 3%; background: rgba(0, 82, 171, 0.03);border: 1px solid #0052ab;border-radius: 10px;}
.bd1{color: #000;}
.bd1 h3{font-size: 50px;}
.bd1 h4{margin: 5px 0 10px; width: 367px;height: 50px;background: url(../images/bd0.png) no-repeat center;font-size: 25px}
.bd1 p{font-size: 21px;}
.bd1 h5{font-size: 27px;letter-spacing: 3px;margin: 7px 0 18px;}

.bd2{width: 45%}
.bd2 .text{display: block;width: 100%; height: 72px;background: #ebecec;border-radius: 10px;padding:  0 20px; outline: none;border: none;font-size: 20px;color:#333;margin-bottom: 10px;}
.bd2 .tj{display: block;width: 100%; height:72px;border-radius: 10px; background: #0052ab;outline:none;cursor: pointer;border: none; font-size: 28px;margin: 45px auto 0;color: #fff;}

::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(0,0,0,0.4);
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(0,0,0,0.4);
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(0,0,0,0.4);
}




.xf{width: 50px;height: 270px; position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 270px;text-align: center;}
.xf>ul>li{width: 50px;height: 50px;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;height: 80px;line-height: 30px; font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:5px;}
.xf>ul>li:hover{background: #c00000;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}


/* 底部 */
footer{width: 100%;background: #f8f8f8;padding: 75px 0 0;}
footer .ft{border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e6e6e6;height: 75px;}
footer .ft>nav{font-size: 16px;height: 75px;}
footer .fm{padding: 80px 0;}
footer .fm .fml .logo{display: block;height: 47px;}
footer .fm .fml p{line-height: 48px;margin-top: 40px;color: #454545}
footer .fm .fml p b{font-size: 46px;color: #333}
footer .fm .fmm{width: 450px;}
footer .fm .fmm ul li{line-height: 26px;font-size: 18px;margin-bottom: 25px;}
footer .fm .fmm ul li h5{width: 85px;text-align-last: justify; }
footer .fm .fmm ul li p{width: 420px}
footer .fm .fmm ul li:last-child{margin-bottom:0;}
footer .fm .fmr ul li{margin-left: 12px;}
footer .fm .fmr ul li .qr{width: 155px;height: 155px; padding:8px;border: 1px solid rgba(21, 21, 21, 0.3);}
footer .fm .fmr ul li p{margin-top: 8px;font-size: 18px}
footer .fb{width: 100%;height: 66px;line-height: 66px;background:#f1f1f1;font-size: 14px}


.position{border-bottom: 1px solid #ededed; padding: 55px 0 15px;}
.position .pos1 h3{font-size: 25px;line-height: 30px;padding-left: 10px;border-left: 3px solid #c00000;}
.position>p{max-width: 600px;font-size: 20px;}
.position>p a:hover{color: #c00000}

.con{width: 100%; padding: 100px 0 120px;}
.con2{width: 100%; padding: 80px 0 0;}
.con1{width: 100%; padding:100px  0 150px;}

/* 关于我们 */

.about_body {font-size: 18px; line-height: 36px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;color: #474747; margin: 25px auto 50px;}
.about_body img{max-width:100%;}


.gy1{width: 100%;padding: 120px 0;}
.gy11>h3{font-size: 36px;}

.gy12{background:#000;}

.gy2{width: 100%;background: #fdfdfd;padding: 80px 0 120px;}
.gy20{width: 100%;border-bottom: 1px solid #e9e9e9;margin-bottom: 60px;}
.gy20 h3{font-size: 48px;padding-bottom: 20px;}
.gy20 ul li{font-size: 20px;margin-left: 90px;padding-bottom: 30px;}
.gy20 ul li.active{font-size: 28px;font-family: 'BOLD';background: url(../images/zbj.png) no-repeat center bottom;}
.gy2_img{width: 99%;height: 370px;border: 1px solid #8b8b8b;}
.gy2_img img{max-width: 90%;max-height: 90%}
.gy2_tit{font-size: 20px;margin-top: 20px;}
.gy21 .swiper-button-prev{width: 70px;height: 70px;border: 1px solid #c00000;border-radius: 50%;top: 0;bottom: 0;left: -100px;margin:auto;}
.gy21 .swiper-button-next{width: 70px;height: 70px;border: 1px solid #c00000;border-radius: 50%;top: 0;bottom: 0;right: -100px;margin:auto;}
.gy21 .swiper-button-next::after,.gy21 .swiper-button-prev::after{font-size: 22px;color:#c00000;}
.gy21 .swiper-button-next:hover,.gy21 .swiper-button-prev:hover{background:#c30d23;}
.gy21 .swiper-button-next:hover::after,.gy21 .swiper-button-prev:hover::after{color:#fff;}



/* 产品中心 */
.p_nav{background: url(../images/pn.png);margin-bottom: 50px}
.p_nav>ul>li{width: 15%;height: 100px;margin: 0 1.25% 0 0; }
.p_nav>ul>li:nth-child(5n){margin-right: 0}
.p_nav>ul>li>a{font-size: 28px;padding: 0 3%;}
.p_nav>ul>li:hover,.p_nav>ul>li.active{background: url(../images/pn_.png) no-repeat center bottom}
.p_nav>ul>li:hover>a,.p_nav>ul>li.active>a{color: #c00000;font-family: 'BOLD';}

.product ul li{width: 24%;margin: 0 1.3% 50px 0;}
.product ul li:nth-child(4n){margin-right:0;}
.p_img{display: block; width: 100%;padding-bottom: 101.5%;border: 1px solid #c7c7c7;}
.p_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.p_tit{width: 100%; height: 72px;line-height: 72px;font-size: 23px;padding: 0 5%;border-bottom: 1px solid #ededed}
.product ul li:hover .p_tit{color:#c00000;}

.e_nav{margin-bottom: 80px;}
.e_nav ul{background:rgba(162,46,34,0.1);border-radius: 34px;min-height: 68px;padding: 15px 2% 10px;}
.e_nav ul li{line-height: 38px;font-size: 20px; margin-right: 3%;margin-bottom: 5px}
.e_nav ul li a:hover,.e_nav ul li a.active{color: #c00000}



/* 商业合作 */
.jm1{width: 100%;padding: 100px 0;}
.jm10{height: 520px;}
.jm11{ position: absolute;top: 0;right: 50%;z-index: 1}
.jm12{width: 46.428%;}
.jm12 h3{font-size: 44px;}
.jm12 h4{font-size: 21px;}
.jm12 h5{width: 445px;height: 67px;padding-top: 9px;margin: 10px 0 25px; background: url(../images/j2.png) no-repeat center;font-size: 30px;color: #fff}
.jm12 ul li{width: 30%;height: 200px;background:rgba(210,25,23,0.03);border: 1px solid rgba(210,25,23,0.3);border-radius: 5px;padding: 35px 0 0;}
.jm12 ul li h6{font-size: 24px;line-height: 36px;margin: 15px 0 3px;}
.jm12 ul li p{font-size: 18px;}
.jm12 div{margin-top: 45px;position: relative}
.jm12 div img{margin-right: 20px;}
.jm12 div span{font-size: 50px;}
.jm12 div::after{display: block;content: '';width: 245px;height: 1px;background:#c00000;position: absolute;top: 0;bottom: 0;left: -245px;margin:auto;}

.jm2{width: 100%;height: 912px; background: url(../images/jm2.jpg) no-repeat center;}
.jm20{width: 100%;padding: 90px 0 170px;}
.jm20 h3{font-size: 48px;}
.jm20 h4{font-size: 26px;margin-top: 15px;}
.jm20 h4 span{display: block;width: 1px;height: 25px;background:#fff;opacity: 0.36;margin: 0 12px;}

.jm21 ul li{width: 22%;border-radius: 10px;border: 1px solid #fff;padding: 10px;}
.jm210{width: 100%;height: 356px;background: #fff;border-radius: 10px;padding: 130px 0 0;}
.jm210 h5{font-size: 30px;}
.jm210 .line{width: 36px;height: 1px;background:#000000;opacity: 0.3;margin: 30px auto ;}
.jm210 p{font-size: 18px;line-height: 30px;color: #505050;padding: 0 8%;}
.jm21 ul li img{display: block;position: absolute;top: -59px;left:0;right: 0;margin:auto;}





/* 新闻资讯 */

.news>ul>li{margin-bottom: 50px;}
.n_img{display: block; width: 41.071%;padding-bottom: 23.8%;position: relative; overflow: hidden;}
.n_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.n_con{width: 54.28%;}
.n_tit{font-size: 30px;height: 40px;line-height: 40px;}
.n_des{font-size: 18px;line-height: 30px;text-align: justify; height: 150px;color: #6d6d6d; -webkit-line-clamp: 5;overflow: hidden;margin: 22px 0 15px;}
.n_more{width: 197px;height: 48px;border-radius: 25px;border: 1px solid #5d5d5d;font-size: 20px;}
.news>ul>li:hover .n_tit{color: #c00000}
.news>ul>li:hover .n_more{background: #c00000;border-color: #c00000;color: #fff;}



/* 联系我们 */
.lx ul li{width: 46.5%;margin-bottom: 50px;}
.lx1{padding-left: 30px;margin-bottom: 20px;}
.lx1 h5{font-size: 26px;margin-left: 15px;}
.lx2{width: 100%;background:#f8f8f8;padding: 30px 30px 30px 95px;border-radius: 10px;font-size: 22px;line-height: 30px}
.lx3{width: 100%;margin-top: 60px;border-radius: 10px;}
.lx4{width: 100%;height: 544px; background:#f8f8f8;border-radius: 10px;padding: 0 95px;}
.lx4 dl{width: 100%}
.lx4 dl dd{width: 46%;font-size: 22px;}
.lx41{width: 100%;border: 1px solid #cecece;margin-bottom: 20px;padding: 10%;}

/* 页码 */
.pagination{margin-top: 100px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; border:1px solid #e5e5e5;border-radius: 5px;}
.pagination li a{width:40px; height:40px; display:block; color:#333;border-radius: 5px;}
.pagination li a:hover{  background:#c00000;color: #fff;}
.pagination li.active{ background:#c00000 !important;color: #fff;}



/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #c00000}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;color:#333;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%;}



@media (min-width: 0px) and (max-width: 1199px) {
.ht420 span{font-size: 36px;}
}
@media (min-width: 1199px) and (max-width: 1299px) {
.ht420 span{font-size: 36px;}
}
@media (min-width: 1299px) and (max-width: 1399px) {
.ht420 span{font-size: 36px;}

}
@media (min-width: 1399px) and (max-width: 1499px) {
.ht420 span{font-size: 36px;}

}
@media (min-width: 1499px) and (max-width: 1599px) {
.ht420 span{font-size: 36px;}
}

@media (min-width: 1599px) and (max-width: 1699px) {
.ht420 span{font-size: 38px;}
}
@media (min-width: 1699px) and (max-width: 1799px) {
.ht420 span{font-size: 38px;}

}
@media (min-width: 1799px) and (max-width: 1899px) {

}
@media (min-width: 1899px) and (max-width: 1920px) {



}