@charset "utf-8";

.wrapper{

  min-width:1200px;

  max-width:1920px;

  margin:auto;

}

#header,#among,#footer,.width{

  max-width:1200px;

  margin:auto;

}

.header{

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999;

  min-width:1200px;

  max-width: 1920px;

  width: 100%;

  background-color:#FFFFFF;

  box-shadow: 0 0  10px ;

  

}

.footer{

}

#footer *{

  color:white;

  line-height:24px;

}

#footer a:hover{

  color:#0099FF;

}

#footer .list{

  font-size: 0;

  letter-spacing: -1px;

  text-align: center;

  padding:46px 0;

  float:left;

  width:600px;

}

#footer .list > ul li { clear:both; height:50px; line-height:50px; margin-bottom:0px;}

#footer .list > ul li i{ float:left; width:50px; line-height:50px; margin-right:10px; font-size:34px; color:#032b3b}

#footer .list > ul li span{

	float:left;

	color:#656667;

	font-size:16px;

	line-height:50px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b6c1c6;

	width:540px;

}

#footer .ewm{

  width:600px;

  float:right;

}

#footer .ewm > ul{ float:left; margin-left:200px; width:100px; margin-top:50px;}

#footer .ewm > ul img{ width:100px; height:100px; }

#footer .ewm > ul p{ line-height:40px; text-align:center; font-size:14px; color:#333333; padding:0; margin:0; }



#footer .copyright{

  text-align: center;

  margin: 8px 0; line-height:36px;

}

#footer .copyright a:hover{ color:#FF9900;}

/* Banner图片样式开始 ============================================== */

#banner{

  display:block;

  width:100%;

  overflow:hidden;

  background:center top no-repeat;

}

#banner img{

  display:block;

  margin: 0 auto;

  filter:alpha(opacity=0);

  opacity:0;

}

.mainBox{

  overflow:hidden;

  position:relative;

  width:100%;

  height:540px;

}

.mainBox .banner{

  position:absolute;

  left:0;

  top:0;

}

.mainBox .banner,

.mainBox .banner .list{

  width:100%;

  height:100%;

}

.mainBox .banner .list li,

.mainBox .banner .list li a{

  width:100%;

  height:100%;

}

.mainBox .banner .list li a{

  display:block;

}

.mainBox .banner .list li{

  display:none;

  position:absolute;

  left:0;

  top:0;

  background:center top no-repeat;

}

.mainBox .banner .list li:first-child{

  display:block;

}

.mainBox .btn{

  bottom:0;

  left:0;

  width:100%;

  height:35px;

  font-size:0;

  z-index:5;

  letter-spacing:-1px;

  position:absolute;

  text-align:center;

}

.mainBox .btn li{

  letter-spacing:0;

  display:inline-block;

  vertical-align:top;

  overflow:hidden;

  text-indent:-1000px;

  border-radius:100%;

  cursor:pointer;

  margin:0 7px;

  width:16px;

  height:16px;

  background:#dcdcdc;

}

.mainBox .btn li.hover{

  background:rgba(3,43,59,.95);

}

.mainBox .img{

  width:100%;

  overflow:hidden;

}

.mainBox .img img{

  filter:alpha(opacity=0);

  opacity:0;

  margin: 0 auto;

}

/* Banner图片样式结束 ============================================== */

#news-pro-tn{

  text-align:center;

  margin:0 0 5px;

  font-size:26px;

}

#detailed .bigimg{

  text-align:center;

  margin-bottom:18px;

}

#detailed .bigimg ul{

  position:relative;

  display:inline-block;

  vertical-align: top;

  max-width:100%;

  min-width:100px;

}

#detailed .bigimg ul li{

  border: 1px solid #eee;

}

#detailed .bigimg ul li img{

  width:100%;

  min-width:200px;

}

#detailed .bigimg ul > a{

  display:block;

  position:absolute;

  top:50%;

  margin-top:-32px;

  opacity:0;

  transition:all .5s;

}

#detailed .bigimg ul:hover > a{

  opacity:1;

}

#detailed .bigimg ul > li:first-child+a{

  left:10px;

}

#detailed .bigimg ul > li:first-child+a+a{

  right:10px;

}

#detailed .bigimg ul > a img{

  display:block;

}

#aside{

  margin-top: 40px;

}

#aside .list{

  font-size: 0;

  letter-spacing: -1px;

  text-align: center;

  margin:20px 0 30px;

}

#aside .list li{

  display: inline-block;

  vertical-align: top;

  letter-spacing: 0;

  min-width:120px;

}

#aside .list li a{

  padding: 0 12px;

  background:#f8f8f8;

  display:block;

  text-align:center;

  border-right: 1px solid #eaeaea;

}

#aside .list li:last-child a{

  border-right: none;

}

#aside .list li a img{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  width:50px;

  height:50px;

}

#aside .list li a span{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  line-height:50px;

  font-size:16px;

  color: #282828;

}

#aside .list li a span:hover{ color:#FFFFFF;}

#aside .list li:hover a,

#aside .list li.hover a{

  background:#1c9ee9;

  transition: 0.3s ease-in-out; 

}



#aside .list li.hover a span{

  color:#fff;

}

#aside .list1{

  font-size: 0;

  letter-spacing: -1px;

  text-align: center;

  margin:0 -10px 0;

}

#aside .list1 a{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  border:1px solid #032b3b;

  border-radius:2px;

  line-height:38px;

  padding:0 15px;

  min-width: 108px;

  text-align:center;

  margin:20px 10px 0;

  color:#032b3b;

}

#aside .list1 a:hover,

#aside .list1 a.hover{

  background:#032b3b;

  color:white;

}

.content{

  margin:0 auto 40px auto;

  min-height:450px;

}

.content > p:first-child{

  margin-top:0;

}

.content > p:last-child{

  margin-bottom:0;

}

#listPro a{

  float:left;

  display: block;

  width:31%;

  transition:all .3s;

  margin:22px 0 0 3.5%;

}

#listPro a:nth-child(-n+3){

  margin-top:0;

}

#listPro a:nth-child(3n+1){

  clear:both;

  margin-left:0;

}

#listPro a li img{

  width:100%;

}

#listPro a span{

  display:block;

  margin-top: 5px;

  text-align:center;

  transition:all .3s;

}

#listPro a:hover{

  -webkit-box-shadow:0 0 10px #bfbfbf;

  box-shadow:0 0 10px #bfbfbf;

  margin-top:7px;

  padding-bottom:10px;

}

#listPro a:nth-child(-n+3):hover{

  margin-top:-15px;

}

#listPro a:hover span{

  margin-top:10px;

}

#listShare a{

  float:left;

  display: block;

  width:31%;

  margin:16px 0 0 3.5%;

}

#listShare a:nth-child(-n+3){

  margin-top:0;

}

#listShare a:nth-child(3n+1){

  clear:both;

  margin-left:0;

}

#listShare a li{

  border:1px solid #EEE;

}

#listShare a li img{

  width:100%;

}

#listShare a span{

  display:block;

  margin-top:8px;

  line-height: 22px;

  text-align:center;

}

.type-name{

  text-align: center;

}

.type-name a{

  display: inline-block;

  vertical-align: top;

  margin:65px 0 30px;

}

.type-name1{

  font-size:30px;

  color:#032b3b;

  text-align:center;

  margin:52px 0 12px;

  font-family: '华文宋体';

}

.pro{

  background: #faf9f6;

  padding-bottom: 56px;

}

