@charset "utf-8";
/* CSS Document */

.headerSubNav li{width: 50%;}

.banner{ position: relative;}
.banner .desc{position: absolute;left: 0;top: 120px;width: 100%;line-height: 1;text-align: center;}
.banner .desc h2{font-size: 66px;color: #282828;line-height: 1;margin: 0 0 20px;font-weight: normal;}
.banner .desc p{display: inline-block;color: #282828;padding: 0 40px;font-size: 34px;line-height: 66px;/* background: #1972fe; */border-radius: 66px;vertical-align: top;position: initial;width: auto;}
.banner .more{position: absolute;left: 0;bottom: 80px;width: 100%;text-align: center;}
.banner .more a{display: inline-block;background: #006edd;padding: 0 0 0 60px;height: 80px;/* overflow: hidden; */border-radius: 80px;}
.banner .more span{display: block;font-size: 37px;color: #fff;line-height: 80px;background: url("../img/btn.png") no-repeat 100% 50%;padding: 0 70px 0 0;}

.section-youShi{text-align: center;padding: 100px 0 0px;}
.section-youShi .tit{ line-height: 1; margin: 0 0 60px; font-size: 65px; color: #282828;}

.section-system{background: #e9f0f9;}
.section-system .tit{/* background: url("img/system_tit.jpg") no-repeat; */background-size: cover;text-align: center;font-size: 65px;color: #282828;font-weight:normal;line-height: 1;padding: 75px 0 45px;}
.section-system .tit p{display: inline-block;font-size: 38px;line-height: 60px;color: #fff;border-radius: 60px;background: #1972fe;padding: 0 60px;margin: 30px 0 0 0;}
.section-system ul{/* overflow: hidden; */}
.section-system li{ position: relative;}
.section-system li:before{content:'';position: absolute;width: calc(100% - 80px);left: 40px;top: -2px;height: 2px;background: #cacaca;}
.section-system li .desc{position: absolute;left: 0;top: 80px;width: 100%;padding: 0 0 0 40px;}
.section-system li h2{font-size: 50px;line-height: 60px;color: #333;margin-bottom: 30px;}
.section-system li p{font-size: 32px;line-height: 46px;color: #333;padding: 0 30px 0 0;}


.section-about{ position: relative}
.section-about .hd{position: absolute;left: 0;top: 110px;width: 100%;text-align: center;color: #fff;z-index: 2;}
.section-about .hd h2{ font-size: 60px; line-height: 80px; margin-bottom: 40px;text-shadow: 0px 1px 0px rgba(16, 48, 86, 0.2);}
.section-about .hd ul{ display: inline-block;vertical-align: top;}
.section-about .hd li{ float: left; font-size: 30px; line-height: 55px; border-radius: 55px; background: #a7c6f2; padding: 0 40px; margin: 0 30px;}
.section-about .hd li.on{  background-image: -moz-linear-gradient( 90deg, rgb(0,122,255) 0%, rgb(82,152,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,122,255) 0%, rgb(82,152,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,122,255) 0%, rgb(82,152,255) 100%);}

.section_pro{ text-align: center; background: #e9f0f9; padding: 80px 15px 80px;}
.section_pro .tit{font-size: 66px;line-height: 1;color: #282828;margin-bottom: 60px;}
.section_pro ul{}
.section_pro li{padding: 0 0 30px;}
.section_pro li a{ display: block; background: #ffffff; border-radius: 10px; padding: 5px 5px 5px 350px; text-align: left; line-height: 1;}
.section_pro li a img{ border-radius: 10px 0 0 10px; float: left; margin-left: -350px;}
.section_pro li a .desc{min-height: 200px;padding: 34px 0 0 0;}
.section_pro li a h3{ font-size: 38px; color: #1d2023; line-height: 50px;}
.section_pro li a p{ font-size: 26px; line-height: 1; color: #666; padding: 15px 0 0 0;}
.section_pro li a span{ display: inline-block; font-size: 42px; line-height: 64px; border-radius: 64px; background: #006edd; color: #fff; padding: 0 35px;}
.section_pro li a em{font-size: 22px;padding: 0 0 0 10px;}



.section-news{background: #f8f9fb;padding: 80px 20px 80px 20px;/* display: none; */}
.section-news .title{margin: 0 auto 60px;text-align: center;font-size: 66px;line-height: 1;color: #282828;}
.section-news .title a{font-size: 18px;float: right;color: #000;padding: 0 10px;line-height: 43px;border: 1px solid #666;}
.section-news .title a:hover{}
.section-news .tabs{margin: 0 auto 20px;}
.section-news .tabs .hd{margin-bottom: 30px;}
.section-news .tabs .hd ul{}
.section-news .tabs .hd li{text-align: center;float: left;width: 25%;border: 1px dotted #c0c0c0;margin: -1px 0 0 -1px;}
.section-news .tabs .hd li a{display: block;line-height: 85px;text-align: center;font-size: 26px;color: #363636;}
.section-news .tabs .hd li.on a{color: #fff;background: #006edd;}
.section-news .tabs .bd{ height: auto!important}
.section-news .tabs .bd ul{margin: 0 -10px;position: initial!important;}
.section-news .tabs .bd li{float: left;width: 50%;padding: 20px 10px 0;}
.section-news .tabs .bd li a{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);display: block;background: #fff;}
.section-news .tabs .bd li img{ width: 100%; height: 230px;}
.section-news .tabs .bd li a .hull{padding: 20px 20px 20px;}
.section-news .tabs .bd li a h2{font-size: 20px;line-height: 30px;height: 60px;color: #282828;margin: 5px auto 25px;}
.section-news .tabs .bd li a .desc{font-size: 20px;line-height: 30px;height: 60px;color: #282828;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 25px auto 25px;display: none;}
.section-news .tabs .bd li a p{border-top: 1px dashed #e0e0e0;line-height: 1;font-size: 20px;color: #7c7c7c;padding: 15px 0 0 0;}
.section-news .tabs .bd li a p span{float: right;font-size: 20px;color: #333;}
.section-news .tabs .bd li a:hover h2,.section-news .tabs .bd li a:hover p span{color: #006edd;}
.section-news .tabs .bd li a:hover{/* margin-top: -10px; */}
.section-news .case{margin: 0 auto;}
.section-news .case ul{}
.section-news .case li{ float: left; width: 20%;}
.section-news .case li a{display: block;text-align: center;padding: 20px 0;}
.section-news .case li a:hover{ box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);}
.section-news .more{text-align: center;padding: 40PX 0 0 0;}
.section-news .more a{display: inline-block;background: url("../img/btn.png") no-repeat 100% 50% #006edd;color: #fff;height: 80px;line-height: 80px;font-size: 37px;padding: 0 70px 0 60px;border-radius: 80px;}