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

.inline-btn{background: url("/soft/shuiBiaoYuanChengYuFuFei/img/btn.png") no-repeat left 0;display: inline-block;padding: 0 0 0 50px; vertical-align:top;} 
.inline-btn em{background: url("/soft/shuiBiaoYuanChengYuFuFei/img/btn.png") no-repeat 100% 100%;display: block;padding: 0 60px 0 0;font-size: 24px;line-height: 57px;color: #fff;text-shadow: 0px 2px 2px rgba(7, 148, 148, 0.9);}

.banner{ background-position: 50% 50%; background-repeat: no-repeat; }
.banner .wrap{ min-height: 780px; position: relative;}
.banner .desc{position: absolute;left: 0;top: 200px;}
.banner h1{font-size: 38px;line-height: 1;color: #222;font-weight: lighter;}
.banner p{font-size: 24px;line-height: 30px;margin: 25px 0 65px;color: #00b8b8;}
.banner p span{font-size: 24px;font-weight: lighter;padding: 0 15px;}
.banner a{}

.section_tit{ line-height: 1; text-align: center;}
.section_tit h2{font-size: 38px;color: #222;font-weight: lighter;}
.section_tit p{ font-size: 20px; color: #666; padding: 25px 0 0 0;}
.section_pro{ text-align: center; background: #f1f4f9; padding:80px 0;}
.section_pro ul{ margin: 60px -10px 50px;}
.section_pro li{ float: left; width: 25%; padding: 0 10px;}
.section_pro li a{display: block;background: #fff;border: 1px solid #d0d8e9;border-radius: 5px;overflow: hidden;line-height: 1;min-height: 370px;}
.section_pro li a img{}
.section_pro li a h3{font-size: 20px;color: #555;padding: 30px 0 10px;}
.section_pro li a i{color: #555;font-size: 40px;line-height: 1;}
.section_pro li a:hover{border-color: #00b8b8;}


.section_youShi{ padding: 80px 0;}
.section_youShi img{margin-top: 60px;}

.section_nanti{ background: #eef1f8; padding: 80px 0;}
.section_nanti .title{ line-height: 1; font-size: 36px; color: #111; padding: 0 0 60px; text-align: center;}
.section_nanti .tabs{border: 1px solid #dbe0e9;background: #fff;margin-top: 60px;}
.section_nanti .hd{border-bottom: 1px solid #dbe0e9;}
.section_nanti .hd ul{}
.section_nanti .hd li{ float: left; width: 50%;}
.section_nanti .hd li a{ display: block; text-align: center; font-size: 20px; color: #333; line-height: 60px;}
.section_nanti .hd li.on a{background: #00b8b8;color: #fff;}
.section_nanti .bd{ min-height: 385px; padding: 50px 0 0 0; position: relative;}
.section_nanti .bd:before{content:''; width: 100%; height: 1px; border-bottom: 1px dashed #dbe0e9; position: absolute; top: 150px;}
.section_nanti .bd ul{text-align:center; position: relativee;}
.section_nanti .bd li{display: inline-block; width: 16%;}
.section_nanti .bd .t{height: 100px;font-size: 24px;color: #333;line-height: 1;}
.section_nanti .bd .t img{margin-bottom: 20px;}
.section_nanti .bd .con{width: 70%;display: inline-block;text-align: left;padding: 10px 0 0 20px;}
.section_nanti .bd .con span{position: relative;display: block;font-size: 16px;color: #333;border-bottom: 1px dashed #dbe0e9;line-height: 44px;padding: 0 0 0 12px;}
.section_nanti .bd .con span:before{content:'';width: 4px;height: 4px;background: #00b8b8;border-radius: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;}


.section_ruanJian{padding: 80px 0;background: #ebeef5;}
.section_ruanJian ul{margin: 0 -57px;}
.section_ruanJian li{float: left;width: 25%;padding: 60px 55px 0;}
.section_ruanJian li a{display: block;text-align: center;text-decoration: none;font-size: 14px;color: #00b8b8;line-height: 1;}
.section_ruanJian li a span{display: block;line-height: 1;font-size: 18px;color: #444;/* border-bottom: 1px solid #d7dae1; */margin-bottom: 25px;/* padding: 0 0 25px; */text-align: left;}
.section_ruanJian li a .pic{border: 1px solid #eeeff4;position: relative;margin-bottom: 15px;box-shadow: 0px 5px 5px 2px #e6e6e6;}
.section_ruanJian li a .pic img{}
.section_ruanJian li a i{background: rgba(0, 0, 0, .3);color: #fff;position: absolute;right: 0;bottom: 0;line-height: 1;padding: 5px;border-radius: 2px 0 0 0;}
.section_ruanJian li a:hover i{background: #00b8b8;}
.section_ruanJian li a:hover .pic{border-color:#dfdfdf;}

.section_fanagAn{padding: 80px 0;}
.section_fanagAn ul{}
.section_fanagAn li{padding: 60px 0 0 0;}
.section_fanagAn li a{position: relative;display: block;}
.section_fanagAn li a .desc{width: 600px;position: absolute;right: 40px;top: 70px;bottom: 70px;background: #FFF;border-radius: 10px;padding: 55px 0 0 40px;line-height: 1;}
.section_fanagAn li a h3{font-size: 36px;color: #333;}
.section_fanagAn li a p{ font-size: 20px; color: #666; padding: 18px 0 38px;}
.section_fanagAn li a img{ border-radius: 10px; margin-bottom: 38px;}
.section_fanagAn li a span{}


.section_news{background: #f1f4f9;padding: 80px 0 80px 0;text-align: center;}
.section_news .title{font-size: 45px;line-height: 1;color: #363636;margin: 0 auto 50px;}
.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 50px;padding: 60px 0 0 0;}
.section_news .tabs .hd{margin-bottom: 25px;}
.section_news .tabs .hd ul{border-bottom: 1px solid #dee0e1;}
.section_news .tabs .hd li{float: left;width: 12.5%;text-align: center;}
.section_news .tabs .hd li a{display: block;line-height: 44px;text-align: center;font-size: 18px;color: #363636;}
.section_news .tabs .hd li.on a{color: #fff;background: #333;}
.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: 33.33333%;padding: 0 10px;}
.section_news .tabs .bd li a{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);display: block;background: #fff;text-align: left;}
.section_news .tabs .bd li img{width: 100%;height: 240px;}
.section_news .tabs .bd li a .hull{padding: 15px 30px 20px;}
.section_news .tabs .bd li a h2{font-size: 18px;line-height: 24px;height: 24px;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section_news .tabs .bd li a .desc{font-size: 14px;line-height: 22px;height: 44px;color: #999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px auto 25px;}
.section_news .tabs .bd li a p{border-top: 1px solid #e5e5e5;line-height: 1;font-size: 14px;color: #999;padding: 15px 0 0 0;}
.section_news .tabs .bd li a p span{float: right;font-size: 14px;color: #333;}
.section_news .tabs .bd li a p img{ width: auto; height: 20px; float: left;}
.section_news .tabs .bd li a:hover h2,.section_news .tabs .bd li a:hover p span{color: #00b8b8;}
.section_news .tabs .bd li a:hover{margin-top: -10px;}
.section_news .case{margin: 0 auto 50px;}
.section_news .case ul{margin: 0 -10px;}
.section_news .case li{float: left;width: 20%;padding: 0 10px 20px;}
.section_news .case li a{display: block;text-align: center;padding: 20px 0;background: #fff;}
.section_news .case li a:hover{ box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);}

.section_changJing{padding: 80px 0 50px;text-align: center;line-height: 1;}
.section_changJing .title{ font-size:16px; color: #666; padding: 0 0 40px;}
.section_changJing .title h2{ font-size: 36px; color: #111; padding: 0 0 30px;}
.section_changJing ul{margin: 60px -15px 0;}
.section_changJing li{ float: left; width: 25%; padding: 0 15px 30px;}
.section_changJing li a{display: block; position: relative;}
.section_changJing li img{ display: block;}
.section_changJing li a p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 18px;line-height: 50px;background: rgba(0, 0, 0, .7);}

.section_about{text-align: center;background: none;margin: 0 auto 0;position: relative;}
.section_about .wrap{position: absolute;left: 50%; transform: translateX(-50%); line-height: 1;top: 94px; z-index: 9}
.section_about h2{line-height: 1;color: #fff;font-weight: lighter;font-size: 38px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82); margin: 0 auto}
.section_about span,.section_about p{font-size: 30px;margin-top: 28px;display: block;}
.section_about img{vertical-align: middle;}    
.section_about .hd ul{display: inline-block; margin: 30px auto 0;}
.section_about .hd li{float: left;margin: 0 33px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;}
.section_about .hd li.on{background:#46b6f5}
.section_about .bd{}
.section_about .bd .bdCon{ height: 813px;}
.section_about .bd img{margin: 0 auto; display: block;}