.pro .list a{

  display:block;

  float:left;

  width:25%;

  background:white;

  font-size:0;

  letter-spacing:-1px;

  height:50px;

  text-align:center;

  margin-bottom: 53px;

  border-left:1px solid #ededed;

  box-sizing:border-box;

}

.pro .list a:first-child{

  border-left:none;

}

.pro .list a *{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

}

.pro .list a span{

  font-size:16px;

  line-height:50px;

  margin-left:9px;

}

.pro .list a.hover span{

  color:#032b3b;

}

.proBox{

  position: relative;

  height: 0;

  overflow: hidden;

  max-width:1200px;

  margin: 0 auto;

}

.proBox.autoheight{

  height: 280px;

}

.proBox .swiper-slide .img{

  float:left;

  display:block;

}

.proBox .swiper-slide .img img{

  width:530px;

  height:280px;

}

.proBox .swiper-slide .fl-right{

  width:545px;

}

.proBox .swiper-slide .fl-right h1{

  font-size:18px;

  color:#032b3b;

  font-weight:normal;

  line-height:58px;

}

.proBox .swiper-slide .fl-right .img1{

  float:left;

}

.proBox .swiper-slide .fl-right .img1 img{

  width:280px;

  height:160px;

}

.proBox .swiper-slide .fl-right li{

  float:right;

  width:240px;

}

.proBox .swiper-slide .fl-right li p{

  margin:0 0 16px;

  font-size:14px;

  line-height:26px;

  height:104px;

  -webkit-line-clamp:4;

}

.proBox .swiper-slide .fl-right li a{

  display:inline-block;

  vertical-align:top;

  border:1px solid #032b3b;

  padding:0 35px;

  line-height:38px;

  font-size:12px;

  color:#032b3b;

}

.proBox .swiper-slide .fl-right li a:hover{

  border-color:#032b3b;

  color:#bc4100;

}

.proBox .swiper-pagination{

  left:auto;

  right:0;

  bottom:30px;

  width:549px;

  text-align:left;

}

.proBox .swiper-button-prev,

.proBox .swiper-button-next{

  width:20px;

  height:36px;

  margin-top:-18px;

  background:url(../images/icon2.png);

}

.proBox .swiper-button-next{

  -moz-transform:rotate(180deg);

  -o-transform:rotate(180deg);

  -webkit-transform:rotate(180deg);

  transform:rotate(180deg);

}

.proBox .swiper-button-prev:hover,

.proBox .swiper-button-next:hover{

  background:url(../images/icon1.png);

}

.experience{

  background: url(../images/bg.jpg) center top no-repeat;

  height: 760px;

  overflow: hidden;

}

.experience .fl-left{

  width: 540px;

  height: 480px;

  background: #FFF;

  overflow: hidden;

}

.experience .fl-left > img{

  float:left;

  width:40px;

  height:40px;

  margin:93px 0 0 49px;

}

.experience .fl-left > span{

  display:block;

  float:left;

  line-height:40px;

  color:#032b3b;

  font-size:30px;

  letter-spacing:2px;

  margin:93px 0 24px 15px;

}

.experience .fl-left > i{

  display:block;

  clear:both;

  height:1px;

  width:60px;

  background:#032b3b;

  margin:0 0 0 49px;

}

.experience .fl-left .nr{

  float:left;

  height:120px;

  overflow:hidden;

  margin:43px 49px 0 49px;

}

.experience .fl-left .nr,

.experience .fl-left .nr *{

  font-size:16px;

  line-height:30px;

}

.experience .fl-left a{

  display:inline-block;

  vertical-align:top;

  border:1px solid #032b3b;

  margin:30px 0 0 49px;

  padding:0 35px;

  line-height:38px;

  font-size:12px;

  color:#032b3b;

}

.experience .fl-left a:hover{

  border-color:#bc4100;

  color:#bc4100;

}

.experience .fl-right{

  width: 540px;

}

.experience .fl-right a{

  display: block;

}

.experience .fl-right a img{

  width: 100%;

  height: 100%;

}

.experience .fl-right a:nth-child(1){

  width: 100%;

  height: 260px;

  margin-bottom: 10px;

}

.experience .fl-right a:nth-child(2){

  width: 300;

  height: 180px;

  float: left;

}

.experience .fl-right a:nth-child(3){

  width:230px;

  height: 180px;

  float: right;

}

.space{

  background: url(../images/bg1.jpg) center top no-repeat;

  height: 740px;

  overflow: hidden;

}

.space .type-name a{

  margin-top: 94px;

}

.space .tn span{

  text-align:center;

  display:block;

  font-size:18px;

  color:#282828;

  line-height:1.4;

}

.space .tn font{

  text-align:center;

  display:block;

  font-size:14px;

  color:#383838;

  line-height:1.4;

  text-transform: uppercase;

}

.space .list{

  font-size:0;

  letter-spacing:-1px;

  text-align:center;

}

.space .list a{

  display:inline-block;

  vertical-align:top;

  position:relative;

  letter-spacing:0;

  margin:10px 0 0 10px;

}

.space .list a:nth-child(1){

  margin-left:0;

}

.space .list a:nth-child(2),

.space .list a:nth-child(5){

  margin-top:40px;

}

.space .list a:nth-child(3),

.space .list a:nth-child(4){

  margin-top:70px;

}

.space .list a ul,

.space .list a ul li{

  width:175px;

  height:330px;

}

.space .list a ul{

  position:absolute;

  top:0;

  left:0;

  opacity:0;

  background:rgba(113,69,46,.9);

  transition:all .3s;

}

.space .list a:hover ul{

  opacity:1;

}

.space .list a ul li{

  display:table-cell;

  vertical-align:middle;

  text-align:center;

}

.space .list a ul li span{

  display:block;

  text-align:center;

  color:white;

  font-size:16px;

  line-height:1.5;

}

.space .list a ul li font{

  display:block;

  text-align:center;

  color:white;

  font-size:12px;

  line-height:1.5;

  text-transform:uppercase;

}

.space .list a ul li i{

  display:block;

  width:28px;

  height:28px;

  margin:15px auto 0;

  background:url(../images/bg.png);

}

.case{

  background: url(../images/bg2.jpg) center top no-repeat;

  height: 760px;

  overflow: hidden;

}

.case .fl-left{

  width:269px;

  margin-left:8px;

}

.case .fl-left a{

  display:block;

  overflow:hidden;

}

.case .fl-left a img{

  width:100%;

  height:100%;

}

.case .fl-left .tn{

  position:relative;

  height:160px;

  margin-bottom:8px;

  background:url(../images/bg5.jpg);

}

.case .fl-left .tn1{

  background:url(../images/bg6.jpg);

}

.case .fl-left .tn img{

  width:75px;

  height:75px;

  margin:30px auto 0;

}

.case .fl-left .tn span{

  display:block;

  text-align:center;

  font-size:16px;

  color:#032b3b;

}

.case .fl-left .tn1{

  background:url(../images/bg6.jpg);

}

.case .fl-left .tn1 span{

  color:white;

}

.case .fl-left .list1{

  height:332px;

}

.case .fl-left .list2{

  height:332px;

  margin-bottom:8px;

}

.case .fl-left .list3{

  height:160px;

}

.news{

  overflow: hidden;

  height:540px;

}

.news .fl-left{

  overflow: hidden;

}

.news .fl-left,

.news .fl-left iframe,

.news .fl-left embed,

.news .fl-left object,

.news .fl-left video,

.news .fl-left img{

  width: 480px;

  height: 260px;

}

