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

.border-box, .border-box * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style-type: none; }
@font-face { font-family: 'iconfont';  /* project id 398496 */ src: url('//at.alicdn.com/t/font_398496_dfiolwr0eae.eot'); src: url('//at.alicdn.com/t/font_398496_dfiolwr0eae.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_398496_dfiolwr0eae.woff') format('woff'), url('//at.alicdn.com/t/font_398496_dfiolwr0eae.ttf') format('truetype'), url('//at.alicdn.com/t/font_398496_dfiolwr0eae.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
.wrap { width: 1300px; margin: 0 auto; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }

body{background:#fff}

.dn{display: none}

.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }

.banner{ background-position:50% 50%; background-size: cover; background-repeat: no-repeat;height: auto !important;}
.banner .wrap{position: relative;}
.banner .desc{position: absolute;left: 0;top: 40px;width: 100%;line-height: 1;color: #333;text-align: center;padding: 0 !important;}
.banner h2{font-size: 38px;font-weight: lighter;color: #333;}
.banner p{font-size: 20px;padding: 20px 0 20px;margin: 0;line-height: 1;color: #555;}
.banner a{display: inline-block;color: #182430;font-size: 16px;line-height: 43px;border: 1px solid #32c1fc;padding: 0 0 0 20px;background: #fff;}
.banner a span{float: right;background: #32c1fc;margin-left: 20px;font-size: 20px;padding:0 20px;color: #fff;}

.section-youShi{text-align: center;line-height: 1;padding: 80px 0!important;}
.section-youShi .title{font-size: 20px;color: #555;margin-bottom: 50px;}
.section-youShi .title h2{font-size: 38px;color: #182430;padding: 0 0 30px;font-weight: lighter;}

.section-nanti{ background: #eef1f8; padding: 80px 0;}
.section-nanti .title{line-height: 1;font-size: 38px;color: #111;padding: 0 0 50px;text-align: center;font-weight: lighter;}
.section-nanti .tabs{ border: 1px solid #dbe0e9; background: #fff;}
.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: #32c1fc;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%;vertical-align: text-top;}
.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: 80%;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: 34px;padding: 0 0 0 12px;}
.section-nanti .bd .con span:before{content:'';width: 4px;height: 4px;background: #2890f9;border-radius: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;}

.section_system{text-align: center;background: url("/tpl/system/yuanChengYuFuFei/img/system-bg.jpg?v1") no-repeat 50% 50%;background-size: cover;}
.section_system .wrap{position:relative;}
.section_system .title{color: #333;font-size: 38px;line-height: 1;width: 100%;position: absolute;left: 0;top: 80px;font-weight: lighter;}
.section_system .hd{overflow: hidden;position: absolute;left: 0;top: 155px;width: 100%;z-index: 2;padding: 0 0 10px;}
.section_system .hd ul{
    border: 1px solid #32c1fc;
}
.section_system .hd li{float: left;width: 14.2857%;background: #fff;font-size: 16px;line-height: 40px;/* border-left: 1px dotted #474e59; */position:relative;}
.section_system .hd li:before{content:'';width: 1px;height: 20px;background: #32c1fc;position: absolute;left: -1px;top: 50%;margin-top: -10px;}
.section_system .hd li:first-of-type{border: none;}
.section_system .hd li a{display: block;position: relative;color: #333;}
.section_system .hd li a:before{content: '';width: 20px;height: 10px;position: absolute;left: 50%;bottom:-10px;margin-left: -10px;background: url("/tpl/system/yuanChengYuFuFei/img/system-icon.png?v1") no-repeat;display: none;}
.section_system .hd li.on a{background-color: #32c1fc;color: #fff;margin: 0 -1px;}
.section_system .hd li.on a:before{display: block;}
.section_system .bd{margin: 0;position: relative;}
.section_system .bd li{ min-height: 860px; position: relative;}
.section_system .bd img{ width: 100%;}
.section_system .bd p{position: absolute;left: 0;top: 230px;width: 100%;font-size: 16px;color: #666;}

.section_fangAn{ text-align: center; background: #f8f9fb; padding: 75px 0 95px;}
.section_fangAn .tit{line-height: 1;font-size: 38px;color: #111;margin-bottom: 70px;font-weight: lighter;}
.section_fangAn ul{ margin: 0 -10px;}
.section_fangAn li{ float: left; padding: 0 10px; width: 50%; 	}
.section_fangAn li a{display: block;line-height: 1;position: relative;text-align: left;}
.section_fangAn li img{}
.section_fangAn li a h2{font-size: 20px;color: #333;line-height: 1;margin-bottom: 15px;font-weight: normal;}
.section_fangAn li a p{font-size: 16px; line-height: 24px; color: #666;}
.section_fangAn li a span{position: absolute;right: 25px;top: 30px;width: 150px;height: 36px;text-align: center;line-height: 34px;color: #333;border: 1px solid #666;font-size: 14px;border-radius: 36px;}
.section_fangAn li a:hover span{ color: #fff;background: #32c1fc; border-color: #32c1fc;}
.section_fangAn li a .bd{background: #fff;border: 1px solid #f0f0f0;padding: 30px 175px 25px 25px;position: relative;}


.system-changJing{padding: 80px 0 50px;text-align: center;line-height: 1;background: #fff;}
.system-changJing .title{ font-size:16px; color: #666; padding: 0 0 40px;}
.system-changJing .title h2{font-size: 38px;color: #111;padding: 0 0 30px;font-weight: lighter;}
.system-changJing ul{ margin: 0 -15px;}

.system-changJing li{float: left;width: 25%;padding: 0 15px 30px;}
.system-changJing li a{display: block; position: relative;}
.system-changJing li img{ display: block;}
.system-changJing li a p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 18px;line-height: 40px;background: rgba(0, 0, 0, .7);}

.section-jieXianTu{
    padding: 80px;
    background: #f8f9fb;
    text-align: center;
}
.section-jieXianTu .title{
    font-size: 38px;
    line-height: 1;
    font-weight: lighter;
    margin-bottom: 50px;
}
.section-jieXianTu ul{
    margin: 0 -15px;
}
.section-jieXianTu li{
    float: left;
    width: 50%;
    padding: 0 14px;
}
.section-jieXianTu li a{
    display: block;
    border: 1px solid #dbe0e9;
    border-radius: 8px;
    overflow: hidden;
}
.section-jieXianTu li a h3{
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    background: #32c1fc;
    line-height: 60px;
}
.section-jieXianTu li a img{}



.section-news{background: #f1f4f9;padding: 80px 0 80px 0;}
.section-news .title{font-size: 36px;line-height: 1;color: #111;margin: 0 auto 40px;text-align: center;}
.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{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: #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: 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;}
.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: 18px;line-height: 26px;height: 52px;color: #222;}
.section-news .tabs .bd li a .desc{font-size: 14px;line-height: 21px;height: 42px;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 dashed #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: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: #006edd;color: #fff;width: 320px;height: 45px;line-height: 45px;font-size: 20px;}


.mainNews{background:#f8f9fb;padding:75px 0;text-align:center}
.mainNews h2{font-size:38px;line-height:1;color:#333;font-weight:lighter;margin:0}
.mainNews .hd{padding:50px 0 0 0}
.mainNews .hd ul{margin:0;padding:0;border-bottom:1px solid #dcdddf}
.mainNews .hd li{float:left;width:12.5%;text-align:center}
.mainNews .hd li a{display:inline-block;text-align:center;line-height:45px;font-size: 20px;position:relative;color: #555;}
.mainNews .hd li a:before{content:'';width:100%;height:2px;background:#000;position:absolute;left:0;bottom:-1px;display:none}
.mainNews .hd li.on a:before{display:block}
.mainNews .bd{padding:35px 0 0}
.mainNews .bd ul{margin:0 -10px;padding:0 0 50px}
.mainNews .bd li{float:left;width:33.333%;padding:0 10px;margin:0}
.mainNews .bd li a{text-align:left;background:#fff;display:block;border-radius:5px;box-shadow:0 0 7px 3px rgba(185,184,184,0.2);padding:0 25px 10px}
.mainNews .bd li a .pic{overflow:hidden;margin:0 -25px}
.mainNews .bd li a .pic img{width:100%}
.mainNews .bd li a:hover img{transform:scale(1,1)!important}
.mainNews .bd li a:hover .pic img{transform:scale(1.1,1.1)!important}
.mainNews .bd li a h3{font-size:18px;color:#131313;font-weight:normal;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:50px;margin:30px 0 10px}
.mainNews .bd li a .desc{color:#7b7b7b;font-size:14px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:15px;height:44px}
.mainNews .bd li a span{display:block;border-top:1px solid #e5e5e5;text-align:right;line-height:45px;color:#333;font-size:14px}
.mainNews .bd li a span em{float:left;font-size:12px;font-style:normal;color:#999}
.mainNews .bd .moreBtn{display:inline-block;width:320px;height:50px;line-height:48px;font-size:18px;color:#000;border:1px solid #000}
.mainNews .bd .moreBtn:hover{border-color:#46b6f5;background:#46b6f5;color:#fff}

.mainNews .more{ text-align: center;}
.mainNews .more a{background: url("/tpl/system/yuanChengYuFuFei/img/btn.png?v1") no-repeat 0 0;display: inline-block;line-height: 57px;height: 57px;color: #fff;padding: 0 0 0 45px;font-size: 24px;text-shadow: 0px 2px 2px rgba(0, 89, 222, 0.9);}
.mainNews .more span{
    background: url("/tpl/system/yuanChengYuFuFei/img/btn.png?v1") no-repeat 100% 100%;
    display: block;
    padding: 0 55px 0 0;
}




.section-pro{text-align: center;line-height: 1;padding: 80px 0!important;background: #eef1f8;display: none;}
.section-pro .title{font-size: 38px;color: #182430;margin-bottom: 60px;font-weight: lighter;}
.section-pro ul{margin: 0 -10px 50px;/* overflow: hidden; */}
.section-pro li{float: left;width: 25%;padding: 0px 10px 0;}
.section-pro li a{display: block;text-align: center;background: #fff;border: 1px solid #d0d8e9;border-radius: 5px;overflow: hidden;line-height: 1;color: #555;padding: 0 0 25px;}
.section-pro li img{}
.section-pro li a h3{font-size: 20px;line-height: 24px;/* margin-bottom: 15px; */}
.section-pro li a span{display: block;font-size: 12px;text-transform: uppercase;padding: 15px 0 10px;margin: 0;}
.section-pro li a i{
    font-size: 30px;
    line-height: 1;
}
.section-pro li a:hover{ box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.2);}
.section-pro .more{ text-align: center;}
.section-pro .more a{background: url("/tpl/system/yuanChengYuFuFei/img/btn.png?v1") no-repeat 0 0;display: inline-block;line-height: 57px;height: 57px;color: #fff;padding: 0 0 0 45px;font-size: 24px;text-shadow: 0px 2px 2px rgba(0, 89, 222, 0.9);}
.section-pro .more span{
    background: url("/tpl/system/yuanChengYuFuFei/img/btn.png?v1") no-repeat 100% 100%;
    display: block;
    padding: 0 55px 0 0;
}



.section_6{background:url("/tpl/system/yuanChengYuFuFei/img/jieruxitong.jpg?v1") no-repeat 50% 50%; background-size: cover; }
.section_6 a{display: block;height: 410px;}
.section_6 .desc{line-height: 1;padding: 90px 0 0 0;}
.section_6 p{font-size: 36px;line-height: 56px;color: #fff;margin: 0px 0 50px; text-shadow: 0px 1px 7.92px rgba(0, 0, 0, 0.004);}
.section_6 span{display: inline-block;background: #fff;color: #555;border-radius: 10px;padding: 0 60px;font-size: 24px;line-height: 60px;}



@media (max-device-width: 1024px) {
    .banner{height:500px; background-size: cover;}
    .banner .desc{margin-left: 0;padding: 30px 0 0 0;}
    .banner h1{font-size: 40px; line-height: 50px; margin-bottom: 30px;}
    .banner p{font-size: 22px;line-height: 30px;margin-bottom: 60px;}

}
@media (max-device-width:770px) {

}