td,th{
 	padding:8px !important;
  vertical-align: middle !important;
}
p.MsoNormal {
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  font-size: 10.5000pt;
}
.main{
  background:#f9f8f8;
  padding: 120px 0px 120px 0px;
}
.pro-container{
  max-width: 1170px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.pro-main1{
  width:100%;
  display: flex;
  flex-wrap: wrap;
}
.pro-title{
  width:100%;	
  text-align:center;
}
.pro-title h2{
  line-height:1.2;
  color:#011627;
  font-size: 2.2666666666667rem;	
  font-family:'Roboto',Sans-serif;
}
.pro-small-title{
  width:100%;	
  text-align:center;
}
.pro-small-title h6{
  line-height:1.7;
  color:#011627;
  font-size:1.0666666666667rem;
  font-weight:400;
  font-family:'Roboto',Sans-serif;
}
.pro-list{
  width:100%;
  display: flex;
  flex-direction: row;
  margin-right: auto;
  margin-left: auto;
  position: relative;	
}
.pro-column{
  width:25%;	
  display: flex;
  margin-bottom:20px;
}
.column{
  display: flex;
  flex-direction: column;
  padding: 0px 15px 0px 15px	
}
.pro-title{
  margin: 10px 0px 0px 0px;	
}
.pro-title h5{
 	color:#011627;
 	font-size: 1.2rem;
 	line-height:1.6;
 	font-weight:bold;
 	font-family:'Roboto',Sans-serif;
}
.pro1{
  background:#f9f8f8;
  padding: 80px 50px 80px 80px;
}
.prolist-container{
	display: flex;
	
}
.pro1_left{
	width: 36.984%;
}
.pro1_right{
  width: 63.016%;	
  position:relative;
}
.left_main{
 padding:10px;
 display: flex;
 flex-wrap: wrap;	
}
.pro1_title{
 width:100%;	
 margin-bottom:20px;
}
.pro1_title h3{
 	color:#011627;
 	font-size: 1.7333333333333rem;
 	line-height:1.5;
 	font-weight:bold;
 	font-family:'Roboto',Sans-serif;;
}
.pro1_description{
 width:100%;
 margin-bottom:20px;	
 font-family:'Roboto',Sans-serif;
}
.margint{
 margin-top:20px;	
}
.marginr{
 margin-right:20px;	
}
.pro1_description p{
 color:rgba(1,22,40,0.75);
 line-height:1.85;
 font-size:16px;
 margin-bottom: 1.6em;	
 font-family:'Roboto',Sans-serif;
}
.pro1_description ul{
 margin: 0 0 1.5em 3em;	
}
.pro1_description ul li p{
 	margin-bottom:0;
 	line-height:1.85;
}
.pro1_button{
 width:100%;
 height:80px;
}
.pro1_button a{
	color:#fff;
	font-size:1rem;
	line-height: 1em;
	font-weight: 700;
	border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-top: 16px;
  padding-right: 30px;
  padding-bottom: 16px;
  padding-left: 30px;
  border-color:#0078d7;
  background:#0078d7;
  font-family:'Roboto',Sans-serif;
}
.pro1_right .mySwiper1{
 width:90%;	
}
.pro1_right .swiper-pagination{
 bottom:-20px !important;	
}
.pro1_right .swiper-button-next, .pro1_right .swiper-button-prev{
 background:#f9f8f8;
 color:#666 !important;
}
.pro1_right .swiper-pagination-bullet-active{
 background:#666 !important;	
}
.pro1_right .swiper-slide img{
	border-radius: 15px;
}
.pro1_right .swiper-button-next{
 right:-10px !important;	
}
.pro1_right .swiper-button-prev{
 left:-10px !important;	
}
.pro1_right .swiper-button-next:after{
 font-size:20px !important;	
 font-weight:bold !important;
}
.pro1_right .swiper-button-prev:after{
 font-size:20px !important;	
 font-weight:bold !important;
}
.pro2{
	background:#424242;
 padding: 50px 100px 50px 100px	
}
.pro2-container{
 width: 100%;
 display: flex;
 flex-direction:column;
 justify-content: center;
 align-content: center;
 align-items: center;
}
.pro2_title{
 margin-bottom:20px;
}
.pro2_title h2{
 color:#fff;	
 font-size: 2.2666666666667rem;
 line-height:1.2;
 font-weight:bold;
 font-family:'Roboto',Sans-serif;
}
.pro2_des p{
 text-align: center;
 color: #F5F5F5;
 margin-bottom: 1.6em;
 line-height:2;
 font-size:15px;
 font-family:'Roboto',Sans-serif;
}
.pro2_des1 p{
	text-align: left !important;
}
.pro2_des ul{
 margin: 0 0 1.5em 3em;	
}
.pro2_des ul li::marker{
 color:#fff;	
}
.pro2_des ul li p{
 	margin-bottom:0;
 	line-height:1.85;
}
.pro3{
 background:#f9f8f8;	
 padding: 10px 20px 30px 20px
}
.pro3-container{
 position:relative;	
}


.pro3 .mySwiper2{
 width:90%;	
}
.pro3 .swiper-pagination{
 bottom:-20px !important;	
}
.pro3 .swiper-button-next, .pro3 .swiper-button-prev{
 background:#f9f8f8;
 color:#666 !important;
}
.pro3 .swiper-pagination-bullet-active{
 background:#666 !important;	
}
.pro3 .swiper-slide img{
	border-radius: 15px;
}
.pro3.swiper-button-next{
 right:-10px !important;	
}
.pro3 .swiper-button-prev{
 left:-10px !important;	
}
.pro3 .swiper-button-next:after{
 font-size:20px !important;	
 font-weight:bold !important;
 
}
.pro3 .swiper-button-prev:after{
 font-size:20px !important;	
 font-weight:bold !important;
}
.pro4{
 padding:80px 0 80px 0;
 background:#f9f8f8;	
}
.pro4-container{
 max-width:1170px;	
 margin:0 auto;
 display: flex;
 flex-direction:column;
 justify-content: center;
 align-content: center;
 align-items: center;
}
.pro4_titl2{
 margin: 60px 0px 40px 0px;	
}   
.pro4_titl2 h2{
 line-height:1.2;
 color:#011627;
 font-size: 2.2666666666667rem;
 font-weight:bold;	
 font-family:'Roboto',Sans-serif;
} 
.pro4_desc{
 width:100%;	
}
.pro5{
 padding:80px 0 80px 0;
 background:#fff;	
 box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
.pro5-container{
 max-width:1170px;	
 margin:0 auto;	
}
.pro6{
 background:#424242;
 padding:20px 0;	
}
.pro6-title{
 text-align:center
}
.pro6-title h2{
 color:#fff;
 line-height:1.2;
 font-size:34px;
 font-weight:bold;	
 font-family:'Roboto',Sans-serif;
}
.pro7{
 background:#f9f8f8;
 padding:80px 0;	
}
.pro7-container{
 max-width:1170px;
 margin:0 auto;	
}
.pro7-title{
 padding:10px;	
}
.pro7-title h3{
 color:#d94948;
 line-height:1.5;
 font-size:26px;
 font-weight:bold;	
 font-family:'Roboto',Sans-serif;
}
.pro7-desc{
 padding:10px;	
}
.pro7-desc p{
 color:rgba(1,22,40,0.75);
 line-height:1.85;
 font-size:16px;
 margin-bottom: 1.6em;	
 font-weight:400;
 font-family:'Roboto',Sans-serif;
}
@media (max-width:1024px){
	.main{
    padding: 80px 40px 80px 40px;
  }
  .pro-container{
  	max-width: 1024px;
  }
  .pro-column{
    width:50%;	
  }
  .pro1{
  	padding: 80px 30px 80px 30px;
  }
  .prolist-container{
  	flex-direction:column;
  }
  .pro1_left{
	  width: 100%;
  }
  .pro1_right{
    width: 100%;	
  }
  .pro2{
   padding: 50px;
  }
  .pro4{
   padding: 50px;	
  }
  .pro5{
   padding: 50px;
  }
  .pro7{
   padding: 50px;
  }
}

@media (max-width:767px){
	.main{
    padding: 50px 25px 50px 25px;
  }
  .pro-container{
  	max-width: 767px;
  }
  .pro-column{
    width:100%;	
  }
  .pro1{
  	padding: 50px 15px 50px 15px;
  }
  .prolist-container{
  	flex-direction:column;
  }
  .pro1_left{
	  width: 100%;
  }
  .pro1_right{
    width: 100%;	
  }
  .pro2{
   padding: 50px 15px 50px 15px	
  }
  .pro4{
   padding: 50px 15px 50px 15px	
  }
  .pro5{
   padding: 50px 15px 50px 15px	
  }
  .pro7{
   padding: 50px 15px 50px 15px	
  }
}