.news .list{

  width: 660px;

  margin-top:-10px;

}

.news .list a{

	display:block;

	margin-top:10px;

	padding:0px 14px 0px 14px;

	position:relative;

	height:80px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ded7d4;

}

.news .list a:hover{

  background-color:#E4E4E4; transition: 0.3s ease-in-out;

}

.news .list a:hover h1{

  color:#032b3b; transition: 0.3s ease-in-out;

}

.news .list a h1:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #032b3b; transition: 0.6s ease-in-out;}

.news .list a:hover h1:before{width: 30px; margin-right:10px;}

.news .list a:hover font{

  color:#b1a6a6;

}

.news .list a:hover p{

  color:#b1a6a6;

}

.news .list a div{

  position:absolute;

  width:130px;

  height:100px;

  left:14px;

  top:14px;

}

.news .list a div img{

  width:100%;

  height:100%;

}

.news .list a h1{

  font-size:16px;

  color:#032b3b;

  line-height:30px;

  font-weight:normal;

}

.news .list a font{

  font-size:12px;

  color:#032b3b;

}

.news .list a p{

  margin:5px 0 0;

  height:36px;

  font-size:12px;

  line-height:18px;

}

.about{

  background: url(../images/index-about-bg.jpg) center top no-repeat;

  height: 570px;

  padding-top: 30px;

  overflow: hidden;

}

.about .nr{

  overflow: hidden;

  height: 108px;

  width: 1000px;

  margin: 14px auto 0;

}

.about .nr,

.about .nr *{

  font-size: 16px;

  line-height: 36px;

}

.aboutBox{

  max-width:1200px;

  margin:0 auto 30px;

  position: relative;

}

.aboutBox > ul{

  width:1200px;

  overflow:hidden;

  margin:0 auto;

  font-size:0;

  letter-spacing:-1px;

  white-space:nowrap;

}

.aboutBox > ul > li{

  display:inline-block;

  vertical-align:top;

  font-size:0;

  letter-spacing:-1px;

  white-space:nowrap;

}

.aboutBox > ul > li a,

.aboutBox > ul > li a img{

  width:440px;

  height:260px;

}

.aboutBox > ul > li a{

  display:inline-block;

  vertical-align:top;

  margin-right:20px;

}

.aboutBox > a{

  width: 20px;

  height: 36px;

  top:50%;

  margin-top: -18px;

  opacity: 1;

  position:absolute;

  display:block;

  cursor: pointer;

  background: url(../images/icon.png);

}

.aboutBox > a.bg{

  background: url(../images/icon2.png);

}

.aboutBox > a.left{

  left:10px;

}

.aboutBox > a.right{

  right:10px;

}

.aboutBox > a.right{

  -moz-transform:rotate(180deg);

  -o-transform:rotate(180deg);

  -webkit-transform:rotate(180deg);

  transform:rotate(180deg);

}

.aboutBox > a:hover{

  background-image: url(../images/icon1.png);

}

#index .more{

  clear: both;

  text-align: center;

}

#index .more a{

  display:inline-block;

  vertical-align:top;

  border:1px solid #032b3b;

  margin:30px 0 0 30px;

  padding:0 35px;

  line-height:38px;

  font-size:12px;

  color:#032b3b;

}

#index .more a:hover{

  border-color:#bc4100;

  color:#bc4100;

}



.list_news a{

  display: block;

  float: left;

  width:260px;

  height:300px;

  margin: 20px 0 0 20px;

  background:#f8f8f8;

}

.list_news a:nth-child(-n+4){

  margin-top:0;

}

.list_news a:nth-child(4n+1){

  margin-left:0;

}

.list_news a img{

  width:100%;

  height:180px;

}

.list_news a h1{

  font-size:14px;

  line-height:20px;

  height:40px;

  font-weight:normal;

  margin:22px 15px 20px;

}

.list_news a span{

  display:block;

  float:left;

  font-size:12px;

  margin-left:15px;

}

.list_news a font{

  display:block;

  float:right;

  font-size:12px;

  margin-right:15px;

}

.list_news a:hover{

  background: #032b3b;

}

.list_news a:hover *{

  color: #FFF;

}

.list_experience { margin-bottom:30px;}

.list_experience a{

  display:block;

  float:left;

  width:383px;

  margin:25px 0 0 25px;

}

.list_experience a:nth-child(-n+3){

  margin-top:0;

}

.list_experience a:nth-child(3n+1){

  clear:both;

  margin-left:0;

}

.list_experience a > li{

  position:relative;

}

.list_experience a > li,

.list_experience a > li img,

.list_experience a > li ul,

.list_experience a > li ul li{

  width:383px;

  height:260px;

}

.list_experience a > li ul{

  position:absolute;

  left:0;

  top:0;

  opacity:0;

  transition:all .3s;

  background:rgba(3,43,59,.9);

}

.list_experience a:hover > li ul{

  opacity:1;

}

.list_experience a > li ul li{

  display:table-cell;

  text-align:center;

  vertical-align:middle;

}

.list_experience a > li ul li i{

  display:block;

  height:40px;

  background:url(../images/bg1.png) center no-repeat;

}

.list_experience a > li ul li span{

  display:block;

  text-align:center;

  color:white;

  font-size:14px;

  margin-top:5px;

}

.list_experience a > span{

  text-align:center;

  display:block;

  font-size:14px;

  line-height:22px;

  margin:12px 0 0;

}

.list_experience a:hover > span{ color:#032b3b}

.shop{

  background: url(../images/bg7.jpg) center top no-repeat;

  overflow: hidden;

  height: 692px;

}

.map{

  width: 644px;

  height: 537px;

  margin-top: 84px;

  position: relative;

  background: url(../images/map.png);

}

.map li{

  position:absolute;

  min-width:40px;

  cursor:pointer;

}

.map li.sn_1{left: 451px;top: 442px;}

.map li.sn_2{left: 384px;top: 443px;}

.map li.sn_3{left: 401px;top: 509px;}

.map li.sn_4{left: 502px;top: 400px;}

.map li.sn_5{left: 468px;top: 380px;}

.map li.sn_6{left: 536px;top: 308px;}

.map li.sn_7{left: 520px;top: 353px;}

.map li.sn_8{left: 490px;top: 319px;}

.map li.sn_9{left: 504px;top: 284px;}

.map li.sn_10{left: 481px;top: 250px;}

.map li.sn_11{left: 460px;top: 182px;}

.map li.sn_12{left: 418px;top: 240px;}

.map li.sn_13{left: 370px;top: 189px;}

.map li.sn_14{left: 454px;top: 220px;}

.map li.sn_15{left: 476px;top: 199px;}

.map li.sn_16{left: 560px;top: 76px;}

.map li.sn_17{left: 556px;top: 127px;}

.map li.sn_18{left: 529px;top: 163px;}

.map li.sn_19{left: 430px;top: 286px;}

.map li.sn_20{left: 416px;top: 384px;}

.map li.sn_21{left: 429px;top: 333px;}

.map li.sn_22{left: 359px;top: 351px;}

.map li.sn_23{left: 297px;top: 337px;}

.map li.sn_24{left: 284px;top: 429px;}

.map li.sn_25{left: 358px;top: 399px;}

.map li.sn_26{left: 375px;top: 290px;}

.map li.sn_27{left: 225px;top: 255px;}

.map li.sn_28{left: 229px;top: 194px;}

.map li.sn_29{left: 343px;top: 241px;}

.map li.sn_30{left: 112px;top: 171px;}

.map li.sn_31{left: 117px;top: 311px;}

.map li.sn_32{left: 544px;top: 431px;}

.map li.sn_33{left: 486px;top: 458px;}

.map li.sn_34{left: 439px;top: 473px;}

.map li span{

  position:relative;

  z-index:2;

  white-space:nowrap;

  text-align:center;

  display:block;

  line-height: 16px;

}

.map li:hover span{

  transform: scale(1.05);

}

.map div.nl_radius {

  z-index: 1;

  position: relative;  

  top: 0;

  left: 0;

  -webkit-transform: translateY(-30px);

  -ms-transform: translateY(-30px);

  transform: translateY(-30px);

}

.map div.nl_radius > div {

  background-color: #764830;

  border-radius: 100%;

  position: absolute;

  left: 50%;

  top: 10px;

  opacity: 0;

  margin: 0;

  width: 24px;

  height: 24px;

  margin:0 0 0 -10px;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation: nl_radius 1s 0s linear infinite;

  animation: nl_radius 1s 0s linear infinite;

}

.map div.nl_radius > div:nth-child(2) {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}

.map div.nl_radius > div:nth-child(3) {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}

@-webkit-keyframes nl_radius {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0; 

  }

  5% {

    opacity: 1; 

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0; }

}

