body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;} 
body{background:#fff;color:#333;font-size:12px;} 
 
ul,ol{list-style-type:none;} 
select,input,img,select{vertical-align:middle;} 
 
a{text-decoration:none;color:#FFFFFF;} 
a:hover,a:active,a:focus{text-decoration:none;} 
html,body{
	width:100%;
	font-family: "Microsoft YaHei","Microsoft YaHei UI";
}
body br{
	font-family:none
}
/*通用*/
.none{
  display: none
}

.cust-body .header{
  display:none
}

/*导航栏*/
.nav a{
  color: #FFFFFF;
  font-size: 18px;
  text-decoration: none
}
.nav{
  height: 80px;
  background: #9b0a0f
}
.logo{
  float: left;
  width: 10%;
  height: 80px;
  display: flex;
  flex-direction:row;
  align-items: center;
}
.logo img{
  align-items: center;
}
.search-box{
  float: right;
  width: 10%;
  display:none
}
.nav-box{
  width: 790px;
  float: right;
}
.nav-box li{
  float: left;
  width: 130px;
  height:80px;
  line-height: 80px;
  text-align: center;
}
.nav-box li:hover{
  background:#dd2225;
}
.nav-box .active{
  background:#dd2225;
}
.morelink .none{
	float: none;
	background: #9b0a0f;
	overflow: hidden;
	position: relative;
	margin-top: -3px;
	z-index:1000
}
.morelink .none li{
	height: 50px;
	line-height: 50px;
}
.morelink .none li:first-child{
	border-bottom: 0.5px solid #dd2225;
}
.morelink .none li:hover{
	background: #dd2225;
}
.morelink .none li a{
	color: #FFFFFF
}

/*banner*/
#carousel-view{
  width: 100%;
  position: relative;
  overflow: hidden;
}
#carousel-box{
  width: 700%;
  display: flex;
  flex-wrap: nowrap;
}
#carousel-box li{
  width: 16.67%;
}
#carousel-box li img{
  width: 100%;
}
#pagination{
  position: absolute;
  bottom: 50px;
  text-align: center;
  width: 100%;
  height: 10px;
}
#pagination span{
  display: inline-block;
  margin-left: 50px;
  width: 10px;
  height: 10px;
  background-image:url(../png/pagi-point.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0;
}
#pagination .now-pagi{
  background-image:url(../png/pagi-point-now.png);
}

.top-50{
  margin-top: 50px;
}
.top-30{
  margin-top: 30px
}
.wrap{
  width: 1200px;
  margin:0 auto;
}
.footer{
 text-align: center;
 padding: 30px 0;
 color: #ffffff;
 background: #a50a10; 
 font-size: 14px;
}
.footer span{
  font-size: 16px;
  margin:0 3px;
  vertical-align: text-top;
}
.footer p{
  margin:5px 0;
}

/*客户故事*/
.wrap2{
  width:1400px;
  margin:0 auto
}
.customer-header{
    margin-top: 100px;
    text-align: center;
    color: #00417d;
    font-weight: 100;
}
.customer-header h1{
  font-size: 70px;
  font-weight: 100;
    line-height: 70px;
}
.customer-header h2{
  font-size: 36px;
}

