@charset "utf-8";

/* CSS Document */



.banner_vs{width:100%;}

.banner_vs h1{width:100%; text-align:center;font-size:2rem;margin-bottom:3rem;}

.banner_vscon{float:left;width:100%;position:relative;min-height:410px;_height:410px;}

.banner_vsleft{ position:absolute;left:0;bottom:40px;width:385px;}

.banner_vsleft ul{margin-right:1rem;}

.banner_vsleft ul li{width:100%; text-align:right;margin-top:50px;font-size:1.25rem;}

.banner_vsright{position:absolute;right:0;bottom:40px;width:350px;}

.banner_vsright ul li{width:100%; text-align:left;margin-top:50px;font-size:1.25rem;}



.banner_vsleft .vs_title{width:100%;font-size:1.25rem; text-align:right;}

.banner_vsright .vs_title{width:100%;font-size:1.25rem; text-align:left;}

.banner_vs .vs_img{position:absolute;top:0;left:50%;margin-left:-206px;}

.vs_title span{display:inline-block;padding:0 .5rem;margin-right:1rem;background:#224086;background-size: cover;border-top-left-radius:15px;border-bottom-right-radius:15px;color:#FFF;}



.banner2_about{width:100%;height:460px; overflow:hidden; background:url(../images/banner2_about.jpg) center center no-repeat; background-size:cover;}

.banner2_aboutcon{font-size:1rem;line-height:2rem; letter-spacing:1px;color:#FFF;padding:8rem 2rem 0;}

.banner2_aboutcon span{font-size:1.5rem; letter-spacing:2px;}

.banner2_products{background:url(../images/banner2_products.jpg) top center no-repeat #4e5d7a;}


.banner2_products h1{text-align:center;font-size:2rem;color:#FFF;margin-bottom:2.5rem;}
.banner2_prolist{}
.banner2_prolist_wrap{display:none;}
.banner2_prolist dl{flex:1;background:#FFF;margin-right:15px;padding-bottom:1rem;}
.banner2_prolist dl dd{text-align:center;padding:0 2rem;color:#999;}
.banner2_prolist dl dd h3{font-size:1.125rem;font-weight:bold;color:#333;margin:1rem 0 .5rem;}
.banner2_prolist dl:last-child{margin-right:0;}
.banner2_honor{width:100%;}

.banner2_honorpic{float:left;width:55%;}

.banner2_honorcon{float:left;width:42%; text-align:center;font-size:1.25rem;line-height:2rem;margin-left:2%;padding-top:5%;}



/*--banner5--*/

.banner5_about{width:100%;}

.banner5_aboutpic{width:45%; text-align:left;}

.banner5_aboutcon{width:50%;padding-top:5rem;margin-left:5%; box-sizing:border-box;}

.banner5_aboutcon h1{font-size:2.25rem; letter-spacing:5px;text-align:center;margin-bottom:2.5rem;}



.banner5_process{background-image: linear-gradient(to left, rgba(0, 29, 110, 1), rgba(52, 88, 195, 1));}

.banner5_process h1{color:#FFF;font-size:2.25rem;letter-spacing:5px;text-align:center;margin-bottom:3rem;}

.banner5_processpic{width:100%; text-align:center;}

.banner5_system h1,.banner5_products h1{font-size:2.25rem;letter-spacing:5px;text-align:center;margin-bottom:3rem;}

.system_list ul li{float:left;width:38%;margin:2rem 24% 0 0;}

.system_list ul li h2{margin:1rem 0 .5rem;}

.system_list ul li:nth-child(2n){margin-right:0;}



.banner5_app{width:100%;height:750px; background:url(../images/banner5_app.jpg) center top no-repeat; }

.banner5_appcon{float:right;width:60%;}

.banner5_appcon h1{font-size:2.25rem;letter-spacing:5px;margin-bottom:3rem;}

.app_list dl{display:flex;margin:1rem 0 1.5rem;}

.app_list dl dt{width:77px;margin-right:1rem;}

.app_list dl dd{flex:1;font-size:1.125rem;line-height:1.75rem;}

.app_list dl dd h2{font-size:1.5rem;line-height:1.875rem;color:#1b3e7f;margin-bottom:.5rem;}



.banner5_propic{float:left;margin-right:130px;}

.procon_list{float:left;width:50%;}

.procon_list .title{width:100%;border:#224086 1px solid;font-size:1.75rem; line-height:3rem;padding-right:15px; box-sizing:border-box;}

.procon_list .title span{display:inline-block;padding:0 1.5rem;margin-right:15px; background:#224086;color:#FFF;}

.procon_list ul{width:100%;padding:1rem;}

.procon_list ul li{float:left;width:33.3%;margin-bottom:.25rem;}

.procon_list .icon-youjiantou1{ display:inline-block;color:#999999;margin-right:.5rem;}

.procon_list .nine li{float:left;width:20%;}

@media screen and (max-width: 1200px) {
	.banner5_propic{float:left;margin-right:20px;}
	.banner2_prolist{display:none;}
.banner2_prolist_wrap{display:block;}
}
@media screen and (max-width: 768px) { 
.banner5_aboutpic{width:100%; text-align:center;padding:0 2rem}
.banner5_aboutcon{width:100%;padding:3rem 1rem 0;margin-left:0%;}
.banner5_aboutcon h1{font-size:1.75rem; letter-spacing:1px;text-align:center;margin-bottom:2.5rem;}
.banner5_system h1,.banner5_products h1{font-size:1.75rem;letter-spacing:1px;text-align:center;margin-bottom:3rem;}

.banner5_process h1{color:#FFF;font-size:1.75rem;letter-spacing:1px;text-align:center;margin-bottom:3rem;}
.system_list ul li{float:left;width:100%;margin:0 0 2rem 0;}
.banner5_appcon{float:right;width:100%;}
.banner5_appcon h1{font-size:1.75rem;letter-spacing:1px;margin-bottom:3rem;}
.app_list dl dd h2{font-size:1.25rem;line-height:1.875rem;color:#1b3e7f;margin-bottom:.5rem;}
.app_list dl dd{flex:1;font-size:.875rem;line-height:1.25rem;}
.banner5_propic{float:left;margin-right:0px;margin-bottom:2rem; text-align:center}
.procon_list{float:left;width:100%;}
.procon_list .title{font-size:1.25rem; line-height:3rem;}

.banner2_aboutcon{font-size:1rem;line-height:2rem; letter-spacing:1px;color:#FFF;padding:3rem 2rem;}
.banner2_honorpic{float:left;width:100%;padding:0 3rem;}
.banner2_honorcon{float:left;width:100%; text-align:left;font-size:1rem;line-height:2rem;margin-left:0rem;padding:5% 2% 0;}

}