@keyframes nl_radius {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0; }

  5% {

    opacity: 1; }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0; } 

  }

.map_list{

  position:absolute;

  right:0;

  bottom:-35px;

  top:-30px;

  width: 360px;

  padding:0 10px 10px;

  background:white;

  overflow-y:auto;

}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.map_list::-webkit-scrollbar{

  width:5px;

  height:5px;

  background-color:#f5f5f5;

}

/*定义滚动条的轨道，内阴影及圆角*/

.map_list::-webkit-scrollbar-track{

  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

  border-radius:10px;

  background-color:#f5f5f5;

}

/*定义滑块，内阴影及圆角*/

.map_list::-webkit-scrollbar-thumb{

  height:5px;

  border-radius:5px;

  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);

  background-color:#032b3b;

}

.map_list ul{

  display: none;

}

.map_list ul h1{

  color:#032b3b;

  font-size: 24px;

  text-align:center;

  line-height:50px;

  margin-top:18px;

}

.map_list ul li{

  font-size: 14px;

  color:#999;

  margin-top: 12px;

}

.map_list ul a{

  display: block;

  padding-top: 12px;

  padding-bottom: 12px;

  border-bottom:1px solid #e3e3e3;

}

.map_list ul a h2{

  font-size: 16px;

  line-height: 24px;

  margin-bottom:5px;

}

.map_list ul a:hover h2{

  color: inherit;

}

.map_list ul a p{

  font-size: 12px;

  margin: 0;

  line-height: 20px;

}

.list_knowledge ul{

  margin-top:12px;

  height:108px;

  overflow:hidden;

  position:relative;

  border-bottom: 1px solid #eaeaea;

}

.list_knowledge ul:first-child{

  margin-top:0;

}

.list_knowledge ul dd{

  position:absolute;

  left:0;

  top:0;

  width:103px;

  height:94px;

  overflow:hidden;

  color:#032b3b;

  display:block;

}

.list_knowledge ul dd b{

  display:block;

  text-align:center;

  font-size:48px;

  font-weight: normal;

  line-height:50px;

  margin-top:13px;

  color:#666666;

}

.list_knowledge ul dd span{

  display:block;

  text-align:center;

  font-size:18px;

  line-height:20px;

  color:#666666;

}

.list_knowledge ul li{

  margin:0 12px 0 103px;

}

.list_knowledge ul li a{

  font-size:18px;

  padding-top:6px;

  color: #032b3b;

}

.list_knowledge ul li a:hover{

  text-decoration: underline;

}

.list_knowledge ul li p{

  margin: 0;

  height:40px;

  font-size:13px;

  line-height:20px;

  margin-top:2px;

}

.technical{

  height: 458px;

  overflow: hidden;

  background: url(../images/bg8.jpg) center top no-repeat;

}

.technical > ul > li{

  float:left;

  width:348px;

  height:366px;

  overflow:hidden;

  background:white;

  margin:45px 0 0 28px;

}

.technical > ul > li:first-child{

  margin-left:0;

}

.technical > ul > li b{

  display:block;

  width:36px;

  height:31px;

  line-height:32px;

  overflow: hidden;

  text-align:center;

  color:white;

  font-size:18px;

  margin:59px auto 12px;

  font-weight: normal;

  background: url(../images/bg2.png);

}

.technical > ul > li > h1{

  text-align:center;

  font-size:24px;

  color:#032b3b;

  font-weight:normal;

}

.technical > ul > li .nr{

  margin:16px 18px 24px;

  height:130px;

  overflow:hidden;

}

.technical > ul > li .nr,

.technical > ul > li .nr *{

  font-size:14px;

  line-height:26px;

}

.technical > ul > li > i{

  display:block;

  width:54px;

  height:1px;

  background:#032b3b;

  margin:0 auto;

}

.culture{

  background: url(../images/bg9.jpg) center top no-repeat;

  height: 546px;

  overflow: hidden;

}

.culture .tn{

  font-size:30px;

  color:#032b3b;

  margin:15px 0 0 40px;

}

.culture .list{

  font-size:0;

  letter-spacing:-1px;

  margin:10px 0 0 40px;

  width:655px;

}

.culture .list h1{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  font-size:16px;

  line-height:20px;

  width:113px;

  color:#032b3b;

  font-weight:normal;

}

.culture .list p{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  margin:0;

  width:522px;

  min-height:36px;

  line-height:20px;

  font-size:12px;

}

.advantage{

  position:relative;

}

.advantage > img{

  float:left;

  width:572px;

  height:330px;

}

.advantage > ul{

  float:left;

}

.advantage > ul > li{

  width:488px;

  height:330px;

  overflow:hidden;

  display:table-cell;

  vertical-align:middle;

}

.advantage > ul > li > h1{

  font-size:24px;

  color:#032b3b;

  line-height:1.5;

  font-weight:normal;

}

.advantage > ul > li > p{

  margin:6px 0 0;

  font-size:12px;

  line-height:24px;

}

.advantage:nth-child(2n+1) > img{

  float:right;

}

.advantage:nth-child(2n) > ul{

  margin-left:40px;

}

.advantage:nth-child(2n+1) > ul{

  margin-right:40px;

}

.advantage > b{

  display:block;

  width:78px;

  height:190px;

  color:white;

  left:50%;

  position:absolute;

  top:50%;

  margin:-95px 0 0 -39px;

  text-align:center;

  font-size:52px;

  font-weight:normal;

  background:url(../images/bg4.png);

  line-height:172px;

  font-family:'Arial';

  letter-spacing:-2px;

}

.advantage1{

  background: url(../images/bg13.jpg) center top no-repeat;

  height: 1020px;

  overflow: hidden;

  position: relative;

}

.advantage1 > a{

  position:absolute;

  left:0;

  top:-80px;

}

.advantage1 .list{

  margin:0 0 0 -70px;

}

.advantage1 .list ul{

  float:left;

  width:320px;

  margin:40px 0 0 70px;

}

.advantage1 .list ul li{

  background:left no-repeat;

  height:90px;

  overflow:hidden;

}

.advantage1 .list ul:nth-child(1) li{

  background-image:url(../images/no1.png);

}

