@charset "utf-8";
/* CSS Document */
.hebox{ width:100%; padding:20px 0; overflow:hidden;}
.about{ width:750px; overflow:hidden;}
.title{ width:100%; overflow:hidden; padding-bottom:20px;}
.title strong{ display:block; float:left; overflow:hidden; font-size:22px; color:#333;}
.title strong i{ font-size:14px; color:#aaa; display:inline-block; padding-left:6px; font-family:Arial;}
.title a{ float:right; color:#cb0f0b}

.about .cont{ width:100%; overflow:hidden; height:150px;}
.about .cont p{ color:#777;}
.about figure{ overflow:hidden; padding:30px 0 40px;}
.about figure a{ display:block; float:right; width:100px; height:34px; background:#cb0f0b; position:relative;}
.about figure a i{ display:block; width:23px; height:11px; position:absolute; left:40px; top:10px; z-index:10; background:url(../images/jt.png) no-repeat; transition:300ms;}
.about figure a:hover i{ left:46px;}

.ryzs{ overflow:hidden; position:relative; width:100%;}
.ryzs .hd{ display:none;}
.ryzs .bd{ overflow:hidden; }
.ryzs .bd ul{ overflow:hidden; zoom:1; }
.ryzs .bd ul li{ width:190px; float:left; margin-right:20px; overflow:hidden;}
.ryzs .bd ul li img{ display:block; width:100%; height:250px;}
		

.ywfw{ width:400px; overflow:hidden;}
.ywfw li{ overflow:hidden; padding:13px 20px 13px 20px; position:relative; margin-top:2px; background:#eaeff5;}
.ywfw li:nth-child(1){ margin:0;}
.ywfw li span{ display:block; float:left; color:#333; font-size:18px;}
.ywfw li i{ width:21px; height:21px; position:absolute; right:20px; top:24px; z-index:10; background:url(../images/aj.png) 0 top no-repeat; transition:300ms;}
.ywfw li:hover{background:#cb0f0b;   background:-webkit-linear-gradient(left,#fa6864,#cb0f0a);   background:-o-linear-gradient(right,#fa6864,#cb0f0a);    background:-moz-linear-gradient(right,#fa6864,#cb0f0a);    background:linear-gradient(to right,#fa6864,#cb0f0a); }
.ywfw li:hover span{ color:#fff; font-weight:bold;}
.ywfw li:hover i{ background-position:0 -21px;}

.tzgg{ width:560px; overflow:hidden;}
.tzgg em{ display:block; overflow:hidden}
.tzgg figure{ overflow:hidden; padding-top:30px;}
.tzgg figure h1{ font-size:18px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; }
.tzgg figure span{ display:block; color:#999; padding:6px 0 10px;}
.tzgg figure p{ color:#999; line-height:28px; height:56px; overflow:hidden;}
.tzgg figure b{ color:#cb0f0b; display:block; overflow:hidden; margin-top:10px;}

.news{ width:600px; overflow:hidden; position:relative;}
.news b{ width:1px; height:280px; background:#dedede; position:absolute; left:10px; top:70px; z-index:-1;}
.news ul{ overflow:hidden; margin-top:-10px;}
.news ul li{ line-height:20px; padding:13px 0; overflow:hidden;}
.news ul li em{ width:40px; height:20px; display:block; float:left; overflow:hidden; background:#fff;}
.news ul li em i{ display:block; width:8px; height:8px; margin:4px; border-radius:50%; border:2px #dedede solid;}
.news ul li a{ display:block; width:500px; float:left; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.news ul li span{ float:right; color:#333;}


.gcal{ overflow:hidden; position:relative; width:100%;}
.gcal .hd{ display:none;}
.gcal .bd{ overflow:hidden; }
.gcal .bd ul{ overflow:hidden; zoom:1; }
.gcal .bd ul li{ width:388px; float:left; margin-right:18px; position:relative; overflow:hidden;}
.gcal .bd ul li em{ display:block; overflow:hidden; border-radius:10px 10px 0 0;}
.gcal .bd ul li em img{ display:block; width:100%; height:250px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.gcal .bd ul li:hover em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.gcal .bd ul li figure{ position:absolute; left:0; bottom:0; width:100%; z-index:10; background:url(../images/gcal.png) left center repeat-x; line-height:42px;}
.gcal .bd ul li figure span{ display:block; padding:0 15px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; color:#fff;}


.center{ width:100%; padding:20px 0; overflow:hidden;}
.left{ width:230px; overflow:hidden;}
.column{ width:100%; background:#f1f1f1; overflow:hidden;}
.column h1{ padding:10px 0; width:100%; height:56px; font-weight:bold; letter-spacing:2px; text-align:center; background:#222; font-size:22px; line-height:56px; color:#fff;}
.column ul{ overflow:hidden;}
.column ul li{ line-height:44px; padding:0 15px; overflow:hidden; border:1px #e0e0e0 solid; border-top:none;}
.column ul li a{ font-size:14px; display:block; background:url(../images/ff.png) right center no-repeat;}
.column ul li a:hover{ color:#fff; background:url(../images/ff-1.png) right center no-repeat;}
.column ul li:hover{ background:#cb0f0b;}
.column_tou{ width:100%; overflow:hidden; height:60px; padding-top:25px; background:#cb0f0b;}
.column_tou em{ display:block; height:60px; float:left; overflow:hidden; margin-left:20px; text-indent:20px;}
.column_tou em h2{ font-size:16px; color:#fff; line-height:20px; overflow:hidden;}
.column_tou em p{ font-size:14px; color:#fff; line-height:30px; overflow:hidden;}
.lian{ border:1px #e0e0e0 solid; border-bottom:none; overflow:hidden; background:#f1f1f1;}
.lian dd{ padding:15px 10px 15px 50px; border-bottom:1px #e0e0e0 solid; overflow:hidden;}
.lian dd.dd_11{ background:url(../images/ltel.png) 15px center no-repeat;}
.lian dd.dd_22{ background:url(../images/lemail.png) 15px center no-repeat;}
.lian dd.dd_33{ background:url(../images/ladd.png) 15px center no-repeat;}

.right{ width:940px; float:right; overflow:hidden;}
.right .tou{ overflow:hidden; border-bottom:1PX #E0E0E0 solid; padding-bottom:10px;}
.right .tou span{ display:block; float:left; font-size:16px;}
.right .tou strong{ display:block; float:right; color:#999;}
.right .tou strong a{ color:#999; display:inline-block; padding:0 6px; font-size:12px;}
.news_he{ width:100%; overflow:hidden;}
.news_he ul{ margin:20px 30px 0; padding-bottom:20px; overflow:hidden; border-bottom:1px #e0e0e0 solid;}
.news_he ul li{ line-height:40px; overflow:hidden; position:relative; left:0; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;}
.news_he ul li span{ display:block; float:left; width:120px; color:#999;}
.news_he ul li a{ color:#555; display:block; float:left; overflow:hidden;}
.news_he ul li:hover span,.news_he ul li:hover a{ color:#720107;}
.news_he ul li:hover{ position:relative; left:10px;}

.pager{ width:100%; overflow:hidden; height:50px; padding:40px 1px; text-align:center;}
.pager span{ display:inline-block; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; color:#fff !important; background:#cb0f0b; }
.pager a{ display:inline-block; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; color:#666;}

.pager a:hover{ color:#fff; background:#cb0f0b; transition:all 0.3s ease 0s;}
.pager a.current{ color:#fff; background:#cb0f0b;}

.xiang{ width:100%; overflow:hidden; margin-top:40px;}
.xiang h1{ font-size:18px; text-align:center; line-height:30px;}
.xiang .nrong_wz{ width:100%; overflow:hidden; padding-top:20px; margin-top:10px; border-top:1px #e0e0e0 solid;}
.xiang .nrong_wz p{ color:#333; line-height:34px;}
.xiang .nrong_wz img{max-width:100%;}
.xiang .next_xia{ padding:0 20px; margin-top:40px; overflow:hidden; line-height:50px; background:#f9f9f9;}
.xiang .next_xia span{ width:50%; display:block; float:left; overflow:hidden;}
.xiang .next_xia span a{ padding-left:5px;}

.tupic{ width:100%; overflow:hidden;}
.tupic li{ width:300px; float:left; margin:20px 0 0 20px; overflow:hidden;}
.tupic li:nth-child(3n+1){ margin-left:0;}
.tupic li em{ display:block; overflow:hidden;}
.tupic li em img{ display:block; width:100%; height:210px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.tupic li:hover em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.tupic li strong{ display:block; overflow:hidden; background:#f5f5f5; line-height:50px; text-align:center;white-space: nowrap; text-overflow: ellipsis;}


/*手机*/
.mobile-header{ display: none; height: 55px; border-bottom: 1px solid #F5F5F5;}
.moible-cont{ display: flex; align-items: center; justify-content: space-between; padding: 0 10px; }
.mobile-header .logo{ display: flex; height: 55px; align-items: center; }
.mobile-header .logo img{ display: block; height: 30px;}
.hamburger-box span{ display: block;  height: 2px; background: #666666; width:25px; margin-bottom:6px; padding-bottom: 0; transition: all 0.6s ease-in-out;}
.hamburger-box .span2{ width: 30px;}
.hamburger-box .span3{ margin-bottom: 0;}
.hamburger-box.on{ z-index: 3333;}
.hamburger-box.on span{background: #141418;}
.hamburger-box.on .span1{ transform: rotate(45deg) translate(5px,5px);}
.hamburger-box.on .span2{ opacity: 0;}
.hamburger-box.on .span3{ transform: rotate(-45deg) translate(5px,-6px);}

.mobile-bar{ display: none; position: fixed; top: 0; right: 0; bottom: 0; background: #fff; left: 0; width: 100%; z-index: 333;
padding:10px 25px 50px 25px; overflow-y: scroll; box-sizing: border-box; }
.mobile-bar ul{ margin-top: 10px;}
.mobile-bar li a{  padding:15px 0px;  border-bottom: 1px solid #F5F5F5; display: block; font-size:16px; font-weight: bold;}
.mobile-bar .mo-subnav{ display: block;}
.mobile-bar .mo-subnav a{  font-size: 14px; color: #555; font-weight: normal;}


.mbanner{ width: 100%; overflow: hidden; position: relative; z-index: 1;display: none; }
.mbanner .swiper-slide{ position: relative;}
.mbanner .swiper-slide img{ display: block; width: 100%; object-fit: cover; }