@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"微软雅黑";font-size: 12px;font-weight: normal;}
body,html{height: 100%; }
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}
 
.fl{ float:left}
.fr{ float:right}
.w1100{ width:1100px; margin:0 auto}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1400{ width:1400px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.w80{ width: 80%; margin: 0 auto; position: relative;}
.cen{ text-align:center}




 
.header {  height: 80px; line-height: 80px; position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 999;  background:#fff;}
.header .logo{ display: block; float: left; margin-top: 18px; margin-right: 20px; height: 40px;}
.header .logo img{ height: 100%;}
.header .fl{ font-size: 14px; ;}
.header .fl strong{ font-size: 16px;}
.header .fr{ color:#FF9200; font-size: 18px; letter-spacing: 1px;}
.header .fr img{ height: 60px; float: left; margin-top: 10px; margin-right: 10px;}

.headmenu{ position: fixed;  top: 80px;  left: 0;  width: 100%;height: 40px; line-height: 40px; background-color: #2C2C2C; overflow: hidden; z-index: 999;}
.headmenu .fl a{ display: block; height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px; color: #fff; float: left;}
.headmenu .fl a:hover{ background-color: #FF9A1D;}
.headmenu .fl a.on{ background-color: #FF9A1D;}
.headmenu .fr a{ float: left; font-size: 14px; color: #fff; margin-left: 20px;  }
.headmenu .fr em{ height: 14px; width: 1px; background-color: #fff; display: block; float: left; margin-top: 13px; margin-left: 20px;}
.headmenu .fr a:hover{ color: #FF9A1D;}



.head-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}


.ban .swiper-pagination-bullet-active{ background:#FF9A1D}

 
.indti{ text-align:center; overflow:hidden; margin:60px 0;}


.indnews{ overflow:hidden; display:flex; justify-content:center; padding:0 3%;}
.indnews a{ width:30%; overflow:hidden; margin:0 1% 20px;}
.indnews a .imgs{ width:100%; overflow:hidden}
.indnews a .imgs img{width:100%;transition: 500ms;}
.indnews a .ndec{ padding:20px; overflow:hidden; background-color: #fefefe;}
.indnews a h1{ font-size:30px; color:#333;}
.indnews a h2{ font-size:14px; color:#999; font-weight:normal; margin-bottom:10px;}
.indnews a p{ font-size:14px; color:#333; height:48px; line-height:24px; margin-bottom:10px;}
.indnews .newsmore{ overflow:hidden}
.indnews .newsmore span{ display:block; float:left; font-size:14px; color:#999;}
.indnews .newsmore i{ display:block; float:right; font-size:30px; color:#999;}
.indnews a:hover{ box-shadow: 1px 1px 20px 8px #dedede;}
.indnews a:hover img{ transform:scale(1.1)}

.inddc{ overflow:hidden; background:#242424; margin:0 2% 80px; padding:60px 0;}
.inddcmain{ overflow:hidden; width:1280px; margin:0 auto;}
.inddc .swiper-slide {
	 
	max-width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center;
}
.inddc .swiper-slide .fl{
	width:800px;
	height:500px;
	overflow:hidden
}
.inddc .swiper-slide .fr{
	width:200px;	
}
.inddc .swiper-slide .fr img{ margin-bottom:60px; width:100%;}
.inddc .swiper-slide .fr h1{ font-size:18px; color:#fff; margin-bottom:20px;}
.inddc .swiper-slide .fr { font-size:12px; color:#989898; line-height:22px; margin-bottom:50px;}
.inddc .swiper-slide .fr a{ width:130px; height:30px; line-height:30px; display:flex; border:1px solid #989898; text-align:center; color:#989898;justify-content: center;}
.inddc .swiper-slide .fr a i{ font-size:28px;}
.inddc .swiper-slide .fr a:hover{ background:#FF9A1D; color:#fff;}


.inddc .gallery-top {
	height: 500px;
	width: 1020px;
	float:right
}
.inddc .gallery-thumbs {
	width: 230PX;
	height: 500px;
	box-sizing: border-box;
	padding: 40px 0;
	float:left;
	position:relative;
}
.inddc .gallery-thumbs .swiper-slide {
	width: 230PX;
	height: 150PX;
	opacity: 0.4;
}
.inddc .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.inddc .swiper-button-next:after,.inddc  .swiper-container-rtl .swiper-button-prev:after,.inddc .swiper-button-prev:after, .inddc .swiper-container-rtl .swiper-button-next:after{ display:none}

.inddc .swiper-button-prev,.serqy  .swiper-container-rtl .swiper-button-next{ width:100%; left:0; top:0; margin-top:0; height:30px; line-height:30px; background:#383838;}
.inddc .swiper-button-next,.serqy  .swiper-container-rtl .swiper-button-prev{ width:100%; left:0; top:inherit; bottom:0; margin-top:0; height:30px; line-height:30px; background:#383838;}

.inddc .swiper-button-white:hover{ background:#FF9A1D}



.zmhhr{ position:relative; overflow:hidden; text-align:center; width:90%; margin:0 auto;}
.zmhhr .indjoindec{ position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; text-align:left;}
.zmhhr .indjoindec img{  margin-left:4%;  margin-top:10%}
.zmhhr .indjoindec a{ width:220px; height:60px; line-height:60px; text-align:center; font-size:20px; background:#FF9200; color:#fff; display:block;margin-left:4%; margin-top:2%; }


.indcase{ overflow:hidden; padding:40px 0; background-color:#242424;}
.indcasetit{ text-align:center; font-size:24px; color:#FFFFFF; margin-bottom:20px;}
.indcase .swiper-container{ overflow:hidden; padding:30px 0;}
.indcase .swiper-slide { width:90% }
.indcase .swiper-slide .imgs{ width: 80%; height: 600px; overflow: hidden; background-position: center; }
 
.indcase .indcasedec{ position:absolute; background:#fff; top:20%;left:60%; width:420px; padding:40px;}
.indcase .indcasedec h1{ font-size:22px; font-weight:normal; margin-bottom:20px;}
.indcase .indcasedec p{ font-size:14px; color:#777; line-height:24px; margin-bottom:20px;}
.indcase .indcasedec a{  border:1px solid #dadada; display:flex;justify-content:center; width:130px; height:30px; line-height:30px; text-align:center; color:#999; float:right}
.indcase .indcasedec a i{ font-size:32px;}
.indcase .indcasedec a:hover{ background:#FF9A1D; color:#fff;} 

.indcase .casemu{ display:flex;justify-content:center;}
.indcase .casemu a{ margin:0 2%}


.indpro{ overflow:hidden; width:80%; margin:0 auto;}
.indpro .hd{ width:12%; float:left; height:100%}
.indpro .hd ul{ height:100%}
.indpro .hd li{ height:20%; display:block; display:flex; align-items: center; text-align: center; cursor:pointer; background-color: #efefef; justify-content: center; font-size: 18px;}  
.indpro .hd li.on{ background:#FF9200;color:#fff;}
 
.indpro .bd{ width:88%; float:left}


.indsl{ overflow:hidden; position:relative;}
.indsl .indslbg{ display:block;}
.slinfo{ position:absolute; width:46%; right:0; top:10%;}
.slinfo h1{ font-size: 30px; color: #fff; font-weight: normal; line-height: 30px; margin-bottom: 30px;}
.slinfo p{ font-size: 16px; color: #FF9A1D; line-height: 26px;}

 

.sldec{ position:absolute; width:42%; height:42%; padding:3% 4%; background-color: rgba(255, 255, 255, 0.95);right:0; bottom:0;}
.sldec h1{ font-size:26px; font-weight:normal; margin-bottom:2%;}
.sldec h6{ font-size:14px; font-weight:normal; margin-bottom:7%;}
.sldec p{ font-size:14px; color:#999; line-height:26px;}
.sldec a{ position:absolute; bottom:10%; border:1px solid #dadada; display:flex;justify-content:center; width:130px; height:30px; line-height:30px; text-align:center; color:#999;}
.sldec a i{ font-size:32px;}
.sldec a:hover{ background:#FF9A1D; color:#fff;} 
 

.indhz{ overflow:hidden; background:#D8D8D8; padding:50px 10% 50px;}
.indhz .swiper-container{ padding-bottom:50px;}
.indhz .swiper-container .ptimgs{ width: 100%; height: 200px; background-color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; margin-bottom: 10px;}
.indhz .swiper-slide img{max-height: 70%; max-width:80%; display: block;}
.indhz .swiper-pagination-bullet{ border-radius:0; width:22px; height:6px;background: #B2B2B2;opacity:1;}
.indhz .swiper-pagination-bullet-active{background: #FF9200;}

.indry{overflow:hidden; background:#D8D8D8; padding:20px 10% 120px;}
.indry img{ margin:0 auto 10px; display:block;}
.indry .ptimgs{ width: 100%; height: 200px; background-color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; margin-bottom: 10px;}
.indry .ptimgs img{max-height: 70%; max-width: 80%; display: block;}
.indry p{ text-align:center; font-size:16px; line-height: 26px; height: 30px; line-height: 30px; text-align: center;}

.rybotbtn{   margin: 20px 0;display: flex; justify-content: center; overflow: hidden; width: 100%;}
.rybotbtn input{ width: 600px; height: 50px; line-height: 50px; padding: 0 20px; border: 1px solid #dadada; float: left; margin-right: 10px; border-radius: 10px; font-size: 16px;}
.rybotbtn button{ width: 240px; height: 50px; line-height: 50px; text-align: center; background-color: #FF9200; color: #fff; font-size: 14px; border-radius: 5px; border: 0;font-size: 16px; cursor: pointer;}
.rybotbtn  a{ display:block; width:160px; height:50px; line-height:50px; background-color: #333; color: #fff;text-align:center;font-size: 14px;   margin-left: 10px;border-radius: 5px;  }


.indjoin{ background:url(../img/indjoinbot.jpg) center; height:187px; }
.indjoin .fl{display:flex; align-items: center;flex-wrap:wrap;height:187px;    align-content: center;}
.indjoin .fl h1{ font-size:26px; font-weight:normal; width:100%; margin-bottom:5px;}
.indjoin .fl p{ font-size:18px; width:100%; color:#555;}
.indjoin .fr{display:flex; align-items: center;flex-wrap:wrap;height:187px;}
.indjoin .fr img{ width:110px; }
.indjoin .fr .indjoli{ overflow:hidden; margin-left:50px;}
.indjoin .fr h1{ font-size:18px; font-weight:normal; width:100%}
.indjoin .fr p{ font-size:26px; width:100%; color:#333;}


 
.indmore{  border:1px solid #999; display:flex;justify-content:center; width:160px; height:40px; line-height:40px; text-align:center;font-size: 14px; color:#999; margin:40px auto 0; }
.indmore i{ font-size:32px; margin-left: 20px;}
.indmore:hover{ background:#FF9A1D; color:#fff;} 

.footer{ overflow:hidden; background:#191919; color:#9e9e9e; padding:50px 0; width:100%;}
.footer .fl p{ font-size:14px; line-height:30px;}
.footer .fl p i{ font-size:20px; margin-right:5px;}
.footer .fl h1{ color:#fff; font-size:34px; font-weight:normal; line-height:40px; margin:10px 0 20px;}
.footer .fm{ float:left;  }
.footer .fm dl{ width:100px; float:left; margin-left:65px;}
.footer .fm dl dt{ font-size:16px; color:#fff; margin-bottom:15px;}
.footer .fm dl a{ font-size:14px; display:block; color:#9e9e9e; line-height:28px;}
.footer .fm dl a:hover{ color:#FF9200}
 
.footbot{ overflow:hidden; background:#191919;  color:#9e9e9e; width: 100%;}
.footbot a{color:#9e9e9e;}
.footbot .wmain{ border-top:1px solid #303030;  line-height:70px; }
.footbot .bot_logo{ margin:0 auto; display:block;  width:300px; position:absolute; left:50%; margin-left:-75px;     display: flex;  align-items: center;  align-content: center;  height: 70px;}
.footbot a:hover{ color:#e70033 !important}




.condec{ overflow:hidden; margin-bottom:80px; margin-top:50px;}
.condec h1{ font-size:24px; color:#FF9200; line-height:30px; margin-bottom:5px;}
.condec p{ font-size:26px; color:#333333; margin-bottom:40px;}
.condec em{ width:51px; height:2px; display:block; background:#333;}


.coninfo{ overflow:hidden; margin-bottom:30px;}
.coninfo dl{ float:left; overflow:hidden; margin-bottom:40px; width:50%; height:100px;}
.coninfo dl dt{ font-size:18px; color:#333333; margin-bottom:5px;text-transform:uppercase;}
.coninfo dl dt i{ font-size:22px; margin-right:5px;}
.coninfo dl dd{ font-size:20px; color:#333333; font-weight:bold; line-height:30px;}


.conjoin{ overflow:hidden; margin-bottom:100px;}
.conjoin h1{ color:#FF9200; font-size:24px; margin-bottom:10px;}
.conjoin h2{ color:#333; font-size:20px; font-weight:normal; line-height:34px; margin-bottom:60px;}
.conjoin .fl{ width:500px;}
.conjoin .fr{ width:630px; padding-top:10px;}
.conjoin input{border:0; border-bottom:1px solid #CFCFCF; height:40px; line-height:40px; width:98%; margin-bottom:30px; padding-left:2%; font-size:16px;}
.conjoin textarea{  border:1px solid #CFCFCF; height:160px; line-height:30px; width:94%; padding:10px 2%; margin-bottom:10px;font-size:16px; font-family:'微软雅黑'}
.conjoin button{ width:225px; height:50px; line-height:50px; border:0; border-radius:60px; background:#FF9200; color:#fff; margin-top:40px; font-size:16px; cursor:pointer;}



.loginban{ position: relative; height:550px; background:url(../img/loginban.jpg) center; width:100%}
.serviceban{position: relative; height:550px; background:url(../img/serban.jpg?v=1) center; width:100%}
.newsban{position: relative; height:550px; background:url(../img/newsban.jpg) center; width:100%}
.galleryban{position: relative; height:550px; background:url(../img/galleryban.jpg) center; width:100%}
.galleryban2{position: relative; height:550px; background:url(../img/galleryban2.jpg) center; width:100%}
.caseban{ position: relative;height:550px; background:url(../img/galleryban3.jpg) center; width:100%}
.abtban{position: relative; height:550px; background:url(../img/banner_about.jpg) center; width:100%}


.loginmain{ background:url(../img/loginbg.jpg) center; height:1088px; width:100%; text-align:center;}
.loginmain .wmain{ overflow:hidden;}
.loginmain h1{ font-size:32px; margin-top:260px; font-weight:normal}
.loginmain h2{ font-size:24px; font-weight:normal; color:#999; margin:5px 0 50px; font-family:Arial, Helvetica, sans-serif;}
.loginmain form{ width:657px; margin:0 auto;}
.loginmain input{ width:610px; padding:0 20px; height:90px; line-height:90px; border:1px solid #dadada; font-size:18px;}
.loginmain button{ width:652px;   height:70px; line-height:70px; border:0; font-size:18px; text-align:center;  background:#FF9200; color:#fff; border-radius:70px; margin-top:60px;}



.serti{ text-align:center; overflow:hidden; margin:80px 0 60px}


.serdes{ overflow:hidden; background:url(../img/serdesbg.jpg) center top; padding:30px 0 80px; }
.serhto{ text-align:center; margin-bottom:30px;}
.serdes ul{ width:1280px; margin:0 auto; overflow:hidden;display:flex; justify-content:space-between;flex-wrap:wrap;}
.serdes ul li{ margin-bottom:30px; overflow:hidden;}
.serdes ul li img{ display:block;transition: 500ms;}
.serdes ul li p{ height:60px; line-height:60px; background:#464646; color:#fff; text-align:center; font-size:16px; position:relative; z-index: 1;}
.serdes ul li:hover p{ background:#FF9200}
.serdes ul li:hover img{transform:scale(1.1)}

.serzt{ overflow:hidden; background:url(../img/serztbg.jpg) center top; padding:0px 0 80px;}
.serzt ul { margin: 0 auto;width: 70em; height: 40em;  position:relative;  }
.serzt ul li {
  height: 30em;
  width: 60em;
  text-align: center;
  cursor: pointer;
}
.serzt ul  li.roundabout-in-focus {
    cursor: default;
  }
	 

 
.serzc{overflow:hidden; background:url(../img/serzcbg.jpg) center top; padding:0px 0 60px;}
.serzc ul{ width:1280px; margin:0 auto; overflow:hidden;display:flex; justify-content:space-between;flex-wrap:wrap;}
.serzc ul .serzcli{ position:relative; margin-bottom:30px; overflow:hidden; width:405px;}
.serzc ul .serzcli img{transition: 500ms;}
.serzc ul .serzcli p{ position:absolute; bottom:0; left:0; width:90%; padding:13px 5%; line-height:24px; background:#464646; color:#fff; font-size:14px; }
.serzc ul .serzcli p strong{ float:left; height:100%; margin-right:7px; font-size:20px; font-style: italic;}
.serzc ul .serzcli:hover p{  background:#FF9200}
.serzc ul .serzcli:hover img{transform:scale(1.1)}

.serqy{overflow:hidden; background:url(../img/serqybg.jpg) center top; padding:0px 0 80px;}
.serqymain{ overflow:hidden; width:1280px; margin:0 auto;}
 
.serqy .swiper-slide {
	width: 500px;
	max-width: 100%;
	height: 580px;
	background-size: cover;
	background-position: center;
}
.serqy .gallery-top {
	height: 500px;
	width: 1020px;
	float:right
}
.serqy .gallery-thumbs {
	width: 230PX;
	height: 500px;
	box-sizing: border-box;
	padding: 40px 0;
	float:left;
	position:relative;
}
.serqy .gallery-thumbs .swiper-slide {
	width: 230PX;
	height: 150PX;
	opacity: 0.4;
}
.serqy .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.serqy .swiper-button-next:after,.serqy  .swiper-container-rtl .swiper-button-prev:after,.serqy .swiper-button-prev:after, .serqy .swiper-container-rtl .swiper-button-next:after{ display:none}

.serqy .swiper-button-prev,.serqy  .swiper-container-rtl .swiper-button-next{ width:100%; left:0; top:0; margin-top:0; height:30px; line-height:30px; background:#383838;}
.serqy .swiper-button-next,.serqy  .swiper-container-rtl .swiper-button-prev{ width:100%; left:0; top:inherit; bottom:0; margin-top:0; height:30px; line-height:30px; background:#383838;}


.sersl{overflow:hidden; background:url(../img/serslbg.jpg) center top; padding:0px 0 60px;}
.sersl ul{ width:1280px; margin:0 auto; overflow:hidden;display:flex; justify-content:space-between;flex-wrap:wrap;}
.sersl ul li{ margin-bottom:30px; overflow:hidden;}
.sersl ul li img{ display:block;transition: 500ms;}
.sersl ul li p{ height:60px; line-height:60px; background:#464646; color:#fff; text-align:center; font-size:16px; position: relative;z-index: 1;}
.sersl ul li:hover p{ background:#FF9200}
.sersl ul li:hover img{transform:scale(1.1)}

.serry{overflow:hidden; background:url(../img/serrybg.jpg?v=1) center bottom no-repeat #868c8c; padding:0px 0 80px;}
.serry .swiper-container{   width:1220px; padding:0 30px; margin:0 auto;}
.serry .imgs{ width:240px; height:280px;   margin:0 auto 10px; display: flex; justify-content: center; align-items: center;}
.serry .imgs img{  display: block;max-width: 100%; max-height: 100%;}
.serry .swiper-slide p{ text-align:center; font-size:14px; color:#fff;} 
.serry .swiper-pagination-bullet-active{ background:#FF9200}
.serry .indmore{width: 200px; height: 40px; line-height: 40px;  border-color: #fff; color: #fff;}


.serhz{overflow:hidden; background:url(../img/serhzbg.jpg) center top; padding:0px 0 80px;}
.serhzmain{  text-align:center; width:1200px; margin:0 auto 80px; overflow: hidden;}
.serhzmain img{ width:900px;}
.serhz .indmore{ width: 250px; height: 40px; line-height: 40px; font-size: 16px;}

.main12{
  margin-top: 80px;
  overflow: hidden;
  padding-bottom: 40px;
}
.main12 .title{
  font-size: 45px;
  font-family: "Arial";
  color: #353535;
  text-align: center;
}
.main12 .subtitle{
  color: #f39702;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  background: url(../img/newsjoin37.jpg) no-repeat center right;
  padding-right: 65px;
  display: table;
  margin: 15px auto 0;
}
.main12 .list{
  width: 785px;
  margin: 40px auto 0;
}
.main12 .list .box{
  margin-bottom: 18px;
}
.main12 .list .box input{
  width: 745px;
  border: 0;
  background: #ededed;
  height: 45px;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 14px;
  color: #333;
}
.main12 .list .box textarea{
  width: 745px;
  border: 0;
  background: #ededed;
  height: 88px;
  padding: 20px;
  border-radius: 20px;
  font-size: 14px;
  color: #333;
  line-height: 22px;
  font-family: '微软雅黑';
}
.main12 .list .btn{
  width: 215px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #f18d00;
  border-radius: 20px;
  margin: 15px auto 75px;
}


.newsmain{ width:1400px; overflow:hidden; padding:60px 0}
.newsmain a{ width:30%; overflow:hidden; margin:0 1% 20px; display:block; float:left; background:#fff}
.newsmain a .imgs{ width:100%; height: 330px; overflow:hidden}
.newsmain a .imgs img{object-fit: cover;  display: block;  height: 100%;}
.newsmain a .ndec{ padding:20px; overflow:hidden;}
.newsmain a h1{ font-size:30px; color:#333;}
.newsmain a h2{ font-size:14px; color:#999; font-weight:normal; margin-bottom:10px;}
.newsmain a p{ font-size:14px; color:#333; height:48px; line-height:24px; margin-bottom:10px;}
.newsmain .newsmore{ overflow:hidden}
.newsmain .newsmore span{ display:block; float:left; font-size:14px; color:#999;}
.newsmain .newsmore i{ display:block; float:right; font-size:30px; color:#999;}


.newsdetail{background:#fff; overflow:hidden; width:1200px; margin:60px auto 80px; padding:40px 40px;} 
.newsdetail .newsti{ font-size:33px; color:#282828; text-align:center; margin-bottom:50px;}
.newsdetail .newstime{ overflow:hidden;height:50px; line-height:50px; color:#646464; border-bottom:1px solid #dcdcdc;}
.newsdetail .newsinfo{ overflow:hidden; line-height:24px; margin:40px 0; font-size:14px;}
.newsdetail .newsinfo img{ margin:10px auto; max-width:100%;}
.newsdetail .newsinfo video{margin:20px auto; max-width:100%;}
.newsdetail .newsback{ width:120px; height:35px; background-color: #FF9200; color: #fff; font-size: 14px; line-height:35px; text-align:center; display:block; margin:0 auto; } 
.newsdetail .newdet-link{ margin-top:60px; border-top:1px solid #dcdcdc; padding-top:30px;}
.newsdetail .newdet-link a{ font-size:18px; color:#3d3d3d; line-height:36px; display:block;}
.newsdetail .newdet-link a:hover{color:#FF9200}


.mainmu{ position: absolute; display: flex; justify-content: center; height: 60px; line-height: 60px; background: url(../img/mubg.png); width: 100%; bottom: 0;}
.mainmu a{ display: block; color: #fff; font-size: 14px; margin: 0 30px;}
.mainmu a:hover{ border-bottom: 2px solid #FF9200; color: #FF9200;}
.mainmu a.on{ border-bottom: 2px solid #FF9200; color: #FF9200;}

.gallerymain{ width:1400px; overflow:hidden; padding:60px 0 0}
.gallerymain a{ width:300px; overflow:hidden; margin:0 1% 30px; display:block; float:left; background:#fff;}
.gallerymain a .imgs{ width:300px; height: 300px; overflow:hidden; display: flex; align-items: center; align-content: center;}
.gallerymain a .imgs img{transition: 500ms; display: block;}
.gallerymain a .gdec{ padding:10px; overflow:hidden;}
.gallerymain a .gdec h1{ font-weight:normal; font-size:18px; color:#000; line-height:30px; height: 30px;    overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.gallerymain a .gdec h2{ font-weight:normal; font-size:14px; color:#999;}
.gallerymain a:hover{ background:#FF9200;}
.gallerymain a:hover h1{ color:#fff;}
.gallerymain a:hover h2{ color:#fff;}
.gallerymain a:hover img{transform:scale(1.1)}




.casemain{ width:1400px; overflow:hidden; padding:60px 0}
.casemain a{ width:30%; overflow:hidden; margin:0 1% 30px; display:block; float:left; background:#fff;}
.casemain a .imgs{ width:100%; height: 240px;  overflow:hidden}
.casemain a .imgs img{transition: 500ms;}
.casemain a .gdec{ padding:10px; overflow:hidden;}
.casemain a .gdec h1{ font-weight:normal; font-size:18px; color:#000; line-height:30px;}
.casemain a .gdec h2{ font-weight:normal; font-size:14px; color:#999;}
.casemain a:hover{ background:#FF9200;}
.casemain a:hover h1{ color:#fff;}
.casemain a:hover h2{ color:#fff;}
.casemain a:hover img{transform:scale(1.1)}

.casedetail{ background:#fff; overflow:hidden; width:1200px; margin:60px auto 80px; padding:40px 40px;}
.casedetail .caseti{ font-size:26px; text-align:center; margin-bottom:40px;}
.casedetail .caseinfo{ font-size: 14px; line-height: 22px;}
.casedetail .caseinfo img{ display:block; max-width:100%; margin:10px auto ;}




.abtti{ text-align:center; padding:80px 0 60px;}
.abtti img{ height:58px;}


.abtjs{ overflow:hidden;background:url(../img/serslbg.jpg) center  ; padding:0px 0 80px; text-align:center;}
.abtjs h1{ font-size:24px; color:#FF9200; margin-bottom:10px;}
.abtjs h2{ font-size:22px; color:#777777; font-weight:normal; margin-bottom:40px;}
.abtjs p{ font-size:16px; color:#333; line-height:28px;}
.abtjs p strong{ display:block; margin:30px 0;}


.abtdec{overflow:hidden;background:url(../img/abt1.jpg) center  ; width:100%; height:767px; }
.abtdec .abtdecmain{ float:right; color:#fff; margin-top:100px; width:380px;}
.abtdec .abtdecmain h1{ font-size:28px; font-weight:normal; margin-bottom:20px;}
.abtdec .abtdecmain p{ font-size:14px; line-height:24px; margin-bottom:30px;}
.abtdec .abtdecmain .abtdecdec{ overflow:hidden; }
.abtdec .abtdecmain .abtdecdec span{ display:block; float:left; font-size:24px; color:#F18D01; width:190px; margin-bottom:5px;}

.abtvdo{ overflow:hidden;background:url(../img/abtvdobg.jpg) center  ; padding:0px 0 100px; text-align:center;}


.abtlcys{background:url(../img/abtlcbg.jpg) center top no-repeat #fff ; width:100%; padding:0px 0 80px; }

.abtlc{ height:840px;}


.abtys{ text-align:center; margin-bottom:60px; overflow:hidden;}
.abtys p{ font-size:16px; line-height:34px;}
.abtys p strong{ font-size:20px; color:#FF9200;}
.abtlcys ul{ width:1280px; margin:60px auto; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap;}
.abtlcys ul li{ margin-bottom:30px; overflow:hidden; display: block;}
.abtlcys ul li img{transition: 500ms;display: block}
.abtlcys ul li:hover img{transform:scale(1.1)}


.abtry{background:url(../img/abtrybg.jpg) center top no-repeat #fff ; width:100%; padding:0px 0 80px; position:relative;}
.abtry .imgs{ width:220px; height:160px;   margin:0 auto 5px; display: flex; justify-content: center;}
.abtry .imgs img{ max-height: 100%; max-width: 100%; display: block;}
.abtry p{ text-align:center; height:30px; line-height:20px; font-size:14px; color:#fff; margin-bottom:40px}
.abtry .swiper-pagination-bullet-active{ background:#FF9200;}

.abthz{background:url(../img/abthzbg.jpg) center top no-repeat #fff ; width:100%; padding:0px 0 80px;}
.abthz .swiper-container{ padding-bottom:30px;}
.abthz .ptimgs{ width:240px; height:210px; background:#fff; margin:0 auto 20px; display:flex; text-align:center; align-items: center;  justify-content:center;   align-content: center;}
.abthz .ptimgs img{max-height: 70%; max-width: 80%; display: block;}
.abthz .swiper-pagination-bullet{ width:18px; height:5px; background:#fff;border-radius:0;}
.abthz .swiper-pagination-bullet-active{ background:#FF9200;}

.abtrk{background:url(../img/abtrkbg.jpg) center top no-repeat #fff ; width:100%; padding:0px 0 80px;}
.abtrk .swiper-container{ padding-bottom:30px;}
.abtrk .ptimgs{ width:240px; height:210px; background:#fff; margin:0 auto 20px; display:flex; text-align:center; align-items: center;  justify-content:center;   align-content: center;}
.abtrk .ptimgs img{max-height: 70%; max-width: 80%; display: block;}
.abtrk .swiper-pagination-bullet{ width:18px; height:5px; background:#fff;border-radius:0;}
.abtrk .swiper-pagination-bullet-active{ background:#FF9200;}


.miao{ position:absolute; margin-top: -120px;}

 
.event_box{ width: 1280px; margin: 3% auto 0;position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block;    height: 90px; padding-top:90px;      overflow: hidden; background:url(../img/lcbg.png) center top no-repeat; position:relative; margin-top:40px;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding:0 20px;  }
.parHd .tempWrap{ margin: 0 auto;}
 
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer;  font-size: 16px; color: #fff;margin:0 41px; position: relative; width:80px; }
.parHd li.act{  font-size:22px; font-weight:bold;}
 
.parBd{ text-align: center; margin-top: 60px;}
.parBd .lcdec{ padding:50px 70px; background:#FF9200; overflow:hidden; height:350px; color:#fff; text-align:left; width:900px; margin:0 auto;}  
.parBd .lcdec .fl{ width:200px;}
.parBd .lcdec .fl em{ width:40px; height:5px; background:#fff; display:block; margin-bottom:20px;}
.parBd .lcdec .fl h1{ font-size:70px; font-family:Arial, Helvetica, sans-serif;}
.parBd .lcdec .fr{ width:700px;}
.parBd .lcdec .fr h1{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.parBd .lcdec .fr p{ font-size:14px; line-height:22px; margin-bottom:15px;}

div#listBox { width: 100%; }
.sPrev,.sNext{ width:50px; display: block; position: absolute; top: 41px; cursor:pointer}
.sPrev{ left: 0px;}
.sNext{ right: 0px;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    }





.hzlist{ width:900px; margin: 0 auto; }
.hzlist .hd{ position:relative; margin-bottom: 30px;}
.hzlist .hd ul{ overflow: hidden; display: flex; justify-content: center; }
.hzlist .hd ul li{ cursor:pointer; width: 150px; height: 36px; line-height: 36px; text-align: center; margin: 0 20px; border: 1px solid #999; color: #333; font-size: 14px;}
.hzlist .hd ul li.on{  background:#FF9200; color: #fff;border: 1px solid #FF9200; }
 
.hzlist .bd ul li{ float: left; width: 280px; height: 260px;margin:10px 10px;background:#fff; display:flex; text-align:center; align-items: center;  justify-content:center;   align-content: center;}
.hzlist .bd ul li img{ max-width: 70%; max-height: 80%; display: block;}
 
 