.advantage1 .list ul:nth-child(2) li{

  background-image:url(../images/no2.png);

}

.advantage1 .list ul:nth-child(3) li{

  background-image:url(../images/no3.png);

}

.advantage1 .list ul:nth-child(4) li{

  background-image:url(../images/no4.png);

}

.advantage1 .list ul:nth-child(5) li{

  background-image:url(../images/no5.png);

}

.advantage1 .list ul:nth-child(6) li{

  background-image:url(../images/no6.png);

}

.advantage1 .list ul li h1{

  font-size:20px;

  color:#032b3b;

  font-weight:normal;

  text-transform:uppercase;

  margin:6px 0 4px 57px;

  line-height:1;

}

.advantage1 .list ul li h2{

  font-size:12px;

  color:#032b3b;

  font-weight:normal;

  text-transform:uppercase;

  margin:0 0 0 28px;

  line-height:1;

  transform: scale(.8);

}

.advantage1 .list ul li h3{

  font-size:18px;

  color:#282828;

  font-weight:normal;

  margin:0 0 0 26px;

}

.advantage1 .list ul img{

  width:100%;

  height:190px;

}

.advantage1 .list ul p{

  margin:8px 0 0;

  font-size:14px;

  line-height:24px;

  height:96px;

  -webkit-line-clamp:4;

}

.advantage1 .list ul:nth-child(1) li h1{

  margin-left:37px;

}

.advantage1 .list ul:nth-child(1) li h2{

  margin-left:7px;

}

.advantage1 .list ul:nth-child(1) li h3{

  margin-left:20px;

}

.advantage1 .list ul:nth-child(2) li h3{

  margin-left:30px;

}

.advantage1 .list ul:nth-child(4) li h3{

  margin-left:40px;

}

.advantage1 .list ul:nth-child(5) li h3{

  margin-left:30px;

}

.advantage1 .list ul:nth-child(6) li h3{

  margin-left:30px;

}

.history{

  background: center top no-repeat;

  overflow: hidden;

  height: 640px;

}

.history .list{

  background:url(../images/bg3.png) center center no-repeat;

  height:82px;

  position:relative;

  max-width:1200px;

  margin:0 auto;

}

.history .list li{

  text-align:center;

  font-size:0;

  letter-spacing:-1px;  

}

.history .list li a{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  font-size:16px;

  color:#282828;

  width: 78px;

  height:82px;

  cursor:pointer;

  position:relative;

}

.history .list li a span{

  display:block;

  text-align:center;

  line-height: 24px;

  height:24px;

  transition:all .2s;

}

.history .list li a i{

  display:block;

  width:8px;

  height:8px;

  background:#032b3b;

  border-radius:100%;

  margin:16px auto 0;

  transition:all .2s;

}

.history .list li a b{

  display:block;

  position:absolute;

  bottom:38px;

  width:1px;

  background:#032b3b;

  transition:all .3s;

  opacity:1;

}

.history .list li a .b1{

  height:6px;

  left:0;

}

.history .list li a .b2{

  height:5px;

  left:12px;

}

.history .list li a .b3{

  height:4px;

  left:24px;

}

.history .list li a .b4{

  left:50%;

  height:4px;

  margin-left:13px;

}

.history .list li a .b5{

  left:50%;

  height:5px;

  margin-left:26px;

}

.history .list li a .b6{

  display: none;

}

.history .list li a:last-child .b6{

  display: block;

  height:6px;

  right: 0;

}

.history .list li a.hover span{

  font-weight:bold;

  color:#032b3b;

  font-size: 24px;

}

.history .list li a.hover i{

  width:24px;

  height:30px;

  border-radius:inherit;

  margin-top:8px;

  background:url(../images/arrow1.png);

}

.history .list li a.hover .b3,

.history .list li a.hover .b4{

  opacity:0;

}

.history .list > a{

  display:block;

  cursor:pointer;

  width:35px;

  height:34px;

  position:absolute;

  top:50%;

  margin-top:-14px;

  background:url(../images/icon3.png);

}

.history .list > a.prev{

  left:0;

}

.history .list > a.next{

  right:0;

  -moz-transform:rotate(180deg);

  -o-transform:rotate(180deg);

  -webkit-transform:rotate(180deg);

  transform:rotate(180deg);

}

.contact .fl-left{

  width:569px;

  height:325px;

  overflow:hidden;

}

.contact .fl-right{

  width:531px;

  height:325px;

  overflow:hidden;

  background:url(../images/bg11.jpg);

}

.history .fl-left{

  padding:0 40px;

  background:rgba(255,255,255,.6);

}

.history .fl-left ul{

  display:table-cell;

  vertical-align:middle;

  width:400px;

  height:380px;

}

.history .fl-left ul li{

  border-bottom:1px solid #032b3b;

  font-size:0;

  letter-spacing:-1px;

}

.history .fl-left ul li span{

  font-size:36px;

  font-weight:bold;

  color:#032b3b;

}

.history .fl-left ul li font{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  color:#032b3b;

  font-size:20px;

  line-height:66px;

  margin:6px 0 0 12px;

}

.history .fl-left ul p{

  font-size:14px;

  line-height:24px;

  color:#032b3b;

  margin:20px 0 0;

  -webkit-line-clamp: 10;

}

.history .img{

  float:right;

  width:580px;

  height:380px;

}

.contact .fl-right > h1{

  font-size:24px;

  color:#010101;

  font-weight:normal;

  padding:40px 75px 20px;

}

.contact .fl-right > li{

  font-size:0;

  letter-spacing:-1px;

  margin:14px 50px 0 75px;

}

.contact .fl-right > li img{

  display:inline-block;

  vertical-align:top;

  width:20px;

  height:20px;

}

.contact .fl-right > li p{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  font-size:14px;

  line-height:20px;

  color:#032b3b;

  margin:0 0 0 10px;

}

.manager{

  position:relative;

}

.manager > img{

  width:660px;

  height:566px;

}

.manager > div{

  position:absolute;

  width:530px;

  height:520px;

  right:0;

  top:23px;

  overflow:hidden;

  background:rgba(113,69,46,.95);

}

.manager > div > ul{

  width:508px;

  height:498px;

  margin:10px;

  overflow:hidden;

  border:1px solid #aa8f82;

}

.manager > div > ul > h1{

  padding-left:20px;

  font-size:20px;

  color:white;

  margin:12px 18px 0;

  background:url(../images/bg12.jpg) left no-repeat;

}

.manager > div > ul > .nr{

  margin:7px 18px 0;

}

.manager > div > ul > .nr,

.manager > div > ul > .nr *{

  color:white;

  font-size:14px;

  line-height:26px;

}

.reportsBox{

  max-width: 1200px;

  margin: 0 auto 84px;

  position: relative;

}

.reportsBox ul{

  background:#f8f8f8;

  float:left;

  width:25%;

  transition: all .3s;

}

.reportsBox ul:hover{

  background:#f5efe8;

}

.reportsBox ul li{

  font-size:0;

  letter-spacing:-1px;

  margin:32px 21px 0;

}

.reportsBox ul li span{

  display:inline-block;

  vertical-align:top;

  font-size:36px;

  color:#032b3b;

  font-weight:bold;

  line-height:42px;

  letter-spacing:0;

}

.reportsBox ul li font{

  display:inline-block;

  vertical-align:top;

  font-size:14px;

  color:#032b3b;

  line-height:18px;

  letter-spacing:0;

  margin:19px 0 0 10px;

}

