@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:"PINGFANG_MEDIUM";color:#000000;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#FFF; text-decoration:none}

.w1200{ width: 1200px; margin: 0 auto;}
.top{ overflow:hidden; width: 100%; background: #1d1e22; background: url(../images/top_bg.jpg) center center no-repeat; height: 95px; background-size:100% 100% ;}
.top .topBox .nav{ float: left; margin-left: 55px;}
.top .topBox .logo{ float: left; height: 95px; line-height: 95px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle; height: 70px;}
.top .topBox .nav ul{ overflow: hidden;}
.top .topBox .nav ul li{ float: left; height: 95px; line-height: 95px;}
.top .topBox .nav ul li a{ display: inline-block; border: 1px solid rgba(63,177,80,0); transition: 0.5s; vertical-align: middle; padding: 0 18px; height: 28px;  line-height: 28px; font-size: 16px; color: #fff;border-radius:14px;}
.top .topBox .nav ul li.on a{ border: 1px solid rgba(63,177,80,1); color: #ff8e09;}
.top .topBox .nav ul li:hover a{border: 1px solid rgba(63,177,80,1); color: #ff8e09;}
.top .topBox .nav ul li.serach a{ border: 1px solid rgba(255,142,9,0.3); width: 38px; height: 38px; border-radius:50%; vertical-align: middle; background: url(../images/sou.png) center center no-repeat; padding: 0;}
.top .topBox .nav ul li.serach.on a{ border: 1px solid rgba(255,142,9,0); background: url(../images/ico_60.png) center center no-repeat;  transition: 0.5s;}
.top .topBox .nav ul li.serach{ position: relative;}
.top .topBox .nav ul li.serach .serachBox { transition: 0.5s; opacity: 0; width: 0; border-radius:8px; overflow: hidden; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); height: 48px; overflow: hidden;}
.top .topBox .nav ul li.serach .serachBox input{ box-sizing: border-box; padding: 0 15px; width: 240px; height: 48px; display: block; background: #fff; font-size: 16px; float: left;}
.top .topBox .nav ul li.serach .serachBox button{ width: 48px; height: 48px; display: block; float: right; border: none; float: right; background: url(../images/sou.png) center center no-repeat #ff8e09;}
.top .topBox .nav ul li.serach .serachBox .Nr{ width: 288px; overflow: hidden;}
.top .topBox .nav ul li.serach.on .serachBox{ width: 288px; opacity: 1;}

.banner{ width: 100%; position: relative;}
.banner .swiper-container{ width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}

.banner .swiper-button-next{ background: url(../images/btn_03.png); width: 40px; height: 90px; transition: 0.5s; position: absolute; top: 50%; transform: translateY(-50%); right: 50px;}
.banner .swiper-button-prev{ background: url(../images/btn_01.png); width: 40px; height: 90px; transition: 0.5s; position: absolute; top: 50%; transform: translateY(-50%); left: 50px;}
.banner .swiper-button-next:after{ display: none;}
.banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-prev:hover{ background: url(../images/btn_07.png);}
.banner .swiper-button-next:hover{ background: url(../images/btn_08.png);}
.banner .swiper-pagination{ width: 100%; height: 5px; bottom: 35px!important; line-height: 5px;}
.banner .swiper-pagination span{ display: inline-block; margin: 0 5px; width: 50px; height: 5px; border-radius:0 ; background: rgba(255,142,9,0.5);}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ff8e09;}
.bannerPage{ width: 100%; height: auto;}
.bannerPage img{ width: 100%; height:auto;}

.indexContainer{ padding-top: 80px; width: 100%;}
.indexContainer .title{ width: 100%;}
.indexContainer .title h2{ background: url(../images/title.png) center center no-repeat; color: #333; text-align: center; height: 30px; line-height: 30px; font-size: 30px; font-weight: normal; background-size:100% auto;}
.indexContainer .title p{ padding-top: 15px; text-align: center; color: #000; font-size: 20px;}
.indexContainer .layer1 .hd{ padding: 40px 0;}
.indexContainer .layer1 .hd ul{ text-align: center;}
.indexContainer .layer1 .hd ul li{ height: 24px;  text-align: center; display: inline-block; width: 150px; border-right:1px solid #ff8e09;}
.indexContainer .layer1 .hd ul li a{ font-size: 24px; color: #000;text-align: center; }
.indexContainer .layer1 .hd ul li:last-child{ border-right:0;}
.indexContainer .layer1 .bd{ width: 100%;}
.indexContainer .layer1 .bd ul{ overflow: hidden;}
.indexContainer .layer1 .bd ul li{ transition: 0.5s; position: relative; overflow: hidden; width: 32%; float: left; margin: 0 2% 20px 0; height: 290px;}
.indexContainer .layer1 .bd ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer1 .bd ul li img{ object-fit: cover; transition: 0.5s;}
.indexContainer .layer1 .bd ul li .text{ line-height: 65px; font-size: 16px; color: #fff; width: 100%; height: 65px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); padding: 0 30px; box-sizing: border-box;}
.indexContainer .layer1 .bd ul li .text:after{ content: '';  background: url(../images/jiantou_03.png); width: 31px; height: 5px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.indexContainer .layer1 .bd ul li:hover img{ transform: scale(1.1);}
.indexContainer .layer1 .bd ul li:hover .text{ background: #ff8e09;}
.indexContainer .layer1{ padding-bottom: 60px;}
.indexContainer .layer1 .More{ display: block; transition: 0.5s; margin: 40px auto 0 auto; width: 180px; display: block; height: 36px; line-height: 36px; font-size: 18px; color: #fff; text-align: center; font-size: 14px; background: #444;}
.indexContainer .layer1 .More:hover{ background: #ff8e09; text-indent: 10px;}

.indexContainer .layer2{ padding-top: 80px; background: url(../images/bg3.jpg); height: 800px;}
.indexContainer .layer2 .title h2{ color: #fff;}
.indexContainer .layer2 .title p{ color: #fff;}
.indexContainer .layer2 .Nr{ background: url(../images/bg5.png) center center no-repeat; margin-top: 75px; width: 100%; overflow: hidden; position: relative;}
.indexContainer .layer2 .NrLeft{ width: 50%; float: left;}
.indexContainer .layer2 .NrRight{ width: 50%; float: right;}
.indexContainer .layer2 .Nr ul li{  width: 375px; height: 128px; margin-bottom: 40px; position: relative;}
.indexContainer .layer2 .Nr ul li:after{ transition: 1s; display: block; width: 100%; height: 100%; position: absolute;background: url(../images/bg2.png); left: 0; top: 0; background-size:100% 100% ; content: '';}
.indexContainer .layer2 .Nr ul li:before{ transition: 1s; display: block; width: 100%; height: 100%; opacity: 0; position: absolute;background: url(../images/bg4.png); left: 0; top: 0; background-size:1997px 100% ; content: '';}
.indexContainer .layer2 .Nr ul li .icon{ width: 146px; height: 128px; position: relative; float: left;}
.indexContainer .layer2 .Nr ul li .icon .iconBox{ width: 50px; height: 50px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer2 .Nr ul li .icon .iconBox img{ position: absolute; width: 100%; top: 0; left: 0;}
.indexContainer .layer2 .Nr ul li .text{ width: calc(100% - 146px); float: left; padding: 45px 0 0 12px; box-sizing: border-box; float: left;}
.indexContainer .layer2 .Nr ul li .text h2{ font-size: 20px; color: #fff; margin-bottom: 12px;}
.indexContainer .layer2 .Nr ul li .text p{ font-size: 16px; color: #FFFFFF;}
.indexContainer .layer2 .Nr ul li:hover .icon img{ top: -50px;}
.indexContainer .layer2 .Nr ul li:hover:after{ background-size:200% 100% ; opacity: 0;}
.indexContainer .layer2 .Nr ul li:hover:before{ background-size:1197px 100%; opacity: 1;}
.indexContainer .layer2 .Nr ul li:hover .text h2{ color: #ff8e09;}
.indexContainer .layer2 .NrRight ul{ float: right;}
.indexContainer .layer2 .NrLeft ul li{ margin-left: 64px;}
.indexContainer .layer2 .NrLeft ul li:nth-child(2){ margin-left: 0;}
.indexContainer .layer2 .NrRight ul li{ margin-right: 64px;}
.indexContainer .layer2 .NrRight ul li:nth-child(2){transform: translateX(64px);}

.indexContainer .layer3{ padding: 80px 0 120px 0;}
.indexContainer .layer3 ul{ width: 100%; padding-top: 75px; overflow: hidden;}
.indexContainer .layer3 ul li{ position: relative; transition: 0.5s; width: 170px; height: 190px; margin-right: 33px; background: #f5f5f5; transition: 0.5s; border: 1px solid #ddd; border-radius:6px; float: left;}
.indexContainer .layer3 ul li:last-child{ margin-right: 0;}
.indexContainer .layer3 ul li .icon{ width: 100%; height: 130px; position: relative;}
.indexContainer .layer3 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 ul li p{ font-size: 18px; text-align: center; color: #333;}

.indexContainer .layer3 ul li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1); transform: translate3d(0,-2px,0); }
.indexContainer .layer3 ul li:last-child{ margin-right: 0;}
.indexContainer .layer3 ul li:after{ display: block; position: absolute; content: ''; background: url(../images/jtou.png) center center no-repeat; left: 101%; top: 0; width: 33px; height: 100%;}
.indexContainer .layer3 ul li:last-child:after{ display: none;}

.indexContainer .layer4{ position: relative; background: url(../images/bg4.jpg); height: 100px; }
.indexContainer .layer4Box{ position: relative; height: 100%;padding-top: 0px; box-sizing: border-box;}
.indexContainer .layer4 h2{ font-weight: normal; font-size: .4rem; color: #fff;padding:30px 0 30px 0;}
.indexContainer .layer4 p{ font-size: .18rem; color: #fff;}
.indexContainer .layer4 ul{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexContainer .layer4 ul li{ line-height: 50px; overflow: hidden; width: 300px; margin-bottom: 20px; height: 50px; border: 1px solid rgba(255,142,9,0.7); text-align: center; font-size: 20px; color: #fff; border-radius:25px;}
.indexContainer .layer4 ul li img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-right: 10px;}
.indexContainer .layer4 ul li:last-child{ border: 1px solid #3fb145; margin-bottom: 0;}
.indexContainer .layer4 ul li a{ display: block; width: 100%; height: 100%; background: #ff8e09; text-align: center; line-height: 50px; font-size: 18px; color: #fff;}

.indexContainer .layer5{ background: #f5f5f5; padding: 80px 0;}
.indexContainer .layer5 .More{ display: block; transition: 0.5s; margin: 40px auto 0 auto; width: 180px; display: block; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; font-size: 14px; background: #444;}
.indexContainer .layer5 .More:hover{ background: #ff8e09; text-indent: 10px;}
.indexContainer .layer5Box .swiper-container{ margin-top:40px;}
.indexContainer .layer5Box{ position: relative; width: 1240px; margin: 0 auto;}
.indexContainer .layer5Box .swiper-container{ width: 100%; overflow: hidden; padding:0 20px 20px 20px; box-sizing: border-box;}
.indexContainer .layer5Box .Nr{ width: 100%;}
.indexContainer .layer5Box .Nr .icon{ width: 100%; height: 280px; overflow: hidden;}
.indexContainer .layer5Box .Nr .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainer .layer5Box .Nr .text{ transition: 0.5s; background: #fff; width: 100%; height: 180px; background: #fff; padding: 0 40px; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.indexContainer .layer5Box .Nr:hover .icon img{ transform: scale(1.1);}
.indexContainer .layer5Box .Nr:hover .text{ box-shadow:0 15px 30px rgba(0, 0, 0, .1); transform:translate3d(0,-2px,0) ;}
.indexContainer .layer5Box .Nr .text h2{ padding: 35px 0 15px 0; font-size: 16px; color: #333;}
.indexContainer .layer5Box .Nr .text p{ color: #333; line-height: 22px;height: 44px; overflow: hidden;}
.indexContainer .layer5Box .Nr .text a{ display: block; padding-top: 18px; font-size: 16px; color: #666; border-top:1px solid #ddd; margin-top: 15px;}
.indexContainer .layer5Box .swiper-button-next{ width: 40px; height: 40px; right: -60px; top: 60%;  overflow: hidden; background: url(../images/arrow_07.png);}
.indexContainer .layer5Box .swiper-button-prev{ width: 40px; height: 40px; left: -60px; top: 60%;  overflow: hidden; background: url(../images/arrow_03.png);}
.indexContainer .layer5Box .swiper-button-next:after{ display: none;}
.indexContainer .layer5Box .swiper-button-prev:after{ display: none;}
.indexContainer .layer5Box .swiper-button-next:hover{ background: url(../images/arrow_09.png);}
.indexContainer .layer5Box .swiper-button-prev:hover{background: url(../images/arrow_05.png);}

.indexContainer .layer6{ background: url(../images/bg5.jpg); height: 300px; padding: 30px 0 0 0; box-sizing: border-box; background-size:100% 100% ;}
.indexContainer .layer6Box .title{ }
.indexContainer .layer6Box .title h2{ color: #fff; background: url(../images/bg6.png) center center no-repeat;}
.indexContainer .layer6Box .title p{ color: #fff;}
.indexContainer .layer6Box ul{ padding-top: 75px;} 
.indexContainer .layer6Box ul li{ width: 580px; float: left; margin: 0 40px 0 0; background: url(../images/bg7.png); height: 100px;}
.indexContainer .layer6Box ul li:last-child{ margin-right: 0;}
.indexContainer .layer6Box ul li .icon{ width: 166px; height: 100px; float: left; position: relative;}
.indexContainer .layer6Box ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer6Box ul li .text{ width: calc(100% - 166px); float: left; padding:35px 35px 0 10px; box-sizing: border-box;}
.indexContainer .layer6Box ul li .text h2{ font-size: 20px; color: #fff; padding-bottom: ;}
.indexContainer .layer6Box ul li .text p{ margin-top: 10px; line-height: 28px; color: #FFFFFF;}

.indexContainer .layer7{ padding: 80px 0;}
.indexContainer .layer7 .More{ display: block; transition: 0.5s; margin: 40px auto 0 auto; width: 180px; display: block; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; font-size: 14px; background: #444;}
.indexContainer .layer7 .More:hover{ background: #ff8e09; text-indent: 10px;}
.indexContainer .layer7Box{ padding-top: 35px;}
.indexContainer .layer7Left{ float: left; width: 380px; height: 410px; float: left; border: 1px solid #ddd; box-sizing: border-box;}
.indexContainer .layer7Left .icon{ width: 100%; height: 290px; position: relative;}
.indexContainer .layer7Left .icon img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer7Left .text{ width: 100%; padding: 0 30px; box-sizing: border-box;}
.indexContainer .layer7Left .text h2{ height: 40px; line-height: 40px; font-size: 18px; color: #000;}
.indexContainer .layer7Left .text p{ color: #666; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; overflow: hidden;}


.indexContainer .layer7Right{ width: 800px; float: right;}
.indexContainer .layer7Right ul{ width: 100%;}
.indexContainer .layer7Right ul li{ width: 100%; height: 126px; margin-bottom: 16px; border: 1px solid #ddd; box-sizing: border-box; padding: 18px 0; box-sizing: border-box;}
.indexContainer .layer7Right ul li:last-child{ margin-bottom: 0;}
.indexContainer .layer7Right ul li .time{ float: left; height: 100%; width: 120px; box-sizing: border-box; border-right:1px solid #ddd;}
.indexContainer .layer7Right ul li .time h2{ text-align: center; height: 46px; line-height:46px; font-size: 34px; font-weight: bold; color: #666;}
.indexContainer .layer7Right ul li .time p{ text-align: center; color: #666; text-align: center;}
.indexContainer .layer7Right ul li .text{ width: calc(100% - 120px); float: left; padding: 0 20px 0 20px; box-sizing: border-box;}
.indexContainer .layer7Right ul li .text h2{ height: 28px; line-height: 28px; font-size: 22px; color: #000;}
.indexContainer .layer7Right ul li .text p{ line-height: 20px; font-size: 12px; color: #666; height: 44px; overflow: hidden;}

.indexContainer .layer8{ background: #f8f8f8; padding: 80px 0 ; position: relative;}
.indexContainer .layer8:after{ width: 100%; height: 220px; background: #b8b8b8; content: ''; display: block; position: absolute; left: 0; bottom: 0;}
.indexContainer .layer8Box{ position: relative; z-index: 1;}
.indexContainer .layer8Box .Nr{ width: 100%; overflow: hidden; height: 320px; margin-top: 45px;}
.indexContainer .layer8Box .Nr .icon{height: 320px; width: 650px; float: right;}
.indexContainer .layer8Box .Nr .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer8Box .Nr .text{ width: calc(100% - 650px); height: 320px; background: #fff; padding: 40px 40px 0 40px; box-sizing: border-box;}
.indexContainer .layer8Box .Nr .text p{ font-size: 16px; line-height: 28px; color: #333;}
.indexContainer .layer8Box .Nr .text a{ display: block; width: 156px; height: 36px; margin-top: 30px; border: 1px solid #247748; border-radius:18px; text-align: center; line-height: 34px; transition: 0.5s; font-size: 14px;}
.indexContainer .layer8Box .Nr .text a:hover{ background: #247748; color: #fff;}

.footer{ width: 100%; background: #155378;}
.footer .FriendLink{ border-bottom: 1px solid rgba(124,124,124,0.5); padding: 15px 0;}
.footer .FriendLink ul li{ line-height: 90px; float: left; color: #fff; margin-right: 12px;}
.footer .FriendLink ul li a{ font-size: 14px; color: #191919;}
.footer .footerBox{ overflow: hidden; padding: 35px 0;}
.footer .footerBox ul{ padding:0 35px; float: left; border-right:1px solid rgba(204,204,204,0.4) ;}
.footer .footerBox ul:first-child{ padding-left: 0;}
.footer .footerBox ul h2{ height: 34px; color: #fff; font-size: 20px; line-height: 34px;}
.footer .footerBox ul li{ margin-top: 12px;}
.footer .footerBox ul li a{ font-size: 16px; color: #cccccc;}
.footer .footerBox .code{ background: #333; width: 130px; height: 130px; float: right; border: 5px solid rgba(255,142,9,0.6);}
.footer .footerBox .code img{ display: block; width: 100%; height: 100%;}
.footer .footerBox .phone{ float: right; margin-right: 100px;}
.footer .footerBox .phone h2{ font-size: 18px; font-weight: normal; color: #fff; line-height: 18px;}
.footer .footerBox .phone span{ display: block; height: 50px; line-height: 50px; font-size: 30px; color: #ff8e09;}
.footer .footerBox .phone p{ color: #ffffff; line-height: 22px; font-size: 16px;line-height: 30px;}

.copyRight{ border-top: 1px solid rgba(124,124,124,0.5); height: 60px; line-height: 60px;}

.AppTop{ display: none;}
.SideBar{ display: none;}

.about{ width: 100%;}
.about .navGation{ width: 100%; border-bottom: 1px solid #eee; height: 60px;}
.about .navGation .Nr{ box-sizing: border-box; overflow: hidden; padding-left: 28px; background: url(../images/home_03.png) left center no-repeat;}
.about .navGation .Nr ul{ float: left; overflow: hidden;}
.about .navGation .Nr ul li{ float: left; line-height: 60px; font-size: 16px; color: #000000;}
.about .navGation .Nr ul li a{ font-size: 16px; color: #363636;}
.about .navGation .Nr dl{ float: right; overflow: hidden;}
.about .navGation .Nr dl dd{ float: left; margin-left: 40px; line-height: 60px;}
.about .navGation .Nr dl dd a{ font-size: 20px; color:#ffffff ; background: #ff8e09;font-family:"Microsoft YaHei";padding:10px 20px;width: 150px; }
.about .Main .bt{ height: 165px; text-align: center; line-height: 165px; color: #ff9900; font-size: 42px;  font-weight: bold； letter-spacing: 8px;}
.about .Main .bt:after{ display: inline-block; width: 90px; height: 1px; background: #c1c1c1; margin: 0 60px; vertical-align: middle;content: '';}
.about .Main .bt:before{ display: inline-block; width: 90px; height: 1px; background: #c1c1c1; margin: 0 60px; vertical-align: middle; content: '';}
.about .Main p{ font-size: 14px; color: #333; line-height: 28px; text-indent: 28px;}
.about .list .bt{ height: 90px; line-height: 90px; font-size: 24px; color: #464646;}
.about .list .bt span{ transform: translateY(-2px); background: #ff8e09; display: inline-block; vertical-align: middle; width: 4px; height: 22px; margin-right: 15px;}
.about .list .bt a{ display: inline-block; float: right; color: #000; font-size: 14px; line-height: 90px;}
.about .list ul{ width: 100%;}
.about .list ul li{ transition: 0.5s; width: 49%; height: 126px; float: left; margin: 0 2% 15px 0; border: 1px solid #ddd; box-sizing: border-box; padding: 28px 0; box-sizing: border-box;}
.about .list ul li:nth-child(2n){ margin-right: 0;}
.about .list ul li .time{ float: left; height: 100%; width: 120px; box-sizing: border-box; border-right:1px solid #ddd;}
.about .list ul li .time h2{ text-align: center; height: 52px; line-height: 52px; font-size: 38px; font-weight: bold; color: #666;}
.about .list ul li .time p{ text-align: center; color: #666; text-align: center;}
.about .list ul li .text{ width: calc(100% - 120px); float: left; padding: 0 30px 0 30px; box-sizing: border-box;}
.about .list ul li .text h2{ height: 28px; line-height: 28px; font-size: 18px; color: #000; margin-bottom: 10px;}
.about .list ul li .text p{ line-height: 20px; font-size: 14px; color: #666; height: 40px; overflow: hidden;}
.about .list ul li:hover{ transform:translate3d(0,-2px,0) ; border: 1px solid #ff8e09; box-shadow: 0 2px 6px rgba(0,0,0,.1);}



/*以下*/
/*分页样式*/
.pglist{padding: 30px 0 15px;width:100%;text-align: center;clear: both;}
.pglist a {color: #666;padding: 0 15px;margin: 0 3px;background: #fff;border: 1px solid #edebeb;}
.pglist *{display:inline-block;vertical-align:middle;line-height: 34px;padding-bottom:1px;}
.pglist a:hover,.pglist .hover {display:inline-block;color: #fff;background: #ff8e09;border-color: #ff8e09;}

.fl{float: left;}
.fr{float: right;}
/*newsPage*/
*newsPage*/
.page_right{float:right;width:100%}
.page_right .newslist>ul{padding:0 30px}
.page_right .newslist>ul>li{padding-top:30px;padding-bottom:30px;height:100px;border-bottom:1px dashed #ddd;zoom: 1;overflow: hidden;height: auto;}
.page_right .newslist>ul>li>a{display:block;margin-bottom:10px;color:#006666;font-weight:700;font-size:1pc}
.page_right .newslist>ul li>a:hover{color:#006666}
.page_right .newslist>ul>li>p{color:#333}
.page_right .newslist>ul>li:hover a{color:#000000}
.page_right .newslist>ul>li:hover .date span{background:#5c5c5c;color:#fff}
.page_right .newslist>ul>li:hover .date em{border:1px solid #5c5c5c;border-top:0;color:#5c5c5c}
.page_right .newslist .date{float:left;margin-right:15px;width:60px;height:75px;}
.page_right .newslist .date span{display:block;height:25px;background:#006666;color:#fff;text-align:center;line-height:25px}.page_right .newslist .date em{display:block;height:49px;border:1px solid #006666;border-top:0;color:#006666;text-align:center;font-style:normal;font-size:24px;line-height:49px}
.page_right .newslist .con{float:left;width:805px;width: calc(100% - 91px);}
.page_right .newslist .con a{color:#006666;font-weight:700;font-size:20px}
.page_right .newslist .con a:hover{color:#ff8e09;text-decoration:underline}
.page_right .newslist .con p{overflow:hidden;padding-top:5px;height: 46px;color:#333;line-height:24px;font-size:16px}


/*showNews*/
.showNews .title{font-size: 20px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold;}
.showNews .mark{color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5;}
.showNews .showContxt{color: #666666; padding: 0 0 30px; line-height: 30px;}
.showNews .showContxt p{color: #666666;font-size: 16px; line-height: 30px;}
.showNews .showContxt img{max-width: 100%;}
/* reLink */
.reLink{ width: 100%; height: 25px; border-top: 1px solid #d7d6d6; padding: 15px 0 40px; font-size: 16px;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; line-height: 25px; color: #000000;}
.reLink .nextLink a,
.reLink .prevLink a{ color: #000000;}
.reLink .nextLink{text-align: right;}
.reLink a:hover{color: #ff8e09;}


.projectPage .list{padding-top: 0;}
.projectPage{overflow: hidden;}
.projectPage .list{width: 105%;}
.ipro{position:relative;overflow:hidden;padding:30px 0;}
.ipro .list{width: 108%;}
.ipro .item{float:left;width:386px;display: block;height:290px;overflow:hidden;margin-bottom:20px;margin-right:20px;position: relative;}
.ipro .item a{display: block;position: relative;width:100%;height:290px;}
.ipro .item img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;height: 100%;display: block;}
.ipro .item:hover img{transform: scale(1.06, 1.06);}
.ipro .item h3{position:absolute;left:0;bottom:0;width:100%;text-indent:30px;font-weight: normal;font-size: 16px;height: 65px;line-height: 65px;background: url(../images/black60.png) repeat;color: #fff;}
.ipro .item em{position:absolute;right:0;bottom:20px;z-index:2;width:32px;height:26px;background-position:-190px 0;display: block;margin-right: 30px;vertical-align: middle;}
.ipro .item:hover h3{background: url(../images/ipro_t.png) repeat-x left top;}
@media(max-width:1000px){
	.about .navGation{ padding: 0 15px; box-sizing: border-box;}
	.about .navGation .Nr dl{ display: none;}
	.about .Main{ width: 100%;}
	.about .Main .bt{ width: 100%; height: 90px; line-height: 90px;}
	.about .Main .bt:before{ width: 40px; margin:0 20px;}
	.about .Main .bt:after{ width: 40px; margin:0 20px;}
	.about .Main p{ padding: 0 15px; box-sizing: border-box; padding:0 15px; box-sizing: border-box;}
	.about .list{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.about .list ul li{ width: 100%; height:auto;}
	.about .list ul li .time{ width: 100%;}
	.about .list ul li .text{ width: 100%; margin-top: 25px;}
	.SideBar{ display: block;}
	.w1200{ width: 100%;}
	.top{ display: none;}
	.AppTop{display:b}
	body{ padding-top: 60px;}
	.top{ display: none;}
	.AppTop{ z-index: 98; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 60px; background:#333; background-size:100% 100% ;}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width: auto;}
	.AppTop .SideClick{ display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 20px; transition: 0.5s;}
	.AppTop .SideClick span{ display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; border-radius:2px; transition: 0.5s;}
	.AppTop .SideClick span:nth-child(1){ top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .logo{ height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width:auto;}
	.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.SideBar{ transition: 0.5s; left: -100%; width: 70%; top: 0; height: 100vh; position: fixed; background: #333; z-index: 99;}
	.SideBar .logo{ padding: 40px 0;}
	.SideBar .logo img{ display: block; width: 70%; margin: 0 auto; height: auto;}
	.SideBar ul{ padding: 0 30px; box-sizing: border-box;}
	.SideBar ul li{ border-bottom: 1px solid rgba(255,142,9,0.4); line-height: 36px;}
	.SideBar ul li a{ font-size: 16px; color: #fff;}
	.banner .swiper-button-prev{ width: 20px; height: 45px; left: 15px; background-size:100% 100% ; margin: 0;}
	.banner .swiper-button-next{ width: 20px; height: 45px; right: 15px; background-size:100% 100% ; margin: 0;}
	.banner .swiper-pagination { display: none;}
	.indexContainer{ padding: 0;}
	.indexContainer .title{ padding: 30px 0;}
	.indexContainer .layer1 .hd{ padding: 15px 0;}
	.indexContainer .layer1 .hd ul{ overflow: hidden;}
	.indexContainer .layer1 .hd ul li{ width: 33%; box-sizing: border-box;float: left; margin-bottom: 15px;}
	.indexContainer .layer1 .hd ul li:nth-child(3){ border: none; width: 34%; }
	.indexContainer .layer1 .bd{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer1 .bd ul li{ width: 49%; margin: 0 2% 15px 0; height: 200px;}
	.indexContainer .layer1 .bd ul li:nth-child(3n){ margin-right: 2%;}
	.indexContainer .layer1 .bd ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .title h2{ background: none;}
	.indexContainer .layer2{ height: auto; padding: 0;}
	.indexContainer .layer2 .Nr{ margin: 0; overflow: hidden; background: none; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer2 .NrLeft{ width: 100%;}
	.indexContainer .layer2 .NrRight{ width: 100%; float: left;}
	.indexContainer .layer2 .Nr ul li{ margin: 0 0 10px 0;}
	.indexContainer .layer2 .NrRight ul{ float: left;}
	.indexContainer .layer2 .NrRight ul li:nth-child(2){ transform: none;}
	.indexContainer .layer3{ padding: 0 0 50px 0;}
	.indexContainer .layer3 ul{ padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer3 ul li{ width: 49%; float: left; margin: 0 2% 15px 0; box-sizing: border-box; overflow: hidden;}
	.indexContainer .layer3 ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer4{ height: auto; width: 100%; overflow: hidden; padding: 0 15px 35px 15px; box-sizing: border-box;}
	.indexContainer .layer4Box{ height: auto;}
	.indexContainer .layer4 ul{ position: relative; transform: none; left: auto; top: auto;}
	.indexContainer .layer4 h2{ font-size: 26px; line-height: 34px;}
	.indexContainer .layer4 p{ font-size: 14px; line-height: 28px;}
	.indexContainer .layer4 ul{ width: 100%; padding-top: 25px;}
	.indexContainer .layer4 ul li{ margin: 0 auto 15px auto;}
	.indexContainer .layer5{ padding: 0 0 40px 0;}
	.indexContainer .layer5Box{ width: 100%;}
	.indexContainer .layer5Box .swiper-container{ margin: 0;}
	.indexContainer .layer6{ height: auto; padding: 0 15px 35px 15px;}
	.indexContainer .layer6 .title h2{ font-size: 20px;}
	.indexContainer .layer6 ul{ overflow: hidden;}
	.indexContainer .layer6 ul li{ margin-bottom: 25px;}
	.indexContainer .layer7{ padding: 0 15px 50px 15px; box-sizing: border-box;}
	.indexContainer .layer7Box{ overflow: hidden;}
	.indexContainer .layer7Left{ width: 100%;}
	.indexContainer .layer7Right{ width: 100%; padding-top: 14px;}
	.indexContainer .layer7Right ul li{ height: auto; overflow: hidden;}
	.indexContainer .layer7Right ul li .time{ width: 100%;}
	.indexContainer .layer7Right ul li .text{ width: 100%; padding-top: 14px;}
	.indexContainer .layer7Right ul li .text h2{ margin-bottom: 14px;}
	.indexContainer .layer8{ padding: 0;}
	.indexContainer .layer8Box .Nr{ margin: 0; height: auto;}
	.indexContainer .layer8Box .Nr .icon{ width: 100%; height: auto;}
	.indexContainer .layer8Box .Nr .icon img{ width: 100%; height: auto;}
	.indexContainer .layer8Box .Nr .text{ width: 100%; height: auto; float: left; padding: 35px;}
	.footer .FriendLink{ padding: 0 15px; box-sizing: border-box;}
	.footer .footerBox{ padding: 35px 15px; box-sizing: border-box;}
	.footer .footerBox ul{ display: none;}
	.footer .footerBox .code{ float: inherit; margin: 0 auto 25px auto;}
	.copyRight{ height: auto; padding: 25px 15px; line-height: 28px; text-align: center; box-sizing: border-box; text-align: center;}
	
	.indexContainer .layer5Box .swiper-button-next{ width: 40px; height: 40px; right:15px; top: 80%;  overflow: hidden; background: url(../images/arrow_07.png);}
	.indexContainer .layer5Box .swiper-button-prev{ width: 40px; height: 40px; left: 15px; top: 80%;  overflow: hidden; background: url(../images/arrow_03.png);}
	.copyRight span{ display: block;color: #ffffff;}
	.copyRight span a{ color: #ffffff;}
	.bannerPage{ height: 300px;}
	.bannerPage img{ object-fit: cover; height: 100%;}
	
/*以下*/	
.indexContainer .layer7Left .text h2 {
     overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 16px;
}
.indexContainer .layer7Right ul li .text h2 {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 16px;
  
}	
.about .Main  img{display: block; 
    text-align: center;    
    max-width: 100% !important;
    height: auto !important;
}


.ipro .item{width: 48%; display: block;
    height:180px;}
.ipro .item{margin-right: 1%;}
.ipro .item img{ height:20vh}
.ipro .item h3{top: 50%; line-height:35px; height:auto;font-size: 13px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}	

	/*showInfor*/
.showNews{padding: 4% 0 .5rem; width: 100%;}
.showNews .showContxt{ padding: 0 15px; box-sizing: border-box; padding:0 15px; box-sizing: border-box;}
.showNews .showContxt img{max-width: 100%; height: auto !important;}
/* reLink */
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
.reLink .nextLink  {
 text-align: left;}
.layer2 { display: none;}
.layer6 { display: none;}
}

@media (max-width:1366px ) and (min-width:1001px ) {
	
	.indexContainer .layer5Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.indexContainer .layer5Box .swiper-button-prev{ left: 15px;}
	.indexContainer .layer5Box .swiper-button-next{ right: 15px;}
	.indexContainer .layer6Box ul{ zoom: 0.8;}
	.indexContainer .layer4 ul{ right: 25px;}
	.indexContainer .layer3 ul{ zoom: 0.85;}
	.indexContainer .layer3{ padding:50px 4%; box-sizing: border-box;}
	
}