.customer-img-text{
  width: 100%;
  height: 700px;
  background-color: #00417d;
  background-image: url(../png/customer-01.png);
  background-size: 50% 100%;
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.customer-img-text .wrap{
  width:1400px
}
.cust-text{
  color: #FFFFFF;
  width:40%;
  padding-top:100px;
  min-width: 395px;
}
.cust-text .text-title{
  font-size: 45px;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 5px;
}
.text-title span{
  font-size: 60px
}
.cust-text .text-details{
  margin-top: 50px;
  font-size: 16px;
  line-height: 32px;
}
.main-details .cust-list-title{
  color:#595757;
  font-weight: bold;
}
.main-details .wrap2 li{
  padding-left: 100px;
  position: relative;
  padding-bottom: 70px;
}
.main-details h3{
  height: 80px;
  line-height: 80px;
  font-size: 22px;
  color: #00417d;
  margin-bottom: 10px;
}
.main-details h3 span{
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.main-details p{
  font-size: 16px;
  color: #727171;
  line-height: 28px;
}
.main-details .indent p{
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.main-details p span{
  font-weight: bold
}
.main-details .repeat-box{
  position: absolute;
  width: 80px;
  background-image: url(../png/repeat-point.png);
  background-repeat:repeat-y;
  background-position: 50% 0;
  height: 100%;
  left: 0;
  top:0px;
  z-index: 100;
}
.main-details .number-list{
  position: absolute;
  width: 80px;
  top:0;
  left: 0;
  z-index: 101;
  background: #FFFFFF
}
.main-details .number-list img{
  width: 100%
}

.live-action .img-txt{
  background: #efefef;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 10px 0;
}
.live-action .img-txt img{
  width: 45%;
    height: 100%;
    margin-top: 2%;
    margin-left: 3%;
    position: relative;
    top: 35px;
}
.live-action .img-txt p{
    margin-top: 10%;
    margin-right: 4%;
    width: 44%;
    font-size: 16px;
    color: #727171;
    line-height: 32px;
}
.img-txt .txt-wrap p img{
  width: 20px;
  height: 20px;
  margin:0;
  position: static;
  margin-right: 3px
}

/*首页*/

.provide .more-btn{
	padding:5px 30px
}
.provide .provide-title h1,.provide .provide-title h2,.friend-link h1,.friend-link h2{
  text-align: center;
  color: #00417d;
  font-weight: 100
}
.provide h1,.friend-link h1{
  font-size: 50px;
}
.provide h2,.friend-link h2{
  font-size: 26px;
}
.provide .provide-main{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 30px;
  position: relative;
}
.provide-main .flex-half{
  width: 50%;
}
.provide-main .provide-list img{
  width: 100%
}
.provide-main .product-star{
  background:#efefef;
}

.pro-list-box{
  position: relative;
}
.pro-list-box .pro-list-title,.pro-list-box .provide-hover{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.pro-list-title h1,.provide-hover h1{
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #00417d;
  margin-top: 10%;
}
.provide-main .line-bg-blue{
  color: #00417d;
  padding-bottom: 20px;
  background-image: url(../png/line-bg-blue.png);
  background-repeat: no-repeat;
  background-size: 10% 5px;
  background-position: center bottom;
}
.provide-main .line-bg-fff{
  color: #FFFFFF;
  padding-bottom: 20px;
  background-image: url(../png/line-bg-fff.png);
  background-repeat: no-repeat;
  background-size: 10% 5px;
  background-position: center bottom;
}

.pro-list-box .provide-hover{
  background-color: rgba(0,51,102,0.8);
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
}
.pro-list-box .provide-hover p{
  margin-top: 5%;
}
.more-btn{
  padding: 5px 10px;
  border:1px solid #FFFFFF;
  cursor: pointer;
}
.product-star h1{
  font-size: 24px;
  text-align: center;
  margin-top:10%;
  margin-bottom:10%;
}
.product-star-box{
  width: 90%;
  display: flex;
  margin:0 auto;
  justify-content: space-between;
}
.product-star-box p{
  text-align: center;
  font-size: 16px;
  color: #00417d;
margin-top:20px
}
.product-star-box p:nth-child(2){
  margin:30px 0 10px 0
}
.product-star-box .more-btn{
  border-color: #00417d
}
.product-star-box .star-item{
  width: 33%;
}
.product-star-box .star-item img{
  width: 80%;
  height:250px;
  margin-left:10%;
}

.provide-more{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top:0;
  z-index: 10000!important
}
.more-box{
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}
.more-left{
  width: 70%;
  height: 100%;
  background: #00417d;
}
.more-left h1{
  text-align: center;
  margin-top: 10%;
}
.more-left p,.more-left ul{
  width: 80%;
  margin:10px auto;
  font-size: 16px
}
.more-right{
  width: 30%;
  background: url(../png/more-rightbg-1.png) no-repeat;
  background-size: 100% 100%;
}
.kzh-more{
  background: url(../png/more-rightbg-2.png) no-repeat;
}
.more-box button,.more-product-star button{
  position: absolute;
  top:50%;
  margin-top: -17.5px;
  right: 0;
  width: 35px;
  height: 70px;
  background:url(../png/more-hide.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  outline: none
}

.more-box .table-box{
  width: 80%;
  margin:30px auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.more-box .table-item{
  width: 45%;
  background: url(../png/more-table-bg.png);
  background-size:100% 100%;
  display: flex;
}
.table-item p{
  width: 100%;
  margin:5px;
  font-size: 12px
}
.table-item .item-left{
  width: 35%;
  text-align: center;
  margin-bottom: 10%
}
.table-item .item-right{
  width: 65%;
  margin:5% 0;
}
.item-left h2{
  line-height: 24px;
}

.more-product-star{
  background: #efefef;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
}
.more-left-product{
  /*width: 100%;*/
  height: 400px;
    margin-top: 100px;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
}
.provide .provide-more:nth-child(6) .more-left-product{
  background-image:url(../png/puai-110.png);
}
.provide .provide-more:nth-child(7) .more-left-product{
  background-image:url(../png/cy1h.png);
}
.provide .provide-more:nth-child(7) .more-right-product h1{
  font-size:40px
}
.more-right-product{
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.more-right-product h1,.more-right-product p{
  align-items: center;
}
.more-right-product h1{
  color: #00417d;
  margin-bottom: 10%;
}
.more-right-product p{
  margin:5px 0;
  color: #727171
}


.news-item .news-title li{
  width: 80%;
  float: left;
  list-style: none
}
/*首页客户故事*/

.index-cust-box{
  width: 100%;
  height: 900px;
  position: relative;
}

.index-cust1{
  position: absolute;
  left: 0;
  top: 0;
  width: 37%;
  height: 63%;
  background: url(../png/index-cust1n.png);
  background-size: cover;
}
.index-cust2{
  position: absolute;
  left: 37%;
  top: 0;
  width: 63%;
  height: 37%;
  background: url(../png/index-cust2.png);
  background-size: cover;
}
.index-cust3{
  position: absolute;
  left: 63%;
  top: 37%;
  width: 37%;
  height: 63%;
  background: url(../png/index-cust3.png);
  background-size: cover;
}
.index-cust4{
  position: absolute;
  left: 0;
  top: 63%;
  width: 63%;
  height: 37%;
  background: url(../png/index-cust4.png);
  background-size: cover;
}
.index-cust5{
  position: absolute;
  left: 37%;
  top: 37%;
  width: 26%;
  height: 26%;
  background: #00417d;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-cust5 h1{
  font-size: 70px;
    font-weight: 100;
    letter-spacing: 2px;
}
.index-cust5 h2{
  font-size: 70px;
  margin-top: -16px;
  letter-spacing: 5px;
}
.cust-item{
  overflow: hidden;
}
.cust-item .hover-more{
  background:rgba(0,102,153,0.9);
  width: 80%;
  height: 100%;
  padding:0 10%;
  color: #FFFFFF;
  position:relative;
  margin-top: -100%;
}
.hover-more h1{
  font-size: 28px;
  padding-bottom: 30px;
  border-bottom: 1px solid #FFFFFF;
  padding-top:70px;
}
.hover-more p{
  font-size: 16px;
  margin-top: 20px;
  line-height:28px
}
.hover-more p:nth-child(2){
 margin-top:30px
}
.hover-more p:nth-child(3){
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}
.hover-more .more-btn{ 
  padding:5px 30px
}

/*首页友情链接*/

.friend-link .logobox{
  background: #efefef;
  padding:30px 0
}

.logo-flex{
  padding:40px 0;
  display: flex;
  justify-content: space-between;
}
.logo-item{
  width:33.3%;
  text-align: center;
}
.inner-link{
  padding:25px 0;
  display: flex;
  justify-content: space-between;
  padding-bottom:0
}
.inner-link a{
  width: 32%
}
.inner-link img{
  width: 100%
}

/*关于我们*/

.banner img{
  width: 100%
}
.content{

}
.content-top{
  font-size: 16px;
  color: #00417d;
}
.content-top span{
  color: #dc231e;
}
.content .main{
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.main-left{
  width: 20%;
}
.main-right{
  width: 70%
}
.main-left-title{
  font-size: 22px;
  line-height: 50px;
  color: #FFFFFF;
  background: #00417D;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}
.main-left-title span{
  position: absolute;
  font-size: 0;
  line-height: 0;
  border-width: 10px;
  border-color: #FFFFFF;
  border-right-width: 0;
  border-style: dashed;
  border-left-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  top:30%;
  right:10%;
}
.left-list{
  margin-top: 16px;
  width: 95%;
}
.left-list li{
  background: #f7f8f8;
  color: #b5b5b6;
  line-height: 36px;
}
.left-list li a{
  color: #9fa0a0
}
.left-list .list-fu li a{
  color: #b5b5b6;
}
.left-list .list-fu .list-now a{
  color: #c2191c
}
.left-list .list-fu li p{
  font-size: 14px;
  padding-left: 20px; 
}
.left-list li p{
  margin-left: 20px;
  width: 90%;
  border-bottom: 1px solid #FFFFFF;
  font-size: 16px
}
.left-list .list-now{
  background: #efefef;
  color: #c2191c
}
.left-list .list-now a{
  color: #c2191c
}
.left-list li:hover{
  background: #efefef
}
.main-right-title{
  font-size: 22px;
  line-height: 50px;
  font-weight: bold;
  border-bottom:1px solid #c88487;
  color: #c2191c;
}
.main-right-details{
    border-bottom: 8px solid #910a0f;
    padding: 30px 0;
    overflow: hidden;
}
.main-right-details p{
  font-size: 14px;
  line-height: 28px;
  color: #727171
}
.about-1 p{
  font-size: 18px;
  line-height: 28px;
  margin:40px 0;
  color: #727171;
}
.main-right-details .live-action .img-txt .txt-wrap{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left:50px
}
.main-right-details .live-action .img-txt p{
  margin:10px 0;
  margin-right: 0;
  margin-top: 5px;
  border-bottom: 1px solid #FFFFFF;
  width: 75%;
  line-height: 20px;
  color: #727171;
}
.main-right-details .live-action .img-txt span{
  color: #00417d;
  margin-right: 10px;
}
.main-right-details .hz-download{
  text-align: right;
  color: #00417D;
}
.hz-img img{
  width: 100%;
  margin-top: 40px
}
.hz-img{
  text-align: center;
}
.hz-img .more-btn{
  color: #FFFFFF;
  background:#00417D; 
  position: relative;
  top: -100px;
  font-size: 24px;
  padding: 10px 25px;
  border: none;
  letter-spacing: 3px;
}
.duty-list li{
  height: 30px;
  margin:10px 0;
  font-size: 16px;
  line-height: 30px;
  background-image: url(../png/list-icon1.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 0 0;
  letter-spacing: 1px;
  padding-left: 50px;
}
.duty-list li:nth-child(2){
  background-image: url(../png/list-icon2.png);
}
.duty-list li:nth-child(3){
  background-image: url(../png/list-icon3.png);
}
.duty-list li:nth-child(4){
  background-image: url(../png/list-icon4.png);
}
.duty-list li:nth-child(5){
  background-image: url(../png/list-icon5.png);
}

.main-right table{
  background: #f7f8f8;
  border-collapse:collapse;
  color: #727171;
  width: 100%
}

.main-right td{
  padding:8px 0;
  /*text-align: center;*/
  font-size: 14px;
  line-height: 50px;
}
.main-right .border td{
  border-right: 1px solid #d1d2d2;
  border-bottom: 1px solid #d1d2d2;
}
.main-right .border-right{
    border-right: 1px solid #d1d2d2;
}
.main-right .tr-big td{
  padding:20px 0;
}
.main-right .tr-big td:nth-child(2){
  padding-left: 10px
}
.main-right tr td:nth-child(1){
  width: 80px;
  font-size: 14px;
  font-weight: bold
}
.main-right table tr .font-normal{
 font-weight:normal;
}
.main-right table .bold-tr td{
 font-weight:bold
}
.main-right .fule-td{
  background: #00417d;
  font-size: 16px;
  color: #FFFFFF;
  padding: 8px;
}
.pro-img{
  width: 90%;
}
.pro-img div{
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin:1%;
  width: 25%;
  font-weight: bold;
}
.pro-img img{
  width: 100%;
  margin:20px 0
}
.table-wrap{
  background: #f7f8f8;
  padding:0 2%;
}
.table-details{
  margin:10px 0;
  font-size: 14px;
  color: #727171
}
.table-top{
  color: #00417d;
  margin:10px 0;
  font-size: 14px
}
.main-right .ef{
  background: #efefef
}
 h1{
  font-size: 14px;
  margin-bottom:6px
}
.ef p{
  margin-bottom:6px
}
.main-right-details .server-p p{
  line-height: 24px;
  margin:10px 0;
}

.team-item{
  padding:15px 0;
  border-top: 1px solid #dcdbdb;
  border-bottom: 1px solid #dcdbdb;
}
.member{
  display: flex;
  justify-content:space-between;
  font-size: 14px;
  line-height: 24px
}
.member img{
  width: 20%
}
.member-details{
  width: 75%;
  position: relative;
}
.member-name{
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.member-name h3{
  color: #00417d;
  font-size: 18px
}
.member-name p:nth-child(2){
  font-weight: bold
}

.map-wrap{
  position: relative;
}
.map-wrap .point-box li{
  position: absolute;
}
.map-wrap .point-box li div{
  position: absolute;
  width: 300px;
  margin-top: -120px;
  margin-left: -150px;
  background: #FFFFFF;
  text-align: center;
  padding: 10px 0;
  display: none;
}
.map-wrap .point-box li span{
  width: 10px;
  height: 10px;
  background: 
}
.map-wrap .point-box li:nth-child(1){
  right: 23%;
  top:42%;
}
.map-wrap .point-box li:nth-child(2){
  right: 33%;
  top:50%;
}
.map-wrap .point-box li:nth-child(3){
  right: 40.5%;
  top: 53%;
}
.map-wrap .point-box li:nth-child(4){
  right: 35%;
  top: 59%;
}
.map-wrap .point-box li:nth-child(5){
  right: 30.5%;
  top: 63.5%;  
}
.map-wrap .point-box li:nth-child(6){
  right: 25%;
  top: 67%; 
}
.map-wrap .point-box li:nth-child(7){
  right: 37%;
  top: 66%;
}
.map-wrap .point-box li:nth-child(8){
  right: 37%;
  top: 74%; 
}
.map-wrap .point-box li:nth-child(9){
  right: 44%;
  top: 70%; 
}
.map-wrap .point-box li:nth-child(10){
  right:50%;
  top: 66%;  
}

.company-tab{
  width: 100%
}
.company-tab tr td:nth-child(1),.company-tab tr td:nth-child(2){
  border-right: 1px solid #cdcece;
  font-weight: 100
}
.company-tab td{
  white-space: nowrap;
  padding:5px 5px;
}
.company-tab tr:nth-child(even){
  background-color: #e2e2e2
}
.company-tab tr:nth-child(odd){
  background-color: #eaebeb
}

.gery-ad{
  margin:50px 0;
  padding-bottom:50px;
  border-bottom: 1px solid #b8b8b8
}
.gery-ad .line-bg-blue,.main-right .line-bg-blue{
  margin: 30px 0;
  font-size: 24px;
  padding-bottom: 10px;
  background-image: url(../png/line-bg-blue.png);
  background-repeat: no-repeat;
  background-size: 10% 5px;
  background-position: center bottom;
  text-align: center;
  color: #00417D
}
.gery-flex{
  display: flex;
  justify-content: space-between;
}
.gery-flex div{
  width: 60%;
}
.gery-flex img{
  width: 35%;
}
.gery-title{
  color: #595757;
  font-size: 20px;
  font-weight: bold;
}
.gery-title span{
  font-size: 26px;
  color: #00417D
}
.flex-column{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gery-flex .imgdiv{
	width: 35%;
}
.gery-flex .flex-column{
	width: 62%
}
.imgdiv img{
	width: 100%;
}
.gery-ad .gery-title{
	font-size:20px;
	font-weight:bold
}
.gery-ad .gery-title span{
	margin-right:5px
}
.gery-ad p{
  margin:10px 0;
}
.gery-ad ul{
  background: #c9caca;
  color: #FFFFFF;
  padding:10px 10px;
}
.gery-ad ul li{
  line-height: 25px;
  text-indent: -10px;
  padding-left: 20px;
  font-size: 14px;
  margin:5px 0;
  color: #595757
}
.gery-ad .img-flex{
  display: flex;
  justify-content: space-between;
}
.gery-ad .img-flex .imgdiv{
  width:32%
}
.gery-ad .img-flex img{
  width: 100%
}
.gery-ad .img-text{
    display: flex;
  justify-content: space-between;
}
.gery-ad .img-text .gery-text{
  width: 60%;
}
.gery-ad .img-text .gery-text2{
width: 55%;
}
.gery-ad .img-text .imgdiv{
  width: 35%;
}
.gery-ad .img-text2 .imgdiv{
  width:40%
}
.img-end{
  text-align: right;
  margin-top:30px
}
.img-end img{
  margin-left: 1%;
  width: 35%
}
.piglists{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap; 
}
.piglists .imgdiv{
  width: 48%;
  margin-top: 30px;
}

.news-item{
  display: flex;
  justify-content: space-between;
  background: #efefef;
  padding:30px 20px;
  padding-right: 30px;
  margin:20px 0;
}
.news-item img{
  height: 120px;
  margin:0 5px;
  margin-top: 5px;
}
.news-item .news-main{
  width: 69%;
}
.news-item .news-main p{
  font-size:13px
}
.news-item .news-title{
  color: #00417d;
  border-bottom: 1px solid #d0cfcf;
  overflow: hidden;
}
 .news-title span:nth-child(1){
  float: left;
  width: 80%;
  font-size:14px
 }
 .news-title span:nth-child(2){
  float: right;
  color: #595757;
  font-size: 12px
 }
 .main-right-title input{
    width: 200px;
    float: right;
    border: 1px solid #cc191c;
    border-radius: 100px;
    height: 30px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
    outline: none;
    background: url(../png/search-news.png) no-repeat;
    background-size: 20px 20px;
    background-position: 180px center;
 }
 .news-index{
  margin:20px 0;
  float: right;
  overflow: hidden;
 }
 .news-index span{
     color:#333;
  font-size: 12px;
  margin: 0 7px;
  letter-spacing: 2px;
 }
.content-top .blue-color{
  color: #00417d;
}

		.nav{
			position:relative
		}
		.cnen{
			position:absolute;
			right:30px;
			top:0;
			height:100%;
			font-size:18px
		}
		.cnen p{
			line-height:80px;
			color:#ffffff;
			text-align:center
		}


        .contain{
                width: 100%;
                padding: 50px 0;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 30px
            }
            .contain p,.contain ul,.contain li{
                margin: 0;
                padding: 0;
            }
            .container{
                background-color:#f7f8f8 ;
                width: 100%;
                padding: 15px 20px;
            }
            .chead{
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .chead_l{
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
                position: relative;
                top: -50px;
                max-width: 600px;
            }
	    .dj-right .chead_l{
	    	max-width:510px
            }
	    .dj-right .cyn .chead_l{
		top:-20px
	    }
            .chead_l .chead_title{
                position: relative;
                font-size:22px;
                color:#00417D;
                padding-left: 10px !important;
                line-height: 30px;
                letter-spacing: 2px;
                margin-bottom: 20px !important;
            }
	    .chead_l .chead_title p{
		font-size:22px;
                color:#00417D;
	    }
            .chead_title:before{
                position: absolute;
                width:4px;
                height:100%;
                left: 0;
                top: 0;
                background-color: #00417D;
                content: " ";
            }
            .chead_l .chead_content{
                font-size: 14px;
                color: #727171;
                line-height: 30px;
                margin-bottom: 10px !important;
            }
            .chead_l .chead_stage{
                font-size: 14px;
                color: #00417D;
                line-height: 20px;
		font-weight:bold
            }
            .chead_r img{
                width: 100%;
                position: relative;
                top: -65px;
            }
            .content-do{
                width: 92%;
                position: relative;
                bottom: -30px;
                background-color: #efefef;
                padding: 20px 10px;
	        margin-left: 2%;
		margin-top:-50px
            }
            .listview_h{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin-bottom: 15px;
            }
            .listview_h text{
                font-size: 20px;
                color: #6C6E70;
                font-weight:bold;
            }
            .listview_h img{
                width:20px;
                height:12px;
                margin-left:10px ;
            }
            .listview ul{
                display: flex;
                flex-wrap: wrap;
                margin-bottom: 20px
            }
            .listview li{
                color:#6C6E70;
                font-size: 14px;
                line-height: 25px;
                height: 25px;
                list-style: none;
                padding:0 20px;
                position: relative;
                min-width: 40%;
            }
	    .chead_l .content-do{
		width:70%;
		margin-left:0;
		bottom:0;
		margin-top:0
	    }
	    .chead_l .content-do .listview ul{
		margin-bottom:0
	    }
	    .chead_l .content-do .listview li{
		min-width:100%
	    }
            .listview li:before{
                position: absolute;
                top: 11px;
                left: 0;
                width: 3px;
                height: 3px;
                border-radius: 50%;
                background-color: #6C6E70;
                content: " ";
            }
	.hover-more p{
		text-align:justify
	}
 	@media screen and (max-width: 1550px){
		.nav .wrap{
			width:1000px
		}
		.nav-box li{
			width:110px;
		}
		.nav-box{
			width:670px
		}
	}
		@media screen and (max-width: 1400px){
			.wrap2{
				width:98%
			}
			.customer-img-text{
				height:500px
			}
			.cust-text{
				padding-top:50px
			}
			.cust-text .text-title{
				font-size:35px
			}
			.cust-text .text-details{
				margin-top:20px
			}
		}
	@media screen and (max-width: 1350px){
		.nav .wrap{
			width:80%;
			margin-right:180px
		}
		.nav-box li{
			width:90px;
		}
		.nav-box{
			width:550px
		}
	}
	@media screen and (max-width: 1199px){
		.imgdiv img{
			height:100%
		}
		.gery-ad p{
			line-height:20px
		}
		.gery-ad ul li{
			margin:3px 0;
			line-height:21px
		}
		.wrap{
			width:98%
		}
		.hover-more p:nth-child(2) {
    			margin-top: 10px;
			line-height:20px
		}
		.news-item .news-main{
			width:66%
		}
			.customer-img-text{
				height:420px
			}
			.cust-text{
				padding-top:30px
			}
			.cust-text .text-title{
				font-size:30px
			}
			.cust-text .text-details{
				margin-top:10px
			}
	}
	@media screen and (max-width: 1150px){
		.product-star-box .star-item img{
			width:70%;
			height:auto
		}
		.more-left p, .more-left ul{
			font-size:14px;
			margin:10px auto;
			width:90%
		}
		.more-box .table-box{
			margin:10px auto
		}
		.provide-main .line-bg-fff{
			margin-top:5%
		}
		.provide-main .line-bg-blue{
			margin-top:5%
		}
		.more-box .table-box{
			width:90%;
		}
		.more-box .table-box .table-item{
			width:49%
		}	
		.more-box .table-box .table-item p{
			margin:5px auto;
			font-size:13px
		}
		.index-cust-box .index-cust5 h2{
			font-size:50px
		}
		.cust-item .hover-more h1 {
    			font-size: 18px;
		}
		.hover-more p:nth-child(2) {
    			margin-top: 10px;
			font-size:14px;
			line-height:18px
		}
	}
	@media screen and (max-width: 1100px){
		.duty-list li{
			height:auto
		}
	}
	@media screen and (max-width: 770px){
	html,body{
		overflow-x:hidden;
	}
  .nav .cnen{
  right:50px;
  top:-15px;
 }
.nav .cnen a{
  font-size:13px
 }
  .wrap{
    width: 100%;
  }
  .top-50{
    margin-top: 0px;
  }
  .top-30{
    margin-top: 10px
  }
   body .footer{
    margin-top:10px;
    font-size:12px
  }
  .footer span{
    font-size:14px;
    margin:0 1.5px
  }
  .nav,.logo{
    height: 50px;
    padding-left: 5%
  }
  .nav .logo img{
    height: 30px
  }
  .nav-box .active{
    background: rgba(255, 255, 255, 0.20)
  }
  .nav-box li:hover{
    background: rgba(255, 255, 255, 0.20)
  }
  .nav-box{
    position: fixed;
    left: 100%;
    top: 0%;
    transition: all ease-out 0.5s;
    height: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    list-style: none;
    padding: 0;
    float: right;
    z-index: 1000;
    padding-top: 40px;
    bottom:0;
    overflow-y:scroll;
   padding-bottom:30px
  }
  .nav-box .none{
    display: block;
  }
  .nav-box .none ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:10px 0;
  }
  .nav-box li{
    height: auto;
    line-height: 20px; 
  }
  .nav-box>ul> li{
    width: 100%;
    background:rgba(255, 255, 255, 0.20);
    margin-top: 10px;
  }
  .nav-box>ul> li > a{
    display: block;
    height: 40px;
    border-bottom: 1px solid #f08300;
    line-height: 40px;
    font-size: 16px;
    padding-left: 15px;
    font-weight: bold;
    text-align: left;
  }
  .nav-box dl{
    float: left;
    margin-left: 40px;
    line-height: 20px;
  }
  .nav-box .none li{
    text-align: left;
    padding-left: 18px;
    width: auto;
    min-width: 28%;
  }
  .nav-box a{
    font-size: 12px;
  }
 .nav-btn{
    display: block;
    position: fixed;
    width: 80px;
    height: 54px;
    right: 0;
    background-size: 35% 40%;
    top: 0;
    background-repeat: no-repeat;
    background-position: 40px 17px;
    background-image: url(../png/site-btn.png);
    z-index: 1001;
 }
  #pagination{
    bottom:5px;
  }
  #pagination span{
    margin-left: 5px
  }
   .provide h1, .friend-link h1{
    font-size: 50px
   }
  .friend-link h1{
	font-size:50px;
	line-height:50px;
	}
   .provide h2, .friend-link h2{
    font-size: 12px
   }
   .main-left{
    display: none
   }
   .content-top{
    display: none
   }
   .main-right{
    width: 98%;
    padding:10px 1%;
   }
   .content .main{
    padding-top: 0
   }
   .main-right-title{
    font-size: 16px
   }
   .main-right-details{
    padding:10px 0;
    border-bottom: none
   }
   .about-1 p{
    font-size: 12px;
    margin:20px 0;
   }
   .gery-ad .line-bg-blue, .main-right .line-bg-blue{
    margin:10px 0;
    font-size: 20px;
    background-size: 10% 2px
   }
   .live-action .img-txt{
    flex-direction: column;
   }
   .live-action .img-txt img{
    width: 100%;
    height: auto;
    margin:0;
    top:0;
   }
   .main-right-details .live-action .img-txt .txt-wrap{
    width: 100%;
   }
   .main-right-details .live-action .img-txt .txt-wrap p{
     font-size: 12px;
     padding-left:50px;
   }
   .hz-img .more-btn{
    font-size:14px;
    top:-50px
   }
   .hz-img img{
    margin-top: 10px
   }
   .duty-list li{
    font-size: 12px;
    background-size: 20px 20px;
    padding-left: 30px;
    letter-spacing: 0;
    line-height: 20px
   }
   .news-item{
    flex-direction: column;
   }
   .news-item img{
    width: 60%;
    margin:0 auto;
   }
   .news-item .news-main{
    width: 100%
   }
   .main-right-title input{
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
   }
    .main-right-title #toSearch{
	width:24px!important;
	height:24px!important;
	background-size:16px 16px !important;
   }
   .main-right td{
    font-size:12px;
   }
   .main-right tr td:nth-child(1){
    font-size: 12px
   }
   .member img{
    height: 120px;
      width: auto
   }
   .member-details{
    width: 70%;
   } 
   .main-right-details p{
    font-size: 12px
   }
   .map-wrap{
    display: none
   }
   .company-tab{
    table-layout: fixed;
   }
   .company-tab td{
    white-space: normal;
    word-wrap:break-word;
    padding:5 2px;
   }
   .company-tab tr td:nth-child(3){
    width: 100px
   }
   .main-right-details p{
    line-height: 18px
   }
   .gery-flex{
    flex-wrap: wrap
   }
   .gery-flex .flex-column{
    width: 100%
   }
   .gery-flex img{
    display: none
   }
   .gery-ad{
    margin:10px 0;
   }
   .gery-ad ul li{
    font-size: 12px
   }
    .gery-ad .img-text{
	flex-wrap:wrap
	}
.gery-ad .img-text .imgdiv{
	width:100%
	}
   .gery-ad .img-text .gery-text{
      width: 100%;
   }
.gery-ad .img-text img{
	width:70%;
	margin-left:30%
	}
   .piglists{
    flex-wrap: wrap;
   }
   .index-cust1,.index-cust2,.index-cust3,.index-cust4{
      position: static;
      width: 100%;
      height: 150px;
      background: none
   }
   .index-cust1 img,.index-cust2 img,.index-cust3 img,.index-cust4 img{
    display: block;
    width: 100%;
    height: 100%
   }
   .hover-more h1,.hover-more p{
    display: none;
   }
   .hover-more .show-all{
    display: block;
   }
   .index-cust5{
    display: none
   }
   .provide-hover{
    display: block;
   }
   .provide-hover .line-bg-fff{
    display: none
   }
   .provide-hover p:nth-child(2){
    display: none
   }
   .provide .provide-main{
    margin-top: 5px;
   }
   .provide-main .line-bg-blue{
    padding-bottom: 5px;
    background-size:10% 1px;
   }
   .product-star h1{
    margin:0;
   }
   .product-star-box p{
    height: 30px;
    font-size: 12px
   }
   .provide-main .more-btn{
    padding:2px 2px;
    font-size: 12px
   }
   .pro-list-box .provide-hover{
    background: none
   }
   .provide-hover p:nth-child(3){
    margin-top: 50px
   }
   .more-left p, .more-left ul{
    font-size: 12px;
    margin:4px 0;
    width: 100%
   }
   .more-box .line-bg-fff,.provide-main .line-bg-fff{
    margin:0;
    padding-bottom: 5px;
    background-size: 10% 1px
   }
   .provide-more{
    overflow: hidden;
   }
   .more-left{
    width: 100%
   }
   .more-right{
    display: none
   }
  .more-right-product{
    width: 100%
  }
  .more-right-product h1{
    margin:0;
  }
   .more-right-product p{
    font-size: 12px;
    margin:0;
    width: 90%
   }
   .index-cust-box{
    margin-top: 20px
   }
}
            @media screen and (max-width: 770px){
		.chead_l{
			top:-10px
		}
		.dj-right .cyn .chead_l{
			top:0
		}
		.company-tab tr td:nth-child(1){
			width:100px
		}
		.nav .wrap{
			margin-right:0
		}
		.header .nav-box{
			width:100%;
		}
                .chead_l .chead_title,.chead_l .chead_title p{
                    font-size: 12px;
                }
                .chead_l .chead_content{
                    font-size: 12px
                }
                .chead_l .chead_stage{
                    font-size: 12px
                }
                .listview_h text{
                    font-size: 12px
                }
                .listview li{
                    font-size: 12px;
                    padding:0;
                    padding-left: 5px;
                    height: auto
                }
		.nav .morelink{
			display:none
		}
		.gery-ad .img-text2 .imgdiv{
			100%;
		}
		.cust-body .header{
			display:block
		}
		.customer-header{
			margin-top:10px
		}
		.cust-body .customer-header h2{
			font-size: 24px;
    			margin: 10px 0;
		}
		.cust-text{
			width:100%;
			padding-top:0;
			min-width:0
		}
		.cust-text .text-title{
			font-size:22px
		}
		.text-title span{
			font-size:30px
		}
		.customer-img-text{
		 	width:100%;
			height: 480px;
			background-size: contain;
    			background-position: 0 100%;
		}
		.cust-text .text-details {
               		margin-top: 10px;
    			font-size: 14px;
    			line-height: 18px;
		}
		.main-details{
			margin-top:20px
		}
		.main-details .wrap2 li{
			padding-left:0;
			padding-bottom:20px
		}
		.main-details .wrap2 h3{
			font-size:14px;
			margin-bottom: 10px;
		}
		.main-details .wrap2 h3 span{
			word-break:break-all
		}
		.main-details .wrap2 p{
			font-size: 12px;
			line-height:22px;
			margin-top:5px
		}
		.main-details .repeat-box,.main-details .number-list{
			display:none
		}
		.live-action .img-txt p{
			margin-top:5%;
			font-size:12px;
			line-height:22px;
			width:100%
		}
		 .news-title span:nth-child(1){
			width:70%
		}
            }
.main-art-cont p{
    text-indent:2rem;
    margin:10px 0;
}