.reportsBox ul h1{

  font-weight:normal;

  margin:6px 21px 0;

  font-size:14px;

  line-height:24px;

  color:#032b3b;

}

.reportsBox ul p{

  margin:20px 21px 0;

  font-size:12px;

  height:72px;

}

.reportsBox ul a{

  display:inline-block;

  vertical-align:top;

  font-size:12px;

  margin:20px 0 40px 21px;

}

.reportsBox .swiper-button-prev,

.reportsBox .swiper-button-next{

  width:20px;

  height:36px;

  margin-top:-18px;

  background:url(../images/icon2.png);

}

.reportsBox .swiper-button-next{

  -moz-transform:rotate(180deg);

  -o-transform:rotate(180deg);

  -webkit-transform:rotate(180deg);

  transform:rotate(180deg);

}

.reportsBox .swiper-button-prev:hover,

.reportsBox .swiper-button-next:hover{

  background:url(../images/icon1.png);

}

.reportsBox .swiper-pagination{

  bottom:-30px;

}

.item_list .item{

  width: 260px;

  overflow: hidden;

  margin: 15px 0 0 0;

}

.item_list .item .item_t .img{

  border:1px solid #eaeaea;

}

.item_list .item .item_t .img a img{

  width: 100%;

}

.item_list .item .item_t .title{

  padding: 10px 12px;

  line-height: 20px;

  text-align:center;

  border:1px solid #eaeaea;

  border-top:0;

}

.company{

  background: center top no-repeat;

  overflow: hidden;

  margin-bottom: 30px;

}

.video .nr{

  background:black;

}

.video .nr > ul{

  width:1200px;

  height:494px;

  background:black;

  text-align:center;

  display:table-cell;

  vertical-align:middle;

  overflow:hidden;

}

.video .name{

  text-align:center;

  margin:10px 0 0;

}

.video .list_item{

  position:relative;

  max-width:1216px;

  margin:20px auto 40px;

}

.video .list_item li{

  text-align:center;

  font-size:0;

  letter-spacing:-1px;

}

.video .list_item li a{

  display:inline-block;

  vertical-align:top;

  letter-spacing:0;

  width:212px;

  cursor:pointer;

  margin:0 0 0 10px;

  position:relative;

}

.video .list_item li a:first-child{

  margin-left:0;

}

.video .list_item li a img,

.video .list_item li a:after{

  width:100%;

  height:104px;

}

.video .list_item li a:after{

  display:block;

  position:absolute;

  left:0;

  top:0;

  content:'';

  background:rgba(0,0,0,.3) url(../images/bg5.png) center no-repeat;

}

.video .list_item li a span{

  margin-top:8px;

}

.video .list_item li a.hover span{

  color: #032b3b;

}

.video .list_item li a.hover:after{

  background-color:rgba(0,0,0,.1);

}

.video .list_item #pageStyle *{

  display:none;

}

.video .list_item #pageStyle a.prev,

.video .list_item #pageStyle a.next{

  display:block;

  background:url(../images/icon4.png) center center no-repeat;

  border:0;

  width:40px;

  min-width:40px;

  max-width:40px;

  height:40px;

  padding:0;

  overflow:hidden;

  text-indent:-99999px;

  position:absolute;

  top:35px;

  opacity:.8;

}

.video .list_item #pageStyle a.prev{

  left:0;

}

.video .list_item #pageStyle a.next{

  right:0;

  -moz-transform:rotate(180deg);

  -o-transform:rotate(180deg);

  -webkit-transform:rotate(180deg);

  transform:rotate(180deg);

}

.video .list_item #pageStyle a.prev:hover,

.video .list_item #pageStyle a.next:hover{

  opacity:1;

}



/* 必要布局样式css */



.app-store-wrap {

    width: 1200px;

    position: relative;

    margin: 0 auto;

}



.app-store-list {

    height: 260px;

    padding: 0 15px;

    margin: 30px 0;

    text-align: justify;

}



.app-store-item {

    position: relative;

    float: left;

    margin: 0 10px;

    width: 214px;

    height: 100%;

    background: #fff;

    text-align: center;

    overflow: hidden;

    font-size: 0;

}



.app-store-item:after {

    content: "";

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}



.app-store-item img {

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

}



.app-store-info {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.app-store-info h3 {

    position: absolute;

    top: 160px;

    width: 100%;

    text-align: center;

    font-size: 20px;

    font-weight: normal;

    color: #fff;

    z-index: 30;

}

.app-store-info h4 {

	position: absolute;

	top: 190px;

	width: 100%;

	text-align: center;

	font-size: 15px;

	font-weight: normal;

	color: #fff;

	z-index: 30;

	text-transform: uppercase;

}



.app-store-tag {

    position: absolute;

    top: 50%;

    left: 46%;

    width: 140px;

    height: 140px;

    margin: -60px 0 0 -60px;

    background: #333;

    opacity: .9;

    border-radius: 50%;

    z-index: 10;

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

	background: #032b3b;

}





.app-store-list .app-store-item:hover .app-store-tag {

    -webkit-transform: scale(3.7, 3.7);

    -moz-transform: scale(3.7, 3.7);

    transform: scale(3.7, 3.7);

}

.pro-tit { font-size:14px; color:#999999; text-align:center; margin-top:-20px;}

/*list*/

.list_page{text-align:center;margin:10px;display:block;}

.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}

.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}

.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}

.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}

.page_group ul li{border-right:none;border-radius:0;float:left;}

.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}

.page_group ul li:first-child{border-radius:4px 0 0 4px;}

.page_group ul li:last-child{border-radius:0 4px 4px 0;}

.page_group ul .active a{background:#f3f3f3;border-radius:0;}



.index-tit { text-align:center; background-image:url(../images/yy_12.png); width:906px; height:83px; margin-left:auto; margin-right:auto; color:#153643; font-size:24px; line-height:36px; padding-top:10px; margin-top:40px;}

.index-tit p{

	font-size:16px;

	color:#587179;

	margin-top:0px;

	line-height:30px;

	text-transform: uppercase;

	font-weight: bold;

}



/*插件样式*/

.poster-main{position: relative;width: 900px;height: 270px; margin-top:20px;}

.poster-main a,.poster-main img{display:block;}

.poster-main .poster-list{width: 900px;height: 270px}

.poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px}

.poster-main .poster-list .poster-item{ transition:All 0.5s ease-in-out;    -webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.5s ease-in-out;    -o-transition:All 0.5s ease-in-out;}/*上下*/

.poster-main .poster-list .poster-item:hover {transform:translate(0,-20px);    -webkit-transform:translate(0,-20px);    -moz-transform:translate(0,-20px);    -o-transform:translate(0,-20px);    -ms-transform:translate(0,-20px); }

.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.8;}

.poster-main .poster-prev-btn{ left: 0px; background: url("../images/btn_l.png") no-repeat center center;  }

.poster-main .poster-next-btn{right: 0px;background: url("../images/btn_r.png") no-repeat center center;}



