.readmore{ overflow: hidden; height: 27px; }
.readmore a{ display: block; width: 120px; margin-left: -95px; transition:margin-left 0.3s;}
.readmore a span{ display: inline-block; width: 95px; text-align:left; font-size: 16px;vertical-align: middle; color: #ffffff;}
.readmore a i{ display: inline-block; height: 25px; width: 25px;  background: url("../images/more4.png");vertical-align: middle;}



.csr2{ background:#eee; padding-top:76px; padding-bottom:35px}
.csr2cont{ width: 1280px; margin:0 auto 0 auto; overflow: hidden; }
.csr2cont .pic,.csr2cont .cont{float:left}
.csr2cont .pic{width:565px; padding:3px}
.csr2cont .cont{ width:709px}
.csr2cont .pic img{ box-shadow:1px 1px 3px 3px #dedede}
.csr2cont .title{font-size:52px; color:#a90907; padding-bottom:15px}
.csr2cont .title2{font-size:36px; color:#a90907; padding-bottom:15px; border-bottom:1px solid #a90907;}
.csr2cont .content{color:#666; font-size:16px; line-height:26px; padding-top:12px}
.csrdownload{ height:34px; padding-top:8px; padding-left:20px; text-align:center; font-size:18px; background:#eee; color:#a90907; border:1px solid #a90907; border-radius:100px; display:block; width:138px; text-decoration:none; background:url(../images/csr_jt.jpg) no-repeat 30px 12px; margin-top:25px}
.csrdownload:hover{text-decoration:none;background:url(../images/csr_jtover.jpg) no-repeat 30px 12px #a90907; color:#fff;}

.csrlist ul,.csrlist ul li{padding:0; margin:0; list-style:none; list-style-type:none}
.csrlist{ margin-top:35px; border-top:1px solid #ccc}
.csrlist ul li{padding-top:35px; padding-bottom:15px; width:33%; float:left; background:url(../images/csr_jt.jpg) no-repeat 0px 38px; text-indent:30px}
.csrlist ul li h{display:block; font-size:18px; color:#333; padding-bottom:8px}
.csrlist ul li font{display:block;font-size:16px; color:#333;}
.csrlist ul li a,.csrlist ul li a:hover{text-decoration:none;}

.showMorehandle{display:block;font-size:16px; text-align:center; margin:50px auto; text-align: center; text-decoration: none;font-weight: bold; vertical-align: middle;  color: #a70e13; height: 42px; line-height:42px; width:135px; padding-right:15px; border:#ae2f39 solid 1px; border-radius: 22px; background:url("../images/jiantou2.png") no-repeat 110px 11px; cursor:pointer}
.showMorehandle:hover{ background:#a70e13; color:#fff; background-image:url(../images/jiantou1.png); background-repeat:no-repeat; background-position:110px 11px}


.about2023{ background: #eeeeee; height: auto; padding-bottom:50px; }
.about2023 b{ display: block; text-align: center; font-size: 48px; line-height: 84px; padding-top: 50px; color: #1f1f1f; font-weight:normal }
.about2023 p{ display: block; width: 1280px; margin:16px auto 0 auto; font-size: 16px; text-align: left; line-height: 26px; color: #666666;}

.about2023veri3{ background: #a70e13; color: #ffffff; height: auto; overflow: hidden; position:relative; }
.about2023veri3left{ float: left; width: 39%; position: absolute; height: 100%; overflow: hidden; }

.about2023veri3right{ float: right; width: 55%; padding-bottom:70px; }
.about2023veri3title{ font-size: 26px; line-height: 38px; padding: 0 125px 0 10px; padding-top: 70px; }

.about2023veri3right ul{padding: 30px 125px 0 10px; }
.about2023veri3right ul li{ display:table; font-size: 16px; line-height:20px; color: #ffffff; margin-bottom: 18px; overflow: hidden; }
.about2023veri3right ul li p{ display: inline-block;display: table-cell;  }
.about2023veri3right ul li span{ display: inline-block; width: 29px; display: table-cell; }
.about2023veri3right ul li span em{ display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 4px; }
.about2023veri4{ height: 980px; background: url("../images/mapbg.jpg") top center; background-repeat: repeat-y;background-size:contain contain; border-bottom: #a70e13 solid 10px; }
.about2023veri3left img{ height: 100%;width: auto; }
.about2023map{ width: 1174px; margin:0 auto 0 auto; padding-top: 110px; }
.about2023mapnav{ text-align: center; margin-top: 60px;}
.about2023mapnav a{text-decoration:none; display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border-radius: 3px; margin:0 4px; }
.about2023mapnav a em{ display: inline-block; width: 8px; height: 8px; margin-right: 9px; }



.csr3title{background:#fff; text-align:center; font-size:28px; padding-top:30px}
.csr3{ background:#eeeeee; padding: 30px 0 50px 0; }
.csr3cont{ width: 1280px; margin:0 auto 0 auto; overflow: hidden; }
.csr3cont ul{ display: block; overflow: hidden; width: 1300px; margin-left: -10px; }
.csr3pic{ display: block; height: 220px; overflow: hidden; text-align: center; }
.csr3cont ul li:hover{background: #a70e13;}

.csr3cont ul li{ display: block; width: 410px;border:#cccccc solid 1px; height: 292px; float: left; margin: 0 10px 20px 10px; background: #ffffff; border-bottom: #a70e13 solid 2px; transition: background 0.2s; cursor:pointer}
.csr3cont ul li b{ display:table-cell; height:52px; padding:10px 30px; vertical-align:middle; font-size:18px; color::#333333; font-weight:normal} 
/*.csr3cont ul li b{ display:table-cell; font-size: 18px; color: #2e2e2e; padding: 30px 30px 0 30px; line-height:26px; vertical-align:top; height:52px } */ 

.csr3cont ul li p{ display: block; height: 105px; overflow: hidden; font-size: 16px; color: #666666; line-height:26px; padding: 0 30px; margin-top:8px; }
.csr3cont ul li:hover b,.csr3cont ul li:hover p{ color:#ffffff; }
.csr3cont ul li .readmore{ margin-left: 30px; margin-top:30px; }
.csr3cont ul li:hover .readmore a{ margin-left: 0; }
.csr3cont ul li:hover .readmore a i{background: url("../images/more3.png");}


@media (min-width: 1328px) and (max-width: 1530px){
.about2023 p{ width: 1150px; }
}
@media (min-width: 1100px) and (max-width: 1328px){
.about2023 p{width:95%; margin:16px auto 0 auto}
.csr3{ background:#eeeeee; padding: 50px 0 50px 0; }
.csr3cont{width:100%}
.csr3cont ul{ display: block; overflow: hidden; width: 870px; margin:0 auto }
.csr3cont ul li{ width: 410px;border:#cccccc solid 1px; }
.csr2{width:100%;}
.csr2cont{width:100%;}
.csr2cont .pic{width:38%;padding-left:5%}
.csr2cont .pic img{width:100%; height:auto}
.csr2cont .cont{ width:50%; padding-left:5%}

.csrlist ul{ padding:0 5%; width:90%}
}

@media (min-width: 12px) and (max-width: 1099px){
.about2023 b{font-size:18px; width:95%; line-height:130%; padding-top:10px; margin-bottom:15px; font-weight:bold}
.about2023 p{ width:95%;  margin:16px auto 0 auto}
.csr3{ background:#eeeeee; padding: 30px 0 50px 0; }
.csr3cont{width:100%}
.csr3cont ul{ display: block; overflow: hidden; width: 100%; margin:0 auto }
.csr3pic{ display: block; height:180px; overflow: hidden;text-align: center; }
/*.csr3cont ul li{ width: 45%;border:#cccccc solid 1px; height: 480px; margin:0 2% 20px 2% }*/
.csr3cont ul li{ width: 96%;border:#cccccc solid 1px; height: 252px;}
.csr3cont ul li:hover {background: #a70e13;}
.csr3cont ul li img{width:100%}

.csr2{width:100%;padding-top:46px; padding-bottom:35px}
.csr2cont{width:100%;}
.csr2cont .pic{width:100%; text-align:center; padding:0}
.csr2cont .pic img{width:90%; height:auto; margin:0 auto}
.csr2cont .cont{ width:88%; padding:6%; padding-top:3%}

.csrlist ul{ padding:0 5%; width:90%}
.csrlist ul li{ width:100%}
}