.index-td-bg { background-color:#587179; padding-top:50px; padding-bottom:20px; margin-top:60px;}

.tedian { color:#032b3b}

.tedian li {

	width:530px;

	height:78px;

	background-color:#fff;

	margin-bottom:30px;

	overflow: hidden;

}

.tedian li:nth-of-type(odd){ float:left;}

.tedian li:nth-of-type(even){ float:right;}

.tedian li:hover {background-color:#032b3b; transition: 0.3s ease-in-out; }



.tedian li i{

	width:100px;

	height:78px;

	float:left;

	font-size:50px;

	text-align:center;

	display: block;

	overflow: hidden;

	line-height:84px;

}

.tedian li p{

	height:50px;

	float:left;

	line-height:50px;

	font-size:20px;

	padding:0;

	margin-top:14px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #7f939b;

	text-indent:30px;

}

.tedian li:hover i{ color:#FFFFFF; transition: 0.3s ease-in-out;}

.tedian li:hover p{ color:#FFFFFF; transition: 0.3s ease-in-out;}



.tedian li p:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #fff; transition: 0.6s ease-in-out;}

.tedian li:hover p:before{width: 30px; margin-right:10px;}



.tedian li:nth-child(1) { border-left-width: 4px; border-left-style: solid; border-left-color: #650614; }

.tedian li:nth-child(2) { border-left-width: 4px; border-left-style: solid; border-left-color: #b13c47; }

.tedian li:nth-child(3) { border-left-width: 4px; border-left-style: solid; border-left-color: #1e7a51; }

.tedian li:nth-child(4) { border-left-width: 4px; border-left-style: solid; border-left-color: #622e8e; }

.tedian li:nth-child(5) { border-left-width: 4px; border-left-style: solid; border-left-color: #2a3c43; }

.tedian li:nth-child(6) { border-left-width: 4px; border-left-style: solid; border-left-color: #b09a03; }



	/* 新闻资讯幻灯片 */

	.focusBox { position: relative; width: 480px; height: 260px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }

	.focusBox .pic img { width: 480px; height: 260px; display: block; }

	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }

	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }

	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}

	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px;  line-height:36px; text-decoration: none; }

	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }

	.focusBox .num li{ float: left; position: relative; width: 20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }

	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; line-height: 20px;}

	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }

	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

	

		/* about幻灯片 */

		.slideBox{ width:500px; height:290px; overflow:hidden; position:relative; float:left;}

		.slideBox .bd{ position:relative; height:100%; z-index:0;   }

		.slideBox .bd li{ zoom:1; vertical-align:middle; }

		.slideBox .bd img{ width:500px; height:290px; display:block;  }



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .prev,

		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

		.slideBox .prev:hover,

		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.slideBox .prevStop{ display:none;  }

		.slideBox .nextStop{ display:none;  }

		

.about-nr {

	float:right;

	width:630px;

	height:290px;

	line-height:30px;

	font-size:14px;

	text-indent: 26px;

}

/*分页*/

.page-num:not(:disabled) {

	cursor: pointer;

}

.page-num, .page-link {

	position: relative;

	display: block;

	padding: .5rem .75rem;

	margin-left: -1px;

	line-height: 1.25;

	color: #17a2b8;

	background-color: #fff;

	border: 1px solid #dee2e6;

}

a.page-num:hover, .page-link:hover {

	text-decoration: none;

}

.page-num-current {

	z-index: 1;

	color: #fff;

	background-color: #17a2b8;

	border-color: #17a2b8;

}

.page-num-current:hover {

	color: #fff;

}



.pagination {

	display: -ms-flexbox;

	display: flex;

	padding-left: 0;

	list-style: none;

	border-radius: .25rem;

}

.pagination a:hover { background-color:#d7d7d7; color:#272727;}

.justify-content-center {

	-ms-flex-pack: center!important;

	justify-content: center!important

}

.page-item:first-child .page-link {

	margin-left: 0;

	border-top-left-radius: .25rem;

	border-bottom-left-radius: .25rem

}



.page-item:last-child .page-link {

	border-top-right-radius: .25rem;

	border-bottom-right-radius: .25rem

}



.page-item.active .page-link {

	z-index: 1;

	color: #fff;

	background-color: #007bff;

	border-color: #007bff

}



.page-item.disabled .page-link {

	color: #6c757d;

	pointer-events: none;

	cursor: auto;

	background-color: #fff;

	border-color: #dee2e6

}

.text-center {

	text-align: center!important

}



.process-box{ width: 1140px;height: 450px; margin-left:auto; margin-right:auto;}

.process-box ul{width: 1140px;}

.process-box ul li{

  width: 196px;

  height: 196px;

  float: left;

  position: relative;

}

.process-box ul li .kuang{

  position: absolute;

  width: 196px;

  height: 196px;

  -moz-transform:rotate(45deg);

  -webkit-transform:rotate(45deg);

  -o-transform:rotate(45deg);

  transform:rotate(45deg);

  border:1px solid #ddd;

  margin-top: 42px;

  margin-left: 42px;

}

.process-box ul li .kuang1{

  top: 0;

  left: 0;

  z-index: 1;

}

.process-box ul li .kuang2{

  left: 5px;

  top: 0px;

  z-index: 2;

}

.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}

.process-box ul li .text1 .bg{width: 276px; height: 276px; }

.process-box ul li .text1 .bg a{width: 276px; height: 276px; display: block;}

.process-box ul li .text1 .bg{ transition:All 0.5s ease-in-out;    -webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.5s ease-in-out;    -o-transition:All 0.5s ease-in-out;}/*上下*/

.process-box ul li .text1 .bg:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px); }

.process-box ul li .text1 .bg1{ background: url(../images/process-img1.png) no-repeat;}

.process-box ul li .text1 .bg2{ background: url(../images/process-img2.png) no-repeat;}

.process-box ul li .text1 .bg3{ background: url(../images/process-img3.png) no-repeat;}

.process-box ul li .text1 .bg4{ background: url(../images/process-img4.png) no-repeat;}

.process-box ul li .text1 .bg5{ background: url(../images/process-img5.png) no-repeat;}

.process-box ul li .text1 .bg6{ background: url(../images/process-img6.png) no-repeat;}

.process-box ul li .text1 .bg7{ background: url(../images/process-img7.png) no-repeat;}

.process-box ul li{ margin-right: 89px; }

.process-box ul.two li{ margin-top: -40px;}



.head-so { background-color:#032b3b; height:170px;} 

.head-so-tit { font-size:14px; color:#FFFFFF; line-height:40px; width:600px; margin-top:20px;}

.head-so-tit a{

	width:120px;

	color:#FFFFFF;

	float:left;

	display: block; 

	transition: 0.3s ease-in-out;

}

.head-so-tit a:hover{

	color:#1c9ee9;

}



.head-so-tit p a:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #fff; transition: 0.6s ease-in-out;}

.head-so-tit p:hover a:before{width: 30px; margin-right:10px;}





.head-so-so {

	height:40px;

	overflow: hidden;

	margin-top:20px;

}

.head-so input {

	height:40px;

	width:490px;

	background-color:#FFFFFF;

	line-height:40px;

	padding:0;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	top: -2px;

	position: relative;

	text-indent: 10px;

	font-size:14px;

}

.head-so button {

	height:40px;

	width:110px;

	background-color:#ffd324;

	line-height:40px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	font-size:16px;

	margin-left:-4px;

}

.head-tel { margin-left:40px; width:300px; color:#FFFFFF; line-height:24px; float:left;}

.head-tel h3{ color:#FFFFFF; line-height:24px; font-size:18px; margin-top:20px; margin-bottom:20px;}

.head-wx { float:right; margin-top:20px;}

.head-wx li {

	float:left;

	margin-left:20px;

	width:100px;

	overflow: hidden;

}

.head-wx li p{ line-height:40px; text-align:center; color:#FFFFFF; margin:0; padding:0;}



.index-about {

	height:460px;

	width:480px;

	float:left;

	background-image:url(../images/gs_03.jpg);

	background-repeat: no-repeat;

}

.index-about h2{

	font-size:26px;

	font-weight: normal; margin-top:40px; margin-left:40px;

}

.index-about p{

	font-size:14px; margin-left:40px; margin-right:40px;

}

.index-about a{

	font-size:14px;

	margin-left:40px;

	width:174px;

	height:40px;

	line-height:40px;

	border: 1px solid #a8a8a8;

	display: block;

	text-indent: 36px; background-color:#dbdbd9;

}

.index-about a span{ margin-left:40px;}

.index-news { float:left; margin-left:54px;}

.index-news h3{ font-size:26px; font-weight: normal; margin-bottom:4px;}

.index-news-pic img{ width:218px; height:150px; float:left;}

.index-news-pic dl{ float:left; margin-left:24px; width:410px;}

.index-news-pic dl a{ font-size:18px;}

.index-news-pic dd{ font-size:14px; color:#8c8d8f; margin-bottom:8px;}

.index-news-pic dl p{ font-size:14px; color:#8c8d8f; line-height:26px; margin-top:0;}

.index-news li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cccfd0; line-height:46px; height:46px; 

}

.index-news li:hover a{ color:#1c9ee9}

.index-news li span{ float:right; color:#8d8d8e; line-height:46px;}



.index-news li a:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #1c9ee9; transition: 0.6s ease-in-out;}

.index-news li:hover a:before{width: 30px; margin-right:10px;}





.index-anli h1{

	width:120px;

	font-size:26px;

	line-height:40px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #1c9ee9; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:30px; text-align:center;

}







.nav *{text-decoration:none;font-size:16px;}

.nav * a:hover{background-color:#032b3b; color:#FFFFFF;}

.menu{list-style:none;height:80px;width:100%;background-color:#fff;margin-top:0px; position: fixed; top: 0; left: 0px; right: 0px; z-index:999; box-shadow: 0 0  10px ;}

.nav{list-style:none;height:80px;width:1200px;margin:0 auto;}

.nav li{float:left; position:relative; width:120px; text-align:center;}

.nav .logo{ width:302px; height:80px; float:left; margin-right:58px;}

.nav .logo img{ width:302px; height:70px; margin-top:6px;}

.nav .logo a:hover { background-color:#FFFFFF!important;}

.nav li a{color:#4e4e4e; width:120px; height:80px;line-height:80px; padding:0;blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());display:inline-block;}

.nav .active > a{background-color:#032b3b; color:#FFFFFF;}

.nav li a:focus{-moz-outline-style: none; }

.nav li .sub-nav{position:absolute;top:80px;left:0px;;list-style:none;background-color:#fff;display:none; line-height:40px;}

.nav li .sub-nav li{text-align:center;width:120px;height:40px;line-height:40px;position:relative; }

.nav li .sub-nav li a{height:40px;line-height:40px;width:120px;padding:0;display:inline-block; color:#4e4e4e; font-size:14px;}

.nav li .sub-nav li a:hover{ color:#FFFFFF;}











.con{width: 216px;height: 180px;float: left;margin-right: 30px;margin-bottom: 34px;position: relative;cursor: pointer}

.con:nth-child(5n+5){ margin-right: 0px;}

.con img{width: 216px;height: 180px}

.txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.8)}

.txt h3{font-weight: 400; color:#FFFFFF; text-align:center;}

.txt p{font-size: 14px;display: block;line-height: 26px;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0;-webkit-margin-end: 0;-moz-margin-before: 1em;-moz-margin-after: 1em;-moz-margin-start: 0;-moz-margin-end: 0; margin-left:20px; margin-right:20px;}

.content-two{width: 1000px;height: 412px;margin: 20px auto;border: 1px solid #ccc;padding: 15px 25px}

.con-two{width: 274px;height: 274px;float: left;margin-right: 35px;margin-bottom: 15px;position: relative;cursor: pointer}

.con-two img{width: 274px;height: 180px}

.txt-two{position: absolute;left: 0;top: 0;width: 100%;height: 138px;padding-top: 60px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.6);display: none}

.txt-two h3{font-weight: 400}

.txt-two p{font-size: 14px;display: block;line-height: 20px}

.content-three{width: 1000px;height: 412px;margin: 20px auto;border: 1px solid #ccc;padding: 15px 25px}

.con-three{width: 274px;height: 274px;float: left;margin-right: 35px;margin-bottom: 15px;position: relative;cursor: pointer;overflow: hidden}

.con-three img{width: 274px;height: 274px}

.txt-three{position: absolute;left: -274px;top: -274px;width: 100%;height: 138px;padding-top: 60px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.6);filter: Alpha(opacity=80)}

.txt-three h3{font-weight: 400}

.txt-three p{font-size: 14px;display: block;line-height: 20px}

.content-four{width: 1000px;height: 412px;margin: 20px auto;border: 1px solid #ccc;padding: 15px 25px}

.con-four{width: 274px;height: 274px;float: left;margin-right: 35px;margin-bottom: 15px;position: relative;overflow: hidden;cursor: pointer}

.con-four img{width: 274px;height: 274px}

.txt-four{position: absolute;left: -274px;top: 0;width: 100%;height: 138px;padding-top: 60px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.6)}

.txt-four h3{font-weight: 400}

.txt-four p{font-size: 14px;display: block;line-height: 20px}

.content-five{width: 1000px;height: 412px;margin: 20px auto;border: 1px solid #ccc;padding: 15px 25px}

.con-five{width: 274px;height: 274px;float: left;margin-right: 35px;margin-bottom: 15px;position: relative;overflow: hidden;cursor: pointer}

.conimg{width: 274px;height: 274px}

.txt-five{position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.6)}

.txt-five h3{font-weight: 400}

.content-six{width: 1000px;height: 412px;margin: 20px auto;border: 1px solid #ccc;padding: 15px 25px}

.con-six{width: 274px;height: 274px;float: left;margin-right: 35px;margin-bottom: 15px;position: relative;overflow: hidden;cursor: pointer}

.conimg-two{width: 274px;height: 274px}

.txt-six{position: absolute;left: 0;top: 0;width: 100%;height: 138px;padding-top: 60px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,.2);display: none}

.txt-six h3{font-weight: 400}

.txt-six p{font-size: 14px;display: block;line-height: 20px}



.index-cp-list li{ float:left; height:44px; width:120px; display:block; background-color:#d6dddf; text-align:center; line-height:44px;}

.index-cp-list li a{ height:44px; width:120px; display:block; line-height:44px;}

.index-cp-list li a:hover{ background-color:#032b3b; color:#FFFFFF;}

.index-cp-list li:first-child a{ background-color:#032b3b; color:#FFFFFF;}



.liuyan { width:800px; margin-left:auto; margin-right:auto;}

.form-group { clear:both; height:50px;}

.form-group label { float:left; width:120px; text-align:right; padding-right:10px;}

.form-group div { float:left;}

.form-control { line-height:20px; margin:0; padding:0; text-indent:10px; font-size:14px; width:600px;}

.form-control-1 { line-height:20px; margin:0; padding:0; text-indent:10px; font-size:14px; width:600px; height:100px;}

.form-control-2 { line-height:20px; margin:0; padding:0; text-indent:10px; font-size:14px; width:100px; margin-top:20px;}

.form-group button {

	width:200px;

	height:40px;

	line-height:40px;

	display:block;

	background-color:#0099FF;

	color:#FFFFFF;

	display:block;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none; margin-left:130px; margin-top:30px;

}